/* 
@media (max-width: 575.98px) { ... } xs
@media (max-width: 767.98px) { ... } sm
@media (max-width: 991.98px) { ... } md
@media (max-width: 1199.98px) { ... } lg
larger xl
*/

@media (max-width: 991.98px) { 
	.page-header .logo img {
		max-height: 2.6em;
	}
	
	.header-options.header-icons {
		display: flex;
		justify-content: space-evenly;
	}

} 


/* small only */
@media only screen and (max-width: 767.98px) {
	
	
	#header_content_container .textwidget p:first-child:after,
	#header_content_container .textwidget p:last-child:before  {
		content: '';
	}	

	#header_content_container .textwidget {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		gap: 1em;
	}



	.header-options.header-icons {
		display: flex;
		justify-content: flex-end;
	}

	.mobile-target {
		order: 1!important;
	}

	


.wp-block-image.is-style-overlay img[src*="-1500x"] + figcaption {
	 font-size: 1.25em;
}

		html .stylise-left .wp-block-button .wp-block-button__link, html .stylise-right .wp-block-button  .wp-block-button__link {
			/*width: 100%;*/
		}


.slick-prev {
	left: 0;
}
.slick-next {
	right: 0;
}


.gform_wrapper.inline-form_wrapper {
	padding: 0;
}
	.gform_wrapper.inline-form_wrapper form {
		display: block;
	}
		.gform_wrapper.inline-form_wrapper .gform_body {
			margin-right: 0;
		}
			.gform_wrapper.inline-form_wrapper .gform_fields {
				
			}
			.gform_wrapper.inline-form_wrapper .gfield {
				width: 100%;
			}
				.gform_wrapper.inline-form_wrapper .gfield > label {
					
				}
				.gform_wrapper.inline-form_wrapper .gfield_required {
					
				}
				.gform_wrapper.inline-form_wrapper input + br,
				.gform_wrapper.inline-form_wrapper .checkbox-style + br,
				.gform_wrapper.inline-form_wrapper .radio-style + br {
					
				}
				
			.gform_wrapper.inline-form_wrapper .gfield.outside {
				position: static;
			}
		.gform_footer {
			
		}


/* samples */
.tabs {
	font-size: .8em;
}

.category-filter-group {
	
}
	.category-filter-group label {
		font-size: .8em;
	}

				.sample-swatch .options {
					opacity: 1;
				}
.sample-swatch .popup {
	display: none;
}

.chosen-samples {
	border: 0;
	
	position: fixed; top: auto; right: 0; bottom: 0; left: 0;
	z-index: 1010;
}
	.chosen-samples h2 {
		font-size: 1em;
		margin: 0;
		padding: .5em .5em;
	}
	.chosen-samples .content {
		padding: .5em .5em;
	}
	.order-message {
		margin: 0 0 .5em;
	}
	.order-message:empty {
		
	}
	.order-contents {
		margin: 0 0 1em;
	}
		.order-contents .col-4 {
			max-width: calc(100% / 5);
		}
	.order-contents.row {
		margin: 0 -.5em;
	}
		.order-contents.row  > div {
			padding: 0 .5em;
		}
		.order-contents .sample-swatch {
			
		}
			.order-contents .sample-swatch .options {
				
			}
	.chosen-samples .price-label {
		font-size: 1em;
		margin: 0;
	}



.term-description {
	margin-bottom: 2em;
}


}


/* sm (small) + */
@media only screen and (min-width: 575.98px) {



}


/* md (medium) + */
@media only screen and (min-width: 767.98px) {

/* headings */
h1, h2, h3, h4, h5, h6 { 
	
}
h1 { 
	font-size: 2.3em;
}
h2 { 
	font-size: 2em;
}
h3 { 
	font-size: 1.4em;
}
h4, h5, h6 { 
	font-size: 1.2em;
}



/* ----------------------------- PAGE STRUCTURE ----------------------------- */
#root {
	
}

.page-header { 
	border-bottom: 1px solid #F7F7F7;
	padding: 0;
}
	.page-header .container {
		padding: 1.5em 0;
	}
	
	.page-header .logo { 
		
	}
		.page-header .logo img {
			max-height: 4.5em;
		}
	
	
	.page-header .search-form {
		
	}
		.page-header .search-form label {
			
		}
		.page-header .search-form input[type="search"] {
			width: 80%;
		}
		.page-header .search-form input[type="image"] {
			
		}


.fixed-header .page-header {
	position: absolute; top: 0; right: 0; left: 0;
}
.fixed-header.scrolled .page-header {
	border-bottom: 1px solid #FFFFFF;
	position: fixed;
	height: auto;
}
	.fixed-header.scrolled .page-header .container {
		display: none;
		padding: .4em 0;
	}
	.fixed-header.scrolled .page-header .logo img { 
		height: 2em;
	}
	.fixed-header.scrolled .page-header .header-options {
		display: none;
	}
	/*.fixed-header.scrolled .main-links-menu .options {
		display: block;
	}*/
.fixed-header .page-header,
.fixed-header .page-header-height {
	height: 11em;
}


.main-links-menu,
body.show-menu .main-links-menu {
	background: transparent;
	box-shadow: none;
	font-size: 1em;
	margin: 0;
	overflow: visible;
	/*padding: .8em 0;*/padding: 0 0;
	position: relative; top: auto; right: auto; bottom: auto; left: auto;
	width: auto; height: auto;
	z-index: 1002;
}
body.home .main-links-menu,
body.home.show-menu .main-links-menu {
	background: #f7f7f7;
}
.fixed-header.scrolled .main-links-menu,
body.fixed-header.scrolled.show-menu .main-links-menu {
	background: #f7f7f7;
}
	.main-links-menu .options a { 
		display: inline-block; 
	}
		.main-links-menu .options img {
			display: block;
			margin: 0 .3em;
			height: 1em;
		}
	.main-links-menu .options {
		position: absolute; top: 50%; right: 3%;
		transform: translateY(-50%);
		white-space: nowrap;
	}
	.main-links-menu .icon {
		left: 3%;
	}
		
	.main-links-menu ul {
		padding: 0;
	}
		.main-links-menu ul li { 
			display: inline-block;
			margin: 0 .8em;
			position: relative;
			text-align: initial;
		}
			.main-links-menu ul li a, 
			.main-links-menu ul li a:visited { 
				margin: 0;
				padding: 1em 0 .7em;
			}
			.main-links-menu ul li:first-child > a { 
				margin-left: 0;
			}
			.main-links-menu ul li:last-child > a { 
				margin-right: 0;
			}
			.main-links-menu ul li.current_page_item > a,
			.main-links-menu ul li.current_page_ancestor > a,
			.main-links-menu ul li.current_page_parent > a,
			.main-links-menu ul li.current-menu-item > a { 
				
			}
			.main-links-menu ul li:hover > a,
			.main-links-menu ul li a:hover,
			.main-links-menu ul li a:focus { 
				
			}
			
			.main-links-menu ul li.menu-item-has-children > a {
				margin-right: 2em;
			}
			.main-links-menu > div > ul > li.menu-item-has-children > a:after {
				background: url('../images/arrow-down.svg') center/contain no-repeat transparent;
				content: '';
				display: inline-block;
				position: absolute; bottom: .8em; left: calc(100% + .5em);
				width: .8em; height: .8em;
			}
			
			.main-links-menu ul ul.sub-menu { 
				background-color: #FFFFFF;
				padding: .5em 0;
				position: absolute; top: calc(100% - 1px); left: 0;
				visibility: hidden;
				width: 15em;
			}
			body.home .main-links-menu ul ul.sub-menu,
			.fixed-header.scrolled .main-links-menu ul ul.sub-menu {
				background-color: #F7F7F7;
			}
			.main-links-menu ul li:first-child ul.sub-menu {
				left: -1em;
			}
			.main-links-menu ul li:last-child ul.sub-menu {
				left: auto; right: -1em;
			}
			.main-links-menu li:hover > ul.sub-menu, 
			.main-links-menu a:focus + ul.sub-menu,
			.main-links-menu li[aria-expanded="true"] > ul.sub-menu,
			.main-links-menu ul.sub-menu[data-has-focus="true"] { 
				visibility: visible;
			}
				.main-links-menu ul ul.sub-menu li { 
					display: block;
				}
					.main-links-menu ul ul.sub-menu a, 
					.main-links-menu ul ul.sub-menu a:visited { 
						border: 0;
						margin: 0;
						padding: .3em 1em;
						text-align: initial;
						text-transform: none;
					}
					.main-links-menu ul ul.sub-menu li:first-child > a { 
						
					}
					.main-links-menu ul ul.sub-menu li:last-child > a { 
						
					}
					.main-links-menu ul ul.sub-menu a:hover,
					.main-links-menu ul ul.sub-menu a:focus { 
						
					}
					.main-links-menu ul ul.sub-menu li.current_page_item > a,
					.main-links-menu ul ul.sub-menu li.current_page_ancestor > a,
					.main-links-menu ul ul.sub-menu li.current_page_parent > a,
					.main-links-menu ul ul.sub-menu li.current-menu-item > a { 
						
					}
					.main-links-menu ul ul.sub-menu ul.sub-menu {
						padding: .5em;
						position: absolute; top: 0; left: 100%;
					}
						.main-links-menu ul ul.sub-menu ul.sub-menu a {
							padding: .1em 1em .1em .1em;
							text-decoration: none;
						}


		/* megamenu */
		.main-links-menu ul li.megamenu {
			
		}
		.main-links-menu ul li.megamenu > ul.sub-menu {
			align-items: flex-start;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: flex-start;
			padding: 2em 1em 2em 2em;
			left: -10vw;
			/*visibility: visible;*/
			width: 60vw;
		}
			.main-links-menu ul li.megamenu > ul.sub-menu > li {
				margin: 0;
				padding: 0;
				visibility: inherit !important;
			}
			.main-links-menu ul li.megamenu > ul.sub-menu > li:not(:last-child) {
				padding-right: 5vw;
			}
			
				/* reset */
				.main-links-menu ul li.megamenu > ul.sub-menu ul.sub-menu {
					margin: 0;
					padding: 0;
					position: static; top: auto; left: auto;
					visibility: inherit !important;
					width: auto; 
				}
				.main-links-menu ul li.megamenu > ul.sub-menu li {
					margin: 0;
					padding: 0;
				}
				.main-links-menu ul li.megamenu > ul.sub-menu a {
					margin: 0;
					padding: 0;
				}
				.main-links-menu ul li.megamenu > ul.sub-menu a:hover,
				.main-links-menu ul li.megamenu > ul.sub-menu a:focus {
					text-decoration: underline;
				}
				
				.main-links-menu ul li.megamenu > ul.sub-menu > li > a {
					font-size: 1.1em;
					font-weight: 700;
					letter-spacing: .1em;
					margin: 0 0 1em;
					text-transform: uppercase;
				}
				.main-links-menu ul li.megamenu > ul.sub-menu > li > ul.sub-menu {
					align-items: flex-start;
					display: flex;
					flex-direction: row;
					flex-wrap: nowrap;
					justify-content: flex-start;
					margin: 0 0 2em;
				}
					.main-links-menu ul li.megamenu > ul.sub-menu > li > ul.sub-menu > li { /* column */
						
					}
					.main-links-menu ul li.megamenu > ul.sub-menu > li > ul.sub-menu > li:not(:last-child) {
						border-right: 1px solid #cccccc;
						margin-right: 2em;
						padding-right: 2em;
						max-width: 14rem;
					}
						.main-links-menu ul li.megamenu > ul.sub-menu > li > ul.sub-menu > li > a[href="#"] {
							
						}
						.main-links-menu ul li.megamenu > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
							
						}
							.main-links-menu ul li.megamenu > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li {
								padding-bottom: .4em;
							}
							.main-links-menu ul li.megamenu > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li:not(:first-child) {
								padding-top: .4em;
							}
								.main-links-menu ul li.megamenu > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
									position: relative;
								}
									.main-links-menu ul li.megamenu > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li:not(.block-link) > a::after {
										border-bottom: 1px solid #313646;
										content: '';
										position: absolute; bottom: -.2em; left: 50%;
										transform: translateX(-50%);
										transition: all .3s ease;
										width: 0;
									}
									.main-links-menu ul li.megamenu > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li:not(.block-link) > a:hover::after,
									.main-links-menu ul li.megamenu > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li:not(.block-link) > a:focus::after {
										width: 100%;
									}




.row.column-spacing,
.row.large-gutters {
	
}
	.row.column-spacing > div:not(:first-child),
	.row.large-gutters > div:not(:first-child) {
		padding-left: 3vw;
	}
	.row.column-spacing > div:not(:last-child),
	.row.large-gutters > div:not(:last-child) {
		padding-right: 3vw;
	}

.row.column-lines,
.line-gutters {
	
}
	.row.column-lines > div,
	.line-gutters > div {
		position: relative;
	}
		.row.column-lines > div:not(:last-child):after,
		.line-gutters > div:not(:last-child):after {
			border-left: 1px solid #CCCCCC;
			content: '';
			display: block;
			position: absolute; top: 0; right: 0; bottom: 0;
			width: 0; height: 100%;
		}

.column__content p:last-child {
	margin-bottom: 0;
}



.stylise-left,
.stylise-right {
	align-items: center;
	margin-top: 3em; margin-bottom: 3em;
	text-align: initial;
}
.stylise-left.misalign,
.stylise-right.misalign {
	align-items: flex-end;
}
		.stylise-left > div:first-child  .column__content,
		.stylise-right > div:last-child  .column__content {
			width: 110%;
		}
		.stylise-left > div:last-child  .column__content,
		.stylise-right > div:first-child  .column__content {
			background: #FFFFFF;
			padding: 2em 2em;
			position: relative;
			width: 110%;
			z-index: 2;
		}
		.stylise-left.misalign > div:first-child  .column__content,
		.stylise-right.misalign > div:last-child  .column__content {
			margin-bottom: 4em;
		}
		.stylise-left > div:last-child  .column__content,
		.stylise-right > div:last-child  .column__content {
			transform: translateX(-10%);
		}
		.stylise-left .column__content > :last-child,
		.stylise-right .column__content > :last-child {
			margin-bottom: 0;
		}


.progress-boxes {
	
}
	.progress-boxes > div {
		margin-bottom: 0;
	}
			.progress-boxes > div:not(:last-child) > .column__content:after {
				left: calc(100% - 2em); top: calc(50% - 2em);
			}


.page-footer { 
	
}
	.footer-menu { 
		
	}
		.footer-menu ul { 
			
		}
			.footer-menu ul li {
				
			}
				.footer-menu ul li a { 
					
				}
					.footer-menu ul.sub-menu {
						
					}
						.footer-menu ul.sub-menu li {
							
						}
							.footer-menu ul.sub-menu li a {
								
							}
	
	#social_container {
		
	}



/* md+ gravity forms */
.gfield.third {
	width: 33.3333%;
}
.gfield.two-thirds {
	width: 66.6666%;
}
.gfield.half,
.ginput_left,
.ginput_right {
	width: 50%;
}


}






/* lg (large) + */
@media only screen and (min-width: 991.98px) {

body {
	/*font-size: 18px;*/
}


	.fixed-header.scrolled .main-links-menu .options {
		display: block;
	}


}