/**
 * Default styles used site-wide
 *
 * Site Colours
 * ---
 * 
 */

/** Font import  */


/** General */
	body, select, input, textarea {
		position: relative;
		font: 16px/1.4em goudy-old-style Helvetica, Helvetica Neue, Arial, serif;
		color: #4d4d4d;
		font-weight: 500;
	}

	body > main {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	body > main,
	body > footer {
		position: relative;
	}
	section {
		padding: 4em 5em;
		width: 100%;
		max-width: 1600px;
	}

/** Fonts */
	h1 {
		font-size: 2em;
	}
	h2 {
		font-size: 1.8em;
	}
	h3 {
		font-size: 1.6em;
	}
	h4 {
		font-size: 1.4em;
	}
	h5 {
		font-size: 1.2em;
	}
	h6 {
		font-size: 1em;
	}
	h1, h2, h3, h4, h5, h6 {
		margin: .6em 0 .3em;
		line-height: 1.214;
		color: #4d4d4d;
		font-family: 'DM Sans', sans-serif;
	}
	h1 + p, h2 + p, h3 + p, h4 + p {
		margin-top: 0;
	}
	p {
		font-size: .8em;
		line-height: 1.8;
		margin: 1em 0;
		font-family: 'DM Sans', sans-serif;
		color: #4d4d4d;
	}
	a {
		color: #4d7969;
		text-decoration: underline;
		font-family: 'DM Sans', sans-serif;
	}
	a:hover {
		color: #4d4d4d;
		text-decoration: none;
	}
	a.disabled {
		pointer-events: none;
	}
	pre {
		font-size: 1em;
		margin: 2.5rem 0;
		padding: 1.5em;
		background: #000;
		color: #008000;
		border-radius: 5px;
	}
	blockquote {
		border-color: #4d4d4d;
		border-style: solid;
		border-width: 0 0 0 0.2rem;
		border-radius: 5px 0 0 5px;
		color: inherit;
		font-size: 1em;
		margin: 2em 0;
		padding: .1em 0 .1em 1em;
	}
	hr {
		width: 100%;
		margin: 3em 0;
		background: #CCCCCC;
		border: none;
		height: 5px;
		position: relative;
		border-radius: 5px;
	}
	acronym[title],
	abbr[title] {
		text-decoration: none;
		cursor: help;
		border-bottom: 2px dotted #F16529;
	}

/** Forms */
	button, input, textarea, select {
		vertical-align: middle;
	}

	section label {
		text-transform: uppercase;
		color: #4d4d4d;
		letter-spacing: 0.07em;
		font-weight: 500;
		display: block;
		margin-bottom: 0.3em;
		font-size: 13px;
	}
	section input[type=email], 
	section input[type=password], 
	section input[type=search], 
	section input[type=tel], 
	section input[type=text], 
	section input[type=url], 
	section textarea, 
	section textarea.input-text, 
	section select {
		width: 100%;
		box-shadow: none;
		border: 2px solid #f5f1ed;
		background-color: #fff;
		padding: 0.6em 1.2em;
		margin-bottom: 1.3em;
		font-weight: 400;
		border-radius: 3px;
	}
	section textarea,
	section textarea.input-text {
		height: 150px;
		line-height: 1.5em;
	}
	/* input[type=email]:hover, 
	input[type=password]:hover, 
	input[type=search]:hover, 
	input[type=tel]:hover, 
	input[type=text]:hover, 
	input[type=url]:hover, 
	textarea:hover, 
	select:hover, 
	section textarea.input-text:hover {
		border-color: #999;
	} */
	input[type=email]:focus, 
	input[type=password]:focus, 
	input[type=search]:focus, 
	input[type=tel]:focus, 
	input[type=text]:focus, 
	input[type=url]:focus, 
	textarea:focus, 
	select:focus, 
	section textarea.input-text:focus  {
		outline: none;
		/* border-color: #212930; */
		background: #FFF;
	}

	input.checkbox, 
	input.radio {
		width: auto !important;
		background: transparent; /* ie6 */
		border: none !important; /* ie6 */
		margin: 0 10px 0 0;
	}
	button, 
	input[type="button"], 
	input[type="reset"], 
	input[type="submit"], 
	.button {
		/* border: 2px solid #F16529; */
		background: #4d7969;
		color: #FFF;
		font-size: 1em;
		border-radius: 3px;
		box-shadow: none;
		text-decoration: none;
		max-width: 100%;
		padding: 1em;
		cursor: pointer;
		text-shadow: none;
		display: inline-block;
		margin-right: 1em;
		-webkit-transition: all .5s;
		   -moz-transition: all .5s;
		    -ms-transition: all .5s;
		     -o-transition: all .5s;
		        transition: all .5s;
	}
	button, 
	input[type="button"]:last-child, 
	input[type="reset"]:last-child, 
	input[type="submit"]:last-child, 
	.button:last-child {
		margin-right: 0;
	}
	button.outline,
	.button.outline {
		background: transparent;
		color: #F16529;
	}

	button:hover, 
	input[type="button"]:hover, 
	input[type="reset"]:hover, 
	input[type="submit"]:hover, 
	.button:hover {
		border-color: #4d4d4d; 
		background: #4d4d4d;
		color: #FFF;
	}
	.button.button-blank {
		border: 2px solid #FFF;
		background: transparent;
	}
	.button.button-blank:hover {
		border-color: #FFF;
		background: #FFF;
		color: #4d4d4d;
	}
	a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
		outline: none;
	}


/** Table */
	table {
		width: 100%;
		margin: 1em 0;
		border-color: #e6e6e6;
		border-style: solid;
		border-width: 1px;
	}
		table th, 
		table td {
			text-align: left;
			vertical-align: top;
			border-color: #e6e6e6;
			border-style: solid;
			border-width: 1px;
			padding: 1em;
		}
		table th {
			background-color: #f2f2f2;
		}
			table.woocommerce-product-attributes p {
				margin: 0;
			}


/** Image */
	.alignleft {
		margin: 1em 1em 1em -15%;
		max-width: 50%;
	}

	.alignright {
		margin: 1em -15% 1em 1em ;
		max-width: 50%;
	}

	.wp-caption {
		width: auto !important;
		position: relative;
		padding: 0;
	}

		.wp-caption .wp-caption-text {
			position: absolute;
			bottom: 0;
			left: 0;
			padding: .5em 1em;
			margin: 0;
			background: rgba(19, 42, 55, .7);
			color: #FFF;
		}

/** Owl Carousel Nav */
	.owl-carousel.include-nav {
		padding: 0 40px;
	}
	.owl-carousel .owl-nav {
		display: none;
	}
	.owl-carousel.include-nav .owl-nav {
		display: block;
		margin: 0;
		width: 100%;
		z-index: 100;
	}
	.owl-carousel.include-nav .owl-prev, 
	.owl-carousel.include-nav .owl-next {
		text-indent: -999em;
		width: 40px;
		height: 40px;
		position: absolute;
		top: calc(50% - 20px);
		z-index: 250;
		transition: all 0.5s;
		background-size: cover;
		background-repeat: no-repeat;
		opacity: .1;
	}
	.owl-carousel.include-nav:hover .owl-prev, 
	.owl-carousel.include-nav:hover .owl-next {
		opacity: .7;
	}

	.owl-carousel.include-nav.include-pagination .owl-prev, 
	.owl-carousel.include-nav.include-pagination .owl-next {
		margin-top: -16px;
	}
	.owl-carousel.include-nav .owl-prev {
		background-image: url('/images/icons/prev.svg');
		background-position: center left;
		left: 0;
	}
	.owl-carousel.include-nav .owl-next {
		background-image: url('/images/icons/next.svg');
		background-position: center right;
		right: 0;
	}
	.owl-carousel.include-nav .owl-prev:hover, 
	.owl-carousel.include-nav .owl-next:hover {
		opacity: 1;
	}


/** Owl Carousel Pagination */
	.owl-carousel.include-pagination .owl-dots {
		text-align: center;
		margin: 1em 0;
	}
	.owl-carousel.include-pagination .owl-dot {
		background-image: url( '/images/icons/paginate-passive.svg' );
		background-position: center;
		background-repeat: no-repeat;
		background-color: transparent;
		width: 30px;
		height: 30px;
		display: inline-block;
		margin: 0 5px;
		transition: all 0.5s;
	}
	/* .owl-carousel.include-pagination:hover .owl-dot {
		opacity: .7;
	}
	.owl-carousel.include-pagination .owl-dot:hover {
		opacity: 1;
	} */
	.owl-carousel.include-pagination .owl-dot.active {
		background-image: url( '/images/icons/paginate-active.svg' );
	}
	

/** Cookie Policy */
	#cookie-overlay {
		display: none;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background: rgba(33,41,52,.85);
		z-index: 999;
	}
	#cookie-overlay.ppp {
		top: inherit;
		height: auto;
	}

	#cookie-message {
		position: absolute;
		bottom: 0;
		padding: 4em 5em;
		background-color: #6da28f;
		width: 100%;
		margin: 0;
		z-index: 100;
		box-sizing: border-box;
	}

		#cookie-message .cookie-wrapper {
			display: flex;
			justify-content: space-between;
		}

			#cookie-message .statement {
				width: 66.0%;
			}
				
				#cookie-message h2 {
					color: #fff;
					font-size: 2.5em;
					margin-top: 0;
				}
				
				#cookie-message p:last-of-type {
					color: #fff;
					font-weight: 500;
					font-size: 1em;
				}

				#cookie-message .statement a {
					color: #fff;
				}
			
			#cookie-message .accept {
				display: flex;
				justify-content: center;
				align-items: center;
			}

			#cookie-message a#accept {
				background-color: #6da28f;
				border: solid #fff 3px;
				color: #fff;
				text-decoration: none;
				font-size: 1em;
				padding: 1em 4em;
				transition: all .5s;
				display: flex;
				justify-content: center;
				align-items: center;
				border-radius: 3px;
				text-transform: uppercase;
			}

			#cookie-message a#accept:hover {
				background-color: #4d4d4d;
			}
		

	@media ( max-width: 1200px ) {

		section {
			padding: 4em 4em;
		}

	}

	@media ( max-width: 1000px ) {

		section {
			padding: 4em 2em;
		}

	}

	@media only screen and (max-width: 850px) {

		section {
			padding: 4em 1em;
		}

		#cookie-message {
			text-align: center;
		}

			#cookie-message .cookie-wrapper {
				flex-flow: column nowrap;
			}

				#cookie-message .statement,
				#cookie-message .accept {
					width: 100%;
					text-align: center;
				}

	}

	@media only screen and (max-width: 560px) {

		#cookie-message {
			padding: 1em 2em;
		}

	}

	@media only screen and (max-width: 500px) {

		section {
			padding: 1em;
		}

	}

	@media only screen and (max-width: 479px) {

		#cookie-message .accept .button {
			width: 100%;
		}

	}