footer {
background-color:#000;
}

h1, h2, h3 {
   background-color:transparent !important;
   padding:0px !important;
}

h3{
text-transform:uppercase !important;

}
.template-column.fifth a{
   color:#fff !important;
   text-decoration:none !important;
   margin:50px 0px;
}


#page_content{
   line-height:1.4 !important;
}
.ghostbutton {
padding:10px 20px;
border:2px solid #FFF;
border-radius:5px;
margin-left:10px;
font-family:Lato,sans-serif;
font-weight:bold;
font-size:16px;
color:#FFF;
text-decoration:none;
transition:all .5s ease;
}
.ghostbutton:hover {
background-color:#005596;
}
.centerlinks a {
color:#FFF;
text-decoration:none;
}
.centerlinks a:hover {
text-decoration:underline;
}
.bottom-container {

}

@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:#ff !important;
font-family: Lato;
font-weight:bold !important;
font-size:18px !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:#005596 !important;
}
#menu_container {
border-top:none;
border-bottom:none;
padding-top:5px;
padding-bottom:5px;
}
.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:0px;
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;
}
.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;
}


.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;
}
#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 .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;
}
.icons .build-row.five-column{
 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 {
    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;
}
.center-col {
    width: 100%;
}
.ue-details {
    max-width: calc(100% - 50px);
}
#full_width-337597621 ul.site-menu li.selected-menu-item span a {
  //color: #FFFFFF !important;
  //background-color: #be0f34;
}
.learnmore-button .hero-text a {
text-shadow:none !important;
}

    .header-buttons a {
    background-color:#005596;
    font-family: 'Lato',sans-serif;
    border-radius:5px;
    text-decoration:none;
    color:#FFF;
    font-size:16px;
    font-weight:normal;
    padding:10px 25px;
    transition:all .5s ease;
    border:2px solid #005596;
    margin-left:5px;
    }
    .header-buttons a.hbutton1 {
    background-color:transparent;
    color:#000;
    border:2px solid #000;
    }
    .header-buttons a.hbutton3 {
    background-color:#ECA400;
    border:2px solid #ECA400;
    color: #000000;
    }
    .header-buttons a.hbutton2 {
    background-color:#521C50;
    border:2px solid #521C50;
    color: #ffffff;
    }
    .header-buttons {
    float:right;
    margin-top:30px;
    }
    .header-buttons a.hbutton1:hover {
    background-color:#000;
    color:#FFF;
    }
    .header-buttons a.hbutton2:hover {
    background-color:#000;
    border:2px solid #000;
    color: #ffffff;
    }
    .header-buttons a.hbutton3:hover {
    background-color:#000;
    border:2px solid #000;
    color: #ffffff;
    }
    .toplogo,
    .toptext {
    vertical-align:middle;
    }
    #mobile_layout_wrapper .toplogo,
    #mobile_layout_wrapper .toptext {
    margin-left:auto;
    margin-right:auto;
    clear:left;
    display:block;
    }
    /* Smartphones (portrait and landscape) --- */
    @media (min-width : 320px) and (max-width : 480px),
    (min-width : 375px) and (max-width : 667px){
    /* Styles */
    .header-buttons { clear:left; margin-top:10px; margin-bottom:10px; text-align:center; float:none;}
    .header-buttons a { display:inline-block; float:none; margin-left:5px; margin-right:5px; font-size:12px;}
	#social_panel {
		left:initial;
	}
	#header_cell img {
		max-width:95% !important;
		display:block !important;
		margin:0px auto !important;
    }