/* Theme Name: World Journeys AU Theme URI: http://www.soaptheme.com/html/travelo/index.html Author: Ian Fraser - Pacific Shack Author URI: http://www.pacificshack.co.nz Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Date amended: 24 Apr 2018 This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /* --- Override theme styles --- */ /* --- Index --- */ /* --- 0. Mobile specific 1. General 2. Header 3. Navigation and breadcrumbs 4. Footer 5. Home 6. Destinations 7. Region 8. Banners 9. Product 10. About 11. Brochure 12. Forms 13. Contact 14. Search results 15. Maps 16. Blog 17. Listings 18. Careers 19. Cloud fonts 20. Travel Agents 21. 404 page XX. Specific Pages --- */ /******************************************************* 0. Mobile specific *******************************************************/ @media screen and (max-width: 400px) { .headerSocial i.soap-icon-phone { display: none !important; } } @media screen and (max-width: 480px) { .pageHomeSearchContainer { max-height: 250px !important; } .pageHomeSearchContainer > table { width: 90% !important; } .pageHomeSearchContainer > table .pageHomeSearchContainerText h3 { font-size: 1.2em !important; } .pageHomeSearchContainer > table .pageHomeSearchContainerForm form input.input-text { height: 40px !important; font-size: 1.0em !important; } .pageHomeBannerVerticalNavContainer { display: none; } .tparrows { display: none; } .headerSearch input.input-text { width: 60% !important; margin-right: 8px !important; } .headerSearch .button { padding: 0 10px !important; } .headerSocial > span { font-size: 14px !important; padding-top: 7px !important; } .sectionHome .sectionHomeText p { font-size: 1.5em !important; } .hotel-list span.price { font-size: 0.9em; } .hotel-list span.price small { font-size: 0.6em; } .tabWhereWeGo { display: none; } #WhereWeGo { display: none; } a.btnNewsletterDesktop { display: none !important; } a.btnNewsletterMobile { display: inline-block !important; } .excerpt-container .gallery dl.gallery-item { display: block; float: none !important; width: 100% !important; } .page_travel_agents .vc_col-sm-4 { width: 100% !important; } } @media screen and (min-width: 481px) { a.btnNewsletterDesktop { display: inline-block !important; } a.btnNewsletterMobile { display: none !important; } .excerpt-container .gallery dt img { width: 100%; height: auto; } } @media screen and (min-width: 481px) and (max-width: 800px) { .pageHomeSearchContainer > table { width: 70% !important; } .pageHomeSearchContainer > table .pageHomeSearchContainerText h3 { font-size: 1.5em !important; } .pageHomeSearchContainer > table .pageHomeSearchContainerForm form input.input-text { height: 40px !important; font-size: 1.3em !important; } .hotel-list span.price { font-size: 1.2em !important; letter-spacing: 0; } .hotel-list span.price small { font-size: 0.8em !important; } } @media screen and (max-width: 800px) { .pageHomeSearchContainer > table .pageHomeSearchContainerBase { height: 100px !important; } .pageHomeSearchContainer > table .pageHomeSearchContainerForm { height: 40px !important; bottom: 40px !important; } .pageHomeSearchContainer > table .pageHomeSearchContainerForm form button { height: 40px !important; font-size: 1.3em !important; } .pageHomeSearchContainer > table .pageHomeSearchContainerFormBase { height: 40px !important; bottom: 40px !important; } .headerSocial { margin-top: 0 !important; } .headerSocial .social-icons { display: none; } .headerLogoSocial { padding-bottom: 0 !important; } .headerLogoSocial .pull-right { margin-top: 8px !important; margin-right: 60px !important; width: 60% !important; } .headerSearchMobile { display: block; padding: 10px 0 20px 0px; } .headerSearchMaster { display: none; } .banner .big-caption { font-size: 4.2em; letter-spacing: -5px; line-height: 1.0em; } ul.social-icons { margin-top: 8px !important; } .headerSearch label { display: none; } .staffContainer figure > div > img.wp-post-image { height: auto !important; } .staffContainer { min-height: inherit !important; } .staffContainer > div.details { min-height: inherit !important; } .charityContainer figure > div > img.wp-post-image { height: auto !important; } .charityContainer { min-height: inherit !important; } .charityContainer > div.details { min-height: inherit !important; } .brochureContainer { min-height: inherit !important; } .brochureContainer .details { min-height: inherit !important; } .brochureContainer figure > div > img.wp-post-image { height: auto !important; } div.md-section { padding-top: 10px !important; padding-bottom: 0 !important; } div.md-section h2 { margin-bottom: 0 !important; } div.md-section p { margin-bottom: 0 !important; } .productTitlePrice > .col-sm-9 h2 { font-size: 3.0em; line-height: 1.2em; margin-top: -5px; } } @media screen and (min-width: 800px) { .brochureContainer { min-height: 550px !important; } .brochureContainer .details { min-height: 320px !important; } .banner .big-caption { font-size: 8.2em; letter-spacing: -4px; line-height: 0.9em; } .headerSearchMobile { display: none; } .headerSearchMaster { display: block; } .productTitlePrice > .col-sm-9 h1 { font-size: 3.0em; line-height: 1.2em; margin-top: -5px; } } @media screen and (min-width: 800px) and (max-width: 1024px) { .headerSocial .social-icons { display: none; } .headerLogoSocial .pull-right { margin-top: 2px !important; margin-right: 60px !important; width: 28% !important; } .headerSearchMaster { width: 47% !important; } .pageHomeSearchContainer > table { width: 45% !important; } .pageHomeSearchContainer > table .pageHomeSearchContainerText h3 { font-size: 1.5em !important; } .pageHomeSearchContainer > table .pageHomeSearchContainerForm form input.input-text { font-size: 1.3em !important; } } @media screen and (max-width: 1025px){ #slideshow { height: auto !important; } #slideshow > div { margin-top: 0 !important; } .pageHomePBackground { min-height: 50px !important; } .fullwidthbanner-container { margin-top: 0 !important; } .home-banner-details h4 { font-size: 2.0em !important; margin-bottom: -3% !important; } .home-banner-details .pageHomePContainer, .home-banner-details .pageHomePText { display: none; } .destinationsMobile { padding-top: 0; } .mobile-menu-toggle { z-index: 999; } .travelo-google-map { display: none; } .destinationsCol { min-height: inherit !important; } } @media screen and (min-width: 1025px){ .pageHomeSearchContainer > table .pageHomeSearchContainerForm form input.input-text { font-size: 1.3em !important; } } @media screen and (max-width: 1200px){ .sidebar aside.widget_search #searchsubmit { margin-left: 0 !important; margin-top: 10px !important; } } /******************************************************* 1. General *******************************************************/ body { color: #444; font-family: 'Mercury SSm A', 'Mercury SSm B'; font-weight: 400; font-style: normal; } h1, h2, h3, h4, h5, h6 { color: #302f2f; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-style: normal; letter-spacing: -1px; } h1, h2, h3 { font-weight: 700; } h4, h5, h6 { font-weight: 400; } label { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; } ul.show_bullets { list-style: disc; padding-left: 15px; margin-bottom: 20px; } ol { list-style: decimal; padding-left: 15px; } ol > li { margin-bottom: 8px; } ol > li, .response, input, textarea, em, form select, .btn-large, .brochures_clone, .brochures_remove, li.vc_grid-filter-item span { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 500; font-style: normal; } .skin-color { color: #333; } .button { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; } a.button { background: #aaa; } a.sky-blue2:hover { background: #207cca; } .page-title-container { background: #333; } label { font-size: 1.0em; padding: 2px 6px 2px 6px; color: white; } label.yellow { background: #C49F46; } label.red { background: red; } label.orange { background: orange; } label.green { background: #739E73; } label.blue { background: #57889C; } a.blue { background: #57889C; } a.blue:hover { background: #406675; } .alert-success { background: #88c529 !important; } .alert-warning { padding: 15px; } .alert-warning:before { display: none; } .alert-warning { color: #8A6D3B !important; } .price { color: #4d4d4f; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal; font-size: 1.3em !important; line-height: 1.1em !important; } .page-title-container .breadcrumbs li.active { color: #aaa !important; } .hover-effect:after { background-color: rgba(0, 0, 0, 0.6); } .box-title { line-height: 1.2em; } .image-box .box, .image-box.box { min-height: 430px; } .destinations .image-box .box, .image-box.box { min-height: 300px; } .image-box .box .box-title, .image-box.box .box-title { color: #000; } .contact-form label span { color: #222 !important; } /******************************************************* 2. Header *******************************************************/ /* ============== NEW ============== */ .headerLogoSocial { padding-bottom: 20px; overflow: hidden; border-bottom: 1px solid #ccc; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; } #searchFormPage { padding-bottom: 20px; overflow: hidden; border-bottom: 1px solid #ccc; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; } .headerSearch { position: relative; margin-top: 11px; } .headerSearch input.input-text { width: 70%; margin-right: 8px; } .headerSearch .button { min-width: 80px; position: relative; background: #98CE44; font-weight: bold; height: 32px; padding: 0 24px; line-height: 28px; font-size: 0.9167em; white-space: nowrap; text-align: center; border: none; color: #FFF; cursor: pointer; letter-spacing: 0.04em; } .headerSearch .button:hover { background: #7fb231; } .headerSearch form em { margin-top: 2px; color: red; display: block; } .headerSocial { position: relative; float: right; padding-top: 6px; margin-top: 32px; overflow: visible; min-height: 32px; } .headerSocial > span { float: left; margin-right: 20px; font-size: 18px; } .headerSocial > span > span { font-weight: bold; } .headerSocial > ul { float: left; } .social-icons li a { background: #aaa; } .header-newsletter-container { position: absolute; width: 250px; overflow: hidden; padding: 15px; background: white; z-index: 999; right: 112px; top: 32px; border: 1px solid #aaa; } .header-newsletter-block { position: relative; overflow: hidden; display: block; } .header-newsletter-close { color: #428BCA; text-decoration: underline; font-weight: 500; font-size: 0.9em; float: right; padding-top: 3px; cursor: pointer; } .agents_newsletter { position: relative; top: inherit; right: inherit; width: 100%; } .header_logo_10years { display: inline-block !important; width: 90px !important; height: auto !important; margin-left: 30px; float: left !important; } .header_section_logos .logo a { float: left !important; display: inline-block !important; margin-top: 9px !important; } @media (min-width: 1200px) { .header_section_logos { width: 33% !important; } .header_section_search { width: 34% !important; } .header_section_cta { width: 33% !important; } } @media (max-width: 1200px) { .header_section_logos { padding-right: 0 !important; width: 33% !important; } .header_section_search { padding-left: 0 !important; padding-right: 0 !important; width: 31% !important; } .header_section_search .input-text { width: 65% !important; } .header_section_search .button { padding: 0 10px; } .header_section_cta { padding-left: 0 !important; width: 36% !important; } } @media (max-width: 1024px) { .header_section_logos {} .header_section_logos a img { height: 50px !important; margin-top: 7px !important; } .header_section_search {} .header_section_cta {} } @media (max-width: 991px) { .header_section_logos {} .header_section_search {} .header_section_search .button { padding: 0 6px; min-width: 68px !important; } .header_section_cta {} } @media (max-width: 800px) { .header_section_logos { padding-right: inherit !important; width: 100% !important; min-height: 100px; } .header_section_logos .logo { margin: 0 auto !important; text-align: left !important; } .header_section_logos .logo a { float: inherit !important; } .header_section_logos .logo img { float: inherit !important; } .header_section_search {} .header_section_cta {} } /* ============== OVERRIDE ============== */ #header .logo img { height: 65px; width: auto; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 100; -khtml-opacity: 100; opacity: 100; } @media (max-width: 991px) { #header .logo img { height: 30px; width: auto; filter: alpha(opacity=0) !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; -moz-opacity: 100 !important; -khtml-opacity: 100 !important; opacity: 100 !important; } } .chaser .logo img { height: 25px; width: auto; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 100; -khtml-opacity: 100; opacity: 100; } #main-menu ul.menu, .chaser ul.menu { float: left; } #header .logo a, #footer .logo a, .chaser .logo a { background: none; } /******************************************************* 3. Navigation and breadcrumbs *******************************************************/ /* ============== NEW ============== */ #main-menu ul.menu { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; } #main-menu ul.menu > li.standard-menu > ul { margin-top: 2px; } #main-menu ul.menu > li.standard-menu > ul > li { border: none; } #main-menu ul.menu > li.standard-menu > ul > li > a { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 100; -khtml-opacity: 100; opacity: 100; text-transform: uppercase; font-weight: 600; padding: 12px; } #menu-top-menu { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; } #menu-top-menu > li > ul { margin-top: 2px; } #menu-top-menu > li > ul > li { border: none; } #menu-top-menu > li > ul > li > a { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 100; -khtml-opacity: 100; opacity: 100; text-transform: uppercase; font-weight: 600; padding: 12px; } .megamenu-menu > .megamenu-wrapper { width: 1060px !important; display: block !important; left: -277px !important; overflow: visible !important; } .megamenu-menu > .megamenu-wrapper ul.megamenu { margin-top: 2px; } .megamenu-menu > .megamenu-wrapper ul.megamenu > li { padding-left: 0; padding-bottom: 10px !important; } .megamenu-menu > .megamenu-wrapper ul.megamenu > li > a { padding-bottom: 5px !important; } .megamenu-menu > .megamenu-wrapper ul.megamenu li > a { padding-left: 10px !important; padding-right: 10px !important; font-size: 11px !important; } .megamenu-menu > .megamenu-wrapper ul.megamenu li > ul > li { padding: 0 !important; width: 100% !important; } .megamenu-menu > .megamenu-wrapper ul.megamenu li > ul > li > a { padding-bottom: 5px !important; padding-top: 5px !important; border-bottom: none !important; font-size: 11px !important; } .megamenu-menu > .megamenu-wrapper ul.megamenu li > ul > li > a:before { display: none !important; } .megamenu-menu > .megamenu-wrapper-caret { top: -20px; left: 9%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #444; border-width: 10px; z-index: 1; } .megamenu-menu > .megamenu-wrapper ul.megamenu .regionAfrica { width: 12% !important; } .megamenu-menu > .megamenu-wrapper ul.megamenu .regionNorthAfrica { width: 14% !important; } .megamenu-menu > .megamenu-wrapper ul.megamenu .regionEurope { width: 12% !important; } .megamenu-menu > .megamenu-wrapper ul.megamenu .regionIndia { width: 15% !important; } .megamenu-menu > .megamenu-wrapper ul.megamenu .regionAsia { width: 12% !important; } .megamenu-menu > .megamenu-wrapper ul.megamenu .regionCanadaAlaska { width: 15% !important; } .megamenu-menu > .megamenu-wrapper ul.megamenu .regionCentralAmerica { } .megamenu-menu > .megamenu-wrapper ul.megamenu .noCol { margin-top: 20px; } .megamenu-menu > .megamenu-wrapper ul.megamenu .noCol > a { text-transform: uppercase; font-weight: bold; filter: alpha(opacity=100) !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; -moz-opacity: 100 !important; -khtml-opacity: 100 !important; opacity: 100 !important; } .megamenu-menu > .megamenu-wrapper ul.megamenu .noCol > a:hover { background: #ea148d !important; } .headerImageBlock { width: 100%; height: 12px; background-image: url('assets/images/world/header-ribbon.png'); background-repeat: no-repeat; background-position: center center; background-size: cover; } #header .mobile-menu { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; } p.entry-title { font-weight: 700; font-size: 1.5em; } /* ============== OVERRIDE ============== */ .chaser .logo { margin-right: 12px; } #main-menu ul.menu > .megamenu-menu ul.megamenu, .chaser ul.menu > .megamenu-menu ul.megamenu { background: #444; } #main-menu ul.menu > li, .chaser ul.menu > li { padding-left: 15px; padding-right: 15px; } #main-menu ul.menu > li:first-child, .chaser ul.menu > li:first-child { padding-left: 15px; } #main-menu ul.menu > li:last-child, .chaser ul.menu > li:last-child { padding-right: 15px; } #main-menu ul.menu > li:hover, .chaser ul.menu > li:hover { background: #d9d9d9; } #main-menu ul.menu > li:hover > a, .chaser ul.menu > li:hover > a { color: #333; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li > a:hover, .chaser ul.menu > .megamenu-menu ul.megamenu > li > a:hover { background: #ea148d !important; } #menu-top-menu > li.current_page_item { background: #d9d9d9; } #menu-top-menu > li.current_page_item > a { color: #333; } .page-title-container .breadcrumbs { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; } .page-title-container .breadcrumbs li:after { color: #aaa; } /******************************************************* 4. Footer *******************************************************/ /* ============== NEW ============== */ #menu-footer-menu { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal; } #menu-footer-menu > li.current-menu-item > a { color: #000000; } #menu-footer-menu > li.current-menu-item > a:hover { color: #222222; } span.contact-phone { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; letter-spacing: -1px; color: #000 !important; } span.contact-phone2 { font-size: 14px; margin-top: 10px; display: block; margin-bottom: 0; overflow: hidden; padding: 0 !important; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; } span.contact-phone2 > i { float: left; margin-right: 4px; font-size: 14px; width: 13px; } span.contact-phone2 > span { float: left; width: 90%; } span.contact-fax { font-size: 14px; margin-top: 10px; display: block; margin-bottom: 0; overflow: hidden; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; } span.contact-fax i { margin-right: 4px; margin-bottom: 20px; } span.contact-email { font-size: 14px; margin-top: 10px; display: block; margin-bottom: 0; overflow: hidden; padding: 0 !important; } span.contact-email i { float: left; margin-right: 4px; width: 13px; } span.contact-email > a { float: left; padding: 0 !important; font-size: 1em !important; line-height: 14px !important; } span.contact-address { font-size: 0.9em; margin-top: 10px; display: block; margin-bottom: 0; overflow: hidden; padding: 0 !important; } span.contact-address > i { float: left; margin-right: 4px; font-size: 14px; width: 13px; } span.contact-address > span { float: left; width: 90%; } .contact-details { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal; } .copyright p { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal; font-size: 0.8em; } .footer_taanz_section p { font-size: 0.9em; } .footer_taanz_logo { width: 60%; height: auto; border: 0; margin-bottom: 10px; margin-top: 10px; } /* ============== OVERRIDE ============== */ #footer .logo img { height: 30px; width: auto; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 100; -khtml-opacity: 100; opacity: 100; } #footer ul.travel-news div.description p { margin-bottom: 8px; } #footer .footer-wrapper { padding: 40px 0; } /******************************************************* 5. Home *******************************************************/ /* ============== NEW ============== */ .sectionHome div.snib { position: relative; width: 80px; height: 3px; margin-bottom: 20px !important; } .sectionHome div.snibCenter { margin: 0 auto; background: #333; } .sectionHome div.snibLeft { background: #888; } .sectionHome h2 { text-align: center; text-transform: uppercase; font-weight: bold; letter-spacing: 2px; font-size: 2.0em; padding-bottom: 10px; } .sectionHome { padding-top: 0 !important; } .sectionHome .sectionHomeIntroText { margin-bottom: 0; background: white; padding: 30px 0; } .sectionHome .sectionHomeIntroText p strong { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; text-transform: uppercase; font-size: 1.5em; letter-spacing: -1px; } .sectionHomeTestimonials { background: white; margin-bottom: 50px; } .sectionHome .sectionHomeText { padding-top: 40px; padding-bottom: 20px; } .sectionHome .sectionHomeText img { width: 100%; height: auto; background: #bbb; } .sectionHome .sectionHomeText .imgLeft { padding-bottom: 20px; } .sectionHome .sectionHomeText h3 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; text-transform: uppercase; font-size: 2.4em; letter-spacing: -1px; } .sectionHome .sectionHomeText p { font-family: 'Mercury SSm A', 'Mercury SSm B'; font-weight: 400; font-style: normal; font-size: 1.8em; letter-spacing: -1px; } .sectionHome .sectionHomeText a { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; text-transform: uppercase; font-size: 0.8em; letter-spacing: 2px; } .sectionHome .sectionHomeText a i { border: 1px solid #333; padding: 5px; padding-left: 10px; padding-top: 7px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; width: 33px; height: 33px; } .destinationsMobile { padding-top: 40px; } .homeFeatured .imageTopTitle { position: absolute; z-index: 99; left: 2%; top: 2%; } .homeFeatured .box-title small { margin-top: 8px; } .homeFeatured .price { width: 35%; } .homeFeatured label.red { font-size: 0.8em; position: relative; display: block; float: left; margin-top: 6px; text-align: center; padding: 2px 8px; margin-right: 2px; } .homeFeatured label.orange { font-size: 0.6em; position: relative; display: block; float: left; margin-top: 6px; text-align: center; padding: 2px 8px; margin-right: 2px; } .homeFeatured label.yellow { font-size: 0.8em; position: relative; display: block; float: left; margin-top: 6px; text-align: center; padding: 2px 8px; margin-right: 2px; } .homeFeatured label.blue { font-size: 0.8em; position: relative; display: block; float: left; margin-top: 6px; text-align: center; padding: 2px 8px; margin-right: 2px; } /* .homeRegion figure img { min-height: 205px; } */ .homeRegion .details { min-height: 140px !important; } .homeRegion .details small { font-size: 0.8em; line-height: 1.5em; } .homeRegion .details small > a { text-transform: none; } .homeRegion .details small > span:last-child { display: none; } /* .homeCountry figure img { min-height: 190px; } */ .homeCountry .details { min-height: 40px !important; } .home-banner-container { position: absolute; z-index: 30; top: 0; left: 0; width: 100%; height: 100%; } .home-banner-details { position: absolute; margin-left: 10%; margin-right: 10%; bottom: 7%; width: 80%; } .home-banner-details h4 { color: white; font-size: 6.0em; margin-bottom: 0; text-shadow: 1px 1px 4px rgba(50, 50, 50, 1); font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; } .pageHomePContainer { position: relative; overflow: hidden; min-height: 100px; } .pageHomePText { position: absolute; z-index: 2; padding-top: 12px; } .pageHomePBackground { position: absolute; z-index: 1; background: black; opacity: 0.5 !important; filter: alpha(opacity=50); width: 100%; min-height: 140px; bottom: 0; } .home-banner-details p { color: white; font-size: 1.8em; margin: 0; line-height: 1.4em; font-family: 'Mercury SSm A', 'Mercury SSm B'; font-weight: 400; font-style: normal; } .home-banner-details .button { margin-top: 1%; min-width: 80px !important; position: relative !important; background: #98CE44 !important; font-weight: bold !important; height: 32px !important; padding: 0 24px !important; line-height: 28px !important; font-size: 1.1em !important; white-space: nowrap !important; text-align: center !important; border: none !important; color: #FFF !important; cursor: pointer !important; letter-spacing: 0.04em !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; text-shadow: none !important; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; font-family: inherit; } .home-banner-details .button:hover { background: #7fb231 !important; } .pageHomeBannerVerticalNavContainer { position: absolute; z-index: 50; width: 100%; bottom: 0; text-align: center; } .pageHomeBannerVerticalNavContainer .pageHomeBannerVerticalNav { background: #F5F5F5; width: 100px; height: 100px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; position: relative; margin: 0 auto; margin-bottom: -50px; padding-top: 20px; } .pageHomeBannerVerticalNavContainer .pageHomeBannerVerticalNav a { font-size: 2.5em; cursor: pointer } .pageHomeSearchContainer { position: absolute; width: 100%; display: block; max-height: 500px; height: 500px; z-index: 30; } .pageHomeSearchContainer > table { width: 38%; height: 100%; border: 0; text-align: center; margin: 0 auto; } .pageHomeSearchContainer > table .pageHomeSearchContainerInner { position: relative; width: 100%; height: 130px; } .pageHomeSearchContainer > table .pageHomeSearchContainerText { width: 100%; height: 130px; position: absolute; z-index: 2; padding-top: 15px; } .pageHomeSearchContainer > table .pageHomeSearchContainerText h3 { color: white; text-transform: uppercase; letter-spacing: 2px; font-size: 1.8em; } .pageHomeSearchContainer > table .pageHomeSearchContainerBase { width: 100%; height: 130px; background: black; opacity: 0.5 !important; filter: alpha(opacity=50); position: absolute; z-index: 1; } .pageHomeSearchContainer > table .pageHomeSearchContainerFormBase { position: absolute; bottom: 15px; z-index: 3; width: 84%; height: 54px; background: white; margin-left: 8%; margin-right: 8%; } .pageHomeSearchContainer > table .pageHomeSearchContainerForm { position: absolute; bottom: 15px; z-index: 4; width: 84%; height: 54px; margin-left: 8%; margin-right: 8%; } .pageHomeSearchContainer > table .pageHomeSearchContainerForm form { margin: 0; padding: 0; } .pageHomeSearchContainer > table .pageHomeSearchContainerForm form input.input-text { float: right; width: 82%; border: none; background: none; height: 54px; font-size: 1.6em; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal; } .pageHomeSearchContainer > table .pageHomeSearchContainerForm form input.input-text::-webkit-input-placeholder { color: #444; } .pageHomeSearchContainer > table .pageHomeSearchContainerForm form input.input-text:-moz-placeholder { color: #444; } .pageHomeSearchContainer > table .pageHomeSearchContainerForm form input.input-text::-moz-placeholder { color: #444; } .pageHomeSearchContainer > table .pageHomeSearchContainerForm form input.input-text:-ms-input-placeholder { color: #444; } .pageHomeSearchContainer > table .pageHomeSearchContainerForm form button { float: left; width: 18%; height: 54px; border: none; background: #7d7d7d; font-size: 2.0em; } .buttonBannerVerticalScroll { cursor: pointer; } /* ============== OVERRIDE ============== */ .global-map-area { background: url("assets/images/world/background-pattern-grey.png") no-repeat; background-repeat: no-repeat; background-size: cover; } .image-box .box > .details, .image-box.box > .details { min-height: 90px; } /******************************************************* 6. Destination *******************************************************/ /* ============== NEW ============== */ /* ul.triangle li div.destinationsRegion:before { content: "\f04b"; margin-right: 10px; color: #d9d9d9; display: block; float: left; font-size: 7px; margin-bottom: 30px; } */ ul.triangle li div.destinationsRegion a h5 { color: #222222; } /* ul.triangle li div.destinationsRegion a h5:hover { color: #222222 !important; } */ ul.triangle li div.destinationsRegion div { margin-left: 14px; margin-bottom: 20px; } .independentCountry { min-height: inherit !important; } .independentCountry figure a { min-height: 120px !important; background: #ccc; } .independentCountry figure img { min-height: 120px !important; } .independentCountry .details { min-height: 60px !important; } .independentCountry h4 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; letter-spacing: -1px; } /* ============== OVERRIDE ============== */ .destinations > div > div > h2 { font-size: 2.5em; } .destinations > div > div > p { font-size: 1.3em; line-height: 1.8em; } .destinationsCol:before { display: none !important; } /******************************************************* 7. Regions and Countries *******************************************************/ /* ============== NEW ============== */ .page-destinations-banner { position: relative; width: 100%; } .page-destinations-banner-title-container { position: absolute; width: 100%; z-index: 2; } .page-destinations-banner-title { text-transform: uppercase; text-shadow: none; font-weight: bold; color: #FFF; font-family: 'Gotham SSm A', 'Gotham SSm B'; } .page-destinations-banner .slick-slider { margin-bottom: 0 !important; } .page-destinations-banner .slick-image-slide { background-position: center center; background-size: cover; } .page-destinations-banner .slick-image-slide .title { text-transform: uppercase; text-shadow: none; font-weight: bold; color: #FFF; font-family: 'Gotham SSm A', 'Gotham SSm B'; } @media screen and (max-width: 800px) { .page-destinations-banner-title, .page-destinations-banner .slick-image-slide .title { font-size: 4em; letter-spacing: -4px; line-height: 0.9em; margin-top: 30%; } } @media screen and (min-width: 800px) { .page-destinations-banner-title, .page-destinations-banner .slick-image-slide .title { font-size: 7.6em; letter-spacing: -4px; line-height: 0.9em; margin-top: 90px; } } .regionContainer { min-height: inherit !important; } .regionContainer h4 { margin-bottom: 4px; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; } .regionContainer p { margin-bottom: 4px !important; } .regionContainer figure > a { width: 250px !important; height: 178px !important; background: #ddd; display: block; } .regionContainer figure img { width: 250px !important; height: 178px !important; } .moreRegions li:before { margin-bottom: 30px; } .moreRegions li { min-height: 290px; } .moreRegions li > a h5 { color: #000000; } .moreRegions li > a:hover { text-decoration: underline; } .moreRegions li h5 { font-size: 18px; margin-bottom: 5px; } .moreRegions li div { position: relative; overflow: hidden; line-height: 18px; } .moreRegions li small { font-size: 14px; margin-right: 5px; } .moreRegions li small:last-child span { display: none; } .moreRegions .destinationsRegion > a h5 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-size: 1.3em; font-weight: bold; text-transform: uppercase; line-height: 1.4em; margin: 0; padding: 3px 5px 3px 5px; } .moreRegions .destinationsRegion > a { display: block; } .moreRegions .destinationsRegion > a:hover { background-color: #333; } ul.triangle li div.destinationsRegion a h5:hover { color: white !important; } .moreRegions .destinationsRegion > div { font-family: 'Gotham SSm A', 'Gotham SSm B'; line-height: 2em; margin-left: 0 !important; } .moreRegions .destinationsRegion > div small { display: block; padding: 3px 5px 3px 5px; margin-bottom: 2px; margin: 0; } .moreRegions .destinationsRegion > div small:hover { background-color: #333; } .moreRegions .destinationsRegion > div small:hover a { color: white; } .otherCountries figure { margin-bottom: 10px; } .otherCountries figure > a { width: 100% !important; height: auto !important; min-height: 150px; background: #ddd; display: block; } .otherCountries figure img { width: 100% !important; height: auto !important; min-height: 150px; } .otherCountries .details h4 { margin-bottom: 5px; } .otherCountries .details p { margin-bottom: 5px; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal; } #whenToGo table tr { vertical-align: top; } #whenToGo table td { line-height: 1.5em; font-size: 1.0833em; width: 45%; } #whenToGo table td:first-child { padding-right: 5%; } #staffExperiences h2 > p { } #staffExperiences table tr { vertical-align: top; } #staffExperiences table td { line-height: 1.5em; font-size: 1.0833em; width: 45%; } #staffExperiences table td:first-child { padding-right: 5%; } #quickFacts table tr { vertical-align: top; } #quickFacts table td { line-height: 22px; font-size: 16px; width: 33%; } #quickFacts table td p { line-height: 22px; font-size: 16px; } #quickFacts table td:nth-child(2) { padding-left: 2%; padding-right: 2%; } #quickFacts table td b { display: block; margin-top: 20px; } .labelsContainer { position: relative; margin-top: 3px; } .trans-style ul { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal; } .trans-style .tab-content p { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal; } .trans-style .tab-content h2 > p { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal; } #FellowTravellers .col-sm-12 img { width: 100%; height: auto; border: 0; } #FellowTravellers h3 > img { width: 32px; height: auto; border: 0; margin-left: 6px; margin-top: -3px; } #HowWeTravel .col-sm-2 img { width: 100%; height: auto; border: 0; margin-bottom: 10px; } #WhereWeGo .whereWeGoContainer { width: 100%; overflow: hidden; } #WhereWeGo .whereWeGoContainerMapPositionals { position: absolute; z-index: 1; width: 100%; } #WhereWeGo .mapMarker { position: absolute; z-index: 2; background: white; padding: 1px 5px; border: 1px solid #333; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; letter-spacing: -1px; } #WhereWeGo .mapMarker:hover { background: #eee; } #WhereWeGo .mapMarker a:hover { color: #08c; } #WhereWeGo .whereWeGoContainerMapBase { position: relative; z-index: 0; width: 100%; overflow: hidden; pointer-events: none; } #WhereWeGo .whereWeGoContainerMapBase img { width: 100%; height: auto; border: 0; } .page_country {} .page_country .col-md-9 { width: 70%; } .page_country .col-md-3 { width: 30%; } .section_region_intro .md-section { padding-top: 20px; padding-bottom: 20px; } .section_region_intro h2 { margin: 0 !important; } .section_region_intro p { margin: 0 !important; } /* ============== OVERRIDE ============== */ .banner .big-caption { text-transform: uppercase; text-shadow: none; font-weight: bold; } .image-box.style2 .details { padding: 12px 20px 10px 270px; } .single .details { margin-bottom: 0; } .hotel-list article figure .noImage img { background: #eee; height: 190px; } .hotel-list .details .pull-left, .hotel-list .details .pull-right { min-height: 80px; } @media screen and (max-width: 768px) { .hotel-list .details .pull-left { width: 60%; } .hotel-list .details .pull-right { width: 40% !important; } } @media screen and (min-width: 768px) { .hotel-list .details .pull-left { width: 70%; } .hotel-list .details .pull-right { width: 30% !important; } } .hotel-list .details .pull-left h4 { font-size: 1.5em; line-height: 1.5em; } .hotel-list .details .pull-left .box-title label { margin-left: 0; margin-right: 5px; font-size: 0.8em !important; font-weight: 700; line-height: 1.5em; padding: 6px 8px; } .hotel-list .details .pull-left h4 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; letter-spacing: -1px; } .hotel-list .details .pull-left h4, .hotel-list .details .pull-left p { display: block; width: 100% !important; position: relative; text-align: left !important; border-bottom: 0 !important; padding-left: 0 !important; margin: 0; overflow: hidden; } .hotel-list .details .pull-left p.description { padding-bottom: 0 !important; } .hotel-list .details .pull-right span.price { padding-right: 0 !important; display: block; position: relative; overflow: hidden; text-align: left; width: 100% !important; margin-bottom: 5px; } .hotel-list .details .pull-right span.price > small { margin-bottom: 5px; } .hotel-list .details .pull-right a { padding: 0 !important; display: block; position: relative; overflow: hidden; text-align: center; width: 100% !important; margin-right: 0 !important; margin-top: 10px; } .hotel-list .details .listingsInformation { display: block; overflow: hidden; position: relative; } .hotel-list .details .listingsInformation > p { font-size: 0.9em; } .hotel-list .details .listingsInformation > p.intro { font-size: inherit; margin-top: 3px; } .hotel-list .details .listingsInformation p { display: block; width: 100% !important; padding: 0; text-align: left; margin-bottom: 0; margin-top: 5px; } .hotel-list .details .listingsInformation p span { margin-right: 20px; display: inline-block; } .hotel-list .details .listingsInformation p.intro a { color: #4d4d4f; } span.highlight { margin: 0 !important; background: yellow; } .hotel-list .details .listingsInformation p { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal; line-height: 1.5em;} .hotel-list .details .listingsInformation p.intro { font-family: 'Mercury SSm A', 'Mercury SSm B'; font-weight: 400; font-style: normal; } .hotel-list .details .listingsInformation div.intro { font-family: 'Mercury SSm A', 'Mercury SSm B'; font-weight: 400; font-style: normal; padding: 0; width: 100%; text-align: left; } .hotel-list .details .listingsInformation div.intro > p { font-family: 'Mercury SSm A', 'Mercury SSm B'; font-weight: 400; font-style: normal; display: inline; } .listing-style3.hotel .details > *:first-child > * { padding-bottom: 5px; } /******************************************************* 8. Banners *******************************************************/ /* ============== NEW ============== */ /* ============== OVERRIDE ============== */ #sectionBanner { background-size: cover; background-position: center center; background-repeat: no-repeat; } #sectionBanner h2 { font-size: 1.5em; } .tab-wrapper .tab-content h2 { font-size: 14px; } /******************************************************* 9. Product *******************************************************/ /* ============== NEW ============== */ .productTitlePrice { padding: 15px 15px 0 15px; margin-bottom: 0; } .productTitlePrice h2 { overflow: hidden; position: relative; margin-bottom: 6px; } .productTitlePrice > .col-sm-9 > div > span { font-size: 1.5em; } .productTitlePrice h2 span.price { font-size: 1.2em; line-height: 1.2em } .productTitlePrice h2 span.name { float: left; } .productTitlePrice label.red { position: relative; margin-bottom: 20px; margin-top: 10px; padding: 5px 10px; font-size: 1.3em; } .productTitlePrice label.orange { position: relative; margin-bottom: 20px; margin-top: 10px; padding: 5px 10px; font-size: 1.3em; } .productTitlePriceBottom { padding: 15px; margin-bottom: 0; } .productTitlePriceBottom .shareFacebook {} .productTitlePriceBottom .shareTwitter {} .productTitlePriceBottom .shareLinkedIn { min-width: 90px; } .productTitlePriceBottom .shareGoogle {} .productTitlePriceBottom .sharePinterest {} .productSideCTA { margin-bottom: 30px; } .productSideCTA h4 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; } .productSideCTA img { max-width: 90% !important; height: auto !important; } .productSideCTA h2 { line-height: 1.3em; } .productSideCTA label.red { font-size: 0.5em; padding: 5px 4px; display: inline; position: relative; } .productSideCTA label.orange { font-size: 0.5em; padding: 5px 4px; display: inline; position: relative; } .productSideCTA a.btn-make-enquiry { font-size: 1.1em !important; padding: 4px 24px !important; height: 36px !important; } .productSideCTA .price { padding-top: 5px; padding-bottom: 5px; } .productSideCTA .price > small { font-size: 0.9em !important; } .moreProducts { min-height: inherit !important; } .moreProducts .details { padding-top: 0 !important; } .moreProducts .details h5 { margin-bottom: 5px !important; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; font-size: 1.3em; } .moreProducts .details h5 a { line-height: 1.3em; } .moreProducts .details p { margin-bottom: 5px !important; } .moreProducts .details .price-wrapper { padding: 0 !important; } .moreProducts .details .price-wrapper .price-per-unit { padding-left: 5px !important; padding-right: 0 !important; color: #4D4D4F; } .moreProducts label.red { font-size: 0.8em; padding: 0 5px; } .moreProducts label.orange { font-size: 0.8em; padding: 0 5px; } .sidebar .image-box.style14 .box { border-bottom: 1px solid #ddd; } .social-icons-product li { margin-right: 10px; } .itinerary ul { list-style-type: disc; padding-left: 15px; } /* ============== OVERRIDE ============== */ .page-title-container { min-height: 40px; height: auto; } .page-title-container div.pull-left { width: 50%; } .page-title-container div.pull-left h2 { line-height: 1.4em !important; padding: 2% 0; } .page-title-container div.pull-right { width: 50%; } .image-carousel.style1 .flex-direction-nav li a { background: #c49f46 !important; } .image-carousel.style1 .flex-disabled li a { pointer-events: none; background: #eee !important; } .photo-gallery ul.slides > li .imageTitleBackground { position: absolute; width: 100%; height: 8%; bottom: 0; background: black; opacity: 0.5 !important; filter: alpha(opacity=50); z-index: 99; } .photo-gallery ul.slides > li .imageTitleText { position: absolute; z-index: 100; color: white; left: 2%; bottom: 2.5%; font-size: 120%; } .photo-gallery .flex-direction-nav { display: inherit !important; } .photo-gallery .flex-direction-nav { position: initial !important; right: initial !important; top: initial !important; width: initial !important; height: initial !important; } .photo-gallery .flex-direction-nav li > a { text-decoration:none; display: block; width: 40px !important; height: 40px !important; margin: -20px 0 0 !important; position: absolute !important; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; color: white; text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; background: none !important; } .flex-direction-nav .flex-prev { left: 10px !important; } .flex-direction-nav .flex-next { right: 10px !important; } .photo-gallery .flexslider:hover .flex-next:hover, .photo-gallery .flexslider:hover .flex-prev:hover { opacity: 1; } .photo-gallery .flex-direction-nav li a.flex-prev:before { content: "\f053" !important; } .photo-gallery .flex-direction-nav li a.flex-next:before { content: "\f054" !important; } .photo-gallery .flex-direction-nav li a:before, .image-carousel.style2 .flex-direction-nav li a:before { font-size: 3em !important; line-height: 1.3em !important; } .tab-container ul.tabs li a { background: #bbb; padding: 0 12px; } .tab-container ul.tabs { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal; } .mapContainer { position: relative; display: block; overflow: hidden; max-width: 870px; padding: 20px; min-height: 580px; max-height: 580px; text-align: center; } .mapContainer table { width: 100%; height: 100%; min-height: 540px; } .mapContainer img { max-width: 100%; width: auto; height: auto; max-height: 540px; } .videoContainer { position: relative; display: block; overflow: hidden; max-width: 870px; padding: 20px; min-height: 580px; max-height: 580px; text-align: center; } .videoContainer table { width: 100%; height: 100%; min-height: 540px; } #hotel-features { margin-top: 0 !important; } #hotel-features .tab-pane .long-description > div > p { font-size: 1.2833em; line-height: 1.8666; } #hotel-features .tab-pane .long-description > p { font-size: 1.2833em; line-height: 1.8666; } #hotel-features .tab-pane .long-description p { white-space: pre-wrap; margin-bottom: 10px; } #hotel-features .tab-pane .long-description > div { margin-bottom: 20px; } #hotel-features .tab-pane .long-description > div strong { margin-right: 10px; } #hotel-features .tab-pane .long-description > div.departs > p { white-space: inherit; } #hotel-features .tab-pane .long-description > div.departs > p strong { margin-top: 10px; display: block; } #hotel-features .tab-pane .long-description > div a.termsLink { color: #4d4d4f; } #hotel-features .tab-pane .long-description > div a.termsLink:hover { text-decoration: underline; } #hotel-features .tab-pane .long-description div.specialOffer { padding-bottom: 10px; } #hotel-features .tab-pane .long-description div.specialOffer p { font-size: 1.2833em; line-height: 1.8666; } #hotel-features .tab-pane .long-description div.specialOffer p.header { font-weight: bold; margin-bottom: 0; } #hotel-features .tab-pane .long-description div.specialOffer p.date { font-size: 1.0em; margin-bottom: 0; } #hotel-features .tab-pane .itinerary p { margin-bottom: 15px !important; } #hotel-features .tab-pane .long-description div.pricing p { margin-bottom: 10px; } #hotel-features .tab-pane .long-description div.pricing table { width: 100%; border-bottom: 1px solid #ccc; } #hotel-features .tab-pane .long-description div.pricing table thead th:nth-child(1) { min-width: 30%; } #hotel-features .tab-pane .long-description div.pricing table thead th, #hotel-features .tab-pane .long-description div.pricing table tbody td { padding: 5px 10px 5px 10px; min-width: 90px; } #hotel-features .tab-pane .long-description div.pricing table tbody td:nth-child(1) { padding-right: 0 !important; white-space: nowrap; width: 60% !important; } #hotel-features .tab-pane .long-description div.pricing table tbody td:nth-child(2) { padding-left: 0 !important; padding-right: 0 !important; } #hotel-features .tab-pane .long-description div.pricing table tbody td:nth-child(3) { padding-left: 0 !important; padding-right: 0 !important; } #hotel-features .tab-pane .long-description div.pricing table thead th { background: #aaa; color: white; } #hotel-features .tab-pane .long-description div.pricing table tbody td p { margin-top: 5px; margin-bottom: 5px; min-height: 22px; } #hotel-features .tab-pane .long-description div.pricing table tbody td p.firstP { display: none; } #hotel-features .tab-pane .long-description div.pricing table tbody td p > strong { height: inherit; margin: 0; } #hotel-features .tab-pane .long-description div.pricing table em { font-weight: bold; } #hotel-features .tab-pane .long-description div.pricing table strong { display: inline-block; height: 30px; margin-top: 10px; } #hotel-features .tab-pane .long-description div.pricing table div { border-bottom: 1px solid #f1f1f1; line-height: 32px; } #hotel-features .tab-pane .long-description div.pricing table div.priceBlock { display: block; color: white; } @media screen and (max-width:768px) { #hotel-features .tab-pane .long-description div.pricing table div { min-height: 50px; padding-right: 10px; } } #hotel-features .sectionPanelIntroduction {} #hotel-features .sectionPanelIntroduction ul { list-style: disc; margin-left: 16px; font-size: 1.2833em; line-height: 1.8666; } #hotel-features .sectionPanelItinerary {} #hotel-features .sectionPanelItinerary ul { list-style: disc; margin-left: 16px; font-size: 1.2833em; line-height: 1.8666; } #hotel-features .sectionPanelIncludes {} #hotel-features .sectionPanelIncludes ul { list-style: disc; margin-left: 16px; font-size: 1.2833em; line-height: 1.8666; } #hotel-features .sectionPanelAbout {} #hotel-features .sectionPanelAbout ul { list-style: disc; margin-left: 16px; font-size: 1.2833em; line-height: 1.8666; } #hotel-features .sectionPanelPricing {} #hotel-features .sectionPanelPricing ul { list-style: disc; margin-left: 16px; font-size: 1.0833em; line-height: 1.6666; } .tab-container .tab-content .tab-pane { padding: 10px 20px 20px 20px; } .product_reviews_container { position: relative; width: 100%; overflow: hidden; padding-bottom: 10px; padding-top: 10px; margin-bottom: 10px !important; border-bottom: 1px solid #bbb; padding: 0 20px; } .product_reviews_container .rating { text-align: left; font-size: 1.8em !important; line-height: 1.2em !important; white-space: inherit !important; } .product_reviews_container .title { font-weight: bold; font-size: 1.5em !important; letter-spacing: 0; } .product_reviews_container .content::before, .product_reviews_container .content::after { content: '"'; } .product_reviews_container .name { font-style: italic; } .product_reviews_container i { color: #fece00; } .home_testimonials { margin-bottom: 40px; } .home_testimonials .slick-dots { bottom: -20px; } .home_testimonials .slider_home_testimonials { text-align: center; margin-bottom: 0; } .home_testimonials .slider_home_testimonials .product_reviews_container { border-bottom: none; margin-top: 20px; margin-bottom: 0 !important; } .home_testimonials .slider_home_testimonials .product_reviews_container .rating { text-align: center; } .home_testimonials .slider_home_testimonials .product_reviews_container .excerpt { font-family: 'Mercury SSm A', 'Mercury SSm B'; font-weight: 400; font-style: normal; font-size: 1.8em; letter-spacing: -1px; } .home_testimonials .slider_home_testimonials .product_reviews_container .excerpt span::before, .home_testimonials .slider_home_testimonials .product_reviews_container .excerpt span::after { content: '"'; } .home_testimonials .slider_home_testimonials .product_reviews_container .excerpt a { font-size: 0.8em; margin-left: 20px; } .countryTestimonials h4 { margin-bottom: 4px; } .countryTestimonials .readMore { font-size: 0.9em; } .slider_product_testimonials button::before { color: #666; } .slick-prev, .slick-next { top: 15px !important; } .slick-prev { left: -10px !important; } .slick-next { right: -10px !important; } .product_reviews_container_col .product_reviews_container { background: white; padding: 20px; } .product_reviews_container_col .product_reviews_container p.title { font-size: 0.8em; line-height: 1.2em; } .product_reviews_container_col .product_reviews_container p.content { font-size: 1.1em; line-height: 1.7em; } .product_reviews_container_col .product_reviews_container p.name { font-size: 1.1em; line-height: 1.7em; } .grid-item { width: 30%; margin-bottom: 20px; } .grid-item--width2 { width: 400px; } /******************************************************* 10. About *******************************************************/ /* ============== NEW ============== */ .staffContainer figure div { position: relative; width: 100%; min-height: 270px; background: #CCC; } .staffContainer figure img { height: 270px !important; } .staffContainer .details { min-height: 500px !important; } .staffContainer .details h4 p { display: inline-block; font-size: inherit; line-height: inherit; margin: 0; } .team .details { text-align: left; } .charityContainer figure div { position: relative; width: 100%; } .charityContainer figure img { height: auto !important; } .charityContainer .details { min-height: 200px !important; } .charityContainer .details h4 p { display: inline-block; font-size: inherit; line-height: inherit; margin: 0; } .page_about_new_row {} .page_about_new_row .col-sm-6 { background: white; margin-right: 20px; padding-top: 15px; padding-bottom: 15px; width: 49.1%; min-height: 260px; } .page_about_new_row .col-sm-6:last-child { margin-right: 0; } .page_about_new_row .col-sm-4 { background: white; margin-right: 20px; padding-top: 15px; padding-bottom: 15px; width: 32.2%; min-height: 520px; } .page_about_new_row .col-sm-4:last-child { margin-right: 0; } .page_about_new_row .col-sm-4 img { width: 100%; height: auto; } .page_about_new_row .col-sm-4 a i { border: 1px solid #333; padding: 5px; padding-left: 10px; padding-top: 7px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; width: 30px; height: 30px; } .page_about_new_row p { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal; } .large-block {} p { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal; } /* ============== OVERRIDE ============== */ /******************************************************* 11. Brochures *******************************************************/ /* ============== NEW ============== */ .brochureContainer h4 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; } .brochureContainer figure { display: table; min-height: 220px; } .brochureContainer figure div { width: 100%; min-height: 220px; display: table-cell; vertical-align: middle; } .brochureContainer figure img { height: auto !important; } .brochureContainer .details h4 p { display: inline-block; font-size: inherit; line-height: inherit; margin: 0; } .brochureContainer .details .button { margin-bottom: 10px; margin-top: 10px; min-width: 200px; display: block; position: relative; } .brochure-template-default .post .excerpt-container a.button { display: table !important; margin-bottom: 10px; } .brochure-template-default .post .post-meta { display: none !important; } /* ============== OVERRIDE ============== */ /******************************************************* 12. Forms *******************************************************/ /* ============== NEW ============== */ .mailChimpForm .button { margin-bottom: 10px; margin-top: 10px; min-width: 100px; display: block; position: relative; background: #AAA; font-weight: bold; height: 28px; padding: 0 24px; line-height: 28px; font-size: 0.9167em; white-space: nowrap; text-align: center; border: none; color: #FFF; cursor: pointer; letter-spacing: 0.04em; } .mailChimpForm .button:hover { background: #777; } .mailChimpForm .icon-check { padding-right: 0 !important; margin-bottom: 10px; } .mailChimpForm .icon-check:after { display: none; } /* ============== OVERRIDE ============== */ /******************************************************* 13. Contact *******************************************************/ /* ============== NEW ============== */ .pageContactImageContainer { position: relative; width: 100%; min-height: 400px; max-height: 500px; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center; } .pageContact p { font-size: 1.2833em; line-height: 1.8666; } .pageContact form label { color: inherit; } .pageContact form em { margin-top: 5px; color: red; display: block; } .contact-us-box h4 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; } .travelo-box.contact-us-box .contact-address li { padding-left: 40px; } .travelo-box.contact-us-box .contact-address li p { text-transform: inherit; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal; font-size: 1.0333em; } /* ============== OVERRIDE ============== */ .travelo-box-cf7 { padding: 20px !important; margin-bottom: 30px !important; } .travelo-box-cf7 p { font-size: 1.2833em; line-height: 1.8666; } .travelo-box-cf7 form label { color: inherit; } .travelo-box-cf7 form em { margin-top: 5px; color: red; display: block; } .travelo-box-cf7 span.newsletter_subscribe .wpcf7-list-item-label { text-transform: initial !important; font-size: 1.2em !important; } .travelo-box-cf7 .wpcf7-submit { text-transform: uppercase; font-size: 0.9167em; font-weight: bold; background: #98ce44; height: 34px; line-height: 34px; border: none; color: #fff; cursor: pointer; padding: 0 15px; white-space: nowrap; padding: 0 32px; height: 43px; font-size: 1.1667em; line-height: 43px; padding-left: 0; padding-right: 0; } .travelo-box-cf7 .wpcf7-submit:hover { background: #7fb231; } .realperson-regen { text-align: left; margin-bottom: 5px; } input.input-text, select, textarea, span.custom-select { border: 1px solid #c5c5c5; } .contact-form label { color: #302F2F; } /******************************************************* 14. Search results *******************************************************/ /* ============== NEW ============== */ .searchAgain { position: relative; margin-top: 22px; } .searchAgain input.input-text { width: 70%; margin-right: 8px; } .searchAgain .button { min-width: 80px; position: relative; background: #98CE44; font-weight: bold; height: 32px; padding: 0 24px; line-height: 28px; font-size: 0.9167em; white-space: nowrap; text-align: center; border: none; color: #FFF; cursor: pointer; letter-spacing: 0.04em; } .searchAgain .button:hover { background: #7fb231; } .searchAgain form em { margin-top: 2px; color: red; display: block; } .searchResultsBlock { position: relative; display: block; width: 100%; overflow: hidden; margin-bottom: 20px; } .regionsCountries { line-height: 0.8em; padding-bottom: 5px; } /* ============== OVERRIDE ============== */ /******************************************************* 15. Maps *******************************************************/ /* ============== NEW ============== */ .googleMapsContainerCountry { width: 100%; overflow: hidden; height: 330px; pointer-events: none; } .googleMapsContainerCountry > iframe { } /* ============== OVERRIDE ============== */ /******************************************************* 16. Blog *******************************************************/ /* ============== NEW ============== */ .sidebar aside.widget { background: #FFF; padding: 20px; margin-bottom: 30px; } .sidebar aside.widget .widget-title { margin-bottom: 15px; letter-spacing: 0.04em; line-height: 1em; color: #302F2F; font-size: 1.1666em; letter-spacing: -1px; } .sidebar aside.widget form { margin: 0; } .sidebar aside.widget input { border: 1px solid #C5C5C5; background: #F5F5F5; height: 34px; padding-left: 15px; } .sidebar aside.widget_search #s { width: 154px; max-width: 155px; } .sidebar aside.widget_search label { display: none; } .sidebar aside.widget_search #searchsubmit { background-color: #98CE44 !important; border: 1px solid #98CE44; color: white; padding-right: 15px; margin-left: -5px; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; } .dpe-flexible-posts li { margin-bottom: 15px; } .dpe-flexible-posts li:last-child { margin-bottom: 0; } .dpe-flexible-posts li div.title { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; } .dpe-flexible-posts li img { width: 100%; height: auto; } .single-post .post-content .excerpt-container p a img { width: 100%; height: auto; } .single-post .post-content .excerpt-container p a img.size-medium { width: inherit; } .excerpt-container ul li, .excerpt-container ul li a, .wp-caption-text, .gallery-caption { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; } .blog_social_sharing_container { position: relative; width: 100%; margin-top: 10px; } /* ============== OVERRIDE ============== */ .entry-author .author-avatar { float: left; display: inline; margin-right: 10px; } .entry-author .author-avatar img { width: 28px; height: 28px; float: left; } .entry-author span { float: left; display: inline; } .entry-author a { float: left; display: inline; } /******************************************************* 17. Listings *******************************************************/ /* ============== NEW ============== */ .listingsInformation > div.introText { width: 100% !important; padding: 0 !important; } .listingsInformation > div.introText > p { float: left; display: inline !important; margin: 0 !important; } .listingsInformation > div.introText > span { float: left; display: inline !important; margin: 0 !important; } .listingsInformation > div.introText > a { float: left; display: inline !important; margin: 0 !important; } .listingsInformation > div.introText > pre { display: none !important; } .otherCountriesTypes h4 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; } .otherCountriesTypes > h4 { font-size: 1.5333em; } .tab-content-listings h3 { margin-bottom: 4px; text-transform: uppercase; } /* ============== OVERRIDE ============== */ .listing-style3.hotel .details { padding: 10px 0 15px 20px; } /******************************************************* 18. Careers *******************************************************/ #whr_embed_hook > ul { margin-bottom: 20px; padding: 0; overflow: hidden; } #whr_embed_hook ul li { list-style: none; margin-bottom: 10px; } #whr_embed_hook li.whr-item { float: left; width: 45%; background: #ddd; padding: 12px; margin-right: 2%; } #whr_embed_hook li.whr-item h3 { font-size: 14px; margin-bottom: 10px; } #whr_embed_hook li.whr-item h3 a { color: #064c9d; text-decoration: underline; } #whr_embed_hook li.whr-item h3 a:hover { text-decoration: none; } #whr_embed_hook li.whr-item { font: normal 12px 'Verdana', Arial, sans-serif; line-height: 20px; } #whr_embed_hook li.whr-item .whr-date { margin-bottom: 0; } #whr_embed_hook li.whr-item ul.whr-info span { min-width: 100px; float: left; } /******************************************************* 19. Fonts iCloud *******************************************************/ .GothamBook { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal; } .GothamBookItalic { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: italic; } .GothamBold { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; } .GothamBoldItalic { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: italic; } .MercuryBook { font-family: 'Mercury SSm A', 'Mercury SSm B'; font-weight: 400; font-style: normal; } .MercuryBookItalic { font-family: 'Mercury SSm A', 'Mercury SSm B'; font-weight: 400; font-style: italic; } .MercuryBold { font-family: 'Mercury SSm A', 'Mercury SSm B'; font-weight: 700; font-style: normal; } .MercuryBoldItalic { font-family: 'Mercury SSm A', 'Mercury SSm B'; font-weight: 700; font-style: italic; } /******************************************************* 20. Travel Agents *******************************************************/ .vc_row { margin-bottom: 20px; } .vc_row .vc_col-sm-4 { padding-top: 15px; padding-bottom: 15px; background: white; min-height: 600px; margin: 0 10px; width: 31.6%; } .vc_row .vc_col-sm-4 .wpb_content_element { margin-bottom: 0; } .vc_row .vc_col-sm-4 h3 { text-transform: uppercase; } .vc_row .vc_col-sm-4 a i { border: 1px solid #333; padding: 5px; padding-left: 10px; padding-top: 7px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; width: 30px; height: 30px; } .vc_row .vc_col-sm-6 { padding-top: 15px; padding-bottom: 15px; background: white; min-height: 480px; margin: 0 10px; width: 47.7%; } .vc_row .vc_col-sm-6 .wpb_content_element { margin-bottom: 0; } .vc_row .vc_col-sm-6 ul { margin-bottom: 20px; } .vc_row .vc_col-sm-6 ul li { list-style: disc; margin: 0 20px; font-weight: bold; } .vc_row .vc_col-sm-12 { padding-top: 15px; padding-bottom: 15px; background: white; margin: 0 10px; width: 98.25%; } .vc_row .vc_gitem-col { padding-top: inherit !important; padding-bottom: inherit !important; background: white; margin: inherit !important; width: inherit !important; } .vc_row .vc_col-sm-12 .wpb_content_element { margin-bottom: 0; } .element_white_block { background: white; } .vc_gitem-animated-block { margin-bottom: 10px; } .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item .vc_gitem-zone-c { min-height: 170px !important; background: white; background-color: white !important; } .agents_download_flyers .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item .vc_gitem-zone-c { min-height: 180px !important; } .agents_download_brochures .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item .vc_gitem-zone-c { min-height: 290px !important; background: white; background-color: white !important; } .agents_download_brochures .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item .vc_gitem-zone-c p { font-size: 1.0em !important; } .agents_download_brochures .vc_gitem-zone-img { min-height: 210px; } .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item .vc_gitem-animated-block > div { border: 1px solid #ccc; } .agents_download_brochures .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item .vc_gitem-animated-block > div { border: none !important; } @media (max-width: 768px) { .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item .vc_gitem-animated-block { min-height: inherit !important; } .download_images_flyers .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item .vc_gitem-animated-block { min-height: inherit !important; } .download_images_social .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item .vc_gitem-animated-block { min-height: inherit !important; } .download_brochures .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item .vc_gitem-animated-block { min-height: inherit !important; } } @media (min-width: 768px) { .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item .vc_gitem-animated-block { height: 270px !important; margin-bottom: 10px !important; } .download_images_flyers .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item .vc_gitem-animated-block { height: 270px !important; margin-bottom: 10px !important; } .agents_download_social .vc_grid.vc_row.vc_grid-gutter-30px .vc_gitem-animated-block { height: 200px !important; } .download_images_social .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item .vc_gitem-animated-block { height: 120px !important; margin-bottom: 10px !important; } .download_brochures .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item .vc_gitem-animated-block { height: 190px !important; margin-bottom: 10px !important; } } .download_images_flyers .vc_pageable-slide-wrapper .vc_grid-item { min-height: 500px; } .clonedInput .col-sm-6 { min-height: 90px; } .clonedInput .col-sm-12 { margin-bottom: 20px; } #addMoreBrochures, a.brochures_clone, a.brochures_remove { background: #98ce44; color: white; padding: 8px; font-size: 1.1em; float: left; } #addMoreBrochures:hover, a.brochures_clone:hover, a.brochures_remove:hover { background: #7fb231; cursor: pointer; } a.brochures_clone_disabled { background: #c8e0a1; pointer-events: none; cursor: default; } .brochure_qty_target { display: block; margin-bottom: 5px; } .vc_gitem_row .vc_gitem-col { padding: 0 !important; } .vc_btn3-color-primary { background-color: #98ce44 !important; background: #98ce44; margin-bottom: 10px !important; margin-top: 10px !important; min-width: 100% !important; display: block !important; position: relative !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; height: 28px !important; padding: 0 24px !important; line-height: 28px !important; font-size: 0.9167em !important; font-weight: bold !important; } .page_travel_agents p > a { margin-top: 10px; float: left; } .agents_menu > li > a { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; letter-spacing: -1px; color: #302f2f; font-size: 1.3333em; line-height: 2em; } .agents_menu > li > .sub-menu li a { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal; letter-spacing: -1px; color: #302f2f; font-size: 1.2em; line-height: 1.8em; } .agents_menu > li > .sub-menu li a:hover { text-decoration: underline; } .agents_menu > li > .sub-menu li.current-menu-item a { text-decoration: underline; } .page_agents .wpb_wrapper > .download_list { padding-left: 0 !important; } .page_agents .wpb_wrapper > .download_list > li { font-size: 1.2em; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; letter-spacing: -1px; margin-bottom: 10px; list-style-image: none !important; } .page_agents .wpb_wrapper > ul { padding-left: 20px !important; } .page_agents .wpb_wrapper > ul > li { font-size: 1.2em; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: normal; font-style: normal; letter-spacing: -1px; margin-bottom: 10px; list-style-image:url('assets/images/icon-tick-green.png'); } .page_agents .vc_col-sm-12 { width: 99% !important; } .page_agents_press_releases .vc_inner .vc_col-sm-8 { width: 55% !important; } .page_agents_press_releases .vc_inner .vc_col-sm-4 { width: 45% !important; margin-left: 0 !important; margin-right: 0 !important; } .page_agents_press_releases .vc_inner .vc_col-sm-4 .wpb_single_image { margin-bottom: 20px; } .page_agents_press_releases .vc_inner .vc_col-sm-4 .wpb_single_image:last-child { margin-bottom: 0; } .page_this_months_focus .agents_download_grid .vc_grid-item-mini { margin-top: 20px; } ./* page_this_months_focus .agents_download_grid .vc_grid-item-mini .vc_gitem-animated-block { display: none; } */ .page_agents_groups ul { margin-bottom: 20px; } .page_agents_groups img.alignnone { margin-left: 20px; margin-bottom: 20px; } .vc_btn3 { font-family: 'Gotham SSm A', 'Gotham SSm B' !important; font-weight: 700 !important; font-style: normal !important; } /* .page_this_months_focus_previous_items .vc_grid-filter li.vc_grid-filter-item:nth-child(2) { display: none; } */ .clonedInput:first-child .brochures_remove { display: none; } .clonedInput:nth-child(5) .brochures_clone { display: none; } .agents_download_brochures_limited .vc_grid-item .vc_gitem-post-data-source-post_excerpt p { display: none; } .agents_download_brochures_limited .vc_grid > .vc_pageable-slide-wrapper > .vc_grid-item > .vc_grid-item-mini > .vc_gitem-zone-c { min-height: 120px !important; } .agents_download_brochures_show_excerpt .vc_grid-item .vc_gitem-zone-mini > .vc_row > .vc_gitem-col > .vc_gitem-post-data-source-post_excerpt > p { display: block; font-size: 0.8em !important; } .agents_download_brochures_show_excerpt .vc_grid-item .vc_gitem-zone-mini > .vc_row > .vc_gitem-col > .vc_gitem-post-data-source-post_excerpt > p:first-child { display: none; } .agents_download_brochures_show_excerpt .vc_grid-item .vc_gitem-zone-mini > .vc_row > .vc_gitem-col > .vc_gitem-post-data-source-post_excerpt > p:last-child { display: none; } .page_press_releases {} .page_press_releases .vc_grid-item { } .page_press_releases .vc_row .vc_col-sm-12 { background: none; } .page_press_releases .vc_gitem_row > .vc_col-sm-12 { border-bottom: 1px solid #ddd; } .page_press_releases .vc_grid-item-mini {} .page_press_releases .vc_gitem-animated-block { display: none; } .page_press_releases .wpb_single_image { float: right; width: 40%; margin-left: 12px; } .page_press_releases .vc_grid-item-mini h4 { font-size: 1.7em; } .page_press_releases .vc_gitem-post-data-source-post_date { font-family: 'Gotham SSm A', 'Gotham SSm B' !important; font-weight: 700 !important; font-style: normal !important; } .page_press_releases .vc_gitem-is-link { pointer-events: none; cursor: default; } .page_press_releases .vc_grid-item-mini a { pointer-events: none; cursor: default; } .page_press_releases .vc_grid-item-mini .vc_gitem-post-data p a { pointer-events: all !important; cursor: pointer !important; color: blue; text-decoration: underline; } .page_press_releases .vc_btn3-container { display: none; } @media (max-width: 991px) { .image-box.style2 figure { display: block; width: 100% !important; } .image-box.style2 figure a { width: 100% !important; height: auto !important; } .image-box.style2 figure a img { width: 100% !important; height: auto !important; } .image-box.style2 .details { padding: 20px !important; } .image-box.style2 .details p { margin-bottom: 20px !important; } } .page_this_months_focus_previous_items .vc_grid-filter-item:last-child { display: none; } .agents_download_grid .vc_gitem-post-data-source-post_title { min-height: 45px; } .agents_download_brochures .vc_gitem-post-data-source-post_title { min-height: 60px; } form .form_section { border-bottom: 1px solid #ddd; padding-bottom: 0; margin-bottom: 12px; margin-top: 20px; } ul.formattedList { padding-left: 20px; margin-bottom: 30px; } ul.formattedList li { margin-bottom: 12px; list-style: disc; font-family: 'Gotham SSm A', 'Gotham SSm B' !important; } .contact-form button.btn-large { font-size: 1em !important; } .vc_btn3-container .fb-share-button { background: #3b5998; color: white; font-family: 'Gotham SSm A', 'Gotham SSm B' !important; text-align: center; font-weight: 700; padding: 5px 0; } .vc_btn3-container .fb-share-button a { } /* ============== AFRICA INCENTIVES (AGENTS) ============== */ .open_new_window .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item h4 { height: 52px; } .open_new_window .vc_grid.vc_row.vc_grid-gutter-30px .vc_gitem-animated-block { height: 240px; } .download_images .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item .vc_gitem-animated-block { min-height: 120px !important; } .download_images .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item h4 { height: 48px; } .download_images .vc_grid.vc_row.vc_grid-gutter-30px .vc_gitem-animated-block { height: auto; } @media (max-width: 768px) { .open_new_window .vc_grid.vc_row.vc_grid-gutter-30px .vc_gitem-animated-block { height: inherit !important; } } .agents_download_grid .vc_gitem-post-data-source-post_excerpt { margin-bottom: 0 !important; } .agents_download_grid .vc_gitem-post-data-source-post_excerpt p { margin-bottom: 0 !important; } /******************************************************* 21. 404 Page *******************************************************/ @media (min-width: 768px) { .page_404_container { width: 100%; overflow: hidden; background-image: url('assets/images/search_404_image_base_01.jpg'); background-repeat: no-repeat; background-size: cover; min-height: 700px; background-position-y: -30px;} .page_404_container > div > p { color: white; } .page_404_container .header_1 { font-size: 8em; font-weight: bold; margin-bottom: 0; line-height: 1.5em; } .page_404_container .header_2 { font-size: 3em; font-weight: bold; margin-bottom: 0; line-height: 1.5em; width: 50%; } .page_404_container_search { margin-top: 30px; } .page_404_container_search > form { border: none !important; width: 50%; } .page_404_container_search > form label { font-size: 1.3em; line-height: 1.5em; margin-bottom: 20px; } .page_404_container_search > form input[type="text"] { width: 50%; margin-right: 12px; } .page_404_container_search > form input[type="submit"] { min-width: 80px; position: relative; background: #98CE44; font-weight: bold; height: 32px; padding: 0 24px; line-height: 28px; font-size: 0.9167em; white-space: nowrap; text-align: center; border: none; color: #FFF; cursor: pointer; letter-spacing: 0.04em; } .page_404_container_search > form input[type="submit"]:hover { background: #7fb231; } .page_prodict_not_found_container { width: 100%; overflow: hidden; background-image: url('assets/images/search_product_not_found_image_base.jpg'); background-repeat: no-repeat; background-size: cover; min-height: 700px; background-position-y: -150px;} .page_prodict_not_found_container > div > p { color: white; } .page_prodict_not_found_container .header_1 { font-size: 5em; font-weight: bold; margin-bottom: 0; line-height: 1.5em; margin-bottom: 20px; } .page_prodict_not_found_container .header_2 { font-size: 2.7em; font-weight: bold; margin-bottom: 0; line-height: 1.2em; width: 50%; margin-bottom: 30px; } .page_prodict_not_found_container .header_3 { font-size: 1.8em; font-weight: normal; margin-bottom: 0; line-height: 1em; margin-bottom: 15px; } .page_prodict_not_found_container .header_3 span { float: left; display: inline-block; margin-right: 20px; } } @media (max-width: 768px) { .page_404_container { width: 100%; overflow: hidden; background-image: url('assets/images/search_404_image_base_01.jpg'); background-repeat: no-repeat; background-size: cover; min-height: 550px; background-position-x: -210px; background-position-y: -30px; } .page_404_container > div > p { color: white; } .page_404_container .header_1 { font-size: 5em; font-weight: bold; margin-bottom: 0; line-height: 1.2em; } .page_404_container .header_2 { font-size: 1.8em; font-weight: bold; margin-bottom: 0; line-height: 1em; width: 70%; } .page_404_container_search { margin-top: 30px; } .page_404_container_search > form { border: none !important; width: 100%; } .page_404_container_search > form label { font-size: 1em; line-height: 1.2em; margin-bottom: 20px; width: 70%; } .page_404_container_search > form input[type="text"] { width: 100%; margin-bottom: 20px; } .page_404_container_search > form input[type="submit"] { min-width: 80px; position: relative; background: #98CE44; font-weight: bold; height: 32px; padding: 0 24px; line-height: 28px; font-size: 0.9167em; white-space: nowrap; text-align: center; border: none; color: #FFF; cursor: pointer; letter-spacing: 0.04em; } .page_404_container_search > form input[type="submit"]:hover { background: #7fb231; } .page_prodict_not_found_container { width: 100%; overflow: hidden; background-image: url('assets/images/search_product_not_found_image_base.jpg'); background-repeat: no-repeat; background-size: cover; min-height: 550px; background-position-x: -300px; background-position-y: -100px; } .page_prodict_not_found_container > div > p { color: white; } .page_prodict_not_found_container .header_1 { font-size: 3em; font-weight: bold; margin-bottom: 0; line-height: 1.2em; margin-bottom: 20px; } .page_prodict_not_found_container .header_2 { font-size: 1.8em; font-weight: bold; margin-bottom: 0; line-height: 1em; width: 70%; margin-bottom: 30px; } .page_prodict_not_found_container .header_3 { font-size: 1.5em; font-weight: normal; margin-bottom: 0; line-height: 1em; margin-bottom: 15px; } .page_prodict_not_found_container .header_3 span { display: block; margin-bottom: 14px; } } /******************************************************* XX. Specific Pages *******************************************************/ /* ============== NEW ============== */ .page-payment-express img { padding: 10px; background: white; width: 25%; height: auto; } .image-style.style2 p, .skin-color p { font-size: 15px; } .listing-style3.hotel .details > *:first-child > * { border-bottom: unset !important; } .listing-style3.hotel .details > * > *:first-child { border-right: unset !important; } body .regionContainer .details h3:nth-child(2) { font-weight: 400; font-size: 1.0833em; line-height: 1.6666; color: #444; font-family: 'Gotham SSm A', 'Gotham SSm B'; letter-spacing: 0; margin-bottom: 0; } body.page #YourHost .hosts { display: block; width: 100%; margin-top: 20px; } body.page #YourHost .hosts .leftalign { width: 25%; display: inline-block; margin-right: 30px; } body.page #YourHost .hosts .rightalign { width: 65%; display: inline-block; vertical-align: top; } body.page #YourHost .hosts .leftalign img { width: 100%; display: block; } @media screen and (max-width: 600px){ body.page #YourHost .hosts .leftalign, body.page #YourHost .hosts .rightalign { width: 100%; margin-bottom: 20px; } body.page #Video, body.page #Video .videoContainer { padding: 0; } body.page #Video iframe { max-width: 100%; } } body.page #quickFacts ul { list-style: inherit; } body.page #highlights.tab-pane h3, body.page #whenToGo.tab-pane h3, body.page #quickFacts.tab-pane h3 { font-size: 14px; line-height: 18px; margin-bottom: 5px; } body.page #highlights.tab-pane h2, body.page #whenToGo.tab-pane h2, body.page #quickFacts.tab-pane h2 { font-size: 18px; line-height: 22px; margin-bottom: 10px; } /* ==============AFRICA PROMO============== */ /* Promotion Popup CSS: Not needed? **/ .promo-form { width: 1024px; height: 90vh; background-image: url('http://dev.onlineresultstest.co.nz/wordpress/wp-content/uploads/2015/09/elephant-bg.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; } .promo-form .frm_form_fields { width: 65%; margin: 0 auto; height: 98%; padding-top: 2%; } .promo-form fieldset { height: 91%; background-color: rgba(255,255,255,0.4); padding-top: 10%; text-align: center; } .promo-form input[type="text"], .promo-form input[type="email"], .promo-form input[type="url"], .promo-form input[type="password"], .promo-form input[type="search"], .promo-form textarea { padding: 10px 10px; border: none; box-sizing: border-box; -moz-box-sizing: border-box; width: 75%; font-family: 'Gotham SSm A', 'Gotham SSm B'; margin-top: 30px; } .promo-form button, .promo-form input[type="button"], .promo-form input[type="reset"], .promo-form input[type="submit"] { background-color: #CA9933; width: 39%; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-size: 34px; padding: 14px; margin-top: 10px; } .promo-form img.frm_ajax_loading { display: none; } .promo-form .frm_submit { text-align: center; } .promo-form h1{ color: #ffffff; text-shadow: 1px 1px 1px #333333; font-family: 'Gotham SSm A', 'Gotham SSm B'; text-align: center; font-size: 54px; line-height: 54px; } .promo-form h1 span { font-size: 38px; } .promo-form h2 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-size: 16px; margin-top: 0px; } .promo-form label { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-size: 12px; } .promo-form h3 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-size: 12px; width: 75%; margin: 0 auto; padding-top: 20px; } .promo-form input#field_terms-0 { -webkit-appearance: none; background-color: #ffffff; padding: 12px; display: inline-block; position: relative; height: 10px; width: 10px; margin-top: 30px; } .promo-form input#field_terms-0:checked:after { content: '\2714'; font-size: 25px; position: absolute; top: 0px; left: 8px; color: #99a1a7; } .promo-form label.frm_primary_label { display: none; } .promo-form select#field_package { margin-top: 30px; padding: 10px 10px; font-family: 'Gotham SSm A', 'Gotham SSm B'; width: 75%; box-sizing: border-box; border: none; } .promo-form::-webkit-input-placeholder {-webkit-appearance:none; font-family: 'GothamBook'; } .promo-form::-moz-placeholder { -moz-appearance: none; font-family: 'GothamBook'; } .promo-form:-ms-input-placeholder { -ms-input-appearance: none; font-family: 'GothamBook'; } @media screen and (min-device-width : 320px) and (max-device-width : 480px) { .promo-form { width: 240px; height: auto; } .promo-form h1 { font-size: 30px; line-height: 40px; } .promo-form h1 span { font-size: 20px; } .promo-form .frm_form_fields { width: 100%; } .promo-form h2 { font-size: 18px; margin-top: 0; } .promo-form input[type="text"], .promo-form input[type="email"], .promo-form input[type="url"], .promo-form input[type="password"], .promo-form input[type="search"], .promo-form textarea { font-size: 15px; margin-top: 15px; } .promo-form select#field_package { margin-top: 15px; font-size: 15px; } .promo-form button, .promo-form input[type="button"], .promo-form input[type="reset"], .promo-form input[type="submit"] { width: 75%; font-size: 22px; padding: 10px; margin-top: 10px; } .promo-form fieldset { height: 100%; padding-top:0; } } @media screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .promo-form { width: 700px; height: auto; } .promo-form .frm_form_fields { width: 90%; } } @media screen and (min-width : 1025px) { .promo-form { width: 720px; height: 720px; } } .promo-form .frm_error { color: #ffffff; font-family:'GothamBook'; font-size:14px; } .promo-container { width: 720px; height: 720px; } .promo-container h1, .promo-container p,.promo-container a,.promo-container div,.promo-container section { margin: 0; } .promo-container { font-family: GothamBold,sans-serif; color: #ffffff; } .promo-container h1 { color: #FFF; text-transform: uppercase; font-size: 100px; } .promo-container a { color: #ffffff; text-decoration: none; } .promo-container p { margin: 0 0 15px 0; } .promo-container #p-3{ color:black; margin-bottom:10%; } .promo-container strong { font-weight: 700; } .promo-container .inner { position: relative; margin: 0 auto; text-align: center; } .promo-container { display: table; width: 100%; } div.main-content { background-color:rgba(255, 255, 255, 0.4); border: 1px solid rgba(255, 255, 255, 0.4); margin-left:18%; margin-right:18%; } .promo-container .menu-bar p{ font-size: 20px; background-color: #C56B1E; margin-left: 113px; margin-right: 113px; margin-bottom: 25px; padding-top: 1%; padding-bottom: 1%; } .promo-container .menu-bar p:last-child{ margin-bottom:15%; } .promo-container .content { display: table-cell; vertical-align: middle; text-align: center; } .promo-container .sub-title { margin: 50px auto; font-size: 29px; text-transform: uppercase; margin-top:-14px; } @media only screen and (min-width: 360px) and (max-width:1280px){ .promo-container h1 { font-size: 95px; margin-top: 50px; } div.main-content { margin-left: 5%; margin-right: 5%; } .promo-container .sub-title { margin: -14px auto 30px; } .promo-container #p-3{ font-size: 18px; margin-bottom:20%; } .promo-container .menu-bar p { font-size: 16px; background-color: #CA9933; margin-left: 130px; margin-right: 130px; margin-bottom: 10px; } } @media only screen and (min-width: 310px) and (max-width: 359px){ div.main-content { margin-left: 5%; margin-right: -100%; } .promo-container { display: block; vertical-align: baseline; margin: -80px auto; padding: 80px 0 0 0; } .promo-container .menu-bar p { font-size: 15px; margin-left: 24%; margin-right: 10%; margin-bottom: -5px; } .promo-container h1 { font-size: 35px; margin-top: 63px; } .promo-container #p-3 { font-size:13px; } .promo-container .content{ display: table-cell; vertical-align: middle; text-align: center; } .promo-container .sub-title { margin: -20px auto 15px; font-size: 15px; padding-top: 14px; } .promo-container p { max-width: 150px; margin: 0 auto; font-size: 15px; line-height: 20px; } .promo-container { height: auto; } } div#fancyboxID-1 { background-size: cover; width: 720px; height: 720px; background-position: center; } .promo-container a { color: #ffffff; text-decoration: none; background-color: #CA9933; padding: 12px; margin: 10px 10px; line-height: 80px; } @media screen and (max-width: 800px){ body #page-wrapper #main .googleMapsContainerCountry.fallback { background-image: url('/wp-content/uploads/2020/12/Silk-Road-mobile.jpg') !important; background-size: cover !important; background-position: 0 0 !important; background-repeat: no-repeat !important; } } @media screen and (max-width: 767px){ body #page-wrapper #main .googleMapsContainerCountry.fallback { height: 200px !important; } }