html {
    position: relative;
    overflow: auto;
    font-size: 16px;
    width: 100%;
    height: 100%;
}
body {
    min-height: 100vh;
    direction: rtl;
    font-size: 16px;
    color: #1F2835;
    background-color: #ffffff;
    font-family: 'Assistant', Arial, Helvetica, sans-serif !important;
}
@font-face {
  font-family: Assistant;
  src: url(../fonts/assistantregular.woff);
}

@font-face {
  font-family: AssistantBold;
  font-weight: bold;
  src: url(../fonts/assistantbold.woff);
}

@font-face {
  font-family: Assistant;
  font-weight: 600;
  src: url(../fonts/assistantsemiBold.woff);
}
.sr_only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    white-space: nowrap;
}
main {
    min-height: calc(100% - 189px);
}

ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.container {
    max-width: 1024px;
}

.hide-mobail {
    display: none!important;
}

a {
    color: #393939;
}

.hidden-text {
    margin: 0;
    padding: 0;
    font-size: 0;
}

h2,
.ms-webpart-titleText.ms-webpart-titleText {
    margin: 0;
    font-weight: 500;
    font-size: 1.571em;
    text-align: center;
}

.title-content {
  color: #0371D8;
}
.grid_items--item .grid_items--title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-family: "AssistantBold";
}
.grid_items--item .grid_items--title small{
    font-size: 20px;
    color: #1F2835;
}
.grid_items--item  .grid_items--text{
    font-size: 20px;
    line-height: 1.5;
}
.grid_items--title sub{
    font-size:100% !important;
}
/* anchors */
.anchor__nav--container .btn{
    display: inline-flex;
    height: 40px;
    align-items: center;
    text-decoration: none;
    color: #1F2835;
    font-family: AssistantBold;
    border-radius: 8px 0 0 8px;
    background-color: #F3F3F9;
    padding: 0 24px;
    gap: 8px;
    border:none;
}
.anchor__nav--container .anchor__nav{
    border: 1px solid #C8D3DB;
    background-color: #fff;
    box-shadow: none;
    border-radius:  0 24px;   
    box-shadow: 0 8px 16px 0 rgba(200, 206, 232, 0.20); 
}
.anchor__nav--container .content__links a,
.anchor__nav--container .content__links a:visited
{
    color:#1F2835;
    font-weight: normal;
}
.anchor__nav--container .content__links a:hover,
.anchor__nav--container .content__links a:focus{
    text-underline-offset: 4px;
    text-decoration-thickness: 1px;
}
/* anchors end */
@media (max-width: 480px) {
    .SocialMediaBox{
     right: 35% !important;
     width:66%
 }
}

@media (min-width: 768px) {
    main {
        min-height: calc(100% - 378px);
    }

    h2,
    .ms-webpart-titleText.ms-webpart-titleText {
        font-size: 3.143em;
    }
}

@media (min-width: 992px) {
    main {
        min-height: calc(100vh - 241px);
    }
    h2,
    .ms-webpart-titleText.ms-webpart-titleText {
        font-size: 2.143em;
    }
    .hide-mobail {
        display: inline-block!important;
    }
    .hide-desktop {
        display: none!important;
    }
}

/*#region header*/
header{
    display: flex;
    width: 100%;
   
    padding-top: 16px;
    padding-bottom: 16px;   
    box-shadow: 0 8px 16px 0 rgba(200, 206, 232, 0.20);
    margin: 0 auto;
    min-height: 82px;
    align-items: center;
}
header .header-inner{
    display: flex;
    width: 96%;
    max-width: 1672px;
     margin: 0 auto;
    align-items: center;
    direction: rtl;
}
header .logo{
    display: inline-flex;
    width: 184px;
    height: 44px;
}
header .logo img{
    display: inline-flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
header .top-menu{
    display: flex;
    margin-inline-start: 80px;
}
header .top-menu ul{
    display: flex;
    gap: 40px;    
}
header .top-menu ul li{
    display: inline-flex;
}
 .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item{
    display: inline-flex;
    margin:0!important;
    font-size: 16px;
    font-weight: bold;
    color:#1F2835;
    font-family: Assistant;
}
header .contact-lang-wrapper{
    display: flex;
     margin-inline-start: auto;
     gap: 1.6rem;
     align-items: center;
}
header .contact-lang-wrapper>a{
    display: inline-flex;
    font-size: 18px;
    font-weight: bold;
    color: #000;
}
header .contact-lang-wrapper>a:hover,
header .contact-lang-wrapper>a:focus{
    text-decoration: none;
}
header .contact-link{
    display: inline-flex;
    margin-inline-start: 2.4rem;
    padding: 10px 16px;
    border-radius: 6px;
    background-color: #202c60;
    color: #fff;
    font-size: 18px;
    font-weight: 700;   
    align-items: center;
    text-decoration: none;    
}
header .contact-link i {
    display: inline-flex;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMSAyMUw2IDIyTDcgMTdMMjAgNEwyNCA4TDExIDIxWiIgZmlsbD0iIzIwMkM2MCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00IDI2SDI2SDRaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNCAyNkgyNiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    margin-inline-end: 8px;
}
header .contact-link span{
    display: inline-flex;
    
}
@media screen and (max-width: 1440px){
    header .top-menu{
    display: flex;
    margin-inline-start: 30px;
    }
    header .top-menu ul{
        display: flex;
        gap: 20px;    
    }
}
@media screen and (max-width: 992px){
    header{
        min-height: 76px;
    }
    header .top-menu{
       margin-inline-start: 0;
    }
    header .contact-lang-wrapper{
        display: none;
    }
    header .contact-link{
        background-color: transparent;   
        padding:0;
        margin-inline-start: 0;     
    }  
    header .contact-link i{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgZmlsbD0ibm9uZSIgY2xhc3M9Im9ubHlfbW9iaWxlIj48bWFzayBpZD0iZWRpdF9ibHVlX3N2Z19fYSIgd2lkdGg9IjI2IiBoZWlnaHQ9IjI2IiB4PSIwIiB5PSIwIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBzdHlsZT0ibWFzay10eXBlOiBsdW1pbmFuY2U7Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDI2djI2SDB6Ij48L3BhdGg+PC9tYXNrPjxnIHN0cm9rZT0iIzIwMkM2MCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIG1hc2s9InVybCgjZWRpdF9ibHVlX3N2Z19fYSkiPjxwYXRoIGQ9Im05IDE5LTUgMSAxLTVMMTggMmw0IDR6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjwvcGF0aD48cGF0aCBkPSJNMiAyNGgyMiI+PC9wYXRoPjwvZz48L3N2Zz4=");
    }
    header .contact-link span{
        display: block;
         position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    white-space: nowrap;
    }
    header .logo{
        margin-inline-start: auto;
        margin-inline-end: auto;
    } 
   .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenu-item{
        font-size: 20px;
        font-weight: bold;
        font-family: Assistant!important;
        color:#1f2835!important;
    } 
}
@media screen and (min-width: 1200px){
   header .top-menu .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:not(.ms-core-listMenu-selected):hover,
   header .top-menu .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:not(.ms-core-listMenu-selected):focus{
        color: #4467AD;
        text-decoration: underline;
        text-decoration-color: #4467AD;
        text-underline-offset: 4px;
        text-decoration-thickness: 1px;
   }
   header .top-menu .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item.ms-core-listMenu-selected:hover,
   header .top-menu .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item.ms-core-listMenu-selected:focus{
        text-decoration: none;
        color: inherit;
   }
}
/*#endregion*/

/*#region footer*/
footer {
   display: flex;
   width: 100%;
   flex-direction: column;
   background-color:#1F2835;
   padding-top: 32px;
   padding-bottom: 40px;   
}

.footer-content {
   display: flex;
   flex-direction: column;
   width: 96%;
   max-width: 1440px;
   margin: 0 auto;
   color: #ffffff;
   direction: rtl;
}
.footer-content-top{
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: flex-start;
    margin-bottom: 40px;    
}
.footer-content-top figure{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}
.footer-content-top figure span{
    display: inline-flex;
}
.footer-content-top .footer-address{
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 230px;
}
.footer-content-top .footer-address-title{
    display: inline-flex;
    margin:0;
    font-size: 22px;
    line-height: 1.5;
    font-weight: bold;
}
.links-footer{
    display: flex;
    flex-direction: row;
    gap: 40px;
}
.links-footer li {
   display: inline-flex;
   min-width: 180px;
}

.links-footer li a {
   display: inline-flex;
   font-size: 18px;
   color: #ffffff;
   align-items: center;
   gap: 8px;
}

.links-footer li a:before {
    content: "";
   display: inline-flex;
   width: 8px;
   height: 10px;
   background-position: center;
   background-repeat: no-repeat;
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xIDVMOSAwVjEwTDEgNVoiIGZpbGw9IiMzMkM0RkYiLz4KPC9zdmc+Cg==");
}
@media screen and (max-width: 1440px){
    .links-footer{
        gap: 10px;
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 1200px){
    .links-footer li a:hover,
    .links-footer li a:focus{
        text-decoration: underline;
        text-underline-offset: 4px;
        text-decoration-thickness: 1px;
    }
} 
.footer-content-social{
    display: flex;
    width: 100%;
    justify-content: flex-end;
    margin-bottom: 40px;
}   
.footer-content-social ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}
.footer-copyright {
   display: flex;
   justify-content: flex-end;
   border-top: 1px solid #3E4B54;
   padding-top: 5px;
   font-size: 16px;
}
@media screen and (max-width: 576px){
    footer{
        padding-top: 16px;
        padding-bottom: 24px;
    }
    .footer-content-top{
        flex-direction: column;
    }
    .footer-logo{
        margin:auto;
    }
    .footer-content-top .footer-address{
        width: 100%;
        justify-content: center;
        text-align: center;
    }
    .footer-content-top .footer-address-title{
        justify-content: center;
    }
    .footer-content-social, .footer-copyright{
        justify-content: center;
        
    }
}
/*#endregion*/


/*#region search-box*/
.search-container{
    display: flex;
    flex-direction: column;
    margin-top: 80px;
    margin-bottom: 16px;
}
.search-box {
    display: flex;
    flex-direction: column;
    width: 94%;
    max-width: 1000px;
    background-color: #ffffff;
    border-radius: 24px 0;
    padding: 20px 40px;
    margin: 0 auto;    
    gap: 20px;
}
.search-box:has(.content-search-tools.collapse.in){
    box-shadow: 0 8px 16px 0 rgba(200, 206, 232, 0.20);
    margin-bottom:20px;
}
.publication .search-box:has(.content-search-tools.collapse.in){
    margin-bottom:40px;
}
.main-search {
   display: flex;
   width: 100%;
   height: 60px;
   border-radius: 6px;
   border: 1px solid #202C60;
  
}

.main-search input {
   display: inline-flex;
   width: calc(100% - 60px);
   color: #546283;
    font-family: Assistant;
    font-size: 22px;
    padding-inline-start: 30px;
    padding-inline-end: 16px;   
    border: none;
    border-top-right-radius: 6px;
    border-top-left-radius: 0;
    border-bottom-left-radius:0;
    border-bottom-right-radius: 6px;
    background-color: transparent;    
}

.main-search input::-webkit-input-placeholder {
    color: #546283;
}
.main-search input::-moz-placeholder {
    color: #546283;
}
.main-search input:-ms-input-placeholder {
    color: #546283;
}
.main-search input:placeholder{
    color: #546283;
}
.main-search .btn-search {
    display: inline-flex;
    width: 60px;
    height: 60px;
    background-color: #202C60;
    border-radius: 6px;
    border:none;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS42NDUzIDE5LjY0NTNDMTYuMzI1NiAyMi45NjQ5IDEwLjk0MzQgMjIuOTY0OSA3LjYyNDcyIDE5LjY0NTNDNC4zMDUwOCAxNi4zMjU2IDQuMzA1MDggMTAuOTQzNCA3LjYyNDcyIDcuNjI0NzRDMTAuOTQzNCA0LjMwNTEgMTYuMzI1NiA0LjMwNTEgMTkuNjQ1MyA3LjYyNDc0QzIyLjk2NDkgMTAuOTQzNCAyMi45NjQ5IDE2LjMyNTYgMTkuNjQ1MyAxOS42NDUzWiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTI1IDI1TDIwIDIwIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}

.search-tools { 
    display: flex;
   flex-direction: column;  
    gap: 40px;
}

.search-tools .btns-panel {
  display: inline-flex;
  flex-direction:row;
  justify-content: flex-end; 
  gap: 10px;
}
.search-tools .btns-panel a{
    display: inline-flex;
    font-size: 18px;
    font-weight: bold;
    color:#202C60;
    text-decoration: none;
}
.search-tools .btns-panel a[data-toggle="collapse"]{
    display: inline-flex;
    gap: 8px;
    align-items: center;
}
search-tools .btns-panel a.collapsed span.btn-text{

}
.search-tools .btns-panel a[data-toggle="collapse"] .arrow {
    display: inline-flex;
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjQ2ODI0IDYuODU4NDhMMTEuODA4MyAxLjUxODMzQzExLjkzMTkgMS4zOTQ4MiAxMiAxLjIyOTk0IDEyIDEuMDU0MTRDMTIgMC44NzgzMzYgMTEuOTMxOSAwLjcxMzQ1OSAxMS44MDgzIDAuNTg5OTQ4TDExLjQxNTEgMC4xOTY2ODNDMTEuMTU4OSAtMC4wNTkyMTc4IDEwLjc0MjUgLTAuMDU5MjE3OSAxMC40ODY3IDAuMTk2NjgyTDYuMDAyNDkgNC42ODA5NEwxLjUxMzI2IDAuMTkxNzA2QzEuMzg5NjUgMC4wNjgxOTQ3IDEuMjI0ODcgMS4yMTY4OGUtMDcgMS4wNDkxNiAxLjA0MjMyZS0wN0MwLjg3MzI2MSA4LjY3NTY2ZS0wOCAwLjcwODQ4MiAwLjA2ODE5NDcgMC41ODQ3NzUgMC4xOTE3MDZMMC4xOTE3MDYgMC41ODQ5NzFDMC4wNjgwOTcxIDAuNzA4NTggMCAwLjg3MzM1OSAwIDEuMDQ5MTZDMCAxLjIyNDk3IDAuMDY4MDk3MSAxLjM4OTg0IDAuMTkxNzA2IDEuNTEzMzVMNS41MzY2NCA2Ljg1ODQ4QzUuNjYwNjQgNi45ODIyOSA1LjgyNjIgNy4wNTAyOSA2LjAwMjE5IDcuMDQ5ODlDNi4xNzg4OCA3LjA1MDI5IDYuMzQ0MzQgNi45ODIyOSA2LjQ2ODI0IDYuODU4NDhaIiBmaWxsPSIjMjAyQzYwIi8+Cjwvc3ZnPgo=");
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.search-tools .btns-panel a.collapsed .arrow {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.search-tools .btns-panel:has(a[aria-expanded="false"]) .btn-reset {
    display: none;
}

.search-tools .btns-panel .btn-reset {
    display: inline-flex;
}

.search-tools .btns-panel .btn-reset:after {
    content: "|";
    color: #BAC0D7;
    margin-inline-start: 10px;
}

.content-search-tools.collapse {
    display: none;
   
}
.content-search-tools.collapse.in{
    display: flex;
     flex-direction: column;
    border-top: 1px solid #BAC0D7;
    gap: 20px;
}
.search-tools .head-search-tools {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: row;
    gap: 20px;
    margin-top: 40px;
}
.search-tools .head-search-tools .year-publication{
    display: flex;
    flex-direction: row;
    gap: 20px;
    width: 60%;
}
.search-tools .head-search-tools .select-wrapper{
    display: inline-flex;
    flex-direction: column;
    width: 50%;
}
.search-tools .head-search-tools .select-wrapper.advertising-type{
    width: calc(40% - 20px);
}
.search-tools .error-msg {
    display: none;
    color: red;
    position: relative;
}

.select-wrapper select {
    display: inline-flex;
    border-radius: 6px;
    border: 1px solid  #D9D9D9;
    background-color: #FFF;
    appearance: none;
    width: 100%;
    height: 32px;
    background-position: 10px;
    padding-inline-start: 10px;
    padding-inline-end: 30px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuMjMxMiA0LjVMNy41OTU0NiAxMC41MTU2TDcuOTk5NzYgMTEuMDczMkw4LjQwNTAzIDEwLjUxNTZMMTIuNzY4MyA0LjVIMTMuMDc1OUw3Ljk5ODc4IDExLjQ5OUwyLjkyMjYxIDQuNUgzLjIzMTJaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjQ1IiBzdHJva2U9IiM4QzhDOEMiLz4KPC9zdmc+Cg==");
    scrollbar-width: thin;
    scrollbar-color: #999 transparent;    
}
 .select-wrapper select::-webkit-scrollbar { width: 6px;background-color: #eaeaea; }
.select-wrapper select::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 99px;
}  
.select-wrapper select::-ms-expand {
    display: none;
}

.advertising-type .btn-group.bootstrap-select {
    width: 100% !important;
}

.advertising-type .bootstrap-select .dropdown-toggle {
    display: inline-flex;
    border-radius: 6px;
    border: 1px solid  #D9D9D9;
    background-color: #FFF;
    appearance: none;
    width: 100%;
    height: 34px;
    background-position: 10px;
    padding-inline-start: 10px;
    padding-inline-end: 30px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuMjMxMiA0LjVMNy41OTU0NiAxMC41MTU2TDcuOTk5NzYgMTEuMDczMkw4LjQwNTAzIDEwLjUxNTZMMTIuNzY4MyA0LjVIMTMuMDc1OUw3Ljk5ODc4IDExLjQ5OUwyLjkyMjYxIDQuNUgzLjIzMTJaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjQ1IiBzdHJva2U9IiM4QzhDOEMiLz4KPC9zdmc+Cg==");
    box-shadow: none;
}
.advertising-type .bootstrap-select>.dropdown-toggle.bs-placeholder,
.advertising-type .bootstrap-select>.dropdown-toggle.bs-placeholder:hover{
    color:#1F2835;
}
.advertising-type .open>.dropdown-toggle.btn-default:hover,
.advertising-type .open>.dropdown-toggle.btn-default:focus
{
    color:#1F2835;
    background-color: #fff;
     border: 1px solid  #D9D9D9;
}


.advertising-type .bootstrap-select .dropdown-toggle .bs-caret {
    display: none;
}

.advertising-type .bootstrap-select.btn-group .dropdown-toggle .filter-option {
	text-align: right;
    font-size: 1.143em;
    text-overflow: ellipsis;
}

.advertising-type .dropdown-menu {
    margin: 0px;
    font-size: 18px;
    color: #393939;
    border-radius: 0px;
}

.advertising-type .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin: 0;
}

.advertising-type .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    right: inherit;
    left: 15px;
}



.controlled-body .tag-selected {
    height: 46px;
    padding: 0 10px;    
    color: #1b5089;
    margin-top: 10px;
    border: 2px solid #494e53;
}

.controlled-body .tag-selected .tag-text {
    top: 50%;
    width: 90%;
    position: relative;
    display: inline-block;
    transform: translateY(-50%);
}

.controlled-body .tag-selected a {
    top: 50%;
    float: left;
     
    position: relative;
    transform: translateY(-50%);
}

.content-search-tools .bottom-search-tools {
    display: flex;   
    width: 100%;
    gap: 20px;
}

.controlled-body .error-msg {
    top: 6px;
}

.controlled-body-input .ui-menu .ui-menu-item .ui-menu-item-wrapper {
    display: block;
    font-size: 16px;
    color: #1F2835;
    line-height: 1em;
    padding: 4px 10px;
}
.controlled-body{
    width: 50%;
}
.controlled-body-input .ui-autocomplete-input{
    display: inline-flex;
    width: 100%;
    height: 32px;
     color: #1F2835;
    border-radius: 6px;
    border: 1px solid  #D9D9D9;
    background-color: #FFF;
    padding: 0 16px;
}
.controlled-body-input .ui-autocomplete-input::placeholder{
    color: #1F2835;
    opacity: 1;    
}
.controlled-body .ui-widget.ui-widget-content {
    max-width: 76%;
}
.controlled-body .ui-autocomplete .ui-menu-item .ui-state-active{
    background-color: #eaeaea!important;    
}
controlled-body .ui-autocomplete .ui-menu-item a.ui-menu-item-wrapper:hover,
controlled-body .ui-autocomplete .ui-menu-item a.ui-menu-item-wrapper:focus{
    text-decoration: none;
}
@media screen and (max-width: 640px){
     .search-box{
        padding: 24px;
    }
    .search-tools .head-search-tools{
        flex-direction: column;
    }
    .search-tools .head-search-tools .year-publication{
        flex-direction: column;
        width: 100%;
    }
    .search-tools .head-search-tools .select-wrapper,
    .search-tools .head-search-tools .select-wrapper.advertising-type,
    .controlled-body
    {
        width: 100%;
    }
    .content-search-tools .bottom-search-tools{
        flex-direction: column;
    }


}
/*#endregion*/


/*#region socialInteractions*/
.social-interactions {
    direction: ltr;
    position: relative;
    margin-right: 17px;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0px 3px 2.7px 0.3px rgba(0, 0, 0, 0.15);
}

.social-interactions:after {
    content: "";
    position: absolute;
    background: #789ac2;
    width: 2px;
    top: 7px;
    right: -17px;
    height: 26px;
}

.social-interactions .at-resp-share-element .at-share-btn:focus,
.social-interactions .at-resp-share-element .at-share-btn:hover {
    transform: translateY(0);
}

.social-interactions .at-resp-share-element .at-svc-facebook,
.social-interactions .at-resp-share-element .at-svc-twitter,
.social-interactions .at-resp-share-element .at-svc-compact .at-icon-wrapper {
    display: none;
}

.social-interactions .at-resp-share-element .at-share-btn {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    height: 40px;
    width: 40px;
    
}

.social-interactions .at-resp-share-element.at-mobile .at-share-btn {
    margin: 0;
}

.social-interactions .at-resp-share-element .at-svc-compact {
    background: #b52815 !important;
}

.social-interactions .at-resp-share-element .at-svc-compact:before {
    content: "\e90f";
    font-family: 'icomoon';
 }

.social-interactions .at-share-btn.at-svc-whatsapp .at-icon-wrapper,
.social-interactions .at-share-btn.at-svc-whatsapp .at-icon-wrapper .at-icon-whatsapp {
    width: 100% !important;
    height: 100% !important;
}

.social-interactions .at-share-btn.at-svc-whatsapp {
    float: left;
}
@media (min-width: 768px) {
    .btn-open-search {
        margin-left: 27px
    }

    .social-interactions {
        margin-right: 32px;
    }

    .social-interactions:after {
        right: -32px;
        height: 65px;
    }

    .btn-open-search,
    .social-interactions .at-resp-share-element .at-share-btn {
        font-size: 36px;
        line-height: 80px;
        height: 80px;
        width: 80px;
    }
}

@media (min-width: 992px) {
    .btn-open-search {
        margin-left: 24px
    }

    .social-interactions {
        margin-right: 28px;
    }

    .social-interactions:after {
        top: 5px;
        right: -28px;
        height: 22px;
    }

    .social-interactions .at-resp-share-element .at-svc-facebook,
    .social-interactions .at-resp-share-element .at-svc-twitter {
        display: inline-block;
    }

    .btn-open-search,
    .social-interactions .at-resp-share-element .at-share-btn {
        font-size: 15px;
        line-height: 33px;
        height: 33px;
        width: 33px;
    }

    .social-interactions .at-resp-share-element .at-svc-compact {
        background: #ff6651 !important;
    }

    .social-interactions .at-resp-share-element .at-svc-compact:before {
        content: "\e90e";
     }

    .social-interactions .at-resp-share-element .at-svc-facebook .at-icon-wrapper,
    .social-interactions .at-resp-share-element .at-svc-twitter .at-icon-wrapper,
    .social-interactions .at-resp-share-element .at-svc-facebook .at-icon-wrapper svg,
    .social-interactions .at-resp-share-element .at-svc-twitter .at-icon-wrapper svg {
        height: 33px !important;
        width: 33px !important;
        line-height: 33px !important;
    }

    .social-interactions .at-share-btn.at-svc-whatsapp {
        display: none;
    }
}
/*#endregion*/

.ellip {
  display: block;
  height: 100%;
}

.ellip-line {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.ellip,
.ellip-line {
  position: relative;
  overflow: hidden;
  max-width: 100%;
}


/*edit-pages*/
/*.edit-pages .ui-autocomplete-input {
    width: 386px;
    
}*/

.edit-pages #auditAuto,
.edit-pages #auditLookup {
    margin-top:8px;
    margin-bottom:8px;
    margin-right:23px;
}

.edit-pages .ui-widget-content.ui-autocomplete {
    max-width: 395px;
}

.edit-pages .ms-authoringcontrols table[disabled="true"]{
    display: none;
}

.edit-pages h2 {
    text-align: inherit;
}

input[disabled] + ul.ui-menu{
    display: none!important;
}

/*related-links*/

.related-links {
    margin-top: 25px;
    border-top: 1px solid #b9cade;
}

.related-links .links-list li {
    float: right;
    width: calc(100% / 3);
}

.related-links .links-list li .item .icon {
    margin-left: 5px;
}

.ltrDir .related-links .links-list li {
    float: left;
}

.ltrDir .related-links .links-list li .item .icon {
    margin-left: 0;
    margin-right: 5px;
}
/* anchors navigation */
.anchor__section__navigation{
    display: flex;
    width: 100%;
    margin-top: 16px;
    margin-bottom: 16px;
}
.anchor__section__navigation ul{
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
}
.anchor__section__navigation ul li{
    display: inline-flex;
    width: 16.67%;    
}
.anchor__section__navigation ul li>a{
    display: inline-flex;
    width: 100%;
    height: 64px;
    justify-content: center;
    align-items: end;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
    color:#202C60;
    background-position: center;
    background-repeat: no-repeat;
    transition: 0.3s ease-in-out;
     background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTY2IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgMTY2IDY0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8bGluZSB4MT0iMTY2IiB5MT0iMTkuMDM3NSIgeTI9IjE5LjAzNzUiIHN0cm9rZT0iI0M4RDNEQiIvPgo8Y2lyY2xlIGN4PSI3OC45MjIxIiBjeT0iMTguMDQ2MSIgcj0iMTciIGZpbGw9IndoaXRlIiBzdHJva2U9IiNDOEQzREIiLz4KPC9zdmc+Cg==");
}
@media screen and (min-width: 1200px){
    .anchor__section__navigation ul li>a:hover,
    .anchor__section__navigation ul li>a:focus{
        font-family: AssistantBold;
        text-decoration: none;
        transition: 0.3s ease-in-out;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTY2IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgMTY2IDY0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8bGluZSB4MT0iMTY2IiB5MT0iMTkuMDM3NSIgeTI9IjE5LjAzNzUiIHN0cm9rZT0iIzIwMkM2MCIvPgo8Y2lyY2xlIGN4PSI3OC45MjIxIiBjeT0iMTguMDQ2MSIgcj0iMTciIGZpbGw9IiMyMDJDNjAiIHN0cm9rZT0iIzIwMkM2MCIvPgo8L3N2Zz4K");
    }
}
 /* anchors navigation end */         
 /* bottom pagination */
 .audit-report .bottom__pagination--wrapper{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    padding-top:0;
    margin-bottom: 80px;
    gap: 24px;
 }
  .audit-report .bottom__pagination--wrapper .bottom-navigation-links{
    display: inline-flex;
    gap: 24px;
  }
  .fullReport{
    display: inline-flex;
  }
  .fullReport>a{
    display: inline-flex;
    height: 40px;
    align-items: center;
    text-decoration: none;
    color:#ffffff;
    font-family: AssistantBold;
    border-radius: 8px;
    background-color: #202C60;
    padding:0 24px;
    gap: 8px;
  }
  .audit-report .bottom__pagination--wrapper .bottom-link{
    display: inline-flex;
    height: 40px;
    align-items: center;
    text-decoration: none;
    color:#1F2835;
    font-family: AssistantBold;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    padding:0 24px;
    gap: 8px;
  }
  .audit-report .bottom__pagination--wrapper .bottom-link i{
    display: inline-flex;
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
  }
  .audit-report .bottom__pagination--wrapper .bottom-link.link-top>i{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjYwNCAxMy44ODhMOS41MjA0OSA0LjEyMjZDOS4yNjMzNSAzLjc2OTAzIDguNzM3MDEgMy43NjkwMyA4LjQ4MTg4IDQuMTIyNkwxLjM5NjM4IDEzLjg4OEMxLjM3ODk1IDEzLjkxMiAxLjM2ODUgMTMuOTQwNCAxLjM2NjIgMTMuOTdDMS4zNjM5MSAxMy45OTk2IDEuMzY5ODUgMTQuMDI5MiAxLjM4MzM3IDE0LjA1NTZDMS4zOTY4OSAxNC4wODIxIDEuNDE3NDcgMTQuMTA0MiAxLjQ0MjgxIDE0LjExOTdDMS40NjgxNiAxNC4xMzUxIDEuNDk3MjggMTQuMTQzMiAxLjUyNjk2IDE0LjE0MzFIMy4wMzM2NkMzLjEzNjEyIDE0LjE0MzEgMy4yMzI1NCAxNC4wOTI5IDMuMjkyODEgMTQuMDEwNUw5LjAwMDE4IDYuMTQzNThMMTQuNzA3NSAxNC4wMTA1QzE0Ljc2NzggMTQuMDkyOSAxNC44NjQyIDE0LjE0MzEgMTQuOTY2NyAxNC4xNDMxSDE2LjQ3MzRDMTYuNjA0IDE0LjE0MzEgMTYuNjgwMyAxMy45OTQ1IDE2LjYwNCAxMy44ODhWMTMuODg4WiIgZmlsbD0iIzFGMjgzNSIvPgo8L3N2Zz4K");
  }
  .audit-report .bottom__pagination--wrapper .bottom-link.link-top>i{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjYwNCAxMy44ODhMOS41MjA0OSA0LjEyMjZDOS4yNjMzNSAzLjc2OTAzIDguNzM3MDEgMy43NjkwMyA4LjQ4MTg4IDQuMTIyNkwxLjM5NjM4IDEzLjg4OEMxLjM3ODk1IDEzLjkxMiAxLjM2ODUgMTMuOTQwNCAxLjM2NjIgMTMuOTdDMS4zNjM5MSAxMy45OTk2IDEuMzY5ODUgMTQuMDI5MiAxLjM4MzM3IDE0LjA1NTZDMS4zOTY4OSAxNC4wODIxIDEuNDE3NDcgMTQuMTA0MiAxLjQ0MjgxIDE0LjExOTdDMS40NjgxNiAxNC4xMzUxIDEuNDk3MjggMTQuMTQzMiAxLjUyNjk2IDE0LjE0MzFIMy4wMzM2NkMzLjEzNjEyIDE0LjE0MzEgMy4yMzI1NCAxNC4wOTI5IDMuMjkyODEgMTQuMDEwNUw5LjAwMDE4IDYuMTQzNThMMTQuNzA3NSAxNC4wMTA1QzE0Ljc2NzggMTQuMDkyOSAxNC44NjQyIDE0LjE0MzEgMTQuOTY2NyAxNC4xNDMxSDE2LjQ3MzRDMTYuNjA0IDE0LjE0MzEgMTYuNjgwMyAxMy45OTQ1IDE2LjYwNCAxMy44ODhWMTMuODg4WiIgZmlsbD0iIzFGMjgzNSIvPgo8L3N2Zz4K");
  }
  .audit-report .bottom__pagination--wrapper .bottom-link.link-next>i,
  .audit-report .bottom__pagination--wrapper .bottom-link.link-prev>i
  {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjI1OTMgMy4wOTk2OFYxLjU0Njc4QzEzLjI1OTMgMS40MTIxOCAxMy4xMDQ2IDEuMzM3ODUgMTMuMDAwMiAxLjQyMDIyTDMuOTQzOSA4LjQ5MzY2QzMuODY2OTYgOC41NTM1IDMuODA0NyA4LjYzMDEyIDMuNzYxODcgOC43MTc2OEMzLjcxOTA0IDguODA1MjQgMy42OTY3OCA4LjkwMTQzIDMuNjk2NzggOC45OTg5QzMuNjk2NzggOS4wOTYzOCAzLjcxOTA0IDkuMTkyNTYgMy43NjE4NyA5LjI4MDEzQzMuODA0NyA5LjM2NzY5IDMuODY2OTYgOS40NDQzMSAzLjk0MzkgOS41MDQxNUwxMy4wMDAyIDE2LjU3NzZDMTMuMTA2NiAxNi42NiAxMy4yNTkzIDE2LjU4NTYgMTMuMjU5MyAxNi40NTFWMTQuODk4MUMxMy4yNTkzIDE0Ljc5OTcgMTMuMjEzMSAxNC43MDUzIDEzLjEzNjggMTQuNjQ1TDUuOTA0NjIgOC45OTk5MUwxMy4xMzY4IDMuMzUyODFDMTMuMjEzMSAzLjI5MjU0IDEzLjI1OTMgMy4xOTgxMiAxMy4yNTkzIDMuMDk5NjhWMy4wOTk2OFoiIGZpbGw9IiMxRjI4MzUiLz4KPC9zdmc+Cg==");
  }
  .audit-report .bottom__pagination--wrapper .bottom-link.link-prev{
    flex-direction: row-reverse;
  }
  .audit-report.ltrDir .bottom__pagination--wrapper .bottom-link.link-next{
    flex-direction: row-reverse;
  }
  .audit-report:not(.ltrDir) .bottom__pagination--wrapper .bottom-link.link-prev{
    flex-direction: row;
  }
  .audit-report:not(.ltrDir) .bottom__pagination--wrapper .bottom-link.link-prev>i{
    transform: scaleX(-1);
  }
 /* bottom pagination end */
  .grid_items--content{
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
    margin-left:0;
    margin-right:0;
 }
 
  .grid_items--content .grid_items--item{
    display: inline-flex;
    flex-direction: column;
    width: calc(33.333% - 16px);
    background-color: #E9F4FF;
    padding: 24px;
    flex:auto;
    gap: 24px;
 }
 .grid_items--content .grid_items--item:has(.title-content:empty, .grid_items--text:empty){
    display: none;
 }
.controlled-body.clearfix {
    width: 50%;
    float: right;
    overflow: hidden;
}     
.bottom-search-tools {
    overflow: hidden;
}
/* ===== Mobile Nav Modal ===== */
/* Hide hamburger on desktop */
@media (min-width: 992px) {
    .open-top-menu { display: none; }
}
@media screen and (max-width: 992px){
    .desktop-menu{
        display: none;
    }
    .open-top-menu { 
        display: inline-flex;
        width: 30px;
        height: 30px;
        background-position: center;
        background-repeat: no-repeat;
        border: none;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNiAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgyNSIgc3Ryb2tlPSIjMjAyQzYwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMSA5SDI1IiBzdHJva2U9IiMyMDJDNjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xIDE3SDI1IiBzdHJva2U9IiMyMDJDNjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=");
     }
} 


            /* Drawer slides in from the right (RTL) */
            .modal-dialog-nav {
                position: fixed;
                top: 0;
                inset-inline-start: 0;
                bottom: 0;
                margin: 0;
                width: 85vw;
                max-width: 450px;
                -webkit-transform: translateX(100%);
                -ms-transform: translateX(100%);
                transform: translateX(100%);
                -webkit-transition: -webkit-transform 0.3s ease;
                transition: transform 0.3s ease;
            }
            .modal.in .modal-dialog-nav {
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
            }
            .modal-dialog-nav .modal-content {
                height: 100%;
                border-radius: 0;
                border: none;
                overflow-y: auto;
                -webkit-overflow-scrolling: touch;
            }
            .modal-dialog-nav .modal-header {
                direction: rtl;               
                display: flex;               
                justify-content: flex-end;               
                padding: 14px 16px;
                border-bottom: none;
            }
            .modal-dialog-nav .modal-header .close {
                margin: 0;
                float: none;               
                display: inline-flex;
                width: 30px;
                height: 30px;
                background-position: center;
                background-repeat: no-repeat;
                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
                background-size: 16px;
                opacity: 1;
            }
            .modal-dialog-nav .modal-body {
                padding: 0;
            }

            /* Vertical nav links inside the modal */
            .mobile-nav-menu ul {
                list-style: none;
                margin: 0;
                padding: 0;
            }
            .mobile-nav-menu ul li a {
                display: block;
                padding: 14px 20px;
                font-size: 16px;
                border-bottom: 1px solid #f0f0f0;
                color: inherit;
                text-decoration: none;
            }
            .mobile-nav-menu ul li a:hover,
            .mobile-nav-menu ul li a:focus {
                background: #f7f7f7;
                text-decoration: none;
            }
            /* Sub-menu indent (RTL) */
            .mobile-nav-menu ul ul li a {
                padding-right: 36px;
                font-size: 14px;
                color: #555;
            }
            .modal-dialog-nav .modal-body .contact-lang-wrapper{
                display: flex;
                justify-content: center;
                margin: 20px auto;
                gap: 16px;
            }
            .modal-dialog-nav .modal-body .contact-lang-wrapper>a{
                display: inline-flex;
                font-size: 18px;
                font-weight: bold;
                color:#000;
                position: relative;
                
            }
           
            .modal-dialog-nav .modal-body .contact-lang-wrapper>a:first-child:after{
                content:"";
                display: inline-flex;
                width: 2px;
                height: 18px;
                background-color: #000;                
                margin-inline-start: 16px;
                margin-top:3px;
            }
            .modal-dialog-nav .modal-body .contact-lang-wrapper>a:visited{
                 color:#000;
            }
            @media screen and (max-width: 576px){
                .anchor__section__navigation ul li>a{
                    height: 100px;
                    line-height: 1.2;
                    text-align: center;
                }
                .grid_items--content .grid_items--item{
                    width: 100%;

                }
                .grid_items--item .grid_items--text{
                    font-size: 16px;
                }
                .audit-report .bottom__pagination--wrapper{
                    margin-bottom: 32px;
                    justify-content: space-evenly;
                }
                .audit-report .bottom__pagination--wrapper .bottom-link{
                    padding: 0 10px;
                }
            }

/* SharePoint edit-mode override: when authors enter Edit Page, SP's Ribbon tab
   body floats absolutely over the top of the master page, hiding the header
   (logo, nav, language toggle). .ms-cui-tabBody only renders when the Ribbon
   is expanded in edit mode — verified count=0 in display mode, count>0 in
   edit mode — so this rule never affects readers, only editors. */
body:has(.ms-cui-tabBody) header {
    padding-top: 130px;
}

/* =========================================================================
   Footer rebuild — Scope B, matches mevaker.gov.il visually + structurally
   See FooterWPUserControl.ascx for markup. CSS-Modules-style classes
   prefixed with .fw- to avoid clashing with legacy footer-* rules above.
   ========================================================================= */
footer { padding: 0 !important; }
.footer-content { width: 100% !important; max-width: none !important; margin: 0 !important; background-color: #1F2835 !important; color: #ffffff; padding: 50px 4px 38px !important; box-sizing: border-box; }
@media (min-width: 768px) { .footer-content { padding: 84px 0 38px !important; } }

/* MAIN WRAP - flex-row on desktop: [contact-stack][fw-left/nav]
   In RTL, first item appears on RIGHT. So contact-stack is right-most. */
.fw-wrap-all { display: flex !important; flex-direction: column; width: 100%; max-width: 1450px; margin: 0 auto; padding: 0 16px; box-sizing: border-box; }
@media (min-width: 768px) { .fw-wrap-all { flex-direction: row !important; padding: 0 12px; align-items: flex-start !important; } }

/* CONTACT STACK = [logo column][contact-inner column], side-by-side on desktop.
   Logo on far right (first child in RTL row), contact-inner to its left. */
.fw-contact-stack { display: flex; flex-direction: column; }
@media (min-width: 768px) {
    .fw-contact-stack {
        flex-direction: row !important;
        flex: 0 0 auto !important;
        align-items: flex-start !important;
        width: auto !important;
        margin: 0 !important;
    }
}

/* LOGO COLUMN - far right. Official: 138px wide x 850px tall (extends full footer height) */
.fw-logo { display: flex; align-items: center; justify-content: center; margin: 0 0 16px; }
@media (min-width: 768px) {
    .fw-logo {
        flex: 0 0 138px !important;
        width: 138px !important;
        height: auto !important;
        margin: 0 !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }
}
.fw-logo .only-mobile { display: block; width: 100%; max-width: 335px; height: 100px; margin: 0 auto 44px; }
.fw-logo .only-desktop { display: none; }
@media (min-width: 768px) {
    .fw-logo .only-mobile { display: none !important; }
    .fw-logo .only-desktop {
        display: block !important;
        width: 103px !important;
        height: 100px !important;
        max-width: none;
        margin: 0 0 0 35px !important;  /* margin-left:35px in DOM = visual gap to the LEFT of logo in RTL */
    }
}

/* CONTACT INNER = wrapper for [address][pills], stacked. Sits to LEFT of logo. */
.fw-contact-inner { display: flex; flex-direction: column; width: 100%; }
@media (min-width: 768px) {
    .fw-contact-inner {
        flex: 0 0 270px !important;
        width: 270px !important;
        margin: 0 !important;
    }
}

/* CONTACT WRAP = address title + 3 address lines (no pills). Official: w=270 h=138. */
.fw-contact-wrap { display: flex; flex-direction: column; align-items: center; }
@media (min-width: 768px) { .fw-contact-wrap { align-items: stretch !important; width: 270px !important; } }

.fw-address-title { font-family: Assistant, Arial, sans-serif; font-size: 18px; font-weight: 500; line-height: 21.6px; color: #ffffff; text-align: center; margin: 0 0 12px; padding: 0; }
@media (min-width: 768px) { .fw-address-title { font-size: 22px !important; line-height: 26.4px !important; text-align: right !important; margin: 0 0 14px !important; } }

.fw-hours-wrap { display: flex; flex-direction: column; margin: 0 0 26px; }
.fw-hours-wrap span { font-family: Assistant, Arial, sans-serif; font-size: 16px; font-weight: 700; line-height: 24px; color: #ffffff; text-align: center; display: block; margin: 0; padding: 0; }
@media (min-width: 768px) { .fw-hours-wrap span { text-align: right !important; } }

/* LINKS WRAP = 5 contact pills. Official: separator line ABOVE pills (border-top).
   Stacked column on desktop, full 270px width, no margin (sits directly below address). */
.fw-links-wrap { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: center !important; width: 100% !important; margin: 0 0 48px !important; padding: 0 !important; }
@media (min-width: 768px) {
    .fw-links-wrap {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        width: 270px !important;
        margin: 0 !important;
        border-top: 1px solid #3E4B54 !important;  /* separator above pills (matches official) */
    }
}

/* Each pill: padding 20px 0, border-bottom (per-row separator), icon 24px + 12px gap to text */
.fw-link-item { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; padding: 20px 0 !important; border-bottom: 1px solid #3E4B54 !important; font-family: Assistant, Arial, sans-serif !important; font-size: 16px !important; font-weight: 400 !important; line-height: 24px !important; color: #ffffff !important; text-decoration: none !important; text-align: right !important; width: 50% !important; min-width: 0 !important; box-sizing: border-box !important; }
@media (min-width: 768px) { .fw-link-item { justify-content: flex-start !important; width: 270px !important; min-width: 270px !important; } }
.fw-link-item img { width: 24px !important; height: 24px !important; margin: 0 0 0 12px !important; flex-shrink: 0 !important; }
.fw-link-item:hover, .fw-link-item:focus { text-decoration: none !important; opacity: 0.85; }

/* LEFT/NAV area - LEFT side of footer. 83px margin-right creates the gap to contact column. */
.fw-left { display: flex; flex-direction: row; margin: 0 0 80px; width: 100%; }
@media (min-width: 768px) {
    .fw-left {
        margin: 0 83px 0 0 !important;  /* 83px on RIGHT = gap between nav and contact column */
        flex: 1 1 auto !important;
    }
}

/* NAV ROW = container for 3 nav columns, evenly distributed */
.fw-nav-row { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0; width: 100%; gap: 0; }
.fw-nav-col { flex: 1 1 0; display: flex; flex-direction: column; padding: 0; box-sizing: border-box; }
@media (min-width: 768px) { .fw-nav-col { flex: 1 1 0 !important; } }

.fw-nav-item { display: flex; flex-direction: column; margin: 0; padding: 0; }
@media (min-width: 768px) { .fw-nav-item { margin: 0 0 40px !important; } }
.fw-nav-item h5 { font-family: Assistant, Arial, sans-serif; font-size: 20px; font-weight: 500; line-height: 24px; color: #ffffff; text-align: right; margin: 0 0 8px; padding: 0; display: flex; flex-direction: row; align-items: baseline; }
@media (min-width: 768px) { .fw-nav-item h5 { font-size: 18px !important; font-weight: 700 !important; line-height: 21.6px !important; margin: 0 !important; } }
.fw-nav-item h5 a { font-family: Assistant, Arial, sans-serif; font-size: 15px; font-weight: 400; line-height: 18px; color: #ffffff; text-align: right; text-decoration: none; }
@media (min-width: 768px) { .fw-nav-item h5 a { font-size: 18px !important; font-weight: 700 !important; line-height: 21.6px !important; } }
.fw-nav-item h5 a:hover, .fw-nav-item h5 a:focus { text-decoration: underline; text-underline-offset: 4px; }
.fw-nav-item .fw-arrow { display: inline-flex; margin-left: 8px; flex-shrink: 0; }
@media (min-width: 768px) { .fw-nav-item .fw-arrow { display: none !important; } }

.fw-bottom-text { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end; padding-top: 16px; width: 100%; max-width: 1450px; margin: 0 auto; padding-left: 16px; padding-right: 16px; box-sizing: border-box; }
@media (min-width: 768px) { .fw-bottom-text { flex-direction: column !important; align-items: flex-end !important; justify-content: flex-start !important; padding-top: 16px !important; padding-left: 12px !important; padding-right: 12px !important; } }

.fw-social-out { display: flex; flex-direction: row; margin: 0 0 16px; }
@media (min-width: 768px) { .fw-social-out { margin: 0 !important; flex: 0 0 auto !important; } }
.fw-social-wrap { display: flex; flex-direction: row; margin: 0; padding: 0; list-style: none; }
.fw-social-item { width: 28px; height: 28px; padding: 4px; margin: 0 11px 0 0; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border: 1px solid #32C4FF; border-radius: 6px; transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out; }
.fw-social-item a { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.fw-social-item img { width: 18px; height: 18px; transition: filter 0.15s ease-in-out; }
.fw-social-item:hover, .fw-social-item:focus-within { background-color: #32C4FF; }
.fw-social-item:hover img, .fw-social-item:focus-within img { filter: brightness(0); }

.fw-copyright { font-family: Assistant, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 21px; color: #ffffff; text-align: left; direction: ltr; unicode-bidi: plaintext; display: block; margin: 16px 0 0; padding-top: 16px; border-top: 1px solid #3E4B54; width: 100%; box-sizing: border-box; }
@media (min-width: 768px) { .fw-copyright { font-size: 16px !important; line-height: 24px !important; text-align: left !important; flex: 0 0 auto !important; } }

/* Legacy CMS-managed footer-items list. Populated at runtime by footer.js
   from MevakerService.svc/getFooterItems (a SharePoint list of fast-access
   links). Visible by request — center the row instead of hiding it. */
.footer-content #links-footer {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 24px !important;
    padding: 20px 16px !important;
    margin: 16px auto !important;
    max-width: 1450px !important;
    list-style: none !important;
}
.footer-content #links-footer:empty { display: none !important; }

/* Hierarchical nav: parent header (clickable link) + nested children.
   Mirrors mevaker.gov.il footer column pattern (header 18px/700,
   children 14px/700, both white, 14px vertical rhythm, bullet marker).
   Arrow icon next to header is mobile-only (same as .fw-nav-item). */
.fw-nav-section { display: flex; flex-direction: column; margin: 0 0 40px; }
.fw-nav-section-title { display: flex; flex-direction: row; align-items: baseline; font-family: Assistant, Arial, sans-serif; font-size: 20px; font-weight: 500; line-height: 24px; color: #ffffff; text-align: right; margin: 0 0 11px; padding: 0; }
@media (min-width: 768px) { .fw-nav-section-title { font-size: 18px !important; font-weight: 700 !important; line-height: 21.6px !important; } }
.fw-nav-section-title a { display: inline; font-family: Assistant, Arial, sans-serif; font-size: 15px; font-weight: 400; line-height: 18px; color: #ffffff; text-align: right; text-decoration: none; }
@media (min-width: 768px) { .fw-nav-section-title a { font-size: 18px !important; font-weight: 700 !important; line-height: 21.6px !important; } }
.fw-nav-section-title a:hover, .fw-nav-section-title a:focus { text-decoration: underline; text-underline-offset: 4px; }
.fw-nav-section .fw-arrow { display: inline-flex; margin-left: 8px; flex-shrink: 0; }
@media (min-width: 768px) { .fw-nav-section .fw-arrow { display: none !important; } }
.fw-nav-sublinks { list-style: none; display: flex; flex-direction: column; margin: 0; padding: 0; }
.fw-nav-sublinks li { list-style: none; margin: 0; padding: 0; }
.fw-nav-sublinks a { position: relative; display: block; margin: 0 0 14px; padding: 0 13px 0 0; font-family: Assistant, Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 21px; color: #ffffff; text-align: right; text-decoration: none; }
.fw-nav-sublinks a::before { content: ""; position: absolute; right: 0; top: 7px; width: 6px; height: 10px; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xIDVMOSAwVjEwTDEgNVoiIGZpbGw9IiMzMkM0RkYiLz4KPC9zdmc+Cg=="); }
.fw-nav-sublinks li:last-child a { margin-bottom: 0; }
.fw-nav-sublinks a:hover, .fw-nav-sublinks a:focus { text-decoration: underline; text-underline-offset: 4px; }

/* Screen-reader-only utility for accessible headings */
.fw-bottom-text .sr_only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }