:root {
	--white: #fff;
	--yellow: #FFEE9D;
	--gold: #CA9E67;
	--black: #000000;
}

.bg-black { 
	background-color: var(--black);
}
.bg-gradient {
	background-image: linear-gradient(to bottom, rgba(53,52,81,1), rgba(2,3,3,1), rgba(53,52,81,1), rgba(2,3,3,1));
}
.bg-gradient-image {
	background-image: url(https://carshowco.com/wp-content/themes/CarShowCo/assets/image/metallic-steel-blue-modern-sports-super-car-min.jpg), linear-gradient(to bottom, rgba(53,52,81,1), rgba(2,3,3,1), rgba(53,52,81,1), rgba(2,3,3,1));
	background-blend-mode: multiply; 
	background-repeat: no-repeat; 
	background-size: contain;
	background-position: top center;
}
.bg-gradient-two-colour {
	background-image: linear-gradient(to bottom, rgba(53,52,81,1), rgba(2,3,3,1));
}
.bg-gradient-two-colour-reverse {
	background-image: linear-gradient(to top, rgba(53,52,81,1), rgba(2,3,3,1));
}
.shadow {
	box-shadow: 0 0 rgba(0, 0, 0, 0.9), 0 5px 20px 0px rgba(0, 0, 0, 0.9) !important;
}
.vl-container {
	height: 135px;
}
.vl {
  border-left: 1px solid var(--yellow);
  height: 135px;
  position: absolute;
  left: 50%;
  top: 0;
}
.vl-container-small {
	height: 80px;
}
.vl-small {
	height: 80px
}
.vl-thick {
  border-left: 8px solid var(--yellow);
	border-image: linear-gradient(to bottom, #FFEE9D 0%, #CA9E67 50%, #FFEE9D 100%) 1;
  height: 35px;
  position: absolute;
  left: 50%;
  top: 0;
	margin-left: -4px;
}
.hl {
  border-bottom: 1px solid var(--yellow);
  width: 50px;
  position: absolute;
  left: 0;
  right: 0;
  margin-inline: auto;
}
.hl-wide {
	width: 70%;
	bottom: 0;
}

button {
  text-align: center;
  background: none;
  color: var(--yellow) !important;
  font-weight: 400;
  font-size: 16px;
  padding: 10px 24px;
  text-decoration: none !important;
  transition-property: all;
  transition-duration: 500ms;
	border: 1px solid var(--yellow);
	text-transform: uppercase;
}

.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(--yellow) !important;
	font-weight: 400 !important;
}
.nf-field-element p {
	color: var(--yellow) !important;
}
.nf-field-element input {
  	border-bottom: var(--yellow) 1px solid !important;
  	color: var(--yellow) !important;
}
.nf-form-content button, .nf-form-content input[type="button"], .nf-form-content input[type="submit"] {
	background: var(--yellow) !important;
  	color: var(--black) !important;
	font-size: 14px !important;
	padding: 8px 20px !important;
	width: auto !important;
}
.nf-form-content button:hover, .nf-form-content input[type="button"]:hover, .nf-form-content input[type="submit"]:hover {
	background: var(--black) !important;
  	color: var(--yellow) !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%;
	}
	.bg-gradient-image {
		background-size: 145%;
	}
	.mobile-center {
		text-align: center;
	}
}

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

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