/**

 * Main stylesheet

 * 

 */





/** header */

	header.main-header {

		background: #FFF;

	}



		header.main-header .container {

			display: -webkit-box;

			display: -webkit-flex;

			display: -moz-box;

			display: -ms-flexbox;

			display: flex;

			-webkit-box-orient: horizontal;

			-webkit-box-direction: normal;

			-webkit-flex-direction: row;

			-moz-box-orient: horizontal;

			-moz-box-direction: normal;

			-ms-flex-direction: row;

			flex-direction: row;

			justify-content: space-between;

		}



			header.main-header #logo {

				width: 31.3%;

			}



				header.main-header #logo a {

					display: block;

					position: relative;

					width: 100%;

					height: 100%;

					text-indent: -999em;

					background: url(/images/logo.svg) no-repeat center;

					background-size: auto 80%;

				}



			header.main-header .small-links-left,

			header.main-header .small-links-right {

				width: 31.3%;

			}



				header.main-header .small-links-left a {

					float: left;

					color: #439cd7;

					font-weight: 700;

				}

					

					header.main-header .small-links-left a span {

						display: inline-block;

						border-bottom: 2px solid transparent;

						-webkit-transition: all .3s ease;

						   -moz-transition: all .3s ease;

						    -ms-transition: all .3s ease;

						     -o-transition: all .3s ease;

						        transition: all .3s ease;

					}

					header.main-header .small-links-left a span:first-child {

						margin-right: 25px;

					}

					header.main-header .small-links-left a span:hover {

						border-color: #439cd7;

					}



				header.main-header .small-links-left a.my-account {

					height: 40px;

					line-height: 40px;

					padding-left: 55px;

					margin: 30px 50px 30px 0;

					background: url(/images/icons/avatar.svg) no-repeat left center;

					background-size: 30px;

				}



				header.main-header .small-links-right a {

					float: right;

					font-weight: 600;

				}

				header.main-header .small-links-right a:hover {

					opacity: .75;

				}



				header.main-header .small-links-right a.checkout {

					position: relative;

					width: 40px;

					height: 100%;

					margin-left: 4.063em;

					-webkit-transition: all .3s ease;

					   -moz-transition: all .3s ease;

					    -ms-transition: all .3s ease;

					     -o-transition: all .3s ease;

							transition: all .3s ease;

				}



					header.main-header .small-links-right a.checkout .basket-icon {

						text-indent: -999em;

						position: relative;

						display: block;

						width: 40px;

						height: 100%;

						background: url(/images/icons/basket.svg) no-repeat center;

						background-size: 30px;

						z-index: 10;

					}



					header.main-header .small-links-right a.checkout .count {

						display: flex;

						justify-content: center;

						align-items: center;

						background: #f78700;

						width: 25px;

						height: 25px;

						line-height: 25px;

						text-align: center;

						border-radius: 50%;

						color: #FFF;

						font-size: 1em;

						margin-right: 7px;

						position: relative;

						top: 2px;

					}



				header.main-header .site-search {

					/* width: calc(100% - 40px - 5em); */

					width: 25%;

					float: left;

				}



					header.main-header .site-search .widget_product_search form::before {

						display: none;

					}



					header.main-header .site-search .widget_product_search input[type=search] {

						width: 100%;

						margin: 1.714em 0;

						padding: 0 1.143em;

						height: 50px;

						line-height: 50px;

						border: 1px solid #ccc;

						border-radius: 5px;

						box-sizing: border-box;

						box-shadow: none;

						font-size: 0.875em;

						background: rgba(255,255,255, .15);

						color: #439cd7;

					}

					header.main-header .site-search .widget_product_search input[type=search]::placeholder {

						color: #CCC;

						font-style: italic;

					}



					header.main-header .widget_product_search form button[type=submit] {

						width: 30px;

						height: 48px;

						top: 1.572em;

						left: inherit;

						right: 1.143em;

						margin: 0;

						clip: auto;

						clip-path: none;

						background: none;

						background: url('/images/icons/search.svg') no-repeat center;

						text-indent: -999em;

					}





/** Navigation Wrapper */



	#navigation-outer {

		position: relative;

		z-index: 100;

	}



	#navigation-wrap {

		display: flex;

		justify-content: space-between;

		padding: 0 3%;

		z-index: 550;

		width: 100%;

		background: #5aa2d0;

		height: 70px;

	}





/** Text Banners */

	#banner.text {

		position: relative;

		background: rgb(238,238,238); /* Old browsers */

		background: -moz-linear-gradient(left,  rgba(238,238,238,1) 22%, rgba(255,255,255,1) 70%, rgba(238,238,238,1) 100%); /* FF3.6-15 */

		background: -webkit-linear-gradient(left,  rgba(238,238,238,1) 22%,rgba(255,255,255,1) 70%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */

		background: linear-gradient(to right,  rgba(238,238,238,1) 22%,rgba(255,255,255,1) 70%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 */

		background-image: url(https://www.easychemtrade.co.uk/wp-content/themes/woocommerce-theme/images/placeholder_category.jpeg);

		height: 70px;

		display: flex;

		justify-content: flex-start;

		align-items: center;

		box-shadow: inset 0px 200px 300px -100px rgba(67,156,215,1);

		padding: 0;

	}

		

		#banner.text .container {

			position: relative;

		}



			#banner.text h1 {

				color: #ffffff;

				font-weight: 600;

				font-size: 25px;

				letter-spacing: 0;

			}



			#banner.text h6 {

				margin: 0;

				padding-left: 25px;

				line-height: 1;

				text-transform: uppercase;

				color: #439cd7;

				position: relative;

				cursor: pointer;

			}

			#banner.text h6:focus {

				outline: none;

			}

		#banner.text h6:before,

		#banner.text h6:after {

			position: absolute;

			width: 14px;

			height: 3px;

			content: '';

			background: #439cd7;

			left: 0;

			top: 50%;

			transform: translateY(-50%);

		}

		#banner.text h6:before {

			transform: translateY(-50%) rotate(90deg);

			transition: all 0.5s ease;

		}

		#banner.text h6.ui-state-active:before {

			transform: translateY(-50%) rotate(0deg);

		}

		

			#banner.text p:last-child {

				margin-bottom: 0;

			}





/** Breadcrumbs */

	.breadcrumbs {

		margin: 0;

		padding: 12px 0 0;

		font-size: 1em;

		color: #444;

		line-height: 1em;

	}

	.breadcrumbs div.containter.cf {

		border-bottom: solid 2px #f1f1f1;

		padding: 0 0 1em 0;

	}

		

		.breadcrumbs p {

			margin: 0;

			width: auto;

			float: left;

			font-size: 14px;

			font-weight: 500;

		}



			.breadcrumbs a {

				color: #000000;

			    font-weight: 600;

				margin: 0 1em;

			}



			.breadcrumbs .breadcrumb_last {

				color: #727272;

				margin: 0 1em;

			}

	#breadcrumbs > span > span > a {

		margin: 0 1em 0 0;

	}



	.product-page-breadcrumbs {

		margin: 0;

		padding: 12px 0;

		font-size: 1em;

		color: #444;

		line-height: 1em;

	}

	.product-page-breadcrumbs div.containter.cf {

		padding: 0 0 1em 0;

	}

		

		.product-page-breadcrumbs p {

			margin: 0;

			width: auto;

			float: left;

			font-size: 12px;

		}



			.product-page-breadcrumbs a {

				margin: 0 1em;

				color: #000000;

				font-weight: 600;

				font-size: 14px;

			}



			.product-page-breadcrumbs .breadcrumb_last {

				color: #727272;

				margin: 0 1em;

				font-weight: 500;

				font-size: 14px;

			}

	#product-page-breadcrumbs > span > span > a {

		margin: 0 1em 0 0;

	}



	/* Internal Site Search */



	#mobile-search{

		display: none;

	}

	

	.in-page-site-search {

		margin-bottom: 0;

		border-radius: 10px;

		background-color: #f6f6f6;

		display: flex;

		width: 100%;

		flex-wrap: wrap;

		align-items: center;

		justify-content: center;

		padding: 1em 0.5em;

	}



	.in-page-site-search #site-search-inner {

		flex: 100%;

		margin: 0;

	}



	.in-page-site-search #site-search-inner form {

		max-width: 600px;

		margin: 0 auto;

		display: flex;

		width: 100%;

		-webkit-box-shadow: 0px 0px 10px 2px rgba(199,199,199,0.5);

		box-shadow: 0px 0px 10px 2px rgba(199,199,199,0.5);

	}



	.in-page-site-search #site-search-inner form input[type="search"] {

		flex: 65%;

		box-shadow: none;

		background-color: #fff;

		border-radius: 0;

		border: 0;

		box-sizing: border-box;

		padding: 0.8em 1.3em;

		font-size: 14px;

		line-height: 1;

	}



	.in-page-site-search #site-search-inner form input[type="search"]:hover {

		border: 0;

		outline: none;

	}



	.in-page-site-search #site-search-inner form button {

		border-radius: 0;

		font-size: 14px;

	}



	.in-page-site-search #site-search-inner form button:hover {

		background-color: #f78700;

		text-decoration: none;

	}



/** Featured products */

	#featured-products {

		background: rgb(247,248,248); /* Old browsers */

		background: -moz-linear-gradient(top,  rgba(247,248,248,1) 0%, rgba(233,236,238,1) 100%); /* FF3.6-15 */

		background: -webkit-linear-gradient(top,  rgba(247,248,248,1) 0%,rgba(233,236,238,1) 100%); /* Chrome10-25,Safari5.1-6 */

		background: linear-gradient(to bottom,  rgba(247,248,248,1) 0%,rgba(233,236,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8f8', endColorstr='#e9ecee',GradientType=0 ); /* IE6-9 */

	}



		#featured-products h3 {

			margin: 0 0 2em;

			text-align: center;

			font-size: 2em;

			font-weight: 600;

			color: #439cd7;

		}

			

			#featured-products ul {

				margin: auto;

				padding: 0;

			}



			body #featured-products ul.products li.product {

				margin-bottom: 0;

			}





/** News Page */

	section.news-feeds {

		padding-bottom: 0;

	}

		.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+1) {

			margin: 0 3% 1em;

		}

			.blog-post-single a.img {

				position: relative;

				width: 100%;

				padding-bottom: 60%;

				background-position: center;

				background-size: cover;

				display: block;

				border: none;

			}

				.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-link {

					width: 100%;

					text-align: center;

				}

					.pagination-link span,

					.pagination-link a {

						display: inline-block;

						background: #439cd7;

						color: #FFF;

						line-height: 40px;

						padding: 0 1em;

						text-align: center;

						text-decoration: none;

						font-weight: 600;

					}

					.pagination-link span {

						background: #439cd7;

						color: #FFF;

					}

						.pagination-link a:hover {

							background: #439cd7;

						}





/** Blog Post */

	

	/** Aside */

		aside.entry-meta {

			width: 25%;

			box-sizing: border-box;

			padding-right: 2em;

			padding-top: 0;

			float: left;

		}

			.entry-meta div.aside {

				margin-bottom: 3em;

			}

				.entry-meta h4 {

					font-size: 1em;

					margin: 0 0 0.5em 0;

				}

				.entry-meta h5 {

					margin: 0;

					color: #131315;

				}

				.entry-meta ul {

					margin: 0;

					padding: 0;

					list-style: none;

				}

					.entry-meta ul li {

						padding: 0;

						background: none;

					}

						.entry-meta .tags h5 {

							font-size: 1em;

						}

						.entry-meta ul li a,

						.entry-meta .tags a {

							line-height: 1.3em;

							font-size: 1.1em;

							letter-spacing: -0.02em;

							margin: 0;

							text-decoration: none;

							display: block;

							color: #333333;

							font-weight: 300;

						}

						.entry-meta .tags a {

							display: inline-block;

							margin: 0 0 1em;

						}

						.entry-meta ul li a:hover,

						.entry-meta .tags a:hover {

							text-decoration: underline;

						}

	

	/** Content */

		.entry-content {

			width: 75%;

			float: right;

			margin-right: 0;

		}

			.entry-content > h1 {

				margin: 0 0 1em;

			}

			.entry-content .featured-image {

				margin: 0 0 2em;

				width: 100%;

			}

				.entry-content .featured-image img {

					margin: 0 auto;

				}





/** Contact us page */

	.contact-page .container {

		display: -webkit-box;

		display: -webkit-flex;

		display: -moz-box;

		display: -ms-flexbox;

		display: flex;

		-webkit-box-orient: horizontal;

		-webkit-box-direction: normal;

		-webkit-flex-direction: row;

		-moz-box-orient: horizontal;

		-moz-box-direction: normal;

		-ms-flex-direction: row;

		flex-direction: row;

		justify-content: space-between;

	}



		.contact-page .contact-details {

			order: 1;

			flex-grow: 1;

		}



		.contact-page .contact-form {

			order: 2;

			flex-grow: 3;

		}

			

			.contact-page .contact-form form {

				position: relative;

			}



				.contact-page .contact-form input[type="text"], 

				.contact-page .contact-form input[type="email"], 

				.contact-page .contact-form textarea {

					width: 100%;

					margin: 0 0 1em;

				}



				.contact-page .contact-form div.wpcf7-mail-sent-ok {

					position: absolute;

					top: 50%;

					transform: translateY(-50%);

					width: 90%;

					margin: 0 5%;

					background: #96c2b8;

					border: none;

					padding: 2em 1em;

					text-align: center;

					color: #FFF;

					border-radius: 5px;

					font-size: 1.2em;

				}



		.contact-page .contact-form h1{

			margin: 0;

			color: #439cd7;

			font-weight: 400;

		}



		.contact-page .contact-form{

			max-width: 880px;

		}



		.contact-page .contact-details h2{

			margin: 0;

			color: #439cd7;

			font-weight: 400;

			margin-bottom: 0.5em;

		}





/** Footer */

	footer {

		background: #FFF;

	}



		footer .links .container {

			display: -webkit-box;

			display: -webkit-flex;

			display: -moz-box;

			display: -ms-flexbox;

			display: flex;

			-webkit-box-orient: horizontal;

			-webkit-box-direction: normal;

			-webkit-flex-direction: row;

			-moz-box-orient: horizontal;

			-moz-box-direction: normal;

			-ms-flex-direction: row;

			flex-direction: row;

			justify-content: space-between;

		}

			

			footer .links {

				padding: 3em 0;

			}



				footer h6 {

					color: #439cd7;

					margin: 0;

				}



				footer ul {

					margin: 1em 0;

					padding: 0;

					list-style: none;

				}



					footer .links a {

						color: #439cd7;

						text-decoration: none;

						display: block;

						line-height: 1.5em;

						padding: 4px 0;

						font-weight: 400;

					}

					footer .links a:hover {

						color: #439cd7;

						text-decoration: underline;

					}



					footer p {

						color: #439cd7;

						line-height: 1.5em;

					}



					/* footer .links img {

						margin-top: 4em;

					} */



			footer .credit {

				height: 65px;

				line-height: 65px;

				font-size: 0.875em;

				background: #439cd7;

			}



					footer .credit p {

						margin: 0;

					}



					footer .credit a {

						color: #FFF;

					}



					footer .copyright p,

					footer .hosted-by p {

						height: 65px;

						line-height: 65px;

						color: #FFF;

					}


#error-404 .container {
	flex-flow: column;
	align-items: center;
}


@media ( max-width: 1000px ) {



	section#banner.text > div.container.cf {

		padding: 0 1em;

		justify-content: center;

	}



	section#banner.text > div.container.cf > h1 {

		text-align: center;

	}



}

@media ( max-width: 475px ) {
	#banner.text {
		height: 135px;
	}
}