/* NALP MAIN THEME OVERRIDES FOR LOVE YOUR LANDSCAPE(FindAPro) MICROSITES  */
/* ========================= */
/* GLOBAL */
/* ========================= */
:root {
    --branding-green: #48a23f;
    --branding-light-grey: #a3a3a3;
}

body {
    font-family: Helvetica,'Arial',sans-serif;
    color: #333;
    background-color: #f5f5f5;
}

#masterContentArea {
    opacity:1;
}

.container,
.header-container,
header .row-mid,
header .aux-nav-area {
    max-width: 1120px;
}

.nav-spacing-override {
    & .RadMenu.RadMenu_NALPMainEMS {
        & .rmRootGroup {
            @media (min-width: 992px) {
                justify-content:flex-start;
            }
        }
    }
}

h1,h3,a {
    color:var(--branding-green);
}
.TextButton:not(.PrimaryButton),
div#tab-container>a:not(.grey){
    background-color:var(--branding-green)!important;
    border-color:var(--branding-green);
}

.CalloutArea1 {
    background-color: #5285a1;
}

/* ========================= */
/* Header */
/* ========================= */
header {
    & .aux-nav-area {
        width: 100%;
        margin: auto;
        padding: 12px 0;
        text-align: right;
        font-size: 14px;
        & strong {
            color: var(--branding-green);
            margin-right: 10px;
            font-weight: normal;
            font-size: 12px;
            @media(max-width: 991px) {
                display:block;
            }
        }

        & a {
            color: var(--branding-light-grey);
            display: inline-block;
            border-left: 1px solid var(--branding-light-grey);
            padding: 0 15px;
            line-height: 1em;
            @media(max-width: 991px) {
                &:first-of-type {
                    border-left:none;
                }
            }
        }

        @media(max-width: 991px) {
            text-align:center;
        }
    }

    & .row-mid .site-logo img {
        max-width: 338px;
        @media(max-width: 992px) {
            width:calc(100% - 44px);
            max-width:250px;
        }
    }
}

header.site-header {
    background-color: #fff;
    & .row-top {
        background-color: transparent
    }

    & .row-mid {
        padding-bottom:1rem;
        @media(min-width:992px) {
            padding-bottom:35px;
            align-items:flex-end;
            
        }
    }

    & .row-btm {
        background-image: url(/images/_Find-A-Pro/header-banner-bg.png);
        background-color: transparent;
        padding: 2rem 1rem;
        
    }

    & .site-logo {
        padding: 0;
        width:100%;
        & .WTZone {
            display: flex;
            justify-content: space-between;
            align-items: center;
            @media(max-width: 991px) {
               padding:0 1rem;
            }
        }
    }

    & .primary-nav {
        @media(max-width: 991px) {
            width:100%;
            & .navbar-collapse {
                background-color: #f8f8f8;
            }
        }
    }

    & .RadMenu.RadMenu_NALPMainEMS {
        @media(min-width:992px){
            top:10px;
        }
        
        & .rmRootGroup > .rmItem > .rmLink {
            color: var(--branding-green);
            text-shadow: none;
            text-transform: capitalize;
            position: relative;
            @media(min-width: 992px) {
                &:before {
                    color: var(--branding-green);
                    content: "|";
                    font-weight: 400;
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                }
            }
        }

        & .rmRootGroup > .rmItem:first-child > .rmLink {
            &:before {
                display: none;
            }
        }

        & .rmSelected, & .rmFocused {
            & > .rmRootLink {
                background-color: var(--color-neutral);
                color: #000;
                text-shadow: none !important;
            }
        }

        & .rmRootLink {
            &:hover, &:focus {
                color: #fff!important;
                background-color: var(--branding-green);
            }
        }

        & .rmExpanded > .rmRootLink {
            background-color: var(--color-neutral);
        }

        & .rmRootLink.rmSelected, & .rmRootLink.rmFocused {
            text-shadow: unset!important;
            color: #fff!important;
            background-color: var(--branding-green);
        }

        & .rmSlide {
            & .rmLink, & .rsmLink {
                &:hover, &:focus {
                    color: var(--branding-green)!important;
                }
            }

            & .rsmTwoLevels > .rsmItem > .rsmLink {
                &:hover, &:fucus {
                    color: var(--branding-green)!important;
                }
            }
        }
    }
}

/* ========================= */
/* Home Page */
/* ========================= */
/* ========================= */
/* Footer */
/* ========================= */
footer#ft {
    background-color: transparent;
    text-align: center;
    & *:not(a) {
        color: initial;
    }

    & a {
        color: var(--branding-green);
    }

    & .social-footer {
        margin-bottom: 20px;
        & .social-title {
            font-size: 19px;
            margin-bottom: 20px;
            text-transform: uppercase;
        }

        & a {
            margin: 0 5px;
            & em {
                font-size: 28px;
                color: #bbb!important;
            }
        }
    }

    & .address, & .copyright, & .legal-links {
        font-size: 14px;
    }

    & .legal-links {
        list-style: none;
        margin-bottom: 20px;
        & li {
            display: inline-block;
            margin-top: 10px;
            &:before {
                content: '|';
                font-size: 12px;
            }

            &:first-child:before {
                display: none;
            }
        }

        & a {
            color: #555;
            margin: 0 5px;
            text-decoration: underline;
        }
    }

    & .footer-logo img {
        max-width: 250px;
    }
}