html {
	scroll-behavior: smooth;
	min-height: 100%;
}


/* footer styles
-------------------------------------------------- */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@-ms-viewport{
  width: device-width;
}

body { /* Margin bottom by footer height */
  /* margin-bottom: 50px; */
  font-family: 'Helvetiva Neue', Helvetica, sans-serif; font-weight:400;
}
h1, h2, h3, h4, h5 { font-family: 'Helvetiva Neue', Helvetica, sans-serif; font-weight:800; }

.footer {
  /* position: absolute;
  bottom: 0;
  height: 60px; */
  width: 100%; /* Set the fixed height of the footer here */
  padding: 40px 14px 30px 14px;
}

li.footer_list {
	float: left;
	width:100%; 
	max-width:325px; 
	margin:8px 6px; 
}

/* Full Screen Popup Menu 
-------------------------------------------------- */
.fullscreen .modal-dialog {
	margin: 0 0 0 0;
	max-width: 100%;
	width: 100%;
	height: 100%;
	min-height: 100%;
	padding: 0;
	color: #212121;
}

.fullscreen .modal-content {
	height: 100%;
	min-height: 100%;
	border-radius: 0;
	color: #333;
	background: rgba(255, 255, 255, 0.97);
	overflow:auto;
}

.fullscreen .modal-body ul {
	padding: 100px 0 0 0;
}

.fullscreen .modal-body li {
	padding: 10px 0 10px 0 ;
}

.fullscreen .modal-body a {
	color: #333;
	font-size: 140%;
}

@media (max-width: 480px){
	.fullscreen .modal-body ul {
		padding: 30px 0 0 0;
		overflow: auto;
	}

	.fullscreen .modal-body li {
		padding: 4px 0 4px 0 ;
	}

	.fullscreen .modal-body a {
		color: #212121;
		font-size: 160%;
		text-transform: uppercase;
		font-weight: 800;
	}
}

/* Custom page CSS
-------------------------------------------------- */

.bg-dark { background-color: #242b32!important; }

@media(max-width:415px) {
	.btn-search { width:100%; }
}
.rotate {
	transform: rotate(-7deg);
}

.navbar.scrolled {
	background-color: rgba(255,255,255,1)!important;
	transition: background-color 200ms linear; 
	-webkit-box-shadow: 0px 2px 22px 0px rgba(51, 168, 255, 0.14);
	   -moz-box-shadow: 0px 2px 22px 0px rgba(51, 168, 255, 0.14);
			box-shadow: 0px 2px 22px 0px rgba(51, 168, 255, 0.14);
}
.navbar.scrolled #toggler { color:rgba(0,0,0,0.7)!important; }
.navbar{ transition:background-color 200ms linear; background-color: rgba(255,255,255,1)!important; }

 .btn-xlg {
	padding: 0.8rem 1.2rem;
	font-size: 1.5rem;
	line-height: 2;
 }
 @media (max-width: 576px) {
	.btn-donate {
		width: 100%;
		margin: 2px; 
	}
 }
 @media (min-width: 578px) {
	.btn-donate {
		width: 48%;
		float: left;
		margin: 2px;  
	}
 }

.btn-pill {
	-webkit-border-radius: 40px!important; -moz-border-radius: 40px!important; border-radius: 40px!important;
}

.navbar-white {
	background-color:#f8f9fa!important;
	color:rgba(0,0,0,0.3);
}

.navbar-collapse.show, .navbar-collapse.collapsing {
	clear: left;
	height: 100vh !important;
}
.navbar-collapse.show {
	height: 100vh !important;
}
.navbar-brand img { width:30px; } 
.text-highlight { color:#0081d2; }

#navbarCollapse { padding-top: 5px; padding-bottom: 5px; }
li.nav-item { margin-right: 12px; }
a.nav-link:focus { outline: none; }
.navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, .9); }
.img-logo {
	width:160px;
	height:160px;
	border:0;
}

.dropdown-item {
	font-size:18px;
	font-weight: 600;
	color:#6c757d!important;
}
.dropdown-menu {
	right:0!important;
	left:auto!important;
	border: 1px solid rgba(51, 168, 255, 0.25)!important;
	-webkit-box-shadow: 0px 2px 22px 0px rgba(51, 168, 255, 0.25);
	   -moz-box-shadow: 0px 2px 22px 0px rgba(51, 168, 255, 0.25);
			box-shadow: 0px 2px 22px 0px rgba(51, 168, 255, 0.25);		
}

.box {
	background: #fff;
	color:#999;
	padding:12px 12px;
	-webkit-box-shadow: 0px 2px 22px 0px rgba(51, 168, 255, 0.18);
	   -moz-box-shadow: 0px 2px 22px 0px rgba(51, 168, 255, 0.18);
			box-shadow: 0px 2px 22px 0px rgba(51, 168, 255, 0.18);
}
.box:hover {
	color:#121212;
	-webkit-box-shadow: 0px 2px 22px 0px rgba(51, 168, 255, 0.55);
	   -moz-box-shadow: 0px 2px 22px 0px rgba(51, 168, 255, 0.55);
			box-shadow: 0px 2px 22px 0px rgba(51, 168, 255, 0.55);		
}

#hello {
	background-color:#007bff;
	padding-bottom:40px;
}
#how {
	background-color:transparent;
	padding:60px 14px;
	margin-top:30px;
}
#join {
	background-color: transparent;
	padding:30px 14px 10px 14px;
	
}
#candidates {
	padding:10px 14px;
	margin-top:30px;
}

.bg-adc- {
	/* max-width:1054px; */
}

.text-progressive-dk { color:#1b1464; }
.bg-progressive-dk { background-color:#1b1464; }
.btn-progressive-dk { background-color:#1b1464; border-color:#1b1464; color:#fff; }
.btn-progressive-dk:hover { background-color:#1b1464; border-color:#1b1464; color:#fff; }

.btn-facebook { background-color:#3b5998; border-color:#3b5998; color:rgba(255,255,255,0.8); }
.btn-twitter { background-color:#1da1f2; border-color:#1da1f2; color:rgba(255,255,255,0.8); }
.btn-instagram { background-color:#405de6; border-color:#405de6; color:rgba(255,255,255,0.8); }
.btn-facebook:hover { background-color:#3b5998; border-color:#3b5998; color:#fff; }
.btn-twitter:hover { background-color:#1da1f2; border-color:#1da1f2; color:#fff; }
.btn-instagram:hover { background-color:#405de6; border-color:#405de6; color:#fff; }

.bg-facebook { background-color:#3b5998; }
.bg-twitter { background-color:#1da1f2; }
.bg-instagram { background-color:#405de6; }

/**/
@media (max-width: 575px)  { body { margin-top: 86px;  } } 
@media (min-width: 576px)  { body { margin-top: 150px; } }
@media (min-width: 768px)  { body { margin-top: 80px;  } }
@media (min-width: 992px)  { body { margin-top: 90px;  } }
@media (min-width: 1200px) { body { margin-top: 110px; } }


@media (min-width:581px) { 
	
	#hello { padding:90px 30px 60px 30px; }
	#hello h1 { font-size: 4.5vw; text-align:center; line-height: 1em; }
	#hello p.lead, #hello h2, #hello h3, #hello h4, #hello h5 { text-align:center; }
	#helloworld { padding:50px 30px 30px 0; }
	#helloworld h1 { padding-top:10px; padding-left:14px; font-size: 41px; line-height: 45px; text-align:left; margin-top:0; }
	#helloworld p.lead, #helloworld h2, #helloworld h3, #helloworld h4, #helloworld h5 { text-align:left; }
	.campaign-section { margin-top:20px; margin-bottom:30px; }
	.campaign-box { padding:12px 8px; border:1px #868e96 solid; max-width:310px; margin:auto; }
	.candidate-cards {
		max-width:250px;
	}			
	#getstarted .card { width: 22rem; margin:auto; }
	#getstarted .card-section-head { text-align:center; }
	#mc_embed_signup { margin:auto; }
	#contact {
		margin-top:80px; 
		padding:60px 14px 80px 14px;
	}
	#formspacer {
		margin-top:20px; 
		padding:20px 20px 10px 20px
	}

}
@media (max-width:580px) { 
	
	#hello { padding-top:60px; padding-bottom:30px; }
	#hello h1 { font-size: 50px; text-align:left; margin-top:20px; }
	#hello p.lead, #hello p, #hello h2, #hello h3, #hello h4, #hello h5 { text-align:left; }
	#helloworld { padding-left:32px; padding0right:10px; padding-bottom:10px; }
	#helloworld h1.homepage { padding-top:0; font-size: 60px; line-height: 65px; text-align:left; margin-top:0; }
	#helloworld h1 { padding-top:0; font-size: 27px; line-height: 32px; text-align:left; margin-top:0; }
	#helloworld p.lead, #helloworld p, #helloworld h2, #helloworld h3, #helloworld h4, #helloworld h5 { text-align:left; }
	.campaign-section { margin-top:20px; margin-bottom:30px; }
	.campaign-box { padding:12px 8px; }
	.candidate-cards {
		max-width:330px;
		margin:auto;
	}
	#getstarted .card { width: 80%; margin:auto; }
	#getstarted .card-section-head { text-align:left; }
	.btn-join { width:100%; margin-bottom:8px; }
	.btn-meet { width:100%; }
	#contact {
		margin-top:0px; 
		padding:20px 14px 80px 14px;
	}
	#formspacer {
		margin-top:20px; 
		padding:20px 20px 10px 20px
	}
	.col-img-overlay { max-width: 30.333%; }
}


.btn, .form-control, .form-control-lg { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }