@charset "utf-8";
/* CSS Document */

/* ----- Verkkokauppa style ------ */


/* Tuotekortin editointipainikkeet */
.selaus_muokkauslinkit_iso {position:relative;}


/* ----- TUOTELISTAUS ------ */

/* Wrappers */
#listaus,.tuotesivutausta > div, .tuoteryhmaetusivu_tuotedivi {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex !important; width:100%; flex-wrap:wrap;}
.selaus_wrapper {background:url(../img/header/tuotelistaus-tuotebg-white.jpg)left top no-repeat; background-size: cover;float:left; box-sizing:border-box;margin:0px 1% 20px 1%;/*background:#dedede;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex ; */flex-basis:18%; flex-direction:column; overflow:hidden;} 
.selaus_wrapper > div {width:100%;flex: 1 1 0;margin-top: auto;display: flex;flex-direction: column; position:relative;} 

@media only screen and (max-width:1280px) {.selaus_wrapper  {flex-basis: 18%;}}
@media only screen and (max-width:1024px) {.selaus_wrapper  {flex-basis: 23%;}}
@media only screen and (max-width:575px) {.selaus_wrapper  {flex-basis: 31%;}}
@media only screen and (max-width:420px) {.selaus_wrapper {flex-basis: 48%;}}


/* Etusivulistaukset */
#tuotelista1141 .selaus_wrapper, #tuotelista17281 .selaus_wrapper{flex-basis:18%;}
@media only screen and (max-width:1024px) {#tuotelista1141 .selaus_wrapper, #tuotelista17281 .selaus_wrapper{flex-basis:23%;}}
@media only screen and (max-width:1024px) {.selaus_wrapper{flex-basis: 23%;}}
@media only screen and (max-width:675px) {#tuotelista1141 .selaus_wrapper, #tuotelista17281 .selaus_wrapper {flex-basis: 48%;}}


/* Isot latkat */
div[class^="selaus_iso_latka"], div[class^="tuotekortti_latka"] { position: absolute;background: #f3f3f3; color:#fff; font-size:0.75rem; width: 90%;text-align: center;padding: 2px 0 0 0; font-weight: 700; text-transform: uppercase; margin: 16% 0 0 5%; pointer-events:none;}
div[class^="tuotekortti_latka"] { width: 25%; margin: 0 0 0 5%;}
.selaus_iso_latka_tarjous, .tuotekortti_latka_tarjous,.selaus_iso_latka_uutuus, .tuotekortti_latka_uutuus, .tuotekortti_latka_tarjous, .tuotekortti_latka_uutuus {top:0; left:0;margin:13% 0 0 5% !important; height:20% !important; background-size:contain !important; color:transparent !important;}
.selaus_iso_latka_tarjous{background: url(../img/header/tarjous-label.png) left top no-repeat !important;background-size:contain !important; }
.selaus_iso_latka_uutuus{background: url(../img/header/uutuus-label.png) left top no-repeat !important;background-size:contain !important;}
.tuotekortti_latka_tarjous {background: url(../img/header/tarjous-label-tk.png) left top no-repeat !important;background-size:contain !important; }
.tuotekortti_latka_uutuus {background: url(../img/header/uutuus-label-tk.png) left top no-repeat !important;background-size:contain !important;}
.tuotekortti_latka_tarjous, .tuotekortti_latka_uutuus {margin: 0 !important; height: 30% !important;}
.selaus_iso_latka_ilmainentoimitus, .tuotekortti_latka_ilmainentoimitus {background:#505050 !important;}
.selaus_iso_latka_tuotepaketti,.tuotekortti_latka_tuotepaketti {color:#424242 !important;}

.selaus_vaihtoehdot_iso, .selaus_vaihtoehdot_pieni {height: auto !important;width: 90% !important;margin: 0 auto;background-color: #eaeaea;text-align: center;padding: 5px 0 5px;display: block;}


/* Tuotelistaus - Tuotekortti */

.selaus_iso, .selaus_pieni {width: inherit;min-height: inherit;border: none;margin-right: inherit;margin-bottom: inherit;}
.selaus_kuva_iso, .selaus_kuva_pieni {width: 100% !important;height: auto !important; border:none !important}
.selaus_kuva_iso img, .selaus_kuva_pieni img {float: none;margin: 0 auto;max-width: 100%;height: auto;display: block; width:90%;padding-top: 17%;}
.selaus_tuotenimi_iso, .selaus_tuotenimi_pieni {padding: 0;min-height: inherit;text-align: inherit;}
.selaus_tuotenimi_iso,.selaus_hinta_iso, .selaus_tuotenimi_pieni,.selaus_hinta_pieni{line-height: 1.3rem}
.selaus_tuotenimi_iso a, .selaus_tuotenimi_pieni a  {color:#000 !important; font-weight:600; font-size:1.1rem; padding:20px 0 0 0; display:block; line-height:120%;}
.selaus_tuotenimi_iso, .selaus_tuotenimi_pieni{flex: 1 0 auto; width:83%; margin:0 auto; font-size:1rem; font-weight:600;  color:#000 !important; text-align:left !important;min-height:47px;} 


/* Varivaihtoehtopallot */
.varikoodit {width: 12px;height: 12px;float: none;display: inline-block;margin: 0 2px;border: 1px solid #e2e2e2;border-radius: 100%;}



/* Ei kirjautunut */


.ei-kirjautunut .selaus_tuotenimi_iso,.ei-kirjautunut .selaus_tuotenimi_pieni  {text-align: center;}

.ei-kirjautunut .selaus_suoraosto_iso,.ei-kirjautunut .ostanappi_selaus_iso, .ei-kirjautunut .viivarivi, .ei-kirjautunut .selaus_hinta_iso {display:none;}
.ei-kirjautunut .selaus_suoraosto_pieni,.ei-kirjautunut .ostanappi_selaus_pieni, .ei-kirjautunut .viivarivi, .ei-kirjautunut .selaus_hinta_pieni {display:none;}


/* Varivaihtoehdot (kuvallinen) */
.varivaihtoehdot {background: #fff;padding: 10px 5%;text-align: center;box-sizing: border-box;width: 100%; height:50px}
.varivaihtoehdot img {width:20px; height:20px; -webkit-border-radius: 100%; -moz-border-radius:100%; border-radius: 100%; margin: 0 3px 4px 3px; border:1px solid #c3c3c3}

/* Listaus - Alatuoteryhmien otsikkopalkki */
.tuoteryhmaetusivu_tuoteryhmapalkki { color: #fff; background:#a5391e;	border:1px solid #e9e9e9; font-size: 1em; margin: 25px 0 15px; padding: 7px 0 7px 1%; width: 99%; display:table; }
.tuoteryhmaetusivu_tuoteryhmapalkki_tuoteryhmanimi { float: left; width: 69%; font-size: 1.125em; font-weight: 500; text-transform: uppercase; padding-left:1%;font-family:'Roboto Slab', serif;}
.tuoteryhmaetusivu_tuoteryhmapalkki_linkki {float: left; padding-right: 0%; text-align: right; width: 29%; }
.tuoteryhmaetusivu_tuoteryhmapalkki_linkki a {color: #fff !important;border-radius: 4px;font-size: 0.8rem; font-weight:bold;}
.tuoteryhmaetusivu_alapalkki a {background: #e17d28;padding: 10px 0;display: block;text-align: center;color: #fff;border-radius: 30px;width: 31%; margin: 10px auto 0 auto;}

@media only screen and (max-width:1280px) {.tuoteryhmaetusivu_tuoteryhmapalkki_linkki a {font-size:1rem;}}
@media only screen and (max-width:1024px) {.tuoteryhmaetusivu_tuoteryhmapalkki_linkki,.tuoteryhmaetusivu_tuoteryhmapalkki_tuoteryhmanimi {width:49%;}.tuoteryhmaetusivu_alapalkki a {width:50%;}}
@media only screen and (max-width:575px) {.tuoteryhmaetusivu_alapalkki a { width: 100%;}}
@media only screen and (max-width:420px) {.tuoteryhmaetusivu_tuoteryhmapalkki_linkki, .tuoteryhmaetusivu_tuoteryhmapalkki_tuoteryhmanimi {width: 100%;float: none;clear: both;text-align: left;box-sizing: border-box;padding: 2px 20px;line-height: 1rem;}.tuoteryhmaetusivu_tuoteryhmapalkki_linkki {display:none;}}

@media only screen and (max-width:480px) {.varivaihtoehdot img {width: 15px;height: 15px;}}

/* Tuotteen hinta, osta painike */
.selaus_hinta_iso a, .selaus_hinta_pieni a { width:100%;padding: 0 10px;text-align: inherit;font-family: 'Domine', serif !important; font-weight:700; text-transform:uppercase; color:#fe8c16;}
.selaus_hinta_iso, .selaus_hinta_pieni  {font-family: 'Domine', serif !important;text-align: left; height:47px;box-sizing: border-box;width: 90%;margin: 15px auto 0.85rem auto; line-height:1rem; font-weight:700; text-transform: uppercase; color:#000 !important;align-items: center;display: flex; font-size:1.425rem; text-align:left !important} 
.selaus_normihinta_iso {color: #6d6d6d;font-size: 0.7rem;text-transform: none;font-size: 0.7rem;}
.selaus_tarjoushinta_iso {color: #e6332a;}

.selaus_suoraosto_iso, .ostanappi_selaus_iso, .selaus_suoraosto_pieni, .ostanappi_selaus_pieni  { width: auto;float: right;position: absolute; bottom: 0.9rem;right: 1rem;display: block; font-size:0.5em !important; color:#f3f3f3; }
a.ostanappi_selaus_iso, a.ostanappi_selaus_pieni {color:#f3f3f3;}
.ostanappi_selaus_iso::after, .ostanappi_selaus_pieni::after {background: url(../img/header/nuolibg.png) right center no-repeat;display: block;position: relative;font-size: 2rem !important; text-align:center;background-size: contain;height: 35px;width: 35px;content: " ";top: 17px; padding-bottom:10px;}


@media only screen and (max-width:1280px) {.ostanappi_selaus_iso::after, .ostanappi_selaus_pieni::after {height: 15px;width: 10px; margin-top: 17px;padding: 3px 8px 4px 9px;line-height: 1px !important;top: 5px;}.selaus_suoraosto_iso, .ostanappi_selaus_iso, .selaus_suoraosto_pieni, .ostanappi_selaus_pieni {bottom:1.1rem}}
@media only screen and (max-width:1024px) {.selaus_hinta_iso {height: 40px;}.selaus_suoraosto_iso, .ostanappi_selaus_iso, .selaus_suoraosto_pieni, .ostanappi_selaus_pieni {bottom: 0.95rem;}}
@media only screen and (max-width:860px) {.selaus_wrapper{flex-basis:31%;}.selaus_hinta_iso {height: 50px;}.selaus_suoraosto_iso, .ostanappi_selaus_iso {bottom: 1.07rem;}}
@media only screen and (max-width:620px) {.selaus_wrapper {flex-basis: 48%;}.ostanappi_selaus_iso::after, .ostanappi_selaus_pieni::after {padding:3px 0px 4px 4px;}}
@media only screen and (max-width:575px) {.ostanappi_selaus_iso::after, .ostanappi_selaus_pieni::after {top:3px}}
@media only screen and (max-width:480px) {.selaus_suoraosto_iso, .ostanappi_selaus_iso {right:0.5rem;}.ostanappi_selaus_iso::after {height: 5px;width: 10px;padding: 5px;margin-top: -20px;font-size: 1.4rem !important; top:1px}.selaus_suoraosto_iso, .ostanappi_selaus_iso, .selaus_suoraosto_pieni, .ostanappi_selaus_pieni {bottom: 1.15rem; right:10px;}}
@media only screen and (max-width:375px) {/*#listaus {flex-direction:column; flex-wrap:nowrap;}*/.selaus_suoraosto_iso, .ostanappi_selaus_iso {right:1rem;}}

/* ----- ALATUOTERYHMIEN BANNERIT -------*/

.tuoteryhmakuvanosto {width: 18% !important;height: auto !important; margin: 0 1% 40px 1% !important; box-sizing:border-box; border:1px solid #f3f3f3;}
.shop-trnostodivi { width: 24%;float: left;position: relative;margin: 0 0.5% 40px 0.5%;}
.shop-trnostodivi b { position: relative;background: url(../img/header/toplinkbg.jpg) center top;width: 100%;padding: 5%; box-sizing: border-box;text-align: center;width: 100%;display: block;}
.shop-trnostodivi b a, .shop-trnostodivi b a:after {color:#fff; font-family: 'Open Sans', serif !important; font-weight:700; }
.shop-trnostodivi b a:after {content:"›"; padding-left:10px;}
.tuoteryhmakuvanostokuva {width: 100% !important;height: auto !important;}
.valikkokuva img { max-width: 100% !important;height: auto !important; display: block;float: none;margin: 0 auto; width:100%;}
.tuoteryhmakuvanostootsikko a { width: 100%; display: block;box-sizing: border-box;padding: 5px 3%;background: #f3f3f3; text-align:center; border-top:1px solid #f3f3f3}
.tuoteryhmakuvanostootsikko a:after {font-family: FontAwesome;content: "\f138"; color:#25b7c4; text-align:right; padding-left:20px;}
.col-80.tuotelistaus .shop-trnostodivi img {height: 110px !important; object-fit: cover;}
#tr-linkkinostot .shop-trnostodivi img {height: 136px !important; object-fit: cover;}

@media only screen and (max-width:1280px) {.tuoteryhmakuvanosto { width: 23% !important;}#tr-linkkinostot .shop-trnostodivi img {height: 100px !important;}}
@media only screen and (max-width:1024px) {.tuoteryhmakuvanosto { width: 31.3% !important;}.shop-trnostodivi { width: 31.3%;}}
@media only screen and (max-width:860px) {.tuoteryhmakuvanosto { width: 48% !important;}}
@media only screen and (max-width:675px) {.shop-trnostodivi {width: 49%;}}
@media only screen and (max-width:575px) {.col-80.tuotelistaus .shop-trnostodivi img {height: 80px !important;}.shop-trnostodivi b {min-height: 50px; line-height:120%}  #tr-linkkinostot .shop-trnostodivi img {height: 70px !important;}}
@media only screen and (max-width:480px) {.tuoteryhmakuvanosto { width: 98% !important;}}


/*
body {background: #000 url(../img/header/site-bgimgelement-BF.jpg) center top no-repeat;}
.selaus_iso_latka_tarjous,.selaus_pieni_latka_tarjous {background: url(../img/header/BF-label.png) left top no-repeat !important;background-size: contain !important;}
.tuotekortti_latka_tarjous {background: url(../img/header/BF-label-tk.png) left top no-repeat !important;background-size: contain !important;}
.selaus_wrapper {background: #fff url(../img/header/tuotelistaus-tuotebg-white-BF.jpg) left top no-repeat !important; background-size:cover}*/