/*
	Theme Name:		Eye-C Template
	Description:	Custom WordPress template created by Eye-C Multimedia.
	Version:		1.64
	Author:			Eye-C Multimedia
	Author URI:		https://eye-c.nl/
	Text Domain:	eyec
    Tags:			HTML5, SCSS, CSS3, Wordpress, Gutenberg, ACF, Eye-C Multimedia

    Notes:			Main css styles are read from assets/css/main.css, place custom css styles in this document.
*/

/*--------------------------------------------------*\
	Custom CSS Styles
\*--------------------------------------------------*/

/* sass --watch assets/scss:assets/css template-parts/block:assets/css --style compressed */


header .hamburger {
	position: absolute;
	right: 30px;
}

header .gt_switcher-popup * {
	display: none !important;
}

header .gt_switcher-popup::after {
	content: "\f0ac";
	font-family: "Font Awesome 6 Pro";
	color: #7A7A7A;
}

header .site-widget i {
	font-size: 18px !important;
	vertical-align: 0 !important;
}

header .logo {
	width: 225px;
	height: 55px;
	overflow: hidden;
}

body.sticky-nav .slider {
	margin-top: 0 !important;
}

@media screen and (max-width: 1023px) {
	header .menu-bar {
		position: relative;
		height: 50px;
		line-height: 50px;
		box-sizing: border-box;;
	}

	body.sticky-nav header + .wrapper {
		padding-top: 138px;
	}

}

@media screen and (min-width: 1023px) {

	body.sticky-nav header + .wrapper {
		padding-top: 146px;
	}

	header .menu-bar {
		height: 58px;
		line-height: 58px;
		box-sizing: border-box;
	}

}

@media screen and (max-width: 767px) {
	.top-header {
		height: 40px;
		line-height: 40px;
	}

	body.sticky-nav header + .wrapper {
		padding-top: 118px;
	}

	header .logo img {
		margin-bottom: 6px;
	}

	header .site-widget {
		margin: 3px 0 0;
	}

	header .site-widget>div {
		padding: 5px 6px;
	}

	header .site-widget > div.language {
		padding-top: 4px;
	}

	header .middle .search {
		display: none;
	}

	header .menu-bar .mobile-search {
		position: absolute;
		left: 20px;
		top: 10px;
	}

	header .menu-bar .mobile-search .dgwt-wcas-sf-wrapp {
		background: transparent;
		padding: 0;
		border-radius: 0;
	}

	header .menu-bar .mobile-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
		padding: 4px 12px 4px 42px;
		background: transparent;
		border-radius: 0;
		border: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}

	header .menu-bar .mobile-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::placeholder {
		color: #fff;
		opacity: 1;
		font-size: 14px;
	}

	header .menu-bar .mobile-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::-ms-input-placeholder {
		color: #fff;
		font-size: 14px;
	}

	header .menu-bar .mobile-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
		top: 0;
		left: 0;
	}

	header .menu-bar .mobile-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit svg {
		display: none;
	}

	header .menu-bar .mobile-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit::after {
		content: '\f002';
		font-family: "Font Awesome 5 Pro";
		color: #fff;
		font-size: 18px;
	}

	.block-unique-selling-points.alignment-divided .usps {
		padding-bottom: 0;
	}

	.block-woocommerce-categories .category {
		min-height: 280px;
		margin-bottom: 40px !important;
	}

	.wc-block-grid.has-4-columns .wc-block-grid__products {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr);
		row-gap: 40px;
		column-gap: 30px;
	}

	.wp-block-spacer {
		margin: 0 !important;
	}


}

@media screen and (min-width: 768px) {

	header .middle {
		height: 88px;
		box-sizing: border-box;
	}

	header .navigation .mobile-search {
		display: none;
	}
}

@media screen and (max-width: 480px) {
	.woocommerce .woocommerce-results-ordering .woocommerce-ordering {
		flex: 1 1 100%;
	}

	ul.wc-block-grid__products li.wc-block-grid__product {
		margin-bottom: 0 !important;
	}

	ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image {
		margin-bottom: 0;
		padding: 6px;
	}

	ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-title {
		min-height: 74px;
		line-height: 1.3;
		font-size: 16px;
	}

	.block-woocommerce-categories .category {
		min-height: 200px;
		margin-bottom: 40px !important;
	}

	.block-woocommerce-categories .category .name {
		font-size: 26px;
		padding: 0 4px;
	}


}

footer .gt_switcher-popup span {
	font-size: 13px !important;
}

footer .gt_languages a {
	color: #319E00;
}