/* stylelint-disable order/order */
/* stylelint-enable order/order */
/*
 * Fonts
 *
 * The font settings are defined via the gulp figma task creates variables in the css/__base-includes/figma/_figma-font-styles.scss file based on the Figma file. Additional variables are defined here.
 */
/*
 * Colors
 *
 * The primary colors are defined via the gulp figma task creates variables in the css/__base-includes/figma/_figma-color-variables.scss file based on the Figma file. Additional variables are defined here.
 */
/*
 * Effects
 */
/*
 * Grid Settings
 */
/*
This file can be used for optional additions to the Figma-generated font style mixins in the figma/_figma-font-styles.scss file.

For example, if you want to add styles to the @overline mixin, just create a mixin here called @overline-custom and that CSS will be added to the primary mixin:

@mixin overline-custom() {
	font-weight: 700;
}
*/
.block-tabs-side-image-tab {
  display: none;
  background-color: transparent;
  opacity: 0;
  transition: opacity 0.2s linear;
  /**&:last-of-type {
  	@include media-breakpoint-up(md) {
  		margin-bottom: responsive-values(64, 132);
  	}
  }**/
}
@media (min-width: 48rem) {
  .block-tabs-side-image-tab {
    position: relative;
    z-index: 1;
    flex-direction: row-reverse;
  }
  .block-tabs-side-image-tab::before {
    position: absolute;
    left: -40vw;
    content: "";
    z-index: -1;
    width: 40vw;
    height: 100%;
  }
}
@media (min-width: 48rem) {
  .block-tabs-side-image-tab:first-of-type {
    margin-top: clamp(4rem, -0.8571428571rem + 10.119047619vw, 8.25rem);
  }
}
.block-tabs-side-image-tab:first-of-type > .wp-block-button:not(.initialized)::after {
  opacity: 1;
}
.block-tabs-side-image-tab.bg-academy-green::before {
  background-color: #cd0;
}
.block-tabs-side-image-tab.bg-summer-salmon::before {
  background-color: #ff6b36;
}
.block-tabs-side-image-tab.bg-summer-blue::before {
  background-color: #00c0de;
}
.block-tabs-side-image-tab.bg-auxiliary-pink::before {
  background-color: #dd4d86;
}
.block-tabs-side-image-tab.bg-naac-pink::before {
  background-color: #ef517d;
}
.block-tabs-side-image-tab.bg-advance-orange::before {
  background-color: #d2451d;
}
.block-tabs-side-image-tab.bg-academy-blue {
  color: #0d0d0d;
}
.block-tabs-side-image-tab.bg-ais-burnt-orange::before {
  background-color: #e57742;
}
.block-tabs-side-image-tab.bg-ael-burgundy::before {
  background-color: #ab0848;
}
.block-tabs-side-image-tab.bg-jazz-in-the-pines-deep-blue::before {
  background-color: #2662a9;
}
.block-tabs-side-image-tab.bg-ccse-sky-blue::before {
  background-color: #00b6dd;
}
.block-tabs-side-image-tab.bg-itl-summer-salmon::before {
  background-color: #ff6b36;
}
.block-tabs-side-image-tab.bg-parks-exhibition-center-deep-blue::before {
  background-color: #2662a9;
}
.block-tabs-side-image-tab.bg-owoi-green::before {
  background-color: #8fa74e;
}
.block-tabs-side-image-tab.bg-parks-exhibition-center-40::before {
  background-color: #99dfdd;
}
.block-tabs-side-image-tab.bg-naac-brown::before {
  background-color: #72554e;
}
.block-tabs-side-image-tab.bg-advancement-team-gray::before {
  background-color: #888b8c;
}
.block-tabs-side-image-tab.bg-jazz-pines-bright-red::before {
  background-color: #e1193e;
}
.block-tabs-side-image-tab.bg-ccse-yellow::before {
  background-color: #ede012;
}
.block-tabs-side-image-tab.bg-ais-golden-orange::before {
  background-color: #f8b015;
}
.block-tabs-side-image-tab.bg-owoi-royal-blue::before {
  background-color: #0076be;
}
@media (min-width: 48rem) {
  .block-tabs-side-image-tab__content {
    position: relative;
    left: 0;
    display: flex;
    width: 50%;
  }
}
.block-tabs-side-image-tab.active {
  display: flex;
  flex-flow: wrap;
  gap: 2.5rem;
  opacity: 1;
}
@media (min-width: 48rem) {
  .block-tabs-side-image-tab.active {
    display: flex;
    flex-flow: row-reverse;
    gap: 3.25rem;
    justify-content: space-between;
  }
}
.block-tabs-side-image-tab.active .block-tabs-side-image-tab__figure {
  opacity: 1;
}
.block-tabs-side-image-tab > .wp-block-button.is-style-tab {
  position: relative;
  z-index: 2;
  order: 2;
  margin-bottom: clamp(0.5rem, -1.5rem + 4.1666666667vw, 2.25rem);
}
.block-tabs-side-image-tab > .wp-block-button.is-style-tab::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #c7cad1;
  opacity: 0;
}
@media (min-width: 48rem) {
  .block-tabs-side-image-tab > .wp-block-button.is-style-tab::after {
    right: clamp(-2rem, 0.9464285714rem + -3.2738095238vw, -0.625rem);
    width: auto;
  }
}
.block-tabs-side-image-tab > .wp-block-button.is-style-tab.active::after {
  opacity: 1;
}
.block-tabs-side-image-tab > .wp-block-button.is-style-tab.active .wp-block-button__link {
  color: var(--blockColor, #0d0d0d);
}
.block-tabs-side-image-tab > .wp-block-button.is-style-tab .wp-block-button__link {
  font-weight: var(--title-1-font-weight);
  font-size: var(--title-1-font-size);
  font-family: var(--title-1-font-family);
  line-height: var(--title-1-line-height);
  width: 100%;
  margin: 0;
  padding: 0.75rem 0rem;
  color: #707070;
  text-align: left;
  border: none;
  border-radius: 0;
  background-color: transparent;
  -webkit-appearance: none;
  appearance: none;
  transition: color 0.2s linear;
}
.block-tabs-side-image-tab .block-content {
  z-index: 1;
  order: 3;
  flex: 0 0 100%;
  max-width: 100%;
  border-radius: clamp(0.25rem, -0.0357142857rem + 0.5952380952vw, 0.5rem);
  background-color: #fff;
}
@media (min-width: 48rem) {
  .block-tabs-side-image-tab .block-content {
    position: relative;
    top: 40%;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 47.98rem) {
  .block-tabs-side-image-tab .block-content .wp-block-buttons .wp-block-button {
    width: auto;
  }
}
.block-tabs-side-image-tab .block-content .wp-block-button:not([class*=is-style-]) .wp-element-button {
  color: #fff;
  background-color: #0d0d0d;
  transition: color 0.2s linear, background-color 0.2s linear, border 0.2s linear, background-image 0.2s linear;
}
.block-tabs-side-image-tab .block-content .wp-block-button:not([class*=is-style-]) .wp-element-button:hover {
  color: #0d0d0d;
}
.block-tabs-side-image-tab .block-content .wp-block-button.is-style-secondary .wp-element-button {
  color: #0d0d0d;
  border: 1px solid #0d0d0d;
  background-color: #fff;
}
.block-tabs-side-image-tab .block-content .wp-block-button.is-style-tertiary .wp-element-button {
  color: #0d0d0d;
  background-color: transparent;
}
.block-tabs-side-image-tab .block-content .wp-block-button.is-style-tertiary .wp-element-button::before {
  top: auto;
}
.block-tabs-side-image-tab .block-content .wp-block-button.is-style-tertiary .wp-element-button:hover {
  background-color: transparent;
  background-image: none;
}
.block-tabs-side-image-tab__figure {
  position: relative;
  left: calc(var(--gutterWidth, 1.25rem) * -1);
  bottom: 0;
  z-index: -1;
  display: block;
  width: 100vw;
  padding: 4.6875rem 0 3.25rem;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}
.block-tabs-side-image-tab__figure--double .block-tabs-side-image-tab__image-wrapper {
  position: relative;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 20.25rem;
  padding: 0;
}
.block-tabs-side-image-tab__figure--double img {
  position: static;
  height: 50%;
  object-fit: cover;
}
@media (min-width: 48rem) {
  .block-tabs-side-image-tab__figure {
    left: auto;
  }
}
@media (min-width: 48rem) {
  .block-tabs-side-image-tab__figure {
    padding: 15.25rem 0 8.125rem;
  }
}
@media (min-width: 48rem) {
  .block-tabs-side-image-tab__figure {
    width: 50%;
    transform: none;
  }
}
.block-tabs-side-image-tab__figure::after {
  position: absolute;
  bottom: 0;
  right: 0;
  content: "";
  display: block;
  width: 0;
  height: 100%;
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  border-width: 0 7.1875rem 32.1875rem;
  transform: translateX(50%);
  pointer-events: none;
}
@media (min-width: 48rem) {
  .block-tabs-side-image-tab__figure::after {
    border-width: 0 250px 1000px;
  }
}
.block-tabs-side-image-tab__figure .block-tabs-side-image-tab__image-wrapper {
  left: 0;
  width: 100vw;
  height: 20.25rem;
}
@media (min-width: 48rem) {
  .block-tabs-side-image-tab__figure .block-tabs-side-image-tab__image-wrapper {
    left: calc(var(--gutterWidth, 1.25rem) * -1);
    width: 50vw;
    height: 38.5rem;
  }
}
.block-tabs-side-image-tab__figure .block-tabs-side-image-tab__image-wrapper::after {
  position: absolute;
  top: 0;
  right: 0.75rem;
  content: "";
  z-index: 1;
  display: block;
  width: 0.375rem;
  height: 103%;
  transform: rotate(13deg);
  transform-origin: left top;
}
@media (min-width: 48rem) {
  .block-tabs-side-image-tab__figure .block-tabs-side-image-tab__image-wrapper::after {
    right: 1.5rem;
    width: 0.625rem;
    transform: rotate(14deg);
  }
}
.block-tabs-side-image-tab__image-wrapper {
  width: 100%;
  padding-bottom: 75.13297872%;
}
.block-tabs-side-image-tab.bg-academy-green .block-tabs-side-image-tab__figure {
  background-color: #cd0;
}
.block-tabs-side-image-tab.bg-academy-green .block-tabs-side-image-tab__figure .block-tabs-side-image-tab__image-wrapper::after {
  background-color: #00aeaa;
}
.block-tabs-side-image-tab.bg-summer-blue .block-tabs-side-image-tab__figure {
  background-color: #00c0de;
}
.block-tabs-side-image-tab.bg-summer-blue .block-tabs-side-image-tab__figure .block-tabs-side-image-tab__image-wrapper::after {
  background-color: #ff6b36;
}
.block-tabs-side-image-tab.bg-naac-pink .block-tabs-side-image-tab__figure {
  background-color: #ef517d;
}
.block-tabs-side-image-tab.bg-naac-pink .block-tabs-side-image-tab__figure .block-tabs-side-image-tab__image-wrapper::after {
  background-color: #72554e;
}
.block-tabs-side-image-tab.bg-auxiliary-pink .block-tabs-side-image-tab__figure {
  background-color: #dd4d86;
}
.block-tabs-side-image-tab.bg-auxiliary-pink .block-tabs-side-image-tab__figure .block-tabs-side-image-tab__image-wrapper::after {
  background-color: #8fa74e;
}
.block-tabs-side-image-tab.bg-summer-salmon .block-tabs-side-image-tab__figure {
  background-color: #ff6b36;
}
.block-tabs-side-image-tab.bg-summer-salmon .block-tabs-side-image-tab__figure .block-tabs-side-image-tab__image-wrapper::after {
  background-color: #00c0de;
}
.block-tabs-side-image-tab.bg-advance-orange .block-tabs-side-image-tab__figure {
  background-color: #d2451d;
}
.block-tabs-side-image-tab.bg-advance-orange .block-tabs-side-image-tab__figure .block-tabs-side-image-tab__image-wrapper::after {
  background-color: #888b8c;
}
.block-tabs-side-image-tab.bg-ais-burnt-orange .block-tabs-side-image-tab__figure {
  background-color: #e57742;
}
.block-tabs-side-image-tab.bg-ais-burnt-orange .block-tabs-side-image-tab__figure .block-tabs-side-image-tab__image-wrapper::after {
  background-color: #f8b015;
}
.block-tabs-side-image-tab.bg-ael-burgundy .block-tabs-side-image-tab__figure {
  background-color: #ab0848;
}
.block-tabs-side-image-tab.bg-ael-burgundy .block-tabs-side-image-tab__figure .block-tabs-side-image-tab__image-wrapper::after {
  background-color: #0076be;
}
.block-tabs-side-image-tab.bg-jazz-in-the-pines-deep-blue .block-tabs-side-image-tab__figure {
  background-color: #2662a9;
}
.block-tabs-side-image-tab.bg-jazz-in-the-pines-deep-blue .block-tabs-side-image-tab__figure .block-tabs-side-image-tab__image-wrapper::after {
  background-color: #e1193e;
}
.block-tabs-side-image-tab.bg-ccse-sky-blue .block-tabs-side-image-tab__figure {
  background-color: #00b6dd;
}
.block-tabs-side-image-tab.bg-ccse-sky-blue .block-tabs-side-image-tab__figure .block-tabs-side-image-tab__image-wrapper::after {
  background-color: #ede012;
}
.block-tabs-side-image-tab.bg-itl-summer-salmon .block-tabs-side-image-tab__figure {
  background-color: #ff6b36;
}
.block-tabs-side-image-tab.bg-itl-summer-salmon .block-tabs-side-image-tab__figure .block-tabs-side-image-tab__image-wrapper::after {
  background-color: #2662a9;
}
.block-tabs-side-image-tab.bg-parks-exhibition-center-deep-blue .block-tabs-side-image-tab__figure {
  background-color: #2662a9;
}
.block-tabs-side-image-tab.bg-parks-exhibition-center-deep-blue .block-tabs-side-image-tab__figure .block-tabs-side-image-tab__image-wrapper::after {
  background-color: #00aeaa;
}
.block-tabs-side-image-tab.bg-owoi-green .block-tabs-side-image-tab__figure {
  background-color: #8fa74e;
}
.block-tabs-side-image-tab.bg-owoi-green .block-tabs-side-image-tab__figure .block-tabs-side-image-tab__image-wrapper::after {
  background-color: #0076be;
}
.block-tabs-side-image-tab.bg-parks-exhibition-center-40 .block-tabs-side-image-tab__figure {
  background-color: #99dfdd;
}
.block-tabs-side-image-tab.bg-parks-exhibition-center-40 .block-tabs-side-image-tab__figure .block-tabs-side-image-tab__image-wrapper::after {
  background-color: #00aeaa;
}
.block-tabs-side-image-tab.bg-naac-brown .block-tabs-side-image-tab__figure {
  background-color: #72554e;
}
.block-tabs-side-image-tab.bg-naac-brown .block-tabs-side-image-tab__figure .block-tabs-side-image-tab__image-wrapper::after {
  background-color: #ef517d;
}
.block-tabs-side-image-tab.bg-advancement-team-gray .block-tabs-side-image-tab__figure {
  background-color: #888b8c;
}
.block-tabs-side-image-tab.bg-advancement-team-gray .block-tabs-side-image-tab__figure .block-tabs-side-image-tab__image-wrapper::after {
  background-color: #d2451d;
}
.block-tabs-side-image-tab.bg-jazz-pines-bright-red .block-tabs-side-image-tab__figure {
  background-color: #e1193e;
}
.block-tabs-side-image-tab.bg-jazz-pines-bright-red .block-tabs-side-image-tab__figure .block-tabs-side-image-tab__image-wrapper::after {
  background-color: #f3a3b2;
}
.block-tabs-side-image-tab.bg-ccse-yellow .block-tabs-side-image-tab__figure {
  background-color: #ede012;
}
.block-tabs-side-image-tab.bg-ccse-yellow .block-tabs-side-image-tab__figure .block-tabs-side-image-tab__image-wrapper::after {
  background-color: #f8f3a0;
}
.block-tabs-side-image-tab.bg-ais-golden-orange .block-tabs-side-image-tab__figure {
  background-color: #f8b015;
}
.block-tabs-side-image-tab.bg-ais-golden-orange .block-tabs-side-image-tab__figure .block-tabs-side-image-tab__image-wrapper::after {
  background-color: #fcdfa1;
}
.block-tabs-side-image-tab.bg-owoi-royal-blue .block-tabs-side-image-tab__figure {
  background-color: #0076be;
}
.block-tabs-side-image-tab.bg-owoi-royal-blue .block-tabs-side-image-tab__figure .block-tabs-side-image-tab__image-wrapper::after {
  background-color: #99c8e5;
}