/*
Theme Name: Roy Ben Menachem
Author: Andrey Andreevich
Author URI: https://t.me/andreevic_h
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;1,400&display=swap');
* {
    padding: 0;
    margin: 0;
    box-sizing: content-box;
}
body {
    background: #FFFEF9;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 140%;
    text-align: right;
    color: #2D2D2D;
}

.ui-footer .circle circle {
    stroke-dasharray: 1016;
    stroke-dashoffset: 0;
    transition: 1s;
}

.ui-footer.animate .circle circle {
    stroke-dashoffset: 650;
}

#_page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow:hidden;
}

.l-mt-40{
    margin-top: 40px;
}

.l-mb-30{
    margin-bottom: 30px;
}

.l-mr-auto{
    margin-right: auto;
}

.l-mb-40{
    margin-bottom: 40px;
}

h3 {
    font-weight: 400;
    font-size: 24px;
}

/* HEADER */

.ui-header {
    position: fixed;
    left: 0;
    text-align: left;
    width: 251px;
    height: calc(100% - 100px);
    font-size: 18px;
    line-height: 184%;
    overflow: auto;
    color: black;
    z-index: 1111;
}

.ui-header > .wrapper {
    padding: 40px;
}

.ui-header a {
    text-decoration: none;
    color: black;
    transition: 0.4s;
}

.ui-header.header-text-white a {color: white;}

.ui-header ul#menu-header {
    list-style: none;
}

.ui-header ul#menu-header li {
    margin-bottom: 18px;
    position: relative;
}

.ui-header ul#menu-header li.current-menu-item {
    font-weight: 600;
}

/* FOOTER */

.ui-footer {
    margin-top: auto;
    -webkit-font-smoothing: antialiased;
    color: black;
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 2;
}

.ui-footer  .wrapper {
    display: flex;
    padding: 40px;
    padding-top: 70px;
}

.ui-footer .wrapper > .col-left {
    margin-right: auto;
    text-align: right;
    justify-content: end;
}

.ui-footer .wrapper > .col-left a {
    border: 0px;
}

.ui-footer .wrapper > .col-left, .ui-footer .wrapper > .col-middle, .ui-footer .wrapper > .col-right {
    display: flex;
}

.ui-footer .wrapper > .col-middle {
    margin-left: auto;
    margin-right: auto;
    width: 40%;
    justify-content: center;
}

.ui-footer .wrapper a {
    text-decoration: none;
    border-bottom: 1px solid #29292985;
    color: black;
}

.ui-footer .wrapper  .item {
    margin: 0 20px;
}

.ui-footer .wrapper .col-left .item:first-child {
    margin-left: 0;
}

.ui-footer .wrapper .col-right .item:first-child {
    margin-right: 0;
}

.ui-footer .circle {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    pointer-events: none;
    overflow: hidden;
    height: 133px;
}

.ui-footer .wrapper > .col-left, .ui-footer .wrapper > .col-right {
    min-width: 30%;
}

.text-muted {
    color: rgb(181 181 181 / 40%);
}

.text-uppercase {
    text-transform: uppercase;
}

.inverted .text-muted {
    color: rgb(207 207 207 / 70%);
    mix-blend-mode: color-dodge;
}

.ui-footer .inverted {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0px;
    z-index: 3;
    color: white;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
}

.ui-footer .inverted a {
    mix-blend-mode: color-dodge;
    color: white;
    border-bottom: 1px solid #cdcdcd85;
}

.ui-footer .inverted .circle circle {stroke: white;}

/* CONTENT */

.container {
    max-width: 1300px;
    margin: auto;
    width: 100%;
    padding: 0 30px;
}

main > .container {
    display: flex;
}

#_page > main {
    padding-top: 100px;
    transition: 1s;
    transform: translateY(40vh) scale(0.9);
    -webkit-transform: translateY(40vh) scale(0.9);
    -moz-transform: translateY(40vh) scale(0.9);
    filter: opacity(0);
    -webkit-filter: opacity(0);
    animation-timing-function: cubic-bezier(1, -0.1, 0.68, 0.91);
    -webkit-animation-timing-function: cubic-bezier(1, -0.1, 0.68, 0.91);
    padding-bottom: 100px;
}

.section--header h1, .section--header .h1 {
    font-weight: 700;
    font-size: 96px;
    line-height: 1.1;
    /* identical to box height */
    letter-spacing: 0.01em;
    margin-bottom: 15px;
}

.section--header > .subtitle {
    color: rgba(45, 45, 45, 0.45);
    font-size: 24px;
    margin-top: 10px;
}

.section--content {
    max-width: 530px;
    margin-top: 40px;
    -webkit-font-smoothing: antialiased;
    position: relative;
    z-index: 4;
}

main .section--content {
	max-width: 100%
}


.section--content {
    max-width: 530px;
    margin-top: 40px;
    -webkit-font-smoothing: antialiased;
    position: relative;
    z-index: 4;
}

main > .container .col-right {
    width: 80%;
}

.wp-block-quote {
    position: relative;
    color: rgba(0, 0, 0, 0.6);
    margin-bottom: 40px;
}

.wp-block-quote p {}

h2 {
    -webkit-font-smoothing: auto;
    margin-bottom: 20px;
    margin-top: 30px;
}

.ui-page-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    overflow: hidden;
    line-height: 0;
    max-height: 100%;
    max-width: 50%;
    transition: 1s;
    transform: translateY(10vh) scale(.8);
    -webkit-transform: translateY(10vh) scale(.8);
    -moz-transform: translateY(10vh) scale(.8);
    filter: opacity(0);
    -webkit-filter: opacity(0);
    display: flex;
    justify-content: center;
}

.load.ui-page-thumbnail {
    filter: opacity(1);
    -webkit-filter: opacity(1);
    transform: translateY(0px) scale(1);
    -webkit-transform: translateY(0px) scale(1);
}

.fade--out.load.ui-page-thumbnail {
    filter: opacity(0);
    -webkit-filter: opacity(0);
    transform: translateY(-10vh) scale(0.8);
    -webkit-transform: translateY(-10vh) scale(0.8);
}

.section--header {
    color: black;
}

.ui-page-thumbnail > [data-lazy] {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    transition: auto;
    background-position: center !important;
}

.ui-page-thumbnail > [data-lazy].load {
    filter: grayscale(1) opacity(1);
    -webkit-filter: grayscale(1) opacity(1);
}

.text-mix-blend .inverted {
    position: absolute;
    top: 100px;
    z-index: 3;
    mix-blend-mode: color-dodge;
    color: white;
}

.text-mix-blend {
    text-shadow: 0 0 0.1px black;
}

.ui-page-thumbnail:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90.65deg, rgba(0, 0, 0, 0.4) -6.15%, rgba(0, 0, 0, 0) 97.56%);
    z-index: 1;
}

.wp-block-quote:after {
    content: '';
    background: url('assets/icons/quote.svg') no-repeat;
    width: 16px;
    height: 13px;
    display: block;
    position: absolute;
    right: -30px;
    top: 5px;
}

.ui-button > .wp-block-button__link {
    color: inherit;
    padding: 0px;
    font-size: inherit;
    background: none;
    display: inline;
    line-height: 1;
}

.ui-button {
    min-width: 146px;
    border: 1px solid #000000;
    padding: 0px 15px;
    line-height: 1;
    display: flex;
    align-items: center;
    text-align: center;
    transition: 0.3s;
    cursor: pointer;
    width: max-content;
    justify-content: center;
    min-height: 42px;
    color: #2D2D2D;
    text-decoration: none;
}

.wp-block-button.ui-button {
    display: flex;
    padding: 0 12px;
}

.ui-button.ui-button--1 {
    background: #2D2D2D;
    color: white;
}


.ui-button:after {
    content: '';
    clip-path: circle(60px at center);
    background: #ffffff17;
    position: absolute;
    display: block;
    border-radius: 100px;
    width: 60px;
    height: 60px;
    transition: 1s;
    transform: scale(0);
}

.ui-button.click:after {
    transform: scale(3);
}

.ui-button:hover {
    background: #2D2D2D;
    color: white;
}

.ui-button:active {
    background: white;
    color: black;
}

/* SITE LOADER */

.ui-loader-site {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFFEF9;
    z-index: 1111;
    text-align: center;
    transition: 1s;
    transform: scale(1);
    -webkit-transform: scale(1);
    filter: opacity(1);
    -webkit-filter: opacity(1);
}

.start.ui-loader-site .title {
    filter: opacity(1) !important;
    -webkit-filter: opacity(1) !important;
}

.ui-loader-site .title {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 96px;
    line-height: 131px;
    transition: 1s;
    filter: opacity(0);
}

.ui-loader-site .circle {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 1px solid black;
    border-radius: 1000%;
    width: 1000px;
    height: 1000px;
    transition: 1s;
    transform: scale(0);
    -webkit-transform: scale(0);
    animation: circle-pulse 3s infinite;
    -webkit-animation: circle-pulse 3s infinite;
    animation-timing-function: cubic-bezier(0.06, 0.05, 0, 0.53);
    -webkit-animation-timing-function: cubic-bezier(0.06, 0.05, 0, 0.53);
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
}

.ui-loader-site.hide {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    filter: opacity(0);
    -webkit-filter: opacity(0);
    visibility: hidden;
}

.loading--ready #_page > main {
    transform: none;
    -webkit-transform: none;
    filter: none;
    -webkit-filter: none;
}

.loading--start #_page > main {
    transform: translateY(-100vh);
    -webkit-transform: translateY(-100vh);
    filter: opacity(0);
    -webkit-filter: opacity(0);
    visibility: hidden;
}

.inverted.lazy-trigger {
    transition: 1s;
    -webkit-transition: 1s;
    filter: opacity(0);
    -webkit-filter: opacity(0);
}

.inverted.lazy-trigger.load {
    filter: none;
    -webkit-filter: none;
}

.fade--out.inverted.lazy-trigger.load {
    filter: opacity(0);
    -webkit-filter: opacity(0);
}


.ui-header > .wrapper .circle {
    position: absolute;
    left: -40px;
    top: -9px;
}

.ui-header > .wrapper .circle svg {
    transform-origin: left 25px;
    -webkit-transform-origin: left 25px;
    transition: 1s;
    -webkit-transition: 1s;
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

.ui-header.header-text-white circle {
    stroke: white;
}

.ui-header circle {
    transition: 1s;
    -webkit-transition: 1s;
}

.ui-header > .wrapper .current-menu-item .circle.fade--out svg {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.ui-header > .wrapper .current-menu-item .circle.fade--in svg {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.ui-header > .wrapper .circle svg circle {/* transition-delay: 1s; */}

.ui-header > .wrapper .current-menu-item .circle.fade--out svg circle {
    filter: opacity(0);
    -webkit-filter: opacity(0);
}

.ui-header--mobile {
    overflow: hidden;
    height: 80px;
    position: fixed;
    left: 0;
    width: auto;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

.ui-mobile--menu-bg .circle {
    width: 88px;
    height: 88px;
    position: fixed;
    left: -20px;
    top: -20px;
    border: 1px solid black;
    border-radius: 1000px;
    background: #fffef800;
    z-index: 0;
    transition: 1.5s;
    -webkit-transition: 1.5s;
    transform: translateY(0px) translateX(0px) scale(0);
    transition-timing-function: cubic-bezier(1, -0.02, 0.19, 1.02);
    -webkit-transform: translateY(0px) translateX(0px) scale(0);
    -webkit-transition-timing-function: cubic-bezier(1, -0.02, 0.19, 1.02);
}

.loading--ready .ui-mobile--menu-bg .circle {
    transform: translateY(0px) translateX(0px) scale(1);
    -webkit-transform: translateY(0px) translateX(0px) scale(1);
}

.ui--mobile-menu-button {
    width: 32px;
    height: 32px;
    position: relative;
    transition: 0.4s;
    transition-delay: 0.4s;
    -webkit-transition: 0.4s;
    -webkit-transition-delay: 0.4s;
}

.ui-header--mobile .wrapper {
    display: flex;
    width: 100%;
    position: relative;
    z-index: 1;
    height: 55px;
    padding: 0 10px;
}

.ui-header--mobile .wrapper .col-left {
    margin-right: auto;
}

.ui--mobile-menu-button .line {
    background: black;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 6px;
    bottom: 0;
    margin: auto;
    transition: 0.4s;
    transform-origin: 20px;
    -webkit-transition: 0.4s;
    -webkit-transform-origin: 20px;
}

.ui--mobile-menu-button .line.line--1 {
    top: -6px;
    transform-origin: 20px;
    -webkit-transform-origin: 20px;
}

.active.ui--mobile-menu-button .line {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.active.ui--mobile-menu-button .line.line--1 {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}

.active.ui--mobile-menu-button {transform: scale(0.9);-webkit-transform: scale(0.9);}

.lm-show {
    display: none;
}

.mobile-menu-show .ui-mobile--menu-bg .circle {
    width: 1500px;
    height: 1500px;
    transform: translateY(-400px) translateX(-400px) scale(1);
    -webkit-transform: translateY(-400px) translateX(-400px) scale(1);
    background: #fffef8;
}

.ui-mobile--menu-bg {
    position: relative;
    z-index: 2;
    display: none;
}

html.mobile-menu-show #_page > main {
    filter: opacity(0);
    -webkit-filter: opacity(0);
}

.ui-mobile--menu-content {
    position: fixed;
    width: 100%;
    height: calc(100% - 140px);
    top: 60px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 11;
    transition: .6s;
    -webkit-transition: .6s;
    visibility: hidden;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
}

.ui-mobile--menu-content li a {
    font-weight: 400;
    font-size: 18px;
    line-height: 184%;
    /* or 33px */
    color: rgba(45, 45, 45, 0.6);
    text-decoration: none;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    position: relative;
    left: 0px;
    display: block;
}

.ui-mobile--menu-content ul {
    list-style: none;
}
.ui-mobile--menu-content li {
    margin: 15px 0;
    position: relative;
}
.ui-mobile--menu-content li a {
    transition: 0.5s;
    margin: 15px 0;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    filter: opacity(0);
    -webkit-filter: opacity(0);
    transition-timing-function: cubic-bezier(0.96, -0.01, 0.33, 0.81);
    -webkit-transition-timing-function: cubic-bezier(0.96, -0.01, 0.33, 0.81);
    width: 100%;
}

.ui-mobile--menu-content li.shown a {
    transform: translateY(0px);
    filter: opacity(1);
    -webkit-transform: translateY(0px);
    -webkit-filter: opacity(1);
}

.mobile-menu-show  .ui-mobile--menu-content {
    visibility: visible;
}

.ui-mobile--menu-content li.current-menu-item a {
    font-weight: 700;
    color: black;
}

.ui-mobile--menu-content li.current-menu-item a {
    left: -40px;
}


.ui-mobile--menu-content > .wrapper .circle {
    position: absolute;
    left: 0;
    top: -8px;
}

.ui-mobile--menu-content > .wrapper .circle svg {

}
.ui-mobile--menu-content > .wrapper .circle {
    transition: 0.6s;
    transform-origin: left 25px;
    transform: rotate(-180deg);
    -webkit-transition: 0.6s;
    -webkit-transform-origin: left 25px;
    -webkit-transform: rotate(-180deg);
}

.mobile-menu-show .ui-mobile--menu-content .current-menu-item .circle {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.ui-mobile--menu-content li.delay-1 a {
    transition-delay: .2s;
}
.ui-mobile--menu-content li.delay-2 a {
    transition-delay: .3s;
}
.ui-mobile--menu-content li.delay-3 a {
    transition-delay: .4s;
}
.ui-mobile--menu-content li.delay-4 a {
    transition-delay: .5s;
}
.ui-mobile--menu-content li.delay-5 a {
    transition-delay: .6s;
}
.ui-mobile--menu-content li.delay-6 a {
    transition-delay: .7s;
}
.ui-mobile--menu-content li.delay-7 a {
    transition-delay: .8s;
}
.ui-mobile--menu-content li.delay-8 a {
    transition-delay: .9s;
}
.ui-mobile--menu-content li.delay-9 a {
    transition-delay: 1.0s;
}
.ui-mobile--menu-content li.delay-10 a {
    transition-delay: 1.1s;
}
.mobile-menu-show {
    overflow: hidden;
}

.ui-mobile--menu-content > .wrapper .circle.delay {
    transition-delay: 2s;
    -webkit-transition-delay: 2s;
}

.ui-footer--mobile {
    position: relative;
    -webkit-font-smoothing: antialiased;
}

.ui-footer--mobile .circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.ui-footer--mobile .circle svg {
    width: 100%;
}

.ui-footer--mobile .wrapper {
    padding: 20px 10px;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    color: rgba(45, 45, 45, 0.4);
    padding-top: 70px;
}

.ui-footer--mobile .wrapper .col-right, .ui-footer--mobile .wrapper .col-left {
    width: calc(50% - 50px);
}

.ui-footer--mobile .wrapper .col-bottom {
    width: 100%;
    text-align: center;
}

.ui-footer--mobile .wrapper a {
    color: #2D2D2D;
    text-decoration: none;
    font-size: 16px;
    border-bottom: 0.5px solid #2D2D2D;
}

.ui-footer--mobile .wrapper .col-right {
    text-align: left;
    padding-left: 50px;
}

.ui-footer--mobile .wrapper .col-left {
    padding-right: 50px;
}

.ui-footer--mobile .wrapper .item {
    margin-bottom: 25px;
}

.ui-footer--mobile .wrapper .col-bottom .item {
    margin-bottom: 0px;
}

.ui-footer--mobile .circle circle {
    stroke-dasharray: 800;
    stroke-dashoffset: 200;
    transition: 1s;
    -webkit-transition: 1s;
}

.ui-footer--mobile.shown .circle circle {
    stroke-dashoffset: 730;
    transition-delay: .5s;
    -webkit-transition-delay: .5s;
}

/* POST CARD */

.ui-post--card {
    display: inline-block;
    width: 46.5%;
    vertical-align: top;
    overflow: hidden;
    cursor: pointer;
    transition: 0.4s;
}

.ui-page--single {
    width: 100%;
}

.ui-page--single  .section--content {
    max-width: initial;
    width: calc(100% - 250px);
}

.ui-post--card:first-child {
    width: 51%;
    left: inherit;
    right: 80px;
}

.ui-post--card > .wrapper {
    padding: 40px;
    position: relative;
    right: -20px;
    transition: 1s;
    transform: scale(0.9) translateY(20px);
    filter: opacity(0);
    -webkit-transform: scale(0.9) translateY(20px);
    -webkit-filter: opacity(0);
}

.ui-post--card.load > .wrapper {
    transform: scale(1) translateY(0px);
    filter: opacity(1);
    -webkit-transform: scale(1) translateY(0px);
    -webkit-filter: opacity(1);
    -moz-transform: scale(1) translateY(0px);
    -moz-filter: opacity(1);
}

.ui-posts--list {
    margin: -40px;
    margin-bottom: 60px;
    position: relative;
}

.ui-page--single .ui-posts--list > .wrapper {
    position: relative;
    right: -60px;
}

.ui-page--single.ui-page--books .ui-posts--list > .wrapper {
    right: 0;
}

.ui-post--card  .post--thumbnail > [data-lazy] {
    max-width: 100%;
    background-size: cover !important;
    background-position: center !important;
    transition: 0.4s;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    display: none;
}

.ui-post--card .post--thumbnail >  img {
    width: 100%;
    transition: 0.4s;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
}

.ui-post--card:hover .post--thumbnail > img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
}

.ui-post--card:hover .post--thumbnail > [data-lazy] {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
}

.ui-post--card .post--thumbnail.load > [data-lazy] {
    transform: scale(1);
    filter: opacity(1);
    -webkit-transform: scale(1);
    -webkit-filter: opacity(1);
    -moz-transform: scale(1);
    -moz-filter: opacity(1);
}

.ui-post--card > .wrapper .post--thumbnail {
    margin-bottom: 25px;
}

.ui-post--card > .wrapper .post--title {
    font-weight: 700;
    font-size: 24px;
    line-height: 140%;
}

.ui-post--card > .wrapper .post--excerpt {
    color: rgba(45, 45, 45, 0.6);
    margin: 15px 0;
}

.ui-post--card > .wrapper .actions {
    margin-top: 32px;
}


div.ui_form__fieldset > .field > label {
    font-size: 14px;
    color: rgba(45, 45, 45, 0.5);
    right: 0;
    left: inherit;
    bottom: 12px;
    cursor: pointer;
    top: inherit;
}

div.ui_form__fieldset > .field > input, div.ui_form__fieldset > .field > select, div.ui_form__fieldset > .field > textarea {
    background: transparent;
    border-bottom: 1px solid #A5A5A5;
    padding: 10px 0px;
    transition: 0.4s;
    cursor: pointer;
    font-size: 14px;
    width: 100%;
    border-radius: 0px;
}

div.ui_form__fieldset > .field > .not-empty + label, div.ui_form__fieldset > .field > :focus + label {
    top: inherit;
    bottom: 12px;
    filter: opacity(0);
    font-size: 14px;
}

div.ui_form__fieldset:hover > .field > input {
    border-color: black;
}

.ui_form__fieldset {
    cursor: pointer;
}

.ui_form__fieldset .information {
    text-align: right;
}

.ui_form__fieldset.invalid > .field > input {
    border-color: #FB5757;
}

form#callback {
}

div.ui_form__fieldset > .field > textarea {
    width: 100%;
}

.l-grid {
    display: grid;
}

.l-grid.grid-3 {
    grid-template-columns: 33% 33% 33%;
}

.l-grid > .ui_form__fieldset {
    margin: 10px;
}

.ui_form__fieldsets.l-grid {
    margin: -10px;
}

div.ui_form__fieldset > .field.textarea > label {
    bottom: 15px;
}

.ui-form  .form__send {
    margin-top: 40px;
}

/* main.feature-image--right > .container {
    flex-direction: row-reverse;
} */

/* main.feature-image--right > .container .col-right {width: 70%;}
 */
main.feature-image--right > .container .col-right {width: 45%;}

@media screen and (max-width: 1799px ) {
	main.feature-image--right > .container .col-right {
		margin-left: 200px;
		width: calc(45% - 200px);
	}
}
	

main.feature-image--right > .container .ui-page-thumbnail {
    left: inherit;
    right: 0;
}

/* main.feature-image--right > .container .col-right .section--content {
    margin-right: 32%;
} */
main.feature-image--right > .container .col-right .section--content {
    margin-right: 0%;
}

.ui-book--card {position: relative;}

.ui-book--card .wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding: 80px 40px;
    right: 0;
}

.ui-post--card.ui-book--card {
    width: 100%;
    right: 0;
}

.ui-book--card .wrapper .details {
    max-width: 573px;
}

.ui-book--card .wrapper .post--thumbnail {
    padding-right: 50px;
}

.ui-book--card .wrapper .post--thumbnail [data-lazy] {
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    filter: none;
    -webkit-filter: none;
    display: block;
}

.ui-book--card .wrapper .post--title {
    font-size: 32px;
    line-height: 44px;
    color: black;
    margin-bottom: 40px;
    font-weight: 400;
}

.ui-book--card .wrapper .post--excerpt p {margin-bottom: 25px;color: rgba(0, 0, 0, 0.6);}

.ui-price {
    font-size: 48px;
    line-height: 65px;
    margin: 30px 0;
    color: black;
}

.section--header .h2 {
    font-weight: 700;
    font-size: 48px;
    line-height: 1.3;
    margin-bottom: 5px;
    letter-spacing: 0.01em;
}

.section--header .h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    /* identical to box height */
    text-align: right;
    letter-spacing: 0.01em;
    color: #2D2D2D;
}

.ui-logos--wrap {
    display: grid;
    grid-template-columns: auto auto auto auto;
    margin: -20px;
    margin-bottom: 100px;
}
main.ui-page--clients .section--content {
    max-width: initial;
    width: calc(100% - 250px);
}

.ui-logos--wrap img {
    max-height: 100px;
    object-fit: contain;
    max-width: 100%;
}

.ui-logos--wrap .item {
    margin: 20px;
    display: flex;
    justify-content: center;
}

.ui-logos--wrap .item:nth-child(4n) {
    justify-content: flex-end;
}

.ui-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1111;
    transition: 0.6s;
    -webkit-transition: 0.6s;
    visibility: hidden;
}

.ui-modal > .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(45, 45, 45, 0.5);
    transition: .6s;
    filter: opacity(0);
    -webkit-transition: .6s;
    -webkit-filter: opacity(0);
}

.ui-modal > .wrapper {
    background: white;
    width: 100%;
    max-width: 760px;
    height: max-content;
    position: absolute;
    max-height: 100vh;
    min-height: 300px;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: 1s;
    transform: translateY(40px) skewY(2deg);
    filter: opacity(0);
    transition-timing-function: cubic-bezier(1, 0, 0.19, 0.99);
    -webkit-transition: 1s;
    -webkit-transform: translateY(40px) skewY(2deg);
    -webkit-filter: opacity(0);
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0.19, 0.99);
    overflow: auto;
    -webkit-font-smoothing: antialiased;
}

.ui-modal--shown .ui-modal {
    visibility: visible;
}

.ui-modal--shown .ui-modal > .wrapper {
    transform: translateY(0px) skewY(0deg);
    filter: opacity(1);
    -webkit-transform: translateY(0px) skewY(0deg);
    -webkit-filter: opacity(1);
}

.ui-modal--shown .ui-modal > .overlay {
    filter: opacity(1);
    -webkit-filter: opacity(1);
}
html.ui-modal--shown, .ui-modal--shown body {
    overflow: hidden;
}
.ui-modal > .wrapper > main {
    padding: 60px 40px;
    text-align: center;
}

.ui-modal > .wrapper::-webkit-scrollbar {
    display: none;
}

.ui-modal > .wrapper > main .section--content {
    max-width: initial;
    margin-top: 0;
}

.ui-modal > .wrapper > main .section--header > .label {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 15px;
}

.ui-modal > .wrapper > main .section--header > .subtitle {
    color: #808080;
    max-width: 470px;
    margin: auto;
    margin-bottom: 24px;
    font-weight: 400;
}

.ui-modal-thumbnail {
    height: 270px;
    position: relative;
    margin-bottom: -20px;
}

.ui-modal-thumbnail > [data-lazy] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: 0 -40px !important;
}

.ui-page--books .ui-page-thumbnail {
    max-width: 251px;
    position: fixed;
    height: 100%;
    width: 100%;
}

.ui-page--books .ui-page-thumbnail > [data-lazy] {
    background-position: top !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover !important;
}
.ui-mobile--menu-content > .wrapper {
    width: 63%;
}

.ui-modal  .close {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 10px;
    z-index: 11;
    top: 10px;
    cursor: pointer;
}

.ui-modal  .close > .line {
    position: absolute;
    width: 100%;
    height: 2px;
    background: #0000006b;
    transform: rotate(45deg);
    bottom: 0;
    top: 0;
    margin: auto;
}

.ui-modal  .close > .line:last-child {
    transform: rotate(-45deg);
}

.icon--arrow {
    background: url('assets/icons/arrow.svg') no-repeat;
    width:32px;
    height:10px;
    display: inline-block;
}

.ui-publications--list .section--year {
    margin-bottom: 50px;
}

.ui-publication--card > .wrapper {
    display: flex;
    width: 100%;
    align-items: center;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    transition: 0.3s;
}

.ui-publication--card > .wrapper img {
    max-width: 160px;
    max-height: 51px;
}

.ui-publication--card > .wrapper .col:last-child {
}

.ui-publication--card > .wrapper .post--title {
    min-width: 400px;
}

.ui-publication--card > .wrapper .post--year {
    color: rgba(45, 45, 45, 0.5);
    font-size: 24px;
    font-weight: 700;
    min-width: 100px;
    display: none;
}

.ui-publication--card > .wrapper  .post--month {
    text-align: left;
    margin-left: 100px;
}

.ui-publication--card {
    margin: 25px 0;
    cursor: pointer;
    text-decoration: none;
    display: block;
}

.ui-publication--card:hover {
    color: black;
}

.ui-publication--card:first-child > .wrapper .post--year {
    display: block;
}

.ui-publication--card > .wrapper .col {
    min-width: 100px;
}

.ui-publication--card:hover > .wrapper {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}

.ui-publication--card:hover > .wrapper .post--title {
    font-weight: 800;
    letter-spacing: -.3px;
}

.text-black {
    color: black;
}
.l-fs-14{
    font-size: 14px;
}

.ui--price-section {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #efefef;
    margin-top: 20px;
}

.publications-years > .item {
    font-weight: 700;
    font-size: 0px;
    line-height: 140%;
    color: rgb(150 149 148);
    transition: 0.2s;
}

.publications-years > .item.active, .publications-years > .item.inactive {
    font-size: 24px;
}

.publications-years > .item.active {
    color: #2D2D2D;
}
.publications-years > .item.inactive {
    color: gray;
}
h4 {
    font-size: 16px;
    margin: 10px 0;
    margin-top: 15px;
}

.ui-footer .inverted .crop {
    position: relative;
}

html::-webkit-scrollbar, .ui-header::-webkit-scrollbar {
   display:none;
}

.page--94 .section--header {
    display: none;
}

@keyframes circle-pulse {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
    }

    100% {
        transform: scale(2.5);
        -webkit-transform: scale(2.5);
        -moz-transform: scale(2.5);
    }
}

@-webkit-keyframes circle-pulse {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
    }

    100% {
        transform: scale(2.5);
        -webkit-transform: scale(2.5);
        -moz-transform: scale(2.5);
    }
}