/* Current McGill BOP button treatment */

.btn,
.button,
.acf-block-preview .button {
    --button-color: #514439;
    --button-icon-color: #79644A;
    --button-hover-color: #79644A;
    --button-hover-icon-color: #514439;
    --button-outline-color: #79644A;
    --button-font-size: 0.875rem;
    --button-font-weight: 600;
    --button-line-height: 1.125rem;
    --button-icon-width: 8px;
    --button-icon-height: 11px;

    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: var(--button-color);
    cursor: pointer;
    display: inline-flex;
    font-family: Poppins, sans-serif;
    font-size: var(--button-font-size);
    font-style: normal;
    font-weight: var(--button-font-weight);
    gap: 0.5rem;
    height: var(--button-line-height);
    justify-content: center;
    line-height: var(--button-line-height);
    min-height: 0;
    min-width: 0;
    padding: 0;
    text-decoration: none;
    transition: color 200ms;
}

.btn::after,
.button::after,
.acf-block-preview .button::after {
    background-color: var(--button-icon-color);
    content: "";
    display: block;
    flex: 0 0 auto;
    height: var(--button-icon-height);
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='11' viewBox='0 0 8 11' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.36622 0.366233C0.482297 0.250125 0.62011 0.158021 0.771789 0.0951821C0.923467 0.0323432 1.08604 -2.59304e-07 1.25022 -2.52127e-07C1.4144 -2.44951e-07 1.57697 0.0323432 1.72865 0.0951822C1.88033 0.158021 2.01814 0.250125 2.13422 0.366233L7.01822 5.25023L2.13422 10.1342C1.89977 10.3687 1.58178 10.5004 1.25022 10.5004C0.918654 10.5004 0.60067 10.3687 0.366219 10.1342C0.131768 9.89978 5.39406e-05 9.5818 5.39551e-05 9.25023C5.39696e-05 8.91867 0.131768 8.60068 0.366219 8.36623L3.48222 5.25023L0.366219 2.13423C0.250111 2.01816 0.158007 1.88034 0.095168 1.72866C0.032329 1.57699 -1.34133e-05 1.41441 -1.34061e-05 1.25023C-1.33989e-05 1.08605 0.032329 0.923481 0.0951681 0.771803C0.158007 0.620124 0.250112 0.482311 0.36622 0.366233Z' fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='11' viewBox='0 0 8 11' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.36622 0.366233C0.482297 0.250125 0.62011 0.158021 0.771789 0.0951821C0.923467 0.0323432 1.08604 -2.59304e-07 1.25022 -2.52127e-07C1.4144 -2.44951e-07 1.57697 0.0323432 1.72865 0.0951822C1.88033 0.158021 2.01814 0.250125 2.13422 0.366233L7.01822 5.25023L2.13422 10.1342C1.89977 10.3687 1.58178 10.5004 1.25022 10.5004C0.918654 10.5004 0.60067 10.3687 0.366219 10.1342C0.131768 9.89978 5.39406e-05 9.5818 5.39551e-05 9.25023C5.39696e-05 8.91867 0.131768 8.60068 0.366219 8.36623L3.48222 5.25023L0.366219 2.13423C0.250111 2.01816 0.158007 1.88034 0.095168 1.72866C0.032329 1.57699 -1.34133e-05 1.41441 -1.34061e-05 1.25023C-1.33989e-05 1.08605 0.032329 0.923481 0.0951681 0.771803C0.158007 0.620124 0.250112 0.482311 0.36622 0.366233Z' fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat;
    transition: background-color 200ms;
    width: var(--button-icon-width);
}

.btn:hover,
.button:hover,
.acf-block-preview .button:hover {
    background: transparent;
    border-color: transparent;
    color: var(--button-hover-color);
}

.btn:hover::after,
.button:hover::after,
.acf-block-preview .button:hover::after {
    background-color: var(--button-hover-icon-color);
}

.btn:focus,
.button:focus,
.btn:focus-visible,
.button:focus-visible {
    outline: 2px solid var(--button-outline-color);
    outline-offset: 0.35rem;
}

.btn:active,
.button:active {
    transform: scale(99%);
}

.btn[data-button-size="small"],
.button[data-button-size="small"],
.btn[data-button-size="medium"],
.button[data-button-size="medium"] {
    --button-font-size: 0.875rem;
    --button-font-weight: 600;
    --button-line-height: 1.125rem;
    --button-icon-width: 8px;
    --button-icon-height: 11px;
}

.btn[data-button-size="large"],
.button[data-button-size="large"] {
    --button-font-size: 1.5rem;
    --button-font-weight: 700;
    --button-line-height: 1.125rem;
    --button-icon-width: 10px;
    --button-icon-height: 14px;
}

.btn[data-button-width="auto"],
.button[data-button-width="auto"],
.btn[data-button-width="small"],
.button[data-button-width="small"],
.btn[data-button-width="wide"],
.button[data-button-width="wide"] {
    min-width: 0;
    padding: 0;
}

body.theme-section-winter .btn,
body.theme-section-winter .button,
body.theme-section-winter .season-page-sibling-nav__link {
    --button-color: #334161;
    --button-icon-color: #5C818A;
}

body.theme-section-spring .btn,
body.theme-section-spring .button,
body.theme-section-spring .season-page-sibling-nav__link {
    --button-color: #43533A;
    --button-icon-color: #6C7B38;
}

body.theme-section-summer .btn,
body.theme-section-summer .button,
body.theme-section-summer .season-page-sibling-nav__link {
    --button-color: #693067;
    --button-icon-color: #795F8D;
}

body.theme-section-autumn .btn,
body.theme-section-autumn .button,
body.theme-section-autumn .season-page-sibling-nav__link {
    --button-color: #9C3410;
    --button-icon-color: #D45717;
}

.btn[data-button-color="light"],
.button[data-button-color="light"],
.btn[data-button-color="white"],
.button[data-button-color="white"],
.btn[data-button-variant="reverse"],
.button[data-button-variant="reverse"],
.dark .btn,
.dark .button,
.dark .season-page-sibling-nav__link {
    --button-color: #FDFBF7;
    --button-icon-color: #FDFBF7;
    --button-hover-color: #FDFBF7;
    --button-hover-icon-color: #FDFBF7;
    --button-outline-color: #FDFBF7;
}

.season-page-sibling-nav__link {
    align-items: center;
    color: var(--button-color);
    display: inline-flex;
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 600;
    gap: 0.5rem;
    min-height: 1.125rem;
    justify-content: center;
    line-height: 1.125rem;
    padding: 0;
    text-decoration: none;
    transition: color 200ms, text-decoration-color 200ms;
}

.season-page-sibling-nav__link:hover {
    color: var(--button-hover-color);
    text-decoration: underline;
    text-decoration-color: currentColor;
    text-decoration-thickness: 0.14em;
    text-decoration-skip-ink: auto;
    text-underline-offset: 0.14em;
}

.season-page-sibling-nav__link::after {
    background-color: var(--button-icon-color);
    content: "";
    display: block;
    flex: 0 0 auto;
    height: var(--button-icon-height, 11px);
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='11' viewBox='0 0 8 11' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.36622 0.366233C0.482297 0.250125 0.62011 0.158021 0.771789 0.0951821C0.923467 0.0323432 1.08604 -2.59304e-07 1.25022 -2.52127e-07C1.4144 -2.44951e-07 1.57697 0.0323432 1.72865 0.0951822C1.88033 0.158021 2.01814 0.250125 2.13422 0.366233L7.01822 5.25023L2.13422 10.1342C1.89977 10.3687 1.58178 10.5004 1.25022 10.5004C0.918654 10.5004 0.60067 10.3687 0.366219 10.1342C0.131768 9.89978 5.39406e-05 9.5818 5.39551e-05 9.25023C5.39696e-05 8.91867 0.131768 8.60068 0.366219 8.36623L3.48222 5.25023L0.366219 2.13423C0.250111 2.01816 0.158007 1.88034 0.095168 1.72866C0.032329 1.57699 -1.34133e-05 1.41441 -1.34061e-05 1.25023C-1.33989e-05 1.08605 0.032329 0.923481 0.0951681 0.771803C0.158007 0.620124 0.250112 0.482311 0.36622 0.366233Z' fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='11' viewBox='0 0 8 11' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.36622 0.366233C0.482297 0.250125 0.62011 0.158021 0.771789 0.0951821C0.923467 0.0323432 1.08604 -2.59304e-07 1.25022 -2.52127e-07C1.4144 -2.44951e-07 1.57697 0.0323432 1.72865 0.0951822C1.88033 0.158021 2.01814 0.250125 2.13422 0.366233L7.01822 5.25023L2.13422 10.1342C1.89977 10.3687 1.58178 10.5004 1.25022 10.5004C0.918654 10.5004 0.60067 10.3687 0.366219 10.1342C0.131768 9.89978 5.39406e-05 9.5818 5.39551e-05 9.25023C5.39696e-05 8.91867 0.131768 8.60068 0.366219 8.36623L3.48222 5.25023L0.366219 2.13423C0.250111 2.01816 0.158007 1.88034 0.095168 1.72866C0.032329 1.57699 -1.34133e-05 1.41441 -1.34061e-05 1.25023C-1.33989e-05 1.08605 0.032329 0.923481 0.0951681 0.771803C0.158007 0.620124 0.250112 0.482311 0.36622 0.366233Z' fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat;
    transition: background-color 200ms;
    width: var(--button-icon-width, 8px);
}

.season-page-sibling-nav__link:hover::after {
    background-color: var(--button-hover-icon-color);
}

.season-page-sibling-nav__link:focus-visible {
    outline: 2px solid var(--button-outline-color, currentColor);
    outline-offset: 0.35rem;
}

.season-page-sibling-nav__link--previous {
    flex-direction: row-reverse;
}

.season-page-sibling-nav__link--previous::after {
    transform: rotate(180deg);
}

.season-page-sibling-nav__link--next {
    margin-left: auto;
}

.season-page-sibling-nav__link:only-child {
    display: flex;
    margin-inline: auto;
    text-align: center;
}