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

/** Font import  */
	@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;300;500;700;900&family=Roboto:wght@100;300;400;500;700;900&display=swap');

/** General */
	body, select, input, textarea {
		font: 16px/1.4em 'Roboto', sans-serif;
		color: #464646;
		overflow-x: hidden;
	}
	.container {
		max-width: 1600px;
		margin: 0px auto;
		padding: 0 2%;
	}
	section {
		padding: 4em 0;
	}


/** 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: #464646;
		font-family: 'Roboto Slab', serif;
	}
	h1 + p, h2 + p, h3 + p, h4 + p {
		margin-top: 0;
	}
	p {
		font-size: 1em;
		line-height: 1.8;
		margin: 1em 0;
	}
	a {
		color: #005c96;
		text-decoration: underline;
	}
	a:hover {
		color: #084844;
		text-decoration: none;
	}
	pre {
		font-size: 1em;
		margin: 2.5rem 0;
		padding: 1.5em;
		background: #000;
		color: #008000;
		border-radius: 5px;
	}
	blockquote {
		border-color: #084844;
		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: #EEE;
		border: none;
		height: 5px;
		position: relative;
		border-radius: 5px;
	}
	acronym[title],
	abbr[title] {
		text-decoration: none;
		cursor: help;
		border-bottom: 2px dotted #005c96;
	}


/** Forms */
	button, input, textarea, select {
		vertical-align: middle;
	}
	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 {
		padding: 0;
		border: none;
	}
	section textarea,
	section textarea.input-text {
		height: 150px;
		line-height: 1.5em;
		padding: 0;
	}
	input:hover, textarea:hover, select:hover {
		border: 1px solid #999;
	}
	input:focus, textarea:focus, select:focus {
		border: 1px solid #999;
	}
	.input-text:focus, 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 {
		outline: none;
		background: #F6F6F6;
	}
	button:hover, button:focus, button:active {

	}
	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 #82ca9c;
		background: #82ca9c;
		color: #FFF;
		font-size: 1em;
		border-radius: 10px;
		box-shadow: none;
		text-decoration: none;
		max-width: 100%;
		padding: 0.6em 1.6em;
		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: #82ca9c;
	}

	button:hover, 
	input[type="button"]:hover, 
	input[type="reset"]:hover, 
	input[type="submit"]:hover, 
	.button:hover {
		border-color: #333333; 
		background: #333333;
		color: #FFF;
	}
	.button.button-blank {
		border: 2px solid #FFF;
		background: transparent;
	}
	.button.button-blank:hover {
		border-color: #FFF;
		background: #FFF;
		color: #333333;
	}
	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 .owl-prev {
		background-image: url('../images/icons/prev.svg');
		background-position: center;
		background-size: 30px auto;
		left: 0;
	}
	.owl-carousel.include-nav .owl-next {
		background-image: url('../images/icons/next.svg');
		background-position: center;
		background-size: 30px auto;
		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;
		height: 16px;
		margin: 1em 0;
	}
	.owl-carousel.include-pagination .owl-dot {
		border: 4px solid #b3b3b3;
		background-color: #b3b3b3;
		width: 15px;
		height: 15px;
		border-radius: 50%;
		display: inline-block;
		margin: 0 5px;
		opacity: .1;
		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 {
		border-color: #0f716f;
		background: #0f716f;
	}