/* ====== Reset ====== */

/* ====== Actual styles ====== */

.cvp-plugin .nominee-section {
	color: #fefefe;
	background-color: #002741;
}

.cvp-plugin .nominee-section:nth-child(2n) {
  background: #003152;
}

@media screen and (min-width: 480px) {
	.cvp-plugin .nominee-section {
		padding-top: 20px;
		padding-bottom: 30px;
	}
}

@media screen and (min-width: 768px) {
	.cvp-plugin .nominee-section {
		padding-bottom: 40px;
	}
}

@media screen and (min-width: 1024px) {
	.cvp-plugin .nominee-section {
		padding-bottom: 50px;
	}
}


.cvp-plugin .sponsor--img {
	display: block;
	margin: 0 auto 15px;
	width: 110px;
}

@media screen and (min-width: 768px) {
	.cvp-plugin .sponsor--img {
		width: 120px;
	}
}


@media screen and (min-width: 1024px) {
	.cvp-plugin .sponsor--img {
		float: right;
		display: inline-block;
		margin: 0;
		text-align: right;
	}
}


.cvp-plugin .nominee--content {
	padding-top: 15px;
	padding-bottom: 20px;
	text-align: center;
}

@media screen and (min-width: 1024px) {
	.cvp-plugin .nominee--content {
		text-align: left;
	}
}


.cvp-plugin .nominee--card {
	margin-bottom: 20px;
	text-align: center;
}

@media screen and (min-width: 480px) {
	.cvp-plugin .nominee--card {
		margin-bottom: 40px;
	}
}

@media screen and (min-width: 768px) {
	.cvp-plugin .nominee--card {
		margin-bottom: 50px;
	}
}

@media screen and (min-width: 1024px) {
	.cvp-plugin .nominee--card {
		margin-bottom: 0;
	}
}

.cvp-plugin .nominee--img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  border-style: none;
	-ms-interpolation-mode: bicubic;
	margin-top: 10px;
}

.cvp-plugin .voting {
	display: block;
	padding: 5px;
	color: black;
	font-weight: bold;
	font-size: 20px;
	background-color: #46b1fd; /* blue */
	background-image: url('box-ballot-light.svg');
	background-position: 10% 17px;
	background-repeat: no-repeat;
  background-size: 20px auto;
  transition: 0.5s background-color;
	cursor: pointer;
	
}

@media screen and (min-width: 1024px) {
	.cvp-plugin .voting {
		padding-left: 24px;
		font-size: 17px;
		background-position: 10% 15px;
	}
}

.cvp-plugin .voting.disabled {
  background-color: grey;
  background-image: none;
  text-align: center;
	padding-left: 5px;
	font-size: 16px;
}


.cvp-plugin .voting:hover,
.cvp-plugin .voting:focus {
	background-color: #388eca; /* blue */
}


.cvp-plugin .voted-yes {
	background-color: #77b94f; /* green */
	background-image: url('vote-yea-light.svg');
	background-size: 23px auto;
}

.cvp-plugin .voted-yes:hover,
.cvp-plugin .voted-yes:focus {
	background-color: #94c874; /* light green */
}


.cvp-plugin .voted-change {
	background-color: #46b1fd; /* burnt orange */
	background-image: url('vote-nay-light.svg');
	background-size: 23px auto;
}

.cvp-plugin .voted-change:hover,
.cvp-plugin .voted-change:focus {
	background-color: #388eca; /* light orange */
}



/* === Typography === */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Poppins', sans-serif;
}

.cvp-plugin .nom--cat-title {
	color: #a37c47; /* gold */
	text-transform: uppercase;
	letter-spacing: 0.1em;
	word-break: break-word;
}

.cvp-plugin .nom--cat-desc {
	margin-bottom: 20px;
	font-size: 13px;
	line-height: 20px;
}

.cvp-plugin .text-center {
	text-align: center;
}




/* === Grid === */

.cvp-plugin .row {
	display: flex;
	flex-flow: row wrap;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 100%; /* or define a website width if it's going too wide */
}

.cvp-plugin .column {
	flex: 1 1 0px;
	-ms-flex: 1 1 0px;
	padding-right: 30px;
	padding-left: 30px;
	min-width: 0;
}
/* 
@media screen and (min-width: 480px) {
	.cvp-plugin .column {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media screen and (min-width: 768px) {
	.cvp-plugin .column {
		padding-left: 25px;
		padding-right: 25px;
	}
} */


.cvp-plugin .small-12 {
	flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	max-width: 100%;
}

@media screen and (min-width: 580px) {
	.cvp-plugin .medium-6 {
		flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		max-width: 50%;
	}
}

@media screen and (min-width: 768px) {
	.cvp-plugin .large-3 {
		flex: 0 0 33.3333333333%;
		-ms-flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}
}

@media screen and (min-width: 1024px) {
	.cvp-plugin .xlarge-5 {
		flex: 0 0 19.5%;
		-ms-flex: 0 0 19.5%;
		max-width: 19.5%;
	}
}


.cvp-plugin .align-center {
	justify-content: center;
	align-items: flex-end;
}

/* social icons */

.cvp-plugin-modal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.cvp-plugin .social-icons a {
  margin: 20px 20px 0;
  display: inline-block;
}

.cvp-plugin .social-icons svg {
  height: 50px;
}


/* user registration plugin overrides */
/* 
div#user-registration,
div#user-registration p {
  background-color: unset;
  border: 0;
  color: white!important;
} */

/* 
.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid label, 
.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid legend {
  color: white!important;
} */

.wppb-user-forms ul {
  list-style: none!important;
  padding-left: 0;
}

.wppb-user-forms input,
.wppb-form-field input,
.fusion-login-form input {
  background: white!important;
  color: black!important;
}

.wppb-user-forms input#register,
.wppb-user-forms .form-submit input,
#wppb-submit {
  background: #333!important;
  border: 0;
  color: #f7f7f7!important;
  height: 50px;
  transition: all .5s!important;
  /* background-color: white; */
  min-width: 100px;
}