/*
 Theme Name:   Wright Obara Studio
 Theme URI:    https://wrightobara.com
 Description:  Studio theme by Twelve Kites
 Author:       Twelve Kites Ltd
 Author URI:   http://12kites.com
 Template:     tk-studio
 Version:      1.0.1b
 Requires PHP: 7.4
*/
/*
font-family: 'Bebas Neue', cursive;
font-family: 'Playfair Display', serif;
font-family: 'Roboto', sans-serif;
*/
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("./assets/fonts/roboto-v30-latin-regular.woff2") format("woff2"), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url("./assets/fonts/roboto-v30-latin-regular.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("./assets/fonts/roboto-v30-latin-italic.woff2") format("woff2"), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url("./assets/fonts/roboto-v30-latin-italic.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("./assets/fonts/roboto-v30-latin-500.woff2") format("woff2"), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url("./assets/fonts/roboto-v30-latin-500.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url("./assets/fonts/roboto-v30-latin-500italic.woff2") format("woff2"), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url("./assets/fonts/roboto-v30-latin-500italic.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* bebas-neue-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Bebas Neue";
  font-style: normal;
  font-weight: 400;
  src: url("./assets/fonts/bebas-neue-v14-latin-regular.woff2") format("woff2"), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url("./assets/fonts/bebas-neue-v14-latin-regular.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* playfair-display-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400;
  src: url("./assets/fonts/playfair-display-v37-latin-regular.woff2") format("woff2"), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url("./assets/fonts/playfair-display-v37-latin-regular.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
body {
  font-family: "Roboto", sans-serif;
  font-size: 1.1rem;
}
.theme-subheading {
  font-family: "Playfair Display", serif;
  font-style: italic !important;
}
.theme-heading {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400 !important;
  font-size: 3.6rem;
  line-height: 0.9;
}
.theme-subheading + .theme-heading {
  margin-top: 0.3rem;
}
.page-header-subheading {
  font-size: 3.2rem;
}
.page-header-heading {
  font-size: 6.4rem;
  /* line-height: 1.1; */
}
.testimonial-carousel .testimonial-author {
  font-family: "Bebas Neue", sans-serif;
}
.text-image-row .text-image-row-content, .text-row .text-row-content {
  padding: 6rem 0;
}
/* TODO: remove hardcoded breakpoint values and replace with global vars */
@media screen and (max-width: 577px) {
  .page-header-subheading {
    font-size: 2.11rem;
  }
  .page-header-heading {
    font-size: 4.22rem;
  }
  .theme-subheading + .theme-heading {
    margin-top: 0.2rem;
  }
  .text-image-row .text-image-row-content, .text-row .text-row-content {
    padding: 3rem 0;
  }
}
.latest-posts-block > div:not(:last-child) {
  margin-bottom: 1rem;
}
/* Blog archive styles */
.no-items-msg.hide-it {
  display: none !important;
}
#archive-blog-posts p.post-item-title a {
  color: #000;
}
#blog-posts {
  margin-top: 2rem;
  min-height: 100vh;
}
#blog-posts .filter-container .blog-posts-filter-heading {
  font-size: 3.5rem;
  color: #000;
  margin-bottom: 1.5rem;
}
#blog-posts .filter-container ul.blog-posts-filter-list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
}
#blog-posts .filter-container ul.blog-posts-filter-list .filter-button {
  border: none;
  background: none;
  color: #000;
  text-transform: uppercase;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.5rem;
  line-height: 1.6rem;
  letter-spacing: 1px;
}
#blog-posts .filter-container ul.blog-posts-filter-list .filter-button.active {
  color: #ff652d !important;
  border-bottom: 4px solid #ff652d;
}
#blog-posts .filter-container ul.blog-posts-filter-list .filter-item {
  line-height: 2.2rem;
}
/* Breadcrumbs */
.breadcrumbs {
/*display: none;*/
max-width: 1024px;
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
width: 100%;
padding-right: calc(1.5rem * 0.5);
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(1.5rem * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-right: auto;
margin-left: auto;
margin-top: 1.5rem;
}