:root {
    --footer-background: #4A637B;
    --menu-border: #eaeaea;
}
.testimonial-wrapper {
    width: 100%;
}
#testimonial {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4em 2em;
    background-image: url('../images/testimonial-background.jpg');
}
#testimonial .testimony {
    font-size: 1.5em;
    margin-bottom: 0.25em;
}
#testimonial .attestant {
    font-weight: bold;
    font-size: 0.75em;
}
#testimonial .testimony,
#testimonial .attestant {
    color: var(--footer-background);
}
/* Max Mega Menu elements to target

It's not fun with some of the way things are targeted but this plugin isn't built specifically for this theme so
some overrides need to happen.

#mega-menu-wrap-above_header_menu #mega-menu-above_header_menu
#mega-menu-wrap-primary #mega-menu-primary
#mega-menu-wrap-below_header_menu #mega-menu-below_header_menu
*/

#mega-menu-wrap-above_header_menu #mega-menu-above_header_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item,
#mega-menu-wrap-below_header_menu #mega-menu-below_header_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    display: flex;
    flex-direction: column;
}
#mega-menu-wrap-above_header_menu #mega-menu-above_header_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item img,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item img,
#mega-menu-wrap-below_header_menu #mega-menu-below_header_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item img {
    margin: 0 2em 0 0;
    width: 10em;
    height: 10em;
}
#mega-menu-wrap-above_header_menu #mega-menu-above_header_menu .menu-text-wrap,
#mega-menu-wrap-primary #mega-menu-primary .menu-text-wrap,
#mega-menu-wrap-below_header_menu #mega-menu-below_header_menu .menu-text-wrap {
    align-self: center;
}
#mega-menu-wrap-above_header_menu #mega-menu-above_header_menu .menu-text-wrap a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary .menu-text-wrap a.mega-menu-link,
#mega-menu-wrap-below_header_menu #mega-menu-below_header_menu .menu-text-wrap a.mega-menu-link {
    font-size: 1.14em;
    font-weight: bold;
}
#mega-menu-wrap-above_header_menu #mega-menu-above_header_menu .menu-text-wrap a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary .menu-text-wrap a.mega-menu-link:hover,
#mega-menu-wrap-below_header_menu #mega-menu-below_header_menu .menu-text-wrap a.mega-menu-link:hover {
    text-decoration: underline;
}
#mega-menu-wrap-above_header_menu #mega-menu-above_header_menu li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu,
#mega-menu-wrap-below_header_menu #mega-menu-below_header_menu li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
    align-self: flex-start;
}
/* For 4th level mega menu submenus, add arrows to increase visibility */
#mega-menu-wrap-above_header_menu #mega-menu-above_header_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:before,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:before,
#mega-menu-wrap-below_header_menu #mega-menu-below_header_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:before {
    content: "\e900";
    font-family: Astra;
    font-weight: bold;
    font-size: 0.75em;
    display: inline-block;
    transform: rotate(270deg);
    margin: 0 0.25em 0.1em 0;
    vertical-align: middle;
}
#mega-menu-wrap-above_header_menu #mega-menu-above_header_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column.mega-menu-column-no-padding > ul.mega-sub-menu > li.mega-menu-item,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column.mega-menu-column-no-padding > ul.mega-sub-menu > li.mega-menu-item,
#mega-menu-wrap-below_header_menu #mega-menu-below_header_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column.mega-menu-column-no-padding > ul.mega-sub-menu > li.mega-menu-item {
    padding: 0;
}
/* Add close button formatting to menu */
#mega-menu-wrap-above_header_menu #mega-menu-above_header_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column.close > ul.mega-sub-menu > li.mega-menu-item,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column.close > ul.mega-sub-menu > li.mega-menu-item,
#mega-menu-wrap-below_header_menu #mega-menu-below_header_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column.close > ul.mega-sub-menu > li.mega-menu-item {
    justify-content: flex-end;
}
#mega-menu-wrap-above_header_menu #mega-menu-above_header_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column.close > ul.mega-sub-menu > li.mega-menu-item a.close-mega-menu,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column.close > ul.mega-sub-menu > li.mega-menu-item a.close-mega-menu,
#mega-menu-wrap-below_header_menu #mega-menu-below_header_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column.close > ul.mega-sub-menu > li.mega-menu-item a.close-mega-menu {
    color: #41576c;
    font-size: 18px;
    font-weight: bold;
    float: right;
}
#mega-menu-wrap-above_header_menu #mega-menu-above_header_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column.close > ul.mega-sub-menu > li.mega-menu-item a.close-mega-menu:before,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column.close > ul.mega-sub-menu > li.mega-menu-item a.close-mega-menu:before,
#mega-menu-wrap-below_header_menu #mega-menu-below_header_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column.close > ul.mega-sub-menu > li.mega-menu-item a.close-mega-menu:before {
    content: "\e5cd";
    font-family: Astra;
    font-weight: bold;
    font-size: 1.5em;
    margin: 0 0.25em 0.25em 0;
    display: inline-block;
    vertical-align: middle;
}
/* Max Mega Menu Astra Compatibility */
body.mega-menu-primary .header-main-layout-1 .ast-main-header-bar-alignment {
    flex-grow: 1;
    align-self: flex-end;
}
.main-header-bar-wrap .ast-main-header-bar-alignment {
    padding-bottom: 1em;
}

/* Astra Overrides for Max Mega Menu compatibility on mobile */
.ast-header-break-point .ast-above-header-merged-responsive .ast-above-header-menu-items,
.ast-header-break-point .ast-above-header-merged-responsive .ast-below-header-menu-items {
    margin: 0;
}
.ast-header-break-point #mega-menu-wrap-above_header_menu #mega-menu-above_header_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item img,
.ast-header-break-point #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item img,
.ast-header-break-point #mega-menu-wrap-below_header_menu #mega-menu-below_header_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item img {
    margin: 0 2em 1em 0;
}
.ast-header-break-point #mega-menu-wrap-above_header_menu #mega-menu-above_header_menu .menu-text-wrap,
.ast-header-break-point #mega-menu-wrap-primary #mega-menu-primary .menu-text-wrap,
.ast-header-break-point #mega-menu-wrap-below_header_menu #mega-menu-below_header_menu .menu-text-wrap {
    align-self: initial;
}
.ast-header-break-point .ast-above-header-merged-responsive .ast-above-header-menu-items li a.menu-link,
.ast-header-break-point .ast-above-header-merged-responsive .ast-below-header-menu-items li a.menu-link {
    line-height: 3;
    padding: 0 10px;
    text-align: left;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: var(--menu-border);;
}
.ast-header-break-point #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
    margin-top: 1em;
    border-top-width: 1px;
    border-style: solid;
    border-color: var(--menu-border);;
}
.ast-header-break-point #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
    border-bottom-width: 1px;
    border-style: solid;
    border-color: var(--menu-border);
}
.ast-desktop .ast-above-header-wrap #mega-menu-wrap-above_header_menu,
.ast-desktop .ast-below-header-wrap #mega-menu-wrap-below_header_menu {
    display: block;
}
/* Astra adds all the menus together but Max Mega Menu doesn't hide it so it needs to be hidden on desktop */
.ast-desktop #mega-menu-wrap-above_header_menu,
.ast-desktop #mega-menu-wrap-below_header_menu {
    display: none;
}
.ast-header-break-point #mega-menu-wrap-above_header_menu .mega-menu-toggle,
.ast-header-break-point #mega-menu-wrap-below_header_menu .mega-menu-toggle {
    display: none;
}
/* On mobile, display the menu elements from the below header menu */
.ast-header-break-point #mega-menu-wrap-above_header_menu .mega-menu-toggle + #mega-menu-above_header_menu,
.ast-header-break-point #mega-menu-wrap-below_header_menu .mega-menu-toggle + #mega-menu-below_header_menu {
    display: block;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: var(--menu-border);
}
/* Push content down when menu is open on mobile rather than overlay it */
.ast-header-break-point #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
    position: relative;
}

/* WooCommerce */
.ast-desktop .dgwt-wcas-search-wrapp,
.ast-header-break-point .dgwt-wcas-search-wrapp {
    margin: 0 0 1.25em 0;
}
/* Hide sidebar on category archive/main store page */
.post-type-archive-product #secondary {
    display: none;
}
.post-type-archive-product #primary {
    width: 100%;
    padding-left: 0;
    border-left: 0;
}

/* BOARD NOTES */
.board__notes__block {
    margin-bottom: 1.25rem;
}

.board__notes__subcategory {
    margin-bottom: 0.5rem;
}

.board__notes__subcategory .subcategory__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
    border-width: 1px 1px 1px 2px;
    border-radius: 0;
    color: #444444;
    background: #ffffff;
    border-color: #eeeeee #eeeeee #eeeeee #eeeeee;
}

.board__notes__subcategory .subcategory__header span {
    pointer-events: none;
}

.board__notes__subcategory .subcategory__header .subcategory__header__title {
    margin: 0;
}

.board__notes__subcategory .subcategory__header .subcategory__header__toggle {
    font-family: dashicons;
    line-height: 1;
    transition: all 0.1s ease-in-out;
}

.board__notes__subcategory .subcategory__header .subcategory__header__toggle:before {
    content: "\f347";
}

.board__notes__subcategory.active .subcategory__header .subcategory__header__toggle {
    line-height: 1;
    -moz-transform: scale(1, -1);
    -webkit-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

.board__notes__subcategory .subcategory__content {
    display: none;
    padding: 1rem;
    border: 1px solid #eeeeee;
    border-top: none;
}

.board__notes__subcategory.active .subcategory__header {
    color: #444444;
    background: #ffffff;
    border-color: #eeeeee #eeeeee #eeeeee #0e9cd1;
}

.board__notes__subcategory.active .subcategory__content {
    display: block;
}

.board__notes__subcategory .subcategory__content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Mobile ~545px */
@media screen and (min-width: 34em) {
    #testimonial {
        padding: 4em 7em;
    }
}

@media screen and (min-width: 55em) {
    #mega-menu-wrap-above_header_menu #mega-menu-above_header_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item,
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item,
    #mega-menu-wrap-below_header_menu #mega-menu-below_header_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
        flex-direction: row;
    }
    #mega-menu-wrap-above_header_menu #mega-menu-above_header_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item img,
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item img,
    #mega-menu-wrap-below_header_menu #mega-menu-below_header_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item img {
        width:8em;
        height:fit-content;
    }
}

@media screen and (min-width: 70em) {
    #mega-menu-wrap-above_header_menu #mega-menu-above_header_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item img,
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item img,
    #mega-menu-wrap-below_header_menu #mega-menu-below_header_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item img {
        width:10em;
        height:fit-content;
    }
}

/* For screens larger than 2k */
@media screen and (min-width: 120em) {
    #mega-menu-wrap-above_header_menu #mega-menu-above_header_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row,
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row,
    #mega-menu-wrap-below_header_menu #mega-menu-below_header_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
        margin: 0 auto;
        max-width: 110em;
        float: initial;
    }
}