/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.content-image-cta p {
  font-size: 12px; }

.a11y-container {
  position: relative;
  --wp--preset--font-family--heading: "Open Sans", sans-serif;
  --wp--preset--font-family--body: "Open Sans", sans-serif;
  --wp--preset--color--button-secondary-initial-background: #024665;
  font-family: var(--wp--preset--font-family--heading); }
  .a11y-container #a11y-menu-btn {
    border: 1px solid var(--wp--preset--color--icons-tertiary);
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 2rem;
    justify-content: center;
    width: 2rem; }
  .a11y-container .button-font-text {
    white-space: nowrap; }
  .a11y-container .a11y-menu {
    background-color: var(--wp--preset--color--pages-primary-background);
    border-radius: 4px;
    box-shadow: 0 0 1rem -0.325rem rgba(0, 0, 0, 0.75);
    display: none;
    height: 27.375rem;
    padding: 1.25rem;
    z-index: 9999;
    position: fixed;
    top: 5.625rem;
    left: 5vw;
    width: 90vw; }
    @media (min-width: 782px) {
      .a11y-container .a11y-menu {
        width: 18.125rem;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); } }
    .a11y-container .a11y-menu:nth-child(2) {
      padding-top: 0; }
    .a11y-container .a11y-menu #a11y-menu-close {
      position: absolute;
      top: 1rem;
      right: 1rem;
      color: var(--wp--preset--color--text-text-primary);
      font-size: 1.25rem;
      cursor: pointer; }
    .a11y-container .a11y-menu.open {
      display: block; }
    .a11y-container .a11y-menu .menu-option {
      padding: 1.25rem 0; }
      .a11y-container .a11y-menu .menu-option:not(:last-of-type) {
        border-bottom: 1px solid var(--wp--preset--color--lines-tertiary); }
      .a11y-container .a11y-menu .menu-option .title {
        margin-bottom: 0.625rem;
        color: initial; }
      .a11y-container .a11y-menu .menu-option .btn {
        align-items: center;
        background-color: var(--wp--preset--color--button-secondary-initial-background);
        border: 2px solid var(--wp--preset--color--button-secondary-initial-background);
        border-radius: var(--wp--custom--cards--border-radius-l);
        display: flex;
        gap: 0.625rem;
        justify-content: center;
        padding: 1rem;
        position: relative;
        transition: background-color 0.2s ease-in-out, color .2s ease-in-out;
        width: 100%;
        border-radius: 0; }
        .a11y-container .a11y-menu .menu-option .btn:hover {
          background-color: transparent;
          color: var(--wp--preset--color--text-text-primary); }
        .a11y-container .a11y-menu .menu-option .btn #contrast,
        .a11y-container .a11y-menu .menu-option .btn #font-style {
          cursor: pointer;
          height: 100%;
          opacity: 0;
          position: absolute;
          width: 100%; }
        .a11y-container .a11y-menu .menu-option .btn label {
          display: none; }
      .a11y-container .a11y-menu .menu-option .switch-font-size .font-setting .top {
        align-items: center;
        border: 2px solid var(--wp--preset--color--button-secondary-initial-background);
        display: flex;
        justify-content: space-between; }
        .a11y-container .a11y-menu .menu-option .switch-font-size .font-setting .top button {
          background-color: var(--wp--preset--color--button-secondary-initial-background);
          border: none;
          cursor: pointer;
          flex-basis: 3.125rem;
          height: 3.125rem;
          width: 3.125rem; }
          .a11y-container .a11y-menu .menu-option .switch-font-size .font-setting .top button.plus-text {
            position: relative;
            right: -1px; }
        .a11y-container .a11y-menu .menu-option .switch-font-size .font-setting .top .size-text {
          color: var(--wp--preset--color--text-text-primary); }
      .a11y-container .a11y-menu .menu-option .switch-font-size .font-setting .reset-text {
        align-items: center;
        background-color: transparent;
        border: 2px solid var(--wp--preset--color--button-secondary-initial-background);
        border-top: 0;
        cursor: pointer;
        display: flex;
        gap: 0.825rem;
        justify-content: center;
        padding: 0.5rem;
        text-align: center;
        width: 100%;
        color: #000; }
        .a11y-container .a11y-menu .menu-option .switch-font-size .font-setting .reset-text .icon-spinner {
          font-size: 0.875rem;
          transform: scaleX(-1); }

/*# sourceMappingURL=a11y-button.css.map */