/**
Theme Name: Forest Care 2021
Author: Wizbit
Version: 1.6
**/


:root {
    --dark-plumb: rgb(46,26,74);
    --light-plumb: rgb(134,100,131);
    --light-plumb-dark: #7b5f6e;
    --autumn: rgb(208,89,93); /*was: #BE646A;*/
    --autumn-light: #f6dfde; /*was: #F2E0E1;*/
    --light-grey: #f1f1f1;
}

@tailwind base;
@tailwind components;
@tailwind utilities;

.page-id-560 #open-day,
.page-id-558 #open-day,
.page-id-1420 #open-day {
	display: none;
}

header .contact-numbers {
    display: flex;
}

header .contact-numbers > div {
    color: #fff;
}

/* The actual timeline (the vertical ruler) */
.timeline {
	position: relative;
	/*max-width: 1200px;
  margin: 0 auto;*/
}

.timeline h2 {
	font-family: "Lato", sans-serif; /* fc-font-sans */
	font-weight: 700; /* 400:(.font-normal) 400i (.font-style: italic;) 700:(.font-semibold) */
	font-size: 1.125rem; /*lg*/
	margin-bottom: 0.25rem;
	color: #d6615f;
}

.timeline p {
	font-family: "Lato", sans-serif; /* fc-font-sans */
	font-weight: 400; /* 400:(.font-normal) 400i (.font-style: italic;) 700:(.font-semibold) */
	font-size: 0.875rem; /*base*/
	color: #fff;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
	content: "";
	position: absolute;
	width: 6px;
	background-color: rgb(83, 68, 82);
	top: 0;
	bottom: 0;
	left: 50%;
	margin-left: -3px;
}

/* Container around content */
.t-container {
	padding: 10px 40px;
	position: relative;
	/*background-color: inherit;*/
	width: 50%;
}

/* The circles on the timeline */
.t-container::after {
	content: "";
	position: absolute;
	width: 25px;
	height: 25px;
	right: -13px;
	background-color: #d6615f;
	/*border: 4px solid #FF9F55;*/
	top: 15px;
	border-radius: 50%;
	z-index: 1;
}

/* Place the container to the left */
.t-left {
	left: 0;
}

/* Place the container to the right */
.t-right {
	left: 50%;
}

/* Add arrows to the left container (pointing right) */
.t-left::before {
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	right: 30px;
	border: medium solid rgba(83, 68, 82, 0.6);
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent rgba(83, 68, 82, 0.6);
}

/* Add arrows to the right container (pointing left) */
.t-right::before {
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	left: 30px;
	border: medium solid rgba(83, 68, 82, 0.6);
	border-width: 10px 10px 10px 0;
	border-color: transparent rgba(83, 68, 82, 0.6) transparent transparent;
}

/* Fix the circle for containers on the right side */
.t-right::after {
	left: -12px; /*16*/
}

/* The actual content */
.t-content {
	padding: 20px 30px;
	background-color: rgba(83, 68, 82, 0.6);
	position: relative;
	border-radius: 6px;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
	/* Place the timelime to the left */
	.timeline::after {
		left: 30px;
	}

	/* Full-width containers */
	.t-container {
		width: 100%;
		padding-left: 70px;
		padding-right: 25px;
	}

	/* Make sure that all arrows are pointing leftwards */
	.t-container::before {
		left: 60px;
		border: medium solid rgba(83, 68, 82, 0.6);
		border-width: 10px 10px 10px 0;
		border-color: transparent rgba(83, 68, 82, 0.6) transparent transparent;
	}

	/* Make sure all circles are at the same spot */
	.t-left::after,
	.t-right::after {
		left: 15px;
	}

	/* Make all right containers behave like the left ones */
	.t-right {
		left: 0%;
	}
}

#menu li:hover ul li.virtual-tour a {
	text-decoration: none;
	background: #d6615f !important;
}

/* Swiper Pagination*/
.fc-pagination .swiper-pagination-bullet {
	background: var(--dark-plumb) !important;
}

/* Video Wrapper */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 56.25% 16:9 */
	/*padding-top: 25px;*/
	height: 0;
	margin-bottom: 30px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*Side tabs */

#side-tabs {
	position: fixed;
	top: 250px;
	right: 0;
	z-index: 999;
}

#side-tabs .tab-contact {
	position: relative;
	display: inline-block;
	width: 46px;
	height: 190px;
	background-color: var(--autumn);
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	transition: all 0.5s;
}

#side-tabs .tab-contact:hover {
	width: 56px;
	background-color: var(--light-plumb);
}

#side-tabs .tab-contact p {
	transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	position: absolute;
	top: 50%;
	left: 50%;
	color: white;
}

/**/

a,
button {
	transition: all 0.5s;
}

.transition {
	transition: 0.5s ease;
}

.z-60 {
	z-index: 60;
}
.z-70 {
	z-index: 70;
}
.z-80 {
	z-index: 80;
}
.z-90 {
	z-index: 90;
}
.z-100 {
	z-index: 100;
}

.hover\:opacity-100:hover {
	opacity: 1;
}
.hover\:opacity-75:hover {
	opacity: 0.75;
}
.hover\:opacity-50:hover {
	opacity: 0.5;
}
.hover\:opacity-25:hover {
	opacity: 0.25;
}
.hover\:opacity-0:hover {
	opacity: 0;
}

/* WordPress admin bar fix */

.admin-bar .sticky-header {
	top: 32px;
}

/* Text Colours */

.fc-text-dark-plumb,
.hover\:fc-text-dark-plumb:hover {
	color: var(--dark-plumb);
}
.fc-text-light-plumb,
.hover\:fc-text-light-plumb:hover {
	color: var(--light-plumb);
}
.fc-text-light-grey,
.hover\:fc-text-light-grey:hover {
	color: var(--light-grey);
}
.fc-text-autumn,
.hover\:fc-text-autumn:hover {
	color: var(--autumn);
}

/* Background Colours */

.fc-bg-dark-plumb,
.hover\:fc-bg-dark-plumb:hover {
	background-color: var(--dark-plumb);
}
.fc-bg-light-plumb,
.hover\:fc-bg-light-plumb:hover {
	background-color: var(--light-plumb);
}
.fc-bg-light-plumb-dark,
.hover\:fc-bg-light-plumb-dark:hover {
	background-color: var(--light-plumb-dark);
}
.fc-bg-autumn,
.hover\:fc-bg-autumn:hover {
	background-color: var(--autumn);
}
.fc-bg-autumn-light,
.hover\:fc-bg-autumn-light:hover {
	background-color: var(--autumn-light);
}
.fc-bg-light-grey,
.hover\:fc-bg-light-grey:hover {
	background-color: var(--light-grey);
}

/* Border Colours */

.fc-border-dark-plumb {
	border-color: var(--dark-plumb);
}
.fc-border-light-plumb {
	border-color: var(--light-plumb);
}
.fc-border-light-plumb-dark,
.hover\:fc-border-light-plumb-dark:hover {
	border-color: var(--light-plumb-dark);
}
.fc-border-autumn,
.hover\:fc-border-autumn:hover {
	border-color: var(--autumn);
}
.fc-border-light-grey,
.hover\:fc-border-light-grey:hover {
	border-color: var(--light-grey);
}
.fc-border-grey,
.hover\:fc-border-grey:hover {
	border-color: #e0dee0;
}

/* Fonts */

.fc-font-serif {
	font-family: "Halant", serif;
} /* 400:(.font-normal) 500:(.font-medium) 600:(.font-semibold) */
.fc-font-sans {
	font-family: "Lato", sans-serif;
} /* 400:(.font-normal) 400i (.font-style: italic;) 700:(.font-semibold) */

/* List columns */

.column-2 {
	columns: 1;
}

/* md: 768px */
@media (min-width: 768px) {
	.column-2 {
		columns: 2;
	}
}

/* Team card min height */

.fc-min-height-23 {
	min-height: 23rem;
}

/* Positioning */

.-bottom-1 {
	bottom: -0.25rem;
}

/* Owl Hero */

.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	left: 50px;
	color: #fff;
	/*font-size: 50px;*/
}

.owl-carousel .owl-nav .owl-next {
	left: auto;
	right: 50px;
}

.item {
	height: 50vh;
	background-size: cover;
	background-position: center center;
	position: relative;
}

/* md: 768px */
@media (min-width: 768px) {
	.item {
		height: 70vh;
	}
}

/*.item:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #000;opacity: .6;
}*/

.hero-text {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
}

.text-shadow {
	text-shadow: #000 1px 0 10px;
}

/* WP Google Maps */

.map {
	height: 500px;
}

.wpgmza-infowindow {
	padding: 10px 15px 20px 15px;
}

.wpgmza_infowindow_title {
	font-family: "Halant", serif;
	font-weight: normal !important;
	font-size: 24px !important;
	color: var(--autumn);
}

.wpgmza_infowindow_description {
	font-family: "Lato", sans-serif;
	font-weight: 400 !important;
	font-size: 14px !important;
	color: var(--dark-plumb);
}

.gm-ui-hover-effect {
	opacity: 0.3;
}

/* JIG */

.jig-overflow {
	border-radius: 5px;
}

.jig-imageContainer img {
	backface-visibility: hidden;
	transition: all 0.3s ease 0s;
}
.jig-imageContainer:hover img {
	transform: scale(1.1, 1.1);
}

/* Nav bar */

#menu {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
	font-weight: 400;
	font-size: 1rem;
}

#menu li {
	position: relative;
	display: inline;
}

#menu a {
	display: inline-block;
	padding: 0.875rem 0.5rem; /*1.75rem 0.5rem*/
	/*padding: 0 1.5rem;*/
	margin: 0 0 0 0;
	color: #ffffff;
	text-decoration: none;
}

#menu ul {
	position: absolute;
	left: -9999px;
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu ul li {
	display: block;
}

#menu li:hover ul {
	left: 0;
	z-index: 999;
}

/*#menu li a {
    background-color: #ED171F;
}*/

#menu li:hover a {
	color: var(--autumn);
	/*background-color: red;*/
}

/**/

#menu li:hover ul a {
	color: #ffffff;
	background: var(--dark-plumb);
}

#menu li:hover ul a:hover {
	/*text-decoration: none;*/
	color: #fff;
	background: var(--autumn);
}

#menu ul a {
	white-space: nowrap;
	display: block;
	border-top: 1px solid #fff;
	padding: 0.5rem 1rem;
}

/**/

#menu .contact a {
	background: var(--autumn);
	border-radius: 50px;
	padding: 0.5rem 1rem;
	margin-left: 1rem;
}

#menu .contact a:hover {
	background: var(--light-plumb);
	color: #fff;
}

/**/

/*#menu .current-menu-item > a,
#menu .current-menu-ancestor > a,
#menu .current_page_item > a,
#menu .current_page_ancestor > a {
	color: red;
}*/

/* Footer menu */

#menu-footer {
}

#menu-footer li a {
	color: #fff;
}

#menu-footer li a:hover {
	color: var(--autumn);
}

/* Nav page */

.page-nav {
	text-align: center;
	font-family: "Lato", sans-serif;
	font-size: 0.875rem;
}

.page-nav li {
	display: inline-block;
}

.page-nav li a {
	display: block;
	color: var(--dark-plumb);
	text-align: center;
	padding: 0.5rem 1rem;
	margin: 0.5rem 0.25rem;
	text-decoration: none;
	border-radius: 9999px;
	border: 1px solid var(--autumn-light);
	/*background-color: #eee;*/
}

.page-nav li a:hover {
	background-color: var(--autumn-light);
	color: var(--autumn);
}

.page-nav .current-menu-item > a,
.page-nav .current-menu-ancestor > a,
.page-nav .current_page_item > a,
.page-nav .current_page_ancestor > a {
	background-color: var(--autumn-light);
	color: var(--autumn);
}

/* list */

.wiz-list {
	margin-left: 2rem;
}

.wiz-list--col {
	column-gap: 5rem;
	columns: 1;
}

/* lg: 1024px */
@media (min-width: 1024px) {
	.wiz-list--col {
		columns: 3;
	}
}

.wiz-list li::before {
	content: "\f058";
	font-family: "FontAwesome";
	font-weight: 900;
	display: inline-block;
	width: 2rem;
	margin-left: -2rem;
	font-size: 0.875rem;
	color: #fff;
	opacity: 0.75;
}

.wiz-list--light li::before {
	color: var(--light-plumb);
}

/* list */

.wiz-list-inline li::before {
	content: "\f058";
	font-family: "FontAwesome";
	font-weight: 900;
	display: inline-block;
	width: 1.5rem;
	font-size: 0.875rem;
	color: var(--light-plumb);
	opacity: 0.75;
}

/* Video */

video {
	width: 100vw;
	/*height: 50vh;*/
	overflow: hidden;
	display: block;
	position: relative;
}

.video {
	position: relative;
}

button::-moz-focus-inner {
	border: 0 !important;
}

.mute-video {
	background: url(/wp-content/themes/forestcare/images/icon-volume-mute.png)
		no-repeat center;
	background-size: 35px;
	border: 0;
	width: 35px;
	height: 35px;
	text-indent: -9999px;
	position: absolute;
	top: 1rem;
	left: 1rem;
}

.unmute-video {
	background: url(/wp-content/themes/forestcare/images/icon-volume-on.png)
		no-repeat center;
	background-size: 35px;
}

/* lg: 1024px */
@media (min-width: 1024px) {
	.mute-video {
		background-size: 55px;
		width: 55px;
		height: 55px;
		top: 6.5rem;
		left: 3rem;
	}

	.unmute-video {
		background-size: 55px;
	}
}

/* WP Content ========================================================================= */
/* WP Content ========================================================================= */
/* WP Content ========================================================================= */
/* WP Content ========================================================================= */

/* wysiwyg */

.wysiwyg a {
	color: var(--autumn);
}

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

.wysiwyg a:hover {
	color: var(--light-plumb);
}

.wysiwyg--dark a:hover {
	color: rgba(255, 255, 255, 0.75);
}

.wysiwyg p {
	font-family: "Lato", sans-serif; /* fc-font-sans */
	font-weight: 400; /* 400:(.font-normal) 400i (.font-style: italic;) 700:(.font-semibold) */
	font-size: 1rem; /*base*/
	color: var(--dark-plumb);
	margin-bottom: 1.5rem; /*mb-6*/
}

.wysiwyg--home p {
	font-size: 1.125rem; /*text-lg*/
}

.wysiwyg--dark p {
	color: #fff;
}

.wysiwyg h2 {
	font-family: "Halant", serif; /* fc-font-sans-serif */
	font-weight: 400; /* 400:(.font-normal) 500:(.font-medium) 600:(.font-semibold) */
	font-size: 1.5rem; /*2xl*/
	color: var(--autumn);
	line-height: 1.25; /*leading-tight*/
	margin-bottom: 1.5rem; /*mb-6*/
}

.wysiwyg--dark h2 {
	font-family: "Halant", serif; /* fc-font-sans-serif */
	font-weight: 400; /* 400:(.font-normal) 500:(.font-medium) 600:(.font-semibold) */
	font-size: 1.5rem; /*2xl*/
	color: white;
	line-height: 1.25; /*leading-tight*/
	margin-bottom: 1rem; /*mb-6*/
}

.wysiwyg h3 {
	font-family: "Lato", sans-serif; /* fc-font-sans */
	font-weight: 400; /* 400:(.font-normal) 500:(.font-medium) 600:(.font-semibold) */
	font-size: 1.125rem; /*xl*/
	color: var(--autumn);
	line-height: 1.25; /*leading-tight*/
	margin-bottom: 1.5rem; /*mb-6*/
}

.wysiwyg h4 {
	font-family: "Lato", sans-serif; /* fc-font-sans */
	font-weight: 400; /* 400:(.font-normal) 400i (.font-style: italic;) 700:(.font-semibold) */
	font-size: 1.125rem; /*xl*/
	color: var(--dark-plumb);
	line-height: 1.5; /*leading-normal*/
	margin-bottom: 1.5rem; /*mb-6*/
}

.wysiwyg h5 {
	font-family: "Lato", sans-serif; /* fc-font-sans */
	font-weight: 400; /* 400:(.font-normal) 500:(.font-medium) 600:(.font-semibold) */
	font-size: 1.1rem;
	color: var(--autumn);
	line-height: 1.25; /*leading-tight*/
	margin-bottom: 0.125rem; /*mb-0.5*/
}

.wysiwyg ul {
	margin: 0 0 1.5rem 1.5rem;
	padding: 0;
}

.wysiwyg li {
	font-family: "Lato", sans-serif; /* fc-font-sans */
	font-weight: 400; /*font-normal*/
	font-size: 1rem; /*base*/
	color: var(--dark-plumb);
	margin: 0;
	padding: 0;
	line-height: 2em;
}

.wysiwyg--dark li {
	color: #fff;
}

.wysiwyg li::before {
	content: "\f054";
	font-family: "FontAwesome";
	display: inline-block;
	margin-left: -25px;
	width: 25px;
	color: var(--light-plumb);
}

.wysiwyg--dark li::before {
	color: #fff;
}

.wysiwyg hr {
	border: none;
	height: 1px;
	background: #ddd;
	margin: 2rem 0;
}

.wysiwyg .btn {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-size: 1rem;
	color: #fff;
	padding: 0.75rem 1.25rem;
	margin: 0.5rem 0 0 0;
	display: inline-block;
	border-radius: 9999px;
	text-align: center;
	background: var(--autumn);
	text-decoration: none;
}

.wysiwyg .btn::after {
	font-family: "FontAwesome";
	font-size: 0.75rem;
	content: "\f061";
	opacity: 0.75;
	margin-left: 0.5rem;
}

.wysiwyg .btn:hover {
	background: var(--light-plumb);
	color: #fff;
}

.alignnone {
	display: inline;
	margin: 0 2rem 0 0;
}

.aligncenter,
.alignleft,
.alignright {
	display: block;
	padding: 0;
}

.aligncenter {
	float: none;
	margin: 0 auto 0 auto;
}

.alignright {
	float: right;
	margin: 0.5em 0 1em 1em;
}

.alignleft {
	float: left;
	/*margin: .5em 1em 1em 0;*/
	margin: 0.5rem 1rem 0.5rem 0;
}

/* JOB WRAP ------------------*/
/* JOB WRAP ------------------*/

.job-wrap .more.hide {
	display: none;
}

.job-wrap .read-more a,
.job-wrap .close a {
	color: #b5636a;
	font-weight: 400;
}

.job-wrap ul + div.more ul:first-of-type {
	margin-top: -2em;
	padding-top: 10px;
}

/* ACCORDION */

.accordion {
	width: 100%;
	text-align: left;
	padding: 1.25rem 0; /* p-5 */
	border-bottom: 1px solid;
	color: var(--dark-plumb);
	border-bottom-color: var(--light-grey);
	transition: 0.5s ease;
}

.accordion--dark {
	color: #fff;
	border-bottom: 1px solid;
	border-bottom-color: rgba(241, 241, 241, 0.3);
}

.accordion_active,
.accordion:hover,
.accordion:focus {
	color: var(--autumn);
	outline: none;
}

.accordion_active--dark,
.accordion--dark:hover,
.accordion--dark:focus {
	color: #fff;
	outline: none;
}

.accordion_panel {
	padding: 0;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

.accordion_panel.first-active {
	max-height: initial;
}

.accordion_inner {
	padding: 1.5rem 0;
}

.accordion:before {
	content: "\f105";
	font-family: "FontAwesome";
	font-size: 1.125rem;
	color: var(--autumn);
	float: left;
	margin-right: 1rem;
	transition: transform 0.2s ease-out;
}

.accordion--dark:before {
	color: #fff;
}

.accordion.accordion_active:before {
	transform: rotate(90deg);
}

/* TESTIMONIALS */

/*.testimonial-careers {}*/

.testimonial-careers p {
	margin-top: 1rem;
	text-align: center;
}

.testimonial-careers p::before {
	content: "\f10d";
	font-family: "FontAwesome";
	/*font-weight: 600;*/
	font-size: 60px;
	color: rgba(80, 67, 77, 0.15);
	position: absolute;
	left: 50%;
	margin-left: -30px;
	top: 0px;
}

.testimonial-careers p::after {
	/*Reset to make sure*/
	content: "";
}

.testimonial-careers .testimonial-name {
	font-family: "Nunito Sans", sans-serif; /* 300 400 600 */
	font-weight: 400;
	display: block;
	font-style: normal;
	margin-top: 20px;
	color: #c4656b;
	font-size: 15px;
	text-align: center;
	z-index: 1;
}

.gfield_required {
	color: var(--autumn);
}

label {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-size: 1rem; /*sm*/
	color: var(--dark-plumb);
}

input[type="text"],
select,
textarea {
	width: 100%;
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-size: 1rem; /*sm*/
	color: var(--dark-plumb);
	background-color: var(--light-grey);
	padding: 0.5rem 1rem;
	/*margin: 0.5rem 0 1rem 0;*/
	border: none;
	border-radius: 5px;
	box-sizing: border-box;
	/*display: inline-block;*/
}

/* Modal */

.gfield_radio {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

.gfield_radio input {
	margin-right: 10px;
}

.gfield_radio li {
	margin-right: 20px;
}

.modal input[type="text"],
.modal select,
.modal textarea {
	width: 100%;
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-size: 1rem; /*sm*/
	color: var(--dark-plumb);
	background-color: var(--light-grey);
	padding: 0.5rem 1rem;
	margin: 0.5rem 0 1rem 0;
	border: none;
	border-radius: 5px;
	box-sizing: border-box;
	/*display: inline-block;*/
}

select > option {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-size: 1rem; /*sm*/
	color: var(--dark-plumb);
}

textarea {
	height: 120px;
}

input[type="submit"] {
	/*width: 100%;*/
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-size: 1rem; /*sm*/
	padding: 0.75rem 2rem;
	border-radius: 50px;
	color: #fff;
	background-color: var(--autumn);
	margin: 1rem 0 0 0;
	border: none;
	cursor: pointer;
	transition: all 0.5s;
}

input[type="submit"]:hover {
	background-color: var(--light-plumb);
}

.gform_validation_container {
	display: none;
}

.gform_confirmation_message {
	color: var(--dark-plumb);
}

/* top message */
.validation_error {
	margin-bottom: 25px;
	/*border-top: 2px solid#790000;
    border-bottom: 2px solid#790000;*/
	padding: 16px 0;
	clear: both;
	width: 100%;
	text-align: center;
	background-color: var(--autumn);
	color: #fff;
	font-size: 1rem;
	margin: 0 0 0.5rem 0;
	border-radius: 5px;
}

/* field highlight */
.gfield_error {
	/*background-color: var(--autumn-light);*/
	margin-bottom: 6px !important;
	/*border-top: 1px solid var(--autumn-light);*/
	border-bottom: 1px solid var(--autumn);
	padding-bottom: 6px;
	padding-top: 8px;
}

.validation_message {
	color: var(--autumn);
	font-size: 1rem;
	margin: 0 0 0.5rem 0;
}

/* hide labels */

.gform_wrapper .hidden_label .gfield_label,
.gform_wrapper label.hidden_sub_label,
.gform_wrapper label.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.gform_wrapper li.hidden_label input {
	margin-top: 12px;
}

.gform_wrapper
	.field_sublabel_hidden_label
	.ginput_complex.ginput_container
	input[type="text"],
.gform_wrapper
	.field_sublabel_hidden_label
	.ginput_complex.ginput_container
	select {
	margin-bottom: 12px;
}

.gform_wrapper .left_label li.hidden_label input,
.gform_wrapper .right_label li.hidden_label input {
	margin-left: 3.7%;
}

.gform_wrapper .hidden_label input.large,
.gform_wrapper .hidden_label select.large,
.gform_wrapper .top_label input.large,
.gform_wrapper .top_label select.large {
	width: 100%;
}

/* The Modal (background) */

.modal {
	text-align: left;
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 999; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0, 0, 0); /* Fallback color */
	background-color: rgba(0, 0, 0, 0.7); /* Black w/ opacity */

	padding-right: 1rem;
	padding-left: 1rem;
}

/* Modal Content */
.modal-content {
	position: relative;
	background-color: #fff;
	margin: 0 auto 2rem auto;
	padding: 0;
	border: none;
	/*width: 80%;*/
	max-width: 700px;
	border-radius: 1rem 1rem 0.5rem 0.5rem;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s;
}

/* Add Animation */
@-webkit-keyframes animatetop {
	from {
		top: -300px;
		opacity: 0;
	}
	to {
		top: 0;
		opacity: 1;
	}
}

@keyframes animatetop {
	from {
		top: -300px;
		opacity: 0;
	}
	to {
		top: 0;
		opacity: 1;
	}
}

/* The Close Button */
.close-x {
	color: #fff;
	float: right;
	font-size: 28px;
	line-height: 28px;
	font-weight: bold;
	transition: all 0.5s;
}

.close-x:hover,
.close-x:focus {
	color: var(--dark-plumb);
	text-decoration: none;
	cursor: pointer;
}

.modal-header {
	padding: 1rem 2rem;
	background-color: var(--light-plumb);
	border-radius: 0.5rem 0.5rem 0 0;
}

.modal-body {
	padding: 2rem;
}

.modal-footer {
	padding: 2px 16px;
	background-color: #5cb85c;
	color: white;
}

/* COOKIE NOTICE CSS */

#cn-notice-text {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-size: 0.75rem;
	color: #ddd;
}

#cookie-notice .button.wp-default {
	line-height: 18px;
	padding: 2px 12px;
	background: var(--autumn);
	border-color: var(--autumn);
	color: #fff;
	text-shadow: none;
	-moz-box-sizing: border-box;
	border-radius: 3px;
	white-space: nowrap;
}

#cookie-notice .button.wp-default:focus,
#cookie-notice .button.wp-default:hover {
	background: var(--light-plumb);
	border-color: var(--light-plumb);
	color: #fff;
}

.open-day-banner-padding {
	padding-top: 105px;
}

/* Breakpoints */

/* sm: 640px */
@media (min-width: 640px) {
}

/* md: 768px */
@media (min-width: 768px) {
	
	.open-day-banner-padding {
		padding-top: 120px;
	}
}

/* lg: 1024px */
@media (min-width: 1024px) {
	
	.open-day-banner-padding {
		padding-top: 0;
	}
}

/* xl: 1280px */
@media (min-width: 1280px) {
}
