/*=========================================================
ARJUNA PLANNERS

WEEKLY PLANNER GUIDE

=========================================================*/


/*=========================================================
GLOBAL
=========================================================*/

body.weekly-planner-guide-page{

    margin:0;

    padding:0;

    background:#ffffff;

    color:#555;

    font-family:"Open Sans",sans-serif;

}

*{

    box-sizing:border-box;

}


/*=========================================================
PAGE
=========================================================*/

.guide-page{

    padding:60px 20px 80px;

}

.guide-container{

    width:100%;

    max-width:1180px;

    margin:0 auto;

}


/*=========================================================
LOGO
=========================================================*/

.guide-logo{

    text-align:center;

    margin-bottom:55px;

}

.guide-logo img{

    width:220px;

    height:auto;

}


/*=========================================================
BANNER
=========================================================*/
/*=========================================================
BANNER
Premium Thank You Banner
=========================================================*/

.guide-banner{

    background:#ffffff;

    text-align:center;

    padding:28px 20px 38px;

    margin-bottom:55px;

    position:relative;

}

.guide-banner::before{

    content:"";

    display:block;

    width:70px;

    height:4px;

    background:#F1C40F;

    margin:0 auto 24px;

    border-radius:50px;

}

.guide-banner::after{

    content:"";

    display:block;

    width:70px;

    height:4px;

    background:#F1C40F;

    margin:26px auto 0;

    border-radius:50px;

}

.guide-banner h1{

    margin:0;

    color:#34495E;

    font-size:44px;

    font-weight:700;

    line-height:1.25;

    letter-spacing:-0.5px;

}

.guide-banner p{

    margin:18px auto 0;

    max-width:700px;

    font-size:19px;

    line-height:1.8;

    color:#666666;

}


/*=========================================================
INTRO
=========================================================*/

/*=========================================================
INTRO
=========================================================*/

.guide-intro{

    max-width:1180px;

    margin:0 auto 30px;

    text-align:left;

}

.guide-intro p{

    font-size:18px;

    line-height:1.9;

    margin-bottom:24px;

    color:#555;

}


/*=========================================================
EBOOK
=========================================================*/

.ebook-section{

    margin-bottom:90px;

}

.ebook-grid{

    display:grid;

    grid-template-columns:1.2fr .8fr;

    gap:80px;

    align-items:center;

}

.ebook-content{

    text-align:left;

}

.ebook-tag{

    display:inline-block;

    margin-bottom:18px;

    color:#F1C40F;

    font-size:13px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

}

.ebook-content h2{

    margin:0 0 28px;

    color:#34495E;

    font-size:42px;

    line-height:1.25;

    font-weight:700;

}

.ebook-content p{

    font-size:18px;

    line-height:1.9;

    margin-bottom:22px;

}

.download-btn{

    display:inline-block;

    margin-top:20px;

    padding:18px 42px;

    background:#34495E;

    color:#ffffff;

    text-decoration:none;

    font-size:17px;

    font-weight:700;

    border-radius:8px;

    transition:.3s;

}

.download-btn:hover{

    background:#F1C40F;

    color:#34495E;

}

.ebook-image{

    text-align:right;

}

.ebook-image img{

    width:100%;

    max-width:360px;

    height:auto;

}


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

.section-divider{

    border:none;

    border-top:1px solid #E6E6E6;

    margin:80px 0;

}


/*=========================================================
BOTTOM SECTIONS
=========================================================*/

.guide-section{

    max-width:860px;

}

.guide-section h3{

    color:#34495E;

    font-size:30px;

    margin-bottom:18px;

    font-weight:700;

}

.guide-section p{

    font-size:18px;

    line-height:1.9;

}

.guide-email{

    font-weight:700;

    color:#34495E;

}


/*=========================================================
CLOSING
=========================================================*/

.guide-closing{

    text-align:center;

    padding-top:10px;

}

.guide-closing p{

    font-size:20px;

    line-height:1.9;

}

.guide-closing h2{

    margin:18px 0;

    color:#34495E;

    font-size:42px;

    font-weight:700;

}

.signature{

    margin-top:30px;

    font-weight:700;

}

/*=========================================================
TABLET
=========================================================*/

@media(max-width:991px){

.guide-page{

    padding:45px 24px 60px;

}

.guide-logo{

    margin-bottom:40px;

}
.guide-banner{

    padding:24px 18px 32px;

    margin-bottom:45px;

}

.guide-banner h1{

    font-size:36px;

}

.guide-banner p{

    font-size:17px;

}

}

.guide-intro{

    margin-bottom:50px;

}

.ebook-section{

    margin-bottom:60px;

}

.ebook-grid{

    grid-template-columns:1fr;

    gap:35px;

}

.ebook-image{

    order:1;

    text-align:center;

}

.ebook-content{

    order:2;

}

.ebook-image img{

    max-width:320px;

}

.section-divider{

    margin:50px 0;

}

.guide-section{

    max-width:100%;

}

}

/*=========================================================
MOBILE
=========================================================*/
@media (max-width:768px){

.guide-page .ebook-section{

    margin:30px 0;
    padding:0;
}

.guide-page .ebook-grid{

    display:flex;
    flex-direction:column;

    gap:20px;

    align-items:center;

    margin:0;
    padding:0;
}

.guide-page .ebook-image{

    order:1;

    margin:0;
    padding:0;

    width:100%;
}

.guide-page .ebook-image img{

    display:block;

    width:210px;

    margin:0 auto;
}

.guide-page .ebook-content{

    order:2;

    width:100%;

    margin:0;
    padding:0;
}

}


/*=========================================================
FORCE FIX - GUIDE INTRO
=========================================================*/

.guide-intro{

    display:block !important;

    min-height:unset !important;

    height:auto !important;

    padding:0 !important;

    padding-bottom:0 !important;

    margin:0 0 30px 0 !important;

}