@charset "UTF-8";

/* HAKU */

.dgwt-wcas-search-wrapp {
  width: 100% !important;
}

#dgwt-wcas-search-input-1 {
	background-color: #f3d722;
	 width: 100% !important;
    color: #000 !important;
    border: 0px !important;
	font-family: 'Exo 2', sans-serif;
	font-weight: 700;    
}

#dgwt-wcas-search-input-1:hover {
	background-color: #FFFFFF;
}

#dgwt-wcas-search-input-1:active {
	background-color: #FFFFFF;
}

.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::placeholder {
    opacity: 1!important;
    font-style: normal !important;
    color:black!important;
}
.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::-webkit-input-placeholder {
    opacity: 1!important;
    font-style: normal !important;
    color:black!important;
}
.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:-moz-placeholder {
    opacity: 1!important;
    font-style: normal !important;
    color:black!important;
}
.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::-moz-placeholder {
    opacity: 1!important;
    font-style: normal !important;
    color:black!important;
}
.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:-ms-input-placeholder {
    opacity: 1!important;
    font-style: normal !important;
    color:black!important;
}

.dgwt-wcas-ico-magnifier, .dgwt-wcas-ico-magnifier-handler {
    font-size: 18px;
    line-height: 18px;
    height: 18px;
    color: #000000 !important;
}

.dgwt-wcas-search-submit {
	font-family: 'Exo 2', sans-serif;
	font-weight: 700;
	background-color: #000;
	border: 1px solid #000;
}

::placeholder {
  color: #000000 !important;
}

/* postituslista */

.indicates-required, span.asterisk{
	color: #f3d722;
}

/* YLEISET - BUTTON */

.added_to_cart {
	color: #FFF !important;
	background: #000;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 700;
    font-size: 0.7em !important;
	padding-top: 4px !important;
    margin: 0px !important;
    width: 100%;
}

.product_type_simple {
    margin-top: 15px;
}

.alert_wrapper input[type='email'] {
    	border: 1px solid #f3d722;
	color: #000;
	background: #FFF;
	display: inline-block;
    color: gray;
    width: 100%;
    font-size: 0.8em;
    text-align: center;
}

.alert_wrapper input[type='submit'] {
    	border: 2px solid #f3d722;
	color: #000;
	background: #f3d722;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
    font-size: 0.8em;
    width: 100%;
}

.alert_wrapper input[type='submit']:hover {
    	border: 2px solid #f3d722;
	color: #000;
	background: #FFF;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
    font-size: 0.8em;
}

.btn, .btn-keltainen, .add_to_cart_button, .checkout-button, button.button, input.pm-difl, .woocommerce-form-login__submit{
	border: 2px solid #f3d722;
	color: #000;
	background: #f3d722;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
    font-size: 0.8em;
}

.shipping-calculator-button {
    border: 2px solid #000;
	color: #fff !important;
	background: #000;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
    font-size: 0.8em;
     padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
   
}

.shipping-calculator-button:hover {
	border: 2px solid #f3d722;
	background: #FFF;
    color: #000 !important;
}

.btn:hover, .btn-keltainen:hover, .add_to_cart_button:hover, .checkout-button:hover, button.button:hover {
	border: 2px solid #f3d722;
	background: #FFF;
}

.single_add_to_cart_button, .wc-forward {
    height: 40px;
}

.wc-forward {
    padding-top: 10px;
}

button.woocommerce_checkout_place_order {
font-size: 16px !important;
font-weight: 900;
padding-top: 5px !important;
padding-bottom: 10px;
}

.woocommerce-message .wc-forward {
    color: #f7d840 !important;
}

button.alt, a.alt, .ajax_add_to_cart {
    width: 100%;
}

a.button {
    color: #585858;
    font-size: 0.7em;
}

.btn-group {
	border: 2px solid #f3d722;
	font-family: inherit;
	font-size: inherit;
	font-size: 0.8em;
	color: #000;
	background: #f3d722;
	padding: 10px 10px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	width: 100%;
}

.btn-group:hover {
	border: 2px solid #f3d722;
	background: #FFF;
}

.add_to_cart_button_tuotesivu:hover {
	border: 2px solid #f3d722;
	background: #FFF;
}

.wpfFilterButton {
	font-family: 'Exo 2', sans-serif;
	font-weight: 700;
	font-size: 0.8em;
	text-transform: uppercase;
	background-color: #f3d722;
	border: 2px solid #f3d722;
}

.wpfFilterWrapper .wpfCollapsible {
font-size: 0.8em;
color: black;
}

.wpfFilterButton:hover {
	background-color: #FFFFFF;
	border: 2px solid #f3d722;
}

.wpfClearButton {
	font-family: 'Exo 2', sans-serif;
	font-weight: 700;
	font-size: 0.8em;
	text-transform: uppercase;
	background-color: #FFFFFF;
	border: 2px solid #f3d722;
}

.wpfClearButton:hover {
	background-color: #f3d722;
	border: 2px solid #f3d722;
}

.tuotelooppi .button, .lisaaostoskoriinnappi .button, li.product-type-simple .button {
    width: 100%;
    margin-bottom: 10px;
}

/* YLEISET */

ul.woocommerce-error {

display: list-item !important;

}

.restore-item {
color: #f3d722 !important;
}

.shipping-calculator-button {
    display:none !important;
}

.woocommerce-Input--text {
    width: 400px;
    background-color: #f3d722;
    color: #000;
    border: 0px !important;
}

span.amount {
    padding-bottom: 10px;
}

.entry-header h1 {
    text-transform: uppercase;
padding-top: 2em;
    margin: auto;
}


.logintoseeprices {
	color: #760000;
}

abbr {
	font-size: 0.9em;
	color: #000;
	font-weight: 800;
	border: 0px;
}

abbr span, div.tip div {
  position:absolute;
	color: #FFF;
  display:none;
  z-index:10;
  padding:2px 4px 0; margin:1.5em 0 0 8px;
  max-width:0px;
  border-radius:3px;
  background:linear-gradient(#3b3b3b, #000000);
  visibility:hidden; opacity:0;
  -webkit-transition:
    visibility 2s linear,
    opacity 2s linear;
  transition:
    visibility 2s linear,
    opacity 2s linear;
  }

abbr:hover span, div.tip:hover div {
  display:inline-block;
  max-width:300px;
  visibility:visible; opacity:1;
  -webkit-transition-delay:0s;
  transition-delay:0s;
  }


.woocommerce-info {
	background-color: transparent !important;
	font-weight: 700;
    
}

.alepros {
	color: #FFFFFF;
	font-weight: 900;
}

.margintop {
	margin-top: 10px;
}

.woocommerce-message, .instock_message {
	color: #ffffff;
	background-color: #1f7839 !important;
	border-top: 2px dashed #FFFFFF;
    border-bottom: 2px dashed #FFFFFF;

	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1em;
	font-weight: 700;
	padding: 10px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.instock_message {
    font-size: 0.8em;
    border: 0px !important;
    text-align: center;
}

.woocommerce-message a.button {
    font-size: 1em !important;
    padding-right: 10px;
}

.woocommerce-error {
	width: 100%;
	color: #FFFFFF;
	background-color: #810000 !important;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.9em;
	font-weight: 500;
	padding: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
    margin-left: 0px;
}

p, h1, h2, h3, h4, h5, h6, span, th, td, tr {
	font-family: 'Exo 2', sans-serif;
}

.entry-content h4 {
    font-size: 18px;
}

.entry-content h2 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 900;
}


h4, .woocommerce-loop-product__title {
	font-size: 0.9em;
	text-transform: uppercase;
}

.grid-container {
    display: grid;
}

.grid-container-etusivu {
    display: grid;	
	align-content: space-between;
}



.grid-container--fill {
    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
}

.grid-container20--fill {
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
}

.grid-container33--fill {
    grid-template-columns: repeat(auto-fill, minmax(33%, 1fr));
}

.grid-container50--fill {
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
}

.grid-container65--fill {
    grid-template-columns: repeat(auto-fill, minmax(65%, 1fr));
}


li.type-product {
	text-align: center;
	position: relative;
}

li.product:hover {
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 81%, rgba(240,240,240,1) 100%);
	transition: 0.3s;
}

li.product img {
	mix-blend-mode: multiply;
}

.tuoteryhmakuva {
	width: 100%;
background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 81%, rgba(240,240,240,1) 100%);
	padding-top: 20px;
	padding-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;	

}

.tuoteryhmakuva img {
  mix-blend-mode: multiply;
}

.attachment-woocommerce_thumbnail, .woocommerce-placeholder {
	width: 80%;
	margin: auto;
}


span.onsale {
	position: absolute;
  	right: 0;
	top: 0;
   	background-color: #990000;
	color: #FFFFFF;
	padding: 3px;
	font-size: 0.8em !important;
	padding-left: 10px;
	padding-right: 10px;
	z-index: 9;
	border-radius: 2px;
}

span.onsale:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 11px solid transparent;
	border-top-color: #990000;
	border-bottom: 0;
	border-left: 0;
	margin-left: -5.5px;
	margin-bottom: -11px;
}


hr {
    border: 0;
    height: 1px;
    background: #e8e8e8;
    background-image: linear-gradient(to right, #f4f4f4, #eeeeee, #f4f4f4);
}

ins {
	background-color: transparent !important;
	font-weight: 800;
	color: #990000;
}

del {
	color: #888888;
	font-size: 0.8em;
	font-weight: 500;
	margin-right: 5px;
}

a:link {
	color: #000;
 	 text-decoration: none;
 	 letter-spacing: 0.05em;
 	 display: inline-block;
 	 position: relative;
	text-align: center;
}

.dgwt-wcas-suggestion-more {
    color: #000;
}

a:visited {
	color: #000;
}

a:hover {
	color: #000;
}

#primary a:link {
	color: #000;
    text-decoration: underline;
}

#primary a:visited {
	color: #000;
}

#primary a:hover {
	color: #000;
}

.white {
	color: #FFF;
}


a.tuotelinkki {
	color: #000;
  text-transform: uppercase;
	font-family: 'Exo 2', sans-serif;
	font-weight: 700;
  text-decoration: none;
  display: inline-block;
  position: relative;
	text-align: center;
}

a.tuotelinkki:visited {
	color: #000;
}

a.tuotelinkki:hover {
	color: #000;
}

a.tuotelinkki:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #000;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}

a.tuotelinkki:hover:after { 
  width: 100%; 
  left: 0; 
}

/* ETUSIVU */

.tukkuetusivu {
	width: 100%;
    margin-top: 5px;
}

.tukkuetusivu h1 {
    color: white;
}

.tukkuetusivu p {
    color: white;
}

.tukkuetusivu a:link {
	color: #f7d840;
}

.tukkuetusivu a:visited {
	color: #f7d840;
}

.tukkuetusivu a:hover {
	color: #FFF;
}

.tukkuotsikko {
	max-width: 70%;
}

.aukiolo {
	font-weight: 900;
	padding-top: 10px;
	color: #000;
    font-size: 2em;
}

.sijaintiosoite {
	font-weight: 600;
}

p.sijaintikartalla {
    padding-bottom: 20px;
}

.sijaintiesittely {
	font-weight: 400;
	font-size: 0.8em;
}

.lupausikoni {
	max-height: 150px;
	height: 150px;
}

.etusivu-sijainnit {
	width: 100%;
	background: #f2f2f2;
    padding-top: 4em;
    padding-bottom: 2em;
    border-bottom: 20px dashed #FFFFFF;	
    
}


span.sijaintispan {
	background-color: #000000;
	padding: 5px;
	color: #f7d840;
	font-size: 1.2em;
	font-weight: 700;
	text-transform: uppercase;
}

.etusivu-sijainnit-grid {
	display: grid;
  	grid-template-columns: 10% 20% 20% 20% 20% 10%;
    text-align: center;
    padding-bottom: 20px;
}

.etusivu-lupaukset {
	background-color: #464646;
    padding-top: 10em;
    padding-bottom: 10em;
	text-align: center;
	border-top: 20px dashed #FFFFFF;
	border-bottom: 20px dashed #f2f2f2;	
min-height: 100%;
}

.etusivu-lupaukset-grid {
	display: grid;
  	grid-template-columns: auto 18% 18% 18% 18% 18% auto;
    text-align: center;
}

.etusivu-lupaukset h1 {
	color: #f7d840;
	padding: 0;
	margin: 0;
}
.etusivu-lupaukset h5 {
	color: #ffffff;
	padding: 0;
	margin: 0;
	font-size: 1.4em;
	text-transform: uppercase;
}

.etusivu-lupaukset p {
	color: #C1C1C1;
	font-size: 0.9em;
	text-transform: uppercase;
	letter-spacing: 1px;
    padding: 5px;
    padding-top: 10px;

}

span.otsikko {
	font-weight: 700;
	border: 1px solid #eeeeee;
	padding: 10px;
	padding-left: 30px;
	padding-right: 30px;
	background-color: #4a4a49;
	text-transform: uppercase;
	font-size: 1.1em;
	color: white;
}

a.woocommerce-LoopProduct-link {
	color: #000000;
}

a.woocommerce-LoopProduct-link:hover {
	color: #000000;
}

a.woocommerce-LoopProduct-link:visited {
	color: #000000;
}


.woocommerce-form-coupon-toggle {
	background: #505050;
	border: 1px solid #eeeeee;
    color: #fff;
	border-radius: 3px;
	border-top: 5px solid #f7d840;
	padding-top: 10px;
	padding-bottom: 10px;
    text-align: center;
}

.showcoupon {
	color: #f3d722 !important;
}


.tuotesivu_tiedot h1.product_title {
    text-align: left !important;
}

.etusivu-tarjoustuotteet {

}

.tuotesivu-main h1 {
	color: #000;
	text-align: center;
	font-weight: 600;
	font-size: 1.2em;
	letter-spacing: 1px;
	padding-bottom: 20px;
	padding-top: 20px;
}

.etusivu-tarjoustuotteet h3 {
	color: #000;
	text-align: center;
	font-weight: 400;
	font-size: 1.1em;
	letter-spacing: 1px;
	padding-bottom: 20px;
	padding-top: 20px;
}

/* HEADER */

#masthead {
	background-color: #f3d722;
}

#masthead a {
	color: #000;
	font-family: 'Exo 2', sans-serif;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

#masthead a:visited {
	color: #000;
}

#masthead a:hover {
	color: #000;
}

#masthead a:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #000;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
#masthead a:hover:after { 
  width: 100%; 
  left: 0; 
}

.header-ylin {
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: 'Exo 2', sans-serif;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	text-align: right;
}

.header-valit {
	margin-right: 20px;
}

.header-ylin-mob {
	display: none;
}    
    

.headerhaku {
    width: 100%;
	display: grid;
  	grid-template-columns: 25% 50% 25%;    
}

    
.headerhaku-mobile {
        display: none;
    }   

.site-branding {
	width: 100%;
	height: auto;
	display: grid;
  	grid-template-columns: auto auto;
}

.site-branding-header-mobile {
    display: none;
}

.site-branding-menu-mobile {
    display: none;
}

.cross-sells-grid {
	width: 100%;
	height: auto;
	display: grid;
  	grid-template-columns: 20% 20% 20% 20% 20%;	
}

.valikko {
	display: flex;
	align-items: center;
	justify-content: center;	
}

.mslogo {
	max-height: 100px;
	height: 100px;
	position: relative;
	padding-left: 10px;
}

.mslogolinkki {
  background: none;
  transition: none;
}

.ylaikoni {
	max-height: 12px;
	height: 12px;
	margin-right: 10px;
}



/* FOOTER */

.footer-sisalto {
    background-color: #4b4b4a;
	width: 100%;
    padding: 0;
    margin-left: !important;
    position: relative;
	top: -30px;
}

.footer-sisalto:before {
    display: block;
    content: "";
    width: 100%;
    height: 20px;
    background: linear-gradient(45deg, #4b4b4a 25%, transparent 25%), linear-gradient(-45deg, #4b4b4a 25%, transparent 25%);
    background-size: 20px 20px;
    background-position: -50px;
    position: absolute;
    top: -20px;
    left: 0;
}

.footer-sisalto-some {
    background-color: #333333;
	max-width: 100%;
	height: 250px;
	display: flex;
	align-items: center;
	justify-content: center;	
    padding: 0;
	padding-bottom: 30px;
    margin-left: !important;
    position: relative;
}


.footer-sisalto-some:before {
    display: block;
    content: "";
    width: 100%;
    height: 20px;
    background: linear-gradient(45deg, #333333 25%, transparent 25%), linear-gradient(-45deg, #333333 25%, transparent 25%);
    background-size: 20px 20px;
    background-position: -50px;
    position: absolute;
    top: -20px;
    left: 0;
}

.footer-sisalto-some h1 {
	color: #f3d722;
}


.footersarake h5 {
	color: #f3d722;
	font-size: 1.3em;
	text-transform: uppercase;
	padding-bottom: 20px;
}

.footersarake p {
	color: #aeaeae;
	font-size: 0.9em;
}

.footersarake {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
}

#colophon a {
	color: #FFF;
	font-family: 'Exo 2', sans-serif;
  	text-decoration: none;
  	display: inline-block;
  	position: relative;
}

#colophon a:visited {
	color: #FFF;
}

#colophon a:hover {
	color: #FFF;
}

#colophon a:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #f3d722;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}

#colophon a:hover:after { 
  width: 100%; 
  left: 0; 
}

#colophon ul {
	list-style-type: none !important;
  	margin: 0;
  	padding: 0;
	font-size: 0.9em;
}

#colophon .someikoni {
    color: #FFFFFF;
	max-height: 30px;
	padding-left: 20px; 
	padding-right: 20px;
}

#colophon {
	margin-top: 40px;
    margin-bottom: 0px;
	
}

/* TUOTERYHMÄ */

.saatavuusryhma {
	display: grid;
  	grid-template-columns: auto;
}

.saatavuusryhmasarake {
	width: 100%;
	font-size: 0.8em;
	background-color: #f1f1f1;
    border: 1px dotted #dedede;
	color: #000;
	text-align: center;
}

.wpfSelectedParameters {
	font-size: 0.8em;
	color: #888888;
}

.varastossatuoteryhma {
	color: #000;
    font-weight: 700;

}

h2.woocommerce-loop-product__title {
	margin-bottom: 15px;
	z-index: 9;
    line-height: normal;
}


.tuoteryhma_hinta {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;	
}

span.price {
	margin-top: 15px;
	font-weight: 700;
}

nav.woocommerce-pagination {
  display: flex;
  flex-direction: row; 
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
	overflow:visible!important
        width: 100%;
}
nav.woocommerce-pagination ul{
  list-style:none;
  text-align:center;
  text-decoration:none;
  margin:2rem auto;
}
nav.woocommerce-pagination li span.current,nav.woocommerce-pagination li a{
width:40px;
height:40px;
line-height:40px;
display:inline-block;
}
nav.woocommerce-pagination li{
	color:#000;
	background:#fff;
	float:left;
}
nav.woocommerce-pagination li a{
	color:#888888;
  text-decoration:none;
	font-size: 0.9em;
}
nav.woocommerce-pagination li span.current,nav.woocommerce-pagination li:hover{
	background-color: #f3d722;
	color: #000000;
}
nav.woocommerce-pagination li span.current{
	color:#000;
}
nav.woocommerce-pagination li a.next{
	width:auto!important;
	padding:0 2rem 0 0.8rem!important;
  	position:relative;
}
nav.woocommerce-pagination li a.prev{
	width:auto!important;
	padding:0 0.8rem 0 2rem!important;
  	position:relative;
}
.next:after,.prev:before {
  content:'';
  position:absolute;
  font-family:FontAwesome;
  font-weight:400;
}
.prev:before{
	left:.5rem;
}
.next:after{
	right:.5rem;
}

.woocommerce-ordering {
	text-align: right;
}

.orderby {
	background-color: #FFF;
	border: 1px solid #eeeeee;
	font-family: 'Exo 2', sans-serif;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 0.8em;
}

.woocommerce-result-count {
	font-size: 0.8em;
	color: #888888;
	text-align: right;
}


.input-text {
	padding: 10px;
	height: 40px;
}

.wfpTitle, .wfpDescription {
	font-family: 'Exo 2', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 0.8em;
}

.wpfValue {
	
	font-family: 'Exo 2', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 0.7em;
}

.wpfColorsFilter .wpfColorsFilterHor .wpfColorsRow {
	padding: 0px;
	margin: 0px;
}

.tuoteryhmasivu {
 	display: grid;
  	width: 100%;
  	grid-template-columns: 20% 1fr;
}

summary {
	font-family: 'Exo 2', sans-serif;
	font-size: 0.7em;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.tilausyhteenveto {
 	display: grid;
  	width: 100%;
  	grid-template-columns: 50% 1fr;
}

.tuotelooppi {
	padding: 10px;
	position: relative;
    text-align: center;

}

.tuotelooppi h4{
    font-size: 12px !important;

}

.tuoteryhmasivu-main {
	width: 60%;
	margin: auto;
}

.tuoteryhmasivupalkki {
	padding-right: 0.5em;
}

.tuoteryhmasivu_sisalto {
	padding-left: 0.5em;
}

nav.woocommerce-breadcrumb {
	text-align: left;
	color: #000;
	text-transform: uppercase;
	font-size: 0.6em;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	letter-spacing: 1px;
	font-weight:500;
	padding-top: 1.2em;
	padding-bottom: 1.2em;	
	text-align: center;
 background: repeating-linear-gradient(
    90deg,
    #f9f9f9,
    #f9f9f9 2px,
    #FFFFFF 2px,
    #FFFFFF 5px
  );    
}

.woocommerce-breadcrumb a {
	color: #000;
  display: inline-block;
  position: relative;
	text-align: center;
}

.woocommerce-breadcrumb a:visited {
	color: #000;
}

.woocommerce-breadcrumb a:hover {
	color: #000;
}

.woocommerce-breadcrumb a:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #000;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}

.woocommerce-breadcrumb a:hover:after { 
  width: 100%; 
  left: 0; 
}

/* KASSASIVU, OSTOSKORI, CART */

/* cart css*/

.cart-contents:hover {
text-decoration: none;
}
.cart-contents-count {
color: #fff;
background-color: #2ecc71;
font-weight: bold;
border-radius: 10px;
padding: 1px 6px;
line-height: 1;
font-family: 'Exo 2', sans-serif;
vertical-align: top;
}

.headerostoskori {
    display: flex;
	align-items: center;
	justify-content: center;
}

.shop_table {
  	border-bottom: 1px solid #eeeeee !important;  
    padding: 10px;
}

.woocommerce-billing-fields p.form-row {
    width: 100%;
}

.woocommerce-billing-fields .input-text, .woocommerce-shipping-fields .input-text {
    width: 100%;
    background-color: #f4f4f4;
    border: 1px solid #dddddd;
}

.woocommerce-billing-fields h3, .woocommerce-shipping-fields h3, .woocommerce-additional-fields h3 {
    text-transform: uppercase;
    font-size: 1em;
}

.woocommerce-checkout-review-order-table {
    width: 100%;
}

.kassasivu {
  display: flex;
}

.kassasivu-col {
    flex: 50%;
    padding: 10px;
}
.woocommerce-shipping-totals th {
	vertical-align: top;
	width: 20%;
}

#shipping_method {
	float: left;
}

.ostoskori-update {
	display: flex;
	align-items: right;
	justify-content: right;
	float: right;
	width: 100%;
}

.radio-laatikko input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}

.radio-laatikko label {
    display: inline-block;
background: rgb(254,254,254);
background: linear-gradient(180deg, rgba(254,254,254,1) 0%, rgba(249,249,249,1) 81%, rgba(245,245,245,1) 100%);
    padding: 5px 10px;
    font-size: 14px;
    border: 1px solid #eeeeee;
    border-radius: 4px;
	margin-top: 3px; 
}

.radio-laatikko input[type="radio"]:checked + label {
	background: rgb(254,237,116);
	background: linear-gradient(180deg, rgba(254,237,116,1) 0%, rgba(243,215,34,1) 64%, rgba(247,217,21,1) 100%);
	font-weight: 700;
}

.radio-laatikko input[type="radio"]:focus + label {
    border: 1px dashed#000000;
}

ul.woocommerce-shipping-methods {
	margin: 0 auto;
}

#shipping_method li {
   display: inline-block;
   vertical-align: top;
}

th.product-quantity {
	text-align: center;
	width: 100px;
}

th.product-price {
	text-align: center;
	width: 100px;
}

.woocommerce-cart-form__cart-item {
	padding: 10px;
}


.kassasivu-main {
	width: 60%;
	margin: auto;
}

.ostoskori_sku{
	font-size: 0.7em;
	color: #888888;
}

.sku-tuoteryhma{
	font-size: 0.8em;
	color: #888888;
    margin-top: 10px;
}

td.product-name {
    width: 50%;
    text-align: left;
}

td.product-total {
    width: 50%;
    text-align: center;    
}

.product-name a {
	color: #000;
	font-weight: 600;
}


.product-name a:visited {
	color: #000;
}


.product-remove a {
	font-weight: 400;
	color: #888888;
	font-size: 0.8em;
}

.product-remove a:visited {
	color: #888888;
}

.poistatuote {
	margin-left: 10px;
	color: #760000 !important;
	font-weight: 500 !important;
}

.alaborderotsikko {
	border-bottom: 2px solid #eeeeee;
}

.alaborder {
	border-bottom: 1px dotted #eeeeee;
}

.ostoskori-otsikko, .woocommerce-orders-table__header {
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: 400;
}



/* TUOTESIVU */

li.product {
    display: inline-block;
    float: none !important;
	background-color: #FFFFFF;
}

ul.products.columns-4 li.product {
    width: 21% !important;
}

.related-custom a:visited {
	color: #000;
}

#tuotesivu_kuva {
	position: relative;
	width: 100%;
}

#tuotesivu_kuva span.onsale {
	position: absolute;
  	right: 20px;
	top: 20px;
   	background-color: #990000;
	color: #FFFFFF;
	padding: 3px;
	font-size: 1.2em !important;
	padding-left: 10px;
	padding-right: 10px;
	z-index: 9;
	border-radius: 2px;
}

#tuotesivu_kuva span.onsale:after {
	content: '';e
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 11px solid transparent;
	border-top-color: #990000;
	border-bottom: 0;
	border-left: 0;
	margin-left: -5.5px;
	margin-bottom: -11px;
}

.otsikkomerkki {
	text-transform: uppercase;en
	padding-bottom: 0px;
	font-weight: 600;
	font-family: 'Exo 2', sans-serif;
	font-size: 0.9em;
	color: #000;
}

.related-custom {
    display: inline-block;
    vertical-align: top;
	width: auto;
	padding-left: 5px;
	padding-right: 5px;
	width: 19%;
}

.related-tuotekuva {
	background-color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}

.related-otsikko {
	font-size: 0.8em;
	text-align: center;
}

.tuotesivu_tiedot {
	position: relative;
	padding-top: 15px;
    padding-left: 10px;
}

.tuoteryhmalogo {
	width: 100px;
	height: 63px;
}

.lisaaostoskoriin {
	padding: 0px;
	margin: 0px;
}

.lisaaostoskoriinmaara {
	width: 40px;
	padding: 0px;
	margin: 0px;
}

.lisaaostoskoriinnappi {
	width: 100%;
	padding: 0px;
	margin: 0px;
	margin-left: 5px;
}

div.quantity input{
	background-color: #f3f3f3;
	border: 1px solid #eeeeee;
	border-radius: 0px;
}

ul.products img, .tuotelooppi img{
transition: 1s ease;
}

ul.products img:hover, .tuotelooppi img:hover{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
transition: 1s ease;
}


.tuotesivulogo {
	float: right;
	max-width: 140px;
	padding: 10px;
	margin-left: 10px;
}

.varastossa {
	color: #1f7839;
	font-weight: 600;
}

.tuotesaldosarake {
	font-size: 0.9em;
}


.tuotesaldo {
	color: #888888;
	text-transform: uppercase;
	font-size: 0.9em;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
	
}

.tuotesaldo-otsikko {
	font-size: 0.7em;
	font-weight: 500;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	text-align: center;
}

.tuotesaldo-saldo {
	font-size: 1.2em;
	font-weight: 700;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	text-align: center;	
}
	
.woocommerce-product-attributes {
	color: #000;
	text-transform: uppercase;
	font-size: 0.8em;
}

tr.woocommerce-product-attributes-item {
	border-top: 1px solid #888888;
	padding: 3px;
}

tr.woocommerce-product-attributes-item:nth-child(even) {
	background-color: #f3f3f3;
	padding: 3px;	
}

.woocommerce-product-attributes a {
	
	color: #000;
}

.woocommerce-product-attributes a:visited {
	
	color: #000;
}

.tuotesivu-main {
	width: 60%;
	margin: auto;
    padding-top: 1em;
    padding-bottom: 1em;
}

.tuotesivu-main-crc {
	width: 80%;
	margin: auto;
    padding-top: 1em;
    padding-bottom: 1em;
}

.crc-shop {
    background-color: #ececec;
}

#crcshopinshop ul.products.columns-4 li.product {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 20px;
}

#crcshopinshop li.product:hover {
	background: #FFFFFF;
}


#crcshopinshop li.product {
    position: relative;
    overflow: hidden;
}

#crcshopinshop li.product::before {
    content: "";
    position: absolute;
    width: 0;
    border-top: 4px solid #c22032;
    top: 0;
    left: 0;
    transition: width 0.3s;
}

#crcshopinshop li.product:hover::before {
    width: 100%;
}

#crcshopinshop li.product::after {
    content: "";
    position: absolute;
    width: 100%;
    border-top: 4px solid #c22032;
    top: 0;
    left: 0;
    transition: width 0.3s;
}

#crcshopinshop li.product:not(:hover)::after {
    width: 0;
}

.box-link {
    display: block;
    width: auto;
    text-decoration: none;
    border-bottom: 2px solid #eee;
    padding: 10px;
    filter: grayscale(1);
    margin-right: 10px;
    margin-bottom: 10px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

.box-link:hover {
    background-color: #FFF;
    filter: grayscale(0);   
    border-bottom: 2px solid #c22032;
    color: #c22032;
}

.box-content {
    display: flex;
    align-items: center;
}

.box-content img {
    width: 80px;
    height: auto;
    border-right: 1px dashed #eee;
    padding-right: 20px;    
}

.box-content p {
    margin-left: 20px;
    margin-right: 20px;
    font-weight: 700;
}



.woocommerce a:link {
    text-decoration: none !important;
}

.tuotesivu-header {
	width: 100%;
background: rgb(254,254,254);
background: linear-gradient(180deg, rgba(254,254,254,1) 0%, rgba(249,249,249,1) 81%, rgba(245,245,245,1) 100%);
	padding-top: 10px;
	padding-bottom: 20px;
}

.tuotesivu-header a:link {
	color: #000;
}

.tuotesivu-header a:hover {
	color: #000;
}

.tuotesivu-header a:visited {
	color: #000;
}


.tuotesivu-header-tasaus {
	width: 60%;
	margin: auto;
}

.tuotesivu-header img {
		mix-blend-mode: multiply;
}p.

.tuotesivu-header h1 {
	font-size: 1em;
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 10px;
}

.tuotesivu {
	display: grid;
  	width: 100%;
  	grid-template-columns: 60% 1fr;
}

th.woocommerce-product-attributes-item__label {
	padding-left: 10px;
	padding-right: 10px;
	align-items: center;
	justify-content: center;	
	
}

td.woocommerce-product-attributes-item__value p{
	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 15px;
	padding-bottom: 0px;
}

.tuotesivu_sku {
		margin: 0px;
	padding: 0px;
	font-size: 0.9em;
	color: #959595;
    margin-top: 20px;
  
}


#primary .entry-title {
	font-size: 2em;
	font-weight: 900;
	color: #000000;
	margin: 0px;
	text-align: center;
	padding-top: 20px;
}

p.price {
	font-size: 2em;
	font-weight: 900;
	color: #000000;
	padding-bottom: 20px;
	margin: 0px;
}

span.price {
	font-weight: 700;
	color: #000000;
	padding-bottom: 20px;
	text-align: center;
	margin: auto;
}


.tuotesivu_kuvaus {
	font-size: 0.9em;
	color: #888888;
	text-align: justify;
	width: 100%;
	padding-top: 10px;o
	padding-bottom: 10px;
}

.tuotesivu_kuvaus_otsikko {
	border-bottom: 1px solid #eeeeee;
	width: 100%;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 700;
	color: #000;
	padding-top: 20px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-align: left;
}

.tuotesivu_nostot_grid {
	display: grid;
	grid-template-columns: 20% 20% 20% 20% 20%;
}

.tuotesivu_nostot {
	text-align: center;
	padding: 15px;
}

h6 {
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 1.0em;
}

.tuotesivu_nostoteksti {
	font-size: 0.8em;
	color: #888888;
	margin-top: 0px;
	padding-top: 0px;	

}


.n2-ss-item-content, .n2-ss-item-content p  {
    font-family: 'Exo 2', sans-serif !important;
}

/* ASIAKASTILI MY ACCOUNT */

.woocommerce-MyAccount-navigation ul {
	margin: 0 auto;
    text-align: center;
}

.woocommerce-MyAccount-navigation li {
   display: inline-block;
   vertical-align: top;
}

li.woocommerce-MyAccount-navigation-link {
    border: 2px solid #f3d722;
	font-family: inherit;
	font-size: inherit;
	font-size: 0.8em;
	color: #000 !important;
	background: #f3d722;
	padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
}

li.woocommerce-MyAccount-navigation-link:hover {
	border: 2px solid #f3d722;
	background: #FFF;
}

.woocommerce-orders-table__header {
    text-transform: uppercase;
    font-size: 1em;
}

.woocommerce-MyAccount-content {
    padding-top: 40px;
}

.woocommerce-orders-table__header {
	border-bottom: 2px solid #eeeeee;
}

/* YHTEYSTIEDOT */

ul.yhteystiedot {
	margin: 0 auto;
    width: 100%;
}

li.yhteystiedot {
   display: inline-block;
   vertical-align: top;
    width: 33%;
    text-align: center;
    padding: 10px;
}

.wp-block-table tr {
    border-bottom: 1px solid #eeeeee;
}

.ostoskoriylapalkki {
        display: none;
}

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

.tuotesivu-main {
        width: 80%;
}
    
.tuoteryhmasivu-main {
	width: 80%;
}   
    
}

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

.tuotesivu-main {
        width: 80%;
}

.kassasivu-main {
	width: 80%;

}

}

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

.kassasivu-col {
    flex: 100% !important;
}
    
.input-text {
	height: 20px;
}    
    
td.product-name {
    width: 100%;
}

td.product-total {
    width: 100%;
}
    
    
.header-ylin {
	display: none;
}    
    
.header-ylin-mob {
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: 'Exo 2', sans-serif;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	display: grid;
  	width: 100%;
  	grid-template-columns: auto auto auto auto;    
    text-align: center;
    
}        
    
.header-valit {
	margin-right: 0px;
}

.ostoskoriylapalkki {
        display: block;
}
    
.tuotesivu-main {
        width: 90%;
}
    
.tuoteryhmasivu-main {
	width: 80%;
}
    
.related-custom {
    display: list-item;
    width: 100%;

}    
    
section.related ul.products {
    width: 100%;

}      
    
.tuotesivu-header-tasaus {
	width: 80%;
	margin: auto;
}    
    
.tuotesivu {
	display: grid;
  	width: 100%;
  	grid-template-columns: 80%;
}    
    
.tuotesivu_nostot_grid {
	display: grid;
	grid-template-columns: 100%;
}
    
ul.products.columns-4 li.product {
    width: 40% !important;
}        
    
.etusivu-lupaukset-grid {
	display: grid;
  	grid-template-columns: 100%;
    text-align: center;
}    

.etusivu-sijainnit-grid {
	display: grid;
  	grid-template-columns: 100%;
}    
    
.grid-container--fill {
  	grid-template-columns: 100%;
}    
    
.site-branding {
    display: none;
}

.site-branding-header-mobile {
	display: block;
    width: 100%;
	height: auto;
    text-align: center;
}
  
    
.headerhaku {
        display: none;
    }
    
.headerhaku-mobile {
        display: block;
    }
    
.mslogo {
	max-height: 80px;
	height: 80px;
	position: static;
}    
    
}

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

.cross-sells-grid {
	display: none !important;
}

.cross-sells-otsikko {
	display: none !important;
}

    .tuotesivu-main {
        width: 95%;
    }
    
#colophon .someikoni {
	max-height: 20px;
	padding-left: 10px; 
	padding-right: 10px;
}
    
    
.tuoteryhmasivu-main {
	width: 95%;
}    
    
.tuotesivu {
	display: grid;
  	width: 100%;
  	grid-template-columns: 95%;
}    
    
.tuotesivu-header-tasaus {
	width: 95%;
	margin: auto;
}        
    
.tuoteryhmasivu {
 	display: grid;
  	width: 100%;
  	grid-template-columns: 100%;
}    
    
    li.product {
        display: list-item;
    }    
    
    ul.products.columns-4 li.product {
        width: 100% !important;
    }    
    
}