/*======================================
        GALLERY WINDOWS PAGE
======================================*/
      
	  body.gallery-page{

    background-image:url("/images/gallery-background.png");

    background-position:center top;

    background-size:cover;

    background-repeat:no-repeat;

    background-attachment:fixed;

    background-color:#f5f1e8;

}


.gallery-hero{

    width:100%;

    min-height:700px;

    background:transparent;

    padding-top:140px;

    overflow:hidden;

    display:flex;

    justify-content:center;

    align-items:center;

    text-align:center;

    position:relative;

}
.gallery-overlay{

    width:100%;

    height:100%;

    display:flex;

    flex-direction:column;

    justify-content:flex-start;

    align-items:center;

    position:relative;

    z-index:2;

    transform: translateY(-200px);

}

.gallery-hero h1{

    margin:0;

    font-family:'Forum', serif;

    font-size:50px;

    font-weight:400;

    color:#234536;

    letter-spacing:1.5px;

}

.gallery-hero p:first-of-type{

    margin-top:0px;

    margin-bottom:8px;

    font-family:'Cormorant Garamond', serif;

    font-size:24px;

    font-weight:500;

    color:#8A6A36;

}

.gallery-hero p:last-of-type{

    margin:0;

    font-family:'Cormorant Garamond', serif;

    font-style:italic;

    font-size:18px;

    font-weight:400;

    color:#6F5A3A;

}

.gallery-divider{

    width:120px;

    height:auto;

    margin:30px auto 50px;

    display:block;

    opacity:.95;
	
	position:relative;
    top:-20px;

}

.gallery-intro{

    display:flex;

    justify-content:center;

    margin-top:-410px;

    margin-bottom:60px;

}

/*======================================
        FEATURED WINDOW
======================================*/

.featured-window{

    width:100%;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;
	
	margin-top:-80px;

    margin-bottom:110px;

}

.featured-card{
    width:min(900px,90%);
    margin:0 auto;
    background:#ffffff;
    border-radius:10px;
    overflow:hidden;
    transition:.45s ease;
}

.featured-card:hover{

    transform:translateY(-8px);


}

.featured-card img{

    width:100%;

    display:block;

    object-fit:cover;

}


/*======================================
        FIXED PAGE BACKGROUND
======================================*/

.page-background{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background-image:url("../Images/gallery-background.png");

    background-position:center;

    background-size:cover;

    background-repeat:no-repeat;

    z-index:-1;

}

/*======================================
        FEATURED INFO
======================================*/

.featured-info{

    text-align:center;

    margin-top:30px;

    max-width:700px;

}

.featured-info h2{

    margin:0;

    font-family:'Forum', serif;

    font-size:34px;

    font-weight:400;

    color:#234536;

}

.featured-info p{

    margin:10px 0 6px;

    font-family:'Cormorant Garamond', serif;

    font-size:22px;

    color:#8A6A36;

}

.featured-info span{

    display:block;

    font-family:'Cormorant Garamond', serif;

    font-style:italic;

    font-size:18px;

    color:#6F5A3A;

}


/*======================================
        VIEW PROJECT LINK
======================================*/

.project-link{

    width:240px;
    height:48px;

    margin-top:18px;

    background:transparent;

    color:#9b6b2d;

    border:1.5px solid #d4a24c;

    font-style:normal;

}

.project-link i{
    font-size:18px;
}

.project-link:hover{

    background:#16382f;

    color:#d4a24c;

    border-color:#16382f;

    transform:translateY(-3px);

    box-shadow:0 12px 28px rgba(0,0,0,.18);
}


/*======================================
        PROJECT DIVIDER
======================================*/

.project-divider{

    display:block;

    width:120px;

    height:auto;

    margin:-2px auto 0;

    opacity:.70;

    transition:.35s ease;
	
	position: relative;
	
    top: 20px;

}

.project-divider:hover{

    opacity:1;

    transform:scale(1.05);

}

/* ==========================================
   MOBILE — PREVENT HORIZONTAL PAGE OVERFLOW
   ========================================== */

@media (max-width:768px){

    html,
    body{
        width:100%;
        max-width:100%;
        overflow-x:hidden;
    }

    body.gallery-page,
    body.gallery-page main{
        width:100%;
        max-width:100%;
        overflow-x:hidden;
        box-sizing:border-box;
    }

}

/* ==========================================
   MOBILE — BRING FOOTER BUTTONS CLOSER
   ========================================== */

@media (max-width:768px){

    .footer-buttons{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:28px !important;
        margin:35px 0 35px !important;
        padding:0 12px;
    }

    .footer-buttons .footer-btn{
        margin:0 !important;
    }

}

/* ==========================================
   MOBILE — FIX THANK-YOU TITLE WRAPPING
   ========================================== */

@media (max-width:768px){

    .related-products .thank-you-title{
        width:100% !important;
        max-width:100% !important;
        padding:0 10px !important;

        white-space:normal !important;
        overflow-wrap:normal !important;
        word-break:normal !important;

        font-size:42px !important;
        line-height:1.15 !important;

        margin:0 auto 30px !important;

        box-sizing:border-box;
        text-align:center;
    }

}

@media (max-width:600px){
    .gallery-page .window-720-card{
        background:transparent !important;
    }
}