/** prmary default settings **/

:root{
    --nav-height:94px;
}


body{margin:0; padding:0; min-height:100vh; display:flex; flex-direction:column; font-family:"myriad-pro", sans-serif; font-size:clamp(1.125rem, 1.0815rem + 0.2174cqi, 1.25rem);}
main{flex-grow:1; margin-top:var(--nav-height); overflow:hidden;}

a{color:#0000ff; transition:all .15s ease-in-out;}
a:hover{color:#ff0000;}

h1{font-size:clamp(1.7565rem, 1.324rem + 2.1626cqi, 3rem);}
h2{font-size:clamp(1.6068rem, 1.2898rem + 1.585cqi, 2.5182rem);}
h3{font-size:clamp(1.4698rem, 1.2458rem + 1.1198cqi, 2.1137rem);}
h4{font-size:clamp(1.3445rem, 1.195rem + 0.7473cqi, 1.7742rem);}
h5{font-size:clamp(1.2299rem, 1.1396rem + 0.451cqi, 1.4892rem);}

/** bootstrap extensions **/
.cursor-pointer{cursor:pointer;}
.page-anchor{position:absolute; top:calc(var(--nav-height) * -1);}
.default-transition{transition:all .15s ease-in-out!important;}
.aspect-square{aspect-ratio:1/1; object-fit:cover; object-position:center center; }
.img-500-top{height:700px; object-fit:cover; object-position:center top; }
.img-500{height:700px; object-fit:cover; object-position:center center; }
.text-justify{hyphenate-limit-chars:7; hyphens:auto; text-align:justify; text-wrap:pretty;}
.btn-darken-hover{position:relative; z-index:0;}
.btn-darken-hover::after{content:""; position:absolute; inset:0; background:#000; opacity:0; border-radius:inherit; z-index:-1; transition:opacity .15s;}
.btn-darken-hover:hover::after{opacity:.15;}
.btn-darken-hover:active::after{opacity:.2;}

.fs-sm{font-size:clamp(1.0291rem, 1.0221rem + 0.035cqi, 1.0492rem); line-height:1.2;}
.fs-alt-1{font-size:clamp(2.5rem, 1.625rem + 4.5vw, 5rem); line-height:1.2;}
.fs-alt-2{font-size:clamp(2.25rem, 1.575rem + 3.9vw, 4.5rem); line-height:1.2;}
.fs-alt-3{font-size:clamp(2rem, 1.525rem + 3.3vw, 4rem); line-height:1.2;}
.fs-alt-4{font-size:clamp(1.75rem, 1.475rem + 2.7vw, 3.5rem); line-height:1.2;}
.fs-alt-5{font-size:clamp(1.5rem, 1.425rem + 2.1vw, 3rem); line-height:1.2;}
.fs-alt-6{font-size:clamp(1.25rem, 1.375rem + 1.5vw, 2.5rem); line-height:1.2;}
.fs-alt-7{font-size:clamp(1.125rem, 1.325rem + 0.9vw, 2rem); line-height:1.2;}
.fs-alt-8{font-size:clamp(1rem, 1.275rem + 0.3vw, 1.5rem); line-height:1.2;}

.fw-900{font-weight:900;}
.fw-800{font-weight:800;}
.fw-700{font-weight:700;}
.fw-600{font-weight:600;}
.fw-500{font-weight:500;}
.fw-400{font-weight:400;}
.fw-300{font-weight:300;}
.fw-200{font-weight:200;}
.fw-100{font-weight:100;}

.a-0{--alpha:0;}
.a-10{--alpha:0.1;}
.a-20{--alpha:0.2;}
.a-30{--alpha:0.3;}
.a-40{--alpha:0.4;}
.a-50{--alpha:0.5;}
.a-60{--alpha:0.6;}
.a-70{--alpha:0.7;}
.a-80{--alpha:0.8;}
.a-90{--alpha:0.9;}
.a-100{--alpha:1;}

.bg-blue{background:#0000ff;}

.hover-bg-blue:hover{background:#0000ff;}

.text-blue{color:#0000ff;}

.hover-text-blue{color:#0000ff;}

.font-copperplate{font-family:"copperplate", serif;}
.font-shelby{font-family:"shelby", sans-serif;}
.font-myriad-pro{font-family:"myriad-pro", sans-serif;}

/** element settings **/
.logo{width:300px; max-width:100%;}
.offcanvas-logo{width:300px; max-width:100%;}

.gs-reveal{overflow:hidden;}
.gs-from-left, .gs-from-right, .gs-stagger-item{overflow:hidden;}


.marquee{width:100%; overflow:hidden;}
.marquee-track{display:flex; width:max-content; animation:marquee 1s linear infinite;}
.marquee-track img{flex-shrink:0; width:100vw;}

@keyframes marquee{
    0%{transform:translateX(0);}
    100%{transform:translateX(-50%);}
}
.marquee-track img{flex-shrink:0; min-width:100vw;}

.section-heading .script{display:block; line-height:1;}
.section-heading .block{display:block; text-transform:uppercase; letter-spacing:.15em; line-height:1.1;}

.torn-edge{position:absolute; left:0; right:0; width:100%; overflow:hidden; line-height:0; pointer-events:none; z-index:2;}
.torn-edge img{width:100%; display:block;}
.torn-edge-top{top:-1px;}
.torn-edge-bottom{bottom:-1px;}
.torn-edge-flip img{transform:scaleY(-1);}

.hero-section{position:relative; overflow:hidden; height:70vh; min-height:500px;}
.hero-section .hero-img{position:absolute; top:0; left:0; width:100%; height:140%; object-fit:cover; object-position:center 20%; will-change:transform;}
.hero-section .hero-logo{position:absolute; bottom:15%; left:50%; transform:translateX(-50%); max-width:280px; z-index:3;}

.section-intro{position:relative;}

.img-band{position:relative; overflow:hidden;}
.img-band img{width:100%; height:350px; object-fit:cover;}

.btn-outline-mission{border:2px solid #5c3428; color:#5c3428; text-transform:uppercase; font-weight:700; letter-spacing:.12em; padding:12px 40px; border-radius:0; transition:all .15s ease-in-out;}
.btn-outline-mission:hover{background-color:#5c3428; color:#ffffff;}
.btn-outline-mission-blue{border:2px solid #0b9bc0; color:#0b9bc0; text-transform:uppercase; font-weight:700; letter-spacing:.12em; padding:12px 40px; border-radius:0; transition:all .15s ease-in-out;}
.btn-outline-mission-blue:hover{background-color:#0b9bc0; color:#ffffff;}

.explore-section{position:relative;}
.explore-section .explore-img{width:100%; height:100%; object-fit:cover; min-height:300px;}

.proximity-section{position:relative;}
.proximity-section img{width:100%; height:auto;}

.education-section{position:relative;}
.education-section .edu-img{width:100%; height:300px; object-fit:cover;}

.mosaic-grid{display:grid; grid-template-columns:1fr; gap:1.5rem;}
.mosaic-cell{overflow:hidden; border-radius:8px;}
.mosaic-img{width:100%; height:160%; object-fit:cover; display:block;}

@media(min-width:992px){
    .mosaic-grid{grid-template-columns:1fr 2fr 1fr; grid-template-rows:1fr 1fr;}
    .mosaic-cell{aspect-ratio:1/1;}
    .mosaic-hero-cell{grid-column:2; grid-row:1 / span 2; aspect-ratio:auto; height:100%;}
}


.mosaic-grid-b{display:grid; grid-template-columns:1fr; gap:12px;}
.mosaic-cell-b{overflow:hidden;}
.mosaic-cell-b .mosaic-img{width:100%; height:160%; object-fit:cover; display:block;}

@media(min-width:992px){
    .mosaic-grid{grid-template-columns:1fr 2fr 1fr; grid-template-rows:1fr 1fr;}
    .mosaic-cell{aspect-ratio:1/1;}
    .mosaic-hero-cell{grid-column:2; grid-row:1 / span 2; aspect-ratio:auto; height:100%;}

    .mosaic-grid-b{grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr;}
    .mosaic-cell-b{aspect-ratio:1/1;}
    .mosaic-wide-cell{grid-column:1 / span 2; aspect-ratio:2/1!important;}
}

/*gallery page*/
.gallery-cell{display:block; overflow:hidden; aspect-ratio:1/1;}
.gallery-cell img{width:100%; height:160%; object-fit:cover; display:block;}

.builder-grid img{width:100%; transition:transform .4s ease;}
.builder-grid a:hover img{transform:scale(1.1);}

/*Amentiies page*/
.parallax-cell{overflow:hidden; position:relative;}
.parallax-cell.img-500{height:700px;}
.parallax-cell.img-500-top{height:700px;}
.parallax-img{width:100%; height:140%; object-fit:cover; display:block; position:absolute; top:0; left:0;}
.parallax-cell.img-500-top .parallax-img{object-position:center top;}
.parallax-cell.img-500 .parallax-img{object-position:center center;}

.footer-main{position:relative; background-color:#5c3428; color:#ffffff;}
.footer-main .torn-edge-top{top:-40px;}
.footer-main a{color:#ffffff; text-decoration:none; transition:all .15s ease-in-out;}
.footer-main a:hover{opacity:.8;}
.footer-main .form-control{background:transparent; border:none; border-bottom:1px solid rgba(255,255,255,.5); border-radius:0; color:#ffffff; padding:.5rem 0;}
.footer-main .form-control::placeholder{color:rgba(255,255,255,.5);}
.footer-main .form-control:focus{box-shadow:none; border-bottom-color:#ffffff;}
.footer-main .form-select{background-color:transparent; border:none; border-bottom:1px solid rgba(255,255,255,.5); border-radius:0; color:#ffffff; padding:.5rem 0;}
.footer-main textarea.form-control{border:1px solid rgba(255,255,255,.5); padding:.5rem; min-height:100px;}
.footer-main .btn-submit{background-color:#0b9bc0; color:#ffffff; text-transform:uppercase; font-weight:700; letter-spacing:.12em; padding:10px 35px; border:none; border-radius:0; transition:all .15s ease-in-out;}
.footer-main .btn-submit:hover{background-color:#098aa8;}
.footer-main .footer-logo{max-width:300px;}
.footer-main .social-icons a{font-size:1.5rem; margin:0 8px;}
.footer-main .footer-legal{font-size:.85rem; opacity:.85;}
.footer-main .footer-legal a{text-decoration:underline;}
.footer-main .hoa-badge{font-weight:700;}
.footer-main .form-select option{color:#333333; background:#ffffff;}

.navbar{background-color:#0b9bc0!important;}
.offcanvas{background-color:#0b9bc0!important;}

@media(max-width:768px){
    .hero-section .hero-img{height:40vh; min-height:300px;}
    .hero-section .hero-logo{max-width:180px; bottom:10%;}
    .img-band img{height:250px;}
    .explore-section .explore-img{min-height:250px;}
}

@media(max-width:576px){
    :root{
        --nav-height:85px;
    }
    .hero-section .hero-logo{max-width:140px;}
    .img-band img{height:200px;}
}


.accordion-mission .accordion-item{border:5px solid #5c3428; border-radius:0; background-color:#FFFFFF; margin-bottom:1.5rem;}
.accordion-mission .accordion-button{background-color:#FFFFFF; color:#5c3428; text-transform:uppercase; letter-spacing:.12em; text-align:center; justify-content:center; border-radius:0; box-shadow:none; padding:16px 50px;}
.accordion-mission .accordion-button:focus{box-shadow:none;}
.accordion-mission .accordion-button:not(.collapsed){background-color:#fbf5e5; color:#5c3428;}
.accordion-mission .accordion-button::after{display:none;}
.accordion-mission .accordion-button::before{content:"+"; position:absolute; right:20px; font-size:1.5rem; font-weight:700; color:#5c3428; transition:none;}
.accordion-mission .accordion-button:not(.collapsed)::before{content:"\2013";}
.accordion-mission .accordion-body{text-align:center; border-top:1px solid #5c3428;}


/** footer author **/
.footer-author{background:#0C0C0C}
.footer-author .credit{padding:10px 0; color:#FFF; font-size:.8em; margin:0; text-align:right; margin-right:25px;}
.footer-author .credit img{width:180px; filter:grayscale(1); transition:.15s ease-in-out;}
.footer-author .credit img:hover, .footer-author .credit img:active{filter:grayscale(0);}

@media(max-width:576px){
    .logo{width:200px; max-width:100%;}
    .offcanvas-logo{width:200px; max-width:100%;}
}

@media(min-width:576px){
	
}

@media(max-width:768px){

}

@media(max-width:992px){
    .mobile-menu-expand{position:absolute; top:5px; height:40px; border-left:1px solid rgba(255, 255, 255, .2); transition:background .15s ease-in-out; cursor:pointer;}
    .mobile-menu-expand:hover, .mobile-menu-expand:active{background:rgba(255, 255, 255, .2);}
    header .navbar .navbar-nav{padding-top:15px; padding-bottom:15px; border-top:1px solid rgba(255, 255, 255, .2); border-bottom:1px solid rgba(255, 255, 255, .2);}
    header .navbar .navbar-nav .nav-link{padding-top:.75rem; padding-bottom:.75rem;}
    header .navbar .navbar-nav > li > .mobile-menu-expand{right:-10px; width:50px;}
    header .navbar .navbar-nav > li > .dropdown-toggle::after{position:absolute; right:11px; top:23px;}
    header .navbar .navbar-nav > li > ul > li > .mobile-menu-expand{right:0px; width:50px;}
    header .navbar .navbar-nav > li > ul > li > .dropdown-toggle::after{position:absolute; right:10px; top:20px; width:20px; height:17px;}
    header .navbar .navbar-nav .dropdown-toggle:hover::after{color:#ffffff!important;}
    header .navbar .navbar-nav .dropdown-menu{margin-top:10px; margin-bottom:15px;}
}


@media(min-width:992px){

}

@media(min-width:1200px){
	
}