/*
Theme Name: VanWalt UK
Theme URI: https://vanwalt.com
Author: Tidy Design
Author URI: https://tidydesign.com
Description: VanWalt UK Theme, inc. WooCommerce
Version: 1.0
*/

:root {
	--vw-main-color: #ff6701;
	--vw-light-color: #fffaf7;
	--vw-body-text-color: #191919;
	--vw-premium-color: #d1a23e;
}

/* =================
GDPR
================= */

.gdpr-form{
	max-width:600px;
	margin: 0 auto;
	display:block;
	color:#FFF;
}
.gdpr-form fieldset{
	border: none;
}
.gdpr-form label{
	color:#fff;
	font-weight:600;
	width: 100%;
	line-height: 130%;
}
.gdpr-form input{
	font-weight:400;
	width: 100%;
	margin: 5px auto 20px auto;
	padding: 10px;
	font-size:16px;
	background-color:#333;
	color:#fff;
	border:#999 2px solid;
}
#YesNo {
	font-weight:400;
	width: 100%;
	margin: 5px auto 20px auto;
	padding: 10px;
	font-size:16px;
	background-color:#333;
	color:#fff;
	border:#999 2px solid;
}
.gdpr-form .required {
	color:#F00;
}
.gdpr-form .submit {
	background-color: #134fbb;
	color: #FFF;
	font-variant: small-caps;
	font-weight: 600;
	padding: 15px 0;
	border: none;
	width: 50%;
	margin: 20px auto 30px auto;
	display: block;
}
.gdpr-form .submit:hover {
	background-color: #222;
	cursor: pointer;
}

.gdpr-form .error_message,
.gdpr-form #success_message {
	margin-bottom: .5em;
	text-align: center;
	font-variant: small-caps;
	font-weight: 600;
}
.gdpr-form .error_message {
	color: #ca2727;
	letter-spacing: 1.6px;
}
.gdpr-form #success_message {
	margin-bottom: 36px;
	color: #067706;
	font-size: 1.25rem;
	letter-spacing: 2.2px;
}
@media screen and (min-width: 1020px) {
	.gdpr-header {
		margin: 76px auto 40px auto;
	}
}

/* Soil Doc Banner */
.banner--soil-doc {
	background-color: #333;
	background-image: url('./assets/img/soil-banner.jpg');
	background-position: center center;
	background-size: cover;
}

/* Blog */

/* Header Social Links */
.footer-social-header h2 {
	margin: 0 0 .65em;
}

.banner .footer-social-links {
	margin: 0 auto;
}

.blog__social {
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
	padding: 0;
}
.blog__social .social__link {
	margin: 0;
}
.blog__social .social__link path {
	transition: fill .35s;
	fill: #fff;
}
.blog__social .social__link:hover path {
	fill: #b3b3b3;
}

/* DUBOIS */
.banner__title--quote {
	line-height: 1.4;
	font-family: 'Bad Script', cursive;
	text-align: center;
	letter-spacing: 1.3px;
	font-weight: 600;
	font-size: 1.35rem;
	text-transform: none;
	font-variant: normal;
}
.banner__title--quote span {
	display: block;
	margin-top: 10px;
	opacity: .75;
	font-family: 'Raleway', sans-serif;
	font-size: 75%;
	font-variant: small-caps;
	font-weight: 600;
}


/* ======================
Navigation
====================== */
.dubois-nav {
	position: relative;
	margin-top: 0;
	height: 42px;
	background: var(--vw-main-color);
}
.dubois-nav__wrapper {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	height: 100%;
}

.dubois-nav__toggle {
	display: block;
	width: 24px;
	height: 16px;
	cursor: pointer;
}

.dubois-nav__text {
	margin-left: 1.25em;
	color: #fff;
	font-size: 14px;
	font-variant: small-caps;
	font-weight: 600;
}

.dubois-nav__list {
	position: absolute;
	top: 42px;
	left: 0;
	width: 295px;
	height: 100vh;
	padding: 1em;
	background: var(--vw-main-color);
	transform: translateX(-101%);
	transition: translateX .45s;
	z-index: 999;
}
.dubois-nav__list.nav-show {
	transform: translateX(0);
}

.dubois-nav__list li {
	padding-bottom: 2em;
	font-weight: 600;
	letter-spacing: 1.6px;
	line-height: 1.4;
	font-size: .9rem;
	font-variant: small-caps;
}
.dubois-nav__list li a {
	color: #fff;
}

@media screen and (min-width: 600px) {
	.dubois-nav {
		height: 60px;
	}

	.dubois-nav__toggle,
	.dubois-nav__text {
		display: none;
	}

	.dubois-nav__list {
		position: relative;
		display: flex;
		justify-content: space-between;
		top: 0;
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 0;
		transform: translateX(0);
	}

	.dubois-nav__list li {
		padding: 0 20px;
	}
}

@media screen and (min-width: 768px) {
	.dubois-nav__list {
		width: 80%;
	}
}

@media screen and (min-width: 1020px) {
	.dubois-nav__list {
		width: 60%;
	}
}

/* Pagination */
ul.page-numbers {
	display: flex;
	justify-content: center;
	margin: 2em 0 0;
}

.page-numbers li {
	margin: 0 .35em;
}

.page-numbers li,
a.page-numbers,
span.page-numbers {
	display: block;
	width: 22px;
	height: 22px;
	border-radius: 6px;
}

a.page-numbers,
span.page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	font-variant-numeric: lining-nums;
}

.page-numbers.current {
	color: #fff;
	background-color: var(--vw-main-color);
}

.page-numbers,
a.page-numbers {
	color: var(--vw-body-text-color);
}

/* Title Override */
.single-dubois .text-block h1,
.single-dubois .text-block h2,
.single-dubois .text-block h3,
.single-dubois .text-block h4,
.single-dubois .text-block h5,
.single-dubois .text-block h6 {
	color: var(--vw-body-text-color);
}

/* Prompt */
.prompt {
	display: none;
	position: relative;
	margin-top: 0;
	padding: 1em 0;
	background-color: var(--vw-main-color);
	transition: transform .45s ease-out;
	z-index: 199;
	text-align: center;
}

.prompt__text {
	margin: 0;
	padding: 0 .5em;
}

.prompt p {
	color: #fff;
	margin-top: 0;
	margin-bottom: .65em;
	font-size: .9rem;
}

.prompt p:last-of-type {
	margin-bottom: 0;
}

.prompt a {
	color: #fff;
	text-decoration: underline;
}

.prompt__btns {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}

.prompt__btn {
	margin: .5em;
}

.prompt__btn:hover {
	color: #fff;
}

.prompt__icon {
	position: absolute;
	top: .75em;
	right: .75em;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.prompt__icon path {
	fill: #fff;
}

.prompt--nobtn .prompt__text {
	margin: 0;
}


@media (min-width: 1024px) {
	.prompt .wrapper {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.prompt--scrolled {
		transform: translateY(78px);
	}

	.prompt .prompt__text {
		text-align: left;
		margin-right: 1em;
		padding: 0;
	}

	.prompt--nobtn .prompt__text {
		margin: 0;
		text-align: center;
	}
}