@import url(//fonts.googleapis.com/earlyaccess/opensanshebrew.css);
@import url('https://fonts.googleapis.com/css2?family=Arimo&display=swap');

@import url("../arutz/style-rtl.css");

@font-face {
    font-family: "Simpler";
    src: url('https://www.20il.co.il/wp-content/themes/arutz-child/assets/simplerfont/SimplerPro-Regular.eot'); /* IE9 Compat Modes */
    src: url('https://www.20il.co.il/wp-content/themes/arutz-child/assets/simplerfont/SimplerPro-Regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('https://www.20il.co.il/wp-content/themes/arutz-child/assets/simplerfont/SimplerPro-Regular.woff') format('woff'), /* Pretty Modern Browsers */
         url('https://www.20il.co.il/wp-content/themes/arutz-child/assets/simplerfont/SimplerPro-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
    font-weight: 400;
}


@font-face {
    font-family: "Simpler";
    src: url('https://www.20il.co.il/wp-content/themes/arutz-child/assets/simplerfont/SimplerPro-Bold.eot'); /* IE9 Compat Modes */
    src: url('https://www.20il.co.il/wp-content/themes/arutz-child/assets/simplerfont/SimplerPro-Bold.woff2') format('woff2'), /* Super Modern Browsers */
         url('https://www.20il.co.il/wp-content/themes/arutz-child/assets/simplerfont/SimplerPro-Bold.woff') format('woff'), /* Pretty Modern Browsers */
         url('https://www.20il.co.il/wp-content/themes/arutz-child/assets/simplerfont/SimplerPro-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */

    font-weight: 700;
    }


@font-face {
    font-family: "Simpler";
    src: url('https://www.20il.co.il/wp-content/themes/arutz-child/assets/simplerfont/SimplerPro-Black.eot'); /* IE9 Compat Modes */
    src: url('https://www.20il.co.il/wp-content/themes/arutz-child/assets/simplerfont/SimplerPro-Black.woff2') format('woff2'), /* Super Modern Browsers */
         url('https://www.20il.co.il/wp-content/themes/arutz-child/assets/simplerfont/SimplerPro-Black.woff') format('woff'), /* Pretty Modern Browsers */
         url('https://www.20il.co.il/wp-content/themes/arutz-child/assets/simplerfont/SimplerPro-Black.ttf')  format('truetype'); /* Safari, Android, iOS */

    font-weight: 900;
    }


@font-face {
    font-family: "Simpler";
    src: url('https://www.20il.co.il/wp-content/themes/arutz-child/assets/simplerfont/SimplerPro-Light.eot'); /* IE9 Compat Modes */
    src: url('https://www.20il.co.il/wp-content/themes/arutz-child/assets/simplerfont/SimplerPro-Light.woff2') format('woff2'), /* Super Modern Browsers */
         url('https://www.20il.co.il/wp-content/themes/arutz-child/assets/simplerfont/SimplerPro-Light.woff') format('woff'), /* Pretty Modern Browsers */
         url('https://www.20il.co.il/wp-content/themes/arutz-child/assets/simplerfont/SimplerPro-Light.ttf')  format('truetype'); /* Safari, Android, iOS */

    font-weight: 200;
}

/*----------------------------------To do: this is temporal----------------------------------*/
.pirsomot {
    display: none;
}







/* ----------------------------------END OF TEMPORAL ---------------------------------- */

@media only screen and (min-width:600px){
    main,  .pirsomot.desktop-header-top {
        width: 1000px!important;
    }
    div#home-first-section {
        display: flex;
    }
    .twitter-timeline {
        height: 2323px !important;
    }
    


}

body *{
    font-variant-caps: petite-caps;
}

@media only screen and (max-width:600px){
    .hideInMobile{
        display:none!important;
    }

    .home-mobile-content > * {
        margin-bottom: 20px;
    }

    .seventeen-mobile{
        font-size: 22px;
    }

    .eighteen {
        font-size: 20px!important;
    }

    .container-inside {
        padding: 2px 5px;
        font-size: 13px;
        width: max-content;
        /* width: unset!important; */
    }
    .cat-name-container.back-blue {
      display: inline-block;
    }

}






body h1, body h2, body h3, body h4, body h5, body h6, body p, body span, body div, body *{
    font-family:'Simpler';
}

.site-logo img {
    max-height:unset;
	height: unset;

}

.blue{
    color: #0a2f66;
}

.white{
    color:white!important;
}

.dblue{
    color:#0a2f66!important;
}

.back-blue{
    background-color: #15499d;
}

.back-sky{
    background-color:#00AEEF;
}

.back-red{
    background-color: #ED1C24;
}

.back-darkblue{
    background-color:#0058a0;

}

.blue a{
    color: #0a2f66;
}

.padding-seshesre{
    padding: 16px;
}

.boldtitle{
    font-size: 30px;
    font-weight: 800;
}


header img.custom-logo {
    border-right: 1px solid #BFD6E7;
    border-left: 1px solid #BFD6E7;
}

.widget {
    margin-top: 0;
    margin-bottom:16px;
}

.widget.widget_media_image img {
    margin: auto;
}

button:hover {
    text-decoration: none!important;
}

a{
    text-decoration: none!important;
}

body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote:before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover{
    color: #002f6b;
}

.eighteen {
    font-size: 20px;
}

.first-right > div {
    margin-bottom: 16px;
}

.first-right > div:last-child {
    margin-bottom: 0px;
}


.home-right.second-right > div {
    margin-bottom: 16px;
}



.forty {
    font-size: 40px;
}

.hide{
    display:none;
}





@media only screen and (min-width:600px){
    .hideInDesktop{
        display:none!important;
    }
    .acf-input {
        margin-bottom: 20px;
    }
}


.preview-container-kaltura {
    height: 100%;
}

video.preview-container-kaltura {
    object-fit: cover;
}

.preview-container-youtube .preview_video {
    border: unset!important;
}

img.red-play {
    margin-top: -32px;
    width: 25px;
    height: 25px;
    margin-right: 218px;
    margin-bottom: 4px;
}

/* 
-------------------------------------------------------------------------
                            GENERAL DESKTOP 
-------------------------------------------------------------------------

*/

@media only screen and (min-width:600px){
    main {
        margin: auto;
        max-width: 1100px;
    }

    .section-inner {
        margin-right: auto;
        margin-left: auto;
        max-width: 800px;
        width: unset;
    }

    main > * {
        margin-bottom: 16px;
    }


  
}















/* 
-------------------------------------------------------------------------
                            GENERAL MOBILE 
-------------------------------------------------------------------------

*/























/* 
-------------------------------------------------------------------------
                                HEADER DESKTOP 
-------------------------------------------------------------------------

*/

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

    header#site-header {
        margin: auto; 
        max-width: 1100px;
        /* text-align: right!important; */
    }



    .header-inner.section-inner {
        align-items: unset;
        padding-top: 16px;
        max-width: 800px;
        padding-bottom: 0px;
        margin-bottom:16px;
    }


    .col-two{
        flex-basis: 100%;
        padding-right: 7px;
        margin-top: 12px;
    }



    header#site-header .custom-logo {
        width: 120px;
        height: auto;
    }

    .vod-style header#site-header .custom-logo{
        width: 150px;
        height: auto;

    }

    .vod-style ul.primary-menu {
        margin-right: -18px;
    }

    .vod-style img.custom-logo {
        border: 4px solid white!important;
    }

    .header-blue {
        align-items: center;
        background-color: #005DA0;
        display: flex;
        height: 80px;
    }

    .header-title {
        font-weight: 700;
        flex-basis: 75%;
        font-size: 45px;
        color:white;
        padding-right: 5%;
        cursor: default;
    }

    .vod-style .header-title{
        font-size: 53px;
    }

    .header-navigation-wrapper {
        display: flex;
        flex-direction: column;
    }

    .header-navigation-wrapper .row-one {
        justify-content: space-between;
        width: 100%;
        display: flex;
    }

    .header-navigation-wrapper .row-two {
        width: 100%;
    }

    #site-header > * {
        max-width: 735px;
        margin-right: 0px;
    }

    header ul.primary-menu li {
        margin-right: 4px;
    }

    /* Two Elements In Skyblue */
    ul#two-header-items {
        list-style: none;
        margin-bottom: 0px;
    }


    ul#two-header-items a {
        line-height: 1px;
        color: white;
        text-decoration: none;
        font-weight: 700;
        font-size: 16px;

    }

    ul#two-header-items li {
        height: 18px;
        width: 85px;
        background-color: #00aeef;
        padding-right: 5px;
        line-height: 0px;
    }
    ul#two-header-items li:first-child {
        margin-bottom: 10px;
    }
    ul#two-header-items .two-header-element {
        padding-top: 9px;
    }


    /* Primary menu */
    ul.primary-menu {
        flex-wrap: nowrap;
        justify-content: space-around;
    }

    ul.primary-menu a{
        font-size: 17px!important;
        font-weight: 600;
    }

    ul.primary-menu li a {
    color:#005DA0!important;
    }

    ul.primary-menu li:first-child a {
        color:#005DA0!important;

    }
    nav.primary-menu-wrapper .primary-menu li:first-child {
        margin-right: 3px;

    }

    nav.primary-menu-wrapper {
        padding-top: 10px;
    }



/* Secondary menu */
    ul.secondary-menu.reset-list-style {
        display: flex;
    }

    ul.secondary-menu.reset-list-style li {
        margin-left: 16px;
    }

    ul.secondary-menu.reset-list-style a {
        text-decoration: unset;
        font-weight: 600;
       
    }
    .vod-style ul.secondary-menu a {
        color: #55c2ea!important;
    }

    /*VOD ICON*/
    .vod-container {
        /* width: 74px; */
        margin-right: 12px;
    }

    .vod-container {
        /* width: 74px; */
        margin-right: 12px;
    }
}
















/* 
-------------------------------------------------------------------------
                                HEADER MOBILE 
-------------------------------------------------------------------------

*/

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

    .header-inner.mobile {
        padding: 10px 0px 0px;
    }

    .header-inner.section-inner.mobile > div {
        margin-bottom: 10px;
    }

    div#red-part {
        background-color: #ED1C24;
/*         position: fixed;
        width: 100%;
        margin-bottom: 36px!important; */
    }

    div#red-part .container * {
        color: white;
    }


    div#red-part .right {
        width: 100%;
        padding: 3px;
    }

    .header-text {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }


    .mobile-header {
        max-width: unset;
        width: 100%;
    }

    .mobile-header button.mobile-nav-toggle {
        display: block;
        position:relative;
    }

    div#red-part .container {
        display: flex;
        justify-content: space-between;
    }

    div#blue-part  span.toggle-inner {
        padding: unset!important;
        height: 25px;
    }

    div#blue-part  span.toggle-icon {
        height: unset;
    }

    .mobile-header .header-inner.mobile {
        width: 100%;
    }
    
    button.toggle.search-toggle.mobile-search-toggle {
        position: relative;
    }

    /* Desplegable */
    .menu-modal button.toggle.close-nav-toggle {
        padding: 10px;
    }


    .menu-modal button.toggle.close-nav-toggle * {
        color: white;
    }


    .menu-modal {
        margin-top: 45px;
        max-height: 400px;
    }

    .menu-modal-inner.modal-inner, .menu-modal {
        background-color: rgba(0,47,107, 0.6);
    }

    ul.modal-menu li a {
        font-size: 24px!important;
        padding: 10px 10px;
        color: white;
        font-weight: 300!important;
    }

    button.toggle.close-nav-toggle {
        padding-left: 3px!important;
        padding-right:0px!important;
    }

    .header-inner .toggle{
        padding:0px;
    }

    .nav-toggle {
        width: 30px;
    }


    /* Blue part */

    .header-blue {
        display: flex;
        height:88px;
        align-items: center;
    }

    div#blue-part {
        margin-right: 2px;
    }

    .col-one {
        flex-basis: 25%;
    }

    .col-two {
        margin-right: 5px;
        flex-basis: 75%;
        background-color:#005DA0;
        height:67px;
    }

    .col-two .header-title .site-description {
        font-size: 29px;
        text-align: right;
        font-weight: 700;
        margin-top: 18px;
        margin-right: 5px;
        display: block;
        color: white;
    }

    .menu-icon-zone {
        display: flex;
        overflow: hidden;
        align-items: center;
        margin-top:20px;
    }

    .menu-icon-zone img {
        height: auto;
        width: 25px;
    }

    .menu-icon-zone img.mail {
        height: 15px;
        width:20px;
    }
    .menu-icon-zone img.mail {
        height: 20px;
        width:20px;
    }

    .menu-icon-zone img.lupa {
        height: auto;
        width: 20px;
        margin-right: 5px;

    }

    .toggle-wrapper {
        margin-right: 10px;
    }

    .menu-modal{     
        top: 70px;
    }

    .menu-modal-inner .section-inner {
        margin-left: 3px;
        width: unset;
    }



    div#myLinks > a {
        color: #005da0;
    }

}





/* 
-------------------------------------------------------------------------
                                PIRSOMOT DESKTOP 
-------------------------------------------------------------------------

*/
.pirsomot{
    margin:auto;
    text-align: center;
}

.pirsomot.desktop-header-top {
    width: 1100px;
    height: 150px;
    
}

.pirsomot{
    border: 2px solid yellow;
}

.pirsomot.sidebar-box-one, .pirsomot.sidebar-box-two {
    height: 250px;
}

.pirsomot.homepage-large-pirsum {
    width: 1100px;
    max-width: 100%;
    height: 175px;
}

.pirsomot.homepage-under-rashi {
    height: 150px;
}






/* 
-------------------------------------------------------------------------
                                SIDEBARS 
-------------------------------------------------------------------------

*/

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

        .sidebar {
            margin-right: 16px;
        }
        #home-third-section {
            display: flex;
        }

        .first-right, .second-right {
            flex-basis: 75%;
            max-width: 735px;
            margin-top: 12px;
        }

        div#sidebar-homepage-one {
           
            /* position: absolute; */
            z-index: 100;
        }

        form.google-search.searchform {
            display: flex;
        }

        form.google-search.searchform button {
            font-size: 20px;
            padding: unset;
        }

        button.back-darkblue.button {
            background-color: #0058a0!important;
            font-size: 32px!important;
            padding: 0px 12px!important;
        }

        div#sidebar-homepage-one.sidebar {
            float: left;
            margin-top: 28px;
            flex-basis: 25%;
            max-width: 284px;
            margin-top: 344px;
                }

        div#sidebar-homepage-two.sidebar {
            float: left;
            flex-basis: 25%;
            max-width: 284px;
            margin-top: 12px;
        }

        form.searchform {
            height: 40px;
        }


        
        
        /*---------------IMAGE WIDGET------------------*/
        aside#media_image-2 img {
            margin: auto;
        }
    
        aside#media_image-2 {
            padding: 12px;
            border: 1px solid #80aed0;
        }
    
        aside#media_image-2 img {
            width: 250px;
            max-width: 100%;
        }
    
        aside#media_image-3 img {
            width: 100%;
        }

        aside#custom_html-9 {
            display: none;
        }
        
        div#sidebar-homepage-one {
            z-index: 9999999!important;
            position: relative;
        }


        .mibzakim-sidebar-wrapper{
            height:280px;
            overflow:hidden;
        }


}

.widget div#mydivdraggable iframe, .widget div#mydivdraggable #closeBtn{
    right: 0px;
}

@media only screen and (max-width:600px){
    input#search-form-1 {
        border: unset;
    }
}


        /*TEXT WIDGET*/


        .widget-title{
            text-align:center;
            background-color:red; 
            padding:0px;
            margin-bottom: 0px!important;
            height: 22px;
            padding: 0px 4px;
            text-align: right!important;
            font-size: 24px;
            font-weight:900;
        }
        


/*
===========================================================================================
                                SECOND SECTION
===========================================================================================
*/
@media only screen and (min-width:600px){

    .banners-tochniot {
        display: flex;
        justify-content: space-between;
    }


    div#home-second-section > * {
        margin-bottom: 16px;
    }


    .banners-tochniot > div {
        margin-left: 16px;
    }

    .banners-tochniot > div:last-child {
        margin-left: 0px;
    }

    h2.post-excerpt.eighteen.vod-excerpt {
        margin-top: 16px;
        font-weight: unset;
    }


}

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

    .the-excerpt {
        padding: 10px;
        margin-bottom: 10px;
    }
    .article .content-zone * {
        max-width: 100%  !important;
    }
}

/* 
-------------------------------------------------------------------------
                        SINGLE POST NO VOD DESKTOP
-------------------------------------------------------------------------

*/


.article .content-zone {
    color: black;
}

@media only screen and (min-width:600px){
    .article .content-zone {
        display: grid;
        grid-template-rows: auto 43px 64px;
    }
    .article .content-zone * {
        max-width: 735px  !important;
    }
    .article .the-excerpt p {
        font-size: 22px;
        margin-bottom: 5px;
    }
     .the-excerpt {
        font-size: 22px;
        margin-bottom: 20px;

    }
    .share-zone {
        padding-top: 10px;
    }



}

.article .content-zone p {
    font-family: 'Simpler';
}

main.post-main .tagit-container p {
    color: white;
    font-size: 40px;
    font-weight: 700;
    cursor: default;
}

main.post-main .caption{
    margin-top:5px;
}
.meta-data1 {
    color: #005da0;
    display: flex;
    padding-top: 20px;

}
.underExp {
    display: grid;
    border-bottom: #f1f1f1 1px solid;
    grid-template-columns: 600px 135px;
    font-size: 17px;
}
.article .the-excerpt, .article .the-excerpt p, .article .orech-or-tochnit{
    font-family: 'Simpler';
    color: #000000;
    /* font-size: 24px; */
    line-height: 1;
    padding-top: 0px;
}

.article .the-excerpt p {
    margin-bottom: 5px;
}


#related-posts {
    margin-top: 20px;
}

.article .content-zone strong{
    color:#005da0;
    font-size: 20px;
}

.article .meta-data {
    display: flex;
}

@media only screen and (min-width:600px){
    a.tagDesktop {
        margin-right: 15px;
        color: #15499d;
        font-weight: 300;
        border: 1px #ddd solid;
        border-radius: 18px 20px;
        padding: 3px 12px 3px 12px;
    }
    .tags {
        text-align: left;
    }
    .tags_comments {
        display: grid;
        grid-template-columns: 135px 600px;
        padding-top: 10px;
    }
    .single-no-vod-desktop div#first-section {
        display: flex;
    }

    .cover-zone img.icon-al-temuna {
        display: unset;
    }
    
    main.post-main .cover-zone {
        text-align: left;
        margin-bottom: 20px;
    }

    main.post-main .tagit .icon-al-temuna {
        max-width: 220px;
    }

    main.post-main .tagit .tagit-container {
        float: left;
        min-width: 250px;
        padding: 0px 8px;
    }



    .single-no-vod-desktop .article .title-zone h1 {
        margin-top: 25px;
        margin-bottom: 10px;
        letter-spacing: unset;
        font-size: 40px;
    }
    

       main.post-main .tagit-container p {
        margin-bottom: 0px;
    }

    main.post-main .article .tagit {
        position: absolute;
        max-width: 730px;
        text-align: left;
    }

    main.post-main .cover-zone .wp-post-image {
        width: 735px;
        height: 490px;
        object-fit: cover;
    }

    main.post-main .article img.icon-al-temuna {
        direction: ltr!important;
        position: absolute;
        max-width: 200px;
        margin-top: 20px;
        float: left!important;
        max-height: 130px;
    }

    main.post-main .article .content-zone > div {
        margin-bottom: 14x;
    }

    .right-splitted {
        display: flex;
    }

}
@media only screen and (min-width:600px){
    .article figure {
        max-width: 735px !important;
    }

}
@media only screen and (max-width:600px){
    .article .wp-post-image {
        width: 100%;
        height: auto;
    }

    
    .article h1.post-title, .article .the-excerpt p {
        margin-top: 0px!important;
    }

    .article h1.post-title {
        font-size: 30px;
        letter-spacing: 0px;
    }

    main.post-main .tagit {
        margin-top: 16px;
        position: absolute;
        width: 100%;
        max-width: 350px;
        text-align: left;
    }

    main.post-main .article img.icon-al-temuna {
        direction: ltr!important;
        position: absolute;
        max-width: 150px!important;
        margin-top: 10px;
        float: left!important;
        max-height: 70px;
    }

    .article figure, .article > *, .article img, .article {
        max-width: 100%!important;
    }

    .article .the-content {
        margin-top: 20px;
    }
    .the-content {
        padding: 10px;
        width: 100%;
    }
    .article .the-content, .article .the-content p {
        text-align: justify;
    }

    .article .content-zone, .article .title-zone, .article .meta-data, .article .share-zone {
        /* padding-right: 10px;
        padding-left: 10px; */
        margin-bottom: 7px;
        
    }
    .share-zone {
        display: grid;
        margin-top: 10px;
        grid-template-columns: 20% 80%;
    }
    .article .title-zone {
        margin-bottom: 7px;
        margin-top: 10px;
        padding: 10px;
    }

    .article .meta-data {
        display: grid;
        grid-template-rows: auto auto;
        font-size: 14px;
        color: #15499d;
        margin-top: 20px !important;
        padding-top: 10px;
        border-top: 1px #99999975 solid;
        gap: 4px;

    }
    .meta-data {
        border-bottom: 1px #99999975 solid;
        padding-bottom: 10px;
    }
    #related-posts .orech-or-tochnit {
        display: none;
    }

    #related-posts .katan-unit{
        margin-bottom: 20px;
        display: grid;
    }

    .article .meta-data {
        /* display: -webkit-inline-box; */
        /* flex-direction: column; */
        font-size: 14px;
        color: #15499d;
        margin-top: 12px;
    }
    
    
}


/* 
-------------------------------------------------------------------------
                                SINGLE POST VOD
-------------------------------------------------------------------------

*/

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

    /* main.content.vod-content .tochniotImagesAbovePlayer img {
        max-height: 180px;
    } */

    main.content.vod-content .tochniot-in-use-images {
        margin-bottom: 40px;
        justify-content: space-between;
        display: flex;
    }

    /* UP SECTION */
    main.vod-content .content > div {
        margin-bottom: 16px;
    }

    .vod-style .header-blue {
        align-items: center;
        background-color: #005DA0;
        display: flex;
        height: 100px;
    }

    
    .vod-style .header-inner.section-inner {
        flex-basis: 100%;
        max-width: unset!important;
    }

    .vod-style .pirsomot.desktop-header-top {
        margin: auto!important;
    }

    .up-section {
        margin-bottom:50px;
        /* background-color: #0d3a73; */
        border-bottom: #15499d 15px solid;    }

    .vod-style header#site-header {
        background-color: transparent;
    }

    .vod-style header ul.primary-menu a{
        color: #00aeef!important;
    }

     ul.secondary-menu a{
        color:  #005da0!important;
    }

   
    .vod-style header  .site-logo .custom-logo {
        border: unset;
    }

    .vod-style .primary-menu-wrapper ul.primary-menu li:first-child {
        margin-right: 0px!important;
    }

    .vod-content .images-zone {
        display: flex;
        justify-content: space-between;
    }

    .vod-content .images-zone .right {
        flex-basis: 12.5%;
    }

    .vod-content .images-zone .center {
        flex-basis: 72%;
        margin: 0px 16px;
    }

    .vod-content .images-zone .left {
        flex-basis: 12.5%;
    }

    .vod-content h1.vod-title {
        margin-top: 0px;
        margin-bottom: 0px;
        color: #15499d !important;
    }

    .vod-content .content-zone {
        max-width: 720px;
        margin: auto;
    }

    .single-vod-desktop .up-section .custom-logo {
        height: 130px!important;
        width: 130px!important;
        max-width: unset;
    }

    .single-vod-desktop .post-excerpt.vod-excerpt p {
        margin-bottom: 0px;
    }

    .single-vod-desktop .content-zone > div {
        margin-bottom: 16px;
    }

    .vod-content p,  .vod-content .content-zone {
        color: white;
    }

    .vod-content .center > img {
        width: 100%;
    }

    .up-section {
        padding-bottom: 16px;
    }

    .up-section .right.category-icon {
        margin-top: -21px;
    }


    /* DOWN SECTION */

    .down-section {
        max-width: 720px;
        margin: 16px auto;
    }

    .more-vod div#ketanim-posts {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .more-vod .katan-unit {
        max-width: 164px;
        flex-basis: 25%;
        margin-left:unset;
        margin-bottom: 16px;
    }


    .down-section video.preview_video {
        object-fit: cover;
    }

    .down-section  .preview-container-youtube {
        max-height: 100%!important;
        overflow: hidden;
    }
    .down-section   iframe.preview_video {
        height: 120px!important;
        max-height: 100%!important;
    }


    .more-vod .katan-image img, .more-vod .katan-image {
        max-width: 164px;
        max-height: 120px;
    }

    .katan-unit img.red-play {
        display: block!important;
        z-index: 99999999!important;
        position: relative;
    }

    .more-vod div#ketanim-posts .cat-name-container {
        margin: 10px 0px;
    }

    .more-vod .katan-unit .the-title, .more-vod .katan-unit img {
        cursor: pointer;
    }

    div#ketanim-posts.more-vod {
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between;
    }

    .more-vod .preview-container-kaltura .overlay-youtube {
        z-index: 99999!important;
        height: 120px;
        /* width: 100%; */
        max-width: 164px;
    }

    .more-vod .the-title {
        font-size: 15px;
        font-weight: 700;
    }

    .more-vod   .cat-name-container {
        font-size: 12px;
        padding-top: 4px;
    }

    /* TABOOLA */
    .single-vod-desktop .taboola-section {
        max-width: 720px;
        margin: 16px auto;
    }

}

@media only screen and (max-width: 600px){
    div#ketanim-posts.more-vod .katan-image {
        flex-basis: 50%!important;
        max-width: 150px;
    }
}

@media only screen and (max-width:600px){
    /* UP ZONE */
    header img.custom-logo{
        border-right: unset;
        border-left: unset;
    }

    .vod-content .right.category-icon img {
        max-height: 80px;
    }

    main.vod-content .images-zone {
        display: flex;
        flex-direction: column-reverse;
    }

    main.vod-content .center {
        order: 1;
    }

    .right.category-icon, .vod-logo {
        display: none;
    }

    main.content.vod-content {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .vod-style .up-section{
        /* background-color: #002F6B; */
        border-bottom: #15499d 15px solid;
        margin-bottom: 20px;
        

    }

    .up-section .tochniotImagesAbovePlayer {
        margin-bottom: 10px;
    }

    .vod-style .left.vod-logo {
        margin-top:10px;
        max-width: 100px;
    }


    .article h1.post-title, .article .the-excerpt p {
        margin-top: 0px!important;
        margin-bottom: 0px!important;
        /* padding: 10px; */
    }

    .the-excerpt {
        padding: 10px;
    }



    main.post-main .tagit {
        margin-top: 16px;
        position: absolute;
        width: 100%;
        max-width: 350px;
        text-align: left;
    }

    main.vod-content .author-zone, .vod-content .excerpt-zone, .vod-content p{
        color:white;
    }

    .main.content.vod-content figure, main.content.vod-content > *, main.content.vod-content img, main.content.vod-content {
        max-width: 100%!important;
    }

    main.content.vod-content .content-zone {
        margin-top: 10px;
    }

    main.content.vod-content .content-zone, main.content.vod-content .content-zone p, main.content.vod-content .excerpt-zone, main.content.vod-content .excerpt-zone p {
        text-align: justify;
    }

    main.vod-content .content-zone, main.vod-content .author-zone, main.content.vod-content .title-zone, main.content.vod-content .excerpt-zone {
        padding-right: 10px;
        padding-left: 10px;
    }



    main.vod-content h1.post-title{
        font-weight: 700;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    main.vod-content h1.vod-title {
        text-align: right;
    }

    main.vod-content .author-zone {
        font-size: 14px;
    }


}


@media only screen and (max-width:600px){
    .vod-style header#site-header {
        padding-bottom: 20px;
        background-color: #002F6B;
    }

}

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

    div#cat-render-style-one .main-post img.attachment-large.size-large.wp-post-image {
        width: 100%;
        max-height: 240px;
        object-fit: cover;
    }

}

/* 
-------------------------------------------------------------------------
                                FOOTER DESKTOP
-------------------------------------------------------------------------

*/


    footer {
        background-color: #0058A0;
    }

    
    footer .footer-content {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    footer .first-row {
        display: flex;
        justify-content: space-between;
    }

    footer a.custom-logo-link img {
        border: 3px solid white;
        width: 130px;
    }

    .hakol {
        color: white;
        text-align: center;
        height: 25px;
        background-color: #00AEEF;
        margin-top: 3px;
        font-weight: 700;
        font-size: 22px;
        padding-top: 2px;
    }


    footer ul {
        margin-right: 0px;
        list-style-type: none;
    }

    footer a {
        color: white;
    }

    @media only screen and (max-width:600px){
   
        footer .column-1 *{
            height: 60px!important;
            width: 60px!important;
        }

        footer .hakol {
            font-size: 10px;
            height: 15px!important;
        }


        footer .footer-content {
            padding-top: 30px;
            padding-bottom: 15px;
            padding-right: 30px;
            padding-left: 30px;
        }

    }



@media only screen and (min-width:600px){
    footer#desktop-footer .footer-content {
        max-width: 1000px;
        margin: auto;
    }

    

}


/* 
-------------------------------------------------------------------------
                        TAXONOMY ARCHIVE (TOCHNIT PAGE)
-------------------------------------------------------------------------

*/

@media only screen and (min-width:600px){
 .tochniotImagesAbovePlayer {
        margin-top: -15px;
        margin-bottom: 16px;
    }

    /* .tochnit-page .taboola-section {
        max-width: 720px;
        margin: 16px auto;
    }
*/
    .tochniot-in-use-images a {
        flex-basis: 15% !important; 
    
    } 
    .tochniotImagesAbovePlayer .tochniot-in-use-images a {
        /* margin-left: 10px; */
        margin-bottom: 10px;
    
    }
}


/* Tochniot In Use */
.tochniot-in-use-images {
    display: flex;
}

.tochniot-in-use-images > a {
    margin-left: 10px;
}

.tochniot-in-use-images > a:last-child {
    margin-left: 0px;
}
/* 
.tochniot-in-use-images a.link-to-cat.tochnit-id-54894 {
    flex-basis: 27% !important;
    max-height: 130px;
}
.tochniot-in-use-images a.link-to-cat.tochnit-id-54894 img {
    width: 100%;
    max-height: 215px;
} */

@media only screen and (max-width:600px){
    .tochniot-in-use-images {
        -webkit-overflow-scrolling: touch;
        width: 100%!important;
        display: flex!important;
        scroll-snap-type: x mandatory;  
        overflow-x: auto!important;
    }

    .tochniot-in-use-images img {
        height: 250px;
    }

    .tochniot-in-use-images a.link-to-cat {
        margin-left: 20px;
        flex-shrink: 0!important;
        height: auto!important;
        scroll-snap-align: start;
    }

    .tochniot-in-use-images a.link-to-cat:last-child {
        margin-left: 50px;

    }

    /* .home-mobile-content .tochniot-in-use-images a.link-to-cat.tochnit-id-54894 img {
        min-width:320px;
        max-height: unset;
    } */

 
}


/* 
-------------------------------------------------------------------------
                        YOUTUBE AND KALTURA OVERLAY HOOK
-------------------------------------------------------------------------

*/

/* KETANIM YOUTUBE */
.preview-container-youtube iframe.preview_video, .overlay-youtube{
    max-width:100%; 
    width:auto; 
    height:100%

}

@media only screen and (min-width:600px){
    .youtubeZone iframe {
        height: 450px!important;
    }
}

.overlay-youtube{
/*     border: 2px solid red;
 */    position: absolute;
    
}


.katan-image .overlay-youtube, .preview-container-kaltura .overlay-youtube{
    height:110px;
    max-width: 164px;
    width: 100%;
}

span#closeBtn {
    cursor: pointer;
}

/* UNDER KETANIM  YOUTUBE */
@media only screen and (min-width:600px){
    .under-ketanim-unit .overlay-youtube, .preview-container-kaltura .overlay-youtube {
        z-index: 99999!important;
        height: 149px;
        width: 100%;
        max-width: 253px;
    }


    .right-splitted div#under-ketanim {
        border:unset;
        padding-top: 0px;
        padding-left: 0px;
      
    }

    .right-splitted .under-ketanim-image .wp-post-image {
        width: 171px;
        height: 110px;
        object-fit: cover;
        object-position: top;
    }

    .right-splitted .under-ketanim-unit .overlay-youtube, .right-splitted .preview-container-kaltura .overlay-youtube, .right-splitted iframe.preview_video, .right-splitted .under-ketanim-image {
        z-index: 99999!important;
        height: 110px!important;
        width: 171px!important;
        min-width: unset;
        flex-basis:unset;
    }

    .right-splitted .under-ketanim-content{
        flex-basis:66%;
        
    }

    .right-splitted .meta-data{
        margin-bottom: unset;;
    }

    .right-splitted .keta-unit {
        width: 229px;
    }


}

@media only screen and (max-width:600px){
    div#under-ketanim {

        width: 100%!important;
        display: grid!important;
        border-bottom: 1px #13499f solid;
        grid-template-columns: repeat(2, 50%);
    }
 
    div#under-ketanim .under-ketanim-image {
        margin-bottom: 10px;
        overflow: hidden;
        /* margin-left: 20px; */
        /* flex-shrink: 0!important; */
        height: auto!important;
        scroll-snap-align: start;
        /* width: max-content; */
        max-width: 300px !important;
        max-height: 120px !important;
        padding: 8px;
    }
    .katan-image .overlay-youtube, .preview-container-kaltura .overlay-youtube {
        height: 110px;
        max-width: 164px;
        width: 155px;
    }
    .preview-container-kaltura .preview_video{
    max-width: 100%;
    width: 155px;
    height: 110px;
    }
    div#ketanim-posts .preview-container-youtube {
        height: 110px;
    }
}






/* Ketaim Sidebar*/
.ketaim-sidebar .overlay-youtube {
    height: 94px;
    width: 130px;
}


/* KETANIM KALTURA */
.preview-container-kaltura iframe.preview_video, .overlay-kaltura{
    max-width:100%; 
    width:auto; 
    height:100%

}

.overlay-kaltura{
/*     border: 2px solid red;
 */    position: absolute;
    
}

div#ketanim-posts .overlay-youtube {
    z-index: 99999!important;
    height: 100px;
    width: 100%;
    max-width: 164px;
}

.katan-image .overlay-kaltura, .preview-container-kaltura .overlay-kaltura{
    height:150px;
    max-width: 164px;
    width: 100%;
}

div#ketanim-posts .under-ketanim-unit .overlay-kaltura, div#ketanim-posts .preview-container-kaltura .overlay-kaltura {
    z-index: 99999!important;
    height: 150px;
    width: 100%;
    max-width: 164px;
}



div#ketanim-posts  video.preview_video {
    object-fit: cover;
}

@media only screen and (min-width: 600px){
/* .katan-content > .orech-or-tochnit {
    margin-bottom: 10px;
} */
}

/* UNDER KETANIM  kaltura */
.under-ketanim-unit .overlay-kaltura, .preview-container-kaltura .overlay-kaltura {
    z-index: 99999!important;
    height: 149px;
    width: 100%;
    max-width: 253px;
}

/* Ketaim Sidebar*/
.ketaim-sidebar .overlay-kaltura {
    height: 94px;
    width: 106px;
}

@media only screen and (min-width:600px){
    div#sidebar-homepage-one .ketaim-sidebar, div#sidebar-homepage-two  .ketaim-sidebar{
        width: 249px;
    }
}


/*SMALL FIXED PLAYER*/
@media only screen and (min-width:600px){
    div#mydivdraggable #closeBtn {
        right: 20px;
    }

}






/* YOUTUBE AND KALTURA MOBILE */






/* KATABOT PIRUM */
.kataba-pirsum {
    background-color: #6877a047;
}

div#under-ketanim .kataba-pirsum .orech-or-tochnit:after, div#ketanim-posts .kataba-pirsum .orech-or-tochnit:after{
    margin-left: 5px;
    padding-bottom: 5px;
    text-align: left!important;
    content: 'תוכן ממומן';
    direction: rtl;
    display: flex;
    color: #002f6b;
    flex-direction: column-reverse;
    font-size: 13px!important;
}

.kataba-pirsum .content-zone.displayator:after {
    text-align: left!important;
    content: 'תוכן ממומן';
    direction: rtl;
    display: flex;
    color: grey;
    flex-direction: column-reverse;
    font-size: 13px!important;
    margin-left: 5px;
    padding-bottom: 5px;
} 




/* 
-------------------------------------------------------------------------
                             SHARE BUTTONS
-------------------------------------------------------------------------

*/

div.share-icons {
    display: flex;
}

div.share-icons > *{
    margin-left:5px;
} 





/* 
--------------------------------------------------------
                    CATEGORY PAGE
--------------------------------------------------------

*/

.archive-header {
    padding-top: 0px;
    padding-bottom: 0px!important;
}

.nav-links a {
    color: #0058A0;
}
@media only screen and (min-width:600px){

    main.archive-content {
        display: flex;
    }
}
@media only screen and (max-width:600px){

    .archive-all-posts {
        display: grid;
        grid-template-columns: 48% 48%;
        column-gap: 2%;
        margin-right: 2%;
    }
}
h1.archive-title {
    color: #005DA0;
}




/* 
------------------------------------------------------
                    CATEGORY PAGE
-------------------------------------------------------

*/

div#taboola-below-article-thumbnails span {
    font-family: Simpler;
}



/* 
------------------------------------------------------
            BLUE BACKGROUND TEMPLATE
-------------------------------------------------------

*/
.page-template-template-blue-background main {
    padding: 0px 10px 30px;
}

.page-template-template-blue-background main * {
    color: #15499d;
}

.vod-style h1.post-title.white.forty {
    margin-top: 0px;
    color: #15499d !important;
    font-size: 30px;
}


/* 
------------------------------------------------------
                    WP-FORMS
-------------------------------------------------------

*/
div.wpforms-container-full .wpforms-form input[type=date],
div.wpforms-container-full .wpforms-form input[type=datetime],
div.wpforms-container-full .wpforms-form input[type=datetime-local],
div.wpforms-container-full .wpforms-form input[type=email],
div.wpforms-container-full .wpforms-form input[type=month],
div.wpforms-container-full .wpforms-form input[type=number],
div.wpforms-container-full .wpforms-form input[type=password],
div.wpforms-container-full .wpforms-form input[type=range],
div.wpforms-container-full .wpforms-form input[type=search],
div.wpforms-container-full .wpforms-form input[type=tel],
div.wpforms-container-full .wpforms-form input[type=text],
div.wpforms-container-full .wpforms-form input[type=time],
div.wpforms-container-full .wpforms-form input[type=url],
div.wpforms-container-full .wpforms-form input[type=week],
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form textarea {
	max-width: unset;
}

@media only screen and (min-width:600px){
    .half-width-container {
        width: 50%!important;
    }

    /* Tzur Kesher */
    div#wpforms-26610 {
        /* text-align: right!important; */
        margin-right: 0;
    }
}


/* 
------------------------------------------------------
                ARCHIVE     MIBZAKIM
-------------------------------------------------------

*/


.mibzakim-archive .hidden-part {
    display:none;
}

.mibzakim-archive .post-title a,.mibzakim-archive h2 {
    color: #002f6b!important;
} 



.mibzakim-archive .content-zone {
    border-top: 1px solid #80aed0;
    max-width: 500px;
}

.mibzakim-archive .toPost {
    font-weight: 600;
    margin-top: -10px;
    color: black;
}

.mibzakim-archive .share-icons {
    width: 70px;
}



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

   .mibzakim-archive .post-title a {
        font-size: 35px;
    } 



    .mibzakim-archive .visible-part .no-title {
        display: flex;
        justify-content: space-between;
    }

    .mibzakim-archive h2.post-title {
        text-align: justify;
    }
    .mibzakim-archive .post-title a,.mibzakim-archive h2 {
        font-size: 20px!important;
    } 
    .mibzakim-archive .post-excerpt {
        margin-top: 20px;
        font-size: 25px;
    }

}


@media only screen and (max-width:600px){
    .mibzakim-archive .toPost {
        font-size: 13px;
        float: left;
        margin-left: 5px;
       
    }

    .mibzakim-archive .post-excerpt {
        color: black!important;
        font-size: 16px;
    }

    .googleAd{
        max-width: 320px;
        margin:auto;
    }
}

/* 
------------------------------------------------------
                NEW HEADER - BY YARDEN
-------------------------------------------------------

*/
@media only screen and (max-width: 700px){
    .desktop-header-new{
       display: none;


    }
}

@media only screen and (min-width: 700px){
    .topOfHeaders.weblogo {
        float: right;
        margin-top: 26px;
    }
    .header-top {
        width: 1200px;
        display: flex;
        justify-content: center;
    }
    .desktop-header-new{
        position: relative ;
        margin-bottom: 20px;


    }
    .header-logo-new {
        /* margin-right: 20px; */
        /* flex-basis: 7%; */
        width: 100px;
        /* margin: -45px; */
    }
    .newHeader{
        background: #15499d;
        height: 39px;
        width: 100% !important;
        direction: rtl;
        display: flex;
        /* justify-content: space-around; */
        position: relative;
        overflow: hidden;
        justify-content: center;
    }

    .linav{

        border-bottom: white 2px solid;
        flex-basis: 10%;
        text-align: -webkit-center;
        margin-top: 21px;
    }


    li.linav-first {
        margin-right: 0px;
    }
    
    .pirsom_contact{
        display: flex;
        margin: 28px 0rem 0rem 0 !important;
    }

    .linav > a {
        color: white !important;
        /* text-align: center !important; */
        /* margin-right: 45px; */
        font-weight: 900;
        font-size: 18px;
        color: inherit;
        display: block;
        /* margin-left: 18px; */
        letter-spacing: 0.5px;
    }
    li.under-header-nav.first {
        margin-right: 0px;
    }
   
    .navbar_one {
        FONT-VARIANT: JIS04;
        /* margin-top: 72px; */
        width: 1000px;
        /* margin-right: 150px; */
        margin: 0;
        margin-left: 0p;
        margin-left: 0;
        flex-basis: 83%;
    }
    .two-side{
        /* display: inline; */
        display: flex;
        line-height: 48px;
        justify-content:  space-around ;

    }
    .two-side > a{
        color: white !important;
        text-align: center;
        margin-right: 2px;
        text-decoration: none;
    }
    .linav:hover {
        color: #25b2f7 !important;
        border-bottom: #25b2f7 3px groove;
    }
    .linav :hover{
        color: #25b2f7 !important;        
    }

    .under-header{
        height: 35px;
        background-color: white;
        width: 100%;
        /* text-align: center; */
        border-bottom: 1px solid #15499d40;
        display: flex;
        justify-content: center;

    }
    /* ul.navbar2 {
        display: flex;
        margin-right: auto;
    } */
    li.vod {
        list-style-type: none;
        /* margin-right: 231px; */
        margin-left: 2px;
    }
    li.shidor {
        list-style-type: none;
        margin-right: 4px;
        margin-left: -221px;
    }

    ul.navbar2 {
        width: 1000px;
        margin: 0 auto;
        /* font: normal 1.5rem YonitMedium; */
        /* display: -webkit-box; */
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        color: #333538;
        height: 100%;
    }
    li.vod {
        list-style-type: none;
        margin-right: 100px;
    }
    li.shidor {
        list-style-type: none;
        margin-right: 4px;
    }
    .under-header-nav{
        /* display: inline; */
        line-height: 34px;
        /* padding-left: 25px; */
        display: flex;
        place-content: center;
    }
    .under-header-nav:first-child{
        margin-right:0px
    }
    .under-header-nav  :hover{
        font-weight: bold;
   }

    .under-header-nav > a{
        color: black !important;
        /* text-align: center;
        margin-right: auto;
        text-decoration: none; */
        font-size: 16px !important;
    }
    .button2side {
        display: flex;
        list-style-type: none;
        margin-right: auto;
        margin-top: -9px;
    }

        /* ניסיוןןןן */
        

    .dropdown .dropbtn {
        /* font-size: 16px; */
        /* border: none; */
        /* outline: none; */
        color: black;
        /* padding: 14px 16px; */
        background-color: inherit;
        font-family: inherit;
        /* height: 18px; */
        padding: 6px 0em !important;
        display: flex;
        /* width: 150px; */
    }
    
    /* .navbar a:hover, .dropdown:hover .dropbtn {
    background-color: red;
    } */
    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 99999999;
        /* margin-right: 900px;*/
        /* text-align-last: center; */

  
      }
      
      .dropdown-content a {
        float: none;
        color: black;
        padding: 6px 16px;
        text-decoration: none;
        display: block;
        font-weight: 400;  
        height: 39px;
    }
      
      .dropdown-content a:hover {
        background-color: #ddd;
      }
      
      .dropdown:hover .dropdown-content {
        display: block;
      }
      .navul {
        width: 1000px;
        margin: 0 auto;
        font: normal 1.5rem YonitMedium;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        color: #333538;
        height: 100%;
        list-style-type: none;
        /* margin-right: 33px; */
        margin-top: -5px;
        }
    

    
    .dropbtn1:focus {
        outline: 0 !important;
    }
    .dropbtn:focus {
        outline: 0 !important;
    }

    button.dropbtn1 {
        /* font-size: 16px; */
        /* border: none; */
        /* outline: none; */
        /* color: black; */
        /* padding: 14px 16px; */
        background-color: transparent !important;
        font-family: inherit;
        /* height: 18px; */
        padding: 6px 0em !important;
        display: flex;
        /* width: 150px; */
    }
    
    .dropdown-content1 {
        display: none;
        position: fixed;
        background-color: #f9f9f9;
        color: white;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 9999999999999999999;
        font-size: 18px;

    }
    
    .dropdown-content1 a {
        float: none;
        color: black;
        padding: 6px 16px;
        text-decoration: none;
        display: block;
        text-align: right;


        
    }
    
    .dropdown1:hover .dropdown-content1 {
      display: block;
    }
    	  .dropdown-content1 a:hover {
        background-color: #ddd;
      }
        .topOfHeaders.logos {
            float: left;
            display: flex;
            height: initial;
        }
        .topOfHeaders {
            text-align: -webkit-center;
            height: 88px;;
            background-color: #f7f7f7;
        }
        .topOfHeaders.all {
            width: 1000px;
            display: flow-root;
        }
        .dateHidden {
            position: fixed;
            /* right: 1000px; */
            margin-right: 866px;
            margin-top: 18px;
            color: #15499d;
        }
        
    }
        /* 
------------------------------------------------------
                header-sticky
-------------------------------------------------------

*/

@media only screen and (min-width:600px){
        .header-sticky{
            position: fixed;
            top: 0;
            width: 100%;
            display: none;
            background-color: #15499d;
            height: 50px;
            justify-content: center;    
            z-index: 99999999;

        }
        .header-sticky-size{
            width: 1000px;
            display: flex;
        }
        .all-logo {
            padding-top: 5px;
        }
        .logos-live-vod {
            display: flex;
            width: 173px;
            margin-right: 36px;
            margin-left: 15px;
            padding-top: 14px;
            justify-content: center;
        }
        .sticky {
            position: fixed;
            top: 0;
            display: flex;
          }


    }
    @media only screen and (max-width:600px){
        .header-sticky{
            display: none;
        }
    }



    button.plyr__controls__item.plyr__control {
    border: 2px transparent groove;
    border-radius: 50%;
    /* border-radius: 9px; */
    background-color: #d6dbe1;
    }
    .plyr.plyr--full-ui.plyr--audio.plyr--html5.plyr--paused.plyr--stopped {
        border: 2px #d6dbe1 groove;
        border-radius: 40px;
        /* border-radius: 9px; */
    }
    .plyr.plyr--full-ui.plyr--audio.plyr--html5.plyr--playing {
        border: 2px #d6dbe1 groove;
        border-radius: 40px;
    }
    a.plyr__controls__item.plyr__control {
        display: none;
    }
    button.plyr__control {
        background-color: #d6dbe1  !important;;
    }



/* search */

.search-homepage {
    margin: 0px;
    width: 200px; 
    margin: 0 0 0 0;
    display: grid;
    margin-top: 45px;
    float: left;
    border-bottom: 1px #325189 solid;
    margin-left: 82px;
    justify-content: end;
}

.search-form-home {
    align-items: stretch;
    display: flex;
    flex-wrap: nowrap;
    margin: 0 0 0 0;
    width: fit-content;
    height: 30px;
    /* margin-left: 20px;*/
}

.search-form-home .search-field-home,
.search-form-home .search-submit-home {
    width: 173px;
    height: 29px;
    border: 0;
    background-color: #f7f7f7;
    padding-right: 1px;
}

.search-form-home label {
    align-items: stretch;
    display: none;
    font-size: inherit;
    margin: 0;
    width: 180px;
    border: 0px;
}
.search-form-home .search-field-home::placeholder {
    color: #1110103d;
    font-family: simpler; 

}
.search-form-home .search-field-home {
        width: 172px;
        height: 20px;
        border: 0;
        background-color: #f7f7f7;
        margin: 0px;
}

.search-form-home .search-submit-home {
	flex-shrink: 0;
}

.search-form-home .search-submit-home:focus,
.search-form-home .search-submit-home:hover {
	text-decoration: none;
}




.screen-reader-text-home {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    word-break: normal;
}
input.search-img:hover {
    filter:opacity(40%); 
}
input.search-img:active{
    border: transparent 0px;
}

img.vodLogo {
    width: 60px;
    height: 24px;
   margin-top: 55px;
}

img.vodLogo:hover {
    margin-top: 53px;

}

img.liveLogo {
    width: 60px;
    height: 24px;
    margin-left: 15px;
    margin-top: 55px;
}
img.liveLogo:hover {
 margin-top: 53px;
}


iframe.wp-embedded-content {
    width: 100%;
}


        /* 
------------------------------------------------------
              ועידת בחירות
-------------------------------------------------------

*/
@media only screen and (min-width:600px){
    img.mkPic {
        width: 200px;
        height: 200px;
        margin-left: 50px;
        margin-bottom: 22px;
        border-radius: 50%;
    }
    img.mkPic:hover{
        filter: grayscale(80%);
    }

    .picturesOfMKs {
        width: 1000px;
        display: flex;
        flex-wrap: wrap;
    }
    p.mkText {
        text-align: -webkit-center;
        margin-left: 50px;
        margin-top: -16px;
        font-weight: bold;
        color: #15499d;
    }
    .dateOfToday {
        color: white;
        display: flex;
        /* position: absolute; */
        /* top: 50%; */
        margin-top: 38px;
        font-size: 25px;
        font-weight: 100;
        margin-right: 40px;
    }
    .textCountDownAll {
        display: flex;
        margin-right: -11px;
        color: white;
        margin-top: -34px;
    }
    .countdown_timer {
        display: flex;
        width: 370px !important;
        margin-top: 24px;
        display: flex;
    }
    .countdown_timer_text {
        color: white;
        margin-right: 33px;
        /* margin-left: 36px; */
        border: white 1px solid;
        padding: 8px;
        padding-right: 18px;
        width: 70px;
        height: 60px;
        font-size: 29px;
        font-weight: 900;
    }
    p.textCountDown {
        margin-right: 55px;
    }
    .beforeCalendar {
        display: flex;
        border: 1px #15499d solid;
        color: #15499d;
        /* padding: 6px; */
    }
    
    .addToCalnder {
        display: flex;
        width: 33%;
        /* justify-content: center; */

    }
    .addToCalnder1 {
        display: flex;
        width: 33%;
        align-items: center;

        /* justify-content: center; */
        
    }
    
    .dateOfEvent {
        display: flex;
        background-color: #15499d;
        color: white;
        align-items: center;
        width: 33%;
        /* height: fit-content; */
    }
    .dateOfEvent1 {
        display: flex;
        background-color: #15499d;
        color: white;
        align-items: center;
        width: 33%;
        /* height: fit-content; */
    }
    
    .placeOfEvent {
        display: flex;
        align-items: center;
        width: 34%;
    }
    .placeOfEvent1 {
        display: flex;
        align-items: center;
        width: 34%;
    }
    
    .addToCalender > a {
        display: flex;
        align-items: center;
        /* flex-basis: 327%; */
        height: fit-content;
    }

    .addToCalnder > a {
        display: flex;
        align-items: center;
        /* flex-basis: 327%; */
        height: fit-content;
    }


    .addToCalnder > a > img {
        width: 75px;
        height: 75px;
        margin-left: 20px;
        margin-right: 29px;
    }

    .addToCalnder > a > p {
        color: #15499d;
        height: fit-content;
        margin: 0px;
        font-size: 30px;
        font-weight: 100;
    }
    .dateOfEvent > img {
        width: 80px;
        height: 80px;
        margin-right: 20px;
        margin-left: 20px;
    }
    
    .placeOfEvent > img {
        width: 80px;
        height: 80px;
    }

    p.dateOfEventSecond {
        margin: 0px;
        font-size: 26px;
        font-weight: 100;
        margin-top: -15px;
    }

    p.dateOfEventFirst {
        margin: 0px;
        font-weight: bold;
        font-size: 26px;
        height: fit-content;
    }
    p.dateOfEventFirst1 {
        margin: 0px;

        font-size: 30px;
        font-weight: 100;
        height: fit-content;
        margin-right: 8px;
    }
    
    p.placeOfEventP{
        margin: 0px;
        font-size: 26px;
        font-weight: 400;
    }
    .addToCalnder:hover {
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   }
       .dateOfEvent:hover {
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   }
        .placeOfEvent:hover {
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   }
   .textv {
    flex-basis: 50%;
    padding: 30px;
    color: #134390;
    }

    .videoAndText {
        display: flex;
        background-color: #f1f1f1;
    }

    .vvideo {
        flex-basis: 50%;
    }

    p.firstText {
        font-weight: bold;
    }
    img.mkPic.A {
        filter: grayscale(60%);
    }
    img.mkPic.A:hover {
    
    filter: grayscale(0%);
    }
}
@media only screen and (max-width:600px){
    img.mkPic {
        width: 120px;
        height: 120px;
        margin-left: 30px;
        margin-right: 30px;
        margin-bottom: 22px;
        border-radius: 50%;
    }
    img.mkPic:hover{
        filter: grayscale(80%);
    }
    
    .picturesOfMKs {
        /* width: 1000px; */
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    p.mkText {
        text-align: -webkit-center;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: -16px;
        font-weight: bold;
        color: #15499d;
    }
    .dateOfToday {
        display: none;
    }    
    p.textCountDown {
        margin-top: -22px;
        color: white;
        margin-right: 19px;
        width: 56px;
    }
    .textCountDownAll {
        DISPLAY: flex;
    }
    .countdown_timer {
        display: flex;
        width: 280px !important;
        margin-top: 24px;
        display: flex;
    }
    .countdown_timer_text {
        color: white;
        margin-right: 21px;
        /* margin-left: 36px; */
        border: white 1px solid;
        padding: 8px;
        padding-right: 18px;
        width: 54px;
        height: 45px;
        font-size: 19px;
        font-weight: 900;
    }
    .beforeCalendar {
        display: flex;
        border: 1px #15499d solid;
        color: #15499d;
        /* padding: 6px; */
        margin-top: 15px;
    }
    
    .addToCalnder {
        display: flex;
        width: 33%;
        /* justify-content: center; */
    }
    
    .dateOfEvent {
        display: flex;
        background-color: #15499d;
        color: white;
        align-items: center;
        width: 34%;
        /* height: fit-content; */
    }
    
    .placeOfEvent {
        display: flex;
        align-items: center;
        width: 33%;
    }
    .addToCalnder1 {
        width: 33%;
        text-align: -webkit-center;
        }
    
    .dateOfEvent1 {
        width: 34%;
        text-align: -webkit-center;
    }
    
    .placeOfEvent1 {
         /*     display: flex; */
        width: 34%;
        /* justify-content: center; */
        text-align: -webkit-center;
    }
    
    .addToCalender > a {
        display: flex;
        align-items: center;
        /* flex-basis: 327%; */
        height: fit-content;
    }

    .addToCalnder > a {
        display: flex;
        align-items: center;
        /* flex-basis: 327%; */
        height: fit-content;
    }


    .addToCalnder > a > img {
        width: 50px;
        height: 50px;
        margin-left: -3px;
        margin-right: 1px;
    }

    .addToCalnder > a > p {
        color: #15499d;
        height: fit-content;
        margin: 0px;
        font-size: 14px;
        font-weight: 100;
        font-weight: 400;
    }
    .dateOfEvent > img {
        width: 50px;
        height: 50px;
        margin-right: -2px;
        margin-left: -5px;
    }
    
    .placeOfEvent > img {
        width: 50px;
        height: 50px;
    }

    p.dateOfEventSecond {
        margin: 0px;
        font-size: 11px;
        font-weight: 100;
        margin-top: -5px;
    }

    p.dateOfEventFirst {
        margin: 0px;
        font-weight: bold;
        font-size: 11px;
        height: fit-content;
    }
    
    p.placeOfEventP{
        margin: 0px;
        font-size: 13px;
        font-weight: 400;
    }
    .textv {
        /* flex-basis: 50%; */
        padding: 30px;
        color: #134390;
    }
    
    .videoAndText {
        margin-top: 10px;
        background-color: #f1f1f1;
    }
    
    
    
    p.firstText {
        font-weight: bold;
    }



    body.trigger-size-medium #enable-toolbar svg#enable-toolbar-trigger-svg {
        width: 50px;
        height: 40px;
        margin-bottom: 49px;
    }
 
}

/* pirsum page */
@media only screen and (min-width:600px){

    main.post-main-12750 {
        width: 100% !important;
        background: url(https://www.20il.co.il/wp-content/uploads/2021/04/רקע-לבאנר-למפרסמים.jpg);
        background-repeat: no-repeat;
        background-position: top;
        text-align: -webkit-center;
        display: grid;
        grid-auto-rows: 397px 600px 756px;
    }

    .videoPirsum{
        width: 750px !important;
        height: 420px !important;



    }
    .pirsum_content{
        width: 800px !important; 
        justify-self: center;
    }
    input.wpcf7-form-control.wpcf7-submit {
        background-color: #13499f;
        width: 100%;
    }
}
@media only screen and (max-width:600px){
    main.post-main-12750 {
        width: 100% !important;
        background: url(https://www.20il.co.il/wp-content/uploads/2021/04/רקע-לבאנר-למפרסמים.jpg);
        background-repeat: no-repeat;
        background-position: top;
        text-align: -webkit-center;
        display: grid;
        grid-auto-rows: 140px 160px 756px;
        background-size: contain;
        background-color: #f8c901;
    }
    .videoPirsum {
        width: 90%!important;
        height: 100% !important;
    }
    .pirsum_content {
        width: 90% !important;
        justify-self: center;
        padding-top: 70px !important;
    }
    input.wpcf7-form-control.wpcf7-submit {
        background-color: #13499f;
        width: 100%;
    }


}






/*-------------------------------------------------OPEN Weather----------------------------------------------*/

@media only screen and (min-width:600px){
    #weatherDiv {
        display: flex;
        position: absolute;
        justify-content: center;
        color: #244288;
        margin-top: 43px;
        margin-right: 340px;
        font-weight: 100;
    }
    .weatherHeader {
        text-decoration:none;
        display: flex;
        line-height: 40px;
        color: #244288 !important;
        
    }
    a:active a:visited{
        text-decoration:none;
        color: #244288;
    }
    .spanWeather {
        margin-top: 3px;
        padding-left: 7.5px;
    }
    #nameCity {
        padding: 4px 4px 4px 8px;
        font-weight: 800;
    }
    #spanWeather {
        font-size: 16px;
    }
    #todayTemp { 
        margin: 3px 0px 0px 5px;
        font-size: 20px;
    }
    #todayImg {
        height: 42px;
        width: auto;
        padding: 0px 0px 8px 5px;
        margin-top: 5px;
    }
    #todayDate{
        padding: 4px 6px 4px 11px;
    }
}


/* new search */
#newSearch {
    background-color: #f7f7f7;
    direction: rtl;
    width: 30px;
    border: none;
    padding: 2px;
    margin-top: 14px;
    margin-right: -7px;
    background-image: url('https://www.20il.co.il/wp-content/uploads/2021/06/searchBar.png');
    background-size: 17px auto;
    background-repeat: no-repeat;
    -webkit-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    color: #0f0e0ea9;
    font-family: simpler; 
}

#newSearch:focus {
    width: 160px;
    background-position: left center;
    /* outline-color: #244288 ; */
    z-index: 1;
    outline: none;
    border-bottom: 1px #244288 solid; /* #325189 */
}


/*-------------------------------------------------END Weather--- -------------------------------------------*/


/* -------------------icons end of article------------------- */
img.iconImg:hover {
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 
  }

  #myBtn {
    height: 50px;
    width: 50px;
    display: none;
    position: fixed;
    bottom: 20px;
    left: 100px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    color: white;
    cursor: pointer;
 }
 
 #myBtn:hover {
       -ms-transform: scale(1.5); /* IE 9 */
     -webkit-transform: scale(1.5); /* Safari 3-8 */
     transform: scale(1.5); 
 }