:root {
--blue:#4f81bd;
--red:#ff0000;
--accent:#4672a7;
--sitefont:Montserrat,sans-serif;

--buttonradius:30px;
--buttonsize:17px;
--mobile-h1-size:26px;
}

ul.horizontal.site-menu {
text-align:center;
}
ul.horizontal.site-menu ul.sub-menu li {
text-align:left;
}
ul.horizontal.site-menu li {
float:none;
display:inline-block;
vertical-align:top;
}
.static-bar {
background-color:#4f81bd;
color:#FFF;
font-family:var(--sitefont);
}
#menu_container, .horizontal.site-menu {
background-color:var(--blue) !important;
border-top:none;
border-bottom:none;
}


ul.horizontal.site-menu li span a, 
ul.horizontal.site-menu li span span {
color:#FFF !important;
background-color:var(--blue) !important;
font-family:var(--sitefont) !important;
text-transform:none;
transition:all .5s ease;
font-weight:bold !important;
line-height:50px !important;
}
ul.horizontal.site-menu li span a:hover,
ul.horizontal.site-menu li:hover span span {
color:#FFF !important;
}
ul.horizontal.site-menu li:hover {
background-color:var(--accent) !Important;
}
ul.horizontal.site-menu ul.sub-menu li span a {
font-family:Montserrat, sans-serif  !important;
line-height:30px !important;
}
ul.horizontal.site-menu ul.sub-menu li {
background-color:var(--blue) !important;
border-bottom:none !important;
}
ul.horizontal.site-menu ul.sub-menu {
border-top:none !important;
}
ul.horizontal.site-menu ul.sub-menu li:hover {
background-color:var(--red) !important;
}
ul.horizontal.site-menu ul.sub-menu li span a {
text-transform:none;
}
ul.horizontal.site-menu ul.sub-menu li span a:hover {
color:#FFF !important;
}

ul.horizontal.site-menu li.sub-parent:hover ul { 
top:40px !important;
}

a.ce-button,
#mobile_content_column a.ce-button,
.inner-column a.ce-button {
font-family:Montserrat,sans-serif;
font-weight:bold;
padding:8px 15px;
background-color:var(--blue);
color:#FFF;
border-radius:var(--buttonradius);
background-image:none !important;
border:none;
text-transform:none;
font-size:16px;
transition:all .5s ease;
white-space:normal;
}

a.ce-button:hover,
#mobile_content_column a.ce-button:hover,
.inner-column a.ce-button:hover {
border:none;
background-color:var(--accent);
color:#FFF;
}
.admin-page-wrapper a.ce-button,
.popup-wrapper a.ce-button {
font-size:13px !important;
}


.login-buttons a {
color:#FFF !important;
background-color:var(--blue) !important;
}
.login-buttons span {
padding-right:0px;
background-image:none !important;
}
.login-buttons a:hover {
background-color:var(--accent) !important;
color:#FFF !important;
}

#full_name {
    color: #FFF !important;
font-family:var(--sitefont);
}
#user_arrow {
    background-position: 0px -163px;
}
.horizontal.control-panel-link {
    color: #FFF;
    background-position: 0px -258px;
font-family:var(--sitefont);
}
#favorites_hover {
color:#FFF;
font-family:var(--sitefont);
}
#favorites_hover .material-icons {
color:#FFF;
}
#panel_links a:hover {
background-color:var(--red) !important;
}


.menu-toggle { background-color:var(--blue);  }
.mobile-site-menu li { background-color:var(--blue) !important; }
.mobile-site-menu ul.sub-menu li { background-color:#f3f3f3 !important; }
footer {
background-color:#FFF !Important;
}
.footer-container, .footer-container a, .footer-container span {
    color: #000;
}
.admin-table th,
.manager-table th {
background-color:var(--blue) !important;
}
.msignwrapper {
padding-top:30px !important;
padding-bottom:30px;
background-color:#f1f1f1 !important;
font-size:18px;
line-height:1.5;
}
.msignwrapper h1 {
text-transform:uppercase;
}
.home-page .build-column {
padding:0px;
}
.home-page .trirow {
margin-top:10px;
margin-bottom:10px;
}


@media (min-width : 320px) and (max-width :767px){
/* Styles */
.home-page .mySlides .layout-wrapper {
padding-left:30px;
padding-right:30px;
}
.home-page a.prev {
left:0px;
}
.home-page a.next {
right:0px;
}
}