ul.horizontal.site-menu li, ul.horizontal.site-menu li:hover span span {
background-color:transparent;
}
:root {
--accent:#6c3483;
--color2:#fcc917;
--sitefont:Inter,sans-serif;
}
#menu_container,
ul.horizontal.site-menu {
background-color:var(--accent) !Important;
border-top:none;
border-bottom:none;
}
.static-bar {
background-color:var(--accent);
}
ul.horizontal.site-menu li span a,
ul.horizontal.site-menu li span span {
color:#FFF !important;
font-family:var(--sitefont) !important;
font-weight:bold !important;
}
ul.horizontal.site-menu ul.sub-menu li {
border-top:none !important;
border-bottom:none !important;
color:#FFF !important;
font-family:var(--sitefont) !important;
font-weight:normal !important;
background-color:var(--accent) !important;
}
ul.horizontal.site-menu ul.sub-menu { border-top:none !important; }
ul.horizontal.site-menu li:hover {
background-color:var(--color2) !important;
}
ul.horizontal.site-menu ul.sub-menu li:hover {
background-color:var(--color2) !important;
}

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;
}
ul.horizontal.site-menu li span a:hover,
ul.horizontal.site-menu li:hover span span,
ul.horizontal.site-menu ul.sub-menu li span a:hover {
color:var(--accent) !important;
}
ul.horizontal.site-menu ul.sub-menu li span a {
text-transform:none;
}
a.ce-button,
#mobile_content_column a.ce-button,
.inner-column a.ce-button {
font-family:var(--sitefont);
font-weight:bold;
padding:8px 15px;
background-color:transparent;
color:var(--accent);
border-radius:var(--radius);
background-image:none !important;
background-color:var(--color2);
border:2px solid var(--color2) !important;
font-size:16px;
transition:all .5s ease;
white-space:normal;
text-shadow:none !important;
}

a.ce-button:hover,
#mobile_content_column a.ce-button:hover,
.inner-column a.ce-button:hover {
border:2px solid var(--accent) !important;
background-color:var(--accent) !important;
color:var(--color2);
text-shadow:none !important;

}
.admin-page-wrapper a.ce-button,
.popup-wrapper a.ce-button {
font-size:13px !important;
text-shadow:none !important;
letter-spacing:1px;
}


.login-buttons a {
color:var(--accent) !important;
background-color:var(--color2) !important;
border-radius:var(--radius);
border:2px solid var(--color2) !important;

}
.login-buttons span {
padding-right:0px;
background-image:none !important;
}
.login-buttons a:hover {
background-color:var(--accent) !important;
color:var(--color2);
border:2px solid var(--accent) !important;
}

.mobile-site-menu li {
background-color:var(--accent) !important;
}
.mobile-site-menu li span a {
color:#FFF !Important;
}
.mobile-site-menu ul.sub-menu li {
background-color:#f3f3f3 !important;
}
.mobile-site-menu ul.sub-menu li span a {
color:#000 !Important;
}
#full_name,
.horizontal.control-panel-link,
#favorites_hover {
font-family:var(--sitefont);
color:#FFF;
}

#favorites_hover,
.cp-holder {
position:relative;
z-index:1;

}
#panel_links a:hover {
background-color:var(--color2) !important;
}
footer,
.below-content {
background-color:var(--accent);
}
.footer-container, .footer-container a, .footer-container span {
font-family:var(--sitefont);
}
#user_arrow {
    background-position: 0px -163px;
}
.horizontal.control-panel-link {
    background-position: 0px -258px;
}
#favorites_hover .material-icons {
color:#FFF;
}
.static-bar #non_member_panel .login-link {
font-size:24px;
color:#FFF !important;
text-decoration:none !important;
font-family:var(--sitefont);
}
.hwrapper {
margin-top:20px;
margin-bottom:20px;
}
h1,h2 {
font-weight:900;
}
.admin-table th,
.manager-table th {
background-color:var(--accent);
}
#fkftr a{
transition:all .5s ease;
}
#fkftr a:hover {
color:var(--color2);
}
.menu-toggle {
background-color:var(--accent);
}
.add-me-link,
.static-bar .add-me-link {
display:none;
}
#mobile_content_column .home-page h1 {
width:auto !important;
padding-right:0px !important;
}

@media (min-width : 320px) and (max-width :767px){
/* Styles */
.iconwrapper .column.sept {
width:50% !important;
}
}