/*
  Theme Name: Ase Utra
  Theme URI: https://naalisolutions.fi/
  Version: 1.0.2
  Template: Divi
  Author: Atte Nokkanen
  Author URI: https://naalisolutions.fi/
  Description: Theme for Ase Utra Oy
  Text Domain: ase-utra
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/*Sticky Mobiili menu*/
@media (max-width: 980px) {
	.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
		position: fixed;
	}
	}
	.et_mobile_menu {
		overflow: scroll !important;
		max-height: 83vh;
	}
	
	/*Menu tausta*/
	.sub-menu {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	/*Hunting*/
	.menu-item-5507 {
		background-color: #f9bd4d;
		background-image: url("/wp-content/uploads/2020/04/Metsastys_Metsa.jpg") !important;
		 background-size: cover;
	}
	.menu-item-5505 {
		background-color: #f9bd4d;
		background-image: url("/wp-content/uploads/2020/04/Metsastys_Metsa.jpg") !important;
		 background-size: cover;
	}
	.menu-item-5699, .menu-item-5700, .menu-item-5701, .menu-item-5385, .menu-item-5386, .menu-item-5387, .menu-item-2354, .menu-item-2355, .menu-item-2356, .menu-item-2357, .menu-item-2358 {
		background-color: #f9bd4d
	}
	.menu-item-5268 a {
		color: #FFFFFF !important;
	}
	#main-header #top-menu .menu-item-5268 a{
		color: #FFFFFF !important;
	}
	/*Military*/
	 .menu-item-5508{
		 background-color: #535250;
		background-image: url("/wp-content/uploads/2020/04/Military_bg.jpg") !important;
		background-size: cover;
	}

	.menu-item-5685{
		background-color: #535250;
	   background-image: url("/wp-content/uploads/2020/04/Military_bg.jpg") !important;
	   background-size: cover;
   }

	.menu-item-5686, .menu-item-5687, .menu-item-5688, .menu-item-5702, .menu-item-5703, .menu-item-5704, .menu-item-2363, .menu-item-2364 {
		background-color: #535250;
	}
	.menu-item-5508 a {
		color: #FFFFFF !important;
	}
	.menu-item-5685 a {
		color: #FFFFFF !important;
	}
	#main-header #top-menu .menu-item-5508 a{
		color: #FFFFFF !important;
	}
	/*Markupin väri*/
	mark {
		background-color: lightgrey !important;
	}
	
	/*Accordioneiden otsikkospacing mobiilissa*/
	@media only screen and (max-width: 980px) {
		.et_pb_toggle_title {
		padding-left: 5px !important;
		}}
	
	/*Ei ikoneita yläpalkkiin*/
	#et-info-phone:before {
		display:none;
	}
	#et-info-email:before  {
		display:none;
	}
	
	/*Ei capseja h4 otsikkoon*/
	.eicapseja h4
	{text-transform: none !important;}
	/*Ei capseja h2 otsikkoon*/
	.eicapsejah2 h2
	{text-transform: none !important;}
	/**custom-rivi**/
	@media all and (max-width: 980px) {
	/*** wrap row in a flex box ***/
	.custom_row {
	  display: -webkit-box;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	-webkit-flex-wrap: wrap; /* Safari 6.1+ */
	flex-wrap: wrap;
	}
	 
	/*** custom classes that will designate the order of columns in the flex box row ***/
	.first-on-mobile {
	-webkit-order: 1;
	order: 1;
	}
	 
	.second-on-mobile {
	-webkit-order: 2;
	order: 2;
		}}
	/**two-columns**/
	@media only screen and (max-width: 980px) {
	 
	.two-columns .et_pb_column {
	width: 50%!important;
	}
	.four-columns .et_pb_column {
	width: 25%!important;
	}
	 
	}
	@media only screen and (max-width: 980px) {
		.three-columns .et_pb_column {
		width: 49%!important;
	}
	}
	 
	@media only screen and (max-width: 479px) {
		.three-columns .et_pb_column {
		width: 100%!important;
	}
	}
	
	/**woocommercekikkailuja**/
	.et-cart-info { display:none; }
	.wc-product-table img.product-table-image {
		width: auto !important;
	}
	@media only screen and (min-width: 768px) {
		#et-info { float:right !important; }
	}
	#top-header #et-info-email::after {
		content: top-navigation !important;
		font-size: 20px !important;
		font-family: oswald;
	}
	#main-header
	{
	background-color: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #e2e2e2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#e2e2e2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#e2e2e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
	}
		
	/*----------Overlapping Logo that Shrinks on Scroll----------*/
	 
	#et-info {
		float: right;
	}
	 .et_fixed_nav #top-header {
		position: fixed;
		z-index: 99998!important;
	}
	#logo {
		max-height: 140px !important;
		height: 140px !important;
		margin-top: -30px;
	padding-left: 2.3vw;
	}
	
	.et-fixed-header #logo {
		max-height: 100px !important;
		margin-top: 0px;
		height: 55px !important;
	
	} 
	 
	@media only screen and (max-width: 980px) {
		 
	#logo {
		max-height: 80px;
		height: 60px !important;
		margin-top: 0px;
		padding-left: 0vw !important;
		margin-left: -10% !important;
	}
		#top-header {
			display: none;
		}
	#et-info {
		float: none;
	}
	 
		}
	
	/****KUSTOM SOME IKONIT*****/
				/**FACE**/
	.et-social-facebook a.icon:before { 
		background: url('/wp-content/uploads/2020/04/face-1.svg'); 
		content: ''; 
		display: block;  
		background-repeat: no-repeat;
			filter: saturate(0%) brightness(60%);
			transition: 0.75s;
	}
			/**INSTA**/
	.et-social-instagram a.icon:before { 
		background: url('/wp-content/uploads/2020/04/insta-1.svg'); 
		content: ''; 
		display: block;  
		background-repeat: no-repeat;
			filter: saturate(0%) brightness(60%);
			transition: 0.75s;
	}
			/**TUBE**/
	.et-social-youtube a.icon:before { 
		background: url('/wp-content/uploads/2020/04/tube-1.svg'); 
		content: ''; 
		display: block;  
		background-repeat: no-repeat;  
		filter: saturate(0%) brightness(60%);
			transition: 0.75s;
	}
	/**HOVERIT*/
	.et-social-youtube a.icon:hover:before {
		filter: none;
	}
	.et-social-facebook a.icon:hover:before {
		filter: none;
	}
	.et-social-instagram a.icon:hover:before {
		filter: none;
	}
	/**SOME IKONIT END**/
	/**KIELIVALIKKO**/
	.et-social-icon.et-social-twitter a.icon:before {
		content: 'ENGLISH';
			font-family: oswald !important;
			color: #484946 !important;
			display: none;
	}
	.et-social-icon.et-social-rss a.icon:before {
		content: 'SUOMI';
		font-family: oswald !important;
			color: #ef8300 !important;
			display: none;
	}
	/**KIELIVALIKKO END**/
	#top-menu .menu-item-2347 {
	display: none;
	}
	
	/* when mobile menu is open, change hamburger icon to x icon */
	#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
		content: '\4d';
	}
	
	/* makes sub sub menu icon be right arrow instead of down arrow */
	#top-menu .menu-item-has-children .menu-item-has-children > a:first-child::after, 
	#et-secondary-nav .menu-item-has-children .menu-item-has-children > a:first-child::after {
		content: '5';	
	}
	
	/* - mobile menu toggling elements, injected via jQuery - */
	
	/* make menu list item be relative, to be able to position toggle within this item */
	#main-header #mobile_menu.et_mobile_menu .menu-item-has-children {
		position: relative;	
	}
	/* the new toggle element, which is added via jQuery */
	#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle {
		position: absolute;
		background-color: rgba(0,0,0,0.03);
		z-index: 1;
		width: 36px;
		height: 36px;
		line-height: 36px;
		border-radius: 50%;
		top: 4px;
		right: 4px;
		cursor: pointer;
		text-align: center;
	}
	/* the new toggle element when popped */
	#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped {
		background-color: rgba(0,0,0,0.1);
	}
	/* toggle icon */
	#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle::before {
		font-family: "ETmodules" !important;
		font-weight: normal;
		font-style: normal;
		font-variant: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		line-height: 36px;
		font-size: 24px;
		text-transform: none;
		speak: none;
		content: '\33';
	}
	/* toggle icon when triggered */
	#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped::before {
		content: '\32';
	}
	/* hide sub menus by default */
	#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle ~ ul.sub-menu {
		display: none !important;
		padding-left: 0;
	}
	/* show sub menu when triggered via jQuery toggle, and add slight bg color */
	#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped ~ ul.sub-menu {
		display: block !important;
		background-color: rgba(0,0,0,0.03);
	}
	/* remove sub menu list item left padding, since padding will be on anchors */
		#main-header #mobile_menu.et_mobile_menu li li {
		padding-left: 0;
	}
	
	/* adjust mobile menu anchors side paddings */
	#main-header #mobile_menu.et_mobile_menu li a {
		padding-left: 20px;
		padding-right: 20px;
	}
	/* indent sub menu */
	#main-header #mobile_menu.et_mobile_menu li li a {
		padding-left: 40px;
		padding-right: 20px;
	}
	/* indent sub sub menus further */
	#main-header #mobile_menu.et_mobile_menu li li li a {
		padding-left: 60px;
		padding-right: 20px;
	}
	/* if mobile menu anchor has toggle, make room for it to fit next to the link */
	#main-header #mobile_menu.et_mobile_menu .menu-item-has-children .sub-menu-toggle + a {
		padding-right: 44px;
	}
	
	/* - end mobile menu toggling elements - */
	
	/* undo Divi's default styling of mobile menu links that have children */
	#main-header #mobile_menu.et_mobile_menu .menu-item-has-children > a {
		background-color: transparent;
		font-weight: inherit;
	}
	
	/* make the current page's mobile menu link be different */
	#main-header #mobile_menu.et_mobile_menu li.current-menu-item > a {
		font-weight: bolder;
	}
	/*yläpalkki pois stickynä*/
	#top-header.et-fixed-header {
	z-index: 0;
	}
	#top-header {
	z-index: 0;
	}
	#main-header.et-fixed-header {
	top: 0 !important;
		transition: 0.15;
	}
	#main-header {
		transition: 0.25s
	}
	.woocommerce-product-attributes-item--attribute_caliber .woocommerce-product-attributes-item__label::after {
		content: '\e801' !important;
		font-family: 'fontello';
		font-size: 30px;
		  font-style: normal;
	  font-weight: normal;
		color: black !important;
		padding-left: 6px;
		}
	.woocommerce-product-attributes-item--attribute_weight .woocommerce-product-attributes-item__label::before {
		content: '\e807' !important;
		font-family: 'fontello';
		font-size: 30px;
		  font-style: normal;
	  font-weight: normal;
		color: black !important;
		}
	.woocommerce-product-attributes-item--attribute_caliber .woocommerce-product-attributes-item__label {
		color: white;
	}
	.woocommerce-product-attributes-item__label:hover {
		color:black;
		font-size: 16px;
		transition: 2s;
		margin-top: -50px !important;
	}
	.woocommerce-product-attributes-item__value {
		padding-left: 0px !important;
	}
	
	.woocommerce-product-attributes-item__label  {
		padding-right: 10px !important;
	width: 50px !important;
	}
	/**IKONIFONTIT**/
	/**FONTELLO**/
	@font-face {
	  font-family: 'fontello';
	  src: url('/wp-content/uploads/2020/04/fontello.eot?37354936');
	  src: url('/wp-content/uploads/2020/04/fontello.eot?37354936#iefix') format('embedded-opentype'),
		   url('/wp-content/uploads/2020/04/fontello.woff2?37354936') format('woff2'),
		   url('/wp-content/uploads/2020/04/fontello.woff?37354936') format('woff'),
		   url('/wp-content/uploads/2020/04/fontello.ttf?37354936') format('truetype'),
		   url('/wp-content/uploads/2020/04/fontello.svg?37354936#fontello') format('svg');
	  font-weight: normal;
	  font-style: normal;
	}
	/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
	/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
	/*
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	  @font-face {
		font-family: 'fontello';
		src: url('../font/fontello.svg?37354936#fontello') format('svg');
	  }
	}
	*/
	 
	 [class^="icon-"]:before, [class*=" icon-"]:before {
	  font-family: "fontello";
	  font-style: normal;
	  font-weight: normal;
		font-size: 30px;
	  speak: none;
	 
	  display: inline-block;
	  text-decoration: inherit;
	  width: 1em;
	  margin-right: .2em;
	  text-align: center;
	  /* opacity: .8; */
	 
	  /* For safety - reset parent styles, that can break glyph codes*/
	  font-variant: normal;
	  text-transform: none;
	 
	  /* fix buttons height, for twitter bootstrap */
	  line-height: 1em;
	 
	  /* Animation center compensation - margins should be symmetric */
	  /* remove if not needed */
	  margin-left: .2em;
	 
	  /* you can be more comfortable with increased icons size */
	  /* font-size: 120%; */
	 
	  /* Font smoothing. That was taken from TWBS */
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
		 
	 
	  /* Uncomment for 3D effect */
	  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
	}
	 
	.icon-added_lenth:before { content: '\e800'; } /* '' */
	.icon-caliber:before { content: '\e801'; } /* '' */
	.icon-diameter:before { content: '\e802'; } /* '' */
	.icon-finish:before { content: '\e803'; } /* '' */
	.icon-length:before { content: '\e804'; } /* '' */
	.icon-material:before { content: '\e805'; } /* '' */
	.icon-supression:before { content: '\e806'; } /* '' */
	.icon-weight:before { content: '\e807'; } /* '' */
	
	/***KALIIPERI DROPDOWN***/
	#fld_1361748_1.form-control
	{
		background-color:white;
			color: #ef8300;
		font-weight: bold;
		border-color: #ef8300;
		width: 160px;
			box-shadow: none !important;
		border-radius: 0px;
	}
	
	/****CALIBRE COMPATIBILITY****/
	/**Yhteensopivuus selitteet**/
	.harmaa {
	  height: 20px;
	  width: 20px;
	  background-color: #c6c6c6;
	  border-radius: 50%;
	  display: inline-block;
		margin-bottom: -27px;
		margin-left: -30px;
	}
	.keltainen {
	  height: 20px;
	  width: 20px;
	  background-color: #ffed00;
	  border-radius: 50%;
	  display: inline-block;
		margin-bottom: -27px;
		margin-left: -30px;
	}
	.vihrea {
	  height: 20px;
	  width: 20px;
	  background-color: #3aaa35 !important;
	  border-radius: 50%;
	display: inline-block;
		margin-bottom: -27px;
		margin-left: -30px;
	}
	.punainen {
	  width: 20px;
	  height: 20px;
		display: inline-block;
		margin-bottom: -27px;
		margin-left: -20px;
	}
	.punainen:before, .punainen:after {
	  position: absolute;
	  content: ' ';
	  height: 20px;
	  width: 3px;
	  background-color: #e30613;
	}
	.punainen:before {
	  transform: rotate(45deg);
	}
	.punainen:after {
	  transform: rotate(-45deg);
	}
	/****TAULUKKO KALIIPEREISTA****/
	/**YLEISET**/
	.leipis {
		font-size: 16px;
	}
	.soveltuvuustaulukko a:link {
			vertical-align: middle;
	display:inline-block;
	  vertical-align: top;
		padding-top: 5px !important;
			transition: 1s;
		color: black;
	}
	.soveltuvuustaulukko a:link {
		color:black;
	}
	.soveltuvuustaulukko a:visited {
		color: black;
	}
	.soveltuvuustaulukko a:hover {
		color: #ef8300 !important;
		transition: 1s;
	text-decoration: none !important;
	}
	/***SUOSITUS***/
	.suositus {
		font-size: 15px;
		line-height: 35px;
		height: 45px;
		margin: 0px;
		display: block;
		vertical-align: middle;
		border-top-style: solid;
		border-width: 1px;
		border-color: #ebebeb;
		}
	.suositus:before {
		vertical-align: middle;
		line-height: 35px;
		height: 35px;
	margin: 0px;
		display: inline-block;
	content:'•';
		color: #3aaa35;
		font-size: 46px;
		padding-right: 15px;
		}
	/***VOI KÄYTTÄÄ***/
	.voi_kayttaa {
		font-size: 15px;
		line-height: 35px;
		height: 45px;
		margin: 0px;
		display: block;
		vertical-align: middle;
		border-top-style: solid;
		border-width: 1px;
		border-color: #ebebeb;
		}
	.voi_kayttaa:before {
		vertical-align: middle;
		line-height: 35px;
		height: 35px;
	margin: 0px;
		display: inline-block;
	content:'•';
		color: #ffed00;
		font-size: 46px;
		padding-right: 15px;
		}
	/***TURVALLISTA KÄYTTÄÄ***/
	.turvallista_kayttaa {
		font-size: 15px;
		line-height: 35px;
		height: 45px;
		margin: 0px;
		display: block;
		vertical-align: middle;
		border-top-style: solid;
		border-width: 1px;
		border-color: #ebebeb;
		}
	.turvallista_kayttaa:before {
		vertical-align: middle;
		line-height: 35px;
		height: 35px;
	margin: 0px;
		display: inline-block;
	content:'•';
		color: #c6c6c6;
		font-size: 46px;
		padding-right: 15px;
		}
	/***EI SAA KÄYTTÄÄ***/
	.ei_saa_kayttaa {
		font-size: 15px;
		line-height: 35px;
		height: 45px;
		margin: 0px;
		display: block;
		vertical-align: middle;
		border-top-style: solid;
		border-width: 1px;
		border-color: #ebebeb;
		}
	.ei_saa_kayttaa a:link {
			vertical-align: middle;
	display:inline-block;
	  vertical-align: top;
		padding-top: 2px !important;
	}
	.ei_saa_kayttaa:before {
		vertical-align: middle;
		line-height: 35px;
		height: 35px;
	margin: 0px;
		display: inline-block;
	content:'×';
		font-weight: bold;
		color: #e30613;
		font-size: 36px;
		padding-right: 20px;
		padding-left: 2px;
		}
	
	/* **TOOLTIP HOVERI** */
	.tooltip .tooltiptext {
	  visibility: hidden;
	width: 120px;
	  background-color: #555;
	  color: #fff;
	  text-align: center;
	  padding: 5px 0;
	
	  /* Position the tooltip text */
	  position: absolute;
	  z-index: 1;
		right: 0px;
	
	  /* Fade in tooltip */
	  opacity: 0;
	  transition: opacity 0.3s;
	}
	/* Show the tooltip text when you mouse over the tooltip container */
	.tooltip:hover .tooltiptext {
	  visibility: visible;
	  opacity: 1;
	}
	/* **TOOLTIP TUOTESIVULLE** */
	.tooltuote .tooltuotetext {
	  visibility: hidden;
	width: 120px;
		height:35px;
	  background-color: #555;
	  color: #fff;
	  text-align: center;
	  padding: 2px 0;
	
	
	  /* Position the tooltip text */
	  position: absolute;
	  z-index: 1;
		right: 0px;
	
	  /* Fade in tooltip */
	  opacity: 0;
	  transition: opacity 0.3s;
	}
	/* Show the tooltip text when you mouse over the tooltip container */
	.tooltuote:hover .tooltuotetext {
	  visibility: visible;
	  opacity: 1;
	}
	/**HALKAISIJA*/
	.halkaisija {
		font-size: 13px;
		line-height: 35px;
		height: 35px;
		margin: 0px;
		display: block;
		vertical-align: middle;
		border-top-style: solid;
		border-width: 1px;
		border-color: #ebebeb;
		}
	.halkaisija b {
			vertical-align: middle;
	display:inline-block;
	  vertical-align: top;
		font-weight: normal !important;
	}
	.halkaisija:before {
		vertical-align: middle;
		line-height: 32px !important;
		height: 32px;
	margin: 0px;
		display: inline-block;
	content:'\e802';
		font-family: 'fontello';
		font-size: 25px;
		  font-style: normal;
	  font-weight: normal;
		color: black !important;
		padding-right: 10px;
		}
	/**LISÄTTYPITUUS**/
	.lisattypituus {
		font-size: 13px;
		line-height: 35px;
		height: 35px;
		margin: 0px;
		display: block;
		vertical-align: middle;
		border-top-style: solid;
		border-width: 1px;
		border-color: #ebebeb;
		}
	.lisattypituus b {
			vertical-align: middle;
	display:inline-block;
	  vertical-align: top;
		font-weight: normal !important;
	}
	.lisattypituus:before {
		vertical-align: middle;
		line-height: 32px !important;
		height: 32px;
	margin: 0px;
		display: inline-block;
	content:'\e800';
		font-family: 'fontello';
		font-size: 25px;
		  font-style: normal;
	  font-weight: normal;
		color: black !important;
		padding-right: 10px;
		}
	/**PITUUS**/
	.pituus {
			font-size: 13px;
		line-height: 35px;
		height: 35px;
		margin: 0px;
		display: block;
		vertical-align: middle;
		border-top-style: solid;
		border-width: 1px;
		border-color: #ebebeb;
		}
	.pituus b {
			vertical-align: middle;
	display:inline-block;
	  vertical-align: top;
		font-weight: normal !important;
	}
	.pituus:before {
		vertical-align: middle;
		line-height: 32px !important;
		height: 32px;
	margin: 0px;
		display: inline-block;
	content:'\e804';
		font-family: 'fontello';
		font-size: 25px;
		  font-style: normal;
	  font-weight: normal;
		color: black !important;
		padding-right: 10px;
		}
	/**MATERIAALI**/
	.materiaali {
		font-size: 13px;
		line-height: 35px;
		height: 35px;
		margin: 0px;
		display: block;
		vertical-align: middle;
		border-top-style: solid;
		border-width: 1px;
		border-color: #ebebeb;
		}
	.materiaali b {
			vertical-align: middle;
	display:inline-block;
	  vertical-align: top;
		font-weight: normal !important;
	}
	.materiaali:before {
		vertical-align: middle;
		line-height: 32px !important;
		height: 32px;
	margin: 0px;
		display: inline-block;
	content:'\e805';
		font-family: 'fontello';
		font-size: 25px;
		  font-style: normal;
	  font-weight: normal;
		color: black !important;
		padding-right: 10px;
		}
	/**PINNOITE**/
	.pinnoite {
		font-size: 13px;
		line-height: 35px;
		height: 35px;
		margin: 0px;
		display: block;
		vertical-align: middle;
		border-top-style: solid;
		border-width: 1px;
		border-color: #ebebeb;
		}
	.pinnoite b {
			vertical-align: middle;
	display:inline-block;
	  vertical-align: top;
		font-weight: normal !important;
	}
	.pinnoite:before {
		vertical-align: middle;
		line-height: 32px !important;
		height: 35px;
	margin: 0px;
		display: inline-block;
	content:'\e803';
		font-family: 'fontello';
		font-size: 25px;
		  font-style: normal;
	  font-weight: normal;
		color: black !important;
		padding-right: 10px;
		}
	/**KALIIPERI**/
	.kaliiperi {
		font-size: 13px;
		line-height: 20px !important;
		height: 30px;
		margin: 0px;
		display: block;
		vertical-align: middle;
		}
	.kaliiperi b {
			vertical-align: middle;
	display:inline-block;
	  vertical-align: top;
		padding-top: 6px !important;
		font-weight: normal !important;
	}
	.kaliiperi:before {
		vertical-align: middle;
		line-height: 32px !important;
		height: 32px;
	margin: 0px;
		display: inline-block;
	content:'\e801';
		font-family: 'fontello';
		font-size: 25px;
		  font-style: normal;
	  font-weight: normal;
		color: black !important;
		padding-right: 10px;
		}
	/**KALIIPERI 2**/
	.kaliiperi2 {
		font-size: 13px;
		line-height: 35px;
		height: 35px;
		margin: 0px;
		display: block;
		vertical-align: middle;
		border-top-style: solid;
		border-width: 1px;
		border-color: #ebebeb;
		}
	.kaliiperi2 b {
			vertical-align: middle;
	display:inline-block;
	  vertical-align: top;
		font-weight: normal !important;
	}
	.kaliiperi2:before {
		vertical-align: middle;
		line-height: 32px !important;
		height: 35px;
	margin: 0px;
		display: inline-block;
	content:'\e801';
		font-family: 'fontello';
		font-size: 25px;
		  font-style: normal;
	  font-weight: normal;
		color: black !important;
		padding-right: 10px;
		}
	/**PAINO 2**/
	.paino2 {
		font-size: 13px;
		line-height: 35px;
		height: 35px;
		margin: 0px;
		display: block;
		vertical-align: middle;
		border-top-style: solid;
		border-width: 1px;
		border-color: #ebebeb;
		}
	.paino2 b {
			vertical-align: middle;
	display:inline-block;
	  vertical-align: top;
		font-weight: normal !important;
	}
	.paino2:before {
			vertical-align: middle;
		line-height: 32px !important;
		height: 35px;
	margin: 0px;
		display: inline-block;
	content:'\e807';
		font-family: 'fontello';
		font-size: 25px !important;
		  font-style: normal;
	  font-weight: normal;
		color: black !important;
		padding-right: 10px;
		}
	/**PAINO**/
	.paino {
			font-size: 13px;
		line-height: 20px !important;
		height: 30px;
		margin: 0px;
		display: block;
		vertical-align: middle;
		}
	.paino b {
			vertical-align: middle;
	display:inline-block;
	  vertical-align: top;
		padding-top: 6px !important;
		font-weight: normal !important;
	}
	.paino:before {
		vertical-align: middle;
		line-height: 32px;
		height: 32px;
	margin: 0px;
		display: inline-block;
	content:'\e807';
		font-family: 'fontello';
		font-size: 25px !important;
		  font-style: normal;
	  font-weight: normal;
		color: black !important;
		padding-right: 10px;
		}
	/**VAIMENNUS 2**/
	.vaimennus2 {
		font-size: 13px;
		line-height: 35px;
		height: 35px;
		margin: 0px;
		display: block;
		vertical-align: middle;
		border-top-style: solid;
		border-width: 1px;
		border-color: #ebebeb;
		}
	.vaimennus2 b {
			vertical-align: middle;
	display:inline-block;
	  vertical-align: top;
		font-weight: normal !important;
	}
	.vaimennus2:before {
			vertical-align: middle;
		line-height: 32px !important;
		height: 35px;
	margin: 0px;
		display: inline-block;
	content:'\e806';
		font-family: 'fontello';
		font-size: 25px;
		  font-style: normal;
	  font-weight: normal;
		color: black !important;
		padding-right: 10px;
		}
	/**VAIMENNUS**/
	.vaimennus {
		font-size: 13px;
		line-height: 20px !important;
		height: 30px;
		margin: 0px;
		display: block;
		vertical-align: middle;
		}
	.vaimennus b {
			vertical-align: middle;
	display:inline-block;
	  vertical-align: top;
		padding-top: 6px !important;
		font-weight: normal !important;
	}
	.vaimennus:before {
		vertical-align: middle;
		line-height: 32px !important;
		height: 32px;
	margin: 0px;
		display: inline-block;
	content:'\e806';
		font-family: 'fontello';
		font-size: 25px;
		  font-style: normal;
	  font-weight: normal;
		color: black !important;
		padding-right: 10px;
		}
	/**KAUPAN IKONIT MOBIILISSA**/
	/*mobiilivaimennus*/
	@media only screen and (max-width: 479px)
	{.vaimennus:before {
		vertical-align: middle;
		line-height: 25px !important;
		height: 25px !important;
	margin: 0px;
		display: inline-block;
	content:'\e806';
		font-family: 'fontello';
		font-size: 15px;
		  font-style: normal;
	  font-weight: normal;
		color: black !important;
		padding-right: 5px;
		padding-left: 0px;
		}
	.vaimennus {
		font-size: 11px;
		line-height: 25px !important;
		height: 25px !important;
		margin: 0px;
		display: block;
		vertical-align: middle;
		}
	.vaimennus b {
			vertical-align: middle;
	display:inline-block;
	  vertical-align: top;
		padding-top: 1px !important;
		font-weight: normal !important;
	}}
	/*mobiilipaino*/
	@media only screen and (max-width: 479px)
	{.paino:before {
		vertical-align: middle;
		line-height: 25px;
		height: 25px!important;
	margin: 0px;
		display: inline-block;
	content:'\e807';
		font-family: 'fontello';
		font-size: 15px !important;
		  font-style: normal;
	  font-weight: normal;
		color: black !important;
		padding-right: 5px;
		padding-left: 0px;
		}
	.paino {
		font-size: 11px;
		line-height: 25px;
		height: 25px !important;
		margin: 0px;
		display: block;
		vertical-align: middle;
		}
	.paino b {
			vertical-align: middle;
	display:inline-block;
	  vertical-align: top;
		padding-top: 5px !important;
		font-weight: normal !important;
	}}
	/**kakkosrivi**/
	.kakkosrivi {
		margin-top: -5px;
		padding-left: 34px;
		line-height: 1.4em !important;
		height: 40px;
			font-size: 13px;
	}
	@media only screen and (max-width: 479px) {
		.kakkosrivi {
			margin-top: -2.5px;
		padding-left: 20px;
			font-size: 11px;
			height: 30px;
		}}
	/*mobiilikaliiperi*/
	@media only screen and (max-width: 479px)
	{.kaliiperi:before {
		vertical-align: middle;
		line-height: 25px;
		height: 25px;
	margin: 0px;
		display: inline-block;
	content:'\e801';
		font-family: 'fontello';
		font-size: 15px;
		  font-style: normal;
	  font-weight: normal;
		color: black !important;
		padding-right: 5px;
		padding-left: 0px;
		}
	.kaliiperi {
		font-size: 11px;
		line-height: 25px;
		height: 25px;
		margin: 0px;
		display: block;
		vertical-align: middle;
		}
	.kaliiperi b {
			vertical-align: middle;
	display:inline-block;
	  vertical-align: top;
		padding-top: 5px !important;
		font-weight: normal !important;
	}}


	.tuote-uutuus {
		color: #f58220;
		font-weight: bold;
		margin-bottom: 0.3em;
		text-transform: uppercase;
	  }
	  
	  .custom-product-fields {
		list-style: none;
		padding: 0;
		margin: 0.5em 0 0;
		font-size: 0.9em;
		color: #333;
	  }
	  
	  .custom-product-fields li {
		margin-bottom: 0.2em;
		display: flex;
		align-items: center;
	  }
	  
	  .custom-product-fields .icon {
		display: inline-block;
		width: 1.2em;
		text-align: center;
		margin-right: 0.3em;
		font-size: 1em;
	  }
	  .tuote-uutuus {
		font-weight: 600;
		text-decoration: underline;
		font-size: 25px;
		color: #ef8300 !important;
		font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif;
	}
	
	@media (max-width: 767px) {
	  ul.products {
		display: block !important;
	  }
	
	  ul.products li.product {
		width: 100% !important;
		margin-right: 0 !important;
	  }
	}
	
	
	.custom-product-fields {
	  list-style: none;
	  padding: 0;
	  margin: 0.5em 0 0;
	  font-size: 0.9em;
	  color: #333;
	}
	
	.custom-product-fields li {
	  margin-bottom: 0.2em;
	  display: flex;
	  align-items: center;
	}
	
	.custom-product-fields .icon {
	  display: inline-block;
	  width: 1.2em;
	  text-align: center;
	  margin-right: 0.3em;
	  font-size: 10px!important;
	}
	
	.woocommerce-LoopProduct-link  {
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	  border: 1px solid #ddd;
	  padding: 40px!important;
	  height: 100%;
	  position: relative;
	}
	
	.woocommerce-loop-product__title {
	 font-weight: 600;
		font-size: 25px;
		color: #484946 !important;
	
	
	}
	
	.custom-product-fields {
	  align-self: flex-start;
	
	  font-size: 0.9rem;
		margin-top: 50px !important;
	}
	
	.et_shop_image {
	  position: absolute;
	  right: 20px;
	  top: 50%;
	  transform: translateY(-50%);
	  width: 160px; /* adjust as needed */
	  text-align: center;
		z-index: 1;
	}
	
	.et_shop_image img {
	  max-width: 100%;
	  height: auto;
		z-index: 1;
	}
	
	@media (max-width: 767px) {
	  .et_shop_image {
		position: relative !important;
		transform: none !important;
		right: auto !important;
		top: auto !important;
		margin: 0 auto 10px auto !important;
		display: block;
		text-align: center;
	  }
	
	  .et_shop_image img {
		max-width: 100px !important; /* or your preferred size */
		height: auto !important;
		margin: 0 auto !important;
		display: block;
	  }
	}
	
	@media (max-width: 767px) {
	  .woocommerce-LoopProduct-link {
		padding: 1rem !important;
		z-index: 2;
		background-color: #fff;
	  }
	
	  .woocommerce-loop-product__title,
	  .custom-product-fields {
		text-align: center;
		z-index: 2;
		position: relative;
	  }
	}
	
	
	ul.products li.product {
	  position: relative;
	}
	
	ul.products li.product:hover {
	  background-color: #f4f4f4;
	}
	
	.et_shop_image {
	  z-index: -9001!important;
	}
	ul.products li.product {
	  transition: background-color 0.3s ease;
	}
	
	ul.products li.product {
	  z-index: 0;
	  overflow: hidden;
	}
	
	/*Make all products same height*/
	.woocommerce ul.products.columns-6 li.product {
	  min-height: 300px!important;
	}
	
	@media (min-width: 768px) {
	 
	   ul.products {
		  display: flex;
		  flex-wrap: wrap; 
	   }
	 
	   ul.products li.product {
		  display: flex;
		  flex-direction: column;
	   }
	 
	   ul.products li.product .button {
		  margin-top: auto;
			 width: 33%!important;
			 margin-right: 0%!important;
	   }
	 
	}
	
	
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
		margin-right: 0px!important;
		margin-bottom: 0px!important;
		
	}
	
	@media (max-width: 767px) {
	  .woocommerce-LoopProduct-link {
		flex-direction: column;
		padding: 10px!important;
		position: relative;
	  }
	
	  .et_shop_image {
		position: relative;
		width: 100%;
		max-width: 60px; /* smaller image on mobile */
		margin: 1em auto 0 auto; /* top margin and centered */
		text-align: center;
	  }
	
	  .et_shop_image img {
		max-width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
	  }
	
	  .custom-product-fields {
		margin-top: 1em !important;
		font-size: 0.85rem;
	  }
	
	  .woocommerce-loop-product__title {
		font-size: 1rem!important;
		text-align: center;
	  }
		
		
	
	  .tuote-uutuus {
		font-size: 0.6rem!important;
		text-align: center;
	  }
	}
	
	.notSuppressorProduct img {
		width: 70%!important;
		height: auto!important;
		object-fit: cover;
		  position: absolute;
	  right: 5px!important;
	  top: 23%!important;
	  transform: translateY(-41%);
	  width: 160px; /* adjust as needed */
	  text-align: center;
		z-index: 1;
	}
	
	
	@media (max-width: 767px) {
	  .notSuppressorProduct {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		position: relative;
	  }
	
	  .notSuppressorProduct img {
		width: 100%;
		max-width: 160px;
		height: auto;
		object-fit: contain;
		position: relative; /* Remove absolute */
		right: auto;
		top: auto;
		transform: none;
		z-index: 1;
		margin-bottom: 10px; /* spacing between image and title */
	  }
	
	  .notSuppressorProduct .woocommerce-loop-product__title {
		font-size: 16px !important;
		padding-top: 0 !important;
		margin-top: 0;
		z-index: 2;
		background: white; /* optional: make text stand out */
		padding: 5px;
	  }
	}
	
	.notSuppressorProduct .woocommerce-loop-product__title {
	  font-size: 22px !important;
	}
	
	.tuote-uutuus {
		font-weight: 600;
		text-decoration: underline;
		font-size: 25px;
		color: #ef8300 !important;
		font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif;
	}
	
	@media (max-width: 767px) {
	  ul.products {
		display: block !important;
	  }
	
	  ul.products li.product {
		width: 100% !important;
		margin-right: 0 !important;
	  }
	}
	
	
	.custom-product-fields {
	  list-style: none;
	  padding: 0;
	  margin: 0.5em 0 0;
	  font-size: 0.9em;
	  color: #333;
	}
	
	.custom-product-fields li {
	  margin-bottom: 0.2em;
	  display: flex;
	  align-items: center;
	}
	
	.custom-product-fields .icon {
	  display: inline-block;
	  width: 1.2em;
	  text-align: center;
	  margin-right: 0.3em;
	  font-size: 10px!important;
	}
	
	.woocommerce-LoopProduct-link  {
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	  border: 1px solid #ddd;
	  padding: 40px!important;
	  height: 100%;
	  position: relative;
	}
	
	.woocommerce-loop-product__title {
	 font-weight: 600;
		font-size: 25px;
		color: #484946 !important;
	
	
	}
	
	.custom-product-fields {
	  align-self: flex-start;
	
	  font-size: 0.9rem;
		margin-top: 50px !important;
	}
	
	.et_shop_image {
	  position: absolute;
	  right: 20px;
	  top: 50%;
	  transform: translateY(-50%);
	  width: 160px; /* adjust as needed */
	  text-align: center;
		z-index: 1;
	}
	
	.et_shop_image img {
	  max-width: 100%;
	  height: auto;
		z-index: 1;
	}
	
	@media (max-width: 767px) {
	  .et_shop_image {
		position: relative !important;
		transform: none !important;
		right: auto !important;
		top: auto !important;
		margin: 0 auto 10px auto !important;
		display: block;
		text-align: center;
	  }
	
	  .et_shop_image img {
		max-width: 100px !important; /* or your preferred size */
		height: auto !important;
		margin: 0 auto !important;
		display: block;
	  }
	}
	
	@media (max-width: 767px) {
	  .woocommerce-LoopProduct-link {
		padding: 1rem !important;
		z-index: 2;
		background-color: #fff;
	  }
	
	  .woocommerce-loop-product__title,
	  .custom-product-fields {
		text-align: center;
		z-index: 2;
		position: relative;
	  }
	}
	
	
	ul.products li.product {
	  position: relative;
	}
	
	ul.products li.product:hover {
	  background-color: #f4f4f4;
	}
	
	.et_shop_image {
	  z-index: -9001!important;
	}
	ul.products li.product {
	  transition: background-color 0.3s ease;
	}
	
	ul.products li.product {
	  z-index: 0;
	  overflow: hidden;
	}
	
	/*Make all products same height*/
	.woocommerce ul.products.columns-6 li.product {
	  min-height: 300px!important;
	}
	
	@media (min-width: 768px) {
	 
	   ul.products {
		  display: flex;
		  flex-wrap: wrap; 
	   }
	 
	   ul.products li.product {
		  display: flex;
		  flex-direction: column;
	   }
	 
	   ul.products li.product .button {
		  margin-top: auto;
			 width: 33%!important;
			 margin-right: 0%!important;
	   }
	 
	}
	
	
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
		margin-right: 0px!important;
		margin-bottom: 0px!important;
		
	}
	
	@media (max-width: 767px) {
	  .woocommerce-LoopProduct-link {
		flex-direction: column;
		padding: 10px!important;
		position: relative;
	  }
	
	  .et_shop_image {
		position: relative;
		width: 100%;
		max-width: 60px; /* smaller image on mobile */
		margin: 1em auto 0 auto; /* top margin and centered */
		text-align: center;
	  }
	
	  .et_shop_image img {
		max-width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
	  }
	
	  .custom-product-fields {
		margin-top: 1em !important;
		font-size: 0.85rem;
	  }
	
	  .woocommerce-loop-product__title {
		font-size: 1rem!important;
		text-align: center;
	  }
		
		
	
	  .tuote-uutuus {
		font-size: 0.6rem!important;
		text-align: center;
	  }
	}
	
	.notSuppressorProduct img {
		width: 70%!important;
		height: auto!important;
		object-fit: cover;
		  position: absolute;
	  right: 5px!important;
	  top: 23%!important;
	  transform: translateY(-41%);
	  width: 160px; /* adjust as needed */
	  text-align: center;
		z-index: 1;
	}
	
	
	@media (max-width: 767px) {
	  .notSuppressorProduct {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		position: relative;
	  }
	
	  .notSuppressorProduct img {
		width: 100%;
		max-width: 160px;
		height: auto;
		object-fit: contain;
		position: relative; /* Remove absolute */
		right: auto;
		top: auto;
		transform: none;
		z-index: 1;
		margin-bottom: 10px; /* spacing between image and title */
	  }
	
	  .notSuppressorProduct .woocommerce-loop-product__title {
		font-size: 16px !important;
		padding-top: 0 !important;
		margin-top: 0;
		z-index: 2;
		background: white; /* optional: make text stand out */
		padding: 5px;
	  }
	}
	
	.notSuppressorProduct .woocommerce-loop-product__title {
	  font-size: 22px !important;
	}
	
	@media screen and (max-width: 650px) {
		#page-container #main-content .woocommerce .product {
			width: 100%!important;
		}
	}
	
	.tuote-uutuus {
		font-weight: 600;
		text-decoration: underline;
		font-size: 25px;
		color: #ef8300 !important;
		font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif;
	}
	
	@media (max-width: 767px) {
	  ul.products {
		display: block !important;
	  }
	
	  ul.products li.product {
		width: 100% !important;
		margin-right: 0 !important;
	  }
	}
	
	
	.custom-product-fields {
	  list-style: none;
	  padding: 0;
	  margin: 0.5em 0 0;
	  font-size: 0.9em;
	  color: #333;
	}
	
	.custom-product-fields li {
	  margin-bottom: 0.2em;
	  display: flex;
	  align-items: center;
	}
	
	.custom-product-fields .icon {
	  display: inline-block;
	  width: 1.2em;
	  text-align: center;
	  margin-right: 0.3em;
	  font-size: 10px!important;
	}
	
	.woocommerce-LoopProduct-link  {
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	  border: 1px solid #ddd;
	  padding: 40px!important;
	  height: 100%;
	  position: relative;
	}
	
	.woocommerce-loop-product__title {
	 font-weight: 600;
		font-size: 25px;
		color: #484946 !important;
	
	
	}
	
	.custom-product-fields {
	  align-self: flex-start;
	
	  font-size: 0.9rem;
		margin-top: 50px !important;
	}
	
	.et_shop_image {
	  position: absolute;
	  right: 20px;
	  top: 50%;
	  transform: translateY(-50%);
	  width: 160px; /* adjust as needed */
	  text-align: center;
		z-index: 1;
	}
	
	.et_shop_image img {
	  max-width: 100%;
	  height: auto;
		z-index: 1;
	}
	
	@media (max-width: 767px) {
	  .et_shop_image {
		position: relative !important;
		transform: none !important;
		right: auto !important;
		top: auto !important;
		margin: 0 auto 10px auto !important;
		display: block;
		text-align: center;
	  }
	
	  .et_shop_image img {
		max-width: 100px !important; /* or your preferred size */
		height: auto !important;
		margin: 0 auto !important;
		display: block;
	  }
	}
	
	@media (max-width: 767px) {
	  .woocommerce-LoopProduct-link {
		padding: 1rem !important;
		z-index: 2;
		background-color: #fff;
	  }
	
	  .woocommerce-loop-product__title,
	  .custom-product-fields {
		text-align: center;
		z-index: 2;
		position: relative;
	  }
	}
	
	
	ul.products li.product {
	  position: relative;
	}
	
	ul.products li.product:hover {
	  background-color: #f4f4f4;
	}
	
	.et_shop_image {
	  z-index: -9001!important;
	}
	ul.products li.product {
	  transition: background-color 0.3s ease;
	}
	
	ul.products li.product {
	  z-index: 0;
	  overflow: hidden;
	}
	
	/*Make all products same height*/
	.woocommerce ul.products.columns-6 li.product {
	  min-height: 300px!important;
	}
	
	@media (min-width: 768px) {
	 
	   ul.products {
		  display: flex;
		  flex-wrap: wrap; 
	   }
	 
	   ul.products li.product {
		  display: flex;
		  flex-direction: column;
	   }
	 
	   ul.products li.product .button {
		  margin-top: auto;
			 width: 33%!important;
			 margin-right: 0%!important;
	   }
	 
	}
	
	
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
		margin-right: 0px!important;
		margin-bottom: 0px!important;
		
	}
	
	@media (max-width: 767px) {
	  .woocommerce-LoopProduct-link {
		flex-direction: column;
		padding: 10px!important;
		position: relative;
	  }
	
	  .et_shop_image {
		position: relative;
		width: 100%;
		max-width: 60px; /* smaller image on mobile */
		margin: 1em auto 0 auto; /* top margin and centered */
		text-align: center;
	  }
	
	  .et_shop_image img {
		max-width: 100%;
		height: auto;
		display: block;
		margin: 0;
	  }
	
	  .custom-product-fields {
		margin-top: 1em !important;
		font-size: 0.85rem;
	  }
	
	  .woocommerce-loop-product__title {
		font-size: 1rem!important;
		text-align: center;
	  }
		
		
	
	  .tuote-uutuus {
		font-size: 0.6rem!important;
		text-align: center;
	  }
	}
	
	.notSuppressorProduct img {
		width: 70%!important;
		height: auto!important;
		object-fit: cover;
		  position: absolute;
	  right: 5px!important;
	  top: 23%!important;
	  transform: translateY(-41%);
	  width: 160px; /* adjust as needed */
	  text-align: center;
		z-index: 1;
	}
	
	
	@media (max-width: 767px) {
	  .notSuppressorProduct {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		position: relative;
	  }
	
	  .notSuppressorProduct img {
		width: 100%;
		max-width: 160px;
		height: auto;
		object-fit: contain;
		position: relative; /* Remove absolute */
		right: auto;
		top: auto;
		transform: none;
		z-index: 1;
		margin-bottom: 10px; /* spacing between image and title */
	  }
	
	  .notSuppressorProduct .woocommerce-loop-product__title {
		font-size: 16px !important;
		padding-top: 0 !important;
		margin-top: 0;
		z-index: 2;
		background: white; /* optional: make text stand out */
		padding: 5px;
	  }
	}
	
	.notSuppressorProduct .woocommerce-loop-product__title {
	  font-size: 22px !important;
	}
	
	.tuote-uutuus {
		font-weight: 600;
		text-decoration: underline;
		font-size: 25px;
		color: #ef8300 !important;
		font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif;
	}
	
	@media (max-width: 767px) {
	  ul.products {
		display: block !important;
	  }
	
	  ul.products li.product {
		width: 100% !important;
		margin-right: 0 !important;
	  }
	}
	
	
	.custom-product-fields {
	  list-style: none;
	  padding: 0;
	  margin: 0.5em 0 0;
	  font-size: 0.9em;
	  color: #333;
	}
	
	.custom-product-fields li {
	  margin-bottom: 0.2em;
	  display: flex;
	  align-items: center;
	}
	
	.custom-product-fields .icon {
	  display: inline-block;
	  width: 1.2em;
	  text-align: center;
	  margin-right: 0.3em;
	  font-size: 10px!important;
	}
	
	.woocommerce-LoopProduct-link  {
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	  border: 1px solid #ddd;
	  padding: 40px!important;
	  height: 100%;
	  position: relative;
	}
	
	.woocommerce-loop-product__title {
	 font-weight: 600;
		font-size: 25px;
		color: #484946 !important;
	
	
	}
	
	.custom-product-fields {
	  align-self: flex-start;
	
	  font-size: 0.9rem;
		margin-top: 50px !important;
	}
	
	.et_shop_image {
	  position: absolute;
	  right: 20px;
	  top: 50%;
	  transform: translateY(-50%);
	  width: 160px; /* adjust as needed */
	  text-align: center;
		z-index: 1;
	}
	
	.et_shop_image img {
	  max-width: 100%;
	  height: auto;
		z-index: 1;
	}
	
	@media (max-width: 767px) {
	  .et_shop_image {
		position: relative !important;
		transform: none !important;
		right: auto !important;
		top: auto !important;
		margin: 0 auto 10px auto !important;
		display: block;
		text-align: center;
	  }
	
	  .et_shop_image img {
		max-width: 100px !important; /* or your preferred size */
		height: auto !important;
		margin: 0 auto !important;
		display: block;
	  }
	}
	
	@media (max-width: 767px) {
	  .woocommerce-LoopProduct-link {
		padding: 1rem !important;
		z-index: 2;
		background-color: #fff;
	  }
	
	  .woocommerce-loop-product__title,
	  .custom-product-fields {
		text-align: center;
		z-index: 2;
		position: relative;
	  }
	}
	
	
	ul.products li.product {
	  position: relative;
	}
	
	ul.products li.product:hover {
	  background-color: #f4f4f4;
	}
	
	.et_shop_image {
	  z-index: -9001!important;
	}
	ul.products li.product {
	  transition: background-color 0.3s ease;
	}
	
	ul.products li.product {
	  z-index: 0;
	  overflow: hidden;
	}
	
	/*Make all products same height*/
	.woocommerce ul.products.columns-6 li.product {
	  min-height: 300px!important;
	}
	
	@media (min-width: 768px) {
	 
	   ul.products {
		  display: flex;
		  flex-wrap: wrap; 
	   }
	 
	   ul.products li.product {
		  display: flex;
		  flex-direction: column;
	   }
	 
	   ul.products li.product .button {
		  margin-top: auto;
			 width: 33%!important;
			 margin-right: 0%!important;
	   }
	 
	}
	
	
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
		margin-right: 0px!important;
		margin-bottom: 0px!important;
		
	}
	
	@media (max-width: 767px) {
	  .woocommerce-LoopProduct-link {
		flex-direction: column;
		padding: 10px!important;
		position: relative;
	  }
	
	  .et_shop_image {
		position: relative;
		width: 100%;
		max-width: 60px; /* smaller image on mobile */
		margin: 1em auto 0 auto; /* top margin and centered */
		text-align: center;
	  }
	
	  .et_shop_image img {
		max-width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
	  }
	
	  .custom-product-fields {
		margin-top: 1em !important;
		font-size: 0.85rem;
	  }
	
	  .woocommerce-loop-product__title {
		font-size: 1rem!important;
		text-align: center;
	  }
		
		
	
	  .tuote-uutuus {
		font-size: 0.6rem!important;
		text-align: center;
	  }
	}
	
	.notSuppressorProduct img {
		width: 70%!important;
		height: auto!important;
		object-fit: cover;
		  position: absolute;
	  right: 5px!important;
	  top: 23%!important;
	  transform: translateY(-41%);
	  width: 160px; /* adjust as needed */
	  text-align: center;
		z-index: 1;
	}
	
	
	@media (max-width: 767px) {
	  .notSuppressorProduct {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		position: relative;
	  }
	
	  .notSuppressorProduct img {
		width: 100%;
		max-width: 160px;
		height: auto;
		object-fit: contain;
		position: relative; /* Remove absolute */
		right: auto;
		top: auto;
		transform: none;
		z-index: 1;
		margin-bottom: 10px; /* spacing between image and title */
	  }
	
	  .notSuppressorProduct .woocommerce-loop-product__title {
		font-size: 16px !important;
		padding-top: 0 !important;
		margin-top: 0;
		z-index: 2;
		background: white; /* optional: make text stand out */
		padding: 5px;
	  }
	}
	
	.notSuppressorProduct .woocommerce-loop-product__title {
	  font-size: 22px !important;
	}
	
/* Applies when screen width is less than 1280px */
@media screen and (max-width: 1800px) {
	.woocommerce-page.columns-3 ul.products li.product,
	.woocommerce.columns-3 ul.products li.product {
	  width: 50% !important;
	}
  }
  
  /* Applies when screen width is less than 650px */
  @media screen and (max-width: 767px) {
	#page-container #main-content .woocommerce .product {
	  width: 100% !important;
	}
  }
  
	
	.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
    display: block;
    margin: 0 auto 9px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
	padding-top: 1em;
}

.et-social-icons {
	display: none!important;
}
	
	
	
.product-downloads {
	margin-top: 2em;
  }
  
  .product-downloads-table {
	width: 100%;
	border-collapse: collapse;
  }
  
  .product-downloads-table th,
  .product-downloads-table td {
	border: 1px solid #ddd;
	padding: 12px;
	text-align: left;
  }
  
  .product-downloads-table th {
	background: #f7f7f7;
	font-weight: bold;
  }
  
  .product-downloads-table tr:nth-child(even) {
	background: #fafafa;
  }
  
  .product-downloads .download-btn {
	display: inline-block;
	padding: 6px 12px;
	background: #2c6ed5;
	color: #fff;
	text-decoration: none;
	border-radius: 4px;
  }
  
  .product-downloads .download-btn:hover {
	background: #1b4fa3;
  }

/* Subtitle styling under product title */
.woocommerce-loop-product__subtitle {
    display: block;
    font-size: 1rem;      /* slightly smaller than title */
    color: #484946;             /* softer color than title */
    margin-top: 1px;         /* spacing under title */
    line-height: 1.2;        /* improves readability */
    max-width: 100%;         /* ensures it doesn't overflow container */
    word-wrap: break-word;   /* breaks long words to next line */
	font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif;
}

/* Optional: limit height for very long subtitles */
.woocommerce-loop-product__subtitle {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;   /* show max 2 lines */
    -webkit-box-orient: vertical;
}