:root {
	--white: #fff;
	--yellow: #ffed00;
	--pink: #e6007e;
	--black: #000000;
}

.bg-black { 
	background-color: var(--black);
}
.bg-gradient {
	background-image: linear-gradient(to right, rgba(230,0,126,1), rgba(255,237,0,1));
}
.bg-gradient-image {
	background-image: url(https://carshowco.com/wp-content/themes/CarShowCo/assets/image/car-tires-black-background.jpg), linear-gradient(to bottom, rgba(22,20,18,0.9), rgba(0,0,0,0.9));
	background-blend-mode: multiply; 
	background-repeat: no-repeat; 
	background-size: cover;
	background-position: top right;
}
.shadow {
	box-shadow: 0 0 rgba(0, 0, 0, 0.9), 0 5px 20px 0px rgba(0, 0, 0, 0.9) !important;
}

hr {
	border-top: 1px solid var(--pink) !important;
}

button {
  text-align: center;
  background-image: linear-gradient(to right, rgba(230,0,126,1), rgba(255,237,0,1));
  color: var(--white) !important;
  font-weight: 700;
  font-size: 16px;
  padding: 10px 24px;
  text-decoration: none !important;
  transition-property: all;
  transition-duration: 500ms;
	border: 0;
	text-transform: uppercase;
	cursor: pointer;
}
button:hover {
	background-image: none;
	background-color: var(--pink);
}

.btn-yellow {
  background: var(--yellow);
  color: var(--black) !important;
	font-size: 14px;
	padding: 8px 20px;
}
.btn-yellow:hover {
  background: rgba(0, 0, 0, 0);
  color: var(--white) !important;
}

.nf-field-label .nf-label-span, .nf-field-label label {
	color: var(--white) !important;
	font-weight: 400 !important;
	margin: 0 !important;
}
.nf-field-element p {
	color: var(--white) !important;
}
.nf-field-element input {
  	border: var(--white) 1px solid !important;
  	color: var(--white) !important;
	height: 50px;
	padding: 10px;
}
.nf-field-element textarea {
  	border: var(--white) 1px solid !important;
  	color: var(--white) !important;
	padding: 10px;
}
.nf-form-content button, .nf-form-content input[type="button"], .nf-form-content input[type="submit"] {
	background-image: linear-gradient(to right, rgba(230,0,126,1), rgba(255,237,0,1));
  	color: var(--white) !important;
	font-size: 14px !important;
	padding: 8px 20px !important;
	width: auto !important;
  	transition-property: all;
  	transition-duration: 500ms;
}
.nf-form-content button:hover, .nf-form-content input[type="button"]:hover, .nf-form-content input[type="submit"]:hover {
	background-image: none;
	background-color: var(--pink) !important;
}



/* ----------------------------------------------------- Smaller than 1200px ------------------------------------------------------ */

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


/* ----------------------------------------------------- Smaller than 768px - iPad portrait ------------------------------------------------------ */

@media only screen and (max-width : 768px) {
	.content-padding-sm {
		padding: 5%;
	}
	.mobile-center {
		text-align: center;
	}
}

/* ----------------------------------------------------- Smaller than 540px ------------------------------------------------------ */

@media only screen and (max-width : 540px) {	
	
}