@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;
--color:#521C50;
--color2:#820263;

}

element.style {
}
a {
    font-size: 18px;
    font-family: 'Lato', sans-serif;
    color: black;
}

.magic-text h1{
   margin-top:50px;
}

.magic-text{
 min-height:305px;
   margin-left:4%;
   MARGIN-TOP:11px;
   padding:40px !important;

}

.magic-image .resp-row .half{

    width:43%;
}
.overlay h2, .overlay h3{
    color:#fff !important;
}

.leafbg .inner-column .resp-row .column.third .inner-column{
    background-color: #fff !important; 
}

.leafbg .inner-column .resp-row .column.third .inner-column a{
    margin-bottom:10px;
    text-decoration:none !important;
    font-size:34px;
    color:#7F7F85 !important;
}


.build-column.half .inner-column{
   color:#fff;
}
.to-vote .ways-vote .resp-row {
      width: 75%;
      margin: 40px auto;

} 

.ways-vote h1{
  
   text-align:center;
}

.ways-vote .third.column h1{
     color:#a3b9cb;
     font-size:52px;
     font-family: 'Montserrat', sans-serif;

}
.resp-row.back-image{
    width: 92%;
    padding: 4% 4% 0 4%;
}
.icons .resp-row {
   width:90%;
   margin:0 auto;
}
.icons .six-column{
    width:14.6%;
    margin:1%;
}

.news-row .build-column.half:nth-of-type(2) .inner-column {
    padding:78px;
    background-color: var(--lwvblue);
}

.news-row h2{
   color:#fff;
   margin:0px !important;
}

.news-row h1 {
   color:#fff !important;
    font-size:36px;
}

.news-row a{
   text-decoration:none !important;
   color:#fff !important;
}



.icons .six-column img{
     width:80% !important;
     margin:0 auto !important;
}
.icons .six-column a{
   text-decoration:none !important;
   color:#fff;
   text-align:center !important;
   font-size:14px;
   margin:0 auto !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; }

.ce-button,
#mobile_content_column a.ce-button,
.inner-column a.ce-button {

font-weight:normal;
padding:8px 15px;
background-color:transparent;
color:#FFF;
border-radius:0px;
background-image:none !important;
background-color:var(--lwvred);
border:0px !important;
text-transform:none;
font-size:16px;
transition:all .5s ease;
white-space:normal;
text-shadow:none !important;
}

.ce-button:hover,
#mobile_content_column a.ce-button:hover,
.inner-column a.ce-button:hover {

background-color:var(--color2) !important;
color:#FFF;
text-shadow:none !important;

}



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


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


/* iPads (portrait and landscape) --- */
@media (min-width : 768px) and (max-width : 1024px) {
/* Styles */
 .to-vote .ways-vote .resp-row {
      width: 100%;
      margin: 40px auto;

}

.news-row .build-column.half{
   width:100% !important;

}
.leafbg .column{
 padding:10px !important;
}
  .magic-text h1{
   margin-top:5px;
  font-size:22px !important;
}

.magic-text{
 min-height:270px;
   margin-left:4%;
   MARGIN-TOP:-5px !important;
   padding:20px !important;
   font-size:14px;

}
.magic-text .inner-column{
   font-size:12px !important;
}

.magic-image .resp-row .half{

    width:50%;
}

#mobile_content_column .magic-text .inner-column .ce-button, .magic-text .inner-column .ce-button {
    width: 100% !important;
}
}

 /* Smartphones (portrait and landscape) --- */
@media (min-width : 320px) and (max-width :767px){
/* Styles */
.icons .six-column{
    width:45%;
    margin:1%;
}

 .magic-text h1{
   margin-top:5px;
  font-size:22px !important;
}

.news-row .build-column.half:nth-of-type(2) .inner-column{
   padding:10px;
}
.magic-text{
 min-height:200px;
   margin-left:0px !important;
   MARGIN-TOP:250px !important;
   padding:15px !important;
   font-size:12px !important;

}
.magic-image .resp-row .half{

    width:100%;
padding:0x !important;
}

#mobile_content_column .magic-text .inner-column .ce-button, .magic-text .inner-column .ce-button {
    width: 100% !important;
}
}

.bottom-container {
    background-color: #005596;
}