/*
 Theme Name:   Responsive Child
 Theme URI:    http://example.com/twenty-fourteen-child/
 Description:  Responsive Theme
 Author:       Wes Kempfer
 Author URI:   http://tnotw.com
 Template:     responsive
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  responsive-child
*/

/* @import url("../responsive/style.css"); */
/* @import url("css/bootstrap.css"); */

/* =Theme customization starts here

-------------------------------------------------------------- */


#container {
	margin: 0 auto;
	max-width: 100%; 
	padding: 0; 
}


#wrapper {
	background: #f9f9f9;
}

#header { 
	background: #ffffff;
}

#header-wrapper {
	border: none ;
}

#content-full {
	margin-top: 35px;
	max-width: 960px;
	float: none;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff ;
}

#content {
	background: #ffffff;
	border: 1px solid #dddddd;
}

/** header widget area adjustments */

#hwa-logo-widget {
	width: 100%
}



#hwalogo {
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 40px;
}

#hwacenter {
	padding-top: 10px;
}

#hwa-center-widget img {
	margin: 20px 0 0 0;
}


#mobile-only-logo {
	display: none ;
}

.post-entry {
	padding: 10px 15px 30px 44px;
}

#menu-msg {
border-left: 1px solid #585858;
color: #ffffff;
cursor: pointer;
display: block;
font-size: 13px;
font-weight: 700;
height: 45px;
line-height: 45px;
margin: 0;
padding: 0 0.9em;
position: relative;
text-decoration: none;
text-shadow: 0 -1px 0 #000000;
white-space: nowrap;
}

#wrapper {
margin-top: 0px
}

#content-full {
margin-top: 0px
}

th,
td,
table {
	border: none;
}

.header-cell {
	border: none;
}

#menu-top-navigation {
	float: left;
}

div#logo-area {
	width: 450px;
}

#header-table .container {
	width: 450px;
}

#header-table {
	width: 100%;
	position: relative;
	z-index: 1000;
	margin: 0;
}

#header-cell-logo {
	width: 45%;
	padding-left: 20px;
}

#header-cell-left {
	width: 5%;
}

#header-cell-center {
	width: 30%;
}

#header-cell-right {
	width: 20%;
}

#main-header {
	margin-bottom: -5px;
}

#main-footer {
	display: none;
}


.maxbutton {
	width: 100%;
}

#top-nav-container {
	height: 47px;
	border-bottom: 1px solid #dddddd;
}

.search-query {
	width: 100px;
	height: 25px;
}

#searchform,
#search-input {
	width: 150px;
	height: 25px;
}

#search-input {
	margin-bottom: 0;
}

#searchsubmit {
	margin-left: -6px;
	margin-bottom: -5px;
}

#searchform {
	margin-bottom: 0;
	margin-top: 0;
}
.hasCountdown {
	float: left;
}

.countdown_amount {
	color: #cc0033;
	font-size: 30px;
	font-weight: bold;
	margin-top: -2px;
}

.countdown_label {
	visibility: hidden;
}

#top-nav-table {
	width: 100%;
	margin: 0;
}

.table > tbody > tr > td.top-nav-cell {
	padding-top: 0;
	padding-left: 8px;
	padding-right: 0;
	padding-bottom: 0;
}

.top-nav-cell {
	height: 25px;
}

@media screen and (min-width: 750px) and (max-width: 825px)
{
	/* #widgets {
		width: 175px;
	}
	*/
	#widgets .widget-title h3 {
		font-size: 16px;
	}
}

@media screen and (min-width: 750px ) {
	#content {
		float: left;
	}
	#widgets {
		float: right;
	}
}


@media screen and (min-width: 767px ) {
	#top-nav-menu-cell {
		width: 30%;
	}
	
	#top-nav-left-wa-cell {
		width: 15%;
		border-left: 1px solid #dddddd;
	}
	
	#top-nav-center-wa-cell {
		width: 15%;
		border-left: 1px solid #dddddd;
	}
	
	#top-nav-right-wa-cell {
		width: 40%;
		border-left: 1px solid #dddddd;
	}
}

@media screen and (max-width: 766px ) {
	#top-nav-menu-cell {
		width: 30%;
	}
	
	#top-nav-left-wa-cell {
		width: 30%;
		border-left: 1px solid #dddddd;
	}
	
	#top-nav-center-wa-cell {
		width: 15%;
		border-left: 1px solid #dddddd;
	}
	
	#top-nav-right-wa-cell {
		width: 25%;
		border-left: 1px solid #dddddd;
	}
}

@media screen and (max-width: 750px ) {
	#content {
		display: inline-block;
		margin-left: 15%;
	}
	
}

@media screen and (max-width: 650px ) {
	#content {
		margin-left: 0;
		width: 100%;
	}
	
}

@media screen and (max-width: 570px ) {

	#top-nav-menu-cell {
		width: 30%;
	}
	
	#top-nav-left-wa-cell {
		display: none ;
	}
	
	#top-nav-center-wa-cell {
		width: 30%;
		border-left: 1px solid #dddddd;
	}
	
	#top-nav-right-wa-cell {
		width: 30%;
		border-left: 1px solid #dddddd;
	}

        #header-cell-left,
	#header-cell-center,
	#header-cell-right {
		display: none;
	}
	
	#mobile-only-logo {
		display: inline-block ;
		margin-left: auto;
		margin-right: auto;
	}

	#hwalogo {
		padding-top: 0;
		padding-bottom: 0;;
		padding-left: 10px;
		margin-left: auto;
		margin-right: auto;
	}

	#header-wrapper {
		margin-bottom: 0;
	}
		
}

@media screen and (max-width: 472px ) {

	#top-nav-menu-cell {
		display: none;;
	}
	
	#top-nav-left-wa-cell {
		display: none ;
	}
	
	#top-nav-center-wa-cell {
		width: 50%;
		border-left: 1px solid #dddddd;
	}
	
	#top-nav-right-wa-cell {
		width: 50%;
		border-left: 1px solid #dddddd;
	}
}

.top-bar-left-widget {
	margin-top: 8px;
}

.top-bar-left-widget h2.tbtitle {
	display: none;
}


.top-menu li a {
        border: none;
        color: #cc0033;
        font-size: 14px;
	font-weight: 800;
        padding: 0 4px 0 8px;
}

/**  
.menu {
        background: #cc0033;
	background:  linear-gradient(top, #005596 25%, #cc0033 25%);
	background:  -moz-linear-gradient(top, #005596 25%, #cc0033 25%);
	background:  -webkit-linear-gradient(top, #005596 25%, #cc0033 25%);
	background:  -ms-linear-gradient(top, #005596 25%, #cc0033 25%);
	background:  -o-linear-gradient(top, #005596 25%, #cc0033 25%);
        clear: both;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);
	padding: 0 5%;
}
*/





#menu-msg,
#menu-secondary-navigation a {
	border: none ;
}

/** 
.menu .current_page_item a,
.menu .current-menu-item a {
	background:  linear-gradient(top, #005596 25%, #cc0033 25%);
	background:  -moz-linear-gradient(top, #005596 25%, #cc0033 25%);
	background:  -webkit-linear-gradient(top, #005596 25%, #cc0033 25%);
	background:  -ms-linear-gradient(top, #005596 25%, #cc0033 25%);
	background:  -o-linear-gradient(top, #005596 25%, #cc0033 25%);
	clear: both;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);
} 
*/

.menu a {
        border-left: 1px solid #585858;
        color: #ffffff;
        cursor: pointer;
        display: block;
        font-size: 15px;
        font-weight: 700;
        height: 45px;
        line-height: 45px;
        margin: 0;
        padding: 0 1.4em;
        position: relative;
        text-decoration: none;
        text-shadow: none;
        white-space: nowrap;
}

@media screen and ( min-width: 651px ) { 
	.menu a:hover {
	        background-color: #cc0033;
	        background-image: -webkit-gradient(linear, left top, left bottom, from(#005596), to(#cc0033));
	        background-image: -webkit-linear-gradient(top, #005596, #cc0033);
	        background-image: -moz-linear-gradient(top, #005596, #cc0033);
	        background-image: -ms-linear-gradient(top, #005596, #cc0033);
	        background-image: -o-linear-gradient(top, #005596, #cc0033);
	        background-image: linear-gradient(top, #005596, #cc0033);
	        color: #ffffff;
	        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#005596, endColorstr=#cc0033);
	}
	
	ul.menu > li:hover {
	        background-color: #dd0044;
	        background-image: -webkit-gradient(linear, left top, left bottom, from(#005596), to(#cc0033));
	        background-image: -webkit-linear-gradient(top, #005596, #cc0033);
	        background-image: -moz-linear-gradient(top, #005596, #cc0033);
	        background-image: -ms-linear-gradient(top, #005596, #cc0033);
	        background-image: -o-linear-gradient(top, #005596, #cc0033);
	        background-image: linear-gradient(top, #005596, #cc0033);
	        color: #ffffff;
	        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#005596, endColorstr=#cc0033);
	}
	#menu-secondary-navigation { 
	        background: #cc0033;
		background:  linear-gradient(top, #005596 25%, #cc0033 25%);
		background:  -moz-linear-gradient(top, #005596 25%, #cc0033 25%);
		background:  -webkit-linear-gradient(top, #005596 25%, #cc0033 25%);
		background:  -ms-linear-gradient(top, #005596 25%, #cc0033 25%);
		background:  -o-linear-gradient(top, #005596 25%, #cc0033 25%);
		clear: both;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);
		padding: 0 5%;
	}
	#menu-secondary-navigation { 
	        background: #cc0033;
		background:  linear-gradient(top, #005596 25%, #cc0033 25%);
		background:  -moz-linear-gradient(top, #005596 25%, #cc0033 25%);
		background:  -webkit-linear-gradient(top, #005596 25%, #cc0033 25%);
		background:  -ms-linear-gradient(top, #005596 25%, #cc0033 25%);
		background:  -o-linear-gradient(top, #005596 25%, #cc0033 25%);
		clear: both;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);
		padding: 0 5%;
	}
	.menu .current_page_item a,
	.menu .current-menu-item a {
		background-color: #cc0033;
		background:  linear-gradient(top, #005596 25%, #cc0033 25%);
		background:  -moz-linear-gradient(top, #005596 25%, #cc0033 25%);
		background:  -webkit-linear-gradient(top, #005596 25%, #cc0033 25%);
		background:  -ms-linear-gradient(top, #005596 25%, #cc0033 25%);
		background:  -o-linear-gradient(top, #005596 25%, #cc0033 25%);
		clear: both;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);
	}
} 

.menu li li {
        background: #cc0033;
        background-image: none;
        border: 1px solid #ffffff;
        filter: none;
        margin: -1px 0 1px 0;
        width: auto;
}

.menu li li a {
        color: #ffffff;
        font-size: 15px;
        font-weight: 800;
        height: auto;
        height: 30px;
        line-height: 20px;
        padding: 5px 10px;
        text-shadow: none;
        white-space: nowrap;
}

.menu li li a:hover {
        background: #dd0044 !important;
        background-image: none;
        border: none;
        color: #ffffff;
        filter: none;
}

.menu li li:hover {
        background: #f5f5f5 !important;
        filter: none;
}

/**
.front-page .menu .current_page_item a {
        background: #cc0033;;
        background-color: transparent;
        background-image: none;
        filter: none;
}
*/


#footer {
	max-width: none ;
	width: 100%;
	color: #ffffff;
	background: #cc0033;
	background:  linear-gradient(top, #cc0033 75%, #005596 75%);
	background:  -moz-linear-gradient(top, #cc0033 75%, #005596 75%);
	background:  -webkit-linear-gradient(top, #cc0033 75%, #005596 75%);
	background:  -o-linear-gradient(top, #cc0033 75%, #005596 75%);
	background:  -ms-linear-gradient(top, #cc0033 75%, #005596 75%);
	clear: both;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);

}





.footer-menu li a {
        border: none;
	font-size: 14px;
	font-weight: 800;
        color: #ffffff;
}

.footer-menu li a:hover {
        color: #ffffff;
}


#footer a {
	color: #ffffff;
	font-weight: 800;
}

#footer a:hover {
	color: #f0f0f0;;
}


.maxbutton { 
	width: 100%;
}

.wp-image-4789 {
	margin-top: 20px;
}


.panel {
	box-shadow: none;
}

/* Don’t display breadcrumbs on front page */
.page-id-5520 .breadcrumb-list {
	display: none ;
}

.page-id-5520 .panel-grid {
	margin-bottom: 0 !important ;
}

/* adjustment for twitter timeline heading (Tweets from LWVSPA) */
#panel-5520-2-1-0 .textwidget {
	margin-top: 25px;
}

h1.post-title {
	font-size: 24px;
}

#tbwa_right_col {
	height: 35px;
}

.home_thumb {
	margin-top: 15px !important;
}

h4 a {
	color: #190152;
}

#panel-5520-2-0-0,
#panel-5520-2-0-1,
#panel-5520-2-0-2,
#panel-5520-2-0-3,
#panel-5520-2-0-4,
#panel-5520-2-0-5,
#panel-5520-2-0-6 {
	margin-bottom: 0 !important;
}

#pg-5520-1 .panel {
	margin-bottom: 10px !important;
}

.widget_categories h3,
.widget_listcategorypostswidget h3,
.widget_facebook_likebox h3 a,
.home_cat_widget h3 {
	font-size: 18px;
	font-weight: bold;
	color: #cc0033;;
}

.widget_categories ul,
.widget_listcategorypostswidget ul,
.home_cat_widget ul {
	list-style-type: none ;
	padding-left: 0;
}

.widget_categories ul li a,
.widget_listcategorypostswidget ul li a,
.home_cat_widget ul li a {
        font-weight: bold;
        color: #005596;
}

.home_cat_widget h5 {
	color: #005596;
}

.home_cat_widget a {
	color: #005596;
}

.lcp-title a {
    font-size: 14px;
    font-weight: bold;
    color: #005596;
}

#content-archive h3.entry-title {
	font-size: 18px;
	color: #005596;	
}

/* counter message on small screens */
#reg-short-msg  h5 {
	margin-top: 5px;	
	margin-bottom: 3px;	
}

/* Work around bug in google forms plugin-in */
a[href^="/static/forms/client/js"] {
    display: none;
}



/*
 * Fix for 10/2017 update that broke menu container width. WK. 
 */
#menu-header, .menu {
    max-width: 100%;
}

/*
 * Hide field for other issues in join/renew forms
 */
#list_other_issues-wrap {
	display: none;
}
/*
 * Hide "Donation total" at the bottom of the form.
 */
#give-final-total-wrap {
	display: none;
}