/*
Theme Name: Eprefix-bootstrap
Theme URI: 
Description: 
Version: 3.0
Author: header
Author URI: http://eprefix.co.uk
*/


a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html {
	position:relative;
	min-height:100%;
}

body {
	margin:0 0 200px;
	font-family: 'F37Ginger';
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	line-height: 1.42857143;
	color: #000;
	background-color: #ffffff;
}
.noscroll {
	overflow-y: hidden;
}
.main-content {
	display: none;
	height: 100%;
}
.center {
	text-align:center;
}
.overflow_hidden {
	overflow: hidden;
}
.right {
	text-align:right;
}

.no-padding {
	padding:0;
}

.top-spacer {
	height:30px;
}
.top_spacer {
	height: 50px;
}

.footerholder {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:200px;
	background-color: #fff
}
.white_footer {
	height: 150px;
	padding-top: 30px;
	background: #fff;
}
.black_footer {
	height: 50px;
	background-color: #000;
}
.uppercase {
	text-transform:uppercase;
}
.vert_align {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.relative {
	position:relative;
}
.yellow {
	color: #ffed00;
}
.yellow_background {
	background-color: #ffed00;
}
.yellow_link {
	color: #ffed00;
	text-decoration: underline;
}
.yellow_link:hover {
	text-decoration: none;
}
.white {
	color: #fff;
}
.white_background {
	background-color:#fff;
}
.black {
	color: #000;
}
.black_link {
	color: #000;
}
.black_link:hover {
	color: #000;
	text-decoration: underline;
}
.black_background {
	background-color:#000;
}

.top_bar {
	position: fixed;
	top: 0;
	width: 100%;
	height: 50px;
	background-color: #ffed00;
	z-index: 400;
}
.top_bar_active {
	background: #000;
}
.top_logo {
	position: absolute;
	left: 0px;
	top: 15px;
	width: 94px;
	height: 24px;
}
.top_logo path {
	fill: #000;
}
.top_logo_active path {
	fill: #ffed00;
}
.footer_logo {
	position: absolute;
	left: 0px;
	top: 15px;
	width: 94px;
}
.footer_logo path {
	fill: #ffed00;
}
.home_play {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 100;
	cursor: pointer;
	margin-top: 25px;
}
.copyright {
	display: inline-block;
	font-size: .8em;
	margin-top: 17px;
	margin-left: 15px;
}
.footer_link_large {
	display: inline-block;
	color: #000;
	padding-bottom: 2px;
	border-bottom: 2px solid #ffed00;
}
.footer_link_spacer {
	margin-top: 20px;
}
.social_head {
	position: absolute;
	right: 100px;
	top: 15px;
	font-size: .9em;
}
.social_link {
	display: inline-block;
	margin-right: 20px;
	color: #000;
}
.social_link_active {
	color: #ffed00;
}
.social_center {
	float: left;
	margin-left: 5px;
}
.twitter_logo {
	float: left;
	fill: #000;
}
.twitter_logo_active {
	fill: #ffed00;
}

.list_styling ul {
	list-style: none;
	padding: 0;
}
.list_styling li {
	padding-left: 1rem;
	padding-right: 6rem;
	margin-bottom: .5rem;
}
.list_styling li:before {
	position: absolute;
	content: '_';
	left: 0;
}
.list_styling .pr-fix {
	padding-right: 5rem;
}

/* ============;=============================================================
   Media Queries
   ========================================================================== */
@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {
body {
	font-size: 15px;
	margin:0 0 350px;
}
.top_logo {
	position: absolute;
	left: 20px;
}
.footerholder {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:350px;
}
.white_footer {
	height: 250px;
	padding-top: 30px;
	background: #fff;
}
.black_footer {
	height: 100px;
}
.copyright {
	display: block;
	font-size: .8em;
	margin-top: 17px;
	margin-left: 15px;
}

}

@font-face {
  font-family: 'F37Ginger-Light';
  src: url('fonts/F37Ginger-Light.eot?#iefix') format('embedded-opentype'),  
  url('fonts/F37Ginger-Light.otf')  format('opentype'),
  url('fonts/F37Ginger-Light.woff') format('woff'), 
  url('fonts/F37Ginger-Light.ttf')  format('truetype'), 
  url('fonts/F37Ginger-Light.svg#F37Ginger-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
.ginger_light {
	font-family: 'F37Ginger-Light';
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: 'F37Ginger';
  src: url('fonts/F37Ginger.eot?#iefix') format('embedded-opentype'),  
  url('fonts/F37Ginger.otf')  format('opentype'),
  url('fonts/F37Ginger.woff') format('woff'), 
  url('fonts/F37Ginger.ttf')  format('truetype'), 
  url('fonts/F37Ginger.svg#F37Ginger') format('svg');
  font-weight: normal;
  font-style: normal;
}
.ginger_reg {
	font-family: 'F37Ginger';
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: 'F37Ginger-Bold';
  src: url('fonts/F37Ginger-Bold.eot?#iefix') format('embedded-opentype'),  
  url('fonts/F37Ginger-Bold.otf')  format('opentype'),
  url('fonts/F37Ginger-Bold.woff') format('woff'), 
  url('fonts/F37Ginger-Bold.ttf')  format('truetype'), 
  url('fonts/F37Ginger-Bold.svg#F37Ginger-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
.ginger_bold {
	font-family: 'F37Ginger-Bold';
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: 'DezenStencil02-Condensed7';
  src: url('fonts/DezenStencil02-Condensed7.eot?#iefix') format('embedded-opentype'),  
  url('fonts/DezenStencil02-Condensed7.otf')  format('opentype'),
  url('fonts/DezenStencil02-Condensed7.woff') format('woff'), 
  url('fonts/DezenStencil02-Condensed7.ttf')  format('truetype'), 
  url('fonts/DezenStencil02-Condensed7.svg#DezenStencil02-Condensed7') format('svg');
  font-weight: normal;
  font-style: normal;
}
.stencil_condensed {
	font-family: 'DezenStencil02-Condensed7';
	font-weight: normal;
	font-style: normal;
}

/* 07/03/23 changes */
.homepage-slider-hero-wrapper {
	position: relative;
}
.homepage-slider-hero {
	position: relative;
	height: 90vh;
	width: 100%;
}
.homepage-slider-hero .homepage-slider-item {
	background-size: cover;
	background-position: center;
	height: 90vh;
	width: 100%;
}
.homepage-slider-hero-wrapper .mouse_holder {
	bottom: 50px;
}
.homepage-slider-hero-wrapper .logo-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 450px;
}
.homepage-yellow-box.two-buttons:hover {
	background-color: #ffed00;
}
.homepage-yellow-box.two-buttons:hover h4 {
	color: #000;
}
.homepage-yellow-box.two-buttons:hover .circle-button {
	background: #000;
	color: #ffed00;
}
.homepage-yellow-box.two-buttons:hover .circle-button::after {
	background: url("./img/right-arrow-yellow.svg") no-repeat;
}
.homepage-yellow-box.two-buttons .circle-button:hover {
	background: #fff;
	color: #000;
}
.homepage-yellow-box.two-buttons .circle-button:hover:after {
	background: url("./img/right-arrow-black.svg") no-repeat;
}
@media (max-width: 767px) {
	.homepage-slider-hero, .homepage-slider-hero .homepage-slider-item {
		height: 50vh;
	}
	.homepage-slider-hero-wrapper .logo-wrapper {
		width: 250px;
	}
}

.signup-form-wrapper .are-you {
	margin-bottom: 0;
}

.signup-form-wrapper .input-group {
	margin-bottom: 15px;
}

.signup-form-wrapper .input-group .form-check {
	margin-bottom: 5px;
}

.styled-checkbox {
	position: absolute;
	opacity: 0;
}
.styled-checkbox + label {
	position: relative;
	cursor: pointer;
	padding: 0;
}
.styled-checkbox + label:before {
	content: "";
	margin-right: 10px;
	display: inline-block;
	vertical-align: text-top;
	width: 20px;
	height: 20px;
	background: black;
}
.styled-checkbox:hover + label:before {
/* 	background: white; */
}
.styled-checkbox:focus + label:before {
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
/* 	background: #f35429; */
}
.styled-checkbox:disabled + label {
	color: #b8b8b8;
	cursor: auto;
}
.styled-checkbox:disabled + label:before {
	box-shadow: none;
	background: #ddd;
}
.styled-checkbox:checked + label:after {
	content: "";
	position: absolute;
	left: 5px;
	top: 9px;
	background: #fff;
	width: 2px;
	height: 2px;
	box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
	transform: rotate(45deg);
}