/*
Theme Name: ЦДВР
Template: bootstrap-basic4
Text Domain: cdvr
Version:1.0
*/








/* Общие установки              */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap');

html {
    margin-top: 0px !important
}

body {
    background-color: #FAF5F2;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    overflow-x: hidden;
}

body.single-post, body.page {
    background-color: white;
}

div.container.page-container {display: none;}

#main {
    margin:0 auto;
    padding: 0;
    width:100%;
}

#main-logo{
    width: 115px;
    height: 60px;
}

.site-branding {
    display: none;
}

.main-navigation {
    background-color: white;
    height: 60px;
    position: sticky;
    top: 0px;
    z-index: 100;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.row{
    margin:0;
}

.bg-light {
    background-color:white!important;
}

.main-navigation .col-md-12 {
    display: flex;
    width: 1200px;
    margin: auto;
    flex:none;
    padding: 0;
}

.full-width {
    width: 100%;
    text-align: center;
}

button {
    width: 312px;
    height: 60px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background: linear-gradient(92.12deg, #B155F9 -9.95%, #B83593 131.73%);
    border-radius: 35px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 800;
    font-size: 1.125rem; /* 18px */
    line-height: 1.375rem; /* 22px */
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #FFFFFF;
    border-width: 0px;
}

button:focus{
outline:none;
}

#main .post, #main .page {
    padding: 0;
    border: none;
}

#content.row-with-vspace{
    margin-bottom: 0;
}

div#content {
    min-height: calc(100vh - 552px);
}

h1 {
    font-weight: bold;
    font-size: 2.25rem;
    line-height: 110%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #321F32;
    margin: 40px 0 10px;
}

@media only screen and (max-width: 767px) {

    html, body {
        overflow-x: hidden;
        -webkit-overflow-scrolling: auto;
        overflow-y: auto;
    }

    #content.row-with-vspace {
        padding: 12px;
    }

    button {
        width: 295px;
        font-size: 1rem; /* 16px */
    }

    p[align="justify"] {
        text-align: left;    
    }

    .main-navigation .col-md-12 {
        padding: 0 15px;
    }

    h1 {
        font-size: 1.875rem; /* 30px */
        margin: 10px 0 10px;
    }

    div#content {
        min-height: calc(100vh - 757px);
    }  
}


@media only screen and (min-width: 768px) and (max-width: 949px) {

    p[align="justify"] {
        text-align: left;    
    }

    .main-navigation .col-md-12 {
        padding: 0 15px;
    }

    div#content {
        min-height: calc(100vh - 582px);
    }    
}

@media only screen and (min-width: 950px) and (max-width: 1323px) {

    .main-navigation .col-md-12 {
        padding: 0 15px;
    }

}














/* Главное меню              */

.menu-item {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 0.75rem; /* 12px */
    line-height: 1.4375rem; /* 23px */
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.navbar-light .navbar-nav .nav-link {
    color: #321F32;
}

.navbar-light .navbar-nav .nav-link:focus {}

.navbar-light .navbar-nav .show .nav-link {
    color: #B155F9;    
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #B155F9;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #B155F9;
    background-color: inherit;    
}

.dropdown-item {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 0.75rem; /* 12px */
    line-height: 0.9375rem; /* 15px */
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #321F32;
    padding-top:10px;
    padding-bottom: 10px;
}

.dropdown-menu {
    border:none;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-left:15px;
    padding-right:15px;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 7px;
    vertical-align: 2px;
    content: "";
    border-top: 2px solid;
    border-right: 2px solid;
    border-bottom: 0;
    border-left: 0;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    transition-duration:.5s;
}

.show .dropdown-toggle::after{
    display: inline-block;
    margin-left: 7px;
    vertical-align: -2px;
    content: "";
    border-top: 2px solid;
    border-right: 2px solid;
    border-bottom: 0;
    border-left: 0;
    width: 10px;
    height: 10px;
    transform: rotate(-45deg);
}

.header-buttons {
    height: 26px;
    overflow: hidden;
    border-right: 1px solid #E4D6C5;
    padding-right: 14px;
}

.header-buttons svg {
    height: 26px;
    width: 30px;
}

.size-select {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-grow: 1;
}


.size-select button {
    width: auto;
    height: auto;
    filter: none;
    background: none;
    color: black;
}

.size-select button:nth-child(1) {
    font-size: 0.8125rem; /* 13px */
    font-weight: 700;
}

.size-select button:nth-child(2) {
    font-size: 1.0625rem; /* 17px */
    font-weight: 700;
}

.size-select button:nth-child(3) {
    font-size: 1.4375rem; /* 23px */
    font-weight: 700;
}

.navbar {
    width: 100%;
    padding-right: 0
}

ul.navbar-nav {
    flex-grow: 1;
    justify-content: center;
}

.navbar-expand-lg .navbar-toggler {
    display: none;
}

.navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
}

@media only screen and (min-width: 768px) and (max-width: 990px) {

    .header-buttons {
        display: none;
    }

}

@media only screen and (min-width: 768px) and (max-width: 840px) {
     .menu-item {
        font-size: 0.625rem; /* 10px */
        margin-top: 2px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 11px;
        padding-right: 11px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1323px) {

}

@media only screen and (max-width: 767px) {


   .show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay, .show-mob-menu-search .mobmenu-overlay {
        background: none;
    }

    .mob-menu-logo-holder {
        text-align: left;
        background-color: white;
        margin-left: 15px;
    }

    .mob-menu-header-holder{
        box-shadow: 0px 0px 6px rgba(130, 130, 130, 0.05), 0px 2px 3px rgba(130, 130, 130, 0.2);
    }

    #mobmenuright li a, #mobmenuright li a:visited, .show-nav-right .mob-menu-copyright, .show-nav-right .mob-expand-submenu i {
        color: #fff;
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 0.875rem; /* 14px */
        line-height: 1.0625rem; /* 17px */
        text-align: right;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        display: flex;
        flex-direction: row-reverse;
    }

    #mobmenuright li a {
        margin-top: 15px;
    }

    #mobmenuright .sub-menu li a{
        font-family: Montserrat;
        font-style: normal;
        font-weight: 600;
        font-size: 0.625rem; /* 10px */
        line-height: 0.75rem; /* 12px */
        text-align: right;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: #FFFFFF;
        padding-right:0;
        margin-top: 0;
    }

    .mobmenu-content #mobmenuright .sub-menu {
        background: none;
    }

    .mobmenu-content #mobmenuright > li > a:hover {
        color: #FF00E5;
        background: linear-gradient(92.12deg, #B155F9 -9.95%, #B83593 131.73%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .mobmenu-content #mobmenuright li:hover {
        background: none;
    }

    .mob-icon-down-open:before,.mob-icon-up-open:before {
        color: #FF00E5;
        background: linear-gradient(92.12deg, #B155F9 -9.95%, #B83593 131.73%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 1.25rem; /* 20px */
        margin-top: -2px;
    }

    .mobmenu-right-panel {
        background-color: #321F32;
    }

    #mobmenu-footer a{
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 0.75rem; /* 12px */
        line-height: 0.9375rem; /* 15px */
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: #FFFFFF;
    }

    #mobmenu-footer {
        display: flex;
        flex-direction:column;
        padding: 0 20px;
    }

    #mobmenu-footer form{
        margin: 20px auto;
    }

    #mobmenu-footer div{
        display: flex;
        flex-direction:row;
        justify-content:space-between;
    }

    .mobmenu-content {
        display: flex;
        flex-direction:column;
        justify-content:space-between;
        padding-bottom: 20px!important;
        height: calc(100% - 45px)!important;
    }
}















/* Кнопки соцсетей и поиск              */

.header-buttons svg{
    fill:black;
}

.footer-buttons svg{
    fill:white;
}

.header-buttons svg:hover,.footer-buttons svg:hover{
    fill:url(#lin-grad);
}

.header-searchform{

}

.search-form {
    display: flex;
    flex-direction:row;
}

.search-form input {
    height: 40px;
    border: 0;
    border-radius: 35px;
    background: white;
    border: solid 1px black;
    margin-right: -20px;
    margin-left: -180px;
}

.search-form input {
    outline: none;
}

.header-searchform .input-group>.form-control:focus {
    z-index: 1;
    border-color:black;
    box-shadow: none;
}

.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
    width: 235px;
    visibility: hidden;
}

.search-form .btn {
    width: 26px;
    height: 23px;
    background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22search-button%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2226px%22%20height%3D%2229px%22%20viewBox%3D%220%200%2026%2029%22%20enable-background%3D%22new%200%200%2026%2029%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M25.66%2C27.117l-7.442-7.762c1.916-1.981%2C3.103-4.723%2C3.103-7.753c0-6.049-4.724-10.951-10.551-10.951%0A%09c-5.827%2C0-10.55%2C4.902-10.55%2C10.951c0%2C6.048%2C4.724%2C10.949%2C10.55%2C10.949c2.273%2C0%2C4.373-0.753%2C6.096-2.021l7.555%2C7.878%0A%09c0.004%2C0.004%2C0.007%2C0.007%2C0.01%2C0.011c0.338%2C0.34%2C0.879%2C0.335%2C1.221-0.021C25.993%2C28.041%2C26.002%2C27.472%2C25.66%2C27.117z%20M1.469%2C11.602%0A%09c0-5.336%2C4.164-9.661%2C9.3-9.661c5.137%2C0%2C9.301%2C4.325%2C9.301%2C9.661c0%2C5.335-4.164%2C9.66-9.301%2C9.66%0A%09C5.633%2C21.262%2C1.469%2C16.938%2C1.469%2C11.602z%22%2F%3E%0A%3C%2Fsvg%3E) no-repeat;
    outline: none;
    border: none;
    margin-left: -18px;
    margin-top: 7px;
    background-size: contain;
}

.search-form .btn:focus {
    outline: none;
    border: none;
    box-shadow: none;
}

.search-form .btn-outline-secondary:not(:disabled):not(.disabled):active {
    background-color: inherit;
    border-color: inherit;
    box-shadow: none;
}



/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0; 
}

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none; 
}

@media only screen and (min-width: 768px) and (max-width: 880px) {

    .search-form input {
        margin-left: -100px;
    }

    .input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
        width: 155px;
    }


}

@media only screen and (max-width: 767px) {

    .input-group>.form-control:not(:last-child) {
        border-top-right-radius: 35px;
        border-bottom-right-radius: 35px;
    }

    .input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
        width: 215px;
        visibility: visible;
    }

    .search-form {
        display: flex;
        flex-direction:row;
        margin-left: -9px;
        margin-right: 35px;
    }

    .search-form input {
        height: 38px;
        border: 0;
        border-radius: 35px;
        background: transparent;
        border: solid 1px white;
        margin-right: -20px;
        margin-left: 5px;
    }

    .search-form input {
        outline: none;

    }

    .search-form .btn {
        width: 28px;
        height: 32px;
        background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22search-button%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2226px%22%20height%3D%2229px%22%20viewBox%3D%220%200%2026%2029%22%20enable-background%3D%22new%200%200%2026%2029%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M25.66%2C27.117l-7.442-7.762c1.916-1.981%2C3.103-4.723%2C3.103-7.753c0-6.049-4.724-10.951-10.551-10.951%0A%09c-5.827%2C0-10.55%2C4.902-10.55%2C10.951c0%2C6.048%2C4.724%2C10.949%2C10.55%2C10.949c2.273%2C0%2C4.373-0.753%2C6.096-2.021l7.555%2C7.878%0A%09c0.004%2C0.004%2C0.007%2C0.007%2C0.01%2C0.011c0.338%2C0.34%2C0.879%2C0.335%2C1.221-0.021C25.993%2C28.041%2C26.002%2C27.472%2C25.66%2C27.117z%20M1.469%2C11.602%0A%09c0-5.336%2C4.164-9.661%2C9.3-9.661c5.137%2C0%2C9.301%2C4.325%2C9.301%2C9.661c0%2C5.335-4.164%2C9.66-9.301%2C9.66%0A%09C5.633%2C21.262%2C1.469%2C16.938%2C1.469%2C11.602z%22%2F%3E%0A%3C%2Fsvg%3E) no-repeat;
        outline: none;
        border: none;
        margin-left: -18px;
        margin-top: 4px;
    }
    
}














/* Карточки с анонсами на главной              */

.small-cards {
    max-width:920px;
}

.contaner-small-cards{
    max-width:1200px;
    margin:0 auto;    
}

body.home #main .type-post {
    width: 280px;
    height: 335px;
    margin-bottom: 26px;
    margin-right: 26px;
    overflow-x: inherit;
    padding: 0px;
    border:0px;
}

body.home #main .big-card .type-post {
    width: 100%;
    height: 580px;
    max-height: calc(100vh - 280px);
    min-height: 440px;
}

    /* выделяем большие карточки на десктопе              */

    @media only screen and (min-width: 1324px) {
        body.home #main .small-cards .type-post:nth-child(24n+12),body.home #main .small-cards .type-post:nth-child(24n+13) {
          width: 434px;
          height: 330px;
          margin-top: 10px;
          margin-bottom: 36px;
        }

        body.home #main .small-cards .type-post:nth-child(24n+12) .card-img-top,body.home #main .small-cards .type-post:nth-child(24n+13) .card-img-top {
          display:none;
        }
        body.home #main .small-cards .type-post:nth-child(24n+12) .card-excerpt,body.home #main .small-cards .type-post:nth-child(24n+13) .card-excerpt {
          display:block;
        }
        body.home #main .small-cards .type-post:nth-child(24n+12) .card-body,body.home #main .small-cards .type-post:nth-child(24n+13) .card-body {
          height: 330px;
        }
        body.home #main .small-cards .type-post:nth-child(24n+12) .card-body::before,body.home #main .small-cards .type-post:nth-child(24n+13) .card-body::before {
          display: none;
        }

        body.home #main .small-cards .type-post:nth-child(24n+12) .card-title a, body.home #main .small-cards .type-post:nth-child(24n+13) .card-title a{
            font-weight: bold;
            font-size: 1.625rem; /* 26px */
            line-height: 110%;
            color: #321F32;
        }
    }


.mobile-sidebar {
    display: none;
}

.tablet-sidebar {
    display: none;
}

.card {
    border-width:0px;
    width:100%;
}

.small-cards .card:hover{
    box-shadow: 0px 4px 10px rgba(121, 100, 87, 0.1), 0px 4px 5px rgba(121, 100, 87, 0.3);
    cursor: pointer;
}

.small-cards a, .small-cards a:hover {
    text-decoration: none;
}

.big-card div.card-img-top:hover, .big-card div.card-body:hover{
    cursor: pointer;
}

.small-cards .card:hover img.card-img-top, .big-card:hover img.card-img-top{
  transform: scale(1.05);
  transition-duration:.5s;
}

.card-img-top {
    height: 160px;
    object-fit: cover;
    overflow: hidden;
}

.card-img-top::after {
    content: "";
    top: 0px;
    width: 100%;
    height: 160px;
    position: absolute;
    background: linear-gradient(180deg, rgba(50, 31, 50, 0) 50%, rgba(0, 0, 0, 0.75) 100%);
    display: block;
}

.card-title {
    overflow: hidden;
    max-height: 170px;
}

.big-card .card{
    background-color: inherit;
}

#main .big-card .post .entry-title{
    margin-top: 60px;
}

#main .big-card:hover .post .entry-title{
    display: none;
}

#main .big-card:hover .post .card-excerpt{
    margin-top: 60px;
    display: block;
    font-weight: 600;
    font-size: 1.125rem; /* 18px */
    line-height: 140%;
}

#main .big-card:hover .post .card-excerpt:after{
    display:none;
}

#main .big-card:hover .post .card-excerpt a{
    color: #FFFFFF;
}

#main .big-card:hover .post .card-excerpt a:hover{
    text-decoration: none;
}


.big-card .card-img-top {
    height: 580px;
    max-height: calc(100vh - 280px);
    min-height: 440px
}

.big-card .card-body {
    position: relative;
    margin-top:-410px;    
    width:1200px;
    height:410px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

#main .big-card .type-post {
    margin-right: 0px;
}

.big-card .card-category {
    position: relative;
    top: -390px;
}

.big-card .card-title a{
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 3.125rem; /* 50px */
    line-height: 110%;
    color: #FFFFFF;
}

.big-card .card-bottom{
    flex-direction:column;
}

.big-card .card-date{
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem; /* 16px */
    line-height: 110%;
    text-transform: lowercase;
    color: #FFFFFF;
    position: relative;
    top: -120px;
}

div.card-body::before {
    content: "";
    top: -17px;
    width: 60px;
    height: 5px;
    position: relative;
    display: block;
    left: -200px;
}

.big-card div.card-img-top::after {
    content: "";
    top: -580px;
    width: 100%;
    height: 580px;
    background: linear-gradient(180deg, rgba(50, 31, 50, 0) 0%, rgba(50, 31, 50, 0.474876) 35.58%, #321F32 93.25%);
    display: block;
    position: relative;
}

.big-card div.card-body::before {
    top: 390px;
    left: 0px;
    width: 1200px;
    height: 20px;
    margin: 0 auto;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 12px 20px;
    height: 175px;
}

.card-body .announce-container {
    overflow: hidden;
}

.contaner-small-cards .card-body .announce-container::after {
    content: "";
    background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
    width: 100%;
    height: 23px;
    display: block;
    position: absolute;
    top: 282px;
    left: 0px;
}

.card-title a{
    margin-bottom: .75rem;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 1.125rem; /* 18px */
    line-height: 130%;
    color: #000000;
}

.single-post .card-title a, .single-post .card-title a:visited, .single-post .card-title a:hover{
    color: #000000;
}

.card-excerpt{
    display:none;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 0.875rem; /* 14px */
    line-height: 130%;
    overflow: hidden;
}

.card-excerpt a{
    color: #000000;    
}

.card-bottom {
    width: 100%;
}

.card-category {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 0.75rem; /* 12px */
    line-height: 110%;
    text-transform: uppercase;
    flex-grow: 1!important;
}

.card-date {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 0.75rem; /* 12px */
    line-height: 110%;
    text-transform: lowercase;
    color: #71585A;
}

.category-news .card-category {
    color: #FF00E5;
}

.category-news div.card-body::before {
    background-color: #FF00E5;
}

.big-card .category-news div.card-body::before {
    background: linear-gradient(92.12deg, #B155F9 -9.95%, #B83593 131.73%);
}

.category-events .card-category {
    color: #5200FF;
}

.category-events div.card-body::before {
    background-color: #5200FF;
}

.category-articles .card-category {
    color: #FF0000;
}
.category-articles div.card-body::before {
    background-color: #FF0000;
}

.event-date, .publication-author {
    position: absolute;
    top: 130px;
    color: white;
    font-weight: bold;
    font-size: 14px;
    line-height: 110%;
}

@media only screen and (min-width: 768px) and (max-width: 949px) {

    div.card-body::before {
         left: -278px;
    }

    .contaner-small-cards .card-body .announce-container::after {
        top: 330px;
    }

    .contaner-small-cards {
        max-width: 768px;
    }

    #sidebar-right {
        display: none;
    }

    .tablet-sidebar {
        display: block;
        margin: 0 13px 26px;
        padding-inline-start: 0;
    }

    .tablet-sidebar:nth-child(24n+6), .tablet-sidebar:nth-child(24n+20) {
        width:742px;
        display: flex;
    }

    body.home #main .small-cards .type-post {
      width: 358px;
      height: 380px;
      margin: 0 13px 26px;
    }

    body.home #main .small-cards .type-post .card-img-top {
      height: 185px;
    }

    body.home #main .small-cards .type-post .card-img-top::after {
      height: 185px;
    }

    body.home #main .small-cards .type-post .card-body {
      height: 195px;
    }

    body.home #main .small-cards .type-post:nth-child(24n+12),body.home #main .small-cards .type-post:nth-child(24n+16) {
      width: 742px;
      height: 250px;
    }

    body.home #main .small-cards .type-post:nth-child(24n+12) .card-img-top,body.home #main .small-cards .type-post:nth-child(24n+16) .card-img-top {
      display:none;
    }

    body.home #main .small-cards .type-post:nth-child(24n+12) .card-excerpt,body.home #main .small-cards .type-post:nth-child(24n+16) .card-excerpt {
      display:block;
    }

    body.home #main .small-cards .type-post:nth-child(24n+12) .card-body,body.home #main .small-cards .type-post:nth-child(24n+16) .card-body {
      height: 250px;
    }

    body.home #main .small-cards .type-post:nth-child(24n+12) .card-body::before,body.home #main .small-cards .type-post:nth-child(24n+16) .card-body::before {
      display: none;
    }

    body.home #main .small-cards .type-post:nth-child(24n+12) .card-title a, body.home #main .small-cards .type-post:nth-child(24n+16) .card-title a{
        font-weight: bold;
        font-size: 1.625rem; /* 26px */
        line-height: 110%;
        color: #321F32;
    }


    body.home #main .small-cards .type-post:nth-child(24n+12) .card-body .announce-container::after, body.home #main .small-cards .type-post:nth-child(24n+16) .card-body .announce-container::after {
        top: 200px;
    }

    body.home #main .big-card .type-post {
        height: 430px;
        min-height: 430px;
        margin-right: 0;
    }

    #main .big-card .post .entry-title{
        margin-top: 164px;
    }

    .big-card .card-img-top {
        height: 430px;
        min-height: 430px
    }

    .big-card .card-body {
        margin-top:-402px;    
        width:768px;
        padding: 0 30px;
    }

    .big-card .card-category {
        top: -62px;
        text-align: right;
    }

    .big-card .card-title a{
        font-size: 2.25rem; /* 36px */
    }

    .big-card .card-bottom{
        flex-direction:row-reverse;
    }

    .big-card .card-date{
        font-size: 0.875rem; /* 14px */
        top: -62px;
    }

    .big-card div.card-img-top::after {
        top: -430px;
        height: 430px;
    }

    .big-card div.card-body::before {
        width: 742px;
        height: 12px;
        left: -17px;
    }

    .small-cards {
        width:768px;
    }



}

@media only screen and (min-width: 950px) and (max-width: 1323px) {

   body.home #main .small-cards .type-post:nth-child(24n+7),body.home #main .small-cards .type-post:nth-child(24n+11),body.home #main .small-cards .type-post:nth-child(24n+21),body.home #main .small-cards .type-post:nth-child(24n+24) {
      width: 430px;
      height: 330px;
    }

    body.home #main .small-cards .type-post:nth-child(24n+11),body.home #main .small-cards .type-post:nth-child(24n+24) {
      margin-right: -274px;
      z-index: 1;
    }

    body.home #main .small-cards .type-post:nth-child(24n+7) .card-img-top,body.home #main .small-cards .type-post:nth-child(24n+11) .card-img-top, body.home #main .small-cards .type-post:nth-child(24n+21) .card-img-top,body.home #main .small-cards .type-post:nth-child(24n+24) .card-img-top {
      display:none;
    }
    body.home #main .small-cards .type-post:nth-child(24n+7) .publication-author,body.home #main .small-cards .type-post:nth-child(24n+11) .publication-author, body.home #main .small-cards .type-post:nth-child(24n+21) .publication-author,body.home #main .small-cards .type-post:nth-child(24n+24) .publication-author {
      display:none;
    }
    body.home #main .small-cards .type-post:nth-child(24n+7) .event-date,body.home #main .small-cards .type-post:nth-child(24n+11) .event-date, body.home #main .small-cards .type-post:nth-child(24n+21) .event-date,body.home #main .small-cards .type-post:nth-child(24n+24) .event-date {
      display:none;
    }    
    body.home #main .small-cards .type-post:nth-child(24n+7) .card-excerpt,body.home #main .small-cards .type-post:nth-child(24n+11) .card-excerpt, body.home #main .small-cards .type-post:nth-child(24n+21) .card-excerpt,body.home #main .small-cards .type-post:nth-child(24n+24) .card-excerpt {
      display:block;
    }
    body.home #main .small-cards .type-post:nth-child(24n+7) .card-body,body.home #main .small-cards .type-post:nth-child(24n+11) .card-body,body.home #main .small-cards .type-post:nth-child(24n+21) .card-body,body.home #main .small-cards .type-post:nth-child(24n+24) .card-body {
      height: 330px;
    }
    body.home #main .small-cards .type-post:nth-child(24n+7) .card-body::before,body.home #main .small-cards .type-post:nth-child(24n+11) .card-body::before,body.home #main .small-cards .type-post:nth-child(24n+21) .card-body::before,body.home #main .small-cards .type-post:nth-child(24n+24) .card-body::before {
      display: none;
    }

    body.home #main .small-cards .type-post:nth-child(24n+7) .card-title a, body.home #main .small-cards .type-post:nth-child(24n+11) .card-title a,body.home #main .small-cards .type-post:nth-child(24n+21) .card-title a, body.home #main .small-cards .type-post:nth-child(24n+24) .card-title a{
        font-weight: bold;
        font-size: 1.625rem; /* 26px */
        line-height: 110%;
        color: #321F32;
    }

    body.home #main .big-card .type-post {
        height: 430px;
        min-height: 430px;
        margin-right: 0;
    }

    #main .big-card .post .entry-title{
        margin-top: 164px;
    }

    .big-card .card-img-top {
        height: 430px;
        min-height: 430px
    }

    .big-card .card-body {
        margin-top:-402px;    
        width:892px;
        padding: 0 30px;
    }

    .big-card .card-category {
        top: -62px;
        text-align: right;
    }

    .big-card .card-title a{
        font-size: 2.25rem; /* 36px */
    }

    .big-card .card-bottom{
        flex-direction:row-reverse;
    }

    .big-card .card-date{
        font-size: 0.875rem; /* 14px */
        top: -62px;
    }

    .big-card div.card-img-top::after {
        top: -430px;
        height: 430px;
    }

    .big-card div.card-body::before {
        width: 892px;
        height: 12px;
        left: -30px;
    }

    .small-cards {
        max-width:612px;
    }


}
/* Карточки на мобильном              */

@media only screen and (max-width: 767px) {
    body.home #main .type-post {
        margin-right: 0px;
    }

    .main-navigation .col-md-12 {
         width: inherit;
    }

    .small-cards {
        max-width:280px;
    }

    .contaner-small-cards{
        max-width:280px;
        margin:0 auto;
        position: relative;    
    }

    .card-body .announce-container {
        overflow: hidden;
    }



    .mobile-sidebar {
        display: block;
    }


    #main .big-card .post .entry-title{
        margin-top: 60px;
    }

    .big-card{
        margin: -12px -12px 0;
    }

    .big-card .card-img-top {
        height: auto;
        min-height: inherit;
    }

    .big-card .card-body {
        margin-top:-220px;    
        height:220px; 
        width:auto;
        padding: 0 0 10px 0;
    }
    .big-card .card-title {
        padding: 0 24px 0 24px;
    }

    .big-card .card-title a {
        font-size: 1.125rem; /* 18px */
    }

    #main .big-card .type-post {
        margin-right: 0px;
    }

    .big-card .card-category {
        top: 0px;
        flex-grow: inherit!important;
    }

    .big-card .card-bottom{
        flex-direction:row-reverse;
        padding: 0 24px 0 24px;    
    }

    .big-card .card-date{
        top: 0px;
        flex-grow: 1!important;
    }

    div.card-body::before {
        content: "";
        top: -17px;
        left: -200px;
    }

    .big-card div.card-img-top::after {
        content: "";
        top: 0px;
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .big-card div.card-body::before {
        top: 215px;
        left: 0px;
        width: 100%;
        height: 5px;
        margin: 0 auto;
    }


    body.home #main .big-card .type-post {
        height: auto;
        min-height: inherit;
    }

    body.home #main .type-post {
        height: auto;
    }

        body.home #main .small-cards .type-post:nth-child(24n+5),body.home #main .small-cards .type-post:nth-child(24n+7),body.home #main .small-cards .type-post:nth-child(24n+15),body.home #main .small-cards .type-post:nth-child(24n+16) {
          width: 100%;
          height: 280px;
        }

        body.home #main .small-cards .type-post:nth-child(24n+5) .card-img-top,body.home #main .small-cards .type-post:nth-child(24n+7) .card-img-top,body.home #main .small-cards .type-post:nth-child(24n+15) .card-img-top,body.home #main .small-cards .type-post:nth-child(24n+16) .card-img-top {
          display:none;
        }
        body.home #main .small-cards .type-post:nth-child(24n+5) .card-excerpt,body.home #main .small-cards .type-post:nth-child(24n+7) .card-excerpt,body.home #main .small-cards .type-post:nth-child(24n+15) .card-excerpt,body.home #main .small-cards .type-post:nth-child(24n+16) .card-excerpt {
          display:block;
        }
        body.home #main .small-cards .type-post:nth-child(24n+5) .card-body,body.home #main .small-cards .type-post:nth-child(24n+7) .card-body ,body.home #main .small-cards .type-post:nth-child(24n+15) .card-body ,body.home #main .small-cards .type-post:nth-child(24n+16) .card-body {
          height: 280px;
        }
        body.home #main .small-cards .type-post:nth-child(24n+5) .card-body::before,body.home #main .small-cards .type-post:nth-child(24n+7) .card-body::before,body.home #main .small-cards .type-post:nth-child(24n+15) .card-body::before,body.home #main .small-cards .type-post:nth-child(24n+16) .card-body::before  {
          display: none;
        }

        body.home #main .contaner-small-cards .type-post:nth-child(24n+5) .card-body .announce-container::after, body.home #main .contaner-small-cards .type-post:nth-child(24n+7) .card-body .announce-container::after, body.home #main .contaner-small-cards .type-post:nth-child(24n+15) .card-body .announce-container::after, body.home #main .contaner-small-cards .type-post:nth-child(24n+16) .card-body .announce-container::after {
            top: 232px;
        }

        body.home #main .small-cards .type-post:nth-child(24n+5) .card-title a, body.home #main .small-cards .type-post:nth-child(24n+7) .card-title a, body.home #main .small-cards .type-post:nth-child(24n+15) .card-title a, body.home #main .small-cards .type-post:nth-child(24n+16) .card-title a{
            font-weight: bold;
            font-size: 1.125rem; /* 18px */
            line-height: 110%;
            color: #321F32;
        }

}












/* Боковые анонсы              */


#sidebar-right {
    max-width: 280px;
    padding: 0px;
}

#sidebar-right a, #sidebar-right a:hover {
    text-decoration: none;
}


#sidebar-right ul{
    list-style: none;
    padding-inline-start: 0;
}

#sidebar-right ul li:nth-child(8n+4) {
    margin: 36px 0 36px;
}

#sidebar-right ul li:nth-child(8n+8){
    display: none!important;
}

#sidebar-right ul li:nth-child(8n+9){
    margin-top:26px;
}

#sidebar-right .widget {
    border: none;
    margin-bottom: 0px;
    padding: 0px;
}

#sidebar-right .widget ul {
    padding-left: 0px;
    list-style: none;
}

.book-cover img{
    object-fit:contain;
    max-height: 250px;
    max-width: 248px;
    -webkit-box-shadow: 3px 4px 0px 0px #FFFFFF, 6px 8px 0px 0px #F7F6F5, 9px 12px 0px 0px #F2F1E2, 12px 16px 0px 0px #EDEBD5, 15px 20px 0px 0px #E2DFC3;
    box-shadow: 3px 4px 0px 0px #FFFFFF, 6px 8px 0px 0px #F7F6F5, 9px 12px 0px 0px #F2F1E2, 12px 16px 0px 0px #EDEBD5, 15px 20px 0px 0px #E2DFC3;
}

.book-cover{
    height:330px;
    background-color: rgb(255 255 255 / 0.5);
    margin: 23px 0 23px;
    flex-wrap: wrap;
}

.book-cover div{
    max-height: 250px;
    max-width: 248px;
    margin: auto;
    text-align: center;
}

.book-cover:hover {
    box-shadow: 0px 4px 10px rgb(121 100 87 / 10%), 0px 4px 5px rgb(121 100 87 / 30%);
    background-color: rgb(255 255 255 / 1);
}

.book-cover::after {
    content: "";
    top: -5px;
    width: 60px;
    height: 5px;
    position: relative;
    display: block;
    background-color: #F6DC51;
}

li.project {
    height: 160px;
    overflow: hidden;
}

li.project:hover {
    box-shadow: 0px 4px 10px rgb(121 100 87 / 10%), 0px 4px 5px rgb(121 100 87 / 30%);
}

li.project+li.project {
    margin-top: 26px;
}

li.project div {
    border-width: 6px;
    border-style: dotted;
    border-color: #B83593;
    padding: 10px;
    margin: -3px;
    width: 286px;
    height: 166px;
}

li.project div span{
    align-self:center;
}

li.project a{
    font-family: Ubuntu;
    font-style: normal;
    font-weight: bold;
    font-size: 1.5rem; /* 24px */
    line-height: 130%;
    text-transform: uppercase;
    color: #321F32;
}

li.book-cover a{
    width:100%;
    height: 100%;
    flex: 1 1 100%;
    display: flex;
}

li.announces div {
    flex-direction:column;
    border-bottom: 1px solid #E4D6C5;
    margin-bottom: 16px;
}

.single-post #main li.announces a{
    font-weight: 600;
    font-size: 1.125rem; /* 18px */
    line-height: 130%;
    color: #000000;
    margin-bottom: 10px;
}


@media only screen and (max-width: 767px) {

    #sidebar-right {
        display:none;
    }

    li.project {
        height: 114px;
    }

    li.project div {
        height: 120px;
    }

    li.project:nth-of-type(3) {
        margin-top: 640px;
        background-color: red;
    }

    ul.mobile-sidebar {
        padding-left: 0;
    }

}

@media only screen and (min-width: 768px) and (max-width: 949px) {

    article+#sidebar-right {
        display:none;
    }


    li.project + li.project {
        margin-top:0;
        margin-left: 26px
    }

    li.project {
        width:358px;
    }

    li.project div {
        width:364px;
        padding: 20px;
    }

    li.book-cover {
        width:358px;
        height: 380px;
        margin:0;
    }

    li.book-cover a::after {
        top: 62px;
    }


}

@media only screen and (min-width: 950px) and (max-width: 1323px) {

#sidebar-right li:nth-child(8n+3), #sidebar-right li:nth-child(8n+7){
        margin-bottom:384px;
    }


}









/* Подписка на новости              */

.sign-for-announces{
    height: 180px;
    background: url(footer-bg.jpg);
    width:100%;
    background-size: cover;
    background-position-y: 390px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 2rem; /* 32px */
    line-height: 120%;
    letter-spacing: 0.02em;
    color: #321F32;
}

.sign-for-announces>div::before{
    content: "";
    background: linear-gradient(90deg, #E9CDFF 29.15%, rgba(233, 205, 255, 0) 144.62%);
    mix-blend-mode: lighten;
    display: block;
    height:180px;
    width:100%;
}

.sign-for-announces div div{
    width:1200px;
    margin:0 auto;
    position: relative;
    top: -120px;
}

.sign-for-announces button {
        margin-left: -55px;
        padding: 1px 30px;
}

.sign-for-announces input {
    height: 60px;
    border: 0;
    border-radius: 35px;
    padding: 0 60px 0 20px;
    outline: none;
}

@media only screen and (max-width: 767px) {
 
    .sign-for-announces{
        height: 320px;
        font-size: 1.5rem; /* 24px */
        background-position-y: 0px;
     }

    .sign-for-announces span{
        margin: 0 20px;
     }

    .sign-for-announces>div::before{
        height:320px;
    }

    .sign-for-announces div div{
        width:100%;
        flex-direction:column;
        padding: 20px;
        top:-295px;
    }

    .sign-for-announces button {
        margin-left: 0px;
        width:100%;
    }

    .sign-for-announces input {
        height: 60px;
        border: 0;
        border-radius: 35px;
        margin:20px 0;
        outline: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 949px) {

    .sign-for-announces{
        height: 210px;
        font-size: 1.5rem; /* 24px */
        background-position-y: 0px;
     }

    .sign-for-announces span{
        margin: 0 20px 20px;
     }

    .sign-for-announces>div::before{
        height:210px;
    }

    .sign-for-announces div div{
        width:100%;
        flex-direction:row;
        padding: 20px;
        top:-185px;
        flex-wrap: wrap;
    }

    .sign-for-announces button {
    }

    .sign-for-announces input {
        width: calc(100% - 260px);
    }

}

@media only screen and (min-width: 950px) and (max-width: 1323px) {

    .sign-for-announces{
        font-size: 1.625rem; /* 26px */
    }

    .sign-for-announces span {
        min-width: 380px;
    }

    .sign-for-announces input {
        width: 350px;
    }

    .sign-for-announces div div{
        width: 892px;
    }

}






/* Галереи в подвале              */


#galleries {
    width: 100%;
    background-color: white;
    margin-top: 30px;
    padding-top: 10px;
    padding-bottom: 20px;
}

div#project-gallery {
    width: 1228px;
    height: 170px;
    margin: 20px auto 40px;
    padding-left: 14px;
}

div#project-gallery .slick-slide {
    width: 288px;
    height: 170px;
    margin-right: 16px;
}

div#project-gallery .slick-slide:hover img, div#important-gallery .slick-slide:hover, div#collection-gallery .slick-slide:hover{
    filter: drop-shadow(0px 4px 5px rgba(121, 100, 87, 0.5));
}

div#important-gallery, div#collection-gallery, div#announce-gallery {
    width: 1228px;
    height: 344px;
    margin: 20px auto;
    padding-left: 14px;
}

div#announce-gallery {
    margin-bottom: 60px;
}

div#important-gallery .card-img-top::after,div#collection-gallery .card-img-top::after,div#announce-gallery .card-img-top::after{
    background:none;
    display: none
}

div#important-gallery .slick-slide,div#collection-gallery .slick-slide,div#announce-gallery .slick-slide {
    width: 390px;
    height: 344px;
    margin-right: 16px;
}

div#project-gallery .text-layer{
    font-family: Ubuntu;
    font-style: normal;
    font-weight: bold;
    font-size: 1.625rem; /* 26px */
    line-height: 130%;
    display: flex;
    align-items: flex-end;
    text-transform: uppercase;
    color: #FFFFFF;
    position:relative;
    top:-100%;
    height: 170px;
    overflow: hidden;
    padding: 15px;
    padding-bottom: 25px;
}

div#project-gallery .text-layer span{
    z-index:1;
}


div#project-gallery .slick-slide:hover  .text-layer{
    color: #F6DC51;
}

div#project-gallery .text-layer span{
    vertical-align: bottom;
}


#project-gallery .text-layer::before {
    content: "";
    background: linear-gradient(180deg, rgba(50, 31, 50, 0) 0%, #120512 100%);
    width: 288px;
    height: 170px;
    position: absolute;
    z-index: 0;
    top: 0px;
    left: 0px;
}

div#project-gallery:nth-child(2)::before, div#announce-gallery:nth-child(2)::before, div#collection-gallery:nth-child(2)::before {
    background: linear-gradient(92.12deg, #B155F9 -9.95%, #B83593 131.73%);
    left: -7px;
    width: 1200px;
    height: 20px;
    margin: 0 auto;
    content: "";
    top: -15px;
    position: relative;
    display: block;
}

div#important-gallery .text-layer span,div#collection-gallery .text-layer span{
    vertical-align: top;
}

div#important-gallery .text-layer,div#collection-gallery .text-layer {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 1.625rem; /* 26px */
    line-height: 110%;
    color: #71585A;
    background-color:white;
    height: 144px;
    overflow: hidden;
    padding: 15px;
    border-left: 5px solid #FAF5F2;
    border-right: 5px solid #FAF5F2;
    border-bottom: 5px solid #FAF5F2;
}

div#announce-gallery .card-body {
    border: 5px solid #FAF5F2;
    border-top: none;
}

div#announce-gallery .card-body::before {
    left: -304px;
}

div#announce-gallery .card-title {
    align-self: flex-start;
}

div#announce-gallery .card-body:hover {
    box-shadow: 0px 4px 10px rgba(121, 100, 87, 0.1), 0px 4px 5px rgba(121, 100, 87, 0.3);
}

.slick-slide a:focus {
    outline: none;
}

.slick-slide a:hover {
    text-decoration: none;
}



/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 1.25rem; /* 20px */
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

.slick-prev:before, .slick-next:before {
    content: "";
    transform: rotate(45deg);
    display: block;
    width: 28px;
    height: 28px;
}
.slick-prev:before {
    border-bottom: 4px solid #E9CDFF;
    border-left: 4px solid #E9CDFF;
}
.slick-next:before {
    border-top: 4px solid #E9CDFF;
    border-right: 4px solid #E9CDFF;
}

@media only screen and (max-width: 767px) {

    div#project-gallery {
        margin: 20px auto 20px;
    }

    div#galleries button {
       display: none!important;
    }


    div#project-gallery,div#important-gallery, div#collection-gallery, div#announce-gallery {
        width: 300px;
    }

    div#project-gallery:first-child::after, div#announce-gallery:first-child::after {
        height: 5px;
    }

    div#important-gallery,div#collection-gallery {
        margin: 0px auto;
    }

    div#announce-gallery {
        margin-bottom: 40px;
    }

    div#project-gallery:nth-child(2)::before, div#announce-gallery:nth-child(2)::before, div#collection-gallery:nth-child(2)::before {
        width: 272px;
        height: 5px;
    }    

}

@media only screen and (min-width: 768px) and (max-width: 949px) {

    div#project-gallery,div#important-gallery, div#collection-gallery, div#announce-gallery {
        width: 768px;
    }

    div#galleries button {
       display: none!important;
    }

    #project-gallery .text-layer::before {
        width: 361px;
    }

    div#project-gallery:nth-child(2)::before, div#announce-gallery:nth-child(2)::before, div#collection-gallery:nth-child(2)::before {
        width: 738px;
        height: 10px;
    }    


}

@media only screen and (min-width: 950px) and (max-width: 1323px) {

    div#project-gallery,div#important-gallery, div#collection-gallery, div#announce-gallery {
        width: 892px;
    }

    div#project-gallery:nth-child(2)::before, div#announce-gallery:nth-child(2)::before, div#collection-gallery:nth-child(2)::before {
        width: 866px;
    }    

}





/* Подвал              */

.site-footer {
    border-top: 0px;
    font-size: 0.75rem; /* 12px */
    height: 280px;
    background-color: #321F32;
    padding: 20px 10px 10px;
}

.site-footer a:hover{
    text-decoration: none;
    color: #FF00E5;
    background: linear-gradient(92.12deg, #B155F9 -9.95%, #B83593 131.73%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


#footer-row {
    max-width: 1200px;
    margin: 5px auto 0;
    display: flex;
    flex-direction:row;
}

.footer-logo {
    width:200px;
}

.footer-menu {
    width:200px;

}

.footer-menu a{
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 0.75rem; /* 12px */
    line-height: 0.9375rem; /* 15px */
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #FFFFFF;
}

.footer-menu a:hover{
    color: #FF00E5;
    background: linear-gradient(92.12deg, #B155F9 -9.95%, #B83593 131.73%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.footer-menu li {
    margin-bottom: 10px;
}

.footer-buttons {
    width:200px;
    padding-right: 50px;
}

.footer-buttons svg {
    margin-right: 10px;
    margin-bottom:10px;
    width:65px;
    height:65px;
}

.footer-description {
    width:600px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem; /* 14px */
    line-height: 140%;
    letter-spacing: 0.02em;
    color: #FFFFFF;
}

.footer-description p{
    text-align: center;
    margin-top:25px;
}

.footer-description a{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 800;
    font-size: 0.875rem; /* 14px */
    line-height: 1.0625rem; /* 17px */
    letter-spacing: 0.04em;
    color: #FFFFFF;
}

.footer-description div:hover div::before {content: "";position: absolute;top: -2px;bottom: -2px;left: -2px;right: -2px;background: linear-gradient(92.12deg, #B155F9 -9.95%, #B83593 131.73%);border-radius: 32px;z-index: -1;}

.footer-description div div {
    display: inline-block;
    position: relative;
    background: #321F32;
    margin: 0;
    padding: 12px 30px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 800;
    font-size: 0.875rem; /* 14px */
    line-height: 1.0625rem; /* 17px */
    letter-spacing: 0.04em;
    color: #FFFFFF;
    border: 2px solid white;
    border-radius: 32px;
}

.footer-description>div {
    z-index: 4;
    display: inline-block;
    margin-right: 36px;
    position: relative;
    top: 20px;
}

.footer-description div:hover div {
    border: 0;
    margin: 2px 2px;
}

.footer-description div:hover div a{
    color: #FF00E5;
    background: linear-gradient(92.12deg, #B155F9 -9.95%, #B83593 131.73%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.footer-copyright {
    align-self:flex-end;
    width:600px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 0.75rem; /* 12px */
    line-height: 140%;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    display: flex;
}


.footer-copyright span {
    font-size: 1rem; /* 16px */
    margin-right:20px;
    display: block;
    width:120px;
    align-self:flex-end;    
}


.footer-thanks {
    align-self:flex-end;
    width:300px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 0.75rem; /* 12px */
    line-height: 140%;
    letter-spacing: 0.02em;
    color: #FFFFFF;
}

.footer-thanks img{
    float:left;
    margin-right: 16px;
}

.footer-login {
    align-self:flex-end;
    width:300px;
    color: #FFFFFF;
    display: flex;
    justify-content: flex-end; /*space-between;*/
    padding-left: 70px;
}

.footer-login a, .footer-login a:visited{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 0.75rem; /* 12px */
    line-height: 0.9375rem; /* 15px */
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #FFFFFF;
}

.single-post .site-footer a, .single-post .site-footer a:visited {
    color: #FFFFFF;
}

.site-footer .group1, .site-footer .group2{
    display:flex;
}


@media only screen and (max-width: 767px) {

    .site-footer {
        height:auto;
        padding: 10px;
    }

    .site-footer .group1, .site-footer .group2{
        flex-direction:column-reverse;
    }

    .footer-logo {
        display: none;
    }

    .footer-menu {
        display: none;
    }

    .footer-menu a{
        margin-bottom: 10px;
    }

    .footer-buttons {
        width: 100%;
        padding-right: 0;
        margin-top: 20px;
    }

    .footer-description {
        width: 100%;
    }

    .footer-description>div {
        width: 100%;
        margin-top:12px;
        top: 0;
    }

    .footer-description div div {
        margin: 0;
        padding: 5px 24px;
        width: 100%;
        border-radius: 25px;
        text-align:center;
    }


    .footer-description p{
        margin-top:25px;
    }

    .footer-description a{
        margin: 10px 0px;
        width: 100%;
        display: block;
    }

    .footer-buttons svg {
        width: 50px;
        height: 50px;
    }

    .footer-copyright,.footer-thanks,.footer-login {
        align-self:inherit;
        width:auto;
    }

    .footer-copyright span {
        font-size: 0.75rem; /* 12px */
    }

    .footer-thanks {
        margin: 20px 0;
    }

    .footer-thanks img{
    ( … Skipping 2 matching lines … )
        margin-right: 16px;
    }

    .footer-login {
        padding-left: 0px;
        margin-top: 15px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 949px) {

    #footer-row {
        max-width: 731px;
    }

    .footer-logo, .footer-menu {
        display:none;
    }

    .site-footer .group1 {
        flex-direction: row-reverse;
    }

    .footer-description {
        width: 580px;
        padding-right: 20px;
    }

    .footer-copyright {
        width: 560px;
        margin-top: 14px;
        align-self:auto;
    }

    .footer-copyright span {
        font-size: 0.75rem; /* 12px */
        width: 54px;
    }


    .footer-thanks {
        width: 560px;
        align-self:auto;
    }

    .footer-login {
        width: 716px;
        padding-left: 580px;
        height: 90px;
        flex-direction: column-reverse;
        text-align: right;
        margin-bottom: -90px;
        padding-top: 23px;
    }

    .site-footer .group2{
        flex-direction: column-reverse;
    }

}


@media only screen and (min-width: 950px) and (max-width: 1323px) {

    #footer-row {
        max-width: 832px;
    }

    .footer-logo {
        width: 95px;
    }

    .footer-logo img {
        width: 80px;
    }

    .footer-menu {
        width: 110px;
    }

    .footer-menu a{
        margin-bottom: 10px;
    }

    .footer-buttons {
        width: 180px;
        padding-right: 30px;
    }

    .footer-description {
        width: 447px;
    }

    .footer-description div div {
        padding: 12px 17px;
    }

    .footer-description>div {
        margin-right: 20px;
    }

    .footer-copyright {
        width: 345px;
        margin-right: 41px;
    }


    .footer-copyright span {
        font-size: 0.8125rem; /* 13px */
        width: 135px;
        align-self:flex-end;
    }


    .footer-login {
        align-self: stretch;
        width: 146px;
        padding-left: 0px;
        flex-direction: column;
        text-align: right;
    }
}









/* Страница материала              */

.single-post #main a, .single-post a:visited{
    color:#8600B6;
}

.single-post #main a:hover {
    color:#8600B6;
    font-weight: bold;
}

.single-post #main{
    width:1200px;
    display:flex;
    margin:40px auto 40px auto;
}

.single-post #main .post{
    width:920px;
    padding: 0 20px 0 0;
    border: none;
    border-right:1px solid #E4D6C5;
    margin: 0 20px 0 0;
}

.single-post article header h1{
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 2.25rem; /* 36px */
    line-height: 110%;
    color: #321F32;
}

.single-post article p{
    font-family: Montserrat;
    font-size: 1.125rem; /* 18px */
    font-style: normal;
    font-weight: 400;
    line-height: 1.5625rem; /* 25px */
    letter-spacing: 0.02em;
    text-align: left;
    margin-bottom: 25px;
}

#main .post .entry-content img {
    width: 100%;
}

.tags-links {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 0.75rem; /* 12px */
    line-height: 110%;
    text-transform: lowercase;
    color: #8600B6;
    flex: 1 1 auto;
}

.single-post #main .tags-links a{
    color: black;
    padding: 0 5px;
    margin-left: -7px;
}

.single-post #main .tags-links a:hover{
    color: white;
    background-color: #8600B6;
    background: linear-gradient(92.12deg, #B155F9 -9.95%, #B83593 131.73%);
    text-decoration: none;
    font-weight: normal
}

.single-post article ul {
    padding-inline-start: 22px;
    text-indent: -11px;
    list-style: none;
    font-size:1.125rem; /* 18px */
}

.single-post article ul li::before {
    content: "\2022";
    font-size: 3.125rem; /* 50px */
    display: inline-block;
    line-height: 0.3125rem; /* 5px */
    top: 9px;
    position: relative;
    margin-right: 7px;
}

.single-post figcaption {
    display: block;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 0.875rem; /* 14px */
    line-height: 130%;
    color: #71585A;
    margin-left: 19px;
    align-self: flex-end;
    max-width: 280px;
}


.single-post img.size-large+figcaption {
    margin: 10px 0;
}

#main .post .entry-content img.size-large{
    width: 100%;
}

#main .post .entry-content img{
    width: 580px;
}

#main .post .entry-content>p>img{
    margin: 10px 0 20px;
}

#main .post .entry-content>div>div>img{
    margin: 10px 0 20px;
}

.single-post figure {
    display: flex;
    width: 100%!important;
    flex-wrap: wrap;
}

.single-post .post__subtitle{
    text-align: left!important;
    line-height: 145%;
    font-size: 1.125rem; /* 18px */
    font-weight: 700;
}

.single-post .entry-meta .card-date{
    margin-right:40px;
}

.single-post .entry-meta{
    margin: 20px 0;
}

.entry-meta-category-tag{
    display: flex;
    flex-direction: row;
}

.share-buttons {
    margin-top: -15px;
    min-width: 220px;
    text-align: right;
}

.share-buttons a {
    width: 27px;
    height: 27px;
    color: transparent!important;
    display: inline-block;
    overflow: hidden;
    position: relative;
    top: 8px;
    margin:0 3px;
}

.share-buttons .telegram {
    background: url(button_tg.svg);
}

.share-buttons .twitter {
    background: url(button_tw.svg);
}

.share-buttons .facebook {
    background: url(button_fb.svg);
}

@media only screen and (max-width: 767px) {

    #main .post {
        overflow-x: inherit;
    }

    #main .post .entry-header .entry-meta {
        display: flex;
        justify-content: space-between;
    }

    .single-post .entry-header .entry-meta .card-category {
        font-size: 0.625rem; /* 10px */
        flex-grow: inherit!important;
    }

    .single-post .card-date {
        font-size: 0.625rem; /* 10px */
    }

    .single-post #main{
        width: 100%;
        margin: 20px auto 40px auto;
    }

    .single-post #main .post{
        width:auto;
        padding: 0;
        border-right:none;
        margin: 0;
    }

    .single-post article header h1{
        font-size: 1.125rem; /* 18px */
    }

    .single-post article p{
        font-size: 1rem; /* 16px */
    }

    .single-post article ul {
        font-size:1rem; /* 16px */
    }


    .single-post figcaption {
        font-size: 0.75rem; /* 12px */
        line-height: 140%;
        margin-top: 11px;
        align-self: inherit;
    }

    #main .post .entry-content img.size-large{
        width: auto;
        min-width: calc(100vw);
        margin-left: -12px;
        margin-right: -12px;
    }

    #main .post .entry-content img{
        width: 100%;
    }

    .single-post figure {
        flex-direction: column;
    }

    .single-post .post__subtitle{
        font-weight: 500;
    }

    .entry-meta-category-tag {
       flex-direction: column;
    }

    .share-buttons {
        margin-top: 0;
    }    

    .share-buttons {
        text-align: left;
    }

}

@media only screen and (min-width: 768px) and (max-width: 949px) {

    .single-post #main{
        width:710px;
    }

    .single-post #main .post{
        width:710px;
        padding: 0;
        border-right:none;
        margin: 0;
    }

}

@media only screen and (min-width: 950px) and (max-width: 1323px) {

    .single-post #main{
        width:892px;
    }

    .single-post #main .post{
        width:649px;
    }


}










/* Страничка Проекти */

div#project-list {
    width: 1200px;
    margin: 0 auto;
    font-size: 0.875rem; /* 14px */
    line-height: 110%;
    color: #71585A;
}

div#project-list h1 {
    font-weight: bold;
    font-size: 2.25rem; /* 36px */
    line-height: 110%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #321F32;
    margin: 40px 0 10px;
}

#project-list>div {
    width: 1080px;
    height:196px;
    border: 1px solid #E4D6C5;
    margin:15px 0;
    display: flex;
    flex-direction: row;
}

#project-list>div:hover {
    box-shadow: 0px 4px 10px rgba(121, 100, 87, 0.1), 0px 4px 5px rgba(121, 100, 87, 0.3);
}

#project-list .project-description {
    font-size: 0.875rem; /* 14px */
    line-height: 130%;
    padding:15px 15px 15px 0;
}


#project-list h5 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 1.125rem; /* 18px */
    line-height: 130%;
} 

#project-list a, #project-list a:hover, #project-list a:visited {
    color:black;
    text-decoration:none;
}


#project-list>div img{
    width: 342px;
    height:194px;
    float:left;
    margin-right:20px;
}

@media only screen and (max-width: 767px) {

    div#project-list {
        font-size: 0.75rem; /* 12px */
    }

    div#project-list h1 {
        font-size: 1.875rem; /* 30px */
        margin: 10px 0 10px;
    }

    #project-list>div {
        height:auto;
        width: 295px;
        flex-direction: column;
    }

    #project-list .project-description {
        padding: 15px 15px 15px 15px;
    }

    #project-list>div img{
        width: 293px;
        height: auto;
        margin-right:0;
    }

}

@media only screen and (min-width: 768px) and (max-width: 949px) {

    div#project-list {
        width: 690px;
    }

    #project-list>div {
        width: 690px;
        height: 276px;
    }

    #project-list>div img{
        width: 272px;
        height: 274px;
    }

}

@media only screen and (min-width: 950px) and (max-width: 1323px) {

    div#project-list {
        width: 892px;
    }

    #project-list>div {
        width: 892px;
        height: 226px;
    }

    #project-list>div img{
        height: 224px;
    }

}




/* Сторінка */
body.page #main {
    width:1200px;
    margin:0 auto;
    flex:none;
    max-width: 100%;
}

body.page #main .page{
    border:none;
    font-size: 1.125rem; /* 18px */
    line-height: 140%;
    letter-spacing: 0.02em;
    color: #000000;
}

body.page #main .page .entry-title{
    font-weight: bold;
    font-size: 2.25rem; /* 36px */
    line-height: 110%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #000000;
    margin: 40px 0 10px;
}

body.page #main .entry-content {
    width: 860px;
}

body.page #main .entry-content img {
    width: 100%;
    /* object-fit: contain; */
    height: auto;
}

body.page .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0;
}

@media only screen and (max-width: 767px) {
    body.page #main {
        width:300px;
    }


    body.page #main .page .entry-title{
        font-size: 1.8125rem; /* 29px */
        margin: 10px 0 10px;

    }

    body.page #main .entry-content {
        width: 295px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 949px) {

    body.page #main {
        width:690px;
    }

    body.page #main .entry-content {
        width: 564px;
    }


}

@media only screen and (min-width: 950px) and (max-width: 1323px) {

    body.page #main {
        width: 892px;
    }

    body.page #main .entry-content {
        width: 699px;
    }


}














/* Проекти */
body.page #main.projects .page .entry-title{
    color: #FF00E5;
    background: linear-gradient(92.12deg, #B155F9 -9.95%, #B83593 131.73%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* Сторінка категорій */
.archive #main {
    width: 1200px;
    flex:none;
}

.archive h1 {
    font-weight: bold;
    font-size: 2.25rem; /* 36px */
    line-height: 110%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #321F32;
    margin: 40px 0 10px;
}

.archive #main .type-post {
    width: 280px;
    height: 335px;
    margin-bottom: 26px;
    margin-right: 26px;
    overflow-x: inherit;
    padding: 0px;
    border:0px;
}

.archive .page-header {
    margin-bottom: 20px;
    flex: 0 0 100%;
}

.archive #sidebar-right ul li:nth-child(8n+4) {
    margin: 26px 0 26px;
    height: 335px;
}

.archive #sidebar-right ul li:nth-child(8n+4) a::after {
    top: 40px;
}


@media only screen and (max-width: 767px) {
    .archive #main .type-post {
        margin-right: 0px;
    }

    .archive #main .big-card .type-post {
        height: auto;
    }

    .archive #main .type-post {
        height: auto;
    }

    .archive h1 {
        font-size: 1.875rem; /* 30px */
        margin: 10px 0 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 949px) {

    .archive #main div.card-body::before {
         left: -278px;
    }

    .archive #main .contaner-small-cards .card-body .announce-container::after {
        top: 330px;
    }

    .archive #main .contaner-small-cards {
        max-width: 768px;
    }

    .archive #main #sidebar-right {
        display: none;
    }

    .archive #main .tablet-sidebar {
        display: block;
        margin: 0 13px 26px;
        padding-inline-start: 0;
    }

    .archive #main .tablet-sidebar:nth-child(25n+6), .archive #main .tablet-sidebar:nth-child(25n+20) {
        width:742px;
        display: flex;
    }

    .archive #main .tablet-sidebar:nth-child(25n+23) {
        display: none;
    }

    .archive #main .type-post {
      width: 358px;
      height: 380px;
      margin: 0 13px 26px;
    }

    .archive #main .card-img-top {
      height: 185px;
    }

    .archive #main .card-img-top::after {
      height: 185px;
    }

    .archive #main .type-post .card-body {
      height: 195px;
    }

    
    .archive #main .small-cards {
        width:768px;
    }



}

@media only screen and (min-width: 950px) and (max-width: 1323px) {

    .archive #main .small-cards {
        max-width:612px;
    }

    .archive #main {
        width: 892px;
    }

    .archive #main .type-post:nth-child(25n+12) {
        margin-right: -280px;
        z-index: 1;
    }

    .archive #sidebar-right ul li:nth-child(8n+8) {
        display: flex!important;
    }

    .archive #sidebar-right li:nth-child(8n+7) {
        margin-bottom: 0px;
    }

    .archive #sidebar-right ul li:nth-child(8n+8) {
        height: 335px;
        margin-top: 26px;
    }

    .archive #sidebar-right ul li:nth-child(8n+8) a::after {
        top: 40px;
    }

    .archive #sidebar-right li:nth-child(8n+3){
        margin-bottom: 387px;
    }

}

















/* Сторінка архивів */

.page.category-archives .entry-header{
    width: 880px;
    height: 160px;
    margin: 20px 0 20px;
    overflow: hidden;
}

.page.category-archives .entry-header a{
    text-decoration: none;
}

.page.category-archives .entry-header div{
    width: 890px;
    height: 170px;
    margin:-5px;
    border-width: 10px;
    border-style: dotted;
    border-color: #B83593;
    padding: 10px;
    display: flex;
}

body.page #main .page.category-archives .entry-header .entry-title{
    color: #FF00E5;
    background: linear-gradient(92.12deg, #B155F9 -9.95%, #B83593 131.73%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    margin: auto;
}

body.page #main .category-archives .entry-content img {
    width: inherit;
    height: inherit;
}


.page.category-archives h3 {
    width: 225px;
    height: 46px;
    background: #FAF5F2;
    font-weight: bold;
    font-size: 0.75rem; /* 12px */
    line-height: 110%;
    text-align: center;
    text-transform: uppercase;
    color: #FF00E5;
    padding-top: 16px;
}



.page.category-archives  .category-news{
    border:none;
    padding:0;
}

.page.category-archives .category-news img{
    width: 344px;
    height:194px;
    float:left;
    margin-right:20px;
}

.page.category-archives .category-news .card{
    width: 1070px;
    flex-direction: row;
    /*background-color: #FAF5F2;*/
}

.page.category-archives .category-news .card-img-top{
    height: 196px;
    width:344px;
    margin:0;
}

.page.category-archives .category-news .card-img-top::after{
    width: 344px;
    height: 196px;
}

.page.category-archives .category-news .card-body{
    height: 196px;
    width: 726px;
    border: 1px solid #E4D6C5;
    border-left: none;
}

body.page #main .page.category-archives .category-news .card-body h5.entry-title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 1.125rem; /* 18px */
    line-height: 130%;
    margin: 0 0 12px 0;
    text-transform: none;
}

.page.category-archives .category-news .card-body .announce-container{
    flex-direction: column;
}


.page.category-archives .category-news .card-excerpt{
    display: block;
    width: auto;
}

.page.category-archives .card-excerpt::after {
    content: "";
    background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) 80%);
    width: 725px;
    height: 35px;
    display: block;
    position: absolute;
    top: 135px;
    left: 344px
}

.page.category-archives .category-news .card-category{
    display: none;
}

.page.category-archives .category-news div.card-body::before{
    display:none;
}

@media only screen and (max-width: 767px) {

    .page.category-archives .entry-header{
        width: 295px;
    }

    .page.category-archives .entry-header div{
        width: 305px;
    }

    .page.category-archives .category-news .card{
        width: 295px;
        flex-direction: column;
    }

    .page.category-archives .category-news .card-img-top{
        height: 165px;
        width:295px;
    }

    .page.category-archives .category-news .card-img-top::after{
        width: 295px;
        height: 165px;
    }

    .page.category-archives .category-news .card-body{
        height: 295px;
        width: 295px;
        border-left: 1px solid #E4D6C5;
        border-top: none;
    }

    .page.category-archives .card-excerpt::after {
        display:none; /* мешает на главной при мобильном разрешении */
        width: 293px;
        top: 399px;
        left: 1px
    }

}

@media only screen and (min-width: 768px) and (max-width: 949px) {

    .page.category-archives .entry-header{
        width: 564px;
    }

    .page.category-archives .entry-header div{
        width: 574px;
    }

    .page.category-archives .category-news .card {
        width: 690px;
    }

    .page.category-archives .category-news .card-img-top {
        width: 300px;
    }

    .page.category-archives .category-news .card-img-top::after {
        width: 300px;
    }

    .page.category-archives .category-news .card-body {
        width: 390px;
    }

    .page.category-archives .card-excerpt::after {
        width: 389px;
        left: 300px;
    }

}

@media only screen and (min-width: 950px) and (max-width: 1323px) {

    .page.category-archives .entry-header{
        width: 690px;
    }

    .page.category-archives .entry-header div{
        width: 700px;
    }

    .page.category-archives div.program-tabs {
        width: 824px;
    }

    .page.category-archives .category-news .card {
        width: 892px;
    }

    .page.category-archives .category-news .card-body {
        width: 548px;
    }

    .page.category-archives .card-excerpt::after {
        width: 547px;
    }

    #main .page.category-archives .capsule article.type-post{
        width: 892px;
    }


}









/* Видання */
.library h1 {
    font-weight: bold;
    font-size: 2.25rem; /* 36px */
    line-height: 110%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #321F32;
    margin: 40px 0 10px;
}

.library div.book-cover a{
    width:100%;
    height: 100%;
    flex: 1 1 100%;
    display: flex;
}

.library div.book-cover {
    width: 280px;
    background-color: #FAF5F2;
    margin: 10px 20px 10px 0;
}

.library div.book-cover img {
    max-width: 100%;
}

.library div.book-cover:hover {
    box-shadow: 0px 4px 10px rgba(121, 100, 87, 0.1), 0px 4px 5px rgba(121, 100, 87, 0.3);
}

#publication-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
    .library h1 {
        font-size: 1.875rem; /* 30px */
        margin: 10px 0 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 949px) {

    body.page #main.library {
        width: 710px;
        padding-left: 20px;
    }

    .library div.book-cover {
        width: 325px;
        height: 360px;
    }

    .library div.book-cover img{
        max-height: 280px;
        height: 280px;
    }

}

@media only screen and (min-width: 950px) and (max-width: 1323px) {

    body.page #main.library {
        width: 920px;
        padding-left: 20px;
    }

}



/* Видання */

.single-post #main .post.category-publications {
    width: 1200px;
    padding: 0;
    border-right: none;
    margin: 0;
}

#main .post.category-publications .entry-content p img {
    width: 280px;
    float: left;
    margin-right: 50px;
    margin-left: -330px;
}

#main .post.category-publications .entry-content figure {
    width: 280px!important;
    float: left;
    margin-right: 50px;
}

#main .post.category-publications .entry-content figure img {
    width: 280px;
}

.single-post article.category-publications .entry-content p, .single-post article.category-publications .entry-content ul, .single-post article.category-publications .entry-content div {
    margin-left: 330px;
}

.category-publications .entry-meta-category-tag {
    margin-left: 330px;
}

.category-publications+#sidebar-right {
    display: none;
}

.full-width {
    width: 100%;
    text-align: center;
    margin: 20px 0 40px;
}

.single-post #main a.pdf_dwnld_link, .single-post #main a.pdf_dwnld_link:hover,  .single-post #main a.pdf_dwnld_link:visited{
    display: inline-block;
    width: 312px;
    height: 60px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background: linear-gradient(92.12deg, #B155F9 -9.95%, #B83593 131.73%);
    color: transparent;
    border-radius: 35px;
    border-width: 0px;
    padding: 20px;
    margin-top: 20px;
}

.single-post #main a.pdf_dwnld_link::before {
    content: "Завантажити у PDF";
    font-family: Montserrat;
    font-style: normal;
    font-weight: 800;
    font-size: 1.125rem;
    line-height: 1.375rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: white;
    width: 272px;
    display: inline-block;
    text-align: center;
}

.single-post article.category-publications .entry-content div.pdfemb-viewer div.pdfemb-toolbar {
    margin-left: 330px;
}

div.pdfemb-viewer {
    border: none;
}

div.pdfemb-toolbar {
        background: linear-gradient(92.12deg, #B155F9 -9.95%, #B83593 131.73%);
}

.single-post article.category-publications .entry-content div.pdfemb-viewer {
    margin-left: 0px;
}

.single-post article.category-publications .entry-content div.pdfemb-viewer div{
    margin-left: 0px;
}


@media only screen and (max-width: 767px) {

    .single-post #main .post.category-publications {
        width: 295px;
    }

    #main .post.category-publications .entry-content img {
        width: 295px;
        margin-right: 0px;
        margin-left: 0px;
        margin-bottom: 20px;
    }

    .single-post article.category-publications .entry-content p, .single-post article.category-publications .entry-content ul, .single-post article.category-publications .entry-content div {
        margin-left: 0px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 1323px) {


}







/* Сторінка Програми */

div#program-list {
    width: 1200px;
    margin: 0 auto;
    font-size: 0.875rem; /* 14px */
    line-height: 110%;
    color: #71585A;
}

div#program-list h1 {
    font-weight: bold;
    font-size: 2.25rem; /* 36px */
    line-height: 110%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #321F32;
    margin: 40px 0 10px;
}

#program-list .program-element {
    width: 1200px;
    border: 5px solid #FFFFFF;
    border-bottom: none;
    margin:15px 0;
    display: flex;
    flex-wrap: wrap;
    background-color: white;
    min-height: 190px;
}

#program-list .program-element:hover {
    box-shadow: 0px 4px 10px rgba(121, 100, 87, 0.1), 0px 4px 5px rgba(121, 100, 87, 0.3);
}

#program-list .program-description {
    font-size: 0.875rem; /* 14px */
    line-height: 130%;
    padding:15px 0 0;
    width: 890px;
}


#program-list h5 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 1.125rem; /* 18px */
    line-height: 130%;
} 

#program-list a, #program-list a:hover, #program-list a:visited {
    color:black;
    text-decoration: none;
}


#program-list .ui-tabs-panel .category-news,#program-list .ui-tabs-panel .category-articles,#program-list .ui-tabs-panel .category-publications{
    border:none;
    padding:0;
}

#program-list .ui-tabs-panel .category-news img,#program-list .ui-tabs-panel .category-articles img,#program-list .ui-tabs-panel .category-publications img{
    width: 344px;
    height:194px;
    float:left;
    margin-right:20px;
}

#program-list .ui-tabs-panel .category-publications img{
    height:310px;
    margin:0;
    object-fit:contain;
}

#program-list .ui-tabs-panel .category-news .card,#program-list .ui-tabs-panel .category-articles .card,#program-list .ui-tabs-panel .category-publications .card {
    width: 1070px;
    flex-direction: row;
    background-color: #FAF5F2;
}

#program-list .ui-tabs-panel .category-publications .card {
    border: 1px solid #E4D6C5;
}

#program-list .ui-tabs-panel .category-news .card-img-top,#program-list .ui-tabs-panel .category-articles .card-img-top,#program-list .ui-tabs-panel .category-publications div.card-img-top {
    height: 196px;
    width:344px;
    margin:0;
}

#program-list .ui-tabs-panel .category-publications div.card-img-top {
    height: 390px;
    padding: 40px 0;
}

#program-list .ui-tabs-panel .category-news .card-img-top::after,#program-list .ui-tabs-panel .category-articles .card-img-top::after{
    width: 344px;
    height: 196px;
}

#program-list .ui-tabs-panel .category-publications .card-img-top::after {
    display: none;
}

#program-list .ui-tabs-panel .category-news .card-body, #program-list .ui-tabs-panel .category-articles .card-body{
    height: 196px;
    width: 726px;
    border: 1px solid #E4D6C5;
    border-left: none;
}

#program-list .ui-tabs-panel .category-publications .card-body{
    height: 390px;
    width: 726px;
    padding: 40px 40px 40px 0;
}

#program-list .ui-tabs-panel .category-news .card-body .announce-container,#program-list .ui-tabs-panel .category-articles .card-body .announce-container,#program-list .ui-tabs-panel .category-publications .card-body .announce-container {
    flex-direction: column;
}


#program-list .ui-tabs-panel .category-news .card-excerpt,#program-list .ui-tabs-panel .category-articles .card-excerpt,#program-list .ui-tabs-panel .category-publications .card-excerpt{
    display: block;
    width: auto;
}

#program-list .ui-tabs-panel .event-date, #program-list .ui-tabs-panel .publication-author {
    left: 20px;
    top: 164px;
}


#program-list .card-excerpt::after {
    content: "";
    background: linear-gradient(rgba(250,245,242,0), rgba(250,245,242,1) 80%);
    width: 725px;
    height: 35px;
    display: block;
    position: absolute;
    top: 135px;
    left: 344px;
}

#program-list .category-publications .card-excerpt::after {
    top: 302px;
    left: 343px;
}

#program-list .ui-tabs-panel .category-news .card-category,#program-list .ui-tabs-panel .category-articles .card-category,#program-list .ui-tabs-panel .category-publications .card-category{
    display: none;
}

#program-list .ui-tabs-panel .category-news div.card-body::before,#program-list .ui-tabs-panel .category-articles div.card-body::before,#program-list .ui-tabs-panel .category-publications div.card-body::before{
    display:none;
}

div.program-tabs .ui-tabs-panel {
    padding: 30px 60px;
    background: #FAF5F2;
    border-bottom: 5px solid white;
}

body.page.page-id-28692 {
    background-color: #FAF5F2;
}

.program-element img {
    width: 280px;
    margin: 10px;
}

div.program-tabs {
    width: 1190px;
}

.program-tabs ul {
    list-style: none;
    display: flex;
    justify-content: space-around;
    padding: 0;
    height: auto;
    margin: -28px 0 0 0;
    flex-wrap: wrap;
}

.program-tabs ul li:first-child {
    margin-left: 300px;
}


.program-tabs ul li {
    border-left: 1px solid #E4D6C5;
    text-align: center;
    width: 222px;
    font-weight: bold;
    font-size: 0.75rem; /* 12px */
    line-height: 110%;
    text-transform: uppercase;
    padding: 15px 0;
}

.program-tabs ul li:focus {
    outline: none;
}

#program-list .program-tabs ul li:nth-child(1) a {
    color: #FF00E5;
}

#program-list .program-tabs ul li:nth-child(2) a {
    color: #FF0000;
}

#program-list .program-tabs ul li:nth-child(3) a {
    color: #F6DC51;
}

#program-list .program-tabs ul li:nth-child(4) a {
    color: #71585A;
}

.program-tabs ul li.ui-state-active,.program-tabs ul li:hover {background-color: #FAF5F2;border-left-color: #FAF5F2;}

.program-tabs ul li.ui-state-active+li,.program-tabs ul li:hover+li {
    border-left-color: #FAF5F2;
}

.capsule article {
    margin-bottom: 20px;
}

#main .capsule article.type-post{
    margin-bottom: 20px;
    border: none;
    padding: 0;
    width: 1070px;
}

#main .capsule article.type-post:hover {
    box-shadow: 0px 4px 10px rgb(121 100 87 / 10%), 0px 4px 5px rgb(121 100 87 / 30%);
}

#main .capsule article.type-post a {
    text-decoration: none;
}

div.program-tabs .ui-tabs-panel .full-width {
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {

    .program-element>.card-img-top {
        object-fit:contain;
    }

    div#program-list {
    width: 320px;
    }

    div#program-list h1 {
    margin: 10px 0 10px;
    }

    #program-list .program-element {
    width: 320px;
    border: none;
    margin:15px -12px;
    padding: 12px;
    flex-direction: column;
    }

    #program-list .program-description {
    width: 295px;
    }


    #program-list h5 {
    font-weight: 700;
    font-size: 1.125rem; /* 18px */
    color: #321F32;
    } 


    #program-list .ui-tabs-panel .category-news img,#program-list .ui-tabs-panel .category-articles img,#program-list .ui-tabs-panel .category-publications img{
    width: 295px;
    height:295px;
    }

    #program-list .ui-tabs-panel .category-publications img{
    height:250px;
    }

    #program-list .ui-tabs-panel .category-news .card,#program-list .ui-tabs-panel .category-articles .card,#program-list .ui-tabs-panel .category-publications .card {
    width: 295px;
    flex-direction: column;
    background-color: white;
    }

    #program-list .ui-tabs-panel .category-news .card-img-top,#program-list .ui-tabs-panel .category-articles .card-img-top,#program-list .ui-tabs-panel .category-publications div.card-img-top {
    height: 165px;
    width: 295px;
    }

    #program-list .ui-tabs-panel .category-publications div.card-img-top {
    height: 330px;
    }

    #program-list .ui-tabs-panel .category-publications div.card-img-top {
    height: 330px;
    padding: 40px 0;
    }

    #program-list .ui-tabs-panel .category-news .card-img-top::after,#program-list .ui-tabs-panel .category-articles .card-img-top::after{
    width: 295px;
    height: 165px;
    }


    #program-list .ui-tabs-panel .category-news .card-body, #program-list .ui-tabs-panel .category-articles .card-body{
    height: 295px;
    width: 295px;
    border-left: 1px solid #E4D6C5;
    border-top: none;
    background-color: white;
    }

    #program-list .ui-tabs-panel .category-publications .card-body{
    height: 295px;
    width: 295px;
    display:none!important;
    }

    #program-list .ui-tabs-panel .event-date, #program-list .ui-tabs-panel .publication-author {
        left: inherit;
        top: 130px;
    }


    div.program-tabs .ui-tabs-panel {
    padding: 0;
    background: white;
    }


    .program-element img {
    width: 295px;
    margin: 0px;
    }

    div.program-tabs {
    width: 295px;
    }

    .program-tabs ul {
    flex-direction:column;
    margin: 0px;
    height: auto;
    }

    .program-tabs ul li {
    height: 46px;
    margin-bottom: 12px;
    width: 295px;
    }

    #program-list .program-tabs ul li:focus {
        outline: none;
    }

    #program-list .program-tabs ul li:nth-child(1) {
        border: 1px solid #FF00E5;
        margin-left: 0;
    }

    #program-list .program-tabs ul li:nth-child(2) {
        border: 1px solid #FF0000;
        order:3;
    }

    #program-list .program-tabs ul li:nth-child(3) {
        border: 1px solid #F6DC51;
        order:5;
    }

    #program-list .program-tabs ul li:nth-child(4) {
        border: 1px solid #71585A;
        order:7
    }

    div.program-tabs .ui-tabs-panel:nth-child(5) {
        order: 2;
    }
    div.program-tabs .ui-tabs-panel:nth-child(6) {
        order: 4;
    }
    div.program-tabs .ui-tabs-panel:nth-child(7) {
        order: 6;
    }
    div.program-tabs .ui-tabs-panel:nth-child(8) {
        order: 8;
    }

    .program-tabs ul li.ui-state-active,.program-tabs ul li:hover {background-color: inherit;border-left-color: inherit;}

    .program-tabs ul li.ui-state-active+li,.program-tabs ul li:hover+li {
        border-left-color: inherit;
    }

                #main .capsule article.type-post{
    width: 295px;
                }

    #program-list button {
        border-width: 2px;
        color: #FF00E5;
        background: linear-gradient(90deg, #B155F9 0, #B83593 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        border-color:  #FF00E5;
        filter: none;
    }

    #program-list .card-excerpt::after {
        background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) 80%);
        width: 293px;
        top: 399px;
        left: 1px;
    }


}

@media only screen and (min-width: 768px) and (max-width: 949px) {

    #main .capsule article.type-post{
        width: 690px;
    }

    div#program-list {
        width: 690px;
    }

    #program-list .program-element {
        width: 690px;
    }

    #program-list .program-description {
        width: 420px;
    }

    #program-list .ui-tabs-panel .category-news .card,#program-list .ui-tabs-panel .category-articles .card,#program-list .ui-tabs-panel .category-publications .card {
        width: 690px;
    }

    #program-list .ui-tabs-panel .category-news .card-img-top,#program-list .ui-tabs-panel .category-articles .card-img-top,#program-list .ui-tabs-panel .category-publications div.card-img-top {
        width: 300px;
    }

    #program-list .ui-tabs-panel .category-news .card-img-top::after,#program-list .ui-tabs-panel .category-articles .card-img-top::after{
        width: 300px;
    }

    #program-list .ui-tabs-panel .category-news .card-body, #program-list .ui-tabs-panel .category-articles .card-body{
        width: 390px;
    }

    #program-list .card-excerpt::after {
        width: 389px;
        left: 300px;
    }

    #program-list .ui-tabs-panel .category-publications .card-body{
        width: 345px;
    }


    #program-list .ui-tabs-panel .category-publications div.card-img-top {
        width: 345px;
    }

    #program-list .ui-tabs-panel .category-publications .card-img-top::after {
        width: 390px;
    }

    #program-list .category-publications .card-excerpt::after {
        width: 345px;
    }


    #program-list h5 {
        font-size: 1.625rem; /* 26px */
    } 

    #program-list .card h5 {
        font-size: 1.125rem; /* 18px */
    } 

    .program-element img {
        width: 240px;
    }

    div.program-tabs {
        width: 680px;
    }

    .program-tabs ul {
        margin: 0px 0 0 0;
    }

    .program-tabs ul li:first-child {
        margin-left: 0px;
        border-left: none;
    }


    .program-tabs ul li {
        width: 170px;
    }



}

@media only screen and (min-width: 950px) and (max-width: 1323px) {


    #program-list .program-element {
        width: 892px;
    }

    #program-list .program-description {
        width: 582px;
    }

    #program-list .ui-tabs-panel .category-news .card,#program-list .ui-tabs-panel .category-articles .card,#program-list .ui-tabs-panel .category-publications .card {
        width: 800px;
    }

    #program-list .ui-tabs-panel .category-news .card-body, #program-list .ui-tabs-panel .category-articles .card-body{
        width: 456px;
    }

    #program-list .ui-tabs-panel .category-publications .card-body{
        width: 460px;
    }

    #program-list .card-excerpt::after {
        width: 455px;
    }

    div.program-tabs .ui-tabs-panel {
        padding: 30px 40px;
    }

    div.program-tabs {
        width: 882px;
    }

    .program-tabs ul li {
        width: 145px;
    }

    #main .capsule article.type-post{
        width: 800px;
    }

    div#program-list {
        width: 892px;
    }

}




/* Сторінка контактів */
span.contacts_phone svg,span.contacts_mail svg {
    margin-right: 10px;
}

span.contacts_phone {
    margin-right: 30px;
}

.page-id-28696 header {
    margin-bottom: 20px;
}





/* Сторінка пошуку */
body.search-results #main {
    width: 1200px;
    margins: 0 auto;
    flex: none;
}

body.search-results {
    background-color: white;
}

body.search-results h1 {
    font-weight: bold;
    font-size: 2.25rem; /* 36px */
    line-height: 110%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #321F32;
    margin: 40px 0 10px;
}

.search-results #main .post{
    border:none;
    padding:0;
}

.search-results .post img{
    width: 344px;
    height:194px;
    float:left;
    margin-right:20px;
}

.search-results .post .card{
    width: 1070px;
    flex-direction: row;
    /*background-color: #FAF5F2;*/
}

.search-results .post .card-img-top{
    height: 196px;
    width:344px;
    margin:0;
}

.search-results .post .card-img-top::after{
    width: 344px;
    height: 196px;
}

.search-results .post .card-body{
    height: 196px;
    width: 726px;
    border: 1px solid #E4D6C5;
    border-left: none;
}

body.search-results #main .post .card-body h5.entry-title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 1.125rem; /* 18px */
    line-height: 130%;
    margin: 0 0 12px 0;
    text-transform: none;
}

.search-results .post .card-body .announce-container{
    flex-direction: column;
}


.search-results .post .card-excerpt{
    display: block;
    width: auto;
}

.search-results .card-excerpt::after {
    content: "";
    background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) 80%);
    width: 725px;
    height: 35px;
    display: block;
    position: absolute;
    top: 135px;
    left: 344px;
}

.search-results .post .card-category{
}

.search-results .post div.card-body::before{
    top: 178px;
    left: -989px;
}

section.no-results, section.error-404 {
    max-width: 1200px;
    margin: 0 auto;
}

@media only screen and (max-width: 767px) {

    body.search-results #main {
        width: 295px;
    }

    body.search-results h1 {
        font-size: 1.875rem; /* 30px */
        margin: 10px 0 10px;
    }

    .search-results #main .post{
    }

    .search-results .post img{
        width: 295px;
        height:165px;
        float:none;
        margin-right:0;
    }

    .search-results .post .card{
        width: 295px;
        flex-direction: column;
    }

    .search-results .post .card-img-top{
        height: 165px;
        width: 295px;
    }

    .search-results .post .card-img-top::after{
        width: 295px;
        height: 165px;
    }

    .search-results .post .card-body{
        height: 295px;
        width: 295px;
        border-left: 1px solid #E4D6C5;
        border-top:0;
    }

    body.search-results #main .post .card-body h5.entry-title {
    }

    .search-results .post .card-body .announce-container{
    }


    .search-results .post .card-excerpt{
    }

    .search-results .card-excerpt::after {
        width: 293px;
        top: 399px;
        left: 1px;
    }

    .search-results .post .card-category{
    }

    .search-results .post div.card-body::before{
        top: -15px;
        left: -214px;
    }


}

@media only screen and (min-width: 768px) and (max-width: 1323px) {


}