a:hover {
    text-decoration: underline;
}

#sp-header>div,
#sp-header>div>.container-inner {
    height: 100%;
}

#sp-header>div>.container-inner>.row {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#sp-header>div>.container-inner>.row>div {
    height: 50%;
}

#sp-header .logo {
    height: 148px;
}

#sp-menu {
    text-transform: uppercase;
}

#sp-menu>div {
    justify-content: flex-end !important;
    align-items: flex-end !important;
    padding: 14px 0 14px 80px;
}

#sp-menu .sp-menu-item a {
    line-height: 1 !important;
}

#sp-logo {
    text-align: center;
}

body.parallax-page .body-wrapper {
    /* background: #708573 url('/images/brand/page-background.webp') no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 0 -150px; */
}

body.parallax-page .parallax-page-background-slideshow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}


body.parallax-page #sp-page-builder,
body.parallax-page .sp-module-content-bottom {
    position: relative;
    background-color: #FFFFFF !important;
    padding-bottom: 75px;
}

body.parallax-page.has-javascript #sp-main-body {
    display: none;
}

body.parallax-page.scrolled #sp-header {
    top: -145px;
    transition: top 0.25s ease-in;
}

body.parallax-page.unscrolled #sp-header {
    top: 0;
    transition: top 0.25s ease-in;
}

#sp-footer {
    position: relative;
}

#sp-footer.has-alertmodule {
    padding-bottom: 12em;
}

#sp-footer .sp-copyright {
    display: block;
    padding: 20px 0;
    margin-bottom: 98px;
}

#sp-bottom .alertmodule {
    height: 12em;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0;
    background-color: #c7dacc !important;
    z-index: 999;
    margin-bottom: 0;
}

#sp-bottom .alertmodule.has-javascript {
    display: none;
}

#sp-bottom .alertmodule.dismissed {
    bottom: -12em;
    transition: bottom 0.8s ease-in-out;
}

#sp-bottom .alertmodule h4 {
    color: #FFFFFF;
}

#sp-bottom .alertmodule p {
    margin-bottom: 0em;
    font-size: 1.25em;
}

#sp-bottom .alertmodule table tr:nth-child(1) td:nth-child(2) {
    padding: 1em;
}

#sp-bottom .alertmodule table tr:nth-child(2) td {
    padding: 0.5em 0;
    font-size: 1.25em;
    border-top: solid 1px #E5E5E5;
    cursor: pointer;
}

#sp-bottom .alertmodule table tr:nth-child(2) td:hover {
    position: relative;
    text-shadow: 1px 1px 6px #00000040;
}

.addon-root-heading h1 {
    padding-top: 60px !important;
}

#sp-footer .menu {
    text-transform: uppercase;
}

.featured-article-badge {
    display: none !important;
}

#sp-main-body {
    padding-top: 0 !important;
}

.button, .button.rsform-submit-button, .formResponsive button[type="submit"] {
    background-color: #81ac8b;
    color: #fff;
    border-radius: 0;
    font-weight: normal;
    font-size: 16px !important;
    padding: 0.5em 1em;
    text-transform: uppercase;
}

.button:hover, .button.rsform-submit-button:hover, .formResponsive button[type="submit"]:hover {
    background-color: #608a69;
    color: #fff;
}

body.exhibits .sppb-addon-article.sppb-addon-article-layout-content {
    overflow: hidden;
}

.exhibits-side-nav {
    border: none !important;
}

.exhibits-side-nav .sppb-section {
    width: 100% !important;
}

.exhibits-side-nav .sppb-section a {
    color: #608a69;
}

.exhibits-side-nav .sppb-section  .addon-root-divider {
    display: none;
}

.sp-module:has(.a2a_kit) {
    border-top: 1px solid #608a69;
    margin: 2em;
    padding: 1em;
}

.a2a_kit .a2a_svg {
    display: inline-block;
}

.event-list .event {
    width: 100%;
    border-bottom: 1px solid #81ac8b;
    margin-bottom: 14px;
}

.event-list .event:last-child {
    border-bottom: none;
}

/* maps iframe width should be square aspect ratio and adjust to fill container width */
#mod-custom91 iframe {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1/1;
}

@media print {
    /* All your print styles go here */

    #sp-header {
        height: auto !important;
    }

    #sp-header .logo {
        height: auto !important;
    }

    #sp-header .logo::after {
        content: "Firth Tower Museum";
        font-size: 40px;
        padding-left: 20px;
        font-family: 'Source Sans Pro', sans-serif;
        color: #608a69;
    }

    #sp-menu,
    #sp-menu>div {
        padding: 0 !important;
        width: 100% !important;
    }


    #sp-menu .sp-megamenu-parent {
        display: flex !important;
    }

    #sp-menu .sp-menu-item a {
        font-size: 12px !important;
        white-space: nowrap !important;
    }

    #sp-header.full-header-center #offcanvas-toggler.mega {
        display: none !important;
    }

    #sp-header.header-sticky {
        position: absolute !important;
    }

    h1 {
        font-size: 2em !important;
    }

    h2 {
        font-size: 1.5em !important;
    }

    h3,
    h4,
    h5,
    h6 {
        font-size: 1.2em !important;
    }

    #sp-main-body {
        padding-top: 0 !important;
    }

    .sticky-header-placeholder {
        display: none !important;
    }

    body.parallax-page #sp-main-body {
        margin-top: 0 !important;
    }

}


@media (max-width: 991px) {

    body.parallax-page #sp-main-body {
        margin-top: 0 !important;
    }

    #sp-header {
        height: 180px;
    }

    #sp-header .logo {
        height: auto;
        margin-top: 15px;
    }

    #sp-header .logo img {
        height: 115px;
    }

    #sp-header .burger-icon {
        position: absolute;
        bottom: 80px;
        top: auto;
        right: -90px;
    }

    body.parallax-page.scrolled #sp-header .burger-icon {
        bottom: 5px;
        transition: bottom 0.25s ease-in;
    }

    body.parallax-page.unscrolled #sp-header .burger-icon {
        bottom: 80px;
        transition: bottom 0.25s ease-in;
    }

    #sp-main-body>.container>.container-inner>.row {
        flex-direction: column-reverse;
    }

    #sp-bottom .alertmodule p {
        font-size: 1em;
    }

    #sp-footer .sp-copyright {
        text-align: center;
    }

    #sp-footer ul.menu {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    #sp-footer ul.menu li {
        margin: 0.5em 0;
    }

    .event-list .event .eventDetails,
    .event-list .event .eventDescription {
        width: 100%;
    }

    .rsform-contact-us input[type="text"],
    .rsform-contact-us textarea {
        width: 95% !important;
    }


}