/*
Theme Name: Museum of the Dog
Theme URI: https://github.com/Matthewpco
Author: Gary Matthew Payne
Author URI: https://wpwebdevelopment.com/
Description: A custom WordPress block theme built for maximum stability and maintainability.
Requires at least: 5.8
Tested up to: 6.2
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentythree
Text Domain: museumofthedog
Tags: blog, news, portfolio, one-column, wide-blocks, accessibility-ready, block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, rtl-language-support, sticky-post, threaded-comments, translation-ready, 
*/
/* Custom fonts that are also added in the theme.json file to be selectable within the editor */


@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/Helvetica-Neue/HelveticaNeue-LightExt.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Graphik';
    src: url('fonts/Graphik/GraphikRegular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Graphik Web";
    src:
        local("Graphik Web"),
        url("old_fonts/Graphik-Light-Web.woff2") format("woff2");
}

@font-face {
    font-family: 'Graphik Bold';
    src: url('old_fonts/Graphik-Semibold-Web.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Graphik Light";
    src:
        local("Graphik Light"),
        url("old_fonts/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2") format("woff2");
}



/* Colors */
:root {
    --blue: #0345ad;
    --dk-blue: #14377d;
    --lt-blue: #1487d1;
    --white: #fefefe;
    --black: #231f20;
    --akc-blue: #0345ad;
}

.white {
    color: #fefefe;
}

/* Bug Fixes for Gutenberg editor */
.has-global-padding>.alignfull {
    margin-left: auto;
    margin-right: auto;
}

.has-global-padding {
    padding-left: inherit;
    padding-right: inherit;
}

.header-wrapper ol.has-background,
.header-wrapper ul.has-background {
    padding: inherit;
}

.header-wrapper .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    border: none;
}

/* Basic classes */
.position-relative {
    position: relative;
}

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

.padding-left-20 {
    padding-left: 20% !important;
}

.cover,
.cover img {
    background-size: cover;
    object-fit: cover;
}

.position-relative {
    position: relative;
}

.center {
    text-align: center;
}

.size-medium {
    font-size: 1.5rem;
}

.size-large {
    font-size: 3rem;
}

.size-xlarge {
    font-size: 5rem;
}

.white {
    color: var(--white);
}

.dk-blue {
    color: var(--dk-blue);
}

.flex,
.display-flex {
    display: flex;
}

.column {
    flex-direction: column;
}

.flex-end {
    justify-content: flex-end;
}

.height-300 img {
    height: 300px;
}

.hidden {
    display: none !important;
}

.one-third-column {
    width: 33.3%;
}

.one-half-column {
    width: 50%;
}

.two-thirds-column {
    width: 66.6%;
}

/* NAV */

/* Modal */
.mobile-modal-content .close:hover {
    cursor: pointer;
}

#mobile-nav-buttons {
    width: 100%;
}

.mobile-menu {
    margin-top: 1%;
}

.mobile-nav-button {
    background-color: #14377d;
    margin: 6% 10%;
    text-align: center;
    padding: 3%;
    border-radius: 3px;
}

.mobile-nav-button a {
    color: white;
}

.mobile-modal-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
}

.mobile-modal-content {
    width: 90%;
    height: 100%;
    background-color: #1487d1;
    animation-name: animateleft;
    animation-duration: 0.4s;
    color: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    font-family: var(--wp--preset--font-family--graphik) !important;
}

.mobile-modal-content-menu nav>ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 1% 10%;
}

.mobile-modal-content-menu nav>ul li {
    margin: 3% 0;
    font-size: 1.125rem;
}

.mobile-has-submenu i {
    float: right;
}

.mobile-submenu li {
    list-style: none;
    padding-left: 5%;
    text-transform: uppercase;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
}

.modal-open {
    overflow: hidden;
}

.mobile-submenu {
    display: none;
    top: 100%;
    padding-left: 0;
    width: 100%;
    left: 0;
    z-index: 1;
    background-color: #0345ad;
    border-radius: 3px;
}

/* center the MOD hours block and fix width for buttons */
.wp-block-button a {
  width: 100%
}

.wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
/* Tablet Header styles */
@media (max-width: 1360px) and (min-width: 900px) {
  .wp-block-nav-header {
    display: grid !important;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto;
    gap: 1rem;
  }

   .wp-block-nav-header > .wp-block-column:nth-child(1) {
    grid-column: 1;
    grid-row: 1 / span 2;
  }

   .wp-block-nav-header > .wp-block-column:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
  }

   .wp-block-nav-header > .wp-block-column:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
  }
}

/* Mobile Header styles */
@media (max-width: 900px) {
    .wp-block-nav-header {
        display: flex !important;
        flex-direction: column;
        align-items: center !important;
        justify-content: center;
    }
}

/* Center the buttons in the header Mobile*/
@media (max-width: 460px) {
  .wp-block-buttons.is-content-justification-space-between {
    justify-content: center;
  }
}

@keyframes rollDown {
    0% {
        max-height: 0;
        opacity: 0;
    }

    100% {
        max-height: 500px;
        opacity: 1;
    }
}

.mobile-submenu.open {
    animation: rollDown .5s ease-in-out forwards;
}


.mobile-modal-content .mobile-has-submenu.nav-active>.mobile-submenu {
    display: block;
}

.close {
    font-size: 2rem;
    padding: 5% 5% 0 0;
    color: white;
}

/* Add Animation */
@-webkit-keyframes animateleft {
    from {
        left: -50%;
        opacity: 0;
    }

    to {
        left: 0;
        opacity: 1;
    }
}

@keyframes animateleft {
    from {
        left: -50%;
        opacity: 0;
    }

    to {
        left: 0;
        opacity: 1;
    }
}

/* Responsive Calendar */
.mobile-only {
    display: none;
    padding: 5px;
}

.desktop-only {
    display: block;
}

.mobile-modal-wrapper span p, .mobile-modal-wrapper span em {
    color: white !important;
  }

/* On Mobile */
@media only screen and (max-width: 932px) {
    .mobile-only {
        display: block;
    }

    .desktop-only {
        display: none;
    }
}


/* Buttons */
.motd-media-half img {
    width: 500px;
    height: 300px;
}

.motd-media-button {
    transition: all .3s;
    background-color: #1587d1;
    padding: .5rem 1.25rem;
    border-radius: 6px;
}

.motd-media-button::after {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin: 0 0 0 12px;
    color: #fff;
    background-color: #0345ad;
    border-radius: 50%;
    padding: 6px;
    font-size: 1rem;
}

.motd-media-button:hover {
    transform: scale(1.1);
    background-color: none;
}

.motd-media-button:hover::after {
    background-color: #1587d1;
}

.motd-button-dkblue {
    background-color: #14377d;
}

.motd-button-dkblue::after {
    background-color: #1587d1;
}

.motd-button-dkblue:hover {
    background-color: none;
}

.motd-button-dkblue:hover::after {
    background-color: #14377d;
}

/* Header styles */
.nav-separator:not(:last-child)::after {
    content: "|";
    margin: 0 0 0 20px;
}

.padding-sides-3rem {
    padding-left: 3rem;
    padding-right: 3rem;
}

/* Navigation + Buttons */

.nav-separator li:not(:last-child) {
    border-bottom: 1px solid black;
}

.wp-container-7 .nav-separator li:not(:last-child) {
    border-bottom: 1px solid #1587d1;
}

.nav-separator li:hover,
.nav-separator li span:hover,
.nav-separator li a:hover {
    color: #fefefe !important;
    background-color: #1487d1;
}

.nav-separator-hours::after {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #14377d;
    font-size: 1.2rem;
    margin: 0 0 0 10px;
}

.nav-separator-hours {
    transition: all .3s ease-in-out;
}

.nav-separator-hours:hover {
    transform: scale(1.025)
}

.nav-separator-before::before {
    content: "|";
    margin: 0 20px 0 0;
}

.nav-separator-before::after {
    content: "\f3c5";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #14377d;
    font-size: 1.2rem;
    margin: 0 0 0 8px;
}

.nav-donate-button:not(footer li) {
    background-color: #14377d !important;
    color: #fff !important;
    padding: .5rem 1.5rem !important;
    transition: all .3s;
}

.nav-donate-button:hover {
    background-color: #fff !important;
    color: #14377d !important;
}



/* Page Template styles */
.home main div {
    margin-bottom: 0 !important;
}

.featured-image-post-title {
    display: none;
}

.motd-featured-image img {
    object-fit: cover !important;
    object-position: top;
}


/* Non-homepage Hero image and bubbles */
.motd-featured-image .hero-image-title,
.hero-image-slide .hero-image-title {
    width: 550px;
    height: 550px;
    padding: 100px;
    position: absolute;
    color: #fff;
    font-size: 3rem;
    text-transform: uppercase;
    font-family: 'Graphik Web';
    bottom: -60%;
    margin: 0;
    right: 12%;
    border-radius: 100% !important;
    background-color: rgba(3, 69, 173, .6);
    transition: background-color 0.5s;
    text-align: center;
}

.light-blue-branding-bubble {
    position: absolute;
    top: -40%;
    left: 15%;
    border-radius: 50%;
    background-color: rgba(46, 163, 221, 0.6);
    padding: 32px 48px;
    transition: background-color 0.5s;
    width: 250px;
    height: 250px;
}

.hero-image-slide span.hero-image-title {
    width: 350px;
    height: 350px;
}

figure:has(.hero-image-title) {
    overflow-y: hidden;
}

.hero-image-title:hover {
    background-color: #0345ad;
}

.page-template-front main,
.page-template-front main .wp-block-post-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.custom-table td {
    min-width: 48px;
}


/* Home page styles */
.home-second-section,
.front-fourth-section {
    background: linear-gradient(180deg, #fff 80%, rgba(0, 0, 0, .15));
    padding: 0 10% 5% 10%;
}

.arty-lower-left img {
    width: 130px !important;
    position: absolute;
    left: 20%;
}

.motd-media-text-wrapper,
.motd-media-text-wrapper-full {
    position: relative;
}

.motd-media-text {
    width: 200px;
    background-color: #14377d;
    color: #fff;
    font-size: 1.5rem !important;
    position: absolute;
    left: 2%;
    bottom: -10%;
    padding: .8rem 2rem;
    transition: all .3s;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    height: 50px;
    padding-right: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center !important;
}

@media only screen and (max-width: 886px) {
    .motd-media-text {
        width: 150px;
        font-size: 1rem !important;
    }
}

.motd-media-left {
    left: -2%;
}

.motd-media-right {
    left: 13%;
}

.three-images a img {
    object-fit: cover !important;
    object-position: top;
}

.motd-media-text::after,
.motd-media-text-full::after {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin: 0 0 0 12px;
    color: #fff;
    background-color: #1487d1;
    border-radius: 50%;
    padding: 6px;
    font-size: 1rem;
    position: absolute;
    top: 25%;
    right: 5%;
    width: 18px;
    height: 18px;
    text-align: center;
}

@media only screen and (min-width: 1150px) {

    .motd-media-text::after,
    .motd-media-text-full::after {
        right: 3%;
        top: 28%;
    }
}

.motd-media-text:hover,
.motd-media-text-full:hover {
    background-color: #0345ad;
    transform: scale(1.1);
}

.motd-media-text-wrapper img {
    background-size: cover;
    width: 450px !important;
    height: 250px !important;
}

.arty-lower-right img {
    width: 100px !important;
    position: absolute;
    bottom: 0;
    right: 15%;
    transform: scaleX(-1);
}

.image-flip {
    transform: scaleX(-1);
}

.motd-form-border input {
    border: 1px solid #0345ad !important;
}

.motd-form-button {
    padding: .8rem 1.8rem !important;
}

.font-a-chevron::after {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin: 0 0 0 12px;
    color: #fff;
    background-color: #1487d1;
    border-radius: 50%;
    padding: 6px;
    font-size: 1rem;
}

.plan-separator {
    height: 45vh;
    width: 4px;
}

.separator {
    height: 30vh;
    width: 1px;
    background-color: #e1e1e1;
}

.horizontal-separator {
    width: 80%;
    height: 1px;
    background-color: darkgray;
    border: none;
}

.separator-parent {
    display: flex;
    justify-content: center;
    align-items: center;
}


/* Plan your visit page */
.motd-media-text-wrapper img {
    background-size: cover;
}

.motd-media-text-full {
    background-color: #14377d;
    color: #fff;
    font-size: 1.5rem !important;
    position: absolute;
    left: -1%;
    bottom: -5%;
    padding: .8rem 2rem;
    transition: all .3s;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}


/* Transportation styles */
.custom-large-icons {
    color: #fefefe;
    background-color: #1487d1;
    padding: 1rem;
    font-size: 9rem;
    width: 160px;
    height: 160px;
    text-align: center;
}


/* Footer styles */
.footer-img {
    background-color: #fefefe;
    padding: 20px;
    border-radius: 12px;
    width: 50%;
}

.motd-growing-icons {
    min-height: 330px;
    text-align: center;
    color: #13477d;
    font-size: 5rem;
}

div.wpforms-container-full,
div.wpforms-container-full * {
    font-family: 'Graphik Web';
}

.motd-growing-icons h2 {
    transition: all .2s;
}

.motd-growing-icons h2:hover {
    color: #0345ad !important;
}

.motd-growing-icons i {
    transition: all .2s;
}

.motd-growing-icons i:hover {
    color: #fff;
    background-color: #0345ad;
    border-radius: 50%;
    padding: 40px;
    transform: scale(1.2);
}

/* Childrens resources */
.resource-file a {
    color: #fff;
    transition-duration: .3s;

}

.resource-file a:hover {
    background-color: #1587d1;
}

/* Membership page */
.padding-5-15 {
    padding: 5% 15% !important;
}

.circle {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-color: white;
    color: black;
    text-align: center;
    line-height: 200px;
    margin-left: auto;
    margin-right: auto;
}

/* Naming opportunities */
.no-gap {
    gap: 0 !important;
}

/* Responsive media queries */
.mobile-nav-header-sc {
    display: none;
    width: 100%;
    align-items: center;
}

.mobile-header-logo {
    width: 75%;
    height: auto;
}

.mobile-nav-header-sc .motd-media-button {
display: flex;
align-items: center;
justify-content: center;
    
}

.mobile-nav-header-sc div:nth-child(2) {
    text-align: end;
}

.mobile-nav-header-sc div:nth-child(3) {
    text-align: end;
}

.mobile-nav-header-sc .motd-media-button {
    border: none;
    color: white;
}

#mobile-nav-toggle {
    font-size: 3rem;
    color: #14377d;
}

.mobile-header {
    flex-direction: row !important;
}

/* Laptop media queries */
@media only screen and (max-width: 1439px) {

    .wp-block-navigation-item__content,
    .wp-block-heading:not(.do-not-resize) a,
    .wp-block-heading a strong {
        font-size: 18px;
    }
}

/* Small Laptop media queries */
@media only screen and (max-width: 1410px) {

    .wp-block-navigation-item__content,
    .wp-block-heading:not(.do-not-resize) a,
    .wp-block-heading a strong {
        font-size: 17px;
    }
}

/* Tablet media queries */
@media only screen and (max-width: 1020px) {

    /* struture */
    .desktop-header {
        display: none !important;
    }

    .mobile-nav-header-sc {
        display: flex;
        justify-content: space-evenly;
    }

    .mobile-modal-content-menu ul li a {
        color: white;
    }

    .motd-growing-icons h2 {
        font-size: 12px !important;
    }
}

/* Mobile media queries */
@media only screen and (max-width: 767px) {


    /* structure */
    #mobile-nav-toggle {
        font-size: 2rem;
    }

    .mobile-padding {
        padding: 5% !important;
    }

    .mobile-center {
        text-align: center;
    }

    .mobile-center .wp-block-buttons {
        justify-content: center;
        width: 100%;
    }

    .mobile-no-padding,
    .motd-media-text-wrapper {
        padding: 0 !important;
    }

    .mobile-modal-wrapper a {
        color: white;
    }

    .motd-featured-image .hero-image-title,
    .hero-image-slide .hero-image-title {
        border-radius: 50% 50% 0 0 !important;
        min-height: 55px;
        width: 100%;
        font-size: 1.75rem;
        text-align: center;
        padding: 0;
        right: 0%;
        bottom: 0%;
    }

    .light-blue-branding-bubble {
        display: none;
    }

    .motd-media-text {
        left: 0;
        padding: .75rem 0;
        border-radius: 0;
        min-width: 135px !important;
    }

    .motd-media-text a,
    .motd-media-text-full a {
        padding-left: 5%;
    }

    .motd-media-half img {
        height: 240px !important;
    }

    .motd-media-text-wrapper-full figure img {
        height: 240px;
    }

    .motd-media-text-full {
        width: 100%;
        padding-left: 5%;
        border-radius: 0 !important;
        padding: .75rem 0;
        left: 0;
    }



    .parent-separator {
        display: none;
    }

    .motd-featured-image,
    .motd-featured-image img {
        height: 220px !important;
    }

    .hero-image-slider {
        height: 220px;
    }

    .home-second-section div>p {
        max-width: 100% !important;
    }

    .home-second-section .arty-lower-left img {
        width: 40px !important;
        left: 10%;
    }

    .home-second-section+div .separator-parent {
        display: none;
    }

    .front-fourth-section {
        padding: 0 !important;
        margin: 0;
    }

    .front-fourth-section .motd-media-text-wrapper {
        padding: 0 !important;
    }

    .front-fourth-section .motd-media-text-wrapper h2,
    .motd-media-text,
    iframe {
        width: 100%;
    }

    .motd-media-text {
        font-size: 1.5rem !important;
    }

    .motd-media-text-wrapper img {
        width: 100% !important;
        height: auto !important
    }

    .front-fourth-section+div {
        padding-bottom: 0 !important;
    }

    .front-fourth-section+div .arty-lower-right {
        display: none !important;
    }

    .motd-growing-icons {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .wp-block-navigation__responsive-container {
        display: flex;
        position: initial;
    }

    .wp-block-navigation__responsive-container-open,
    .wp-block-navigation__responsive-container-close {
        display: none;
    }

    footer .motd-growing-icons+div>div {
        width: 100%;
        padding: 2% 0 !important;
        display: flex;
    }

    footer .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: initial !important;
    }

    footer .motd-growing-icons+div>div>div:nth-child(1) {
        padding: 5% !important;
        width: 35%;
        flex-basis: initial !important;
    }

    footer .motd-growing-icons+div>div>div:nth-child(2) {
        padding: 5% !important;
        width: 35%;
        flex-basis: initial !important;
    }

    footer .motd-growing-icons+div>div>div:nth-child(3) {
        display: none;
    }

    footer>div:nth-child(3) {
        padding: 10% !important;
    }

    /* Plan your visit */

    .iframe-display-fix iframe {
        width: 100%;
    }

    /* News */

    #category-posts .post-info+div img {
        width: 100%;
        height: auto;
    }

    /* Donate */

    .mobile-padding figure,
    .motd-media-half {
        margin-inline-start: 0 !important;
    }

    .motd-media-right {
        left: 0 !important;
    }

    /* Exhibitions */

    .simple-slider .right {
        right: 2vw;
        font-size: 1.5rem;
    }

    .simple-slider .left {
        left: 2vw;
        font-size: 1.5rem;
    }

    #wp--skip-link--target>div.entry-content.wp-block-post-content.has-graphik-font-family.has-global-padding.is-layout-constrained.wp-container-28>div.wp-block-group.mobile-padding.mobile-center.is-vertical.is-content-justification-center.is-layout-flex.wp-container-27>div>div.wp-block-column.is-vertically-aligned-center.is-layout-flow {
        padding-left: 0 !important;
    }

    .small-text {
        font-size: 1rem;
    }

    /* Library members */

    .image-flip {
        display: none;
    }
}

/* Menu Bar */
.motd-header {
    padding-bottom: 10px;
}

.motd-header .wp-block-columns {
    padding-top: 15px !important;
    padding-bottom: 0px !important;
}

.site-logo-col {
    flex-basis: 25% !important;
}

.wp-block-navigation-item__content,
.wp-block-heading a strong,
.wp-block-navigation-item__content,
.wp-block-heading:not(.do-not-resize) a,
.wp-block-heading a strong {
    font-size: 20px;
}

.wp-block-navigation__submenu-container li a span {
    font-size: 16px;
}

.wp-block-navigation .has-child:not(.open-on-click):hover>ul.wp-block-navigation__submenu-container {
    min-width: 285px !important;
}

.motd-nav-menu a:hover {
    text-decoration: none;
    color: #0345ad !important;
}

/* Menu Bar Media Queries */
@media only screen and (max-width: 1335px) {

    .wp-block-navigation-item__content,
    .wp-block-heading a strong,
    .wp-block-navigation-item__content,
    .wp-block-heading:not(.do-not-resize) a,
    .wp-block-heading a strong {
        font-size: 18px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1103px) {

    .wp-block-navigation-item__content,
    .wp-block-heading:not(.do-not-resize) a,
    .wp-block-heading a strong {
        font-size: 11px;
    }

    .wp-block-social-links li a svg {
        width: 10px !important;
        height: 10px !important;
    }
}


@media only screen and (max-width: 1245px) {

    .wp-block-navigation-item__content,
    .wp-block-heading a strong,
    .wp-block-navigation-item__content,
    .wp-block-heading:not(.do-not-resize) a,
    .wp-block-heading a strong {
        font-size: 16px;
    }
}



@media only screen and (max-width: 1188px) {

    .wp-block-navigation-item__content,
    .wp-block-heading a strong,
    .wp-block-navigation-item__content,
    .wp-block-heading:not(.do-not-resize) a,
    .wp-block-heading a strong {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1150px) {

    .wp-block-navigation-item__content,
    .wp-block-heading a strong,
    .wp-block-navigation-item__content,
    .wp-block-heading:not(.do-not-resize) a,
    .wp-block-heading a strong {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1136px) {

    .site-logo-col {
        flex-basis: 20% !important;
    }

    .wp-block-navigation-item__content,
    .wp-block-heading a strong,
    .wp-block-navigation-item__content,
    .wp-block-heading:not(.do-not-resize) a,
    .wp-block-heading a strong {
        font-size: 15px;
    }

    .wp-block-column .wp-block-site-logo .custom-logo-link img {
        height: 50% !important;
        width: auto !important;
    }
}

@media only screen and (max-width: 1087px) {

    .wp-block-navigation-item__content,
    .wp-block-heading a strong,
    .wp-block-navigation-item__content,
    .wp-block-heading:not(.do-not-resize) a,
    .wp-block-heading a strong {
        font-size: 14px;
    }

}

/* NYCDEV-244.3 Bug Fix Plan Your Visit Dividers */
.wp-block-table.left-divider {
    border-left: solid rgb(3, 69, 173) 4px;
}

/* NYCDEV-244.4 Add coloring to icons */
i {
    color: rgb(3, 69, 173);
}

/* NYCDEV-244.5 Footer Fixes and Site-wide font */
/* NYVDEV-224 Make Graphik Site-wide Font */
p {
    font-family: 'Graphik';
}

.wp-block-navigation .wp-block-navigation-item__content {
    font-family: 'Graphik Web';
}

/* Menu Looks Squished Fix */
.menu-container {
    flex-direction: column;
    gap: 5px;
    padding-right: 20px !important;
}

.header-social {
    padding-bottom: 5px;
}

.menu-first-layer {
    color: rgb(148, 149, 152) !important;
}

.wp-block-navigation__submenu-container:not(.third-menu) li {
    color: black !important;
}

.wp-block-navigation__submenu-container.nav-separator.menu-first-layer.wp-block-navigation-submenu {
    padding-left: 12px;
    padding-right: 12px;
}

:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)) {
    padding: 0.5em 1em;
}

/* NYVDEV-224 Footer Fix */
.footer-trademark-text {
    font-family: Graphik Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400;
    width: 100% !important;
    margin: 0px !important;
    padding-top: 20px !important;
    padding-left: 130px !important;
    max-width: 100% !important;
    background: rgb(20, 55, 125);
    color: white;
    margin: 0px;
}

.footer-columns {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 65px !important;
    padding-right: 15px !important;
}

/* NYVDEV-224 Fix #5 */
.footer-privacy-terms-policy,
#wpforms-218-field_1-container label {
    font-weight: 400;
    font-family: var(--wp--preset--font-family--Graphik);
}

/* NYVDEV-224 Fix #5 */
.footer-privacy-terms-policy,
#wpforms-218-field_1-container label {
    font-weight: 400;
    font-size: 14px !important;
    font-family: var(--wp--preset--font-family--Graphik);
}

/* NYVDEV-224 Fix #6 */
.membership_type_header {
    font-weight: 300;
    font-family: var(--wp--preset--font-family--Graphik);
    font-size: 34px;
}

.membership_type_price {
    font-family: "Graphik Web",
        "Helvetica Neue",
        Helvetica,
        Roboto,
        Arial,
        sans-serif;
    font-size: 40px;
    font-weight: 400;
}

.membership_type_subheader {
    font-family: var(--wp--preset--font-family--Graphik);
    font-size: 16px;
    font-weight: 600;
    line-height: 25.6px !important;
}

.membership_type_benefit,
.wpforms-container {
    font-weight: 400;
    font-family: var(--wp--preset--font-family--Graphik);
    font-size: 16px;
    text-rendering: optimizelegibility;
}

/* NYCDEV-244 Tweaks */
.footer-columns {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.four-icons-text a {
    font-size: 28px !important;
}

.four-icons-text a:hover {
    color: var(--akc-blue);
}

.top-footer-columns li a span {
    font-size: 16px;
}

.address-header {
    font-family: 'Graphik Web';
    font-size: 18px !important;
}

.footer-address-first-line {
    letter-spacing: Graphik;
    font-size: 18px;
    font-weight: bold;
}

.subfooter {
    background: rgb(20, 55, 125) !important;
    margin: 0;
    padding: 0;
    color: white !important;
    padding-bottom: 90px !important;
}

.subfooter a {
    color: white !important;
}

.wpforms-field-container,
.motd-form-button {
    font-family: Graphik !important;
}

/* on Mobile */
@media only screen and (max-width: 440px) {
    .footer-columns {
        padding-left: 25px !important;
    }

    .footer-trademark-text {
        padding-left: 50px !important;
    }

    .hide-on-mobile {
        display: none;
    }
}

/* Hide Outter Donate Button on Tiny */
@media only screen and (max-width: 220px) {
    .motd-media-button {
        display: none;
    }
}

/* Footer Form Text Not Responsive Fix */
@media only screen and (max-width: 880px) {
    .motd-form-button {
        font-size: 12px !important;
    }
}


.address-header a {
    color: white !important;
}

.my-calendar-nav ul {
    justify-content: space-between;
}


/* NYCDEV-245 - Calendar */
.calendar_page_header {
    font-family: 'Graphik Web';
    font-style: normal;
    font-weight: 300;
    color: inherit;
    text-rendering: optimizeLegibility;
}

.button.mc-toggle {
    font-family: 'Graphik Web';
}

.list-view-border-bottom {
    border-bottom: solid lightgray 1px;
}

/* Actual Calendar */
.mc-main thead,
#mc-9c48e072c934c25fc2070c9ff95a8536>div>table>tbody,
#mc-05b79ae9752e5d2534f27b90fa781698>div>table {
    border-top: 12px solid rgb(20, 135, 209) !important;
    border-bottom: solid lightgray 1px !important;
    outline-color: none !important;
    color: lightgray;
    font-family: Graphik Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
}

.my-calendar-table .current-day {
    background-color: rgb(23, 121, 186) !important;
}

.mc-main li.current-day {
    border-left: 1px solid var(--highlight-dark) !important;
}

.has-events.day-with-date {
    .mc-date-container {
        .mc-date:first-child {
            color: lightgrey;
        }
    }
}

.single-details {
    position: fixed !important;
    top: 60px !important;
}

.list-event .single-details {
    overflow-y: visible;
    max-width: 500px;
    position: fixed !important;
    top: 60px !important;
    left: 10vw !important;
}

.mc-list .even {
    /* background: rgba(20, 135, 209, 0.5) !important; */
    padding-bottom: 50px !important;
}

.my-calendar-header {
    width: 100%;
}

.my-calendar-nav {
    width: 100%;
    color: rgb(23, 121, 186);
}

.my-calendar-nav ul {
    display: flex;
    width: 100%;
}

.my-calendar-nav ul {
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
}

.my-calendar-today {
    visibility: hidden;
}


.my-calendar-prev a,
.my-calendar-next a {
    font-family: 'Graphik Bold';
    border: solid lightgray 1px !important;
    border-radius: 5px !important;
    color: rgb(23, 121, 186) !important;
    font-weight: bold !important;
    font-style: italic;
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 18px !important;
    font-size: 14px !important;
    padding: 5px 14px !important;


}

.my-calendar-prev a {
    background: transparent !important;
}

.my-calendar-next a {
    background: transparent !important;
}

.my-calendar-prev a:hover {
    background: lightgray !important;
}

.my-calendar-next a:hover {
    background: lightgray !important;
}

.event-title a,
.event-title a span {
    color: rgb(23, 121, 186) !important;
    text-decoration: none !important;
}

.current-day div h3 a span {
    color: white !important;

}

.has-events .mc-date-container .mc-date {
    background: transparent !important;
}

.no-events .mc-date-container .mc-date span {
    color: lightgray !important;
}

.day-heading,
.weekend-heading {
    border-bottom: none !important;
}

.single-details {
    max-width: 80vw;
}

.popup-date {
    text-transform: uppercase;
    color: #fefefe;
    background: #1487d1 !important;
    padding: 5px !important;
    font-size: 16px;
    max-width: 200px;
    text-align: center;
    font-family: Graphik;
    margin-bottom: 15px !important;
}

.popup-title {
    font-family: var(--wp--preset--font-family--Graphik);
}

.popup-event-time,
.single-minor-date {
    font-family: 'Graphik Bold';
}

.popup-buy-tickets {
    font-family: 'Graphik Bold';
    color: rgb(23, 121, 186);
}

.mc-details {
    text-decoration: underline;
}

.details.has-image img {
    max-width: 100%;
}

.mc-single-details-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(20, 55, 125, .76) !important;
    display: none;
    z-index: 10000000;
}

.single-mc-events .single-date {
    text-transform: uppercase;
    color: #fefefe;
    background: #1487d1 !important;
    padding: 5px !important;
    margin-bottom: 5px !important;
    font-size: 16px;
    max-width: 200px;
    text-align: center;
    font-family: Graphik;

    min-width: max-content;
    text-align: left;
    padding-left: 20px !important;
}


.mc-single-page-container {
    min-width: var(--wp--style--global--content-size);
    font-family: Graphik;
}

.single-title {
    text-transform: uppercase;
    font-family: Graphik Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
}

.sub-details {
    font-size: 16px;
    padding-bottom: 15px;
}

.single-mc-events .is-layout-flow h2:not(.show-forever) {
    display: none;
}

.popup-top,
.popup-middle {
    margin-bottom: 30px !important;
}

.heading.my-calendar-month {
    text-transform: uppercase;
    position: relative;
}

.heading.my-calendar-month:after {
    content: ' ';
    width: 20%;
    position: absolute;
    left: 40%;
    bottom: 1%;
    border-bottom: solid rgb(23, 121, 186) 3px;
}

.calendar-lead,
.calendar_page_header {
    font-family: 'Graphik Web';
    ;
}

.calendar_page_header {
    font-size: 36px;
}

.mc-toggle.close {
    cursor: pointer;
    font-family: 'Graphik Web';
}

.heading.my-calendar-month {
    font-family: 'Graphik Web';
}



/* On the calendar grid page */
.has-events .mc-date-container .mc-date span {
    color: lightgrey !important;
}

.my-calendar-table .mc-row .details.single-details {
    position: absolute;
    top: 5%;
    left: 15%;
    height: 500px;
    overflow-y: scroll;
    border: solid rgb(20, 55, 125) 20px;
}

.page-id-1160 .mc-toggle.close {
    background-color: #FFF !important;
    color: lightgray !important;
    font-family: 'Graphik Web' !important;
}

.page-id-1160 .mc-toggle.close:hover {
    outline: none !important;
    color: darkgray !important;
    font-family: Graphik Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
}

.page-id-1160 .motd-growing-icons,
.page-id-1788 .motd-growing-icons {
    display: none;
}

/* On the calendar list view page */
.page-id-1788 .single-details,
.page-id-1160 .single-details,
.mc-list .single-details {
    position: relative !important;
    background: white;
    position: relative;
    padding-bottom: 50px !important;
}

div.mc-events.list .current-day {
    background-color: none !important;
    border: none;
}

.mc-list .mc-single-details-overlay {
    position: relative;
    background: white !important;
    display: block !important;
    z-index: 10000000;
}

/* On the calendar single details page for an event */
#calendar-social-links {
    display: flex;
    list-style-type: none;
    width: 140px;
    justify-content: space-between;
}

#calendar-social-links li:hover {
    transform: scale(1.2);
}

.page-id-1788 .popup-title,
.mc-list .popup-title {
    color: #337ab7;
}

.page-id-1788 .popup-title,
.mc-list .current-day {
    background: white;
}

.page-id-1788 .better-graphik .mc-list .better-graphik {
    font-family: Graphik Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
}

.page-id-1788 .event-date button span,
.mc-list .event-date button span {
    font-size: 20px !important;
}

.page-id-1788 .mc-list-date-wrapper,
.mc-list .mc-list-date-wrapper {
    padding-bottom: 30px;
}

/* Banner style */
.banner-content,
.banner-content h1,
.banner-content h2,
.banner-content h3,
.banner-content h4,
.banner-content h5,
.banner-content h6 {
    font-family: 'Graphik Web', Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-optical-sizing: auto;
    font-variation-settings:
        "wdth" 100;
}


/* Adjust so calendar nav buttons are responsive on very large phone */
@media only screen and (max-width: 650px) {
    .my-calendar-nav ul {
        column-gap: unset;
    }

    .my-calendar-nav ul li {
        flex-basis: unset;
        justify-content: space-between;
        display: flex;
    }
}

/* Adjust so calendar nav buttons are responsive on slightly large phone */
@media only screen and (max-width: 650px) {
    .hero-image-title {
        display: none;
    }
}


/* Adjust so calendar nav buttons are responsive on phone */
@media only screen and (max-width: 472px) {
    .my-calendar-nav ul {
        width: 100%;
    }

}

/* Adjust so calendar nav buttons are responsive on smaller phone */
@media only screen and (max-width: 299px) {
    .my-calendar-today {
        display: none;
    }
}

/* Adjust so calendar nav button text is responsive on phone */
@media only screen and (max-width: 348px) {
    #mc_previous_mc-02dd225a9e94600aec3581257f5ca341 {
        font-size: 10px;
    }
}

/* Donate Page */
/* Adjust so calendar nav buttons are responsive on slightly large phone */
.ways-to-give-section i,
.questions-about-donating-section i {
    color: white;
}

.mc-main .mc-list .mc-text-button>span,
strong.event-date {
    display: none;
}


.mc-main .mc-list .current-day {
    outline: none;
}


/* Mobile List View on Calendar nav */
@media only screen and (max-width: 650px) {
    .mc-main nav ul {
        display: flex;
        column-gap: unset;
        justify-content: space-between;
    }
}

ul.third-menu {
    background-color: #14377d!important;
    color: white!important;
}

footer .third-menu a {
    background-color: none;
    font-size: 16px;
}

.home .wp-block-group.is-layout-flow.wp-block-group-is-layout-flow {
    margin-top: 0px!important;
}

/* MOD Team Fixes */

/* MUS-5 */
.page-id-2242 .motd-featured-image .hero-image-title, 
.page-id-2422 .hero-image-slide .hero-image-title {
    padding: 80px;
}

/* MUS-31 */
/* Gravity Forms in the footer css override to fix bug from plugin. CSS from
plugin author then changed slightly. */
.gform_wrapper  {
    font-family: 'Graphik' !important;
}
.gform_wrapper p.gform_required_legend {
    display: none;
}

/* MUS-59 */
.wp-block-navigation__responsive-container-content :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover) {
    text-decoration: none;
}

li.wp-block-navigation-item:not(.current-menu-item) {
    padding: 10px;
}
li.wp-block-navigation-item:not(.current-menu-item):hover
 {
    background-color: #14377d!important;
    color: white!important;

}

li.wp-block-navigation-item.current-menu-item,
li.wp-block-navigation-item.current-menu-ancestor {
    padding: 10px!important;
    background: lightgray;
    font-family: Graphik Web;
}


.wp-block-navigation-item__content,
.wp-block-navigation-item__content:link,
.wp-block-navigation-item__content:visited,
.wp-block-navigation-item__content:hover,
.wp-block-navigation-item__content:focus,
.wp-block-navigation-item__content:active {
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
}


/* MUS-69 */
.motd-media-button::after {
    content: "\f054";   
    font-family: "Font Awesome 6 Free";   
    font-weight: 900;   
    margin: 0 0 0 12px;  
    color: #fff;   
    background-color: #0345ad;    
    border-radius: 50%;    
    padding: 6px;    
    font-size: 1rem;   
    width: 24px;    
    height: 24px;    
    text-align: center;    
    display: flex;    
    align-items: center;    
    align-self: center;
    justify-content: center;
}

.motd-media-button {
    display: flex!important;
    max-width: 220px;
}


/* MUS-72 */
.footer-links.wp-block-navigation__container {
    gap: 0px !important;
}

.footer-links li {
    padding: 0px !important;
    margin: 0px !important;
}

.footer-links li.wp-block-navigation-item:not(.current-menu-item):hover {
    background-color: transparent !important;
    color: unset!important;
}