/* Homepage */

.page-template-page-homepage-redesign .ssp-header .navbar {
    background-color: var(--color-secondary-bg);
}

.number_modify{
  position: relative;
  font-weight: 400;
  font-size: 1.3em;
  line-height: 1rem;
  display: inline-block;
  transition: all 0.3s ease;
}

.number_modify::after {
  content: '';
  background-image: url(/wp-content/themes/bootscore-child/assets/img/number_underline.svg);
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 2.2rem;
  background-size: contain;
  background-repeat: no-repeat;
}

/* Top Story  */

.top-story {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top right;
  /*min-height: 60em;*/
  display: flex;
  justify-content: center;
  padding: 1rem 0;
  position: relative;
}

/*
@media (max-width: 2256px) {
  .top-story {
    min-height: 60em;
  }
}
@media (max-width: 1980px) {
  .top-story {
    min-height: 60em;
  }
}
@media (max-width: 1720px) {
  .top-story {
    min-height: 60em;
  }
}
@media (max-width: 1440px) {
  .top-story {
    min-height: 60em;
  }
}
@media (max-width: 1280px) {
  .top-story {
    min-height: 60em;
  }
}
@media (max-width: 1024px) {
  .top-story {
    min-height: 60em;
  }
}
@media (max-width: 768px) {
  .top-story {
    min-height: 60em;
  }
}
@media (max-width: 460px) {
  .top-story {
    min-height: 60em;
  }
}
*/

.top-story-wrap {
  flex-direction: column;
  display: flex;
  flex: 1;
  align-items: center;
  /*justify-content: space-evenly;
  justify-content: end;*/
  width: 100%;
  z-index: 11;
  gap: 5em;

  .top-story-header {
    color: var(--color-primary-text);
    font-family: var(--font-family-secondary);
    font-size: var(--font-size-5-5xl);
    text-align: center;
    margin-top: 21rem;
	font-weight: 800;

    &:not(em) {
      font-weight: var(--font-weight-semibold);
    }
  }
}

strong {
    font-weight: var(--font-weight-semibold);
}

.top_stories_block {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.top_stories_label {
  text-align: center;
  background-color: var(--color-primary-bg);
  color: var(--color-secondary-text);
  padding: 0.5em 0;
  font-size: var(--font-size-5xl);
  width: 100%;
  box-sizing: border-box;
}

.ssp-story_group {
  display: flex;
  width: 100%;
}

.ssp-story_group .ssp-story_item{
  height: auto;
}

.ssp-story_group .ssp-story_item a.read-the-story{
  margin-top: auto;
}
.ssp-story_group .ssp-story_item a.story_item_writer_link {
  text-decoration: none;
  color: inherit;
}

/**** filters ****/
.top_stories_filters_wrap {
  /*display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;*/
  
}

.top_stories_filters {
  display: flex;
  justify-content: center;
  gap: 1em;
  margin-bottom: 3rem;
}
.top_stories_filter_item {
  display: flex;
  gap: 0.5em;
  justify-content: center;
  align-items: center;
  font-family: var(--font-family-secondary);
  font-size: var(--font-size-xl);
  font-style: italic;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  padding: 0.2em 0.8em;
  border-radius: var(--button-border-radius);
  border: 2px solid var(--border-color-primary);
  line-height: 1;
}

.top_stories_filter_item.active {
  color: var(--color-light);
  background: var(--color-primary-bg);
  cursor: pointer;
}

.clock-icon {
  display: block;
  background-image: url("/wp-content/themes/bootscore-child/icons/clock-icon-dark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  transition: all 0.3s ease-in-out;
}
.top_stories_filter_item.active .clock-icon {
  background-image: url("/wp-content/themes/bootscore-child/icons/clock-icon-yellow.svg");
}

span.clock-icon-text {
  position: relative;
  bottom: 0.1em;
}

.top_stories_filter_results{
  display: flex;
  flex-direction: column;
  align-items: center;
}

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

}

/* Quote Story Block */


.quote-stories-section-wrap {
  padding: 8rem 4rem 2rem;
  margin-bottom: 2rem !important;
  background: var(--color-light);
}

.quote-slide {
  background: linear-gradient(to right, #1E2235, #4A4F79);
  padding: 3em;
  text-align: center;
  color: white;
  min-height: 300px;
  box-sizing: border-box;
}
.quote-story-slide{
  height: auto;
  font-size: 0.8rem;
}
.quote-story-slide-inner {
  padding: 0 2rem;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.quote-story-slide-inner:hover .story_swiper_blue_button.opacity-0{
  opacity: 1;
  pointer-events: all;
}
.quote-story-slide-inner:hover .story_swiper_bottom_slide_writer_link{
  text-decoration: underline;
}

.quote-story-slide-image-wrap {
  display: inline-block;
  position: relative;
  width: fit-content;
  margin-bottom: 1rem;
}
img.quote-story-slide-image {
  width: 136px;
  height: 136px;
  border-radius: 50%;
  object-fit: cover;
  position: relative;
  z-index: 1;
}
span.quote-story-slide-quote-mark {
    position: absolute;
    right: -3rem;
}
.quote_story_commas {
  font-size: var(--font-size-9xl);
  font-weight: var(--font-weight-bold);
}

.quote-phrase {
  font-size: var(--font-size-xxl);
  font-family: var(--font-family-secondary);
  line-height: 1.4em;
  /*height: calc(1.4em * 5);*/
  margin: 0 auto;
  margin-bottom: 1.5rem;
}

.quote-phrase-inner{
  /*display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;*/
  margin-top: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4em;
  /*max-height: calc(1.4em * 5);*/
}


.quote_story_name {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-md-sm);
    margin-top: 0.4rem;
}
.quote-story-slide-inner .story_swiper_bottom_slide_writer_link{
  font-size: var(--font-size-md-sm);
}

.quote_story_tags {
  font-size: var(--wp--preset--font-size--normal);
  font-family: var(--font-family-primary);
  opacity: 0.7;
  display: flex;
  justify-content: center;
  gap: 10px;
}

.quote-section {
  .swiper-pagination-bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 2px solid rgba(255, 255, 255, 0.5);
  }

  .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 0.5);
  }
}


/* Daily and Arrival Story/Playlist Block */

.daily-playlist-container,
.arrival-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4rem;
}

.daily-playlist-label,
.arrival-label {
  display: flex;
  margin-bottom: 1rem;
  background-color: var(--color-primary-bg);
  font-family: var(--font-family-secondary);
  font-size: var(--font-size-2xl);
  color: var(--color-secondary-text);
  padding: 1rem;

  p {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;

    &:last-child {
      font-weight: var(--font-weight-bold);
    }
  }
}

.daily-playlist-label {
  margin-bottom: 0;
}

.more-stories {
  color: var(--color-primary-text);
  width: 100%;
  text-align: end;
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-medium);

  .link {
    color: var(--color-primary-text);
    text-decoration: underline;
  }
}


/* Footer */
.footer-text {
  box-sizing: border-box;
  background-color: var(--color-primary-bg);
  padding: 2em 1em;
  text-align: center;
  font-size: var(--font-size-5xl);
  color: var(--color-secondary-text);

  a {
    text-decoration: none;
    color: var(--color-secondary-text);
    display: inline-block;
    
    &::after {
      content: '';
      width: 0px;
      height: 1px;
      display: block;
      background: var(--color-secondary-text);
      transition: 300ms;
    }
    
    &:hover::after {
      width: 100%;
    }

    &:nth-child(odd) {
    font-style: italic;
    }
    
  }
}

html[lang="he-IL"],
html[lang="ar"] {
  .top-story-wrap .top-story-header {
      font-size: var(--font-size-3xl);
  }

  .top_stories_label {
    font-size: var(--font-size-2xl);
  }

  .story_item_time {
    font-size: var(--font-size-lg);
  }
  .top_stories_filter_item {
    font-size: var(--font-size-xl);
  }
}

@media screen and (min-width: 461px) {
  .top-story-header br{
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .swiper-progress-bar {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .top-story {
    height: auto;
  }

  .daily-playlist-container,
  .arrival-section {
    padding: 3rem 0rem 3rem;
  }
  .quote-stories-section{
    /*padding-bottom: 3rem !important;*/
  }
  .quote-stories-section .swiper-progress-bar{
    max-width: 12rem !important;
    margin: 3rem auto 4px !important;
    position: relative !important;
    /* border: 2px solid #ffffff; */
    height: 2px !important;
    background: #1c1f2e;
    display: flex;
    align-items: center;
  }
  .quote-stories-section .swiper-progress-bar-drag {
    background: #1c1f2e;
    border-radius: 0;
    height: 4px;
    left: 0;
    position: relative;
    top: -1px;
    width: 100%;
  }
  .swiper-progress {
    position: absolute;
    height: 6px;
    top: -2px;
    background-color: #1c1f2e;
    width: 0%;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
  }

  @keyframes progress {
    from { width: 0%; }
    to { width: 100%; }
  }

  .quote-stories-section-wrap {
    padding: 3rem 1rem 3rem !important;
  }
  .quote-story-slide:not(:last-child) {
    border: 0 !important;
  }
  .story_swiper_blue_button.opacity-0{
    opacity: 1 !important;
    pointer-events: all !important;
  }
  .quote-story-slide-inner {
    align-items: center;
    padding: 0;
  }
  .quote_story_info {
    font-size: var(--font-size-lg);
    text-align: center;
  }

  .quote-phrase-inner {
    text-align: center;
  }
  .top_stories_filters {
    gap: 0.5em;
  }
  .top_stories_filter_item {
    font-size: 22px;
    padding: 0.4em 0.8em;
  }
  .top_stories_filter_item .clock-icon{
    display: none;
  }

  html[lang="he-IL"],
  html[lang="ar"] {

    .top_stories_filter_item {
      font-size: var(--font-size-md);
    }
  }
}

/****** Genres *******/
.genres-list-wrap {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow-x: auto;
  scrollbar-width: none;   /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
  cursor: grab;
  background: #F5EEE5;
  padding: 0.8rem 0;
}
.genres-list-wrap::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

.genres-list-wrap a {
    color: #858270;
    text-decoration: none;
    font-family: var(--font-family-primary);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
    padding: 0 1rem;
    display: inline-block;
    width: auto;
    will-change: scroll-position, transform;
    transform: translateZ(0);
    user-select: none !important;      /* prevent text highlight during drag */
    -webkit-user-drag: none !important;
    -webkit-tap-highlight-color: transparent; /* remove mobile gray tap flash */
}

.genres-list-wrap:focus,
.genres-list-wrap:active,
.genres-list-wrap.ui-draggable-dragging {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;       /* sometimes browsers use shadow instead of border */
}

/********* Editors choice **********/
.editors_choice_container {
  display: grid;
  grid-template-columns: 56% 40%;
  padding: 3rem 3rem 3rem 3rem;
  gap: 4%;
}
.homepage_italic_title{
  font-style: italic;
  font-family: var(--font-family-secondary);
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-semibold);
}
.homepage_dashed_title {
  width: 100%;
  margin: 1rem auto 2.5rem auto;;
  padding-bottom: 1rem;
  text-align: center;
  background-image: repeating-linear-gradient(90deg, var(--color-gray-text), var(--color-gray-text) 10px, transparent 10px, transparent 20px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 1px;
}
.editors_choice_title_wrap {
  display: flex;
  gap: 1rem;
  align-items: center;
  padding: 1rem 1rem 1.4rem;
}

.editors_choice_title_wrap img {
  width: 5.8rem;
}

.editors_choice_story_item {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: auto;
  position: relative;
  cursor: pointer;
}

.editors_choice_story_image{
  width: 100%;
  height: 100%;
  min-height: 36rem;
  max-height: 36rem;
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
}
.editors_choice_story_image img{
  width: 100%;
  height: 36rem;
  object-fit: cover;
  border-radius: 1rem;
  transition: all 0.3s ease;
}
.editors_choice_country{
  /* position: absolute;
  top: 2rem;
  left: 2rem; */
  padding: 0.2rem 0.6rem;
  font-size: var(--font-size-base);
  font-weight: 500;
  border-radius: 0.3rem;
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-medium);
  color: var(--color-light);
}
.editors_choice_country_wrap{
  display: flex;
  position: absolute;
  top: 2rem;
  left: 2rem;
  gap: 0.5rem;
}

.editors_choice_story_info {
  position: relative;
  border-radius: 0rem 1rem 1rem 1rem;
  background: var(--background-home);
  display: grid;
  flex-direction: column;
  width: fit-content;  
  min-width: 8rem;
  max-width: 70%;
  margin-top: -4rem;
  padding: 1rem 4rem 1rem 1rem;
  font-family: var(--font-family-primary);
}

.editors_choice_story_name {
  padding: 0;
  margin: 0;
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-semibold);
  text-decoration: underline transparent;
  transition: all 0.3s ease;
  z-index: 1;
}

.editors_choice_story_writer_name {
    margin: 0.5rem 0;
}

.editors_choice_story_writerlink:hover {
  text-decoration: underline var(--color-gold-text);
}

.editors_choice_story_item:hover .editors_choice_story_name {
  text-decoration: underline var(--color-primary-text);
}

.editors_choice_story_time, .item_story_time {
  font-size: var(--font-size-base);
  display: flex;
  gap: 8px;
  z-index: 1;
  align-items: center;
}

.editors_choice_story_time .ssp-icon, .item_story_time .ssp-icon {
  width: 16px;
  height: 16px;
}

.editors_choice_icons_wrap {
  display: flex;
  position: absolute;
  top: 2rem;
  right: 2rem;
  gap: 0.8rem;
}

.editors_choice_icons_wrap .ssp-icon-new, .editors_choice_icons_wrap .audio-icon-new {
  width: 38px;
  height: 38px;
  transition: all 0.3s ease;
}
.editors_choice_icons_wrap .audio-icon-new {
  width: 48px;
  height: 48px;
  background: url(/wp-content/themes/bootscore-child/icons/audio-grey.svg);
  background-size: contain;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
}


.editors_choice_story_item:hover .audio-icon-new  {
  background: url(/wp-content/themes/bootscore-child/icons/audio-brown.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.editors_choice_slider_nav{
  position: absolute;
  bottom: 0;
  right: 2rem;
  display: flex;
  gap: 0.5rem;
  z-index: 10;
}

.editors_choice_slider_nav img {
  width: 36px;
  height: 36px;
  cursor: pointer;
}

.editors_choice_descr_wrap {
  width: 296px;
  /* max-width: 296px; */
  /* height: 60%; */
  /* max-height: 296px; */
  background: #E9E5E0;
  position: absolute;
  right: -364px;
  top: 50%;
  transform: translate(0%, -50%);
  transition: all 0.5s ease;
  font-family: var(--font-family-primary);
  font-size: var(--font-size-md-lg);
  font-weight: var(--font-weight-normal);
  line-height: 140%;
  padding: 3rem 2rem;

}

.fresh_arivals_section {
    background: #fff;
    border-radius: 20px;
    padding: 1rem 2rem;
}
.fresh_arivals_title {
    border-bottom: 1px solid var(--border-color-primary);
    padding-bottom: 1rem;
    padding-left: 1.5rem;
}
.fresh_arivals_story_item {
    display: flex;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}
.fresh_arivals_story_item:not(:last-child) {
    border-bottom: 1px solid var(--border-color-primary);
}

.fresh_arivals_stories {
  display: grid;
}

.fresh_arivals_image_wrap, .fresh_arivals_info_wrap{
  width: 50%;
  max-height: 9rem;
  position: relative;
}

.fresh_arivals_image_wrap img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1rem;
}

.fresh_arivals_info_wrap{
  font-family: var(--font-family-primary);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.fresh_arivals_story_name{
  padding: 0;
  margin: 0;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  text-decoration: underline transparent;
  transition: all 0.3s ease;
}
.fresh_arivals_story_item:hover .fresh_arivals_story_name{
  text-decoration: underline var(--color-primary-text);
}
.fresh_arivals_story_writer_name {
  margin-top: 0.5rem;
  margin-bottom: 1.4rem;
}
.fresh_arivals_story_writer_name a{
  color: var(--color-gold-text);
  text-decoration: none;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.15em;
  text-decoration: underline transparent;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.fresh_arivals_story_writer_name a:hover{
  text-decoration: underline var(--color-gold-text);
}

.item_story_time {
  display: flex;
  gap: 8px;
  z-index: 1;
  align-items: center;
  font-size: var(--font-size-base);
  font-family: var(--font-family-primary);
}


.fresh_arivals_descr_wrap {
  background: #E9E5E0;
  width: 50%;
  position: absolute;
  right: -50%;
  top: 0;
  transition: all 0.5s ease;
  font-family: var(--font-family-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  height: 100%;
  z-index: 10;
}

  .fresh_arivals_story_item:hover .fresh_arivals_descr_wrap, .editors_choice_story_item:hover .editors_choice_descr_wrap {
    right: 0;
  }
  .editors_choice_story_item:hover .editors_choice_story_image img {
    transform: scale(1.2);
  }

/* @media (min-width: 769px) {
  .fresh_arivals_story_item:hover .fresh_arivals_descr_wrap, .editors_choice_story_item:hover .editors_choice_descr_wrap {
    right: 0;
  }
  .editors_choice_story_item:hover .editors_choice_story_image img {
    transform: scale(1.2);
  }

} */

.fresh_arivals_info_wrap {
    padding: 1rem 0.5rem 1rem 1.5rem;
}
.fresh_arivals_image_wrap {
    padding: 1rem 1.5rem 1rem 0.5rem;
}

.fresh_arivals_descr_wrap_inner {
    padding: 5rem 2rem 2rem 2rem;
}

.fresh_arivals_icons_wrap {
    display: flex;
    position: absolute;
    top: 2rem;
    right: 2rem;
    z-index: 11;
    gap: 0.5rem
}

.fresh_arivals_icons_wrap .ssp-icon-new {
  width: 26px;
  height: 26px;
  border-radius: 0;
  object-fit: unset;
}

.fresh_arivals_icons_wrap .audio-icon-new {
  width: 32px;
  height: 32px;
  background: url(/wp-content/themes/bootscore-child/icons/audio-brown.svg);
  background-size: contain;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
}

.fresh_arivals_story_item:hover .audio-icon-new  {
  background: url(/wp-content/themes/bootscore-child/icons/headphones-icon-yellow.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.editors_choice_story_name {
  padding: 0;
  margin: 0;
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-semibold);
  text-decoration: underline transparent;
  transition: all 0.3s ease;
  z-index: 1;
}

.editors_choice_story_writerlink {
  color: var(--color-gold-text);
  text-decoration: none;
  font-size: var(--font-size-base);
  letter-spacing: 0.15em;
  text-decoration: underline transparent;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

.editors_choice_story_writerlink:hover {
  text-decoration: underline var(--color-gold-text);
}

.editors_choice_story_item:hover .editors_choice_story_name {
  text-decoration: underline var(--color-primary-text);
}

@media screen and (max-width: 768px) {
    .fresh_arivals_descr_wrap_inner {
        padding: 3.6rem 1rem 2rem 1rem;
        display: -webkit-box;
        overflow: hidden !important;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        height: 2rem;
        font-size: 1.1rem;
    }
}

/*********** new story swiper *************/
.swiper.story_swiper_bottom {
    margin: 0 -10%;
}
.story_swiper_bottom_title_container {

  padding: 0 4rem;
}



@media screen and (max-width: 1024px) {
  .swiper.story_swiper_bottom {
    margin: 0 -25%;
  }
}

@media screen and (max-width: 768px) {
  .editors_choice_story_writer_name {
    margin: 0.3rem 0 0.5rem 0;
  }
  .editors_choice_country{
    font-size: var(--font-size-md-sm);
  }
  .story_swiper_bottom_title_container {
    padding: 0;
  }

  
  .fresh_arivals_stories {
    padding: 0 1rem;
  }
  .fresh_arivals_story_item {
    gap: 1rem;
    padding: 1rem 0;
  }
}

@media screen and (max-width: 540px) {
  .swiper.story_swiper_bottom {
    margin: 0 -50%;
  }
}


/********** Running text ***********/
.running_string_wrap {
  width: 100%;
  overflow: hidden;
  color: rgba(184, 177, 161, 1);
}

.running_string {
  display: flex;
  width: max-content; /* expand to fit text */
  animation: running_string 17s linear infinite;
  font-size: 152px;
  font-weight: 600;
}

.running_string_content {
  display: flex;
}

.running_string_content span {
  white-space: nowrap;
  padding-right: 2rem; /* spacing */
}

@keyframes running_string {
  0%   { transform: translateX(0); }
  50%   { transform: translateX(-16.65%); }
  100% { transform: translateX(-33.3%); } /* scroll half (because duplicated) */
}


/* RTL animation */
html[dir="rtl"] .running_string {
  animation: running_string_rtl 5s linear infinite;
}

@keyframes running_string_rtl {
  0%   { transform: translateX(0); }
  50%   { transform: translateX(16.65%); }
  100% { transform: translateX(33.3%); }
}
@media (max-width: 768px) {
  .running_string {
    font-size: 101px;
  }
}


/****** globe paralax ******/
.globe_paralax_container {
  position: relative;
  width: 100%;
  background: var(--color-primary-bg);
  overflow: hidden;
}

.globe_paralax_wrap {
  position: absolute;
  top: 144%;
  left: 68%;
  transform: translate(-50%, -50%);
  will-change: transform;
}

.globe_paralax {
  width: 1800px; /* adjust as needed */
  height: auto;
}

.globe_countries_container {
  position: relative;
  height: 1116px;
  max-width: 1400px;
  margin: 0 auto;
}

.globe_country_wrap {
  position: absolute;
}

.globe_country_wrap a{
  color: var(--color-light);
  font-family: var(--font-family-secondary);
  font-style: italic;
  font-weight: var(--font-weight-medium);
  text-decoration: none;
  transform: scale(1);
  transition: all 0.3s ease-in-out;
}

.globe_country_wrap a:hover{
  color: var(--color-fifth-bg);
  -webkit-transform: scale(0.94);
  transform: scale(0.94);
}

.globe_country_1 {
  top: 8%;
  left: 6%;
  font-size: 4.2rem;
}

.globe_country_2 {
  top: 16%;
  right: 12%;
  font-size: 7.2rem;
}

.globe_country_3 {
  top: 34%;
  left: 18%;
  font-size: 6.2rem;
}

.globe_country_4 {
  top: 50%;
  right: 44%;
  font-size: 3.2rem;
}

.globe_country_5 {
  top: 67%;
  right: 20%;
  font-size: 4.8rem;
}

.globe_country_6 {
  top: 59%;
  left: 12%;
  font-size: 5rem;
}

.globe_country_7 {
  top: 82%;
  left: 28%;
  font-size: 4.8rem;
}

.globe_country_8 {
  top: 84%;
  left: 6%;
  font-size: 4rem;
}

span.globe_country_count {
  font-size: 0.3em;
  position: absolute;
  transform: translate(1rem, 0%);
  font-style: normal;
  color: var(--color-light);
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-light);
}
@media (max-width: 768px) {

  .globe_countries_container {
    height: 800px;
  }

  .globe_paralax_wrap {
    top: 170%;
    left: 78%;
  }

  .globe_paralax {
    width: 840px;
    height: auto;
  }

  .globe_country_1 {
    top: 8%;
    left: 8%;
    font-size: 2.2rem;
  }

  .globe_country_2 {
    top: 18%;
    right: 12%;
    font-size: 2.8rem;
  }

  .globe_country_3 {
    top: 30%;
    left: 14%;
    font-size: 3.4rem;
  }

  .globe_country_4 {
    top: 42%;
    right: 10%;
    font-size: 2.2rem;
  }

  .globe_country_5 {
    top: 55%;
    right: unset;
    left: 5%;
    font-size: 3rem;
  }

  .globe_country_6 {
    top: 68%;
    left: unset;
    right: 24%;
    font-size: 2rem;
  }

  .globe_country_7 {
    top: 80%;
    left: 20%;
    font-size: 3.2rem;
  }

  .globe_country_8 {
    top: 84%;
    left: 6%;
    font-size: 2.8rem;
  }

}

@media (min-width: 1921px) {
  .editors_choice_story_image {
    max-height: 44rem;
  }
}

@media (max-width: 1200px) {
  .editors_choice_container {
      grid-template-columns: 100%;
      padding: 0;
      gap: 1rem;
  }
  .editors_choice_main_section {
    padding: 2rem 1.5rem;
  }
  .fresh_arivals_section {
    padding: 0;
    border-radius: 0;
  }
  .fresh_arivals_title {
    padding: 1rem;
  }
}

@media (max-width: 768px) {
/*  .editors_choice_descr_wrap, .editors_choice_slider_nav, .fresh_arivals_descr_wrap{
    display: none;
  }*/

  .editors_choice_descr_wrap {
    max-width: 88%;
    font-size: var(--font-size-base);
    padding: 1rem 1rem;
  }

  .editors_choice_story_image {
    min-height: 20rem;
  }
  .editors_choice_story_image img {
    height: 20rem;
  }
  .editors_choice_story_info{
    font-size: 0.8em;
    padding: 1rem 2rem 1rem 1rem;
  }

  .editors_choice_title_wrap {
    padding: 1rem 0;
    justify-content: space-between;
    gap: 0.5rem;
  }
  .homepage_italic_title {
    font-size: var(--font-size-3xl);
  }

  .fresh_arivals_info_wrap {
    padding: 0;
  }
  .fresh_arivals_image_wrap {
    padding: 0;
  }
  .fresh_arivals_icons_wrap {
    top: 1rem;  
    right: 0.8rem;
    flex-direction: column-reverse;
    justify-content: space-between;
    height: 7rem;
  }
  .fresh_arivals_image_wrap, .fresh_arivals_info_wrap {
    height: 10rem;
    max-width: initial;
  }
  .bookmark_wrap {
    margin-bottom: auto;
  }

}

html[dir="rtl"] {

  .editors_choice_title_wrap img {
    transform: rotateX(0deg) rotateY(180deg);
  }
  .editors_choice_descr_wrap {
    right: auto;
    left: -364px;
    font-size: var(--font-size-base-rtl);
  }

  /* .editors_choice_country {
    left: auto;
    right: 2rem;
  } */
  .editors_choice_country_wrap{
    left: auto;
    right: 2rem;
  }
  .editors_choice_icons_wrap, .fresh_arivals_icons_wrap {
    right: auto;
    left: 2rem;
  }

  .fresh_arivals_descr_wrap {
    left: -50%;
    right: auto;
  }

  .fresh_arivals_story_item:hover .fresh_arivals_descr_wrap, .editors_choice_story_item:hover .editors_choice_descr_wrap {
      left: 0;
      right: auto;
  }

  /* @media (min-width: 769px) {
    .fresh_arivals_story_item:hover .fresh_arivals_descr_wrap, .editors_choice_story_item:hover .editors_choice_descr_wrap {
      left: 0;
      right: auto;
    }
  } */

  .editors_choice_story_info {
    border-radius: 1rem 0rem 1rem 1rem;
  }
  .editors_choice_story_writer_name {
    padding: 0;
    margin: 0;
  }


  .editors_choice_slider_nav {
    /* flex-direction: row-reverse; */
    right: auto;
    left: 2rem;
  }

  
  span.globe_country_count {
    transform: translate(0rem, 0%);
  }

  /*
  .story_swiper_bottom .swiper-wrapper {
      margin-left: auto;
      margin-right: -130px;
  }
*/
  span.quote-story-slide-quote-mark {
    right: auto;
    left: -3rem;
    transform: rotate(180deg);
  }
  .quote_story_info {
    font-size: 1.5em;
  }
  .quote-story-slide:not(:last-child) {
    border-right: 0;
    border-left: 1px solid var(--border-color-primary);
  }

  @media (max-width: 768px) {

    .fresh_arivals_icons_wrap {
      left: 0.8rem;


    }
    .fresh_arivals_bookmark_wrap {
      margin-bottom: auto;
    }


    .editors_choice_story_info{
      font-size: 0.8em;
      padding: 1rem 1rem 1rem 2rem;
    }

    .fresh_arivals_descr_wrap_inner {
        padding: 4rem 1rem 2rem 1rem;
        display: -webkit-box;
        overflow: hidden !important;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        height: 2.6rem;
        font-size: 1.1rem;
    }

  }

}

/********* Paralax Header *********/
.header-paralax-images {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.header-paralax-images img {
  position: absolute;
  will-change: transform;
  transition: transform 0.2s ease-out;
}

/* positions based on your image reference */
.header-paralax-image-1 { top: -10px; left: 4%; z-index: 7; }
.header-paralax-image-2 { top: 400px; left: 7%; z-index: 7; }
.header-paralax-image-3 { top: 246px; left: 8%; z-index: 5;}
.header-paralax-image-4 { top: 280px; left: 30%; z-index: 7; }
.header-paralax-image-5 { top: 126px; left: 45%; z-index: 5;}
.header-paralax-image-6 { top: -10px; left: 57%;z-index: 7; }
.header-paralax-image-7 { top: 220px; right: 20%; z-index: 7; }
.header-paralax-image-8 { top: 120px; right: 0; z-index: 7; }
.header-paralax-image-9 { top: 460px; right: 0; z-index: 5; }

@media (max-width: 768px) {
  .header-paralax-image-1 { display: none; }
  .header-paralax-image-2 { display: none; }
  .header-paralax-image-3 { top: 40px; left: 8%; z-index: 5; }
  .header-paralax-image-4 { top: 100px; left: -5%; z-index: 7; }
  .header-paralax-image-5 { display: none; }
  .header-paralax-image-6 { display: none; }
  .header-paralax-image-7 { top: 112px; right: 36%; z-index: 7; }
  .header-paralax-image-8 { top: 60px; right: -24px; z-index: 7; width: 6rem;}
  .header-paralax-image-9 { display: none; }

  
  .top-story-wrap {
    gap: 1rem;

    .top-story-header {
        margin-top: 14rem;
    }

  }


}

/********* Alternative Header *********/
.new_what_to_read_section {
  color: #fff;
  font-family: "Assistant", Sans-serif;
  padding: 60px 0px 240px 0px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.new_what_to_read_container {
  max-width: 1140px;
  text-align: center;
  padding: 0 1rem;
}
.new_what_to_read_top_header {
  font-size: 2rem;
  text-align: center;
  padding: 1rem;
  background: #1C1F2E;
}
h2.new_what_to_read_center_header_top {
  font-size: 4.4rem;
  font-weight: 600;
  text-align: center;
  color: #fff;
  margin: 0;
}
.custom_writer_story_buttons_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}
.new_what_to_read_center_header_center {
  font-size: 2rem;
}
.new_what_to_read_center_header_bottom {
  font-size: 1.4rem;
}

.cwsb_item.pt_plus_adv_button.ab-cta .adv-button-link-wrap {
  color: #1C1F2E;
    background: #FFEE33;
  font-size: 1.2rem;
  border: none;
  border-radius: 1rem;
  padding: 0.3rem 0.8rem;
}
.cwsb_item.pt_plus_adv_button.ab-cta .adv-button-link-wrap:hover {
  background: #85E9E1;
}
.new_what_to_read_bottom_section {
  display: flex;
    justify-content: center;
  width: 100%;
  color: #1C1F2E;
  background-color: #85E9E1;
  font-size: 2.5rem;
  text-shadow: rgba(255, 255, 255, 0.5) 0 0 20px;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 2rem 0em 2rem 0em;
  position: absolute;
    bottom: 0;
  text-align: center;
}
@media (max-width: 768px) {
  .new_what_to_read_top_header {
    font-size: 1.6rem;
  }
  .new_what_to_read_center_header_top {
    font-size: 3.2rem;
  }
  .new_what_to_read_center_header_center {
    font-size: 1.7rem;
  }
  .new_what_to_read_center_header_bottom {
    font-size: 1.3rem;
  }
  .custom_writer_story_buttons_wrap {
    margin-top: 4rem;
  }
  .new_what_to_read_bottom_section {
    font-size: 2rem;
  }
  .cwsb_item.pt_plus_adv_button.ab-cta .adv-button-link-wrap {
    font-size: 1.1rem;
  }
}
/* 
.top_stories_filter_results .swiper-slide {
	width: 200px !important;
} */