/********************************************************************
You can edit this file manually.
This file will load only on current template
*********************************************************************/
a h1, h1 a{
    color:black;
}
*{
        font-display: swap !important;
    font-family:Font1;
}
#edit *{
    font-family:monospace !important;
}
#footer{
    background:#203d31 !important;
    border-top:1px dashed;
}
footer a {
    color: #203d31;
    background: white;
    padding: 6px;
    border-radius: 6px;
}
@media (max-width: 767px) {
    h1,h2,h3,h4{
        font-weight:bold;
    }
    .mohtava h1.category_title, .mohtava h1.page_title{
        font-size:19px !important;
     
    }
    .mohtava h2{
        font-size:17px;
    }
       .mohtava h3{
        font-size:15px;
    }
           .mohtava h4{
        font-size:13px;
    }
    .mohtava p{
        font-size:15px;
    }
       .mohtava li{
        font-size:15px;
    }
    .mahsolcomment .comment1 {

    padding: 2%;
    display: grid;
    grid-template-columns: 1fr !important;
    justify-items: center;
    align-items: start;
}
section.relative {overflow: unset !important;}
}
h1,h2,h3,h4{
    font-weight:bold;
}
.bg-primary {background:#0d6efd !important;}
.bg-primary:hover {}
.bg-secondary {background:#6c757d !important;}
.bg-secondary:hover {}
.text-primary {color:#0d6efd !important;}
.text-primary:hover {}
.text-secondary {color:#6c757d !important;}
.text-secondary:hover {}
.border-primary {border-color:#0d6efd !important;}
.border-primary:hover {}
.border-secondary {border-color:#6c757d !important;}
.border-secondary:hover {}
.btn-primary {color:#fff !important;background:#0d6efd !important;border-color:#0d6efd !important;}
.btn-primary:hover {color:#fff !important;background:#0b5ed7 !important;border-color:#0a58ca !important;}
.btn-secondary {color:#fff !important;background:#6c757d !important;border-color:#6c757d !important;}
.btn-secondary:hover {color:#fff !important;background:#5c636a !important;border-color:#565e64 !important;}
.pbox{
    margin-top: 20px;
    text-align: center;
    background-color: #02A755;
    color: #fff;
    padding: 5px 8px 0 14px;
    font-size: smaller;
    border-radius: 4px;
}
.mohtava {
    text-align: justify;
    padding-top: 3%;
}
.image_giahan1{
    float: right;
    border-radius: 10px;
    margin-left: 2%;
    margin-bottom: 2%;
    width:687;
    height:432;
}
.ehtesasi1{
        margin: 0 0 0 3%;
}
.ehtesasi3{
    background:#02a755;
    padding: 2%;
}
a {
    color:#0D6EFD;
}

a:hover {
    color:#0D6EFD;
}

div.category_title, div.page_title {
    padding-bottom:4%;
}

h1.category_title, h1.page_title {
    FONT-SIZE: 50px;
    font-weight: bold;
    border-bottom: 3px solid #02a755;
}


.page_subtitle {
    
}

.page_image {
    
}

.page_lead {
    
}

.page_info {
    
}

.page_info a {
    
}
.btn1{
    position:relative;
    font-size: 16px;
    color:#fff;
    padding: 10px 20px;
    font-weight: 500;
    border-radius: 8px;
    transition: all 0.5s ease-in-out !important;
    z-index: 1;
    border: 2px solid #02a755;
    color:black;
}
.btn1:hover{
    color: #fff !important;
}
.btn1::before{
    content: "";
    position: absolute;
    background:#02a755 !important;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    transition: all .5s ease-in-out !important;
    z-index: -1;
    color:#ffffff !important;
}
.btn1:hover::before{
    width:100% !important;
}
#footer{
    background:#26b360 !important;
}