/*
Theme Name: Brotherhood Credit Union Wordpress Theme
Author: Pannos Marketing
Author URI: https://www.pannosmarketing.com/
Description: A customized Wordpress theme for Brotherhood Credit Union.
Requires at least: 6.0.3
Tested up to: 6.0.3
Requires PHP: 7.4.32
Version: 1.0
*/

.is-root-container > div {
    padding: 10px;
    background: linear-gradient(180deg, rgba(233,234,235,.5) 0%, rgba(233,234,235,.2) 100%);
}

/* Max Fix */

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

header #menu-nav.active .content .main-nav > .dropdown-root.active:before {
    content: '';
    position: absolute;
    top: 0px;
    right: -40px;
    z-index: 99;
    pointer-events: none;
    width: 40px;
    height: 64px;
    display: block;
    background-image: url(/wp-content/themes/Brotherhood-Theme/images/ico-close-black.svg);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.6;
}

header #menu-nav.active .content .main-nav > .dropdown-root {
    position: relative;
    width: calc(100% - 60px);
    border-bottom: 0;
}

header #menu-nav.active .content .main-nav > .dropdown-root:after {
    content: '';
    width: 100vw;
    border-bottom: 1px solid #DFE8EC;
    position: absolute;
    bottom: 0;
    left: 0;
}

header #menu-nav.active .content .main-nav > .dropdown-root.active {
    width: calc(100% - 100px)
}

}

/* Landing Page Styles */

.lp-rate-cta-bar .content {
    text-align: center;
}

.lp-rate-cta-bar .content .actions {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.lp-rate-cta-bar .content .h-copy {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

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

    .lp-banner .actions {
        display: flex;
        justify-content: center;
        gap: 1rem;
    }


    .lp-rate-cta-bar .content .h-copy {
        gap: 3em;
    }

}

.lp-banner .cta-btn {color: white; border-color: #B4F5D7;}

.lp-banner .actions .cta-btn:after {
    background-image: url(/wp-content/themes/Brotherhood-Theme/images/ico-arrow-cta-green.svg);
}

.lp-cta-bar > .content .copy {
    text-align: center;
}

.lp-cta-bar > .content .copy .heading {margin-bottom: 1rem;margin-top: 2em;}