/* SCA styles */
.brand-image {
    width: 80%;
    background-position: center;
}

.menu {
    /*margin: 2% 0 1% 0;*/
    list-style: none;
}

.main-navigation {
    margin: 3% 0 2% 0;
    text-align: right;
  }

.menu-item {
    display: inline;
    padding: 1% 0%;
    vertical-align: baseline;
    position: relative;
    z-index: initial;
    min-width:80px;
    
}

.menu-item a {
    font-family: sofia-pro, Helvetica,sans-serif;
    font-size: 1.125rem;
    line-height: 1em;
    color: rgb(127,127,127);
    padding: 2% 2%;
    border-bottom: 5px solid transparent;
}

.menu-item .sub-menu {
    display: none;
    position: absolute;
    left: 0;
    z-index: 99;
}

.menu-item a:hover .current_page_item a, .current-menu-ancestor, .current-page-ancestor {
    display: inline-block; 
    color: rgb(238,183,0);
    border-bottom: 5px solid rgb(238,183,0);
}

.menu-item:hover .sub-menu {
    display: block;
    float: left;
    margin: 0;
    box-shadow: 6px 11px 10px 0px rgb(120 120 120 / 34%);
}



.sub-menu li {
    padding: 0% 0%;
     min-width:190px;
    display: block;
    margin: 0% 0%;
    box-sizing: border-box;
    border-bottom:1px solid white;
    /* width: 100%; */
    /* max-width: 320px; */
}

.sub-menu li:first-child {
    margin-top:0;
}

.sub-menu a {
    display: inline-block;
    color: rgb(127,127,127);
    background: rgb(238,183,83);
    border: none;
    padding: 8%;
    width:100%;
}

.sub-menu a:hover, .sub-menu .current_page_item a, .sub-menu .current_page_ancestor a {
    border: none;
    color: rgb(238,183,82);
    background-color: rgba(255,255,255,0.95);
    font-weight: 900;
}

.contact-us {
    margin:0 1%;
    font-family: sofia-pro, Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight:800;
    line-height: 1em;
    color: #006699;
    background-color: #ffdde9;
    border-radius: 5px;
    border: 2px solid #ffdde9;
    outline:none;
}

.contact-us.menu-item:hover, .contact-us.current_page_item {
    background-color: #ffffff;
    border: 2px solid #ffc8dc;
}

.menu-item.contact-us.current_page_item a, .menu-item.contact-us a:hover {
    color: #ffc8dc;
}

.sign-up {
    margin:0 1%;
    font-family: sofia-pro, Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight:800;
    line-height: 1em;
    color: #006699;
    background-color: #CCE9F6; 
    border-radius: 5px;
    border: 2px solid #CCE9F6; 
    outline:none;
}

.sign-up.menu-item:hover, .sign-up.current_page_item {
    background-color: #ffffff;
    border: 2px solid #1779ba; 
}

.menu-item.sign-up.current_page_item a, .menu-item.sign-up a:hover {
    color: #1779ba; 
}

/* grey things out during build */
.unavailable a {
	color: rgb(227,227,227);
}


.last-menu{
    padding-left:0!important;
    padding-right:0!important;
}

.title-bar {
    visibility: hidden;
    display: none;
}


/* Mobile menu */

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


.mob-menu {
    margin: 1% 0 1% 0;
    list-style: none;
}

.mob-menu .menu-item {
    display: inline-block;
    padding: 0% 0%;
    vertical-align: baseline;
    position: relative;
}

.mob-menu .menu-item a {
    font-family: sofia-pro, Helvetica,sans-serif;
    font-size: 1.125rem;
    line-height: 1em;
    color: rgb(127,127,127);
    /*border-bottom: 1px solid rgb(255,255,255);*/
}

.mob-menu .menu-item .sub-menu {
    display: none;
    position: relative;
    width:100%;
}

.mob-menu .menu-item a:hover .current_page_item a {
    color: rgb(238,183,0);
    border-bottom: 1px solid rgb(238,183,0);
}

.mob-menu .menu-item:hover .sub-menu {
    display: block;
    float: left;
    margin: 0;
}



.mob-menu .sub-menu li {
    padding: 0% 0%;
    min-width:180px;
    display: block;
    margin: 0% 0%;
    box-sizing: border-box;
    border-bottom:1px solid white;
    /* width: 100%; */
    /* max-width: 320px; */
}

.mob-menu .sub-menu li:first-child {
    margin-top:0%;
}

.mob-menu .sub-menu a {
    display: inline-block;
    color: rgb(127,127,127);
    background: rgb(238,183,83);
    border: none;
    padding: 1.3% 1.3%;
    width:100%;
}

.mob-menu .sub-menu a:hover, .mob-menu .sub-menu .current_page_item a, .mob-menu .sub-menu .current_page_ancestor a {
    border: none;
    color: rgb(255,255,255);
    padding: 2% 2% 2% 2%;
}

.title-bar {
    background-color: #464646!important;
}


/*.page-navigation {
    display:none;
}*/

}