/*
Theme Name: 
Theme URI: 
Description: Bespoke Theme developed by Adrian @ AlphaWebServices.net
Author: Adrian Jones
Version: 1.0
License: 
License URI: 
Tags: 
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700;900&display=swap');

*		{margin: 0; border: 0; padding: 0; outline: 0; box-sizing: border-box;}
p, a, small, li, textarea, input, label, td, tr, div {font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;}
h1, h2, h3, h4, h5		{font-family: "playfair-display", serif;
	font-weight: 400;
	font-style: normal;}
.clear		{clear: both;}
a		{text-decoration: none; color: inherit;}
html		{overflow-y: scroll; background-color: #fff; scroll-behavior: smooth;}
ul		{list-style-type: none;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}
img         {max-width: 100%; max-height: 100%; height: auto;}

.wrapper        {width: 1300px; margin: 0 auto; position: relative;}
.wrapper:after  {content: ""; display: block; clear: both;}

.yPadding        {padding-top: 80px; padding-bottom: 80px;}
.centered       {text-align: center;}

.flex			{display: flex;}
.align-center	{align-items: center;}
.align-bottom	{align-items: flex-end;}
.justify-between	{justify-content: space-between;}
.justify-center		{justify-content: center;}

#header {
	background: #f0ebda;
}
#header img {
	height: 150px;
	padding: 15px 0;
}

#header .headBtn {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translatey(-50%);
	background: #46563e;
	color: #f0ebda;
	text-transform: uppercase;
	padding: 12px 25px;
	letter-spacing: 1px;
}

#footer {
	background: #f0ebda;
	padding: 30px 0;
}
#footer p {
	text-transform: uppercase;
	color: #46563e;
	font-size: 18px;
	margin-bottom: 40px;
	letter-spacing: 2px;
	font-family: "playfair-display", serif;
	font-weight: 400;
	font-style: normal;
}
#footer p span {
	color: inherit;
}
#footer ul {
	gap: 30px;
}
#footer ul li img {
	width: 100%;
}
#bottom {
	background: #46563e;
	padding: 70px 0 35px;
}
#bottom .flex {
	flex-direction: column;
}
#bottom img {
	height: 50px;
}
#bottom p {
	margin-top: 50px;
	color: #f0ebda;
	font-size: 14px;
}

.videoOuter {
    position: relative;
    isolation: isolate;
    width: 100%;
    height: 800px;
    overflow: hidden;
    background-color: #222;
}

.videoOuter .videoBg {
    position: absolute;
    z-index: -1;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.videoOuter .videoContent {
    position: relative;
    z-index: 1;
    height: 100%;
	max-width: 900px;
	margin: 0 auto;
}

.videoOuter .videoContent .videoContentInner {
	height: 100%;
}

.videoContent .contentOuter {
	--inner-gap: 12px;
    --line-colour: #f0ebda;
    --panel-colour: rgba(65, 84, 66, 0.72);
    position: relative;
    isolation: isolate;
    width: min(1530px, calc(100% - 40px));
    padding: var(--inner-gap);
    overflow: visible;
}

.videoContent .contentOuter::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background: var(--panel-colour);
    clip-path: polygon(
        5% 0,
        95% 0,
        100% 7%,
        100% 93%,
        95% 100%,
        5% 100%,
        0 93%,
        0 7%
    );
}

.videoContent .contentOutline {
    position: absolute;
    z-index: 2;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: none;
}

.videoContent .contentOutline polygon {
    fill: none;
    stroke: var(--line-colour);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

.videoContent .contentInner {
    position: relative;
    z-index: 1;
    padding: 30px 60px;
    border: 1px solid var(--line-colour);
	color: #f0ebda;
}

.videoContent .contentInner .text {
	text-align: center;
}

.videoContent .contentInner .text * + * {
	margin-top: 20px;
}

.videoContent .contentInner .text h2 {
	font-size: 26px;
}

.videoContent .contentInner .text p {
	font-size: 20px;
}

.videoContent .contentInner .buttons {
	border-top: 0.01em solid #f0ebda;
	margin-top: 20px;
	padding-top: 20px;
	display: flex;
}

.videoContent .contentInner .buttons > div {
	width: calc(50% - 1px);
	text-align: center;
}

.videoContent .contentInner .buttons > div:first-of-type {
	border-right: 0.01em solid #f0ebda;
}

.videoContent .contentInner .buttons h3 {
	font-size: 24px;
}

.videoContent .contentInner .buttons p {
	margin-top: 20px;
	font-size: 18px;
}

.videoContent .contentInner .buttons a {
	display: inline-block;
	margin-top: 20px;
	background: #f0ebda;
	color: #46563e;
	text-transform: uppercase;
	padding: 12px 25px;
	letter-spacing: 1px;
}


@media all and (max-width : 1300px) {
	.wrapper {
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	#header .headBtn {
		right: 15px;
	}
}

@media all and (max-width : 992px) {
	#footer ul {
		flex-wrap: wrap;
		justify-content: center;
	}
	#footer ul li {
		width: 20%;
	}
}

@media all and (max-width : 768px) {
	.videoOuter {
		height: auto;
		padding: 40px;
	}
	.videoContent .contentOuter {
		width: auto;
	}
	.videoContent .contentInner {
		padding: 20px 20px;
	}
	.videoContent .contentInner .text h2 {
		font-size: 20px;
	}

	.videoContent .contentInner .text p {
		font-size: 18px;
	}
	.videoContent .contentInner .buttons {
		flex-direction: column;
	}
	.videoContent .contentInner .buttons > div {
		width: 100%;
	}
	.videoContent .contentInner .buttons > div:first-of-type {
		border-right: 0;
		border-bottom: 0.01em solid #f0ebda;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	#footer ul li {
		width: 30%;
	}
	#header .flex {
		flex-direction: column;
	}
	#header .headBtn {
		position: static;
		transform: none;
		margin-bottom: 15px;
	}
}

@media all and (max-width : 586px) {
	.videoContent .contentOuter::before {
		clip-path: polygon(10% 0, 90% 0, 100% 3%, 100% 96%, 88% 100%, 12% 100%, 0 96%, 0 4%);
	}
}