/*
Theme Name:   Twenty Twenty One Child
Description:  Twenty Twenty One Theme
Template:     twentytwentyone
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  twentytwentyone
*/

:root {
    --primary-font-family: 'Open Sans', sans-serif;
    --primary-font-size: 16px;
    --secondary-font-size: 12px;
    --primary-font-weight: 700;
    --background-color: #f7f7f7;
    --dark-gray: #494949;
    --open-sans-font: 'Open Sans', serif;
    --primary-font: 'Open Sans', serif;
    --domine-font: 'Domine', serif;
    --secondary-font: 'Domine', serif;
}

/* Global Element Styles */
.hidden{
    display: none;
}

main.site-main {
    padding: 0;
}

header.site-header {
    height: 100px;
}

.custom-logo-link:focus img {
    outline: none !important;
}

.side-bar__top a img {
    outline: none !important;
}

body.locked {
    overflow: hidden;
}

.image-link a:focus img {
    outline: none !important;
}

a.wp-block-button__link:focus {
    outline: none !important;
}

.entry-content {
    margin-top: 0 !important;
}

.entry-content p, .site-main p, .entry-content ul li, .site-main ul li {
    font-family: var(--primary-font-family);
}

.entry-content p:not(.has-text-color), .site-main p:not(.has-text-color),
.entry-content ul li:not(.has-text-color), .site-main ul li:not(.has-text-color){
    color: rgb(73, 73, 73);
}

.wp-block-table,
.wp-block-table th{
    font-family: var(--primary-font-family) !important;
    color: rgb(73, 73, 73);
}

.entry-content p a, .site-main p a,
.entry-content ul li a, .site-main ul li a{
    color: var(--primary-color) ;
    text-decoration: underline dotted;
}

.has-background p:not(.has-text-color) a{
    color: white !important;
}

.entry-content p a:hover, .site-main p a:hover,
.entry-content ul li a:hover, .site-main ul li a:hover{
    opacity: 0.80;
}

.site-content figcaption, .site-main figcaption {
    line-height: 1.4 !important;
    padding: 0 !important;
    margin: 0.5rem 0 0 !important;
    font-size: .9rem !important;
    font-family: var(--primary-font-family);
    color: rgb(73, 73, 73);
}

.brand-background {
    background-color: var(--brand-color);
    padding: 50px;
    color: white;
}

.primary-background blockquote p:not(.has-text-color),
.has-background p:not(.has-text-color),
.primary-background p:not(.has-text-color), .primary-background figcaption:not(.has-text-color){
    color: white;
}

.site-content h1, .site-content h3 {
    font-family: var(--secondary-font);
}

.site-content h2, .site-content h4, .site-content h5, .site-content h6 {
    font-family: var(--primary-font);
}

.site-content .wp-block-group .wp-block-group__inner-container > h1,
.site-content .wp-block-group .wp-block-group__inner-container > h2,
.site-content .wp-block-group .wp-block-group__inner-container > h3,
.site-content .wp-block-group .wp-block-group__inner-container > h4,
.site-content .wp-block-group .wp-block-group__inner-container > h5,
.site-content .wp-block-group .wp-block-group__inner-container > h6 {
	margin: 15px 0px;
}

.site-content h1, .site-content h2, .site-content h3, .site-content h4, .site-content h5, .site-content h6 {
    color: var(--primary-color);
    font-weight: 700;
    max-width: none !important;
	margin: 15px 0px;
}

.site-content h1 a, .site-content h2 a, .site-content h3 a, .site-content h4 a {
    color: var(--primary-color);
}

.entry-content .wp-block-cover h1 {
    color: white;
}

.entry-content .wp-block-cover h2, .entry-content .wp-block-cover h3, .entry-content .wp-block-cover h4 {
    color: var(--primary-color);
}

.site-content .primary-background h1, .site-content .primary-background h2, .site-content .primary-background h3, .site-content .primary-background h4,
.site-content .brand-background h1, .site-content .brand-background h2, .site-content .brand-background h3, .site-content .brand-background h4,
.site-content .primary-background h1 a, .site-content .primary-background h2 a, .site-content .primary-background h3 a, .site-content .primary-background h4 a,
.site-content .brand-background h1 a, .site-content .brand-background h2 a, .site-content .brand-background h3 a, .site-content .brand-background h4 a,
.site-content .has-background h1:not(.has-text-color), .site-content .has-background h2:not(.has-text-color), .site-content .has-background h3:not(.has-text-color), .site-content .has-background h4:not(.has-text-color) {
    color: white;
}

.home-page-banner-box h1, .home-page-banner-box h2, .home-page-banner-box h3, .home-page-banner-box h4 {
    color: var(--primary-color) !important;
}

.wp-block-cover .wp-block-cover__inner-container h1 {
    font-size: 5rem;
    line-height: 5rem;
    margin-bottom: 0.5rem;
    text-shadow: 4px 6px 3px rgb(0 0 0 / 50%);
    font-family: var(--secondary-font);
}

.site-content h1 {
    font-size: 2.5rem;
}

.site-content h2 {
    font-size: 2rem;
}

.site-content h3 {
    font-size: 1.75rem;
}

.site-content h4 {
    font-size: 1.5rem;
}

.site-content .has-brandblue-color {
    color: var(--brand-color);
}

.site-content .has-brandblue-background-color {
    background-color: var(--brand-color);
}

.site-content .has-darkgray-color {
    color: var(--dark-gray);
}

.site-content .has-darkgray-background-color {
    background-color: var(--dark-gray);
}

.site-content .has-primary-color {
    color: var(--primary-color);
}

.site-content .has-primary-background-color {
    background-color: var(--primary-color);
}

.site-content .has-secondary-color {
    color: var(--secondary-color);
}

.site-content .has-secondary-background-color {
    background-color: var(--secondary-color);
}

h1 a, h2 a, h3 a, h4 a {
    cursor: pointer;
    font-size: 1.325rem;
    margin-bottom: 40px !important;
    margin-top: 20px !important;
    font-weight: 800 !important;
}

h1 a, h2 a, h3 a, h4 a{
    text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{
    opacity: 0.80;
}

h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus{
    opacity: 0.80;
    color: var(--primary-color) !important;
}

/* Separator Style */
hr.wp-block-separator{
    border-top: 5px solid var(--secondary-color);
    border-bottom: none !important;
    max-width: 50px !important;
    margin-bottom: -10px !important;
}

@media only screen and (max-width: 600px){
    hr.wp-block-separator{
        margin-bottom: -10px !important;
    }
}

/* Main Logo */
.site-header .custom-logo {
    height: 70px !important;
}

/*Header*/
body .site-header {
    margin: 0;
    padding: 0 210px 0 0;
    max-width: none;
}

.site-header .primary-navigation a {
    font-family: var(--primary-font-family);
    font-weight: 700;
    font-size: var(--primary-font-size);
    display: flex;
}

.site-header .primary-navigation a:hover {
    text-decoration: none;
}

.site-header .primary-navigation .current_page_item > a:first-child {
    text-decoration: none;
}

.site-header .primary-navigation .current_page_item > a:first-child:hover {
    text-decoration: none;
}

body.is-light-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    background: none;
    color: black;
    text-decoration: black;
}

.site-header .primary-navigation {
    margin-left: initial;
}

.site-header .primary-navigation .menu-wrapper {
    margin-left: 1.5em;
}

.site-header .primary-navigation .menu-item {
    margin-right: 2em !important;
    margin-top: 0;
}

.site-header .primary-navigation .menu-item a {
    padding: 0 !important;
}

.header__brand_nav {
    margin: 0 1em 0 8em;
}

.side-bar__open {
    font-size: var(--primary-font-size);
    background: var(--primary-color) !important;
    display: flex;
    align-items: center;
    color: white !important;
    width: 140px;
    border-radius: 0px 0px 2px;
}

.side-bar__open.main {
    position: absolute;
    height: 105px;
    z-index: 10;
}

header .side-bar__open {
    height: 100%;
}

.side-bar__open:after {
    border: none !important;
    color: white !important;
}

.side-bar__open img{
    margin-right: 0.5em;
}

/*Footer*/
.site-footer {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
}

.site-footer .active-campaign {
    display: flex;
    flex-direction: row;
    background: var(--primary-color);
    width: 100%;
    align-items: center;
    padding: 3em 5em;
    margin: 0;
    justify-content: space-between;
}

.site-footer .ac__cta {
    display: flex;
    flex-direction: column;
    color: white;
    font-family: var(--primary-font);
}

.site-footer .ac__cta .desc {
    font-weight: var(--primary-font-weight);
    font-size: 32px;
    line-height: 1.2;
}

.site-footer .ac__cta .inst {
    font-size: 16px;
}

.site-footer .foot-info {
    margin: auto;
    padding: 0 12%;
    margin: 1em;
}

.site-footer .foot-info__top {
    display: flex;
    flex-direction: row;
    padding: 1em 0;
}

.site-footer .foot-info__top img {
    height: 80px;
}

.site-footer a:focus img {
    outline: none !important;
}

.site-footer .foot-menu {
    width: 100%;
    display: flex;
}

.site-footer .foot-menu ul {
    list-style: none;
    display: grid;
    grid-auto-flow: column;
    grid-column-end: 6;
    grid-column-start: 3;
    grid-template-rows: repeat(3, 1fr);
    font-size: 16px;
    margin-left: auto;
    padding: 0 2em;
    font-family: var(--primary-font-family);
}

.site-footer .foot-menu ul li {
    width: auto;
    margin-right: 2em;
}

.site-footer .whs-logo {
    margin-left: 1em;
}

.site-footer .foot-menu ul a {
    text-decoration: none;
    color: #888;
}

.site-footer .footer-navigation {
    margin: 0;
}

.footer-navigation li {
    line-height: 1 !important;
}

.footer-navigation li a svg {
    fill: #888 !important;
}

.site-footer .foot-info__bot {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-top: 0.5px solid #888;
    padding: 1em;
}

.site-footer .footer-copyright {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.site-footer .footer-copyright .footer-text {
    font-size: 12px;
    font-weight: var(--primary-font-weight);
    font-family: var(--primary-font-family);
    color: #888;
}

/*Buttons*/
body .site button:focus {
    outline: none;
}

body .site button:hover {
    outline: none;
    border-color: transparent;
    color: white;
}

/*Event Calendar Widget More Events Button*/
a.moreinfolink {
    border: 3px solid var(--primary-color) !important;
    background-color: white !important;
    color: var(--primary-color) !important;
    border-radius: var(--button--border-radius);
    cursor: pointer;
    font-weight: var(--button--font-weight);
    font-family: var(--button--font-family);
    font-size: var(--button--font-size);
    line-height: var(--button--line-height);
    padding: var(--button--padding-vertical) var(--button--padding-horizontal);
    text-decoration: none;
    margin: auto;
    text-decoration: none !important;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    width: -webkit-fill-available;
	text-align:center;
}

/*Main Sidebar*/
.overlay {
    display: none;
    background: var(--brand-color);
    width: 100%;
    height: 100%;
    opacity: 0.6;
    position: fixed;
    top: 0%;
    z-index: 11;
}

.admin-bar {
    top: 32px;
}

.admin-bar .side-bar__main {
    height: 98%;
}

.side-bar {
    z-index: 12;
    font-family: var(--primary-font-family);
    height: 100vh;
    display: flex;
    flex-direction: row;
    position: fixed;
    left: -530px;
    transform: translateX(0);
    transition: transform 0.5s ease;
}

.side-bar__main {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 530px;
    background: white;
}

.side-bar__aside {
    height: 100vh;
    width: 295px;
    background: var(--primary-color);
    font-family: var(--primary-font-family);
    padding: 2em;
    color: white;
    position: absolute;
    left: 235px;
    top: 0;
    z-index: -1;
    transform: translateX(0);
    transition: transform 0.5s ease;
    display: flex;
    flex-direction: column;
}

.side-bar__aside a:focus {
    color: white !important;
}

.side-bar__aside .sb-sideBack {
    background-color: transparent !important;
    padding: 0;
    font-size: var(--primary-font-size);
    font-weight: var(--primary-font-weight);
    font-family: var(--primary-font-family);
    border: none;
    display: flex;
    align-items: center;
}

.side-bar__aside .sb-sideBack:hover {
    border-color: transparent;
}

.side-bar__aside .sb-sideBack:hover {
    border: none;
}

.side-bar__aside .sb-sideBack:focus {
    outline: none;
}

.sb-sideBack:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 6px solid white;
    margin-right: 1em;
}

.sb-sideTitle {
    font-size: var(--primary-font-size);
    font-weight: var(--primary-font-weight);
    padding: 1em 0;
    color: white;
    text-decoration: none;
}

.sb-sideMenu .sb-subBtnMenuItem a {
    color: white;
    font-size: 16px;
    margin-bottom: 1em;
}

.side-menu__close {
    color: white !important;
}

button.side-bar__close:before, button.side-menu__close:before {
    content: "\D7";
    font-size: 2em;
}

button.side-bar .side-bar__close {
    padding-left: 1.5em;
}

button.side-bar__close:before {
    color: var(--primary-color);
}

button.side-bar__close, .side-bar__bot button, .side-bar__menu button, button.side-menu__close {
    background-color: transparent !important;
    border: none;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: var(--primary-font-size);
    font-weight: var(--primary-font-weight);
    font-family: var(--primary-font-family);
}

button.side-bar__close, .side-bar__bot button {
    color: var(--primary-color) !important;
}

.side-bar button:active {
    color: var(--primary-color);
}

.side-bar button:hover {
    background-color: inherit;
    color: var(--primary-color);
}

.side-bar__top, .side-menu__top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1em 1.5em;
    align-items: center;
}

.side-bar__top .blue_logo {
    width: 216px;
}

.side-bar .side-bar__second_logo {
    min-width: 216px;
    max-width: 216px;
}

.bp-info__cont {
    display: flex;
    font-size: 16px;
    line-height: 1.2;
    display: flex;
    flex-direction: row;
    font-family: var(--primary-font);
    margin-left: auto;
}

.side-bar__bot .bp-info__cont {
    padding: 1em 2em;
}

.bp-info__sect {
    margin-right: auto;
}

.bp-info__sect a {
	text-decoration: none;
}

.site-header .bp-info__sect:first-child {
    margin-right: 2em;
}

.bp-info__cont .hours-today {
    margin-right: 5em;
}

.bp-info__cont .bp-info__span {
    font-weight: var(--primary-font-weight);
}

.bp-info__more {
    font-weight: var(--primary-font-weight);
}

.bp-info__more:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid var(--primary-color);
    margin-left: 1em;
}

.side-bar__bot {
    background-color: white;
    margin-bottom: 1em;
}

/* Search Bar */
.side-bar__main .sb-widget .wp-block-search__input, body.search .search-form input.search-field, .wp-block-search__button-inside .wp-block-search__inside-wrapper {
    border: none !important;
    background-color: transparent !important;
    margin-left: 0 !important;
    font-size: var(--primary-font-size);
}

.side-bar__main .sb-widget .wp-block-search__inside-wrapper, body.search .search-form {
    background-color: rgba(var(--primary-rgb-color), 0.1) !important;
    display: flex;
    align-items: center;
    padding: 0.5em 1em !important;
}

.wp-block-search__button-inside .wp-block-search__inside-wrapper button, .wp-block-search__button-outside .wp-block-search__inside-wrapper button {
    color: var(--primary-color) !important;
    background: transparent !important;
    margin: 0;
    padding: 0.1em !important;
    font-family: var(--primary-font-family)
}

.side-bar__main .sb-widget .wp-block-search__inside-wrapper:before, body.search .search-form:before {
    content: '';
    display: inline-block;
    width: 27px;
    height: 25px;
    -webkit-mask: url('../svg/search.svg') no-repeat 50% 50%;
    mask: url('../svg/search.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--primary-color);
}

.wp-block-search__button-inside .wp-block-search__inside-wrapper:before, .wp-block-search__button-outside .wp-block-search__inside-wrapper:before {
    display: none !important;
}

.side-bar__main .sb-widget .wp-block-search__input:focus, body.search .search-form input.search-field:focus {
    outline: none !important;
}

.side-bar__main .sb-widget .wp-block-search__input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--primary-color) !important;
    opacity: 1; /* Firefox */
}

.side-bar__main .sb-widget .wp-block-search__input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--primary-color) !important;
}

.side-bar__main .sb-widget .wp-block-search__input::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--primary-color) !important;
}

.side-bar__main .sb-widget .wp-block-search {
    max-width: none !important;
}

/*Sidebar Menu*/
.side-bar__menu-scroll {
    overflow-y: scroll;
    background: white;
    width: 100%;
    flex-grow: 1;
}

.side-bar__main .top-gradient {
    display: none;
    position: absolute;
    width: 100%;
    height: 10px;
    background: linear-gradient(to bottom, rgb(203 203 203), rgb(255 255 255 / 0%));
    z-index: 1;
}

.side-bar__main .bot-gradient {
    display: none;
    position: absolute;
    width: 100%;
    height: 10px;
    background: linear-gradient(to top, rgb(203 203 203), rgb(255 255 255 / 0%));
    z-index: 1;
    margin-top: -0.5em;
}

.side-bar__menu-scroll::-webkit-scrollbar {
    display: none;
}

.sb-menu {
    line-height: 1;
}

.sb-menu ul, .sb-sideMenu {
    list-style-type: none;
    font-family: var(--primary-font-family);
}

.sb-menu a, .sb-sideMenu a {
    text-decoration: none;
}

.sb-menu .sb-subItem a, .side-bar__aside a {
    display: flex;
    flex-direction: column;
    /*width: max-content;*/
}



.side-bar__aside a:after {
    background-color: white;
}

.sb-menu .menu {
    padding-left: 0;
}

.sb-topItem {
    display: flex;
    flex-direction: row;
    position: relative;
}

.sb-topItem > a {
    min-width: 100px;
    max-width: 100px;
    color: var(--primary-color);
    margin: 2.5em 1.5em;
    font-weight: var(--primary-font-weight);
    font-size: var(--primary-font-size);
    line-height: 1.25;
}

.sb-topItem:not(.menu-item-has-children) > a {
    min-width: none;
    max-width: none;
}

.sb-topItem:not(:first-child):before {
    content: '';
    display: inline-block;
    min-width: 124px;
    max-width: 124px;
    height: 2px;
    background-color: var(--primary-color);
    left: 4.5%;
    position: absolute;
}

.sb-subItem-hasChild button:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid var(--primary-color);
    margin-right: 0.5em;
    transition: all 300ms;
}

.sb-topItem ul.sub-menu {
    font-size: 16px;
    display: flex;
    flex-direction: row;
    margin: 1em 0;
    flex-wrap: wrap;
    padding-left: 1em;
}

.sb-subItem-hasChild ul.sub-menu {
    display: none;
}

.sb-subItem, .sb-subItem-hasChild {
    font-weight: normal;
    height: 34px;
    width: 180px;
    display: flex;
    align-items: center;
}

.sb-subItem a, .sb-subItem-hasChild a, .sb-subItem span {
    margin-left: 1em;
}

.side-bar .bp-address, header .bp-address, .side-bar .bp-opening-hours, header .bp-opening-hours {
    margin: 0;
}

.bp-contact-card {
    font-style: normal;
}

.side-bar .bp-times, header .bp-times {
    float: none;
    clear: initial;
    width: 100%;
}

.menu-item.ext-link a {
    display: flex;
    flex-direction: row;
}

.menu-item.ext-link a:after, .wp-block-button.ext-link a:after {
    content: url('../svg/ext-link.svg');
    display: inline-block;
    margin-left: 0.5em;
}

.sb-subItem-hasChild button {
    font-size: 16px;
    font-weight: normal;
    color: black !important;
    background: transparent !important;
    padding: 0;
    display: flex;
    align-items: center;
    font-family: var(--primary-font-family);
}

.side-bar__bot .sb-widget a.wp-block-button__link {
    border: 2px solid var(--brand-color);
    padding: 0.5em;
    width: 158px;
    background-color: transparent !important;
    color: var(--brand-color) !important;
    font-family: var(--primary-font-family);
    font-weight: var(--primary-font-weight);
    font-size: var(--primary-font-size);
}

.side-bar__bot .sb-widget a.wp-block-button__link:hover {
    border: 2px solid var(--brand-color) !important;
    background-color: var(--brand-color) !important;
    color: white !important;
}

.side-bar__bot .sb-widget a.wp-block-button__link:hover:after {
    content: none;
}

.side-bar__bot .sb-widget a.wp-block-button__link:focus {
    outline: none;
}

.sb-widget .wp-block-buttons.is-content-justification-space-between {
    justify-content: space-between !important;
}

.side-bar__bot .sb-widget {
    padding: 0 1.5em 0.75em;
}

/*Division Side Menu*/
.side-menu__collapsed {
    display: flex;
    flex-direction: column;
    max-width: 210px;
    position: fixed;
    right: 0;
    z-index: 10;
    top: -187px;
    height: 187px;
    transform: translateY(100%);
    transition: transform 0.5s ease;
}

.side-menu__collapsed.admin-bar {
    transform: translateY(calc(100% + 32px));
    transition: transform 0.5s ease;
}

.side-menu__opened {
    display: block;
    height: 100vh;
    width: 430px;
    z-index: 11;
    background: var(--brand-color);
    position: fixed;
    left: 100%;
    transform: translateX(0);
    transition: transform 0.5s ease;
    font-family: var(--primary-font);
}

.side-menu__div {
    color: white;
    display: flex;
    flex-direction: column;
    font-size: var(--secondary-font-size);
    background-color: var(--brand-color);
    padding: 0.5em 1em;
    margin-bottom: 0.3em;
    border-radius: 2px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    font-family: var(--primary-font-family);
}

.side-menu__div.logo {
    border-radius: 2px 0 2px 2px;
}

.side-menu__logo {
    color: white;
    display: flex;
    flex-direction: column;
    font-size: var(--secondary-font-size);
    background-color: var(--brand-color);
    min-height: 45px;
    max-height: 45px;
    width: 150px;
}

.side-menu__collapsed .side-menu__logo {
    margin: auto;
}

.side-menu__div button {
    background-color: transparent !important;
    padding: 0;
    text-align: left;
    display: flex;
    align-items: center;
    font-family: var(--primary-font-family);
}

.side-menu__div button:active {
    border-color: transparent;
}

.side-menu__drop {
    font-size: var(--primary-font-size);
    border: none;
    color: white !important;
}

.side-menu__drop:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 7px solid white;
    margin-left: auto;
}

.side-menu__body {
    color: white;
    font-size: var(--primary-font-size);
    padding: 1em 1.5em;
}

.side-menu__in, .side-menu__out {
    font-size: var(--secondary-font-size);
}

.side-menu__list {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.side-menu__site {
    margin: 0.5em 1em;
    flex: 1;
}

.side-menu__site a:focus img {
    outline: none !important;
}

.side-menu__site img {
    min-width: 150px;
    max-width: 150px;
}

.side-menu__opened .side-menu__body ul.side-menu__list {
	align-items: stretch;
	border: #39699b solid 1px;
	margin-top: 0.4rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding: 0.5rem;
}

.side-menu__opened .side-menu__body ul.side-menu__list li.side-menu__site {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 1rem 0;
	transition: background-color 0.25s ease-in-out;
}

.side-menu__out {
	margin-top: 1rem !important;
}

li.side-menu__site:has(a[href*="blackpointestate"]:hover) {
    background-color: #946828; 
}

li.side-menu__site:has(a[href*="circusworld"]:hover) {
    background-color: #c53627; 
}

li.side-menu__site:has(a[href*="firstcapitol"]:hover) {
    background-color: #602c0f; 
}

li.side-menu__site:has(a[href*="hhbennettstudio"]:hover) {
    background-color: #1a4582; 
}

li.side-menu__site:has(a[href*="historicalmuseum"]:hover) {
    background-color: #003e7e;
}

li.side-menu__site:has(a[href*="madelineislandmuseum"]:hover) {
    background-color: #124f7d; 
}

li.side-menu__site:has(a[href*="oldworldwisconsin"]:hover) {
    background-color: #044d27; 
}

li.side-menu__site:has(a[href*="pendarvis"]:hover) {
    background-color: #932e1e; 
}

li.side-menu__site:has(a[href*="reedschool"]:hover) {
    background-color: #876026; 
}

li.side-menu__site:has(a[href*="stonefield"]:hover) {
    background-color: #465626; 
}

li.side-menu__site:has(a[href*="villalouis"]:hover) {
    background-color: #025c67; 
}

li.side-menu__site:has(a[href*="wadehouse"]:hover) {
    background-color: #87312e; 
}

/*Scrolling nav*/
.nav__scroll {
    display: flex;
    flex-direction: row;
    position: fixed;
    z-index: 11;

    transform: translateY(0);
    transition: transform 0.5s ease;
}

.nav__scroll.full {
    top: -64px;
}

.breadcrumbs {
    display: flex;
    flex-direction: row;
    height: 54px;
}

.breadcrumbs__cont {
    background-color: white;
    padding: 0.25em 0.5em;
    display: flex;
}

.nav__scroll .side-bar__open {
    height: 64px;
}

.nav__scroll.visible {
    filter: drop-shadow(0 3px 3px rgb(0 0 0 / 25%));
}

.breadcrumbs__list {
    display: flex;
    list-style: none;
    padding-left: 0;
    align-items: baseline;
    flex-direction: row;
    margin-right: 30px;
    padding-top: 0.4em;
}

.breadcrumbs__list li {
    white-space: nowrap;
}

.breadcrumbs__parent, .breadcrumbs__page {
    font-size: var(--primary-font-size);
    font-weight: var(--primary-font-weight);
    margin-right: 1.5em;
}

.breadcrumbs__parent:after {
    /*content: '\02C3';*/
    /*display: inline-block;*/
    margin-left: 1em;

    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid var(--primary-color);
}

.breadcrumbs__child {
    font-size: 14px;
    margin-right: 1.5em;
    margin-bottom: .5em;
}

.breadcrumbs__child a, .breadcrumbs__parent a, .breadcrumbs__page a {
    text-decoration: none;
}

.breadcrumbs__child a.active {
    box-shadow: inset 0px -4px var(--primary-color);
    padding-bottom: .75em;
    font-weight: 700;
}

/* Mobile Breadcrumbs Tablets */
.nav__scroll.drop {
    width: 100%;
    top: -74px;
}

.nav__scroll.drop .side-bar__open {
    height: 74px;
}

.nav__scroll.drop .header__brand_nav {
    margin: 0;
    width: 45%;
    background-color: white;
    height: 68px;
    display: flex;
    flex-direction: column;
    align-items: center;
    clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0 100%);
}

.nav__scroll.drop .site-logo {
    display: flex;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    top: 7px;
}

.nav__scroll.drop .site-logo .custom-logo-link {
    margin: auto;
}

.nav__scroll.drop .custom-logo {
    height: 40px;
}

.nav__scroll.drop .mobile-container {
    width: 100%;
}

.nav__scroll.drop .mobile-breadcrumbs__drop {
    width: 130px;
    flex-grow: 1;
}

.nav__scroll.drop .mobile-breadcrumbs__top {
    padding: 0;
}

.nav__scroll.drop .mobile-breadcrumbs__top .mobile-breadcrumbs__drop:after {
    margin-left: auto;
    margin-right: 3em;
}

/* Mobile Breadcrumbs Cell Phones */
.mobile-container {
    display: none;
}

.mobile-breadcrumbs__title {
    font-weight: var(--primary-font-weight);
    font-size: var(--primary-font-size);
    margin: 0 2vw;
    color: var(--primary-color);
}

.mobile-breadcrumbs__top {
    display: flex;
    flex-direction: row;
    padding: 0.25em 0;
    align-items: center;
}

.site-header .mobile-breadcrumbs__top {
    border-top: 1px solid rgba(var(--primary-rgb-color), 0.5);
}

.mobile-breadcrumbs__top .mobile-breadcrumbs__drop {
    background-color: transparent !important;
    color: black !important;
    padding: 0 !important;
    font-weight: 400;
    font-size: 14px;
    display: flex;
    align-items: center;
    flex-direction: row;
    width: 100%;
    border: none;
    height: 1.5em;
    text-align: start;
}

.mobile-breadcrumbs__top .mobile-breadcrumbs__drop .btn-text {
    width: 100%;
}

.mobile-breadcrumbs__drop .btn-text.hidden {
    display: none;
}

.mobile-breadcrumbs__top .mobile-breadcrumbs__drop:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 7px solid var(--primary-color);
}

.site-header .mobile-breadcrumbs__top .mobile-breadcrumbs__drop:after {
    position: absolute;
    right: 2%;
}

.mobile-breadcrumbs, .tablet-breadcrumbs {
    background-color: white;
    position: fixed;
    display: none;
    left: 140px;
    transform: translateY(0);
    transition: transform .5s ease-in-out;
    z-index: 10;
}

.mobile-breadcrumbs.visible, .tablet-breadcrumbs.visible {
    transform: translateY(calc(100% - 3px));
    transition: transform .5s ease-in-out;
}

ul.mobile-breadcrumbs__list {
    margin: 0.5em 1em;
}

ul.mobile-breadcrumbs__list, .mobile-breadcrumbs__list {
    list-style: none;
    padding-left: 0;
}

.mobile-breadcrumbs__list a {
    text-decoration: none;
    font-size: 14px;
    display: flex;
    align-items: center;
    flex-direction: row;
}

.mobile-breadcrumbs__list a.active:before {
    content: '';
    display: inline-block;
    height: 20px;
    background-color: var(--primary-color);
    width: 4px;
    border-radius: 3px;
    position: absolute;
    left: 10px;
}

/* Page Breadcrumbs */
.yoast-breadcrumbs{
    width: fit-content !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: -70px !important;
    padding: 0 10px;
    position: relative;
    top: 20px;
    left: 20px;
    font-family: var(--primary-font);
    font-size: 1.25rem;
    font-weight: bold;
}

.yoast-breadcrumbs {
    font-size: var(--primary-font-size) !important;
}

.yoast-breadcrumbs a {
    text-decoration: none;
    font-weight: 400;
}

.yoast-breadcrumbs .breadcrumb_last {
    color: var(--primary-color);
}

/* Start Tabs Style */
[id*="tab_container"]{
    max-width: min(calc(100vw - 8 * 50px), 1240px) !important;
    width: min(calc(100vw - 8 * 50px), 1240px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border: 0.5px solid #cfcfcf !important;
}
@media only screen and (max-width: 1140px){
    [id*="tab_container"]{
        max-width: 85% !important;
        width: 85% !important;
    }
}
[id*="tab_container"] .wpsm_nav-tabs{
    border-bottom: 0.5px solid #cfcfcf !important;
    padding: 0.5px;
    background-color: white;
}
[id*="tab_container"] .wpsm_nav-tabs a span{
    font-family: var(--primary-font) !important;
    font-size: 1.125rem !important;
    padding: 1.25rem 1.5rem;
    font-weight: 800;
}
[id*="tab_container"] .tab-content .tab-pane{
    font-family: var(--primary-font) !important;
    font-size: 1.125rem !important;
}
[class*="tab-pane"] a{
    color: var(--primary-color) !important;
    text-decoration: underline dotted;
}
[class*="tab-pane"] a:hover{
    opacity: 0.80;
}
/* End Tabs Style */

/* Start Accordion Style */
.sp-ea-one.sp-easy-accordion{
    max-width: min(calc(100vw - 8 * 50px), 1240px) !important;
}
@media only screen and (max-width: 1140px){
    .sp-ea-one.sp-easy-accordion{
        max-width: 85% !important;
    }
}
.sp-ea-one.sp-easy-accordion .ea-card{
    margin-bottom: 0;
}
.sp-ea-one.sp-easy-accordion .ea-header{
    border: 1px solid var(--background-color);
}
.sp-ea-one.sp-easy-accordion .ea-header:hover
{
    background-color: var(--primary-color);
}
.sp-ea-one.sp-easy-accordion .ea-header a:hover,
.sp-ea-one.sp-easy-accordion .ea-header a:hover .ea-expand-icon
{
    color: white !important;
}
.primary-link a{
    color: var(--primary-color) !important;
    text-decoration: underline dotted;
}
.primary-link a:hover{
    opacity: 0.80;
}
.sp-ea-one.sp-easy-accordion .ea-header a{
    font-family: var(--primary-font);
    font-size: 1.325rem;
    letter-spacing: 0.05em;
    line-height: 1.35;
    font-weight: 800 !important;
}
.sp-ea-one.sp-easy-accordion .ea-header a i{
    margin-top: 5px;
}
.sp-ea-one.sp-easy-accordion .ea-body p,
.sp-ea-one.sp-easy-accordion .ea-body ul
{
    font-family: var(--primary-font);
    letter-spacing: 0.5px;
    line-height: 1.6;
    font-size: 1.125rem;
    font-weight: regular;
    margin: 20px 5px;
}
.sp-ea-one.sp-easy-accordion .ea-body a{
    color: var(--primary-color) !important;
    text-decoration: underline dotted;
}

.sp-ea-one .ea-card a {
    margin: 0 !important;
}
/* End Accordion Style */

/* Start Pinterest Style */
[class*="_embed_grid"]{
    max-width: min(calc(100vw - 8 * 50px), 1240px) !important;
    padding: 15px;
    display: block !important;
}
@media only screen and (max-width: 1140px){
    [class*="_embed_grid"]{
        max-width: 85% !important;
    }
}
/* End Pinterest Style */

/* Animations */
.side-bar.visible, .side-bar__aside.visible {
    transform: translateX(100%);
    transition: transform 0.5s ease;
}

.nav__scroll.visible {
    transform: translateY(100%);
    transition: transform 0.5s ease;
}

.nav__scroll.visible.admin-bar {
    transform: translateY(calc(100% + 32px));
    transition: transform 0.5s ease;
}

.side-menu__collapsed.hidden {
    transform: translateY(0);
    transition: transform 0.5s ease;
}

.side-menu__opened.visible {
    transform: translateX(-100%);
    transition: transform 0.5s ease;
}

/* Hover and Focus Effects */
.side-bar .sb-topItem > a:focus {
    color: var(--primary-color) !important;
}

.site-header .primary-navigation a {
    text-decoration: underline 0.15em rgba(0,0,0,0) !important;
    transition: text-decoration-color 300ms;
}

.site-header .primary-navigation a:hover {
    text-decoration-color: rgba(0,0,0,1) !important;
}

.side-bar .sb-topItem > a {
    text-decoration: underline 0.15em rgba(var(--primary-rgb-color),0) !important;
    transition: text-decoration-color 300ms;
}

.side-bar .sb-topItem > a:hover, .bp-info__sect a:hover {
    text-decoration-color: rgba(var(--primary-rgb-color),1) !important;
}

.side-bar .sb-subItem > a, .sb-subItem-hasChild button, .bp-info__sect a {
    text-decoration: underline 0.1em rgba(0,0,0,0) !important;
    transition: text-decoration-color 300ms;
    line-height: 1.25;
}

.side-bar .sb-subItem > a:hover {
    text-decoration-color: rgba(0,0,0,1) !important;
}

.side-bar__aside a.sb-sideTitle {
    text-decoration: underline 0.15em rgba(255,255,255,0) !important;
    transition: text-decoration-color 300ms;
}

.side-bar__aside a.sb-sideTitle:hover {
    text-decoration-color: rgba(255,255,255,1) !important;
}

.side-bar__aside .sb-sideMenu a {
    text-decoration: underline 0.1em rgba(255,255,255,0) !important;
    transition: text-decoration-color 300ms;
}

.side-bar__aside .sb-sideMenu a:hover {
    text-decoration-color: rgba(255,255,255,1) !important;
}

.site-footer .foot-menu a {
    text-decoration: underline 0.1em rgba(136,136,136,0) !important;
    transition: text-decoration-color 300ms;
}

.site-footer .foot-menu a:hover {
    text-decoration-color: rgba(136,136,136,1) !important;
}

.site-footer .foot-menu a:focus {
    color: #888 !important;
}

.breadcrumbs__child a {
    transition: all 300ms;
}

.breadcrumbs__child a:not(.active):hover {
    box-shadow: inset 0px -4px var(--primary-color);
    padding-bottom: 0.75em;
}

.sb-subItem-hasChild button:hover:before {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 9px solid var(--primary-color);
    margin-right: 0.25em;
}

.side-bar .side-bar__close:before {
    transition: all 300ms;
}

.side-bar .side-bar__close:hover:before {

}

.side-bar__aside .sb-sideBack:before {
    transition: all 300ms;
}

.side-bar__aside .sb-sideBack:hover:before {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 9px solid white;
    margin-right: 0.8em;
}

.side-menu__opened .side-menu__close:before {
    transition: all 300ms;
}

/* ActiveCampaign newsletter form */
.ac__form ._form-branding, .ac__form ._form-label {
    display: none;
}

.ac__form ._form-content {
    display: flex;
    align-items: center;
}

.ac__form ._field-wrapper input {
    width: 22em;
    border: none;
    font-family: var(--primary-font-family);
    margin: 0;
    font-size: var(--primary-font-size);
    height: 50px;
}

.ac__form ._field-wrapper input:focus {
    outline: none;
}

.ac__form button._submit {
    height: 50px;
    width: 50px;
    background-color: white !important;
    padding: 0;
    border-left: 1px solid var(--primary-color);
    border-top: none;
    border-right: none;
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color) !important;
}

.ac__form button._submit:hover {
    border-left: 1px solid var(--primary-color);
    border-top: none;
    border-right: none;
    border-bottom: none;
}

.ac__form button._submit:after {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    -webkit-mask: url('../svg/message.svg') no-repeat 50% 50%;
    mask: url('../svg/message.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--primary-color);
}

.ac__form ._form-thank-you {
    color: white;
    font-weight: 700;
}

.ac__form ._error._below {
    display: none;
}

/* Search Results Page */
.entry-header-search-results{
    padding-bottom: 15px !important;
    border-bottom: 3px solid var(--primary-color) !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.entry-count-search-results{
    max-width: 80% !important;
    text-align: center;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.entry-content-search-results{
    max-width: 80%;
}

.entry-content-search-results p{
    max-width: 80% !important;
    padding: 20px;
    background-color: var(--background-color);
    border-radius: 5px;
    box-shadow: 0 1.5px 4px rgb(0 0 0 / 24%), 0 1.5px 6px rgb(0 0 0 / 12%);
    border-bottom: 3px solid var(--primary-color);
}

.entry-footer-search-results{
    display: none !important;
}

body.search .site-content {
    padding: 2em 0;
}

body.search .search-form label {
    display: none;
}

body.search .search-form .search-submit {
    display: none;
}

body.search .search-form {
    padding: 0.5em 1em;
}

body.search .search-form .search-field {
    margin: 0;
}

.entry-content-search-results .cont-link:hover {
    opacity: 1;
}

.entry-content .result-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

/* Media Query for Laptops and Landscape Tablets */
@media (min-width: 821px) and (max-width: 1280px){
    .side-bar__main {
        width: 430px;
    }

    .side-bar {
        left: -430px;
    }

    .sb-topItem ul.sub-menu {
        font-size: 14px;
    }

    .sb-subItem-hasChild button {
        font-size: 14px;
    }

    .sb-sideMenu .sb-subBtnMenuItem a {
        font-size: 14px;
    }

    .side-bar__aside {
        left: 135px;
    }

    .bp-info__cont {
        font-size: 14px;
    }
}

/* Tablets */
@media (min-width: 481px) and (max-width: 820px) {
    body .site-header {
        padding: 0;
    }

    .side-menu__collapsed.hidden {
        transform: translateY(0);
    }

    .site-header .bp-info__cont {
        display: none;
    }

    .side-menu {
        display: none;
    }

    .side-bar__main {
        width: 430px;
    }

    .side-bar {
        left: -430px;
    }

    .sb-topItem {
        flex-direction: column !important;
    }

    .sb-topItem ul.sub-menu {
        margin-top: 0;
        padding-left: 0.5em;
    }

    .side-bar__aside {
        left: 135px;
    }

    .site-footer .active-campaign {
        padding: 1em;
        flex-direction: column;
    }
    
    .site-footer .foot-info {
        padding: 1em;
    }

    .ac__form {
        margin: 2em 0 0 0 !important;
    }

    .site-footer .foot-menu ul {
        grid-template-rows: repeat(4, 1fr);
    }

    .sb-topItem > a {
        min-width: none;
        max-width: none;
        margin: 1em 1.5em;
    }

    .sb-subItem, .sb-subItem-hasChild {
        width: 50%;
    }
}

/* Mobile Phone */
@media (max-width: 480px) {
    .wp-block-cover .wp-block-cover__inner-container h1 {
        font-size: 3rem;
        line-height: 4rem;
    }

    .single .header__brand_nav {
        filter: drop-shadow(0px 3px 3px rgb(0 0 0 / 25%));
    }

    .site-header .bp-info__cont {
        display: none;
    }

    .side-bar__open.main {
        margin-right: 0 !important;
        filter: drop-shadow(-6px 3px 3px rgb(0 0 0 / 25%));
        z-index: 11;
    }

    body .site-header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10;
        padding: 0;
    }

    .site-header.single {
        height: 73px;
    }

    .site-footer {
        flex-direction: column;
        align-items: center;
    }

    .site-content.multi {
        margin-top: 100px;
    }

    .site-content.multi.admin-bar {
        margin-top: 54px;
    }

    .site-content.single {
        margin-top: 73px;
    }

    .site-content.single.admin-bar {
        margin-top: 27px;
    }

    .site-branding {
        margin-right: 0 !important;
        width: 100%;
        margin: auto !important;
    }

    .site-logo {
        position: inherit !important;
        padding-top: 0 !important;
        margin: 0 !important;
        display: flex;
    }

    .custom-logo-link {
        margin: auto;
    }

    .custom-logo-link img {
        height: 50px;
    }

    .site-logo img {
        max-width: max-content !important;
        height: 50px !important;
        max-height: 50px !important;
    }

    .side-bar__main {
        width: 317px;
        left: -317px;
    }

    .side-menu {
        display: none;
    }

    .admin-bar {
        top: 0%;
    }

    .admin-bar .side-bar__main {
        height: 100%;
    }

    .side-bar__top {
        padding: 1em;
    }

    .side-bar {
        left: -317px;
        top: 0;
    }

    .side-bar img.side-bar__second_logo {
        min-width: 150px;
        max-width: 150px;
        height: fit-content;
    }

    .sb-topItem {
        flex-direction: column !important;
    }

    .sb-topItem > a {
        margin: 1em 0 1em 1em;
    }

    .sb-topItem ul.sub-menu {
        margin-top: 0;
        padding-left: 0;
    }

    .sb-subItem a {
        margin-left: 1.25em;
    }

    .sb-subItem a, .sb-subItem-hasChild button {
        font-size: 14px;
    }

    .side-bar__bot .wp-block-button {
        width: 100% !important;
    }

    .side-bar__bot .wp-block-button .wp-block-button__link {
        width: 100% !important;
    }

    .bp-info__cont {
        margin: 1em 0 1em 1.5em;
    }

    .side-bar__bot .sb-widget {
        margin: 0 1em;
        padding: 0;
    }

    .side-bar__bot .bp-info__cont {
        padding: 0;
    }

    .side-bar__bot .sb-widget .wp-block-button:last-child {
        margin: 0;
    }

    .bp-info__sect {
        font-size: 14px;
    }

    .bp-info__cont .hours-today {
        margin-right: auto;
    }

    .sb-topItem:not(:first-child):before {
        position: relative;
        left: 5%;
    }

    .side-bar__aside {
        left: -317px;
        width: 317px;
        position: absolute;
        z-index: 1;
    }

    .side-bar__menu-scroll {
        padding: 0.5em;
    }

    .side-bar__top .blue_logo {
        width: 136px;
    }

    .site-main .entry-content {
        margin-top: 1.5em;
    }

    .site-footer .active-campaign {
        flex-direction: column;
        padding: 1em;
    }

    .site-footer .foot-info {
        padding: 1em;
        margin: 0;
    }

    .site-footer .foot-info__top, .site-footer .foot-info__bot {
        flex-direction: column;
        padding: 1em 0;
    }

    .site-footer .foot-info__top .foot-menu {
        margin-left: 0;
    }

    .site-footer .foot-info__top .foot-menu ul {
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
    }

    .site-footer .foot-menu ul li {
        margin-right: 0;
    }

    .site-footer .foot-info__top .foot-menu ul {
        text-align: center;
    }

    .site-footer .foot-info__top .foot-menu ul .ext-link a {
        display: block;
    }

    .site-footer .whs-logo {
        margin: auto;
    }

    .site-footer .footer-navigation {
        padding: 1em 0;
    }

    .site-footer .footer-copyright .footer-text {
        text-align: center;
    }

    .ac__form ._field-wrapper input {
        width: 14em;
    }

    .active-campaign .ac__form {
        margin: 2em 0 0 0 !important;
    }

    /* Top Nav/Menu Button */
    .side-bar__open.main {
        position: fixed;
        top: 0;
        width: 110px;
        padding: 0;
        justify-content: center;
        transition: all 300ms;
        height: 78px;
    }

    .side-bar__open.main.multi {
        height: 105px;
    }

    .side-bar__open.main.multi.scrolled {
        height: 55px;
    }

    .header__brand_nav {
        max-width: none;
        flex-grow: 1;
        height: 100%;
        display: flex;
        flex-direction: column;
        background-color: white;
        z-index: 1;
        margin-left: 110px;
        margin-right: 0;
    }

    header.site-header {
        transition: all 300ms;
    }

    header.site-header.scrolled {
        height: 50px;
    }

    .mobile-container {
        display: block;
    }

    .mobile-breadcrumbs {
        width: 100%;
        display: block;
        filter: drop-shadow(0px 3px 3px rgb(0 0 0 / 25%));
        left: 110px;
    }

    .nav__scroll {
        display: none;
    }

    .site-header .mobile-container {
        height: 100%;
        display: block;
    }

    .site-header .mobile-breadcrumbs__top {
        border: none;
        height: 100%;
    }

    .sb-topItem > a {
        min-width: none;
        max-width: none;
    }

    .sb-subItem, .sb-subItem-hasChild {
        width: 50%;
    }
}

/* Wordpress Admin Bar */
@media (min-width: 601px) and (max-width: 782px) {
    .nav__scroll.visible.admin-bar {
        transform: translateY(calc(100% + 46px));
    }
}

@media (max-width: 600px) {
    .nav__scroll.visible.admin-bar {
        transform: translateY(100%);
        transition: transform 0.5s ease;
    }
}

/* BLOCK STYLING & ADDITIONAL CSS CLASSES */
.entry-header{
    display: none !important;
}

.full-width {
    max-width: 80% !important;
}

body .entry-content .wp-block-group {
    margin-top: 2em;
    margin-bottom: 2em;
}

/* Fix for white links */
.primary-background p a{
    color: white !important;
    text-decoration: underline dotted;
}

.primary-background p a:hover{
    opacity: 0.9;
}

/* Button Styles */
.wp-block-button {
	text-transform: uppercase;
}

[class*="btn-"] .wp-block-button__link {
    font-family: var(--primary-font) !important;
    text-align: center;
    font-weight: 700 !important;
    margin: 0;
    box-shadow: 0 1.5px 4px rgb(0 0 0 / 24%), 0 1.5px 6px rgb(0 0 0 / 12%);
    cursor: pointer;
    transition: all .25s ease-out;
    border-radius: 2px !important;
	word-break: inherit;
	white-space: nowrap;
}

.is-content-justification-center [class*="btn-inv-primary"],
.is-content-justification-center [class*="btn-inv-outline-secondary"],
.is-content-justification-space-between [class*="btn-inv-primary"],
.is-content-justification-space-between [class*="btn-inv-outline-secondary"]{
    text-align: center;
}

[class*="btn-inv-primary"],
[class*="btn-inv-outline-secondary"]{
    flex: 1;
	max-width: fit-content;
}

[class*="btn-inv-primary"] .wp-block-button__link,
[class*="btn-inv-outline-secondary"] .wp-block-button__link{
    /*min-width: 90%;*/
    padding: 15px 60px !important;
}

.is-style-btn-inv-tertiary .wp-block-button__link,
.is-style-btn-col-tertiary .wp-block-button__link, 
.is-style-btn-inv-outline-quaternary .wp-block-button__link,
.is-style-btn-col-outline-quaternary .wp-block-button__link,
.is-style-btn-col-brand .wp-block-button__link,
.is-style-btn-inv-brand .wp-block-button__link {
	padding: 6px 30px !important;
}

/* Primary Buttons, Tertiary Buttons */
.is-style-btn-inv-primary .wp-block-button__link,
.is-style-btn-inv-tertiary .wp-block-button__link,
.is-style-btn-full-inv-primary .wp-block-button__link,
.is-style-btn-col-primary .wp-block-button__link:hover,
.is-style-btn-col-tertiary .wp-block-button__link:hover,
.is-style-btn-full-col-primary .wp-block-button__link:hover {
    border: 3px solid white !important;
    background-color: white !important;
    color: var(--primary-color) !important;
}

/* NOTE The parent twentytwentyone theme was modified to allow child custom hover styling */
.is-style-btn-col-primary .wp-block-button__link,
.is-style-btn-col-tertiary .wp-block-button__link,
.is-style-btn-full-col-primary .wp-block-button__link,
.is-style-btn-inv-primary .wp-block-button__link:hover,
.is-style-btn-inv-tertiary .wp-block-button__link:hover,
.is-style-btn-full-inv-primary .wp-block-button__link:hover {
    border: 3px solid var(--primary-color) !important;
    background-color: var(--primary-color) !important;
	color: white !important;
}

/* Full Width Buttons */
.is-style-btn-full-inv-primary, .is-style-btn-full-col-primary, 
.is-style-btn-full-inv-primary .wp-block-button__link,
.is-style-btn-full-col-primary .wp-block-button__link {
	width: 100%;
}

/* Circular Button */
.is-style-btn-inv-circular .wp-block-button__link, 
.is-style-btn-col-circular .wp-block-button__link {
	border-radius: 50% !important;
	padding: 20px !important;
}

/* Secondary Buttons, Quaternary Buttons, Circular Buttons */
.is-style-btn-inv-outline-secondary .wp-block-button__link,
.is-style-btn-inv-outline-quaternary .wp-block-button__link,
.is-style-btn-col-outline-secondary .wp-block-button__link:hover,
.is-style-btn-col-outline-quaternary .wp-block-button__link:hover,
.is-style-btn-inv-circular .wp-block-button__link,
.is-style-btn-col-circular .wp-block-button__link:hover {
    border: 3px solid var(--primary-color) !important;
    background-color: white !important;
    color: var(--primary-color) !important;
}
.is-style-btn-col-outline-secondary .wp-block-button__link,
.is-style-btn-col-outline-quaternary .wp-block-button__link,
.entry-content .is-style-btn-inv-outline-secondary .wp-block-button__link:hover,
.is-style-btn-inv-outline-quaternary .wp-block-button__link:hover,
.is-style-btn-inv-circular .wp-block-button__link:hover,
.is-style-btn-col-circular .wp-block-button__link {
    border: 3px solid white !important;
    background-color: var(--primary-color) !important;
	color: white !important;
}

/* Brand Color Buttons */
.is-style-btn-inv-brand .wp-block-button__link{
	border: 3px solid white !important;
    background-color: white !important;
    color: var(--brand-color) !important;
}
.is-style-btn-inv-brand .wp-block-button__link:hover{
    color: white !important;
    background-color: var(--brand-color) !important;
	border-color: var(--brand-color) !important;
}
.is-style-btn-col-brand .wp-block-button__link{
	border: 3px solid var(--brand-color) !important;
    background-color: var(--brand-color) !important;
}
.is-style-btn-col-brand .wp-block-button__link:hover{
    color: var(--brand-color) !important;
    background-color: #fff !important;
	border-color: white !important;
}

/* Custom button style */
.is-style-btn-col-custom .wp-block-button__link{
    border: 3px solid rgba(0,0,0, 0.10) !important;
    color: white !important;
    padding: 6px 30px;
}
.is-style-btn-col-custom .wp-block-button__link:hover{
    opacity: 0.75;
}

.wp-block-buttons.is-content-justification-space-between{
    justify-content: space-around;
}

/* End Button Styles */

/* Background Styles */
.primary-background{
    background-color: var(--primary-color) !important;
    color: white !important;
    padding: 50px;
}

.rounded-primary-background figure{
    border-radius: 50%;
    background-color: var(--primary-color) !important;
}

.dust-background-image{
    background: url('../png/dust-overlay3-1024x705.png');
}

.tintype-background-image{
    background: url('../hhb_tintype-experience_ready-book-bkgrd.html');
    background-size: cover;
}

/* Image Styles */
.tilted-image{
    transform: rotate(8deg);
    position: relative;
    top: 6%;
    left: -10%;
}

/* The list of sites on the explore page */
.image-caption-card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto;
    cursor: pointer;
    margin-bottom: 0px !important;
    filter: drop-shadow(0px 0px 10px rgba(0,0,0,.25));
}

.image-caption-card .wp-block-image{
    grid-area: 1 / 1 / 3 / 3;
}
.image-caption-card .wp-block-image:hover{
    filter: sepia(100%) hue-rotate(180deg) saturate(80%) drop-shadow(0 0 3px rgba(0,0,0,.25));
}
.image-caption-card .image-caption-bar{
    grid-area: 2 / 1 / 3 / 3;
    padding: 0.5rem;
    width: 100%;
    font-size: 1rem;
    z-index: 0;
}

.image-caption-card .image-caption-bar a{
    text-decoration: none;
}

.image-caption-card .image-caption-bar a:focus{
    color: white !important;
}

/* White gallery */
.white-background-gallery li{
    background-color:white !important;
    padding: 15px;
}
.white-background-gallery li figcaption{
    padding: 3em 0 0.7em 0 !important;
    margin: 15px !important;
    width: calc(100% - 30px) !important;
    right: 0px;
    color: white !important;
}
.white-background-gallery .blocks-gallery-grid .blocks-gallery-item{
    flex-grow: 0 !important;
}
/* End Image Styles */
/* Misc Spacing Styles */
.no-margin {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
}

.no-margin figure {
	margin: 2rem auto 0;
}

.circle-nav {
	gap:1rem;
}

.no-margin-top {
    margin-top: 0px !important;
}

.no-margin-bot {
    margin-bottom: 0px !important;
}

.no-margin-top-bot {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.full-height-columns .wp-block-column{
    align-self: stretch;
}

.single-card-block{
    padding: 0px;
}

.rounded-card{
    border-radius: 5px;
    filter: drop-shadow(1px 1px 4px rgba(0,0,0,.15));
    background: var(--background-color);
    border-bottom: 6px solid var(--primary-color);
}

/* Full Width Image w/ Text Overlay Styles */
.full-width-image-text-overlay{
    padding: 0;
    max-width: 95% !important;
    align-items: stretch;
}
.full-width-image-text-overlay .wp-block-cover__inner-container{
    width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.full-width-image-text-overlay .wp-block-cover__inner-container .wp-block-columns{
    height: 100% !important;
}
.full-width-image-text-overlay .wp-block-cover__inner-container .wp-block-columns .wp-block-column .wp-block-buttons{
    padding: 0 20px;
}
.full-width-image-text-overlay .wp-block-cover__inner-container .wp-block-columns .wp-block-column {
    height: 100%;
    padding: 80px 40px 40px 40px;
}
.full-width-image-text-overlay .wp-block-cover__inner-container .wp-block-columns .wp-block-column:first-child p{
    color: white !important;
}
.full-width-image-text-overlay .wp-block-cover__inner-container .wp-block-columns .wp-block-column:first-child h1 {
    font-size: 2.5rem;
    line-height: 5rem;
    margin-bottom: -30px;
    text-shadow: none;
    font-family: var(--secondary-font);
}
/* End Full Width Image w/ Text Overlay Styles */

/* Home Page Style */
.home-page-banner-box,
.home-page-banner-box-mobile{
    background-color: var(--background-color) !important;
    width: 400px !important;
    padding: 20px;
    margin-bottom: 80px !important;
    margin-top: 70px !important;
    margin-right: 50px !important;
}
.home-page-banner-box-mobile {
    display: none !important;
}
.home-page-banner-box .wp-block-buttons,
.home-page-banner-box-mobile .wp-block-buttons{
    position: relative;
    top: 60px;
    margin-top: -50px !important;
}
.home-page-banner-box .wp-block-buttons .wp-block-button a,
.home-page-banner-box-mobile .wp-block-buttons .wp-block-button a{
    padding: 10px 35px;
}

.spotlight-link {
	text-decoration: none;
	display: flex;
	flex-direction: column;
	max-width: 140px;
	margin: 0 auto;
}

.spotlight-link h3 {
	font-size: 1.4rem;
	margin-bottom: 0;
}
.spotlight-link h3,
.spotlight-link .rounded-primary-background figure {
	transition: filter 0.25s ease-in-out;
}

.spotlight-link:hover h3,
.spotlight-link:hover .rounded-primary-background figure {
	filter: brightness(150%);
	text-decoration: none !important;
}

/* End Home Page Styles */

/* Mobile Settings */
@media only screen and (max-width: 1260px){
    .tilted-image{
        transform: rotate(0deg);
        position: static;
    }
}

@media only screen and (max-width: 1024px){
    .full-width-image-text-overlay{
        margin: 0;
    }
    .full-width-image-text-overlay .wp-block-cover__inner-container .wp-block-columns .wp-block-column:first-child{
        flex-basis: calc(60% - 1em)!important;
        flex-grow: 0;
    }

    .full-width-image-text-overlay .wp-block-cover__inner-container .wp-block-columns .wp-block-column:last-child{
        flex-basis: calc(40% - 1em)!important;
        flex-grow: 0;
    }

    .tilted-image-wrapper > .wp-block-column:not(:only-child){
        flex-basis: 100% !important;
    }
}

@media only screen and (max-width: 780px){
    .image-caption-card{
        margin-bottom: inherit !important;
    }

    .full-width-image-text-overlay img {
        height: 500px !important;
    }

    .full-width-image-text-overlay .wp-block-cover__inner-container {
        margin-top: 500px !important;
    }

    .full-width-image-text-overlay .wp-block-cover__inner-container .wp-block-columns {
        display: block;
    }

    .full-width-image-text-overlay .wp-block-cover__inner-container .is-layout-flow.wp-block-column.is-vertically-aligned-center:empty {
    display: none;
	}

    .full-width-image-text-overlay .wp-block-cover__inner-container .wp-block-columns .wp-block-column {
        text-align: center;
        padding-top: 40px;
    }

    .full-width-image-text-overlay .wp-block-cover__inner-container .wp-block-columns .wp-block-column .wp-block-buttons {
        justify-content: center;
    }
}

@media only screen and (max-width: 600px){
    .hero-image{ /* This one we should probably tweak */
        min-height: 250px !important;
    }

    .header-link{
        margin-top: 50px !important;
    }

    .full-width-image-text-overlay{
        align-items: flex-end !important;
    }

    .full-width-image-text-overlay .wp-block-cover__inner-container .wp-block-columns{
        align-items: flex-end !important;
        height: 70%
    }

    .full-width-image-text-overlay .wp-block-cover__inner-container .wp-block-columns .wp-block-column:first-child{
        flex-basis: 100% !important;
        padding: 20px 10px 10px 10px;
        margin-bottom: 0px;
    }

    .home-page-banner-box {
        display: none !important;
    }

    .home-page-banner-box-mobile {
        display: block !important;
        position: relative;
        margin: -40px auto 100px auto !important;
        box-shadow: 0 1.5px 4px rgb(0 0 0 / 24%), 0 1.5px 6px rgb(0 0 0 / 12%);
		z-index: 9;
    }

    h4.alignwide {
        width: auto !important;
    }

    .wp-block-cover .wp-block-cover__inner-container h1 {
        width: auto !important;
    }
}

@media (max-width: 480px){
    .wp-block-button {
        width: auto !important;
    }
}

.wp-block-columns{
    justify-content: center;
}


.extra-text-padding .wp-block-media-text__content{
    /*padding-left: 100px;*/
}

.site-content .wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content {
    padding-top: 0px !important;
    align-self: start;
}

/* Instagram Styles */
.spotlight-instagram-feed{
    max-width: 95% !important;
}

@media only screen and (max-width: 1140px){
    .spotlight-instagram-feed{
        max-width: 85% !important;
    }
}

.spotlight-instagram-feed .FeedHeader__info{
    font-family: var(--primary-font-family);
}

/* Facebook Feed Styles */
.cff-wrapper{
    max-width: 97% !important;
}

.cff-lightbox-wrapper {
    display: none;
}

@media only screen and (max-width: 1140px){
    .cff-wrapper{
        max-width: 87% !important;
    }
}

.place-center{
    display: grid;
    place-items: center;
}

.cff-posts-wrap {
	z-index: 0;
}

/* WHFCard Styling */
.WHFCard[_ngcontent-ng-cli-universal-c181] .visit[_ngcontent-ng-cli-universal-c181] {
	color: white !important;
}

/*  Facebook Feed Plugin Header */
.cff-wrapper .cff-visual-header.cff-has-name {
	min-height: 100px;
    margin: auto;
	float:none;
    text-align: center;
}

.cff-header-img { display: none !important; }

.cff-wrapper .cff-visual-header .cff-header-text .cff-header-name {
	margin-left: auto;
	float: none;
}

.cff-wrapper .cff-visual-header .cff-header-text {
	float:none;
}

.cff-wrapper .cff-visual-header.cff-has-name .cff-header-text {
	margin-left: auto;
}

#cff h3 {float:none;}

.hide {
	display:none;
}

/* Business Profile Hours and Holiday */
.bp-opening-hours .bp-time {
    text-align: left;
    text-transform: uppercase;
}

.bp-contact-card .bp-opening-hours.holiday, .bp-contact-card .bp-opening-hours.special {
    display: none;
}

/* style for getting cute covers that have text at the bottom so you can see the image */
.cover-bot-text .wp-block-cover__inner-container {
    align-self: flex-end;
	margin: 0 !important;
	width:100% !important;
}
.cover-bot-text .wp-block-cover__inner-container p {
    filter: drop-shadow(0px 0px 19px #000000);
    text-shadow: 0px 0px 5px #000000;
    font-family: var(--secondary-font);
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 1.5rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media only screen and (min-width: 782px) {
	.cover-bot-text .wp-block-cover__inner-container p {font-size:2rem;}
}

/* Events Plugin */
.ng-star-inserted .ng-star-inserted.fixed {
    position: inherit;
    box-shadow: none;
}

/* Bulletin */
.bulletinwp-bulletins {
    z-index: 5 !important;
}


/*
.bp-date {
    display: none;
}

.bp-date:first-of-type {
    display: grid;
}

.holiday .bp-title {
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 0;
}

.holiday .bp-title:before {
    display: none;
}

.holiday .bp-date .label {
    font-weight: 500;
}

.holiday .bp-times .bp-time {
    text-transform: uppercase;
    text-align: left;
}

.bp-opening-hours:last-of-type {
    display: none;
}

.bp-opening-hours:only-of-type {
    display: grid;
}
*/

/* 404 error page styles */

.error-404-header {
	border-color: var(--primary-color) !important;
	border-width: 2px !important;
	padding-top: 4rem;
	padding-bottom: 0 !important;
}

.error-404 p {
	line-height: 1.4;
}

.error-404 form.search-form {
	padding-bottom: 7rem;
}

.error-404 form.search-form .search-submit {
	background-color: var(--primary-color) !important;
	transition: all 0.25s ease-in-out;
}

.error-404 form.search-form .search-field,
.error-404 form.search-form .search-submit {
	margin-left: 0 !important;
}

.error-404 form.search-form .search-submit:hover {
	background-color: #fff !important;
	color: var(--primary-color) !important;
}

.error-404 form.search-form input:focus {
	border-color: var(--primary-color) !important;
	border-width: 2px !important;
}

/* end 404 error page styles */