.toplogo {
margin-bottom:10px;
}

.static-bar { background-color:transparent !important; }

/* color changed to LWV blue by Chris*/
#menu_container,
ul.horizontal.site-menu,
.menu-toggle {
background-color:#005596 !important;
border-top:none;
border-bottom:none;
}

/* color changed to LWV red by Chris*/
ul.horizontal.site-menu li:hover,
ul.horizontal.site-menu li:hover span span {
background-color:#be0f34 !important;
}
ul.horizontal.site-menu li span a,
ul.horizontal.site-menu li span span {
color:#FFF !important;
font-family: Lato, sans-serif !important;
font-size:18px !important;
font-weight:normal !important;
}
.static-bar .login-link { display:none !important; }

/* From Home Page */
#bluebox {
    background-color:#005596;
    color:#FFF;
    font-size:18px;
    line-height:1.4;
    text-align:center;
    padding-top:80px;
    padding-bottom:80px;
    }
#bluebox h1 {
    width:100%;
    text-align:center;
    color:#FFF;
    margin-bottom:15px;
    }


h1 { font-weight:bold; }
footer,
.below-content {
background-color:#e6e6e6 !important;
}
.footer-container, .footer-container a, .footer-container span {
    color: #585858;
font-family:Lato, sans-serif;
}
.static-bar #social_panel { float:right; margin-top:0px; }
.static-bar #user_wrapper { margin-top:3px; }
.admin-table th,
.manager-table th {
background-color:#005596 !important;
}
#panel_links a:hover {
background-color:#00b8fe !important;
}

ul.horizontal.site-menu ul.sub-menu {
border-top:none !important;
}

/* color changed to LWV red by Chris */
ul.horizontal.site-menu ul.sub-menu li {
background-color:#be0f34 !important;
border-bottom:none !important;
}
ul.horizontal.site-menu ul.sub-menu li span a {
font-size:16px !important;
}
ul.horizontal.site-menu ul.sub-menu li:hover {
background-color:#00b8fe !important;
}

/* color changed to LWV blue by Chris */
.static-bar .add-me-link { color:#005596 !important; font-family:Lato, sans-serif !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;
}
#full_name,
.horizontal.control-panel-link,
#favorites_hover {
font-family:Lato, sans-serif;
}


/* horizontal rule added by Chris colors changed 12/20 */

/* dallaslink added by Chris */
.dallaslink a::before {
  content: "Quicklink for this page: http://lwvdallas.org/";
}
/* style for top row added by Chris */
.dallastop div {
  background-color: #005596;
  color: white;
  border: 10px solid #005596;
  overflow: hidden;
  padding: 2%;
}

.dallastop h1 {
  color: white;
}
.dallastop a {
  color: white;
}
.dallastop img {
  padding: 0px;
  width: 50%;
  height: auto;
  float: right;
  background-color: #005596;
}
/* table for frequently changed info added by Chris 2/21 */
.dallastable table td {
  border-collapse: collapse;
  padding: 10px;
  border: 1px solid black;
  background-color: #dbeef3;
}
.heading4text  /* editor: "h4" */{
  color:#585858;
  font-family: Merriweather serif;
  font-weight: 700;

  font-size:22px;
}

h3, h2 {
  margin-top: 20px;
}

.rn-line a {
  color: #005596;
}

.dallas-button { 
text-decoration: none;
background-color: #be0f34 !important; 
color: #ffffff !important; 
font-size:18px; 
padding: 5px 8px !important; 
line-height: 200%;
margin: 0px !important;
border: 1px solid #ffffff !important; 
transition: all .5s ease; 
border-radius: 5px; 
min-width: 200px; 
} 

.dallas-button:hover { 
background-color:#005596 !important; 
color: #ffffff !important; 
border: 1px solid #ffffff !important;} 

.layout-wrapper-home {
    max-width: 80rem !important;
    margin-left: auto;
    margin-right: auto;
}
.layout-wrapper-home-bottom {
    max-width: 83rem !important;
    margin-left: auto;
    margin-right: auto;
}
#mobile_layout_wrapper header {
background-color:#FFF;
}

@media (min-width : 320px) and (max-width :767px){
/* Styles */
header .hbutton {
position:relative;
top:initial;
right:initial;
display:block;
}
header .google-search-box {
width:100%;
float:none;
display:block;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
}

}
ul.horizontal.site-menu li, ul.horizontal.site-menu li:hover span span {
background-color:transparent;
}