/* Easing */ .header .btn, .header-grid .sub-menu, .multi-menu .wp-block-columns {-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease} /* .header Bar */ .sf-container {position:relative;z-index:unset} .header{width:100%; height:90px; position:fixed; z-index:10000; top:0px; left:0px; padding:0px 1vw} .header-grid {width:100%; display:grid; grid-template-columns:150px auto 60px 30px 65px 150px; grid-template-rows:1fr; grid-column-gap:1em; grid-row-gap:0px; align-items:center} .header .logo img {width:150px; display:inline-block; height:auto} .header, .header .logo, .mainMenu li a, .mainMenu li ul {transition:all 250ms ease-in-out} .header.sticky {height:70px; padding:0 1vw; background:white; box-shadow:0px 20px 25px -10px rgba(0, 0, 0, 0.1)} /* Search Icon */ .search-icon-contain {text-align:center} .search-icon-contain button {position:relative; z-index:100002; cursor:pointer; background-color:transparent; width:30px; padding:0; height:70px; border:0; text-indent:-9999px; background-size:22px; background-position:center center; background-repeat:no-repeat; background-image:url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 489.713 489.713' style='enable-background:new 0 0 489.713 489.713;' xml:space='preserve' fill='black'%3E%3Cg%3E%3Cpath d='M483.4,454.444l-121.3-121.4c28.7-35.2,46-80,46-128.9c0-112.5-91.5-204.1-204.1-204.1S0,91.644,0,204.144 s91.5,204,204.1,204c48.8,0,93.7-17.3,128.9-46l121.3,121.3c8.3,8.3,20.9,8.3,29.2,0S491.8,462.744,483.4,454.444z M40.7,204.144 c0-90.1,73.2-163.3,163.3-163.3s163.4,73.3,163.4,163.4s-73.3,163.4-163.4,163.4S40.7,294.244,40.7,204.144z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E")} /* Search overlay */ .search-overlay {height:100%;width:100%;display:none;position:fixed;z-index:10001;top:0;left:0;background-color:rgba(0,0,0, 0.85)} .search-overlay-content {position:relative;top:46%;width:80%;text-align:center;margin-top:30px;margin:auto} .search-overlay .closebtn {position:absolute;top:10px;right:25px;font-size:60px;line-height:60px; cursor:pointer;color:white} .search-overlay .closebtn:hover {color:#ccc} .search-form label {color:white; padding-right:1em} .search-form input[type="search"] {padding:1em; background:white; border:0; width:auto; min-width:40vw} .search-form input[type="submit"] {background:#555; color:white; font-weight:bold; border-radius:0px; outline:0; border:0; padding:1em 2em} @media only screen and (max-width:800px){ .search-overlay-content {top:40%;width:95%} .search-form label {display:block} } .header .btn {display:block; text-align:center; padding:0.8em 0em; background:black; color:white; font-weight:bold; border-radius:0px; outline:0; border:0; text-decoration:none; -webkit-appearance:none} .header .btn:hover {color:white; transform:scale(1.08)} .currency-switcher {background:#f5f5f5; border:0; border-radius:25px; height:40px; width:65px !important; font-size:0.9em; padding:0; text-align:center} /* WPML */ .wpml-ls-legacy-dropdown a{border:0;background:#f5f5f5;border:0;border-radius:25px;height:40px;font-size:0.9em;padding:0;text-align:center;} .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {padding:12px 15px 10px 0;} .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {background:#f5f5f5;border:0;border-radius:10px; overflow:hidden;} .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{border:0;border-bottom:1px solid #e5e5e5;border-radius:0;height:auto;padding:10px 0;} @media only screen and (min-width:1241px) { .header-grid {grid-template-columns:140px auto 60px 30px 65px 160px} } @media only screen and (min-width:1025px) { .desktopMenu {text-align:center; height:90px} .header.sticky .desktopMenu {height:70px} .mainMenu {list-style-type:none;margin:0 auto;padding:0; position:static; display:inline-block} .mainMenu li, .multi-menu {display:inline-block; margin:0 1vw; text-align:left; position:relative} .mainMenu li a, .multi-menu-title {display:block; height:90px; line-height:90px; padding:0; text-decoration:none; font-weight:500; color:black; font-size:15px; text-transform:uppercase; letter-spacing:2px} .header.sticky .mainMenu li a, .header.sticky .multi-menu-title {height:70px; line-height:70px} .mainMenu li:hover a, .multi-menu-title:hover, .multi-menu-contents li a {color:black !important} .mainMenu li::before{display:none} .mainMenu li.menu-item-has-children > a:after, .multi-menu-title:after {content:"\2304"; display:inline-block; vertical-align:middle; line-height:100%; margin:-6px 0 0 3px; transform:scaleY(0.6)} /* Hide first 2 links as they rater have large menus from a widget */ .mainMenu li:nth-of-type(1), .mainMenu li:nth-of-type(2) {display:none} .header.sticky .mainMenu {height:70px} .header.sticky .mainMenu li a {height:70px; line-height:70px} /* 2nd Level */ .mainMenu li .sub-menu {left:-1em; right:auto; position:absolute; background:white} .mainMenu li:hover .sub-menu a, .mainMenu li:hover .sub-menu a:hover {color:black} .mainMenu li .sub-menu li {display:block; margin:0} .mainMenu li .sub-menu li a {width:100%; height:auto!important; display:block; padding:0.5em 0; text-transform: capitalize; letter-spacing:0} .mainMenu li .sub-menu li a:hover {text-decoration:underline} .mainMenu .sub-menu li a:hover + .sub-menu, .mainMenu li:hover .sub-menu {display:block !important;opacity:1 !important} .sub-menu {text-align:left; position:absolute; top:90px; left:0px; padding:0.5em 1em; width:240px; z-index:1010; background:white; box-shadow:0px 42px 70px -20px rgba(0, 0, 0, 0.25); opacity:0; display:none} .header.sticky .sub-menu {top:70px} .sub-menu ul, .sub-menu li {display:block} .sub-menu li a {display:block; color:black; padding:0.5em 0; text-decoration:none; line-height:125%!important} .mainMenu .current_page_item .sub-menu li a {font-weight:normal} .sub-menu li a:hover {} .mainMenu li .sub-menu {display:none;opacity:0} .mainMenu li:hover .sub-menu {display:block;opacity:1} /* Multi Menu (large menu for 1st 2 menu items)*/ .hideMobile, .mob-only {display:none} .multi-menu-contents:before, .sub-menu:before {content:'';position:absolute;left:1.5em;top:-8px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white;clear:both} .multi-menu-contents {display:block !important; text-align:left; position:absolute; top:90px; left:-1.5em; padding:1.5em 1.5em; width:1000px; z-index:1010; background:white; box-shadow:0px 42px 70px -20px rgba(0, 0, 0, 0.25); opacity:0; display:none !important} .header.sticky .multi-menu-contents {top:70px} .multi-menu-contents h3 {font-size:115%; font-weight:normal; padding:0 0 1em} .multi-menu-contents h4 {font-size:100%; padding:0; font-weight:bold; font-family: 'Raleway', sans-serif !important} .multi-menu:hover .multi-menu-title {cursor:pointer} .multi-menu:hover .multi-menu-contents {display:block !important;opacity:1 !important} .multi-menu-contents ul {margin:0.25em 0 1.75em; list-style-type:none; padding:0} .multi-menu-contents ul li {margin:0.25em 0; list-style-type:none; padding:0} .multi-menu-contents .wp-block-columns{margin-bottom:0} .menu-panel, .burger-toggle, .mobileNav {display:none} } @media only screen and (min-width:1451px) and (max-width:1550px) { .mainMenu li, .multi-menu {margin:0 8px} .mainMenu li a, .multi-menu-title {letter-spacing:1.5px} } @media only screen and (min-width:1281px) and (max-width:1450px) { .mainMenu li, .multi-menu {margin:0 5px} .mainMenu li a, .multi-menu-title {letter-spacing:0.5px} .header .btn {letter-spacing:0.04em !important} } @media only screen and (min-width:1025px) and (max-width:1280px) { .header-grid {grid-column-gap:5px} .mainMenu li, .multi-menu {margin:0 2.5px} .mainMenu li a, .multi-menu-title {font-size:0.9em; letter-spacing:0} .multi-menu-contents {width:900px} .header .btn {letter-spacing:0.02em !important} } @media only screen and (max-width:1024px) { .dt-only {display:none} .desktopMenu, .header-grid .choose-currency {display:none} .header, .header.sticky{height:70px; padding:0} .header-grid {grid-template-columns:auto 60px 30px 175px; padding:0 70px 0 15px; grid-column-gap:15px} .header .btn {letter-spacing:0 !important} /* Animated Burger Menu */ .burger-toggle {position:absolute; z-index:100002; top:0px; right:0px; font-weight:400; font-size:100%; width:70px; height:70px; background:transparent; color:white; cursor:pointer; padding:0; margin:0; border:none; outline:0} .burger-toggle span, .burger-toggle span:before, .burger-toggle span:after {cursor:pointer; border-radius:10px; height:3px; width:30px; left:20px; top:33px; background:black; position:absolute; display:block; content:''} .burger-toggle span:before {top:-10px; left:0px} .burger-toggle span:after {top:10px; left:0px} .burger-toggle span, .burger-toggle span:before, .burger-toggle span:after {transition:all 250ms ease-in-out} .burger-toggle.open span {background-color:transparent} .burger-toggle.open span:before, .burger-toggle.active span:after {top:0} .burger-toggle.open span:before {transform:rotate(45deg); top:0px; left:0px} .burger-toggle.open span:after {transform:rotate(-45deg); top:0px; left:0px} .swipe-area {position:absolute;width:100%;left:auto;right:0;top:0;height:100%;z-index:0} .menu-panel {background:white; position:fixed; z-index:100001;overflow-y:auto; top:70px; right:-100%; width:100%; height:calc(100% - 70px); box-sizing:border-box; left:auto; transition:right 0.25s ease-in-out} .menu-panel.open-menu {left:auto;right:0px} /* Menu System */ .menu-panel {padding:0} .menu-panel * {box-sizing:border-box} .menu-panel ul {list-style:none;margin:0;padding:0;display:block;clear:both; border-bottom:1px solid #eee} .menu-panel li {border-top:1px solid #eee; position:relative;overflow:hidden; transition:all .4s ease} .menu-panel li:first-of-type {border-top:0} .menu-panel li::after {content:"";display:block;clear:both} .menu-panel li>a>svg {display:block;position:relative;width:16px;float:right;transition:all .3s ease} .menu-panel li>a.open>svg {transform:rotate(45deg)} .menu-panel a {padding:1em 4vw; color:black; font-weight:bold; text-transform:uppercase; letter-spacing:2px; display:block; justify-content:space-between;align-items:center;text-decoration:none} .menu-panel li.open > ul {display:block; border:0} .menu-panel li>ul {background:white; display:none;height:0;margin:0; padding:0; overflow:hidden;transition:height 350ms ease-in-out} .menu-panel ul.is-visible {display:block} .menu-panel ul ul li {border:0; font-size:90%} .menu-panel ul ul a, .menu-panel ul li.open ul a {padding:0.4em 4vw; font-weight:500} .menu-panel li ul {padding-bottom:0.6em} .menu-panel li.open ul a:hover {background:white} .menu-panel li.open > a {background:black; color:white; padding-left:8vw} .menu-panel li.open li.open > a {background:#eee; color:black} .menu-panel ul ul ul a, .menu-panel ul ul li.open ul a {padding-left:8vw} .menu-panel .choose-currency {padding:1em} .currency-switcher {width:100px !important; font-size:1em} } @media only screen and (max-width:500px) { .header-grid {grid-template-columns:70px 40px 30px auto; padding:0 50px 0 15px; grid-column-gap:10px} .burger-toggle {width:60px} .wpml-ls-legacy-dropdown a{border:0;background:transparent;border:0;border-radius:10px;height:40px;font-size:0.9em;padding:0;text-align:center;} .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {padding: 12px 10px 10px 0} .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after{border:.25em solid transparent;border-top-width:0.25em;border-top:.4em solid;right:5px;top:calc(50% - .175em);} } /* Links */ .read-more i {display:none} .main-content a {color:black;text-decoration:underline} /* Generic*/ img { max-width:100%; height:auto} .hidden {display:none} .row{margin-left:unset !important;margin-right:unset !important} .alignnone { margin:5px 20px 20px 0} .aligncenter, div.aligncenter {display:block; margin:5px auto 5px auto} .alignright {float:right;margin:5px 0 20px 20px} .text-right {text-align:right!important} /*Interactive Map*/ .interactive-map .cb {fill:#DCD4B0} .interactive-map .cb {outline: 0 !important;fill: #f5f5f5;stroke: #eb8923;stroke-width: 1;stroke-linecap: round;transition: all 0.2s ease-out} .interactive-map #imap {width:90%} .interactive-map .cb.ca {fill:#ddd} .interactive-map .cb.ca:hover {cursor:pointer;fill:#ccc} .interactive-map .cb.ct {fill:#F15C22} .interactive-map .cb.ct:hover {fill:#d3450d} .interactive-map .country-card {padding:2em; background: #f3f3f3} .interactive-map .country-card .title-area {display:flex; text-align:left; padding:0} .interactive-map h6 {text-align:left; margin:0; padding:0 0 0.5em} .interactive-map .country-card.hide {display:none} .interactive-map .content-link {display: block;border-bottom: 1px #cfcbcb solid;padding: 6px 0; text-decoration: none} @media only screen and (max-width:768px) { .interactive-map #imap {margin-bottom:20px} } /*Mapbox markers*/ .marker {background:url(../img/map_marker.svg) center center no-repeat;background-size:contain;width:30px;height:40px;cursor:pointer} .mapboxgl-marker {position:absolute;top:0;left:0;will-change:transform} /* Slick Sliders */ .slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%); transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0; z-index:50} .slick-prev{left:-25px} .slick-next{right:-25px} .slick-prev:before,.slick-next:before{font-family:"Font Awesome 5 Free"; font-weight:900; color:#333; font-size:22px; opacity:0.75; -webkit-font-smoothing:antialiased} .slick-prev:before { content:"\f104"; } .slick-next:before { content:"\f105"; } .testimonial-slider .slick-testimonial {padding:0 30px} .testimonial-slider .loop-testimonial { border-radius:5px;background:#fff; padding:50px} .testimonial-slider .loop-testimonial h3 {color:#F15C22} .testimonial-slider .loop-testimonial .testimonial-info img { border-radius:5px;margin-bottom:12px} .testimonial-slider .loop-testimonial p {font-style:italic} .image-slider .slick-prev{left:15px} .image-slider .slick-next{right:15px} .image-slider .slick-prev:before,.image-slider .slick-next:before{opacity:1} .logo-block .slick-slide img {margin:0 auto;max-height:120px;max-width:260px} .logo-block .slick-slide {height:130px;display:flex;align-items:center} .image-slider.slick-slider .slick-slide {margin-left: 5px; margin-right: 5px} @media only screen and (max-width:768px) { .testimonial-slider .loop-testimonial {padding:20px 15px} } /* Contact page */ .trustpilot-content {background:#fff;padding:30px; border-radius:5px} .gform_wrapper form .gform_body ul.gform_fields { list-style:none;padding:0; margin:0!important} .gform_wrapper form .gform_body ul.gform_fields li.gfield {margin-bottom:0.25rem;position:relative;padding-right:1rem;display:inline-block; width:100%} body .gform_legacy_markup_wrapper ul li.gfield {margin-top:16px; padding-top:0} .gform_legacy_markup_wrapper ul li.gfield {clear:both} .gform_wrapper form .gform_body ul.gform_fields li.gfield.half { width:50%} .gform_wrapper form .gform_body ul.gform_fields li.gfield>label {margin-bottom:0.5rem;letter-spacing:0;font-weight:700} .gform_legacy_markup_wrapper .top_label .gfield_label, .gform_legacy_markup_wrapper legend.gfield_label {clear:both;display:-moz-inline-stack;display:inline-block;line-height:1.3} .gform_wrapper form .gform_body ul.gform_fields li.gfield input, .gform_wrapper form .gform_body ul.gform_fields li.gfield select, .gform_wrapper form .gform_body ul.gform_fields li.gfield textarea {width:100%; border:1px solid #CACACA;outline:0;background:transparent; font-size:1rem!important; padding:0.5rem 0.5rem!important;line-height:1.5!important; transition:border 0.2s ease-out;box-shadow:none!important;border-radius:3px} .gform_legacy_markup_wrapper textarea.medium {height:120px; width:100%} .gform_legacy_markup_wrapper ul.gfield_checkbox li, .gform_legacy_markup_wrapper ul.gfield_radio li {padding:0!important; position:relative} .gform_legacy_markup_wrapper .gfield_checkbox li label, .gform_legacy_markup_wrapper .gfield_radio li label {display:-moz-inline-stack; display:inline-block;line-height:1.5;max-width:85%;padding:0;vertical-align:middle;white-space:normal;width:auto} .gform_legacy_markup_wrapper .gfield_checkbox li input, .gform_legacy_markup_wrapper.gfield_checkbox li input[type=checkbox], .gform_legacy_markup_wrapper.gfield_radio li input[type=radio] {margin-top:0px!important; width:auto!important} .gform_wrapper form .gform_body ul.gform_fields li.gfield_visibility_hidden{margin:0!important; padding:0!important; display:none} .content-and-instagram {background:url(../img/crosshatch_light.png) top left repeat} .page-id-8621 div#gform_wrapper_6, .page-id-105340 div#gform_wrapper_6, .page-id-105341 div#gform_wrapper_6 {text-align:left;} @media only screen and (min-width:641px){ .gform_legacy_markup_wrapper textarea.medium {height:160px; width:100%} .gform_legacy_markup_wrapper .gfield_checkbox li, .gform_legacy_markup_wrapper .gfield_radio li {line-height:1.3;margin:0 0 8px} } @media only screen and (max-width:768px){ .gform_wrapper form .gform_body ul.gform_fields li.gfield.half { width:100%} } .gallery img {margin:0 15px 15px 0;border-radius:0px;transition:0.2s opacity ease} .gallery dl.gallery-item img {margin:0!important;border:0!important} #gallery-1 .gallery-item {float:left;margin-top:10px;text-align:center;width:33%} .gallery dl.gallery-item {margin:0 0 10px 0!important;padding-right:10px} .special-mention {display:flex;color:#F15C22;margin-bottom:10px; align-items:center} .special-mention .sm-left { margin-right:20px} .special-mention .sm-right {flex:1} .loop-location {padding:20px;background:#fff;border-radius:5px;margin-bottom:15px;display:flex;align-items:center} .loop-location .img-container {margin-right:20px; width:120px} .loop-location .img-container img {border-radius: 5px} .content-list h3 {font-family:'Libre Baskerville', serif!important} .content-list .cl-row {border-bottom:1px solid #ddd} .big-video {display:flex;border:0;background:transparent;align-items:center;margin:20px 0;transition:all 0.2s ease;padding:0; font-weight:700} .big-video img {border-radius:5px;width:120px;margin-right:15px} .special-mention p { margin-bottom:0px} /* tabs*/ .tabs-block .tab-container .nav-tabs { border:0} .tabs-block .tab-container ul {text-align:center;display:block} .tabs-block .tab-container ul li {display:inline-block; margin:0 auto; margin-right:5px} .tab-container .nav-link {padding:10px 15px; background:white; color:black; border-radius:0px; border:1px solid black; font-size:0.9em; display:block; width:100%; overflow:hidden;text-overflow:ellipsis; text-align:center; text-decoration:none; transition:all 0.2s ease} .tab-container .nav-link.active {background:black; color:#fff !important} .tabs-block li.nav-item:before{display:none} .sub-nav {padding: 0;margin-top: 15px;font-weight: bold;display: flex;justify-content: space-between} .sub-nav li:hover a {color: black} .sub-nav li {flex-basis:calc(100%/12); padding-right:4px; display:inline-block; overflow:hidden; text-overflow:ellipsis; } .sub-nav li:before{display:none} .sub-nav li a {padding:10px 5px; background:white; color:black; border:1px solid black; font-size:0.9em; display:block; width:100%; overflow:hidden;text-overflow:ellipsis; text-align:center; text-decoration:none; transition:all 0.2s ease} section.subnavigation.months li.current_page_item a {background: black !important;color: white;} @media only screen and (min-width:992px) { .list-location-wrap {padding-left:15px} } @media only screen and (max-width:1024px) { .sub-nav{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:8px;grid-row-gap:8px} .sub-nav li{display:block; padding:0} } @media only screen and (max-width:800px){ .list-location-wrap {margin-top:1em} .sub-nav{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:6px;grid-row-gap:6px} } /* Image Icon Buttons */ .image-icon-buttons {display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;grid-column-gap:1em;grid-row-gap:0px; padding:5vh 15px} .image-icon-buttons .blockbutton {position:relative} .image-icon-buttons .target-img {position:relative; z-index:1; display:block} .image-icon-buttons img {width:100%} .image-icon-buttons .target-img:after{content:"";width:100%;height:50%;position:absolute;z-index:2;bottom:0px;left:0px;background:linear-gradient(0deg,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%)} .image-icon-buttons .link{position:absolute;z-index:3;bottom:0px;width:100%;padding:20px 15px; font-size:125%; margin:0;line-height:125%;text-align:left;color:#fff;font-weight:bold; font-family:'Libre Baskerville', serif !important; text-align:center} @media only screen and (max-width:800px){ .image-icon-buttons {grid-template-columns:repeat(2,1fr); grid-row-gap:1em} .image-icon-buttons .link{font-size:110%} } @media only screen and (max-width:500px){ .image-icon-buttons {grid-template-columns:repeat(1,1fr); grid-row-gap:1em} .image-icon-buttons .link{font-size:110%} } /*About*/ .collapse-blocks .card {width: 500px;max-width: 100%;margin: 0 auto 1em;border: 0} /* Accommodation */ .main-content.lodge-archive {padding-top:90px} .admin-bar .lodge-archive {margin-top: 100px !important;height: calc(100vh - 132px)} .lodge-archive .filters {padding: 15px 30px 30px; margin:0} .loop-lodge .img-container {flex: 1;width: 250px} .lodges-wrap {padding: 0px 30px;overflow: auto;height: calc(100vh - 420px)} .loop-lodge .content {flex: 5;padding-left: 15px} .loop-lodge .content h2 {font-size: 0.9em;margin-bottom: 0;font-weight: bold;color: black} .loop-lodge .content .top {display: flex} .loop-lodge .content .top .lodge-price {font-size: 0.8em;flex: 1;text-align: right;color: black;font-weight: bold} .loop-lodge .content .top a {flex: 1} .loop-lodge .content .tag-sets {color: #ccc;margin-top: 3px;font-size: 0.9em; margin-bottom: 6px} .lodge-archive .facetwp-map-filtering {position: absolute;bottom: 20px;left: 10px} .facetwp-map-filtering {background: black;color: #fff;border: 0;border-radius: 5px;padding: 4px 8px} .lodge-archive .facetwp-facet-map {margin-bottom: 0px !important} .lodge-archive .loop-lodge {padding: 10px; position:relative;} .lodge-archive .loop-lodge .content {position: absolute;z-index: 3;top: 50%;max-width: 150px} .lodge-archive .loop-lodge .img-container img {width: 100%} .lodge-archive .loop-lodge .img-container {width: 100%} .lodge-archive .lodge-price {display: none} .lodge-archive .loop-lodge .content h2 {color: white} div#facetwp-map{height:calc(100vh - 100px)!important} .lodge-archive .main-filters {margin:0; /*overflow-x:auto;*/width:100%; max-width:100%} .facetwp-template .col-xl-6 {padding:0px} .facetwp-template .loop-lodge {padding:0!important; margin:0 15px 15px 0 !important} .lodge-archive .loop-lodge .content a {text-decoration:none} .lodge-archive .loop-lodge .content h2 {font-size:1.25em; padding:0 0 8px; margin:0} .facetwp-template .loop-lodge .content {display:block; width:auto; max-width:calc(100% - 30px) !important; padding:0 15px !important; top:auto !important; bottom:0px !important} .facetwp-template .loop-lodge .content .top {padding:0px !important; display:block !important} .facetwp-template .loop-lodge .content .top {padding:0px !important; display:block !important} .facetwp-template .loop-lodge .content .lodge-price {padding:0px !important; display:block !important; color:white; font-weight:normal; text-align:left;} .facetwp-template .loop-lodge .content .tag-sets {color:white; padding:8px 0 12px; margin:0} .facetwp-template .loop-lodge .content .tag-set {margin-right:15px} .facetwp-template .img-container {position:relative} .facetwp-template .img-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 50%)} @media only screen and (max-width: 1500px) { .loop-lodge .content h2 {font-size: 0.8em} .loop-lodge .content .top .lodge-price {font-size: 0.9em} .loop-lodge .content .tag-sets {font-size: 0.8em} } @media only screen and (max-width:800px) { .lodge-archive #facetwp-map{height:200px!important} .lodges-wrap {padding:15px; height:auto; min-height:100vh} .lodge-archive .filters {padding:15px; margin:0} .main-filters,.advanced-filters .columns{grid-column-gap:8px!important;grid-row-gap:8px!important;} .facetwp-type-fselect .fs-wrap .fs-label-wrap .fs-label, .range-list .fs-label, .facetwp-type-checkboxes .facetwp-checkbox, .main-filters, .main-filters .read-more {letter-spacing:0 !important; font-size:13px !important; text-transform:none !important} .toggle-filters.read-more {font-size:13px !important;} .filters h4 {padding:0 !important;} .facetwp-template .loop-lodge {padding:0!important; margin:0 0 15px !important} } /* Start Brendan New Styles */ /* Wrapper */ .wp-block-group {padding:0 3vw; width:100%; margin:0 auto; max-width:1500px; position:relative} @media only screen and (min-width:1300px) { .container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1240px !important} } @media only screen and (min-width:1420px) { .container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1350px !important} } /* Fonts */ body {font-family:'Raleway', sans-serif !important; color:#555} h1, h2, h3, h4, h5 {font-family:'Libre Baskerville', serif !important; color:black; line-height:130% !important; padding:0.6em 0; margin:0} h3 {font-size:1.5em; line-height:140% !important; text-transform:lowercase;text-transform: capitalize} h4 {font-size:1.25em; line-height:140% !important} h4.h2, h2 p, h2 i {font-size:22px !important; line-height:32px !important} h5 {font-size:1.1em} h6, span.date {position:relative; text-align:center; opacity:0.75; letter-spacing:0.15em; padding:0 0 1em; font-size:14px; text-transform:uppercase} p {padding:0.6em 0; margin:0} @media only screen and (min-width:1241px) { h1 {font-size:3rem} } @media only screen and (max-width:800px) { h1 {font-size:2em} h2 {font-size:1.6em} h1 br {display:none} h6 {letter-spacing:0.1em; font-size:13px} h1, h2, h3, h4, h5 {padding:0.5em 0; margin:0} } /* Home Page */ .home-banner {width:100%; height:100vh; overflow:hidden; position:relative; z-index:1} .home-banner .banner-image {position:relative; z-index:1} .home-banner .banner-video{position:absolute;top:0px;left:0px;z-index:2;width:100%;height:100%;overflow:hidden;object-position:center;object-fit:cover;width:100%;height:100%} .video-copy{color:white; z-index:3;position:absolute;max-width:50%;top:50%;left:5%;transform:translateY(-50%)} .video-copy h1, .hero-content h1 {color:white !important; margin:0; padding:3vh 0 !important; text-shadow:0px 0px 20px rgba(0,0,0,0.25)} .video-copy h2, .hero-content h2 {color:white !important; margin:0; font-size:1.75rem; font-weight:400; line-height:140%; padding:0 !important; text-shadow:0px 0px 20px rgba(0,0,0,0.25)} .video-copy h6, .hero-content h6 {color:white !important; margin:0; padding:0; text-align:left; opacity:1} .video-copy .btn, .hero-block .btn {background:none; text-decoration:none !important; border:1px solid white} .video-copy .btn:hover, .hero-block .btn:hover {background:none !important; color:white; border-color:white !important;} .video-copy .btn.alt {background:none; text-decoration:underline !important; border:0;} .hero-block .btn.alt {background:none; text-decoration:none !important; border:1px solid white} .hero-content .btn.outline {background:none; outline:none; text-decoration:none !important; color:white !important; border-color:white !important; margin:15px 15px 15px 0} @media screen and (max-width: 768px) { video.banner-video { display: none; } } .row.how-it-works {display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:1fr;grid-column-gap:1em;grid-row-gap:0px; padding:0 20px; margin:0;} .card{background-color:#f3f3f3;border:0;border-radius:0} .card .img-contain {height:25vh; position:relative; z-index:1; overflow:hidden} .card .img-contain img {height:auto; min-width:100%; min-height:100%; flex-grow:1; object-fit:cover; width:100%; min-height:100%; position:relative;z-index:1; top:50%;transform:translateY(-50%)} .card-body{padding:1.5rem !important} .card-title {padding:0.25em 0 0.75em !important; margin:0 !important} .card-header{padding:2em 1em 1em;margin:0;background:none;border:0;position:relative;opacity:1} .section-peace {background:black; color:white; padding:5vh 0;} .section-peace .row {align-items:center !important; align-content: stretch !important} .section-peace i {font-size:1em !important; margin-right:0.5em} .section-peace a {color:white !important} .section-peace img {filter: brightness(0) invert(1)} .section-explore .experience {height:30vh; border:10px solid #fff; position:relative; z-index:1} .section-explore .experience .child {width:100%;height:100%;background-color:black;transition:all 2s; position:relative; z-index:1} .section-explore .experience .child:after {content:""; width:100%; height:10vh; position:absolute; z-index:2; left:0px; bottom:0px; background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%)} .section-explore .experience .child img {width: 100%;height: 100%;object-fit: cover;object-position: center bottom;display: block;} .section-explore .experience .parent {height:50vh;overflow:hidden;padding:0px} .section-explore a {position:absolute;font-size:16px;color:#fff} .section-explore h5 {position:absolute; z-index:3; bottom:5%; color:#fff;text-align:center; width:100%; font-weight:600; font-family:'Raleway', sans-serif !important; letter-spacing:0.1em; padding:0; font-size:16px; text-transform:uppercase; text-shadow:0px 0px 10px rgba(0,0,0,0.5)} .section-explore .experience a {width:100%;height:100%;background:unset;padding:0px;bottom:0px;right:0px} .section-reviews h2, .section-reviews h6 {color:white} .section-reviews .trustpilot-widget {margin-top:5vh} /* When to Travel Slider */ .nav.nav-pills{margin-top:5vh; display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:1fr;grid-column-gap:4px;grid-row-gap:0px} .nav-pills .nav-link{width:100% !important;background-color:#f3f3f3;border:0;border-radius:0;display:block;padding:0.75em 0 !important; margin:0 !important; font-size:13px; text-transform:uppercase} .nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:black} .when-block.slick-slide {height:75vh; position:relative} .when-block .when-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;z-index: 0;} .when-block .slider-caption {position: relative;z-index: 2;} #pills-tabContent .slider-caption {position:absolute; right:0; top:0px; width:40%; background: rgba(0,0,0,0.6); padding:2em 2em 5em; color:white} #pills-tabContent .slider-caption h3 {margin:0; padding:0.75em 0; color:white} #pills-tabContent .slider-caption a {color:white; font-size:1em; letter-spacing:0.12em; text-decoration:underline !important; padding:0.5em 0; display:inline-block; font-size:14px; font-weight:600; text-transform:uppercase; transition: all .2s ease-in-out} #pills-tabContent .slider-caption a:hover {color:white; transform: scale(1.075)} #pills-tabContent .slick-arrow {cursor:pointer; color:black; background:rgba(255,255,255,0.5); width:50px; height:50px; text-align:center; line-height:50px; position:absolute; left:0px; bottom:0px; transition: all 0.2s ease-out} #pills-tabContent .slick-arrow:hover {color:black; background:rgba(255,255,255,1)} #pills-tabContent .slick-arrow.prev {} #pills-tabContent .slick-arrow.next {left:auto; right:0px} @media only screen and (min-width:1241px) { .nav-pills .nav-link{letter-spacing:0.15em; font-size:14px} #pills-tabContent .slider-caption h3 {font-size:2em} #pills-tabContent .tab-pane.jan .slider-caption {left:0px; right:auto} #pills-tabContent .tab-pane.feb .slider-caption {left:8.3333%; right:auto} #pills-tabContent .tab-pane.mar .slider-caption {left:16.6666%; right:auto} #pills-tabContent .tab-pane.apr .slider-caption {left:25%; right:auto} #pills-tabContent .tab-pane.may .slider-caption {left:33.3333%; right:auto} #pills-tabContent .tab-pane.jun .slider-caption {left:41.6666%; right:auto} #pills-tabContent .tab-pane.jul .slider-caption {left:50%; right:auto} #pills-tabContent .tab-pane.aug .slider-caption {left:58.3333%; right:auto} } @media only screen and (min-width:1025px) { .video-copy h1, .hero-content h1, .video-copy h2, .hero-content h2 {max-width:900px} } @media only screen and (max-width:1300px) { #pills-tabContent .slider-caption p {font-size:0.9em} .section-peace .col-md-3{-ms-flex:0 0 33%;flex:0 0 33%;max-width:33%} .section-peace .offset-md-1, .section-peace .offset-md-2 {margin:0 !important; max-width:100% !important; width:100% !important} } @media only screen and (max-width:1024px) { #pills-tabContent .slider-caption {width:50%; padding:1.5em} } @media only screen and (max-width:800px) { .nav.nav-pills {grid-template-columns:repeat(6,2fr);grid-template-rows:2fr; grid-row-gap:0px; grid-column-gap:0px; border-left:1px solid black;} .when-block.slick-slide {height:75vh} #pills-tabContent .slider-caption {width:auto; margin:1em; padding:1.5em} #pills-tabContent .slider-caption h3 {padding:0.5em 0;} #pills-tabContent .slider-caption p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical} #pills-tabContent .slider-caption a { padding:0.25em 0} .section-peace .col-md-3, .section-peace .row {display:block;max-width:100% !important; width:100% !important} .section-peace p {margin:0; } .home-banner {height:75vh} .video-copy{max-width:75%;top:50%;left:5%;transform:translateY(-50%)} .video-copy h1 {font-size:2em} .video-copy h1, .hero-content h1 {font-size:1.75em; line-height:110%} .video-copy h6 {color:white !important; margin:0; padding:0; text-align:left; opacity:1} .video-copy .btn {border:0} .video-copy .btn.alt {background:none; text-decoration:underline !important} .section-welcome, .section-when, .section-explore {padding:5vh 0 0} .section-peace {padding:2em 0} .section-explore .col-12 .row {padding-top:1em} .row.how-it-works {grid-template-columns:repeat(2,1fr);} } @media only screen and (max-width:600px) { .row.how-it-works {display:block; padding:5vh 15px} .video-copy h1, .hero-content h1 {font-size:1.6em; line-height:100%} .hero-content .btn.outline {margin:15px 0 0} .card {margin:0} .why-cards .col-xs-12 {margin:0 0 1em} .nav.nav-pills {grid-template-columns:repeat(4,3fr);grid-template-rows:3fr} #pills-tabContent .slider-caption {margin:15px; padding:15px 15px 60px; font-size:0.9em;} #pills-tabContent .slider-caption h3 {padding:0.5em 0; margin:0; font-size:1.4em;} #pills-tabContent .slider-caption p {line-height:125%; padding:0;} #pills-tabContent .slider-caption small {line-height:100%; font-size:0.8em;} } @media only screen and (max-width:400px) { .nav.nav-pills {grid-template-columns:repeat(3,4fr);grid-template-rows:4fr} } /* Enquiry Page */ .page-template-template-enquiry .hero-block{height:25vh;min-height:25vh;max-height:25vh;padding-top:0px !important;background-position:center center !important;background-size:100% !important} .peace{padding:2em; display:flex;display:flex;justify-content:space-evenly;align-items:center; flex-direction:row;flex-wrap:nowrap;align-content:stretch} .peace .col:first-of-type {text-align:center} @media only screen and (max-width:800px) { .peace{margin:1.5em 0; display:block} } /* New Enquiry Page */ .page-template-template-enquiry .hero-block{height:25vh;min-height:25vh;max-height:25vh;padding-top:0px !important;background-position:center center !important;background-size:100% !important} .peace{padding:2em; display:flex;display:flex;justify-content:space-evenly;align-items:center; flex-direction:row;flex-wrap:nowrap;align-content:stretch} .peace .col:first-of-type {text-align:center} @media only screen and (max-width:800px) { .peace{margin:1.5em 0; display:block} } .footer.enquire-slim {text-align: center;} .footer.enquire-slim ul.wp-block-social-links.has-icon-color.is-style-logos-only.is-layout-flex.wp-block-social-links-is-layout-flex {justify-content: center;margin-bottom: 1rem;} .footer.enquire-slim .trustpilot-widget {display: flex;justify-content: center;} .testimonial-slider .slick-slide {margin: 0 10px;} .testimonial-slider .slick-list {margin-left: -10px;margin-right: -10px;} .testimonial {box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1);border-radius: 15px;} .testimonial {padding: 2rem;} .testimonial-slider .slick-track{display: flex !important;margin-top: 20px;margin-bottom: 20px;} .testimonial-slider .slick-slide{height: inherit !important;} div#input_6_22 {grid-template-columns: repeat(3, 1fr);} div#input_14_22 {grid-template-columns: repeat(2, 1fr);} .person-image {display: flex;gap: 10px;align-items: center;} /* Banner zoom effect */ .hero-carousel {opacity:0;transition:0.5s opacity ease-out} .hero-carousel.slick-initialized {opacity:1} .hero-carousel .slick-slide .wrap {position:absolute;top:0;left:0;height:100%;width:100%;transition:all 5s linear} .hero-carousel .slick-slide img {object-fit:cover;height:100%;width:100%} .hero-carousel .slick-slide.slick-active .wrap, .hero-carousel .slick-slide.slick-current .wrap {transform:scale(1.25)} .hero-carousel .slick-initialized .slick-track .slick-slide:first-child {animation:zoomin 5s linear} @keyframes zoomin { 0%{transform:scale(1)} 100%{transform:scale(1.25)} } .hero-block {height:100vw;min-height:100vh;max-height:100vh; margin:0!important;padding-top:100px !important; background:#DCD4B0;position:relative; z-index:1; display:flex; align-items:center;justify-content:center; flex-direction:column} .hero-block .hero-carousel, .hero-block .slick-slider, .hero-block .slick-list, .hero-block .slick-track {position:absolute;top:0;left:0;height:100%;width:100%} .hero-block.shaded:after {content:"";position:absolute;top:0;left:0;height:100%; width:100%;background:rgba(0,0,0,.15); z-index:0} .hero-block .text-content{z-index:1} .topo-block{ background:url(../img/topo_bg.jpg) top left repeat;padding:40px; border-radius:5px} .hero-block .col-lg-5.my-auto {padding:0 !important; width:auto !important; z-index:3; width:auto; min-width:25vw !important; max-width:30vw !important; position:absolute; right:15px; top:50%; transform:translateY(-50%)} .hero-block .col-lg-5.my-auto .hero-card {color:white; border:1px solid white; background:rgba(0,0,0,0.25)} .hero-block .col-lg-5.my-auto .top {padding:10px 20px; border-bottom:1px solid white} .hero-block .col-lg-5.my-auto .top, .hero-table .t-row {display:grid;grid-template-columns:110px auto;grid-template-rows:1fr;grid-column-gap:1em;grid-row-gap:0px; align-items:start} .hero-block .col-lg-5.my-auto .bottom {padding:0 20px 1px} .hero-table .t-row {margin:10px 0} .experience-icons {margin:30px 0 15px; display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:row;flex-wrap:nowrap;align-content:stretch} .experience-icons div {margin-right:15px} .experience-icons img {width:40px !important; height:40px !important} @media only screen and (min-width:801px) and (max-width:1240px){ .hero-block .col-lg-5.my-auto {max-width:40vw !important} .hero-block .col-lg-5.my-auto .top {padding:5px 10px} .hero-block .col-lg-5.my-auto .bottom {padding:0 10px 1px} .hero-table .t-row {margin:5px 0} } @media only screen and (max-width:800px){ .hero-block .container {max-width:100%} .hero-block .text-content{width:auto !important;display:block !important;max-width:75% !important;flex:none !important} .hero-block.content-hero {height:100vh; padding-bottom:0 !important} .hero-block .col-lg-5.my-auto {width:90vw !important;max-width:90vw !important} .hero-block .col-lg-5.my-auto .top {padding:5px 10px} .hero-block .col-lg-5.my-auto .bottom {padding:0 10px 1px} .hero-table .t-row {margin:5px 0} .experience-icons {margin:10px 0} .experience-icons div {margin-right:10px} .experience-icons img {width:32px !important; height:32px !important} .hero-block .col-lg-5.my-auto { max-width:90vw !important; padding:30px 15px 15px !important; position:relative; right:auto; top:auto; transform:translateY(0%)} } @media only screen and (max-width:600px){ .hero-block .text-content{max-width:100% !important} .hero-card {font-size:0.9em; line-height:110%} .hero-block .col-lg-5.my-auto .top {padding:4px 10px} .hero-table .t-row {margin:4px 0} } /* Adventures Archive Page */ .adventure-listings {padding:0 0 10vh} .adventure-listings .col-md-4 {padding:5px !important} .adventure-card{padding:0; border:0;border-radius:0; overflow:hidden;display:block} .adventure-card .img-container {height:25vh; position:relative; z-index:1; overflow:hidden} .adventure-card .img-container img {height:auto; min-width:100%; min-height:100%; flex-grow:1; object-fit:cover; width:100%; min-height:100%; position:relative;z-index:1; top:50%;transform:translateY(-50%)} .adventure-card h5 {position:absolute; z-index:3; bottom:5%; color:#fff;text-align:center; width:100%; font-weight:600; font-family:'Raleway', sans-serif !important; letter-spacing:0.1em; padding:0; font-size:16px; text-transform:uppercase; text-shadow:0px 0px 10px rgba(0,0,0,0.5)} /* Single Safari Page */ .itinerary-sod {} .itinerary-sod h2, .itinerary-in-brief h2 {text-align:center} .itinerary-sod .nav-pills .nav-link { letter-spacing: 0.03em} .itinerary-in-brief {width:100%; padding:5em 0 !important} .itinerary-in-brief p {text-align:center} .itinerary-in-brief .itinerary-items {margin:5vh 0 0; display:flex;justify-content:center;align-items:flex-start;align-content:stretch;gap:5vw} .itinerary-in-brief .itinerary-items a {display:block} /* ZigZag Image */ .like-it ul li, .like-it ul li, .card-header, .single-safari .like-it h6, .single-safari .itinerary-in-brief h6, .tab-container h2, .text-center h2 {position:relative} .like-it ul li:after, .like-it ul li:after, .card-header:after, .single-safari .like-it h6:after, .single-safari .itinerary-in-brief h6:after, .tab-container h2:after, .text-center h2:after {content:""; position:absolute; bottom:0px; left:calc(50% - 30px); height:6px;width:60px; background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='73' height='8' fill='none' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M72 1l-7.099 5.632L57.802 1l-7.099 5.632L43.603 1l-7.099 5.632L29.405 1l-7.099 5.632L15.207 1 8.108 6.632 1 1' stroke='%23000' stroke-miterlimit='10'/%3E%3C/svg%3E");background-size:60px;background-position:center center;background-repeat:no-repeat} .text-center h2 {padding-bottom:5vh} .text-center h2:after {bottom:2.5vh} h2.highlights-title {position: relative; text-align: center;} h2.highlights-title:after { content: ""; position: absolute; bottom: 0px; left: calc(50% - 80px); height: 8px; width: 160px; background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='73' height='8' fill='none' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M72 1l-7.099 5.632L57.802 1l-7.099 5.632L43.603 1l-7.099 5.632L29.405 1l-7.099 5.632L15.207 1 8.108 6.632 1 1' stroke='%23000' stroke-miterlimit='10'/%3E%3C/svg%3E");background-size:60px;background-position:center center;background-repeat:no-repeat} background-size: 100px; background-position: center center; background-repeat: no-repeat; } /* Destination Page */ .hero-block h1 {color:white} .hero-block h6 {text-align:left; padding:0 0 1em;} .like-it {background:#f3f3f3; padding:5vh 0; margin-top:0 !important;} section.like-it {margin:0 0 5vh !important;} .like-it ul, .like-it ul li {list-style:none; padding:0; margin:0; position:relative} .like-it ul {margin:2em 0; display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:5vw; grid-row-gap:3vw; grid-auto-rows:1fr} .like-it ul li {list-style:none; color:black; font-weight:600; text-align:center; padding-bottom:2em} .photo-feature-block {background:#f3f3f3; margin:0; position:relative; min-height:55vh; align-items:center} .photo-feature-block .copy { padding:8vh} .photo-feature-block h2 {padding:0.75em 0} .photo-feature-block h6 {text-align:left; padding:0} .photo-feature-block .photo {position:absolute; width:50%; height:100%; right:0px; top:0px; padding:0 !important} .photo-feature-block .photo .img-wrapper {width:100%; height:100%; max-height:600px; overflow:hidden; position:relative} .photo-feature-block .photo img {display:block} .safari-main .photo-feature-block {margin-bottom:5vh} .main-content-copy {margin:0 auto; text-align:center} .main-content-copy ul li {text-align:left} .single-training_camps .safari-main .main-content-copy { text-align:left} /* when to go */ .wtg-container {margin:1em 0} .col-md-5 .wtg-container {margin-top:0} .wtg-table {width:100%; overflow:hidden;border-spacing:5px 0px ; border-collapse: separate} .wtg-table tr td {padding:8px; text-align:center; background:white;border:1px solid #eee; border-top:0} .wtg-table tr:first-of-type td {background:#F3f3f3; border:0; color:black; text-transform:uppercase;font-weight:400; letter-spacing:0.15em; font-size:15px} .wtg-legend {display:block; text-align:right; margin:1em 0} .wtg-legend span {display:inline-block; margin-left:1em} /* Image Gallery */ .row.single-gallery {margin-top:20px} .single-gallery .gallery-image {padding-right:10px; padding-left:10px} .single-gallery img {width:100%;margin-bottom:20px;transition:opacity 0.2s ease-out} .single-gallery img:hover {opacity:0.9} .single-gallery .dynamic {display:none} .single-gallery .view-less {display:none} .single-gallery.toggled .dynamic {display:block} .single-gallery.toggled .view-more {display:none} .single-gallery.toggled .view-less {display:inline-block} .collapse-blocks .img-container img {border-radius:0;width:350px;max-width:100%} .collapse-blocks .img-container {margin-bottom:20px;text-align:center} .collapse-blocks button {position:relative;display:block;text-align:center;background:none!important;margin:0 auto;border:0;padding:5px 40px;outline:0!important} .collapse-blocks button:after{position:absolute;top:18px;right:5px;color:#F15C22;font-size:26px;content:"\f107";font-weight:700; font-family:"Font Awesome 5 Free"} .collapse-blocks button:hover{cursor:pointer} .collapse-blocks button:hover h3{color:#F15C22} .col-md-6 .single-gallery.extra-gallery {margin-top:0px} .col-md-6 .single-gallery.extra-gallery .col-sm-3{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;} .show-more-container{padding-bottom:4vh; text-align:right!important} .show-more-container button {border:0; text-decoration:none; background:#f5f5f5; padding:6px 10px; font-weight:500} .show-more-container button span {text-decoration:none} /* Related Safaris & Places to Stay */ .related-safaris {} .facetwp-template .col-md-6 {padding-right:10px; padding-left:10px} .related-safaris .loop-safari{box-shadow:none !important} .loop-safari {display:inline-block;margin-bottom:20px;overflow:hidden;width:100%} .loop-safari.loop-safari-big {width:100%} .loop-safari .img-container, .adventure-card .img-container, .content-card .img-container {height:25vh; position:relative; z-index:1; overflow:hidden} .loop-safari .img-container img, .adventure-card .img-container img, .content-card .img-container img {object-fit:cover; object-position:center center; width:auto !important; height:auto !important; flex-grow:1; min-width:100% !important; min-height:100% !important; position:relative;z-index:1;} .loop-safari .img-container:after, .adventure-card .img-container:after, .content-card .img-container:after {content:""; width:100%; height:50%; position:absolute; z-index:2; bottom:0px; left:0px; background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%)} .loop-safari .img-container h3, .adventure-card .img-container h3, .content-card .img-container h3 {position:absolute; z-index:5; bottom:0px; width:100%; padding:20px; margin:0; font-size:130%; line-height:125%; text-align:left; color:#fff; max-width:80%} .loop-safari img {width:100%;backface-visibility:hidden;opacity:.9;transition:opacity 0.1s ease-out} .loop-safari .tag-sets, .loop-safari .safari-price, .loop-safari .description {padding:15px 20px;color:black; background:#f3f3f3} .loop-safari .tag-sets {display:flex;justify-content:space-between; font-size:13px} .loop-safari .tag-sets .tag-set {text-align:center;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .loop-safari .safari-price {display:block; position:relative; letter-spacing:0.12em; font-size:14px; text-transform:uppercase; font-weight: 600} .loop-safari .safari-price:before {content:""; height:1px; width:calc(100% - 30px); position:absolute; top:0px; left:15px; background:black; display:block} span.price-star {font-size: 20px;} .tag-sets i {margin-right:3px} .loop-safari.loop-safari-big .bottom .description {flex:3; padding:0 20px 20px; font-size:0.9em} .loop-safari.loop-safari-big .bottom .description p {margin:0} .safari-slider .slick-list {margin:0 -5px} .safari-slider .slick-slide {padding:0 10px; overflow:hidden;display:block} .safari-slider .slick-slide,.lodge-slider .slick-slide{margin:0 5px} .adventure-card .img-container:before, .content-card .img-container:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);transition: all 0.2s ease-out} .places-stay {padding:5vh 0; background:#F3f3f3} .lodge-slider {margin:4vh 0 0} .partner-section {padding:5vh 0} .partners.slick-slider {margin:2em 0 0} .partner-logo.slick-slide img {display: block;height: 65px;filter: grayscale(100%);margin: 0 5%;} @media only screen and (max-width:1240px) { .adventure-card .img-container h3, .content-card .img-container h3 {padding:15px; font-size:125%; max-width:100%} } @media only screen and (min-width:801px) { .photo-feature-block .photo img {object-fit:cover; width:auto; height:auto; min-width:100%; min-height:100%; flex-grow:1;object-fit:cover; width:100%; min-height:100%; position:relative;z-index:1; top:50%;transform:translateY(-50%)} } @media only screen and (max-width:1240px) { .loop-safari .img-container h3, .adventure-card .img-container h3, .content-card .img-container h3 {padding:15px; font-size:120%; max-width:100%} } @media only screen and (max-width:1024px) { .loop-safari .img-container h3, .adventure-card .img-container h3, .content-card .img-container h3 {padding:12px; font-size:115%} } @media only screen and (max-width:800px) { .related-safaris {padding:2em} .partner-section {padding:2em 0} .photo-feature-block .copy {padding:2em} .photo-feature-block .photo,.photo-feature-block .photo .img-wrapper {position:relative; width:100%; height:auto} .photo-feature-block .photo img {display:block; width:100%; height:auto; min-width:100%; } .like-it ul {margin:0.5em 0; grid-template-columns:repeat(2,1fr);grid-column-gap:1em; grid-row-gap:1.5em} .like-it ul li, .hero-block h6 {padding-bottom:1em} .wtg-container {margin:10px 0} .wtg-table {display:block; overflow-x:auto; border-spacing:2px} .wtg-legend{width:100%} .single-gallery { padding:5px;} .single-gallery .gallery-image {flex: 0 0 50%; max-width:50%; padding:5px;} .single-gallery img {margin:0;} .show-more-container {padding:5px} .wtg-table tr:first-of-type td{letter-spacing:0;font-size:13px} .wtg-table tr td{padding:5px;font-size:13px} .loop-safari .tag-sets{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start} .loop-safari .tag-sets .tag-set {padding:5px 10px 5px 0} .loop-safari .img-container h3, .adventure-card .img-container h3, .content-card .img-container h3 {padding:12px; font-size:110%} } @media only screen and (max-width:550px) { .loop-safari .img-container h3, .adventure-card .img-container h3, .content-card .img-container h3 {padding:12px; max-width:100%; font-size:120%} } /* Blog Pages */ .blog-series{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:20px;grid-row-gap:20px} .loop-safari.loop-safari-big {width:100%} .blog-series-item .img-container {height:30vh; position:relative; z-index:1; overflow:hidden} .blog-series-item img {object-fit:cover; width:auto; height:auto; min-width:100%; min-height:100%; flex-grow:1;object-fit:cover; width:100%; min-height:100%; position:relative;z-index:1; top:50%;transform:translateY(-50%)} .blog-series-item .img-container:after {content:""; width:100%; height:50%; position:absolute; z-index:2; bottom:0px; left:0px; background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%)} .blog-series-item .img-container h3 {position:absolute; z-index:5; bottom:0px; width:100%; padding:20px; margin:0; font-size:130%; line-height:125%; text-align:left; color:#fff; max-width:80%} .single .blog-content section {padding:2.5vh 0 !important;} @media only screen and (max-width:1000px) { .blog-series{display:grid;grid-template-columns:repeat(2,1fr)} } @media only screen and (max-width:650px) { .blog-series{display:grid;grid-template-columns:repeat(1,1fr);grid-column-gap:15px;grid-row-gap:15px} } .sf-pagination {margin-top: 40px;display: flex;justify-content: center;} .sf-pagination .nav-links {display: flex;gap: 10px;align-items: center;flex-wrap: wrap;} .sf-pagination .page-numbers {display: inline-flex;align-items: center;justify-content: center;min-width: 42px;height: 42px;padding: 0 14px;border: 1px solid #ddd;border-radius: 6px;background: #fff;color: #333;text-decoration: none;font-weight: 500;transition: all 0.2s ease;} .sf-pagination .page-numbers:hover {background: #000;color: #fff;border-color: #000;} .sf-pagination .page-numbers.current {background: #000;color: #fff;border-color: #000;cursor: default;} .sf-pagination .next, .sf-pagination .prev {padding: 0 18px;} /* Safari Archive Page */ .title-area {text-align:center; padding:30px 0} .title-area h4 {margin-bottom:0.5em} .facetwp-pager {padding:1em 0 ; text-align:center} /*filters select*/ .advanced-filters {display: none} .facetwp-type-fselect .fs-wrap .fs-label-wrap .fs-label, .range-list .fs-label, .facetwp-type-checkboxes .facetwp-checkbox, .main-filters, .main-filters .read-more {color:black!important; font-weight:normal!important; letter-spacing:0.1em; font-size:14px; text-transform:uppercase} .fs-label-wrap {border-color:black !important} .fs-label-wrap .fs-label {padding:8px 20px 8px 8px !important; border-color:black !important; display:block} .facetwp-facet {margin-bottom:40px} .filters .facetwp-facet { margin-bottom:10px} .fs-wrap {width:220px;display:inline-block; position:relative;cursor:pointer;line-height:1} .facetwp-type-fselect .fs-wrap {width:100%!important} .facetwp-type-checkboxes .facetwp-checkbox {display:inline-block; background-image:none!important; padding:8px; line-height:100%; border:1px solid black;color:black;border-radius:0px;margin-right:5px;font-weight:700} .facetwp-type-checkboxes .facetwp-checkbox.checked {background:black; color:white!important} .facetwp-type-checkboxes { padding-bottom:10px;white-space:nowrap; overflow-x:auto} .facetwp-type-fselect.is-active .fs-label-wrap, .facetwp-type-fselect.is-active .fs-wrap .fs-label-wrap .fs-label {background: #F15C22 !important;border-color: #F15C22 !important;color: #fff !important} .range-list.is-active, .range-list.is-active .fs-label-wrap .fs-label {background: #F15C22 !important;border-color: #F15C22 !important} .fs-dropdown.duration {padding: 6px 8px} .range-list.fs-wrap.multiple.fs-default.duration-drop.is-active .fs-label-wrap .fs-label {color: white !important} .range-list.fs-wrap.multiple.fs-default.duration-drop.is-active .fs-label-wrap {border-color: #F15C22 !important} .facetwp-facet.facetwp-facet-duration.facetwp-type-checkboxes .facetwp-checkbox {display: block;} .main-filters, .advanced-filters .columns {margin:0 0 0.75em; width:100%; display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:1fr;grid-column-gap:1em;grid-row-gap:0px} .main-filters {margin-top:4vh} .advanced-filters {width:100%} .facetwp-facet {margin-bottom:0px !important} .main-filters .col, .advanced-filters .col {padding:0} .main-filters .col div {width:100% !important} .toggle-filters.read-more {border:0; text-decoration:none; background:#f5f5f5; padding:5px 10px; font-weight:500} .facetwp-type-checkboxes {margin:1em 0 !important} @media only screen and (max-width:800px) { .main-filters, .advanced-filters .columns {grid-template-columns:repeat(3,1fr); grid-column-gap:1em; grid-row-gap:1em} } @media only screen and (max-width:600px) { .main-filters, .advanced-filters .columns {grid-template-columns:repeat(2,1fr)} .main-filters {margin:1em 0} } @media only screen and (max-width: 1200px) { .post-type-archive-lodge .main-filters {display: grid;grid-template-columns: repeat(2,1fr)} } /* Safari Single Page */ .star-ratings {margin:4em auto 2em; max-width:1000px; display:inline-block; display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:1em; grid-row-gap:1em; grid-auto-rows:1fr} .star-ratings .star-rating {display:grid;grid-template-columns:115px auto; grid-column-gap:0; grid-row-gap:0} .video-cta{margin:10vh 0 5vh; display:flex; justify-content:center; align-items:center; overflow:hidden; height:60vh;position:relative; z-index:1} .video-cta img{flex-shrink:0; width:auto; height:auto; min-width:100%; min-height:100%; position:relative; z-index:1} .video-cta .play-btn{position:absolute;z-index:2;width:60px;height:60px;cursor:pointer;top:50%;top:calc(50% - 30px);left:50%;left:calc(50% - 30px);background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='800px' height='800px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath fill='%23ffffff' d='M8 1c3.9 0 7 3.1 7 7s-3.1 7-7 7-7-3.1-7-7 3.1-7 7-7zM8 0c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8v0z'%3E%3C/path%3E%3Cpath fill='%23ffffff' d='M6 4v8l6-4z'%3E%3C/path%3E%3C/svg%3E");background-size:60px} .image-wrapper img {max-height:22vh; position:relative;top:50%;transform:translateY(-50%); width:auto !important; max-width:100% !important; display:inline-block !important} .single-lodge .banner-image, .single-safari .banner-image, .single-adventure .banner-image {margin:5vh 0; display:flex; justify-content:center; align-items:center; overflow:hidden; height:60vh;position:relative; z-index:1} .single-lodge .banner-image img, .single-safari .banner-image img, .single-adventure .banner-image img{flex-shrink:0; width:auto; height:auto; min-width:100%; min-height:100%; position:relative; z-index:1} span.item-type {color: white} /* When to Travel Slider */ .tab-container {} .tab-container .nav.nav-pills{margin:0; display:block; border-bottom:1px solid black} .nav-pills .nav-link{background-color:white; cursor:pointer; text-decoration:none; padding:1em !important;font-weight:400; color:black; border:1px solid black; border-bottom:0} .nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:black; font-weight:500} .tab-container .tab-content {background:#F3f3f3; padding:2em} .tab-container h2 {font-size:1.5em; text-align:center; text-transform: capitalize; position:relative; margin:0 0 1em} .tab-container h3 {font-size:1.25em; padding:1em 0; margin:0} .tab-container #map {overflow:hidden; margin:0 0 2em} .tab-container ul li {color:black; padding:0 0 1em} .tab-container .blockbuttons {display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:15px;grid-row-gap:15px; margin:30px 0 0; padding:0;} .tab-container .blockbuttons .blockbutton {float:none; width:auto; margin:0} .tab-container .blockbuttons .link {padding:10px !important; font-size:115% !important;} .single-safari .partner-section{padding-top:0} @media only screen and (max-width:800px) { .star-ratings {margin:3em auto 1em; grid-template-columns:repeat(2,1fr)} .video-cta{margin:10vh 0 1.5em; height:auto} .tab-container .tab-content {padding:15px} .tab-container .col-lg-3, .tab-container .col-lg-9 { padding-right:0px; padding-left:0px} .tab-container .nav.nav-pills {display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:0; grid-row-gap:0; border-left:1px solid black; border-bottom:0} .nav-pills .nav-link{text-transform: capitalize; margin:-1px 0 0 !important; border:1px solid black; border-left:0; padding:8px !important} .single-lodge .banner-image {margin:10vh 0 1.5em; height:50vh} .single-lodge .banner-image, .single-safari .banner-image, .single-adventure .banner-image {height:auto} .tab-container .blockbuttons {display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:10px;grid-row-gap:10px; margin:20px 0 0;} .tab-container .blockbuttons .link {padding:10px !important; font-size:100% !important;} } @media only screen and (max-width:450px) { .star-ratings {max-width:300px; grid-template-columns:repeat(1,1fr)} } /* Trips Archive Page */ .list-safaris-big.pt-2 {padding-top:0 !important} /* Blog */ .blog-feed {display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:20px;grid-row-gap:20px; padding:0} .post-block {background:#F3f3f3; text-align:left} .post-block h2 a, .post-block h3 a {text-decoration:none; text-transform:lowercase; text-transform:capitalize} .post-block h2 {font-size:150%; padding:0} .post-block h3 {padding:0.5em 0} .post-block a {text-decoration:none} .post-block img {width:100%;transition: all 0.2s ease-out} .post-block .content {padding:1em 2em} .post-block .content .date {display:block; text-align:left; padding:0 0 0.5em} .blog-info{display:flex;justify-content:space-between;font-size:13px} .blog-info{padding:0 0 1em;color:black} .related-posts {text-align:center; padding:10vh 0; margin-top:10vh; border-top:1px solid #eee} .related-posts-grid {display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:20px;grid-row-gap:20px; margin-top:5vh} @media only screen and (max-width:800px) { .blog-feed, .related-posts-grid {grid-template-columns:repeat(1,1fr)} .post-block h2 {font-size:1.5em} } /* Buttons */ .btn, a.btn, .wp-element-button, .gform_wrapper input[type="submit"] {padding:1em 2em; border:1px solid black; background:black; color:white; font-size:1em; text-align:center; letter-spacing:0.12em; font-size:14px; font-weight:600; border-radius:0px; text-decoration:none; text-transform:uppercase; transition: all .2s ease-in-out} .btn:hover, a.btn:hover, .wp-element-button:hover, .gform_wrapper input[type="submit"]:hover {background:black; color:white; border-color:black; transform: scale(1.075); text-decoration:none} .btn.outline, a.btn.outline {background:transparent; color:black} .btn.light {border-color:white; color:white} .btn.light:hover {background:white; color:black; border-color:white} @media only screen and (max-width:800px) { .btn, a.btn {padding:1em 1.2em} } /* Call to Action */ .call-to-action {position:relative; z-index:1; padding:12vh 4vw; color:white; text-align:center; margin-bottom:0;} .call-to-action:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%; background:rgba(0,0,0,.2); z-index:2} .call-to-action .container {position:relative; z-index:3} .call-to-action h2 {color:white} .call-to-action .text-center h2 {padding-bottom:0} .call-to-action .text-center h2:after {display:none} .call-to-action p {padding:1em 0; text-align:center; opacity:0.75; letter-spacing:0.12em; font-size:14px; font-weight:normal; text-transform:uppercase} .call-to-action p strong {font-weight:normal} .call-to-action .outline {border-color:white; color:white} .ziggy-line {display:block; margin:1em auto 2em; margin-left:calc(50% - 30px); height:6px;width:60px; background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='73' height='8' fill='none' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M72 1l-7.099 5.632L57.802 1l-7.099 5.632L43.603 1l-7.099 5.632L29.405 1l-7.099 5.632L15.207 1 8.108 6.632 1 1' stroke='%23FFF' stroke-miterlimit='10'/%3E%3C/svg%3E");background-size:60px;background-position:center center;background-repeat:no-repeat} .pop-block {background:#f3f3f3; max-width:100%; padding:2vw} .pop-block h3 {color:black} @media only screen and (max-width:1024px) { } @media only screen and (max-width:800px) { .call-to-action {padding:2em} } /* Footer */ .footer{background:#f3f3f3;padding:5vh 4vw;display:grid;grid-template-columns:repeat(5,1fr);grid-column-gap:5vw;grid-row-gap:0} .footer h5 {padding:0.4em 0} .footer ul , .footer ul li {list-style:none; margin:0; padding:5px 0} .footer .wp-image-46768 {margin:1.5em 0; max-width:60%} .footer a {color:#555} .footer .menu-panel a {line-height:125%; padding:5px 0; display:block; font-size:0.9em} .footer a:hover {color:black} .footer .by {font-size:0.5em; opacity:0.25; margin:0} @media only screen and (max-width:1024px) { .footer {display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:2em;grid-row-gap:2em} } @media only screen and (max-width:800px) { .footer {padding:2em; grid-template-columns:repeat(2,1fr)} .footer .trustpilot-widget {max-width:220px; margin:1em 0 0} .footer .by {margin:0} .footer ul , .footer ul li {padding:2px 0} } @media only screen and (max-width:550px) { .footer {padding:1.5em; grid-template-columns:repeat(1,1fr); grid-row-gap:1.5em} } /* Subscribe to Newsletter */ .newsletter-footer {background:black; color:white; padding:5vh 0} .newsletter-footer .container {max-width: 1000px !important} .newsletter-footer h2 {color:white; margin:0; padding:0; font-size:1.75em} .newsletter-footer .row {align-items:center} .newsletter-footer .row .col {margin:0; padding:0 5px} /*.newsletter-footer form{display:grid;grid-template-columns:66% auto;grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;}*/ .newsletter-footer .gform_footer.top_label {padding:0 !important; margin:0 !important;} .newsletter-footer input {background:#333; color:white; padding:0 1em; border:0; display:block; height:50px; width:100%; outline:none;} .newsletter-footer input[type="submit"] {background:white; color:black; padding:0 1em;} .newsletter-footer input[type="submit"]:hover {background:white; color:black;} @media only screen and (max-width:1024px) { .newsletter-footer {padding:5vh} .newsletter-footer .container .row {display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:0;grid-row-gap:1em} .newsletter-footer br {display:none} } @media only screen and (max-width:800px) { .newsletter-footer {padding:2em} .newsletter-footer h2 {font-size:1.5em} .newsletter-footer .container .row {display:grid;grid-template-columns:repeat(1,1fr);grid-column-gap:0;grid-row-gap:1em} } @media only screen and (max-width:550px) { .newsletter-footer {padding:1.5em} } /*mailerLite*/ span.mailerlite-form-error {position: absolute;margin-top: 10px;} .newsletter-footer .mailerlite-form-inputs {display: flex;align-items: center;} .mailerlite-form-title {display: none;} button.mailerlite-subscribe-submit {background: white;padding: 0 1em;text-transform: uppercase;height: 50px;font-size: 14px;letter-spacing: 0.12em;border: 1px solid black;font-weight: 600;margin-bottom: 2px;} div#mailerlite-form_2 input {width: 100%;padding: 8px;} div#mailerlite-form_2 label {font-weight: 600;} /*Terms*/ .terms-footer {background: #222; padding: 1.2rem; color: #ffffff} /* Common Blocks */ .list-location-wrap {} .loop-location {padding:1em 0; margin:0; border-bottom:1px solid #eee; display:grid; grid-template-columns:120px auto ; grid-template-rows:1fr; grid-column-gap:1em; grid-row-gap:0px; align-items:center} .list-location-wrap .loop-location:first-of-type {padding-top:0} .loop-location .img-container img {border-radius:0px; width:120px !important; height:auto !important} .loop-location h4 {margin:0 0 0.25em} .adventure-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:1em;grid-row-gap:1em} .list-adventures {background:#f3f3f3;padding:10vh 0} .list-adventures .col-md-3 {padding:0 1em !important} .loop-adventure {display:block; background:white} .loop-adventure .img-container {background: #000;position: relative} .loop-adventure .adventure-content {padding: 15px} .loop-adventure a:hover img {opacity: 0.8} .loop-adventure img {width: 100%;backface-visibility: hidden;opacity: 0.9;transition: opacity 0.1s ease-out} /* Loop Adventure Grid */ .related-safaris .row {text-align:center; display:block} .related-safaris .loop-adventure {position:relative; display:inline-block; width:23%; width:calc(25% - 25px); margin:10px} .related-safaris .loop-adventure .img-container {position:relative; z-index:1; display:block} .related-safaris .loop-adventure .img-container img {width:100%; position:relative} .related-safaris .loop-adventure .adventure-content {position:absolute;z-index:3;bottom:0px;width:100%;padding:17px 15px; margin:0;line-height:125%;text-align:left} .related-safaris .loop-adventure .adventure-content h4 {position:relative; z-index:4; padding:0; margin:0; line-height:125%;text-align:center;color:#fff} .related-safaris .loop-adventure .adventure-content .read-more {color:transparent; position:absolute;z-index:4;bottom:0px;left:0px; width:100%; height:100%} .related-safaris .loop-adventure .adventure-content:after {content:""; opacity:1; width:100%;height:100%;position:absolute;z-index:2;bottom:0px;left:0px;background:linear-gradient(0deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease; } .related-safaris .loop-adventure:hover .adventure-content:after {opacity:0} @media only screen and (max-width:1024px){ .related-safaris .loop-adventure {width:33%; width:calc(33.3% - 25px); margin:8px 6px} .related-safaris .loop-adventure .adventure-content h4 {font-size:115%} } @media only screen and (max-width:800px){ .image-icon-buttons {grid-template-columns:repeat(2,1fr); grid-row-gap:1em} .image-icon-buttons .link{font-size:110%} .related-safaris .loop-adventure {width:49%; width:calc(50% - 25px); margin:6px 5px} .related-safaris .loop-adventure .adventure-content {padding:15px;line-height:120%} .related-safaris .loop-adventure .adventure-content h4 {font-size:110%} } @media only screen and (max-width:500px){ .image-icon-buttons {grid-template-columns:repeat(1,1fr); grid-row-gap:1em} .image-icon-buttons .link{font-size:110%} .related-safaris .loop-adventure .adventure-content h4 {font-size:100%} } @media only screen and (max-width:450px){ .related-safaris .loop-adventure {width:100%; margin:8px 0} } .list-lodges .content-card {padding:0 !important} .list-by-month .title-month {padding:1.5em 0 0.5em} .list-by-month .list-item {display:grid;text-align:left;grid-template-columns:33% auto; border-top:1px solid #f1f1f1; grid-template-rows:1fr;grid-column-gap:1em;grid-row-gap:0px; padding:0.5em} .list-by-month .list-item:nth-of-type(odd) {background:#f3f3f3} .list-by-month .list-item .date {text-align:left;opacity:1;letter-spacing:0;padding:0;font-size:100%;text-transform:none} .list-by-month .list-item a {text-align:left} section.trustpilot-block, section.testimonial-slider {margin:0; padding:5vh 0;} .testimonial-slider h2, .trustpilot-block h2 {color:white; position:relative} .testimonial-slider h2:after, .trustpilot-block h2:after {content:""; position:absolute; bottom:0px; left:calc(50% - 30px); height:6px;width:60px; background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='73' height='8' fill='none' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M72 1l-7.099 5.632L57.802 1l-7.099 5.632L43.603 1l-7.099 5.632L29.405 1l-7.099 5.632L15.207 1 8.108 6.632 1 1' stroke='%23FFFFFF' stroke-miterlimit='10'/%3E%3C/svg%3E");background-size:60px;background-position:center center;background-repeat:no-repeat} .trustpilot-block h2:after {left:50%} .slick-testimonial {} .link-blocks .col-md-4, .list-training-camps .col-md-4 {margin:15px 0} .hero-content.text-content p {color: white} /* Enquiry Form Popup */ .modal {z-index: 1000001; background-color:rgba(0,0,0,0.6)} .modal-dialog{display:flex;flex-direction:column;justify-content:center;overflow:auto;max-width:800px;overflow-x:hidden; margin:10vh auto} .modal-dialog h5 {font-size:150%} .modal .gform_legacy_markup_wrapper {margin:0} .modal .gform_legacy_markup_wrapper label {margin:0 !important} div#ui-datepicker-div {z-index: 10000000 !important} /* Trustpilot Reviews */ .section-reviews {position:relative; z-index:1; padding:5vh 0;overflow: hidden;} .section-reviews:before {position:absolute; z-index:2; width:100%; height:100%; left:0px; top:0px; background:rgba(0,0,0,0.5); content:""} .section-reviews .row {position:relative; z-index:3} .section-reviews .section-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;z-index: 0;} .section-reviews::before {position: absolute;z-index: 1;width: 100%;height: 100%;left: 0;top: 0;content: "";background: rgba(0, 0, 0, 0.5);} .slick-dots {display:none} /* About Pages */ .row.cl-row {padding:5vh 0} .big-video img {border-radius:0px} .content-list .cl-row:last-of-type {border:0} #mc_embed_signup h2 {color:black} dt.gallery-icon.landscape {height:auto; max-height:45vh} dt.gallery-icon.landscape img {height:100%; object-fit:cover; object-position:center center} .full-width dt.gallery-icon.landscape {height:40vh} @media only screen and (max-width:1240px) { dt.gallery-icon.landscape {height:33vh} } @media only screen and (max-width:1024px) { dt.gallery-icon.landscape {height:25vh} } @media only screen and (max-width:800px) { dt.gallery-icon.landscape {height:20vh} } /* Breadcrumbs */ .breadcrumb-container {padding:0!important; background:#f3f3f3} .breadcrumb-container p {padding:1em 0; margin:0} .breadcrumb-container span {margin:0 5px; display:inline-block} @media only screen and (max-width:800px) { .breadcrumb-container {text-align:center} } /* Consistent spacing between sections */ .section-welcome, .section-when {margin:5vh 0 0} .section-how, .list-lodges, .list-safaris-big {margin:0 0 5vh} section {margin:5vh 0} section section {margin:0 !important;} section .itinerary-sod.w-100 {margin-top:5vh} .dark.full-width {margin:5vh 0 !important} .image-slider-block {margin:0 !important} .subnavigation {margin:4vh 0 0} @media only screen and (max-width:800px) { section {margin:2em 0} .section-explore .col-12 .row {margin:0} .section-how, .list-lodges, .list-safaris-big {margin:5vh 0} } /* Enquiry Form */ /* Custom Radio Buttons */ .shadow-block .gfield_radio,.shadow-block .gfield_checkbox{display:grid;grid-template-columns:repeat(5,1fr);grid-column-gap:10px;grid-row-gap:10px} .shadow-block .gfield--width-half .gfield_radio,.shadow-block .gfield--width-half .gfield_checkbox{grid-template-columns:repeat(3,1fr)} .shadow-block .gfield_radio .gchoice,.shadow-block .gfield_checkbox .gchoice{display:inline;position:relative} .shadow-block .gfield_radio .gchoice input,.shadow-block .gfield_checkbox .gchoice input{position:absolute;opacity:0;cursor:pointer} .shadow-block .gfield_radio label,.shadow-block .gfield_checkbox label{background:#f9f9f9;display:block;text-align:center;cursor:pointer;width:100%;height:100%;padding:1em;margin:0 !important;max-width:100% !important;line-height:125%} .shadow-block .gfield_radio input:checked ~ label,.shadow-block .gfield_checkbox input:checked ~ label{background-color:#f15c32;color:white} .shadow-block .gfield_radio input:checked ~ label b,.shadow-block .gfield_checkbox input:checked ~ label b{color:white !important} @media screen and (max-width: 1024px) { .shadow-block .gfield_radio,.shadow-block .gfield_checkbox{grid-template-columns:repeat(3,1fr)} .shadow-block .gfield--width-half .gfield_radio,.shadow-block .gfield--width-half .gfield_checkbox{grid-template-columns:repeat(2,1fr)} } @media screen and (max-width: 767px) { .shadow-block .gfield_radio,.shadow-block .gfield_checkbox{grid-template-columns:repeat(1,1fr)} .shadow-block .gfield_checkbox label{padding:0.5em} } @media screen and (max-width: 500px) { .shadow-block .gfield_radio,.shadow-block .gfield_checkbox,.shadow-block .gfield--width-half .gfield_radio,.shadow-block .gfield--width-half .gfield_checkbox{grid-template-columns:repeat(1,1fr)} } .noUi-connect{background:rgb(241,92,34) !important} .shadow-block .gfield_description{font-size:12px !important;color:#ccc;font-family:'Lato';letter-spacing:0.5px} .shadow-block div#gfield_description_6_6{display:inline;margin-left:5px} .shadow-block div#gfield_description_6_7{display:inline;margin-left:5px} .noUi-target{margin-top:20px !important} .gform_wrapper.gravity-theme .field_sublabel_above .description,.gform_wrapper.gravity-theme .field_sublabel_above .gfield_description,.gform_wrapper.gravity-theme .field_sublabel_above .gsection_description{margin-top:0px !important} /*safari icons*/ .content_img{display:inline-block} .experience-label{position:absolute;margin-top:7px} /*Tooltip*/ .infotooltip {display: inline-block;position: relative;text-align: left;margin-left: 5px;font-size: 14px} .infotooltip .right {min-width: 200px;top: 50%;left: 100%;margin-left: 20px;transform: translate(0,-50%);padding: 10px 20px;color: #333;background-color: white;font-weight: normal;font-size: 13px;position: absolute;z-index: 99999999;box-sizing: border-box;box-shadow: 0px 0px 10px rgba(0,0,0,0.5);visibility: hidden;opacity: 0;transition: opacity 0.8s} .infotooltip:hover .right {visibility: visible;opacity: 1} .infotooltip .right i {position: absolute;top: 50%;right: 100%;margin-top: -12px;width: 12px;height: 24px;overflow: hidden} .infotooltip .right i::after {content: '';position: absolute;width: 12px;height: 12px;left: 0;top: 50%;transform: translate(50%,-50%) rotate(-45deg);background-color: white;box-shadow: 0px 0px 10px rgba(0,0,0,0.5)} .row.single-gallery.box-gallery{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:15px;grid-row-gap:15px} .row.single-gallery.box-gallery .col-sm-3.gallery-image {display:block; width:auto; padding:0; margin:0; max-width:100%} .row.single-gallery.box-gallery .col-sm-3.gallery-image img {margin:0} /* Overwrite Orange Text */ span[style*="color: #ff6600"] {color:black !important;} span[style*="color:#ff6600"], span[style*="color:#ff6600"] strong, span[style*="color: #ff6600"], span[style*="color: #ff6600"] strong {color:black !important} /* Overwrite Intro Text */ .main-content-copy blockquote p {} .main-content section:nth-of-type(2) .main-content-copy p, .main-content section:nth-of-type(2) .main-content-copy h3, .main-content section:nth-of-type(2) .main-content-copy h4, .main-content section:nth-of-type(3) .main-content-copy p, .main-content section:nth-of-type(3) .main-content-copy h3, .main-content section:nth-of-type(3) .main-content-copy h4 {color:black !important; font-style:normal !important; font-weight:normal !important; font-size:115% !important; line-height:175% !important; padding:0.75em 0 !important; font-family:'Libre Baskerville', serif !important} .main-content section:nth-of-type(2) .main-content-copy h2 span, .main-content section:nth-of-type(3) .main-content-copy h2 span {line-height:135% !important;} .main-content section:nth-of-type(2) .main-content-copy i, .main-content section:nth-of-type(3) .main-content-copy i {font-style:normal !important} .main-content section:nth-of-type(2) .main-content-copy h2 span, .main-content section:nth-of-type(3) .main-content-copy h2 span, .main-content section:nth-of-type(2) .main-content-copy p span, .main-content section:nth-of-type(3) .main-content-copy p span {color:black !important; font-style:normal !important; font-weight:normal !important; font-size:100% !important; font-family:'Libre Baskerville', serif !important; } /*scroll nav*/ .col-md-4.stick {position:sticky;top:100px;height:100%;} nav.scroll-nav {background:#f5f5f5; padding:1em 1.5em 1em 1em;} ol.scroll-nav__list {list-style:none; margin:0; padding:0;} ol.scroll-nav__list li { padding:0.5em 0; padding-left:30px; display:block;} li.scroll-nav__item.scroll-nav__item--active {font-weight:bold} li.scroll-nav__item.scroll-nav__item--active {background-image:url(../img/ellie.png); background-size:20px;background-position:0px 11px; background-repeat:no-repeat} /*FAQs*/ section.faqs .card {background: white;} section.faqs .card-header::after {content: none !important;} /*FAQs*/ section.faq {padding-top:0;} section.faq .card {background:white; margin-bottom:2px;} section.faq .card-header {padding:0; margin:0;} section.faq .card-header h2 {padding:0;} section.faq .card-header .btn {padding: 15px 20px;} section.faq .card-header .btn:hover {transform:none;} section.faq .card-header .btn:focus {box-shadow:none;} section.faq .card-header .btn:after {content:"-"; float:right;} section.faq .card-header .btn.collapsed:after {content:"+";} section.faq .card-header::after {content: none !important;} section.faq .card-body {text-align:left; padding: 15px 20px; background: #f3f3f3;} /* Author */ .social-icons a {text-decoration: none;} .author-grid{display:grid;grid-template-columns:33.33% auto;grid-template-rows:1fr;grid-column-gap:5vw;grid-row-gap:0px} .author-info {text-align:center; background:#f3f3f3; padding:2rem} .author-info h1 {text-align:center; font-size:2rem; padding-bottom:30px} .author-info h4 {padding:10px 0} .author-info p {padding:0 0 10px 0} .author-img {text-align:center} .author-img img {border-radius:50%;height:200px;width:200px;object-fit:cover} .author-img_small img {border-radius: 50%;height: 75px;width: 75px;object-fit: cover;} .author-info .social-icons, .author-info .fav-destinations {padding:15px 0} .author-info .social-icons a {text-decoration:none !important;margin-right:0.5rem} .author-info .badge-dark {text-decoration:none; background:white !important; color:black !important; border-radius:0px; font-size:75%; margin:4px 2px} .author-info .badge-dark {} .author .nav.nav-pills{margin:0; display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start;overflow:auto;flex-direction:row; border-bottom:1px solid black} .author .nav-pills .nav-item{margin-right:0.5vw} .author .nav-pills .nav-link{padding:1em 5vw !important} .author .tab-content {padding:1vh 0 4vh} .post-grid{display:grid;grid-template-columns:repeat(2,1fr);align-items:start;grid-column-gap:30px;grid-row-gap:30px; grid-auto-rows:1fr} .post-grid .post-block {height:100%} @media screen and (max-width:1024px) { .author-grid{grid-template-columns:40% auto; grid-column-gap:1.5rem} .post-grid{display:block} .post-grid .post-block {margin:0 0 30px} .author-info {padding:1.5rem} .author-info h1, .author h2 {font-size:1.5rem} .author .nav-pills .nav-link{padding:1em 1.5em !important} } @media screen and (max-width:767px) { .author-grid{display:block} .author-info {margin-bottom:30px} .author .nav.nav-pills{border:0; display:block; text-align:center} .author .nav-pills .nav-item{border:1px solid black; margin:0 5px; display:inline-block} .author .nav-pills .nav-link{border:0; margin:0 !important} } /* New Enquiry Page */ .owner-column img {border-radius:50%; margin:0 0 1em !important;} .owner-column .copy h3 {line-height:125% !important;} .page-template-template-enquiry .container-fluid{width:100%;padding-right:50px;padding-left:50px;margin-right:auto;margin-left:auto;} .page-template-template-enquiry .slick-prev{left:-40px;} .page-template-template-enquiry .slick-next{right:-40px;} .page-template-template-enquiry .slick-prev:before, .page-template-template-enquiry .slick-next:before{color:black;font-size:40px;} .owner-column {text-align:center;} @media screen and (max-width:767px) { .owner-column {padding-top:3em !important} .page-template-template-enquiry .container-fluid{padding-right:25px;padding-left:25px;} .page-template-template-enquiry .slick-prev{left:-25px;} .page-template-template-enquiry .slick-next{right:-25px;} .page-template-template-enquiry .slick-prev:before, .page-template-template-enquiry .slick-next:before{color:black;font-size:30px;} } .cta-bg-img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;z-index: 0;} .call-to-action {position: relative;z-index: 0;overflow: hidden;} .call-to-action:before {content: "";position: absolute;inset: 0;background: rgba(0,0,0,.2);z-index: 1;} .call-to-action .container {position: relative;z-index: 2;} /*New Hero banner*/ .hero-with-img .hero-bg-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: -1;}