/* Layout */
:root {
  --font-family-base: "narkis", "Frutiger", sans-serif;
  --font-bold: "narkis-bold", "Frutiger-Bold", sans-serif;
  --main-theme-color: #1a1a1a;
  --theme-main-2: #f7f0eb;
  --theme-mid-green: #A39C54;
  --theme-green-dark: #4d4a24;
  --theme-green-01: #fffaf8;
  --theme-main-4: #a29999;
  --theme-main-5: #7c7272;
  --theme-border: #707070;
  --hadassa-font-family-base: "hadassa", "Frutiger", sans-serif;
  --hadassa-font-bold: "hadassa-bold", "Frutiger-Bold", sans-serif;
}
.search-results-cont {
  padding: 0;
  /* overflow: hidden; */
  overflow: unset;
  background-color: var(--theme-green-01);
}

.search-results-cont .global-cont > .row > .loader-area {
  z-index: 30;
}

@media screen and (min-width: 1200px){
  .search-results-cont .results-col{
    padding-inline-start: 40px;
    padding-top: 40px;
  }
}


/* .header-fake{background:#043055;height:46px;width:100%;position: fixed;left:0;top:0;z-index:20;} */
.modal-open .header-fake {
  z-index: 2;
}

.footer-fake {
  background: #363636;
  border-top: 80px solid #5e5e5e;
  height: 635px;
}
.footer-fake.footer-hide {
  display: none;
}

@media screen and (max-width: 1199px) {
  .search-results-cont {
   /*  padding-top: 244px; */
  }
}
@media screen and (max-width: 767px) {
  .search-results-cont {
   /*  padding-top: 220px; */
   padding-top: 0;
  }
}
.head-row{
  position: sticky;
  z-index: 9;
  top:65px;
}
@media screen and (min-width: 1200px) {
  .search-results-cont {
 /*    padding-top: 288px; */
    /* padding-right: 21.042vw; */
    padding-right: 0;
    transition: padding 0.5s ease;
  }
/*   .search-results-cont.collapse-facets {
    padding-right: 60px;
  } */
  .search-results-cont .global-cont {
    /* min-height: 100vh; */
    min-height: unset;
    height: auto !important;
  }
  .search-results-cont .global-cont > .row {
    position: relative;
  }
  .head-row{
    top:100px;
  }
  /* .search-results-cont .global-cont{min-height: 100vh;height:auto!important;transition:transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);}
    .search-results-cont.collapse-search-box{margin-bottom:-140px;}
    .search-results-cont.collapse-search-box .global-cont{transform: translate3d(0,-140px,0);} */
}
/* @media screen and (min-width: 1200px) and (max-width: 1539px) {
  .search-results-cont {
     padding-right: 320px; 
  }
  .search-results-cont.collapse-facets {
    padding-right: 60px;
  }
} */
@media screen and (min-width: 1280px) {
  .search-results-cont {
    /* padding-top: 342px; */
    padding-top: 0;
  }

  .header-fake {
    height: 100px;
  }
 
}
@media screen and (min-width: 1900px) {
  .search-results-cont.collapse-facets {

    padding-right: 0;
  }
}
@media screen and (min-width: 1920px) {
  .search-results-cont {
   /*  padding-right: 404px; */
   padding-top: 0;
  }
}

/* Checkboxes & Radios */
.custom-checkbox,
.custom-radio {
  padding-right: 0;
}
.custom-checkbox .custom-control-label,
.custom-radio .custom-control-label {
  display: block;
  padding: 10px 45px 10px 12px;
  cursor: pointer;
  user-select: none;
}
.custom-checkbox .custom-control-label:before,
.custom-radio .custom-control-label:before {
  content: "";
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.04) !important;
  position: absolute;
  right: 1px;
  top: 0;
  transform: scale(0.75);
  opacity: 0;
  transition: all 0.15s ease-in-out;
  border: none;
  box-shadow: none !important;
}
.custom-checkbox .custom-control-label:after,
.custom-radio .custom-control-label:after {
  border: 2px solid var(--theme-border);
  background: transparent;
  top: 11px;
  right: 12px;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  box-shadow: none;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
  background: url("../svgs/icon-check.svg") no-repeat 50% 50%;
  background-size: 14px;
 /*  background-color: #043055;
  border-color: #043055; */
}
.custom-checkbox .custom-control-label:active:before,
.custom-radio .custom-control-label:active:before,
.custom-checkbox .custom-control-input:focus ~ .custom-control-label:before,
.custom-radio .custom-control-input:focus ~ .custom-control-label:before {
  background: rgba(0, 0, 0, 0.1) !important;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
.custom-radio .custom-control-input:checked ~ .custom-control-label:before {
  background: rgba(4, 48, 85, 0.04) !important;
}
.custom-checkbox
  .custom-control-input:checked
  ~ .custom-control-label:active:before,
.custom-radio
  .custom-control-input:checked
  ~ .custom-control-label:active:before,
.custom-checkbox
  .custom-control-input:checked:focus
  ~ .custom-control-label:before,
.custom-radio
  .custom-control-input:checked:focus
  ~ .custom-control-label:before {
  background: rgba(4, 48, 85, 0.1) !important;
}
.custom-checkbox .custom-control-input:disabled ~ .custom-control-label:after {
  opacity: 0.38;
}
.custom-checkbox .custom-control-input:disabled ~ .custom-control-label:before {
  display: none;
}
.custom-radio .custom-control-label:after {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  right: 10px;
  top: 10px;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label:after {
  background: none;
  border-color: #043055;
  background-color: #043055;
  box-shadow: inset 0px 0px 0px 3px rgba(255, 255, 255, 1);
}

@media screen and (max-width: 1199px) {
  .custom-checkbox .custom-control-label:active:before,
  .custom-radio .custom-control-label:active:before,
  .custom-checkbox .custom-control-input:focus ~ .custom-control-label:before,
  .custom-radio .custom-control-input:focus ~ .custom-control-label:before {
    opacity: 1;
    transform: scale(1);
  }
  .custom-checkbox .custom-control-label,
  .custom-radio .custom-control-label {
    padding-right: 48px;
  }
  .custom-checkbox .custom-control-label:before {
    right: 4px;
  }
  .custom-checkbox .custom-control-label:after {
    right: 15px;
  }
  .custom-radio .custom-control-label:before {
    right: 4px;
  }
  .custom-radio .custom-control-label:after {
    right: 14px;
  }
}
@media screen and (min-width: 1200px) {
  .custom-checkbox .custom-control-label:hover:before,
  .custom-radio .custom-control-label:hover:before,
  .custom-checkbox .custom-control-input:focus ~ .custom-control-label:before,
  .custom-radio .custom-control-input:focus ~ .custom-control-label:before {
    opacity: 1;
    transform: scale(1);
  }
}

/* Custom Scrollbars */
.scrollable {
  height: 100%;
  direction: ltr;
}
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}
.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.scroll-wrapper.scroll--rtl {
  direction: rtl;
}
.scroll-element {
  box-sizing: content-box;
  display: none;
}
.scroll-element div {
  box-sizing: content-box;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}
.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.scrollable > .scroll-element,
.scrollable > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.scrollable > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.scrollable > .scroll-element.scroll-x {
  bottom: 2px;
  height: 8px;
  left: 0;
  width: 100%;
  display: none;
}
.scrollable > .scroll-element.scroll-y {
  height: calc(100% - 40px);
  left: 4px;
  top: 0;
  width: 6px;
  margin-top: 20px;
}
.scrollable > .scroll-element .scroll-element_outer {
  overflow: hidden;
}
.scrollable > .scroll-element .scroll-element_track {
  background: none;
}
.scrollable > .scroll-element .scroll-bar {
  background-color: #9c9c9c;
  border-radius: 11px;
  border-left: none;
  border-right: none;
  opacity: 1;
  -webkit-transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  -o-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}
.scrollable:hover > .scroll-element .scroll-bar {
  opacity: 1;
}
.scrollable > .scroll-element .scroll-bar:hover {
  opacity: 1;
}
.scrollable
  > .scroll-element.scroll-x.scroll-scrolly_visible
  .scroll-element_track {
  left: -12px;
}
.scrollable
  > .scroll-element.scroll-y.scroll-scrollx_visible
  .scroll-element_track {
  top: -12px;
}
.scrollable
  > .scroll-element.scroll-x.scroll-scrolly_visible
  .scroll-element_size {
  left: -12px;
}
.scrollable
  > .scroll-element.scroll-y.scroll-scrollx_visible
  .scroll-element_size {
  top: -12px;
}

@media screen and (max-width: 1199px) {
  .scrollable .scroll-element {
    display: none !important;
  }
  .scroll-wrapper > .scroll-content {
    -webkit-overflow-scrolling: touch;
  }
  .scrollable:not(.scroll-wrapper) {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

/* Tooltips */
.tooltip {
  pointer-events: none;
  font-family: "Assistant";
  font-size: 14px;
  font-weight: 400;
  padding: 0;
  white-space: nowrap;
}
.tooltip.show {
  opacity: 1 !important;
}
.tooltip .tooltip-inner {
  padding: 2px 8px 3px;
  background: rgba(68, 68, 68, 0.95);
  border-radius: 4px;
  word-wrap: break-word;
  white-space: break-spaces;
  font-family: var(--font-family-base);
}
.tooltip .arrow {
  display: none;
}
.tooltip.bs-tooltip-left {
  left: auto !important;
  right: 100% !important;
  transform: translate(130px, -50%) !important;
  top: 50% !important;
}
.tooltip.bs-tooltip-right {
  right: auto !important;
  left: 100% !important;
  transform: translate(-18px, -50%) !important;
  top: 50% !important;
}
.tooltip.bs-tooltip-bottom{
  transform: none;
}

.facets-tooltip .tooltip {
  bottom: 0 !important;
  left: 30px !important;
  right: auto !important;
}

html[lang="en"] .facets-tooltip .tooltip {
  right: 70px !important;
  left: auto !important;
}

@media screen and (max-width: 1199px) {
  .tooltip {
    display: none;
  }
}

a:hover{
  color:var(--main-theme-color);
}
/* Loader area */
.loader-area {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.35s ease;
}
.loader-area svg {
  height: 50px;
  width: 50px;
  display: block;
  color: #7b7b7b;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 40px;
}
.loader-area.loading {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
}

.loader-area {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.35s ease;
}
.loader-area svg {
  height: 50px;
  width: 50px;
  display: block;
  color: #7b7b7b;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 40px;
}
.loader-area.loading {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  display: flex;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
}

.loader-area.loader-results {
  position: relative;
  height: auto;
  padding-top: 10px;
  z-index: 0;
  display: none;
}
.loader-area.loader-results .svg {
  position: relative;
  top: 0;
  margin: 0 auto;
}
.loader-area.loader-results.loading {
  display: block;
  display: flex;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
}
#loaderforPaging.loader-results.loading {
  z-index: 0;
}

#loaderforPaging svg {
  position: fixed;
  top: 58%;
  right: 22%;
}
@media screen and (max-width: 1200px) {
  #loaderforPaging svg {
    right: 0;
  }
}
/* LTR */
/* Layout */
/* [dir="ltr"] .search-results-cont {
  text-align: left;
} */

/* @media screen and (min-width: 1200px) {
  [dir="ltr"] .search-results-cont {
    padding-right: 0;
    padding-left: 21.042vw;
  } 
  [dir="ltr"] .search-results-cont.collapse-facets {
    padding-right: 0;
    padding-left: 60px;
  }
} */
/* @media screen and (min-width: 1200px) and (max-width: 1539px) {
  [dir="ltr"] .search-results-cont {
    padding-right: 0;
    padding-left: 320px;
  } 
  [dir="ltr"] .search-results-cont.collapse-facets {
    padding-right: 0;
    padding-left: 60px;
  } 
} */
/* @media screen and (min-width: 1900px) {
  [dir="ltr"] .search-results-cont.collapse-facets {
    padding-right: 0;
    padding-left: 70px;
  }
} */
/* @media screen and (min-width: 1920px) {
  [dir="ltr"] .search-results-cont {
    padding-right: 0;
    padding-left: 404px;
  }
} */

/* Checkboxes & Radios */
[dir="ltr"] .custom-checkbox .custom-control-label,
[dir="ltr"] .custom-radio .custom-control-label {
  padding-left: 45px;
  padding-right: 12px;
}
[dir="ltr"] .custom-checkbox .custom-control-label:before,
[dir="ltr"] .custom-radio .custom-control-label:before {
  right: auto;
  left: 1px;
}
[dir="ltr"] .custom-checkbox .custom-control-label:after,
[dir="ltr"] .custom-radio .custom-control-label:after {
  right: auto;
  left: 12px;
}
[dir="ltr"] .custom-radio .custom-control-label:after {
  right: auto;
  left: 10px;
}

@media screen and (max-width: 1199px) {
  [dir="ltr"] .custom-checkbox .custom-control-label,
  [dir="ltr"] .custom-radio .custom-control-label {
    padding-right: 0;
    padding-left: 48px;
  }
  [dir="ltr"] .custom-checkbox .custom-control-label:before {
    right: auto;
    left: 4px;
  }
  [dir="ltr"] .custom-checkbox .custom-control-label:after {
    right: auto;
    left: 15px;
  }
  [dir="ltr"] .custom-radio .custom-control-label:before {
    right: auto;
    left: 4px;
  }
  [dir="ltr"] .custom-radio .custom-control-label:after {
    right: auto;
    left: 14px;
  }
}

/* Custom Scrollbars */
[dir="ltr"] .scrollable > .scroll-element.scroll-y {
  left: auto;
  right: 4px;
}

/* Tooltips */
/* [dir="ltr"] .tooltip.bs-tooltip-right{left:auto!important;right:100%!important;transform:translate(18px, -50%)!important;top:50%!important;}
[dir="ltr"] .tooltip.bs-tooltip-left{right:auto!important;left:100%!important;transform:translate(-18px, -50%)!important;top:50%!important;} */

/* Svgs icons ref */
[dir="ltr"] .icon-cleft use,
[dir="ltr"] .icon-cleft2 use {
  transform: scaleX(-1);
  transform-origin: 50% 50%;
}

.btn-toggle {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  width: 19px;
  height: 12px;
  position: relative;
  top: 0;
  border: none;
  background: none;
  margin-top: -3px;
  padding: 12px 4px;
}
.btn-toggle::after {
  content: "";
  background: url(../svgs/icon-chev_down.svg) no-repeat 50% 50%;
  background-size: 100%;
  transition: transform 0.35s ease;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.card.expanded .btn-toggle::after {
  transform: rotate(180deg);
}
