/* Theme Name: BasinPark Author: Sharp Hue Version: 2022 */ /*Visual Composer Styles*/ #content .homepage-tagline { font-size: 22px; font-style: italic; font-weight: 500; } #content .homepage-h1 { line-height: 1em; padding: 0 0 7px 0; font-size: 38px; font-weight: bold; } #content .contact-heading {font-size: 28px;} #content .social-media-heading {font-size: 32px;} #content .contact-text p {font-size: 18px;} #content .white-text { color:#fff !important; } #content .white-text a { color:#fff !important; } #content .content-btn a { text-decoration: none; font-size: 18px; white-space: nowrap; background: #555; color: #fff; padding: 15px 25px; border-radius: 3px; } #content .content-btn-alt a { text-decoration: none; font-size: 18px; white-space: nowrap; background:#fff; color:#555; padding: 15px 25px; border-radius: 3px; border:2px solid #555;} #content .content-btn:hover a { background: #666; } #content .content-btn { display:inline-block;text-decoration: none; font-size: 18px; white-space: nowrap; background: #555; color: #fff; padding: 15px 25px; border-radius: 3px; } #content .content-btn p {padding-bottom:0!important;} #content .content-btn-alt { text-decoration: none; font-size: 18px; white-space: nowrap; background:#fff; color:#555; padding: 15px 25px; border-radius: 3px; border:2px solid #555;} .white-text {color:#fff!important;} i {font-style:normal;} /* VC FAQ */ #content h4.vc_tta-panel-title { margin:0; padding:0; } .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {background-color: #222 !important;} .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {color: #fff !important;} .vc_tta-controls-icon::before {border-color: #fff !important;} .vc_tta-controls-icon::after {border-color: #fff !important;} /*scrollbar*/ ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background: #f1f1f1; } ::-webkit-scrollbar-thumb { background: #ccc; } ::-webkit-scrollbar-thumb:hover { background: #aaa; } /*Fonts*/ h1, h2, h3, h4, h5, h6 { font-family: freight-display-pro, serif; } ul, ol, li, p, div, span { font-family: Lato, sans-serif; } /*Header*/ html, body { scroll-behavior: smooth !important; } body { font-family: Lato, sans-serif; position:relative; } body.admin-bar #header.fixed { top:32px !important; } @media(max-width: 782px) { body.admin-bar #header.fixed { top:46px !important; } } @media(max-width: 600px) { body.admin-bar { position:inherit; } body.admin-bar #header.fixed { top:0 !important; } body.admin-bar #header.absolute { top:46px !important; } body.admin-bar #header.absolute.fixed { top:0 !important; } } #header { min-height: 120px; background: transparent linear-gradient(180deg, #0000008B 0%, #00000067 55%, #54545400 100%) 0% 0% no-repeat padding-box; z-index: 99999; } #header .logo1 {display:block;padding:10px 0;max-height: 40px;} #header .logo2 {display:none;} #header.compact { min-height: 80px;padding:8px 0 8px 0; } #header.compact .logo1 {display:none;} #header.compact .logo2 {display:block;max-width:290px;} #header.transition, #header.transition div { -webkit-transition: all 100ms; transition: all 100ms; } #header.absolute { position: absolute; top: 0; width: 100%; z-index: 1000; } #header.fixed { position: fixed; top: 0; width: 100%;background:#FFFCFA;z-index: 99999;box-shadow: 0px 10px 26px -9px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0px 10px 26px -9px rgba(0, 0, 0, 0.5); z-index: 99999; } #header .container { max-width: 1400px; position: relative; padding: 0 15px; } #header .logo { line-height: 120px; width:300px; } #header.compact .logo { line-height: 80px; } #header .logo img { vertical-align:middle; } #header .menu { display: none; cursor:pointer; } #header.slide { animation-name: slide; animation-duration: 300ms; } @-webkit-keyframes slide { from {top: -200px;} to {top: 0px;} } @keyframes slide { from {top: -200px;} to {top: 0px;} } #header.fade { animation-name: fade; animation-duration: 300ms; } @-webkit-keyframes fade { from {opacity: 0;} to {opacity: 1;} } @keyframes fade { from {opacity: 0;} to {opacity: 1;} } .sticky {position: fixed; top: 0; width: 100%;} @media(max-width: 867px) { html.menu-on, html.menu-on body { overflow:hidden; } html.menu-on #header { overflow-y: scroll; height: 100%; } #header { min-height: auto; } #header .container { padding: 0; } #header .logo { line-height: 0; padding: 10px; } #header .logo img { display:block; width:auto; max-width:100%; max-height:32px; height:auto !important; object-fit:contain; } #header .logo2 img { display:block; width:auto; max-width:100%; max-height:40px; height:auto !important; object-fit:contain; } } @media(max-width:500px) { #header .logo2 img {max-height: 26px;padding-top: 8px;} } /*Nav*/ #nav { position:absolute; top:40px; right: 10px; } #header.compact #nav { top:20px;} #nav nav > ul { display:table; width:100%; list-style:none; } #nav ul > li { float:left; } #nav ul > li:not(.header-shop):not(.header-booknow) > a { display:block; height:40px; padding:0 20px; line-height:40px; font-size:18px; color:#fff; text-decoration:none; } #nav ul li:hover > a, #nav ul li.current-menu-item > a, #nav ul li.current-menu-parent > a, #nav ul li.current_page_parent > a { } #nav ul li.menu-item-has-children > a { } #nav ul li > a i { font-size:15px; } #nav ul > li.header-shop > a { display:flex; align-items:center; justify-content:center; height:40px; padding:0 14px; line-height:1; color:#fff; text-decoration:none; font-size:22px; } #nav ul > li.header-shop > a i { font-size:22px; } #nav ul > li.header-booknow { margin-left:2em; background-color:#006B3F; text-transform:uppercase; letter-spacing:2.1px; font-weight:700; font-size:18px; padding:0; } #nav ul > li.header-booknow > a { display:block; height:auto; padding:12px 14px; line-height:1.2; font-size:18px; font-weight:700; letter-spacing:2.1px; color:#fff; text-decoration:none; white-space:nowrap; } #header.compact #nav ul > li.header-booknow > a { color:#fff; } #header.compact #nav ul > li:not(.header-shop):not(.header-booknow) > a { color:#2F2A27; } #header.compact #nav ul > li.header-shop > a { color:#2F2A27; } @media (min-width: 1351px) { #header .container {display:flex;align-items:center;justify-content:space-between;min-height:120px;flex-wrap:nowrap;} #header .logo {line-height:normal;width:auto;flex-shrink:0;} #header .logo1 {padding:0;} #header .logo2 {flex-shrink:0;} #nav {position:static;top:auto;right:auto;flex:1 1 auto;} #nav nav > ul {display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;width:auto;} #nav ul > li {float:none;flex-shrink:0;} #nav ul li > a {white-space:nowrap;} #header.compact .container {min-height:80px;} #header.compact #nav {top:auto;} } .hide {display:none; } /*Sub Nav*/ #nav ul li { position:relative; } #nav ul ul { display:none; position:absolute; left:0px; top:100%; min-width:200px; height:auto; background:#e5e5e5; list-style:none; -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); } #nav ul li:last-child ul { left:auto; right:0; } #nav ul li:hover ul { display:block; } #nav ul li ul li { float:none; margin:0; padding:0; } #nav ul li ul li a { display:block; height:auto; padding:0 15px; line-height:35px; font-size:18px; color:#222222; text-decoration:none; white-space:nowrap; } #nav ul li ul li:hover a { background:#555; color:#ffffff; } #nav ul li ul li ul { display:none; } /*Nav Btns*/ #nav .btn { padding:0; margin:0; } #nav .btn a { padding: 12px 18px; margin-left: 10px; line-height:16px; height:auto; color: #fff; text-decoration: none; white-space:nowrap; } #nav .btn a i { margin-right: 5px; } #nav .btn.primary a { margin-left:30px; } #nav .btn.primary a { background-color: #555; } #nav .btn.primary a:hover { transition: .8s; } #nav .btn.secondary a { background-color: #222; } #nav .btn.secondary a:hover { transition: .8s; } @media(max-width: 1000px) { #nav .btn a { padding:12px; } #nav .btn.primary a { margin-left:10px; } } .backbtn {color:#fff;font-size:20px;padding:0 10px;width:60px;} /*Nav Mobile Btns*/ #mobile-nav .btn { padding:0; margin:0; } #mobile-nav .btn a { padding: 14px 18px; margin-left: 0px; margin-bottom:15px; line-height:16px; height:auto; color: #fff; text-decoration: none; white-space:nowrap; text-align:center; } #mobile-nav .btn a i { margin-right: 5px; } #mobile-nav .btn.primary a { margin-left:0px; } #mobile-nav .btn.primary a { background-color: #555; } #mobile-nav .btn.primary a:hover { transition: .8s; } #mobile-nav .btn.secondary a { background-color: #222; } #mobile-nav .btn.secondary a:hover { transition: .8s; } @media(max-width: 1350px) { #mobile-nav .btn a { padding:14px; } #mobile-nav .btn.primary a { margin-left:0px; } } #header .menu .header-shop { display:none; font-size:22px; color:#fff; text-decoration:none; margin-right:12px; vertical-align:middle; } #header.compact .menu .header-shop { color:#2F2A27; } @media(max-width: 1350px) { #nav { display:none; } #header .menu .header-shop { display:inline-block; } #header.compact .logo2 {max-width:190px;margin:5px 10px 0 10px;} #header.compact { min-height: 50px; } #header.compact .logo { display:none;} #header.compact #nav { top:0px; } #header.compact #nav .menu { top:-60px; } #header .menu {display: block;color:#fff;position: absolute;text-align: center;font-size: 30px;line-height: 60px;right:20px;top:0px;width:200px;height:60px;} #header .menu i.fal.fa-bars {top:5px;position:relative;} #header.compact .menu {display: block;color:#fff;position: absolute;text-align: center;font-size: 30px;line-height: 30px;right:5%;top:0px;width:auto;height:40px;} #header.compact .menu i.fal.fa-bars {color:#000;} } @media(max-width:500px) { #header .menu .header-shop {display:none;} } /*mobile nav*/ #mobile-nav { display:none; } #mobile-nav { position:fixed; top:0; left:0; display:block; } #mobile-nav .menus {transition:left 100ms;z-index:9999;position:fixed;right:-451px;top:0;bottom:0;width:400px;max-width:100%;background:#eee;box-shadow:20px 0px 30px rgba(0,0,0,0.15);overflow:auto;} #mobile-nav .menus.right { transition:right 100ms; right:-451px; box-shadow:-20px 0px 30px rgba(0,0,0,0.15); } .show-nav { overflow:hidden; } .show-nav #mobile-nav .menus.show {left:auto;right:0;z-index:99999999;} .show-nav #mobile-nav .menus.right.show { left:auto; right:0; } .show-nav #mobile-nav { z-index:99999999; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.7); content:""; } #mobile-nav ul { padding:20px 40px 0px 40px; list-style:none; } #mobile-nav ul li { margin-bottom:15px; } #mobile-nav ul li a { display:block; font-size:22px; font-weight:600; color:#222; text-decoration:none; } #mobile-nav ul li a i.fa-chevron-right { margin-left:15px; font-size:18px; } #mobile-nav .menus .top { z-index:3; position:relative; width:100%; height:60px; background:#006B3F; box-shadow:0 10px 20px rgba(0,0,0,0.1); } #mobile-nav .menus .top span { line-height:60px; display:block; font-size:22px; font-weight:600; color:#222; text-align:center; } #mobile-nav .menus .top .fa-times { position:absolute; top:0; right:10px; font-size:30px; width:60px; height:60px; line-height:60px; text-align:center; cursor:pointer; color:#fff; opacity:1; } #mobile-nav .menus .top .fa-arrow-left { position:absolute; top:0; left:0; font-size:26px; width:60px; height:60px; line-height:60px; text-align:center; cursor:pointer; color:#fff; opacity:1; } #mobile-nav .menus .top img { max-height:30px; margin:15px; padding-left:20px;} #mobile-nav .menus > div { z-index:2; transition:opacity 200ms; opacity:0; display:none; } #mobile-nav .menus > div.show { opacity:1; display:block; } #mobile-nav ul.hide {display:none; } #mobile-nav .menus .user .me { text-align:center; margin-bottom:60px; } #mobile-nav .menus .user .me b { display:block; line-height:20px; } #mobile-nav .menus .user .me small { font-size:16px; display:inline-block; line-height:20px; } #mobile-nav .menus .user .me .fa-user-circle { margin-bottom:20px; display:block; width:auto; text-align:center; font-size:80px; } #mobile-nav .menus .connect { padding:0 40px 40px 40px; } #mobile-nav .menus .connect .title { padding:20px 0 20px 0; border-top:1px solid #ddd; font-size:22px; font-weight:600; color:#222; } #mobile-nav .menus .connect ul { padding:0; } #mobile-nav .menus .connect ul li { margin:0 0 20px 0; } #mobile-nav .menus .connect ul li a { font-weight:400; font-size:18px; } #mobile-nav .menus .connect ul li a i { width:30px; } #mobile-nav .menus .social { margin-bottom:40px; } #mobile-nav .menus .social a { display:inline-block; margin-right:15px; font-size:20px; color:#000; } #mobile-nav a.btn {min-width:250px;; margin:0; display:flex;justify-content:center; padding: 15px; line-height:24px; font-size:22px; font-weight:bold; color: #fff; background:#006B3F; text-decoration: none; text-align:center; } .booknow { max-width:90px;padding:5px 15px; font-size:18px; color:#fff; text-decoration:none;background-color:#006B3F;margin-right:20px; } @media all and (min-height: 650px) { #mobile-nav .menus .connect { position:relative; } } /*Promo*/ #promo { position:relative; z-index:0; } #promo .prev { z-index:2; position: absolute; top:50%; left: 25px; margin-top: -13px; font-size: 26px; color: #fff; cursor:pointer; } #promo .next { z-index:2; position: absolute; top:50%; right: 25px; margin-top: -13px; font-size: 26px; color: #fff; cursor:pointer; } #promo .wrapper { position:relative; width:100%; } #promo .container {padding:26% 5px;max-width:1400px;} #promo .video {position: relative;display: block;width: 100%;max-width: 100%;margin: 0 auto;overflow: hidden;padding-top: 56.25%;} #promo .video iframe, #promo .video video { background: #f1f1f1; width: 100%; max-width: 100%; height: auto !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #promo .video iframe { border:none; height:100% !important; } #promo .message.has-video { position:absolute; left:0; top:0; height:100%; width:100%; } #promo h2 { font-family: freight-display-pro, serif ;margin:0 0 20px 0; padding:0; font-size:62px; line-height:1em; font-weight:500; color:#fff; text-align:center;text-shadow: 0px 2px 7px rgba(0,0,0,0.39); } #promo h2:before { display:none; } #promo p {font-family:Lato, sans-serif;margin:0;padding:0;font-size:24px;line-height:28px;color:#fff;text-align:center;margin-bottom:20px;font-weight:200;text-shadow: 0px 2px 7px rgba(0,0,0,0.39);} #promo .slider-btn {font-size: 18px; padding: 15px 25px; border-radius: 3px; background: #555; color: #fff; text-decoration:none;} #promo .slider-btn:hover {background: #666; } #promo .slider-btn-holder {text-align: center;} #promo .overlay {position:relative;width:100%;height:80vw;max-height:100vh;overflow:hidden;isolation:isolate;} #promo .overlay::before {content:'';position:absolute;inset:0;background-color:rgba(0,0,0,var(--promo-overlay,0.35));z-index:1;pointer-events:none;} #promo video {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;display:block;margin:0;} #promo .fade-in-text {position:absolute;width:100%;text-align:center;top:33%;z-index:1000;animation: fadeIn 10s;-webkit-animation: fadeIn 10s;-moz-animation: fadeIn 10s;-o-animation: fadeIn 10s;-ms-animation: fadeIn 10s;opacity:0;} #promo .hero-brand {position:absolute;left:0;top:35%;width:100%;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px;box-sizing:border-box;} #promo .hero-brand-logo-wrap {margin:0 0 24px 0;} #promo .hero-brand-logo {display:block;width:auto;max-width:130px;} #promo .hero-brand-title {color:#FFF;text-align:center;font-family:freight-display-pro,serif;font-size:50px;font-style:normal;font-weight:700;line-height:48px;letter-spacing:10px;text-transform:uppercase;margin:0 0 12px 0;} #promo .hero-brand-tagline {color:#FFF;text-align:center;font-family:lato,Lato,sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:28px;letter-spacing:1.5px;text-transform:uppercase;margin:0;} @keyframes fadeIn { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeIn { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fadeIn { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes fadeIn { 0% { opacity: 1; } 100% { opacity: 0; } } @-ms-keyframes fadeIn { 0% { opacity: 1; } 100% { opacity: 0; } } @media(min-width:1500px) { #promo {padding-top:120px;} #promo .overlay {margin-top:-120px;height:min(calc(80vw + 120px),calc(100vh + 120px));max-height:none;} #frontpage {margin-top:-6rem;position:relative;z-index:2;} } @media(max-width:950px){ #promo .overlay {height:65vh;min-height:300px;max-height:none;} #promo .hero-brand {top:50%;transform:translateY(-50%);} } @media(max-width:800px){ #promo .overlay {height:55vh;min-height:280px;max-height:none;} #promo .fade-in-text {top:-14%;} #promo p {font-size:1.4em;line-height:1.2em;margin-bottom:10px;} #promo h2 { font-size:4em; line-height:1.1em; } #promo .hero-brand-logo-wrap {margin-bottom:16px;} #promo .hero-brand-logo {max-width: 60px;} } @media(max-width:700px){ #promo .overlay {height:50vh;min-height:260px;max-height:none;} #promo .fade-in-text {top:-25%;} } @media(max-width:600px){ #promo .overlay {height:45vh;min-height:240px;max-height:none;} #promo p {font-size:1em;line-height:1.2em;margin-bottom:10px;} #promo h2 { font-size:2.8em; line-height:1.1em; } #promo .hero-brand-logo {display: none;} #promo .hero-brand-tagline {font-size:16px;line-height:24px;} #promo .hero-brand-title {font-size:40px;line-height:50px;letter-spacing:3px; margin-bottom: 8px;} } @media(max-width:500px){ #promo .overlay {height:42vh;min-height:220px;max-height:none;} #promo .fade-in-text {top:-40%;} #header .logo img { max-height:26px; height:auto !important; } } @media(max-width:400px){ #promo .overlay {height:40vh;min-height:200px;max-height:none;} #promo .fade-in-text {top:-55%;} } @media(min-width:2500px){ #frontpage {margin-top:-8rem;position:relative;z-index:2;} #promo .fade-in-text {margin-top:25%;} } .globalbtn { position: fixed; display: -webkit-box; display: -webkit-flex; display: flex;-webkit-box-align: end; -webkit-align-items: flex-end;align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; right: 30px; bottom: 30px; z-index: 9999999;} .globalbtn a { border:1px solid #fff;height:40px; max-width:100px;padding:0 20px; line-height:40px;text-align:center; font-size:18px; color:#fff; text-decoration:none; background-color:#006B3F;} #footer .wrapper {display:flex;justify-content:center; background-color: #006B3F;width:100%; } #footer .wrapper.copyright { background-color: #005532; } #footer .container {display:flex;flex-direction:column;margin:0 auto;width:1400px;padding:30px 15px 60px 15px;} #footer .footer-top {display:grid;grid-template-columns:38% 23% 37%;align-items:center;margin-bottom:32px;} #footer .footer-bottom {display:grid;grid-template-columns:38% 23% 37%;align-items:start;} #footer .container p {color:#fff;} #footer .first {width:auto;} #footer .second {width:auto;} #footer .third {width:auto;} #footer .break { flex-basis: 100%;height: 0;} #footer nav { background:none; } #footer nav:after { position: absolute; top: 0; bottom: 0; right: 100%; width: 100vw; background: none; content: ''; } #footer nav ul { list-style-type: none; margin:none; } #footer nav ul li a { margin-bottom: 5px; display:inline-block; text-decoration: none; color: #fff; font-size: 20px; } #footer nav > ul > li { float:none; padding-right:2%; margin-bottom:5px; } #footer nav > ul { display:block; width:100%; } #footer nav > ul > li > a, #footer nav ul li.large > a { font-size: 20px;line-height:34px; } #footer .contact { display:flex;color:#fff;} #footer .contact:nth-of-type(3) { height:55px;} #footer .contact a {color:#fff;text-decoration:none;font-size:20px;} #footer .contact i {margin-right:10px;} #footer .contact-body {width:100%;} #footer .contact-btn {padding-top:30px;} #footer a.contactbtn {color:#fff;text-decoration:none;border:1px solid #fff;padding:7px 9px;font-size:20px;} #footer .copyright p { padding: 24px 20px; margin:0; color: #fff; font-size: 15px; text-align:center; } #footer .copyright p br { display:none; } #footer .copyright a { color: #fff; text-decoration: underline; } #footer .contact-info { background:none; } #footer .contact-info .contact { position: relative; padding-left: 39px; margin-bottom: 30px; color: #fff; } #footer .contact-info .contact .contact-body { font-size: 18px; } #footer .contact-info .contact .contact-body a { color:#fff; text-decoration: none; } #footer .contact-info .contact .contact-icon { position: absolute; top: -5px; left: 0; font-size: 21px; color: #fff; line-height: 18px; } #footer .contact-info .footer-btn { padding: 7px 20px; font-weight:500; color:#ffffff; background-color: #c0c0c0; font-size: 18px; display: inline-block; text-decoration: none; border:none; cursor:pointer; } #footer .contact-info .footer-btn:hover { color: #fff; transition: .4s;} #footer .contact-info .footer-contact-btn { padding: 7px 20px; color:#ffffff; font-weight:500; font-size: 18px; background-color: #c0c0c0; display: inline-block; text-decoration: none; } #footer .contact-info .footer-contact-btn:hover { color: #fff; transition: .4s; } #footer .toprow img { display:block; width:auto; height:auto; max-width:300px;} #footer .toprow a { display:block; } #footer .logo { margin-top:0; } #footer .social { display:flex; align-items:center; flex-wrap:wrap; gap:10px; width:100%; margin:0; padding:0; } #footer .social a { display:block; line-height:30px; width:30px; height:30px; text-align:center; } #footer .social a i { width:30px; height:30px; font-size:20px; line-height:30px; text-align:center; color:#fff; } #footer .subscribe {color:#fff;} #footer .signup {display:flex;justify-content:space-between;grid-gap:20px;flex-wrap:wrap;} #footer .signup input {background:transparent;color:#fff;border:1px solid #fff;border-radius:0;line-height:24px;font-size:18px;width:48%;} #footer .subscribe .sub-title { font-size:26px;line-height:30px;font-family: freight-display-pro, serif;margin-bottom:8px;} #footer .signup input::placeholder {color: #fff;opacity: 1;} #footer .signup .button {width:100%;} #footer .signup button {background-color:#fff;border-radius:0;line-height:24px;font-size:18px;width:100%;color:#006B3F;} #footer .subscribe p {line-height:28px;} @media( max-width: 1050px ) { #footer .footer-bottom { grid-template-columns:49% 49%; } #footer .footer-bottom .third { grid-column:1 / -1; } #footer .third { max-width:none; } } @media( max-width: 970px ) { #footer .container { padding: 40px 30px 50px 30px;} #footer .contact-info .footer-btn { margin-bottom: 10px;} } @media( max-width: 800px ) { #footer nav > ul > li { width: 100%; } } @media (max-width: 700px) { #footer .container { display:flex; flex-direction:column; gap:32px; padding:40px 30px 50px 30px; } #footer .footer-top, #footer .footer-bottom { display:contents; } #footer .footer-top .toprow:first-child { order:1; text-align:center; } #footer .footer-top .toprow:first-child img { margin:0 auto; } #footer .footer-bottom .first { order:2; min-width:0; padding-bottom:0; } #footer .footer-top .toprow:nth-child(2) { order:3; } #footer .footer-bottom .second { order:4; } #footer .footer-top .social { order:5; grid-column:auto; } #footer .footer-bottom .third { order:6; max-width:none; grid-column:auto; } #footer .signup input { width:100%; } #footer .col-60, #footer .col-40 { width:100%; } } @media( max-width: 600px ) { #footer .signup input {width:100%;} #footer .col-333 { width: 50%;} #footer .contact-info { padding: 0;} #footer .copyright p br { display:block; } } /*404*/ #page404 {background: url(/wp-content/uploads/2023/05/1905-basin-park-hotel-balcony-view.jpg) no-repeat center center; background-size: cover; color: #fff;} #page404 .content-area {position: relative; padding: 15% 20px; background: rgba(0,0,0,.6);} #page404 .error-404 { text-align:center; } #page404 .error-404 h1 { text-align:center; font-size:40px; color:#fff; margin-bottom:0px;} #page404 .error-404 p {color:#fff;} #page404 .error-404 i { font-size:80px; color:#fff; padding-bottom:25px;} #page404 .error-404 .screen-reader-text { display:none; } #page404 .btn {padding: 8px 15px; color: #fff; background-color: #006b3f; font-size: 18px; line-height: 24px;} .blog-back-link {display:none!important;} .page-template {background-color:#FFFCFA;} .activities-reserve {max-wdith:1400px;display:flex;justify-content:center;margin:20px 20px;} .activities-form {display:flex;justify-content:space-between;flex-wrap:wrap;width: 100%;margin: 20px 0px;padding:20px 50px;max-width: 1300px;background-color:#F5F2F0;} .activities-form .form-header {color:#006B3F;font-size:18px;font-weight:600;display:flex;justify-content:center;flex-direction:column;} .input-group {font-family: Lato, sans-serif; } .activities-form div {padding-right:15px;} .input-group input {width: 100%;width:220px; padding: 10px;border: 1px solid #ccc;font-size: 18px;font-family: century-gothic, sans-serif; } .activities-form .submit-button {text-align:center;text-decoration:none;max-height:40px;min-height:40px;min-width:190px;width:190px;height:40px;padding: 0px 20px;background-color:#006B3F;color: white;border: none;font-size: 16px;cursor: pointer;font-family: Lato, sans-serif;display:block;border-radius:0;} .activities-form .submit-button:hover {background-color:#006B3F;} @media (max-width:1250px) { .activities-form .form-header {width:100%;margin-bottom:15px;} .activities-form div {margin-bottom:15px;} .activities-form {justify-content:center;} } @media (max-width:650px) { .activities-form {padding:20px 20px;} .activities-form .form-header {width:100%;margin-bottom:15px;} .activities-form div {margin-bottom:15px;} .input-group input {width:100%;} .activities-form {justify-content:column;} .activities-form div {padding-right:0;width:100%;} .activities-form .submit-button {display:block;justify-content:center;width:auto;} } /* activities archive posts */ .archive-banner h1 {text-align:center;font-size:60px; line-height:70px; color:#fff; font-weight:700; text-transform:none;font-family: freight-display-pro, serif;} .archive-banner p {font-size:20px;line-heigth:24px;font-family: Lato, sans-serif;color:#fff;text-align:center;} .activities-container {max-width: 1400px;margin: 0 auto;padding: 0 20px 50px 20px;display: flex;flex-direction: column;align-items: stretch;} .activities-inner {width: 100%;} .activity-filters-wrap {padding: 36px 0 28px 0;text-align: center;} .activity-filter-select-wrap {display: none;} .activity-filter-select {box-sizing: border-box;width: 100%;max-width: 400px;min-height: 48px;padding: 12px 44px 12px 16px;font-family: Lato, sans-serif;font-size: 16px;font-weight: 600;line-height: 1.2;color: #1a1a1a;border: 2px solid #006B3F;border-radius: 8px;background-color: #fff;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' viewBox='0 0 12 8'%3E%3Cpath stroke='%23006B3F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 16px center;appearance: none;-webkit-appearance: none;cursor: pointer;} .activity-filters {display: flex;flex-wrap: wrap;gap: 12px;justify-content: center;align-items: center;} .activity-filter-btn {padding: 10px 16px;font-family: Lato, sans-serif;font-size: 16px;font-weight: 600;line-height: 1.2;cursor: pointer;border: 2px solid #006B3F;background: #fff;color: #006B3F;border-radius: 999px;transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;} .activity-filter-btn:hover {background: rgba(0,107,63,0.09);} .activity-filter-btn:focus-visible {outline: 3px solid #006B3F;outline-offset: 3px;} .activity-filter-btn.is-active {background: #006B3F;color: #fff;} .activity-filter-empty {margin: 0 0 24px 0;padding: 20px 16px;text-align: center;font-family: Lato, sans-serif;font-size: 17px;line-height: 1.5;color: #444;background: #f5f5f5;border-radius: 8px;} .activity-grid .holder.is-filtered-out {display: none !important;} .activity-grid {display: flex;flex-wrap: wrap;gap: 40px;max-width: 100%;padding: 0 0 20px 0;justify-content: center;} .activity-grid .holder { width: 320px;display: flex;margin-bottom: 10px;flex-direction: column; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029;} .activity-grid .activity-item { display: block;} .activity-grid .activity-item .activity-image {position: relative;width: 320px;aspect-ratio: 320 / 220;height: auto;overflow: hidden;background-size: cover;background-position: center;background-repeat: no-repeat;} .activity-grid .activity-item .activity-image .activity-type-tag {position: absolute; top: 5%; right: 0; z-index: 2; padding: 6px 9px 6px 10px; background: #006b3f; color: #fff; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: .04em; text-transform: uppercase; border-radius: 5px 0 0 5px; pointer-events: none; } .activity-grid .activity-item .activity-image .image-link { position: relative; z-index: 1; display: block;width: 100%;height: 100%; text-decoration: none;} .activity-grid .activity-item .activity-content {padding:5px 15px 25px 15px;} .activity-grid .activity-item .activity-title {padding:10px 0 30px 0;height:50px;} .activity-grid .activity-item .activity-title a {text-transform:unset;color:#000;font-size:20px;line-heigth:24px;font-family: Lato, sans-serif;font-weight:400;} .activity-grid .activity-item .activity-excerpt {display:none;} .activity-grid .activity-item a {text-transform:uppercase;color:#006B3F;font-size:18px;line-height:24px;font-weight:600;text-decoration:none;} section.single.activity main {max-width:1340px;margin:0 auto;padding:100px 30px 40px 30px;} article.activity .entry-content {display:flex;flex-direction:row;gap:60px;} article.activity .entry-content .entry-title {padding-bottom:20px;} article.activity .entry-content .activity-img {align-self: flex-start;min-width: 50%;max-width: 100%;display: flex;flex-direction: column;align-items: flex-start;gap: 12px;} article.activity .entry-content .activity-nav-top {align-self: stretch;padding-bottom: 16px;} article.activity .entry-content .activity-nav-top a.blog_back {text-align: left;font-family: Lato, sans-serif;font-weight: 600;} article.activity .entry-content .activity-img-frame {width: 100%;align-self: stretch;overflow: hidden;aspect-ratio: 320 / 220;} article.activity .entry-content .activity-img-frame img {display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;} article.activity .entry-content a.blog_back {cursor:pointer;display:block;} article.activity .entry-content a.blog_back:hover {color:#006B3F!important;} article.activity .entry-content .activity-single-tag-wrap {margin: 0 0 4px 0;} article.activity .entry-content .activity-single-tag {display: inline-block;padding: 6px 14px;background: #006B3F;color: #fff;font-family: Lato, sans-serif;font-size: 12px;font-weight: 700;line-height: 1.2;letter-spacing: 0.04em;text-transform: uppercase;border-radius: 999px;} article.activity .entry-content .activity-single-cta-wrap {margin: 28px 0 0 0;} article.activity .entry-content .activity-single-cta {display: inline-block;padding: 14px 28px;background: #006B3F;color: #fff!important;font-family: Lato, sans-serif;font-size: 16px;font-weight: 600;line-height: 1.2;text-decoration: none;text-transform: uppercase;} article.activity .entry-content .activity-single-cta:hover {background: #005530;color: #fff;} @media (max-width:800px) { article.activity .entry-content {flex-direction:column;} article.activity .entry-content {gap:10px;} article.activity .entry-content .activity-nav-top {display: block;} } @media (max-width:370px) { .activity-grid .holder {width:100%;margin:0 auto;} .activity-grid .activity-item .activity-image {width:100%;} } @media (max-width: 640px) { .activity-filters-wrap {padding: 30px 0;text-align: center;} .activity-filter-select-wrap {display: block;} .activity-filter-select {display: block;margin-left: auto;margin-right: auto;} .activity-filters {display: none !important;} .activity-grid {justify-content: center;} .activity-grid .holder {margin-left: auto;margin-right: auto;} } /* Voiceflow */ .vfrc-widget._1wkq7nf0 {z-index: 1000;} .vfrc-chat__container.ck2fbe9 {max-height: 650px;} .ck2fbe0 {z-index: 1000!important;} /* Cloudbeds Widget */ cb-property-date-picker [data-testid="property-date-picker"] { border-radius: 0 !important; padding-left: 5% !important; padding-right: 5% !important; background: #004D2D !important; border: none !important; } cb-property-date-picker [data-testid="property-date-picker-search-button"] { border-radius: 0px !important; background: transparent!important; border: 1px solid #fff!important; } @media (min-width: 951px) { #frontpage .booking-widget { margin-top:-5rem; } } @media (max-width: 950px) { #frontpage .booking-widget { margin-top:-2.5rem; } }