@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;1,700&display=swap');
:root {
--lwvblue:#005596;
--lwvred:#be0f34;
--lato:Lato,sans-serif;
--merriweather:Merriweather,sans-serif;
--radius:5px;

}

body {
background-color:#FFF;
}
footer {
background-color:#FFF;
}
.footer-container, .footer-container a, .footer-container span {
    color: #000;
font-family:Lato,sans-serif;
line-height:2;
}

ul.horizontal.site-menu li span a, ul.horizontal.site-menu li span span {
color:#000 !important;
font-family: Lato;
font-weight:bold !important;
font-size:20px !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;
}
#menu_container,
ul.horizontal.site-menu {
background-color:#FFF !important;
}
#menu_container {
border-top:none;
border-bottom:none;
padding-top:10px;
padding-bottom:10px;
}
.static-bar.bg-color-2,
.static-bar .layout-wrapper.bg-color-2 {
background-color:#FFF !important;
}
.bg-color-2 {
background-color:#000 !important;
}
#menu_container nav,
#menu_container nav .nav-container {
float:none;
left:initial;
width:100% !important;
}
ul.horizontal.site-menu ul.sub-menu li {
background-color:#005598 !important;
border-bottom:none !important;
}
ul.horizontal.site-menu ul.sub-menu {
border-top:none !important;
}
ul.horizontal.site-menu ul.sub-menu li span a {
font-size:16px !important;
color:#FFF !important;
}
ul.horizontal.site-menu ul.sub-menu li:after,
ul.horizontal.site-menu ul.sub-menu li span a:after,
ul.horizontal.site-menu ul.sub-menu li:before,
ul.horizontal.site-menu ul.sub-menu li span a:before  {
display:none !important;
}
ul.horizontal.site-menu li:hover {
background-color:#005597 !important;
}
ul.horizontal.site-menu ul.sub-menu li:hover {
background-color:#be0f34 !important;
}
ul.horizontal.site-menu li span a:hover,
ul.horizontal.site-menu li:hover span span {
color:#FFF !Important;
}
#full_name,
#favorites_hover {
font-family:Lato, sans-serif;
color:#000;
}

.horizontal.control-panel-link {
Color:#000;
font-family:Lato, sans-serif;
}
.admin-table th,
.manager-table th {
background-color:#005597;
color:#FFF;
}
.static-bar #non_member_panel .login-link,
.static-bar .add-me-link {
color:#000;
font-family:Lato,sans-serif;
font-size:16px;
padding:10px 20px;
border:1px solid #000 !important;
border-radius:6px !important;
font-weight:bold;
transition:all .5s ease;
}
.static-bar #non_member_panel .login-link:hover,
.static-bar .add-me-link:hover {
background-color:#be0f34;
}
.static-bar .add-me-link {
float:right;
}
.static-bar #non_member_panel .login-link {
display:inline-block;
}
.mobile-site-menu li {
background-color:#005596 !important;
}
.mobile-site-menu ul.sub-menu li {
background-color:#f3f3f3 !important;
}
.checklist-link {
color:#FFF;
}
header {
border-bottom:1px solid #cdcdcd;
}
.horizontal.control-panel-link {
background-position: 0px -285px;
}
#favorites_hover .material-icons {
color:#000 !important;
}
#user_arrow {
background-position: 0px -196px;
}

a.ce-button,
#mobile_content_column a.ce-button,
.inner-column a.ce-button {
font-family:var(--lato);
font-weight:normal;
padding:8px 15px;
background-color:transparent;
color:#FFF;
border-radius:var(--radius);
background-image:none !important;
background-color:var(--lwvblue);
border:1px solid var(--lwvblue) !important;
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:1px solid var(--lwvred) !important;
background-color:var(--lwvred) !important;
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(--lwvblue) !important;
border-radius:var(--radius);
}
.login-buttons span {
padding-right:0px;
background-image:none !important;
}
.login-buttons a:hover {
background-color:var(--lwvred) !important;
}
.bottom-wrapper {
border-top:1px solid #cdcdcd;
}
.donate-banner {
background-color:#58023d !important;

padding-bottom:60px;
color:#FFF;
}
.donate-banner h1 {
width:100% !Important;
padding-right:0px !Important;
max-width:initial !Important;
color:#FFF;
margin-bottom:20px;
padding-top:60px;
}
.donate-banner a.ce-button {
background-color:#FFF !Important;
border-radius:0px !Important;
color:#58023d !important;
padding:10px 30px !important;
font-size:18px !Important;
}

#mobile_layout_wrapper .add-me-link {
display:none;
}
header {
background-color:#FFF;
}
@media (min-width : 320px) and (max-width :767px){
/* Styles */
.home-page .looper .looper-inner {
background-color:#0077d5;
}
.home-page .ce-widget.ue,
.home-page .ce-widget.rn {
min-height:200px;
}
.build-row {
display:block;
}
#mobile_content_column a.ce-button {
display:inline-block;
width:auto;
}
.social-network-panel {
display:none;
}
#social_panel {
left:initial;
text-align:center;
}
#social_panel a {
display:inline-block;
}
}
@media (min-width : 768px) and (max-width : 1024px) {
/* Styles */
.home-page .ue-details {
max-width:70%;
}
.home-page .overlaytext h1 {
font-size:22px;
}
.home-page .pr-row .inner-column .primage {
min-height:180px;
}
#social_panel {
left:initial;
text-align:left;
}
#social_panel a {
display:inline-block;
}
}
ul.horizontal.site-menu li, ul.horizontal.site-menu li:hover span span {
background-color:transparent;
}