/*
 * Theme Name: Defaulto
 * Author: Jumpem
 * Version: 1.00
*/

:root {
    --color-primary: #142A49;
    --color-secondary: #11BEEA;
    font-size: 8px; 
    font-size: clamp( 8px, .65vw, 10px ); 
}
@media(min-width: 1280px) {
    :root { 
        font-size: 10px;
        font-size: clamp( 8px, .65vw, 10px );
    }
}
body { 
    font-family: 'Lato', sans-serif;
    padding-bottom: 44px;
    color: {{ options.colors.primary}};

}
@media(min-width: 767px) {
    body { padding-bottom: 0; } 
}

h1, h2, h3, h4, h4, h5,
.h1, .h2, .h3, .h4, .h5 { font-family: 'Raleway', sans-serif; font-weight: 500; line-height: 1.2; margin-bottom: 1.8rem; text-transform: uppercase; letter-spacing: .04em; }
h1, .h1 {font-size: 4.4rem; }
h2, .h2 { font-size: 4rem; }
h3, .h3 { font-size: 3.6rem; }
h4, .h4 { font-size: 3.2rem; }
h5, .h5 { font-size: 2.8rem; }
p, li { font-size: 1.8rem; line-height: 1.66667; }

a:hover, a:focus, a:active, a.active { color: inherit; text-decoration: underline; }

.eyebrow { font-size: 2.2rem; line-height: 1.157; color: {{ options.colors.secondary }}; text-transform: uppercase; letter-spacing: .04em; }
/* .bg-pattern { background-color: #ffffff; background-image: url('{{ options.bg_pattern }}'); background-repeat: repeat; } */
.bg-pattern { background-color: #ffffff; background-image: linear-gradient(to right, #ffffff66, #ffffffff), url('{{ options.bg_pattern }}'); background-repeat: repeat; }
.bg-pattern-dark { background-color: #142A49; color: #fff; background-image: linear-gradient(to right, #142A49f0, var(--color-primary)), url('{{ options.bg_pattern }}'); background-repeat: repeat; }

.color-secondary { color: {{ options.colors.secondary }} }

/* background-image: linear-gradient(to right, #002d56e6, var(--options-colors-tertiary)), url(https://www.anovaucity.com/wp-content/uploads/2021/03/pattern-d.png); */
.page-title { font-family: "Golden Plains", normal; text-transform: capitalize; font-size: 7rem; line-height: .8; letter-spacing: 0; font-weight: 400; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
html:not(.wf-goldenplains-n4-active) .page-title-group { display: none; }
@media(min-width: 992px) {
    .page-title { font-size: 14rem; }
}

.fade-white {background-image: linear-gradient(to bottom, #ffffff66 10%, #ffffffff 11%, #ffffffff 90%, #ffffff77 91%); }
.bg-white { background-color: #fff; }
.bg-white { background: linear-gradient(to right, rgba(255, 255, 255, 0), .5%, rgba(255, 255, 255, 1))!important }
.bg-primary { background-color: var(--color-primary)!important; color: #fff; }
.color-secondary { color: var(--color-secondary); }
.expand { height: 100%; width: 100%; object-fit: cover; }
.golden-plains { font-family: "Golden Plains", normal; text-transform: capitalize; font-size: 7rem; line-height: 1.2; letter-spacing: 0; font-weight: 500; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
.font-adjust { font-size: 4rem; }
.font-adjust-19 { font-size: 5rem; }
.tel-large a { font-size: 3rem; color: var(--color-primary); }
@media(min-width: 767px) {
    .golden-plains { font-size: 8rem; }
    .font-adjust { font-size: 6rem; }
    .font-adjust-19 { font-size: 7rem; }
}
@media(min-width: 1280px) {
    .font-adjust { font-size: 10rem; }
    .font-adjust-19 { font-size: 12rem; }
}

/* Buttons */
.btn { padding: 1rem 2rem; border-radius: 0; text-transform: uppercase; font-weight: bold; font-size: 1.6rem; text-decoration: none!important; }
.btn-primary { color: #fff; background-color: {{ options.colors.primary }}; border: 2px solid {{ options.colors.primary }}; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { color: {{ options.colors.primary }}!important; background-color: #fff!important; border: 2px solid {{ options.colors.primary }}!important; }

.btn-primary-alt { color: #fff; background-color: {{ options.colors.primary }}; border: 2px solid #fff; }
.btn-primary-alt:hover, .btn-primary-alt:focus, .btn-primary-alt:active, .btn-primary-alt.active { color: {{ options.colors.primary }}!important; background-color: #fff!important; border: 2px solid {{ options.colors.primary }}!important; }

.btn-transparent { color: #fff; background-color: rgba(0,0,0,0); border: 2px solid #fff; }
.btn-transparent:hover, .btn-transparent:focus, .btn-transparent:active, .btn-transparent.active { color: {{ options.colors.primary }}!important; background-color: #fff!important; border: 2px solid {{ options.colors.primary }}!important; }

@media(min-widtH: 767px) {
    .btn-transparent { min-width: 15rem; }
}
/* Social Media */
.sns-link { font-size: 1.6rem; display: inline-flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; transition: 300ms ease-in-out; text-decoration: none; color: #fff; background-color: {{ options.colors.secondary }}; border-radius: 50px; }
.sns-link + .sns-link { margin-left: 1rem; }
.sns-link:hover, .sns-link:active, .sns-link:focus { text-decoration: none;  color: {{ options.colors.secondary }}; background-color: #fff; }

.section { margin-top: 2.5rem; margin-bottom: 2.5rem; }
@media(min-width: 992px) {
    .section { margin-top: 5rem; margin-bottom: 5rem; }
}

.padded-section { padding-top: 2.5rem; padding-bottom: 2.5rem; }
@media(min-width: 992px) {
    .padded-section { padding-top: 5rem; padding-bottom: 5rem; }
}


.layout-container { max-width: 1600px; margin-left: auto; margin-right: auto; }

@media (min-width: 1400px) {
    .container { max-width: 1320px; }
}
@media(min-width: 1600px) {
    .container.extended { max-width: 1500px; }
}
@media(min-width: 1800px) {
    .container.extended { max-width: 1630px; }
}

@media(min-width: 992px) {
    .padding-group { padding-left: 4%; padding-right: 4%; }
}

.two-col { column-count: 2; -webkit-column-count: 2; column-gap: 30px; }
@media(min-width: 767px) {
    .two-col-md { column-count: 2; -webkit-column-count: 2; column-gap: 30px; }
}

/* Navbar */
.navbar { padding: 5px 15px; }
.navbar .nav-item { position: relative; }
.navbar .nav-item .nav-link { color: {{ options.colors.primary}}; background-color: rgba(255, 255, 255, 0); text-transform: uppercase; font-weight: 600; font-family: 'Raleway', sans-serif; font-size: 1.7rem; padding: .5rem 1rem; }
.navbar .navbar-tel { font-size: 2.4rem; font-weight: 400; color: {{ options.colors.secondary }}; }
.navbar .sns-link { height: 4rem; width: 4rem; font-size: 1.5rem; }

.navbar .navbar-collapse .dropdown-menu {background: #fff;width:auto;padding: 1rem 0;margin: 0;height: 0;opacity: 0;overflow: hidden;display: block;position: absolute;top: 3.8rem;left: -10px;-webkit-transition: all 300ms;-moz-transition: all 300ms;-ms-transition: all 300ms;-o-transition: all 300ms;transition: all 300ms;border-radius: 0;border:none;}
.navbar .navbar-collapse .dropdown-menu .dropdown-item {color: #000; font-size: 1.8rem; }
.navbar .navbar-collapse .dropdown-menu .dropdown-item:hover, .navbar .navbar-collapse .dropdown-menu .dropdown-item:focus, .navbar .navbar-collapse .dropdown-menu .dropdown-item:active {background-color:var(--options-colors-tertiary);text-decoration: underline;}
.navbar .navbar-collapse .dropdown:hover .dropdown-menu {height:auto;opacity: 1;max-height: 600px;}
.navbar .navbar-collapse .dropdown-menu:focus-within {height:auto;opacity: 1;max-height: 600px;}
.navbar .navbar-collapse .nav-item:last-of-type .dropdown-menu { top: 3.8rem; left: initial; right: 0; }
.navbar .navbar-collapse .dropdown-toggle::after {display: none; }
@media(min-width: 576px) {
    .navbar-expand-lg > .container { padding-left: 15px; padding-right: 15px; }
}

@media(min-width: 992px) {
    .navbar {padding: 0;}
    .navbar .nav-item { display: inline-flex; }

    .navbar .nav-item .nav-link { position: relative; }
    .navbar .nav-item .nav-link:hover { color: var(--color-secondary); }
    .navbar .nav-item .nav-link:before { content: "";display: block;height: 100%;width: 100%;border: 0.2rem solid {{ options.colors.primary}};border-top: none; border-left: none;border-right: none;position: absolute;top: -100%;left: 0;opacity: 0;transition-property: opacity, top; transition-duration: .1s, 0.25s; pointer-events: none; }
    .navbar .nav-item .nav-link:hover:before {top: 0;opacity: 1;}

    .navbar .nav-item:after { content: "|"; display: inline-block; margin: 0 5px; }
    .navbar .nav-item:last-of-type:after { display: none; }

    .navbar .navbar-brand { margin: 1.5rem 0; margin-left: 4%; }
    .navbar .navbar-nav { margin-left: 4%; margin-right: 4%; }
    /* .navbar-side { margin-left: 4%; margin-right: 4%; } */
}

/* Mobile Navbar Collapse */
@media(max-width: 991px) {
    .navbar { position: sticky; top: 0; left: 0; z-index: 9999; transition: 300ms; }
    .navbar.scrolled { box-shadow: 1px 1px 1px #0000000c; }
    .navbar .navbar-nav { overflow-y: auto; }
    .navbar-collapse { height: 100vh!important; width: 75%!important; background-color: #fff; transform: translateX(-100%); transition: 300ms ease-in; position: absolute; top: 0; left: 0; z-index: 2; padding: 3.5rem; max-width: 320px;}
    .navbar-collapse.collapsing { transform: translateX(-100%); box-shadow: 2px 2px 8px rgb(0 0 0 / 5%); }
    .navbar-collapse.show { transform: translateX(0); box-shadow: 2px 2px 8px rgb(0 0 0 / 5%); }
    .navbar .navbar-collapse .dropdown-toggle:before { display: none; }
    .navbar .navbar-collapse .dropdown-menu {display: block;height: auto;opacity: 1;position: static; padding-left: 15px; padding-top: 0;}
}


/* Navbar Toggler + Animation */
.navbar-toggler { flex-shrink: 0; flex-basis: auto; }
.nav-btn { display: flex; flex-flow: column; align-items: center; position: relative; cursor: pointer; flex: 0; padding: 5px; overflow: hidden; }
.nav-btn .btn-bar { position: relative; width: 1.675em; height: 3px; border-radius: 5px; background: {{ options.colors.primary }}; }
.nav-btn .btn-bar.menu:not(:first-child) { margin-top: 3px; }
.nav-btn .btn-bar.close { transform-origin: center center; position: absolute; margin-top: -1.5px; opacity: 0; top: 50%; }
.navbar.open .nav-btn .btn-bar.menu { opacity: 0; }
.navbar.open .nav-btn .btn-bar.close { opacity: 1; }
.navbar .btn-bar.menu:nth-child(even) { width: 2.25em; }
.navbar .btn-bar.close:not(:last-child) { transform: rotate(45deg) translateX(-250%); }
.navbar .btn-bar.close:last-child { transform: rotate(-45deg) translateX(250%); }
.navbar.open .nav-btn .btn-bar.menu:nth-child(odd) { transform: translateX(-400%); }
.navbar.open .nav-btn .btn-bar.menu:nth-child(even) { transform: translateX(200%); }
.navbar.open .nav-btn .btn-bar.close:not(:last-child) { transform: rotate(45deg); }
.navbar.open .nav-btn .btn-bar.close:last-child { transform: rotate(-45deg); }
.navbar.open .btn-bar.menu { transition: transform 0.3s ease-in-out, opacity 0.15s ease-in-out 0.15s; }
.navbar.open .btn-bar.close { transition: transform 0.2s ease-in-out 0.3s, opacity 0.05s ease-in-out 0.3s; }
.navbar .btn-bar.menu { transition: transform 0.3s ease-in-out 0.2s, opacity 0.15s ease-in-out 0.2s; }
.navbar .btn-bar.close { transition: transform 0.2s ease-in-out, opacity 0.05s ease-in-out 0.2s; }

/* Banner */
.banner { height: 150px; max-width: 100%; background-size: cover; color: #fff; background-image: url('{{ post.thumbnail ? post.thumbnail : TimberImage(options.default_banner).src | resize(375, 300) }}'); }
.banner-content { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; text-align: center; max-width: 100%; margin: auto; position: relative; z-index: 2; }
.banner-content-inner { padding-left: 4%; padding-right: 4%; max-width: 100%; }
@media(min-width: 375px) {
    .banner { background-image: url('{{ post.thumbnail ? post.thumbnail : TimberImage(options.default_banner).src }}'); }
}
@media(min-width: 992px) {
    .banner { aspect-ratio: 16/4.2;  height: auto; }
}
@supports not (aspect-ratio: 16/7) {
    .banner { padding-top: 26.25%; position: relative; }
    .banner-content { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%);}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .banner{ padding-top: 26.25%; position: relative; }
    .banner-content { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%);}
}

/* Banner Overlay */
.bg-overlay { position: relative; }
.bg-overlay:after { content: ""; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: {{ options.colors.primary }}; opacity: .6; z-index: 1;}

/* Crumbs */
.crumbs { margin-top: 0; }
.crumbs-list { padding: 0; list-style: none; }
.crumbs-item { display: inline-block; text-transform: uppercase;  letter-spacing: 1px; color: {{ options.colors.secondary }}; }
.crumbs-item:not(:last-of-type):after { content: "/"; padding: 0 5px; color: #fff; }
.crumbs-link { color: #fff; background-color: rgba(0,0,0,0); }
.crumbs-link, .crumbs-item span { font-size: 1.4rem; }
.crumbs-link:hover, .crumbs-link:focus, .crumbs-link:active, .crumbs-link.active { color: #fff; text-decoration: underline; }
@media(min-width: 992px) {
    .crumbs {margin-top: -3rem; }
    .crumbs-link, .crumbs-item span { font-size: 1.8rem; }
}

/* GMH GO */
.gmh-go {display: flex; justify-content: center; width: 1040px; max-width: 100%; margin: auto;  flex-wrap: wrap; text-align: center; }
.gmh-go__logo { max-width: 100%; margin-bottom: 1rem; }
.gmh-go__logo img { background-color: rgba(0,0,0,0); max-width: 50%;}
.gmh-go__divider { width: 2px; background-color: {{ options.colors.primary }}; display: none; }
.gmh-go__text {display: flex; align-items: center; max-width: 75%; }
@media(min-width: 992px) {
    .gmh-go { flex-wrap: nowrap; text-align: left; }
    .gmh-go__logo img { max-width: 100%; }
    .gmh-go__logo { margin-bottom: 0; }
    .gmh-go__divider { flex: 0 0 2px; display: block; margin-left: 4rem; margin-right: 4rem;}
    .gmh-go__text { max-width: 100%; }
}

.emphasis { font-size: 3rem; font-family: 'Raleway', sans-serif; line-height: 1.2; font-weight: 400; text-transform: none; margin-bottom: 0; }
@media(min-width: 767px) {
    .emphasis { font-size: 3.8rem; line-height: 1.425; }
}

/* Footer */
.footer { background-color: {{ options.colors.primary}}; color: #fff; padding: 15px 0; }
.footer-inner { padding: 0 4%; }
.footer-block { margin: 15px auto; }
.footer-tel { font-size: 2rem; color: {{ options.colors.secondary }};  display: block; text-align: center }
.footer-address { font-size: 1.8rem; color: #fff; text-align: center; line-height: 1.3; }
@media(min-width: 992px) {
    .footer-block { padding: 0 15px; }
    .footer { padding: 2rem 0; }
    .footer-tel { text-align: right;}
    .footer-address { font-size: 2rem; text-align: right; }
}

.footer-policies { text-align: center; font-family: 'Lato', sans-serif;}
.footer-policies__link { font-size: 10px; color: #fff; }
.footer-policies__link + .footer-policies__link:before {content: "|";margin-left: 5px;margin-right: 5px;}

#google_translate_element > * { color: white!important; }
.goog-logo-link { color: white!important; }
#google_translate_element .goog-te-gadget { font-size: 8px!important; }
@media(min-width: 992px) {
    .footer-policies__link { font-size: 12px; }
}

@media(max-width: 567px) {
    .footer-policies__link + .footer-policies__link:before {margin-left: 1.5px;margin-right: 3px;}
}

/* Mobile Buttons */
#mobile-buttons {z-index: 0;position: fixed;left: 0;bottom: 0;width: 100%; z-index: 3; }
#mobile-buttons > a {font-size:2rem;height: 44px;font-weight: 500;line-height: 1;display: flex;flex: 1;align-items: center;justify-content: center;color: #fff;border-top: 2px solid #fff;border-right: 1px solid #fff;border-left: 1px solid #fff;text-decoration: none;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);background-color: {{ options.colors.primary}};}
#mobile-buttons > a:first-child {border-left: none;}
#mobile-buttons > a:last-child {border-right: none;background-color: {{ options.colors.primary}};}
#mobile-buttons > a + a + a {flex: 1.2;}
#mobile-buttons > a > i {display: inline-block;margin-right: 0.75rem;font-size: 120%;position: relative;top: -0.75px;}
#mobile-buttons > a:focus, #mobile-buttons > a:hover {background-color: {{ options.colors.secondary }};}

/* Copyright */
#copyright {font-size:12px;font-weight:500;line-height:1.5;letter-spacing:0.75px;text-shadow:1px 1px 4px rgba(255, 255, 255, 0.15);color:black;background-color:white;padding:10px;position:relative;}
#copyright a {color:inherit;}
#copyright .jumpem {line-height:1;color:#29b354;display:inline-block;font-weight: 700;}
#copyright .copyright {line-height:1;display:inline-block;}

/* Pullout Tabs */

@media (max-width: 992px){
    #pullout-tabs .pullout-tabs{width: auto; height: auto; position: fixed; z-index: 100; bottom: 60px; left: -19px; transition: left 300ms ease; padding: 0; display: inline-block; margin-left: 2px;}
    #pullout-tabs .pullout-tabs a{border-radius: 36px; box-shadow: 0 3px 15px 0 rgba(0,0,0,0.25); line-height: 1; font-size: 13px; display: block; padding: 14px 14px 14px 28px; white-space: nowrap; background: {{ options.colors.secondary }}; color: #fff; font-size: 13px; }
    #pullout-tabs .pullout-tabs a:hover, #pullout-tabs .pullout-tabs a:focus {background-color:#fff; color: {{ options.colors.secondary}}; border: 2px solid {{ options.colors.secondary}}; }
}
#pullout-tabs .btn-pullout{box-sizing: border-box; border-radius: 0; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; transition: all 500ms; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 2px solid {{ options.colors.secondary}}; border-radius: 4px; }
@media(min-width: 992px){
    #pullout-tabs .pullout-tabs div {margin-right:27px;}
    #pullout-tabs .pullout-tabs .pullout-tab {top: 350px;}
    #pullout-tabs .pullout-tabs .btn-pullout {border:none;border-radius:0px;text-transform:uppercase;font-family:"Lato", sans-serif;letter-spacing:2px;font-size:14px;padding:9px 19px;color:{{ options.colors.secondary}};display:inline-block;}
    #pullout-tabs .pullout-tabs .btn-pullout {background:{{ options.colors.secondary}};color:#fff;text-decoration:none;}
    #pullout-tabs .pullout-tabs .btn-pullout:hover, #pullout-tabs .pullout-tabs .btn-pullout:focus {background-color:#fff; color: {{ options.colors.secondary}}; border: 2px solid {{ options.colors.secondary}}; }
    #pullout-tabs .pullout-tabs{position:fixed;right:0;top:0;z-index:9999;height:100%;}
    #pullout-tabs .pullout-tabs div{margin-left: 17px;width: 123px;position:fixed;left: 0;}
    #pullout-tabs .pullout-tabs div a.btn-pullout{width: 214px;display:block;box-shadow:1px 1px 5px rgba(0,0,0,0.3);transform:rotate(90deg);-webkit-transform: rotate(-90deg);-moz-transform:rotate(-90deg);transform-origin:right center;-webkit-transform-origin: left center;-moz-transform-origin:left center;}
}
.privacy-policy-table {border:1px solid #000;margin:30px 0;}
.privacy-policy-table p:last-of-type {margin:0;}
.privacy-policy-table tr {background-color: #eee;}
.privacy-policy-table tr.odd {background-color: transparent;}
.privacy-policy-table th, .privacy-policy-table td {width: 25%; padding: 20px;
    vertical-align: top;}
.privacy-policy-table tr {width: 100%; display: block;}
.privacy-policy-table-wrapper {max-width: 100%;overflow-x: scroll;}