/*
Theme Name: MTS B2B
Author: ITG-SOFT
Version: 1.0
Text Domain: mtsb2b
*/

html body {
    font-family: "MTS Compact", sans-serif;
    line-height: initial;
} 

h1{
    font-family: "MTS Wide Bold", sans-serif;
    font-weight: 700;
}

h2, h3, h4 {
    font-family: "MTS Wide", sans-serif;
    font-weight: 500;
}


.text-wrapper p {
    color: #9aa1a8;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    transition: all .3s ease;
}
figcaption {
    color: #9aa1a8;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

@media (max-width: 1100px) {
    .text-wrapper p {
        font-size: 15px;
        line-height: 20px;
    }
    figcaption {
        font-size: 12px;
        line-height: 16px;
    }
}

body .wpcf7 form .wpcf7-response-output {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 16px;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    color: #ffb900;
}

.wpcf7 form.sent .wpcf7-response-output {
    color: #46b450;
}

.yoast-breadcrumbs {
    font-size: 16px;
    line-height: 22px;
    -webkit-padding-before: 20px;
    padding-block-start: 20px;
}

.yoast-breadcrumbs a {
    color: #9aa1a8;
    transition: color .3s ease-in-out;
}
.yoast-breadcrumbs span > span:not(.breadcrumb_last):hover a {
    color: #e52a30;
}

@media (max-width: 768px) {
    .yoast-breadcrumbs {
        -webkit-padding-before: 16px;
        padding-block-start: 16px;
    }
}

.footer__nav-item .spollers__link-icon {
    color: #fff;
}

.popup__products-icon:has(iconify-icon), .header-mobile__products-icon:has(iconify-icon) {
    background: #E52A30;
    border-radius: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}



/* classes */

body .p-tb-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}
body .p-tb-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

@media (max-width: 1024px) {
    body .p-tb-60 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
@media (max-width: 768px) {
    body .p-tb-40, body .p-tb-60 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .mobile-h1, .mobile-h2 {
        font-size: 26px!important;
    }
    .mobile-h3{
        font-size: 20px!important;
    }
    
    .compliance__info-bottom .wp-block-buttons , .compliance__info-bottom .wp-block-button {
        width: 100%;
    }
}