/* Candidate Gallery: p4va */

#container.candidates {margin: 0; overflow: hidden; }


/* #container.candidates div.candidate-container {  
  position: relative;
  width: 100%; height: 1000px;
  /* padding-bottom: 56.25%; */
 /*  
padding-bottom: 5%;
  margin-bottom: 15px;
}

#container.candidates div.candidate-container iframe {
position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

*/



h3.candidates {background-color: #ffb900; color: #000; padding: 10px; text-transform: uppercase; letter-spacing: .2em}


.pinstyle-p4va {
float: left;
width: 180px;  margin:0;  margin-right: 10px;   margin-bottom: 10px;
height: 280px;
border:solid 2px #000; border-radius: 20px; 
text-align: center; 
background-color: #2292d4; color: #fff;
font: 400 14px Arial, sans-serif;
line-height: 1.4; 
overflow: hidden; 
z-index: 50}

.pinstyle-p4va  img {width:100%; margin:0; }
.pinstyle-p4va .name {font: bold 21px 'Roboto Condensed', sans-serif; color:white; }
.pinstyle-p4va b.district {font: bold 18px 'Roboto', sans-serif; color:white; }
.pinstyle-p4va b.location {font: normal 12px 'Roboto', sans-serif; color:white; }
.pinstyle-p4va a.button-small {background-color: orange; color: black }


.newitem { 
position: absolute; top:-10px; left: -10px;
display: block; 
width: 80px; padding: 4px 5px; 
font-size: 15px; 

background-color:#c62a33;
color: #fff; letter-spacing: .1em;
border-radius: 10px;
text-align: center;
z-index: 100; 
}