/*

	Accordion

*/
/*

	BREAKPOINTS

*/
:root {
  --break-mobile: $break-mobile;
  --break-small: $break-small;
  --break-medium: $break-medium;
  --break-large: $break-large;
  --break-xlarge: $break-xlarge;
  --break-xxlarge: $break-xxlarge;
}

:root {
  --grid-gap: 30px;
}
/*

	CONTAINER UTILITIES

*/
:root {
  --max-width: 100%;
}
@media (min-width: 1210px) {
  :root {
    --max-width: 1210px;
  }
}

/*

	THEME VARIABLES

*/
:root {
  --primary-maroon: #8A1E41;
  --PRIMARY-Maroon: #8A1E41;
  --PRIMARY-Purple: #682571;
  --primary-purple: #682571;
  --secondary-coral: #fc4351;
  --SECONDARY-Orange: #FF9F00;
  --secondary-orange: #FF9F00;
  --secondary-yellow: #ffd400;
  --GRAYS-White: #ffffff;
  --grays-white: #ffffff;
  --grays-lightest-gray: #f5f5f5;
  --GRAYS-Light-Gray: #D9D9D9;
  --grays-light-gray: #d9d9d9;
  --grays-middle-gray: #d0d0d0;
  --GRAYS-Middle-Gray: #d0d0d0;
  --grays-text-gray: #3B3B3B;
  --GRAYS-Text-Gray: #3B3B3B;
  --grayscale-black: #000;
  --grays-black: #000;
}

:root {
  --font-size-default: 1.0625rem;
  --font-size-bigger: calc(20/16 * 1rem);
  --font-size-smaller: calc(14/16 * 1rem);
}

.small-bold-all-caps {
  color: var(--GRAYS-Text-Gray);
  font-size: calc(12 / 16 * 1rem);
  font-variation-settings: "wght" 600;
  line-height: 1.66;
  letter-spacing: calc(0.6 / 16 * 1rem);
  text-transform: uppercase;
}

.is-style-accordiongroup {
  margin: var(--grid-gap) auto;
  padding: 0;
  max-width: var(--max-width);
}

.wp-block-group.has-background .is-style-accordiongroup {
  padding: 0 var(--grid-gap);
  margin-left: auto !important;
  margin-right: auto !important;
}

.is-style-accordiongroup > h3 {
  margin: 0px;
  margin-block-start: 0px;
}
.is-style-accordiongroup > h3 > button {
  appearance: none;
  border: none;
  background-color: transparent;
  color: var(--primary-maroon);
  display: flex;
  text-transform: none;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-top: solid 1px var(--grays-middle-gray);
  border-radius: 0;
  padding: var(--grid-gap) 0;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  text-align: left;
  transition: 0.2s all;
  font-variation-settings: inherit;
  line-height: inherit;
  cursor: pointer;
}
.is-style-accordiongroup > h3 > button:after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 10px;
  background-color: var(--primary-maroon);
  mask: url(/wp-content/themes/stephens-college/imgs/chevron.svg);
  mask-size: cover;
  transition: all 0.2s;
}
.is-style-accordiongroup > h3 > button[aria-expanded=true]:after {
  transform: rotate(180deg);
}

.is-style-accordiongroup > h3:last-of-type > button {
  border-bottom: solid 1px var(--grays-middle-gray);
}
.is-style-accordiongroup > h3:last-of-type > button[aria-expanded=true] {
  border-bottom: none;
}

.is-style-accordionpanel {
  padding-bottom: var(--grid-gap);
  margin-block-start: 0px;
  border-bottom: solid 1px var(--grays-middle-gray);
}
@media (min-width: 960px) {
  .is-style-accordionpanel {
    margin-left: 8.33%;
    margin-right: 8.33%;
    padding-left: 8.33%;
    padding-right: 8.33%;
  }
}

/*# sourceMappingURL=accordion.css.map */