/**
 * Main stylesheet
 * 
 */

.cart-collaterals .cross-sells {
    display: none;
}

body.searchanise-search-results-page footer {
    float: left;
	width: 100%
}

.search-container{
	padding: 0 4em;
    max-width: 1600px;
    margin: 0 auto;
}


 /* Buttons */

	button {
		background-color: #6da28f;
		border: none;
		border-radius: 3px;
		max-width: 350px;
	}

/** Header */

	/** General */
		header {
			width: 100%;
			background-color: #FFF;
			height: 200px;
			position: relative;
			z-index: 0;
			overflow: hidden;
		}

			header > .container {
				display: flex;
				justify-content: space-between;
				align-items: center;
				height: 80px;
			}

				header #logo a {
					width: 230px;
					height: 60px;
					display: block;
					background: url('/images/logo.svg') no-repeat;
					background-size: contain;
					text-indent: -9999px;
				}
	
		/** Header */

		header #category-title-wrapper {
			color: #fff;
			position: absolute;
			bottom: 0;
			margin-left: max(calc( ( (100vw - 1600px) / 2) + 5em),6em);
			margin-bottom: 2em;
		}

		header #category-title-wrapper a {
			text-decoration: none;
			color: #fff;
			font-size: 2em;
			font-family: goudy-old-style, serif;
		}

		header #category-title-wrapper a:not( :first-of-type ) {
			margin-left: 5px;
		}

		header #category-title-wrapper a:hover {
			text-decoration: underline;
		}

		/** Breadcrumbs */
		body.cart header {
			height: 300px;
		}

		/** Breadcrumbs */
		.breadcrumbs {
			position: relative;
			z-index: 1;
			padding: 1em max(calc( ( (100vw - 1600px) / 2) + 5em),5.5em);
			margin-bottom: 1em;
			background-color: #f1f1f1;
			color: #4d7969;
			font-size: 1.1em;
		}

			.breadcrumbs p {
				margin: 0;
			}

			.breadcrumbs .container > a {
				font-size: 2em;
				margin: 0;
			}

			.breadcrumbs a {
				color: #535353;
				text-decoration: none;
				margin-right: 1em;
			}

			#breadcrumbs > span > span > a {
				color: #4d7969;
			}

			#breadcrumbs > span > span span{
				margin-left: 1em;
			}

			.breadcrumbs span {
				font-family: 'DM Sans', sans-serif;
				color: #535353;
			}

			.breadcrumbs a:hover {
				text-decoration: underline;
			}

			.breadcrumbs #breadcrumbs > span > span > a {
				margin-left: 0;
			}

	/** Navigation */

		/** General */
			header #mobile-menu {
				display: none;
			}
	
			nav#site-navigation > ul {
				margin: 0;
				display: flex;
				align-items: center;
				list-style: none;
			}

				nav#site-navigation > ul > li {
					height: 100%;
				}

					nav#site-navigation > ul > li > a {
						color: #F16529;
						text-decoration: none;
						letter-spacing: 0.08em;
						font-weight: 500;
						font-size: 15px;
						display: flex;
						align-items: center;
						height: 100%;
						box-sizing: border-box;
						border-bottom: 5px solid #f7f6f5;
						transition: all 0.3s;
						padding: 1em 0.5em;
					}

		/* Child Menu - Desktop */
			@media (min-width: 900px ) {

					nav#site-navigation > ul > li:hover > a {
						color: #000;
						background-color: rgb( 174 200 191 );
						font-weight: 600;
					}

				nav#site-navigation .children-container {
					position: absolute;
					visibility: hidden;
					transition: all 0.15s;
					z-index: 50;
					background-color: #fff;
					box-shadow: 0px 0px 15px 9px rgb(149 177 167 / 10%);
				}
				
					nav#site-navigation .children-container .container {
						margin: 0;
					}

						nav#site-navigation > ul > li:hover .children-container {
							visibility: visible;
						}

							nav#site-navigation .children-container ul {
								padding: 0;
								list-style-type: none;
								margin: 0;
								background-color: #fff;
							}

							nav#site-navigation ul {
								padding: 1em 0;
							}

							nav#site-navigation ul.nav-menu ul {
								box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 75%);
							}

							nav#site-navigation ul.children-root li {
								width: 100%;
							}
							nav#site-navigation li {
								padding: 0 1em;
							}

							nav#site-navigation li.has-sub-menu {
								display: flex;
								justify-content: space-between;
							}

							nav#site-navigation li div.has-sub-menu-arrow {
								display: none;
								background-image: url(/images/icons/arrow-right-grey.svg);
								background-position: center;
								background-repeat: no-repeat;
								background-size: contain;
								height: 100%;
								width: 15px;
							}

							nav#site-navigation li.has-sub-menu div.has-sub-menu-arrow {
								display: block;
							}

							nav#site-navigation .children-container .children-content ul.children-root {
								display: flex;
								flex-direction: column;
								justify-content: flex-start;
								align-items: flex-start;
								flex-wrap: wrap;
								position: relative;
							}

								nav#site-navigation .children-container .children-content ul.children-root li {
									break-inside: avoid-column;
									position: relative;
								}

									nav#site-navigation .children-container .children-content ul.children-root a {
										display: inline-block;
										margin: 0.5em 0;
										text-decoration: none;
										color: #081319;
									}
									nav#site-navigation .children-container .children-content ul.children-root a:hover {
										border-bottom: 1px;
										border-color: #081319;
									}
									nav#site-navigation .children-container .children-content ul.children-root a.child-title {
										display: block;
										font-weight: 600;
										font-size: 0.9em;
										color: #547f6f;
										white-space: nowrap;
									}

									nav#site-navigation .children-container .children-content ul.children-root a.child-title:hover {
										text-decoration: underline;
									}

									nav#site-navigation .children-container ul.children-root ul.child-links-container {
										position: absolute;
										visibility: hidden;
									}

									nav#site-navigation .children-container ul.children-root li:hover ul.child-links-container {
										visibility: visible;
									}

									nav#site-navigation .children-container .children-content ul.children-root .child-links-container a {
										text-transform: none;
										color: #547f6f;
										letter-spacing: 0;
										position: relative;
										padding-bottom: 1px;
										font-weight: 600;
										font-size: 0.9em;
									}
									nav#site-navigation .children-container .children-content ul.children-root .child-links-container a:hover {
										text-decoration: underline;
									}

									nav#site-navigation .children-container ul.children-root ul.child-links-container ul.child-sub-links-container {
										position: absolute;
										right: -400px;
										visibility: hidden;
									}

									nav#site-navigation .children-container ul.children-root ul.child-links-container li:hover ul.child-sub-links-container {
										visibility: visible;
									}

			}

			@media (max-width: 1200px ) {

				header #category-title-wrapper {
					margin-left: 2em;
				}

				header > a,
				.breadcrumbs {
					padding: 1em 2em;
				}

			}



	/** Search */
		header .icons {
			display: flex;
			max-height: 100%;
			flex: 1;
			justify-content: flex-end;
			align-items: center;
		}
			
			header .icons a.icon {
				position: relative;
				display: block;
				margin: 0 3px;
				padding: 1em 2.5em;
				max-height: 100%;
				transition: all .25s;
				z-index: 250;
			}

			header a.icon.basket .cart-count {
				position: absolute;
				top: 0;
				right: 5px;
			}

			header a.icon.basket .cart-count p {
				color: #4d7969;
				margin: 0;
				font-size: 1em;
				font-weight: 700;
			}
			
			header #search-toggle {
				background: url('/images/icons/search.svg') #f16529 50% 50% no-repeat;
				background-size: 25px;
			}
			header #search-toggle.active {
				background: url('/images/icons/menu-close.svg') #4d4d4d 50% 50% no-repeat;
				background-size: 25px;
				z-index: 250;
			}
			
			header .icons a.icon.contact-number {
				display: flex;
				align-items: center;
				color: #fff;
				text-decoration: none;
				font-weight: 600;
			}

			header a.contact-number > img {
				width: 25px;
				margin-right: 1em;
			}
				header a.contact-number p {
					color: #4d7969;
					text-indent: 0;
					margin: 0;
					padding: 0;
					font-size: 1em;
				}
			
			header .icons .basket-mobile-menu-wrapper {
				display: inline-flex;
			}

			header a.basket {
				background: url('/images/icons/bag.svg') 50% 50% no-repeat;
				background-size: 25px;
			}

				header a.basket .dot {
					position: absolute;
					width: 15px;
					height: 15px;
					top: 44%;
					transform: translateY(-50%);
					left: 18px;
					background: #6da28f;
					border: 2px solid #FFF;
					border-radius: 50px;
				}
			
			header a.my-account {
				background: url('/images/icons/my-account.svg') #f16529 50% 50% no-repeat;
				background-size: 25px;
			}

		header #site-search {
			display: flex;
			margin-left: 5em;
			padding: 0;
			top: 80px;
			left: 0;
			z-index: 999;
			width: 100%;
			max-width: 375px;
			min-width: 320px;
			transition: width .5s;
		}

			#site-search > .container {
				width: 100%;
			}

			#site-search .widget {
				margin: 0;
			}

				#site-search .widget_product_search form {
					position: relative;
					margin: 0;
					overflow: hidden;
				}

				#site-search .widget_product_search form:before {
					display: none;
				}

					#site-search .widget_product_search form input[type="search"] {
						width: 100%;
						box-shadow: none;
						border: 1px solid #f5f1ed;
						background-color: #fff;
						font-size: 16px;
						padding: 0.8em 1.2em;
						font-family: futura-pt, sans-serif;
						font-weight: 400;
						box-sizing: border-box;
						border-radius: 3px;
					}

					#site-search .widget_product_search form button {
						position: absolute;
						clip: auto;
						clip-path: initial;
						left: auto;
						top: 0px;
						transition: all 0.5s;
						right: 1px;
						width: 50px;
						height: 100%;
						padding: 0;
						text-indent: -999em;
						background: url(/images/icons/search.svg) 50% 50% no-repeat;
						background-size: auto 20px;
						border-radius: 0;
					}

					#site-navigation #site-search .widget_product_search form button {
						right: -60px;
					}

					#site-navigation #site-search .widget_product_search form button.active{
						right: 1px;
					}


	/** Notification */
		.notification {
			background: #e74c3c;
			color: #FFF;
			padding: .5em 0;
			text-align: center;
		}

			.notification p {
				margin: 0;
			}

/** Homepage */

			main.front-page .owl-stage-outer,
			main.front-page .owl-controls {
				width: 100%;
			}

/* Pages */

		main.generic {
			display: flex;
			flex-direction: column;
			max-width: 1600px;
			margin: 0 max(calc( ( (100vw - 1600px) / 2) + 5em),5.5em);
			align-items: stretch;
		}

			main.generic h1 {
				color: #4d7969;
				font-size: 3em;
			}

			main.generic p {
				color: #4d4d4d;
			}

			main.generic label {
				color: #4d7969;
				font-size: 1.25em;
			}

			main.generic textarea,
			main.generic input {
				box-shadow: none;
				border: solid #6da28f 2px;
				width: 100%;
			}

			main.generic input[ type=submit ] {
				background-color: #6da28f;
				border-radius: 3px;
				max-width: 300px;
				color: #fff;
				width: 100%;
				height: 100%;
				text-align: center;
				font-size: 1.2em;
				padding: 1em;
				transition: all .5s;
				border: none;
			}

			main.generic input[ type=submit ]:hover {
				background-color: #4d4d4d;
			}
			


			main.generic section {
				padding: 1em 0;
				border-top: dotted 1px #4d4d4d;
				display: flex;
				flex-direction: column;
			}

				main.generic section h2 {
					color: #4d7969;
				}

				main.generic section a {
					color: #6da28f;
					text-decoration: none;
				}

				main.generic section a:hover {
					text-decoration: underline;
				}

				main.generic section p img:last-of-type {
					float: left;
					margin: 1em 1em 0 0;
				}

				main.generic section p img:first-of-type {
					float: right;
					margin: 0 0 1em 1em;
				}
				
		main.generic .column-two {
			min-width: 300px;
			margin-left: 4em;
		}

			main.generic .column-two div,
			main.generic .column-two ul {
				width: 100%;
				height: 100%;
			}

			main.generic .column-two ul {
				padding: 0;
				margin: 0;
			}

			main.generic .column-two li {
				width: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
				margin: .5em 0;
				border-radius: 3px;
			}

			main.generic .column-two li:nth-of-type( 4n+1 ) {
				background-color: #283e36;
			}

			main.generic .column-two li:nth-of-type( 4n+2 ) {
				background-color: #3c5d51;
			}

			main.generic .column-two li:nth-of-type( 4n+3 ) {
				background-color: #507c6c;
			}

			main.generic .column-two li:nth-of-type( 4n+4 ) {
				background-color: #639c87;
			}

			main.generic .column-two li a {
				padding: 1em;
				color: #fff;
				text-decoration: none;
				font-size: 1.5em;
				text-align: center;
			}

			main.generic .column-two li:hover {
				background-color: #4d4d4d;
			}

/** Footer */
	
	/** General */
		footer {
			background-color: #6da28f;
			padding: 1.5em max( calc( ( (100vw - 1600px) / 2) + 4em), 5em);
		}

			footer .container {
				display: flex;
				justify-content: space-between;
				align-items: center;
			}

				footer p,
				footer li {
					color: #FFF;
					font-size: 14px;
				}

					footer p a,
					footer p a:hover {
						color: #FFF;
					}

		/** Top Bar */
			footer .top-bar .container {
				align-items: stretch;
				padding-bottom: 2em;
				margin-top: 2em;
				margin-bottom: 1em;
				border-bottom: 5px solid #fff;
			}

			/* Blocks */
				footer .top-bar .block {
					flex: 0 33%;
				}

					footer .top-bar .block h5 {
						color: #FFF;
						margin: 0 0 .3em;
						text-transform: uppercase;
						padding: 0 0 .3em;
						border-bottom: 1px solid rgba(255,255,255,.5);
					}

					footer .top-bar .block ul {
						list-style: none;
						padding: 0;
						margin: 1em 0;
					}

						footer .top-bar .block li a {
							margin: .5em 0;
							font-size: 1em;
							display: block;
							color: #FFF;
							line-height: 1.5em;
							padding: 2px 0;
							text-decoration: none;
						}
						footer .top-bar .block li a:hover {
							text-decoration: underline;
						}

			/* first block */

			footer .top-bar .container .block:first-of-type {
				display: flex;
				flex-direction: column;
			}

				footer .top-bar .container .block:first-of-type .footer-home-link {
					width: 100%;
					height: 25%;
					cursor: pointer;
					z-index: 1;
				}

				footer .top-bar .container .block:first-of-type .footer_logo {
					width: 100%;
					height: 100%;
					background-repeat: no-repeat;
					background-position: left;
					background-size: contain;
					padding: 0em 0em 1em 0;
					background-origin: content-box;
				}

				footer .top-bar .container .block:first-of-type .contact_info {
					display: flex;
					max-height: 75%;
				}

					footer .top-bar .container .block:first-of-type .contact_info p {
						font-family: 'DM Sans', sans-serif;
						font-weight: 400;
					}

					footer .top-bar .container .block:first-of-type .contact_info > div {
						flex: 1;
						margin: 0;
						line-height: 2;
						font-size: 1.1em;
						padding-right: 1em;
					}

					footer .top-bar .container .block:first-of-type .contact_info > div:first-of-type {
						border-right: solid 2px #fff;
						margin-right: 2em;
					}

						footer .top-bar .container .block:first-of-type .contact_info div .company-info {
							font-size: .8em;
							margin-top: 0;
						}

						footer .top-bar .container .block:first-of-type .contact_info div .method_wrapper {
							display: flex;
							flex-wrap: wrap;
						}

						footer .top-bar .container .block:first-of-type .contact_info div .method_wrapper a {
							font-size: .8em;
							z-index: 1;
							color: #fff;
							text-decoration: none;
							font-weight: 400;
						}

						footer .top-bar .container .block:first-of-type .contact_info div .method_wrapper a:hover {
							text-decoration: underline;
						}

						footer .top-bar .container .block:first-of-type .contact_info div .method_wrapper a.twitter,
						footer .top-bar .container .block:first-of-type .contact_info div .method_wrapper a.facebook,
						footer .top-bar .container .block:first-of-type .contact_info div .method_wrapper a.instagram {
							z-index: 1;
							width: 22%;
							height: 30px;
							background-repeat: no-repeat;
							background-position: center;
							background-size: contain;
							margin: 1em 1em 0 0;
						}

						footer .top-bar .container .block:first-of-type .contact_info div .method_wrapper a.twitter {
							background-image: url( '/images/icons/twitter.svg');
						}

						footer .top-bar .container .block:first-of-type .contact_info div .method_wrapper a.facebook {
							background-image: url( '/images/icons/fb.svg');
						}

						footer .top-bar .container .block:first-of-type .contact_info div .method_wrapper a.instagram {
							background-image: url( '/images/icons/instagram.svg');
						}

			/* Second block */
			footer .top-bar .block:nth-of-type( 2 ) {
				flex: unset;
			}

			footer .top-bar .container .block:nth-of-type( 2 ) h2 {
				font-family: goudy-old-style, serif;
				font-size: 1.2em;
				margin-top: 0;
				color: #fff;
				width: 100%;
			}

		/** Bttm Bar */
			footer .bttm-bar > .container {
				height: 45px;
			}
			footer .bttm-bar img {
				height: 100%;
			}
			footer .bttm-bar p {
				font-family: 'DM Sans', sans-serif;
				font-weight: 400;
				flex: 0 30%;
				margin: 0;
			}
			footer .bttm-bar p.designed-by {
				text-align: right;
			}


/** Blog Category page */

	/** General */
		section.news-feeds {
			padding-bottom: 0;
		}
		section.blog-empty {
			text-align: center;
		}

			.blog-post-single {
				margin-bottom: 3em;
			}
			.blog-post-single.col-50 {
				width: 49%;
				float: left;
				margin-bottom: 5em;
			}
			.blog-post-single.col-50:nth-child(even) {
				margin-left: 2%;
			}
			.blog-post-single.col-33 {
				width: 31.3%;
				float: left;
			}
			.blog-post-single.col-33:nth-child(3n+2) {
				margin: 0 3% 1em;
			}

				.blog-post-single a.img {
					position: relative;
					width: 100%;
					padding-bottom: 60%;
					background-position: center;
					background-size: contain;
					background-repeat: no-repeat;
					display: block;
					background-color: #f7f6f5;
					border: none;
				}

				.blog-post-single h3 {
					color: #4d4d4d;
				}

					.blog-post-single a.img .date {
						position: absolute;
						top: 10%;
						left: 0;
						padding: 0 20px;
						color: #FFF;
						background: #2f4c67;
						height: 45px;
						line-height: 45px;
					}

	/** Pagination */
		.pagination-link {
			width: 100%;
			margin: 1em 0 3em;
			text-align: center;
		}

			.pagination-link span,
			.pagination-link a {
				display: inline-block;
				background: #F16529;
				color: #FFF;
				line-height: 40px;
				padding: 0 1em;
				text-align: center;
				text-decoration: none;
				font-weight: 600;
				transition: all .5s;
			}

			.pagination-link span {
				background: #4d4d4d;
				color: #FFF;
			}

				.pagination-link a:hover {
					background: #4d4d4d;
				}

	/** Categories */
		.categories {
			background: #f7f6f5;
			text-align: center;
			margin-bottom: 4em;
			max-width: inherit;
		}

			.categories h2 {
				color: #4d4d4d;
				margin-top: 0;
				font-size: 1.5em;
			}

			.categories ul {
				display: flex;
				align-items: center;
				justify-content: center;
				flex-flow: row wrap;
				margin: 1em 0 0;
				padding: 0;
				list-style: none;
			}

				.categories li {
					margin: 0 .5em;
				}
					.categories li a {
						font-size: .9em;
					}


/** Blog Post */
	
	/** Header */
		.page-title-banner.blog-post .item {
			background-color: #4d4d4d;
			height: auto;
			padding: 2em 0 4em;
		}
			.page-title-banner.blog-post .caption {
				position: relative;
			}

			.page-title-banner.blog-post h4 {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				text-transform: none;
				padding-top: 0.75em;
				padding-bottom: 2em;
				font-size: 18px;
			}
				
				.page-title-banner.blog-post h4 .post-meta {
					display: flex;
					align-items: center;
					line-height: 1.6;
					color: #fff;
				}

					.page-title-banner.blog-post h4 img {
						display: block;
						width: 1em;
						height: 1em;
						margin: 0 .5em 0 0;
					}
					
					.page-title-banner.blog-post h4 span.by,
					.page-title-banner.blog-post h4 span.time {
						margin: 0 1.5em 0 0;
						font-size: 0.667em;
					}

			.page-title-banner h4 ul {
				display: flex;
				list-style: none;
				text-align: left;
				margin: 0;
				padding: 0;
			}

				.page-title-banner h4 ul a,
				.page-title-banner h4 ul a:hover {
					display: block;
					color: #FFF;
					font-size: 0.667em;
					font-weight: 500;
					line-height: 1.6;
					letter-spacing: 0.05em
				}
				.page-title-banner h4 ul a:hover {
					text-decoration: none;
				}

				.page-title-banner h4 ul li {
					display: inline-block;
					margin-right: .5em;
				}
				.page-title-banner h4 ul li:last-child {
					margin-right: 0;
				}

	/** Content */
		.featured-image .img {
			margin: -8em auto 0;
			position: relative;
			background-size: contain;
			background-position: center;
			background-repeat: no-repeat;
			height: 400px;
			width: 550px;
		}

		main.post .container.content {
			max-width: 1000px;
		}
		main.blog-post .container.content {
			margin:  0 auto;
		}

			main.post .post-wrapper {
				position: relative;
				padding: 2em 3em 0;
				min-height: 150px;
				background: #FFF;
			}
			main.post.no-thumbnail .post-wrapper {
				margin-top: -10em;
			}


/** 404 Page */

	/** General */
		#error-404 {
			text-align: center;
			background: #eee;

		}
			
			#error-404 label {
				display: block;
				margin: 1em 0 .5em;
			}

			#error-404 input[type="text"] {
				max-width: 500px;
				width: 100%;
				box-shadow: none;
				font-size: 1em;
				padding: 0.8em 1.6em;
				background-color: #fff;
				border: 2px solid #FFF;
			}

/** Category Title and Description */
.cat-container{
	width: 100%;
	border-bottom: 2px solid #f1f1f1;
    margin-bottom: 2em;
    padding-bottom: 1em;
}
.cat-title {
	
	color: #4d7969;
	font-size: 3em;
	margin-top: 0;

}

.cat-description {
	

}

.sorting-container {
	display: flex;
	align-items: baseline;
	order: 3;
	text-decoration: none;
    color: #4d4d4d;
    font-weight: 400;
	border-left: 1px solid rgb( 238, 238, 238 );
    padding: 0 1em;
    margin: 0 2em 0 0;

    height: 50px;
    cursor: pointer;
    font-size: .9em;
    font-weight: 500;
}

.sort-label{
	font-size: 1em;
	margin-right: 10px;
	display: flex;
	line-height: unset;
	font: 16px/1.4em goudy-old-style Helvetica, Helvetica Neue, Arial, serif;
}

#wc_ordering {
	display: flex;
}


				

/** General Responsive */

			/* Contact page two columns */
			
		@media (min-width: 800px) {
			main.generic #information-blocks-wrapper.Contact {
				display: flex;
			}

				main.generic #information-blocks-wrapper.Contact > * {
					width: 50%;
				}
				
					main.generic #information-blocks-wrapper.Contact > *:first-child {
						border: none;
						padding-right: 3em;
					}

					main.generic #information-blocks-wrapper.Contact > *:last-child {
						padding-left: 3em;
					}

						main.generic #information-blocks-wrapper.Contact > *:last-child :first-child {
							border: none;
						}
		}

	/** 1181 -> 1300 */
		@media only screen and (max-width: 1200px) { 
			
			footer {
				padding: 1.5em 1em;
			}

		}

	/** 1085 -> 1180 */
		@media only screen and (max-width: 1180px) {

			/** Blog Post */
				.alignleft {
					margin-left: -5%;
				}
				.alignright {
					margin-right: -5%;
				}

		}

		@media (min-width: 1100px ) {

			header .icons a.icon.contact-number {
				min-width: 230px;
			}
			
		}

		@media only screen and ( min-width: 900px ) and ( max-width: 1100px) {

			header #site-search {
				margin: 1em;
			}

			header a.contact-number > img {
				margin: 0;
			}

		}

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

			header .icons a.icon.contact-number {
				min-width: 60px;
				padding: 1em;
			}

			header a.contact-number p {
				display: none;
			}

		}

	/** 960 -> 1084 */
		@media only screen and (max-width: 1084px) {

			/** Blog Post */
				.alignleft {
					max-width: 40%;
					margin-left: 0;
				}
				.alignright {
					max-width: 40%;
					margin-right: 0;
				}

		}


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

			footer .top-bar .container {
				flex-direction: column;
			}

			footer .top-bar .container .block:nth-of-type( 2 ) h2 {
				text-align: center;
			}

			footer .top-bar .container .block:first-of-type .footer-home-link {
				height: 100px;
			}

			footer .top-bar .container .block:first-of-type .footer_logo {
				background-position: center;
			}

			footer .top-bar .container .block:first-of-type .contact_info {
				flex-direction: column;
				align-items: center;
			}
			
			footer .top-bar .container .block:first-of-type .contact_info > div {
				margin: 0 0 2em 0;
				padding: 0;
				display: flex;
				flex-direction: column;
				align-items: center;

			}

			footer .top-bar .container .block:first-of-type .contact_info > div:first-of-type {
				border: none;
				margin: 0 0 2em 0;
				padding: 0;
			}

			footer .top-bar .container .block:first-of-type .contact_info div .method_wrapper {
				justify-content: center;
			}

			footer .top-bar .container .block:first-of-type .contact_info div .method_wrapper a {
				width: 100%;
				text-align: center;
				font-weight: 600;
			}

			footer .top-bar .container .block:first-of-type .contact_info div .method_wrapper a.twitter,
			footer .top-bar .container .block:first-of-type .contact_info div .method_wrapper a.facebook,
			footer .top-bar .container .block:first-of-type .contact_info div .method_wrapper a.instagram {
				width: 20%;
				margin: 1em 0 0 0;
				height: 25px;
			}

			footer .top-bar .container .block:nth-of-type( 2 ) h3 {
				text-align: center;
			}

			footer .top-bar .block ul {
				display: flex;
				flex-direction: column;
				align-items: center;
			}

			footer .bttm-bar > .container {
				height: unset;
				flex-direction: column;
			}

			footer .bttm-bar p:last-of-type {
				margin: 2em 0;
			}

			footer .bttm-bar img {
				max-width: 500px;
				width: 90%;
				min-width: 300px;
				order: 3;
			}
			
			footer .top-bar .block:nth-of-type( 2 ) {
				margin: 3em 0;
			}

			footer .top-bar .container .block:first-of-type .contact_info div .company-info {
				text-align: center;
			}

			main.generic {
				margin: 0 2em;
			}
		}


	/** 769 -> 959 */
		@media only screen and (max-width: 959px) {

			/** General */

			/** Blog Category page */
				.blog-post-single.col-50,
				.blog-post-single.col-33,
				.blog-post-single.col-33:nth-child(3n+1) {
					width: 49%;
					margin: 0 0 3em;
				}
				.blog-post-single.col-33:nth-child(even) {
					margin-left: 2%;
				}

		}

		@media ( max-width: 700px ) {

			.container {
				padding: 0;
			}

			header .icons {
				justify-content: flex-end;
				width: 100%;
			}

		}

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

			main.generic {
				margin: 0 1em;
			}

		}
		
		@media only screen and ( min-width: 650px ) and ( max-width: 800px ) {

			header a.contact-number > img {
				margin: 0;
			}

			header a.contact-number p {
				display: none;
			}

		}
		
	/** 561 -> 768 */
		@media only screen and (max-width: 768px) {

			/** Blog Category page */
				.blog-post-single.col-50,
				.blog-post-single.col-33,
				.blog-post-single.col-33:nth-child(3n+1),
				.blog-post-single.col-33:nth-child(even) {
					width: 100%;
					margin: 0 0 2em;
				}

			/** Blog posts */
				.page-title-banner.blog-post h4 .post-meta {
					margin: 0 0 .5em;
				}

				main.post .post-wrapper {
					padding: 1em 2em 0;
				}

					.alignleft,
					.alignright {
						max-width: 100%;
						display: block;
						margin: 1em auto;
					}

		}

	/** 480 -> 560 */
		@media only screen and (max-width: 560px) {

			/** Blog posts */
				.page-title-banner.blog-post h4 {
					padding-bottom: 3em;
				}

				.featured-image img {
					margin: -9em auto 0;
				}

			/** Footer */
				footer .container {
					flex-flow: column nowrap;
				}
		}

		@media ( max-width: 500px ) {

			header #category-title-wrapper a {
				font-size: 1.5em;
			}

			.breadcrumbs {
				padding: 1em;
			}

			main.generic input[ type=submit ] {
				max-width: unset;
			}

		}

	/** 0 -> 479 */
		@media only screen and (max-width: 479px) {

			button {
				width: 75%;
			}

			/** Blog posts */
				.page-title-banner.blog-post h4 .post-meta {
					width: 100%;
					text-align: center;
					justify-content: center;
				}

					.page-title-banner.blog-post h4 span.by, 
					.page-title-banner.blog-post h4 span.time {
						margin: 0;
					}

				main.post .post-wrapper {
					padding: 1em 1em 0;
				}

					.page-title-banner h4 ul li,
					.page-title-banner h4 ul li:last-child {
						margin: 0 .25em;
					}

		}

		/* Child Menu - Responsive */
			@media (max-width: 900px ) {

				header #site-search {
					display: none;
				}
				

				#menu-overlay {
					width: 100%;
					height: 100%;
					background: rgba(8, 19, 25, 0.85);
					z-index: 10;
					position: fixed;
					top: 0;
					left: 0;
					display: none;
				}
				
				#menu-overlay #overlay-close-menu {
					position: absolute;
					top: 0;
					right: 0;
					height: 60px;
					width: 60px;
					background: url(/images/icons/menu-close.svg) #4d7969 50% 50% no-repeat;
					background-size: 15px;
				}

				header #mobile-menu {
					display: block;
					background: url('/images/icons/menu.svg') transparent 50% 50% no-repeat;
					background-size: 25px;
					transform: scaleX( -1 );
				}

				nav#site-navigation {
					display: none;
					position: absolute;
					background-color: #f5f1ed;
					box-sizing: border-box;
					padding: 0;
					width: calc(100% - 80px - 2em);
					max-width: 900px;
					z-index: 1002;
					left: 0;
					top: 0;
					bottom: 0;
					height: unset;
					min-height: 100vh;
					overflow: auto;
				}

					nav#site-navigation > ul > li {
						margin: 0;
						height: unset;
					}

						nav#site-navigation > ul > li > a {
							display: flex;
							padding: 1.5em;
							border-bottom: 1px solid #e3dbd2;
							justify-content: space-between;
						}
						
						nav#site-navigation > ul > li.hover > a {
							background-color: rgb( 109 162 143 );
							color: #081319;
						}

							nav#site-navigation > ul > li > a span.arrow{
								background: url(/images/icons/plus-green.svg) 50% 50% no-repeat;
								background-size: 20px;
								width: 0;
								padding: .7em;
								display: flex;
								transition: all .3s;
							}
							nav#site-navigation > ul > li.hover > a span.arrow {
								background: url(/images/icons/plus-black.svg) 50% 50% no-repeat;
								transform: rotate(180deg);
							}

								nav#site-navigation > ul > li .children-container .container {
									padding: 0;
									margin: 0;
								}

							nav#site-navigation > ul {
								padding: 0;
								display: block;
								height: auto;
							}

								nav#site-navigation > ul ul {
									list-style-type: none;
									padding: 0;
									margin: 0;
								}

								nav#site-navigation > ul ul.child-sub-links-container {
									padding-left: 1em;
								}

								nav#site-navigation > ul ul.children-root {
									background-color: #fff;
									padding: 1.5em;
								}

									nav#site-navigation > ul ul.child-links-container a {
										font-size: 1em;
										font-weight: 400;
										text-transform: none;
										color: #5e5e5e;
										letter-spacing: 0;
										text-decoration: none
									}

									nav#site-navigation > ul ul.children-root .child-title {
										display: flex;
										letter-spacing: 0;
										text-transform: none;
										text-decoration: none;
										position: relative;
										font-size: 1.1em;
										font-weight: 600;
										color: #535353;
										white-space: nowrap;
									}

									nav#site-navigation > ul ul.children-root li.child-link.has-sub-menu > a {
										display: flex;
										position: relative;
									}

									/* child title plus to indicate dropdown options */
									nav#site-navigation > ul li.hover ul.children-root li.child-column.has-sub-menu .child-title::after,
									nav#site-navigation > ul ul.children-root li.child-column.has-sub-menu.hover li.child-link.has-sub-menu > a::after {
										position: absolute;
										right: 0;
										content: '';
										background: url( '/images/icons/paginate-active.svg' ) 50% 50% no-repeat;
										transform: rotate( 180deg );
										transition: all .3s;
										height: 25px;
										width: 25px;
									}

									nav#site-navigation > ul li.hover ul.children-root li.child-column.has-sub-menu.hover .child-title::after,
									nav#site-navigation > ul ul.children-root li.child-column.has-sub-menu.hover li.child-link.has-sub-menu.hover > a::after {
										background: url( '/images/icons/paginate-active.svg' ) 50% 50% no-repeat;
										transform: rotate( 360deg );
									}

										nav#site-navigation li.child-column ul.child-links-container,
										nav#site-navigation li.child-column ul.child-sub-links-container {
											height: 0px;
											overflow: hidden;
											margin-top: 0.7em;
											margin-left: 1em;
										}

										nav#site-navigation li.child-column.hover ul.child-links-container {
											height: 100%;
										}

										nav#site-navigation li.child-link.hover > ul.child-sub-links-container {
											height: 100%;
										}

										nav#site-navigation > ul ul.children-root li {
											padding: 0.9em 0;
										}
										nav#site-navigation > ul ul.children-root > li:first-of-type {
											padding-top: 0;
										}
										nav#site-navigation > ul ul.child-links-container li:last-of-type {
											padding-bottom: 0;
										}

											nav#site-navigation  .site-header-menu-items li .children-container {
												display: none;
											}
											nav#site-navigation  .site-header-menu-items li.hover .children-container {
												display: block;
											}


				main.generic {
					flex-direction: column;
				}

				main.generic .column-two {
					margin: 0;
				}

			}

		@media ( max-width: 650px ) {

			header .icons {
				justify-content: space-between;
			}

			header .icons a.icon.contact-number {
				padding: 1em 0 1em 0;
			}

			header #mobile-menu {
				padding-right: 0;
			}

			footer .bttm-bar img {
				width: 100%;
			}


		}


		@media (max-width: 500px){
			.sorting-container{
				margin: 0;
				max-width: unset;
				border-left: none;
				border-top: 1px solid rgb( 238, 238, 238 );
				padding: 0;
				box-sizing: content-box;
				height: 60px;
				justify-content: center;
			}
		}