@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;
--darkpurple:#521c50;
--lightpurple:#820263;

}


.panel3row .half3{
   background-position: center center !important;
}

.defend .half h2{
   margin:100px 0px 50px 50px;
   font-size:28px !important;
}

.defend .ce-button{
   margin:0px 0px 50px 50px;
}

  .panel3row .half1 .inner-column {
    padding:50px 50px !important;


}
.feeds .ce-widget.facebook-widget.no-handler{
   margin: 0px auto !important;
}

.feeds .build-column.quarter {
     padding: 0px;
    color: #000 !important;
    box-sizing: border-box !important;
    border: 0px !important;
      background-color:#fff;
}

 .feeds .build-column.quarter .feeds-title .inner-column, .feeds .feeds-title .column.full{
   background-color:var(--lwvblue);
   padding:20px 0px;
   color:#fff;
}
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;
color:#FFF;
border:1px solid #be0f34 !important;
}
.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, .column.half.half2 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:var(--lightpurple);
border-radius: 5px;
background-image:none !important;
background-color:#fff;
border:1px solid var(--lightpurple) !important;
text-transform:none;
font-size:16px;
transition:all .5s ease;
white-space:normal;
}

a.ce-button:hover, .column.half.half2 a.ce-button:hover,
#mobile_content_column a.ce-button:hover,
.inner-column a.ce-button:hover {
border:1px solid var(--darkpurple) !important;
background-color:var(--darkpurple) !important;
color:#FFF !important;

}
.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;
}

.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;
}


.update .cell-item.inner-column h1{
    color:#fff !important;
     padding:80px 0px;
}

@media (min-width : 320px) and (max-width :767px){
/* Styles */

.feeds .quarter{
   width:98% !important;
 

}
.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;
}

.panel3row .half1 .inner-column , .panel1row .half2 .inner-column {
   font-size:16px !important;
}
.panel3row .half1 .inner-column h2, .panel1row .half2 .inner-column h2 {
   font-size:18px !important;
}
.panel3row .half1 .inner-column h1, .panel1row .half2 .inner-column h1{
   font-size:20px !important;
}
}
@media (min-width: 1824px)
.panel3row .half1 .inner-column {
    padding: 120px 150px; !important}

.feeds .quarter{
   width:23%;
   margin:1%

}
#member_type .form-wrapper, #member_contact_business .form-wrapper {
    font-size: 18px !important;
}
.build-row.five-column.icons{
 padding-bottom:25px !important;
}
.feeds {

   margin-top:25px;
   margin-bottom:55px;
}


.feeds .build-column.third{
  padding:20px;

}




.build-column { padding:0px }

.home-page .build-column.fifth img{
   margin:25px 0px!important;
}
.home-page .build-column.fifth a {
    color:#fff;
    font-size:18px;
    margin-top:25px!important;
    text-decoration:none !important;
}


.events-feed .build-column.forty  .inner-column{
   background-color:#fff !important;
   padding:10px;
}


.feeds .ce-widget.facebook-widget.no-handler {
   margin: 0px auto !important;
}

.feeds .build-column.quarter {
     padding: 0px;
    color: #000 !important;
    box-sizing: border-box !important;
    border: 0px !important;
      background-color:#fff;
}

 .feeds .build-column.quarter .feeds-title .inner-column, .feeds .feeds-title .column.full{
   background-color:var(--lwvblue);
   padding:20px 0px;
   color:#fff;
}
body {
background-color:#FFF;
}
footer {
background-color:#FFF;
}

.rn-title, .rb-title, .tr-title, .ba-title, .job-title, .cid-title {
    display: block;
    margin-bottom: 15px;
    text-align: left;
    float: left;
    position: relative;
    padding-top: 5px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: -0.5px;
    font-family: lato;
color: #005596;
}

.rn-news-title {
    border-bottom: 1px solid #be0f34;
font-size: 20px;
}


.rn-line a, .job-widget-title {
    font-size: 18px;
    line-height: 1.5;
}

.rn-summary {
    white-space: normal;
    color: black;
    font-size: 14px;
}

.rn-datetime {
    margin-top: 5px;
font-size: 10px;
}

.ue-title {
    display: block;
    margin-bottom: 15px;
    text-align: left;
    float: left;
    position: relative;
    padding-top: 5px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: -0.5px;
    font-family: lato;
color: #005596;
}

.ue-event {
    clear: both;
    padding-bottom: 5px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #e7e9ea;
    margin-bottom: 5px;
}

.ue-datetime {
border: 1px solid var(--lwvred);
padding-bottom:5px;
    float: left;
    width: 50px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    box-sizing: border-box;
    font-family: "Roboto Condensed",Open Sans,Roboto,Calibri,Candara,Arial,sans-serif;
}

.ue-month {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1;
background-color: #be0f34;
color: white;
padding: 5px 5px;
}

.ue-day {
    line-height: 15px;
padding-top: 5px;
}

.ue-link, .ue-link a, .tr-line a, .ba-name {
    font-size: 18px;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    line-height: 1;
    font-family: lato;
padding-left: 5px;
}

.ue-desc, .ba-date, .job-desc {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: black;
    line-height: 1.4;
padding-left: 10px !important;
}
.top-hero h1 {
color:#ffffff;
}

.social-panel-icon img {
max-width:40px;
width:40px;
}
a.social-panel-icon {
width:40px;
height:40px;
}
#share_button_container {
height: 40px;
width: 40px;
background-size: 40px;
}