:root {
  --color-black: #000;
  --color-white: #fff;
  --color-mauve: #d080ef;
  --color-blue: #5a8ce0;
  --color-green: #BEFC62;
  --default-padding: 2rem;
  --default-padding-section-desktop: 10rem;
  --default-padding-section-mobile: 5rem;
  --max-width-text-desktop-lg: 70vw;
  --max-width-text-desktop-md: 75vw;
  --max-width-text-mobile: 500px;
  --desired-size-of-top-menu-mobile: 32px;
  /* Size of only the CONTENT (not padding) */
  --size-header-top-desktop: calc(14px + var(--default-padding));
  --size-header-top-mobile: calc(var(--desired-size-of-top-menu-mobile) + var(--default-padding));
  --padding-top-rolling-banner-desktop: 1px;
  --size-rolling-banner-desktop: calc(38px + 4px + 4px + var(--padding-top-rolling-banner-desktop));
  --default-page-title-margin: calc(var(--vh, 1vh) * 40);
  --size-x-large-logo-homepage-desktop: 40vw;
  /* trying to find an approximate of col-8 for the size of the logo */
  --size-x-large-logo-homepage-mobile: 60vw;
  --size-of-small-logo-desktop: calc(var(--size-x-large-logo-homepage-desktop) * 0.13);
  --size-of-small-logo-mobile: 70px;
  --hundred-vh: 100vh;
}

.default__padding_x {
  padding-left: var(--default-padding);
  padding-right: var(--default-padding);
}

.default__padding_y {
  padding-top: var(--default-padding);
  padding-bottom: var(--default-padding);
}

.default__padding {
  padding: var(--default-padding);
}

.default__padding__bottom {
  padding-bottom: var(--default-padding);
}

.default__padding__section_y {
  padding-top: var(--default-padding-section-mobile);
  padding-bottom: var(--default-padding-section-mobile);
}

.default__padding__section__bottom {
  padding-bottom: var(--default-padding-section-mobile);
}

@media screen and (min-width: 768px) {
  .default__padding__section_y {
    padding-top: var(--default-padding-section-desktop);
    padding-bottom: var(--default-padding-section-desktop);
  }
  .default__padding__section__bottom {
    padding-bottom: var(--default-padding-section-desktop);
  }
  .default__padding__bottom__md {
    padding-bottom: var(--default-padding);
  }
}
.cancel__default__padding__x {
  margin-left: calc(var(--default-padding) * -1);
  margin-right: calc(var(--default-padding) * -1);
  padding-left: var(--default-padding);
  padding-right: var(--default-padding);
}

.max__width__text {
  max-width: var(--max-width-text-mobile);
}

.max__width__text__container p {
  max-width: var(--max-width-text-mobile);
  margin: auto;
}

@media screen and (min-width: 768px) {
  .max__width__text, .max__width__text__container p {
    max-width: var(--max-width-text-desktop-md);
  }
  .max__width__text__container p {
    max-width: var(--max-width-text-desktop-md);
  }
}
@media screen and (min-width: 992px) {
  .max__width__text, .max__width__text__container p {
    max-width: var(--max-width-text-desktop-lg);
  }
  .max__width__text__container p {
    max-width: var(--max-width-text-desktop-lg);
  }
}
.bg__mauve {
  background-color: var(--color-mauve);
}

.bg__blue {
  background-color: var(--color-blue);
}

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

/* BTN logic */
.btn__outer {
  cursor: pointer;
  border: 2.5px solid var(--color-black);
  border-radius: 150px;
  padding: 0.25rem 1.5rem;
  /* If we have an input, we want it to match inside */
}
.btn__outer input {
  background-color: unset;
  border: none;
}
.btn__outer:hover {
  transform: scale(1.02);
}

.btn__inner {
  padding-top: 2.5px !important;
}

/* Rounded image logic */
.rounded__image__outer__sm {
  --rounded-image-size-sm: 150px;
  width: calc(var(--rounded-image-size-sm) + var(--border-size-outer) * 2);
}
.rounded__image__outer__sm .rounded__image__inner {
  width: var(--rounded-image-size-sm);
}

.rounded__image__outer__md {
  --rounded-image-size-md: 200px;
  width: calc(var(--rounded-image-size-md) + var(--border-size-outer) * 2);
}
.rounded__image__outer__md .rounded__image__inner {
  width: var(--rounded-image-size-md);
}

.rounded__image__outer__lg {
  --rounded-image-size-lg: 250px;
  width: calc(var(--rounded-image-size-lg) + var(--border-size-outer) * 2);
}
.rounded__image__outer__lg .rounded__image__inner {
  width: var(--rounded-image-size-lg);
}

.rounded__image__outer {
  --border-size-outer: 2px;
  border-radius: 50%;
  border: var(--border-size-outer) solid var(--color-black);
}

.rounded__image__inner {
  --border-size-inner: 5px;
  background-size: 50%;
  background-size: cover;
  border-radius: 50%;
  border: var(--border-size-inner) solid var(--color-white);
  background-repeat: no-repeat;
}

/* Common Vertical Lines Properties */
.vl {
  border-left: 1.5px solid black;
}

.logo__header {
  width: var(--size-of-small-logo-mobile);
}

@media screen and (min-width: 768px) {
  .logo__header {
    width: var(--size-of-small-logo-desktop);
  }
}
/* Read More/Less button */
.read__text__link {
  color: var(--color-mauve) !important;
  text-decoration: underline;
}

/* Menu Learndash modal adjustement */
.learndash-wrapper .ld-login-modal {
  margin-top: 30% !important;
}/*# sourceMappingURL=common.css.map */