/*
Theme Name: astra-child
Template: astra
Version: 1.0.0
*/

p{
    font-family: "Raleway", sans-serif;
}

h1, h2, h3{
    font-family: "Oswald", sans-serif;
}

a:active, a:focus, [data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal:focus {
    outline: 0;
    border: none;
}

#main h2, #main h3{
    color:rgb(162, 0 , 3);
}

.banner h1, .banner, .banner a{
    color: rgb(255,255,255);
    /*-webkit-text-stroke:3px rgb(162, 0 , 3);*/
}

.ast-plain-container.ast-no-sidebar #primary{
    margin-top: 0;
}

.ast-container{
    padding: 0;
}

div.banner{
    height: 400px;
    /*background-image: url(https://carolannfenton.com/wp-content/uploads/2024/04/banner-scaled.jpg);*/
    background-image: url(https://carolannfenton.com/wp-content/uploads/2024/04/banner3.jpg);
    /*background-size: 3000px auto;*/
    background-position: center -170px;
    clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 50% 100%, 0% 90%);
}

div.home_banner{
    height: 600px;
    background-position: center -100px;
}

.banner h1{
    font-size: 3rem;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, .6);
    border-bottom: 3px solid rgb(162, 0 , 3);
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 30px;
    margin-left: 30px;
}

div.banner p{
    font-family: "Oswald", sans-serif;
    font-size: 3.7rem;
    text-shadow: 1px 1px 6px rgba(255, 255, 255, 0.6), 2px 2px 20px rgba(0,0,0,.8);
    margin-bottom: 30px;
    margin-left: 30px;
    -webkit-text-stroke: 1px white;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.4);
    line-height: 3.7rem;
    text-transform: uppercase;
}

div.banner p span{
    display: block;
    font-size: 2rem;
    line-height: 2.5rem;
    font-style: italic;
}

div.banner p a:hover{
    -webkit-text-fill-color: rgba(162, 0, 3, 1);
}

#page .ast-container{
    max-width: none;
}

#main, .banner_content{
    max-width: var(--wp--custom--ast-content-width-size);
    margin: auto;
    padding-top: 100px;
}

#main, .home_banner .banner_content{
    padding-top: 190px;
}

.home_banner .banner_content{
    position: sticky;
    top:0;
    padding-bottom: 50px;
}

body.page-template-default{
    background-color: #e9ecef;
    background-image: url(https://carolannfenton.com/wp-content/uploads/2024/04/chainstone_watermark.png);
    background-repeat: no-repeat;
    background-position: 0 770px;
}

.ast-plain-container.ast-no-sidebar #primary{
    margin-bottom: 0;
}

#main{
    background-color: #edeff2;
    box-sizing: border-box;
    padding: 130px 30px 60px 30px;
    margin-top:-100px;
    box-shadow: rgba(0,0,0,.2) 0 0 5px;
}

.site-below-footer-wrap[data-section="section-below-footer-builder"]{
    color:#d8d9da;
    background-color:#323233;
}

.ast-footer-copyright{
    color:#d8d9da;
}

/* nav & top bar styles */
.site-header{
    position: absolute;
    width: 100%;
    font-family: "Oswald", sans-serif;
}

#ast-desktop-header, #ast-mobile-header{
    background-color: #edeff2;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid rgb(189, 193, 198);
}

#ast-desktop-header .ast-main-header-wrap{
    max-width: var(--wp--custom--ast-content-width-size);
    margin: auto;
}

.site-title a:focus, .site-title a, .site-title a:hover, .site-title a:visited{
    color:rgb(162, 0 , 3);
    font-size: 2.5rem;
}

.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link, .ast-builder-menu-1 .menu-item > .menu-link{
    color:rgb(51, 65, 85);
    font-size: 1.2rem;
}

.ast-logo-title-inline .ast-site-identity{
    /*display: none;*/
}

#masthead .ast-primary-header-bar{
    background: none;
    border: none;
}

/* mobile nav */
#ast-mobile-header .mobile-menu-toggle-icon .ast-mobile-svg{
    fill:rgb(51, 65, 85);
}

#ast-mobile-site-navigation .menu-item.current-menu-item > .menu-link{
    color:rgb(162, 0 , 3);
}

#ast-mobile-site-navigation .menu-item:hover > .menu-link:hover{
    color:rgb(162, 0 , 3);
}

/* home content */
.home .entry-title{
    display: none;
}

.hp_row{
    display: flex;
    padding: 90px 0 90px 0;
    border-bottom: 1px solid rgb(216, 218, 219);
}

.hp_row:last-of-type{
    border-bottom: none;
}

.hp_col{
    flex: 50%;
    margin-left: 60px;
}

.hp_col.img{
    flex: 35%;
    margin-top: 10px;
}

.hp_col.img img:nth-child(2){
    margin-top: 10px;
}

.hp_col:first-child{
    margin-left: 0;
}

.home .logos{
    display: flex;
    max-width: 525px;
    margin: 100px auto 40px auto;
}

.home .logos a{
    margin-left: 50px;
}

.home .logos a:first-child{
    margin-left: 0;
    margin-right: -25px;
}

.home .logos img{
    height: 75px;
    width: 150px;
    opacity: .45;
    transition: all .4s;
}

.home .logos img:hover{
    opacity: .7;
}

.site-footer-below-section-1{
    padding:0 15px 0 15px;
}

.ast-footer-copyright p{
    float: right;
}

.ast-footer-copyright .disclaimer{
    float: left;
    font-size: 12px;
    line-height: 18px;
    max-width: 600px;
    display: block;
    text-align: left;
}

.site-below-footer-wrap{
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}

#ast-scroll-top{
    background-color:#323233;
    transition: all .4s;
}

#ast-scroll-top:hover{
    background-color:rgb(162, 0 , 3);
}

/* mobile nav */

.ast-main-header-nav-open #masthead{
    height: 100%;
    background-color:rgba(0,0,0,.35);
    transition: all .3s;
}

@media screen and (max-width:921px){
    /* fix copyrite */
    .ast-footer-copyright .disclaimer, .ast-footer-copyright p{
        float:none;
        text-align: left;
    }

    .site-below-footer-wrap{
        padding-top: 10px!important;
        padding-bottom: 10px!important;
    }
}

@media screen and (max-width:785px){
    .home .logos img{
        height: auto;
    }
}


@media screen and (max-width:767px){
    .hp_row{
        flex-direction: column;
        padding: 30px 0 40px 0;
    }
    .hp_row:nth-child(even){
        flex-direction: column-reverse;
    }
    .img img{
        width: 100%;
    }
    .hp_col{
        margin-left: 0;
    }

    .banner h1{
        font-size: 2.5rem;
    }
}

@media screen and (max-width:480px){

    div.banner{
        height: 410px;
        background-position: -970px -240px;
        background-size: 2160px auto;
    }

    #main, .banner .banner_content{
        padding-top: 110px;
    }

    .banner h1{
        font-size: 2rem;
    }

    div.banner p{
        font-size: 2.5rem;
        margin-bottom: 20px;
    }

    .home .logos{
        flex-direction: column;
        margin: 70px auto auto auto;
    }

    .home .logos>a, .home .logos>a:first-child{
        margin: auto auto 30px auto;
    }
}