:root {
    --WebPurple: #92298E;
    --IconPurple: #7F3F98;
}
/*** ESSENTIAL STYLES ***/
.mainNav, .mainNav * {
	padding: 0;
	list-style:none;
}

.mainNav {
    /*margin-left: 32px;*/ 
    /*margin-right: 32px;*/ 
    /*line-height:1.0; */ 
    height:48px;
}
.mainNav ul {
	position:absolute;
	top:-999em;
    margin-left: 0;
    margin-right: 35px;
	width:150px; /* left offset of submenus need to match (see below) */
	font-size:12px;
}
    .mainNav ul:hover {
        color: #92298E
    }

.mainNav li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */ }
.mainNav li {
    padding: 0;
    position:relative;
}
.mainNav a {display:block;position: relative;}
.mainNav li:hover ul, .mainNav li.sfHover ul {
	left:0; 
	top:40px; /* match top ul list item height */
	z-index:99;
    min-width:290px;
    border-top:0 none;
}

.mainNav li:hover:nth-last-child(-n+2) ul {
    min-width: 185px;
}

/*** THEME ***/
.mainNav {margin-bottom:0;list-style:none;height:40px;}
.mainNav li {display:inline-flex;height:100%;padding-left:32px;}

.mainNav a {
    display:inline;
    text-decoration:none;
    color:black;
    height:28px;
    font-size:17px;
    padding:13px 0 0 0;
    font-weight:bold;
    font-family:'Century Gothic';
}

/*.mainNav .group a, .mainNav .group a:visited {
    color: #333333;
}*/
mainNav  li:hover {
    color: #92298E;
}
    .mainNav li a:hover, .mainNav li.group a { background-color: transparent;}
    .mainNav li ul {
        background: white;
        width: 100%;
        margin: 0;
        box-shadow: 1px 1px 5px 0 #A7A9AC;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }
    .mainNav li ul li:last-child a:hover {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

.mainNav li li {line-height:12px;overflow:hidden;height:auto;z-index:99;margin:0;padding:0;width:100%;}

    .mainNav li li a {
        color: black;
        font-size: 16px;
        padding: 5px;
        margin: 0;
        letter-spacing: 1px;
        line-height: 1.2;
        height: auto;
        width: 100%;
        float: left;
        display: block;
        padding: 10px 15px 10px 34px;
        background: none;
    }

        .mainNav li li a:hover {
            color: white;
            background-color: #7F3F98;
        }

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	padding: 0 0 0 0;
	margin:0;
}
.sf-shadow ul.sf-shadow-off {
	background:transparent;
}

/*#region medicare advantage desktop tablet mobile footer*/
.foolter-menu-list {
    width: 25%;
    display: inline-flex;
}

ul.footer-menu-list-content {
    list-style: none;
    padding-bottom: 2rem;
}

    ul.footer-menu-list-content li.footer-menu-line {
        position: relative;
        padding-bottom: .15rem;
        color: #fff;
    }

.footer-menu-list-content li.footer-menu-line:before {
    content: '';
    position: absolute;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    width: .375rem;
    height: .375rem;
    top: calc(50%);
    left: -2px;
    transform: translateY(-50%) rotate(-45deg);
}

li.footer-menu-head {
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
    position: relative;
    color: #fff;
}

li.footer-menu-line {
    padding-left: 1rem;
}

a.footer-menu-line-link {
    font-size: 14px;
    color: #fff;
    font-weight: 100;
}

.footer-bottom {
    height: 48px;
    color: white;
    background-color: #323232;
    margin: 0 -15px;
    padding: 1rem 1.5rem;
}

a.accordion:hover {
    background-color: transparent;
}

.footer-mobile-menu .panel-heading {
    padding-left: 15px;
    border-color: #734590;
    background-color: #602D86 !important;
    color: #fff !important;
}

    .footer-mobile-menu .panel-heading .panel-title {
        margin-bottom: 0;
    }

    .footer-mobile-menu .panel-heading .accordion-toggle {
        display: block;
    }

        .footer-mobile-menu .panel-heading .accordion-toggle:after {
            color: #94DEFF;
        }

    .footer-mobile-menu .panel-heading h4 {
        display: block;
    }

    .footer-mobile-menu .panel-heading a {
        display: block;
        font-size: medium;
        color: #fff;
    }

.footer-mobile-menu .list-group-item {
    border-color: #6A07B0;
    background-color: whitesmoke;
    font-size: large;
    color: #000;
    text-decoration: none;
    padding: .5rem 1.25rem !important;
}
/*#endregion*/

/*#region medicare advantage desktop tablet mobile navigation*/
#navbar {
    width: 100%;
}

.navbar {
    padding: .5rem 0rem;
}

.mainNav {
    height: auto;
}

    .mainNav li {
        display: inline-flex;
        height: 100%;
        padding-left: 32px;
        text-overflow: ellipsis;
        word-break: inherit;
        padding-bottom: .5rem;
    }

    .mainNav a {
        display: block;
        text-decoration: none !important;
        color: black;
        height: unset;
        font-size: 17px;
        font-weight: bold;
        font-family: 'Century Gothic';
    }

    .mainNav > li > a:hover {
        color: #000;
    }

.dropdown {
    text-align: unset !important;
    border-radius: 0 !important;
    border: 0 !important;
    padding: 0 24px;
    font-family: 'Century Gothic';
    font-size: 14px;
    background-color: #f8f9fa !important;
    width: auto !important;
}

.dropdown-menu .dropdown-item {
    padding: 0.75rem;
}

a.dropdown-item:hover {
    background-color: #7F3F98 !important;
    text-decoration: none;
    color: black;
}

.dropdown-toggle::after {
    vertical-align: .155em !important;
}

.list-group-item {
    padding: .5rem 1.25rem;
    font-size: 16px;
    color: black;
}

img.link-icon {
    padding-right: .5rem;
}

.ma-menu-button-call {
    border: 3px solid black;
    padding-right: .5rem !important;
    padding-left: .5rem !important;
    border-radius: .5rem;
    margin-top: 5px;
}

    .ma-menu-button-call a {
        padding-top: 0.5rem !important;
        font-size: 16px;
        font-weight: bold;
    }
/*#endregion*/

/*#region medicare advantage layout*/
hr.med-adv-divider {
    color: #441a63;
    height: 2px;
    margin-right: 15%;
    margin-left: 15%;
    background-color: #441a63;
}

.icon-container {
    padding: 2rem 0;
}

.icon-header {
    padding: .5rem 0;
    font-weight: bold;
    margin: 0;
}

.icon-text {
    text-align: center;
    font-size: 13px;
}

.med-ad-text-container {
    padding-bottom: 1rem;
}

a.ma-icon-link:hover {
    color: #6A07B0;
}

.lang-dropdown-mob {
    font-size: 12px !important;
}

.maSearch {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.maSearchAppend {
    background-color: #431963 !important;
    border-color: #431963 !important;
    border-radius: 0 !important;
    color: #ffffff !important;
}

.maFindDentist {
    border-right: 0 !important;
}

.maFindDentistBtn {
    border-radius: 2rem;
    color: #000;
    font-weight: bold;
    cursor: pointer;
}

a.imageLink {
    color: #6A07B0;
}

    a.imageLink:hover {
        background-color: transparent;
    }

.ma-icon {
    padding-bottom: 1rem;
}

.callout-global-ma {
    font-family: 'Century Gothic';
    font-size: 16px;
    color: black;
    background-color: white;
    height: auto;
    padding: 1rem 15px;    
    display: flex;
    align-items: center;
    max-width: 960px !important;
}

.find-dentist-input-group-text {
    background-color: #fff !important;
}

.ma-icon-link .icon-header {
    font-size: 14px;
}

.main-nav-lang-dropdown {
    padding: 0 .75rem !important;
    height: 1.75rem !important;
}

.banner-container {
    max-width: 960px !important;
    padding-left: 20px;
    padding-right: 20px;
}

.corona-banner-text {
    font-size: 1.25rem;
    font-weight: bold;
    color: #55305b;
    font-family: serif;
}

.corona-banner {
    width: 100%;
    padding: 0.75rem 0 0.75rem 0;
    background-color: #f7dd00;
    margin-bottom: 1rem;
    text-align: center;
}

.ma-certificate-block {
    padding-bottom: .75rem;
}

.certificate-text {
    color: #7F3F98;
    padding-right: 2rem;
    font-size: 20px;
}

.image-resp {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}

.header-func-container {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem;
}
/*#endregion*/
/*#region base classes*/
.col-white {
    color: #ffffff;
}

.bg-head-black {
    background-color: #26292b;
}

.bg-purple-dark {
    background-color: #632a8b;
}

.bg-purple-light-dark {
    background-color: #431963;
}

.ma-right-1-5 {
    margin-right: 1.5rem;
}

.ma-left-2 {
    margin-left: 2rem;
}

.ma-left-1 {
    margin-left: 1rem;
}

.pad-top-1 {
    padding-top: 1rem !important;
}

.pad-bot-1 {
    padding-bottom: 1rem !important;
}

.fs16 {
    font-size: 1rem;
}

.fs18 {
    font-size: 1.125rem;
}

.fs-12 {
    font-size: .75rem;
}
/*#endregion*/

/*#region mobile/tablet screen scific */
@media only screen and (max-width: 768px) {
    hr.med-adv-divider {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .icon-container {
        width: 100%;
    }

    .set-width-mob {
        width: 50% !important;
    }

    .certificate-images {
        padding-bottom: 2rem !important;
    }

    select, input {
        font-size: 14px !important;
    }

    .corona-banner-text {
        font-size: 1rem;
    }
}

@media only screen and (min-width: 1200px) {
    .ma-navigation {
        padding-left: 1rem;
    }
}

@media screen and (max-width: 575.98px) {
    .callout-global-ma {
        flex-wrap: wrap;
    }

    .ma-certificate-text {
        text-align: center;
    }

    .corona-banner-text {
        font-size: .8rem;
    }
}
/*#endregion*/