/* Theme Name: Salient Child Theme Description: This is a custom child theme for Salient Theme URI: https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266 Author: ThemeNectar Author URI: https://themeforest.net/user/themenectar Template: kitt Version: 1.022 */ /*SF Brand Wrapper*/ @font-face { font-family: "Brandon-thin"; src: url(http://visitmizata.leocoders.com/wp-content/themes/kitt-child/fonts/Brandon_thin.otf); font-weight: normal; font-style: normal; }@font-face { font-family: "Brandon-reg"; src: url(http://visitmizata.leocoders.com/wp-content/themes/kitt-child/fonts/Brandon_reg.otf); font-weight: normal; font-style: normal; }@font-face { font-family: "brandon-medium"; src: url(http://visitmizata.leocoders.com/wp-content/themes/kitt-child/fonts/Brandon_med.otf); font-weight: normal; font-style: normal; }@font-face { font-family: "Brandon Grotesque Light"; src: url(http://visitmizata.leocoders.com/wp-content/themes/kitt-child/fonts/Brandon_light.otf); font-weight: normal; font-style: normal; }@font-face { font-family: "brandon-black"; src: url(http://visitmizata.leocoders.com/wp-content/themes/kitt-child/fonts/Brandon_blk.otf); font-weight: normal; font-style: normal; }@font-face { font-family: "Brandon-bld"; src: url(http://visitmizata.leocoders.com/wp-content/themes/kitt-child/fonts/Brandon_bld.otf); font-weight: normal; font-style: normal; } .brand--wrapper { background-color: #1f2630; opacity: 0.9 !important; padding: 10px; display: flex; align-items: center; justify-content: center; opacity: 0.5; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .brand--wrapper:hover { opacity: 1 !important; cursor: pointer; } .brand--logo { width: 60px; } .brand--text { color: #fff; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; line-height: 29px; margin-left: 10px; } body.material #header-outer[data-header-resize="1"]:not([data-format="left-header"]):not(.small-nav), body.material #header-outer[data-header-resize="0"]:not([data-format="left-header"]):not(.scrolled-down):not(.fixed-menu) { z-index: 10; } body #slide-out-widget-area-bg.fullscreen-alt.open { z-index: 100000; } #slide-out-widget-area.fullscreen, #slide-out-widget-area.fullscreen-alt { z-index: 100000000 !important; } #header-outer[data-box-shadow="small"], body.material[data-hhun="1"] #header-outer[data-header-resize="0"][data-box-shadow="small"][data-remove-fixed="0"]:not(.transparent):not(.invisible), body.material[data-hhun="1"] #header-outer[data-header-resize="0"][data-box-shadow="small"][data-remove-fixed="1"]:not(.transparent) { box-shadow: none !important; } #footer-outer #copyright, .ascend #footer-outer #copyright { display: none; } body[data-header-resize="0"] .container-wrap, body[data-header-resize="0"] .project-title { padding-bottom: 0; } #header-outer.transparent #top nav > ul > li > a, #header-outer.transparent #top nav > .sf-menu > li > a, #header-outer.transparent #top nav ul #search-btn a .icon-salient-search, #header-outer.transparent #top nav ul #nectar-user-account a span, #header-outer.transparent #top nav > ul > li > a > .sf-sub-indicator i, #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart, .ascend #boxed #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart { color: #202731 !important; opacity: 1 !important; } a.link-over { color: #39969d; } a.link-over:hover { border-bottom: 4px solid; } .parallax-window { min-height: 400px; background: transparent; } /* CUSTOM NAVIGATION TOOLS */ .nav-start { -moz-opacity: 0; filter: alpha(opacity=0); opacity: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .nav-scrolled { display: inherit; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .fnav-start { display: inherit; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .fnav-scrolled { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } /* reset our lists to remove bullet points and padding */ .start-menu, .sub-menu { list-style: none; padding: 0; margin: 0; } /* make ALL links (main and sub-menu) have padding and background color */ .start-menu a { /* padding-right: 30px; */ display: block; /* background-color: #CCC; */ text-decoration: none; padding: 10px 30px 10px 10px; color: #fff; } /* add hover behaviour */ .start-menu a:hover { color: #eee; } .start-menu li a { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .start-menu li a:hover { transform: translate(-5px, 0px); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } /* when hovering over a .start-menu item, display the sub-menu inside it. we're changing the sub-menu's max-height from 0 to 200px; */ .start-menu li:hover .sub-menu { display: block; max-height: 200px; } /* we now overwrite the background-color for .sub-menu links only. CSS reads down the page, so code at the bottom will overwrite the code at the top. */ .sub-menu a { background-color: #999; } /* hover behaviour for links inside .sub-menu */ .sub-menu a:hover { background-color: #666; } /* this is the initial state of all sub-menus. we set it to max-height: 0, and hide the overflowed content. */ .sub-menu { overflow: hidden; max-height: 0; -webkit-transition: all 0.5s ease-out; } .start--nav { } .nav-fnav { position: fixed; right: 30px; } .nav-fnav.fnav-scrolled { right: -200px !important; } .container.nav-scrolled { background-color: rgba(255, 255, 255, 0.75) !important; } .nav-fnav { font-family: brandon-medium; text-transform: uppercase; position: fixed; } .nav--book-now { background-color: #fff; cursor: pointer; padding: 2px 10px; width: 100px; transform: translate(10px, 0px); text-align: center; font-family: brandon-black; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .exp-header h2 { font-size: 22px; letter-spacing: 0px; line-height: 30px; } .nav--book-now:hover { background-color: #293546; color: #fff; } img.logo-entry { width: 230px; } .logo-fnav { /*position: fixed; display: block; left: 17%;*/ -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; max-width: 1280px; padding: 0 5px; margin: 0 auto; width: 100%; } @media only screen and (max-width: 1600px) { .logo-fnav { left: 14%; } } @media only screen and (max-width: 1500px) { .logo-fnav { left: 13%; } } @media only screen and (max-width: 1400px) { .logo-fnav { left: 10%; } } @media only screen and (max-width: 1300px) { .logo-fnav { padding: 0px 80px; } } @media only screen and (max-width: 1000px) { .logo-fnav { display: none; } .nav-fnav { display: none; } .container.nav-scrolled { background-color: rgba(255, 255, 255, 0) !important; } body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"].transparent { background-color: rgba(255, 255, 255, 0.75) !important; } .nav-start { opacity: 1 !important; } } .logo-scrolled { transform: translate(-1000px, 0); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; display: none; } /*Birds*/ .birds-start { position: fixed; z-index: 100000; transform: scale(0); -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .birds-scrolled { position: fixed; z-index: 100000; top: 30%; left: 20%; transform: scale(1); -webkit-transition-duration: 4s; -moz-transition-duration: 4s; -o-transition-duration: 4s; transition-duration: 4s; } .dog-start { position: absolute; transform: translate(10px, 160px); bottom: 0; right: 0; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } .birds-end { transform: translate(500%, 0); } .birds-return { transform: translate(-500%, 0); } .birds-flip { transform: scaleX(-1); } .container--singleblock { height: 580px; background-image: url(/wp-content/uploads/2019/08/Mizata_Collage_7.jpg); display: flex; align-items: center; justify-content: flex-start; text-align: left; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); background-position: right; background-size: cover; background-attachment: fixed; background-repeat: repeat-x; } .package--container-link:hover .dog-start { transform: translate(80px, 160px); } .package--container-link:hover .large-ctabox--title.inside-box { background-color: #39969d; } .dog-image { right: 0; float: right; } .nav--footermenu-item { display: block; } .dog-greeting { display: inline-block !important; width: 180px !important; transform: rotate(360deg) scale(0); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; visibility: hidden; } .package--container-link:hover .dog-greeting { visibility: visible; transform: rotate(360deg) scale(1); -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } .hours--main-wrap { display: flex; margin-bottom: 90px; transform: translate(0, -200px); } .hours-op--line { font-family: brandon-black; font-size: 14px; text-transform: uppercase; margin-bottom: 10px; } .op-line--day { width: 300px; display: inline-block; text-align: left; color: #39969d; } .bottom-50.hours { width: 50%; margin-right: 30px; padding: 4%; background-color: #39969d; color: #fff; } .bottom-50.map { width: 50%; } /* CUSTOM FOOTER CTAS */ .footer--chat-cta { position: fixed; bottom: 29px; right: 60px; z-index: 1000000; } .start--footer-cta { display: flex; align-items: center; justify-content: center; width: 170px; text-align: center; } .footer-cta--inner { padding: 10px 40px; background-color: #1f2630; text-transform: uppercase; font-size: 12px; color: #fff; width: 100%; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; } .footer-cta--inner:hover { background-color: #293546; } .zsiq_theme1 .zsiq_user { border-radius: 0px !important; } .zsiq_theme1 .zsiq_flt_rel { width: 80px !important; border-radius: 0px !important; height: 80px !important; } .zsiq_theme1.zsiq_floatmain { width: 80px !important; max-height: 80px !important; } .cta-scrolled { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); margin-bottom: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .cta-chat--start { transform: translate(100%, 0px); } .cta--chat--scrolled { transform: translate(0, 0); } .siq_bR { bottom: 22px !important; right: 185px !important; } .zsiq_floatmain { z-index: 99999 !important; } body .gform_wrapper img.ui-datepicker-trigger { display: none !important; } .pulse-buttons { box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7); -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); } .pulse-buttons:hover { -webkit-animation: none; -moz-animation: none; -ms-animation: none; animation: none; } @-webkit-keyframes pulse { to { box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); } } @-moz-keyframes pulse { to { box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); } } @-ms-keyframes pulse { to { box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); } } @keyframes pulse { to { box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); } } /* CUSTOM HEADER */ .container--wrap-header { height: 960px; background-position: center center; background-size: cover; display: flex; align-items: center; background-attachment: fixed; } .wrap--header-inner { max-width: 1280px; margin: 0 auto; width: 100%; padding: 0 15px; z-index: 1; } .header--inner-top { max-width: 50%; } .header--inner-box { background-color: rgba(255, 255, 255, 0.8); padding: 40px; margin-bottom: 20px; } .wrap--header-inner h1 { color: #1f2630; border-bottom: 2px solid #1f2630; padding-bottom: 10px; margin-bottom: 10px; } .wrap--header-inner h3 { color: #1f2630; } h4.header--inner-title { margin-bottom: 30px; font-size: 21px !important; line-height: 30px; } .recharge--amenity-group h1.header--inner-title { font-size: 21px; line-height: 30px; text-align: center; color: #fff; } .header--inner-bottom { display: flex; align-items: center; justify-content: center; } .inner--bottom-cta { width: 50%; text-align: center; padding: 15px 15px; background-color: #1f2630; color: #fff; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .inner--bottom-cta.cta-left { background-color: #ffffff; color: #1f2630; } .header--book-ic { color: #39969d; font-size: 30px; height: 19px; width: 30px; line-height: 18px; } @media only screen and (max-width: 1000px) { .header--inner-top { max-width: 100%; } } .box--title h3 { color: #1f2630 !important; } .box--title h4 { color: #1f2630 !important; } .large-ctabox--title.unboxed { margin-bottom: 30px !important; } .large-ctabox--title.unboxed::before { content: url(/wp-content/uploads/2019/09/Arrows-01.svg); position: fixed; transform: translate(-140px, 30px); width: 120px; } /* .footer-cta--right::before { content: url(/wp-content/uploads/2019/09/Arrows-01.svg); position: fixed; width: 200px; transform: translate(-130px, -220px) rotate(90deg); z-index: -1; } */ .dog::before { content: url(/wp-content/uploads/2019/08/dog.png); z-index: 1000; position: absolute; right: 0; transform: translate(-40px, 150px); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .onhover--transform-x:hover.dog::before { transform: translate(120px, 150px) !important; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .inner--bottom-cta { font-family: brandon-black; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; cursor: pointer; } .footer-cta--inner { font-family: brandon-black; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; cursor: pointer; } .inner--bottom-cta:hover { background-color: #293546; } .inner--bottom-cta.cta-left { background-color: #1f2630; color: #ffffff; } .inner--bottom-cta.cta-right { background-color: #39969d; } .inner--bottom-cta.cta-right:hover { background-color: #39969d; } .footer-cta--inner.footer-cta--right { background-color: #ffffff; color: #39969d; } .inner--bottom-message { background-color: rgba(255, 255, 255, 0.8); padding: 10px 40px; text-align: center; font-family: brandon-black; text-transform: uppercase; letter-spacing: 1px; font-size: 18px; display: none; } .container--loop-review { display: flex; flex-flow: row wrap; padding: 3px 20px; color: #fff; } .review-content--inner h4.loop--post-title { color: #fff !important; } h4.loop--post-title.review { font-size: 22px; letter-spacing: 2px; text-transform: uppercase; font-family: brandon-black; } .module-cta--header { background-color: #fff; font-family: brandon-black; text-transform: uppercase; font-size: 20px; line-height: 30px; text-align: center; color: #1f2630; padding: 5px 5px; } .review-content--inner { font-family: brandon-medium; font-size: 18px; line-height: 28px; } .review--most-outer { background-color: #1f2630; color: #fff; padding: 90px 90px 0 90px; } .header--reviews { margin: 0 20px 40px 20px; background-color: #fff; color: #1f2630; display: inline-block; } .header--reviews { margin: 0 20px 20px 20px; background-color: #fff; color: #1f2630; display: inline-block; padding: 3px 10px; font-family: brandon-black; text-transform: uppercase; font-size: 70px; line-height: 70px; } .wptripadvisor_t1_DIV_2 { border: 0px solid rgb(245, 245, 245) !important; padding: 0 !important; } .wptripadvisor_t1_DIV_2 { box-shadow: none !important; } p.wptripadvisor_t1_P_3.wprev_preview_tcolor1_T1 { font-family: brandon-medium !important; font-size: 18px !important; line-height: 28px !important; font-style: normal !important; } .wptripadvisor_t1_DIV_2:before { display: none !important; } span.wptripadvisor_star_imgs_T1 { display: block; } img.wptripadvisor_t1_tripadvisor_logo { display: none; } #wprev-slider-1 .wprev_preview_tcolor2_T1 { color: #39969d; font-family: brandon-black !important; font-size: 18px !important; line-height: 28px !important; font-style: normal !important; } .footer-contacts--wrap { display: flex; align-items: center; justify-content: center; } .footer-contacts--third { width: 33.3334%; padding: 20px 20px; color: #fff; font-family: brandon-black; font-weight: 400; text-transform: uppercase; font-size: 16px; } .phone-number { color: #1f2630; margin-left: 10px; } .green1 { background-color: #39969d; } .green2 { background-color: #45a9b1; } .green3 { background-color: #53bdc5; } img.footer--logo-w { max-width: 220px !important; } .nav--footermenu-wrap { font-family: brandon-medium; letter-spacing: 1px; text-transform: uppercase; width: 80%; } .nav--book-now.bn--footer { width: 130px; margin-bottom: 10px; color: #1f2630; font-family: brandon-black; transform: translate(0, 0); } .adventurist--wrap { background-image: url("/wp-content/uploads/2019/08/adventuristbg.jpg"); padding-top: 260px; padding-bottom: 90px; min-height: 800px; background-position: center; background-size: cover; background-attachment: fixed; } .adventurist--wrap-inner { max-width: 1280px; margin: 0 auto; width: 100%; padding: 0 15px; } .large-ctabox--subtitle.blue h4 { color: #1f2630 !important; padding: 0; } .large-ctabox--subtitle.blue { padding: 0; } .large-ctabox--title.unboxed.adventurist { margin-bottom: 20px !important; padding: 10px 20px 0 20px; } .nectar_video_lightbox.play_button:before, .span_12.dark .nectar_video_lightbox.play_button:before { border-width: 0px !important; } .nectar_video_lightbox svg { width: 70px !important; height: 70px !important; } /* Clouds */ #particles-js { position: absolute; z-index: 100; top: 0; width: 100%; height: 30%; background-image: url(style.css); background-repeat: no-repeat; background-size: cover; background-position: top center !important; -webkit-filter: drop-shadow(0 0 10px rgba(255, 255, 255, 1)); filter: drop-shadow(0 0 10px rgba(255, 255, 255, 01)); opacity: 0.4; } .reviews--read-more { margin: 20px 20px 0 20px; background-color: #fff; color: #1f2630; display: inline-block; font-family: brandon-black; text-transform: uppercase; font-size: 22px; line-height: 30px; overflow: hidden; } .rm--btn-text { padding: 9px 15px 9px 15px; line-height: 26px; height: 40px; display: inline-block; margin: 0 !important; } .rm--btn-icon { background-color: #39969d; color: #fff; padding: 8px 10px 8px 10px; height: 40px; } .rm-icon-inner { line-height: 28px; margin: 0 !important; padding: 0 !important; top: -5px !important; } .reviews--read-more:hover { opacity: 0.8; } .footer--instagram-wrap { background-color: #1f2630; color: #fff; padding: 50px 90px 20px 90px; } .footer--instagram-wrap h3 { color: #ffff; letter-spacing: 2px; margin: 0 20px 20px 20px; } .instagram--inner-wrap { } .footer--social-wrap { width: 20%; } .nav--footermenu-outer { display: flex; width: 70%; margin: 0 auto; } .mz-ic { display: block !important; color: #000; background-color: transparent !important; height: 28px; width: 28px !important; margin-bottom: 30px; padding: 4px; } .i-con { display: inline-block !important; width: 40px !important; height: 40px !important; padding: 8px; } .gform_wrapper textarea.medium { height: 160px; width: 100%; font-family: brandon-medium !important; text-transform: uppercase !important; } .container.kit--not-padded { background-color: #ffffff; padding: 40px 90px; margin-top: 10px; max-width: 100%; } .header--social-wrap i.mz-ic { display: inline-block !important; margin: 5px !important; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .header--social-wrap i.mz-ic:hover { background-color: transparent !important; color: #fff; } .room-box--content { } .room-slider div div div .owl-stage { padding: 0 !important; } .room-slider div div div .owl-dots { transform: translate(0, -60px); } /*Recharge Page*/ .recharge--container { /* width: 1200px; */ margin: 0 auto; /*transform: translate(0, -130px);*/ max-width: 1280px; margin: 0 auto; width: 100%; padding: 0 15px; z-index: 10; } .container--description { padding: 25px; background-color: #39969D; margin-top: -10px; } .recharge--amenity-group { display: flex; } .recharge--amenity-group .loop--post-single { padding: 40px; } .flex--half.bg-blue { background-color: #39969d; color: #fff; } .flex--half.bg-dblue { background-color: #31848a; color: #fff; } .flex--half.bg-green { background-color: #39969d; color: #fff; } .flex--half.bg-tan { background-color: #e8dfda; color: #fff; } .flex--half.bg-tan { background-color: #e8dfda; color: #fff; } .bg-green h4 { color: #fff; } .bg-dblue h4 { color: #fff; } .bg-blue h4 { color: #fff; } i.fas.fa-check.amenity-dot { color: #ffffff; margin-right: 6px; } .board-name { background-color: #141921; padding: 10px; color: #fff; font-size: 20px; font-family: brandon-black; text-transform: uppercase; } .floating--cta-button { background-color: #1f2630; padding: 8px 30px; display: inline-block; margin-top: 10px; color: #ffffff; font-family: brandon-black; text-transform: uppercase; font-size: 22px; line-height: 32px; } .loop--cta-buttons.right { float: right; } .loop--cta-buttons.right { transform: translate(-6px, -60px); } form.book-form-inline { display: flex; align-items: center; justify-content: center; } .book-container .book-form-inline .book-form-group { display: inline-block; margin-bottom: 0; margin-right: 10px; vertical-align: middle; width: 33.33334%; } #bookWidget-49294-51645-119588-1567569657 .book-widget-bg { background: #ffffff; border: 0px !important; } .book-container .book-form-inline .book-form-group { margin-bottom: 0; margin-right: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .book-widget-bg { padding: 0px !important; } .book-form-group.book-va-bottom { margin: 0 !important; padding: 0 !important; } #book-checkin-holder { background-color: #1f2630; padding: 5px; } #book-checkout-holder { background-color: #1f2630; border-left: 2px solid #363f4e; padding: 5px; } #book-guests-holder { background-color: #1f2630; border-left: 2px solid #363f4e; padding: 5px; } #bookWidget-49294-51645-119588-1567569657 .book-btn, .book-btn:focus { color: #ffffff !important; font-size: 15px; background: #39969d !important; border-color: #39969d !important; width: 100%; margin: 0 !important; padding: 14px !important; border-radius: 0 !important; font-family: brandon-black !important; text-transform: uppercase !important; letter-spacing: 2px !important; font-size: 12px !important; font-weight: 400 !important; } #bookWidget-49294-51645-119588-1567569657 .book-widget label { font-family: brandon-black !important; text-transform: uppercase !important; letter-spacing: 2px !important; font-size: 12px !important; font-weight: 400 !important; color: #1f2630 !important; } #bookWidget-49294-51645-119588-1567569657 { -webkit-box-shadow: 0px -4px 15px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0px -4px 5px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px -4px 15px 0px rgba(0, 0, 0, 0.16); } #bookWidget-49294-51645-119588-1567569657 .book-widget label { color: #39969d !important; } .book-widget-booking-strip-size .icon-book-calendar { display: none !important; } .book-container .book-form-inline .book-form-control { color: #fff !important; font-size: 16px !important; background-color: #1f2630 !important; font-family: brandon-black !important; text-transform: uppercase !important; letter-spacing: 0px !important; cursor: pointer; } .book-container .book-form-inline .book-form-control:hover { opacity: 0.8; } .bookWidget-49294-51645-119588-1567569657 .ui-state-available .ui-state-default { color: #ffffff !important; background: #39969d !important; } .book-widget .ui-datepicker .ui-datepicker-calendar, .book-widget.ui-datepicker .ui-datepicker-calendar { font-family: brandon-black !important; text-transform: uppercase !important; } .book-container .book-row { margin-left: 0 !important; margin-right: 0 !important; } .book-form-horizontal .book-form-group { margin-left: 0 !important; margin-right: 0 !important; } #bookWidget-49294-51645-119588-1567577609 .book-widget-bg { background: rgba(255, 255, 255, 0) !important; border: 0px solid #cccccc !important; } input#booking-box-mini-checkin-3 { color: #fff !important; font-size: 16px !important; background-color: #1f2630 !important; font-family: brandon-black !important; text-transform: uppercase !important; letter-spacing: 0px !important; cursor: pointer; } input#booking-box-mini-checkout-4 { color: #fff !important; font-size: 16px !important; background-color: #1f2630 !important; font-family: brandon-black !important; text-transform: uppercase !important; letter-spacing: 0px !important; cursor: pointer; } input#booking-box-mini-checkin-2 { color: #fff !important; font-size: 16px !important; background-color: #1f2630 !important; font-family: brandon-black !important; text-transform: uppercase !important; letter-spacing: 0px !important; cursor: pointer; } input#booking-box-mini-checkout-3 { color: #fff !important; font-size: 16px !important; background-color: #1f2630 !important; font-family: brandon-black !important; text-transform: uppercase !important; letter-spacing: 0px !important; cursor: pointer; } #booking-box-mini-checkin-3:hover { opacity: 0.8; } #booking-box-mini-checkout-4:hover { opacity: 0.8; } input#booking-box-mini-checkin-2 { opacity: 0.8; } input#booking-box-mini-checkout-3 { opacity: 0.8; } select.book-form-control.book-adl { background-color: #1f2630; color: #fff !important; text-transform: uppercase; } .book-container .book-row .book-col-12 { border-left: none !important; } .book-form-group { margin-bottom: 0 !important; } .book-form-group #book-guests-holder { border-top: 2px solid #363f4e !important; } button.book-btn.book-btn-success.book-btn-block.book-size-lg { width: 100%; border-radius: 0 !important; background-color: #39969d !important; padding: 14px !important; border-radius: 0 !important; font-family: brandon-black !important; text-transform: uppercase !important; letter-spacing: 2px !important; font-size: 12px !important; font-weight: 400 !important; margin-bottom: 10px; } h2.header--inner-title.post { font-size: 26px; color: #1f2630; } h4.header--inner-title.post { text-transform: uppercase; font-size: 16px; } .tab-container { background: #fff; } .flx--wrapper { padding: 40px; } .content--contact-inner { background-color: #ffffff; } #material-tabs { display: flex; padding: 0; border-bottom: 0px solid #e0e0e0; background-color: #fff; } #material-tabs > a { position: relative; display: inline-block; text-decoration: none; padding: 5px 10px; color: #ffffff; background-color: #293546; width: 33.334%; font-family: brandon-black; text-transform: uppercase; font-size: 17px; line-height: 30px; font-weight: 400 !important; text-align: center; } #material-tabs > a.active { outline: none; background-color: #314056; } .fg-inner--image { height: 580px; margin-bottom: 20px; background-position: center !important; background-size: cover !important; } @media only screen and (max-width: 520px) { .nav-tabs#material-tabs > li > a { font-size: 11px; } .container.kit--not-padded { padding: 40px 40px; } } .yellow-bar { position: absolute; z-index: 10; bottom: 0; height: 3px; background: #4cb050; display: block; left: 0; transition: left 0.2s ease; -webkit-transition: left 0.2s ease; } #tab1-tab.active ~ span.yellow-bar { left: 0; width: 25%; } #tab2-tab.active ~ span.yellow-bar { left: 25%; width: 25%; background: #e51b23; } #tab3-tab.active ~ span.yellow-bar { left: 50%; width: 25%; background: #9d27b0; } #tab4-tab.active ~ span.yellow-bar { left: 75%; width: 25%; background: #ff9805; } .tab-content--contact { } h2.contact--material-header { text-transform: uppercase; /* font-weight: 700; */ font-size: 18px !important; line-height: 28px !important; margin-bottom: 0 !important; color: #fff; letter-spacing: 1px; } .content--contact-header { background-color: #4cb050; text-align: center; padding: 10px; } .content--contact-inner { background-color: #f7f7f7; } .contact--tabbed-wrapper { } .sykes--header-translate { height: 500px; } .contact--left { padding: 6% 6%; } .contact--right { background-color: #ffffff; } .btn.btn--blue-contact { background-color: #4cb050; color: #fff; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; display: inline-block; min-width: 200px; text-align: center; padding: 6px 10px; } .contact--address { font-size: 14px; line-height: 22px; margin-bottom: 20px; } .contact--right-inner { padding: 6%; } .contact--right-inner.top { border-bottom: 1px solid #e8e8e8; } .bg-white { background-color: #d1d1d1 !important; } .bg-red { background-color: #e51b23 !important; } .bg-purple { background-color: #9d27b0 !important; } .bg-orange { background-color: #ff9805 !important; } h4.contact--h4 { color: #039be5 !important; font-size: 12px !important; font-family: proxima-nova !important; font-weight: 700 !important; text-transform: uppercase; } .emp-verif p { font-size: 14px; line-height: 24px; color: #fff; } .contact--bottom-disclaimer { background-color: #1f2630; padding: 40px; } .contact--bottom-disclaimer p { font-size: 15px; line-height: 22px; /* font-style: italic; */ margin-bottom: 0 !important; } .contact-ind { margin-bottom: 20px; border-left: 2px solid #ff9805; padding-left: 15px; } .roomtype-tab--img { height: 600px; background-size: cover !important; background-position: center center !important; } .room--img-wrap { margin-bottom: 10px; } /*LOOP--POST-GRID */ .container--loop-post { display: flex; flex-flow: row wrap; } .loop--post-single { background-color: #fff; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .loop--post-image { height: 320px; background-size: cover !important; background-repeat: no-repeat !important; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); z-index: 1000; position: relative; } .tri-box { text-align: center; padding: 35px 50px; } .loop--post-image.stacked { height: 500px; } .loop--post-image.sidebar { height: 180px; } .loop--post-image.loaded:after { opacity: 1; } .loop--image-wrap { overflow: hidden; background-color: #c1c1c1; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center; } .loop--post-content { padding: 35px 50px; width: 100%; height: 100%; } .loop--post-content.stacked { padding: 0; height: 100%; } .border--bottom { border-bottom: 1px solid rgba(255, 255, 255, 0.22); padding-bottom: 10px; } h3.loop--post-title { color: #1f2630; font-size: 46px !important; line-height: 56px !important; margin-bottom: 0 !important; } h4.loop--post-category { color: #1f2630; font-size: 17px !important; line-height: 27px !important; margin-bottom: 0 !important; } h4.loop--post-category.adv-sidebar { font-size: 13px !important; text-transform: uppercase; } h4.loop--post-title.adv-sidebar { font-size: 16px; text-transform: uppercase; font-family: brandon-black; } p.loop--post-date { color: #c5c5c5; font-family: inherit; font-size: 12px; line-height: 22px; padding-bottom: 0; } p.loop--post-excerpt { color: #757575; font-size: 12px; line-height: 22px; } p.loop--post-date { color: #3452ff; text-transform: uppercase; font-family: oswald; font-size: 12px; line-height: 22px; padding-bottom: 0; } p.loop--post-date { color: #c5c5c5; font-family: inherit; font-size: 12px; } /* .alt--darken-img { height: 100%; background-color: rgba(0, 0, 0, 0.35); } */ .box-shadow--shallow { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05), 0 0px 0px rgba(0, 0, 0, 0.08); } .flex-end--y { display: flex; align-items: flex-end; text-align: left; } .flex-end--x { justify-content: flex-end; text-align: right; } .border-radius--four { border-radius: 4px; } .text-white { color: #fff !important; } .text-white h1 { color: #fff !important; } .text-white h2 { color: #fff !important; } .text-white h3 { color: #fff !important; } .text-white h4 { color: #fff !important; } .text-white p { color: #fff !important; } p.text-white { color: #fff !important; } .onhover--image-scale:hover .loop--post-image { transform: scale(1.1); } .onhover--transform-x:hover { transform: translateX(3px); } .onhover--transform-Y:hover { transform: translateY(-3px); } #footer-outer #footer-widgets { border-bottom: none; padding: 0px 70px 0 70px; } .large-ctabox--super { background-color: #39969d; padding: 20px; margin-bottom: 0 !important; display: inline-block; min-width: 300px; } .large-ctabox--super h4 { color: #fff; font-size: 30px !important; } /*LOOP--POST-GRID --> UNIVERSAL MARGINS*/ .margin-10 { margin: 10px; } .margin-10--bottom { margin-bottom: 10px; } .margin-15 { margin: 15px; } .margin-20 { margin: 20px; } /*LOOP--POST-GRID --> TWO ACROSS*/ .flex--half { flex: 1 48%; } .flex--half:nth-child(2n + 1) { margin-left: 0; } .flex--half:nth-child(2n + 2) { margin-right: 0; } /*LOOP--POST-GRID --> THREE ACROSS*/ .flex--third { flex: 1 30%; max-width: 32.3%; } .flex--third.flex--facet { max-width: 33%; } .flex--third:nth-child(3n + 1) { margin-left: 0; } .flex--third:nth-child(3n + 3) { margin-right: 0; } /*LOOP--POST-GRID --> FOUR ACROSS*/ .flex--quarter { flex: 1 22%; } .flex--quarter.loop--post-image { height: 160px !important; } .flex--half:nth-child(4n + 1) { margin-left: 0; } .flex--half:nth-child(4n + 4) { margin-right: 0; } .mz--hover-show { height: 100%; background-color: rgba(31, 38, 48, 0); z-index: 100000; color: #fff; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .mz--hover-show:hover { height: 100%; background-color: #1f2630; z-index: 100000; color: #fff; display: block; position: relative; } .mz--hover-content { position: absolute; top: 0; padding: 60px; width: 100%; height: 100%; display: none; } .mz--hover-show:hover .mz--hover-content { display: flex; align-items: center; justify-content: center; } .mz--hover-show:hover .post-content--innertop.stacked { display: none; } .loop--cta-button { background-color: #fff; padding: 6px 20px; display: inline-block; margin-top: 10px; color: #1f2630; font-family: brandon-black; text-transform: uppercase; font-size: 12px; } h4.loop--post-title.hoverbox { margin-bottom: 10px !important; } .post-content--innertop.adventurist { background-color: #1f2630; padding: 10px; max-width: 90%; } .adventurist h4 { font-size: 18px !important; line-height: 28px; } .post-date { background-color: #39969d; display: inline-block; padding: 0px 30px; color: #fff; text-transform: uppercase; font-family: brandon-medium; letter-spacing: 1px; font-size: 11px; } .loop--post-single.adv-sidebar { max-width: 100% !important; margin-bottom: 20px; margin-left: 0 !important; margin-right: 0 !important; } .loop--post-image.adv-sidebar { height: 180px; background-position: center; } .loop--post-content.adv-sidebar { padding: 20px 20px; height: inherit; } .white-press--btn { cursor: pointer; margin-bottom: 90px !important; margin: 0 auto; background-color: #fff; text-transform: uppercase; width: 180px; padding: 8px 20px; text-align: center; color: #645d55; font-family: quicksand; font-size: 18px; letter-spacing: 1px; box-shadow: 0 10px 3px rgba(0, 0, 0, 0), 0 2px 4px rgba(0, 0, 0, 0.08); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .white-press--btn:hover { box-shadow: 0 5px 1px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0.04); } #contactexpander { margin-bottom: 0; background-repeat: repeat; padding: 60px 40px; margin-top: -70px; background-color: #fff; cursor: pointer; } #contactexpander2 { margin-bottom: 0; background-repeat: repeat; padding: 60px 40px; margin-top: -70px; background-color: #fff; cursor: pointer; } .cta-button--dl { display: inline-block; background-color: #000; background-color: #1f2630; padding: 6px 20px; display: inline-block; margin-top: 10px; color: #ffffff; font-family: brandon-black; text-transform: uppercase; font-size: 12px; } .hiddenupper--container.cart-left { text-align: left; background-color: #645d55; color: #fff; padding: 40px; font-size: 12px; line-height: 22px; } .hiddenupper--inner { z-index: 100; position: relative; } .blur { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); } a.btn { width: 150px; display: block; margin: -25px 0 0 -75px; padding: 1em 0; position: absolute; top: 50%; left: 50%; font: 1.125em "Arial", sans-serif; font-weight: 700; text-align: center; text-decoration: none; color: #fff; border-radius: 5px; background: rgba(217, 67, 86, 1); } .modal-wrapper { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgb(41, 53, 70); visibility: hidden; opacity: 0; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .modal-wrapper.open { opacity: 1; visibility: visible; z-index: 10000000; } .modal { width: 460px; display: block; position: relative; background: #ffffff; opacity: 0; box-shadow: -10px 14px 58px rgba(0, 0, 0, 0.25), 0px 40px 70px rgba(0, 0, 0, 0.22); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .modal-wrapper.open .modal { opacity: 1; position: fixed; left: 20px; bottom: 20px; } span.testtt { font-family: brandon-black; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; color: #fff; padding: 10px 25px 10px 40px; display: block; } .chat-ic { font-size: 28px; color: #39969d; font-weight: 700 !important; height: 26px; width: 24px; display: none !important; } .head { } .logo-modal { width: 170px; } .btn-close { background-color: #39969d; display: inline-block; transform: translateY(-28px); padding: 3px 10px 1px 10px; position: absolute; font-weight: 700; color: #fff; right: 0; cursor: pointer; } img.adventurist--img-mobile { display: none; } .content { padding: 5%; } #bookWidget-49294-51645-0-1566358629 .book-widget-bg { background: rgba(255, 255, 255, 0) !important; border: 0px solid #cccccc !important; } .book-container .book-row .book-col-12 { padding-left: 0 !important; padding-right: 0 !important; } #bookWidget-49294-51645-0-1566358629 .book-widget-size-all { box-shadow: none !important; } #bookWidget-49294-51645-0-1566358629 .book-form-title { display: none; } #bookWidget-49294-51645-0-1566358629 .book-widget label { font-family: brandon-black !important; color: #ffffff !important; font-size: 19px !important; } .bookWidget-49294-51645-0-1566358629 .ui-state-available .ui-state-default { background: #39969d !important; font-family: brandon-medium !important; } .book-form-control { border: 0px solid #ccc !important; -webkit-box-shadow: none !important; box-shadow: none !important; font-family: brandon-medium !important; } #bookWidget-49294-51645-0-1566358629 .book-btn, .book-btn:focus { color: #ffffff !important; font-size: 15px; background: #39969d !important; font-family: brandon-black; text-transform: uppercase; letter-spacing: 1px; padding: 10px 20px !important; width: 100%; } .row--book-by { height: 120px; /* background-color: #000; */ background-position: center center; background-size: cover; margin: 5px; display: flex; align-items: center; padding-left: 10px; /* justify-content: center; */ color: #fff; font-family: brandon-black; text-transform: uppercase; font-size: 20px; border: 2px solid #ffffff; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .rbe-text { background-color: rgba(31, 38, 48, 0.8); padding: 6px 20px; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .row--book-by:hover { border: 2px solid #39969d; } .row--book-by:hover .rbe-text { background-color: #39969d; } .head { padding: 1px; } .modal--date-header { font-family: brandon-black; color: #cfc4be; font-size: 15px; text-align: center; width: 100%; display: block; margin: 0 !important; padding: 0 !important; padding: 8px 2px !important; } .content { padding: 5px 0px 13px 0px; background-color: #1f2630; } .modal .book-container .book-row .book-col-offset-5 { margin-left: 0; width: 100%; } .modal #book-checkout-holder { border-left: 0px solid #363f4e; } .modal #book-guests-holder { border-left: 0px solid #363f4e; } .section-bc--title { text-align: right; } .book-widget-bg { background: rgba(255, 255, 255, 0) !important; border: 0px solid #cccccc !important; } .book-form-group.book-va-bottom { background-color: #39969d; height: 45px; } button.book-btn.book-btn-success.book-btn-block.book-size-md.book-form-control { background-color: #39969d !important; width: 100%; height: 46px; overflow: hidden; border-radius: 0 !important; } label.book-col-5.book-control-label { color: #39969d !important; /* font-size: 12px!important; */ font-family: brandon-black !important; /* text-transform: uppercase; */ } /*LOOP--POST-GRID --> Single Sidebar 1x Across*/ .flex--single { flex: 1 100% !important; } @media only screen and (max-width: 1000px) { img.adventurist--img-mobile { display: block; } .container.main-content { z-index: -1; } .flex--third.flex--facet { max-width: 50%; } .flex--master { flex: 1 100%; } .flex--master:nth-child(3n + 1) { margin-left: 10px; } .flex--master:nth-child(3n + 3) { margin-right: 10px; } .flex--master:nth-child(2n + 1) { margin-left: 0; } .flex--master:nth-child(2n + 2) { margin-right: 0; } .loop--post-image { height: 400px; } .flex--third { max-width: 100%; } .module-cta--header { display: none; } .start--footer-cta { align-items: center; width: 100%; } .footer--chat-cta { bottom: 0; right: 0; width: 100%; z-index: 99999 !important; } } @media only screen and (max-width: 690px) { .flex--third.flex--facet { max-width: 100%; } .flex--third { flex: 1 100%; margin-left: 0 !important; margin-right: 0 !important; } .loop--post-image { height: 230px; } } @media only screen and (max-width: 480px) { .loop--post-image { height: 180px; } } /*LOOP--POST-GRID --> FOUR ACROSS*/ .flex--quarter { flex: 1 23%; } .flex--quarter:nth-child(4n + 1) { margin-left: 0; } .flex--quarter:nth-child(4n + 4) { margin-right: 0; } .loop--post-image.featured-article { height: 500px; } h3.featured-notice { color: #fff; padding-top: 0px; padding-left: 30px; font-size: 40px !important; line-height: 50px !important; letter-spacing: 6px !important; background-color: #3a969d; display: inline-block; width: 30%; } h4.loop--post-title.adventurist.featured-article { font-size: 40px !important; line-height: 50px !important; } .subservice-header h4 { color: #fff; text-transform: uppercase !important; margin-bottom: 0; font-family: brandon-black !important; font-size: 20px !important; line-height: 30px !important; } .service-page--header h2 { font-size: 80px; line-height: 80px; } .brandon-body p { font-size: 18px; font-family: brandon-medium !important; } .nectar-hor-list-item { padding: 4px 0px; font-size: 12px !important; line-height: 21px !important; text-transform: uppercase !important; } h5 { font-family: brandon-medium !important; text-transform: uppercase; font-size: 12px; line-height: 20px; letter-spacing: 2px; opacity: 0.7; } /* POST SINGLE */ .post--header-img { width: 100%; height: 520px; background-size: cover !important; background-position: center center !important; display: block; } .post--header-entry { background-color: #d4d4d4; width: 100%; padding: 0px; color: #fff; } .post-header--inner { color: #444; max-width: 1425px; margin: 0 auto; display: flex; align-items: center; padding: 30px 0 120px 0; } .post-header--left { width: 70%; } .left--date { color: #f07a63; } div.swp_social_panel .nc_tweetContainer { background-color: #7195f2 !important; border: 1px solid #7195f2 !important; } div.swp_social_panel .nc_tweetContainer { border-radius: 0px !important; margin: 0 1px 2px 1px !important; } h4.post--single-sub a { color: #7195f2; } h1.left--title { max-width: 90%; font-weight: 400 !important; letter-spacing: 1px !important; font-size: 50px !important; line-height: 60px !important; } .post-header--right { display: flex; width: 30%; justify-content: flex-end; margin-left: 15px; } .listing--content-header h3 { font-size: 22px; line-height: 32px; } .post--body { margin-top: -100px !important; margin-bottom: 40px !important; min-height: 300px; max-width: 1425px; display: flex; width: 100%; margin: 0 auto; z-index: 10000; } .body--left { min-height: 200px; background-color: #ffffff; width: 70%; } .body--right { order: 1; width: 30%; background-color: #ffffff; margin-left: 20px; padding: 40px; } .body--right.adv-sidebar { background-color: rgba(255, 255, 255, 0); padding: 0; } .left--content { } .left--content-inner { padding: 40px; } .right--content { padding: 40px; } .form-message--notice { background-color: #eef7ef; padding: 20px; font-size: 12px; line-height: 19px; } .gfield_label { display: none !important; } input[type="text"].hasDatepicker { background-position: right 10px center !important; } .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) { padding: 10px 15px !important; text-transform: uppercase; font-size: 11px !important; background-color: #efefef; border-radius: 0 !important; font-weight: 400 !important; } .gform_wrapper textarea { font-size: inherit; font-family: inherit; letter-spacing: normal; padding: 6px 8px; line-height: 1.5; resize: none; padding: 10px 15px !important; font-family: oswald !important; font-size: 13px !important; background-color: #efefef !important; font-weight: 400 !important; } .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input[type="submit"] { font-family: brandon-black !important; text-transform: uppercase !important; font-size: 14px !important; font-weight: 500 !important; width: auto !important; line-height: 30px !important; background: #fff; height: auto; color: #000; min-width: 200px; } .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_footer input[type="submit"]:hover, .gform_wrapper .gform_page_footer input[type="submit"]:hover { background: #1f2630; color: #fff; } .gform_wrapper .gform_footer { padding: 0px 0 0px 0 !important; } .gform_wrapper ul.gform_fields li.gfield { padding-right: 0px !important; } body[data-form-submit="regular"] .container-wrap input[type="submit"], body[data-form-submit="regular"] .container-wrap button[type="submit"], body[data-form-submit="see-through"] .container-wrap input[type="submit"], body[data-form-submit="see-through"] .container-wrap button[type="submit"] { padding: 6px 22px !important; } .bsf-post--social { position: absolute; bottom: 0; right: 0; background-color: #3a969d; width: 360px; } .post--header-img { position: relative; } .swp_social_panel { margin-bottom: 0px !important; margin-top: 0px !important; } span.swp_share { font-weight: 400 !important; font-size: 10px !important; display: block; text-transform: uppercase; letter-spacing: 2px; } a.nectar-button.large.regular { text-transform: uppercase; font-family: oswald; font-weight: 600; letter-spacing: 1px; font-size: 16px; } div.swp_social_panel .nc_tweetContainer { background-color: #39969d !important; border: 1px solid #3a969d !important; } a.nectar-button.medium.regular.extra-color-3.regular-button.btn-white { color: #2b1039; font-weight: 700; font-family: oswald; } .follow-type { text-transform: uppercase; letter-spacing: 3px; font-family: oswald; font-size: 12px; font-weight: 700; margin-bottom: 8px !important; } .single--more-posts { background-color: #cfc4be; padding-top: 140px; padding: 90px 0 30px 0; margin-top: -120px; } /* BUTTONS */ .fwp-load-more { background-color: #d6d6d6; border: none; padding: 16px 40px; text-transform: uppercase; font-family: oswald; letter-spacing: 1px; color: #444; cursor: pointer; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .fwp-load-more:hover { background-color: #252525; color: #fff; } /* END BUTTONS */ .book-req--note { color: #ffffffa6; font-size: 12px; } /*START GF*/ .ginput_price { display: none; } .gfp_big_button .gfield_radio li input[type="radio"] { display: none; } .gfp_big_button .gfield_radio label { border-radius: 0px; background-color: #fff; padding: 10px 20px !important; display: inline-block; margin-top: 10px; color: #1f2630; font-family: brandon-black; text-transform: uppercase; font-size: 12px; margin: 0; display: block; cursor: pointer; } .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { max-width: 100% !important; } .gfp_big_button .gfield_radio label:hover { background: #dedede; } .gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label, .gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label { background-color: #1f2630; color: #fff; } .gform_wrapper .vertical-radio ul.gfield_radio li input[type="radio"]:checked + label, .gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label { background-color: #34888e; color: #fff; } .gform_wrapper ul.gfield_radio li label, .gform_wrapper ul.gfield_checkbox li label { min-width: 120px; text-align: center; } .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield input[type="radio"] { display: none; } .book--gravity-wrap { background-color: #2d7e84; padding: 40px; } .gform_wrapper .gfield_radio li label { margin: 0 !important; } #field_6_3 { width: 170px !important; } body .gform_wrapper img.ui-datepicker-trigger { width: 38px !important; height: 38px !important; background-color: #266c71 !important; } body .gform_wrapper img.ui-datepicker-trigger { margin-top: 8px !important; width: 38px !important; height: 38px !important; } body[data-fancy-form-rcs="1"] .fancy-select-wrap { padding-top: 0; } body[data-fancy-form-rcs="1"] .fancy-select-wrap { padding-top: 0; background-color: #fff; height: 38px; margin-top: -4px; font-family: brandon-black; text-transform: uppercase; font-weight: 700 !important; font-size: 12px !important; } .book--gravity-outer { background-color: #2e878e; padding: 20px; } input#gform_submit_button_6 { height: 38px; width: 300px !important; background-color: #fff !important; color: #1f2630 !important; font-family: brandon-black !important; text-transform: uppercase; font-size: 12px !important; } .ginput_container.ginput_container_date { background-color: #fff; width: 230px; height: 38px; } .booking-form--notes { border-left: 4px solid #1f2630; padding: 20px !important; } .booking-form--notes { padding: 20px; } body .gform_wrapper img.ui-datepicker-trigger { transform: translate(2px, 3px); } a.select2-choice { border-radius: 0 !important; border: 0 !important; } body .gform_wrapper ul li.field_description_below div.ginput_container_radio, body .gform_wrapper ul li.field_description_below div.ginput_container_checkbox { margin-top: 8px !important; } .gform_wrapper .gform_fields .gfield, li#field_6_1, li#field_6_7, li#field_20_7, li#field_7_7, li#field_7_1, #field_7_9, li#field_8_1, li#field_8_7, li#field_9_1, li#field_10_1, li#field_17_1, li#field_13_1, li#field_20_1, li#field_20_1, li#field_20_7 { transform: translate(0, 8px); margin-right: 10px !important; } .gform_wrapper .top_label li.gfield.gf_inline input[type="text"].datepicker.medium { width: 100% !important; } #input_9_7, #input_6_1, #input_6_7, #input_7_1, #input_7_7, #input_8_1, #input_8_7, #input_9_1, #input_10_1, #input_10_7, #input_17_1, #input_17_7, #input_13_1, #input_21_1, #input_13_7, #input_21_7, #input_14_1, #input_14_7, #input_15_1, #input_15_7, #input_20_1, #input_20_7 { height: 38px; margin-top: 0 !important; border: 0; color: #1f2630; background-color: #fff !important; font-family: brandon-black; text-transform: uppercase; font-weight: 700 !important; font-size: 12px !important; width: 220px !important; } .gform_wrapper .top_label .gfield.gf_inline .medium { height: 38px; margin-top: 0 !important; border: 0; color: #1f2630; background-color: #fff !important; font-family: brandon-black; text-transform: uppercase; font-weight: 700 !important; font-size: 12px !important; } .gform_wrapper .top_label .gfield.gf_inline .select2-container { margin-top: 12px !important; } input#gform_submit_button_7, input#gform_submit_button_8 { height: 38px; width: 300px !important; background-color: #fff !important; color: #1f2630 !important; font-family: brandon-black !important; text-transform: uppercase; font-size: 12px !important; } input#gform_submit_button_13, input#gform_submit_button_14, input#gform_submit_button_15, input#gform_submit_button_9, input#gform_submit_button_10, input#gform_submit_button_17 { height: inherit; width: 230px !important; border-radius: 0 !important; background-color: #34888e !important; color: #ffffff !important; font-family: brandon-black !important; text-transform: uppercase; font-size: 12px !important; } input#input_11_1, input#input_11_7 { width: 100% !important; } #label_13_4_0, #label_13_4_1, #label_13_4_2, #label_21_4_0, #label_21_4_1, #label_21_4_2 { width: 230px; text-align: center; } input#choice_13_4_1, input#choice_13_4_0, input#choice_13_4_2, input#choice_6_4_0, input#choice_6_4_1, input#choice_6_4_2 { display: none; } .sticky--book-header { font-family: brandon-black; text-transform: uppercase; letter-spacing: 1px; font-size: 16px; color: #39969d; padding: 20px 0 0px 0; display: block; text-align: center; } .small-pop--wrap { max-width: 230px; margin: 0 auto; } .cta-option--form { background-color: #11161d; padding: 10px; text-align: right; } .option--form-header { color: #fff; } .mini-cta { font-size: 10px; height: 20px; margin-left: 10px; } a.cta-option--link:hover { color: #fff; } a.ui-state-default { background: #1f2630 !important; text-shadow: none !important; color: #fff !important; border: 0 !important; } .ui-datepicker tbody tr { border-bottom: 0px solid #bbb !important; } div#ui-datepicker-div { padding: 0; } table.ui-datepicker-calendar { background-color: #1f2630; } .ui-datepicker-calendar .ui-state-default { box-shadow: none !important; width: 50px; height: 50px; padding: 12px 20px; } a.ui-state-default.ui-state-active { background-color: #34888e !important; height: 50px !important; width: 50px !important; } .ui-datepicker tbody td { border: 0 !important; } .ui-datepicker thead { background: #151c25 !important; border-bottom: 0 !important; text-shadow: none !important; } .ui-datepicker th { font-size: 11px !important; padding: 0px 0 !important; color: #34888e !important; font-family: brandon-black !important; text-shadow: none !important; } div#ui-datepicker-div { border: 0; } .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all { background: #34888e !important; border-radius: 0 !important; } select.ui-datepicker-month { background-color: #34888e; box-shadow: none; color: #fff; font-family: brandon-medium; text-transform: uppercase; font-size: 11px !important; padding: 4px; } select.ui-datepicker-year { background-color: #34888e; box-shadow: none; color: #fff; font-family: brandon-medium; text-transform: uppercase; font-size: 11px !important; padding: 4px; } td.ui-datepicker-unselectable.ui-state-disabled { background-color: #151c25 !important; } .ui-datepicker-unselectable .ui-state-default { background: #1b232c !important; color: #696969 !important; border: 0 !important; text-shadow: none !important; } a.ui-datepicker-prev.ui-corner-all { border: 0 !important; } body div#ui-datepicker-div[style] { z-index: 99999999999 !important; } a.ui-datepicker-next.ui-corner-all { background: #34888e !important; border-radius: 0 !important; } a.ui-datepicker-next.ui-corner-all:hover { border: 0 !important; } a.ui-datepicker-prev.ui-corner-all { background: #34888e !important; border-radius: 0 !important; } a.ui-state-default:hover { background: #343f50 !important; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0 0; border: 0; margin: 0; } .ui-datepicker-header { box-shadow: none !important; text-shadow: none !important; min-height: 0px !important; max-height: 26px !important; } div#ui-datepicker-div { height: 200px !important; width: auto !important; margin-bottom: 100px !important; padding-bottom: 100px !important; border-radius: 0 !important; background-color: #151c25; } td.ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled { background-color: #2a3442 !important; opacity: 1; } .gform_wrapper li.gf_list_inline ul.gfield_checkbox li, .gform_wrapper li.gf_list_inline ul.gfield_radio li { margin: 0px 10px 0 0 !important; } .gform_wrapper li.gf_list_inline ul.gfield_checkbox li:last-child, .gform_wrapper li.gf_list_inline ul.gfield_radio li:last-child { margin: 0 !important; } .post-content--inner { /* background-color: #fff; */ width: 100%; text-align: center; } .post-content--innertop { padding: 10px; background-color: rgba(255, 255, 255, 0.7); } .post-content--innerbottom { background-color: #1f2630; padding: 3px 20px; color: #fff; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; font-family: brandon-medium; } .footer--info-header { color: #39969d; } .footer--info-info { font-size: 16px; line-height: 24px; margin-bottom: 10px; } .large-ctabox--outer { background-image: url("/wp-content/uploads/2019/08/Mizata_Collage_7.jpg"); display: flex; align-items: center; justify-content: flex-start; text-align: left; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); background-position: center; background-size: cover !important; } .large-ctabox--outer.nawi { background-image: url(/wp-content/uploads/2019/09/Mizata-9-15-140.jpg); } .large-ctabox--outer.umami { background-image: url(/wp-content/uploads/2019/09/mizata13.jpg); } .large-ctabox--title { background-color: #1f2630; display: inline-block; padding: 0px 20px; color: #fff; font-size: 40px; line-height: 50px; text-transform: uppercase; margin-bottom: 0 !important; } .large-ctabox--title h2 { color: #fff !important; font-size: 80px; line-height: 80px; } .ifhd { margin-bottom: 15px !important; } .large-ctabox--subtitle { color: #fff; padding: 10px 20px; margin-bottom: 0 !important; font-size: 20px; } .large-ctabox--subtitle h4 { color: #fff; font-size: 24px !important; } .large-ctabox--extra { background-color: #39969d; display: inline-block; color: #fff; font-family: brandon-black; text-transform: uppercase; font-size: 20px; padding: 15px 20px; letter-spacing: 1px; } h3 { margin-bottom: 0 !important; } .tri-box { min-height: 400px !important; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .tri-box:hover { transform: translateX(3px); } .box--title { background-color: rgba(255, 255, 255, 0.7); padding: 6%; } .post-content--innertop.stacked { padding: 20px; background-color: #1f2630; padding: 10px 10px; text-align: left; display: inline-block; text-align: left; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .stacked h4.loop--post-title { color: #fff; text-transform: uppercase !important; margin-bottom: 0; font-family: brandon-black !important; font-size: 40px !important; line-height: 50px !important; } h4.loop--post-title.hoverbox { color: #fff; text-transform: uppercase !important; margin-bottom: 0; font-family: brandon-black !important; font-size: 40px !important; line-height: 50px; line-height: 50px !important; } .post-content--inner.stacked { text-align: left; } h4.loop--post-title.adventurist { font-size: 18px !important; } .span_12.dark .nectar_video_lightbox path { fill: #1f2630 !important; } .mobile--wrap-header { display: none; } .gform_wrapper ul.gfield_checkbox li input[type=checkbox], .gform_wrapper ul.gfield_radio li input[type=radio] { display: none; } @media only screen and (max-width: 1500px) { .post-header--inner { padding: 30px 30px 120px 30px; } .post--body { padding: 0 30px; } } @media only screen and (max-width: 1500px) { .post--header-img { height: 410px; } } @media only screen and (max-width: 1300px) { .wrap--header-inner { margin-top: -30px; max-width: inherit; padding: 0 15px; } .inner--bottom-cta { font-size: 11px; } } @media only screen and (max-width: 1200px) { .header--inner-bottom { display: block; } .inner--bottom-cta { width: 100%; } .header--inner-box { margin-bottom: 0px; } } @media only screen and (max-width: 1000px) { .post--body { display: block; } .body--left { width: 100%; } .body--right { width: 100%; margin-left: 0px; margin-top: 20px; } .post--header-img { height: 450px; } .single--more-posts { padding: 40px 0 30px 0; margin-top: 0; } .container--wrap-header { height: 790px; } .zsiq_theme1.zsiq_floatmain { width: 60px !important; max-height: 60px !important; } .zsiq_theme1 .zsiq_flt_rel { width: 60px !important; height: 60px !important; } .siq_bR { bottom: 10px !important; right: 10px !important; } .mobile--wrap-header { display: block; } .mobile--header-img { background-size: contain !important; width: 100% !important; } .container--wrap-header { height: 960px; display: block; } .header--inner-box { background-color: #ffffff; } .container--wrap-header { height: 485px; } body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"].transparent { background-color: #ffffff !important; z-index: 999999 !important; } .dog-start { display: none; } .container--singleblock { background-size: cover; height: 400px; background-attachment: inherit; } .large-ctabox--title.unboxed::before { display: none !important; } div#header-outer { z-index: 99999999999 !important; } .zsiq_floatmain { z-index: 99999 !important; } #header-outer { background-color: #fff !important; } .margin-10 { margin: 0; margin-bottom: 15px; } img.adventurist--img-mobile { width: 100%; margin-bottom: -8px !important; padding: 0 !important; } .adventurist--wrap-inner { padding: 0 0; max-width: 320px; transform: translate(0, -120px); } .modal-wrapper.open .modal { opacity: 1; position: fixed; right: 5%; width: 90%; bottom: 90px; } .gform_wrapper .top_label .gfp_big_button { display: block !important; } body .gform_wrapper .top_label div.ginput_container { margin-top: 0 !important; } } @media only screen and (max-width: 700px) { .book--gravity-wraper { width: 230px; margin: 0 auto; } .post--header-img { height: 320px; } .post-header--left { width: 90%; } .post-header--right { display: none; } .start--footer-cta { text-align: left; } .large-ctabox--title.unboxed { width: 100%; text-align: center; } .large-ctabox--title.unboxed::before { display: none; } .adventurist--wrap { background-image: url(/wp-content/uploads/2019/08/adventuristbg.jpg); padding-top: 0; padding-bottom: 0; background-position: center; background-size: cover; background-attachment: fixed; background-image: none; background-color: #ffffff; min-height: inherit !important; margin-top: 0; } .large-ctabox--title h2 { color: #fff !important; font-size: 30px !important; line-height: 40px !important; } .large-ctabox--title.unboxed.adventurist { margin-bottom: 0px !important; } .large-ctabox--subtitle.blue { padding: 20px; background-color: #cfc4be; text-align: center; } a.link-over { color: #39969d; margin-top: 30px; border-bottom: 3px solid; display: inline-block; } .container.main-content { margin-bottom: inherit !important; } .row--book-by { background-image: none !important; background-color: #1f2630; /* display: inline-block!important; */ margin: 0 !important; /* width: 45%; */ height: 44px; border: 0 !important; } .rbe-text { background-color: inherit !important; } .rbe-text:hover { background-color: inherit !important; } .head { padding: 0px; } .row--book-by.recharge { background-color: #2b3340; } .row--book-by.experience { background-color: #3b475a; } span.testtt { display: none !important; } li#field_7_7 { margin-left: 0 !important; transform: translate(0, 0); } input#gform_submit_button_7 { height: inherit; width: 230px !important; } li#field_8_7 { transform: translate(0, 0); margin-left: 0 !important; } #field_8_8 { padding-left: 0; transform: translate(0, 0); } #field_8_9 { padding-left: 0; transform: translate(0, 0); } input#gform_submit_button_8 { height: inherit; width: 230px !important; } .gform_wrapper li.gf_list_inline ul.gfield_checkbox li, .gform_wrapper li.gf_list_inline ul.gfield_radio li { margin: 0 0 10px !important; } .gform_wrapper ul.gfield_radio li label, .gform_wrapper ul.gfield_checkbox li label { width: 100% !important; } .gform_wrapper .gform_fields .gfield, li#field_6_1, li#field_6_7, li#field_20_7, li#field_7_7, li#field_7_1, #field_7_9, li#field_8_1, li#field_8_7, li#field_9_1, li#field_10_1, li#field_17_1, li#field_13_1, li#field_20_1, li#field_20_1, li#field_20_7 { margin-right: 0px !important; } .gform_wrapper .ginput_container span:not(.ginput_price) { margin-bottom: 0 !important; } body .gform_wrapper ul li.gfield { margin-top: 10px; } .gform_wrapper .top_label .gfield.gf_inline .select2-container { margin-top: 15px !important; } } @media only screen and (max-width: 400px) { .post--header-img { height: 200px; } .loop--post-image.stacked { height: 280px; } .footer-cta--inner { padding: 10px 10px; background-color: #39969d; font-size: 10px; } .wrap--bg-video { display: none; } .container--wrap-header { } .tri-box { min-height: 140px !important; } .box--title h4 { font-size: 12px !important; line-height: 17px !important; } .loop--post-image { height: inherit; } .standard_section { padding-top: 0 !important; } .large-ctabox--title.unboxed { margin-bottom: 15px !important; } .container--loop-post { margin-top: 40px; } .container.main-content { margin-bottom: -100px !important; } .container.main-content { margin-bottom: 0; } h3.loop--post-title { font-size: 30px !important; } .box--title h3 { font-size: 30px !important; } h4.loop--post-category { font-size: 12px !important; line-height: 17px !important; } p.wptripadvisor_t1_P_3.wprev_preview_tcolor1_T1 { font-size: 12px !important; line-height: 18px !important; } .wptripadvisor_t1_DIV_2.wprev_preview_bg1_T1.wprev_preview_bradius_T1 { margin-bottom: 0 !important; } .wptripadvisor_t1_DIV_1.w3_wprs-col.l6 { border-bottom: 1px solid #3f4958 !important; width: 100% !important; } .wptripadvisor_t1_outer_div.w3_wprs-row-padding { padding: 0 !important; } .wprev-no-slider ul { margin: 0 !important; padding: 20px 20px 0px 20px !important; } .review--most-outer { padding: 0 0 0 0; } #wprev-slider-1 .wprev_preview_tcolor2_T1 { font-size: 12px !important; line-height: 20px !important; margin-bottom: 30px; } .reviews--read-more { margin: 0px 0px 12px 0; } .footer--instagram-wrap { background-color: #1f2630; color: #fff; padding: 20px 20px 10px 20px; } .footer--instagram-wrap h3 { font-size: 24px; text-align: left; } .wptripadvisor_t1_outer_div { margin: 0px 0 0px 0 !important; } #footer-outer #footer-widgets { padding: 0px 15px 0 15px; } .nav--footermenu-outer { width: 100%; } .nav--footermenu-outer { display: block; } .mz-ic { display: inline-block !important; } .i-con { display: inline-block !important; width: 40px !important; height: 40px !important; padding: 8px; } .loop--post-image.stacked { height: 210px; } .post-content--innertop.stacked { width: 100%; } .margin-10 { margin: 0; margin-bottom: 15px; } .stacked h4.loop--post-title { font-size: 20px !important; line-height: 26px !important; } .margin-10 { margin-right: 0 !important; } .container.main-content { margin-bottom: 10px !important; } } /* DYNAMIC HEADER */ .kit--dynamic-header { background-repeat: no-repeat; } .header--tablet { display: none; } .header--mobile { display: none; } .footer--social-wrap { width: 100%; margin-top: 50px; } .header--inner { display: flex; align-items: center; justify-content: center; max-width: 1400px; margin: 0 auto; } @media only screen and (max-width: 1000px) { .header--tablet { display: inherit; } .header--desktop { display: none; } .container--wrap-header { background-image: none !important; } } @media only screen and (max-width: 600px) { .header--mobile { display: inherit; } .header--tablet { display: none; } } .img-loading { border: 2px solid #e2e2e2; border-top: 2px solid #00a1ff; border-radius: 50%; width: 20px; height: 20px; animation: spin 0.25s linear infinite; margin: 0 auto; position: absolute; margin: 10px; z-index: 100; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* make keyframes that tell the start state and the end state of our object */ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fade-in { opacity: 0; /* make things invisible upon start */ -webkit-animation: fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */ -moz-animation: fadeIn ease-in 1; animation: fadeIn ease-in 1; -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; } .loop--post-image.loaded { opacity: 0; /* make things invisible upon start */ -webkit-animation: fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */ -moz-animation: fadeIn ease-in 1; animation: fadeIn ease-in 1; -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; } .fade-in:nth-child(1) { animation-delay: 0.5s; } .fade-in:nth-child(2) { animation-delay: 0.75s; } .fade-in:nth-child(3) { animation-delay: 1s; } .fade-in:nth-child(4) { animation-delay: 1.25s; } .fade-in:nth-child(5) { animation-delay: 1.5s; } .fade-in:nth-child(6) { animation-delay: 1.75s; } .fade-in:nth-child(7) { animation-delay: 2s; } .fade-in:nth-child(8) { animation-delay: 2.25s; } .fade-in:nth-child(9) { animation-delay: 2.75s; } .fade-in:nth-child(10) { animation-delay: 3s; } .fade-in:nth-child(11) { animation-delay: 3.25s; } .fade-in:nth-child(12) { animation-delay: 3.5s; } .loop--post-image:nth-child(1) { animation-delay: 0.75s; } .siq_bR { bottom: 15px !important; right: 216px !important; } @media only screen and (max-width: 600px) { h4.header--inner-title { color: #fff; } .siq_bR { right: 15px !important; } } input#input_29_12, input#input_23_10 { color: #1f2630; background: #fff; font-weight: bold !important; font-size: .875em !important; }