/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/flexible-layout/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
/* Frontend styles for the Flexible Layout block */
.flexible-layout {
  margin: 2rem 0;
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  overflow: hidden;
}

/* Container for side-by-side layouts */
.flexible-layout__container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  align-items: center;
}

/* Text content styles */
.flexible-layout__text-content {
  padding: 0;
}

.flexible-layout__title {
  font-size: 2rem;
  font-weight: bold;
  margin: 0 0 1rem 0;
  line-height: 1.2;
  color: inherit;
}

.flexible-layout__text {
  font-size: 1.125rem;
  line-height: 1.6;
  margin: 0;
  color: inherit;
}

.flexible-layout__text p {
  margin: 0 0 1rem 0;
}

.flexible-layout__text p:last-child {
  margin-bottom: 0;
}

/* Image content styles */
.flexible-layout__image-content {
  position: relative;
}

.flexible-layout__image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.flexible-layout__placeholder {
  background-color: #f3f4f6;
  color: #6b7280;
  padding: 3rem 1rem;
  text-align: center;
  border-radius: 8px;
  border: 2px dashed #d1d5db;
}

/* Layout-specific styles */
.flexible-layout--text-only .flexible-layout__content {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

.flexible-layout--image-only .flexible-layout__content {
  max-width: 800px;
  margin: 0 auto;
}

/* Padding variations */
.flexible-layout--padding-none {
  padding: 0;
}

.flexible-layout--padding-small {
  padding: 1rem;
}

.flexible-layout--padding-medium {
  padding: 2rem;
}

.flexible-layout--padding-large {
  padding: 3rem;
}

/* Responsive design */
@media (min-width: 768px) {
  .flexible-layout__container {
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }
  .flexible-layout__title {
    font-size: 2.5rem;
  }
  .flexible-layout--padding-small {
    padding: 1.5rem;
  }
  .flexible-layout--padding-medium {
    padding: 2.5rem;
  }
  .flexible-layout--padding-large {
    padding: 4rem;
  }
}
@media (min-width: 1024px) {
  .flexible-layout__title {
    font-size: 3rem;
  }
  .flexible-layout--padding-large {
    padding: 5rem;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/content-block-left-1image/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
/* Frontend styles for the Content Block Left 1 Image block */
/* 
 * Master Typography Styles for All Content Blocks
 * Import this file into all block style.scss files to maintain consistency
 */
.content-block-left-1image__text, .content-block-left-1image__text ol, .content-block-left-1image__text ul, .content-block-left-1image__text p {
  font-family: "Uncut Sans", "Source Sans 3", "Open Sans", Calibri, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #000000;
  font-weight: 400;
  /* Fallback techniques for better line breaks */
  word-break: break-word;
  overflow-wrap: break-word;
}

.content-block-left-1image__text p {
  font-size: 1.2rem;
  line-height: 27px;
  margin: 0 0 1rem 0;
  /* Default 92% width for better readability */
}
.content-block-left-1image__text p:last-child {
  margin-bottom: 0;
}
@media (min-width: 575px) {
  .content-block-left-1image__text p {
    font-size: 1.24rem;
    line-height: 27px;
    width: 92%;
  }
}
@media (min-width: 768px) {
  .content-block-left-1image__text p {
    font-size: 1.28rem;
    line-height: 27px;
    width: 92%;
  }
}

.content-block-left-1image__text h5, .content-block-left-1image__text h6, .content-block-left-1image__text h4, .content-block-left-1image__text h3 {
  font-family: "Uncut Sans", sans-serif;
  font-weight: 700;
  color: #000000;
  margin: 1.5rem 0 1rem 0;
  line-height: 1.3;
}

.content-block-left-1image__text h3 {
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .content-block-left-1image__text h3 {
    font-size: 1.5rem;
  }
}

.content-block-left-1image__text h4 {
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  .content-block-left-1image__text h4 {
    font-size: 1.3rem;
  }
}

.content-block-left-1image__text h5, .content-block-left-1image__text h6 {
  font-size: 1.1rem;
}
@media (min-width: 768px) {
  .content-block-left-1image__text h5, .content-block-left-1image__text h6 {
    font-size: 1.15rem;
  }
}

.content-block-left-1image__text ol, .content-block-left-1image__text ul {
  font-family: "Uncut Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  font-size: 17.5px;
  line-height: 1.7;
  margin: 1.5rem 0;
  padding-left: 1.5rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
@media (min-width: 575px) {
  .content-block-left-1image__text ol, .content-block-left-1image__text ul {
    font-size: 18px;
    margin: 1.6rem 0;
  }
}

.content-block-left-1image__text ul {
  list-style-type: disc;
  list-style-position: outside; /* Changed back to outside for proper hanging indent */
  padding-left: 1.5rem; /* Space for the bullet and indent */
}
.content-block-left-1image__text ul ul {
  list-style-type: circle;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding-left: 1.5rem; /* Consistent nested indent */
}
.content-block-left-1image__text ul ul ul {
  list-style-type: square;
}

.content-block-left-1image__text ol {
  list-style-type: decimal;
  list-style-position: outside; /* Changed back to outside for proper hanging indent */
  padding-left: 1.5rem; /* Space for the number and indent */
}
.content-block-left-1image__text ol ol {
  list-style-type: lower-alpha;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding-left: 1.5rem; /* Consistent nested indent */
}
.content-block-left-1image__text ol ol ol {
  list-style-type: lower-roman;
}

.content-block-left-1image__text li {
  margin: 0 0 0.75rem 0;
  display: list-item;
  width: 100%;
  box-sizing: border-box;
  padding-left: 0.5rem; /* Add padding to create hanging indent effect */
  font-weight: 500;
  color: #272727;
  line-height: 29px;
}
.content-block-left-1image__text li:last-child {
  margin-bottom: 0;
}
@media (min-width: 575px) {
  .content-block-left-1image__text li {
    font-weight: 500;
    margin: 0 0 0.9rem 0;
    width: 89%;
  }
}

.content-block-left-1image__title {
  font-family: "Rethink Sans", sans-serif;
  font-weight: 700;
  color: #000000;
  line-height: 1; /* Default mobile line-height */
  margin: 0 0 1.75rem 0; /* Mobile margin */
  font-size: 2.25rem;
}
@media (min-width: 768px) {
  .content-block-left-1image__title {
    font-size: 3.45rem;
    line-height: 59px; /* Apply fixed line-height above mobile */
    margin-bottom: 3.1rem; /* Desktop margin */
    margin-top: -9px;
  }
}
@media (max-width: 767px) {
  .content-block-left-1image__title {
    font-size: 2.25rem;
    /* Keeps line-height: 1 and 1.75rem margin from default */
  }
}

.content-block-left-1image__subheader {
  font-family: "Uncut Sans", sans-serif;
  font-weight: 700;
  color: #000000;
  line-height: 1.3;
  margin: 0 0 1.5rem 0;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .content-block-left-1image__subheader {
    font-size: 1.65rem;
  }
}
@media (max-width: 767px) {
  .content-block-left-1image__subheader {
    font-size: 1.4rem;
  }
}

/* 
 * Master Layout & Structure Styles for All Content Blocks
 * Import this file into all block style.scss files for consistent structure
 */
.wp-block-timber-theme-content-block-left-1image {
  margin-top: 2.1rem; /* Small mobile margin top (0-574px) */
  margin-bottom: 2.1rem; /* Small mobile margin bottom (0-574px) */
  padding: 0;
}
@media (min-width: 575px) {
  .wp-block-timber-theme-content-block-left-1image {
    margin-top: 3.2rem; /* xs breakpoint and above margin top */
    margin-bottom: 2.8rem; /* xs breakpoint and above margin bottom */
  }
}
@media (min-width: 1024px) {
  .wp-block-timber-theme-content-block-left-1image {
    padding-right: 3rem;
  }
}

.content-block-left-1image__container {
  max-width: 100%;
  padding: 0 0rem;
  width: 100%;
}
@media (min-width: 768px) {
  .content-block-left-1image__container {
    max-width: 1200px;
  }
}
@media (min-width: 1024px) {
  .content-block-left-1image__container {
    max-width: 1200px;
  }
}
@media (min-width: 1440px) {
  .content-block-left-1image__container {
    max-width: 1200px;
  }
}

.content-block-left-1image__text-content {
  padding: 0;
}

.content-block-left-1image__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  aspect-ratio: 1/1;
}

/* Main container with custom grid layout (no global responsive gaps) */
.content-block-left-1image__container {
  max-width: 1210px;
  /* Custom grid without inherited responsive gaps */
  display: grid;
  grid-template-columns: 1fr 0fr;
  gap: 0rem; /* Default gap - you control this completely */
  row-gap: 2rem; /* Space between rows on mobile */
}
@media (max-width: 767px) {
  .content-block-left-1image__container {
    row-gap: 1.5rem;
  }
}

/* Text content styles */
@media (max-width: 767px) {
  .content-block-left-1image__text-content {
    grid-area: content;
  }
}

/* Use shared typography styles */
/* Content area with shared typography */
.content-block-left-1image__text {
  margin: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.content-block-left-1image__text * {
  box-sizing: border-box;
  max-width: 100%;
}

/* Image content styles */
.content-block-left-1image__image-content {
  position: relative;
}
@media (max-width: 767px) {
  .content-block-left-1image__image-content {
    grid-area: image;
  }
}

.content-block-left-1image__image {
  height: 300px;
  width: 88%;
  aspect-ratio: auto;
}
@media (min-width: 768px) {
  .content-block-left-1image__image {
    padding-left: 0rem;
    aspect-ratio: 2/3;
    width: initial;
    height: initial;
  }
}
@media (min-width: 875px) {
  .content-block-left-1image__image {
    padding-left: 0rem;
    aspect-ratio: 2.9/3;
    width: initial;
    height: initial;
  }
}
.content-block-left-1image__image {
  /* Above mobile: specific height and padding controls */
}
@media (min-width: 1024px) {
  .content-block-left-1image__image {
    padding-left: 0rem;
    aspect-ratio: 3.3/3;
    width: initial;
    height: initial;
  }
}

.content-block-left-1image__placeholder {
  display: none;
}

/* Desktop layout: text left, images right */
@media (min-width: 768px) {
  .content-block-left-1image__container {
    grid-template-columns: 2fr 1fr;
    gap: 2rem;
  }
  .content-block-left-1image__image {
    padding-left: 2rem;
  }
}
/* Custom responsive layout - you control all breakpoints */
/* Example: You can now target any specific width you want */
@media (min-width: 1150px) {
  .content-block-left-1image__container {
    grid-template-columns: 2fr 1fr;
    gap: 7rem;
  }
}
/* Mobile layout adjustments */
@media (max-width: 767px) {
  .content-block-left-1image__container {
    grid-template-areas: "content" "image";
  }
  .content-block-left-1image__image-content {
    grid-area: image;
  }
  .content-block-left-1image__text-content {
    grid-area: content;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/content-block-left-2images/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
/* Frontend styles for the Content Block Left 2 Images block */
/* 
 * Master Typography Styles for All Content Blocks
 * Import this file into all block style.scss files to maintain consistency
 */
.content-block-left-2images__text, .wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text ol, .content-block-left-2images__text ol, .wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text ul, .content-block-left-2images__text ul, .wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text p, .content-block-left-2images__text p, .wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text p {
  font-family: "Uncut Sans", "Source Sans 3", "Open Sans", Calibri, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #000000;
  font-weight: 400;
  /* Fallback techniques for better line breaks */
  word-break: break-word;
  overflow-wrap: break-word;
}

.wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text p, .content-block-left-2images__text p, .wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text p {
  font-size: 1.2rem;
  line-height: 27px;
  margin: 0 0 1rem 0;
  /* Default 92% width for better readability */
}
.wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text p:last-child, .content-block-left-2images__text p:last-child {
  margin-bottom: 0;
}
@media (min-width: 575px) {
  .wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text p, .content-block-left-2images__text p, .wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text p {
    font-size: 1.24rem;
    line-height: 27px;
    width: 92%;
  }
}
@media (min-width: 768px) {
  .wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text p, .content-block-left-2images__text p, .wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text p {
    font-size: 1.28rem;
    line-height: 27px;
    width: 92%;
  }
}

.wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text p {
  /* Modern text balancing with fallback - OPTIONAL */
  text-wrap: balance;
  text-wrap-style: balance;
}

.wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text h5, .wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text h6, .content-block-left-2images__text h5, .content-block-left-2images__text h6, .wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text h4, .content-block-left-2images__text h4, .wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text h3, .content-block-left-2images__text h3 {
  font-family: "Uncut Sans", sans-serif;
  font-weight: 700;
  color: #000000;
  margin: 1.5rem 0 1rem 0;
  line-height: 1.3;
}

.wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text h3, .content-block-left-2images__text h3 {
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text h3, .content-block-left-2images__text h3 {
    font-size: 1.5rem;
  }
}

.wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text h4, .content-block-left-2images__text h4 {
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  .wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text h4, .content-block-left-2images__text h4 {
    font-size: 1.3rem;
  }
}

.wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text h5, .wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text h6, .content-block-left-2images__text h5, .content-block-left-2images__text h6 {
  font-size: 1.1rem;
}
@media (min-width: 768px) {
  .wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text h5, .wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text h6, .content-block-left-2images__text h5, .content-block-left-2images__text h6 {
    font-size: 1.15rem;
  }
}

.wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text ol, .content-block-left-2images__text ol, .wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text ul, .content-block-left-2images__text ul {
  font-family: "Uncut Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  font-size: 17.5px;
  line-height: 1.7;
  margin: 1.5rem 0;
  padding-left: 1.5rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
@media (min-width: 575px) {
  .wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text ol, .content-block-left-2images__text ol, .wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text ul, .content-block-left-2images__text ul {
    font-size: 18px;
    margin: 1.6rem 0;
  }
}

.wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text ul, .content-block-left-2images__text ul {
  list-style-type: disc;
  list-style-position: outside; /* Changed back to outside for proper hanging indent */
  padding-left: 1.5rem; /* Space for the bullet and indent */
}
.wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text ul ul, .content-block-left-2images__text ul ul {
  list-style-type: circle;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding-left: 1.5rem; /* Consistent nested indent */
}
.wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text ul ul ul, .content-block-left-2images__text ul ul ul {
  list-style-type: square;
}

.wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text ol, .content-block-left-2images__text ol {
  list-style-type: decimal;
  list-style-position: outside; /* Changed back to outside for proper hanging indent */
  padding-left: 1.5rem; /* Space for the number and indent */
}
.wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text ol ol, .content-block-left-2images__text ol ol {
  list-style-type: lower-alpha;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding-left: 1.5rem; /* Consistent nested indent */
}
.wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text ol ol ol, .content-block-left-2images__text ol ol ol {
  list-style-type: lower-roman;
}

.wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text li, .content-block-left-2images__text li {
  margin: 0 0 0.75rem 0;
  display: list-item;
  width: 100%;
  box-sizing: border-box;
  padding-left: 0.5rem; /* Add padding to create hanging indent effect */
  font-weight: 500;
  color: #272727;
  line-height: 29px;
}
.wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text li:last-child, .content-block-left-2images__text li:last-child {
  margin-bottom: 0;
}
@media (min-width: 575px) {
  .wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text li, .content-block-left-2images__text li {
    font-weight: 500;
    margin: 0 0 0.9rem 0;
    width: 89%;
  }
}

.content-block-left-2images__title {
  font-family: "Rethink Sans", sans-serif;
  font-weight: 700;
  color: #000000;
  line-height: 1; /* Default mobile line-height */
  margin: 0 0 1.75rem 0; /* Mobile margin */
  font-size: 2.25rem;
}
@media (min-width: 768px) {
  .content-block-left-2images__title {
    font-size: 3.45rem;
    line-height: 59px; /* Apply fixed line-height above mobile */
    margin-bottom: 3.1rem; /* Desktop margin */
    margin-top: -9px;
  }
}
@media (max-width: 767px) {
  .content-block-left-2images__title {
    font-size: 2.25rem;
    /* Keeps line-height: 1 and 1.75rem margin from default */
  }
}

.content-block-left-2images__subheader {
  font-family: "Uncut Sans", sans-serif;
  font-weight: 700;
  color: #000000;
  line-height: 1.3;
  margin: 0 0 1.5rem 0;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .content-block-left-2images__subheader {
    font-size: 1.65rem;
  }
}
@media (max-width: 767px) {
  .content-block-left-2images__subheader {
    font-size: 1.4rem;
  }
}

/* 
 * Master Layout & Structure Styles for All Content Blocks
 * Import this file into all block style.scss files for consistent structure
 */
.wp-block-timber-theme-content-block-left-2images {
  margin-top: 2.1rem; /* Small mobile margin top (0-574px) */
  margin-bottom: 2.1rem; /* Small mobile margin bottom (0-574px) */
  padding: 0;
}
@media (min-width: 575px) {
  .wp-block-timber-theme-content-block-left-2images {
    margin-top: 3.2rem; /* xs breakpoint and above margin top */
    margin-bottom: 2.8rem; /* xs breakpoint and above margin bottom */
  }
}
@media (min-width: 1024px) {
  .wp-block-timber-theme-content-block-left-2images {
    padding-right: 3rem;
  }
}

.content-block-left-2images__container {
  max-width: 100%;
  padding: 0 0rem;
  width: 100%;
}
@media (min-width: 768px) {
  .content-block-left-2images__container {
    max-width: 1200px;
  }
}
@media (min-width: 1024px) {
  .content-block-left-2images__container {
    max-width: 1200px;
  }
}
@media (min-width: 1440px) {
  .content-block-left-2images__container {
    max-width: 1200px;
  }
}

.content-block-left-2images__text-content {
  padding: 0;
}

/* Main container with grid layout */
.content-block-left-2images__container {
  max-width: 1215px;
  /* Custom grid without inherited responsive gaps */
  display: grid;
  grid-template-columns: 1fr 0fr;
  gap: 2rem; /* Default gap - you control this completely */
}
@media (max-width: 767px) {
  .content-block-left-2images__container {
    gap: 1.15rem;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}

/* Text content styles */
@media (max-width: 767px) {
  .content-block-left-2images__text-content {
    grid-area: content;
  }
}

/* Use shared typography styles */
/* Content area with shared typography */
.content-block-left-2images__text {
  margin: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.content-block-left-2images__text * {
  box-sizing: border-box;
  max-width: 100%;
}
@media (max-width: 767px) {
  .content-block-left-2images__text {
    margin-bottom: 1rem;
  }
}

/* Optional text balance when enabled */
.wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.wp-block-timber-theme-content-block-left-2images.has-text-balance .content-block-left-2images__text * {
  box-sizing: border-box;
  max-width: 100%;
}
/* Images content styles */
.content-block-left-2images__images-content {
  display: flex;
  flex-direction: column;
  height: 100%; /* Fill the grid cell completely */
  gap: 0.9rem;
}
@media (max-width: 767px) {
  .content-block-left-2images__images-content {
    grid-area: image;
    flex-direction: row; /* Change to row on mobile */
    height: auto; /* On mobile, let it size naturally */
    gap: 1rem; /* Adjust gap for row layout */
  }
}

/* Container for each image - this is what gets the flex sizing */
.content-block-left-2images__image-container {
  /* Default: allow content to size naturally but distribute space */
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
  /* Second image container gets padding */
}
.content-block-left-2images__image-container:last-child {
  padding-left: 1rem;
  padding-right: 0.9rem;
}
@media (max-width: 767px) {
  .content-block-left-2images__image-container {
    flex: 1; /* Equal 50/50 split on mobile */
  }
  .content-block-left-2images__image-container:last-child {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

.content-block-left-2images__image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /* Force image rendering to be crisp even at lower resolutions */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}
.content-block-left-2images__image-container:first-child .content-block-left-2images__image {
  aspect-ratio: initial;
  max-height: 300px;
  height: 250px;
  width: 100%;
}
.content-block-left-2images__image-container:last-child .content-block-left-2images__image {
  aspect-ratio: initial;
  max-height: 300px;
  height: 250px;
  width: 100%;
}
@media (min-width: 415px) {
  .content-block-left-2images__image-container:first-child .content-block-left-2images__image {
    aspect-ratio: initial;
    max-height: 300px;
    height: 300px;
    width: 100%;
  }
  .content-block-left-2images__image-container:last-child .content-block-left-2images__image {
    aspect-ratio: initial;
    max-height: 300px;
    height: 300px;
    width: 100%;
  }
}
.content-block-left-2images__image {
  /* Small Tablet (768px+) */
}
@media (min-width: 768px) {
  .content-block-left-2images__image-container:first-child .content-block-left-2images__image {
    aspect-ratio: 1.8/3;
    width: 100%;
    height: auto;
  }
  .content-block-left-2images__image-container:last-child .content-block-left-2images__image {
    aspect-ratio: 1.3/2;
    width: 100%;
    height: auto;
  }
}
.content-block-left-2images__image {
  /* Small Tablet (812px+) */
}
@media (min-width: 812px) {
  .content-block-left-2images__image-container:first-child .content-block-left-2images__image {
    aspect-ratio: 2.15/3;
  }
  .content-block-left-2images__image-container:last-child .content-block-left-2images__image {
    aspect-ratio: 1.5/2;
  }
}
.content-block-left-2images__image {
  /* Medium screens (900px+) */
}
@media (min-width: 900px) {
  .content-block-left-2images__image-container:first-child .content-block-left-2images__image {
    aspect-ratio: 3/3;
  }
  .content-block-left-2images__image-container:last-child .content-block-left-2images__image {
    aspect-ratio: 4.5/5;
  }
}
.content-block-left-2images__image {
  /* Desktop (1024px+) */
}
@media (min-width: 1024px) {
  .content-block-left-2images__image-container:first-child .content-block-left-2images__image {
    aspect-ratio: 4/2.35;
  }
  .content-block-left-2images__image-container:last-child .content-block-left-2images__image {
    aspect-ratio: 3/3;
  }
}
.content-block-left-2images__image {
  /* Low-resolution image optimization */
}
.content-block-left-2images__image[src*=content_block_low_res] {
  /* Enhance low-res images with slight blur reduction */
  filter: contrast(1.1) saturate(1.05);
}

.content-block-left-2images__placeholder {
  background-color: #f3f4f6;
  color: #6b7280;
  padding: 1rem;
  text-align: center;
  border-radius: 8px;
  border: 2px dashed #d1d5db;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; /* Fill the container completely */
}

/* Desktop layout: text left, images right */
@media (min-width: 768px) {
  .content-block-left-2images__container {
    grid-template-columns: 2fr 1fr;
    gap: 3rem;
  }
}
/* Mobile layout adjustments */
@media (max-width: 767px) {
  .content-block-left-2images__container {
    grid-template-areas: "content" "image";
  }
  .content-block-left-2images__images-content {
    grid-area: image;
    padding-left: 0;
  }
  .content-block-left-2images__text-content {
    grid-area: content;
  }
}
/* Example: You can now target any specific width you want */
@media (min-width: 1150px) {
  .content-block-left-2images__container {
    grid-template-columns: 2fr 1fr;
    gap: 4rem;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/content-block-right-text/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
/* Frontend styles for the Content Block Right Text block */
/* 
 * Master Typography Styles for All Content Blocks
 * Import this file into all block style.scss files to maintain consistency
 */
.content-block-right-text__text, .wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text ol, .content-block-right-text__text ol, .wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text ul, .content-block-right-text__text ul, .wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text p, .content-block-right-text__text p, .wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text p {
  font-family: "Uncut Sans", "Source Sans 3", "Open Sans", Calibri, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #000000;
  font-weight: 400;
  /* Fallback techniques for better line breaks */
  word-break: break-word;
  overflow-wrap: break-word;
}

.wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text p, .content-block-right-text__text p, .wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text p {
  font-size: 1.2rem;
  line-height: 27px;
  margin: 0 0 1rem 0;
  /* Default 92% width for better readability */
}
.wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text p:last-child, .content-block-right-text__text p:last-child {
  margin-bottom: 0;
}
@media (min-width: 575px) {
  .wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text p, .content-block-right-text__text p, .wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text p {
    font-size: 1.24rem;
    line-height: 27px;
    width: 92%;
  }
}
@media (min-width: 768px) {
  .wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text p, .content-block-right-text__text p, .wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text p {
    font-size: 1.28rem;
    line-height: 27px;
    width: 92%;
  }
}

.wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text p {
  /* Modern text balancing with fallback - OPTIONAL */
  text-wrap: balance;
  text-wrap-style: balance;
}

.wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text h5, .wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text h6, .content-block-right-text__text h5, .content-block-right-text__text h6, .wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text h4, .content-block-right-text__text h4, .wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text h3, .content-block-right-text__text h3 {
  font-family: "Uncut Sans", sans-serif;
  font-weight: 700;
  color: #000000;
  margin: 1.5rem 0 1rem 0;
  line-height: 1.3;
}

.wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text h3, .content-block-right-text__text h3 {
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text h3, .content-block-right-text__text h3 {
    font-size: 1.5rem;
  }
}

.wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text h4, .content-block-right-text__text h4 {
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  .wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text h4, .content-block-right-text__text h4 {
    font-size: 1.3rem;
  }
}

.wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text h5, .wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text h6, .content-block-right-text__text h5, .content-block-right-text__text h6 {
  font-size: 1.1rem;
}
@media (min-width: 768px) {
  .wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text h5, .wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text h6, .content-block-right-text__text h5, .content-block-right-text__text h6 {
    font-size: 1.15rem;
  }
}

.wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text ol, .content-block-right-text__text ol, .wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text ul, .content-block-right-text__text ul {
  font-family: "Uncut Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  font-size: 17.5px;
  line-height: 1.7;
  margin: 1.5rem 0;
  padding-left: 1.5rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
@media (min-width: 575px) {
  .wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text ol, .content-block-right-text__text ol, .wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text ul, .content-block-right-text__text ul {
    font-size: 18px;
    margin: 1.6rem 0;
  }
}

.wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text ul, .content-block-right-text__text ul {
  list-style-type: disc;
  list-style-position: outside; /* Changed back to outside for proper hanging indent */
  padding-left: 1.5rem; /* Space for the bullet and indent */
}
.wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text ul ul, .content-block-right-text__text ul ul {
  list-style-type: circle;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding-left: 1.5rem; /* Consistent nested indent */
}
.wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text ul ul ul, .content-block-right-text__text ul ul ul {
  list-style-type: square;
}

.wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text ol, .content-block-right-text__text ol {
  list-style-type: decimal;
  list-style-position: outside; /* Changed back to outside for proper hanging indent */
  padding-left: 1.5rem; /* Space for the number and indent */
}
.wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text ol ol, .content-block-right-text__text ol ol {
  list-style-type: lower-alpha;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding-left: 1.5rem; /* Consistent nested indent */
}
.wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text ol ol ol, .content-block-right-text__text ol ol ol {
  list-style-type: lower-roman;
}

.wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text li, .content-block-right-text__text li {
  margin: 0 0 0.75rem 0;
  display: list-item;
  width: 100%;
  box-sizing: border-box;
  padding-left: 0.5rem; /* Add padding to create hanging indent effect */
  font-weight: 500;
  color: #272727;
  line-height: 29px;
}
.wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text li:last-child, .content-block-right-text__text li:last-child {
  margin-bottom: 0;
}
@media (min-width: 575px) {
  .wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text li, .content-block-right-text__text li {
    font-weight: 500;
    margin: 0 0 0.9rem 0;
    width: 89%;
  }
}

.content-block-right-text__title {
  font-family: "Rethink Sans", sans-serif;
  font-weight: 700;
  color: #000000;
  line-height: 1; /* Default mobile line-height */
  margin: 0 0 1.75rem 0; /* Mobile margin */
  font-size: 2.25rem;
}
@media (min-width: 768px) {
  .content-block-right-text__title {
    font-size: 3.45rem;
    line-height: 59px; /* Apply fixed line-height above mobile */
    margin-bottom: 3.1rem; /* Desktop margin */
    margin-top: -9px;
  }
}
@media (max-width: 767px) {
  .content-block-right-text__title {
    font-size: 2.25rem;
    /* Keeps line-height: 1 and 1.75rem margin from default */
  }
}

.content-block-right-text__subheader {
  font-family: "Uncut Sans", sans-serif;
  font-weight: 700;
  color: #000000;
  line-height: 1.3;
  margin: 0 0 1.5rem 0;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .content-block-right-text__subheader {
    font-size: 1.65rem;
  }
}
@media (max-width: 767px) {
  .content-block-right-text__subheader {
    font-size: 1.4rem;
  }
}

/* 
 * Master Layout & Structure Styles for All Content Blocks
 * Import this file into all block style.scss files for consistent structure
 */
.wp-block-timber-theme-content-block-right-text {
  margin-top: 2.1rem; /* Small mobile margin top (0-574px) */
  margin-bottom: 2.1rem; /* Small mobile margin bottom (0-574px) */
  padding: 0;
}
@media (min-width: 575px) {
  .wp-block-timber-theme-content-block-right-text {
    margin-top: 3.2rem; /* xs breakpoint and above margin top */
    margin-bottom: 2.8rem; /* xs breakpoint and above margin bottom */
  }
}
@media (min-width: 1024px) {
  .wp-block-timber-theme-content-block-right-text {
    padding-right: 3rem;
  }
}

.content-block-right-text__container {
  max-width: 100%;
  padding: 0 0rem;
  width: 100%;
}
@media (min-width: 768px) {
  .content-block-right-text__container {
    max-width: 1200px;
  }
}
@media (min-width: 1024px) {
  .content-block-right-text__container {
    max-width: 1200px;
  }
}
@media (min-width: 1440px) {
  .content-block-right-text__container {
    max-width: 1200px;
  }
}

.content-block-right-text__container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}
@media (min-width: 768px) {
  .content-block-right-text__container {
    grid-template-columns: 1fr 2fr;
    gap: 7rem;
  }
}

.content-block-right-text__text-content {
  padding: 0;
}

/* Main container with reversed grid layout (images left, text right) */
.content-block-right-text__container {
  max-width: 1320px;
  /* Custom grid without inherited responsive gaps */
  display: grid;
  grid-template-columns: 1fr 0fr;
  gap: 2rem; /* Default gap - you control this completely */
}
@media (max-width: 767px) {
  .content-block-right-text__container {
    gap: 2rem; /* Default gap - you control this completely */
    -moz-column-gap: 0;
         column-gap: 0;
  }
}

/* Images content styles - LEFT SIDE */
.content-block-right-text__images-content {
  display: flex;
  flex-direction: column;
  height: 100%; /* Fill the grid cell completely */
  gap: 0.9rem;
}
@media (max-width: 767px) {
  .content-block-right-text__images-content {
    grid-area: image;
    height: auto; /* On mobile, let it size naturally */
  }
}

/* Container for each image - this is what gets the flex sizing */
.content-block-right-text__image-container {
  /* Default: allow content to size naturally but distribute space */
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
  /* Second image container gets padding */
}
.content-block-right-text__image-container:last-child {
  padding-left: 1.5rem;
  padding-right: 0.9rem;
}
@media (min-width: 1024px) {
  .content-block-right-text__image-container:last-child {
    padding-left: 3.5rem;
    padding-right: 1.45rem;
  }
}
@media (max-width: 767px) {
  .content-block-right-text__image-container {
    flex: none; /* On mobile, use natural sizing */
    margin-bottom: 0rem;
  }
  .content-block-right-text__image-container:last-child {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

/* Text content styles - RIGHT SIDE */
@media (max-width: 767px) {
  .content-block-right-text__text-content {
    grid-area: content;
  }
}

/* Use shared typography styles */
.content-block-right-text__title {
  padding-right: 0;
}
@media (min-width: 1024px) {
  .content-block-right-text__title {
    padding-right: 5rem;
  }
}
@media (min-width: 1550px) {
  .content-block-right-text__title {
    padding-right: 0;
  }
}

/* Content area with shared typography */
.content-block-right-text__text {
  margin: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.content-block-right-text__text * {
  box-sizing: border-box;
  max-width: 100%;
}

/* Optional text balance when enabled */
.wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.wp-block-timber-theme-content-block-right-text.has-text-balance .content-block-right-text__text * {
  box-sizing: border-box;
  max-width: 100%;
}
/* Image styling with responsive aspect ratios - COPIED FROM LEFT-2IMAGES */
.content-block-right-text__image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /* Force image rendering to be crisp even at lower resolutions */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  /* Mobile (0-767px) - Compact ratios */
}
.content-block-right-text__image-container:first-child .content-block-right-text__image {
  aspect-ratio: 1/1;
  max-height: 318px;
  width: 87%;
}
.content-block-right-text__image-container:last-child .content-block-right-text__image {
  aspect-ratio: initial;
  width: 75%;
  aspect-ratio: 1/1;
  max-height: 416px;
}
.content-block-right-text__image {
  /* Small Tablet (768px+) */
}
@media (min-width: 768px) {
  .content-block-right-text__image-container:first-child .content-block-right-text__image {
    aspect-ratio: 2.5/3;
    width: 100%;
    height: auto;
  }
  .content-block-right-text__image-container:last-child .content-block-right-text__image {
    aspect-ratio: 1.8/3;
    width: 100%;
    height: auto;
  }
}
.content-block-right-text__image {
  /* Small Tablet (812px+) */
}
@media (min-width: 812px) {
  .content-block-right-text__image-container:first-child .content-block-right-text__image {
    aspect-ratio: 2.55/3;
  }
  .content-block-right-text__image-container:last-child .content-block-right-text__image {
    aspect-ratio: 2.2/3;
  }
}
.content-block-right-text__image {
  /* Medium screens (900px+) */
}
@media (min-width: 900px) {
  .content-block-right-text__image-container:first-child .content-block-right-text__image {
    aspect-ratio: 4/3;
  }
  .content-block-right-text__image-container:last-child .content-block-right-text__image {
    aspect-ratio: 3.5/5;
  }
}
.content-block-right-text__image {
  /* Desktop (1024px+) */
}
@media (min-width: 1024px) {
  .content-block-right-text__image-container:first-child .content-block-right-text__image {
    aspect-ratio: 4/2.3;
  }
  .content-block-right-text__image-container:last-child .content-block-right-text__image {
    aspect-ratio: 2.8/3;
  }
}
.content-block-right-text__image {
  /* Low-resolution image optimization */
}
.content-block-right-text__image[src*=content_block_low_res] {
  /* Enhance low-res images with slight blur reduction */
  filter: contrast(1.1) saturate(1.05);
}

.content-block-right-text__placeholder {
  background-color: #f3f4f6;
  color: #6b7280;
  padding: 1rem;
  text-align: center;
  border-radius: 8px;
  border: 2px dashed #d1d5db;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; /* Fill the container completely */
}

/* Desktop layout: images left, text right */
@media (min-width: 768px) {
  .content-block-right-text__container {
    grid-template-columns: 1fr 2fr;
    gap: 5rem;
  }
}
/* Desktop layout: images left, text right */
@media (min-width: 1024px) {
  .content-block-right-text__container {
    grid-template-columns: 1fr 2fr;
    gap: 6rem;
  }
}
/* Mobile layout adjustments */
@media (max-width: 767px) {
  .content-block-right-text__container {
    grid-template-areas: "content" "image";
  }
  .content-block-right-text__images-content {
    grid-area: image;
    padding-left: 0;
  }
  .content-block-right-text__text-content {
    grid-area: content;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/content-block-complex-layout/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
/* Frontend styles for the Content Block Complex Layout */
/* 
 * Master Typography Styles for All Content Blocks
 * Import this file into all block style.scss files to maintain consistency
 */
.content-block-complex-layout__content, .wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content ol, .content-block-complex-layout__text-content ol, .wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content ul, .content-block-complex-layout__list ul, .content-block-complex-layout__text-content ul, .wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content p, .content-block-complex-layout__text-content p, .wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content p {
  font-family: "Uncut Sans", "Source Sans 3", "Open Sans", Calibri, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #000000;
  font-weight: 400;
  /* Fallback techniques for better line breaks */
  word-break: break-word;
  overflow-wrap: break-word;
}

.wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content p, .content-block-complex-layout__text-content p, .wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content p {
  font-size: 1.2rem;
  line-height: 27px;
  margin: 0 0 1rem 0;
  /* Default 92% width for better readability */
}
.wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content p:last-child, .content-block-complex-layout__text-content p:last-child {
  margin-bottom: 0;
}
@media (min-width: 575px) {
  .wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content p, .content-block-complex-layout__text-content p, .wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content p {
    font-size: 1.24rem;
    line-height: 27px;
    width: 92%;
  }
}
@media (min-width: 768px) {
  .wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content p, .content-block-complex-layout__text-content p, .wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content p {
    font-size: 1.28rem;
    line-height: 27px;
    width: 92%;
  }
}

.wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content p {
  /* Modern text balancing with fallback - OPTIONAL */
  text-wrap: balance;
  text-wrap-style: balance;
}

.wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content h5, .wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content h6, .content-block-complex-layout__text-content h5, .content-block-complex-layout__text-content h6, .wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content h4, .content-block-complex-layout__text-content h4, .wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content h3, .content-block-complex-layout__text-content h3 {
  font-family: "Uncut Sans", sans-serif;
  font-weight: 700;
  color: #000000;
  margin: 1.5rem 0 1rem 0;
  line-height: 1.3;
}

.wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content h3, .content-block-complex-layout__text-content h3 {
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content h3, .content-block-complex-layout__text-content h3 {
    font-size: 1.5rem;
  }
}

.wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content h4, .content-block-complex-layout__text-content h4 {
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  .wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content h4, .content-block-complex-layout__text-content h4 {
    font-size: 1.3rem;
  }
}

.wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content h5, .wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content h6, .content-block-complex-layout__text-content h5, .content-block-complex-layout__text-content h6 {
  font-size: 1.1rem;
}
@media (min-width: 768px) {
  .wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content h5, .wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content h6, .content-block-complex-layout__text-content h5, .content-block-complex-layout__text-content h6 {
    font-size: 1.15rem;
  }
}

.wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content ol, .content-block-complex-layout__text-content ol, .wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content ul, .content-block-complex-layout__list ul, .content-block-complex-layout__text-content ul {
  font-family: "Uncut Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  font-size: 17.5px;
  line-height: 1.7;
  margin: 1.5rem 0;
  padding-left: 1.5rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
@media (min-width: 575px) {
  .wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content ol, .content-block-complex-layout__text-content ol, .wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content ul, .content-block-complex-layout__list ul, .content-block-complex-layout__text-content ul {
    font-size: 18px;
    margin: 1.6rem 0;
  }
}

.wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content ul, .content-block-complex-layout__list ul, .content-block-complex-layout__text-content ul {
  list-style-type: disc;
  list-style-position: outside; /* Changed back to outside for proper hanging indent */
  padding-left: 1.5rem; /* Space for the bullet and indent */
}
.wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content ul ul, .content-block-complex-layout__list ul ul, .content-block-complex-layout__text-content ul ul {
  list-style-type: circle;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding-left: 1.5rem; /* Consistent nested indent */
}
.wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content ul ul ul, .content-block-complex-layout__list ul ul ul, .content-block-complex-layout__text-content ul ul ul {
  list-style-type: square;
}

.wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content ol, .content-block-complex-layout__text-content ol {
  list-style-type: decimal;
  list-style-position: outside; /* Changed back to outside for proper hanging indent */
  padding-left: 1.5rem; /* Space for the number and indent */
}
.wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content ol ol, .content-block-complex-layout__text-content ol ol {
  list-style-type: lower-alpha;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding-left: 1.5rem; /* Consistent nested indent */
}
.wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content ol ol ol, .content-block-complex-layout__text-content ol ol ol {
  list-style-type: lower-roman;
}

.wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content li, .content-block-complex-layout__list li, .content-block-complex-layout__text-content li {
  margin: 0 0 0.75rem 0;
  display: list-item;
  width: 100%;
  box-sizing: border-box;
  padding-left: 0.5rem; /* Add padding to create hanging indent effect */
  font-weight: 500;
  color: #272727;
  line-height: 29px;
}
.wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content li:last-child, .content-block-complex-layout__list li:last-child, .content-block-complex-layout__text-content li:last-child {
  margin-bottom: 0;
}
@media (min-width: 575px) {
  .wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content li, .content-block-complex-layout__list li, .content-block-complex-layout__text-content li {
    font-weight: 500;
    margin: 0 0 0.9rem 0;
    width: 89%;
  }
}

.content-block-complex-layout__title {
  font-family: "Rethink Sans", sans-serif;
  font-weight: 700;
  color: #000000;
  line-height: 1; /* Default mobile line-height */
  margin: 0 0 1.75rem 0; /* Mobile margin */
  font-size: 2.25rem;
}
@media (min-width: 768px) {
  .content-block-complex-layout__title {
    font-size: 3.45rem;
    line-height: 59px; /* Apply fixed line-height above mobile */
    margin-bottom: 3.1rem; /* Desktop margin */
    margin-top: -9px;
  }
}
@media (max-width: 767px) {
  .content-block-complex-layout__title {
    font-size: 2.25rem;
    /* Keeps line-height: 1 and 1.75rem margin from default */
  }
}

.content-block-complex-layout__subheader {
  font-family: "Uncut Sans", sans-serif;
  font-weight: 700;
  color: #000000;
  line-height: 1.3;
  margin: 0 0 1.5rem 0;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .content-block-complex-layout__subheader {
    font-size: 1.65rem;
  }
}
@media (max-width: 767px) {
  .content-block-complex-layout__subheader {
    font-size: 1.4rem;
  }
}

/* 
 * Master Layout & Structure Styles for All Content Blocks
 * Import this file into all block style.scss files for consistent structure
 */
.wp-block-timber-theme-content-block-complex-layout {
  margin-top: 2.1rem; /* Small mobile margin top (0-574px) */
  margin-bottom: 2.1rem; /* Small mobile margin bottom (0-574px) */
  padding: 0;
}
@media (min-width: 575px) {
  .wp-block-timber-theme-content-block-complex-layout {
    margin-top: 3.2rem; /* xs breakpoint and above margin top */
    margin-bottom: 2.8rem; /* xs breakpoint and above margin bottom */
  }
}
@media (min-width: 1024px) {
  .wp-block-timber-theme-content-block-complex-layout {
    padding-right: 3rem;
  }
}

.content-block-complex-layout__wrapper {
  max-width: 100%;
  padding: 0 0rem;
  width: 100%;
}
@media (min-width: 768px) {
  .content-block-complex-layout__wrapper {
    max-width: 1200px;
  }
}
@media (min-width: 1024px) {
  .content-block-complex-layout__wrapper {
    max-width: 1200px;
  }
}
@media (min-width: 1440px) {
  .content-block-complex-layout__wrapper {
    max-width: 1200px;
  }
}

.content-block-complex-layout__text-content {
  padding: 0;
}

@media (min-width: 767px) {
  .wp-block-timber-theme-content-block-complex-layout {
    margin-top: 4.25rem;
    margin-bottom: 3.75rem;
  }
}

/* Main wrapper containing title and grid */
.content-block-complex-layout__wrapper {
  max-width: 1255px;
  /* Create a grid for title positioning */
  display: grid;
  grid-template-columns: 1fr 3.2fr; /* Images area, Content area */
  gap: 4rem;
  row-gap: 1.8rem;
}
@media (max-width: 767px) {
  .content-block-complex-layout__wrapper {
    display: block; /* Stack on mobile */
    grid-template-columns: 1fr 8.2fr;
    gap: 0.1rem;
    row-gap: 1.2rem;
  }
}
@media (min-width: 768px) {
  .content-block-complex-layout__wrapper {
    grid-template-columns: 1fr 8.2fr;
    gap: 0.1rem;
    row-gap: 1.2rem;
  }
}
@media (min-width: 1024px) {
  .content-block-complex-layout__wrapper {
    gap: 4.1rem;
    grid-template-columns: 1fr 3.2fr;
    row-gap: 1.8rem;
  }
}

/* Title styling - positioned to align with content area */
.content-block-complex-layout__title {
  /* Position title to align with text content */
  grid-column: 2; /* Place in content column */
  margin-bottom: 1.5rem;
}
@media (max-width: 767px) {
  .content-block-complex-layout__title {
    grid-column: auto; /* Full width on mobile */
    margin-bottom: 1.5rem;
  }
}

/* Grid container for images and text - positioned within wrapper grid */
.content-block-complex-layout__container {
  /* Position within the wrapper grid */
  grid-column: 1/-1; /* Span both columns */
  display: grid;
  grid-template-columns: 1.275fr 2fr; /* Images left, content right */
  gap: 4rem;
}
@media (max-width: 767px) {
  .content-block-complex-layout__container {
    gap: 1.15rem;
    grid-template-areas: "image" "content";
    grid-template-columns: 1fr;
  }
}
@media (min-width: 768px) {
  .content-block-complex-layout__container {
    gap: 3.5rem;
  }
}
@media (min-width: 1024px) {
  .content-block-complex-layout__container {
    gap: 5rem;
  }
}

/* Images content styles - LEFT SIDE */
.content-block-complex-layout__images-content {
  display: flex;
  flex-direction: column;
  gap: 2rem; /* Increased gap between images */
  justify-content: flex-start;
  margin-top: 0rem;
}
@media (min-width: 768px) {
  .content-block-complex-layout__images-content {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 767px) {
  .content-block-complex-layout__images-content {
    grid-area: image;
    flex-direction: row; /* Change to row on mobile */
    gap: 1rem; /* Smaller gap between images in row */
  }
}
@media (min-width: 768px) {
  .content-block-complex-layout__images-content {
    gap: 1.5rem;
  }
}

/* Container for each image */
.content-block-complex-layout__image-container {
  flex: none; /* Don't stretch, use natural sizing */
  display: flex;
  flex-direction: column;
  /* First image container - larger */
}
.content-block-complex-layout__image-container:first-child {
  order: 1;
  padding-right: 2.5rem;
}
.content-block-complex-layout__image-container {
  /* Second image container - smaller, positioned lower */
}
.content-block-complex-layout__image-container:last-child {
  order: 2;
  margin-left: 1rem; /* Slight indent like in design */
}
@media (max-width: 767px) {
  .content-block-complex-layout__image-container {
    flex: 1; /* Equal 50/50 split on mobile */
    margin-left: 0 !important; /* Reset indent on mobile */
    padding-right: 0 !important; /* Reset padding on mobile */
  }
  .content-block-complex-layout__image-container:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .content-block-complex-layout__image-container:first-child {
    padding-right: 5rem;
  }
  .content-block-complex-layout__image-container:last-child {
    padding-left: 6rem;
    padding-right: 0.75rem;
  }
}

/* Image styling with responsive aspect ratios */
.content-block-complex-layout__image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /* Force image rendering to be crisp */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}
.content-block-complex-layout__image-container:first-child .content-block-complex-layout__image {
  aspect-ratio: initial;
  max-height: 300px;
  height: 250px;
  width: 100%;
}
.content-block-complex-layout__image-container:last-child .content-block-complex-layout__image {
  aspect-ratio: initial;
  max-height: 300px;
  height: 250px;
  width: 100%;
}
@media (min-width: 415px) {
  .content-block-complex-layout__image-container:first-child .content-block-complex-layout__image {
    aspect-ratio: initial;
    max-height: 300px;
    height: 300px;
    width: 100%;
  }
  .content-block-complex-layout__image-container:last-child .content-block-complex-layout__image {
    aspect-ratio: initial;
    max-height: 300px;
    height: 300px;
    width: 100%;
  }
}
.content-block-complex-layout__image {
  /* Small Tablet (768px+) */
}
@media (min-width: 768px) {
  .content-block-complex-layout__image-container:first-child .content-block-complex-layout__image {
    aspect-ratio: 3/3;
    width: 100%;
    height: auto;
  }
  .content-block-complex-layout__image-container:last-child .content-block-complex-layout__image {
    aspect-ratio: 2.3/2.7;
    width: 100%;
    height: auto;
  }
}
.content-block-complex-layout__image {
  /* Medium screens (900px+) */
}
@media (min-width: 900px) {
  .content-block-complex-layout__image-container:first-child .content-block-complex-layout__image {
    aspect-ratio: 4/3;
  }
  .content-block-complex-layout__image-container:last-child .content-block-complex-layout__image {
    aspect-ratio: 3.5/3;
  }
}
.content-block-complex-layout__image {
  /* Desktop (1024px+) */
}
@media (min-width: 1024px) {
  .content-block-complex-layout__image-container:first-child .content-block-complex-layout__image {
    aspect-ratio: 4/2.3;
  }
  .content-block-complex-layout__image-container:last-child .content-block-complex-layout__image {
    aspect-ratio: 3.5/3.25;
  }
}

/* Text content styles - RIGHT SIDE */
@media (max-width: 767px) {
  .content-block-complex-layout__text-content {
    grid-area: content;
  }
}
.content-block-complex-layout__text-content {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.content-block-complex-layout__text-content * {
  box-sizing: border-box;
  max-width: 100%;
}
.content-block-complex-layout__text-content h3 {
  margin-top: 0;
}

/* Subheader styling */
/* Content paragraph styling */
.content-block-complex-layout__content {
  margin: 0;
}

.content-block-complex-layout__text-content p {
  width: 94%;
}
@media (max-width: 767px) {
  .content-block-complex-layout__text-content p {
    width: 100%;
  }
}

/* List styling for bullet points */
/* CTA button styling */
.content-block-complex-layout__cta {
  margin-top: 1.25rem; /* Default margin for mobile */
}
@media (min-width: 767px) {
  .content-block-complex-layout__cta {
    margin-top: 3rem; /* Larger margin on tablets/desktop */
  }
}

.content-block-complex-layout__cta-button {
  font-family: "Rethink Sans", sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 10px 30px;
  border: 2px solid #333;
  background: transparent;
  color: #000000;
  text-decoration: underline;
  font-weight: 700;
  font-size: 1.75rem; /* Increased from 1rem */
  transition: all 0.2s ease;
  cursor: pointer;
  position: relative;
  margin-right: 3rem; /* Add space for the external arrow */
  margin-bottom: 1rem;
}
@media (max-width: 575px) {
  .content-block-complex-layout__cta-button {
    font-size: 1.35rem !important;
    padding: 14px 20px !important;
    margin-right: 0 !important;
  }
}
@media (min-width: 768px) {
  .content-block-complex-layout__cta-button {
    margin-bottom: 1.5rem;
  }
}
.content-block-complex-layout__cta-button {
  /* Arrow SVG as pseudo-element positioned outside */
}
.content-block-complex-layout__cta-button::before {
  content: "";
  display: inline-block;
  width: 170px;
  height: 180px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUxIiBoZWlnaHQ9IjY4IiB2aWV3Qm94PSIwIDAgMTUxIDY4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTQ5LjY0MSAxLjQ1MjQzQzE0NS43MjMgNy4xOTA5MyAxNDAuOTM3IDEzLjE1MjggMTM4LjQxMyAxNi42Nzk4QzEzNi4xOTQgMTkuNzgxIDEyOC41NjggMjcuMTYxNCAxMjIuMzMzIDMyLjcyOUMxMTguNTI2IDM2LjEyODUgMTEzLjc2NiA0MC4zNjA0IDEwNy43OTkgNDQuNjA3MkMxMDIuNjE3IDQ4LjI5NDkgOTYuMTk5MyA1Mi4yMzE0IDkzLjQ5MTggNTMuNzA1NEM5MC40NDQ3IDU1LjM2NDMgODcuNzYyNSA1Ni40Mzc4IDc3LjUzNTcgNTkuNzY2OUM3MC4zNDM2IDYyLjEwODEgNjYuODMyOSA2Mi4yNDc2IDU5LjMyNTEgNjIuOTI3NUM0NC42NzA5IDY0LjI1NDQgMzIuODE5IDYyLjEzOTIgMjkuMTc4OSA2MC45MjQ5QzIyLjEwNjQgNTguNTY1NyAxNC4zODU2IDU1LjA5OTQgMTAuODMwNiA1My40NDE2QzcuNDcxMSA1MS44NzQ5IDQuNTE1NDUgNTAuMDU2NCAyLjI1ODQ0IDQ5LjA1ODVDLTAuNzg2Nzk5IDQ3LjcxMjIgMy4zNjEwNSA1NS44MTU2IDQuNDE1MjIgNTguNjI0MkM1LjM5NzA5IDYxLjI0MDMgNi43MzEzNiA2My43OTYgNy41NzU0MiA2NS42Mzk3QzguNjM0OCA2Ny45NTM4IDcuNDI1NTQgNjAuMTgzMyA2LjkwNzM0IDU3LjM3OTlDNi4zNzA1MSA1NC40NzU4IDQuNzA3MyA1MS41NjUzIDMuODcwNTMgNDguOTc3OEMzLjY2MDU2IDQ4LjMyODQgMy40NTM3MiA0Ny42ODg4IDMuNjY3ODUgNDcuMjU2MkM3LjEwMjA1IDQ2LjQyMzcgMTEuODQ2MiA0Ni42ODI4IDEzLjk4NyA0Ny4wMjU4QzE1LjI3NzQgNDcuMTQ3OSAxNi45ODIyIDQ3LjE2NDcgMTguNzM4NiA0Ny4xODE5IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K) no-repeat center/contain;
  transition: transform 0.2s ease;
  position: absolute;
  right: -13.7rem; /* Position outside the button to the right */
  top: 40%;
  transform: translateY(-50%);
  pointer-events: none; /* Make decorative arrow non-interactive */
}
@media (max-width: 575px) {
  .content-block-complex-layout__cta-button::before {
    display: none; /* Hide external arrow on small screens */
  }
}
.content-block-complex-layout__cta-button:hover {
  /* Remove black background and white text on hover */
  /* Only animate the internal arrow */
}
.content-block-complex-layout__cta-button:hover .cta-button-arrow--right {
  transform: translateX(4px);
}
.content-block-complex-layout__cta-button:active {
  transform: translateY(0);
}

/* SVG arrow styling inside the button */
.cta-button-arrow--right {
  width: 21px;
  height: 12px;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}
.cta-button-arrow--right path {
  fill: currentColor; /* Use button's text color */
}

/* Optional text balance when enabled */
.wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.wp-block-timber-theme-content-block-complex-layout.has-text-balance .content-block-complex-layout__text-content * {
  box-sizing: border-box;
  max-width: 100%;
}
/* Mobile layout adjustments */
@media (max-width: 767px) {
  .content-block-complex-layout__container {
    grid-template-areas: "content" "image";
  }
  .content-block-complex-layout__images-content {
    grid-area: image;
  }
  .content-block-complex-layout__text-content {
    grid-area: content;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/content-block-showcase/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
/* 
 * Master Typography Styles for All Content Blocks
 * Import this file into all block style.scss files to maintain consistency
 */
.content-block-showcase .showcase-text .showcase-title {
  font-family: "Rethink Sans", sans-serif;
  font-weight: 700;
  color: #000000;
  line-height: 1; /* Default mobile line-height */
  margin: 0 0 1.75rem 0; /* Mobile margin */
  font-size: 2.25rem;
}
@media (min-width: 768px) {
  .content-block-showcase .showcase-text .showcase-title {
    font-size: 3.45rem;
    line-height: 59px; /* Apply fixed line-height above mobile */
    margin-bottom: 3.1rem; /* Desktop margin */
    margin-top: -9px;
  }
}
@media (max-width: 767px) {
  .content-block-showcase .showcase-text .showcase-title {
    font-size: 2.25rem;
    /* Keeps line-height: 1 and 1.75rem margin from default */
  }
}

.cta-arrow {
  display: none;
}

.wp-block-timber-theme-content-block-showcase {
  padding: 42px 52px;
  padding-bottom: 57px;
  border: 2px;
  border-style: solid;
  border-radius: 13px;
  border-color: black;
  margin-right: 0rem;
  margin-top: 3.25rem;
  margin-bottom: 3.5rem;
  max-width: 100%;
}
@media (max-width: 768px) {
  .wp-block-timber-theme-content-block-showcase {
    padding: 42px 42px;
  }
}
@media (max-width: 450px) {
  .wp-block-timber-theme-content-block-showcase {
    padding: 32px 29px;
  }
}
@media (min-width: 768px) {
  .wp-block-timber-theme-content-block-showcase {
    margin-top: 3.75rem;
    margin-bottom: 4.25rem;
    padding-right: 7rem;
  }
}
@media (min-width: 1024px) {
  .wp-block-timber-theme-content-block-showcase {
    max-width: 1250px;
    margin-right: 3rem;
    margin-top: 4rem;
    margin-bottom: 5rem;
  }
}
@media (min-width: 1400px) {
  .wp-block-timber-theme-content-block-showcase {
    max-width: 1295px;
    margin-right: 0rem;
  }
}

.content-block-showcase .showcase-content {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 60px;
  align-items: center;
}
@media (max-width: 1024px) {
  .content-block-showcase .showcase-content {
    grid-template-columns: 1fr;
    gap: 25px;
  }
}
@media (max-width: 767px) {
  .content-block-showcase .showcase-content {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.content-block-showcase .showcase-text .showcase-title {
  margin-bottom: 36px;
  font-family: Anton, sans-serif;
  text-transform: uppercase;
  font-size: 3.15rem;
  font-weight: 500;
  line-height: 54px;
  color: dodgerblue;
  color: #000000;
  color: #007fe3;
  text-decoration: underline;
  text-decoration-color: #007fe3;
}
@media (min-width: 475px) {
  .content-block-showcase .showcase-text .showcase-title {
    font-size: 3.5rem;
    line-height: 65px;
  }
}
@media (min-width: 575px) {
  .content-block-showcase .showcase-text .showcase-title {
    font-size: 4.25rem;
    line-height: 75px;
  }
}
@media (min-width: 767px) {
  .content-block-showcase .showcase-text .showcase-title {
    font-size: 5rem;
    line-height: 86px;
  }
}
@media (min-width: 1024px) {
  .content-block-showcase .showcase-text .showcase-title {
    font-size: 5.15rem;
    line-height: 90px;
  }
}
.content-block-showcase .showcase-text .showcase-title span.blue-text {
  color: #228CF0;
}
.content-block-showcase .showcase-text .showcase-title.text-balance {
  text-wrap: balance;
}
.content-block-showcase .showcase-text .showcase-description {
  font-size: 19px;
  line-height: 1.5;
  color: #000000;
  margin-bottom: 24px;
  font-family: "Uncut Sans", "Source Sans 3", "Open Sans", Calibri, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 500;
}
@media (max-width: 768px) {
  .content-block-showcase .showcase-text .showcase-description {
    font-size: 20px;
    margin-bottom: 24px;
  }
}
@media (max-width: 575px) {
  .content-block-showcase .showcase-text .showcase-description {
    font-size: 19px;
    margin-bottom: 24px;
  }
}
@media (max-width: 450px) {
  .content-block-showcase .showcase-text .showcase-description {
    font-size: 18px;
    margin-bottom: 24px;
  }
}
.content-block-showcase .showcase-text .showcase-link .cta-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: black;
  border-radius: 8px;
  text-decoration: none;
  font-size: 24px;
  font-weight: 700;
  transition: all 0.3s ease;
  font-family: "Rethink Sans", sans-serif;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .content-block-showcase .showcase-text .showcase-link .cta-button {
    padding: 16px 0px;
    padding-top: 0;
    font-size: 25px;
  }
}
@media (max-width: 575px) {
  .content-block-showcase .showcase-text .showcase-link .cta-button {
    padding: 16px 0px;
    padding-top: 0;
    font-size: 23px;
  }
}
@media (max-width: 450px) {
  .content-block-showcase .showcase-text .showcase-link .cta-button {
    padding: 16px 0px;
    padding-top: 0;
    font-size: 22px;
  }
}
.content-block-showcase .showcase-images {
  position: relative;
}
.content-block-showcase .showcase-images::before {
  content: "";
  position: absolute;
  top: 3.2rem;
  left: -2.2rem;
  width: 54px;
  height: 34px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2754%27 height=%2734%27 viewBox=%270 0 54 34%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M18.6391 31.9694C13.3226 28.8476 3.51263 22.1973 2.5619 22.0364C-0.703929 21.484 11.0333 26.2745 17.9911 26.9272C17.712 25.9907 15.8106 24.7231 13.9233 23.621C12.9726 23.1433 12.0361 22.8311 12.9631 22.5094%27 stroke=%27black%27 stroke-width=%273%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M30.9376 15.8874C30.0011 9.64387 29.0645 3.40029 28.5821 2.21306C28.0996 1.02584 28.0996 5.08416 28.0996 7.37347%27 stroke=%27black%27 stroke-width=%273%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M47.0176 24.4016C47.3298 24.4016 47.6419 24.4016 48.5832 22.9967C49.5245 21.5919 51.0854 18.7823 51.5773 17.8032C52.0692 16.8241 51.4448 17.7607 48.9096 20.6176%27 stroke=%27black%27 stroke-width=%273%27 stroke-linecap=%27round%27/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 10;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .content-block-showcase .showcase-images::before {
    top: 0.5rem;
    left: 0.5rem;
    width: 40px;
    height: 25px;
    display: none;
  }
}
.content-block-showcase .showcase-images .image-grid {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  grid-template-rows: 1.3fr 2fr;
  gap: 13px;
  height: 507px;
  padding: 0px;
}
@media (max-width: 768px) {
  .content-block-showcase .showcase-images .image-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    height: auto;
    gap: 0px;
    padding: 0px;
  }
}
.content-block-showcase .showcase-images .image-item {
  overflow: hidden;
  position: relative;
}
.content-block-showcase .showcase-images .image-item:first-child {
  grid-column: 1;
  grid-row: 1/3;
  padding-top: 6rem;
  padding-bottom: 6.25rem;
}
@media (max-width: 769px) {
  .content-block-showcase .showcase-images .image-item:first-child {
    grid-row: 1;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
}
.content-block-showcase .showcase-images .image-item:nth-child(2) {
  grid-column: 2;
  grid-row: 1;
}
@media (max-width: 769px) {
  .content-block-showcase .showcase-images .image-item:nth-child(2) {
    display: none;
  }
}
.content-block-showcase .showcase-images .image-item:nth-child(3) {
  grid-column: 2;
  grid-row: 2;
  padding-left: 1rem;
  padding-right: 0.75rem;
}
@media (max-width: 769px) {
  .content-block-showcase .showcase-images .image-item:nth-child(3) {
    display: none;
  }
}
@media (max-width: 768px) {
  .content-block-showcase .showcase-images .image-item:first-child, .content-block-showcase .showcase-images .image-item:nth-child(2), .content-block-showcase .showcase-images .image-item:nth-child(3) {
    grid-column: 1;
    grid-row: auto;
  }
}
.content-block-showcase .showcase-images .image-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media (max-width: 768px) {
  .content-block-showcase .showcase-images .image-item img:first-child, .content-block-showcase .showcase-images .image-item img:nth-child(2), .content-block-showcase .showcase-images .image-item img:nth-child(3) {
    aspect-ratio: 1/1;
    max-height: 318px;
    width: 87%;
  }
}
@media (max-width: 575px) {
  .content-block-showcase .showcase-images .image-item img:first-child, .content-block-showcase .showcase-images .image-item img:nth-child(2), .content-block-showcase .showcase-images .image-item img:nth-child(3) {
    aspect-ratio: 1/1;
    max-height: 318px;
    width: 100%;
  }
}
.content-block-showcase .showcase-images .image-placeholder {
  background-color: #f0f0f0;
  border: 2px dashed #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  font-size: 14px;
  font-weight: 500;
}
.content-block-showcase .showcase-images .image-placeholder:first-child {
  grid-column: 1;
  grid-row: 1/3;
  padding-top: 4rem;
  padding-bottom: 5rem;
}
.content-block-showcase .showcase-images .image-placeholder:nth-child(2) {
  grid-column: 2;
  grid-row: 1;
}
.content-block-showcase .showcase-images .image-placeholder:nth-child(3) {
  grid-column: 2;
  grid-row: 2;
}
@media (max-width: 768px) {
  .content-block-showcase .showcase-images .image-placeholder:first-child, .content-block-showcase .showcase-images .image-placeholder:nth-child(2), .content-block-showcase .showcase-images .image-placeholder:nth-child(3) {
    grid-column: 1;
    grid-row: auto;
    aspect-ratio: 16/9;
  }
}

.wp-block-editor-page .content-block-showcase .showcase-content {
  border: 1px dashed #ccc;
  padding: 20px;
  border-radius: 8px;
}
.wp-block-editor-page .content-block-showcase .showcase-title:empty::before {
  content: "Enter title...";
  color: #999;
  font-style: italic;
}
.wp-block-editor-page .content-block-showcase .showcase-description:empty::before {
  content: "Enter description...";
  color: #999;
  font-style: italic;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/content-block-related-posts/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
/* 
 * Master Typography Styles for All Content Blocks
 * Import this file into all block style.scss files to maintain consistency
 */
.content-block-related-posts .related-post-card .post-date, .content-block-related-posts .related-post-card .post-meta .post-category, .content-block-related-posts .related-posts-placeholder p, .content-block-related-posts .related-post-card .post-excerpt, .content-block-related-posts .related-posts-header .related-posts-subtitle {
  font-family: "Uncut Sans", "Source Sans 3", "Open Sans", Calibri, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #000000;
  font-weight: 400;
  /* Fallback techniques for better line breaks */
  word-break: break-word;
  overflow-wrap: break-word;
}

.content-block-related-posts .related-posts-placeholder p, .content-block-related-posts .related-post-card .post-excerpt, .content-block-related-posts .related-posts-header .related-posts-subtitle {
  font-size: 1.2rem;
  line-height: 27px;
  margin: 0 0 1rem 0;
  /* Default 92% width for better readability */
}
.content-block-related-posts .related-posts-placeholder p:last-child, .content-block-related-posts .related-post-card .post-excerpt:last-child, .content-block-related-posts .related-posts-header .related-posts-subtitle:last-child {
  margin-bottom: 0;
}
@media (min-width: 575px) {
  .content-block-related-posts .related-posts-placeholder p, .content-block-related-posts .related-post-card .post-excerpt, .content-block-related-posts .related-posts-header .related-posts-subtitle {
    font-size: 1.24rem;
    line-height: 27px;
    width: 92%;
  }
}
@media (min-width: 768px) {
  .content-block-related-posts .related-posts-placeholder p, .content-block-related-posts .related-post-card .post-excerpt, .content-block-related-posts .related-posts-header .related-posts-subtitle {
    font-size: 1.28rem;
    line-height: 27px;
    width: 92%;
  }
}

.content-block-related-posts .related-post-card .post-title, .content-block-related-posts .related-posts-header .related-posts-title {
  font-family: "Rethink Sans", sans-serif;
  font-weight: 700;
  color: #000000;
  line-height: 1; /* Default mobile line-height */
  margin: 0 0 1.75rem 0; /* Mobile margin */
  font-size: 2.25rem;
}
@media (min-width: 768px) {
  .content-block-related-posts .related-post-card .post-title, .content-block-related-posts .related-posts-header .related-posts-title {
    font-size: 3.45rem;
    line-height: 59px; /* Apply fixed line-height above mobile */
    margin-bottom: 3.1rem; /* Desktop margin */
    margin-top: -9px;
  }
}
@media (max-width: 767px) {
  .content-block-related-posts .related-post-card .post-title, .content-block-related-posts .related-posts-header .related-posts-title {
    font-size: 2.25rem;
    /* Keeps line-height: 1 and 1.75rem margin from default */
  }
}

.content-block-related-posts {
  max-width: 1255px;
  margin: 0;
  padding: 0rem 0rem;
  margin-top: 2.75rem;
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .content-block-related-posts {
    margin-bottom: 4rem;
    margin-top: 3.25rem;
  }
}
@media (min-width: 1024px) {
  .content-block-related-posts {
    margin-right: 3rem;
    margin-top: 3.25rem;
  }
}
.content-block-related-posts .related-posts-header {
  text-align: left;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .content-block-related-posts .related-posts-header {
    margin-bottom: 2.5rem;
  }
}
.content-block-related-posts .related-posts-header .related-posts-title {
  margin-bottom: 1.4rem;
  color: var(--color-primary, #000);
  margin-top: 0;
}
.content-block-related-posts .related-posts-header .related-posts-subtitle {
  color: black;
  max-width: 100%;
  margin: 0;
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  .content-block-related-posts .related-posts-header .related-posts-subtitle {
    max-width: 80%;
    font-size: 1.32rem;
  }
}
.content-block-related-posts .related-posts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem;
  row-gap: 2rem;
  margin-top: 1.25rem;
  justify-content: start;
}
@media (min-width: 768px) {
  .content-block-related-posts .related-posts-grid {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 2rem;
    gap: 2rem;
    row-gap: 2rem;
  }
}
@media (min-width: 1024px) {
  .content-block-related-posts .related-posts-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    row-gap: 2rem;
  }
}
.content-block-related-posts .related-post-card {
  border-radius: 0;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  border: none;
  padding: 1.5rem;
  padding-bottom: 20px;
  text-align: left;
  /* Subtle shadow with dark grey border fallback */
  border: 1px solid #bdbdbd;
  box-shadow: 0 8px 5px 0 rgba(0, 0, 0, 0.1), 0 2px 5px -1px rgba(0, 0, 0, 0.1);
}
@media (min-width: 400px) {
  .content-block-related-posts .related-post-card {
    padding: 1.75rem;
    padding-bottom: 20px;
  }
}
@media (min-width: 1024px) {
  .content-block-related-posts .related-post-card {
    padding: 2rem;
    padding-bottom: 45px;
  }
}
.content-block-related-posts .related-post-card:hover {
  transform: translateY(-2px);
  /* Enhanced hover shadow */
  /* Modern hover shadow */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12), 0 0 8px rgba(0, 0, 0, 0.08);
}
.content-block-related-posts .related-post-card .post-link {
  text-decoration: none;
  color: inherit;
  display: block;
  height: 100%;
}
.content-block-related-posts .related-post-card .post-thumbnail {
  display: none;
}
.content-block-related-posts .related-post-card .post-content {
  padding: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  text-align: left;
}
.content-block-related-posts .related-post-card .post-meta {
  margin-bottom: 0.55rem;
}
.content-block-related-posts .related-post-card .post-meta .post-category {
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #000;
  margin: 0;
}
.content-block-related-posts .related-post-card .post-title {
  margin-bottom: 1rem;
  line-height: 1.2;
  flex-grow: 1;
  font-size: 1.5rem;
}
.content-block-related-posts .related-post-card .post-title:hover {
  color: inherit;
}
@media (min-width: 768px) {
  .content-block-related-posts .related-post-card .post-title {
    font-size: 1.75rem;
  }
}
.content-block-related-posts .related-post-card .post-excerpt {
  color: var(--color-text-muted, #666);
  margin-bottom: 0.75rem;
  line-height: 1.5;
  font-size: 1rem;
}
.content-block-related-posts .related-post-card .post-excerpt p {
  margin: 0;
  font-size: 17px;
}
@media (min-width: 768px) {
  .content-block-related-posts .related-post-card .post-excerpt p {
    font-size: 18px;
  }
}
.content-block-related-posts .related-post-card .post-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.content-block-related-posts .related-post-card .post-date {
  font-size: 0.875rem;
  color: var(--color-text-muted, #999);
  font-weight: 400;
  margin: 0;
}
.content-block-related-posts .related-posts-placeholder {
  text-align: center;
  padding: 3rem 1rem;
  background: #f8f9fa;
  border: 2px dashed #dee2e6;
  border-radius: 8px;
}
.content-block-related-posts .related-posts-placeholder p {
  color: var(--color-text-muted, #666);
  margin: 0;
}

.wp-block-timber-theme-content-block-related-posts .related-posts-placeholder {
  background: #f0f0f1;
  border: 2px dashed #c3c4c7;
  padding: 2rem;
  text-align: center;
  margin: 1rem 0;
}
.wp-block-timber-theme-content-block-related-posts .related-posts-placeholder p {
  color: #646970;
  margin: 0;
}
.wp-block-timber-theme-content-block-related-posts .related-posts-grid .related-post-card .post-thumbnail {
  height: 120px;
}
.wp-block-timber-theme-content-block-related-posts .related-posts-grid .related-post-card .post-content {
  padding: 0rem;
  height: auto;
}
.wp-block-timber-theme-content-block-related-posts .related-posts-grid .related-post-card .post-title {
  font-size: 1.6rem;
  line-height: 1.2;
  margin-top: 0;
  max-width: 100%;
}
@media (min-width: 768px) {
  .wp-block-timber-theme-content-block-related-posts .related-posts-grid .related-post-card .post-title {
    max-width: 100%;
    font-size: 1.7rem;
    line-height: 34px;
  }
}
@media (min-width: 1024px) {
  .wp-block-timber-theme-content-block-related-posts .related-posts-grid .related-post-card .post-title {
    max-width: 90%;
    font-size: 1.8rem;
  }
}
.wp-block-timber-theme-content-block-related-posts .related-posts-grid .related-post-card .post-excerpt {
  font-size: 0.8rem;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/content-block-quotes/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
/* 
 * Master Typography Styles for All Content Blocks
 * Import this file into all block style.scss files to maintain consistency
 */
.wp-block-timber-theme-content-block-quotes {
  margin: 3rem 0;
  margin-top: 2.65rem;
  margin-bottom: 3rem;
  max-width: 100%;
}
@media (min-width: 768px) {
  .wp-block-timber-theme-content-block-quotes {
    margin-top: 3rem;
    margin-bottom: 3.75rem;
  }
}

.content-block-quotes .quote-item {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .content-block-quotes .quote-item {
    margin-bottom: 3rem;
  }
}
.content-block-quotes .quote-item:last-child {
  margin-bottom: 0;
}
.content-block-quotes .quote-item .quote-text {
  color: #000;
  margin: 0 0 1rem 0;
  padding: 0;
  border: none;
  font-family: "Uncut Sans", "Source Sans 3", "Open Sans", Calibri, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  max-width: 100%;
  font-weight: 600;
  line-height: 27px;
  font-size: 1.4rem;
  padding-right: 19px;
}
@media (min-width: 1024px) {
  .content-block-quotes .quote-item .quote-text {
    max-width: 84%;
  }
}
@media (min-width: 1150px) {
  .content-block-quotes .quote-item .quote-text {
    max-width: 72%;
  }
}
.content-block-quotes .quote-item .quote-text::before, .content-block-quotes .quote-item .quote-text::after {
  content: "";
}
.content-block-quotes .quote-item .quote-text::before {
  content: '"';
  font-size: 1.8rem;
  font-weight: 400;
  color: #000;
  margin-right: 0.1rem;
}
.content-block-quotes .quote-item .quote-text::after {
  content: '"';
  font-size: 1.8rem;
  font-weight: 400;
  color: #000;
  margin-left: 0.1rem;
}
@media (min-width: 575px) {
  .content-block-quotes .quote-item .quote-text {
    font-size: 1.5rem;
    line-height: 1.3;
  }
}
@media (min-width: 768px) {
  .content-block-quotes .quote-item .quote-text {
    font-size: 1.75rem;
    line-height: 1.3;
  }
}
@media (min-width: 1024px) {
  .content-block-quotes .quote-item .quote-text {
    font-size: 1.9rem;
    line-height: 1.25;
  }
}
.content-block-quotes .quote-item .quote-attribution {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-style: normal;
  margin-top: 1rem;
  font-family: "Uncut Sans", "Source Sans 3", "Open Sans", Calibri, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-indent: 0px;
}
@media (min-width: 450px) {
  .content-block-quotes .quote-item .quote-attribution {
    text-indent: 30px;
  }
}
@media (min-width: 768px) {
  .content-block-quotes .quote-item .quote-attribution {
    font-size: 1rem;
  }
}

.wp-block-editor-page .content-block-quotes .quote-item {
  border: 1px solid #e0e0e0;
  padding: 1.5rem;
  border-radius: 8px;
  margin-bottom: 1.5rem;
  background-color: #ffffff;
  position: relative;
}
.wp-block-editor-page .content-block-quotes .quote-item:last-child {
  margin-bottom: 0;
}
.wp-block-editor-page .content-block-quotes .quote-item .quote-controls {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
}
.wp-block-editor-page .content-block-quotes .quote-item .quote-controls .components-button {
  font-size: 0.75rem;
  height: auto;
  padding: 0.25rem 0.5rem;
}
.wp-block-editor-page .content-block-quotes .quote-item .quote-content .quote-text {
  border: 1px solid #e0e0e0;
  padding: 1rem;
  border-radius: 4px;
  background: white;
  min-height: 3rem;
  margin: 0 0 0.5rem 0;
  font-size: 1.125rem;
  line-height: 1.4;
}
.wp-block-editor-page .content-block-quotes .quote-item .quote-content .quote-text:focus {
  border-color: #007cba;
  box-shadow: 0 0 0 1px #007cba;
  outline: none;
}
.wp-block-editor-page .content-block-quotes .quote-item .quote-content .quote-text[data-is-placeholder-visible=true]::before {
  color: #999;
  font-style: italic;
}
.wp-block-editor-page .content-block-quotes .quote-item .quote-content .quote-attribution {
  border: 1px solid #e0e0e0;
  padding: 0.75rem;
  border-radius: 4px;
  background: white;
  margin: 0;
  display: block;
  min-height: 2rem;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.wp-block-editor-page .content-block-quotes .quote-item .quote-content .quote-attribution:focus {
  border-color: #007cba;
  box-shadow: 0 0 0 1px #007cba;
  outline: none;
}
.wp-block-editor-page .content-block-quotes .quote-item .quote-content .quote-attribution[data-is-placeholder-visible=true]::before {
  color: #999;
  font-style: italic;
  text-transform: none;
  font-weight: normal;
  letter-spacing: normal;
}
.wp-block-editor-page .content-block-quotes .add-quote-button {
  text-align: center;
  padding: 1.5rem;
  border: 2px dashed #ddd;
  border-radius: 8px;
  background-color: #f9f9f9;
  margin-top: 1rem;
}
.wp-block-editor-page .content-block-quotes .add-quote-button .components-button {
  font-weight: 500;
  color: #007cba;
}
.wp-block-editor-page .content-block-quotes .add-quote-button .components-button:hover {
  color: #005a87;
}

.wp-block-editor-page .wp-block-timber-theme-content-block-quotes {
  margin: 1.5rem 0;
}
.wp-block-editor-page .wp-block-timber-theme-content-block-quotes .content-block-quotes {
  max-width: none;
}
.wp-block-editor-page .wp-block-timber-theme-content-block-quotes .content-block-quotes .quote-item .quote-text::before, .wp-block-editor-page .wp-block-timber-theme-content-block-quotes .content-block-quotes .quote-item .quote-text::after {
  display: none;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/content-block-large-hero/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
/* Frontend styles for the Content Block Large Hero block */
/* 
 * Master Typography Styles for All Content Blocks
 * Import this file into all block style.scss files to maintain consistency
 */
.content-block-large-hero__rich-content, .content-block-large-hero__rich-content ol, .content-block-large-hero__rich-content ul, .content-block-large-hero__rich-content p {
  font-family: "Uncut Sans", "Source Sans 3", "Open Sans", Calibri, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #000000;
  font-weight: 400;
  /* Fallback techniques for better line breaks */
  word-break: break-word;
  overflow-wrap: break-word;
}

.content-block-large-hero__rich-content p {
  font-size: 1.2rem;
  line-height: 27px;
  margin: 0 0 1rem 0;
  /* Default 92% width for better readability */
}
.content-block-large-hero__rich-content p:last-child {
  margin-bottom: 0;
}
@media (min-width: 575px) {
  .content-block-large-hero__rich-content p {
    font-size: 1.24rem;
    line-height: 27px;
    width: 92%;
  }
}
@media (min-width: 768px) {
  .content-block-large-hero__rich-content p {
    font-size: 1.28rem;
    line-height: 27px;
    width: 92%;
  }
}

.content-block-large-hero__rich-content h5, .content-block-large-hero__rich-content h6, .content-block-large-hero__rich-content h4, .content-block-large-hero__rich-content h3 {
  font-family: "Uncut Sans", sans-serif;
  font-weight: 700;
  color: #000000;
  margin: 1.5rem 0 1rem 0;
  line-height: 1.3;
}

.content-block-large-hero__rich-content h3 {
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .content-block-large-hero__rich-content h3 {
    font-size: 1.5rem;
  }
}

.content-block-large-hero__rich-content h4 {
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  .content-block-large-hero__rich-content h4 {
    font-size: 1.3rem;
  }
}

.content-block-large-hero__rich-content h5, .content-block-large-hero__rich-content h6 {
  font-size: 1.1rem;
}
@media (min-width: 768px) {
  .content-block-large-hero__rich-content h5, .content-block-large-hero__rich-content h6 {
    font-size: 1.15rem;
  }
}

.content-block-large-hero__rich-content ol, .content-block-large-hero__rich-content ul {
  font-family: "Uncut Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  font-size: 17.5px;
  line-height: 1.7;
  margin: 1.5rem 0;
  padding-left: 1.5rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
@media (min-width: 575px) {
  .content-block-large-hero__rich-content ol, .content-block-large-hero__rich-content ul {
    font-size: 18px;
    margin: 1.6rem 0;
  }
}

.content-block-large-hero__rich-content ul {
  list-style-type: disc;
  list-style-position: outside; /* Changed back to outside for proper hanging indent */
  padding-left: 1.5rem; /* Space for the bullet and indent */
}
.content-block-large-hero__rich-content ul ul {
  list-style-type: circle;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding-left: 1.5rem; /* Consistent nested indent */
}
.content-block-large-hero__rich-content ul ul ul {
  list-style-type: square;
}

.content-block-large-hero__rich-content ol {
  list-style-type: decimal;
  list-style-position: outside; /* Changed back to outside for proper hanging indent */
  padding-left: 1.5rem; /* Space for the number and indent */
}
.content-block-large-hero__rich-content ol ol {
  list-style-type: lower-alpha;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding-left: 1.5rem; /* Consistent nested indent */
}
.content-block-large-hero__rich-content ol ol ol {
  list-style-type: lower-roman;
}

.content-block-large-hero__rich-content li {
  margin: 0 0 0.75rem 0;
  display: list-item;
  width: 100%;
  box-sizing: border-box;
  padding-left: 0.5rem; /* Add padding to create hanging indent effect */
  font-weight: 500;
  color: #272727;
  line-height: 29px;
}
.content-block-large-hero__rich-content li:last-child {
  margin-bottom: 0;
}
@media (min-width: 575px) {
  .content-block-large-hero__rich-content li {
    font-weight: 500;
    margin: 0 0 0.9rem 0;
    width: 89%;
  }
}

.content-block-large-hero__title {
  font-family: "Rethink Sans", sans-serif;
  font-weight: 700;
  color: #000000;
  line-height: 1; /* Default mobile line-height */
  margin: 0 0 1.75rem 0; /* Mobile margin */
  font-size: 2.25rem;
}
@media (min-width: 768px) {
  .content-block-large-hero__title {
    font-size: 3.45rem;
    line-height: 59px; /* Apply fixed line-height above mobile */
    margin-bottom: 3.1rem; /* Desktop margin */
    margin-top: -9px;
  }
}
@media (max-width: 767px) {
  .content-block-large-hero__title {
    font-size: 2.25rem;
    /* Keeps line-height: 1 and 1.75rem margin from default */
  }
}

.content-block-large-hero__rich-content {
  font-family: "Uncut Sans", sans-serif;
  font-weight: 700;
  color: #000000;
  line-height: 1.3;
  margin: 0 0 1.5rem 0;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .content-block-large-hero__rich-content {
    font-size: 1.65rem;
  }
}
@media (max-width: 767px) {
  .content-block-large-hero__rich-content {
    font-size: 1.4rem;
  }
}

/* 
 * Master Layout & Structure Styles for All Content Blocks
 * Import this file into all block style.scss files for consistent structure
 */
.wp-block-timber-theme-content-block-large-hero {
  margin-top: 2.1rem; /* Small mobile margin top (0-574px) */
  margin-bottom: 2.1rem; /* Small mobile margin bottom (0-574px) */
  padding: 0;
}
@media (min-width: 575px) {
  .wp-block-timber-theme-content-block-large-hero {
    margin-top: 3.2rem; /* xs breakpoint and above margin top */
    margin-bottom: 2.8rem; /* xs breakpoint and above margin bottom */
  }
}
@media (min-width: 1024px) {
  .wp-block-timber-theme-content-block-large-hero {
    padding-right: 3rem;
  }
}

.content-block-large-hero__container {
  max-width: 100%;
  padding: 0 0rem;
  width: 100%;
}
@media (min-width: 768px) {
  .content-block-large-hero__container {
    max-width: 1200px;
  }
}
@media (min-width: 1024px) {
  .content-block-large-hero__container {
    max-width: 1200px;
  }
}
@media (min-width: 1440px) {
  .content-block-large-hero__container {
    max-width: 1200px;
  }
}

.content-block-large-hero__text-content {
  padding: 0;
}

.content-block-large-hero__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.wp-block-timber-theme-content-block-large-hero {
  margin-top: 0rem;
  margin-bottom: 1.3rem;
  padding-right: 0 !important;
}
@media (min-width: 768px) {
  .wp-block-timber-theme-content-block-large-hero {
    margin-bottom: 4.15rem;
  }
}

/* Main container with custom layout to match the design */
.content-block-large-hero__container {
  max-width: 100%;
}
@media (min-width: 1024px) {
  .content-block-large-hero__container {
    max-width: 1210px;
  }
}
@media (min-width: 1850px) {
  .content-block-large-hero__container {
    max-width: 1285px;
  }
}

/* Title section - full width at top */
.content-block-large-hero__title {
  margin-top: 1.8rem;
  margin-bottom: 2rem;
}
@media (min-width: 767px) {
  .content-block-large-hero__title {
    font-size: 51px;
    width: 86%;
    line-height: 49px;
    margin-top: 2.2rem;
    margin-bottom: 3rem;
  }
}
@media (min-width: 1024px) {
  .content-block-large-hero__title {
    font-size: 54px;
    width: 78%;
    line-height: 51px;
    margin-top: 2.1rem;
    margin-bottom: 3rem;
  }
}
@media (min-width: 1150px) {
  .content-block-large-hero__title {
    font-size: 52px;
    width: 74%;
    line-height: 51px;
    margin-top: 2.1rem;
    margin-bottom: 2.75rem;
  }
}
@media (min-width: 1280px) {
  .content-block-large-hero__title {
    font-size: 52px;
    width: 78%;
    line-height: 51px;
    margin-top: 2.1rem;
  }
}
@media (min-width: 1450px) {
  .content-block-large-hero__title {
    font-size: 52px;
    width: 71%;
    line-height: 51px;
    margin-top: 2.1rem;
  }
}
@media (min-width: 1675px) {
  .content-block-large-hero__title {
    font-size: 52px;
    width: 71%;
    line-height: 51px;
    margin-top: 2.1rem;
  }
}
@media (min-width: 1850px) {
  .content-block-large-hero__title {
    font-size: 57px;
    width: 78%;
    line-height: 57px;
    margin-top: 2rem;
  }
}

/* Main content area - text left, images right */
.content-block-large-hero__content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media (min-width: 768px) {
  .content-block-large-hero__content {
    grid-template-columns: 1fr 0.5fr;
    gap: 1rem;
  }
}
@media (min-width: 1024px) {
  .content-block-large-hero__content {
    grid-template-columns: 1fr 0.5fr;
    gap: 1rem;
  }
}
@media (min-width: 1150px) {
  .content-block-large-hero__content {
    grid-template-columns: 1fr 0.5fr;
    gap: 3rem;
  }
}
@media (min-width: 1200px) {
  .content-block-large-hero__content {
    grid-template-columns: 1fr 388px;
    gap: 6rem;
  }
}

/* Text content area */
/* Rich content area with shared typography */
.content-block-large-hero__rich-content {
  margin: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.content-block-large-hero__rich-content * {
  box-sizing: border-box;
  max-width: 100%;
}
.content-block-large-hero__rich-content > *:first-child {
  margin-top: 0;
}
.content-block-large-hero__rich-content h2, .content-block-large-hero__rich-content h3 {
  margin-top: 2rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .content-block-large-hero__rich-content h2, .content-block-large-hero__rich-content h3 {
    margin-top: 3.5rem;
  }
}
.content-block-large-hero__rich-content ul {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .content-block-large-hero__rich-content ul {
    margin-bottom: 2rem;
  }
}
.content-block-large-hero__rich-content .wp-block-button {
  margin-top: 2rem;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.content-block-large-hero__rich-content .wp-block-button .wp-block-button__link {
  background: transparent !important;
  border: 2px solid #333 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  font-family: "Rethink Sans", sans-serif !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  padding: 10px 30px !important;
  color: #000000 !important;
  text-decoration: underline !important;
  font-weight: 700 !important;
  font-size: 1.75rem !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  position: relative !important;
  margin-right: 3rem !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  width: auto !important;
  height: auto !important;
  min-height: auto !important;
}
@media (max-width: 575px) {
  .content-block-large-hero__rich-content .wp-block-button .wp-block-button__link {
    font-size: 1.35rem !important;
    padding: 14px 20px !important;
    margin-right: 0 !important;
  }
}
.content-block-large-hero__rich-content .wp-block-button .wp-block-button__link::before {
  content: "" !important;
  display: inline-block !important;
  width: 30px !important;
  height: 30px !important;
  position: absolute !important;
  right: -50px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background-image: url("data:image/svg+xml,%3Csvg width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M22.5 15L7.5 15M22.5 15L15 7.5M22.5 15L15 22.5%27 stroke=%27%23000000%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  transition: transform 0.2s ease !important;
}
@media (max-width: 575px) {
  .content-block-large-hero__rich-content .wp-block-button .wp-block-button__link::before {
    display: none !important;
  }
}
.content-block-large-hero__rich-content .wp-block-button .wp-block-button__link:hover::before {
  transform: translateY(-50%) translateX(5px) !important;
}
/* Custom CTA button styling (for transformed frontend buttons) */
.content-block-large-hero__cta {
  margin-top: 0rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 575px) {
  .content-block-large-hero__cta {
    margin-top: 3rem;
  }
}

.content-block-large-hero__cta-button {
  font-family: "Rethink Sans", sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 10px 30px;
  border: 2px solid #333;
  background: transparent;
  color: #000000;
  text-decoration: underline;
  font-weight: 700;
  font-size: 1.75rem;
  transition: all 0.2s ease;
  cursor: pointer;
  position: relative;
  margin-right: 0; /* Remove external margin since arrow is now inside */
  text-transform: none;
  line-height: normal;
  letter-spacing: normal;
  margin-left: 14rem;
}
@media (max-width: 575px) {
  .content-block-large-hero__cta-button {
    font-size: 1.35rem;
    padding: 14px 20px;
    margin-left: 0;
  }
}
.content-block-large-hero__cta-button {
  /* Hand-drawn arrow SVG as pseudo-element positioned outside */
}
.content-block-large-hero__cta-button::before {
  content: "";
  display: inline-block;
  width: 186px;
  height: 180px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width=\"151\" height=\"68\" viewBox=\"0 0 151 68\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath d=\"M0.999312 1.45243C4.91758 7.19093 9.70343 13.1528 12.2276 16.6798C14.4471 19.781 22.0726 27.1614 28.3076 32.729C32.1146 36.1285 36.875 40.3604 42.842 44.6072C48.0234 48.2949 54.4413 52.2314 57.1488 53.7054C60.1959 55.3643 62.8781 56.4378 73.1049 59.7669C80.2971 62.1081 83.8078 62.2476 91.3155 62.9275C105.97 64.2544 117.822 62.1392 121.462 60.9249C128.534 58.5657 136.255 55.0994 139.81 53.4416C143.17 51.8749 146.125 50.0564 148.382 49.0585C151.427 47.7122 147.28 55.8156 146.225 58.6242C145.244 61.2403 143.909 63.796 143.065 65.6397C142.006 67.9538 143.215 60.1833 143.733 57.3799C144.27 54.4758 145.933 51.5653 146.77 48.9778C146.98 48.3284 147.187 47.6888 146.973 47.2562C143.539 46.4237 138.794 46.6828 136.654 47.0258C135.363 47.1479 133.658 47.1647 131.902 47.1819\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/%3E%3C/svg%3E") no-repeat center/contain;
  transition: transform 0.2s ease;
  position: absolute;
  left: -13.7rem; /* Position outside the button to the left */
  top: 53%;
  transform: translateY(-50%);
  pointer-events: none; /* Make decorative arrow non-interactive */
}
@media (max-width: 575px) {
  .content-block-large-hero__cta-button::before {
    display: none; /* Hide external arrow on small screens */
  }
}
.content-block-large-hero__cta-button:hover {
  /* Remove black background and white text on hover */
  /* Only animate the internal arrow */
}
.content-block-large-hero__cta-button:hover .cta-button-arrow--right {
  transform: translateX(4px);
}
.content-block-large-hero__cta-button:active {
  transform: translateY(0);
}
.content-block-large-hero__cta-button:focus {
  outline: 2px solid #333;
  outline-offset: 2px;
}

/* SVG arrow styling inside the button */
.cta-button-arrow--right {
  width: 21px;
  height: 12px;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}
.cta-button-arrow--right path {
  fill: currentColor;
}

/* Images section - right side */
.content-block-large-hero__images {
  position: relative;
  padding-top: 0rem;
}
@media (min-width: 768px) {
  .content-block-large-hero__images {
    padding-top: 1rem;
  }
}
@media (min-width: 1024px) {
  .content-block-large-hero__images {
    padding-top: 0rem;
  }
}

.content-block-large-hero__images-container {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
@media (max-width: 575px) {
  .content-block-large-hero__images-container {
    align-items: center;
    margin-top: 0.75rem;
  }
}
@media (min-width: 575px) {
  .content-block-large-hero__images-container {
    gap: 1.25rem;
    margin-top: 2rem;
  }
}
@media (min-width: 768px) {
  .content-block-large-hero__images-container {
    gap: 1.7rem;
    margin-top: 2rem;
    flex-direction: column;
  }
}

/* Individual image wrappers with custom aspect ratios */
.content-block-large-hero__image-wrapper {
  position: relative;
  width: 100%;
}

.content-block-large-hero__images-container .content-block-large-hero__image-wrapper:first-child img {
  aspect-ratio: initial;
  width: 100%;
  height: 250px;
}
@media (min-width: 415px) {
  .content-block-large-hero__images-container .content-block-large-hero__image-wrapper:first-child img {
    aspect-ratio: initial;
    width: 100%;
    height: 300px;
  }
}
@media (min-width: 768px) {
  .content-block-large-hero__images-container .content-block-large-hero__image-wrapper:first-child img {
    aspect-ratio: 3.6/3; /* Landscape orientation */
    padding-top: 2.85rem;
    width: 100%;
    max-height: 100%;
    height: auto;
  }
}
@media (min-width: 1024px) {
  .content-block-large-hero__images-container .content-block-large-hero__image-wrapper:first-child img {
    aspect-ratio: 4.6/3; /* Landscape orientation */
    padding-top: 2.85rem;
    width: 100%;
    max-height: 100%;
    height: auto;
  }
}

.content-block-large-hero__images-container .content-block-large-hero__image-wrapper:last-child img {
  aspect-ratio: initial;
  width: 100%;
  height: 250px;
}
@media (min-width: 415px) {
  .content-block-large-hero__images-container .content-block-large-hero__image-wrapper:last-child img {
    aspect-ratio: initial;
    width: 100%;
    height: 300px;
  }
}
@media (min-width: 768px) {
  .content-block-large-hero__images-container .content-block-large-hero__image-wrapper:last-child img {
    aspect-ratio: 1.7/2; /* Landscape orientation */
    padding-left: 1rem;
    padding-right: 1.5rem;
    width: 100%;
    max-height: 100%;
    height: auto;
  }
}
@media (min-width: 1024px) {
  .content-block-large-hero__images-container .content-block-large-hero__image-wrapper:last-child img {
    aspect-ratio: 2.175/2; /* Landscape orientation */
    padding-left: 1rem;
    padding-right: 1.5rem;
    width: 100%;
    max-height: 100%;
    height: auto;
  }
}

.content-block-large-hero__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.content-block-large-hero__image-placeholder {
  background-color: #f3f4f6;
  color: #6b7280;
  padding: 2rem 1rem;
  text-align: center;
  border: 2px dashed #d1d5db;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.3s ease;
  box-sizing: border-box;
}
.content-block-large-hero__image-placeholder:hover {
  border-color: #9ca3af;
  background-color: #f9fafb;
}

/* Mobile layout adjustments */
@media (max-width: 767px) {
  .content-block-large-hero__content {
    grid-template-areas: "content" "images";
  }
  .content-block-large-hero__images {
    grid-area: images;
  }
  .content-block-large-hero__text-content {
    grid-area: content;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/content-block-carousel/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
/* 
 * Master Typography Styles for All Content Blocks
 * Import this file into all block style.scss files to maintain consistency
 */
/* 
 * Master Layout & Structure Styles for All Content Blocks
 * Import this file into all block style.scss files for consistent structure
 */
.content-block-carousel {
  margin: 3rem 0;
}
.content-block-carousel__header {
  margin-bottom: 2rem;
  position: relative;
}
.content-block-carousel__title {
  font-family: "Uncut Sans", sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  color: #333;
  margin: 0 0 1rem 0;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .content-block-carousel__title {
    font-size: 3rem;
  }
}
@media (min-width: 1024px) {
  .content-block-carousel__title {
    font-size: 3.5rem;
  }
}
.content-block-carousel__description {
  font-family: "Rethink Sans", sans-serif;
  font-size: 1.125rem;
  color: #666;
  margin: 0 0 2rem 0;
  line-height: 1.6;
  max-width: 600px;
}
@media (min-width: 768px) {
  .content-block-carousel__description {
    font-size: 1.25rem;
  }
}
.content-block-carousel__controls {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .content-block-carousel__controls {
    position: absolute;
    top: 0;
    right: 0;
    margin-bottom: 0;
  }
}
.content-block-carousel__nav-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border: 2px solid #333;
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #333;
}
.content-block-carousel__nav-button:hover {
  /* Remove black background and white text on hover */
  transform: scale(1.05);
}
.content-block-carousel__nav-button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
  transform: none;
}
.content-block-carousel__nav-button svg {
  width: 20px;
  height: 20px;
}
.content-block-carousel__container {
  position: relative;
  overflow: hidden;
}
.content-block-carousel__track {
  display: flex;
  transition: transform 0.6s ease;
}
.content-block-carousel__slide {
  flex: 0 0 100%;
  width: 100%;
}
.content-block-carousel__slide-images {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .content-block-carousel__slide-images {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
}
.content-block-carousel__image-wrapper {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  background: #f8f9fa;
  aspect-ratio: 4/3;
}
@media (min-width: 768px) {
  .content-block-carousel__image-wrapper {
    aspect-ratio: 3/4;
  }
}
.content-block-carousel__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}
.content-block-carousel__image:hover {
  transform: scale(1.02);
}
.content-block-carousel__caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
  color: white;
  padding: 2rem 1.5rem 1.5rem;
  font-family: "Rethink Sans", sans-serif;
  font-size: 0.9rem;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .content-block-carousel__caption {
    padding: 2.5rem 2rem 1.75rem;
    font-size: 1rem;
  }
}
.content-block-carousel__slide {
  opacity: 0;
  transition: opacity 0.6s ease;
}
.content-block-carousel__slide.active {
  opacity: 1;
}
.content-block-carousel__image-wrapper::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  border: 3px solid rgba(0, 0, 0, 0.1);
  border-top-color: #666;
  border-radius: 50%;
  animation: carousel-spinner 1s linear infinite;
  z-index: 1;
}
.content-block-carousel__image:not([src=""]) ~ .content-block-carousel__image-wrapper::before {
  display: none;
}
@media (max-width: 767px) {
  .content-block-carousel {
    margin: 2rem 0;
  }
  .content-block-carousel__title {
    font-size: 2rem;
  }
  .content-block-carousel__description {
    font-size: 1rem;
    margin-bottom: 1.5rem;
  }
  .content-block-carousel__controls {
    justify-content: center;
    margin-bottom: 1.5rem;
  }
  .content-block-carousel__nav-button {
    width: 44px;
    height: 44px;
  }
  .content-block-carousel__nav-button svg {
    width: 18px;
    height: 18px;
  }
}

@keyframes carousel-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/content-block-yellow-showcase/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 
 * Master Layout & Structure Styles for All Content Blocks
 * Import this file into all block style.scss files for consistent structure
 */
.content-block-yellow-showcase {
  margin-top: 2.1rem; /* Small mobile margin top (0-574px) */
  margin-bottom: 2.1rem; /* Small mobile margin bottom (0-574px) */
  padding: 0;
}
@media (min-width: 575px) {
  .content-block-yellow-showcase {
    margin-top: 3.2rem; /* xs breakpoint and above margin top */
    margin-bottom: 2.8rem; /* xs breakpoint and above margin bottom */
  }
}
@media (min-width: 1024px) {
  .content-block-yellow-showcase {
    padding-right: 3rem;
  }
}

.content-block-yellow-showcase .yellow-showcase-container .yellow-showcase-inner {
  max-width: 100%;
  padding: 0 0rem;
  width: 100%;
}
@media (min-width: 768px) {
  .content-block-yellow-showcase .yellow-showcase-container .yellow-showcase-inner {
    max-width: 1200px;
  }
}
@media (min-width: 1024px) {
  .content-block-yellow-showcase .yellow-showcase-container .yellow-showcase-inner {
    max-width: 1200px;
  }
}
@media (min-width: 1440px) {
  .content-block-yellow-showcase .yellow-showcase-container .yellow-showcase-inner {
    max-width: 1200px;
  }
}

/* 
 * Master Typography Styles for All Content Blocks
 * Import this file into all block style.scss files to maintain consistency
 */
.content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-button .button-text, .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description, .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description ol, .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description ul, .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description p {
  font-family: "Uncut Sans", "Source Sans 3", "Open Sans", Calibri, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #000000;
  font-weight: 400;
  /* Fallback techniques for better line breaks */
  word-break: break-word;
  overflow-wrap: break-word;
}

.content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description p {
  font-size: 1.2rem;
  line-height: 27px;
  margin: 0 0 1rem 0;
  /* Default 92% width for better readability */
}
.content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description p:last-child {
  margin-bottom: 0;
}
@media (min-width: 575px) {
  .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description p {
    font-size: 1.24rem;
    line-height: 27px;
    width: 92%;
  }
}
@media (min-width: 768px) {
  .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description p {
    font-size: 1.28rem;
    line-height: 27px;
    width: 92%;
  }
}

.content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description h5, .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description h6, .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description h4, .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description h3 {
  font-family: "Uncut Sans", sans-serif;
  font-weight: 700;
  color: #000000;
  margin: 1.5rem 0 1rem 0;
  line-height: 1.3;
}

.content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description h3 {
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description h3 {
    font-size: 1.5rem;
  }
}

.content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description h4 {
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description h4 {
    font-size: 1.3rem;
  }
}

.content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description h5, .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description h6 {
  font-size: 1.1rem;
}
@media (min-width: 768px) {
  .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description h5, .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description h6 {
    font-size: 1.15rem;
  }
}

.content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description ol, .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description ul {
  font-family: "Uncut Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  font-size: 17.5px;
  line-height: 1.7;
  margin: 1.5rem 0;
  padding-left: 1.5rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
@media (min-width: 575px) {
  .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description ol, .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description ul {
    font-size: 18px;
    margin: 1.6rem 0;
  }
}

.content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description ul {
  list-style-type: disc;
  list-style-position: outside; /* Changed back to outside for proper hanging indent */
  padding-left: 1.5rem; /* Space for the bullet and indent */
}
.content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description ul ul {
  list-style-type: circle;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding-left: 1.5rem; /* Consistent nested indent */
}
.content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description ul ul ul {
  list-style-type: square;
}

.content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description ol {
  list-style-type: decimal;
  list-style-position: outside; /* Changed back to outside for proper hanging indent */
  padding-left: 1.5rem; /* Space for the number and indent */
}
.content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description ol ol {
  list-style-type: lower-alpha;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding-left: 1.5rem; /* Consistent nested indent */
}
.content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description ol ol ol {
  list-style-type: lower-roman;
}

.content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description li {
  margin: 0 0 0.75rem 0;
  display: list-item;
  width: 100%;
  box-sizing: border-box;
  padding-left: 0.5rem; /* Add padding to create hanging indent effect */
  font-weight: 500;
  color: #272727;
  line-height: 29px;
}
.content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description li:last-child {
  margin-bottom: 0;
}
@media (min-width: 575px) {
  .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description li {
    font-weight: 500;
    margin: 0 0 0.9rem 0;
    width: 89%;
  }
}

.content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-title {
  font-family: "Rethink Sans", sans-serif;
  font-weight: 700;
  color: #000000;
  line-height: 1; /* Default mobile line-height */
  margin: 0 0 1.75rem 0; /* Mobile margin */
  font-size: 2.25rem;
}
@media (min-width: 768px) {
  .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-title {
    font-size: 3.45rem;
    line-height: 59px; /* Apply fixed line-height above mobile */
    margin-bottom: 3.1rem; /* Desktop margin */
    margin-top: -9px;
  }
}
@media (max-width: 767px) {
  .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-title {
    font-size: 2.25rem;
    /* Keeps line-height: 1 and 1.75rem margin from default */
  }
}

.content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-subheader {
  font-family: "Uncut Sans", sans-serif;
  font-weight: 700;
  color: #000000;
  line-height: 1.3;
  margin: 0 0 1.5rem 0;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-subheader {
    font-size: 1.65rem;
  }
}
@media (max-width: 767px) {
  .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-subheader {
    font-size: 1.4rem;
  }
}

.content-block-yellow-showcase {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .content-block-yellow-showcase {
    margin-bottom: 2.25rem;
  }
}
.content-block-yellow-showcase .yellow-showcase-container {
  box-shadow: 0 0 0 100vw #FBD04D;
  clip-path: inset(0 -100vw);
  padding: 2rem 0rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  align-items: flex-start;
  background-color: #FBD04D;
  max-width: 1210px;
  padding-bottom: 2.5rem;
}
@media (min-width: 575px) {
  .content-block-yellow-showcase .yellow-showcase-container {
    padding: 3rem 0rem;
    margin-bottom: 3.25rem;
    padding-bottom: 3.8rem;
  }
}
@media (min-width: 768px) {
  .content-block-yellow-showcase .yellow-showcase-container {
    padding: 4rem 0rem;
    padding-bottom: 4rem;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    margin-bottom: 4.25rem;
  }
}
@media (min-width: 1024px) {
  .content-block-yellow-showcase .yellow-showcase-container {
    padding: 4.5rem 0rem;
    padding-bottom: 6.2rem;
    gap: 5rem;
  }
}
@media (min-width: 1150px) {
  .content-block-yellow-showcase .yellow-showcase-container {
    padding-right: 0;
  }
}
@media (min-width: 1350px) {
  .content-block-yellow-showcase .yellow-showcase-container {
    max-width: 1255px;
  }
}
.content-block-yellow-showcase .yellow-showcase-container .yellow-showcase-inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  padding: 0;
  margin: 0 auto;
  grid-column: 1/-1;
  max-width: 100%;
}
@media (min-width: 1150px) {
  .content-block-yellow-showcase .yellow-showcase-container .yellow-showcase-inner {
    grid-template-columns: 1.5fr 1fr;
    gap: 0rem;
  }
}
@media (min-width: 1280px) {
  .content-block-yellow-showcase .yellow-showcase-container .yellow-showcase-inner {
    grid-template-columns: 1.15fr 1fr;
    gap: 0rem;
  }
}
@media (min-width: 1024px) {
  .content-block-yellow-showcase .yellow-showcase-container .yellow-showcase-inner {
    gap: 0rem;
  }
}
@media (min-width: 768px) {
  .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-title {
    font-size: 4.6rem;
    line-height: 1.05;
    margin-bottom: 3rem;
    width: 89%;
    line-height: 66px;
  }
}
@media (min-width: 1024px) {
  .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-title {
    font-size: 55.2px;
    line-height: 54px;
    margin-bottom: 2.5rem;
    width: 100%;
  }
}
@media (min-width: 1500px) {
  .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-title {
    font-size: 55.2px;
    line-height: 56px;
    margin-bottom: 2.5rem;
    width: 100%;
  }
}
.content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-subheader {
  font-size: 1.3rem;
  line-height: 1.2;
  margin: 0 0 1.5rem 0;
}
@media (min-width: 768px) {
  .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-subheader {
    font-size: 34px;
    margin-bottom: 2rem;
    width: 83%;
  }
}
@media (min-width: 1024px) {
  .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-subheader {
    font-size: 34px;
    width: 100%;
  }
}
.content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description {
  margin-bottom: 1.5rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description * {
  box-sizing: border-box;
  max-width: 100%;
}
@media (min-width: 768px) {
  .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description {
    margin-bottom: 1.5rem;
  }
}
.content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description p {
  width: 100%;
}
@media (min-width: 575px) {
  .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-description p {
    width: 83%;
  }
}
.content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-button {
  position: relative;
  display: inline-block;
}
.content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-button .button-link {
  text-decoration: none;
  display: inline;
  color: #000;
  font-weight: 600;
}
.content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-button .button-link::after {
  content: " →";
  font-size: 2.6em;
  font-weight: 900;
  transition: transform 0.2s ease;
  text-decoration: none;
  margin-left: 0.4rem;
  display: inline-block;
  height: 1px;
  position: relative;
  top: 2px;
  left: 3px;
}
@media (max-width: 767px) {
  .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-button .button-link::after {
    display: none;
  }
}
.content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-button .button-link:hover::after {
  transform: translateX(4px);
}
.content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-button:hover .button-link::after {
  transform: translateX(4px);
}
.content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-button .button-text {
  display: inline;
  font-size: 1.4rem;
  font-weight: 600;
  color: #000;
  text-decoration: underline;
  cursor: pointer;
}
@media (min-width: 768px) {
  .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-button .button-text {
    font-size: 30px;
    padding-right: 0;
  }
}
.content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-button::after {
  content: "";
  position: absolute;
  top: calc(100% + 14px);
  left: 0;
  width: 97%;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg width=%27434%27 height=%2719%27 viewBox=%270 0 434 19%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M2.04366 9.34517C3.15222 9.35296 4.26077 9.36076 72.0469 8.55237C139.833 7.74398 274.263 6.11917 344.624 5.16145C414.986 4.20372 417.205 3.96232 422.228 3.86524C427.251 3.76816 435.01 3.82273 430.416 3.91892C425.821 4.01512 408.637 4.15129 360.136 6.3842C311.636 8.61712 232.34 12.9426 189.137 14.8974C145.933 16.8521 141.226 16.305 126.745 15.9384C112.264 15.5718 88.1533 15.4023 74.9002 15.4376C61.647 15.4729 59.9824 15.7182 51.365 15.79C42.7476 15.8618 27.2278 15.7527 71.3474 14.2639C115.467 12.775 219.696 9.90987 275.888 7.93742C332.08 5.96497 337.075 4.97207 340.204 4.33599C344.443 3.4507 347.252 2.94865 350.467 2.58186C352.017 2.46036 353.403 2.47011 354.831 2.48014%27 stroke=%27black%27 stroke-width=%274%27 stroke-linecap=%27round%27/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
}
@media (max-width: 767px) {
  .content-block-yellow-showcase .yellow-showcase-content .yellow-showcase-button::after {
    display: none;
  }
}
.content-block-yellow-showcase .yellow-showcase-image .image-container img {
  width: 85%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  margin-top: 0rem;
  aspect-ratio: initial;
  padding-top: 0px;
  padding-left: 0rem;
}
@media (min-width: 575px) {
  .content-block-yellow-showcase .yellow-showcase-image .image-container img {
    width: 66%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    margin-top: 0rem;
    aspect-ratio: initial;
    padding-top: 0px;
    padding-left: 0rem;
  }
}
@media (min-width: 768px) {
  .content-block-yellow-showcase .yellow-showcase-image .image-container img {
    width: 66%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    margin-top: 3rem;
    aspect-ratio: initial;
    padding-top: 0px;
    padding-left: 0rem;
  }
}
@media (min-width: 1150px) {
  .content-block-yellow-showcase .yellow-showcase-image .image-container img {
    aspect-ratio: 1/1;
    padding-top: 114px;
    padding-left: 1.5rem;
    width: 100%;
    height: auto;
  }
}
@media (min-width: 1280px) {
  .content-block-yellow-showcase .yellow-showcase-image .image-container img {
    aspect-ratio: 1.32/1;
    padding-top: 114px;
    padding-left: 3.5rem;
    width: 100%;
    height: auto;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/content-block-faq/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
/**
 * FAQ Block Styles
 * Styling for the frequently asked questions accordion block
 */
.content-block-faq {
  margin: 0 auto;
}
.content-block-faq strong {
  background-color: initial !important;
}
.content-block-faq .faq-header {
  margin-bottom: 0rem;
}
.content-block-faq .faq-header .faq-title {
  margin-top: 0.75rem;
}
@media (min-width: 475px) {
  .content-block-faq .faq-header .faq-title {
    margin-top: 1.5rem;
  }
}
@media (min-width: 768px) {
  .content-block-faq .faq-header .faq-title {
    margin-top: 1.5rem;
  }
}
.content-block-faq .faq-header .faq-description {
  margin-bottom: 1.5rem;
  line-height: 1.5;
  color: rgb(17, 24, 39);
  font-size: 17px;
}
@media (min-width: 475px) {
  .content-block-faq .faq-header .faq-description {
    font-size: 18.5px;
  }
}
.content-block-faq .faq-header .faq-description p {
  margin: 0 0 1rem 0;
}
.content-block-faq .faq-header .faq-description p:last-child {
  margin-bottom: 0;
}
.content-block-faq .faq-header .faq-contact {
  margin-bottom: 1.5rem;
}
.content-block-faq .faq-header .faq-contact p {
  margin: 0.25rem 0;
  font-family: "Uncut Sans", sans-serif;
  font-size: 16.5px;
  color: black;
}
.content-block-faq .faq-header .faq-contact p a {
  text-decoration: underline;
  font-style: italic;
  color: rgb(96, 165, 250);
}
.content-block-faq .faq-header .faq-contact p a:hover {
  color: rgb(59, 130, 246);
}
.content-block-faq .faq-list {
  margin-bottom: 2.5rem;
}
@media (min-width: 475px) {
  .content-block-faq .faq-list {
    margin-bottom: 3rem;
  }
}
.content-block-faq .faq-item {
  border-bottom: 1px solid rgb(107, 114, 128);
  padding: 0.5rem 0;
}
.content-block-faq .faq-item:first-child {
  padding-top: 0;
}
.content-block-faq .faq-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.content-block-faq .faq-item .faq-question h3 {
  margin: 0;
  font-family: "Rethink Sans", sans-serif;
  font-weight: 600;
  line-height: 1.2;
  font-size: 1.2rem;
  color: black;
  cursor: pointer;
  transition: color 0.2s ease;
}
@media (min-width: 475px) {
  .content-block-faq .faq-item .faq-question h3 {
    font-size: 1.4rem;
  }
}
@media (min-width: 768px) {
  .content-block-faq .faq-item .faq-question h3 {
    font-size: 1.5rem;
  }
}
.content-block-faq .faq-item .faq-question h3:hover {
  color: rgb(55, 65, 81);
}
.content-block-faq .faq-item .faq-answer {
  padding-bottom: 1rem;
  color: rgb(55, 65, 81);
  font-size: 1rem;
  line-height: 24px;
}
@media (min-width: 475px) {
  .content-block-faq .faq-item .faq-answer {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .content-block-faq .faq-item .faq-answer {
    font-size: 18px;
  }
}
.content-block-faq .faq-item .faq-answer p {
  margin: 0 0 1rem 0;
}
.content-block-faq .faq-item .faq-answer p:last-child {
  margin-bottom: 0;
}
.content-block-faq .faq-item .faq-answer p strong, .content-block-faq .faq-item .faq-answer p b {
  font-weight: 700;
  color: black;
}
.content-block-faq .faq-item .faq-answer img {
  max-width: 100%;
  height: auto;
  border-radius: 0.375rem;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  margin: 1rem 0;
}

.content-block-faq * {
  box-sizing: border-box;
}

body:not(.wp-admin) .content-block-faq .faq-controls,
body:not(.wp-admin) .content-block-faq .add-faq-button,
body:not(.wp-admin) .content-block-faq .components-base-control__label {
  display: none !important;
}

/*# sourceMappingURL=style-index.css.map*/