/*
Theme Name: New-RaTeN
Theme URI: http://www.free-lance.ru/users/RaTeN
Author: RaTeN
Author URI: http://www.free-lance.ru/users/RaTeN
Description: Freelance RaTeN 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: all-in
Text Domain: RaTeN
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
/*
.products.load {
    opacity: 0.5;
}
.products {
    transition: 0.3s;
}

.text_block .aligncenter, .page .text_block div.aligncenter{display:block;margin:5px auto;}
.text_block .alignright{float:right;margin:5px 0 20px 20px;}
.text_block .alignleft{float:left;margin:5px 20px 20px 0;}
.text_block a img.alignright{float:right;margin:5px 0 20px 20px;}
.text_block a img.alignnone{margin:5px 20px 20px 0;}
.text_block a img.alignleft{float:left;margin:5px 20px 20px 0;}
.text_block a img.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.text_block .wp-caption{max-width: 100%;}
.text_block .wp-caption.alignnone{margin:5px 20px 20px 0;}
.text_block .wp-caption.alignleft{margin:5px 20px 20px 0;}
.text_block .wp-caption.alignright{margin:5px 0 20px 20px;}
.text_block .wp-caption img{border:0 none;height:auto;margin:0;padding:0;width:auto;}
.text_block .wp-caption p.wp-caption-text{margin:0;padding:0 4px 5px;margin-top: 15px;}
*/

.services_head .data, .service_head .category{
    text-decoration: none;
}

.has-3-wp-columns .wp-block-column:has(h2){
    flex-basis: 33.33%; /* Каждая колонка занимает примерно треть доступного пространства */
    flex-grow: 1; /* Разрешить колонке расти */
    flex-shrink: 1; /* Разрешить колонке сжиматься, если необходимо */
    min-width: 0; /* Важно: сбросить min-width, чтобы flex-basis работал корректно */
}

.wp-block-image img{
    max-width: 100%;
    height: auto;
    width: 100%;
    display: block;
}


.service_info h2{
    font-size: 36px;
    font-weight: 600;
    line-height: calc(100% + 4px);
    margin-bottom: 20px;
}

.service_info p{
    font-weight: 300;
    line-height: calc(100% + 8px);
    font-size: var(--font_size_s);
}

.service_info p + p{
    margin-top: 20px;
} 

.wp-block-columns {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap!important
}

@media (min-width: 782px) {
    .wp-block-columns {
        flex-wrap:nowrap!important
    }
}


@media (max-width: 781px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis:100%!important
    }
}

@media (max-width: 767px) {
    .service_info .cont {
        gap: 20px !important;
    }

    .service_info h2 {
        font-size: 24px;
    }
}

footer .links .items, .menu_modal .links, header .menu{
    list-style-type: none;
}

.wpcf7-not-valid-tip{
    color: #dc3232 !important;
}

.checkbox:has(.wpcf7-not-valid-tip){

}
.form .checkbox .wpcf7-form-control-wrap{
    display: none;
}

.form .checkbox:has(input:checked) .check {
    color: var(--light_color);
}

.form .checkbox:has(input:checked) .check:before {
    opacity: 1;
}

.wpcf7-not-valid{
    border-bottom-color:#dc3232 !important;
}

.wpcf7-not-valid::placeholder{
    color: #dc3232 !important;
}

.form .checkbox:has(.wpcf7-not-valid) .check{
    color: #dc3232 !important;
}


.pagination span
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 74px;
    height: 74px;

    font-size: var(--font_size_m);

    transition: .2s linear;
    text-align: center;
    text-decoration: none;

    color: currentColor;
    border-radius: 100px;
    background: var(--bg_default);
}

.pagination .prev,
.pagination .next
{
    width: auto;
    padding-inline: 28px;

    border: 2px solid var(--dark_color);
    background: none;
}

.pagination .current
{
    color: var(--light_color);
    background: var(--dark_color);
}

.article_info .category, .project_info .category {    
    text-decoration: none;
    color: #000;
    display: block;
}

.is-layout-flex:has(.is-vertically-aligned-top){
    align-items: flex-start !important;
}