/*
Theme Name: Charitxa Child Theme
Theme URI: http://charitxa.lohatheme.com
Description: This is child theme of Charitxa
Author: Lohatheme
Author URI: https://themeforest.net/user/lohatheme
Version: 1.0
Text Domain: charitxa-child
Template: charitxa
*/

/* ========TABLE OF CONTENTS==========
00. Body, links, hgroup, paragraphs, general styles
01. Fixed header & Navigation
02. Section Intro (Home)
03. Section About
04. Section Resume
05. Section Portfolio
06. Section Blog
07. Section Contact
08. Footer
09. Loader
10. Responsive design

/*--------------------------------------------------
    00. Body, links, hgroup, paragraphs, general styles
---------------------------------------------------*/
header .logo img{
    max-width: 100%;
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    height: auto;
}
.header-top ul li b{
    margin: 0 5px;
}
.main-menu .navbar-collapse li.current > a, 
.main-menu .navbar-collapse li.current-menu-item > a {
    color: var(--primary-color);
}
.home-two .header-inner .menu-btns .fas.fa-shopping-bag,
.home-three .header-inner .menu-btns .fas.fa-shopping-bag{
    color: #fff;
}
.stButton .stButton_gradient{
    height: 21px !important;
}
.st_instagram_hcount .stButton_gradient{
    padding: 0!important;
}
.st_instagram_hcount .stArrow{
    line-height: 21px!important;
}
.stMainServices,
.stButton_gradient{
    width: 22px!important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.chicklets.instagram{
    width: 22px!important;
}
.stButton .chicklets{
    width: 20px;
    overflow: hidden;
    display: -webkit-inline-box;
    height: 20px;
    line-height: 21px;
}
.social-style-two > span.link{
    margin-bottom: 15px;
}
.social-style-four > span.link{
    margin-bottom: 10px;
}
.before-author{
    margin-right: 5px;
}
.comment-form-cookies-consent,
.required-field-message{
    display: none;
}
a.comment-reply-link{
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 16px;
    padding: 5px 22px;
    border-radius: 25px 0;
    background: var(--yellow-color);
    font-weight: 700;
    color: var(--heading-color);
    font-family: "PT Sans", sans-serif;
}
blockquote p{
    margin-bottom: 0;
}

.widget-recent-post ul li .content .date{
    font-size: 15px;
    font-style: italic;
}
.widget-recent-post ul li .content i {
    font-size: 15px;
    margin-right: 5px;
    color: var(--primary-color);
}
#cancel-comment-reply-link{
    border: 1px solid var(--yellow-color);
    background: var(--yellow-color);
    border-radius: 4px;
    text-transform: none;
    padding: 6px 15px;
    font-weight: 700;
    font-size: 14px;
    font-size: 15px;
    position: absolute;
    right: 0;
    top: 18px;
}
.comment-respond:has(#cancel-comment-reply-link) .comment-title{
    position: relative;
}
@media(max-width: 767px){
    .comment-respond:has(#cancel-comment-reply-link) h4{
        margin-bottom: 80px;
    }
    .comment-respond h4:has(small a[style="display:none;"]){
        margin-bottom: 15px!important;
    }
}
@media (max-width: 767px){
    #cancel-comment-reply-link{
        margin-top: 55px;
    }
}
.event-item .admin-heart li img{
    border-radius: 50%;
}
.footer-newsletter form > div > p{
    display: flex;
    margin-top: 28px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 60px;
    border-radius: 20px;
    border: 2px solid rgba(255, 255, 255, 0.5);
}
.footer-newsletter form .theme-btn {
    width: auto;
    transition: 0.5s;
    font-weight: 700;
    text-align: center;
    padding: 16px 23px;
    position: absolute;
    right: 0;
    z-index: 2;
    color: var(--heading-color);
    background: var(--yellow-color);
}
.footer-newsletter form .theme-btn:hover {
    color: #fff;
    background: var(--primary-color);
}
.footer-newsletter form input.wpcf7-email{
    height: 59px;
    color: #fff;
}
.footer-newsletter .wpcf7-not-valid-tip {
    color: #fff;
    font-size: 16px;
    position: absolute;
    margin-left: -87px;
    font-weight: normal;
    margin-top: 10px;
}
.footer-newsletter .wpcf7 form.invalid .wpcf7-response-output {
    border-color: #fff;
    color: #fff;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 60px;
    font-size: 16px;
}
.footer-newsletter .wpcf7-spinner{
    position: absolute;
}
#contact-form input.wpcf7-submit{
    color: white;
    background: var(--primary-color);
    transition: 0.5s;
    font-weight: 700;
    text-align: center;
    padding: 15px 38px;
    -webkit-box-align: center;
    width: auto;
}
#contact-form > p br{
    display: none;
}
#contact-form .wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 16px;
    margin-bottom: 15px;
}
.contact-us-page .wpcf7 form.invalid .wpcf7-response-output{
    margin-left: 0;
    margin-right: 0;
    border-color: #66667a;
    font-size: 16px;
}
.newsletter-area form > div > p{
    display: flex;
    overflow: hidden;
    border-radius: 10px;
    width: 100%;
}
.newsletter-area form > div > p .wpcf7-form-control-wrap{
    width: 100%;
}
.newsletter-area form > div > p br{
    display: none;
}
.newsletter-area form input[type="email"]{
    border-radius: 10px;
}
.newsletter-area form input.wpcf7-submit{
    color: var(--primary-color);
    background: var(--yellow-color);
    transition: 0.5s;
    font-weight: 700;
    text-align: center;
    padding: 15px 38px;
    -webkit-box-align: center;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    right: 0;
    height: 71.6px;
    width: auto;
}
.newsletter-area form input.wpcf7-submit:hover{
    color: white;
    background: var(--primary-color);
}
.newsletter-area form .wpcf7-spinner{
    position: absolute;
}
.newsletter-area .wpcf7-not-valid-tip {
    color: #fff;
    font-size: 16px;
    margin-top: 10px;
}
.newsletter-area .wpcf7 form.invalid .wpcf7-response-output {
    border-color: #fff;
    color: #fff;
    margin-left: 0;
    margin-right: 0;
    font-size: 16px;
}
.newsletter-area-two input.wpcf7-submit{
    color: white;
    background: var(--primary-color);
    transition: 0.5s;
    font-weight: 700;
    text-align: center;
    -webkit-box-align: center;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "PT Sans", sans-serif;
    text-transform: capitalize;
    position: absolute;
    width: auto;
    right: 0;
    border: 1px solid var(--primary-color);
    top: 0;
}
.newsletter-area-two .wpcf7-spinner{
    position: absolute;
    right: 0;
    top: 0;
}
.newsletter-area-two form > div > p{
    margin-bottom: 0;
}
.newsletter-area-two .wpcf7-not-valid-tip{
    color: #fff;
    margin-top: 10px;
    font-size: 16px;
}
.newsletter-area-two .wpcf7 form.invalid .wpcf7-response-output,
.newsletter-area-two .wpcf7 form.unaccepted .wpcf7-response-output, 
.newsletter-area-two .wpcf7 form.payment-required .wpcf7-response-output{
    border-color: #fff;
    color: #fff;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
.search-custom.search-no-result{
    background: var(--lighter-color);
    padding: 40px;
    border-radius: 30px;
}
.search-custom h4{
    margin-bottom: 30px;
}
.search-custom form{
    padding: 0;
}
.search-custom form input{
    border-radius: 20px;
}
.search-custom form button{
    display: block!important;
    padding: 8px 12px;
    -webkit-appearance: none;
    background: url(../charitxa/assets/images/search.png) no-repeat right;
    background-position-x: 50%;
    background-color: var(--primary-color);
    height: 70px;
    width: 70px;
    image-rendering: auto;
    background-size: 16px;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
@media(max-width: 991px){
    .newsletter-area form input.wpcf7-submit{
        height: auto;
    }
}
@media(max-width: 500px){
    .comment-titl h4,
    .comment-respond h4{
        font-size: 25px;
    }
}
/*-------donatemodal------*/
.donatemodal .give-form-wrap{
    position: relative;
    border-radius: 30px;
    background: var(--lighter-color);
    padding: 85px;
}
.donate-form-area .give-form-wrap{
    position: relative;
    border-radius: 10px;
    background: #f9f9f9;
    padding: 85px 130px 65px 230px;
}
.donate-form-area-two .give-form-wrap{
    position: relative;
    background-image: url(../charitxa/assets/images/background/donation-form-bg.jpg);
    padding: 85px 130px 65px 230px;
}

form.give-form .form-row input[type=text],
form.give-form .form-row input[type=email]{
    width: 100%;
    height: auto;
    padding: 15px 30px;
    background-color: #fff;
    border: 1px solid var(--border-color);
    border-radius: 10px;
}
.donatemodal .give-form-wrap form ul li button{
    height: auto;
    padding: 15px 33.5px;
    background-color: #fff;
    border: 1px solid var(--border-color);
    border-radius: 10px;
}
.donate-form-area .give-form-wrap form ul li button,
.donate-form-area-two .give-form-wrap form ul li button{
    width: 100%;
    height: auto;
    padding: 18px;
}
.donate-form-area .give-form-wrap form ul li button{
    background-color: #e7e2e8;
    border-radius: 10px;
    border: 1px solid var(--border-color);
}
.donate-form-area-two .give-form-wrap form ul li button{
    background: rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0);
}
.donatemodal .give-form-wrap form ul li:last-child,
.donate-form-area .give-form-wrap form ul li:last-child,
.donate-form-area-two .give-form-wrap form ul li:last-child{
    margin-right: 0!important;
}
.donate-form-area .give_error.give_warning,
.donate-form-area-two .give_error.give_warning{
    display: none;
}
.donate-form-area .give-form-title{
    font-size: 45px;
}
.give-donation-amount{
    display: flex;
}
form[id*=give-form] .give-donation-amount .give-currency-symbol.give-currency-position-before{
    height: auto;
    padding: 15px 30px;
    background-color: #fff;
    border: 1px solid var(--border-color);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
form[id*=give-form] .give-donation-amount #give-amount{
    width: 95%;
    height: auto;
    padding: 15px 30px;
    background-color: #fff;
    border: 1px solid var(--border-color);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.donate-form-area-two form[id*=give-form] .give-donation-amount #give-amount{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.donatemodal form ul li button.give-default-level,
.donate-form-area-two form ul li button.give-default-level{
    background: var(--yellow-color);
    color: #fff;
}
.donate-form-area form ul li button.give-default-level{
    background: var(--secondary-color);
    color: #fff;
}
.donatemodal form ul li button.give-btn-level-custom{
    background-color: #fff;
} 
.donate-area-form{
    position: relative;
}
.contri-btn{
    position: absolute;
    right: 145px;
    width: auto;
    height: 66px;
    padding: 15px 20px;
    color: #fff;
    font-weight: 700;
}
.donate-form-area .contri-btn{
    top: 205px;
    background: var(--primary-color);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.donate-form-area-two form[id*=give-form] .give-donation-amount .give-currency-symbol.give-currency-position-before,
.donate-form-area-two form .form-row input[type=text],
.donate-form-area-two form.give-form .form-row input[type=email]{
    border-radius: 0;
}
.donate-form-area-two .contri-btn{
    top: 210.5px;
    background: var(--yellow-color);
}
.loadless-btn{
    position: absolute;
    bottom: 90px;
    right: 146px;
    width: auto;
    height: 53px;
    padding: 10px 20px;
    background: var(--primary-color);
    color: #fff;
    border-radius: 10px;
    font-weight: 700;
}
.donate-form-area-two .loadless-btn{
    background: var(--yellow-color);
    border-radius: 0;
}
.donate-form-area #give-payment-mode-select,
.donate-form-area-two #give-payment-mode-select,
.donate-form-area #give_purchase_form_wrap,
.donate-form-area-two #give_purchase_form_wrap{
    display: none;
}
.loadless,
.loadless-hide{
    display: none;
}
.loadmore{
    display: unset!important;
}
.donate-form-area #give-donation-level-button-wrap>li ,
.donate-form-area-two #give-donation-level-button-wrap>li {
    margin: 0 7px 7px 0;
}
.donate-form-area #give-donation-level-button-wrap>li .give-btn,
.donate-form-area-two #give-donation-level-button-wrap>li .give-btn {
    padding: 18px 31px;
}
.donate-form-area #give-donation-level-button-wrap>li:nth-last-child(3),
.donate-form-area-two #give-donation-level-button-wrap>li:nth-last-child(3) {
    margin-right: 0;
}
.donate-form-area .give-btn-level-custom ,
.donate-form-area-two .give-btn-level-custom {
    padding: 18px 121px!important;
}
form.give-form .form-row label{
    display: none!important;
}
.give-form-wrap fieldset input.give-submit{
    font-weight: 700;
    text-align: center;
    -webkit-box-align: center;
    color: white;
    background: var(--primary-color);
    width: auto;
    border-radius: 10px;
    padding: 15px 30px;
}
.donate-form-area-two .give-form-wrap fieldset input.give-submit{
    background: var(--yellow-color);
    border-radius: 0;
}
.give-form-wrap fieldset input.give-submit:hover{
    color: var(--heading-color);
    background: var(--yellow-color);
}
fieldset#give-payment-mode-select {
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin-bottom: 15px;
}
#give-payment-mode-wrap{
    padding-bottom: 15px;
}
form[id*=give-form] #give-final-total-wrap .give-donation-total-label,
form[id*=give-form] legend{
    font-weight: 700;
    color: var(--heading-color);
    font-size: 24px;
    border: none;
    padding-left: 0;
}
form[id*=give-form] #give-final-total-wrap .give-final-total-amount {
    color: var(--primary-color);
    font-size: 24px;
    font-weight: 700;
    border: none;
    background: none;
}
.donate-form-area-two form[id*=give-form] #give-final-total-wrap .give-donation-total-label,
.donate-form-area-two form[id*=give-form] legend{
    background-color: unset;
}
.donate-form-area-two form[id*=give-form] #give-final-total-wrap .give-final-total-amount {
    color: var(--yellow-color);
}
@media(min-width: 1200px){
    .donate-form-area .give-form-wrap:before{
        left: 130px;
        line-height: 1;
        font-size: 65px;
        font-weight: 300;
        content: "\f4c0";
        position: absolute;
        color: var(--secondary-color);
        font-family: 'Font Awesome 5 Pro';
    }
    .donate-form-area-two .give-form-wrap:before {
        left: 130px;
        line-height: 1;
        font-size: 65px;
        font-weight: 300;
        content: "\f4c0";
        position: absolute;
        color: #fff;
        font-family: 'Font Awesome 5 Pro';
    }
}
@media (max-width: 1199px){
    .donatemodal .give-form-wrap form ul li button{
        padding: 15px 25px;
    }
    .donate-form-area .give-form-wrap,
    .donate-form-area-two .give-form-wrap {
        padding-left: 130px;
    }
    .donate-form-area .give-btn-level-custom, 
    .donate-form-area-two .give-btn-level-custom {
        padding: 18px 153px!important;
    }
    .donate-form-area #give-donation-level-button-wrap>li, 
    .donate-form-area-two #give-donation-level-button-wrap>li {
        margin: 0 8px 8px 0;
    }
    .donate-form-area #give-donation-level-button-wrap>li .give-btn, 
    .donate-form-area-two #give-donation-level-button-wrap>li .give-btn {
        padding: 18px 41.3px;
    }
}
@media (max-width: 991px){
    .donatemodal .give-form-wrap form ul li button{
        padding: 15px 25px;
    }
    .donate-form-area .give-form-wrap,
    .donate-form-area-two .give-form-wrap {
        padding: 55px;
    }
    .donate-form-area .contri-btn {
        top: 174px;
    }
    .donate-form-area-two .contri-btn {
        top: 180.5px;
    }
    .contri-btn {
        right: 70px;
    }
    .loadless-btn {
        bottom: 80px;
        right: 70px;
    }
    .donate-form-area #give-donation-level-button-wrap>li .give-btn, 
    .donate-form-area-two #give-donation-level-button-wrap>li .give-btn {
        padding: 18px 40px;
    }
    .donate-form-area .give-btn-level-custom, 
    .donate-form-area-two .give-btn-level-custom {
        padding: 18px 149px!important;
    }
}
@media (max-width: 768px){
    .donate-form-area .contri-btn {
        top: 258px;
    }
    .donate-form-area-two .contri-btn {
        top: 270.5px;
    }
    .donate-form-area #give-donation-level-button-wrap>li .give-btn, 
    .donate-form-area-two #give-donation-level-button-wrap>li .give-btn {
        padding: 18px 17.5px;
    }
    .donate-form-area .give-btn-level-custom, 
    .donate-form-area-two .give-btn-level-custom {
        padding: 18px 82px!important;
    }
}
@media (max-width: 576px){
    .donate-form-area .give-form-wrap,
    .donate-form-area-two .give-form-wrap {
        padding: 80px;
    }
    .contri-btn{
        bottom: 80px;
        top: unset!important;
        left: 95px;
        right: unset; 
    }
    .donate-form-area .give-form-wrap, 
    .donate-form-area-two .give-form-wrap {
        padding-bottom: 129px;
    }
    .donate-form-area #give-donation-level-button-wrap>li .give-btn, 
    .donate-form-area-two #give-donation-level-button-wrap>li .give-btn {
        padding: 18px 26.5px;
    }
    .donate-form-area #give-donation-level-button-wrap>li:nth-last-child(2) .give-btn, 
    .donate-form-area #give-donation-level-button-wrap>li:nth-last-child(3) .give-btn, 
    .donate-form-area-two #give-donation-level-button-wrap>li:nth-last-child(2) .give-btn ,
    .donate-form-area-two #give-donation-level-button-wrap>li:nth-last-child(3) .give-btn {
        padding: 18px 51px;
    }
    .donate-form-area #give-donation-level-button-wrap>li:nth-last-child(3),
    .donate-form-area-two #give-donation-level-button-wrap>li:nth-last-child(3) {
        margin-right: 8px;
    }
    .donate-form-area #give-donation-level-button-wrap>li:nth-last-child(4),
    .donate-form-area #give-donation-level-button-wrap>li:nth-last-child(2),
    .donate-form-area-two #give-donation-level-button-wrap>li:nth-last-child(4),
    .donate-form-area-two #give-donation-level-button-wrap>li:nth-last-child(2) {
        margin-right: 0;
    }
    .donate-form-area .give-btn-level-custom, 
    .donate-form-area-two .give-btn-level-custom {
        padding: 18px 109px!important;
    }
}
@media (max-width: 500px){
    .donatemodal .give-form-wrap {
        padding: 25px;
    }
    .donate-form-area .give-form-wrap,
    .donate-form-area-two .give-form-wrap {
        padding: 20px 20px 69px 20px;
    }
    .contri-btn{ 
        bottom: 20px;  
        left: 35px;
    }
    h2.give-form-title{
        font-size: 30px;
    }
}
@media (max-width: 400px){
    .donate-form-area .give-form-wrap,
    .donate-form-area-two .give-form-wrap {
        padding: 10px 10px 59px 10px;
    }
    .contri-btn{ 
        bottom: 10px;   
        left: 25px;
    }
    .donate-form-area #give-donation-level-button-wrap>li .give-btn, 
    .donate-form-area-two #give-donation-level-button-wrap>li .give-btn {
        padding: 18px 23.5px;
    }
    .donate-form-area #give-donation-level-button-wrap>li:nth-last-child(2) .give-btn, 
    .donate-form-area #give-donation-level-button-wrap>li:nth-last-child(3) .give-btn, 
    .donate-form-area-two #give-donation-level-button-wrap>li:nth-last-child(2) .give-btn, 
    .donate-form-area-two #give-donation-level-button-wrap>li:nth-last-child(3) .give-btn {
        padding: 18px 46px;
    }
}
@media (max-width: 360px){
    .donate-form-area #give-donation-level-button-wrap>li .give-btn, 
    .donate-form-area-two #give-donation-level-button-wrap>li .give-btn {
        padding: 18px 21px;
    }
    .donate-form-area #give-donation-level-button-wrap>li:nth-last-child(2) .give-btn, 
    .donate-form-area #give-donation-level-button-wrap>li:nth-last-child(3) .give-btn, 
    .donate-form-area-two #give-donation-level-button-wrap>li:nth-last-child(2) .give-btn, 
    .donate-form-area-two #give-donation-level-button-wrap>li:nth-last-child(3) .give-btn {
        padding: 18px 42.5px;
    }
    .donate-form-area-two .give-btn-level-custom {
        padding: 18px 92px!important;
    }
}
@media (max-width: 300px){
    .donate-form-area #give-donation-level-button-wrap>li .give-btn, 
    .donate-form-area-two #give-donation-level-button-wrap>li .give-btn {
        padding: 18px 7px;
    }
    .donate-form-area #give-donation-level-button-wrap>li:nth-last-child(2) .give-btn, 
    .donate-form-area #give-donation-level-button-wrap>li:nth-last-child(3) .give-btn, 
    .donate-form-area-two #give-donation-level-button-wrap>li:nth-last-child(2) .give-btn, 
    .donate-form-area-two #give-donation-level-button-wrap>li:nth-last-child(3) .give-btn {
        padding: 18px 21.5px;
    }
    .donate-form-area-two .give-btn-level-custom {
        padding: 18px 50px!important;
    }
    form[id*=give-form] .give-donation-amount .give-currency-symbol.give-currency-position-before {
        padding: 15px 10px;
    }
    form[id*=give-form] .give-donation-amount #give-amount {
        width: 78%;
    }
    .donatemodal .give-form-wrap {
        padding: 10px;
    }
    .donatemodal .give-form-wrap form ul li button {
        padding: 15px;
    }
    .donatemodal .give-btn-level-custom {
        padding: 15px 25px!important;
    }
    .donatemodal .give-form-wrap form ul li:nth-last-child(2) button {
        padding: 15px 55px!important;
    }
    .donatemodal .give-form-wrap form ul li:nth-last-child(3) button {
        padding: 15px 10px!important;
    }
}
/*-------woocommerce------*/
.product-social.mb-30 br{

    display: none!important;

}

.woocommerce .quantity .qty{

    width: 100px;

}

.woocommerce div.product form.cart div.quantity{

    margin-right: 10px;

}

.woocommerce div.product p.price, .woocommerce div.product span.price{

    margin-right: 10px;

    color: #222;

    font-size: 20px;

}

a.woocommerce-review-link{

    color: #222;

    font-size: 17px;

}

.woocommerce .star-rating{

    float: none;

    width: 74px;

}

.woocommerce .star-rating:before{

    content: none;

}

.woocommerce .star-rating span{

    color: #df4243;

}

.review-box  h3 {

    font-size: 18px!important;
    font-family: 'Lato';
    font-weight: 700;
    margin-bottom: 20px!important;

}
.woocommerce .comment-respond .nice-select{
    margin-bottom: 20px;
}
p.comment-form-rating label{

    color: #414149;

    font-size: 16px;

}

form p.stars{

    display: inline-block;

    line-height: 18px;

    margin-left: 10px;

    font-size: 16px;

}

.woocommerce p.stars a{

    color: #df4243;

}

.woocommerce .comment-form label{

    display: block;

    color: #414149;

    font-size: 16px;

    margin-bottom: 15px;

}

.comment-form-comment textarea {

    border: 1px solid #eaeaea;

    height: 80px;

    margin-bottom: 25px;

    padding: 15px;

    width: 100%;

}

.woocommerce #respond input#submit{

    background: #ff5b67;

    border: medium none;

    color: #fff;

    display: inline-block;

    font-size: 13px;

    font-weight: 700;

    margin-bottom: 0;

    text-align: center;

    text-transform: uppercase;

    touch-action: manipulation;

    transition: all 0.3s ease 0s;

    vertical-align: middle;

    white-space: nowrap;

    font-family: 'Rubik', sans-serif;

    letter-spacing: 2px;

    border-radius: 30px;

    width: 30%;

}

.woocommerce #respond input#submit:hover{

    background: #272063;

    color: #fff;

}

.woocommerce p.comment-form-comment,

.woocommerce p.comment-form-author,

.woocommerce p.comment-form-email

{

    margin-bottom: 0;

}

.woocommerce .comment-form input{

    border: 1px solid #eaeaea;

    height: 40px;

    margin-bottom: 20px;

    padding: 0 15px;

    width: 100%

}

.woocommerce .comment-form-rating label{

    display: inline-block;

}

p.comment-notes{

    display: none;

}

.woocommerce .woocommerce-product-rating .star-rating{

    width: 85px;

}

.woocommerce div.product p.price del{

    text-decoration: line-through;

    margin-right: 10px;

    font-size: 20px;

}

.woocommerce div.product p.price ins{

    margin-right: 10px;

    color: #222;

    font-size: 20px;

    font-weight: normal;

    text-decoration: none;

    float: left;

}

.woocommerce div.description >p{

    margin-bottom: 0;

}

.pro-filter select{

    width: 240px;

}

.product-item  .sale{

    
    position: absolute;
    background-color: var(--primary-color);
    color: #fff;
    top: 15px;
    padding: 3px 10px;
    font-size: 13px;
    border-radius: 20px;

}

.woocommerce .woocommerce-ordering{

    margin: 0;

}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{

    height: 50px;

    width: 50px;

    background: #f4f7ff;

    color: #272063;

    font-size: 14px;

    font-weight: 500;

    border-radius: 50%;

    line-height: 37px;

    margin: 0 4px;

    display: inline-block;

    text-align: center;

    font-family: 'Rubik', sans-serif;

}

.woocommerce nav.woocommerce-pagination ul li,

.woocommerce nav.woocommerce-pagination ul{

    border:none;

}

.woocommerce nav.woocommerce-pagination ul li span.current{

    line-height: 37px;

}

.woocommerce nav.woocommerce-pagination ul li a:hover {

    background: #ff5b67;

    color: #ffffff;

}

.woocommerce .btn {
    background: var(--primary-color);
    border: medium none;
    color: #fff;
    display: inline-block;
    font-size: 13px!important;
    font-weight: 500;
    margin-bottom: 0;
    padding: 18px 44px!important;
    text-align: center;
    text-transform: uppercase;
    touch-action: manipulation;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    font-family: 'Rubik', sans-serif;
    letter-spacing: 2px;
    border-radius: 30px;
    width: auto;
}
.woocommerce .actions input{
    width: auto;
}
.woocommerce .cart-plus-minus input{
    width: auto;
}
.woocommerce .mt-10 .btn{

    padding: 9px 11px!important;
    background: var(--primary-color);
    color: #fff;

}
.woocommerce a.added_to_cart{

    color: #fff;

    font-size: 13px;

    font-weight: 500;

    margin-bottom: 0;

    text-align: center;

    text-transform: uppercase;

    transition: all 0.3s ease 0s;

    vertical-align: middle;

    white-space: nowrap;

    font-family: 'Rubik', sans-serif;

    letter-spacing: 2px;

    border-radius: 30px;

    background-color: #272063;

    padding: 9px 11px;

}

.woocommerce .btn:focus{

    box-shadow: none;

    color: #fff;

}

.product-action.text-center a.woocommerce-LoopProduct-link{

    display: none;

}

.table-bordered.dlab-cart-tbl {

    width: 100%;

}

.dlab-cart-tbl {

    text-align: center;

}

thead.bg-primary {

    background-color: #272063!important;

}

.table-bordered.dlab-cart-tbl th {

    padding: 15px;

    color: #fff;

    border-color: rgba(0, 0, 0, 0.05);

}

.product-thumbnail img {

    margin: 25px auto;

}

.woocommerce .product-name a {

    font-size: 18px;

    margin-bottom: 0;

    text-transform: capitalize;

    font-weight: 500;

    letter-spacing: -.3px;

    color: #272063;

}

.product-remove a.remove {

    margin-left: auto;

    margin-right: auto;

    color: #272063!important;

}

.woocommerce a.remove:hover {

    background-color: #272063!important;

}

.dlab-cart-tbl td.actions {

    padding: 15px;

}

.woocommerce .coupon {

    float: left;

}

input.input-text, textarea.input-text, .woocommerce form .form-row select {

    border: 1px solid #ddd;

    padding: 10px;

}

.apply_coupon, .update_cart {

    line-height: 14px;

    margin-left: 10px;

}

.update_cart {

    float: right;

}

.cart_totals > h2 {

    font-weight: 600;

    font-size: 24px;

    margin: 20px auto;

}

.cart-subtotal th, .order-total th {

    border-right: 1px solid #ddd!important;

}

.cart_totals table tbody tr td {

    text-align: center;

    padding-top: 10px!important;

}

.woocommerce form .col2-set, .woocommerce form .col-sm-4 {

    float: left;

}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {

    width: 100%;

    max-width: 100%;

}

.woocommerce form .form-row .select2-container {

    line-height: 2.6em;

}

textarea.input-text {

    height: 90px!important;

    border-radius: 5px;

}

input.input-text, textarea.input-text, .woocommerce form .form-row select {

    border: 1px solid #ddd;

    padding: 10px;

}

.order-total strong {

    font-weight: 700;

}

.cart_item td.product-name ,

.woocommerce-checkout-review-order-table th.product-name{

    border-right: 1px solid #ddd!important;

}

.social-icon-right br,

.instagram br{

    display: none;

}

.woocommerce .newsletter-2-wrapper .newsletter-form form input.btn{

    right: 7px;

    top: 6px;

    background: #ff5b67;

    padding: 14px 44px;

}

.woocommerce .newsletter-2-wrapper .newsletter-form form input.btn:hover {

    background: #272063;

}

.woocommerce .newsletter-2-wrapper .newsletter-form div.wpcf7-mail-sent-ok,

.woocommerce .newsletter-2-wrapper .newsletter-form div.wpcf7-validation-errors{

color: #fff;

}

p.cart-empty{

    font-size: 18px;

}

.woocommerce p{

    letter-spacing: 0.4px;

    color: #444;

}

.blog-meta span{

    text-transform: capitalize;

}

.copyright p {

    color: #272063;

}

.footer-bottom-border-2 .copyright p{

    color: #a8a2df;

}

.footer-menu li a{

    color: #272063;

}

.widget_text li a span.f-right {

    width: 27px;

    height: 27px;

    display: inline-block;

    background-color: #e8effb;

    text-align: center;

    line-height: 27px;

    font-size: 12px;

    color: #223543;

    -webkit-text-fill-color: #223543;

    -webkit-transition: all 0ms linear 0ms;

    -khtml-transition: all 0ms linear 0ms;

    -moz-transition: all 0ms linear 0ms;

    -ms-transition: all 0ms linear 0ms;

    -o-transition: all 0ms linear 0ms;

    transition: all 0ms linear 0ms;

    float: right;

}

.woocommerce .features-list li {

    color: #272063;

}

.woocommerce .team-active.owl-carousel .owl-item img{

    max-height: 220px;

}
.copyright.text-md-center p{
    text-align: left;
}
.woocommerce p.form-submit{
    padding:0 15px;
}
@media (max-width: 968px){
.conatct-post-form {
    padding: 35px 20px;
}
.woocommerce ul.footer-img{
    overflow: hidden;
    max-width: 260px;
}
.woocommerce ul.footer-img img{
    width: auto;
}
.product-wrapper .product-img{
    max-width: 270px;
    margin: 0 auto;
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{
    float: none;
    text-align: center;
}
.product-showing{
    text-align: center;
}
.woocommerce .woocommerce-result-count{
    float: none;
}
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0px!important;
}


.woocommerce .logo img{
    max-width: 160px;
}

.pro-comments-img{
    float: none;
}
.pro-comments-img img{
    width: 100px !important;
    height: auto!important;
    float: left;
}
.product-commnets-list .pro-commnets-text{
    padding-left: 120px;
}
@media (min-width: 576px){
    .col-sm-8 {
        width: 66.66666667%!important; 
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .col-sm-4 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
}
.woocommerce-info:has(.showlogin){
    display: none;
}
.woocommerce .product-item .image img{
    max-width: 100%;
    width: 100%;
    height: auto;
    max-height: 300px!important;
}
.woocommerce .woocommerce-ordering div.nice-select{
    display: none;
}
.woocommerce .pro-filter{
    margin-right: 20px!important;
}
.woocommerce .woocommerce-ordering select.orderby{
    display: block!important;
    padding: 17px 30px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 1;
    color: #6f7172;
    appearance: none;
    -moz-appearance: none;
    font-weight: 500;
    padding-right: 30px;
}
.woocommerce .masonry{
    margin-top: 40px;
}
.woocommerce .plus-minus{
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 1px;
}
.woocommerce .nav.review-tab {
    border-bottom: 1px solid #e5e5e5;
}
.woocommerce .nav-link{
    padding-left: 0;
    color: #444;
    font-weight: 700;
}
.woocommerce .review-tab li:has(.nav-link.active){
    border-bottom: 2px solid var(--primary-color);
}
.woocommerce .product-details h1,
.woocommerce .tab-content h2{
    font-size: 35px;
}
.woocommerce .product-details h2.m-tb10{
    font-size: 22px;
}
.woocommerce .pro-commnets-text h4{
    font-size: 17px;
}
.woocommerce .pro-commnets-text h4 span{
    font-size: 14px;
    margin-bottom: 10px;
}
/* TEST */
.wp-caption-text , .gallery-caption , .bypostauthor , .sticky{
    color: var(--heading-color);
    font-weight: 600;
}
.alignright,
.wp-block-image .alignright
{
    float: right;
    margin-left: 25px;
    margin-top: 7px;
}
.alignleft,
.wp-block-image .alignleft{
    float: left;
    margin-right: 20px;
    margin-top: 7px;
}
.wp-caption.aligncenter {
    width: 100% !important;
    text-align: center;
}
.screen-reader-text {
    display: none;
}
@media (min-width: 600px){
.wp-block-gallery.columns-3.alignfull .blocks-gallery-image, .wp-block-gallery.columns-3.alignfull .blocks-gallery-item {
    width: calc((100% - 46px)/3)!important;
    margin-right: 15px!important;
}
.wp-block-gallery.columns-4 li.blocks-gallery-item {
    width: calc(24% - 0.75em)!important;
    margin-right: 1em!important;
}
.blocks-gallery-grid.columns-5 .blocks-gallery-image, .blocks-gallery-grid.columns-5 .blocks-gallery-item, .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item {
    width: calc(19% - 0.8em)!important;
    margin-right: 1em!important;
}
.blocks-gallery-grid.columns-6 .blocks-gallery-image, .blocks-gallery-grid.columns-6 .blocks-gallery-item, .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item {
    width: calc(16% - 0.83333em)!important;
    margin-right: 1em!important;
}
.blocks-gallery-grid.columns-7 .blocks-gallery-image, .blocks-gallery-grid.columns-7 .blocks-gallery-item, .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item {
    width: calc(13.28571% - 0.85714em)!important;
    margin-right: 1em!important;
}
.blocks-gallery-grid.columns-8 .blocks-gallery-image, .blocks-gallery-grid.columns-8 .blocks-gallery-item, .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item {
    width: calc(12% - 0.875em)!important;
    margin-right: 1em!important;
}
}
.wp-block-gallery.columns-3.alignfull .blocks-gallery-item  img{
    width: 100%!important;
    height: 100%!important;
    flex: 1;
    object-fit: cover;
}

@media (min-width: 600px){
.wp-block-gallery.columns-3.alignfull .blocks-gallery-image img, .wp-block-gallery.columns-3.alignfull .blocks-gallery-item img {
    height: 100%!important;
}
}
.wp-block-gallery.alignfull.columns-3{
    display: flex!important;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
}
@media only screen and (min-width: 768px){
.wp-block-gallery.alignleft.columns-2 {
    max-width: 60%;
    margin-right: 20px;
}
}
.wp-block-gallery.alignleft.columns-2 .blocks-gallery-item{
    width: calc((100% - 32px)/2)!important;
    margin-right: 15px!important;
}
.wp-block-gallery.alignleft.columns-2 .blocks-gallery-item img{
    height: 100%!important;
    flex: 1;
    object-fit: cover!important;
    width: 100%!important; 
}
.wp-block-gallery.columns-4 {
    clear: both;
    margin-top: 20px;
}
.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
    display: block!important;
    letter-spacing: 0px;
    font-size: 15px!important;
}
.wp-block-gallery.columns-4.is-cropped.alignwide.featured li img {
    height: 100%!important;
    margin-bottom: 0;
}
span.sticky{
    border-radius: 7px;
    padding: 5px 7px!important;
    font-size: 15px!important;
    border-color: var(--primary-color);
    background: var(--primary-color);
    color: #fff!important;
    letter-spacing: 2px!important;
    font-weight: 600;
}
.single .blog-details-content .content{
    overflow: hidden;
    position: relative;
}
.blog-details-content .content{
    overflow: hidden;
}
.blog-three-item {
    margin-bottom: 26px;
}
@media(min-width: 501px){
    span.sticky{
        position: absolute;
        right: 5px;
        top: 5px;
    }
    span.sticky.single-st {
        position: absolute;
        right: 0px;
        top: 0;
    }
}
@media(max-width: 500px){
    span.sticky + p {
        margin-top: 10px;
    }
}
.wp-block-group__inner-container h2{
    margin-bottom: 0;
    padding: 20px 35px;
    background: var(--yellow-color);
    font-size: 24px;
}
.main-sidebar .wp-block-group__inner-container > ul,
.main-sidebar .widget > ul,
.main-sidebar .wp-block-group__inner-container > ol,
.main-sidebar .widget > ol,
.main-sidebar .calendar_wrap,
.main-sidebar .widget.widget_categories > form,
.main-sidebar .widget > form.search-form,
.main-sidebar .textwidget,
.main-sidebar .menu-testing-menu-container,
.main-sidebar .tagcloud{
    padding: 20px 35px;
}
.main-sidebar .widget ul.children,
.main-sidebar .widget ul.sub-menu{
    padding-left: 20px;
}
.main-sidebar li{
    list-style: none;
}
.widget_search label.wp-block-search__label{
    display: none;
}
.blog-meta a{
    color: var(--base-color)!important;
}
.blog-three-item .btn-text{
    color: white;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    transition: 0.5s;
    font-weight: 700;
    text-align: center;
    padding: 10px 20px;
    -webkit-box-align: center;
    justify-content: center;
    font-family: "PT Sans", sans-serif;
    text-transform: capitalize;
    border-radius: 10px;
}
.blog-three-item:has(div.image) .content {
    border-top: none;
}
.blog-three-item .content p:nth-last-child(2) {
    margin-bottom: 20px;
}
.blog-three-item .content {
    padding: 30px 35px 40px 35px;
}
.pagination.page span span,
.pagination.page a span,
.pagination .page-numbers {
    padding: 0;
    width: 50px;
    height: 50px;
    border: none;
    font-size: 16px;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 50px;
    background: white;
    text-align: center;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    font-weight: 700;
    color: var(--heading-color);
    font-family: "PT Sans", sans-serif;
    position: relative;
    display: block;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination.page span.current span.page-number,
.pagination.page a span:hover{
    background: var(--primary-color);
    color: white;
}
.pagination .dots:hover{
    color: var(--heading-color)!important;
    background: white!important;
}
.pagination.page > .post-page-numbers{
    margin-left: 5px;
}
.copyright-text p {
    margin-bottom: 0;
}
.widget_search .wp-block-search__input {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.widget_search .wp-block-search__button{
    margin-left: 0;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    background: var(--primary-color);
    background: var(--primary-color);
    color: white;
    border: 1px solid var(--primary-color);
}
.widget_block li a {
    line-height: 28px;
}
.widget_block .wp-block-latest-posts li,
.widget_block .wp-block-latest-comments li,
.widget_block.widget_recent_comments li,
.widget.widget_rss li{
    border-bottom: 1px solid #1c243923!important;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}
.widget_block .wp-block-latest-posts li:first-child,
.widget_block .wp-block-latest-comments li:first-child,
.widget_block.widget_recent_comments li:first-child,
.widget.widget_rss li:first-child{
    padding-top: 0;
}
.widget_block .wp-block-latest-posts li:last-child,
.widget_block .wp-block-latest-comments li:last-child,
.widget_block.widget_recent_comments li:last-child,
.widget.widget_rss li:last-child{
    border-bottom: none!important;
    padding-bottom: 0;
}
.widget_block ul.wp-block-latest-posts li a,
.widget_block .wp-block-latest-comments article a.wp-block-latest-comments__comment-author,
.widget_block .wp-block-latest-comments article a,
.widget_block .wp-block-latest-comments article .wp-block-latest-comments__comment-meta,
.widget_block.widget_recent_comments .comment-author-link a,
.widget_block .recentcomments {
    color: var(--bs-body-color);
}
.main-sidebar .widget a:hover,
.widget_block ul.wp-block-latest-posts li a:hover,
.widget_block .wp-block-latest-comments article a.wp-block-latest-comments__comment-author:hover,
.widget_block .wp-block-latest-comments article a:hover,
.widget_block.widget_recent_comments .comment-author-link a:hover{
    color: var(--primary-color);
}
.wp-block-latest-posts.wp-block-latest-posts__list{
    padding-left: 35px;
}
.main-sidebar .nice-select{
    display: none;
}
.main-sidebar select{
    display: block!important;
}
select {
    width: 100%;
    display: block!important;
    padding: 8px 12px;
    -webkit-appearance: none;
    background: url(../charitxa/assets/images/arrow.png) no-repeat right;
    background-position-x: 96%;
    background-color: #fff;
    image-rendering: auto;
    background-size: 12px;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}
.main-sidebar .widget_archive select{
    width: 80%;
    margin: 20px 35px 20px 35px;
}
.widget_calendar .calendar_wrap * {
    text-align: center!important;
    line-height: 1.6em;
}
.widget_calendar .wp-calendar-nav {
    display: none;
}
table{
    width: 100%;
}
table th, table td {
    border: 1px solid #1c243923!important;
    padding: 10px!important;
}
.widget_calendar caption {
    caption-side: top;
    text-transform: uppercase;
    font-weight: 600;
    background-color: var(--primary-color);
    font-size: 15px!important;
    color: #fff;
    border: 1px solid #1c243923!important;
    border-bottom: none!important;
    line-height: 42px!important;
}
.widget_calendar td#today {
    background: var(--primary-color)!important;
    font-weight: 600;
    color: #fff;
}
.widget_rss .rsswidget.rss-widget-title{
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
}
.widget_rss li{
    display: grid;
}
.widget_rss li a.rsswidget {
    font-weight: 700;
}
.widget_rss .rss-date{
    font-size: 17px;
    font-style: italic;
    font-weight: 600;
}
.main-sidebar .search-form {
    background: #f4f4f4;
}
.main-sidebar .search-form button {
    color: #fff;
    padding: 12px 15px;
    background: var(--primary-color);
    border-left: 1px solid var(--primary-color);
    border-radius: 0 5px 5px 0;
}
.main-sidebar .widget_text p img{
    margin-top: 15px;
    margin-bottom: 15px;
}
.main-sidebar .widget_text img{
    margin-top: 15px;
    height: auto;
}
.main-sidebar .widget_text .wp-caption-text{
    text-align: center;
}
.widget_tag_cloud ul li{
    display: inline-block;
    margin-bottom: 3px;
}
.widget_tag_cloud a.tag-cloud-link {
    font-size: 15px!important;
    padding: 6px 10px;
    background: #e31937;
    color: white;
    border-radius: 5px;
}
.comment-body .content .title {
    display: block;
}
.wp-block-image figcaption {
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;
}
.wp-block-button__link {
    background: #111; 
    border-radius: 5px;
    margin-bottom: 15px;
}
.wp-block-cover {
    margin-bottom: 15px!important;
}
p.wp-block-cover-text {
    font-size: 15px!important;
    color: #fff!important;
}
.blog-details-content .image img{
    margin-bottom: 15px;
}
.blocks-gallery-caption {
    text-align: center;
    font-size: 15px!important;
    margin-bottom: 20px!important;
}
.wp-block-gallery.columns-5.is-cropped .blocks-gallery-item img {
    height: auto;
}
blockquote::before {
    content: none;
}
blockquote{
    color: var(--heading-color);
    border-left: 4px solid #7977C6!important;
    padding: 25px!important;
    text-align: left;
    margin: 15px 0px !important;
}
blockquote cite br{
    display: none;
}
blockquote p{
    margin-bottom: 0px!important;
    margin-top: 0!important;
    padding-top: 0!important;
}
blockquote:not(.is-style-large) p{
    font-size: 18px!important;
}
.wp-block-quote.is-style-large:not(.is-style-plain) p{
    font-size: 22px!important;
    line-height: normal;
}
blockquote.has-text-color.has-very-dark-gray-color p{
    font-size: 26px!important;
}
blockquote.has-text-color{
    color: var(--heading-color);
}
blockquote p + cite{
    font-style: italic;
    font-size: 17px!important;
}
.wp-block-pullquote blockquote cite{
    font-style: italic!important;
}
.wp-block-pullquote:not(.has-background){
    padding-top: 0;
    padding-bottom: 0;
}
.wp-block-pullquote.is-style-solid-color blockquote {
    margin-left: auto!important;
    margin-right: auto!important;
}
p.has-large-font-size,
p[style="font-size:46px"]{
    line-height: 1.3!important;
}
:root .has-very-light-gray-color {
    color: #fff;
}
h1{
    font-size: 48px!important;
}
h1 + h2{
    font-size: 42px!important;
}
h2 + h3{
    font-size: 36px!important;
}
h3 + h4{
    font-size: 32px!important;
    line-height: 1.2!important;
}
h4 + h5{
    font-size: 28px!important;
    line-height: 1.2!important;
}
h5 + h6{
    font-size: 24px!important;
}
.blog-details-content .content h2{
    font-size: 28px;
}
.blog-details-content .content p.has-text-color strong{
    color: var(--heading-color)!important;
}
.blog-details-content .content h2 + ul{
    margin-bottom: 15px;
}
.blog-details-content .content ul:not(.blog-meta),
.blog-details-content .content ol{
    padding-left: 20px;
}
.blog-details-content .content ul li{
    list-style: disc;
}
.blog-details-content .content h2 + ul ul{
    padding-left: 20px;
}
.blog-details-content .content h2 + ul ul li{
    list-style: circle;
}
.blog-details-content .content h2 + ul ul ul li{
    list-style: square;
}
.wp-block-embed figcaption {
    text-align: center;
    font-weight: 700;
}
.blog-details-content .nice-select{
    display: none;
}
.wp-block-archives-dropdown select,
.wp-block-categories-dropdown select{
    background-position-x: 98%;
    margin-bottom: 25px;
}
.wp-block-calendar caption {
    caption-side: top;
    text-transform: uppercase;
    font-weight: 600;
    background-color: var(--primary-color);
    font-size: 15px!important;
    color: #fff !important;
    text-align: center!important;
    border: 1px solid var(--primary-color)!important;
    border-bottom: none!important;
    line-height: 42px;
}
.wp-block-calendar table th{
    background: var(--primary-color)!important;
    color: #fff!important;
}
.wp-block-calendar td#today{
    background: var(--primary-color)!important;
    color: #fff!important;
    font-weight: 600;
}
.wp-calendar-nav-prev{
    display: none;
}
.wp-block-archives-dropdown.wp-block-archives label{
    margin-bottom: 15px;
}
.blog-details-content .content ol.wp-block-latest-comments li{
    border-bottom: 1px solid #1c243923;
    padding: 20px 0;
    margin-left: 0!important;
}
.blog-details-content .content ol.wp-block-latest-comments li:last-child,
.blog-details-content .content ul.wp-block-latest-posts__list.has-dates.wp-block-latest-posts li:last-child{
    border-bottom: none!important;
}
.blog-details-content .content  ol.wp-block-latest-comments:not(.has-avatars) li{
    list-style: decimal;
    margin-bottom: 0;
}
.blog-details-content .content ul.wp-block-latest-posts__list.has-dates.wp-block-latest-posts li{
    border-bottom: 1px solid #1c243923;
    padding: 20px 0;
    list-style: none!important;
    margin-left: 0!important;
}
.blog-details-content .content ul.wp-block-latest-posts__list.is-grid.wp-block-latest-posts li{
    list-style: none!important;
    border-bottom: none;
}
.blog-details-content .content ul.blocks-gallery-grid,
.blog-details-content .content ol.has-avatars.has-dates.has-excerpts.wp-block-latest-comments,
.blog-details-content .content ul.wp-block-latest-posts__list.has-dates.wp-block-latest-posts,
.blog-details-content .content ul.wp-block-latest-posts__list.is-grid.wp-block-latest-posts,
.blog-details-content .content ul.wp-block-latest-posts__list.is-grid.has-dates.wp-block-latest-posts{
    padding-left: 0;
}
.blog-details-content .content form.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search{
    margin-bottom: 15px;
}
.blog-details-content .content form.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search input.wp-block-search__input {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.blog-details-content .content form.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search button{
    margin-left: -1px;
    background: var(--primary-color);
    color: #fff;
    border: 1px solid var(--primary-color);
    width: 82px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.blog-details-content .content p.wp-block-tag-cloud a {
    margin: 8px 8px 4px 0;
    padding: 9px;
    background-color: var(--primary-color);
    border-radius: 4px;
    font-size: 17px!important;
    font-weight: 500;
    line-height: 10px;
    color: #fff;
    display: inline-block;
}
.wp-block-group.has-background .wp-block-group__inner-container{
    padding: 20px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.wp-block-media-text.alignfull.has-media-on-the-right.is-stacked-on-mobile{
    margin-bottom: 20px;
}
code, kbd, pre, samp {
    font-family: monospace!important;
}
pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: 15px;
    margin-bottom: 15px;
}
pre code {
    margin-top: 0;
    font-size: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}
code{
    margin-top: 0;
    color: var(--bs-body-col)!important;
}
blockquote p a,
blockquote strong code,
blockquote p code{
    color: var(--bs-body-col)!important;
}
dl dd{
    padding-left: 20px;
    padding-top: 7px;
}
.blog-details-content .content table{
    margin-bottom: 15px;
}
.blog-details-content .content p:has(img.aligncenter){
    text-align: center;
}
.blog-details-content .content .wp-caption{
    max-width: 100%!important;
    width: auto;
}
.blog-details-content .content div.wp-caption p.wp-caption-text{
    margin-top: 15px;
}
.blog-details-content .image{
    text-align: center;
}
.blog-details-content .content form.post-password-form p:has(label){
    margin-top: 20px;
}
.blog-details-content .content form.post-password-form input{
    width: auto;
    border-radius: 0;
}
.blog-details-content .content form.post-password-form label {
    width: auto; 
}
.blog-details-content .content form.post-password-form input[type="submit"]{
    position: absolute;
    border: 1px solid #111;
    background-color:#111;
    color: #fff;
    font-size: 15px;
    margin-top: 0px;
}
form.post-password-form{
    margin-bottom: 60px;
}
@media(max-width: 500px){
    .blog-details-content .content form.post-password-form input[type="submit"]{
        margin-left: -85px;
    }
}
@media(max-width: 300px){
    .blog-details-content .content form.post-password-form input[type="submit"]{
        margin-left: -99px;
        margin-top: 30px;
    }
}
@media(min-width: 501px){
    .comment-box{
        display: flex;
        position: relative;
    }
}
.comment-box .content{
    overflow: hidden;
}
.comment-box table{
    margin-bottom: 15px;
}
.comment-box table a{
    font-weight: 600!important;
}
.comment-box .content h2{
    font-size: 28px;
}
.comment-box .content ul,
.comment-box .content ol{
    padding-left: 20px;
}
.comment-box .content h5{
    text-transform: capitalize;
}
.comment-box .content p > img {
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: unset;
}
.comment-box .content ul.children{
    margin-left: 20px;
}
.comment-box:after {
    position: absolute;
    right: 0;
    bottom: 0;
    content: '';
    z-index: -1;
    border-radius: 30px;
    background: var(--lighter-color);
    width: 100%;
    height: 100%; 
}
.comment-box:has(.author-thumb img):after {
    width: calc(100% - 60px);
}
.comment-box{
    margin-bottom: 20px;
}
.comment-body > .comment-box:last-child{
    margin-bottom: 0;
}
.comment-respond textarea{
    height: 140px;
}
.wp-caption p.wp-caption-text {
    text-align: center;
}
.blog-details-content .content h3{
    font-size: 28px;
}
.comment-body ul.children{
    margin-left: 20px;
}
.blog-details-content .content p:last-child img.size-full.alignright{
    margin-top: 40px;
}
.page .blog-details-content .content table a{
    font-weight: 700;
}
.page ul.pagination.page{
    clear: both;
    float: left;
    margin-top: 40px;
}
.error-page{
    min-height: 700px;
}
@media(max-width: 991px){
    .comment-respond{
        margin-bottom: 70px;
    }
}
@media(max-width: 500px){
    ul.pagination{
        display: block;
    }
    ul.pagination li {
        width: 50px;
        display: inline-block;
        margin-bottom: 4px;
    }
    table th, table td {
        padding: 3px!important;
        font-size: 16px;
    }
    .main-sidebar ul.children, .main-sidebar ul.sub-menu {
        padding-left: 10px!important;
    }
    .main-sidebar .wp-block-group__inner-container > ul, 
    .main-sidebar .widget > ul, 
    .main-sidebar .wp-block-group__inner-container > ol, 
    .main-sidebar .widget > ol, 
    .main-sidebar .calendar_wrap, 
    .main-sidebar .widget.widget_categories > form, 
    .main-sidebar .widget > form.search-form, 
    .main-sidebar .textwidget, 
    .main-sidebar .menu-testing-menu-container, 
    .main-sidebar .tagcloud {
        padding: 20px;
    }
    .comment-box:after {
        content: unset;
    }
    .comment-box{
        border-radius: 30px;
        background: var(--lighter-color);
        position: relative;
    }
    .comment-body .content {
        padding: 35px;
    }
}
@media(max-width: 300px){
    .page-wrapper {
        min-width: 200px;
    }
}
@media (min-width: 992px) and (max-width: 1580px){
    .main-menu .navbar-collapse li ul {
        min-width: 180px;
    }
}
.theme-info .search-form .fas.fa-search:before{
    content: none;
}
.main-sidebar .widget_search .wp-block-search__input {
    padding: 8px 8px 8px 15px;
}

/* Renaser: alias undefined --primary-color (used by some child-theme
   snippets: footer newsletter button, pagination, tag cloud, comment reply)
   to the theme's real accent variable, so it follows the brand palette
   instead of rendering unstyled. */
:root{
	--primary-color: var(--main-color);
}


/* Renaser: responsive column safety net. The theme's 'how-we-work' repeater
   (used on 'C\u00f3mo te acompa\u00f1amos') only ships col-xl-5 col-lg-6, with no
   width rule below 992px, so the 4 steps could shrink to content width
   and misalign on tablet\/mobile instead of stacking cleanly. */
@media (max-width: 991px){
	.how-we-work .row > [class*="col-"]{
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media (max-width: 575px){
	.how-we-work .row > [class*="col-"]{
		flex: 0 0 100%;
		max-width: 100%;
	}
}


/* Renaser: .theme-btn locally redefines --main-color\/--secondary-color
   (blue\/red from the original demo), overriding the brand palette set in
   framework\/color.php for every button that uses this class (hero, donate
   area, feature cards). Re-pin it to the real brand colors. */
.theme-btn{
	--main-color: #027F81 !important;
	--secondary-color: #172C61 !important;
}


/* Renaser: hide the Gravatar avatar image on blog cards (keeps the
   'Por: Autor' text, just removes the avatar icon). */
.blog-item .blog-admin img.avatar,
.blog-three-item .blog-admin img.avatar{
	display: none;
}


/* Renaser: Elementor's native hide_desktop\/tablet\/mobile switch does not
   actually add the elementor-hidden-* class for these custom bdevs-* widgets
   in this install (confirmed via live HTML), so hide the leftover demo
   sections (fake donation campaigns, stat counters, partner logos) directly
   by their stable Elementor element id instead. Update this list from
   Novamira if new demo sections need hiding. */
.elementor-element[data-id="16563ee"],
.elementor-element[data-id="13d343c"],
.elementor-element[data-id="3962d94"],
.elementor-element[data-id="a1a805b"],
.elementor-element[data-id="197da89"],
.elementor-element[data-id="544b380"],
.elementor-element[data-id="6778890"],
.elementor-element[data-id="e890cd9"],
.elementor-element[data-id="89a3bf7"],
.elementor-element[data-id="3a04bac"],
.elementor-element[data-id="caf5d8a"] {
	display: none !important;
}


/* Renaser: equal-height cards + visible contact fields */
.priorities-area .row{
	align-items: stretch;
}
.priorities-area .prioritie-item{
	height: 100%;
	display: flex;
	flex-direction: column;
}
.priorities-area .prioritie-item .content{
	flex: 1;
}
.how-we-work .row{
	align-items: stretch;
}
.how-we-work .work-process-item{
	height: 100%;
	box-sizing: border-box;
}

.contact-form .form-control{
	border: 1px solid #d5d9e3 !important;
	background: #fff !important;
	color: #172C61 !important;
	border-radius: 6px !important;
	padding: 12px 16px !important;
	margin-bottom: 16px !important;
	width: 100% !important;
}
.contact-form .form-control::placeholder{
	color: #8a8f9c !important;
}
.contact-form .section-title h5{
	color: #172C61;
}


/* Renaser: final CTA banner (bottom of Home) - solid navy background,
   centered single-column text since we have no side image for this widget. */
.elementor-element-r3n4c3r .our-mission-area{
	background-color: #172C61 !important;
	background-image: none !important;
	padding-top: 80px;
	padding-bottom: 80px;
}
.elementor-element-r3n4c3r .row{
	justify-content: center;
}
.elementor-element-r3n4c3r .col-lg-6{
	flex: 0 0 100%;
	max-width: 700px;
	text-align: center;
}
.elementor-element-r3n4c3r .our-mission-content .sub-title{
	color: #98D1CD;
}
.elementor-element-r3n4c3r .our-mission-content h3{
	color: #fff;
}
.elementor-element-r3n4c3r .our-mission-content p{
	color: rgba(255,255,255,0.85);
}
.elementor-element-r3n4c3r .our-mission-btns{
	display: flex;
	justify-content: center;
}


/* Renaser: reserve space for exactly 2 lines on program card titles,
   using em units so it holds regardless of the inherited font-size,
   so short and long titles align at the same height. */
.prioritie-item .content h5{
	line-height: 1.3em;
	min-height: 2.6em;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	text-align: center;
}


/* Renaser: tint the hero background photo toward the brand palette with a
   navy-to-teal gradient wash, since the raw stock photo's own dark tones
   don't match the brand navy exactly. Keeps the photo's texture visible. */
.hero-area{
	position: relative;
}
.hero-area::after{
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(23,44,97,0.85) 0%, rgba(2,127,129,0.55) 100%);
	z-index: 0;
	pointer-events: none;
}
.hero-area .container{
	position: relative;
	z-index: 1;
}


/* Renaser: reserve space for exactly 2 lines on program card titles */
.prioritie-item .content h5{
	line-height: 1.3em;
	min-height: 2.6em;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	text-align: center;
}


/* Renaser: guarantee vertical gap between how-we-work rows, the theme's
   own 30px margin-bottom must survive the equal-height stretch fix. */
.how-we-work .work-process-item{
	margin-bottom: 30px !important;
}


/* Renaser: FAQ section styling - light gray bg (matches how-we-work section),
   centered heading, accordion re-themed to the brand palette instead of
   Elementor's default blue. */
.elementor-element-r3n4faq{
	background-color: #F2F2F2;
	padding-top: 80px;
	padding-bottom: 80px;
}
.elementor-element-r3n4faqh .elementor-heading-title{
	text-align: center;
	color: #333333 !important;
	font-family: 'Poppins', sans-serif !important;
}
.elementor-element-r3n4faq .elementor-accordion{
	max-width: 800px;
	margin: 30px auto 0;
}
.elementor-element-r3n4faq .elementor-accordion-item{
	background: #fff;
	border: none !important;
	border-radius: 10px;
	margin-bottom: 14px;
	overflow: hidden;
	box-shadow: 0 2px 10px rgba(23,44,97,0.06);
}
.elementor-element-r3n4faq .elementor-tab-title{
	padding: 18px 24px;
	color: #333333 !important;
	font-weight: 600;
	border: none !important;
	font-family: 'Poppins', sans-serif !important;
}
.elementor-element-r3n4faq .elementor-tab-title .elementor-accordion-icon,
.elementor-element-r3n4faq .elementor-tab-title .elementor-accordion-icon svg{
	color: #027F81 !important;
	fill: #027F81 !important;
}
.elementor-element-r3n4faq .elementor-tab-title.elementor-active{
	color: #027F81 !important;
}
.elementor-element-r3n4faq .elementor-tab-title.elementor-active .elementor-accordion-icon,
.elementor-element-r3n4faq .elementor-tab-title.elementor-active .elementor-accordion-icon svg{
	color: #172C61 !important;
	fill: #172C61 !important;
}
.elementor-element-r3n4faq .elementor-tab-content{
	padding: 0 24px 20px;
	color: #333333 !important;
	border: none !important;
	font-family: 'Poppins', sans-serif !important;
}


/* Renaser: the donate modal is now empty (Give shortcode neutralized) and
   no button triggers it anymore since all CTAs use real links. Hard-hide
   it in case it's leaving a visual gap between sections. */
#donateModal{
	display: none !important;
}


/* Renaser: Elementor's default global 'Primary' color (#6ec1e4, unrelated
   demo blue) was never overridden, so native Elementor widgets I added
   (heading, accordion) fall back to it. Force it to #333333 site-wide. */
:root{
	--e-global-color-primary: #333333 !important;
}
.elementor-element-r3n4faqh .elementor-heading-title{
	color: #333333 !important;
}


/* Renaser: menu items looked inconsistent weight - 'current' items (Inicio,
   and Como ayudar since its # anchor also matches the home URL) get 500
   instead of the theme's own 600 default, making them look thinner. */
.main-menu .navbar-collapse li.current-menu-item > a,
.main-menu .navbar-collapse li.current_page_item > a{
	font-weight: 600 !important;
}

/* Renaser: widen the how-we-work cards to use more of the available width
   instead of the theme's narrower centered 2-column layout. */
.how-we-work .work-process-item{
	width: 100%;
}
@media (min-width: 1200px){
	.how-we-work .row.justify-content-center > [class*="col-"]{
		flex: 0 0 48%;
		max-width: 48%;
	}
}


/* Renaser: force visible gap between the two how-we-work rows with an
   unambiguous margin-top on the second row's cards (3rd and 4th item),
   independent of any stretch\/height interaction. */
@media (min-width: 992px){
	.how-we-work .row > div:nth-child(3) .work-process-item,
	.how-we-work .row > div:nth-child(4) .work-process-item{
		margin-top: 30px !important;
	}
}
/* Renaser: on mobile\/tablet (stacked single column) all 4 cards use the
   same uniform bottom margin only, so spacing is consistent - no extra
   top margin that only made sense for the 2x2 desktop grid. */
@media (max-width: 991px){
	.how-we-work .row > div .work-process-item{
		margin-top: 0 !important;
		margin-bottom: 20px !important;
	}
}


/* Renaser: force Poppins as the site-wide typeface, overriding the theme's
   Lato\/PT Sans\/Dosis\/Smooch mix used across body, headings, nav, buttons,
   forms and the Elementor widgets. Universal selector with !important since
   individual component overrides kept losing to more specific theme rules. */




/* Renaser: nav links default to white text (theme assumed a dark header),
   but our header background is light coral, making them nearly invisible
   except the current-page item which had its own override. Force a
   consistent, visible navy for all menu items. */
.main-header .main-menu .navigation > li > a{
	color: #172C61 !important;
}


/* Renaser: cap the logo image width at 170px (header and footer) so the
   real brand logo doesn't render at its native large size. */
.main-header .logo img,
.footer-logo img,
footer .logo img,
.footer-widget-area img[alt="Fundaci\u00f3n Renaser"]{
	max-width: 170px;
	width: 100%;
	height: auto;
}


/* Renaser: Poppins site-wide, applied ONLY to the theme's exact selectors
   that explicitly set Lato\/PT Sans\/Dosis\/Smooch (never a universal *
   selector - that previously fought Font Awesome's icon glyphs). Body's
   Poppins inherits naturally to everything else that doesn't override it. */
body,
.section-title .sub-title,
.theme-btn .btn-text, a.theme-btn .btn-text,
.read-more,
.home-four h1, .home-four h2, .home-four h3, .home-four h4, .home-four h5, .home-four h6,
.heading, .tab-style-one .nav-link, .pagination li .page-link, .pagination li .next, .pagination li .prev, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .menu-btns button span, .main-header.header-four .header-top button span, .page-banner-two .banner-top .section-title .category, .pp-cause-item .image .category, .comment-body .content .reply, .cause-item-two .content .category, .tag-coulds a,
.header-top,
.main-menu .navbar-collapse li a,
.main-header.header-four .main-menu .navbar-collapse li a,
.hero-content-two .sub-title,
.hero-content-two ul li a,
.hero-content-three .sub-title,
.hero-content-three h2 span,
.hero-four-content .content .sub-title,
.banner-inner .date-author li,
.breadcrumb,
.page-banner-two .banner-bottom .price-progress .price,
.blog-four-item .content .date,
.count-text,
.counter-item-three .content .count-text,
.cause-item .image .donation-raised,
.cause-item-three .image .category,
.cause-item-four .content .price span,
.story-item .content .badge,
.campaign-content .cause-price,
.testimonial-content .title,
.event-item .content .date,
.info-item b,
.product-details-header .price,
.widget_copyright p {
	font-family: 'Poppins', sans-serif !important;
}


/* Renaser: FAQ subtitle paragraph - missed in the earlier pass. */
.elementor-element-r3n4faqp p{
	color: #333333 !important;
	font-family: 'Poppins', sans-serif !important;
}


/* Renaser: on single blog posts, hide category chip, author (2nd item in
   date-author list, keeps the date), and the Share block. Comments are
   closed at the data level (comment_status), this just removes the leftover
   category\/author\/share UI per request. */
.page-banner-two .section-title a.category{
	display: none !important;
}
.page-banner-two .date-author li:nth-child(2){
	display: none !important;
}
.social-style-two{
	display: none !important;
}


/* Renaser: the '.theme-btn.style-three' variant (used by the Contactanos
   button on Quienes somos) has tangled\/conflicting theme rules for its
   normal\/hover text and background colors. Force a clear, guaranteed
   solid-teal button with white text regardless of state. */
.theme-btn.style-three .btn-text.normal,
a.theme-btn.style-three .btn-text.normal{
	background: #027F81 !important;
	color: #fff !important;
}
.theme-btn.style-three .btn-text.normal i,
a.theme-btn.style-three .btn-text.normal i{
	color: #fff !important;
}
.theme-btn.style-three .btn-text.hover,
a.theme-btn.style-three .btn-text.hover{
	background: #172C61 !important;
	color: #fff !important;
}


/* Renaser: '.theme-btn' only gets its color from nested .btn-text spans,
   which <input type="submit"> elements (like CF7's submit button) can't
   have - so any submit button using just the theme-btn class renders with
   no background at all. Give it a direct solid style. */
input.theme-btn,
input.wpcf7-submit{
	background: #027F81 !important;
	color: #fff !important;
	border: none !important;
	transition: background 0.3s ease;
}
input.theme-btn:hover,
input.wpcf7-submit:hover{
	background: #172C61 !important;
	color: #fff !important;
}


/* Renaser: the email address (long, no spaces) overflows its narrow
   col-sm-5 column and visually overlaps the neighboring 'Formulario'
   column, both on the Contact page card and anywhere else .info-item is
   used (footer contact widget included). Force it to wrap within its box. */
.info-item i,
.info-item b,
.info-item{
	word-break: break-word;
	overflow-wrap: break-word;
	max-width: 100%;
}


/* Renaser: same email-overflow issue in the footer contact widget (narrow
   col-xl-3 column). */
.widget_contact li,
.widget_contact li a{
	word-break: break-word;
	overflow-wrap: break-word;
}