@import "bootstrap.min.css";
@import "fonts-tiempos.css";@import "fonts-grey.css";	
body {
	font-family: "franklin-gothic-urw", helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
}

a {
	color: #e74117;
	border-bottom: 1px dotted #8a270e;
}

a:hover {
	color: black;
	text-decoration: none;
	border-bottom: 1px dotted black;
}

div#swagpic:after {
	clear: both;
	content: '';
	display:block;
}

#swagpic {
	width: fit-content;
}

h2, h3 {
	font-family: "Tiempos Headline", georgia, serif;	
	font-style: normal;
	font-weight: 800;
	padding-bottom: 10px;
	border-bottom: 1px solid #777775;
}

.btn:active, .btn.active {
	border-bottom: 5px solid black;
}

.btn.next {
	color: black;
	background: white;
}

.btn.next:hover {
	background: grey;
}

.row.manage {
	margin-bottom: -20px;
}

.row.manage button.manage {
	float: right;
	margin-top: -25px;
}

#naked span {
	display: inline-block;
	margin-right: 10px;
}

h2 {
	font-family: "Tiempos Headline", georgia, serif;
	font-weight: 700;
	font-size: 32px;
}

h3 {
	font-family: "Tiempos Headline", georgia, serif;
	font-weight: 700;
	font-size: 25px;
	margin-top: 0px;
	border: none;
}

h4 {
		font-family: "franklin-gothic-urw", helvetica, sans-serif;

}


#withthehelp {
	padding-top: 20px;
	padding-bottom: 20px;
}

.withthehelp_item {
	margin-top: 40px;
}

#withthehelp p {
	font-family: "source-sans-pro", sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #333333;
	font-size: 14px;
}

#withthehelp img {
	margin-bottom: 20px;
	width: 100%;
}

#withthehelp img.graph {
	max-width: 450px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#people {
	margin-top: 10px;
	margin-bottom: 10px;
}

.testimonial p {
	font-family: "source-sans-pro", sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #5d5d5c;
	font-size: 2.25rem;
}

.testimonial .row {
	padding-top: 2rem;
	margin-bottom: 2.5rem;
}

#builder-list {
	margin-bottom: 40px;
	margin-top: 30px;
}

img {
	max-width: 100%;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
background-color: white;
}

.btn-primary, .btn-national {
	color: #fff;
	background-color: #e74117;
	border-color: #8a270e;
	font-style: normal;
	font-weight: 800;
	font-size: 18px;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
	background-color:#b4f4f4;
	border-color: #2d0d05;
	color: black;
}

header {
	background: #ffd000;
	overflow: hidden;
	height: 100px;
}

footer, #faq, #featurettes1, #featurettes2 {
	background: #f2f6e2;
	padding: 20px 0 20px 0;
}

.testimonial p.cite {
	font-style: italic;
}

.testimonial {
	padding-top: 15px;
	padding-bottom: 15px;
}

.testimonial img {
	border-radius: 50%;
	margin-top: 15px;
	display: none;
}

h1 {
	line-height: 90%;
}

header h1 {
	text-indent: -5000px;
}

header h2 {
	color: white;
	float: left;
	font-family: "proxima-nova-alt", sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size: 1.8em;
	letter-spacing: 0.1em;
	position: relative;
	top: 2px;
	left: 24px;
	text-transform: uppercase;
	text-indent: -5000px;
	border-bottom: none;
}

#content-inner {
	margin-bottom: 40px;
}

#harper {
	float: right;
}

#campaign-copy {
	margin-bottom: 10px;
	padding: 0 10px 0 10px;
}

#campaign-copy h1 {
	font-family: "proxima-nova-alt", sans-serif;
	font-family: "Tiempos Headline", georgia, serif;
	font-style: normal;
	font-weight: 800;
	color: black;
	font-size: 40px;
	margin: 0 0 20px;
}

#campaign-copy h1 span.join-us {
	color: #819c07;
}

#campaign-copy h1 span.triangle {
	background: url('../img/triangle.png') no-repeat center;
	padding-left: 26px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	border-bottom: solid 2px darkred;
	font-weight: bold;
	background: rgba(0,0,0,0.1);
}

.nav-tabs {
	border-bottom: none;
}

#campaign-copy .lead {
	font-family: 'franklin-gothic-urw', helvetica, sans-serif;
	font-style: normal;
	font-weight: 800;
	color: #041e41;
}

#people h3 {
	border-bottom: none;
	text-transform: uppercase;
	color: #90908f;
	font-family: "source-sans-pro", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
}

#people blockquote {
	font-family: "source-sans-pro", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 20px;
	color: #8e9e38;
	border-left: none;
	padding: 0;
	margin: 0 0 20px 0;
}

#campaign-widget {
    background-color: #f7f7f7;
	border: 4px #dbdbdb solid;
}

#campaign-widget .progress-bar {
	background-color: #b4f4f4;
}

.badge {
	background-color: #a4bc30;
}

.video-container {
	position: relative;
	padding-bottom: 40%%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 20px;
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height: 500px;
}

div#graybg {
    background: #f5f5f5;
    padding-top: 30px;
}


#form .tab-content {
	margin-top: 20px;
}

.form-group:has(.required):before {
    content:" *";
    color: red;
  }

#form-onetime .input-group {
	margin-bottom: 20px;
}

#builder-list {
	margin-bottom: 20px;
	margin-top: 20px;
}

#builder-list ul {
	margin: 0;
	padding: 0;
}

#builder-list ul li {
	list-style: none;
	display: inline;
}

#builder-list ul li:after {
	content: ", ";
}

#builder-list ul li.last:after {
	content: ".";
}

#partner-orgs .modal-body ul {
	list-style: none;
	margin: 0 0 40px 0;
	padding: 0;
}

#partner-orgs .modal-body ul li a {
	text-decoration: none;
	border: none;
}

#campaign-widget {
	width: 300px;
	font-size: 110%;
}

#campaign-widget .raised, #campaign-widget .days {
	font-family: "source-sans-pro", sans-serif;
	font-size: 300%;
	font-weight: bold;
}

#campaign-widget .raised {
	color: #231f20;
}

#campaign-widget .raised-goal {
	color: #231f20;
	font-weight: 100;
}

#campaign-widget .hour, #campaign-widget .minute {
	font-family: "source-sans-pro", sans-serif;
	font-weight: bold;
}

#campaign-widget .time-left {
	font-size: 90%;
}

#campaign-widget .contributor-list {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 25px;
	overflow: hidden;
}

#campaign-widget .reader-priorities {
	text-align: left;
}

#campaign-widget .reader-priorities ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#campaign-widget hr.soften {
	margin: 0 0 5px 0;
	border-top: 1px solid #dbe7a0;
}

header {
	background: #ffd000;
	margin-bottom: 20px;
}

header .container img {
	width: 170px;
	margin-top: 21px;
	float: left;
}
header .container span {
	float: left;
	margin-top: 9px;
	font-size: 4em;
	font-family: "Tiempos Headline", georgia, serif;
	text-transform: uppercase;
	font-weight: bold;
	color: black;
	margin-left: 13px;
}

header:after {
	clear: both;
}



header h1 {
	border: none;
	text-indent: -5000px;
}

.roundwhite {
	background: white;
	border-radius: 25px;
	padding: 10px 0;
}

.roundwhite.large {
	
		border: #f5f5f5 10px solid;
}

.smallround .roundwhite {
	border: #f5f5f5 10px solid;
	padding: 10px;
}

.smallround {
display: flex;
    flex-flow: row wrap;

    &::before {
        display: block;
    }
}

.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline {
	margin-left: 0;
}


.center {
	text-align: center;
}

#powermap-pitch {
	background-color: #f5f5f5;
	padding-top: 20px;
}
#powermap-pitch .carousel-control {
	background-image: none !important;
}

#powermap-pitch .carousel-indicators li {
	background-color:#80828a;
	border:white 1px solid; 
}

#powermap-pitch .carousel-indicators li.active {
	background-color: black;
}

#powermap-pitch .carousel-indicators {
	bottom:-40px;
}
 #faq, #featurettes1, #featurettes2 {
	background: white;
	color: black;
	font-weight: 100;
}
footer {
	background: #d9e3d1;
	margin-top:300px;
}

.days-left {
	font-style: normal;
}
	#content {
			/*margin-top: 150px;*/
		}

#organizations {
	padding-bottom: 20px;
}

#organizations .row {
	padding: 20px 0px 20px 0px;
}

#powermap-pitch {
	margin-top: 40px;
}

.payment-fields {
	max-width: 520px;
}

.recurly-hosted-field {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	vertical-align: middle;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.recurly-hosted-field:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);
}

button.subscribe {
	margin-bottom: 20px;
}

html.lt-ie7 body div, html.lt-ie7 header {
	display: none;
}

html.lt-ie7 .chromeframe {
	display: block;
	padding: 20px;
}

.nav-tabs>li>a:hover {
     border-color: none;
border:0;
}

.nav>li>a:hover, .nav>li>a:focus {
   background-color: unset;
}

.btn-group .btn {
	  padding: 6px 0 !important;
}

#form-monthly .btn-group .btn, #form-onetime .btn-group .btn, #form-annual .btn-group .btn {
    width: 18.2%;
    display: block;
    margin-right: 2%;
  
    font-size:15px;
    font-weight: bold;
	color:black;
}

#campaign-end {
	display:none !important;
}

#other-amount-label label {
	font-weight: 100;
}

#form-monthly .btn-group .btn:last-child {
	margin-right:0;
}

#content-inner form .btn-group {
	display: block;
}

#content-inner form .btn-group label {
	margin-bottom: 30px;
}

#content-inner form .submit-button {
	clear: both;
}

form #newspriorities label {
	font-weight: bold;
	text-transform: uppercase;
}

.awards {
	text-align: center;
	margin: 5px 0 20px 0;
}

btn-primary.active {
	color: white;
	font-weight: bold;
	background-color: gray;
	border-color: #2d0d05;
}

.nav > li > a {
	position: relative;
	display: block;
	padding: 0;
	font-size: .8em;
}

.btn.btn-primary.btn-lg.next {
	padding: 10px !important;
	width: 100%;
	background: #ffd000;
	color: black;
	font-weight: bold;
	border: black solid 4px;
	box-shadow: 2px 2px 10px 1px grey;
}

.btn.btn-primary.btn-lg.next:hover {
	background: #fcff42;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: black;
	cursor: pointer;
	border: none;
	border-bottom-color: currentcolor;
	border-bottom-color: transparent;
	background-color: transparent;
}



.choose-onetime .btn {
	width: 19.5% !important;
}

.nav-tabs li {
	width: 24.5%;
}

.nav-tabs > li > a {
	color: black;
	font-weight: bold;
	padding: 10px 1vw;
}


.payment-fields label {
	font-weight: 400;
	font-size: small;
}

.btn-group > .btn, .btn-group-vertical > .btn {
	width: 33%;
}

.btn-group, .btn-group-vertical {
	width: 100%;
}

.chooseown > p {
	display: none;
}

.btn-primary, .btn-national {
	color: black;
	background-color: white;
	padding: 0;
	font-weight: bold;
	border-color: gray;
}

.btn-group .btn {
	padding: 1vw 2vw;
	margin-bottom: 10px;
}

#form .tab-content {
	margin-top: 15px;
}

#monthlypayment .btn, .options-payment .btn {
	width: 32%;
	padding: 10px;
}

.nav-tabs li {
    width: 23%;
    margin-right: 2%;
}

.nav-tabs li:last-child {

	margin-right:0;
}


@media screen and (max-width: 340px) {
	.row.manage {
		margin-top: 30px !important;
	}
}

	.btn-primary, .btn-national {

	}

@media screen and (max-width: 1000px) {
	header {
		margin-bottom: 40px;
	}

	.video-container {
		padding-bottom: 50%;
		margin-bottom: 0px;
		position: relative;
		width: 95%;
		margin-left: 2.5%;
		margin-bottom: 20px;
	}

	.video-container iframe, .video-container object, .video-container embed {
		width: 100%;
		height: 100%;
		max-height: 400px;
	}
}


.btn-success {
    color: black;
    background-color: #ffd000;
    border-color: #ffd000;
    font-weight: bold;
    border: 3px black solid;
    width: 100%;
}

@media screen and (min-width: 1000px) {
	.video-container {
		padding-bottom: 34.5%;
		margin-bottom: 0px;
	}

#form {

max-width:48%;
float:right;
	
}


	.video-container iframe, .video-container object, .video-container embed {
		width: 95%;
		height: 95%;
		max-height: 400px;
	}

	#campaign-copy {
		padding: 0 10px 0 10px;
  width: 48%;
  float:left;
	}

 #widgetwrap {
  max-width: 48%;
  float:right;
  margin-top: 40px;
 }
 
	#campaign-copy h1 {
		font-size: 40px;
		margin: 30px 0 10px;
		line-height: 120%;
	}

	#campaign-copy h1 span.triangle {
		background: url('../img/triangle.png') no-repeat center;
		padding-left: 18px;
	}

	#campaign-copy .lead {
		font-weight: 300;
	}

	.btn-primary, .btn-national {
		font-weight: 400;
		font-size: 18px;
		margin-bottom: 20px;
		border: 1.5px solid black;
		padding: 0px !important;
	}
 
	
	
	.testimonial p.quotation {
		font-size: 3rem;
		line-height: 1.2;
	}

	

	#withthehelp p {
		font-weight: 300;
		color: ;
		font-size: 2rem;
	}

	#people {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	#builder-list {
		margin-bottom: 60px;
		margin-top: 30px;
	}
}

@media screen and (min-width: 1000px) and (max-width: 1024px) {
	.container {
		padding-left: 80px;
		padding-right: 80px;
	}

	#form-onetime .input-group {
		width: 45%;
	}
}

@media screen and (min-width: 1000px) and (max-width: 992px) {
	.video-container {
		padding-bottom: 52.5%;
		margin-bottom: 40px;
	}

	.video-container iframe, .video-container object, .video-container embed {
		width: 99%;
		height: 99%;
	}

	#campaign-widget {
		width: 100%;
	}

	#form-onetime .input-group {
		width: 55%;
	}
}

@media screen and (min-width: 992px) {
	.testimonial img {
		display: block;
	}

	.testimonial .row {
		padding-top: 2rem;
		margin-bottom: 2.5rem;
	}

	#withthehelp {
		padding-top: 40px;
		padding-bottom: 20px;
	}
}

@media screen and (min-width: 1025px) {
	.testimonial img {
		margin-top: 0;
	}
}

@media screen and (min-width: 1200px) {
	p.quotation {
		margin-top: 30px;
	}

	#people {
		margin-top: 0px;
	}
}

@media screen and (max-width: 1000px) {
	header {
		margin-bottom: 10px;
	}

	.btn-primary, .btn-national {
		font-size: 14px;
	}
}


    .video-container {
        width: 98%;
        clear:both;
    }
    
    
    .contributor-list li {
        font-size: 90%;
		font-weight: 100;
    }
    
    
 
    .from {
        display: inline-block;
        float:left;
        font-size: 90% !important;
        padding-right: 5px;
		font-weight: 300;
    }
    .amountwrap {
        margin-right:4%;
    }
    
    .progress {
         margin-bottom:10px;
         clear:both;
		 margin-top: 10px;
    }
    
    #campaign-copy {
        margin-left:0px;
        padding-left:0px;
    }
    
    #widgetwrap {
                    width: 100%;
                    float:right;
                    padding-left:0;
                }
    
    #campaign-widget {
        min-width: 100% !important;
        padding: 10px;
    }
        
        #campaign-widget .raised, #campaign-widget .days, #campaign-widget .hour, #campaign-widget .goal {
            font-size: 110%;
            font-family: "source-sans-pro", sans-serif;
            font-weight: bold;
        }
        
          @media screen and (max-width: 600px) {
            #campaign-copy {
                line-height: 100%;
                font-size: 100%;
            }
            #campaign-copy h1 {
                font-size: 140%;
                line-height: 100%;
                margin: 0 0 10px;
            }
            
     
            
            #campaign-copy .lead {
                margin-bottom: 0px;
            }
            
          }
        
         
    @media screen and (max-width: 800px) {    
        
               .btn.next {
                font-size: 15px !important;
            }
            
            .btn-group .btn {
                font-size: 18px;
            }
    }
        
		    .dl-horizontal dt {
				text-align: left;
			}
		
		
		.btn-twitter, .btn-facebook, .btn-facebook, .btn-email, .btn-flip {
    color: #7A7C85 !important;
    background: #E0E0E0;
}


.tool-bar li {
    position: relative;
    float: left;
    margin-right: 8px;
}


.tool-bar ul {
    display: block;
    margin: 0;
    padding: 0;
    font-size: em;
    list-style: none;
}
		
		.btn-social-icon {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 29px;
    width: 29px;
    padding: 0;
    border-radius: 100%;
    font-size: 0.9em;
}
		
    @media screen and (min-width: 800px) {
		
		
		
        .payment-fields {
        max-width: unset;
		width: 48%;
        float: right;
        clear: both;
        }
        
        #awardwrap {
            font-size: 15px;
            float:right; max-width:47%
        }
		
		#atf img {
			margin-top: -25px;
		}
        
               /* #form {
                    width: 50%;
                    float:left;
                }
               */
               
               
                
                
                .video-container {
                    max-width:50%;
                    float:left;
                
                }
    }