/*
Theme Name: Collins Nets 2021
Description: Another bespoke theme by Key Digital.
Version: 2.9.4
Author: Adam Montague
Author URI: https://key.digital
*/

/*! raleway bold */
@font-face{
	font-family: "raleway bold";
	src: url("css/fonts/raleway-bold.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
/*! raleway semi-bold */
@font-face{
	font-family: "raleway semi-bold";
	src: url("css/fonts/raleway-semibold.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
/*! raleway regular */
@font-face{
	font-family: "raleway regular";
	src: url("css/fonts/raleway-regular.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
/*! raleway medium */
@font-face{
	font-family: "raleway medium";
	src: url("css/fonts/raleway-medium.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
/*! alata */
@font-face{
	font-family: "alata";
	src: url("css/fonts/alata.woff2") format("woff2"), url("css/fonts/alata.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/*! WooCommerce */
@font-face{
	font-family: "WooCommerce";
	src: url("css/fonts/WooCommerce.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/*! Orange */
#ff4d00{color: #ff4d00;}
/*! Green/Blue */
#004e5a{color: #004e5a;}
/*! Dark Green/Blue */
#0a3c45{color: #0a3c45;}
/*! Gold */
#af9228{color: #af9228;}
/*! Black */
#000{color: #000;}
/*! Blue Grey */
#b8cacd{color: #b8cacd;}
/*! Light Blue Grey */
#dee6e8{color: #dee6e8;}
/*! Dark Grey */
#c7c7c7{color: #c7c7c7;}
/*! Light Grey */
#f2f2f2{color: #f2f2f2;}

/*!----- A modern CSS reset -----*/
/*! Box sizing rules */
*,
*::before,
*::after{box-sizing: border-box;}

/*! Remove default padding */
ul[class],
ol[class]{padding: 0;}

/*! Remove default margin */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd{margin: 0;}

/*! Set core body defaults */
body{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Open Sans", Helvetica, Arial, sans-serif;
    min-height: 100vh;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
    text-rendering: optimizeSpeed;
    line-height: 1.3;
    color: #000;
}

ins{text-decoration: none;}

ul{list-style: disc;}

/*! Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class]{list-style: none;}

/*! A elements that don't have a class get default styles */
a:not([class]){
	text-decoration: underline;
	color: #004e5a;
	/* border-bottom: 2px solid #ff4d00; */
}

/*! A elements that do have a class inherit parent styles */
a[class]{
	text-decoration: inherit;
	color: inherit;
}

/*! Make images easier to work with */
img{
    max-width: 100%;
    height: auto;
}
/*! Instructs the browser to not bother laying out the image until it gets near the screen */
article img{content-visibility: auto;}

/*! Natural flow and rhythm in articles by default */
article > * + *{margin-top: 1em;}
.flow > * + *{margin-top: 1em;}

/*! Inherit fonts for inputs and buttons */
button{font: inherit;}

input,
textarea,
select{
	font: inherit;
	font-size: 1rem;
	width: 100%;
	border: none;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea{
    border-radius: 20px;
    padding: .5em 1.1em;
}

article input[type="text"],
article input[type="email"],
article input[type="tel"],
article input[type="url"],
article input[type="password"],
article textarea{border: 1px solid #c7c7c7;}

input::placeholder,
select::placeholder,
textarea::placeholder{color: #c7c7c7;}

/*! Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce){

    *{
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

}

button,
a.button,
input[type="submit"],
input[type="button"],
input[type="reset"]{
	-webkit-appearance: none;
	display: inline-block;
	width: auto;
	margin: 1em auto;
	padding: .5em 1.1em;
	border: none;
	border-radius: 20px;
	font-family: "raleway bold", sans-serif;
	font-size: 1.2rem;
	color: #fff;
	background-color: #ff4d00;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	text-transform: uppercase;
	transition: all .2s linear;
}

.button.shop-button{
	border-radius: 0;
	margin: .25em auto;
}

.button.outline-button{
	background-color: transparent;
	border: 1px solid #fff;
}

.button.outline-button-dark{
	background-color: transparent;
	border: 2px solid #000;
	color: #000;
}

.button.outline-button-dark:hover{
	background-color: #ff4d00;
	color: #fff;
	border: 2px solid #ff4d00;
}

*::placeholder{color: #000;}

blockquote,
q{
    font-size: 1.2em;
    quotes: none;
    border-radius: 20px;
    padding: 2em;
    color: #fff;
    background-color: #ff4d00;
    margin-bottom: 1em;
}

cite{
    display: block;
    padding: 1em 0;
    font-size: .65em;
    color: inherit;
}

blockquote:before,
blockquote:after,
q:before,
q:after{content:none;}

hr{
    width: 80%;
    margin-bottom: 1em;
    border: none;
    border-bottom: 2px solid #f5a14a;
}

figure{display: table;}

figcaption{
    display: table-caption;
    caption-side: bottom;
    font-size: .85rem;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-family: "raleway bold", sans-serif;
	font-weight: normal;
	color: #0a3c45;
}

h1{font-size: 3rem;}

h2{font-size: 1.8rem;}

h3{font-size: 1.6rem;}

h4{font-size: 1.3rem;}

h5{font-size: 1.2rem;}

h6{font-size: 1.1rem;}

p,
ul,
li{
    font-family: "raleway regular", sans-serif;
    font-size: 1.2rem;
}

address h2{font-style: normal;}

address p{
	font-style: normal;
	font-size: .9rem;
}

blockquote,
q{quotes:none;}

blockquote:before,
blockquote:after,
q:before,
q:after{content:none;}

/*!--------------- Main Elements / Classes ----------------*/

.alignleft,
.alignright,
.aligncenter{
	float: none;
	margin: 0 auto 1.5em;
}

@media (min-width: 25em){

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

	.alignleft{
		display: table;
		float: left;
		margin: 1em 1em 1em 0;
	}

	.aligncenter{
		display: table;
		margin: auto;
		margin-bottom: 1em;
	}

}

.full-width{
	background: #fff;
	width: 100%;
	padding: 1.5em 0;
}

.container{
	width: calc(100% - 3rem);
	max-width: 73.123rem;
	margin: auto;
}

/* .block{margin-top: 1em;} */

/*! Flex */
.flex-container{
	display: -moz-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -ms-flex;
	display: box;
	display: flex;
}
.reverse{
	-ms-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.spaced{
	-ms-flex-pack: justify;
	-moz-justify-content: space-around;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
.spaced-between{
	-ms-flex-pack: justify;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.centered{
	-ms-flex-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
}
.axis-centered{
	-ms-flex-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	align-items: center;
}
.start{
	-ms-flex-align: start;
	-moz-align-content: flex-start;
	-webkit-align-items: flex-start;
	-webkit-align-content: flex-start;
	-moz-align-items: flex-start;
	align-content: flex-start;
	align-items: flex-start;
}
.end{
	-ms-flex-align: end;
	-moz-align-items: flex-end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.columns{
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.wrap{
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

	.flex-item{
		-ms-flex: 0 0 auto;
		-moz-box-flex: 0 0 auto;
		-webkit-flex: 0 0 auto;
		flex: 0 0 auto;
	}
	.flex-item-33{
		width: 31.333%;
		margin: 0 1% 0;
	}
	.flex-item-50{
		width: 98%;
		margin: 0 1% 1.5em;
	}

	@media (min-width: 43.75em){

		.flex-item-50{width: 48%;}

	}

		.flex-content{
			display: -moz-box;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: -ms-flex;
			display: box;
			display: flex;
			-ms-flex-direction: column;
			-moz-flex-direction: column;
			-webkit-flex-direction: column;
			flex-direction: column;
		}
			.flex-content > *{flex: 1 0 auto;}

/*!----------------- Main Content -------------------*/
article{margin: auto;}

div.type-product blockquote > * + *,
article blockquote > * + *{margin-top: 1em;}

article h1{text-align: center;}

@media (min-width: 48em){

	article h1{text-align: left;}

}

article h2{}

article h3,
article h4,
article h5,
article h6{margin-bottom: 1em;}

article p,
article ul li,
article ol li{font-size: .9rem;}

@media (min-width: 64em){

	article p,
	article ul li,
	article ol li{font-size: 1rem;}

}

article ul li,
article ol li,
.wysiwyg-block ul li,
.wysiwyg-block ol li{font-size: 1rem;}

	article h1 a{
		color: inherit;
		text-decoration: none;
	}

	article h2 a{
		color: inherit;
		text-decoration: none;
	}

	article h3 a,
	article h4 a,
	article h5 a,
	article h6 a{
		color: inherit;
		text-decoration: none;
	}

	article p a{
		color: inherit;
		text-decoration: underline;
	}

	article .block ul li{
		list-style: disc;
		line-height: 1.5;
	}
	article .block ol li{
		list-style: decimal;
		line-height: 1.5;
	}
		article ul li a,
		article ol li a{color: blue;}

		article table td a{color: #333;}


/*!------------------ Search Results Page --------------------*/
.search-url{
	display: block;
	font-size: 0.8em;
	color: green;
	margin: 0.5em 0 0.5em 0;
}

.search-excerpt{background: #fffccf;}

/*!------------------- Header --------------------*/
.top-bar{
	background-color: #ff4d00;
	color: #fff;
}

	.top-bar > .container{width: 100%;}

	.top-bar .container > div{
		width: 25%;
		padding: .3rem 0;
		display: flex;
		justify-content: center;
		align-items: center;
		border-right: 1px solid #fff;
		position: relative;
	}

	.top-bar .container > div:nth-of-type(2) span,
	.top-bar .container > div:nth-of-type(3) span,
	.top-bar .container > div:nth-of-type(4) span{display: none;}

	.top-bar .container > div:last-of-type{border-right: none;}

	.basket-count{
		display: block;
		position: absolute;
		right: 15px;
		top: 5px;
		font-size: .75rem;
		background-color: #004e5a;
		border-radius: 9px;
		width: 18px;
		height: 18px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.top-bar .container > div img{display: block;}

.burger{
	position: relative;
	width: 32px;
	height: 32px;
}

	.burger span{
		display: block;
		width: 32px;
		height: 4px;
		background-color: #fff;
		transition: all .5s ease;
	}

	.burger span:nth-of-type(2),
	.burger span:nth-of-type(3){margin-top: 5px;}

	.burger.active span:nth-of-type(2){opacity: 0;}

	.burger.active span:nth-of-type(1){
		width: 35px;
		transform: rotate(-45deg) translate(-6px, 7px);
	}
	.burger.active span:nth-of-type(3){
		width: 35px;
		transform: rotate(45deg) translate(-5px, -7px);
	}

@media (min-width: 63em){

	.top-bar{
		background-color: #004e5a;
		font-size: 1.2rem;
	}

	.top-bar > .container{
		width: calc(100% - 3rem);
		justify-content: space-between;
	}

	.top-bar .container > div{
		width: auto;
		padding: 0;
		border-right: none;
	}

	.top-bar .container > div:first-of-type{display: none;}

	.top-bar .container > div:nth-of-type(2){
		flex-grow: 1;
		justify-content: flex-start;
	}

	.top-bar .container > div:nth-of-type(2) a,
	.top-bar .container > div:nth-of-type(3) a,
	.top-bar .container > div:nth-of-type(4) a{
		display: flex;
		justify-content: center;
		align-items: center;
		padding: .6em 0;
	}

	.top-bar .container > div:nth-of-type(3){max-width: 200px;}

		.top-bar .container > div:nth-of-type(3) a{
			width: 200px;
			border-left: 1px solid #fff;
		}

	.top-bar .container > div:nth-of-type(4){max-width: 170px;}

		.top-bar .container > div:nth-of-type(4) a{width: 170px;}

	.top-bar .container > div:nth-of-type(2) span,
	.top-bar .container > div:nth-of-type(3) span,
	.top-bar .container > div:nth-of-type(4) span{
		display: inline-block;
		padding-left: .75em;
	}

	.header-basket{background-color: #ff4d00;}

}

.logo-search,
.search-container{width: 100%;}

.logo{padding: .6em 0;}

.search-container{
	padding: 0 1.5rem;
	margin-bottom: .6rem;
}

.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input{
	border-radius: 20px;
	background-color: #f2f2f2;
	font-style: normal;
}

.dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{
	background-color: #0a3c45;
	border-radius: 0 20px 20px 0;
	text-transform: none;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 26px;
}

/* .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before{display: none;} */

.dgwt-wcas-ico-magnifier{display: none !important;}

.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before{
	position: relative;
	top: auto;
	left: auto;
	border: none;
	display: inline-block;
	content: "";
	width: 24px;
	height: 24px;
	background-image: url(images/search.svg);
	background-size: 24px 24px;
}

.add_to_cart_inline .button{
	background-color: transparent;
	border: 2px solid #000;
	border-radius: 0;
	color: #000;
}

@media (min-width: 40em){

	.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:after{
		display: inline-block;
		content: "Search";
		padding-left: .35em;
	}

}

@media (min-width: 64em){

	.logo{padding: 1.25em 0;}

	.logo-search{
		width: calc(100% - 3rem);
		flex-direction: row;
		justify-content: space-between;
	}

		.logo-search .logo img{width: 270px;}

		.search-container{
			display: flex;
			flex-direction: row-reverse;
			max-width: 690px;
			padding: 0;
			margin: 0;
		}

			.search-container .dgwt-wcas-search-wrapp{max-width: 690px;}

			.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{
				height: 60px;
				border-radius: 30px;
				font-size: 1.1rem;
				padding: 10px 30px;
			}

			.dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{border-radius: 0 30px 30px 0;}

			.dgwt-wcas-close{
				background-color: #ff4d00;
				width: 150px;
				right: 0 !important;
			}

				.dgwt-wcas-close svg path{fill: #fff;}

				.dgwt-wcas-close:hover{opacity: 1;}

}

/*! Menu - Product menu - Mobile */
#desktop-product-menu{display: none;}

#product-menu{
	display: none;
	position: absolute;
	top: 2.6rem;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 200;
}

	.product-menu .sub-menu{display: none;}

	.product-menu span{display: block;}

	.product-menu li > span{padding: .5rem 1rem .5rem 1.5rem;}

	.product-menu-sidebar .product-menu .sub-menu .sub-menu li > span{padding: .5rem .5rem;}

	.product-menu > li > span{
		width: 100%;
		background-color: #f2f2f2;
		border-bottom: 1px solid #c7c7c7;
		position: relative;
		padding: 1.2rem 0 1.2rem 1.5rem;
	}

	.product-menu > li > span:after{
		content: "";
		display: block;
		position: absolute;
		right: 1rem;
		top: 1.2rem;
		width: 32px;
		height: 32px;
		background-image: url(images/arrow-blue.svg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 32px;
		transform: rotate(90deg);
	}

	.product-menu > li:last-of-type > span:after{display: none;}

	.product-menu > li a{
		font-family: "raleway bold", sans-serif;
		font-size: 1.6rem;
		color: #004e5a;
	}

.sub-menu{background-color: #b8cacd;}

.sub-sub-menu{background-color: #dee6e8;}

.product-menu .sub-menu li a{
	font-family: "raleway semi-bold", sans-serif;
	color: #222;
}

.sub-menu > li a{font-size: 1.2rem;}

.sub-sub-menu > li{padding-left: 1rem;}

.sub-sub-menu > li a{font-size: 1rem;}

.product-menu > li.menu-item-has-children span.show{background-color: #004e5a;}

.product-menu > li.menu-item-has-children span.show > a{color: #fff;}

.product-menu > li.menu-item-has-children span.show::after{
	background-image: url(images/arrow.svg);
	transform: none;
}

/* sidebar on category pages */
.product-menu-sidebar{
	border-top: 1px solid #c7c7c7;
	border-left: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
}

.product-menu-sidebar .current-menu-ancestor .menu-item-depth-1.current-menu-item,
.product-menu-sidebar .current-menu-ancestor .menu-item-depth-2.current-menu-item{
	background-color: #004e5a;
}

	.product-menu-sidebar .current-menu-ancestor .menu-item-depth-1.current-menu-item > span a,
	.product-menu-sidebar .current-menu-ancestor .menu-item-depth-2.current-menu-item > span a{color: #fff;}

.current-menu-ancestor > .sub-menu,
.product-menu-sidebar .menu-item-depth-1.current-menu-item .sub-menu{display: block;}

aside #nav-menu-item-36050,
aside #nav-menu-item-38285,
aside #nav-menu-item-43326{display: none;}

aside .newsletter{
	width: 100%;
	background-color: #004e5a;
	padding: 1rem;
}

	aside .newsletter h2{color: #fff;}

	aside #input_3_2{
		width: 100%;
		border-radius: 20px;
		padding: .5em 1.1em;
	}

	aside #gform_3 .gform_footer{
		position: relative;
		margin-top: 1em;
	}

	aside .newsletter .gform_confirmation_message{
		margin-top: 1em;
		color: #fff;
	}

/*! Menu - Product menu - Desktop */
@media (min-width: 64em){

	/* force the mobile to close if window is resized */
	#product-menu{display: none !important;}

	#desktop-product-menu{display: block;}

	header nav{background-color: #ff4d00;}

	nav > .container{margin: auto;}

	.desktop-product-menu{position: relative;}

	.desktop-product-menu .sub-menu-desktop{
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background-color: #fff;
		box-shadow: 0 10px 10px 5px rgba(33,33,33,.2);
		border-bottom: 10px solid #004e5a;
		padding: 1em 2em 2em 0;
		z-index: 9;
	}

	.desktop-product-menu > .menu-item-has-children{position: static;}

	.desktop-product-menu > .menu-item > a{
		display: block;
		padding: 1.15em 2em;
		font-family: "raleway semi-bold", sans-serif;
		color: #fff;
		border-left: 1px solid #fff;
	}

	.desktop-product-menu > .menu-item:first-of-type > a{border-left: none;}

	.desktop-product-menu > .menu-item.menu-item-has-children:hover > a{background-color: #004e5a;}

	/* desktop large sub-menu - begin */
	.desktop-product-menu > .menu-item.menu-item-has-children:hover > .sub-menu-desktop{
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		max-width: 1170px;
		height: auto;
		transition: all .5s ease;
		overflow: hidden;
	}

	.outer-menu-items{width: 100%;}

	.sub-title{
		display: none;
		/* font-size: 1.75rem;
		color: #004e5a;
		padding-left: 1rem;
		padding: .5rem 0 1.75rem 1rem; */
	}

	.sub-menu-image{
		/* padding-top: 4.5rem; */
		min-width: 230px;
		max-width: 230px;
		min-height: 392px;
	}

	.sub-menu-image img{
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	@media (min-width: 67.5em){

		.sub-menu-image{
			min-width: 290px;
			max-width: 290px;
		}

	}

	@media (min-width: 73.75em){

		.sub-menu-image{
			min-width: 370px;
			max-width: 370px;
		}

	}

	@media (min-width: 76em){

		.sub-menu-image{
			min-width: 420px;
			max-width: 420px;
		}

	}

	.inner-menu-items{
		display: flex;
		/* min-height: 320px; */
		min-height: 392px;
	}

	/* sub-menu parent container */
	.inner-menu-items > .desktop-sub-sub-menu{
		position: relative;
		min-height: 100%;
		/* max-height: 320px; */
		max-height: 392px;
		width: 320px;
		border-right: 1px solid #c7c7c7;
	}

	/* sub-menu parent item*/
	.inner-menu-items > .desktop-sub-sub-menu > .menu-item{width: 100%;}

	.inner-menu-items > .desktop-sub-sub-menu > .menu-item > a{
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		font-family: "raleway semi-bold", sans-serif;
		font-size: 1.1rem;
		color: #222;
	}

	.inner-menu-items > .desktop-sub-sub-menu > .menu-item-has-children > a:after{
		content: "";
		display: inline-block;
		width: 25%;
		height: 14px;
		background-image: url("images/right-chevron-menu.svg");
		background-repeat: no-repeat;
		background-position: right;
		transition: all .25s ease;
		z-index: 999;
	}

	.inner-menu-items > .desktop-sub-sub-menu > .menu-item-has-children:hover > a:after{transform: translateX(3px);}

	/* dropdown sub-menus */
	.inner-menu-items .menu-item-has-children > ul{
		position: absolute;
		top: 0;
		left: 100%;
		max-width: 380px;
		visibility: hidden;
		padding: 0;
		list-style: none;
		opacity: 0;
		transition: all .25s ease;
		z-index: 9;
		min-height: 100%;
		max-height: 320px;
		border-right: 1px solid #c7c7c7;
		overflow-y: scroll;
		overflow-x: hidden;
	}

	/* Custom Scrollbar for WebKit browsers */
	.inner-menu-items .menu-item-has-children > ul::-webkit-scrollbar{width: 10px;}

	/* Track */
	.inner-menu-items .menu-item-has-children > ul::-webkit-scrollbar-track{background: #fff;}

	/* Handle */
	.inner-menu-items .menu-item-has-children > ul::-webkit-scrollbar-thumb{background: #888;}

	/* Handle on hover */
	.inner-menu-items .menu-item-has-children > ul::-webkit-scrollbar-thumb:hover{background: #555;}

		.inner-menu-items .menu-item a{
			display: block;
			padding: .5em .5em .5em .75em;
			width: 100%;
		}

			.inner-menu-items .menu-item:hover > a{background-color: #f2f2f2;}

		/* sub-menu child item */
		.inner-menu-items > .desktop-sub-sub-menu > li > .desktop-sub-sub-menu > li{min-width: 380px;}

		/* sub-menu child item a:link */
		.inner-menu-items > .desktop-sub-sub-menu > li > .desktop-sub-sub-menu > li a{
			font-size: 1rem;
			color: #222;
			padding: .75em .5em;
		}

	.inner-menu-items .menu-item-has-children:hover > ul{
		visibility: visible;
		opacity: 1;
	}

}

header + article.container{margin-top: 1em;}

/*!---------- Woo ----------*/

/*!----- Woo - Notices -----*/
.woocommerce-notices-wrapper{
	width: 100%;
	padding: .5em 0;
	margin-bottom: 1.5em;
}

.woocommerce-notices-wrapper:empty{display: none;}

.before-notice,
.after-notice{
	border-top: 2px solid #ff4d00;
	width: 100%;
	height: 2px;
	margin: .25em 0;
}

.woocommerce-message,
ul.woocommerce-error{
	text-align: center;
	background-color: #004e5a;
	border-radius: 0;
	color: #fff;
	padding: 1em;
}

ul.woocommerce-error{flex-direction: column;}

.woocommerce-message p,
ul.woocommerce-error li{
	display: flex;
	flex-direction: column;
	align-items: center;
}

	.woocommerce-notices-wrapper a{color: #fff;}

	.woocommerce-message p a,
	.woocommerce-message p a,
	.woocommerce-info a{text-decoration: underline;}

	.woocommerce-message p a.button{text-decoration: none;}

@media (min-width: 76em){

	.woocommerce-message{
		border-radius: 43px;
		padding: 0;
	}

	ul.woocommerce-error{border-radius: 43px;}

	.woocommerce-cart .woocommerce-message{padding: 1em;}

		ul.woocommerce-error li{display: block;}

		.woocommerce-message p{flex-direction: row;}

}

	.woocommerce-message .button,
	ul.woocommerce-error .button{
		background-color: #ff4d00;
		color: #fff;
		max-width: 185px;
		margin: .5em 1em;
	}

/*!----- Gravity Forms -----*/
.hidden_label label,
.hidden_label legend,
.screen-reader-text{display: none;}

article .gform_wrapper ul li.gfield{list-style: none;}

.gfield{margin-top: .5em;}

article .gfield{margin-top: 1em;}

.ginput_container_consent{float: left;}

/*! Gravity Forms - Select field */
.gfield select{
	-webkit-appearance: none;
	background-color: #fff;
	border: 1px solid #c7c7c7;
	border-radius: 20px;
	font-family: "raleway medium", sans-serif;
	color: #000;
	padding: .5em 1em;
	background-image: url('images/arrow-grey.svg');
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: 98% center;
}

.newsletter .ginput_container_select select{
	-webkit-appearance: none;
	width: 100%;
	background-color: #0a3c45;
	background-image: url("images/arrow.svg");
	background-repeat: no-repeat;
	background-position: 98% center;
	background-size: 24px 24px;
	border-radius: 20px;
	border: none;
	padding: .5em 1.1em;
	font-size: 1.2rem;
	color: #fff;
}

/*! Gravity Forms - Radio buttons*/
.gfield input[type="radio"]{display: none;}

article .gform_wrapper ul li.gfield .gfield_radio li{
	display: flex;
	align-items: center;
	list-style: none;
	margin-top: 1em;
}

.gfield_radio input[type="radio"] + label{
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
}

.gfield input[type="radio"] + label:before {
	content: " ";
	display: inline-block;
	max-width: 30px;
	max-height: 30px;
	min-width: 30px;
	min-height: 30px;
	border: 2px solid #333;
	border-radius: 15px;
	position: relative;
	margin-right: 1em;
}

.gfield input[type="radio"]:checked + label{position: relative;}

.gfield input[type="radio"]:checked + label::after{
	content: " ";
	display: block;
	position: absolute;
	left: 12px;
	top: 6px;
	width: 5px;
	height: 15px;
	transform: rotate(35deg);
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

.gfield input[type="radio"]:checked + label::before{
	background: #ff4d00;
	border: 2px solid #c7c7c7;
}

/*! Gravity Forms - Validations */
.gfield_error{
	display: flex;
	flex-direction: column-reverse;
}

.gfield_error input{
	border: 2px solid #f55a5a;
}

.validation_message{
	font-size: .9rem;
	color: #f55a5a;
}

.validation_error,
.gform_confirmation_message{font-family: "raleway regular", sans-serif;}

/*! Gravity Forms - Consent field*/
.ginput_container_consent{
	float: left;
	padding-right: .5em;
}

.gfield_consent_description{font-size: .9rem;}

.ginput_container_consent input{width: auto;}

/*!------------------- Footer --------------------*/
.footer-decoration{overflow: hidden;}

	.footer-decoration img{
		display: block;
		max-width: none;
		width: 300%;
		margin-left: -150px;
	}

@media (min-width: 48em){

	.footer-decoration img{
		margin-left: 0;
		width: calc(100% + 2em);
	}

}

footer{
	display: flex;
	flex-direction: column;
	background-color: #004e5a;
	color: #fff;
}

	footer h2,
	footer h3,
	footer h4,
	footer h5{color: #fff;}

	footer a{
		color: inherit;
		text-decoration: none;
	}

footer small{
	display: block;
	font-family: "raleway regular", sans-serif;
	font-size: 1rem;
	text-align: center;
}

.footer-cats{
	width: calc(100% - 3rem);
	margin: auto;
}
	.footer-cats > div,
	.footer-pages > div{border-bottom: 1px solid #fff;}

	.footer-cats > div:last-of-type,
	.footer-pages > div:last-of-type{border-bottom: none;}

	.footer-cat-title{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: .5rem 0;
	}

	.footer-cat-title:after{
		display: inline-block;
		content: "";
		width: 16px;
		height: 16px;
		transform: rotate(-90deg);
		background-image: url(images/arrow.svg);
		background-repeat: no-repeat;
		background-position: center right;
	}

	.footer-cat-title.open:after{transform: rotate(0);}

.footer-cats .footer-cat-links,
.footer-pages-container .footer-cat-links{
	display: none;
	border-bottom: 1px solid #fff;
	padding: .5rem 0;
}

	.footer-cats .footer-cat-links li{margin-top: .2rem;}

		.footer-cats .footer-cat-links li a{font-size: .9rem;}

@media (min-width: 64em){

	footer h4{font-size: 1.8rem;}

	.footer-cats{
		flex-direction: row;
		justify-content: space-between;
		border-bottom: 1px solid #fff;
		padding-bottom: 3.4em;
	}

	.footer-pages-container{
		flex-direction: row;
		justify-content: space-between;
	}

	.footer-cats > div,
	.footer-pages > div{
		width: 240px;
		border-bottom: none;
	}

	.footer-cat-title{
		width: 100%;
		border-bottom: 1px solid #fff;
	}

	.footer-cat-title:after{display: none;}

	.footer-cats .footer-cat-links,
	.footer-pages-container .footer-cat-links{
		display: block !important;
		border-bottom: none;
	}

		address p,
		.footer-cats .footer-cat-links li a{font-size: 1.1rem;}

	.newsletter{
		width: 38%;
		margin-right: 5em;
	}

		.newsletter h2{font-size: 1.3rem;}

	.footer-pages{
		display: flex;
		flex-direction: row;
		width: 60%;
	}

	.footer-pages .footer-cat-title{border-bottom: none;}

}

@media (min-width: 75em){

	#gform_3{position: relative;}

	#input_3_2{
		width: 330px;
		border-radius: 20px 0 0 20px;
		margin: 0;
		padding: .58em 100px .58em 1.1em;
		outline: none;
		font-size: 1.1rem;
	}

	#gform_3 .gform_footer{
		position: absolute;
		right: 0;
		bottom: 0;
	}

	#gform_3 .gform_footer input[type="submit"]{
		margin: 0;
		padding: inherit .2em;
	}

}

.collins-address{margin-bottom: 1em;}

.footer-socials a{
	display: block;
	padding: .35em;
	margin: 0 .45em;
	background-color: #fff;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	/* font-family: "dashicons"; */
	color: #004e5a;
}
	.footer-socials a::before{
		content: " ";
		display: block;
		background-repeat: no-repeat;
		background-size: 20px 20px;
		width: 22px;
		height: 22px;
	}

	.social-facebook::before{background-image: url("images/social/social-facebook.png");}
	.social-instagram:before{background-image: url("images/social/social-instagram.png");}
	.social-linkedin:before{background-image: url("images/social/social-linkedin.png");}
	.social-pinterest:before{background-image: url("images/social/social-pinterest.png");}
	.social-twitter:before{background-image: url("images/social/social-twitter.png");}
	.social-whatsapp:before{background-image: url("images/social/social-whatsapp.png");}
	.social-youtube:before{background-image: url("images/social/social-youtube.png");}


.footer-logo small{display: none;}

.footer-copyright a{
	color: #fff;
	text-decoration: none;
}

@media (min-width: 64em){

	.small-print{
		display: flex;
		justify-content: space-between;
	}

	.footer-socials{
		order: 2;
		margin-top: 5.5em;
	}

	.footer-logo{
		order: 1;
		margin-top: -30px;
		align-items: flex-start;
	}

		.footer-logo img{margin-bottom: 2.5em;}

		.footer-logo small{
			display: block;
			text-align: left;
		}

	.footer-copyright{
		order: 3;
		margin-top: 5.5em;
		text-align: right;
	}

		.footer-copyright span{visibility: hidden;}

}

@media (min-width: 75em){

	.footer-logo{margin-top: -90px;}

	.footer-socials,
	.footer-copyright{margin-top: 2em;}

}

/*!---- Slick -----*/
.slick-slider{
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list{
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus{outline: none}

.slick-list.dragging{
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list{
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track{
	position: relative;
	top: 0;
	left: 0;
	display: flex;
}

.slick-track:before,
.slick-track:after{
	display: table;
	content: ''
}

.slick-track:after{clear: both}

.slick-loading .slick-track{visibility: hidden}

.slick-slide{
	display: none;
	height: auto;
	float: left;
	outline: none;
}

.slick-slide img{display: block}

.slick-slide.slick-loading img{display: none}

.slick-slide.dragging img{pointer-events: none}

.slick-initialized .slick-slide{display: flex}

.slick-loading .slick-slide{visibility: hidden}

.slick-vertical .slick-slide{
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden{display: none}

.slick-loading .slick-list{background: #fff url("images/ajax-loader.gif") center center no-repeat;}

.slick-prev,
.slick-next{
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
	z-index: 99;
	background-image: url("images/arrow.svg");
	background-size: 20px 20px;
}

.slick-prev{transform: rotate(90deg);}
.slick-next{transform: rotate(-90deg);}

/* .slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{background-image: initial;} */

.slick-prev{left: 5px}

.slick-next{right: 5px}

.slick-dots{
	display: flex;
	justify-content: space-between;
	padding: 0;
	width: 100%;
	max-width: 375px;
	list-style: none;
	/* text-align: center; */
}

.slick-dots li{
	position: relative;
	display: inline-block;
	flex: 1 1 auto;
	height: 4px;
	padding: 1em 0;
	margin: 0 2px;
	cursor: pointer;
}

.slick-dots li button{
	font-size: 0;
	line-height: 0;
	display: block;
	width: 100%;
	height: 4px;
	cursor: pointer;
	color: transparent;
	border: 0;
	border-radius: 0;
	border-top: 4px solid #c7c7c7;
	outline: none;
	background: transparent
}

@media (min-width: 23em){

	.slick-dots li{margin: 0 10px;}

}

.slick-dots li button:hover,
.slick-dots li button:focus{outline: none}

.slick-dots li.slick-active button{border-top: 4px solid #ff4d00;}

/*!------ Tidy up helpers, hacks etc. ------*/

/*! Gutters */
.gutter-small{margin-bottom: .75rem;}
.gutter{margin-bottom: 1.5rem;}
.gutter-large{margin-bottom: 3rem;}
.gutter-larger{margin-bottom: 4rem;}

/*! Contains floats? Clearfix it! */
.cf:after{
	content: " ";
	display: block;
	clear: both;
}

/*! Hide empty WYSIWYG elements */
p:empty,
h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty{display: none;}

/* Up-sell popup - plugin with Thickbox use */
html.noscroll{overflow: auto !important;}

.popup-pro-main-dv{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 1em;
	min-width: 230px;
}

.popup-pro-show-tb_prod{margin: 0 auto 1em;}

@media (min-width: 48em){

	.popup-pro-main-dv{flex-wrap: nowrap;}

	.popup-pro-show-tb_prod{
		max-width: 200px;
		flex: 1 1 auto;
		margin: 0 0 1em;
	}

}

.popup-pro-show-tb_name{
	font-family: "raleway medium", sans-serif;
	max-width: 200px;
}

.popup-pro-show-tb_prod .popup-pro-show-tb_price{
	font-family: "raleway bold", sans-serif;
	font-size: 1.3rem;
	color: #004e5a;
}

.popup-pro-show-tb_cart a.popup-pro-show-tb_btn{
	font-family: "raleway medium", sans-serif;
	font-size: .9rem;
	background-color: transparent;
	border: 2px solid #000;
	color: #000;
	max-width: 150px;
	border-radius: 0;
	margin: .25em auto 1em;
}

.popup-pro-show-tb_cart a.popup-pro-show-tb_btn:hover{
	background-color: #ff4d00;
	color: #fff;
	border: 2px solid #ff4d00;
}

/*! - WP Gallery - */
.gallery{
	padding: 0;
	list-style-type: none;
	margin: 0 auto 1.125em;
}

.gallery::after{
	content: " ";
	display: block;
	clear: both;
}

	.gallery .gallery-item{
		float: left;
		margin-top: 0;
		text-align: center;
		width: 33%;
	}

	.gallery-columns-2 .gallery-item,
	.gallery-columns-4 .gallery-item{width: 50%;}

	@media (min-width: 35em){

		.gallery-columns-4 .gallery-item{width: 25%;}

	}

	.gallery img{padding: .5em;}

	.gallery img:hover{background: #fff;}

	.gallery-columns-2 .attachment-medium{
		max-width: 92%;
		height: auto;
	}

	.gallery-columns-4 .attachment-thumbnail{
		max-width: 84%;
		height: auto;
	}

	.gallery .gallery-caption{
		color: #888;
		font-size: .75rem;
		margin: 0 0 .75em;
	}

	.gallery dl,
	.gallery dt{margin: 0;}

	.gallery br+br{display: none;}

/*! - Thickbox overrides - */
#TB_window{
	min-width: 240px;
	padding-bottom: 2em;
}

#TB_ajaxWindowTitle{
	font-family: "raleway medium", sans-serif !important;
	line-height: 1.7 !important;
}

#TB_ajaxContent{min-width: 250px;}

#TB_caption{
	font-family: "raleway medium", sans-serif;
	font-size: .95rem;
}

#TB_closeWindow{
	position: absolute;
	top: -15px;
	right: -15px;
	height: 0;
	padding: 0;
	background-color: #ff4d00;
	border-radius: 15px;
}

#TB_closeWindowButton{
	margin: 0;
	top: 0;
	left: 0;
}

	#TB_closeWindowButton .tb-close-icon{
		color: #fff;
		top: -1px;
		right: -2px;
	}

	#TB_closeWindowButton .tb-close-icon::before{
		font-family: sans-serif;
		content: "X";
	}

/** Expandable Content that doesn't rely on JS
 *  ------------------------------------------------------------------------------------------------
 *  Default layout:
<div class="expandable-content expandable-content--checkbox">
  <input class="visuallyhidden--always" id="123" type="checkbox">
  <label class="expandable-content-trigger" for="123"><span class="button">Click Me</span></label>
  <div class="expandable-content__content">...content here</div>
</div>
**/
.visuallyhidden:not(:focus):not(:active),
.screen-reader-text:not(:focus):not(:active),
.visuallyhidden--always {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}

.flow > .visuallyhidden:first-child:not(:focus):not(:active) + *,
.flow > .screen-reader-text:first-child:not(:focus):not(:active) + *,
.flow > .visuallyhidden--always:first-child + * {
	margin-top: 0;
}

.expandable-content {
	position: relative;
}

.expandable-content .expandable-content__content {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;
	opacity: 0;
	transition: opacity 600ms ease;
}

/*
WordPress loves to add paragraphs
-
if we're adding these with a shortcode or using the <!--more--> tag then it's highly likely that the
first child of the content will be <p></p> or <br>
*/
.expandable-content__content > p:empty:first-child,
.expandable-content__content > p:empty:last-child,
.expandable-content__content > br:first-child {
	display: none;
}

.expandable-content__content > p:empty:first-child + *,
.expandable-content__content > br:first-child + * {
	margin-top: 0;
}

/* .expandable-content > label,
.expandable-content--readable.expandable-content--readable.expandable-content--readable .expandable-content__content {
	margin-left: auto;
	margin-right: auto;
} */

.expandable-content > label {
	display: block;
}

.expandable-content > input:checked ~ .expandable-content__content,
.expandable-content__content:focus-within,
.expandable-content--forced-open .expandable-content__content {
	position: relative;
	width: auto;
	height: auto;
	margin: 0;
	clip-path: none;
	clip: auto;
	overflow: hidden;
	margin-top: 1rem;
	white-space: normal;
	opacity: 1;
}

.expandable-content-trigger:hover{cursor: pointer;}

.expandable-content-trigger .button {
	/* prevents text select */
	user-select: none;
	position: relative;
	transition:
		color 600ms ease,
		background 600ms ease;
}

.expandable-content-trigger .button {
	text-decoration: underline;
	text-decoration-color: currentcolor;
	text-underline-offset: 0.3rem;
}

/* we want focus styles on the `button` if the hidden input has focus */
/* this only works if the button is inside the expandable-content div */
/* if you need an external trigger then js has to fill in the gaps on focus */
/*
<div class="expandable-content expandable-content--checkbox">
	<input class="visuallyhidden--always" id="123" type="checkbox">
	<label class="expandable-content-trigger" for="123"><span class="button">Click Me</span></label>
	<div class="expandable-content__content">...content here</div>
</div>
*/
.expandable-content > input:focus-visible ~ label .button,
.expandable-content-trigger--input-has-focus .button {
	outline: 0.1rem dashed currentcolor;
	outline-offset: 0.2rem;
}

/** dropdown markers for modern browsers - in entry content
 *  ------------------------------------------------------------------------------------------------
**/

@supports (clip-path: inset(50%)) {

	.expandable-content:not(.expandable-content--no-toggle) > label {
		position: relative;
		padding-left: 1.5rem;
	}

	.expandable-content.expandable-content:not(.expandable-content--no-toggle) > label::after {
		content: ' ';
		display: block;
		height: 0.5rem;
		width: 0.5rem;
		background-color: currentcolor;
		border: inherit;
		position: absolute;
		top: 50%;
		left: 0;
		clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
		border-radius: 3px;
		opacity: 1;
		transition: transform ease 300ms;

		/*
		when the triangle is rotated on the diagonal it's √2 times as tall
		which translates to roughly 1.414 times taller than being unrotated
		(100*1.414) * 0.5 = 70.7%
		so we need to offset by -29.3% to compensate for the extra height...
		*/
		transform: translateY(-29.3%) rotate(-135deg);
	}

	.expandable-content.expandable-content:not(.expandable-content--no-toggle) > input:checked ~ label::after,
	.expandable-content--forced-open.expandable-content:not(.expandable-content--no-toggle) label::after,
	.expandable-content-trigger--input-is-active::after {
		transform: translateY(-50%) rotate(-45deg);
	}
}