﻿@media (min-width: 1024px){
    .c-hero-small {
        margin-bottom: 0;
        padding: 10rem 0 0 0;
    }
}

@media (min-width: 1024px){
    .m-main__item:last-child {
        display: list-item;
    }
}

@media (min-width: 1024px){
    .m-main__link>span .w-icon {
        height: 24px;
    }
}

#crumbs {padding: 34px 0; box-shadow: 0px 1px 0px #E0E0E0;}
#crumbs ul li:before, header ul li:before, .post .cont ul li:before, #left ul li:before {display: none; content: "";}
#crumbs .breadcrumb-container.theme5 a {font-weight: 400; font-size: 18px; line-height: 150%; color: #000;}
#crumbs .breadcrumb-container.theme5 a::before{font-family: "Font Awesome 6 Pro"; content: "\f061"; font-size: 16px; font-weight: 300; color: #9C9C9C; left: -33px; top: -4px; line-height: 1;}
#crumbs .breadcrumb-container.theme5 li:first-of-type a::before{content: "\f015";}
.breadcrumb-container {padding: 0 5px;}

.know {margin-top: 18px;}

nav.m-main {display: none;}
.menu-image-title-after.menu-image-not-hovered img, .menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper, .menu-image-title-before.menu-image-title {padding: 0 !important;}

.wpml-ls-legacy-list-vertical {padding: 1rem 0; position: relative; border: 0; display: none;}
.wpml-ls-legacy-list-vertical .dropdown {right: 0; position: absolute; background: #fff; padding: 2px 10px; display: none; top: 30px;}
    .wpml-ls-legacy-list-vertical .dropdown ul {margin: 0;}
.wpml-ls-legacy-list-vertical a {color: #fff;}
    .wpml-ls-legacy-list-vertical .dropdown a {color: #000; padding: 0; white-space: nowrap; margin: 10px 0;}
/*
.wpml-ls-legacy-list-vertical .wpml-ls-item {display: none; text-align: right;}
.wpml-ls-legacy-list-vertical .wpml-ls-current-language {display: block;}
*/
.wpml-ls-legacy-list-vertical .wpml-ls-current-language a {padding-right: 25px; position: relative;}
.wpml-ls-legacy-list-vertical a:hover {color: #f9d03a;}
.wpml-ls-legacy-list-vertical .wpml-ls-current-language a::before {position: absolute; font-family: "Font Awesome 6 Pro"; content: "\f078"; font-size: 16px; font-weight: 300; color: #fff; right: 0px; top: 5px; line-height: 1;}

.flex {display: flex; flex-direction: row; align-items: stretch; justify-content: center; flex-wrap: wrap; width: 100%;}
    .block {border-radius: 8px; overflow: hidden; width: 32%; margin: 19px 2% 19px 0; text-align: center; background: #F6F8FE;}
    .block:nth-of-type(3n) {margin-right: 0;}
    .block:last-of-type {margin-right: 0;}
        .block a {text-decoration: none;}
            .block .img {background: linear-gradient(128.38deg, #EBEEFC 0.27%, #F1EBFB 97.01%); display: block; padding: 20px; height: 100px; position: relative;}
                .block .img img {max-width: 65px; max-height: 65px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto;}
            .block .text {background: #F6F8FE; display: block; padding: 42px 32px 60px; min-height: 200px;}
                .block h4 {font-weight: 400; font-size: 32px; line-height: 130%; text-align: center; color: #000000; padding: 0px; display: inline; margin: 0;}
                .block .desc {display: block; text-align: center; font-size: 18px; line-height: 150%; color: #000; margin: 20px 0 0; padding: 0 18px;}
                    .block .desc p {margin: 0;}
                    
/* posts    */
.post {align-items: center; justify-content: space-between; border: 1px solid #E0E0E0; border-radius: 8px; padding: 33px 30px; margin: 20px 0;}
    .post .cont {flex: 1; margin-left: 30px;}
        .post .w-link {font-size: 22px; line-height: 150%; color: #000; margin: 0 0 20px; display: inline-block;}
        .post ul {padding: 0; margin: 0;}
        .post li { margin: 0 10px 0 0; padding: 0; display: inline-block;}
            .post li a {padding: 2px 16px; background: #F5F5F5; border-radius: 100px; font-size: 16px; line-height: 150%; color: #000; text-decoration: none; display: block;}
    .post .right {color: #9C9C9C; font-size: 18px; line-height: 150%;}
        .post .right a {position: relative; text-decoration: none; display: inline-block; vertical-align: middle; margin-left: 30px;}
        .post .right a::before{font-family: "Font Awesome 6 Pro"; content: "\f061"; font-size: 24px; font-weight: 300; color: #9C9C9C; line-height: 28px;}
    .post .img {width: 60px;}
        .post .img img {width: 100%; height: auto;}
        
#left {width: 300px; margin-right: 20px;}
    #left ul {margin: 0;}
#right {flex: 1;}
        
        
        
        
@media all and (max-width: 900px) { 
    .block, .block:nth-of-type(3n) {width: 48%;  margin: 19px 4% 19px 0;}
    .block:nth-of-type(2n) {margin-right: 0;}
} 

@media all and (max-width: 800px) { 
    .post .right {width: 100%; margin-top: 10px;}
        .post .right a {display: none;}
} 

@media all and (max-width: 650px) { 
    .block, .block:nth-of-type(3n) {width: 100% !important;  margin: 19px 0 19px 0 !important;}
} 