/*
 * Crown to Ground Password Page
 * Version 3.1
 */

html,
body{
    margin:0;
    padding:0;
    height:100%;
    font-family:'Livvic',sans-serif;
}

body{
    overflow-x:hidden;
}

/* ==========================
   Hero
========================== */

.ctg-hero{

    min-height:100vh;

    width:100%;

    background-image:url("https://crowntoground.ca/wp-content/uploads/2025/12/dreamstime_m_414824989.jpg");

    background-position:center;

    background-size:cover;

    background-repeat:no-repeat;

}

.ctg-overlay{

    min-height:100vh;

    background:rgba(0,0,0,.60);

    display:flex;

    justify-content:center;

    align-items:flex-start;

    padding:50px 30px;

}

.ctg-content{

    width:100%;

    max-width:1100px;

    display:flex;

    flex-direction:column;

    align-items:center;

}

/* ==========================
   Title
========================== */

.ctg-title{

    font-family:'Qwigley',cursive;

    font-size:102px;

    color:#ffffff;

    text-align:center;

    margin:0 0 25px;

    font-weight:400;

    text-shadow:0 3px 12px rgba(0,0,0,.45);

}

/* ==========================
   White Card
========================== */

.ctg-box{

    width:100%;

    max-width:825px;

    background:rgba(255,255,255,.88);

    border-radius:22px;

    padding:45px 45px 35px;

    box-shadow:0 20px 55px rgba(0,0,0,.40);

    text-align:center;

}

/* ==========================
   Copy
========================== */

.ctg-box h2{

    color:#084b87;

    font-size:32px;

    font-weight:400;

    margin:0 0 18px;

}

.ctg-box p{

    color:#333;

    font-size:19px;

    line-height:1.65;

    margin:0 0 12px;

}

.ctg-email{

    color:#84c56f;

    font-weight:700;

    text-decoration:none;

}

.ctg-email:hover{

    text-decoration:underline;

}

/* ==========================
   PASSWORD FORM
========================== */

/* Override Astra's 100px margin */

.ast-theme-transparent-header .post-password-form,
.post-password-form{

    display:flex;

    flex-direction:column;

    gap:-5px;

    margin-top:0px !important;

    margin-bottom:0px !important;

    padding:0px !important;

}

/* Hide WordPress label */

.post-password-form label{

    display:none;

}

.post-password-form input{

    width:100%;

    box-sizing:border-box;

    padding:8px;

    border:2px solid #5c9fcc;

    border-radius:10px;

    font-size:20px;

    margin:0;

    background:#fff;

}

.post-password-form input:focus{

    outline:none;

    border-color:#084b87;

    box-shadow:0 0 10px rgba(8,75,135,.25);

}

.post-password-form button{

    width:50%;

    height:62px;

    align-self:center;

    border:none;

    border-radius:10px;

    background:#84c56f;

    color:#fff;

    font-size:20px;

    font-weight:700;

    cursor:pointer;

    transition:.25s;

}

.post-password-form button:hover{

    background:#6cb055;

}

/* ==========================
   Return Button
========================== */

.ctg-home-btn{

    display:flex;

    justify-content:center;

    align-items:center;

    width:50%;

    height:62px;

    margin:8px auto 0;

    margin-top:8px;

    border:2px solid #084b87;

    border-radius:10px;

    color:#084b87;

    background:#fff;

    text-decoration:none;

    font-size:20px;

    font-weight:700;

    transition:.25s;

}

.ctg-home-btn:hover{

    background:#084b87;

    color:#fff;

}

/* ==========================
   Mobile
========================== */

@media (max-width:768px){

    .ctg-title{

        font-size:56px;

    }

    .ctg-box{

        padding:30px;

    }

    .ctg-box h2{

        font-size:28px;

    }

    .ctg-box p{

        font-size:17px;

    }

}