/*
 Theme Name:   Benchmark Graphics Standard Theme
 Theme URI:    https://www.benchmarkgraphics.co.uk
 Description:  Benchmark Graphics Theme (A GeneratePress child theme)
 Author:       Benchmark Graphics
 Author URI:   https://www.benchmarkgraphics.co.uk
 Template:     generatepress
 Version:      0.1
*/

/* Remove bottom margin when paragraph is the last child in a given container */
p:last-child {margin-bottom: 0;}

.bg-fade-wrapper {
	position: relative;
	overflow: hidden;
}

.bg-fade {
	position: absolute; 
	width: 100%;
	height: 100%; 
        inset: 0;
	background-size: cover; 
	background-position: center center;
	opacity: 0;
	animation-name: fade-zoom;
	animation-duration: 24s;
	animation-iteration-count: infinite;
}


.bg-fade:nth-child(2){
	animation-delay: 0s;
}

.bg-fade:nth-child(3){
        animation-delay: 6s;
}

.bg-fade:nth-child(4){
	animation-delay: 12s;
}

.bg-fade:nth-child(5){
	animation-delay: 18s;
}


@keyframes fade-zoom {
	0% {
        opacity:0;
	transform: scale(100%);
    }
	16.66% {
        opacity:1
    }
	33.33% {
        opacity:1
    }
	48.66% {
        opacity:0
    }
	100% {
        opacity:0; 
	transform: scale(110%);
    }
}

/* Use this if you want to pause the animation on hover */ 
.bg-fade-wrapper:hover .bg-fade {
	animation-play-state: paused;
}

/* Fluent Forms styling */ 
form.fluent_form_1,
form.fluent_form_1 button,
form.fluent_form_1 input,
form.fluent_form_1 textarea,
form.fluent_form_1 label,
form.fluent_form_1 select {
	font-family: inherit;
	color: var(--base);
}



/* all the input fields + dropdown options */
form.fluent_form_1 .ff-el-form-control,
form.fluent_form_1 select.ff-el-form-control option {
	border: solid 2px;
	background-color: transparent;
	text-transform: none;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 1px;
	transition: 0.3s ease background, color;
	color: var(--base);
	border-radius: 0;
}

/* all the input fields except dropdown */
form.fluent_form_1:not(select) .ff-el-form-control {
	padding: 16px;
}

/* textarea */
form.fluent_form_1 textarea.ff-el-form-control {
	resize: none;
}
form.fluent_form_1 .ff-el-form-control:focus {
	color: var(--base);
	background-color: transparent;
	border: solid 2px;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
form.fluent_form_1 .ff-el-form-control::-webkit-input-placeholder {
	color: transparent;
}
form.fluent_form_1 .ff-el-form-control::placeholder {
	color: var(--base);
}
form.fluent_form_1 .ff-el-form-control:focus::placeholder {
	color: var(--base);
}
form.fluent_form_1 .ff-btn {
	border-radius: 0;
	border: solid 2px;
}
form.fluent_form_1 .ff-btn:focus,
form.fluent_form_1 .ff-btn:hover {
	box-shadow: none;
	opacity: 1;
}
form.fluent_form_1 .ff-btn-submit {
	background-color: var(--accent) !important;
	color: white;
	text-transform: none;
	font-weight: 600;
	font-size: 18px;
	letter-spacing: 1px;
	padding: 16px;
	transition: 0.4s ease background;
	width: 100%
}
form.fluent_form_1 .ff-btn-submit:hover {
	background-color: var(--contrast) !important;
}
form.fluent_form_1 .text-danger {
	color: red
}
form.fluent_form_1 .ff-el-is-error .ff-el-form-control {
	border: 2px dashed red;
}
form.fluent_form_1 .ff-el-is-error .ff-el-form-check-label,
form.fluent_form_1 .ff-el-is-error .ff-el-form-check-label a {
	color: red;
}
form.fluent_form_1 .ff-message-success {
	color: white;
	box-shadow: none;
}

/* Fluent Forms styling 2 */ 
form.fluent_form_2,
form.fluent_form_2 button,
form.fluent_form_2 input,
form.fluent_form_2 textarea,
form.fluent_form_2 label,
form.fluent_form_2 select {
	font-family: inherit;
	color: var(--base);
}

/* all the input fields + dropdown options */
form.fluent_form_2 .ff-el-form-control,
form.fluent_form_2 select.ff-el-form-control option {
	border: solid 2px;
	background-color: transparent;
	text-transform: none;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 1px;
	transition: 0.3s ease background, color;
	color: var(--base);
	border-radius: 0;
}

/* all the input fields except dropdown */
form.fluent_form_2:not(select) .ff-el-form-control {
	padding: 16px;
}

/* textarea */
form.fluent_form_2 textarea.ff-el-form-control {
	resize: none;
}
form.fluent_form_2 .ff-el-form-control:focus {
	color: var(--base);
	background-color: transparent;
	border: solid 2px;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
form.fluent_form_2 .ff-el-form-control::-webkit-input-placeholder {
	color: transparent;
}
form.fluent_form_2 .ff-el-form-control::placeholder {
	color: var(--base);
}
form.fluent_form_2 .ff-el-form-control:focus::placeholder {
	color: var(--base);
}
form.fluent_form_2 .ff-btn {
	border-radius: 0;
	border: solid 2px;
	border-color: var(--base) !important;
}
form.fluent_form_2 .ff-btn:focus,
form.fluent_form_2 .ff-btn:hover {
	box-shadow: none;
	opacity: 1;
}
form.fluent_form_2 .ff-btn-submit {
	background-color: var(--base) !important;
	color: var(--contrast) !important;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 15.5px;
	letter-spacing: 1px;
	padding: 14px;
	transition: 0.4s ease background;
	width: 100%
}
form.fluent_form_2 .ff-btn-submit:hover {
	color: white !important;
	background-color: var(--accent) !important;
border-color: var(--accent) !important;
}
form.fluent_form_2 .text-danger {
	color: red
}
form.fluent_form_2 .ff-el-is-error .ff-el-form-control {
	border: 2px dashed red;
}
form.fluent_form_2 .ff-el-is-error .ff-el-form-check-label,
form.fluent_form_2 .ff-el-is-error .ff-el-form-check-label a {
	color: red;
}
form.fluent_form_2 .ff-message-success {
	color: white;
	box-shadow: none;
}

.popup-col {
	margin-left: auto !important;
	margin-right: auto !important;
}