@charset "UTF-8";

#content-in {
  width: auto;
  max-width: 1400px;
}
h1 {
  display: none;
}
* a {
  text-decoration: none;
  color: #fff;
}
.rt_logo_wrap {
  margin-top: 2.7em;
  width: 100%;
  margin-inline: auto;
  max-width: 1040px;
  padding-inline: 170px;
  margin-bottom: 3em;
}
.rt_logo_wrap img {
  display: block;
  width: 100%;
}
.rt_logo_wrap a {
  display: block;
  margin: 0;
  padding: 0;
  transition: all 0.3s ease;
}
.rt_logo_wrap a:hover {
  opacity: 0.8;
}

.rt_cat_menu_wrap {
  width: auto;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  max-width: 100vw;
  border-bottom: 1px solid #474747;
  margin-bottom: 1.8em;
}
ul.rt_cat_menu_inner {
  list-style-type: none;
  padding-inline: 170px;
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: -2px;
}
ul.rt_cat_menu_inner li {
  margin-inline: 10px;
  margin-block: 0;
  font-size: 1.06em;
  font-weight: 500;
  border-bottom: 3px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
ul.rt_cat_menu_inner li a {
  display: block;
  line-height: 1;
  padding-inline: 10px;
  padding-block: 6px;
  opacity: 0.6;
  transition: all 0.3s ease;
  /* border-bottom: 3px solid transparent; */
}
ul.rt_cat_menu_inner li a:hover,
li.rt_menu-item.current a {
  opacity: 1;
  /* border-bottom: 3px solid #fff; */
}
li.rt_menu-item.current,
ul.rt_cat_menu_inner li:has(a:hover) {
  border-bottom: 3px solid #fff;
}

.rt_sub_cat_menu_wrap {
  display: block;
  width: fit-content;
  max-width: 90%;
  margin-inline: auto;
  margin-bottom: 1.3em;
}
ul.rt_sub_cat_menu_inner {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  width: auto;
  max-width: 100%;
  margin-inline: auto;
  justify-content: center;
  line-height: 1;
  font-weight: 400;
}
li.rt_sub_cat_menu_item {
  margin-right: 0.8em;
  margin-bottom: 0.8em;
}
li.rt_sub_cat_menu_item a {
  display: block;
  padding: 7px 17px 6px;
  background-color: #2c2c2c;
  border: 1px solid #2c2c2c;
  color: #888;
  border-radius: 2em;
  transition: all 0.3s ease;
}
li.rt_sub_cat_menu_item.current a,
li.rt_sub_cat_menu_item a:hover {
  color: #fff;
  background-color: #333;
  border: 1px solid #aeaeae;
}

h3.rt_title_featured {
  font-family: 'Bodoni Moda', serif;
  font-weight: 900;
  font-style: normal;
  font-size: 2em;
  line-height: 1;
  padding: 0 0 4px;
  margin-top: 0;
  margin-bottom: 0.8em;
  border-bottom: 1px solid #6a6a6a;
}

.rt_title_featured.is-hidden,
.rt_feat_items_wrap.is-hidden {
  display: none;
}

.rt_feat_items_wrap.swiper-container_wrap {
  width: 100%;
  max-width: 100%;
  margin: 0 0 2.4em;
  padding: 12px 30px 0;
  position: relative;
}
.swiper-container {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.swiper-container_wrap .swiper-button-next,
.swiper-container_wrap .swiper-button-prev {
  color: rgba(255, 255, 255, 0.5);
  transition: all 300ms ease;
  height: 100%;
  margin: 0;
  top: 0;
}
.swiper-container_wrap .swiper-button-next:hover,
.swiper-container_wrap .swiper-button-prev:hover {
  color: rgba(255, 255, 255, 1);
}
.swiper-container_wrap .swiper-button-next {
  right: 0;
}
.swiper-container_wrap .swiper-button-prev {
  left: 0;
}
.swiper-container_wrap .swiper-button-next:after,
.swiper-container_wrap .swiper-button-prev:after {
  font-size: 30px;
  position: absolute;
  top: 32%;
}
.swiper-container .swiper-wrapper {
  margin: 0;
}
.swiper-container .swiper-wrapper .swiper-slide {
  padding-inline: 14px;
}
.swiper-slide__inner--item a.rt_feat_item_link {
  display: block;
  width: 100%;
  text-decoration: none;
  transition: all 0.3s ease;
}
.rt_item_img_wrap.rt_feat_item_img {
  width: 100%;
  overflow: hidden;
  margin-bottom: 12px;
}
.rt_item_img_wrap.rt_feat_item_img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  transition: all 0.3s ease;
}
.swiper-slide__inner--item a.rt_feat_item_link:hover .rt_item_img_wrap.rt_feat_item_img img {
  transform: scale(1.1);
}
h3.road_to_post_title {
  font-size: 1em;
  line-height: 1.2;
  margin-bottom: 12px;
  font-weight: 500;
  opacity: 0.6;
  transition: all 0.3s ease;
}
a.rt_item_link:hover h3.road_to_post_title {
  opacity: 1;
}
a.rt_feat_item_link h3.road_to_post_title {
  margin-bottom: 13px;
  font-size: 1.1em;
  line-height: 1.2;
  font-weight: 600;
}
.swiper-slide__inner--item a.rt_feat_item_link:hover h3.road_to_post_title {
  opacity: 1;
}

ul.main_cats_list {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  row-gap: 0px;
  column-gap: 10px;
  justify-content: flex-start;
  margin-bottom: calc(0.4em + 1.5px);
  flex-wrap: wrap;
}
ul.main_cats_list.rt_feat_cats_list {
  margin-bottom: 0.5em;
}
ul.main_cats_list li {
  flex-basis: auto;
  width: fit-content;
  flex-grow: 0;
  border: 1.5px solid #474747;
  white-space: nowrap;
  line-height: 1;
  font-size: 0.7em;
  font-weight: 400;
  transition: all 0.3s ease;
  margin-bottom: -1.5px;
}
ul.main_cats_list.rt_feat_cats_list li {
  font-size: 0.8em;
}
ul.main_cats_list li a {
  display: block;
  opacity: 0.6;
  padding: 6px 8px 5px;
  transition: all 0.3s ease;
}
ul.main_cats_list li a.rt_feat_cats_list_link {
  padding: 7px 10px 6px;
}
ul.main_cats_list li a:hover {
  opacity: 1;
  background-color: #222;
}
ul.main_cats_list li:has(a:hover) {
  border-color: #888;
}

ul.sub_cats_list {
  list-style: none;
  padding-left: 0;
  display: flex;
  justify-content: flex-start;
  row-gap: 0.4rem;
  column-gap: 0.5rem;
  margin-left: 2px;
  flex-wrap: wrap;
}
ul.sub_cats_list li {
  font-weight: 300;
  font-size: 0.8em;
  line-height: 1;
  position: relative;
  white-space: nowrap;
  color: #bbb;
}
ul.sub_cats_list.rt_feat_sub_cats_list li {
  font-size: 0.9em;
}
ul.sub_cats_list li::after {
  content: '•';
  margin-left: 0.4rem;
}
ul.sub_cats_list li:last-child::after {
  display: none;
}

.rt_items_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  row-gap: 40px;
  column-gap: 20px;
  padding-top: 2.2em;
  border-top: 1px solid #6a6a6a;
}
.rt_item_wrap {
  width: auto;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% - 20px * 4) / 5);
  box-sizing: border-box;
}
a.rt_item_link {
  display: block;
  width: 100%;
  text-decoration: none;
  transition: all 0.3s ease;
}
.rt_item_img_wrap {
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
  border: 0.5px solid #444;
}
.rt_item_img_wrap img {
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  transition: all 0.3s ease;
}
a.rt_item_link:hover .rt_item_img_wrap img {
  transform: scale(1.1);
}

p.rt_no_items {
  display: block;
  width: 100%;
  text-align: center;
  font-family: 'Bodoni Moda', serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3em;
  color: #555;
  line-height: 1.2;
  margin-top: 1em;
  margin-bottom: 2em;
}
.rt_items_wrap:has(p.rt_no_items) {
  border-top: none;
}

.rt_sub_cat_toggle {
  display: none;
}

@media screen and (max-width: 1023px) {
  .rt_logo_wrap {
    padding-left: 38px;
    padding-right: 170px;
    margin-top: -30px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 980px) {
  ul.rt_cat_menu_inner {
    padding-inline: 0;
  }
}

@media screen and (max-width: 979px) {
  .rt_item_wrap {
    flex-basis: calc((100% - 20px * 3) / 4);
  }
}

@media screen and (max-width: 834px) {
  .rt_logo_wrap {
    padding-left: 51px;
  }
  .rt_item_wrap {
    flex-basis: calc((100% - 20px * 2) / 3);
  }
}

@media screen and (max-width: 728px) {
  .rt_sub_cat_menu_wrap {
    max-width: 90%;
  }
}

@media screen and (max-width: 660px) {
  .rt_logo_wrap {
    margin-top: -16px;
    padding-left: 0;
  }
  ul.rt_cat_menu_inner li {
    margin-inline: 2px;
  }
  ul.rt_cat_menu_inner li a {
    padding-inline: 8px;
  }
}

@media screen and (max-width: 600px) {
  .rt_sub_cat_toggle {
    display: block;
    cursor: pointer;
    margin: 24px 0 0;
    padding: 10px 14px;
    /* border: 1px solid currentColor; */
    text-align: center;
    line-height: 1.4;
    background-color: #222;
    border-radius: 3em;
    font-weight: 400;
    color: #aaa;
  }

  .rt_sub_cat_menu_wrap {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease;
    margin-top: 0;
  }

  .rt_sub_cat_menu_wrap.is-open {
    overflow: hidden;
    margin-top: 1em;
    max-width: 94%;
  }

  .rt_sub_cat_menu_inner {
    padding-top: 12px;
  }
  .rt_sub_cat_menu_wrap {
    margin-bottom: 1.6em;
  }
}

@media screen and (max-width: 599px) {
  .rt_item_wrap {
    flex-basis: calc((100% - 20px * 1) / 2);
  }
}

@media screen and (max-width: 500px) {
  .rt_logo_wrap {
    padding-right: 136px;
  }
}

@media screen and (max-width: 480px) {
  li.rt_sub_cat_menu_item {
    font-size: 0.9em;
    margin-bottom: 1.6em;
  }
}

@media screen and (max-width: 530px) {
  .rt_cat_menu_wrap {
    padding-inline: 20px;
  }
  ul.rt_cat_menu_inner li {
    flex: 1;
  }
  ul.rt_cat_menu_inner li:first-child {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: fit-content;
  }
}

@media screen and (max-width: 440px) {
  .rt_logo_wrap {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 385px) {
  ul.rt_cat_menu_inner li {
    flex: 1;
    flex-basis: fit-content;
  }
  ul.rt_cat_menu_inner li:first-child {
    flex-grow: 1;
    flex-shrink: 1;
  }
}

@media screen and (max-width: 336px) {
  ul.rt_cat_menu_inner li a {
    padding-inline: 4px;
    font-size: 0.9em;
  }
  ul.rt_cat_menu_inner li:first-child a {
    padding-inline: 8px;
  }
}