@import url('https://fonts.googleapis.com/css2?family=Lato&family=Libre+Baskerville&display=swap');

#heading {
        background-color: #ffffff;
        background-image: none;
}

#heading  #heading-wrapper {
        background: none;
}

#heading .logo img {
        height: 120px;
        width: auto;
        padding-top: 20px;
}

#sub-menu ul li a {
        color: #000 !important;
        font-size: 20px;
        text-transform: uppercase
}

#sub-menu ul li a.selected {
        border-bottom: 2px #007886 solid;
}

#sub-menu ul li a:hover {
        color: #007886 !important;
}

#footer-wrapper {
        border-top: 2px #007886 solid;
}

h1,h2,h3 {
        font-family: 'Libre Baskerville', serif !important;
}

.crm-member-card #memberCardTabs .ui-tabs-nav {
        border-bottom: 4px solid #007886;
}

#memberCardTabs .tabs-menu .ui-tabs-selected a {
        color: #000 !important;
}

#memberCardTabs .otherTabsMemberCard .tabs-menu .ui-state-hover a {
        color: #fff !important;
}

#memberCardTabs .otherTabsMemberCard .tabs-menu .ui-tabs-selected a {
        color: #fff !important;
}

:root {
        --headings-font-family: 'Lato', sans-serif;
        --base-font-family: 'Lato', sans-serif;
        --primary-color-rgb: #007886;
        --primary-color: #007886 ;
        --primary-color-hover: #000;
        --primary-color-disabled: #95bdc1;
        --secondary-color-rgb: #000;
        --secondary-hover-color: #007886;
        --secondary-disabled-color: #555;
        --button-help-color: #4c90d6;
        --button-help-color-hover: #7AADE3;
        --button-help-color-disabled: #8ab7e4;
        --nav-menu-background-color: #fff;
        --nav-menu-background-color-highlight: #fff;;
        --nav-menu-background-color-border: #fff;;
        --footer-background-color: #fff;
        --footer-text-color: #000;
        --footer-link-color: #007886;

        --header-button-background-color: #007886;
        --header-button-text-color: #fff;
        --header-text-color: #007886;
}

@media (max-width: 70em) #heading h1#logo {
        height: 120px !important;
}