/* item */
.widgetContainer  a {text-decoration:none}
.widgetContainer .item {display:grid; grid-template-columns: auto 1fr; grid-gap:24px; border-bottom: 1px solid #d4d4d4; margin-bottom: 28px; padding-bottom:28px;}
.widgetContainer .item__details {display: flex; flex-wrap: wrap; align-items: start;}
.widgetContainer .item__subtitle, .widgetContainer  .item__subtitle + p{font-family:OpenSansHebrew; font-size:15px; line-height:24px;}
.widgetContainer .item__details a:visited .item__title  {    color: #666 !important;}
.widgetContainer .item__subtitle {    margin-bottom: 0 !important;}
.widgetContainer .item__info  span{ margin-left: 16px;position: relative;}
.widgetContainer .item__author::after,.widgetContainer  .G_AfnayoutBublle a::before {content: "|"; color:#cbb;}
.widgetContainer .item__author::after{padding-right: 16px;}
.widgetContainer .item__info{color: #666; color:var(--metadataTxt); font-size: 14px; font-size:var(--metaDataSize); font-family:almoniDL400;  align-self: flex-end; flex: 1 0 100%; position:relative; margin-top: 16px;display: flex;}
.widgetContainer .item  .cluster {
    flex-basis: 100%;
    font-family: demibold;
    color: #c00;
    font-size: 16px;
}
.widgetContainer .item  .cluster a { color: #c00;}
.widgetContainer .item .cluster span { font-family: almoniDL400;}
.widgetContainer .item___info {
    color: #666;
    color: var(--metadataTxt);
    font-size: 14px;
    font-size: var(--metaDataSize);
    font-family: almoniDL400;
    align-self: flex-end;
    flex: 1 0 100%;
    position: relative;
    margin-top: 16px;
    display: flex;
}
.widgetContainer .item .CountTguvot a font {  color: #666;    font-size: 15px;    line-height: 30px !important;}
.widgetContainer .item .G_AfnayoutBublle a:after {
    display: inline-block;
    vertical-align: middle;
    content: url(../../../globes/image/upload/v1756204448/Digital/icons/Comments_uoo2mg.svg);
        margin: -37px 27px 0px -18px;
}
.widgetContainer .item .add2list {
    content: url(../../../globes/icons/icn-saved-item.svg);
    position: absolute;
    left: 0;
    bottom: 0;
    cursor: pointer;
}
.widgetContainer .item__title  {
    font-family: almoniDL700;
    font-size: 22px;
    margin: 4px 0;
    display: block;
}
.blockColor .innerDiv img {
    display: inline !important
}


#showAllUpdates span {
    font-size: 18px;
    color: var(--primaryColor);
    display: inline-block;
    width: 110px;
    border: 1px var(--primaryColor) solid;
    padding: 2px 16px 2px 32px;
    background: #FFF9F4;
    z-index: 2;
    position: relative;
    cursor: pointer;
}

#showAllUpdates {
    text-align: center;
    margin: 28px 0 60px;
    position: relative
}

    #showAllUpdates:after {
        position: absolute;
        left: 0;
        top: 50%;
        height: 1px;
        background: var(--primaryColor);
        content: "";
        width: 100%;
        display: block;
    }

    #showAllUpdates .arrow-down {
        border: solid var(--primaryColor);
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 3px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        position: absolute;
        top: 10px;
        left: 15px;
    }

    #showAllUpdates span:hover {
        background: var(--primaryColor);
        color: #fff
    }

#showAllUpdates span:hover .arrow-down {
    border: solid #fff;
    border-width: 0 3px 3px 0;
}



@media screen and (max-width: 480px) {

    :root {
        --primaryColor: #97133F
    }

    #showAllUpdates span {
        font-size: 20px;
        font-family: 'OpenSansHebrewCondensedRegular';
        background: #fff1e5;
    }
    #showAllUpdates .arrow-down { top:8px   }

    .videoSection .innerDiv iframe {
        width: 100%
    }
    .widgetContainer .item__author {
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 150px;
    }


    .leadRowQuote,
    .leadRow {
        position: relative;
        right: -15px;
        width: calc(100% - 20px);
        padding: 30px 15px;
    }
    .leadRowQuote {padding-top:90px}
    .leadRow p {font-size:19px !important}
    .leadRowQuote p {
        font-size: 22px !important;
        font-family: 'OpenSansHebrewCondensedBold' !important;
        text-align:center !important
    }


    #wrapper .articleInner hr {
        width: 100% !important;
        margin: 0 !important
    }

    .widgetContainer {
        margin: auto;
        padding: 0 15px;
    }
    .widgetContainer .item {
        background: #f1dfcf;
    }
.widgetContainer .item__details .cluster {margin-bottom:1px}
.widgetContainer .item__details .cluster a {color: #97133f !important; font-family: almoniTzar400 !important;}

.widgetContainer .item img {width:100%}
.widgetContainer .item {width:100% !important; padding:0 !important;    grid-template-columns: 1fr!important; margin-bottom:10px !important; grid-gap: 0 !important; max-width:370px;  align-content: start;}
.widgetContainer .item__details {padding:0 10px 10px 10px; margin:0;}
.widgetContainer .item__title { margin: 4px 0;   line-height: 1;}

.widgetContainer .item__info {white-space: nowrap;}
.widgetContainer .item .G_AfnayoutBublle a:after {    margin: -2px 40px 0px -38px !important;}
.widgetContainer .item__info__details .cluster {    margin-bottom: 1px;}

        .widgetContainer .item .al span, .widgetContainer .item .cluster span {
            font-family: almoniTzar300 !important;
            font-size: 5.3vw;
            line-height: 1.13;
            color: #97133f
        }
        .widgetContainer .item .al, .widgetContainer .item .cluster {
            font-family: almoniTzar400 !important;
            font-size: 5.3vw !important;
            line-height: 1.13;
            color: #97133f !important;
            margin: 0;
        }


}

.articleInner hr {height: 1px;background: #000;width: 80% !important;border: 0; clear:both}
.articleInner hr.rightDir { margin-left: 20%}
.articleInner hr.leftDir { margin-right: 20%}

.articleInner .imageDiv .img_credit_in_the_content {margin-bottom: 0;}


/* quez */
 
@font-face{font-family: 'OpenSansHebrewCondensedRegular';font-style: normal;font-weight: 800;src: url(../../../Static/fonts/OpenSansHebrewCondensed/OpenSansHebrewCondensed-Regular.ttf) format('truetype')}

.quez {width:100%; max-width:627px; margin:0 auto; direction:rtl}
.quez details { position:relative; margin-bottom:77px;    min-height: 105px;background-color:#870d36}
.quez details details {margin:50px 0 0 0}
.quez details, .quez summary {outline:none; }
 
.quez summary:after  {
    content: '+';
    display: block;
    font-size: 112px;
    line-height: 93px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 109px;
    height: 105px;
    z-index:2;
    text-align: center;
        cursor:pointer;
        transition: transform .3s;
}
.quez summary:before {
    width: 109px;
    height: 105px;
    background-color: #870d36;  
    left: 0;
    top: 0;
    content: '';
    position: absolute;
    z-index:1;

}

.quez details[open] p { }
.quez details[open] summary:after {transform: rotate(45deg);}
.quez h2, 
.quez h3 {color:#fff!important; z-index:1; position:absolute; text-align:right;    margin-right: 15px !important;     top: 5px;}
.quez h2 {font-family: OpenSansHebrewCondensedBold!important;font-size: 35px!important;line-height: 1.23!important; letter-spacing: 1.03px!important; margin:0;}
.quez h3 {font-family: OpenSansHebrewCondensedRegular!important;font-size: 44px!important;letter-spacing: 1.3px!important;line-height: 0.68!important;margin-top:50px !important}
.quez .im {
        position: absolute;
        top: 0;
        right: 0;
        height: 105px !important;
        object-fit: cover;
        width: calc(100% - 109px);
    }
.quez .promoText { margin-top:60px; background:#fff;padding:45px 0 0 0}
.quez .promoText .promoText { padding-bottom:20px}
.quez .promoText p {padding:0 25px 0 20px}
.quez .promoText p:first-child {margin-top:75px!important}

.quez details[open] summary:after { transform: rotate(45deg);}
 

.quez details[open] .promoText summary:before { background:#3e3e3e;height: 64px !important;} 
.quez details .promoText summary {color:#3e3e3e}
 
.quez details[open] .promoText summary {        height: 4px;}
.quez details[open] .promoText summary h2 { margin-top: -11px !important;   font-size: 24px!important;}

.quez details[open] .promoText summary:after { content:url(../../../globes/icons/form-hide-copy.svg);transform: rotate(0);top: -44px;}
.quez details[open] .promoText details[open] summary:after {   content:url(../../../globes/icons/form-hide.svg);top: -40px;    left: -1px;}

.quez details .promoText details[open] .promoText { background:#818181}
 
.quez details .promoText details[open] .promoText * {color:#fff;}
.quez details .promoText details {    background-color: #3e3e3e;    min-height: 64px;}
 
/* end quez */



/* gBox */
 
.gBox {width:100%; max-width:627px; margin:0 auto; direction:rtl; overflow:hidden;clear:both}
.gBox details { position:relative; margin-bottom:30px;    min-height: 48px;}
.gBox details details {margin:50px 0 0 0}
.gBox details, .gBox summary {outline:none; color:transparent;}
 .gBox summary {min-height:31px}
.gBox summary:after  {
        content: '+';
    display: block;
    font-size: 38px;
    line-height: 44px;
    
    position: absolute;
    left: 0;
    top: 0;
    width: 48px;
    height: 48px;
    z-index: 2;
    text-align: center;
    cursor: pointer;
    transition: transform .3s;
}
.gBox summary:before {
   width: 48px;
    height: 48px;
    
    left: 0;
    top: 0;
    content: '';
    position: absolute;
    z-index:1;

}

.gBox details[open] summary:before { height: 45px; }
.gBox details[open] summary:after {transform: rotate(45deg);}
.gBox h2,.gBox h3 {  z-index:1; position:absolute; text-align:right}
.gBox h2 {font-family: OpenSansHebrewBold!important;font-size: 17px!important;
    line-height: 50px!important; letter-spacing: 0.59px!important; margin: 0 !important; display:inline-block;}
.gBox h3 {font-family: OpenSansHebrewRegular!important;font-size: 44px!important;letter-spacing: 1.3px!important;line-height: 0.68!important;margin: 25px 14px 0 0 !important;}
 
.gBox .promoText { margin-top:17px; background:#fbece3;padding:13px 0 0 0; color:#000}
.gBox .promoText .promoText { padding-bottom:20px}
.gBox .promoText p {padding:0 16px 16px 17px}
.gBox .promoText h4 {color:#000;     padding: 0 16px 16px 17px;}

.gBox details[open] summary:after { transform: rotate(45deg);}
 

.gBox details[open] .promoText summary:before { background:#3e3e3e;height: 64px !important;} 
.gBox details .promoText summary {color:#3e3e3e}
 
.gBox details[open] .promoText summary {        height: 4px;}
.gBox details[open] .promoText summary h2 { margin-top: -11px !important;   font-size: 24px!important;}

.gBox details[open] .promoText summary:after { content:url(../../../globes/icons/form-hide-copy.svg);transform: rotate(0);top: -44px;}
.gBox details[open] .promoText details[open] summary:after {   content:url(../../../globes/icons/form-hide.svg);top: -40px;    left: -1px;}

.gBox details .promoText details[open] .promoText { background:#818181}
.gBox details .promoText details[open] .promoText * {color:#fff;}




.gBox.magazine details .promoText details {    background-color: #3e3e3e;    min-height: 64px;}
.gBox.magazine summary:before  {background-color: #870d36;  }
.gBox.magazine h2,.gBox.magazine h3 {color:#fff!important;}
.gBox.magazine details { background-color:#b02051}
.gBox.magazine summary:after {color:#fff}

.gBox.default details .promoText details {    background-color: #3e3e3e;    min-height: 64px;}
.gBox.default summary:before  {background-color: #e0cabd;  }
.gBox.default h2,.gBox.default h3 {color:#000!important;}
.gBox.default details { background-color:#f9e1d3}
.gBox.default summary:after {color:#ae2452}


.gBox.drama details .promoText details {    background-color: #3e3e3e;    min-height: 64px;}
.gBox.drama summary:before  {background-color: #1a1a1a;  }
.gBox.drama h2,.gBox.drama h3 {color:#fff!important;}
.gBox.drama details { background-color:#484848}
.gBox.drama summary:after {color:#fff}

.gBox.ans details .promoText details {    background-color: #3e3e3e;    min-height: 64px;}
.gBox.ans summary:before  {background-color: #fff9f4;  }
.gBox.ans h2,.gBox.ans h3 {color:#000!important;}
.gBox.ans details { background-color:#fff9f4; border-top:1px #b8aba0 solid; border-bottom:1px #b8aba0 solid}
.gBox.ans summary:after {color:#ae2452}
.gBox.ans details:hover {background: #fbece3;}
.gBox.ans summary:hover:before {background: #fbece3 !important;}
.gBox.ans .promoText {background-color: #fff9f4;}
.gBox.ans details:hover summary:before {background: #fbece3 !important;}
.gBox.ans details[open]:hover,  
.gBox.ans details[open] summary:hover,
.gBox.ans details[open] summary:hover:before,
.gBox.ans details[open]:hover summary:before {background: #fff9f4 !important;}
.gBox.ans details[open] summary:after {transform: rotate(0deg);content: "–"; line-height: 44px;}
.gBox.ans h2 { font-size:18px !important;line-height: 56px!important;}
.gBox.ans details {min-height: 55px;}
.gBox.ans summary:after {    line-height: 52px;}

 
@media only screen and (max-width: 480px) {
    .gBox.ans summary:before, 
    .gBox.ans details, 
    .gBox.ans .promoText, 
    .gBox.ans details[open]:hover,  
    .gBox.ans details[open] summary:hover, 
    .gBox.ans details[open] summary:hover:before {background-color: #fff1e5 !important;  }
    .gBox.ans summary:before  {height: 45px !important;}
    .gBox.ans h2 {display:block;     line-height: 46px!important;}
    .gBox.ans summary:after  { font-size: 36px; line-height: 56px; width:40px}
    .gBox.ans details[open] .promoText { margin-top:20px}
    .gBox.ans details[open] p {margin-bottom: 10px;}
    .gBox.ans details[open] summary:after {line-height: 48px}

    .quez .promoText p img {width:100%; height:auto}
    .quez .promoText p:first-child {    margin-top: 0px!important;}
 


   
    .gBox {
        display: block !important;
        background: none !important;
 
    }




}
/* end gBox */




/* tools */
.toolsBox h3 {   
font-size: 24px !important;
    text-align: right;
    border-bottom: 1px solid #eee;
    position: relative;
    font-family: 'almoniDL900' !important;
    padding-bottom: 8px;
    margin-bottom: 30px !important;
}
.toolsBox h3::after {
    border-bottom: 3px solid #028489;
    border-radius: 2px;
    content: "";
    position: absolute;
    width: 75px;
    right: 0;
    bottom: -1px;
}
.toolsBox h4 {    
    font-size: 20px;
    font-family: 'ultrabold';
    padding: 0;
    margin:20px 0;
}
.toolsBox p {font-size: 16px;    font-family: 'demibold'; line-height: 22px;   padding: 12px 0;    max-width: 450px;    position: relative;     margin: 0 !important;}
.toolsBox p a  {    display: block;    border:0 !important; background: url(../../../globes/urban_renewal/icn_form.svg) no-repeat;}
.toolsBox p:after  { content: "" !important; border-bottom: 1px solid #e0e0e0; position: absolute;  right: 0;   bottom: 0;   width: calc(100% + 50px);
    }
/* end tools */


@media only screen and (max-width: 480px) {
    :root {
        --primaryBgColor: #fff1e5;
    }

    .layout_1 .project_text .cluster {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: fit-content;
        text-align: center;
    }
    .layout_1 .project_subTitle {
        margin-top: 40px !important
    }

    .quez h2 {
        font-size: 23px !important;
        line-height: 31px !important;
        letter-spacing: .7px !important;
        margin: -5px 10px 0 0 !important;
    }
.quez h3 { font-size: 29px!important; line-height: 22px!important;letter-spacing: .68px!important;margin: 30px 10px 0 0 !important;}
.quez details[open] p {font-size: 20px; letter-spacing: 0.61px;}
.quez details {     margin-bottom: 42px;    min-height: 74px; }
.quez .im, .quez summary:after, .quez summary:before {    height: 75px !important; }

.quez .im {width: calc(100% - 75px)!important; margin:0 !important;    object-fit: fill;}
.quez summary:after, .quez summary:before { width: 77px;}
.quez summary:after {  font-size: 75px;  line-height: 70px;}
.quez .promoText summary:after {  font-size: 75px;  line-height: 70px;}
.quez .promoText {   margin-top: 44px; }

.quez details[open] .promoText summary:after {top:-19px}
.quez details[open] .promoText details[open] summary:after {top:-16px}
.quez details[open] .promoText summary h2 {margin-top: -13px !important;}
.quez details[open] .promoText summary {height: 20px;}
 
.gBox h2, .gBox h3 {font-family: OpenSansHebrewCondensedRegular!important;   line-height: 36px;}
.gBox .promoText {   background: #fae1d2;}

    .gBox .promoText h2, .gBox .promoText h3 {
        font-size: 20px !important;
        line-height: 25px !important;
        font-family: OpenSansHebrewCondensedBold !important;
        position: static;
        margin-bottom: 10px !important;
        letter-spacing: 0px !important;
    }
    .gBox .promoText h2 {
        margin-right: 16px !important;
    }

.gBox.default .promoText {   border-top: 1px #e1cabc solid; }

.gBox .m__cube summary:before {height: 75px!important;}
.gBox .m__cube summary:after {line-height: 70px;}
.gBox .m__cube summary h2 {width:80%; line-height: 32px!important;}
.gBox details.m__cube {min-height: 75px;}
.gBox .m__cube .promoText {margin-top: 45px;} 
.gBox details.m__cube[open] summary:after {left:14px;    line-height: 86px;}
.gBox details[open] summary:before {    height: 47px;}
}

@media only screen and (max-width: 320px) {
        .gBox h2, .gBox h3 {
            font-size: 16px!important; 
        }

        gBox h2 {
            font-size: 16px !important;
        }
    }



/* articleGroup */
.articleGroup details summary { color:#97133f; background:#97133f;    height: 48px; }

.articleGroup details, .articleGroup summary {outline:none; }
.articleGroup details {position:relative}
.articleGroup h2, #F_Content .articleGroup h2 { margin:0; color:#fff;font-family: OpenSansHebrewBold;font-size: 20px; text-align:right;    margin-top: -19px;
    margin-right: 24px;}

.articleGroup summary:after  {
    content: url(../../../globes/icons/arrow-w-right.svg);
    display: block;
    position: absolute;
    left: 24px;
    top: 4px;
    transform: rotate(180deg);
    z-index:2;
    cursor:pointer
}
.articleGroup details[open] summary:after {transform: rotate(0);top: 10px;}
.articleGroup details[open] ul li {margin-bottom:10px;  border-bottom: solid 1px #e9e2de;    width: 95%;}
#F_Content .articleGroup details[open] ul { margin-right: 0 !important;}
.articleGroup details[open] ul { list-style: none; margin:35px 24px 0 0 !important}
.articleGroup details[open] ul li a { display:block;  padding: 3px 0 12px;font-family: OpenSansHebrewBold;font-size: 18px;     line-height: 26px; overflow: hidden;}
.articleGroup details[open] ul li a:hover { color:#97133f !important;}
.articleGroup details[open] { background:#fff1e5;border-bottom: solid 3px #97133f;}
.articleGroup details[open] ul li span { background:url(../../../globes/icons/readList.svg) no-repeat 0 0;     float: right;
    width: 24px;    height: 24px;    margin:5px  24px 0 10px; cursor:pointer}
 
.articleGroup details[open] ul li a:visited {color:#666 !important}

.articleGroup details[open] a.more {color: #97133f;  font-size: 16px;font-family: OpenSansHebrewBold;    margin-right: 34px;    padding: 12px 0 18px;
    display: block; position:relative}
.articleGroup details[open] a.more:after {content: url(../../../globes/icons/leftRed.svg);    position: absolute;
    top: 15px;}


@media only screen and (max-width: 480px) {
    .articleGroup details[open] ul li {width:100%; border-bottom: solid 1px #b8aba0;}
    .articleGroup details[open] ul li span { float:left   }
    .articleGroup details[open] {background:#f1dfcf !important}
    .articleGroup details[open] ul li a {margin-right:16px;    font-family: OpenSansHebrewCondensedBold; color:#1a1a1a !important;     line-height: 21px;}
    .articleGroup details[open] a.more {font-family: OpenSansHebrewCondensedRegular;  margin-right: 16px;     padding: 0px 0 10px; }
    .articleGroup details[open] a.more:after { top: -2px;   content: "»";   color: #97133f;   font-family: arial;    font-size: 21px;    margin-right: 8px;}

    .articleGroup summary:after {left:10px}
}



/* artList */
.artList {   clear: both; background: #fff1e5;border-bottom: solid 3px #97133f;}
    .artList h2 {
        background: #97133f;
        margin: 0 !important;
        color: #fff;
        font-family: OpenSansHebrewBold !important;
        font-size: 20px !important;
        text-align: right;
        height: 48px;
        line-height: 48px !important;
        text-indent: 24px;
        max-width: 100% !important;
        width: 100% !important;
    }
.artList h2 .more { float:left;  letter-spacing: -0.04px; font-family: OpenSansHebrew;font-size: 18px;color: #fff;
    margin-left: 40px;    position: relative; border:0}
.artList h2 .more:hover {color: #fff !important;}
.artList h2 .more:after {    
    content: url(../../../globes/icons/arrow-w-right.svg);
    display: block;
    position: absolute;
    left: -45px;
    top: -14px;
    transform: rotate(270deg);
    z-index: 7;
    cursor: pointer;
    zoom: 75%;

}

#F_Content .articleInner .artList #myList { margin-right:0 !important}
.artList ul  {list-style: none; padding-top: 35px !important;margin: 0 !important;}
.artList ul li { display: none;    margin-bottom: 10px;
    border-bottom: solid 1px #e9e2de;
    width: 95%;}

 .artList ul li span {
    background: url(../../../globes/icons/icn-saved-item.svg) no-repeat 0 0;
    float: right;
    width: 24px;
    height: 24px;
    margin: 5px 24px 0 10px;
    cursor: pointer;
}
 .add2list.on {
    content: url(../../../globes/icons/icn-saved-item-filled.svg) !important;
}

  .artList ul li a {
    display: block;
    padding: 3px 0 12px;
    font-family: OpenSansHebrewBold;
    font-size: 18px;
    line-height: 26px;
    overflow: hidden;
}
 .artList .more.bot {
      color: #97133f!important;
    font-size: 16px;
    font-family: OpenSansHebrewBold;
    margin-right: 34px;
    padding: 12px 0 18px;
    display: inline-block;
    border:0 !important;
        position: relative;
        letter-spacing: -0.04px
}
 .artList .more.bot:after { content: url(../../../globes/icons/leftRed.svg);
    position: absolute;
    top: 15px;
 

 }
  .artList .loadMore {
      color: #97133f;
    font-size: 16px;
    font-family: OpenSansHebrewBold;
    margin-right: 34px;
    padding: 12px 0 18px;
    display: block;
    position: relative;
    border:0 !important;
    cursor:pointer;
}
  .artList .loadMore:hover {color: #97133f !important;}
  .artList .loadMore:after {    
       content: url(../../../globes/icons/leftRed.svg);
    position: absolute;
    top: 12px;
    transform: rotate(270deg);

   }



@media only screen and (max-width: 480px) {
.artList {    background: #f1dfcf;}
.artList h2 {color:#fff9f4 !important;font-family: 'OpenSansHebrewCondensedBold' !important; font-size:18px}
.artList h2 .more {font-family: 'OpenSansHebrewCondensedRegular' !important;}
.artList ul li a {font-family: 'OpenSansHebrewCondensedBold' !important; font-size:18px; line-height:21px;    margin-right: 15px;}
 
.artList ul li span {float:left}
.artList ul {padding-top: 20px !important;}
.artList h2 .more:after {
    content: "«";
    display: block;
    position: absolute;
    left: -43px;
    top: 2px;
    transform: rotate(180deg);
    z-index: 7;
    cursor: pointer;
    zoom: 100%;
    font-size: 26px;
    font-family: arial;
}
    .artList ul li {
        border-bottom: 1px #b8aba0 solid;
    }
    .artList .loadMore:after {top:0}
    .artList .more.bot:after {top:5px}
    .artList .loadMore, .artList .more.bot {font-family: 'OpenSansHebrewCondensedRegular' !important; margin-right: 15px;  padding: 2px 0 12px !important;}
}


/* RelatedArticles */
.RelatedArticles div {margin-bottom:28px}
.RelatedArticles h3 {}
.RelatedArticles h3 span {    color: #951a40; font-size: 28px;}
.RelatedArticles h3 a {}
.RelatedArticles img { margin:20px 0 28px}



/*series*/


.seriesContainer  {
    display: grid; 
    grid-template-columns: repeat(3, 1fr);  
    grid-gap: 28px;
   
     max-width: fit-content;
    margin: 0 auto;
        background: #fff9f4;
 
    z-index: 1;
    position: relative;

}

.seriesContainer .item {
    direction: rtl;
    text-align: right;
    font-family: 'almoniDL400';
   
    border-bottom: 1px #e1e1e1 solid;
   max-width:300px;
    height: 287px;
    position: relative;
    margin-bottom:90px;
}

 .seriesContainer .promo {
    position: absolute;
    box-shadow: 0 2px 16px 0 rgba(0,0,0,0.13);
    background: #fff9f4;
    background-color: var(--primaryBgColor);
    left: 0;
    right: 0;
    bottom: -30%;
    padding: 10px 20px 10px 20px;
    width: 70%;
    margin: 0 auto;
    min-height: 106px;
}

.seriesContainer .cluster {
    overflow:hidden;
    height: 25px;
 
}
.seriesContainer .cluster a,.seriesContainer .cluster span {    font-size: 17px;    color: #97133f;    font-family: almoniDL400; line-height:1}
.seriesContainer  .item h2 span {display:none}

.seriesContainer .item h2 {
   
    
    margin: 0;
    width: 100%;
       overflow: hidden;
    height: 80px;
    margin-bottom: 0;
    text-align: right;
}
.seriesContainer .item h2 a {color: #030202;  font-size: 22px; font-family:demibold;  line-height: 26px;}

.seriesContainer.s2 {  grid-template-columns: repeat(2, 1fr); max-width:600px  }
.seriesContainer.s3 {  max-width:970px  }

.seriesContainer.s1 .item h2 a, .seriesContainer.s4 .item h2 a { font-size: 30px;   line-height: 35px;}
.seriesContainer.s1, .seriesContainer.s4 {  grid-template-columns: repeat(1, 1fr);    }
.seriesContainer.s1 .item, .seriesContainer.s4 .item {max-width: 800px;    height: 302px;    margin:0 auto 170px;}
.seriesContainer.s1 .item h2, .seriesContainer.s4 .item h2 {height:72px;}
.seriesContainer.s1 .item h2 span, .seriesContainer.s4 .item h2 span {
    color: #b8aba0;
    font-size: 146px;
    font-family: 'almoniTzar300';
    position:absolute; 
       top: 50px;
    right: 20px;
    display:block
    }
.seriesContainer.s1 .item h2 span {width:100px; text-align:center;    letter-spacing: -2px;}
.seriesContainer.s1 .promo {bottom: -44%;    width: calc(100% - 190px); padding-right:140px}
.seriesContainer.s4 .promo {bottom: -44%;    width: calc(100% - 90px); padding-right:20px}
.seriesContainer.s4 .item h2 span {display:none}
.seriesContainer.s1 .cluster a, .seriesContainer.s1 .cluster span, .seriesContainer.s4 .cluster a, .seriesContainer.s4 .cluster span {font-size:20px; line-height:20px}

@media screen and (max-width: 480px) {
    .seriesContainer.s1 .item h2, .seriesContainer.s4 .item h2 {height:50px;}
    .seriesContainer { grid-template-columns: repeat(1, 1fr) !important; }
    .seriesContainer .item {
        max-width: 100% !important;
        border: 0;
        margin-bottom: 30px !important;
        height: 210px !important;
    }
    .seriesContainer.s1 .promo {width: calc(100% - 118px) !important;   padding-right: 80px !important;}
 .specialSeries .articleInner {width:96%}

     .seriesContainer .promo { background: #f4dfcd; bottom:-30px !important;   box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.37);     padding: 5px 20px;  min-height: auto;width: calc(100% - 70px) !important;}
     #GPage_main article, .mainPart, .seriesContainer .item,.seriesContainer, .mainPartContent, .contentW {  background: #fff1e3;}

     .seriesContainer .item h2 a {
    color: #262626;
    font-size: 26px !important;
    font-family: almoniTzar400;
    line-height: 25px !important;
}
     .seriesContainer .item h2 {height:52px}
     #GPage_main article, .mainPart {width:calc(100% - 18px)}
     .seriesContainer .cluster a, .seriesContainer .cluster span {    font-family: almoniTzar300; font-size:19px}
     .seriesContainer.s1 .item h2 span, .seriesContainer.s4 .item h2 span {      width: auto;  font-size: 103px; right: 8px; top:35px}
     .seriesContainer .cluster {margin-top:5px; margin-bottom:0}
     .seriesContainer.s1 .item h2 span  {       letter-spacing: -1px;
    font-size: 110px;
    right:6px;
    left: 0;
    width: 65px;
    text-align: center;
    top: 32px;}
}


#F_Content .table_container table {border-collapse:collapse; margin:0 0 28px}
#F_Content .table_container table td { border:1px #3c162d solid;padding: 10px;}
#F_Content .table_container table tr:nth-child(odd) {    background: #f2dbc9;}

:root{
    --lightColor: #fff9f4;
    --darkColor: #1d1d1d;
    --redColor: #97133F;
}
.dark{
    background: var(--darkColor);
    color:#fff9f4;
}
.light{
     background: var(--lightColor);
     color:#000;
}
.globesy{
     background: var(--redColor);
     color:#fff;
}

.blue{
   background-color:#1adef1;
   color:#000;
}
.yellow{
    background-color:#fdd209;
    color:#000;
}
.orange{
    background-color:#d64946;
    color:#fff;
}
.purple{
    background-color:#7b4258;
    color:#fff;
}
.beige{
    background-color:#f1dfcf;
    color:#000;
}
.grey{
    background-color:#b7b7b7;
    color:#000;
}
section{
    clear:both;
}

.specialColorRow {
    padding:40px 20px;
    margin: 0 0 40px 0;
    width:calc(100% - 40px);
}
div.gal{
    padding:40px 0 20px 0;
    position:relative;
}
#F_Content .specialColorRow img{
    display:inline-block;
}
.specialColorRow.gal::before, .narrowGal .demo::before{
    content:"";
    position: absolute;
    right: 0;
    top: 0;
    width: 55px;
    height: 100%;
    z-index: 1;

}
.specialColorRow.gal::after, .narrowGal .demo::after{
    content:"";
    position: absolute;
    left: 0;
    top: 0;
    width: 55px;
    height: 100%;
    z-index: 1;
}
.specialColorRow.gal.globesy::before, .narrowGal.globesy .demo::before{
    background-image: linear-gradient(to right, rgba(151, 19, 63, 0) 0%, #97133f 100%);
}
.specialColorRow.gal.globesy::after, .narrowGal.globesy .demo::after{
    background-image: linear-gradient(to left, rgba(151, 19, 63, 0) 0%, #97133f 100%);
}
.specialColorRow.gal.dark::before, .narrowGal.dark .demo::before{
    background-image:  linear-gradient(to right, rgba(29, 29, 29, 0) 0%, #1d1d1d 100%);
}
.specialColorRow.gal.dark::after, .narrowGal.dark .demo::after{
    background-image: linear-gradient(to left, rgba(29, 29, 29, 0) 0%, #1d1d1d 100%);
}
.specialColorRow.gal.light::before, .narrowGal.light .demo::before{
    background-image:linear-gradient(to right, rgba(255, 249, 244, 0) 0%, #fff9f4 100%);
}
.specialColorRow.gal.light::after, .narrowGal.light .demo::after{
    background-image:linear-gradient(to left, rgba(255, 249, 244, 0) 0%, #fff9f4 100%);
}
.narrowGal  .demo{
    max-width:630px;
    margin:auto;
    position:relative;
}
.specialColorRow h3{
    margin:0 auto;
    line-height:1.2;
}
.blockColor {
   max-width:700px;
    margin: 20px auto;
    width:calc(100% - 40px);
    padding:20px;
    overflow: hidden;
}

 .in_text_align_right {float: right; width:45%;     margin-left: 5%;} 
.compBanner {
    max-width: 450px;
    margin: 0 auto 50px;
}
.Banner_in_Content + div{
        margin: auto;
}
    .Banner_in_Content + div iframe {
        width: revert-layer
    }
.imageDiv {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

.innerDiv table tr {vertical-align:top}
.articleInner .imageDiv .img_credit_in_the_content {
    font-size: 16px;
    display: inline-block;
    padding: 1px 0 1px;
    line-height: 1.5;
    letter-spacing: -0.1px;
    text-align: center;
    margin: 0 0 30px 0;
    padding: 0;
}
.articleInner .fade:before{
    content:none!important;
}
#pianoBlock{
    position:relative;
    text-align:center
}
#pianoBlock:before{
    content: '';
    width: 100%;
    height: 150px;
    position: absolute;
    left: 0;
    top: -150px;
    background: linear-gradient(transparent 0px,var(--primaryBgColor));
}
.dark .fade:before{
     background: linear-gradient(transparent 20px,var(--darkColor));
}
.globesy .fade:before{
     background: linear-gradient(transparent 20px,var(--redColor));
}
.specialColorRow p, .specialColorRow div{
    font-size:18px;
    line-height:28px;
     text-align: inherit;
}
#divVideoPlayerMain > div {
    width: 100%;
    margin: 0;
}

.leadRow{
    padding:30px 25px;
    margin:40px 0;
}
.leadRowQuote{
    padding:90px 25px 30px;
    margin:40px 0;
}
.leadRow p, .leadRowQuote p{
    
    margin-bottom:0 !important
}
.leadRow p {
    font-size: 18px;
    line-height: 30px;
    text-align: right;
    font-family: 'OpenSansHebrew';
}
.leadRowQuote p {
    font-size: 25px;
    font-family: 'OpenSansHebrewCondensedBold';
    line-height: 30px;
    text-align: center;
    position: relative;
}
.leadRowQuote.center p{
    text-align:center;
}
.leadRowQuote.center p:before{
    right:50%;
    transform:translateX(50%);
}
.leadRowQuote p:before {
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    text-align: center;
}
.light.leadRowQuote p:before{
    content:url(../../../globes/image/upload/v1649236109/Digital/mini_mitham/Quote_1_htyfc0.svg);
}
.dark.leadRowQuote p:before{
    content:url(../../../globes/image/upload/v1649236109/Digital/mini_mitham/Quote_2_wbg5cj.svg);
}
.globesy.leadRowQuote p:before{
    content:url(../../../globes/image/upload/v1649236111/Digital/mini_mitham/Quote_3_rhvhod.svg);
}
.blue.leadRowQuote p:before{
    content:url(../../../globes/image/upload/v1649236109/Digital/mini_mitham/Quote_6_kbzjzl.svg);
}
.yellow.leadRowQuote p:before{
    content:url(../../../globes/image/upload/v1649236112/Digital/mini_mitham/Quote_5_jg24ur.svg);
}
.orange.leadRowQuote p:before{
    content:url(../../../globes/image/upload/v1649236109/Digital/mini_mitham/Quote_7_smqxnj.svg);
}
.purple.leadRowQuote p:before{
    content:url(../../../globes/image/upload/v1649236109/Digital/mini_mitham/Quote_9_qsrwsq.svg);
}
.grey.leadRowQuote p:before{
    content:url(../../../globes/image/upload/v1649236109/Digital/mini_mitham/Quote_8_t4jbdd.svg);
}
.beige.leadRowQuote p:before{
    content:url(../../../globes/image/upload/v1649236111/Digital/mini_mitham/Quote_4_clrzl3.svg);
}

.dark .innerDiv p,
.purple .innerDiv p,
.blue .innerDiv p,
.orange .innerDiv p,
.globesy .innerDiv p  {
    color: #fff !important;
}


.textHide {
    display: none;
}
.readMoreBtn {
    background: transparent;
    border: 2px solid;
    padding: 3px 12px 3px 32px;
    font-size: 18px;
    font-family: 'OpenSansHebrewCondensedBold';
    position:relative;
}
.readMoreBtn::after {
    content: "";
    border: solid;
    border-width: 0 2px 2px 0;
    padding: 3px;
    transform: rotate(45deg);
    margin-top: -5px;
    margin-right: 10px;
    position: absolute;
    top: 14px;
    left: 12px;
}
.readMoreBtn.shown::after {
    top: 19px;
    transform: rotate(-135deg);
}
.dark.readMoreBtn, .globesy.readMoreBtn{
    color:#fff9f4;
    border-color: #fff9f4;
}

.light.readMoreBtn{
    color:#1d1d1d;
    border-color: #1d1d1d;
}

.artList {
    max-width: 627px;
    margin: auto;
}
.lead { 
    font-size: 28px;
    line-height: 35px;
    font-family: 'OpenSansHebrewCondensedBold';
    max-width:700px; 
        margin: auto;   
}
.rightLead, .leftLead{
    width: 250px;
    position: absolute;
}
.rightLead{
    right:20px;
}
.leftLead{
    left:20px;
}
.centeredLead{
    text-align:center;
}
.widgetContainer {
    max-width: 700px;
    margin: 0 auto 70px;
}
.dark .item__title {
    color: #fff;
}
.project_text .cluster {
    padding: 0 10px;
    font-size: 22px;
    display: inline-block;
    margin: 40px auto 0;
    text-align: right;
    border-radius: 10px;
}
.defualtStyle .cluster{
    margin:0 auto;
}
.light .cluster{
    background:#f1dfcf;
    color:#000;
}
.light.defualtStyle .cluster {
    background: #fff9f4;
}
.dark .cluster{
    background:rgba(51, 51, 51, 0.7);
    color:#fff9f4;
}
.dark.defualtStyle .cluster {
    background: rgba(29, 29, 29, 0.7);
}
.dark .cluster a{
     color:#fff9f4;
}
.globesy .cluster{
    background:rgba(88, 3, 31, 0.7);
    color:#fff9f4;
}
.globesy.defualtStyle .cluster {
    background: rgba(151, 19, 63, 0.7);
}
.globesy .cluster a{
    color:#fff9f4;
}
div .cluster a{
    font-feature-settings: "smcp"; 
    font-family: demibold;
}
div .cluster span {
    font-family: almonidl400;
}
 .widgetContainer a {
     text-decoration: none
 }
 .widgetContainer .item {
     display: grid;
     grid-template-columns: auto 1fr;
     grid-gap: 24px;
     border-bottom: 1px solid #d4d4d4;
     margin-bottom: 28px;
     padding-bottom: 28px
 }
 .widgetContainer .item__details {
     display: grid;
 }
 .widgetContainer .item__subtitle,
 .widgetContainer .item__subtitle + p {
     font-family: OpenSansHebrew;
     font-size: 15px;
     line-height: 24px
 }
 .widgetContainer .item__subtitle {
     margin-bottom: 0 !important
 }
.widgetContainer .item__info span {
    margin-left: 16px;
    position: relative;

}

.widgetContainer .item__author::after,
.widgetContainer .G_AfnayoutBublle a::before {
    content: "|";
    color: #cbb
}
 .widgetContainer .item__author::after {
     padding-right: 16px
 }
 .widgetContainer .item__info {
     color: #666;
     color: var(--metadataTxt);
     font-size: 14px;
     font-size: var(--metaDataSize);
     font-family: almoniDL400;
     align-self: flex-end;
     flex: 1 0 100%;
     position: relative;
     margin-top: 16px;
     display: flex
 }
 .widgetContainer .item .cluster {
     flex-basis: 100%;
     font-family: demibold;
     color: #c00;
     font-size: 16px
 }
 .widgetContainer .item .cluster a {
     color: #c00
 }
 .widgetContainer .item .cluster span {
     font-family: almoniDL400
 }
 .widgetContainer .item___info {
     color: #666;
     color: var(--metadataTxt);
     font-size: 14px;
     font-size: var(--metaDataSize);
     font-family: almoniDL400;
     align-self: flex-end;
     flex: 1 0 100%;
     position: relative;
     margin-top: 16px;
     display: flex
 }

 .widgetContainer .item .add2list {
     content: url(../../../globes/icons/icn-saved-item.svg);
     position: absolute;
     left: 0;
     bottom: 0;
     cursor: pointer
 }
 .widgetContainer .item__title {
     font-family: almoniDL700;
     font-size: 22px;
     margin: 4px 0;
     display: block
 }
 .articlesContainer {
    display: grid;
    max-width: 700px;
    grid-template-columns:repeat( auto-fill, minmax(330px, 1fr) );
    margin: 50px auto;
    grid-gap:33px 40px;
    width: calc(100% - 30px);
    padding: 0 15px
}
.articlesContainer.WideDiv{
    max-width:1070px;
}
 .articlesContainer h2{
     grid-column: 1 / -1;
     font-family:almoniTzar500;
     font-size:50px;
     line-height:1;
     margin:0;
     font-weight: normal;
 }


.article__details {
    padding: 15px;
    min-width: 265px;
    position: relative;
    top: -25%;
}
.type2 .article__details {  
    min-width: auto;
    width: calc(100% - 30px);
    top: -7px;
}
.dark .article__details {
    background-color:#333;
}
.dark .article__details:hover {
    background-color:#000;
}
.dark .article__title, .dark .article__info{
    color:#fff9f4;
}
.light .article__details {
    background-color:#f1dfcf;
}
.light .article__details:hover {
    background-color:#f1ccac;
}
.light .article__title, .light .article__info {
    color:#000;
}
.globesy .article__details {
    background-color:#fff9f4;
}
.globesy .article__details:hover .article__title, .globesy .article__details:hover .article__info {
    color:#97133f;
}
.globesy .article__title, .globesy .article__info {
    color:#000;
}
 .type1 .article__title {
    font-family: demibold;
    font-size: 22px;
    line-height: 26px;
    font-weight: normal;
    margin: 0 0 30px 0;
}
.type2 .article__title {
    font-family: almoniTzar500;
    font-size: 30px;
    line-height: 35px;
    font-weight: normal;
    margin: 0 0 20px 0;
}
.article__info span{
    font-family:almoniDL400;
    font-size:17px;
    line-height:22px;
}
.type2 .article__info span{
    font-size:16px;
    line-height:28px;
}
.videoTitle{
    display:none;
}
#divVideoPlayerMain{
    max-width:700px;
    margin:30px auto;
     width: calc(100% - 30px);
    padding: 0 15px
}
 
.gBox .promoText p {
    margin: 0;
}
.gBox {margin-top:30px}
.roundBox {
    width: 33px;
    height: 33px;
    margin: 0 0 0 8px;
    padding: 0;
    background-color: #414141;
    border-radius: 50%;
    font-size: 24px;
    font-family: almoniTzar400;
    display: inline-block;
    text-align: center;
    line-height: 33px !important;
    color:#fff;
}
.articleInner img {
    max-width: 100%;
    height: auto;
}
@media screen and (min-width: 800px) {
   .article a {
    display: grid;
    justify-items: center;
}
}