/* Theme Name: Parkside Resort 2017 Author: Webiloo Author URI: http://webiloo.com Version: 1.0.0 Description: Custom theme for Wordpress */ /* @import url('https://fonts.googleapis.com/css?family=Marcellus+SC'); */ body { margin:0; font-family:OpenSans; color:#333; font-size:90%; line-height:26px; } .Container { margin:0 auto; padding:10px 0; max-width:1160px; clear:both; position:relative; } a { text-decoration:none; color:#333; } hr { border:none; border-top:1px solid #ccc; margin:30px 0; } blockquote { margin:0; } table { border-collapse:collapse; } table td { vertical-align:top; padding:5px; } h1, h2, h3, h4, h5, h6 { font-family:Marcellus !important; line-height:110%; margin:0 0 10px; } hr { display:block; clear:both; margin:20px 0; } iframe { max-width:100%; } /* Fonts */ @font-face { font-family: OpenSans; font-display: auto; src: local('OpenSans'), url("fonts/opensans.ttf") format('truetype'); } @font-face { font-family: Marcellus; font-display: auto; src: local('Marcellus'), url("fonts/MarcellusSC-Regular.ttf") format('truetype'); } @font-face { font-family: FontAwesome; font-display: auto; src: local('FontAwesome'), url("fonts/fontawesome-webfont.ttf") format('truetype'); } /* Forms */ input, textarea { font-family:OpenSans; font-size:14px; color:#333; border:none; border:1px solid #ddd; } textarea { padding:20px 2%; } input[type="submit"], input[type="reset"], .wpcf7-captchar { width:unset; } #Content #s, #Content #searchsubmit { display:inline-block; } #Content #searchform input#s { width:250px; margin-bottom:5px; } #Content select { padding:5px 0; border:1px solid #ccc; width:100%; } /* Forms */ .Half, .OneThird, .OneFourth, .TwoThird, .ThreeFourth { display:inline-table; } .Half { width:49%; } .Half input { width:96%; } .OneThird { width:32%; margin-right:1%; } .OneThird input { width:96%; } .TwoThird { width:66.66%; } .OneFourth { width:24%; margin-right:1%; } .OneFourth input, .OneFourth select { width:calc(100% - 40px); } /* Buttons */ input[type="submit"], input[type="reset"], em a, a em, .button { padding:5px 20px; display:inline-block; text-transform:uppercase; background:#ba8d25; color:#fff !important; border:none; text-decoration:none !important; font-style:normal; text-align:center; margin-bottom:5px; } input[type="submit"]:hover, input[type="reset"]:hover, em a:hover, a em:hover, .button:hover { text-decoration:none; background:#003E5B !important; cursor:pointer; } /* TopBar */ #TopBar { background:#003E5B; font-family:OpenSans; color:#fff; z-index:99; position:fixed; width:100%; } #TopBar a { color:#fff; line-height:0; } #TopBar a:hover { color:#CC9F36; } #TopBar span { margin-left:5px; } #TopBar #Address, #TopBar #Phone, #TopBar #SocialMedia, #TopBar #Contact, #TopBar #SearchButton, #TopBar #SocialSearch { display:inline; } #TopBar #Phone { margin-left:20px; } #TopBar #SocialSearch { float:right; } #TopBar #SocialMedia a { display:inline-block; margin:0 10px; font-size:26px; width:40px; text-align:center; position:relative; top:3px; margin:0; } #TopBar #SearchButton { margin-left:20px; } #SearchButton a { background:#CC9F36; padding:5px 15px; } #SearchButton a:hover { color:#fff; background:#ba8d25; } /* Search Form */ #SearchForm { position:absolute; top:0; width:100%; left:0; background:#f9f9f9; color:#333; text-align:center; font-family:OpenSans; z-index:99; transition-property: all; transition-duration:0.8s; z-index:99; } #SearchForm #searchform { width:98%; padding:5px 1%; position:relative; } #SearchForm label, #SearchForm #s, #SearchForm #SearchSubmit, #SearchForm #CloseSearchForm { display:inline-block; vertical-align:middle; } #SearchForm label { color:#CC9F36; font-weight:bold; text-transform:uppercase; font-size:20px; font-family:Marcellus; } #SearchForm .fa-search { color:#fff; font-size:22px; } #SearchForm #s { width:80%; text-align:center; color:#000; margin:0 0 0 1%; } #SearchForm #SearchSubmit { background:#CC9F36; border:none; padding:4px 10px; margin:0 1% 0 -5px; } #SearchForm #SearchSubmit:hover { background:#003E5B; cursor:pointer; } #SearchForm #CloseSearchForm { padding:16px 13px; background:#ad2424; } #SearchForm #CloseSearchForm:hover { background:#840e0e; } /* Header */ #Header { background:#002b3f; position:fixed; width:100%; top:45px; z-index:97; } #Header .Container { display:table; width:100%; } #SiteLogo, #MainMenu { display:table-cell; vertical-align:top; } /* Main Menu */ #MainMenu { margin-top:30px; } #MainMenu ul#mega-menu-primary { font-family:OpenSans; margin:30px 0; padding:0; text-align:right; } #MainMenu ul li { list-style-type:none; display:inline-block; } #MainMenu ul li a { text-decoration:none; padding:6px 20px; display:block; font-size:14px; text-transform:uppercase; color:#fff; } /* Add Font Awesome campground icon to left of nav items */ .fa-campground-label > a::before { content: "\f6bb"; /* Unicode for fa-campground */ font-family: "Font Awesome 6 Free"; /* Or Font Awesome 5 Free if using v5 */ font-weight: 900; margin-right: 8px; display: inline-block; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {width:225px !important;top:50px !important;} /* Mega Menu */ #Header #mega-menu-wrap-primary { background:none; } #MainMenu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { font-family:OpenSans; font-size:16px; margin-left:5px; } #MainMenu .mega-sub-menu li p { margin:0 !important; } #MainMenu .mega-sub-menu li h2 { margin:0 0 10px !important; } #MainMenu .mega-sub-menu li a { font-size:unset; text-transform:unset; padding:0; display:unset; } #MainMenu .mega-sub-menu li a:hover { background:none; color:#333; text-decoration:underline; } #MainMenu .mega-sub-menu li em a { padding:5px 15px; text-transform:uppercase; margin-top:10px; display:inline-block; } #MainMenu .mega-sub-menu li em a:hover { text-decoration:none; } #MainMenu .mega-sub-menu li em a:hover:after { border:none; } #MainMenu .mega-sub-menu .textwidget ul { margin:10px 0; } #MainMenu .mega-sub-menu .textwidget li { display:block; text-align:left; font-family:Baskerville; } #MainMenu .mega-sub-menu .textwidget li:before { content:"\00BB"; font-size:20px; line-height:0; margin:0 5px; color:#ba8d25; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus { background:#ba8d25 !important; } /* Mobile Menu */ .mobile-menu { width:100%; text-align:center; margin:10px auto 0; } .mobile-menu a { color:#fff; text-decoration:none; font-family: OpenSans; font-size:16px; width:200px; background:#CC9F36; padding:5px 30px; } .mobile-menu #mobile { text-align:center; position:absolute; top:0; left:0; width:100%; z-index:100; display:block; background:rgba(0,0,0,0.8); padding:20px 0; } .mobile-menu #mobile a { width:70%; display:block; margin:0 auto 3px; padding:10px 30px; } .mobile-menu #mobile ul { padding:0; } .mobile-menu #mobile li { display:block; text-align:center; } .mobile-menu #mobile li.accordion { padding:0; background:none; margin-top:0; } .mobile-menu #mobile li.accordion:after, .mobile-menu #mobile .sub-menu li a:after { content:none !important; } .mobile-menu #mobile li.accordion a { position:relative !important; } .mobile-menu #mobile li.accordion a:after { content: '\002B'; color: #fff; font-size:18px; margin-left: 5px; line-height:20px; position:absolute; right:15px; top:12px; } .mobile-menu #mobile .panel { border-bottom:0; background:none; } .mobile-menu #mobile .panel a { background:#999; } /* Slider */ .slider { display:block; height:500px; position:relative; z-index:0; padding-top:172px; background-size:cover;background-position:center;} .flexslider { overflow:hidden; } .flexslider .slides { height:500px; background:url(''); background-size:cover; background-position:center; } .flexslider .slides .slide-text a { color:#fff; } .flexslider .slides .slide-text h1 { font-size:24px; } .flexslider .slides li { height:500px; background-size:cover !important; background-position:center !important; } .flexslider .slides .slide-text { position:absolute; top:0; width:100%; height:100%; color:#fff; text-shadow:1px 1px 2px #000; text-align:center; background:rgba(0,0,0,0.1); } .flexslider .slides .slide-text .SlideDetails { position:relative; top:120px; } .flexslider .slides .slide-text .SlideDetails h1 a { font-size:50px; line-height:50px; } .flexslider .slides .slide-text .SlideDetails .SlideText { font-size:26px; margin:50px 0; } .flexslider .slides .slide-text .SlideDetails .button { font-size:20px; padding:15px 30px; text-shadow:none; background:none; border:1px solid #fff; background:rgba(0,0,0,0.5); } .flexslider .slides .slide-text .SlideDetails .button:hover { background:rgba(204,159,54,0.8) !important; } .flexslider .slides .slide-text ul { padding:0; } .flex-direction-nav li { list-style-type:none; } .flex-direction-nav li a { line-height:40px; } .flex-direction-nav li a:hover { background:none; } .flex-control-paging { display:none; } /* SiteOrigin - Panel Grid */ #Content .panel-grid { margin-right:0; } #Content .panel-grid-cell { position:relative; z-index:1; } #Content .panel-grid .textwidget { max-width:1160px; margin:0 auto; } #Content #PageTitle { margin:30px 0; } /* SiteOrigin Slider */ #Content #panel-6-5-1-1 .siteorigin-widget-tinymce h2, #Content #panel-6-5-1-1 .siteorigin-widget-tinymce p { text-shadow: none; color: #444; } /* Internal Page Header */ #PageTitle { color:#fff; height:150px; padding-top:175px; background-size: cover; background-position: bottom;} #PageTitle h1 { line-height:130px; } /* Content */ #Content { padding:40px 0; overflow:auto; } #Content img { max-width:100%; height:auto; } #Content a:not(.btn) { text-decoration:underline; color:#BA8D25; } #Content a:not(.btn):hover { color:#003E5B; } #Content h1 a, #Content h2 a, #Content h3 a, #Content h4 a, #Content h5 a, #Content h6 a { color:#333; text-decoration:none; } /* Homepage */ #Content.Home, #Content.Home .Container { padding:0; } /* Homepage - Testimonials */ #ta_tracking_percentRecommended_google { display:none; } /* MainContent */ #Content #MainContent { display:inline-table; width:calc(79% - 20px); padding-right:20px; } #Content #MainContent a { color:#0F62A4; text-decoration:underline; } #Content #MainContent a:hover { color:#FF5500; } /* Overlays */ #Content .BlackOverlay { background:rgba(0,0,0,0.6); color:#fff; padding:30px 50px; } #Content .BlackOverlay h1, #Content .BlackOverlay h2, #Content .BlackOverlay h3, #Content .BlackOverlay h4, #Content .BlackOverlay h5, #Content .BlackOverlay h6 { color:#fff; } #Content .WhiteOverlay { background:rgba(255,255,255,0.9); color:#333; padding:30px 50px; } #Content .WhiteOverlay h1, #Content .WhiteOverlay h2, #Content .WhiteOverlay h3, #Content .WhiteOverlay h4, #Content .WhiteOverlay h5, #Content .WhiteOverlay h6 { color:#333; } .HeaderOverlay { background:rgba(0,0,0,0.6); display:block; height:100%; } /* Feature a Page Widget */ #Content .fpw-featured-link { position:relative; display:inline-block; max-width:270px;} #Content .fpw-featured-image img { display:block; height:160px !important; } #Content .fpw-page-title { position:absolute; bottom:0; font-size:18px; text-align:center; width:100%; color:#fff; background:rgba(15,98,164,0.85); margin:0; padding:3px 0; } #Content .fpw-featured-link:hover > .fpw-page-title { background:rgba(255,85,0,0.7) !important; } /* Carousel Widget */ #Content a.sow-carousel-previous, #Content a.sow-carousel-next { color:#fff; text-decoration:none; } /* Video Container */ .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } /* Site Origin Image Widget */ .so-widget-sow-image { position:relative; margin:0 auto; } .so-widget-sow-image .widget-title { font-size:24px; text-align:center; margin-bottom:10px; color:#333; position:relative; width:100%; display:block; line-height:40px; } .so-widget-sow-image .widget-title:before { content:""; background-image:url("images/Title-Ornament-Left.png"); width:15%; height:40px; position:absolute; left:0; background-repeat:no-repeat; background-size:100%; background-position:center; } .so-widget-sow-image .widget-title:after { content:""; background-image:url("images/Title-Ornament-Right.png"); width:15%; height:40px; position:absolute; right:0; background-repeat:no-repeat; background-size:100%; background-position:center; } .sow-image-container a:after { content:""; width:100%; height:calc(100% - 50px); background-repeat:no-repeat; background-position:center; background-image:url("images/Parkside-Resort-Monogram.png"); position:absolute; opacity:0; top:50px; background-size:40%; transition:all ease 0.5s; } .sow-image-container a:before { content:""; background:rgba(0,0,0,0.5); width:100%; height:calc(100% - 50px); opacity:0; transition:all ease 0.5s; position:absolute; } .so-widget-sow-image:hover > .sow-image-container a:before, .so-widget-sow-image:hover > .sow-image-container a:after { opacity:1 !important; } /* Archives */ #Content .Archive { padding:0 0 30px; border-bottom:1px solid #ccc; margin-bottom:30px; } #Content .Archive h3 a:hover { background:none; color:#0E5184; } #Content .ArchiveThumbnail, .ArchiveInfo { display:table-cell; } #Content .ArchiveThumbnail { padding-right:20px; } #Content .SearchResults .ArchiveThumbnail a { width:150px !important; display:block; } #Content .ArchiveInfo { vertical-align:top; } #Content .ArchiveGroup { margin-bottom:50px; } #Content a.DateButton:hover, #Content a .DateButton:hover { background:#EB3900; } /* FAQs */ .accordion { background-color: #f9f9f9; color: #222; cursor: pointer; padding:10px 15px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; font-family:inherit; margin-top:10px; position:relative; } .accordion.active, button.accordion:hover { background-color: #ddd; } .accordion:after { content: '\002B'; color: #777; font-size:18px; margin-left: 5px; line-height:20px; position:absolute; right:15px; top:12px; } .accordion.active:after { content: "\2212"; color:#777; } .panel { padding: 0 30px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; border:1px solid #ddd; border-top:0; margin-top:-1px; } /* Acommodations Page */ .HowManyRooms a { width:7%; padding:5px 10px; margin:0 5px 5px 0; font-size:20px; } /* Footer */ #Footer { color:#fff; } #Footer a { color:#fff; display:inline-block; vertical-align:top; } #Footer a:hover { color:#CC9F36; } #Footer ul.menu { padding:0; } #Footer ul.menu li { list-style-type:none; border-bottom:1px solid #083a51; padding:10px 0; } #Footer :before { display:inline-block; font-size:15px; font-family:FontAwesome; margin-right:10px; width:20px; text-align:center; } #FooterWidgets { background:#002B3F; } #FooterWidgets .widget { display:inline-table; width:20%; padding:2.5%; } #FooterWidgets .widget-title { font-family:Marcellus, serif; font-size:26px; text-transform:uppercase; font-weight:normal; } #FooterWidgets .widget-title:after { content:""; display:block; width:36px; border-bottom:1px solid #fff; height:10px; } #menu-item-42 a { font-size:12px !important; } #Copyright { background:#003E5B; text-align:center; } /* Back to Top Button */ #BackToTop { transition:all 0.5s; } #BackToTop a { position:fixed; bottom:0; right:20px; background:#CC9F36; padding:10px; color:#fff; font-size:30px; z-index:100; } #BackToTop a:hover { background:#ba8d25; } /* TripAdvisor Widget*/ #TA_cdsratingsonlynarrow419 { display:inline-block; } #TA_cdsratingsonlynarrow419 img { display:none; } #CDSRATINGWIDGET419 img { display:unset; } #ta_tracking_percentRecommended_google, #ta_tracking_percentRecommended_criteo { display:none !important; } #CDSWIDPERLINK { padding-bottom:0 !important; } /* Weddings Page */ .rpwe-block .rpwe-ul { display:flex; } .rpwe-block .rpwe-li { margin:0 20px; width:25%; } .rpwe-block a.rpwe-img img { display:block; border:1px solid red; } .rpwe-block h3.rpwe-title { font-size:18px !important; text-align:center; line-height:20px; margin:10px 0 !important; } .rpwe-block .rpwe-summary { font-size:14px; } .rpwe-block .rpwe-summary .more-link { display:table !important; background:#ba8d25; color:#fff !important; text-decoration:none !important; margin:10px auto !important; padding:7px 15px; text-transform:uppercase; } .rpwe-block .rpwe-summary .more-link:hover { background:#003E5B; } /* Cabin Pages */ #cabins td div { float:none !important; width:unset !important; text-align:center; } #cabins td div a:first-child { display:block; margin:0 auto; height:25vw; overflow:hidden; } #cabins td div a img { width:100%; } /* Cabins by Name */ .CabinsByName .widget { display:inline-block; width:31%; vertical-align:top; margin:0 1% 20px 0 !important; border:1px solid #ccc; background:#f0f0f0; } .CabinsByName .widget .so-widget-sow-editor { margin:20px; } .CabinsByName .widget .so-widget-sow-editor .widget-title { text-align:center; } .CabinsByName .widget .so-widget-sow-editor a { display:block; height:200px; overflow:hidden; } .CabinsByName .widget .so-widget-sow-editor p { margin:0 !important; font-size:14px !important; } /* Cabins by Number of Rooms */ #cabins tr { display:inline; } #cabins td { display:inline-block; width:31%; } #cabins td div { line-height:18px; padding:20px; border:1px solid #ccc; background:#f0f0f0; } #cabins td div img { margin-bottom:10px; height:15vw; } #cabins td div a { text-decoration:none; color:#333; text-transform:none !important; font-size:14px; } #cabins td div a:first-child { height:inherit; } /* Individual Cabin Pages */ #reservations div b { font-size:30px !important; font-family:Marcellus; display:block; } #reservations div br { display:block; } #reservations #mncln iframe { margin:0 auto; display:block; margin-bottom:20px; } #reservations #mncln .imageRow { margin:20px auto; max-width:860px; } #reservations #mncln .imageRow .set { box-shadow:none; background:none; } #reservations #mncln .imageRow .single { display:inline-block; } #reservations #mncln .imageRow .single a:hover { background:#CC9F36 !important; } #reservations #mncln .imageRow .single img { height:131px; } #reservations td div b { font-size:14px !important; font-family:OpenSans; display:block; } #reservations table { border-collapse:separate; } #reservations .january { max-width:100%; } #reservations .january table { border:none; border-collapse:collapse; } #reservations .january table td { border:1px solid #aaa; } #reservations font[face="Bradley Hand ITC"] { font-family:OpenSans; font-size:14px; color:#333; } #reservations tr[bgcolor="#00FF00"], #reservations .january td[bgcolor="#00FF00"] { background:#ccffcc !important; } #reservations tr[bgcolor="#800080"], #reservations .january td[bgcolor="#800080"] { background:#f2daf2 !important; } #reservations tr[bgcolor="#F50A38"], #reservations .january td[bgcolor="#F50A38"] { background:#ffcccc !important; } #reservations tr[bgcolor="#FF00FF"], #reservations .january td[bgcolor="#FF00FF"] { background:#ffffcc !important; } /* Reservations - Step 1 */ #ReservationSteps { width:100%; text-align:center; margin:20px 0; padding:0; } #ReservationSteps li { list-style-type:none; display:inline-block; width:32%; background:#003E5B; color:#fff; font-size:20px; padding:10px 0; text-transform:uppercase;} #ReservationSteps li.Active { background:#CC9F36; } #Instructions, #CabinInfo, #CostSummary, #GuestInfo, #Contract, #Submit { border:1px solid #ccc; padding:20px; } #Instructions strong { display:block; text-align:center; } #CabinInfo li { list-style-type:none; display:table-row; } #CabinInfo li label { font-weight:bold; } #CabinInfo li label, #CabinInfo li .field { display:table-cell; width:50%; } #CostSummary li { list-style-type:none; display:table; width:100%; } #CostSummary li:nth-child(even) { background:#f9f9f9; } #CostSummary li label { font-weight:bold; width:85%; } #CostSummary li .field { text-align:right; } #CostSummary li label, #CostSummary li .field { display:table-cell; padding:5px 10px; } #CostSummary .SubLabel { padding-left:20px; } #CostSummary .SubLabel tr { display:table-row; } #CostSummary .SubLabel td { width:100px; font-weight:normal; padding:0; } #CostSummary #tax_amount { border-bottom:1px solid #000; } #CostSummary #booking_total { font-weight:bold; border:1px solid #CC9F36; font-size:22px; background:#fff; } #GuestInfo li { list-style-type:none; display:inline-block; width:48%; vertical-align:top; margin:0 1% 10px 0; } #GuestInfo li:nth-child(n+7):nth-child(-n+12) { width:31.5%; } #GuestInfo li label { font-weight:bold; display:block; margin-bottom:-3px; } #Contract { height:200px; overflow-y:auto; overflow-x:hidden; margin-bottom:20px; } #Contract p span { font-size:14px !important; font-family:OpenSans !important; } #Submit input { width:inherit; } /* Reservations - Step 2 */ #i4goFrame { padding:20px; background:#aaa; } /* Responsive */ @media only screen and (min-width:1160px) { #cabins td div img { height:200px; } } @media only screen and (max-width:1160px) { .Container { padding:10px 4%; width:92% !important; } #SearchForm #s { width:70%; } #panel-6-3-1-1 img { display:block; float:none; margin:0 auto 10px; } .TA_percentRecommended .widPER { margin:0 auto; } .CabinsByName .widget .so-widget-sow-editor a { height:15vw; } } @media only screen and (max-width:960px) { body { font-size:100%; } table { font-size:90%; } #TopBar { font-size:90%; } #SiteLogo { display:block; } #SiteTitle, #MainMenu { display:block; width:100%; text-align:center; } #MainMenu { margin:0 0 10px; } #MainMenu #mega-menu-wrap-primary #mega-menu-primary { text-align:center; margin:0; } #PageTitle { padding-top:220px; } .CabinsByName .widget { width:48%; } .CabinsByName .widget .so-widget-sow-editor a { height:25vw; } #cabins td { width:48%; } #cabins td div img { height:25vw; } #ReservationSteps li { font-size:14px; } #CostSummary li { font-size:14px; } #CostSummary li label { font-weight:normal; width:65%; } #CostSummary #booking_total { font-size:16px; } #Footer .Container { background-position:top center; text-align:center; } #Footer .Container:after { margin:0; border-top:1px solid #aaa; } #FooterWidgets .widget { display:inline-block; width:40%; padding:2.5%; } #FooterWidgets .widget-title:after { margin:0 auto; } } @media only screen and (max-width:850px) { #TopBar { text-align:center; } #TopBar #Contact { font-size:24px; } #TopBar #Contact span { display:none; } #TopBar #SocialSearch { float:none; } #TopBar #SocialMedia a, #TopBar .fa { width:10%; text-align:center; } #TopBar #Phone { margin-left:0; } #TopBar #SearchButton .fa { width:unset; } #TopBar #SearchButton span { display:none; } .rpwe-block .rpwe-ul { display:block; } .rpwe-block .rpwe-li { width:100%; } .rpwe-block a.rpwe-img img { margin-top:20px; } #MainContent .psgal { margin:0 auto; } #Footer i { display:block; margin:20px 0 5px; font-size:30px; } #Footer .Container:after { border:none; } #Footer .Address { margin-bottom:30px; } } @media only screen and (max-width:830px) { table .january { display:block; width:100% !important; height:unset; } tr.Foo, .january tr { display:table-row !important; } table td[colspan="3"] div { display:block !important; float:none !important; width:100% !important; } #lightbox .lb-outerContainer, #lightbox .lb-outerContainer img { max-width:100% !important; height:auto !important; } } @media only screen and (max-width:767px) { #TopBar, #Header { position:relative; top:0; } #PageTitle, .slider { padding:0; } input[type="submit"], em a, a em, .button { display:inline-block; } #SearchForm label { display:none; } #SiteLogo img { width:160px; } #MainMenu ul { text-align:center; } #MainMenu .main-menu, #mega-menu-wrap-primary { display:none !important; } .mobile-menu { display:block !important; } .slider { width:100%; } #Content .ArchiveThumbnail, #Content .ArchiveInfo { display:block; width:96%; padding:0 2%; } #Content .ArchiveThumbnail { padding:0; margin-bottom:20px; text-align:center; } #Content .ArchiveThumbnail a { margin:0 auto; } #Content .ArchiveThumbnail .DateButton { margin:0; } #Content .ArchiveInfo h3 { text-align:center; } #Content .panel-grid-cell { padding-bottom:0px; padding-top:0px; } .Half, .OneThird, .OneFourth, .TwoThird, .ThreeFourth, .wpcf7-list-item { display:block !important; width:100%; } .Half input, .OneThird input, .OneFourth input, .TwoThird input, .ThreeFourth input { width:97.3%; } #pg-6-3 h1 { text-align:center; display:block; } #panel-6-3-1-1 { text-align:center; } #panel-6-3-1-1 img { display:inline-block; margin:0 10px; } #CDSWIDPERIMG { display:block !important; } .TA_percentRecommended{ display:inline-block; } .CabinsByName .widget { width:100%; } .CabinsByName .widget .so-widget-sow-editor a { height:inherit; } #cabins td { width:100%; } #cabins td div img { height:inherit; } #GuestInfo li { display:block; width:100%; margin:0 0 10px; font-size:14px; } #GuestInfo li:nth-child(n+7):nth-child(-n+12) { width:100%; } #Submit .input-submit { display:block; } #FooterWidgets .widget { display:block; width:100%; padding:2.5% 0; } #menu-item-42 a { font-size:16px !important; } #reservations #mncln .imageRow .single { display:inline-block !important; float:none; width:49%; } #reservations #mncln .imageRow .single a, #reservations #mncln .imageRow .single img { display:block !important;width:100%; height:auto; height:30vw; padding:0; } #reservations tr.Foo td { display:block; margin-left:10px; } #reservations tr:nth-child(7) div { margin:0 !important; } #reservations tr:nth-child(7) table:nth-child(2) { background:none !important; border-spacing:0; } #reservations tr:nth-child(7) table:nth-child(2) tr { display:block; padding:10px 0; } #reservations tr:nth-child(7) table:nth-child(2) tr:first-child { display:none; } #reservations tr:nth-child(7) table:nth-child(2) tr:nth-child(odd) { background:#f0f0f0; } #reservations tr:nth-child(7) table:nth-child(2) td { display:block; text-align:left; padding:0 10px; line-height:20px; } #reservations tr:nth-child(7) table:nth-child(2) td font { color:#333; font-size:90% !important; } #reservations tr:nth-child(7) table:nth-child(2) td li { display:inline-block; } #reservations tr:nth-child(7) table:nth-child(2) td:before{ vertical-align:top; } #reservations tr:nth-child(7) table:nth-child(2) td:nth-child(1):before { content:"Desciption"; display:inline-block; width:50%; font-weight:bold; } #reservations tr:nth-child(7) table:nth-child(2) td:nth-child(2):before { content:"Dates requirement applies"; display:inline-block; width:50%; font-weight:bold; } #reservations tr:nth-child(7) table:nth-child(2) td:nth-child(3):before { content:"Must Arrive On"; display:inline-block; width:50%; font-weight:bold; } #reservations tr:nth-child(7) table:nth-child(2) td:nth-child(4):before { content:"Nights Required"; display:inline-block; width:50%; font-weight:bold; } #reservations tr:nth-child(7) table:nth-child(4) { background:#f9f9f9 !important; border-spacing:0; padding-top:10px; line-height:18px; border:1px solid #f0f0f0; border-bottom:0; display:block; width:100% !important; } #reservations tr:nth-child(7) table:nth-child(4) tbody, #reservations tr:nth-child(7) table:nth-child(4) tr, #reservations tr:nth-child(7) table:nth-child(4) td { display:block !important; text-align:center; } #reservations tr:nth-child(7) table:nth-child(5) { background:#f9f9f9 !important; border-spacing:0; border:1px solid #f0f0f0; border-top:0; } #reservations tr:nth-child(7) table:nth-child(5) tr:nth-child(1), #reservations tr:nth-child(7) table:nth-child(5) tr:nth-child(2) { display:none; } #reservations tr:nth-child(7) table:nth-child(5) tr { display:block; padding:10px; } #reservations tr:nth-child(7) table:nth-child(5) td { display:block; text-align:left; padding:0 10px 5px 10px; line-height:20px; } #reservations tr:nth-child(7) table:nth-child(5) td font { color:#333; font-size:90% !important; } #reservations tr:nth-child(7) table:nth-child(5) td li, #reservations tr:nth-child(7) table:nth-child(5) td center { display:inline-block; } #reservations tr:nth-child(7) table:nth-child(5) td:before { font-weight:bold; display:block; } #reservations tr:nth-child(7) table:nth-child(5) td:nth-child(1):before { content:"Desciption"; } #reservations tr:nth-child(7) table:nth-child(5) td:nth-child(2):before { content:"Book on or between"; } #reservations tr:nth-child(7) table:nth-child(5) td:nth-child(3):before { content:"Arrive on or between"; } #reservations tr:nth-child(7) table:nth-child(5) td:nth-child(4):before { content:"Nights Required"; } #reservations tr:nth-child(7) table:nth-child(5) td:nth-child(5):before { content:"Amount"; } #reservations form[name="reservationForm"] table table td { display:block !important; width:100% !important; height:unset; } } @media only screen and (max-width:590px) { #SearchForm #s { width:50%; } #PageTitle { height:100px; padding-top:20px; text-align:center; } .HeaderOverlay { display:table-cell; vertical-align:middle; } #PageTitle h1 { font-size:30px; line-height:50px; } #Content .WhiteOverlay { padding:30px 20px; } #Content .BlackOverlay { padding:30px 20px; } .alignnone, .aligncenter, .alignleft, .alignright, img.alignnone, img.aligncenter, img.alignleft, img.alignright { float:none; display:block; margin:15px auto; } img.wp-image-116 { display:inline; margin:0 15px 0 0; } #panel-6-5-1-1 .textwidget { text-align:center; } #MainContent #ContentTitle, .HeaderOverlay h1 { text-align:center; } #Content h1, #Content h2, #Content h3, #Content h4, #Content h5, #Content h6 { text-align:center; } #reservations input { max-width:100% !important; } #Sidebar .responsive-tabs .responsive-tabs__heading { font-size:16px; } } /* Safari and Chrome */ @media screen and (-webkit-min-device-pixel-ratio:0) { input[type="text"], input[type="email"], input[type="textarea"] { width:95%; border-radius:0; -webkit-appearance: none; } input[type="submit"], .button, em a { -webkit-appearance: none; -webkit-border-radius: 0; } } /* WordPress Core */ .alignnone { margin: 0 10px 10px 0; } .aligncenter, div.aligncenter { display: block; margin:0 auto; } .alignright { float:right; margin:0 0 10px 20px; } .alignleft { float:left; margin:0 10px 10px 0; } .aligncenter { display: block; margin: 0 auto 5px auto; } a img.alignright { float:right; margin:0 0 5px 10px; } a img.alignnone { margin:0 10px 5px 0;} a img.alignleft { float: left; margin:0 10px 5px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin:0 20px 20px 0; } .wp-caption.alignleft { margin:0 20px 20px 0; } .wp-caption.alignright { margin:0 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text, .gallery-caption { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .sticky, .bypostauthor{ display:block; } #commentform label { display:block; } /* begin 3.4) forms */ #form-reservation, #form-contact { margin-top: 20px; } #form-reservation p, #form-reservation-sidebar p, #form-contact p { position: relative; } #form-reservation p.ajax-loader, #form-contact p.ajax-loader { display: none; position: absolute; bottom: 9px; left: 190px; width: 16px; height: 16px; background: url("img/loader-2.gif"); } #form-reservation-sidebar p.ajax-loader { display: none; position: absolute; bottom: 17px; left: 240px; width: 10px; height: 10px; background: url("img/loader-3.gif"); } #form-contact input, #form-reservation input, #form-reservation-sidebar input{ margin-bottom: 3px; } #form-reservation-sidebar .input-submit { margin-top: 12px; margin-bottom: -7px; } #form-contact label, #form-reservation label, #form-reservation-sidebar label, .form-palace label{ display: block; margin-bottom: 5px; } label.error { position: absolute; right: 0; top: 0; padding-right: 23px; font-size: 10px; color: #d22; background: url("img/exclamation-red.png") no-repeat right center; } .result-error { font-weight: bold; color: #d22; } #submit-result { margin-top: 20px; display: none; } /* end 3.4) forms */