.cards .card { display:inline-block; }

.card {
	border: 0px;
	border-radius: 0px;
}
.card-img-top {
	width: 100%;
	 -webkit-border-top-left-radius: 10px;
	    -moz-border-top-left-radius: 10px;
			 border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	   -moz-border-top-right-radius: 10px;
			border-top-right-radius: 10px;
}
.card-img, .card-img-top {
	 -webkit-border-top-left-radius: 10px;
	    -moz-border-top-left-radius: 10px;
			 border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	   -moz-border-top-right-radius: 10px;
			border-top-right-radius: 10px;
}
.card-footer:last-child {
	border-radius: 0;
}
.card-footer {
	padding: 10px 0 0 0;
	background-color: rgba(0,0,0,0);
	border-top: 1px solid rgba(0,0,0,0);
}
.card-link {
	border-radius: 0;
	margin-top:14px;
}				
.card-columns {column-count: 1;}
.card {width: 99%; margin-bottom:20px; }

.card-top5 .card-img-overlay {
	padding: 0.1rem;
}

/* Small devices (tablets, 576px and up) */
@media (min-width:576px) {
	.card-columns {column-count: 2;}
	.card {width: 45.333%; margin-right:20px; margin-bottom:20px; }
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
  .card-columns {column-count: 2;}
  .card {width: 46.333%; margin-right:20px; margin-bottom:20px; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.card-columns {column-count: 3;}
	.card {width: 30.333%; margin-right:20px; margin-bottom:20px; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
	.card-columns {column-count: 3;} 
	.card {width: 30.333%; margin-right:20px; margin-bottom:20px; }
}
     
 a.top5:hover { text-decoration: none; }
 div.row-loc { width:100%; max-width: 900px; margin:auto; padding-left:0; padding-right:0; }
 div.row-loc:first-of-type { margin-top:20px; }
 div.row-loc:last-of-type  { margin-bottom: 20px; }
 .text-candidate-name { margin-top:20px; padding-bottom:2px; }
 .top-5-card-title { font-size:0.9rem; font-weight: bold; padding: 2px 2px; margin-bottom:0.40rem; }

 @media (max-width:540px) { 
	.text-candidate-name { margin-top:10px; padding-bottom:2px; }
	.card-title { font-size:1.5rem; margin-bottom:0.40rem; }
	.card-title-list { font-size: 1.2rem; margin-bottom: .6rem;}
	.featured-card-title { font-size:1.5rem; }
	.card-subtitle { font-size: 1rem; line-height:1.1rem; } 
 }
 .img-candidate-profile {
	height:90px;
	/*
	-webkit-box-shadow: 0px 0px 13px 1px rgba(51, 168, 255, 0.30);
	   -moz-box-shadow: 0px 0px 13px 1px rgba(51, 168, 255, 0.30);
			box-shadow: 0px 0px 13px 1px rgba(51, 168, 255, 0.30);
	*/
 }
 

.card-shadow {
	-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);
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
			border-radius: 10px;
}

 @media (max-width: 330px) {
 
 	.img-candidate-profile {
 		height:60px;
 	}
 	.h5 { font-size: 1.15rem; }
 	.col-causes { padding-left:0; padding-right:0; }
 
 }
 @media (max-width: 575px)  { 

	.img-candidate-profile {
 		height:76px;
 	}	
 	.navbar-brand img  { height:30px; width:auto; } 
	.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height: 1; padding-bottom: 20px; }
  	.card-pill { border-radius: 0; padding-left:9px; }
	
 }
 @media (min-width: 576px)  { 

	.navbar-brand img  { height:40px; width:auto; } 
	.card-pill { border-radius: 42px; padding-left:16px; }
	.card-body { height:140px; }
	
 }

 @media (min-width: 992px)  { 

	a.nav-link { font-weight:800; font-size:18px; } 
	.card-body { height:130px; }

 }
 
 @media (min-width: 1024px)  { 

	.card-body { height:168px; }

 }
 
 @media (max-width:1200px) {

 	#navbarCollapse { padding-top:40px; }
	.navbar-collapse, .navbar-collapse.show {
		text-align:center;
	}
	a.nav-link {
		margin-bottom: 20px;
		font-size: 30px;
		font-weight:800;
		font-family: 'Helvetiva Neue', Helvetica, sans-serif;
	}
 
 }

 @media (max-width: 1040px)  { 

	#how {
		padding: 0px 14px;
	} 
	.navbar-brand-text {
		float: right;
		width: 112px;
		color: #1b1464;
		font-weight: 800;
		line-height: 14px;
		margin-top: 5px;
		font-family: 'Helvetiva Neue', Helvetica, sans-serif;
		font-size: 15px;
		margin-left: 2px;
	}
	.scrolling-wrapper-flexbox { /* enable horizontal scrolling in the div */
		
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		height: 250px;
		width: 100%;
		-webkit-overflow-scrolling: touch;
		padding-top:10px;

	}
	.scrolling-wrapper-flexbox .card-top5 {
		flex: 0 0 auto;
		margin-right: 20px;
	}

	.card-top5 {
		
		width: 164px;
		border:0;
		-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);
		-webkit-border-radius: 10px;
		   -moz-border-radius: 10px;
				border-radius: 10px;
				
	}
	.card-top5 .card-title {
		font-weight: bold;
		width: 100%;
		padding: 8px 2px 1px 6px;
	}
	.card-top5 .card-body {
		padding: 5px 4px 3px 4px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	.card-top5 .card-img-top {

	}		
	.card-top5:first-of-type {
		/* margin-left: 1.8em; */
	}
	.card-top5:last-of-type {
		width: 8px;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
		background-color:transparent;
	}

     a.top5:hover { text-decoration: none; }
     div.row-loc { width:100%; max-width: 900px; margin:auto; padding-left:0; padding-right:0; }
     div.row-loc:first-of-type { margin-top:30px; }
     div.row-loc:last-of-type  { margin-bottom: 20px; }
     .text-candidate-name { margin-top:2px; padding-bottom:2px; }
           
 	 .img-candidate-profile {
 	 /*
		-webkit-box-shadow: 0px 0px 13px 1px rgba(51, 168, 255, 0.30);
		   -moz-box-shadow: 0px 0px 13px 1px rgba(51, 168, 255, 0.30);
				box-shadow: 0px 0px 13px 1px rgba(51, 168, 255, 0.30);
	 */
	 }
	 
	
	.scrolling-wrapper-flexbox-dup {
		height: 235px;
		width: 100%;
		-webkit-overflow-scrolling: touch;
		padding-top:20px;
	}
	.scrolling-wrapper-flexbox::-webkit-scrollbar {
		display: none;
	}
	#candidates {
		padding:10px 14px 60px 14px;
		margin-top:0;
		/* background-image: linear-gradient(to bottom, #f8f9fa, #f0f4f8, #e8eff7, #dfeaf5, #d7e5f3, #d7e5f3, #d7e5f3, #d7e5f3, #dfeaf5, #e8eff7, #f0f4f8, #f8f9fa); */
	}
	
	.hiw-one {width:100%; margin-bottom:19px; float:left;}
	.hiw-two {width:90%; margin-bottom:14px; float:right;}
	.hiw-two:last-of-type { margin-bottom:19px; }
	.card-pill-body {width:89%; float:right;}

	
 }
 @media (min-width: 1041px)  { 

	.navbar-brand-text {
		float: right; 
		width: 112px; 
		color: #1b1464; 
		font-weight: 800; 
		line-height: 17px; 
		margin-top: 4px; 
		font-family: 'Helvetiva Neue', Helvetica, sans-serif;
	}
	#top5 { max-width: 1140px; margin-top:30px; }
	.scrolling-wrapper-flexbox {

		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		height: 300px;
		width: 100%;
		-webkit-overflow-scrolling: touch;
		padding-top:10px;
		
		/* original
		display: flex;
		flex-wrap: wrap;
		*/
	}
	.card-top5 {

		width: 210px;
		background: #fff;
		border:0;
		-webkit-box-shadow: -2px 6px 14px 1px rgba(51, 168, 255, 0.28);
		   -moz-box-shadow: -2px 6px 14px 1px rgba(51, 168, 255, 0.28);
				box-shadow: -2px 6px 14px 1px rgba(51, 168, 255, 0.28);
		-webkit-border-radius: 10px;
		   -moz-border-radius: 10px;
				border-radius: 10px;
		margin-bottom:1.25rem;
	}
	.card-top5 .top-5-card-title {
		font-size:1.1rem;
		font-weight: bold;
		width: 100%;
		background-color: rgba(255,255,255,0.9);
		margin-bottom: 0;
		padding: 8px 8px;
	}
	.card-top5 .card-body {
		padding: 0;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		height:1%;
		min-height:90px;
	}
	.card-top5 .card-img-top {
		
	}	
		
	.card-top5:first-of-type {
		margin-left: 2.15em;
	}
	.card-top5:last-of-type {
		display:none;
	}
	
	.card-body {
		/* height:145px; */
		height:168px;
	}

	.hiw-one {width:80%; margin-bottom:19px; float:left;}
	.hiw-two {width:80%; margin-bottom:14px; float:right;}
	.hiw-two:last-of-type { margin-bottom:19px; }
	.card-pill-body {width:93%; float:right;}
		
 }

.card-link { background-color: #1b1464; border:1px #1b1464 solid; color:rgba(255,255,255,0.8); }
.card-link:hover { background-color: #0c092b; border:1px #0c092b solid; color:#fff; }

.card-footer {padding:0 14px 0 14px;}