/*   
Theme Name: Bill Posey
Theme URI: http://billposey.com
Description: Bill Posey's style theme
Author: Benjamin Ketnick
Author URI: http://datatargeting.com
Version: 3.0
*/

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font: 13px/1.3em Helmet, Freesans, sans-serif;}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) 
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} */

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

/* Style for Splash site.
-------------------------------------------------------------------------------*/
#signup h3{
	font-family: 'Raleway', sans-serif;
	color: #ffffff;
	font-weight: normal;
	text-align: center;
	font-size: 28px;
	margin: 60px 0 30px;
	text-shadow: 0px 2px 2px #121212;
	filter: dropshadow(color=#121212, offx=0, offy=2);
}
#signup{
	max-width:565px;
	margin: auto;
	overflow: visible;
	padding:30px 30px 100px;
}
#logo-splash{
	max-width: 567px;
	margin:100px auto 0px;
}
#signup input[type='text']{
	width:100%;
	border:1px solid #cccccc;
	padding: 5px;
	height:30px;
	margin-bottom: 2em;
}
#signup form .button{
	width: 100%;
	text-align: center;
	border:0px;
	display: inline-block;
}
#signup #continue, #signup #donate-splash{
	text-align: center;
	margin-top: 50px;
}
#signup #donate-splash{
	margin-top: 20px;
}
#signup #donate-splash a{
	font-size: 21px;
	display: inline-block;
}
#signup #continue a{
	font-size: 21px;
	background: #061f34;
	font-weight: bold;
	display: inline-block;
}
/* Style for Main site.
-------------------------------------------------------------------------------*/
html, body{
	height:100%;
	background: url(images/bg.jpg) repeat fixed center top;
}
p{
	margin: 1em 0;
}
blockquote{
	margin: auto 30px;
	font-style: italic;
}
#content ul{
	list-style-type:disc;
	margin-left:2em;
}
#content ol{
	margin-left:2em;
}
#content li{
	margin:1em 0;
}
.dateline{
	color:#898989;
	line-height:110%;
}
#content{
	line-height:1.3em;
}
#header-social{
	width:100px;
	position:absolute;
	top:20px;
	right:0px;
}
#header-social a{
	float:right;
	margin:0 5px;
}
#content h1, #content h2, #content h3{
	font-family: 'Raleway', sans-serif;
}
#content h1{
	margin-bottom: 13px;
	color:#a8071d;
	font-size:30px;
	font-weight:700;
}
#content h2, #content h2 a{
	font-size: 20px;
	color: #a8071d;
	font-weight: bold;
	transition:color 0.3s;
}
#content h3, #content h3 a{
	font-family: arial, sans-serif;
	font-size: 16px;
	color: #001225;
	font-weight: bold;
	margin:1em 0;
	transition:color 0.3s;
}
#content h2 a, #content h3 a{text-decoration:underline;font-size:inherit;}
#content h2 a:hover, #content h2 a:focus, #content h3 a:hover, #content h3 a:focus{color:#ff0023;}
#wrap{
	min-height: 100%;
	background: url(images/bg-flag.jpg) no-repeat fixed	center top;
}
#container{
	padding-top:1px;
	padding-bottom:150px;
	max-width: 960px;
	margin: auto;
	-moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;
}
.button{
	background: #c3080c;
	padding:5px 15px;
	color: #ffffff;
	min-height: 30px;
	font-family: 'Raleway', sans-serif;
	text-decoration: none;
	display:block;

}
body .nf-response-msg, body .nf-response-msg p{color:white;}
.nf-form-fields-required, .nf-error-msg{display:none !important;}
.widget .nf-error .ninja-forms-field{border-width:2px;}
.widget #ninja_forms_required_items, .widget .nf-field-container{margin-bottom:15px;}
.nf-field-element input, .nf-field-element select, .nf-field-element textarea{padding:5px !important;}
.petition-icon{
	padding-left: 30px;
	background: url(images/petition-icon.png) no-repeat left center;
}
.donate-icon{
	padding-left: 25px;
	background: url(images/donate-icon.png) no-repeat left center;
}
.facebook-icon{
	padding-left: 25px;
	background: url(images/facebook-icon.png) no-repeat left center;
}
.volunteer-icon{
	padding-left: 40px;
	background: url(images/volunteer-icon.png) no-repeat left center;
}
.contact-icon{
	padding-left: 40px;
	background: url(images/email-icon.png) no-repeat left center;
}
#backstripe-r, #backstripe-l{
	background:#d4d0ca url(images/footer-bg.jpg) repeat center top;
	height:390px;
	position: absolute;
	top:401px;
}
#backstripe-r{
	right:0;
	left:50%;
	margin-left: 460px;
}
#backstripe-l{
	left:0;
	right:50%;
	margin-right: 460px;
}
#slidecontainer{
	position: relative;
	z-index: 110;
	background: #444;
	border-top: 10px solid #ffffff;
	border-right: 10px solid #ffffff;
	border-left: 10px solid #ffffff;
}
#content-box{
	position: relative;
	padding: 0 20px 40px;
	display: table;
	width:100%;
}
#content{
	display: table-cell;
	background:#d9dee1;
	background: rgba(255,255,255,.9);
	padding:20px;
	max-width: 70%;
	-webkit-box-shadow:inset 0 5px 5px 0 #bec3c6;
			box-shadow:inset 0 5px 5px 0 #bec3c6;
}
.section-header{
	color:#898989;
	position: relative;
	display: table;
	width: 100%;
	margin: 1em 0 !important;
}
.section-header span.textin{
	display: table-cell;
	padding-right: 10px;
	line-height: 17px;
	white-space: nowrap;
}
.section-header span.fillin{
	background: #cdcdcd;
    display: table-cell;
    width: 100%;
}
.post{
	margin:1em 0;
}
/* Style for Sidebar.
-------------------------------------------------------------------------------*/

#sidebar{
	display: table-cell;
	background:#47525c;
	background: rgba(0,0,0,.5);
	width: 30%;
	-webkit-box-shadow:inset 0 5px 5px 0 #333;
			box-shadow:inset 0 5px 5px 0 #333;
}
#sidebar h3{
	background: #c3080c;
	color:#ffffff;
	font-size: 19px;
	padding: 9px;
	font-family: 'Raleway', sans-serif;
	border-bottom: 1px solid #820001;
}
#sidebar .widget-title-link h3{
	background: #c3080c url(images/up.png) no-repeat 95% center;
}
#sidebar .widget-title-link.collapsed h3{
	background: #950001 url(images/down.png) no-repeat 95% center;
}
#fname, #lname, #email{
	display:block;
	border:0px;
	padding:8px;
	width:92%;
	margin: 10px 10px 0 10px;
}
#newssubmit, .newssubmit{
	border:0;
	margin:10px;
	padding: 0 30px;
}
.widget-title-link:hover{
	text-decoration: none;
}

.zframe-flickr-wrap-ltr img{
    float:none !important;
    margin:10px;
}
.flickr_badge_image {
    float: left;
    text-align: center;
	width: 50%;
	height:250px;
}
.widget_flickr .flickr_badge_image{
	height:130px;
}
.entry .flickr_badge_image {
	padding:10px;
}

/* Style for Header.
-------------------------------------------------------------------------------*/
#header{
	height:340px;
	position: relative;
}
#logo{
	height: 150px;
	position: absolute;
	left:0;
	right:0;
	top:40px;
	background: url(images/logo-1r.png) no-repeat center center;
	background-size: contain;
	background-origin:content-box;
}
#tagline{
	width:422px;
	height: 58px;
	position: absolute;
	margin-left: -181px;
	top: 207px;
	left:50%;
	background: url(images/tagline.png) no-repeat center center;
	background-size: contain;
	background-origin:content-box;
}
#donate .button{
	padding: 6px 20px;
	font-size: 18px;
	position: absolute;
	right: 30px;
	top:205px;
	border:2px solid #9e010b;
	transition:color 0.3s, background 0.3s, border 0.3s;
	-webkit-border-radius: 5px;
			border-radius: 5px;
}
#donate .button:hover, #donate .button:focus{
	text-decoration:none;
	color:red;
	background:white;
	border-color:white;
}
#bill{
	width:363px;
	height:313px;
	position: absolute;
	/*left:-60px;*/
	bottom:-10px;
	background: url(images/bill1.png) no-repeat center top;
	z-index: 100;
}
#topborder{
	border-bottom:10px solid #ffffff;
	position: relative;
	width: 100%;
	height:1px;
	z-index: 110;
}
#tl{
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 20px 20px 0;
	border-color: transparent #b1aba2 transparent transparent;
	position: absolute;
	top:10px;
	left:0;
	z-index: 110;
}
#tr{
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 20px 0 0;
	border-color: #b1aba2 transparent transparent transparent;
	position: absolute;
	top:10px;
	right:0;
	z-index: 110;
}

/* Style for Nav.
-------------------------------------------------------------------------------*/
#nav{
	position: absolute;
	z-index: 120;
	right:0px;
	bottom: 0px;
	background: rgb(195,8,15);
	background: -moz-linear-gradient(top,  rgb(195,8,15) 0%, rgb(191,70,70) 4%, rgb(195,8,15) 23%, rgb(167,7,29) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(195,8,15)), color-stop(4%,rgb(191,70,70)), color-stop(23%,rgb(195,8,15)), color-stop(100%,rgb(167,7,29)));
	background: -webkit-linear-gradient(top,  rgb(195,8,15) 0%,rgb(191,70,70) 4%,rgb(195,8,15) 23%,rgb(167,7,29) 100%);
	background: -o-linear-gradient(top,  rgb(195,8,15) 0%,rgb(191,70,70) 4%,rgb(195,8,15) 23%,rgb(167,7,29) 100%);
	background: -ms-linear-gradient(top,  rgb(195,8,15) 0%,rgb(191,70,70) 4%,rgb(195,8,15) 23%,rgb(167,7,29) 100%);
	background: linear-gradient(to bottom,  rgb(195,8,15) 0%,rgb(191,70,70) 4%,rgb(195,8,15) 23%,rgb(167,7,29) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3080f', endColorstr='#a7071d',GradientType=0 );
	-webkit-border-radius: 10px 10px 0px 0px;
			border-radius: 10px 10px 0px 0px;
}
.menu-main-container{
	max-width:960px;
	height:60px;
	margin:auto;
	position:relative;
	z-index:900;
}
.menu-main-container ul{
	margin:0;padding:0;
}
.menu-main-container li{
	display:block;
	float:left;
	/*line-height:60px;*/
	text-align: center;
	/*height:60px;*/
	position:relative;
}
.menu-main-container > ul > li:last-child a{
	-webkit-border-radius: 0px 10px 0px 0px;
			border-radius: 0px 10px 0px 0px;
}
.menu-main-container > ul > li:first-child a{
	-webkit-border-radius: 10px 0px 0px 0px;
			border-radius: 10px 0px 0px 0px;
}
.menu-main-container li a{
	display:block;
	height:60px;
	line-height:60px;
	color:#ffffff;
	padding:0 20px;
	border-right: 1px solid #c12d3c;
	border-left: 1px solid #a40718;
	text-transform:uppercase;
	text-decoration:none;
	font-family:'Raleway', sans-serif;
	font-weight:normal;
	font-size: 15px;
}
.menu-main-container li a:hover{
	background: #9c1216;
}
.menu-main-container ul ul{
	display:none;
	position:absolute;
	top:60px;
	z-index: 9000;
}
.menu-main-container ul ul li{
	float:none;
	width:190px;
	line-height: 30px;
	height: 30px;
	border-bottom:1px solid #a34a4d;
}
.menu-main-container ul ul li:last-child{
	border-bottom:none;
}
.menu-main-container ul ul li:hover{
	background-color:#b00714;
}
.menu-main-container ul ul li a{
	color:#FFFFFF;
	font-size: 12px;
	padding:0px 10px 5px;
	line-height: 30px;
	height:30px;
	border:0;
}
.menu-main-container ul li:hover > ul{
	display:block;
}
ul.sub-menu{
	position: absolute;
	background: #851014;
	z-index: 9000;
}
#topnav a{
	display: inline-block;
	color:#ffffff;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	line-height: 30px;
	font-size: 15px;
	text-decoration: none;
}
#topnav{
	background: #042a49;
}
#topnav-inner{
	max-width: 960px;
	margin: auto;
	padding: 10px;
}
#topnav-inner div{
	text-align: center;
}
/* Volunteer form
-------------------------------------------------------------------------------*/
#volunteerform label, #contactform label{
	display:block;
	margin:10px 0 2px;
}
.req{
	color:#c80000;
}
#volunteerform input[type='text'], #volunteerform textarea{
	width:100%;
	padding:4px;
	border:1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html.ie7 #volunteerform input[type='text'], html.ie7 #volunteerform textarea{
	width:98%;
}
html.ie7 #volunteerform td.spacer{
	margin:0;
	padding:0;
	width:5px;
}

/* Style for Footer.
-------------------------------------------------------------------------------*/
#footer{
	background: url(images/footer-bg.jpg) repeat center top;
	position: relative;
	margin-top: -150px;
	padding-top: 1px;
	min-height:150px;
	clear: both;
	-moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;
}
#footer-inner{
	max-width:960px;
	margin:auto;
	color:#8e8c89;
}
#footer-inner a, #footer-inner a:hover{
	color:#8e8c89;
}
.disclaimer{
	border:1px solid #8e8c89;
	padding: 5px 20px;
	display: inline-block;
}
.icon-email, .icon-phone, .icon-address{
	line-height: 26px;
	padding-left: 35px;
}
.icon-email{
	background: url(images/email-footer.png) no-repeat left center;
}
.icon-phone{
	background: url(images/phone-footer.png) no-repeat left center;
}
.icon-address{
	background: url(images/mailbox-footer.png) no-repeat left center;
}
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
.ie6 #wrap {
	display:table;
	height:100%;
}


/* Responsive.
-------------------------------------------------------------------------------*/
.menu-toggle{
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #D84D50;
	background-color: #82000F;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #990B0E, #82000F);
	background-image: -ms-linear-gradient(top, #990B0E, #82000F);
	background-image: -webkit-linear-gradient(top, #990B0E, #82000F);
	background-image: -o-linear-gradient(top, #990B0E, #82000F);
	background-image: linear-gradient(top, #990B0E, #82000F);
	border: 0px solid #AD000D;
	border-radius: 8px;
	cursor:pointer;
}
.menu-toggle {
	display: none;
}

@media (max-width: 973px) {
	#backstripe-l, #backstripe-r{
		display:none;
	}
	#bill{left:-60px;}
}

@media(max-width:860px){
	#bill{display:none;}
	.menu-main-container{height:auto;}
	.menu-main-container li a{
		padding:0 10px;
		height:40px;
		line-height:40px;
		font-size:13px;
	}
	.menu-main-container ul ul{top:40px;}
	#donate{display:none;}
	#nav{width:100%;}
}
@media (max-width: 767px) {
	#content h1{font-size:25px !important;}
	#content h2{font-size:18px !important;}
	#content h3{font-size:15px !important;}
	.menu-main-container li a{
		border-right: 0;
		border-left: 0;
	}
	#bill, #donate{
	    display: none;
	}
	#nav, .menu-main-container{
		width:100%;
		text-align: center;
		height: auto;
	}
	.menu-main-container li{
		float: none;
		display: inline-block;
	}
	.menu-main-container ul ul li{
		border-bottom: 0;
	}
	#footer{
		text-align: center;
	}
	.icon-email, .icon-phone, .icon-address{
		display: inline;
		padding: 35px 0 35px 35px;
	}
	#nav{
		margin:10px 0 0 0;
		padding:5px 0;
	}
	#nav, .main-menu-container{height:auto;}
	.menu-toggle{font-size:16px;padding:10px 15px;}
	#topnav-inner a:not(.facebook-icon){margin-bottom:10px;}
}
@media (max-width: 670px){
	#content, #sidebar{
		max-width: 100%;
		width: 100%;
		display: block;
	}
	#logo, #nav, ul.sub-menu, .menu-main-container li, .menu-main-container ul ul{
		position:static;
	}
	#header-social{
		display:none;
	}
	#header{
		height:inherit;
	}
	.menu-main-container li{
		display:block;
		height:inherit;
	}
	.menu-main-container ul ul{
		display:block;
	}
	.menu-main-container ul ul li{
		width:inherit;
	}
	ul.nav-menu.toggled-on,
	.menu-toggle {
		display: inline-block;
	}
	#nav .nav-menu, #nav .menu{
		display:none;
	}
	#nav .nav-menu.toggled-on{
		display:block;
	}
	#tagline{
		width:100%;
		position:static;
		margin:0;
		padding:0 10px;
		background-position:center center;
	}
	#logo{padding:15px;}
}
@media(min-width:671px){
	.menu-main-container li.menu-item-has-children>a:after{
		content:'\25bc';
		font-size:.8em;
		vertical-align:middle;
		margin-left:5px;
	}
}
/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/

.post {}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}

#sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}
	
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* Lee Jan 30, 2020 */

#topnav-inner{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
	padding: 0;
}
#topnav-inner a{
	padding:10px;
	margin: 0 !important;
	text-align: center;
	transition:opacity 0.3s;
}
#topnav-inner a *{vertical-align: middle;}
#topnav-inner a i{
	font-size:1.5em;
	margin-right:10px;
}
#topnav-inner a:hover{
	opacity:0.5;
}
#topnav-inner a#donatedesktop{
	color:#008fff;
}

#nav{
	background: rgb(195,8,15) !important;
	border-radius:0;
	-webkit-border-radius:0;
}
.menu-main-container li a{
	border:none !important;
	transition:background 0.3s;
}
#bars{
	width:60px;
	margin:auto;
	border-radius:0;
	padding:10px;
}
#bars span{
	display: block;
	width:100%;
	height:2px;
	background:white;
}
#bars span:not(:last-child){
	margin-bottom: 10px;
}

.donatemobile{
	display: block;
	background:#c3080c;
	position: relative;
	color:white;
	text-transform: uppercase;
	width:100%;
	padding:15px;
	font:700 25px Raleway, Arial, sans-serif !important;
	text-align: center;
	transition:background 0.3s;
	z-index: 0;
	text-decoration: none;
	white-space:pre;
}
.donatemobile.petition{
	background:#003f73;
}
.donatemobile:after{
	content:'';
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width:100%;
	height:100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,e5e5e5+100 */
	background: rgb(0,0,0); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 */
	z-index: -2;
	mix-blend-mode:overlay;
	opacity:.5;
}
.donatemobile i{
	margin-left:10px;
	color:#f4d448;
}
.donatemobile.petition i{color:#008fff;}
.donatemobile:hover, .donatemobile:focus{
	background:#003f73;
	color:white;
	text-decoration: none;
}
.donatemobile.petition:hover, .donatemobile.petition:focus{
	background:#c3080c;
}
@media(max-width:767px){
	#topnav-inner a span{
		display: block;
		font-weight:400;
		line-height:1em;
	}
	#topnav-inner a i{
		margin: 0 0 10px 0;
	}
}
@media(min-width:768px){
	#topnav .donatemobile{display: none !important;}
}