/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/

@font-face {
    font-family: AvenirNextLTPro;
    src: url(AvenirNextLTPro-Regular.otf);
    font-weight: normal;
}
@font-face {
    font-family: AvenirNextLTPro-Bold;  
    src: url(AvenirNextLTPro-Bold.otf);
    font-weight: bold;  
}
@font-face {
    font-family: AvenirNextLTPro-Demi;  
    src: url(AvenirNextLTPro-Demi.otf); 
    font-weight: 400;  
}
body, p{
    font-family: "AvenirNextLTPro", Arial, sans-serif !important;
}
h1, h2, h3, h4, h5, h6, a, button, header nav > ul > li >a{
    font-family: "AvenirNextLTPro-Bold", Arial, sans-serif !important;
}
.sub-menu a{
    font-family: "AvenirNextLTPro-Demi", Arial, sans-serif !important;
}

/******** BE Theme CSS Overwrite *******/

#Footer.full-width .container{
    max-width: 98%;
}
h1, h2, h3, h4, h5, h6, p{
    margin: 0;
    padding: 0;
}

/*Info Center CSS*/

#info-top-content-inner{
    width: 85%;
    margin: auto;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-column-gap: 40px;
}
#text-cont{
    display: grid;
    align-items: center;
}
#img-cont{
    padding: 40px 0;
}
.pt-15{
    padding-top: 15px;
}
#info-wrapper{
    padding: 50px 7%;
}
#info-container{
    display: grid;
    grid-template-columns: 25% 75%;
    grid-column-gap: 30px;
}
#info-filter-inner{
    padding:30px;
}
#info-filter{
    border: 1px solid #efefef;
    border-radius: 20px;
    box-shadow: 0px 4px 6px 2px #efefef;
}
#filter-partition{
    border-top: 1px solid #efefef;
    margin: 30px 5%;
}
#info-filter li{
    line-height: 30px;
}
#info-filter li a{
    font-family: "AvenirNextLTPro", Arial, sans-serif !important;
    color: #383838;
}
#info-content{
    border: 1px solid #efefef;
    border-radius: 20px;
    box-shadow: 0px 4px 6px 2px #efefef;
}
#info-content .post-item{
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
}
#info-content .post-item:last-child{
    border-bottom: none;
    padding-bottom: 0;
}
#info-content-inner{
    padding:30px;
}
#info-subscribe{
    border: 1px solid #efefef;
    border-radius: 20px;
    box-shadow: 0px 4px 6px 2px #efefef;
}
#info-subscribe-inner{
    padding:30px;
}
#subs-top-text{
    color: #88a13b;
    padding-bottom: 20px;
    font-family: "AvenirNextLTPro-Demi", Arial, sans-serif !important;
    text-align: center;
}
#subs-bottom-text{
    font-size: 14px;
    color: #383838;
    text-align: center;
}
#subs-email-box{
    border-radius: 10px;
}
#subs-submit-btn{
    font-family: "AvenirNextLTPro-Bold", Arial, sans-serif !important;
    background: #88a13b;
    border-radius: 10px;
    width: 100%;
}
#info-pagination{
    padding-bottom: 100px;
}
#info-pagination .pager a{
    color: #88a13b;
}
#info-pagination .pager a:hover{
    background: #88a13b;
    color: #fff;
}
#info-pagination .pages a.active{
    color: #fff !important;
    background: #88a13b;
}
#info-content-inner .post-desc{
    display: grid;
}
#info-content-inner .post-desc .post-head{
    grid-row-start: 3;
}
#info-content-inner .post-desc .post-title{
    grid-row-start: 1;
}
#info-content-inner .post-desc .post-excerpt{
    grid-row-start: 2;
    padding: 10px 0;
}
.photo .post-desc-wrapper {
    text-align: left !important;
}
.post-head .author{
    display: none;
}
.post-head .post-categories a{
    font-family: "AvenirNextLTPro", Arial, sans-serif !important;
}
.post-footer{
    display: none !important;
}
@media only screen and (max-width: 1240px){
    #info-container{
        grid-template-columns:  auto;
        grid-row-gap: 30px;
    }
}
@media only screen and (max-width: 999px){
    #info-top-content-inner{
        grid-template-columns: 100%;
    }
    #text-cont{
        grid-row-start: 2;
        text-align: center;
    }
    #img-cont{
        grid-row-start: 1;
    }
}
@media only screen and (max-width: 768px){
    #info-filter{
        display: none;
    }
    .mob-tags-cats{
        display: grid;
        grid-template-columns: auto auto auto;
        gap: 10px;
        justify-content: center;
    }
    .mob-tags-cats a{
        border: 1px solid #ddd;
        border-radius: 5px;
        padding: 5px 10px;
        font-size: 12px;
        color: #88a13b;
        width: auto;
        text-align: center;
        text-decoration: none;
    }
    .mob-tags-cats a:hover{
        text-decoration: none;
    }
    .mob-tags-cats .current-cat{
        background: #88a13b;
        color: #fff;
    }
    #mob-tags-cats-container h3{
        margin: 20px 0 10px 0;
        text-align: center;
    }
}
@media only screen and (min-width: 769px){
    #mob-tags-cats-container{
        display: none;
    }
}