/*
Theme Name:	HYS News
Template:	Divi
Description:	Child theme for Divi
*/

@import url("../Divi/style.css");

:root {
    --black: #222427;
    --white: #fefefe;
    --blue: #2539A2;
    --orange: #EF4B29;
    --light-blue: #ECEFFA;
    --grey: #E6E7F5;
    --mid-grey: #9E9FA5;
    --accent-orange: #EF4B29;
    --input-accent: #2130B5;
    --input--border: #BBC2E2;
    --blue-grey: #454A75;
    --dark-blue: #04081D;
    --bg: #F9FAFE;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('assets/fonts/Helvetica/HelveticaNeueCyr-Medium.eot');
    src: local('assets/fonts/Helvetica/HelveticaNeueCyr-Medium'),
    url('assets/fonts/Helvetica/HelveticaNeueCyr-Medium.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/Helvetica/HelveticaNeueCyr-Medium.woff') format('woff'),
    url('assets/fonts/Helvetica/HelveticaNeueCyr-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('assets/fonts/Helvetica/HelveticaNeueCyr-Roman.eot');
    src: local('assets/fonts/Helvetica/HelveticaNeueCyr-Roman'),
    url('assets/fonts/Helvetica/HelveticaNeueCyr-Roman.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/Helvetica/HelveticaNeueCyr-Roman.woff') format('woff'),
    url('assets/fonts/Helvetica/HelveticaNeueCyr-Roman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('assets/fonts/Helvetica/HelveticaNeueCyr-Bold.eot');
    src: local('assets/fonts/Helvetica/HelveticaNeueCyr-Bold'),
    url('assets/fonts/Helvetica/HelveticaNeueCyr-Bold.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/Helvetica/HelveticaNeueCyr-Bold.woff') format('woff'),
    url('assets/fonts/Helvetica/HelveticaNeueCyr-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
body{
    background: var(--bg);
    font-size: 18px;
    line-height: 28px;
    color: var(--black);
    font-weight: 400;
    /*font-family: 'Work Sans';*/
    font-family: "HelveticaNeueCyr", Helvetica, Arial, sans-serif;


}
header, #et-main-area, #main-content{
    background: var(--bg);
}

.et_pb_section, .et-db #et-boc .et-l .et_pb_section{
    background:transparent;
}
header .et_pb_section--with-menu{
    padding-top:0!important;
    padding-bottom:0!important;
}
.desktop-header{
    background: var(--dark-blue)!important;
}
.desktop-header > .et_pb_row{
    padding-top:0!important;
    padding-bottom:0!important;
}
.mob-header{
    display:none;
}
.et_pb_search{
    margin-bottom:0;
    border-radius:25px;
}
.et_pb_searchform{
    background-color: #eceffa;
}
.et_pb_searchform .et_pb_searchsubmit{
    color: RGBA(255, 255, 255, 0) !important;
    background-color: #eceffa !important;
    border-color: #eceffa !important;
}

.bg{
    /*background:url('img/bg.jpg') 0 0 no-repeat;*/
    height:100vh;
    width:100%;
    position: relative;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 auto;
}
.container-lgn{
    max-width: 1110px;
}
.hys-login{
    background: url("assets/img/login.png") center center no-repeat;
    background-color: var(--dark-blue);
}
.login_restr{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height:100vh;
    gap:30px;
}
.login_restr p{
    max-width:415px;font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #959595;
    text-align: center;
}
.login_restr  h1{
    font-size: 110px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    padding:0;
    color:var(--white);
}
.g_id_signin{
    /*visibility: hidden;
    display:none;*/
}
.btn{
    padding: 9px 35px;
    border-radius: 48px;
    font-size: 16px;
    font-weight: 500;
    line-height: 160%;
    color:#fff;
    cursor:pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.btn svg{
    width:20px;
}
.orange{
    background: var(--orange);
    border: 1px solid var(--orange);
}
.btn.orange:hover{
    /*background: rgba(239, 75, 41, 0.40);*/
    color:#FEFEFE;
    opacity:0.7;
}
.blue{
    background: var(--blue);
    border: 1px solid var(--blue);
}
.btn.blue:hover{
    /*background: rgba(37, 57, 162, 0.40);*/
    color:#FEFEFE;
    opacity:0.7;
}
.btn-load:hover{
    background: rgba(239, 75, 41, 0.50);
    border: 1px solid var(--accent-orange);
}
.btn-load:focus{
    border: 1px solid rgba(239, 75, 41, 0.30);
}


.container-lgn #footer-widgets{
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.container-lgn footer{
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #959595;
}
.clearfix.et_menu_container:after{
    display:none;
}
.mo-openid-app-icons a{
    display: block;
    text-align: center;
    color:#fff;
    height:47px;
    line-height:47px;
}
.has-text-align-right{
    text-align: right;
}


#menu-top li.current-menu-item > a, body:not(.home) #et-boc #menu-top li.current-menu-item > a,
.current-menu-parent > a
{
    color:var(--orange)!important;
}
.et-db #et-boc .et-l #menu-news_menu .current-menu-ancestor > a, .et-db #et-boc .et-l #menu-news_menu .current-menu-parent > a{
    color:var(--orange)!important;
}
.et-db #et-boc .et-l .et_mobile_menu li a{
    color:#fff;
}
.current-menu-item > a{
    color:var(--orange)!important;
}
.et_pb_menu li a:hover{
    color:var(--orange)!important;
}

.et-db #et-boc .et-l  #menu-news_menu .sub-menu li{
    padding:0;
}
.et-db #et-boc .et-l  #menu-news_menu .sub-menu li a{
    padding:6px 12px;
    width: 160px;
}
.et-db #et-boc .et-l #menu-news_menu .sub-menu{
    width: 160px;
    padding: 0;
    border-radius: 4px;
    overflow:hidden;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.01), 0px 4px 8px 0px rgba(0, 0, 0, 0.02), 0px 1px 12px 0px rgba(0, 0, 0, 0.12);
    border-top:none;
}
.et-db #et-boc .et-l  #menu-news_menu .sub-menu li:hover, .et-db #et-boc .et-l  #menu-news_menu .sub-menu li.current-menu-item{
    background: var(--light-blue);
}
/*#menu-top > li.current-menu-item:before, #menu-top > li.active:before, body:not(.home) #et-boc #menu-top > li.current-menu-item:before{
    content:"\2022";
    font-size: 26px;
    color:var(--orange);
    padding-right:4px;
}*/
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu  #menu-top > li.active > a{
    color:var(--orange) !important;
}
#menu-top > li > .sub-menu{
    width:500px!important;
    display:flex;
}
#menu-top > li{
    padding:17px 11px;
}
#menu-top li.current-menu-item ul li a, #menu-knowledge_menu li.current-menu-item ul li a{
    color:var(--dark-blue)!important;
}
#menu-top li:hover > a, #menu-top li ul li:hover > a, #menu-knowledge_menu li.current-menu-item ul li:hover > a{
    color:var(--orange)!important;
    opacity: 1;
    transition:none;
    -webkit-transition: none;
}
.et_mobile_menu li a:hover, .nav li a:hover {
    background-color: transparent!important;
    opacity: 1!important;
    color: var(--orange)!important;
}
.et-db #et-boc header.et-l .et_pb_menu--style-centered .et_pb_menu__wrap{
    justify-content: end;
}
.top-header{
    z-index: 3;
    display:flex;
    align-items: center;
}
.et-db #et-boc #menu-top.nav li .sub-menu a[href="#"]{
    color:#ccc!important;
    cursor: text;
}
#menu-top .sub-menu li a[href="#"]:after{
    content:none!important;
}
#menu-top .sub-menu li .sub-menu{
    position: relative!important;
    color: #000!important;
    visibility: visible!important;
    opacity: 1!important;
    top: 0!important;
    right: auto;
    left: 0!important;
    border-top: 0!important;
    box-shadow: none!important;
    padding-top: 0px!important;
}
#menu-top .sub-menu li .sub-menu li{
    padding:0!important;
}



.et_pb_menu--style-centered .et_pb_menu__wrap {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}
.breads{
    font-size: 15px;
    color: #BEBEBE;
}
.breads a{
    color: #BEBEBE;
}
.breads .breadcrumb_last, .breads .current{
    color: var(--black);
}
.footer-menu-wrap{
    display: flex;
    justify-content: space-between;
    padding-top: 14px;
    gap: 40px;
    flex-wrap: wrap;
}

.footer-menu-wrap .et_pb_text_inner p{
    padding-bottom:3px;
}
.footer-menu-wrap .et_pb_text_inner p > a{
    opacity:0.6;
    color:#fefefe;
}
.footer-menu-wrap .et_pb_menu__menu, .footer-menu-wrap .et-menu-nav, .footer-menu-wrap .et-menu{
    flex: 0 0 100%;
}
.footer-menu-wrap .et-menu{
    justify-content: space-between!important;
}


.tagcloud a{
    border-radius: 15px;
    border: 1px solid #E4E7FE;
    padding: 5px 10px;
    height:37px;
    margin-bottom:8px;
    display:inline-block;
}
.dates_filter{
    text-align: right;
}
.sidebar_filter input[type="radio"],.sidebar_filter input[type="checkbox"]{
    display:none;
}
.projects_filter label{
    padding-right:20px;
}
.sidebar_filter label{
    display: inline-block;
    position: relative;
    padding-left: 32px;
    color: var(--blue-grey);
    font-weight: 400;
    margin-bottom: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.projects_filter label{
    display: flex;
    justify-content: space-between;
}
.sidebar_filter label .count{
    color: var(--blue-grey);
    font-size: 16px;
    opacity: 0.5;
}
.sidebar_filter .checkmark{
    position: absolute;
    top: 3px;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border:1px solid var(--input--border);
}
.sidebar_filter .cat_filter:not(.projects_filter) .checkmark{
    border-radius: 4px;
}
.date_filter label:hover input ~ .checkmark {
}
.date_filter input{
    display:none;
}

.sidebar_filter label input:checked ~ .checkmark {
    background-color: var(--input-accent);
    border:none;
}


.sidebar_filter label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.sidebar_filter .cat_filter:not(.projects_filter) label .checkmark:after {
    content: "✓";
    color:#fff;
    left: 6px;
    top: -2px;
    font-size: 12px;
}

.sidebar_filter input[type=radio] + .checkmark:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.sidebar_filter label input:checked ~ .checkmark:after {
    display: block;
}


.posts_list .grid-list{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:51px;
}
.post .post_thumb{
    margin:0 0 15px;
}
.post .post_thumb img{
    border-radius:10px;
    border: 1px solid #e8e8e8;
}
#videos .post .post_thumb{
    border-radius:5px;
    /*height: 145px;*/
    overflow: hidden;
    position: relative;
}
#videos .post .post_thumb .duration{
    bottom: 16px;
    line-height: 21px;
    font-size: 12px;
}
#videos .post .play-btn{
    position:absolute;
    left: 10px;
    top: 10px;
    cursor: pointer;
}
.post .post_date{
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    color: var(--mid-grey);
}
.grid-list .post{
    justify-content: stretch;
    display: flex;
    flex-direction: column;
}
.posts_list .grid-list .post .post_content{
    display: flex;
    flex-direction: column;
    gap: 9px;
    flex: 1;
}
.post .post_title{
    font-size: 20px;
    font-weight: 600;
    line-height: 29px;
}
.post_title:hover{
    opacity:0.9;
}
.posts_list .grid-list .post .post_title{
    /*min-height: 60px;*/
    display: flex;
    align-items: end;
}

body #et-boc .post .post_title a{
    color: var(--black);
}
.post .post_desc{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    min-height:70px;
    flex-grow: 1;
}
.materials .post .post_desc{
    min-height:auto;
}

.post .post_meta{
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.post_cats{
    color:var(--blue);
}
.post_cats a, .post_cats span{
    display: inline-flex;
    margin-right: 16px;
    color: var(--blue);
    font-size: 14px;
}
.post_cats a:before, .post_cats span:before{
    content:"\2022";
    font-size: 14px;
    padding-right:3px;
}
.post_tags span{
    border-radius: 15px;
    padding: 0 10px;
    border: 1px solid var(--grey);
    list-style: none;
    margin: 0 0 7px;
    display: inline-block;
    font-size: 14px;
    color: var(--blue-grey);
}
.post_meta{
    display: flex;
    justify-content: space-between;
    margin:5px 0 10px;
}
.et_pb_title_featured_container img{
    border-radius: 10px;
}

.post.first,
#announcements .post.top{
    display:flex;
    gap:51px;
    background: var(--light-blue);
    padding:27px 41px 20px 21px;
    border-radius: 15px;
    margin: 0 0 30px;
    align-items: center;
    grid-column:span 3;
}



.post.first .post_thumb{
    flex-grow: 0;     /* do not grow   - initial value: 0 */
    flex-shrink: 0;   /* do not shrink - initial value: 1 */
    flex-basis: 760px;
    margin-bottom:0;
}
.post.first .post_content{
    display: flex;
    flex-direction: column;
    gap:20px;
    justify-content: space-between;
}



/* Times */
.dates_filter select{
    border: 1px solid var(--light-blue);
    border-radius: 25px;
    padding: 8px 15px;
    margin-left:10px;
}
.count_posts{
    /* position: absolute!important;
     right:0;
     top:14px!important;*/
    color:#9e9fa5;
}


/* Events */
.posts_list.list > div{
    display:block;
}
.list.posts_list .post{
    display:flex;
    gap:40px;
    border-bottom: 1px solid #E9EAF6;
    padding:20px 0;
}
.list.posts_list .post:first-child{
    padding-top:0;
}
.list.posts_list .post .post_thumb{
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 360px;
    margin-bottom:0;
}
.list.posts_list.proj_slider .post .post_thumb{
    flex-basis: 60%;/*760px;*/
    margin-bottom:0;
}
.proj_slider{
    border-radius: 15px;
    background: var(--light-blue);
}
.proj_slider .swiper-slide{
    background: transparent;
}
.posts_list.list.proj_slider > div{
    display: flex;
}
.list.posts_list.proj_slider .post{
    padding:0;
    border:none;
    padding:28px 42px 27px 21px;
    width:100%;
}
.posts_list .post .post_content, .list .post .post_content{
    display:flex;
    flex-direction:column;
    justify-content: space-between;
    text-align: left;
    gap:10px;
    flex: 1;
}
.posts_list .post .post_date, .list .post .post_date{
    font-size:14px;
}
.grid-list .post .post_date{
    font-size:16px;
}
.event_top_filter input[type=radio]{
    display:none;
}
.event_top_filter label{
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    cursor:pointer;
    margin-right:20px;
    padding:5px 10px;
    border-radius: 15px;
}
.event_top_filter  input[type=radio]:checked +label{
    color: var(--blue);
    border: 1px solid var(--blue);
}
.events .post_thumb{
    position: relative;
}
.event_type{
    position:absolute;
    right: 10px;
    top: 10px;
}
.event_type span{
    background: #FFFFFF99;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding:5px 10px;
    border-radius:25px;
    margin-left:15px;
}
.ev_date_wrapper p{
    font-weight: 400;
    padding-left:30px;
}
.ev_date{
    background: url('assets/img/date.svg') 0 0 no-repeat;
    padding-bottom:10px;
}
.ev_time{
    background: url('assets/img/time.svg') 0 0 no-repeat;
}
.add_calendar_lnk{

    padding: 5px 0 5px 30px;
}
a.add_calendar_lnk:before{
    width:30px;
    height:30px;
    background: url('assets/img/plus.svg') 0 5px no-repeat!important;
}
.add_calendar_lnk a{
    color:var(--blue);
    font-size: 16px;
    font-weight: 500;
    text-decoration:underline;
}
.infscr-pager{
    display:flex;
    justify-content: center;
    padding:30px 0;
}
.btn.btn-load{
    font-weight:400;
    padding:12px 30px;
}
.btn-load i{
    width:25px;
    height:24px;
    background:url(assets/img/loadmore.svg);

}
.btn-load i.rot{
    animation: 1s linear 0s normal none infinite running rot;
    -webkit-animation: 1s linear 0s normal none infinite running rot;
}
@keyframes rot {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rot {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.btn[disabled]{
    background:#ccc;
    cursor:default;
    border: 1px solid #ccc;
}

#announcements.posts_list.grid_list .content{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
#announcements .post.first,
#announcements .post.top{
    grid-column: span 2;
}
#announcements .post.first .post_thumb,
#announcements .post.top .post_thumb{
    flex-basis: auto;
}

    /* Videos */
.posts_list.grid_list .content{
    display:grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap:40px 53px;
}
.posts_list.grid_list > div > p{
    display: none;
}
.videos .post .post_title a{
    font-size:16px;
    line-height:24px;
    font-weight: 600;
}
.videos .post .post_title{
    font-size:16px;
    font-weight:500;
    line-height: 24px;
}
.videos .post_cats a{
    font-size: 14px;
}

/*  Projects */
#projects.posts_list.grid_list .content{
    gap:30px 24px;
}
#projects .post_title a{
    display:flex;
    justify-content: space-between;
}
#projects .post .post_thumb{
    margin-bottom:0;
}

/* Widgets */
.et_pb_widget_area_left{
    border:none;
}
h4.widgettitle{
    margin:3px 0 6px;
    color: var(--dark-blue);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 148%;
    letter-spacing: 0;
    font-weight: 600;
    font-size: 16px;
}
.sidebar_filter .widgettitle{
    margin:20px 0 6px;
    color: var(--mid-grey);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 148%;
    letter-spacing: 0;
    text-transform: uppercase;
}
.widget_categories li{
    padding: 4px 10px 4px 10px;
    border-radius: 20px;
}
.widget_categories li.current-cat, .widget_categories li:hover,
.widget_tag_list li.current-cat a, .widget_tag_list li:hover a
{
    background: var(--light-blue);
}
.widget_tag_list ul li{
    display:inline-block;
}

.widget_list_posts{
    margin-bottom:0!important;
}
.widget_list_posts .posts_list .post{
    display:flex;
    gap:12px;
    padding: 0;
    margin-bottom:15px;
}
.widget_list_posts .posts_list .post:last-child{
    margin-bottom:0;
}
.widget_list_posts .posts_list  .post_content{
    gap:6px;
    justify-content: start;
}
.widget_list_posts .posts_list .post_date{
    font-size:14px;
    line-height: 20px;
}
.widget_list_posts .posts_list .post_title{
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
}
.widget_list_posts .posts_list .post_title a{
    color: var(--dark-blue);
}
.widget_list_posts .posts_list .post_thumb{
    flex: 0 0 70px;
    margin: 0;
    height:50px;
}
.widget_list_posts .posts_list .post_thumb img{
    border-radius:5px;
}


.user_info{
    display:flex;
    justify-content: end;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 400;
}
.user_photo{
    width:35px;
    border-radius: 50%;
}

/*.home-events{
    display:flex;
    gap:20px;
}*/
.home-events .post{
    background: var(--light-blue);
    padding:10px 12px;
    border-radius: 5px;
    width:100%;
    flex-direction: row;
}

.home-events .post_content{
    display:flex;
    gap:14px;
    align-items: center;

}
.home-events .post .post_title{
    font-size: 16px;
    line-height: 150%;
    text-align: left;
}
.home-events .post .post_date{
    font-size:14px;
    font-weight: 500;
    line-height: normal;
    color: var(--blue-grey);
    padding:12px 8px;
}
.home-events .post .post_date span{
    font-size: 20px;
    font-weight: 600;
    line-height: 20px; /* 100% */
    letter-spacing: 0.4px;
}
.home-events .slider_nav{
    position: absolute;
    right: 0;
    top: -40px;
    /*width: 130px;*/
    z-index: 999;
    display: flex;
}
.home-events .slider_nav .swiper-button-prev, .home-events .slider_nav .swiper-button-next{
    border:1px solid #E6E7F5;
    border-radius:5px;
    width:37px;
    height:24px;
}



.grid-video{
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 50px;
    grid-auto-rows: minmax(100px, auto);
}
.grid-video .post:first-child{
    grid-column: 1;
    grid-row: 1 / 3;
}
.grid-video .post {
    grid-column: 2;
    grid-row: 1;
}
.grid-video .post:last-child{
    grid-column: 2;
    grid-row: 2;
}
.grid-video .post.video-0 .post_title a{
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
}
.grid-video .post_thumb{
    position: relative;
}
.duration{
    position:absolute;
    right:10px;
    bottom:20px;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.70);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    padding:1px 8px;
    color: var(--blue-grey);
}
.grid-video .post.video-0 .duration{
    font-size: 16px;
    padding:3px 14px;
    right:20px;
    bottom:30px;
}


.et_pb_text_inner{
    font-weight: 400;
}
body .et_pb_widget_area_left{
    border-right:none;
}
.wpulike-heart .wp_ulike_general_class{
    box-shadow:none;
}
.meta-counters > div{
    display:flex;
    gap: 10px;
    align-items: center;
    color: var(--input--border);
    height:32px;
}
.meta-counters > div > div {
    height: 25px;
    padding:0;
}
.meta-counters .post-views.entry-meta>span.post-views-icon.dashicons::before{
    content:' ';
}
.meta-counters .post-views.entry-meta>span.post-views-icon{
    width:30px;
    height:19px;
    background: url("assets/img/views.png") 0 0 no-repeat;
}

.wpulike-heart .wp_ulike_general_class{
    padding:0;
    height:25px;
}
.wpulike-heart .count-box{
    padding:1px 5px 0 0;
}
.grid-list .wpulike-heart .wp_ulike_put_image:after, #events .wpulike-heart .wp_ulike_put_image:after{
    width:20px;
    height:16px;
}
.grid-list .meta-counters .post-views.entry-meta>span.post-views-icon, #events .meta-counters .post-views.entry-meta>span.post-views-icon{
    width:24px;
    height:16px;
    background-size: 100%;
}
.wpulike-heart .count-box{
    color: var(--blue-grey);
    font-weight: 400;
    line-height: 22px;
}
.wpulike-heart .wp_ulike_put_image.wp_ulike_btn_is_active:after{
    filter:invert(13%) sepia(83%) saturate(9816%) hue-rotate(209deg) brightness(67%) contrast(85%)
}
.post-views-count{
    color: var(--blue-grey);
    font-size:14px;
    letter-spacing: 0.7px;
}
.sidebar_filter h3{
    font-weight:600;
    /*margin-top:15px;*/
}
.sidebar_filter label{
    font-size:16px;
}
.sidebar_filter ul{
    padding-left:0;
}

.sidebar_filter li{
    border-radius: 15px;

    padding: 0 10px;
    border: 1px solid var(--grey);
    list-style: none;
    margin:0 0 7px;
    display: inline-block;
}
.sidebar_filter li.dsbl, .sidebar_filter span.dsbl{
    opacity:0.5;
    cursor:default;
    border-color:#ccc;

}
.sidebar_filter label:has(> .dsbl){
    cursor: default;
}
.dsbl a{
    cursor:default;
    color:#ccc;
}
.sidebar_filter li a{
    font-size:14px;
    color: var(--blue-grey);
}
.sidebar_filter li.active{
    border: 1px solid var(--blue);
}
.avail{
    border:2px solid violet;
}
.event_register_btn{
    margin:40px 0 30px;
}
.et_pb_button, .btn{
    padding: 9px 35px;
    color: #fff;
    border-radius: 48px;
    border: 1px solid var(--accent-orange);
    background: var(--accent-orange);
    font-size: 16px;
    font-weight: 500;
}
.et_pb_button:hover{
    background: rgba(239, 75, 41, 0.40);
}
.event_register_btn .past{
    background:#ccc;
    border-color:#ccc;
    cursor: default;
}
.event_register_btn .et_pb_button:after{
    content:none;
}
.event_register_btn .et_pb_button:hover{
    background: rgba(239, 75, 41, 0.40);
    padding: 10px 34px;
}
.event_register_btn .et_pb_button.past:hover{
    background: #ccc;
}
.event_calendar_btn:before{
    content: '+';
    width: 24px;
    height: 24px;
    display: inline-block;
    background: var(--blue);
    font-size: 24px;
    color: #fff;
    border-radius: 50%;
    font-weight: 300;
    text-align: center;
    line-height: 21px;
    margin:0 7px 0 0;
    top: 3px;
    position: relative;
}
.event_calendar_btn{
    padding: 5px 0 5px 0;
    color: #2539a2;
}
.event_calendar_btn.past{
    color: #ccc;
}
.event_calendar_btn.past:before{
    background: #ccc;
}

.events_filter{

}

#wpdcom, #comments{
    margin-left:0;
}


.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    height:auto;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.proj_slider .slider_nav{
    position: absolute;
    bottom:30px;
    left:62%;
    width:100px;
}
.swiper-button-next, .swiper-button-prev, .swiper-pagination{
    position: static;
    height:25px;
    margin-top:0;
}
.swiper-button-next:after, .swiper-button-prev:after{
    font-size:10px;
    color:var(--dark-blue);
}
.swiper-pagination{
    bottom:20px;
    right:100px;
    top: inherit;
}
.swiper-pagination-current{
    margin-right:-5px;
}
.swiper-pagination-total{
    color:rgba(4, 8, 29, 0.40);
    margin-left: -5px;
}
.pres_slider .slider_nav, .pres_slider .swiper-button-next:after, .pres_slider .swiper-button-prev:after{
    color:#fff;
}
.pres_slider .swiper-pagination-total{
    color:rgba(255, 255, 255, 0.50);
}
.pres_slider .slider_nav{
    margin-top:15px;
    display:flex;
}
.pres_slider .swiper-button-next:after, .pres_slider .swiper-button-prev:after{
    font-size:14px;
}
.swiper-pagination-bullet-active{
    background:var(--blue);
}
.home-title h1{
    font-weight:500!important;
}


.title_lnk a:after{
    content: url('assets/img/right.svg');
}
.title_lnk a{
    display: inline-flex;
}

.onboarding > .et_pb_row{
    display:flex;
    justify-content: space-between;
    align-items: center;
}

.author_info{
    margin:70px 0 40px;
}
.author_info > div{
    display: flex;
    align-items:center;
    gap: 15px;
}
.author_info p{
    padding-bottom:0;
}
.author_info .et_pb_module_header{
    padding-bottom:5px
}

.author_info .author_photo img{
    max-width:100px;
    border-radius: 50%;
}

.author_info a{
    color:var(--dark-blue);
}
.author_descr a{
    padding:3px 0 3px 27px;
    background: url(assets/img/mail.png) 0 3px no-repeat;
    background-size: 18px;
}
.et_pb_post_content a{
    color:var(--blue);
}
.et_pb_post_content a.wp-block-button__link,
.et_pb_post_content a.wp-element-button {
    color:#fff;
}
.et_pb_post_content a:hover{
    text-decoration:underline;
}
.et_pb_post_content a.wp-block-button__link:hover,
.et_pb_post_content a.wp-element-button:hover {
    text-decoration:none;
}
.pres_slider{
    width:600px;
    background: var(--blue);
    border-radius: 10px;
    padding: 22px 35.5px 21px 36.5px;
}
.pres_slider .swiper-slide{

    border: 14px solid #fefefe;
    border-radius: 10px;
}
.pres_slider .swiper-slide img {
    /*border: 14px solid #fefefe;*/
    border-radius: 15px;
}

.no_access{
    color:#fff;
    text-align: center;
}


.et-db #et-boc  .single-content .et-l .et_pb_section{
   padding:0;
}
.et-db #et-boc  .single-content .et-l .et_pb_row{
    width:100%;
}
.et-db #et-boc  .single-content .et-l .et_pb_row:first-child{
    padding-top:0;
}
.et-db #et-boc  .single-content .et-l .et_pb_row:last-child{
    padding-bottom: 0;
}

.et_pb_search{

}
.et_pb_search .et_pb_searchform>div{
    flex-direction: row-reverse;
}
.et_pb_search input.et_pb_searchsubmit{
    background: url(assets/img/search.svg) center center no-repeat;
    width: 40px;
}

.flex-row-end{
    display:flex;
    flex-direction:row;
    gap:40px;
    align-items:center;
    justify-content:end;
}
.flex-row-start{
    display:flex;
    flex-direction:row;
    gap:40px;
    align-items:center;
    justify-content:start;
}
.et-db #et-boc header.et-l  .mobile_nav .et_mobile_menu{
    width: 100%;
    position: fixed;
    left: 0;
    top: 58px;
    padding: 0 5% 0 10%;
}
 .mobile_nav .et_mobile_menu > li{
    border-top: 1px solid rgba(255, 255, 255, 0.20);
}
.mobile_nav .et_mobile_menu > li:last-child{
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
.et-db #et-boc .et-l .et_mobile_menu li li{
    padding-left:0;
}
.et-db #et-boc .et-l .et_mobile_menu li a{
    padding:15px 0;
}

.mob-search-btn{

}
.mob-search{
    display:none;
}
.mob-search.open{
    display:block;
}
.filter-btn-wrap{
    display: flex;
    justify-content: end;
}
.filter_btn{
    border:1px solid var(--blue);
    color: var(--blue);
    border-radius: 20px;
    padding: 6px 12px 6px 32px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    background: url(assets/img/filter.svg) 9px 7px no-repeat;
    height:32px;
    line-height: 18px;
}

.mob_filter .date_filter{
    display:flex;
    gap:30px;
}
.mob_filter label{
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    color: var(--blue);
    cursor:pointer;
}
.mob_filter label.active  {
    color:var(--orange);
    cursor: default;
}

.count_posts.mob{
    position:static!important;
}
.close-btn{
    text-align: right;
    padding: 3px 10px 0 0;
}
.hidden-md{
    display:none;
}
#menu-footer li{
    flex-direction: column;
}
#menu-footer li .sub-menu{
    display:block;
    position: static;
    visibility: visible;
    opacity: 1;
    width: 113px;
    left: 0;
    padding: 0;
    margin: 0;
}
#menu-footer li .sub-menu li, #menu-footer li .sub-menu li a{
    padding: 0;
}


.et_mobile_menu .first-level > a {
    background-color: transparent;
    position: relative;
}
.et_mobile_menu .first-level > a:after {
    font-family: 'ETmodules';
    content: '\43';
    font-weight: normal;
    position: absolute;
    font-size: 16px;
    top: 13px;
    right: 10px;
}
.et_mobile_menu .first-level > .icon-switch:after{
    content: '\42';
}
.second-level {
    display: none;
}
.reveal-items {
    display: block;
}

.posts_list .post.top{
    flex-direction: column;
    gap: 0px;
}
.posts_list .post.top .post_desc{
    min-height: auto;
}
.grid_list .post.top{

    align-items: center;
    grid-column: span 3;
}
#videos .post.top .post_thumb img{
    width:100%;
}
#announcements.grid_list .post.top{
    grid-column: span 2;
    flex-direction: row;
}
#projects .pagination{
    display: none;
}
#events .btn-load{

}
.clear_btn{
    display:none;
    color: var(--orange);
}
.clear_btn.show{
    display:block;
}
.clear_btn:after{
    display: inline-block;
    content: "\00d7";
    font-size: 19px;
    top: 2px;
    position: relative;
}
.content.preloader{
    position: relative;
}
.preloader:before{

    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
}
.preloader:has(.post):before {
    background-color: rgba(255,255,255,.5);
}

/* Search results */
.et_pb_salvattore_content .et_pb_image_container {
    margin: -19px -19px 29px;
}

.post.top iframe{
    min-height: 500px;
}
.et_pb_text_inner blockquote, body.et-db #et-boc .et-l blockquote, .new-member-quote{
    padding: 24px 16px;
    gap: 8px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--input--border);
    background: var(--light-blue);
    margin:28px 0;
}
.new-member-quote{

}
.et_pb_text_inner ul{
    column-count: 2;
}
.et_pb_text_inner ul li{
    list-style-type: none;
}
.et_pb_text_inner ul, .et_pb_text_inner ol{
    list-style-type: none;
    padding-left: 0;
}
.et_pb_text_inner ul li:before, .et_pb_text_inner ol li:before{
    display: inline-block;
    content:"";
    width: 11px;
    height: 11px;
    background: var(--orange);
    border-radius: 2px;
    margin-right: 8px;
}
.et_pb_text_inner ul li:before{

}
.et_pb_text_inner ol li{
    counter-increment: step-counter;
}

.et_pb_text_inner ol li::before{
    font-size: 8px;
    content: counter(step-counter);
    position: relative;
    line-height: 11px;
    text-align: center;
    top: -2px;
}
.et_pb_text_inner p a{
    color:var(--blue);
}
.et_pb_text_inner p a:hover{
    text-decoration: underline;
}

.new-member{
    display: flex;
    gap: 8px;
}
.new-member-photo{
    /*flex: 1 0 86px;*/
    padding-right:8px;
}
.new-member-photo img{
    border-radius:50%;
}
.new-member-content{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.new-member-content p{
    padding-bottom:0;
}
.new-member-content h3 + p{
    color:#424242;
}

h3.new-member-name {
    font-size: 20px!important;
    font-style: normal;
    font-weight: 550;
    line-height: 148%;
    padding-bottom: 0;
}

.new-member-btns{
    display:flex;
    gap:4px;
    margin-top:8px;
}
.new-member-btns a{
    border-radius: 4px;
    border: 1px solid var(--input--border);
    font-size: 14px;
    color: var(--blue-grey);
    padding: 0 8px;
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}
.new-member-btns a i{
    display: inline-block;
    content:'';
    width:16px;
    height:16px;

}
.new-member-btns a.hrm i{
    background: url(assets/img/hrm.svg) 0 0 no-repeat;
}
.new-member-btns a.ln i{
    background: url(assets/img/ln.svg) 0 0 no-repeat;
    top: -3px;
    position: relative;
}
.new-member-btns a.sk i{
    background: url(assets/img/sk.svg) 0 0 no-repeat;
}
.new-member-btns a.inst i{
    background: url(assets/img/inst.svg) 0 0 no-repeat;
}
.new-member-btns a.fb i{
    background: url(assets/img/fb.svg) 0 0 no-repeat;
}
.new-member-btns a:hover{
    background: var(--grey);
}
.new-member-rank{
    font-size: 14px;
    color: var(--blue-grey);
    border-radius: 4px;
    border: 1px solid var(--input--border);
    height:30px;
    width:110px;
    text-align: center;
    word-wrap:normal;
    min-width:60px;
    display: none;
}


@media (min-width: 1100px){
    #announcements .post.first .post_thumb,
    #announcements .post.top .post_thumb{
        width:48%;
    }

}
@media (min-width:992px){
    .et-db #et-boc .et-l .footer-menu-wrap .et_pb_menu__wrap{
        display: block;
        justify-content: space-between;
    }
    .et-db #et-boc .et-l .footer-menu-wrap .et-menu{
        flex-wrap: nowrap;
    }

    .et-db #et-boc .et-l .footer-menu-wrap .et-menu > li{
        flex-direction: column;
    }
    .et-db #et-boc .et-l .footer-menu-wrap .et-menu > li > a{
        font-weight:550;
    }

    .et-db #et-boc .et-l .footer-menu-wrap .et-menu li .sub-menu{
        visibility: visible;
        opacity: 1;
        padding: 5px 0 0 0;
        position: static;
        width: auto;
    }
    .et-db #et-boc .et-l .footer-menu-wrap .et-menu li .sub-menu li{
        padding: 0;
        display: block;
    }
    .et-db #et-boc .et-l .footer-menu-wrap .et-menu li .sub-menu li a{
        padding: 0;
        font-size:16px;
        width: auto;
        opacity: 0.6;
    }
    .et-db #et-boc .et-l .footer-menu-wrap .et-menu .menu-item-has-children>a:first-child:after{
        content:'';
    }
}


@media (min-width:769px){
    .filter_btn, .mob_filter1{
        display: none;
    }
    .search-no-results footer{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

}

@media (min-width:768px){
    .onboarding > .et_pb_row:after {
        display: none;
    }
    .flex-reverse .et-last-child{
        max-width:460px;
    }

}

@media (max-width:1350px) and (min-width:769px) {
    .home-title h1,.home-title.et_pb_text_0 h1 {
        font-size: 108px;
        line-height: 112px;
    }
}
@media (max-width:1100px) {
    .onboarding > .et_pb_row{
        flex-direction: column;
        /*display:block;*/
        justify-content: space-between;
        align-items: center;
        margin: 50px auto;
        gap: 30px;
    }
    .onboarding > .et_pb_row.flex-reverse{
        flex-direction: column-reverse;
    }
    .onboarding .flex-reverse .et-last-child{
        max-width:100%;

    }
    .onboarding > .et_pb_row > .et_pb_column_1_2{
        width:85%;
        margin: 5px auto !important;
    }
    .onboarding .et_pb_text{
        max-width:80%;
    }
    .onboarding .divider{
        display:none;
    }
    .posts_list.grid_list .content{
        grid-template-columns: 1fr 1fr;
    }
    .posts_list .grid-list {
        grid-template-columns: 1fr 1fr;
    }
    .post.first, .grid_list .post.top{
        grid-column: span 2;
    }
    #announcements .post.first,
    #announcements .post.top{
        display:block;
    }
    .list.posts_list .post .post_thumb{
        flex-basis:230px;
    }
}

@media (max-width:992px){
    .et-db #et-boc .et-l .footer-menu-wrap .et_pb_menu__wrap{
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .et-db #et-boc .et-l .footer-menu-wrap .et_mobile_menu{
        display:block;
        position: relative;
        padding: 5% 0;
    }
    .et-db #et-boc .et-l .footer-menu-wrap .mobile_menu_bar{
        display: none;
    }

    .et-db #et-boc .et-l .footer-menu-wrap .et_mobile_nav_menu, .footer-menu-wrap .mobile_nav{
        flex: 0 0 100%;
    }
    .et-db #et-boc .et-l .footer-menu-wrap .mobile_nav .sub-menu{
        padding-left:0;
    }

    .user_info{
        display:block;
    }
    .user_info label{
        display:none;
    }
    header .et_mobile_menu{
        width: 100%;
        position: fixed;
        left: 0;
        top: 124px;
    }
    .et-db #et-boc .et-l .et_mobile_menu > li > a{
        font-size:19px;
        font-weight: 600;
    }
    .et-db #et-boc .et-l .et_mobile_menu .sub-menu li a{
        font-size: 16px;
        font-weight: 400;
        padding:2px 0;
    }
}
@media (max-width:768px) and (min-width: 600px){
    .posts_list:not(.announcements) .content{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }
    .post .post_date {
        font-size: 13px;
    }
}

@media (max-width:768px){
    .mob-header{
        display:block;
    }
    .onboarding > .et_pb_row > .et_pb_column_1_2{
        width:95%;
    }
    h1.entry-title{
        font-size:36px;
        line-height: 130%;
    }
    .footer-menu-wrap{
        display:block;
    }
    .flex-row-start{

    }
    .top-header > div{
        gap:8px;
    }
    .top-header .flex-row-end{
        gap:10px;
    }

    .hidden-md{
        display:block;
    }
    .count_posts{
        text-align: right;
    }
    .list.posts_list .post .post_thumb {
        flex-basis: auto;
        margin-bottom:0;
    }
    .proj_slider .slider_nav{
        margin: 0 auto 30px;
        position: static;
    }
    .sidebar_filter{
        position: fixed;
        left:0;
        top:104px;
        background:#fff;
        width:100%;
        box-shadow: 0px 0px 10px 3px #ccc;
        padding-left: 30px;
    }
    .sidebar_filter:not(.mob), .sidebar_filter:not(.mob) .date_filter{
        display:none;
    }
    h1.entry-title{
        font-size: 36px;
    }
    .flex-reverse{
        flex-direction:column-reverse;
        gap:30px;
    }
    .list.posts_list .post{
        flex-direction: column;
        gap:20px;
    }

    .posts_list .grid-list .post .post_title{
        min-height: auto;
    }
    .grid-video .post.video-0 .post_title a{
        font-size:20px;
    }
    .grid-video .post_thumb{
        margin-bottom:5px;
    }

    .grid-video{
        display: flex;
        gap: 40px;
        flex-direction: column;
    }
}

@media (max-width:600px){

    .proj_slider .slider_nav{
        margin: 28px auto 30px;
    }
    .mob-search{
        position: absolute;
        top: 59px;
        right: 10px;
        width: 90%;
    }
    .posts_list .grid-list{
        display:block;
    }
    .grid-list .post{
        margin-bottom:50px;
    }
    .posts_list.grid_list .content,
    #announcements.posts_list.grid_list .content{
        grid-template-columns: 1fr;
    }
    .post.first,.grid_list .post.top,
    #announcements .post.first, #announcements .post.top, #announcements.grid_list .post.top{
        grid-column: span 1;
    }

}



@media (prefers-color-scheme: dark) {
    .sidebar_filter li.active {
        background: #2130b5;
    }
    .sidebar_filter li.active a{
        color: #fff;
    }
}

html[data-theme='dark'] {
    --text-color-normal: hsl(210, 10%, 62%);
    --text-color-light: hsl(210, 15%, 35%);
    --text-color-richer: hsl(210, 50%, 72%);
    --text-color-highlight: hsl(25, 70%, 45%);
}