/*
Theme Name: Elect DuPree 2019
Theme URI: https//www.warrenmultimedia.com
Author: Warren Multimedia
Author URI: http://www.warrenmultimedia.com
Description: DuPree for Mayor
Version: 1.0
License: Private
License URI: http://www.warrenmultimedia.co
Tags: n/a
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/




/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */
* { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
}
.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}
img#wpstats{width:0px;height:0px;overflow:hidden; position: absolute;}
.entry-title {display:none;}


/* =WordPress Core
-------------------------------------------------------------- */
.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;
}

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

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}





@media screen and (min-width: 1081px) {
body{font-family: 'Roboto', sans-serif; margin:0%; padding:0%; background-color:#1a4683;}
	
	#pageLogo {position:fixed; top:.5%; left:10%; width:10%; z-index:2; min-width:150px;}
	#pageLogo img {width:100%; height: auto;}
	
	
	
	img {border-radius: 10px;}
	#topContent{background-color:#1a4683; position: fixed; width:100%; z-index: 1;}
	#menuDiv .menu ul {margin:0%; padding:1% 10% 1% 10%; overflow: auto; }
	#menuDiv .menu ul li {float:right; list-style: none; font-family: 'Oswald', sans-serif; font-weight: 300; text-transform:uppercase; padding:.5%; font-size:24px; margin:0% 2%;}
	#menuDiv a:link{color:#ffffff; text-decoration:none; }
	#menuDiv a:hover{color:#ffffff; text-decoration:none;}
	#menuDiv a:active{color:#ffffff; text-decoration:none;}
	#menuDiv a:visited{color:#ffffff; text-decoration:none;}
	#menuOpen{display:none;}
	#menuClose{display:none;}

	#homeVideo { position: fixed; right: 0; bottom:-20%; min-width: 100%;  min-height: 100%; z-index: -1; }
	.home-content {height:98vh; position: relative;}
	#hc {position:absolute; bottom:0%; width:100%; background-color:rgba(26,70,131,.70);}
	#hc-txt {text-align:center; color:#ffffff; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 40px; width:50%; margin:0% auto; padding:0% 0% 5% 0%;}
	#hc-logo {text-align:center;}
	#hc-logo img {width:20%; height: auto;}
	
	#home-about {overflow: auto; padding:0% 10% 0% 0%; background-color:#000000; background-image:url("images/bg-bio.jpg"); background-size:100% auto; background-attachment: fixed; background-repeat: no-repeat;}
	#ha-txt {float:left; width: 60%; line-height: 30px; color:#ffffff; text-align: justify; padding: 3% 3% 3% 10%; background-color:rgba(26,70,131,.80);}
	#ha-txt .entry-title {font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 40px; text-transform: uppercase;}
	#ha-txt h3 {font-family: 'Oswald', sans-serif; font-weight: 100; font-size: 30px; line-height: normal;}
	
#pageBG {display:none;}
#cs-content{width
:30%; margin:0% auto; padding:10% 0% 0% 0%;}
#cs-logo {width:100%;}
#cs-logo img {width:100%; height:auto;}
@keyframes contributebutton {
  from {width:50%; font-size:2px;}
  to {width:90%; }
}

#footer {width:100%; background-color:#1a4683;}
	#socialLinkC {width:150px; margin:0% auto; padding: 1% 0% 1% 0%;}
	#socialLink {height:30px; width: 30px; float:left; margin:0% 10px 0% 10px;}
	#socialLink img {width:100%; height:auto;}
#copyright {text-align:center; color:#ffffff; font-size:10px; text-transform:uppercase; padding:2%;}
	
	

/*contribution form code*/
#contributeform {width:100%; background-color:#ffffff;  margin:0% auto 0% auto; overflow:auto; padding:7% 10% 0% 10%; min-height:85vh;}
#cfH {width:70%; margin:0% auto;  text-align:center; padding-top:5%;}
#cfH img {width:30%; height:auto;}
#cf { }
#cfC {float:left; width:50%; padding:1% 1% 1% 1%;  overflow:auto; }
#cfC h2 {color:rgba(57,106,152,1.00); text-transform:uppercase; font-size:27px; }
#cfC .entry-title {display:none;}
.radio-group{
    position: relative;
}
#gfc {padding:1px; float:left; width:50%;}
#donatesubtext {padding:1%;}
.givefield{
    display:inline-block;
    width:48%;
	margin:3px;
    background-color:rgba(57,106,152,1.00);
    cursor:pointer;
	text-align:center;
	font-size:20px;
	color:#ffffff;
	float:left;
	padding:3%;
	border-radius:5px;
}
.submitdonate {width:98.5%; margin:10px 0px; background-color:rgba(89,158,52,1.00); color:#ffffff; padding:2%; font-size:14px; font-weight:bold; border-radius:5px;  border:none;}
.givefield.selected{
 background-color:rgba(99,162,188,1.00);
}
.givefield input {width:90%; float:right; border:none; font-size:12px; font-weight:bold; color:rgba(57,106,152,1.00); border-radius:3px; padding:3px;}


/*Generic Page Style*/
#page {min-height:80vh; background-color: #ffffff; overflow: auto;}
	#page-generic {padding:10%;}
	

/*Get Involved Styles*/
	
	#Return {display: none; text-align: center;}
	#gi-C{padding:5% 10% 3% 10%; overflow: auto; }
	#gi-C {}
	#gi-C input[type=text]{width:100%; padding:2%; border-radius: 5px; border:1px solid rgba(101,145,181,1.00); margin-bottom:1%; font-size: 15px; font-weight: bold;} 
	#gi-C input[type=submit]{width:100%; padding:2%; border-radius: 5px; border:0px; background-color:rgba(32,121,204,1.00) ; color:rgba(255,255,255,1.00); font-weight: bold; text-transform: uppercase; margin-bottom:1%; font-size: 24px;} 
	#gi-C select{width:100%; padding:2%; border-radius: 5px; border: 1px solid rgba(48,90,130,1.00); -webkit-appearance: none;
         -moz-appearance: none;
          appearance: none; margin-bottom:1%; font-size: 15px; font-weight: bold;} 
	#gi-btns {padding-top:5%;}
	#gi-volunteer{width:33.333333333333333%; float: left; padding: 2%;}
	#gi-volunteer img {width:100%; height: auto;}
	#gi-signs{width:33.333333333333333%; float: left; padding: 2%;}
	#gi-signs img {width:100%; height: auto;}
	#gi-news {width:33.333333333333333%; float: left; padding: 2%;}
	#gi-news img {width:100%; height: auto;}
	#gi-btn {background-color:#588bc0; border-radius: 10px; padding: 2%; text-align: center; color:#ffffff; font-family: 'Oswald', sans-serif; font-weight: 500; text-transform: uppercase; font-size: 25px;}
	#form-volunteer {display:none; width: 60%; margin: 0% auto;}
	#form-signs {display:none; width: 60%; margin: 0% auto; }
	#form-news {display:none;  width: 40%; margin: 0% auto;}
	.g-recaptcha {margin-bottom:1%; padding:0%;}
	#formColumn {width:50%; float:left; padding:0% 1%; }
	#formHeader {font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 37px; text-align: center; text-transform: uppercase; color:#1a4683; padding:0%; margin:0%;}
	#form div {padding:2%;}
	
	/*Get Newsletter Styles*/
	
	#NewsMain{float:right; width:75%; padding:0% 5% 5% 0%; line-height: 24px; text-align: justify;}
	#NewsMain .entry-title {display:inherit;}
	#NewsMenu{float:right; width:25%;}
	

}





@media only screen and (min-width: 651px) and (max-width: 1080px){
body{font-family: 'Roboto', sans-serif; margin:0%; padding:0%; background-color:#1a4683;}
	
	#pageLogo {position:fixed; top:.5%; left:5%; width:10%; z-index:2; min-width:150px;}
	#pageLogo img {width:100%; height: auto;}
	
	img {border-radius: 10px;}
	#topContent{background-color:#1a4683; position: fixed; width:100%; z-index: 1;}
	#menuDiv .menu ul {margin:0%; padding:1.5% 5% 1.5% 5%; overflow: auto; }
	#menuDiv .menu ul li {float:right; list-style: none; font-family: 'Oswald', sans-serif; font-weight: 300; text-transform:uppercase; padding:.5%; font-size:18px; margin:0% 2%;}
	#menuDiv a:link{color:#ffffff; text-decoration:none; }
	#menuDiv a:hover{color:#ffffff; text-decoration:none;}
	#menuDiv a:active{color:#ffffff; text-decoration:none;}
	#menuDiv a:visited{color:#ffffff; text-decoration:none;}
	#menuOpen{display:none;}
	#menuClose{display:none;}

	#homeVideo { position: fixed; right: 0; bottom: 0; width: auto;  height: 100%; z-index: -1;}
	.home-content {height:98vh; position: relative;}
	#hc {position:absolute; bottom:0%; width:100%; background-color:rgba(26,70,131,.70);}
	#hc-txt {text-align:center; color:#ffffff; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 30px; width:50%; margin:0% auto; padding:0% 0% 5% 0%;}
	#hc-logo {text-align:center;}
	#hc-logo img {width:20%; height: auto;}
	
	#home-about {overflow: auto; padding:0% 10% 0% 0%; background-color:#000000; background-image:url("images/bg-bio.jpg"); background-size:100% auto; background-attachment: fixed; background-repeat: no-repeat;}
	#ha-txt {float:left; width: 60%; line-height: 30px; color:#ffffff; text-align: justify; padding: 3% 3% 3% 10%; background-color:rgba(26,70,131,.80);}
	#ha-txt .entry-title {font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 30px; text-transform: uppercase;}
	#ha-txt h3 {font-family: 'Oswald', sans-serif; font-weight: 100; font-size: 20px; line-height: normal;}

#pageBG {display:none;}

#cs-content{width:60%; margin:0% auto; padding:10% 0% 0% 0%;}
#cs-logo {width:100%;}
#cs-logo img {width:100%; height:auto;}
@keyframes contributebutton {
  from {width:50%; font-size:2px;}
  to {width:90%; }
}

#footer {width:100%; background-color:#1a4683;}
	#socialLinkC {width:150px; margin:0% auto; padding: 1% 0% 1% 0%; overflow: auto;}
	#socialLink {height:30px; width: 30px; float:left; margin:0% 10px 0% 10px;}
	#socialLink img {width:100%; height:auto;}
#copyright {text-align:center; color:#ffffff; font-size:10px; text-transform:uppercase; padding:2%;}


/*contribution form code*/
#contributeform {width:100%; background-color:#ffffff;  margin:0% auto 0% auto;; overflow:auto; min-height: 80vh; padding:11% 5% 5% 5%;}
#cfH {width:80%; margin:0% auto; text-align:center; padding-top:5%;}
#cfH img {width:40%; height:auto;}
#cf {padding:0% }
#cfC {float:left; width:50%; padding:1% 1% 1% 1%;  overflow:auto;}
#cfC h2 {color:rgba(57,106,152,1.00); text-transform:uppercase; font-size:24px; }
#cfC .entry-title {display:none;}
.radio-group{
    position: relative;
}
#gfc {padding:1px; float:left; width:50%;}
#donatesubtext {padding:1%;}
.givefield{
    display:inline-block;
    width:48%;
	margin:3px;
    background-color:rgba(57,106,152,1.00);
    cursor:pointer;
	text-align:center;
	font-size:20px;
	color:#ffffff;
	float:left;
	padding:3%;
	border-radius:5px;
}
.submitdonate {width:98.5%; margin:10px 0px; background-color:rgba(89,158,52,1.00); color:#ffffff; padding:2%; font-size:14px; font-weight:bold; border-radius:5px;  border:none;}
.givefield.selected{
 background-color:rgba(99,162,188,1.00);
}
.givefield input {width:90%; float:right; border:none; font-size:12px; font-weight:bold; color:rgba(57,106,152,1.00); border-radius:3px; padding:3px;}
	
	
	
	/*Generic Page Style*/
#page {min-height:80vh; background-color: #ffffff;}
	#page-generic {padding:10% 10% 10% 10%;}
	

/*Get Involved Styles*/
	
	#Return {display: none; text-align: center;}
	#gi-C{padding:10% 10% 5% 10%; overflow: auto; }
	#gi-C {}
	#gi-C input[type=text]{width:100%; padding:2%; border-radius: 5px; border:1px solid rgba(101,145,181,1.00); margin-bottom:1%; font-size: 15px; font-weight: bold;} 
	#gi-C input[type=submit]{width:100%; padding:2%; border-radius: 5px; border:0px; background-color:rgba(32,121,204,1.00) ; color:rgba(255,255,255,1.00); font-weight: bold; text-transform: uppercase; margin-bottom:1%; font-size: 24px;} 
	#gi-C select{width:100%; padding:2%; border-radius: 5px; border: 1px solid rgba(48,90,130,1.00); -webkit-appearance: none;
         -moz-appearance: none;
          appearance: none; margin-bottom:1%; font-size: 15px; font-weight: bold;} 
	#gi-volunteer{width:33.333333333333333%; float: left; padding: 2%;}
	#gi-volunteer img {width:100%; height: auto;}
	#gi-signs{width:33.333333333333333%; float: left; padding: 2%;}
	#gi-signs img {width:100%; height: auto;}
	#gi-news {width:33.333333333333333%; float: left; padding: 2%;}
	#gi-news img {width:100%; height: auto;}
	#gi-btn {background-color:#588bc0; border-radius: 10px; padding: 2%; text-align: center; color:#ffffff; font-family: 'Oswald', sans-serif; font-weight: 500; text-transform: uppercase; font-size: 25px;}
	#form-volunteer {display:none; width: 80%; margin: 0% auto;}
	#form-signs {display:none; width: 80%; margin: 0% auto; }
	#form-news {display:none;  width: 60%; margin: 0% auto;}
	.g-recaptcha {margin-bottom:1%; padding:0%;}
	#formColumn {width:50%; float:left; padding:0% 1%; }
	#formHeader {font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 37px; text-align: center; text-transform: uppercase; color:#1a4683; padding:0%; margin:0%;}
	#form div {padding:2%;}
	

}





@media screen and (max-width: 650px) {
body{font-family: 'Roboto', sans-serif; margin:0%; padding:0%; background-color:#1a4683;}
	
	#pageLogo {position:fixed; top:.5%; left:5%; width:5%; z-index:2; min-width:90px;}
	#pageLogo img {width:100%; height: auto;}
	
	img {border-radius: 10px;}
	#topContent{background-color:#1a4683; position: fixed; width:100%; z-index: 1;}
	#menuDiv .menu ul {margin:0%; padding:0% 10% 0% 10%; overflow: auto; }
	#menuDiv .menu ul li {float:right; list-style: none; font-family: 'Oswald', sans-serif; font-weight: 300; text-transform:uppercase; padding:.5%; font-size:24px; margin: 0% 2%;}
	#menuDiv a:link{color:#ffffff; text-decoration:none; }
	#menuDiv a:hover{color:#ffffff; text-decoration:none;}
	#menuDiv a:active{color:#ffffff; text-decoration:none;}
	#menuDiv a:visited{color:#ffffff; text-decoration:none;}
	#menuOpen{display:none;}
	#menuClose{display:none;}

	#homeVideo { position: fixed; right: 0; top: 0; width: 150%;  height: auto; z-index: -1; }
	.home-content {height:40vh; position: relative; }
	#hc {position:absolute; bottom:0%; width:100%; }
	#hc-txt {text-align:center; color:#ffffff; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 20px; width:100%; margin:0% auto;  padding: 0% 5% 5% 5%; text-shadow: 1px 1px 5px #000000;}
	#hc-logo {text-align:center;}
	#hc-logo img {width:50%; height: auto; }
	
	#home-about {overflow: auto; padding:40% 0% 10% 0%; background-color:#000000; background-image:url("images/bg-bio.jpg"); background-size:100% auto; background-repeat: no-repeat;}
	#ha-txt { width: 100%; line-height: 30px; color:#ffffff; text-align: justify; padding: 3%; padding: 0% 5% 0% 5%;}
	#ha-txt .entry-title {font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 30px; text-transform: uppercase; text-align: center;}
	#ha-txt h3 {font-family: 'Oswald', sans-serif; font-weight: 100; font-size: 20px; line-height: normal; text-align: center; }

#pageBG {display:none;}


#cs-content{width:80%; margin:0% auto; padding:30% 0% 0% 0%;}
#cs-logo {width:100%;}
#cs-logo img {width:100%; height:auto;}
@keyframes contributebutton {
  from {width:50%; font-size:2px;}
  to {width:90%; }
}

#footer {width:100%; background-color:#1a4683;}
	#socialLinkC {width:150px; margin:0% auto; padding: 1% 0% 1% 0%; overflow: auto;}
	#socialLink {height:30px; width: 30px; float:left; margin:0% 10px 0% 10px;}
	#socialLink img {width:100%; height:auto;}
#copyright {text-align:center; color:#ffffff; font-size:10px; text-transform:uppercase; padding:2%;}


/*contribution form code*/
#contributeform {width:100%; background-color:#ffffff;  margin:0% auto; overflow:auto; padding-top:20%;}
#cfH {width:100%; text-align:center; padding-top:10%;}
#cfH img {width:70%; height:auto; }
#cf {padding:0% 5% 10% 5%; }
#cfC {width:100%; padding:2%; text-align:center; overflow:auto;}
#cfC h2 {color:rgba(57,106,152,1.00); text-transform:uppercase; font-size:17px; }
#cfC .entry-title {display:none;}
.radio-group{
    position: relative;
}
#gfc {padding:1px; float:left; width:50%;}
#donatesubtext {padding:4%; font-size:12px; text-align:center;}
.givefield{
    display:inline-block;
    width:100%;
	margin-bottom:3px;
    background-color:rgba(57,106,152,1.00);
    cursor:pointer;
	text-align:center;
	font-size:20px;
	color:#ffffff;
	float:left;
	padding:3%;
	border-radius:5px;
}
.submitdonate {width:100%; margin:10px 0px; background-color:rgba(89,158,52,1.00); color:#ffffff; padding:5%; font-size:20px; font-weight:bold; border-radius:5px; border:none;}
.givefield.selected{
 background-color:rgba(99,162,188,1.00);
}
.givefield input {width:90%; float:right; border:none; font-size:12px; font-weight:bold; color:rgba(57,106,152,1.00); border-radius:3px; padding:2%;}
	
	
	#page {min-height:80vh; background-color: #ffffff;}
	#page-generic {padding:10% 10% 10% 10%;}
	

/*Get Involved Styles*/
	
	#Return {display: none; text-align: center; }
	#gi-C{padding:12% 5% 5% 5%; overflow: auto; }
	#gi-C {}
	#gi-C input[type=text]{width:100%; padding:2%; border-radius: 5px; border:1px solid rgba(101,145,181,1.00); margin-bottom:1%; font-size: 15px; font-weight: bold;} 
	#gi-C input[type=submit]{width:100%; padding:2%; border-radius: 5px; border:0px; background-color:rgba(32,121,204,1.00) ; color:rgba(255,255,255,1.00); font-weight: bold; text-transform: uppercase; margin-bottom:1%; font-size: 24px;} 
	#gi-C select{width:100%; padding:2%; border-radius: 5px; border: 1px solid rgba(48,90,130,1.00); -webkit-appearance: none;
         -moz-appearance: none;
          appearance: none; margin-bottom:1%; font-size: 15px; font-weight: bold;} 
	#gi-volunteer{width:100%; padding-top: 8%; text-align: center;}
	#gi-volunteer img {width:50%; height: auto;}
	#gi-signs{width:100%;  padding-top: 8%; text-align: center;}
	#gi-signs img {width:50%; height: auto;}
	#gi-news {width:100%;  padding-top: 8%;text-align: center;}
	#gi-news img {width:50%; height: auto;}
	#gi-btn {background-color:#588bc0; border-radius: 10px; padding: 2%; text-align: center; color:#ffffff; font-family: 'Oswald', sans-serif; font-weight: 500; text-transform: uppercase; font-size: 19px;}
	#form-volunteer {display:none; width: 100%; margin: 0% auto;}
	#form-signs {display:none; width: 100%; margin: 0% auto; }
	#form-news {display:none;  width: 100%; margin: 0% auto;}
	.g-recaptcha {margin-bottom:1%; padding:0%;}
	#formColumn {width:100%;  padding:0% 0%; }
	#formHeader {font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 37px; text-align: center; text-transform: uppercase; color:#1a4683; padding:0%; margin:0%;}
	#form div {padding:2% 0% 2% 0%;}
	
	
}