/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* Screen reader only — visually hidden but accessible to assistive technologies and crawlers */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* For anchored named links, give an offset to account for fixed headers */
:target {
  scroll-margin-top: 100px;
}

/* 
  Italic text uses a different font.
  You can't define a unique font for <em> tags directly in Bricks.
*/
em {
  font-family: "Roboto Serif Italic", serif;
}
:where(p) {
  margin-block: 0 18px;
}

.brxe-text > ul {
  margin-block: 0 18px;
}

.brxe-text > ul,
.brxe-text > ol {
  padding-inline-start: 22px;
}

.brxe-text > ul li,
.brxe-text > ol li {
  margin-bottom: 12px;
}

.brxe-text > ul > li,
.brxe-text > ol > li {
     text-indent: -2px;
}


.brxe-text > ol > li > ul {
  list-style-type: disc;
  padding-left: 18px;
}

.brxe-text > *:last-child {
  margin-bottom: 0;
}

:where(p:last-of-type) + h1,
:where(p:last-of-type) + h2,
:where(p:last-of-type) + h3,
:where(p:last-of-type) + h4,
:where(p:last-of-type) + h5,
:where(p:last-of-type) + h6 {
  margin-block: 32px;
}
p + h3 {
  margin-top: 36px;
}

.eyebrow {
  color: var(--bricks-color-nsotcn);
}

.brxe-button {
  transition: all 0.3s cubic-bezier(0.29, 0.66, 0.59, 1.01);
  border: 1px solid transparent; /* Can't do 1.5px, so use 1px */
}
.brxe-button:hover {
  cursor: pointer;
  /* border-color:var( --bricks-color-vvfxkt); */
  box-shadow: 0 1px 2px rgb(0 0 0 / 48%);
}

.brxe-text + .brxe-button,
.brxe-text-basic + .brxe-button,
.brxe-text + .modal-control-container,
.brxe-text-basic + .modal-control-container {
  margin-top: 40px;
}

.brxe-button + .brxe-text,
.brxe-button + .brxe-text-basic,
.modal-control-container + .brxe-text,
.modal-control-container + .brxe-text-basic,
.modal-content-hidden + .brxe-text,
.modal-content-hidden + .brxe-text-basic {
  margin-top: 40px;
}




/* special case for read more buttons */
.brxe-text + .brxe-button.read-more-expand-button.outline,
.brxe-text-basic + .brxe-button.read-more-expand-button.outline {
  margin-top: 18px;
}

/* .brxe-text.read-more-expand-button__content:not(.read-more-expanded)
  + .brxe-button,
.brxe-text-basic.read-more-expand-button__content:not(.read-more-expanded)
  + .brxe-button {
  margin-top: 0;
} */

.brxe-container > .brxe-text {
  /* give it 80px padding on each side inside a 1200px container */
  /* max-width:1042px; */
}

.brxe-container:has(> .brxe-text) {
  display: flex;
  /* justify-content: center; */
  flex-direction: column;
  align-items: center;
}

.brxe-text + .brxe-text {
  margin-top: 42px;
}

/* 
  Apply padding to all direct children of .brxe-text except <hr>
 so that the horizontal rules span the full width of the text container and the text appears indented
*/
@media (min-width: 992px) {
  body:not(.post-template-default) .brxe-container > .brxe-text > *:not(hr) {
    padding-left: 80px;
    padding-right: 80px;
  }

  body:not(.post-template-default)
    .ignore-text-padding
    .brxe-container
    > .brxe-text
    > *:not(hr) {
    padding-left: 0;
    padding-right: 0;
  }
}
/* The horizontal rules with circles on the ends */
hr,
:where(.brxe-divider).horizontal .line {
  border-color: var(--bricks-color-nsotcn);
  margin: 100px 0;
  position: relative;
}

@media(max-width:991px) {
  hr,
  :where(.brxe-divider).horizontal .line {
   
    margin: 50px 0;
   
  }

}

hr::after,
:where(.brxe-divider).horizontal .line::after {
  position: absolute;
  top: -3px;
  right: 0;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--bricks-color-nsotcn);
}
hr::before,
:where(.brxe-divider).horizontal .line::before {
  position: absolute;
  top: -3px;
  left: 0;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--bricks-color-nsotcn);
}
.brxe-text > p > img {
  display: block;
  margin-top: 100px; /* add space above image */
}

/* :where(.brxe-divider).horizontal {
    padding:100px 0;
} */

@media (max-width: 767px) {
  /* Break the image out of the p surrounding it to the edges of the container */
  .never.brxe-text > p > img {
    display: block;
    max-width: none;
    margin-top: 100px; /* add space above image */
    width: calc(100% + 160px); /* 80px left + 80px right */
    margin-left: -80px;
    margin-right: -80px;
  }

  .brxe-text > p > img {
    margin-top: 50px; /* add space above image */
  }

  /* large images should almost fit the mobile screen, breaking out of the padding but not all the way to the edges */
  .brxe-text > p > img.alignnone.size-full,
  .brxe-text > img.alignnone.size-full {
    width: calc(100% + 70px);
    margin-left: -35px;
    margin-right: -35px;
    max-width: none;
  }
}

h2 + .container-row {
  margin-top: 32px;
}

/* I don't know where this is needed, and now its causing problems on other pages.
Reduced to 14 from 32, see if this still causes problems on pages */
h2 + div {
  margin-top: 14px;
}

@media (max-width: 767px) {
  h2 + div {
    margin-top: 0px;
  }

  h2:has(+ .brxe-text-basic) {
    margin-bottom: 12px;
  }
}

@media (max-width: 767px) {
  h2 {
    font-size: 30px;
    line-height: 37px;
    letter-spacing: -0.6px;
  }
}

h2 + h3.large-h3 {
  margin-top: 10px;
}

.brxe-container img + div {
  margin-top: 48px;
}

.brxe-container.centered-content > h2 {
  text-align: center;
}

/* give space before a button */
.brxe-container > div + .brxe-button {
  margin-top: 58px;
}
.focus-hero-section .brxe-container > div + .brxe-button {
  margin-top: 32px;
}

.brxe-container > div.brxe-text + div {
  margin-top: 54px;
}

.brxe-heading + .card-image-text__row {
  margin-top: 32px;
}

.brxe-text a {
  text-decoration: underline;
}

/* 

Make tables full width on mobile.
We offset the container width at that size which is 50px;
*/
@media (max-width: 767px) {
  .brxe-container > .brxe-data-table {
    width: calc(100% + 100px) !important;
    margin-left: -50px;
    margin-right: -50px;
    max-width: none;
  }
}

/* .brxe-text {
  width:100%;
} */

/*


WordPress Block Editor Styling

*/

/* Add spacing between columns blocks */
:where(.wp-block-columns) {
  margin-bottom: 50px !important;
}

html :where(img[class*="wp-image-"]):not(.wp-block-gallery *) {
  margin-bottom: 30px !important;
}

.post-default-template blockquote,
.post-default-template blockquote p {
  font-family: "Mulish";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 45px; /* 112.5% */
  letter-spacing: -0.4px;
  color: var(--bricks-color-nsotcn);
  padding: 0;
  margin: 0;
  border: none;
}
.post-default-template blockquote {
  position: relative;
  margin-top: 65px;
  margin-bottom: 32px;
  max-width: 600px;
}

.post-default-template blockquote::before {
  position: absolute;
  content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2230%22%20viewBox%3D%220%200%2040%2030%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M28.0969%2014.0455H33.0796C36.5398%2014.7273%2039.4464%2017.3182%2039.4464%2021.6818C39.4464%2026.7273%2035.5709%2030%2030.7266%2030C24.7751%2030%2021.4533%2025.2273%2021.4533%2018.6818C21.4533%208.72727%2027.9585%201.0909%2040%200V3.13636C32.8028%204.22727%2028.6505%208.31818%2028.0969%2014.0455ZM6.6436%2014.0455H11.6263C15.0865%2014.7273%2017.9931%2017.3182%2017.9931%2021.6818C17.9931%2026.7273%2014.1176%2030%209.27336%2030C3.3218%2030%200%2025.2273%200%2018.6818C0%208.72727%206.50519%201.0909%2018.5467%200V3.13636C11.3495%204.22727%207.19723%208.31818%206.6436%2014.0455Z%22%20fill%3D%22%23760D11%22%2F%3E%0A%3C%2Fsvg%3E);
  top: -71px;
  /* left: 80px; matches the padding on brxe-text in containers */
  left: 0;
}

/* Usse the Highlight color for mark elements */
.post-default-template mark {
  background-color: transparent;
  color: var(--bricks-color-nsotcn) !important;
}

.post-default-template .wp-block-image {
  margin-top: 48px;
}

.post-default-template .wp-block-image:first-child {
  margin-top: 0;
}

.post-default-template .wp-block-image img,
.post-default-template .wp-block-embed .wp-block-embed__wrapper {
  border-radius: 8px;
  margin-bottom: 21px;
}
.post-default-template .wp-block-embed .wp-block-embed__wrapper {
  overflow: hidden;
}

.wp-block-image, .wp-block-video, 
figure[class^=wp-block-] {
  margin-bottom:0;
}


figcaption.wp-element-caption {
  text-align: left;
  font-family: "Mulish";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--bricks-color-akrshi);
}


/*. Add subtle shadow to the text to make them pop on the images */
.page-header-section__title-container .brxe-heading,
.news-grid-card__title.brxe-heading,
.news-grid-card__floating-category {
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

/* 

 BUTTONS CUSTOMIZATIONS

*/

.bricks-button[class*="primary"].outline {
  border-color: var(--bricks-color-efifkr);
}

/* Add + icon to info button
Info will be used for buttons that link to other pages.
TODO: create color variants for each pillar color (when theming the page)
*/
.bricks-button[class*="info"]:not(.outline)::after {
  content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2218%22%20viewBox%3D%220%200%2019%2018%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M9.5%202.75L9.5%2014.5625%22%20stroke%3D%22%23760d11%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M15.4023%208.66113L3.58984%208.66113%22%20stroke%3D%22%23760d11%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E);

  line-height: 1;
}
:root .bricks-button.light-version[class*="info"]:not(.outline) {
  background-color: var(--bricks-color-bzgodp);
  color: var(--bricks-color-nsotcn);
}
:root .bricks-button.light-version[class*="info"]:not(.outline)::after {
  content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2218%22%20viewBox%3D%220%200%2019%2018%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M9.5%202.75L9.5%2014.5625%22%20stroke%3D%22%23760d11%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M15.4023%208.66113L3.58984%208.66113%22%20stroke%3D%22%23760d11%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E);

  line-height: 1;
}

/* Add arrow icon to Success button
Success button will be used for popup buttons.
These should stay white as the background is always dark.
*/
.bricks-button[class*="success"]:not(.outline)::after {
  content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M0.21967%209.21967C-0.0732233%209.51256%20-0.0732233%209.98744%200.21967%2010.2803C0.512563%2010.5732%200.987437%2010.5732%201.28033%2010.2803L0.75%209.75L0.21967%209.21967ZM10.5%200.75C10.5%200.335786%2010.1642%203.87003e-08%209.75%201.86214e-07L3%20-2.35254e-07C2.58579%20-2.35254e-07%202.25%200.335786%202.25%200.75C2.25%201.16421%202.58579%201.5%203%201.5H9V7.5C9%207.91421%209.33579%208.25%209.75%208.25C10.1642%208.25%2010.5%207.91421%2010.5%207.5L10.5%200.75ZM0.75%209.75L1.28033%2010.2803L10.2803%201.28033L9.75%200.75L9.21967%200.21967L0.21967%209.21967L0.75%209.75Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E);

  line-height: 1;
}

.bricks-button[class*="success"].outline {
  /* border-color: var(--bricks-color-bzgodp); */
  color: var(--bricks-color-nsotcn);
  background-color: var(--bricks-color-bzgodp);
}

.bricks-button[class*="success"].outline::after {
  content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M4.13764%2013.9462C3.84475%2014.2391%203.84475%2014.714%204.13764%2015.0069C4.43053%2015.2998%204.90541%2015.2998%205.1983%2015.0069L4.66797%2014.4766L4.13764%2013.9462ZM14.418%205.47656C14.418%205.06235%2014.0822%204.72656%2013.668%204.72656H6.91797C6.50376%204.72656%206.16797%205.06235%206.16797%205.47656C6.16797%205.89078%206.50376%206.22656%206.91797%206.22656L12.918%206.22656L12.918%2012.2266C12.918%2012.6408%2013.2538%2012.9766%2013.668%2012.9766C14.0822%2012.9766%2014.418%2012.6408%2014.418%2012.2266V5.47656ZM4.66797%2014.4766L5.1983%2015.0069L14.1983%206.00689L13.668%205.47656L13.1376%204.94623L4.13764%2013.9462L4.66797%2014.4766Z%22%20fill%3D%22%23760D11%22%2F%3E%0A%3C%2Fsvg%3E);

  line-height: 1;
}

/* Read More Buttons */

:root .bricks-button[class*="primary"].read-more-expand-button.outline,
.bricks-button.read-more-expand-button.outline {
  color: var(--bricks-color-nsotcn);

  border-color: var(--bricks-color-nsotcn);
}
.bricks-button.read-more-expand-button.outline::after {
  content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M9.875%202.75C9.875%202.26675%209.48325%201.875%209%201.875C8.51675%201.875%208.125%202.26675%208.125%202.75L9%202.75L9.875%202.75ZM8.38128%2015.1812C8.72299%2015.5229%209.27701%2015.5229%209.61872%2015.1812L15.1872%209.61275C15.5289%209.27104%2015.5289%208.71702%2015.1872%208.37532C14.8455%208.03361%2014.2915%208.03361%2013.9497%208.37532L9%2013.3251L4.05025%208.37532C3.70854%208.03361%203.15452%208.03361%202.81282%208.37532C2.47111%208.71702%202.47111%209.27104%202.81282%209.61275L8.38128%2015.1812ZM9%202.75L8.125%202.75L8.125%2014.5625L9%2014.5625L9.875%2014.5625L9.875%202.75L9%202.75Z%22%20fill%3D%22%23760D11%22%2F%3E%0A%3C%2Fsvg%3E);

  line-height: 1;
    transition:transform 0.3s ease;
}

.read-more-expanded ~ .bricks-button.read-more-expand-button.outline::after {
    transform: rotate(180deg);
  
}

:root
  .bricks-button[class*="primary"].read-more-expand-button.outline.button-blue,
.bricks-button.read-more-expand-button.button-blue.outline {
  color: var(--bricks-color-aahsbe);

  border-color: var(--bricks-color-aahsbe);
}
.bricks-button.read-more-expand-button.outline.button-blue::after {
  content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M9.875%202.75C9.875%202.26675%209.48325%201.875%209%201.875C8.51675%201.875%208.125%202.26675%208.125%202.75L9%202.75L9.875%202.75ZM8.38128%2015.1812C8.72299%2015.5229%209.27701%2015.5229%209.61872%2015.1812L15.1872%209.61275C15.5289%209.27104%2015.5289%208.71702%2015.1872%208.37532C14.8455%208.03361%2014.2915%208.03361%2013.9497%208.37532L9%2013.3251L4.05025%208.37532C3.70854%208.03361%203.15452%208.03361%202.81282%208.37532C2.47111%208.71702%202.47111%209.27104%202.81282%209.61275L8.38128%2015.1812ZM9%202.75L8.125%202.75L8.125%2014.5625L9%2014.5625L9.875%2014.5625L9.875%202.75L9%202.75Z%22%20fill%3D%22%230d3a7f%22%2F%3E%0A%3C%2Fsvg%3E);

  line-height: 1;
  transition:transform 0.3s ease;
}

.read-more-expanded ~ .bricks-button.read-more-expand-button.outline.button-blue::after {
    transform: rotate(180deg);
}


/* .bricks-button.read-more-expand-button:not(.outline)::after {
  content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M9.875%202.75C9.875%202.26675%209.48325%201.875%209%201.875C8.51675%201.875%208.125%202.26675%208.125%202.75L9%202.75L9.875%202.75ZM8.38128%2015.1812C8.72299%2015.5229%209.27701%2015.5229%209.61872%2015.1812L15.1872%209.61275C15.5289%209.27104%2015.5289%208.71702%2015.1872%208.37532C14.8455%208.03361%2014.2915%208.03361%2013.9497%208.37532L9%2013.3251L4.05025%208.37532C3.70854%208.03361%203.15452%208.03361%202.81282%208.37532C2.47111%208.71702%202.47111%209.27104%202.81282%209.61275L8.38128%2015.1812ZM9%202.75L8.125%202.75L8.125%2014.5625L9%2014.5625L9.875%2014.5625L9.875%202.75L9%202.75Z%22%20fill%3D%22%23760D11%22%2F%3E%0A%3C%2Fsvg%3E);

  line-height: 1;
}
 */

.bricks-button.read-more-expand-button {
  opacity: 1;
  /* max-height: 70px; */
  overflow: hidden;
  /* transition:
    all 0.3s cubic-bezier(0.29, 0.66, 0.59, 1.01),
    opacity 0.25s ease,
    max-height 0.25s ease,
    padding-top 0.25s ease,
    padding-bottom 0.25s ease,
    margin-top 0.25s ease; */
}

/* div.brxe-div:has(> .read-more-expand-button) {
  position:relative;
  padding-bottom:90px;
 } */

.bricks-button.read-more-expand-button.read-more-expand-button--hidden {
  /* opacity: 0;
  max-height: 0px;
  pointer-events: none;

  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important; */
}

/* .bricks-button.read-more-expand-button + * {
  transition: max-height 0.8s ease;
} */

.read-more-expand-button__content {
  max-height: 0;
  overflow: hidden;
  position: relative;
  transition: max-height 0.5s ease-out;
}



.read-more-expand-button__content.read-more-expanded {
  max-height: 1000px; /* large enough to show all content */
  /* overflow: visible; */

  transition: max-height 1.5s ease-out;
}

.button-blue .bricks-button[class*="success"]:not(.outline),
.bricks-button.button-blue[class*="success"]:not(.outline) {
  background-color: var(--bricks-color-aahsbe) !important;
  color: white !important;
}

.button-light-yellow .bricks-button[class*="success"]:not(.outline),
.bricks-button.button-light-yellow[class*="success"]:not(.outline) {
  background-color: var(--bricks-color-kerxmc) !important;
  color: white !important;
}

/* fix for the sup bug having a really high placement in the sub-menu nav */
.intro-page-nav__nav-menu.brxe-nav-menu .bricks-nav-menu > li > a sup {
  line-height: 2;
}

/* Testing out padding adjustments to get rid of content shift when read more disappears */

/* div.brxe-div:has(> .read-more-expand-button) {
  transition:padding-bottom 0.3s ease;
  padding-bottom:70px;
 }

  div.brxe-div:has(> .read-more-expand-button__content.read-more-expanded ) {

  padding-bottom:0;
 } */

/* 
    THEMES

*/
/* .theme-tc-learning
  :where(.eyebrow, .subheading, h2, h3, h4, .large-p, .large-p *) {
  color: var(--bricks-color-nsotcn);
} */
/******* TC LEARNING THEME *********/

/* Most of the sections were made with red by default so there isn't much to override here */

.theme-tc-learning :where(.eyebrow, .subheading, h2, h3, h4) {
  color: var(--bricks-color-nsotcn);
}

.theme-tc-learning .section-split-text-full-image .brxe-text :where(h3) {
  color: var(--bricks-color-oomnve) !important;
}

/*** End TC LEARNING THEME *********/

/******* TC DEVELOPMENT THEME *********/

/* Text and headings */
.theme-tc-development :where(.eyebrow, .subheading, h2, h3, h4) {
  color: var(--bricks-color-defyve) !important;
}

/* tc sub-menu */
.theme-tc-development
  .intro-page-nav__nav-menu.brxe-nav-menu
  .bricks-nav-menu
  > li
  > a {
  color: var(--bricks-color-defyve) !important;
}
.theme-tc-development
  .intro-page-nav__nav-menu.brxe-nav-menu
  .bricks-nav-menu
  > li
  :where(a) {
  border-color: var(--bricks-color-defyve) !important;
}
.theme-tc-development svg.intro-page-nav__mobile-header__icon path {
  fill: var(--bricks-color-defyve) !important;
}

.theme-tc-development .section-split-text-full-image .brxe-text :where(h3) {
  color: var(--bricks-color-oomnve) !important;
}

/* Buttons with outline style and icon */
.theme-tc-development .bricks-button[class*="success"].outline,
.theme-tc-development .bricks-button[class*="info"] {
  border-color: var(--bricks-color-defyve) !important;
  color: var(--bricks-color-defyve) !important;
}

/* dark button  with arrow icon */
.theme-tc-development .bricks-button[class*="success"]:not(.outline) {
  background-color: var(--bricks-color-defyve) !important;
}

.theme-tc-development .bricks-button[class*="success"].outline::after {
  content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M4.13764%2013.9462C3.84475%2014.2391%203.84475%2014.714%204.13764%2015.0069C4.43053%2015.2998%204.90541%2015.2998%205.1983%2015.0069L4.66797%2014.4766L4.13764%2013.9462ZM14.418%205.47656C14.418%205.06235%2014.0822%204.72656%2013.668%204.72656H6.91797C6.50376%204.72656%206.16797%205.06235%206.16797%205.47656C6.16797%205.89078%206.50376%206.22656%206.91797%206.22656L12.918%206.22656L12.918%2012.2266C12.918%2012.6408%2013.2538%2012.9766%2013.668%2012.9766C14.0822%2012.9766%2014.418%2012.6408%2014.418%2012.2266V5.47656ZM4.66797%2014.4766L5.1983%2015.0069L14.1983%206.00689L13.668%205.47656L13.1376%204.94623L4.13764%2013.9462L4.66797%2014.4766Z%22%20fill%3D%22%23257833%22%2F%3E%0A%3C%2Fsvg%3E);
}
.theme-tc-development .bricks-button[class*="info"]:not(.outline)::after {
  content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2218%22%20viewBox%3D%220%200%2019%2018%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M9.5%202.75L9.5%2014.5625%22%20stroke%3D%22%23257833%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M15.4023%208.66113L3.58984%208.66113%22%20stroke%3D%22%23257833%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E);
}

/* Darker Backgrounds */
.theme-tc-development .spotlight-testimonial-carousel.brxe-section,
.theme-tc-development
  .spotlight-testimonial-carousel.background-red
  .spotlight-testimonial-carousel__controls-wrapper.brxe-div,
.theme-tc-development
  .spotlight-testimonial-carousel.background-red
  .spotlight-testimonial-carousel__pagination
  .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  background-color: var(--bricks-color-defyve) !important;
}

/* Lighter Backgrounds */
.theme-tc-development .spotlight-testimonial-carousel.background-red::after,
.theme-tc-development .collapsible-section-bar.brxe-section {
  background-color: var(--bricks-color-ibxnfq) !important;
}
@media (max-width: 991px) {
  .theme-tc-development
    .spotlight-testimonial-carousel.background-red
    .spotlight-testimonial-carousel__controls-wrapper.brxe-div {
    background-color: var(--bricks-color-ibxnfq) !important;
  }
}

.theme-tc-development
  .spotlight-testimonial-carousel.brxe-section
  .swiper-button-next
  svg
  path,
.theme-tc-development
  .spotlight-testimonial-carousel.brxe-section
  .swiper-button-prev
  svg
  path {
  fill: var(--bricks-color-defyve) !important;
}

/* Divider */
.theme-tc-development hr,
.theme-tc-development :where(.brxe-divider).horizontal .line {
  border-color: var(--bricks-color-defyve) !important;
}
.theme-tc-development hr::after,
.theme-tc-development :where(.brxe-divider).horizontal .line::after,
.theme-tc-development hr::before,
.theme-tc-development :where(.brxe-divider).horizontal .line::before {
  background-color: var(--bricks-color-defyve) !important;
}

/* Outlines */
.theme-tc-development .outlined-cards .card-image-text__inner-wrapper {
  border-color: var(--bricks-color-defyve);
}

/********  End TC Development Theme  *********/

/******* TC COMMUNICATION THEME *********/

/* Text and headings */
.theme-tc-communication :where(.eyebrow, .subheading, h2, h3, h4) {
  color: var(--bricks-color-ibbtry) !important;
}
/* tc sub-menu */
.theme-tc-communication
  .intro-page-nav__nav-menu.brxe-nav-menu
  .bricks-nav-menu
  > li
  > a {
  color: var(--bricks-color-ibbtry) !important;
}
.theme-tc-communication
  .intro-page-nav__nav-menu.brxe-nav-menu
  .bricks-nav-menu
  > li
  :where(a) {
  border-color: var(--bricks-color-ibbtry) !important;
}
.theme-tc-communication svg.intro-page-nav__mobile-header__icon path {
  fill: var(--bricks-color-ibbtry) !important;
}

/* Gray h3 */
.theme-tc-communication .section-split-text-full-image .brxe-text :where(h3) {
  color: var(--bricks-color-oomnve) !important;
}

/* Buttons with outline style and icon */
.theme-tc-communication .bricks-button[class*="success"].outline,
.theme-tc-communication .bricks-button[class*="info"] {
  border-color: var(--bricks-color-ibbtry) !important;
  color: var(--bricks-color-ibbtry) !important;
}
.theme-tc-communication .bricks-button[class*="success"]:not(.outline) {
  background-color: var(--bricks-color-ibbtry) !important;
}

.theme-tc-communication .bricks-button[class*="success"].outline::after {
  content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M4.13764%2013.9462C3.84475%2014.2391%203.84475%2014.714%204.13764%2015.0069C4.43053%2015.2998%204.90541%2015.2998%205.1983%2015.0069L4.66797%2014.4766L4.13764%2013.9462ZM14.418%205.47656C14.418%205.06235%2014.0822%204.72656%2013.668%204.72656H6.91797C6.50376%204.72656%206.16797%205.06235%206.16797%205.47656C6.16797%205.89078%206.50376%206.22656%206.91797%206.22656L12.918%206.22656L12.918%2012.2266C12.918%2012.6408%2013.2538%2012.9766%2013.668%2012.9766C14.0822%2012.9766%2014.418%2012.6408%2014.418%2012.2266V5.47656ZM4.66797%2014.4766L5.1983%2015.0069L14.1983%206.00689L13.668%205.47656L13.1376%204.94623L4.13764%2013.9462L4.66797%2014.4766Z%22%20fill%3D%22%23c16e0f%22%2F%3E%0A%3C%2Fsvg%3E);
}
.theme-tc-communication .bricks-button[class*="info"]:not(.outline)::after {
  content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2218%22%20viewBox%3D%220%200%2019%2018%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M9.5%202.75L9.5%2014.5625%22%20stroke%3D%22%23c16e0f%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M15.4023%208.66113L3.58984%208.66113%22%20stroke%3D%22%23c16e0f%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E);
}

/* Darker Backgrounds */
.theme-tc-communication .spotlight-testimonial-carousel.brxe-section,
.theme-tc-communication
  .spotlight-testimonial-carousel.background-red
  .spotlight-testimonial-carousel__controls-wrapper.brxe-div,
.theme-tc-communication
  .spotlight-testimonial-carousel.background-red
  .spotlight-testimonial-carousel__pagination
  .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  background-color: var(--bricks-color-ibbtry) !important;
}

/* Lighter Backgrounds */
.theme-tc-communication .spotlight-testimonial-carousel.background-red::after,
.theme-tc-communication .collapsible-section-bar.brxe-section {
  background-color: var(--bricks-color-kerxmc) !important;
}
@media (max-width: 991px) {
  .theme-tc-communication
    .spotlight-testimonial-carousel.background-red
    .spotlight-testimonial-carousel__controls-wrapper.brxe-div {
    background-color: var(--bricks-color-kerxmc) !important;
  }
}

.theme-tc-communication
  .spotlight-testimonial-carousel.brxe-section
  .swiper-button-next
  svg
  path,
.theme-tc-communication
  .spotlight-testimonial-carousel.brxe-section
  .swiper-button-prev
  svg
  path {
  fill: var(--bricks-color-ibbtry) !important;
}

/* Divider */
.theme-tc-communication hr,
.theme-tc-communication :where(.brxe-divider).horizontal .line {
  border-color: var(--bricks-color-ibbtry) !important;
}
.theme-tc-communication hr::after,
.theme-tc-communication :where(.brxe-divider).horizontal .line::after,
.theme-tc-communication hr::before,
.theme-tc-communication :where(.brxe-divider).horizontal .line::before {
  background-color: var(--bricks-color-ibbtry) !important;
}

/* Outlines */
.theme-tc-communication .outlined-cards .card-image-text__inner-wrapper {
  border-color: var(--bricks-color-ibbtry);
}

/********  End TC communication Theme  *********/

/******* TC Living THEME *********/

/* Text and headings */
.theme-tc-living :where(.eyebrow, .subheading, h2, h3, h4) {
  color: var(--bricks-color-aahsbe) !important;
}
/* tc sub-menu */
.theme-tc-living
  .intro-page-nav__nav-menu.brxe-nav-menu
  .bricks-nav-menu
  > li
  > a {
  color: var(--bricks-color-aahsbe) !important;
}
.theme-tc-living
  .intro-page-nav__nav-menu.brxe-nav-menu
  .bricks-nav-menu
  > li
  :where(a) {
  border-color: var(--bricks-color-aahsbe) !important;
}
.theme-tc-living svg.intro-page-nav__mobile-header__icon path {
  fill: var(--bricks-color-aahsbe) !important;
}

/* Gray h3 */
.theme-tc-living .section-split-text-full-image .brxe-text :where(h3) {
  color: var(--bricks-color-oomnve) !important;
}

/* Buttons with outline style and icon */
.theme-tc-living .bricks-button[class*="success"].outline,
.theme-tc-living .bricks-button[class*="info"] {
  border-color: var(--bricks-color-aahsbe) !important;
  color: var(--bricks-color-aahsbe) !important;
}
.theme-tc-living .bricks-button[class*="success"]:not(.outline) {
  background-color: var(--bricks-color-aahsbe) !important;
}

.theme-tc-living .bricks-button[class*="success"].outline::after {
  content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M4.13764%2013.9462C3.84475%2014.2391%203.84475%2014.714%204.13764%2015.0069C4.43053%2015.2998%204.90541%2015.2998%205.1983%2015.0069L4.66797%2014.4766L4.13764%2013.9462ZM14.418%205.47656C14.418%205.06235%2014.0822%204.72656%2013.668%204.72656H6.91797C6.50376%204.72656%206.16797%205.06235%206.16797%205.47656C6.16797%205.89078%206.50376%206.22656%206.91797%206.22656L12.918%206.22656L12.918%2012.2266C12.918%2012.6408%2013.2538%2012.9766%2013.668%2012.9766C14.0822%2012.9766%2014.418%2012.6408%2014.418%2012.2266V5.47656ZM4.66797%2014.4766L5.1983%2015.0069L14.1983%206.00689L13.668%205.47656L13.1376%204.94623L4.13764%2013.9462L4.66797%2014.4766Z%22%20fill%3D%22%230d3a7f%22%2F%3E%0A%3C%2Fsvg%3E);
}
.theme-tc-living .bricks-button[class*="info"]:not(.outline)::after {
  content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2218%22%20viewBox%3D%220%200%2019%2018%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M9.5%202.75L9.5%2014.5625%22%20stroke%3D%22%230d3a7f%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M15.4023%208.66113L3.58984%208.66113%22%20stroke%3D%22%230d3a7f%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E);
}

/* Darker Backgrounds */
.theme-tc-living .spotlight-testimonial-carousel.brxe-section,
.theme-tc-living
  .spotlight-testimonial-carousel.background-red
  .spotlight-testimonial-carousel__controls-wrapper.brxe-div,
.theme-tc-living
  .spotlight-testimonial-carousel.background-red
  .spotlight-testimonial-carousel__pagination
  .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  background-color: var(--bricks-color-aahsbe) !important;
}

/* Lighter Backgrounds */
.theme-tc-living .spotlight-testimonial-carousel.background-red::after,
.theme-tc-living .collapsible-section-bar.brxe-section {
  background-color: var(--bricks-color-ulzdwc) !important;
}
@media (max-width: 991px) {
  .theme-tc-living
    .spotlight-testimonial-carousel.background-red
    .spotlight-testimonial-carousel__controls-wrapper.brxe-div {
    background-color: var(--bricks-color-ulzdwc) !important;
  }
}

.theme-tc-living
  .spotlight-testimonial-carousel.brxe-section
  .swiper-button-next
  svg
  path,
.theme-tc-living
  .spotlight-testimonial-carousel.brxe-section
  .swiper-button-prev
  svg
  path {
  fill: var(--bricks-color-aahsbe) !important;
}
/* Divider */
.theme-tc-living hr,
.theme-tc-living :where(.brxe-divider).horizontal .line {
  border-color: var(--bricks-color-aahsbe) !important;
}
.theme-tc-living hr::after,
.theme-tc-living :where(.brxe-divider).horizontal .line::after,
.theme-tc-living hr::before,
.theme-tc-living :where(.brxe-divider).horizontal .line::before {
  background-color: var(--bricks-color-aahsbe) !important;
}

/* Outlines */
.theme-tc-living .outlined-cards .card-image-text__inner-wrapper {
  border-color: var(--bricks-color-aahsbe);
}

/********  End TC living Theme  *********/

/******* TC PLUS THEME *********/

/* Text and headings */
.theme-tc-plus :where(.eyebrow, .subheading, h2, h3, h4) {
  color: var(--bricks-color-izlcdl) !important;
}
/* tc sub-menu */
.theme-tc-plus
  .intro-page-nav__nav-menu.brxe-nav-menu
  .bricks-nav-menu
  > li
  > a {
  color: var(--bricks-color-izlcdl) !important;
}
.theme-tc-plus
  .intro-page-nav__nav-menu.brxe-nav-menu
  .bricks-nav-menu
  > li
  :where(a) {
  border-color: var(--bricks-color-izlcdl) !important;
}
.theme-tc-plus svg.intro-page-nav__mobile-header__icon path {
  fill: var(--bricks-color-izlcdl) !important;
}

/* Gray h3 */
.theme-tc-plus .section-split-text-full-image .brxe-text :where(h3) {
  color: var(--bricks-color-oomnve) !important;
}

/* Buttons with outline style and icon */
.theme-tc-plus .bricks-button[class*="success"].outline,
.theme-tc-plus .bricks-button[class*="info"] {
  border-color: var(--bricks-color-izlcdl) !important;
  color: var(--bricks-color-izlcdl) !important;
}
.theme-tc-plus .bricks-button[class*="success"]:not(.outline) {
  background-color: var(--bricks-color-izlcdl) !important;
}

.theme-tc-plus .bricks-button[class*="success"].outline::after {
  content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M4.13764%2013.9462C3.84475%2014.2391%203.84475%2014.714%204.13764%2015.0069C4.43053%2015.2998%204.90541%2015.2998%205.1983%2015.0069L4.66797%2014.4766L4.13764%2013.9462ZM14.418%205.47656C14.418%205.06235%2014.0822%204.72656%2013.668%204.72656H6.91797C6.50376%204.72656%206.16797%205.06235%206.16797%205.47656C6.16797%205.89078%206.50376%206.22656%206.91797%206.22656L12.918%206.22656L12.918%2012.2266C12.918%2012.6408%2013.2538%2012.9766%2013.668%2012.9766C14.0822%2012.9766%2014.418%2012.6408%2014.418%2012.2266V5.47656ZM4.66797%2014.4766L5.1983%2015.0069L14.1983%206.00689L13.668%205.47656L13.1376%204.94623L4.13764%2013.9462L4.66797%2014.4766Z%22%20fill%3D%22%237b5d33%22%2F%3E%0A%3C%2Fsvg%3E);
}
.theme-tc-plus .bricks-button[class*="info"]:not(.outline)::after {
  content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2218%22%20viewBox%3D%220%200%2019%2018%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M9.5%202.75L9.5%2014.5625%22%20stroke%3D%22%237b5d33%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M15.4023%208.66113L3.58984%208.66113%22%20stroke%3D%22%237b5d33%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E);
}

/* Lighter Backgrounds */
.theme-tc-plus .spotlight-testimonial-carousel.background-red::after,
.theme-tc-plus .collapsible-section-bar.brxe-section {
  background-color: var(--bricks-color-illsmm) !important;
}
/* Darker Backgrounds */
.theme-tc-plus .spotlight-testimonial-carousel.brxe-section,
.theme-tc-plus
  .spotlight-testimonial-carousel.background-red
  .spotlight-testimonial-carousel__controls-wrapper.brxe-div,
.theme-tc-plus
  .spotlight-testimonial-carousel.background-red
  .spotlight-testimonial-carousel__pagination
  .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  background-color: var(--bricks-color-izlcdl) !important;
}

.theme-tc-plus
  .spotlight-testimonial-carousel.brxe-section
  .swiper-button-next
  svg
  path,
.theme-tc-plus
  .spotlight-testimonial-carousel.brxe-section
  .swiper-button-prev
  svg
  path {
  fill: var(--bricks-color-izlcdl) !important;
}
/* Divider */
.theme-tc-plus hr,
.theme-tc-plus :where(.brxe-divider).horizontal .line {
  border-color: var(--bricks-color-izlcdl) !important;
}
.theme-tc-plus hr::after,
.theme-tc-plus :where(.brxe-divider).horizontal .line::after,
.theme-tc-plus hr::before,
.theme-tc-plus :where(.brxe-divider).horizontal .line::before {
  background-color: var(--bricks-color-izlcdl) !important;
}

/* Outlines */
.theme-tc-plus .outlined-cards .card-image-text__inner-wrapper {
  border-color: var(--bricks-color-izlcdl);
}

/********  End TC Plus Theme  *********/

/* SUMMER CAMP THEME */
.theme-summer-camp .bricks-button[class*="success"].outline::after {
  content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M4.13764%2013.9462C3.84475%2014.2391%203.84475%2014.714%204.13764%2015.0069C4.43053%2015.2998%204.90541%2015.2998%205.1983%2015.0069L4.66797%2014.4766L4.13764%2013.9462ZM14.418%205.47656C14.418%205.06235%2014.0822%204.72656%2013.668%204.72656H6.91797C6.50376%204.72656%206.16797%205.06235%206.16797%205.47656C6.16797%205.89078%206.50376%206.22656%206.91797%206.22656L12.918%206.22656L12.918%2012.2266C12.918%2012.6408%2013.2538%2012.9766%2013.668%2012.9766C14.0822%2012.9766%2014.418%2012.6408%2014.418%2012.2266V5.47656ZM4.66797%2014.4766L5.1983%2015.0069L14.1983%206.00689L13.668%205.47656L13.1376%204.94623L4.13764%2013.9462L4.66797%2014.4766Z%22%20fill%3D%22%23257833%22%2F%3E%0A%3C%2Fsvg%3E);
}
.theme-summer-camp .bricks-button[class*="info"]:not(.outline)::after {
  content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2218%22%20viewBox%3D%220%200%2019%2018%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M9.5%202.75L9.5%2014.5625%22%20stroke%3D%22%23257833%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M15.4023%208.66113L3.58984%208.66113%22%20stroke%3D%22%23257833%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E);
}

/* End summer camp theme */

/* Used by the summer camp elements */
.dashed-border {
  border: 2px dashed;
  border-radius: 8px;
}

/*

    Color utility classes derived from Bricks Theme color variables.
    Full list is in _colors.css. Only add the ones you need here.
    
    The builder only includes classes that are used by elements, so if you
    define a global class but don't use it directly, it won't be on the front end.
    Therefore we need to define the way we use colors here
    since classes are added dynamically in some of the components.    
*/
/* Background color classes */
.background-blue {
  background-color: var(--bricks-color-aahsbe);
}
.background-orange {
  background-color: var(--bricks-color-jrrpgf);
}
.background-dark-red {
  background-color: var(--bricks-color-bvgnlo);
}
.background-light-red {
  background-color: var(--bricks-color-vvfxkt);
}
.background-light-blue {
  background-color: var(--bricks-color-ulzdwc);
}

.background-green {
  background-color: var(--bricks-color-defyve);
}

.background-gold {
  background-color: var(--bricks-color-izlcdl);
}
.background-sand {
  background-color: var(--bricks-color-illsmm);
}

.background-off-white {
  background-color: var(--bricks-color-bzgodp);
}

.background-cream {
  background-color: var(--bricks-color-kjudao);
}

.background-yellow {
  background-color: var(--bricks-color-ibbtry);
}

.background-light-yellow {
  background-color: var(--bricks-color-kerxmc);
}

.background-gold {
  background-color: var(--bricks-color-izlcdl);
}

.text-default * {
  color: inherit;
}

/* Text color classes */
.text-red * {
  color: var(--bricks-color-nsotcn);
}

.text-orange * {
  color: var(--bricks-color-jrrpgf);
}

.text-blue * {
  color: var(--bricks-color-aahsbe);
}

.text-light-blue * {
  color: var(--bricks-color-ulzdwc);
}

.text-yellow * {
  color: var(--bricks-color-ibbtry);
}
.text-green * {
  color: var(--bricks-color-defyve);
}

.text-green * {
  color: var(--bricks-color-defyve);
}

/* .text-grey * {
  color: var(--bricks-color-oomnve);
} */

.text-gold * {
  color: var(--bricks-color-izlcdl);
}

.border-yellow {
  border-color: var(--bricks-color-ibbtry);
}

.border-light-yellow {
  border-color: var(--bricks-color-kerxmc);
}

/* Text color classes */
.heading-red *:is(h1, h2, h3, h4, h5, h6) {
  color: var(--bricks-color-nsotcn) !important;
}

.heading-blue *:is(h1, h2, h3, h4, h5, h6) {
  color: var(--bricks-color-aahsbe);
}

.heading-yellow *:is(h1, h2, h3, h4, h5, h6) {
  color: var(--bricks-color-ibbtry);
}
.heading-green *:is(h1, h2, h3, h4, h5, h6) {
  color: var(--bricks-color-defyve);
}

.heading-green *:is(h1, h2, h3, h4, h5, h6) {
  color: var(--bricks-color-defyve);
}

.heading-grey *:is(h1, h2, h3, h4, h5, h6) {
  color: var(--bricks-color-oomnve);
}

/* .text-white * {
    color: var(--bricks-color-efifkr) !important;
} */
.text-white *:where(:not(.brxe-button, .brxe-button *)) {
  color: var(--bricks-color-efifkr) !important;
}

.text-grey *:where(:not(.brxe-button, .brxe-button *)) {
  color: var(--bricks-color-oomnve);
}

.text-cream *:where(:not(.brxe-button, .brxe-button *)) {
  color: var(--bricks-color-bzgodp) !important;
}
/* 
.text-white :where(.eyebrow,
                   .subheading,
                   h2, h3, h4,
                   .large-p,
                   .large-p *) {
  color: inherit;
} */

/* SVG ring colors */
.ring-light-blue svg .ring-path-stroke {
  stroke: var(--bricks-color-ulzdwc);
}
.ring-light-blue svg .ring-path-fill {
  fill: var(--bricks-color-ulzdwc);
}
.ring-beige svg .ring-path-stroke {
  stroke: var(--bricks-color-ezifua);
}
.ring-beige svg .ring-path-fill {
  fill: var(--bricks-color-ezifua);
}
.ring-sand svg .ring-path-stroke {
  stroke: var(--bricks-color-illsmm);
}
.ring-sand svg .ring-path-fill {
  fill: var(--bricks-color-illsmm);
}
.ring-white svg .ring-path-stroke {
  stroke: var(--bricks-color-efifkr);
}
.ring-white svg .ring-path-fill {
  fill: var(--bricks-color-efifkr);
}
.ring-off-white svg .ring-path-stroke {
  stroke: var(--bricks-color-bzgodp);
}
.ring-off-white svg .ring-path-fill {
  fill: var(--bricks-color-bzgodp);
}
.ring-light-blue svg .ring-path-stroke {
  stroke: var(--bricks-color-ulzdwc);
}
.ring-light-blue svg .ring-path-fill {
  fill: var(--bricks-color-ulzdwc);
}
.ring-light-yellow svg .ring-path-stroke {
  stroke: var(--bricks-color-kerxmc);
}
.ring-light-yellow svg .ring-path-fill {
  fill: var(--bricks-color-kerxmc);
}
.ring-light-green svg .ring-path-stroke {
  stroke: var(--bricks-color-ibxnfq);
}
.ring-light-green svg .ring-path-fill {
  fill: var(--bricks-color-ibxnfq);
}
.ring-light-orange svg .ring-path-stroke {
  stroke: var(--bricks-color-hacbdk);
}
.ring-light-orange svg .ring-path-fill {
  fill: var(--bricks-color-hacbdk);
}
.ring-cream-overlay .character-ring-animation-container {
  mix-blend-mode: overlay;
}
.ring-cream-overlay svg .ring-path-fill {
  fill: var(--bricks-color-kjudao);
}
.ring-cream-overlay svg .ring-path-stroke {
  stroke: var(--bricks-color-kjudao);
}

.ring-light-red svg .ring-path-stroke {
  stroke: var(--bricks-color-vvfxkt);
}
.ring-light-red svg .ring-path-fill {
  fill: var(--bricks-color-vvfxkt);
}

/* 

	Themes define the text colors for the page.

*/
/* .theme-tc-learning .eyebrow,
.theme-tc-learning .subheading,
.theme-tc-learning h2,
.theme-tc-learning h3,
.theme-tc-learning h4,
.theme-tc-learning .large-p
{
  color: var(--bricks-color-ulzdwc);
} */

h1 sup,
.h1 sup {
  font-size: 50%;
}

sub,
sup {
  /* sup element was really high up on some text -- changing line-height to 1 seems to fix it without causing any issues for the other text */
  line-height: 1;
}

/* Hide modal content by default */
.modal-content-hidden {
  display: none !important;
}

/* Modal overlay */
.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9998;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.modal-overlay.active {
  display: block;
  opacity: 1;
}

/* Modal container */
.modal-popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  z-index: 9999;
  max-width: 90%;
  max-height: 90vh;
  width: 800px;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.modal-popup.active {
  display: block;
  opacity: 1;
}

/* Modal header with close button */
.modal-header {
  position: relative;
}

.modal-close {
  position: absolute;

  background: none;
  border: none;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  color: #666;
  padding: 0;
  width: 47px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease;

  /* top: 74px;
  right: 80px; */
  top: 36px;
  right: 40px;
}

.modal-close:hover rect {
  color: #000;
  fill: var(--bricks-color-vvfxkt);
}

/* Modal content wrapper - scrollable */
.modal-content-wrapper {
  max-height: calc(90vh - 80px);
  overflow-y: auto;
  padding: 80px 80px;
}

.modal-content-button + * {
  margin-top: 32px;
}

/* Prevent body scroll when modal is open */
body.modal-open {
  overflow: hidden;
}

@media (max-width: 767px) {
  .modal-popup {
    width: 95%;
  }

  .modal-content-wrapper {
    padding: 45px 25px;
    padding-right: 48px;
  }
  .modal-close {
    width: 32px;
    height: 32px;

    top: 45px;
    right: 25px;
  }
}

/*********************************************************************
  SwiperJS Default styles  START
*********************************************************************/
/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(
    --swiper-wrapper-transition-timing-function,
    initial
  );
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 8px)
  );
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 8px)
  );
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition:
    0.2s transform,
    0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition:
    0.2s transform,
    0.2s left;
}

.swiper-horizontal.swiper-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition:
    0.2s transform,
    0.2s right;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(
    --swiper-pagination-progressbar-bg-color,
    rgba(0, 0, 0, 0.25)
  );
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none !important;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

/********************************************************************* 
 * SwiperJS Default styles  END
 *********************************************************************/

/*

  Total Care Total Success Animation

 */

.total-care-total-success-anim-section {
  justify-content: center;
  overflow: hidden;
  /* height: min(845px, 100vh);
  max-height: 845px; */

  height: calc(100vh - 70px);
  /* max-height: 845px; */
}

.total-success__track {
  position: relative;
  width: 100%;
  height: 185px;


  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;


  padding:50px;
  display: flex;
  flex-direction: column;
  justify-content:center;
    row-gap: 48px;
}

.total-success__track > div.total-success__statements-container {
  /* position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%; */

  height:200px;
}

.total-success__statements-container {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.total-success__statements-container.ts_statements-row-dim {
  opacity: 0.5;
}

.total-success__statements-container.ts_statements-row-active {
  opacity: 1;
}

.total-success__statement {
  width: 300px;
  /* height: 185px; */
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.total-success__statement > div {
  display: flex;
  align-items: flex-end;
}
.total-success__statement > div.total-success__dot {
  align-items: center;
  display:none;
}

.total-success__statement {
  position: relative;
  /* border:1px solid white; */
  /* opacity: 1; */
  transition: opacity 0.3s ease;
}
/* .total-success__statement::after {
  content:" ";
	position:absolute;
  left:50%;
  bottom:-48px;
  transform:translateX(-50%);
  border:5px solid #C7A371;
  border-radius:50%;
  width:5px;
  height:5px;
  
} */
.total-success__statement.ts_statement-active {
  /* opacity: 1; */
}

.total-success__dot {
  position: absolute;
  bottom: 0;
  left: calc(50% - 11px);
  width: 22px;
  height: 22px;

  align-items: center;
  justify-content: center;
}

.total-success__dot > div {
  transition: all 0.3s ease;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--bricks-color-ezifua);
  opacity: 0.25;
}

.ts_statement-set .total-success__dot > div {
  width: 5px;
  height: 5px;
  opacity: 1;
}

.ts_statement-active .total-success__dot > div {
  width: 22px;
  height: 22px;
  opacity: 1;
}
.total-success__statements-container .total-success__statement {
  opacity:0;
 transform: translateY(45px);
  /* transition: all 0.6s ease-out; */
  transition: transform 0.75s cubic-bezier(0.32, 1.54, 0.62, 1), opacity 0.5s ease;
}
.total-success__statements-container .total-success__statement.total-statement-2 {
  transition-delay: 0.2s, 0.2s;
}
.total-success__statements-container .total-success__statement.total-statement-3 {
  transition-delay: 0.4s, 0.4s;
}

.total-success__statements-container .total-success__statement.total-statement-5 {
  transition-delay: 0.2s, 0.2s;
}
.total-success__statements-container .total-success__statement.total-statement-6 {
  transition-delay: 0.4s, 0.4s;
}

.total-success__statements-container .total-success__statement.total-statement-7 {
  transition-delay: 0.6s, 0.6s;
}
.total-success__statements-container .total-success__statement.total-statement-8 {
  transition-delay: 0.8s, 0.8s;
}



.total-success__statements-container.ts_statements-row-active .total-success__statement,
.total-success__statements-container.ts_statements-row-dim .total-success__statement {
  opacity: 1;
  transform: translateY(0);
}



.total-success__progress-line {
  position: absolute;
  bottom: 10px;
  left: calc(-50vw + 50%);
  width: 100vw;
  height: 2px;
  background-color: var(--bricks-color-ezifua);
  transform-origin: left center;
  transform: scaleX(0);
  z-index: 2;
  pointer-events: none;
}

.total-success__ring-container {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* Mask half the ring: */
/* .total-success__ring-container::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 681px;

  background-color: var(--bricks-color-aahsbe);
} */

.total-success__ring-container .total-success__ring-container-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  /* width:100%;
  height:100%; */
  transition:
    transform 0.25s ease,
    opacity 0.6s ease;
  transform: translate(-50%, -50%) rotate(0deg);
  transform-origin: center center;
  width: 1362px;
  height: 1362px;
  max-width: none;
  max-height: none;

  opacity: 0;
}
.total-success__ring-container
  .total-success__ring-container-inner.ts_ring-visible {
  opacity: 0.75;
}

.total-success__ring {
  position: absolute;
  inset: 0;
  width: 1362px;
  height: 1362px;
  max-width: none;
  max-height: none;
  display: flex;
  align-items: center;
  justify-content: center;

  /* clip-path: inset(0 0 50% 0); */
}

/* .total-success__ring-1::after {
  content:" ";
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  height:50%;
  background-color:rgba(255, 0, 0, 0.3);
  background-color:var(--bricks-color-aahsbe);
} */

.total-success__ring-2 {
  transform: rotate(180deg);

  clip-path: inset(0 0 50% 0);
}

/* .total-success__ring-2::after {
  content:" ";
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  height:50%;
  background-color:rgba(26, 255, 0, 0.3);
  background-color: var(--bricks-color-aahsbe);
} */

.total-success__ring-3 {
  opacity: 0;
}

.total-success__ring-container svg {
  width: 1362px;
  height: 1362px;
  max-width: none;
}

.total-success__title-heading {
  opacity: 0.25;
  transition: opacity 0.5s ease;
}
.total-success__title-heading.ts_title-active {
  opacity: 1;
}

.total-success__headings-inner {
  transform: scale(2, 2);
  transition: transform 0.3s ease;
}

.total-success__headings-inner.ts_normal-headings {
  transform: scale(1, 1);
}


.total-success__heading.brxe-heading {
  margin-bottom:0;
}

.total-success__ring-container-inner .total-success__ring {
   animation-timing-function: linear;
  animation-duration: 80s;
  animation-name: tsringspin;
  animation-iteration-count: infinite;
  animation-play-state: paused;
}
.total-success__ring-container-inner.ts_rotate-ring .total-success__ring {
  /* animation-timing-function: linear;
  animation-duration: 80s;
  animation-timing-function: tsringspin;
  animation-iteration-count: infinite; */
  animation-play-state: running;
  /* animation: tsringspin 80s linear infinite; */
}
  
@keyframes tsringspin {
  from {
    transform: rotate(0deg); 
  }
  to {
    transform: rotate(360deg); 
  }

}

/* .total-success__ring-container .total-success__ring-1 svg {
  height:1423px;
} */

@media(max-width:991px) {
  .total-success__heading.brxe-heading {
   
    font-size: 18px;
    line-height: 26px !important;
}
}

@media (max-width: 768px) {

  
  .total-care-total-success-anim-section > .brxe-container {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .total-success__statement {
    max-width: 350px;
  }
  .total-success__statements-container .total-success__statement.brxe-div {
    align-self: center !important;
  }
  .total-success__track > div.total-success__statements-container {
    flex-direction: column;
    row-gap:16px;

  }

  .total-success__track {
    height: 100%;
  }
  /* .total-success__statements-container.brxe-div {
    flex-direction:column;
  } */

  .total-success__track > div.total-success__statements-container {
    height:auto;
  }

  .total-success__progress-line {
    display: none;
  }

  .total-success__statement > div.total-success__dot {
    display: none;
  }

  .total-success__headings-inner {
    transform: scale(1.5, 1.5);
  }

  .total-care-total-success-anim-section {
    /* height: min(624px, 100vh);
    max-height: 624px; */
  }

  .total-success__ring {
    /* 1362px / 2 = 681px */
    width: 681px;
    height: 681px;
  }
  .total-success__ring-container .total-success__ring-container-inner {
    width: 681px;
    height: 681px;

    /* top: initial;
    bottom: -110%; */
  }

  .total-success__ring-container::after {
    background-color: transparent;
  }

  #brxe-7c4a49,
  .total-success__heading-container {
    /* margin-top: 35px !important; */
  }

  .pin-spacer:has(.total-care-total-success-anim-section) {
    background-color: var(--bricks-color-illsmm);
  }


  .total-success__heading.brxe-heading {
    font-size:16px;
    line-height:22px !important;
  }
}


/*
  Attempt at targeting mobile landscape orientation.
*/

@media (min-width: 700px) and (max-width: 768px) {

  .total-success__track {
    row-gap:27px !important;
  }

  .total-success__heading.brxe-heading {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .total-success__track > div.total-success__statements-container {
    flex-direction:row !important;
  }
}



/* Experimental - Add fade out effect to the right of tables on mobile to indicate horizontal scroll */
/*
.brxe-data-table {
  position:relative;
}
.brxe-data-table::after {
  content:"";
  background: linear-gradient(to right, transparent 0%, #fff 100%);
  bottom: 0;
  right:0;
  pointer-events: none;
  position: absolute;  
  top: 0;
  width:36px;
  height:100%;
  z-index:25;
}
  */

/* New Filter Buttons - colourized */

/* COMMUNICATION */
.cic-filter-buttons.news-filter-buttons
  label
  input[value="communication"]
  + .bricks-button {
  /* background-color: var(--bricks-color-kerxmc) !important; */
  border-color: var(--bricks-color-kerxmc);
  color: var(--bricks-color-kerxmc);
}
.cic-filter-buttons.news-filter-buttons
  .brx-option-active
  label
  input[value="communication"]
  + .bricks-button {
  background-color: var(--bricks-color-kerxmc) !important;
  border-color: var(--bricks-color-kerxmc);
  color: white;
}

/* DEVELOPMENT */
.cic-filter-buttons.news-filter-buttons
  label
  input[value="development"]
  + .bricks-button {
  /* background-color: var(--bricks-color-ibxnfq) !important; */
  border-color: var(--bricks-color-ibxnfq);
  color: var(--bricks-color-ibxnfq);
}
.cic-filter-buttons.news-filter-buttons
.brx-option-active
  label
  input[value="development"]
  + .bricks-button {
  background-color: var(--bricks-color-ibxnfq) !important;
  border-color: var(--bricks-color-ibxnfq);
  color: white;
}

/* LEARNING */
.cic-filter-buttons.news-filter-buttons

  label
  input[value="learning"]
  + .bricks-button {
  /* background-color: var(--bricks-color-vvfxkt) !important; */
  border-color: var(--bricks-color-vvfxkt);
  color: var(--bricks-color-vvfxkt);
}

.cic-filter-buttons.news-filter-buttons
.brx-option-active
  label
  input[value="learning"]
  + .bricks-button {
  background-color: var(--bricks-color-vvfxkt) !important;
  border-color: var(--bricks-color-vvfxkt);
  color: white;
}

/* LIVING */
.cic-filter-buttons.news-filter-buttons
  label
  input[value="living"]
  + .bricks-button {
    /* background-color: var(--bricks-color-ulzdwc) !important; */
  border-color: var(--bricks-color-ulzdwc);
  color: var(--bricks-color-ulzdwc);
}

.cic-filter-buttons.news-filter-buttons
.brx-option-active
  label
  input[value="living"]
  + .bricks-button {
  background-color: var(--bricks-color-ulzdwc) !important;
  border-color: var(--bricks-color-ulzdwc);
  color: white;
}


:where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a {
  display:block !important;
}




/* Footer styles */

.footer__nav-menu.brxe-nav-menu .bricks-nav-menu > li > a strong {
font-weight:800;
}

.intro-page-nav__intro-content h2:last-child {
  margin-bottom: 0 !important;

}