/*
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap');
*/

@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+Hebrew:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
    --yellow: #FFCA07;
    --w_yellow: #F8ECA3;
    --black: #000000;
    --visited: rgb(58, 26, 0);
    --gray: #989BAF;
    --light_gary : #d6d6d6;
    --light_gary_01 : #ebebeb;
    --border-radius : 10px;
}

/* body { background-color: var(--blue); } */



/*======== General =========*/

body, html {
    font-family: 'Assistant', arial , sans-serif;
    font-family: 'Heebo', sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    direction: rtl;
    text-align: right;
    /* overflow-x: hidden; */
}

body {
    background-color: var(--light_gary_01);
    background-image: url(../images/light_bg.jpg);
    background-position: center;
    background-size: cover;
    color: var(--black);
    line-height: 1.5;
}

p {
    margin: 0 0 10px 0;
}

a {
    transition: all .3s;
    text-decoration: none;
    font-weight: 800;
    color: var(--black);
}
a:visited {
    color: var(--visited);
}

.swiper-wrapper {
    /* overflow: hidden; */
}

.row {
    width: calc( clamp( 150px, 100vw, 1700px ) - 60px );
    display: block;
    margin: auto;
    /* padding-left: 30px; */
    /* padding-right: 30px; */
}


nav#nav {
    display: block;
}

nav#mobile-nav {
    display: none;
}

button.share {
    display: flex;
    align-content: center;
    background-color: var(--black);
    color: var(--light_gary_01);
    padding: 3px 14px;
    cursor: pointer;
    margin-top: -5px;
    overflow: hidden;
    position: relative;
    border: none;
    border-radius: var(--border-radius);
}
button.share svg {
    width: 17px;
    height: 17px;
    margin-left: 5px;
    fill: var(--light_gary_01);
}

span.text,
button.share svg {
    z-index: 2;
    transition: all .6s;
}
/* button.share:before {
    content: "";
    width: 150%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: var(--yellow);
    transition: all .3s;
    transform: skewX(-50deg) translateX(-100%);
    z-index: 0;
} */
button.share:hover svg,
button.share:hover span.text {
    color: var(--black);
    fill:  var(--black);
}
/* button.share:hover:before {
    transform: skewX(-50deg) translateX(15%);
} */

button.share:hover {
    background-color: var(--yellow);
}


.share-content-inner {
    display: flex;
    flex-wrap: wrap;
    width: 320px;
    max-width: 100%;
}

.share-content-inner button {
    flex: 1 0 calc( 33.333% - 10px);
    margin: 5px;
    /* direction: rtl; */
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    border: none;
    /* background: transparent; */
    padding: 10px;
    color: white;
}

div#share-content {
    direction: rtl;
}

.share-content-inner button i {
    font-size: 30px;
    margin-bottom: -5px;
}

.share-content-inner button span.text {
    font-size: 12px;
}

button.share-facebook {background-color: #4267B2;}
button.share-twitter {background-color: #1DA1F2;}
button.share-linkedin {background-color: #0A66C2;}
button.share-whatsapp {background-color: #25D366;}
button.share-telegram {background-color: #2b8fc4;}

/*======== #tora_video_header  =========*/

#tora_video_header {
    padding: 20px 0;
    position: sticky;
    top: 0;
    z-index: 9999;
    backdrop-filter: blur(4px) brightness(1);
    background-image: linear-gradient(white, #ffffff00);
}
#tora_video_header .row {
    display: flex;
    align-items: center;
    
}
#tora_video_header .row #logo {

}

#tora_video_header .row #logo img.logo_img {
    max-height: 50px;
}



#tora_video_header #nav .ul_nav {
    display: flex;
    list-style: none;
    align-items: center;
}
#tora_video_header #nav .ul_nav .nav-item {
    margin: 0 10px;
    display: flex;
}
#tora_video_header #nav .ul_nav .nav-item .nav-item-link {
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1;
    padding: 0 10px;
    color: var(--black);
    text-decoration: none;
    transition: all .3s ease-in-out;
}
#tora_video_header #nav .ul_nav .nav-item .nav-item-link:after {
    content: '';
    width: 100%;
    height: 3px;
    display: block;
    background-color: var(--yellow);
    transition: all .3s ease-in-out;
    transform: scale(0, 1);
    margin-top: 3px;

}

#tora_video_header #nav .ul_nav .nav-item .nav-item-link.on,
#tora_video_header #nav .ul_nav .nav-item .nav-item-link:hover {

}
#tora_video_header #nav .ul_nav .nav-item .nav-item-link.on:after ,
#tora_video_header #nav .ul_nav .nav-item .nav-item-link:hover:after  {
    transform: scale(1); 
}




/*======== #tora_video_container =========*/

#tora_video_container {

}

#tora_video_container .row{
    max-height: calc( 100vh - 100px );
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 2em;
}
    
.area_01 {grid-area: 1 / 1 / 3 / 4;}
.area_02 {grid-area: 3 / 1 / 4 / 4;}
.area_03 {grid-area: 1 / 4 / 4 / 5;}

@media screen and (min-width: 769px){
    .area_01 {
        min-height: 400px;
    }
}




.main_video_wraper {
    height: 100%;
}



a.main_video_fancybox {
    text-decoration: none;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 20px;
    height: 100%;
}

a.main_video_fancybox.off {
    display: none !important;
}

a.main_video_fancybox:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: #000000a3;
    z-index: 1;
}

a.main_video_fancybox:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: #ffffff00;
    z-index: 2;
    background: linear-gradient(125deg, rgb(255 255 255 / 24%) 0%, 49%, rgb(255 255 255 / 0%) 48%);
}



p.main_video_fancybox_text {
    margin: 0;
    color: var(--light_gary_01);
    font-size: 2rem;
    max-width: 280px;
    line-height: 1.2;
    font-weight: 600;
    right: 60px;
    top: 80px;
}

p.main_video_fancybox_text,
img.main_video_fancybox_play_btn {
    position: absolute;
    z-index: 2;
}
img.main_video_fancybox_img {
    width: 100%;
    height: 100%;
    z-index: 1;
    display: block;
    transition: all 3s;
    object-fit: cover;
}



img.main_video_fancybox_play_btn {
    width: 80px;
    height: 80px;
    transition: all .4s;
}

a.main_video_fancybox:hover img.main_video_fancybox_play_btn {
    transform: scale(1.1);
}
a.main_video_fancybox:hover img.main_video_fancybox_img  {
    transform: scale(1.05);
}


iframe#main_video_iframe {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    display: none;
}
iframe#main_video_iframe.on {
    display: block !important;
}


#mobile_video_info_btn,
#mobile_video_info_section {
    display: none;
}


.video_info {
    display: flex;
    gap: 20px;
    margin-left: 20px;
}

.video_info_right {
    flex: 0 0 40%;
    display: flex;
    flex-direction: column;
}

.video_info_left {
    flex: 0 0 60%;
    height: 0;
    overflow-y: auto;
    direction: ltr;
    padding-right: 10px;
    box-sizing: border-box;
    position: relative;
}

.video_info_left > * {
    direction: rtl;
}

.video_info_left p {
    margin: 0;
    text-align: justify;
    line-height: 1.6;
    line-height: 1.76;
}


h2.video_info_right_title {
    margin: 0 0 20px;
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1;
    text-align: center;
}

.video_info_right_text {
    padding: 20px;
    background-color: var(--w_yellow);
    margin: 0;
    color: var(--black);
    font-size: 1rem;
    line-height: 1.2;
    text-align: justify;
    flex: 1 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--border-radius);
    position: relative;
}

.video_info_right_text a {
    float: left;
    text-decoration: none;
    font-weight: 600;
    display: flex;
    align-items: center;
    position: absolute;
    left: 9px;
    bottom: 9px;
}

.video_info_right_text a i {
    margin: 5px 1px 0 0;
}



.quotes_wraper {
    margin-top: 20px;
    padding: 20px;
    background-color: var(--yellow);
    display: flex;
    align-items: center;
    border-radius: var(--border-radius);
}

.quotes_wraper .quotes_title {
    flex: 0 0 30%;
}

.quotes_wraper .quotes_title h2,
.quotes_wraper .quotes_title h3 {
    margin: 0;
}

.quotes_wraper #quotes_slider {
    flex: 0 0 70%;
    max-width: 70%;
    overflow: hidden;
    position: relative;
    padding-bottom: 19px;
}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    bottom: -6px;
}




.area_03 {
    position: relative;
}
.area_03:after {
    content: "";
    height: 10vh;
    position: absolute;
    bottom: 0;
    z-index: 9;
    width: 100%;
    background: transparent;
    background: linear-gradient(0deg, #ebebeb 0%, #ebebeb00 100%);
    pointer-events: none;
}

.area_03 h2.left_title {
    margin: 0 0 .8em;
    background-color: var(--yellow);
    padding: 10px;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1;
    border-radius: var(--border-radius);
    text-align: center;
}

#small_videos .swiper-wrapper {
    display: flex;
    flex-direction: column;
}


div#small_videos {
    max-height: 100%;
    overflow: hidden;
}

div#small_videos + div#small_videos_btuns {
    display: none;
}


div#small_videos .swiper-pagination {
    bottom: 0;
    right: -16px;
}
.area_03 .small_video_wraper {
    display: flex;
    max-width: 100%;
    margin-bottom: 20px;
    cursor: pointer;
}

.area_03 .swiper-slide.small_video_wraper[data-fancybox="video-gallery"] {
    cursor: pointer;
}

.area_03 .small_video_wraper .small_video_image {
    margin-left: 20px;
    position: relative;
    flex: 0 0 calc( 50% - 20px );
}

.area_03 .small_video_wraper .small_video_image img {
    max-width: 100%;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: var(--border-radius);
}

.area_03 .small_video_wraper .small_video_image  span.time {
    position: absolute;
    color: var(--light_gary_01);
    padding: 2px 8px;
    font-size: .7rem;
    background-color: rgba(0, 0, 0, 0.822);
    left: 10px;
    top: 10px;

}

.area_03 .small_video_wraper .small_video_text {
    flex: 0 0 50% ;
    overflow: hidden;
}

.area_03 .small_video_wraper .small_video_text  h3.title {
    margin: 0 0 0.3em;
    font-size: clamp( 12px, 1vw, 1rem  );
    font-weight: 900;
    line-height: 1.1;
}

.area_03 .small_video_wraper .small_video_text  p.text {
    margin: 0;
    font-size: clamp( 10px, .9vw, .8rem  );
    font-weight: 400;
    line-height: 1.1;
}







/*======== #tora_video_container =========*/
span.swiper-pagination-bullet {
    border: 1px solid;
    background-color: transparent;
    opacity: 1;
    width: 6px;
    height: 6px;
    
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--black);
}


/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}





/* increasing .main_video_wraper on lpatop screen */
@media screen and (max-width: 1352px ) and (min-width:770px){

    .video_info {
        max-height: 120px;
    }
    
    h2.video_info_right_title {
        margin: 0 0 7px;
    }
    
    #tora_video_container .row {
        row-gap: 1em;
    }
    
    .quotes_wraper {
        padding: 10px;
        margin-top: 10px;
    }
    
    .video_info_right_text {
        padding: 10px;
    }

}


button.fancybox-button.fancybox-button--arrow_left,
button.fancybox-button.fancybox-button--arrow_right {
    display: none;
}


@media screen and (min-width: 769px){


    #ffca07ca07ca07iper-button-prev:after,
    .swiper-button-next:after,
    .swiper-container-rtl .swiper-button-prev:after,
    .swiper-container-rtl .swiper-button-prev:after {
        content: "";
        font-family: flaticon !important;
        font-style: normal;
        font-weight: normal !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: rotateZ(-90deg);
        display: block;
        /* display: none; */
    }
    
    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-prev,
    .swiper-button-next,
    .swiper-container-rtl .swiper-button-next {
        background: none;
        margin-top: -70px;
        top: 50%;
        left: unset;
        right: -20px;
        font-size: 33px;
        color: var(--gray);
        width: 11px;
        transition: all .4s;
    }
    
    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        top: calc( 50% + 70px );
    }
    
    .swiper-button-prev:hover,
    .swiper-container-rtl .swiper-button-prev:hover,
    .swiper-button-next:hover,
    .swiper-container-rtl .swiper-button-next:hover {
        color: var(--yellow);
    }
    
    .swiper-button-next:after,
    .swiper-container-rtl .swiper-button-prev:after {
        content: "\f10c";
    }
    
    .swiper-button-prev:after,
    .swiper-container-rtl .swiper-button-next:after {
        content: "\f10b";
    }
      
}