/* BASE 4PX */
/* CARD GENERIC */
.cg_fig{position: relative;max-width: 620px;margin:0 auto 24px auto;}
.cg_fig_term{background-color:var(--dark);padding:4px 8px;color:var(--lighter);font-weight: 700;line-height: 16px;}
.cg_fig_img_frame{position: relative;}
.cg_fig_img_frame img{width: 100%;height: auto;aspect-ratio: 16/9;object-fit: cover;}
.cg_fig_img_frame span{display: block;text-align: right;font-size: 8px; color:var(--eightGray);font-family:'Istok Web', sans-serif;margin-top:4px;}
.cg_fig_caption{position:relative;}
.cg_fig_caption h2{margin:0;font-family: 'EB Garamond', serif;font-weight: 400;font-size: 18px;line-height: 1.3;}

/* HOME READER */
.main_home_article{max-width: 720px;margin:0 auto;}
.main_card_reading__container{padding:0 30px;max-width: 620px; margin:0 auto 24px auto;overflow-x: hidden;}
.main_card_reading__container .wp-caption{max-width: 100%;}
.main_card_reading__container .wp-caption .wp-caption-text{margin: 0;font-family: 'Istok Web', sans-serif;font-size: 12px;color: var(--eightGray);line-height: 1.125;font-weight: 300;}
.main_card_reading__container img{width: 100%;height: auto;object-fit: cover;}
.main_card_reading__container p > iframe[src*="youtube"]{
  aspect-ratio: 16/9;width: 100%;height: 100%;object-fit: cover;
}
.main_card_reading__container h2{font-family: 'Playfair Display', serif;font-size: 18px;line-height: 1.3;font-weight: 400;border-bottom: 1px solid var(--dark);display: inline-block;padding:0 4px 13px 4px;margin-bottom: 13px;text-transform: uppercase;}
.main_card_reading__container ul, 
.main_card_reading__container ol{padding-left: 24px;margin-bottom: 16px;}
.main_card_reading__container ul li::marker, 
.main_card_reading__container ol li::marker{
  color:var(--theme)
}
.main_card_reading__container .youtube-video{aspect-ratio: 16/9;}
.main_card_reading__container .youtube-video iframe{width: 100%;height: 100%;}
.main_card_reading__container.expanded{display:block;}

/* MAIN CARD */
.main_card_fig, .main_card_fig__img_frame{position: relative;}
.main_card_fig__img_frame img{width: 100%; height: auto;object-fit: cover;aspect-ratio: 16/9;}
.main_card_fig__caption{text-align: center;padding: 12px;max-width: 420px;margin:0 auto;}
.main_card_fig__caption h2{margin: 0;}
.main_card_fig__heading{font-family: 'Playfair Display', serif;font-size: 32px;line-height: 1;font-weight: 400;text-transform: uppercase;}
.main_card_fig__caption p{font-family: 'EB Garamond', serif;}
.main_card_fig__caption span{display: block;text-align: left;font-family: 'Istok Web', sans-serif;text-transform: uppercase;font-size: 12px;}
.main_card_action__box{padding: 0 12px;text-align: center;}
.main_card_action__box button{color:var(--redish);font-size: 4em;font-weight: 300;}

/* CARD LIST (HORIZONTAL) */
.cards_list{list-style: none;padding:0;display:flex;flex-direction: column;gap:4px;max-width: 420px;margin:0 auto;}
.card_list__item{position:relative;}
.card_list_fig{display: grid;grid-template-columns: 1fr minmax(80, 150);gap:8px;padding:16px 0 10px 0;}
.card_list_fig img{max-width: 80px;height: auto;object-fit: cover;aspect-ratio: 1/1;border-radius: 5px;}
.card_list_fig__caption h2{margin-top:0;padding-top:0;font-size: 20px;line-height: 24px;font-weight: 400;font-family: 'EB Garamond', serif;}
.card_list_fig__info{grid-column: 1 / span 2;display:flex;flex-direction: row;justify-content: space-between;font-family: 'Istok Web', sans-serif;font-size: 12px;text-transform: uppercase;}
.card_list_fig__info time{color:var(--eightGray);}

.section_pool{padding-left:12px;padding-right: 12px;}

/* SECTION HEADING */
.section_name{
  display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: flex-end;padding:24px 12px;border-bottom:1px solid var(--dark);
  max-width: 720px;margin:24px auto;
}
.section_name h2{font-family: 'Playfair Display', serif;font-size:32px;line-height: 1;margin:0;text-transform: capitalize;font-weight: 400;}
.section_name a{font-family: 'Istok Web', sans-serif;font-size:11px;font-weight: 700;line-height: 1;color:var(--eightGray);flex-shrink: 0;}

/* CATEGORY LIST */
.cat_list{
  border-top:1px solid var(--dark);border-bottom:1px solid var(--dark);list-style: none;
  display:flex;flex-direction: row;flex-wrap: nowrap;justify-content: stretch;align-items: center;gap:24px;
  overflow-x: scroll;padding:3px 12px;max-width: 1280px; margin:24px auto;
}
.cat_item{flex-shrink: 0;position:relative;font-family: 'Istok web' sans-serif;font-style: italic;font-size: 14px;font-weight: 400;line-height: 16px;}
.cat_item::after {content: "-";margin-left: 0px;position: absolute;right: -14px;top: 0;}
.cat_item:last-child::after{content: none;}

/* SIMPLE LIST */
.simple_list{list-style: none;padding:0;display:flex;flex-direction: column;gap:24px;max-width: 620px;margin:0 auto;}
.simple_item{border-bottom:1px solid var(--eightGray);font-family: 'EB Garamond', serif;font-size:20px;line-height: 24px;font-weight: 400;padding:4px 0 24px 0;}

.nh_section_container{margin-bottom:24px;}

/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: hsla(0, 0%, 55%, 0.232) transparent;
}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 1px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  background-color: #8c8c8c;
  border-radius: 20px;
  border: 3px solid transparent;
}


@media only screen and (min-width:720px){
  .cg_fig_caption h2{font-size: 22px;line-height: 1.5;}
}

@media only screen and (min-width:890px){
  .cards_list{
    max-width: 720px;
    flex-direction: row;gap:24px;
  }
}

@media only screen and (min-width:1280px){
  .cat_list{justify-content: center;}
}