/* BLOCKS */
/* Page Header */
/* .template-blog.page-header { padding: calc( var(--size-900) * 1rem ) 0 0; } */
.template-blog .page-header__inner { max-width: 450px; }
.template-blog.page-header .page-header__bg { position: absolute; top: 92px; height: 382px; width: 100%; max-width: 3000px; margin-left: auto; margin-right: auto; padding-top: 92px; }

ul li { color: var(--dark-grey); }

/* Year Tray */
.year-tray { padding: 40px; }
.year-tray + .year-tray { margin-top: 50px; }
.year-tray .tab-link { text-decoration: none; color: var(--primary); transition: color 0.3s ease-out; }
.year-tray .tab-link .svg-icon * { transition: all 0.3s ease-out; }
.year-tray .tab-link:hover { color: var(--secondary); }
.year-tray .tab-link:hover .svg-icon * { fill: var(--secondary); }
.year-tray .tab-link .svg-icon { transform: rotate(90deg); transition: transform 0.2s ease-out; }
.year-tray .tab-link.active .svg-icon { transform: rotate(-90deg); }
.year-tray .year-tab { width:  100%; text-align: center; }
.year-tray .year-tab .tab-link { display: flex; justify-content: center; align-items: center; }
.year-tray .year-tab .tab-link .svg-icon { margin-left: 10px; }
.year-tray .body { max-height: 0; overflow: hidden; opacity: 0; visibility: hidden; transition: all 0.2s ease-out; }
.year-tray .body.active { opacity: 1; max-height: 10000px; visibility: visible; margin-top: calc( var(--size-500) * 1rem); }

/* CTA Box */
.cta-box { padding: 0; }
.cta-box__body { margin-top: 0; }
.cta-box__body p { font-weight: 400; }
.cta-box__content .cta-grid li img { width: 100%; }

/* Categories */
.categories-container__content { background: var(--primary); color: var(--light); padding: calc( var(--size-500) * 1rem ); }
.categories-container__content .cat-item a { color: var(--light); text-decoration: none; transition: color 0.3s ease-out; }
.categories-container__content .cat-item a:hover { color: var(--secondary); }
.categories-container__content .category-list { list-style-type: none; padding: 0; margin: 0; }
.categories-container__content .category-list .categories .h3 { color: var(--light); }
.categories-container__content .category-list .categories .h3:after { background: var(--secondary); }
.categories-container__content .category-list .categories ul { font-size: calc( var(--size-400) * 1rem ); font-weight: 400; line-height: 139%; padding-left: 1.2rem; list-style: disc; }
.categories-container__content .category-list .categories .h3 + ul { margin-top: var(--flow-space, calc(var(--size-600) * 1rem) ); }
.categories-container__content .category-list .categories ul .cat-item { color: var(--light); }

/* Featured */
/* .featured-post { display:grid; grid-template-columns: repeat(3, 1fr); gap: calc( var(--size-600)  * 1rem ); } */
.image-wrapper img { width: 100%; }

#site-header { z-index: 6; background: var(--light); }


/*  */
.date, .read-more { margin-top: calc( var(--size-400) * 1rem ); font-weight: 400; }
.description { margin-top: calc( var(--size-200) * 1.2rem ); font-weight: 400; }

body.date { margin-top: 0!important; }

/* Media Queries */
/* Max Mobile */ 
@media screen and ( max-width: 479px ) {}
/* Min Tablet Portrait */
@media screen and ( min-width: 480px ) {
  /* BLOCKS */
  /* Sidebar Box */
  .categories-container__content { padding: calc( var(--size-600) * 1rem ); }
}
/* Max Tablet Portrait */  
@media screen and ( max-width: 767px ) {
  .image-wrapper { margin-bottom: calc( var(--size-400) * 1rem ); }
}
/* Min Tablet Landscape */
@media screen and ( min-width: 768px ) {
  /* BLOCKS */
  /* Page Header */
  .template-blog .page-header__inner { max-width: 475px; }
  .template-blog.page-header .page-header__bg { position: absolute; top: 0; height: 382px; width: 100%; max-width: 3000px; margin-left: auto; margin-right: auto; padding-top: 92px; }

  /* CTA Box */
  .cta-box__content .cta-grid { grid-template-columns: repeat(2, 1fr); }

  /* Featured */
  .featured-post { display:grid; grid-template-columns: repeat(3, 1fr); gap: calc( var(--size-600)  * 1rem ); }
  .featured-post .body { grid-column: 2 / 4; }

  .cta-box .image-wrapper { margin-bottom: calc( var(--size-400) * 1.2rem ); }
  .date, .read-more { margin-top: calc( var(--size-400) * 1.2rem ); }
  .description { margin-top: calc( var(--size-200) * 1.2rem ); }
}
/* Max Tablet Landscape */
@media screen and ( max-width: 1023px ) {
  /* BLOCKS */
  /* Sidebar Box */
  .categories-container { padding-top: 0; }
}
/* Min Desktop */
@media screen and ( min-width: 1024px ) {
	/* BLOCKS */
	/* Page Header */
	.template-blog .page-header__inner { max-width: 500px; }

  /* Page Content Grid */
  .blog-content__grid { display: grid; grid-template-columns: auto 310px; column-gap: calc( var(--size-major)  * 1rem ); }

  /* Featured */
  .featured-post { gap: calc( var(--size-700)  * 1rem ); }

  /* Featured */
  .featured-post { grid-template-columns: repeat(2, 1fr); }
  .featured-post .body { grid-column: 2; }

  .cta-box .image-wrapper { margin-bottom: calc( var(--size-500) * 1.2rem );  }
  .date, .read-more { margin-top: calc( var(--size-400) * 1.2rem ); }
  .description { margin-top: calc( var(--size-200) * 1.2rem ); }
}
/* Min HD Desktop */
@media screen and ( min-width: 1435px ) {
	/* BLOCKS */
	/* Page Header */
  .template-blog .page-header__inner { max-width: 900px; }
  .template-blog.page-header .page-header__bg { height: 500px; }

  /* CTA Box */
  .cta-box__content .cta-grid { grid-template-columns: repeat(3, 1fr); }
  .categories-container__content .category-list .categories ul { font-size: calc( var(--size-400) * 1.2rem ); }

  /* Featured */
  .featured-post { gap: calc( var(--size-800)  * 1rem ); }
  .featured-post { grid-template-columns: repeat(3, 1fr); }
  .featured-post .body { grid-column: 2 / 4; }

  .cta-box .image-wrapper { margin-bottom: calc( var(--size-600) * 1.12rem );  }
  .date, .read-more { margin-top: calc( var(--size-500) * 1rem ); }
  .description { margin-top: calc( var(--size-200) * 1.2rem ); }
}