@font-face{font-family:almoni;src:url(../fonts/almoni-dl-aaa-light.woff) format('woff');font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:almoni;src:url(../fonts/almoni-neue-regular-aaa.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:almoni;src:url(../fonts/almoni-neue-bold-aaa.woff) format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Futura;src:url(../fonts/FuturaStdBold.woff) format('woff');font-weight:500;font-style:normal;font-display:swap}
*{scroll-behavior: smooth;}
body,html{font-size:calc(1vw + .8px);background-color:#000;font-family:Almoni;color: #fff;direction: rtl;}
.navbar-collapse{flex-grow: 0;}
.navbar{flex-direction: row-reverse;}
#primary-menu{padding: 0;}
section{padding: 0 4.75rem;position: relative;}
.desktop{display: block;}
.mobile{display: none;}
.bg img{border-radius: 2rem;pointer-events: none;}
.logobox img{width: 12.5rem;}
.box{position: absolute;z-index: 3;background:   linear-gradient(139.06deg, rgba(0, 0, 0, 0.6) 2.87%, rgba(0, 0, 0, 0.6) 56.04%, rgba(0, 0, 0, 0.48) 96.54%);
    ;border: .1rem solid;border-image-source: linear-gradient(140.2deg, rgba(0, 0, 0, 0) 4.98%, rgba(255, 255, 255, 0) 35.83%, rgba(0, 0, 0, 0.6) 66.67%, rgba(0, 0, 0, 0.6) 97.51%);box-shadow: 0px .05rem 1.2rem -.05rem rgba(0, 0, 0, 0.1);border-radius: 2rem;display: inline-flex;flex-direction: column;color: #fff;text-align: center;width: 25.2rem;height: 32rem;left: 17rem;bottom: 50%;transform: translateY(50%);padding: 1rem;}
h1{font-size: 2rem;line-height: .9;font-weight: bold;margin-top: 1rem;}
h1 ~ small{font-size: 1.1rem;}
.box p{margin: 0;}
h2{font-size: 3rem;font-weight: bold;position: relative;display: flex;justify-content: space-between;align-items: center;padding: 5rem 0;}
h2 p{margin: 0;}
h2::before,h2::after{content:'';background: linear-gradient(180deg, #C08177 0%, rgba(0, 0, 0, 0) 100%);width: 30rem;height: .25rem;display: block;}
.lecture{margin-bottom: 6rem;height: 37.5rem;}
.lecture .inner{border-radius: 2rem;width:96.5%;margin: auto;padding: 1rem 2rem;height: 100%;}
.lecture.future .inner{background:url(../images/bg.svg) no-repeat;background-size: cover;}
.lecture.past .inner{background:url(../images/past.svg) no-repeat;background-size: cover;}
.date, .time{font-size: 2rem;font-weight: bold;display: flex;align-items: center;padding: 0 1rem;}
.date span, .time span{display: block;padding-left: 1rem;line-height: 0;}
.lecture.future{order: 0;}
.lecture.past{order: 1;}
.lecture header{display: flex;width: 100%;justify-content: center;margin-bottom: 1rem;}
.lecturer{text-align: center;}
.twofold .lect-row{display: flex;align-items: center;margin-bottom: 1rem;margin-right: -3.5rem;}
.lecture p{margin: 0;}
.lecture h3{font-size: 2rem;font-weight: bold;margin: 0;line-height: .9;}
.lecture .sub{font-weight: 500;font-size: 1.5rem;line-height: 1.2;margin-bottom: .75rem;display: block;}
.lecturer img{width: 10rem;}
.lecturer .name{font-size: 1.1rem;line-height: 1.1;display: block;margin-top: .5rem;}
.lect-row .lecturer{margin-left: 1rem;}
.sep{width: .1rem;height: 2rem;background: #fff;display: block;align-self: center;}
.lecturers{display: flex;justify-content: center;}
.lecturers .lecturer{margin: 0 .75rem;}
.lecture .inner{display: flex;flex-direction: column;}
.lecture header,.lecture .cont,.lecture  footer{order: 1;}
.lecture .lecturers{order: 0;margin-top: -3.5rem;margin-bottom: 1rem;}
.lecture .inf p{font-size: 1.1rem;line-height: 1.15;display: -webkit-box;-webkit-line-clamp: 6;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}
.lecture .inf p.unclamp{text-overflow:initial;overflow: visible;display: block;}
.lecture .inf p ~ .more{display: none;}
.lecture .inf p.clamp ~ .more, .lecture .inf p.unclamp ~ .more{display: inline-block;text-decoration: underline;}
/* .lecture .inf p::after{content:'קרא עוד'} */
.lecture footer{margin-top: auto;text-align: center;}
.lecture.past header{display: none;}
.lecture footer a{text-decoration: none;color: #fff;width: 11rem;height: 2.2rem;border-radius: 5rem;position: relative;display: inline-block;padding-left: 1rem;line-height: 2.2;}
.lecture footer a:hover .arrow{animation: shake 400ms ease-in-out infinite alternate ;}
.lecture footer a .arrow{padding-right: .5rem;position: absolute;}
.lecture.future footer a{background: #C08177;}
.lecture.past footer a{background: transparent;border: .1rem solid #FEF8E4;}
#contest .col-12{background: #FEF8E4;border-radius: 2rem;}
#contest .inner{display: flex;justify-content: center;align-items: center;direction: ltr;padding: 4rem;}
#contest .inner > *{flex: 0 0 50%;}
#contest .logoimg{text-align: center;}
#contest h3{font-weight: 700;font-size: 4.75rem;color: #000;font-family: Futura;text-transform: uppercase;}
.lectures .modal-dialog{max-width: 50vw;}
.lectures .modal-content{background: transparent;}
.lecture.future footer a[href="#"]{pointer-events: none;background:#ccc;}
.lectures .modal-header .btn-close{filter: invert(1);}
.lectures .modal-header{border-bottom: 0;}
video{max-width: 100%;}
#contest{display: none;}
@media(max-width: 1000px){
    body,html{font-size:4.4vw}
    .navbar{padding: 1rem;}
    .custom-logo{width: 7em}
    .bg img{width: 100%;}
    .logobox img{width: 6.5rem;}
    .box{width: calc(100% - 3rem);height: 19rem;justify-content: center;position: relative;bottom: auto;left: auto;margin: -3rem auto 0;transform: none;display: flex}
    h1{font-size: 1.5rem;}
    h1 ~ small{font-size: 1rem;line-height: .9;}
    .desktop{display: none;}
    .mobile{display: block;}
    section{padding: 0;}
    h2{font-size: 1.5rem;}
    h2::before,h2::after{content:'';background: linear-gradient(180deg, #C08177 0%, rgba(0, 0, 0, 0) 100%);width: 5rem;height: .25rem;display: block;}
    .lecture{min-height: 27.5rem;height: auto;}
    .lecture h3{font-size: 1.5rem;}
    .lecture .sub{font-size: 1.125rem;margin-top: .5rem;margin-bottom: 0;font-weight: 500;}
    .lecture .inf p, .lecturer .name{font-size: 1.025rem;}
    .lecture .inf p{-webkit-line-clamp: 4;}
    .date, .time{font-size: 1.5rem;}
    .twofold .lect-row{flex-direction: column;margin-right: 0;}
    .lect-row .lecturer{margin-left: 0;}
    .lecture header, .lecture .cont, .lecture footer{width: 100%;}
    .lecture .inner:not(.twofold){min-height: 28.5rem;}
    .twofold header{position: absolute;right: 0;top: 7rem;}
    .twofold .lect-row:first-of-type .lecturer{margin-bottom: 3rem;margin-top: -3.5rem;}
    .lecturer img{width: 7rem;}
    .lecture .inner{padding: 2rem;position: relative;}
    #contest .inner{flex-direction: column-reverse;padding: 3rem 3rem 1rem;}
    #contest h3{font-weight: bold;font-size: 2.25rem;line-height: 1;text-align: center;margin-top: 2.5rem;}
    #contest{width:90%;margin: auto;}
    .twofold .cont{margin-top: 1rem;}
    .lectures .modal-dialog{max-width: 90vw;}
}
@keyframes shake {
    0%{padding-right: .5rem;}
    100%{padding-right: .675rem;}
}