/*
Theme Name: Konhotus
Theme URI: https://konhotus.fi/
Description: Konhotuksen oma teema.
Author: Emilia Kaupinmäki
Author URI: https://bleboulevard.com/
Version: 1.0
Tags: 

License:
License URI:

*/

/* 
VIININPUNAINEN #1c0c1c
HARMAA #b3abb9
PINKKI #ff6f91
ULTRAMARIINI #1c0c1c
VAALEANSININEN #88accc
*/

/* FONTIT */
@font-face {font-family:'optician'; src: url('webfonts/optician-sans-webfont.woff2') format('woff2'), url('webfonts/optician-sans-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
.adorn,.adorn p{font-family:adorn-slab-serif,sans-serif !important;font-weight:400;font-style:normal;text-transform:uppercase;}
.optician,.optician p{font-family:optician,sans-serif !important;font-style:normal;}
.dewalpergens,.dewalpergens p{font-family:"de-walpergens-pica",serif !important;font-weight:400;font-style:italic;}
.kyrios,.kyrios p{font-family:at-kyrios-standard,sans-serif !important;font-weight:400;font-style:normal;}
.halau,.halau p{font-family:"halau-spooky-script",sans-serif !important;font-weight:400;font-style:normal;}
.basilea,.basilea p{font-family:"jetsam-collection-basilea",sans-serif !important;font-weight:400;font-style:normal;}
/* YLEISTYYLIT */
::selection{background:#ff6f91;color:#1c0c1c;}::-moz-selection{background:#ff6f91;color:#1c0c1c;}
.clear:before,.clear:after{content:"";display:table;}
.clear:after{clear:both;}
.clear{zoom:1;}
.section:before,.section:after{content:"";display:table;}
.section:after{clear:both;}
.section{zoom:1;}
.checkbox:before,.checkbox:after{content:"";display:table;}
.checkbox:after{clear:both;}
.checkbox{zoom:1;}
.align-left,.alignleft{float:left;text-align:left;clear:both;margin-right:10px;}
.align-right,.alignright{float:right;text-align:right;clear:both;margin-left:10px;}
.align-center,.aligncenter{display:block;margin:0 auto;text-align:center;clear:both;}
.float-left{display:block;float:left;}
.float-right{display:block;float:right;}
.nopadding,.nopadding p{padding:0 0 0 0 !important;}
.text-align-center{text-align:center;}
.left{float:left;}
.right{float:right;}
.block{display:block;}
.inline-block{display:inline-block;*zoom:1;*display:inline;}
.inline{display:inline;}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px;left:-9999em;}
.visuallyvisible{clip:auto;width:auto;height:auto;overflow:visible;left:0;}
.nolist{list-style:none;}
.nomargin,.nomargin p{margin:0;}
.none,.nodesktop,.showmobile{display:none;}
/* PALSTAT */
.section{position:relative;}
.row{margin:0;padding:0;}
.row .col {padding-top:0;padding-bottom:0;}
.container,.footer-container{margin:0 auto;padding-left:0px;padding-right:0px;overflow:hidden;}
.footer-container{padding-bottom:0;}
.col{margin-left:0.0%;*margin-left:0.0%;float:left;}
.col:first-child{margin-left:0;}
.one{width:6.5%;}
.two{width:15%;}
.three{width:23.5%;}
.four{width:25%;}
.five{width:40.5%;}
.six{width:48.0%;}
.seven{width:57.5%;}
.eight{width:63%;}
.nine{width:74.5%;}
.ten{width:83%;}
.eleven{width:91.5%;}
.twelve{width:100%;}
.full{width:100%;}
.quarter{width:25%;min-height:50vh;}
.half{width:50.0%;}
.one-third{width:33.33%;}
.two-thirds{width:64.5%;}
.margins{margin:60px 60px;}
.twelve .margins{margin:60px 25vw;}
.full-height{height:100svh;height: var(--hero-height, 100svh);width:100vw;}
.full-height-buffer{height:calc(100lvh - 100svh);}
/* LAYOUT */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
html{font-size:62.5%;background:#1c0c1c;height:100%;min-height:100%;}
body{margin:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background:#1c0c1c;}
.rouhe{background:url(images/rouhe.png) 100%;background-position: center;position:fixed;width:100vw;height:100vh;z-index:1000;pointer-events:none;}
.tekstuuri{background:url(images/tekstuuri.png) 100%;position:fixed;width:100vw;height:100vh;z-index:1000;pointer-events:none;mix-blend-mode:soft-light;}
.footer{padding-bottom:0;background:#1c0c1c;min-height:20vh;}
.footer .col{padding-bottom:50px;}
.logo-fixed{z-index:3;position:fixed;display:block;float:left;top:50px;left:60px;width:90px;height:auto;mix-blend-mode:luminosity;}
.logo-footer{display:block;margin:50px auto;width:25vw;}
.logo-foljys{margin-top:25px;}
.logo-liiveri{display:block;float:left;width:auto;height:40px;}
.logo-eu{display:block;float:right;width:auto;height:40px;}
.rasti{position:fixed;right:10px;top:5px;z-index:2;font-size:6.0rem;;line-height:6.0rem;font-family:Arial;}
.rasti a:link,.rasti a:visited,.rasti a:active{color:#ff6044;}
.darkmode{background:#1c0c1c;}
.lightmode{background:#b3abb9;color:#1c0c1c;}
.ultramariini{background:#2e3eb6;}
.ultramariini-txt{color:#2e3eb6;}
.vaaleansininen{background:#88accc;}
.vaaleansininen-txt{color:#88accc;}
.nosto{display:flex;}
.nosto .half{min-height:100vh;flex:1;}
.flexi{display:flex;}
.flexi .half{min-height:100vh;flex:1;}
.sticky .half:nth-child(1) .margins{display:block;position:sticky;top:0;}
/* TYPOGRAFIA */
::-webkit-input-placeholder{color:#1c0c1c;}
::-moz-placeholder{color:#1c0c1c;}
::-ms-placeholder{color:#1c0c1c;}
::placeholder{color:#1c0c1c;}
input:-moz-placeholder,input::-moz-placeholder{opacity: 1;}
body,h2,h3,h4,ul h2, ul h3,ul h4,.tuote-kuvaus h1,.header li,table,td,strong,.nappi a,.woocommerce a.button,input[type=button],input[type=submit],button,input[type=text],input[type=email],input[type=url],select,.outer-menu .menu > div > div > ul > li.small-links{font-family:optician,sans-serif;font-style:normal;}
h1,.outer-menu .menu > div > div > ul > li {font-family:"at-kyrios-standard",serif;font-weight:400;font-style: normal;word-wrap:break-word;color:#1c0c1c;}
h1,h2,h3,h4{word-wrap:break-word;}
h2,h3,h4,.nappi a,.woocommerce a.button,.tuote-kuvaus h1{font-weight:700;font-style:normal;}
h1{font-size:14.0rem;line-height:12.0rem;margin-top:0;margin-bottom:25px;text-align:center;}
h2,.tuote-kuvaus h1,.etusivu .ingressi p{font-size:3.8rem;line-height:4.4rem;margin-top:80px;margin-bottom:25px;}
h3{font-size:3.3rem;line-height:4.2rem;margin-top:50px;margin-bottom:25px;}
h4{font-size:2.6rem;line-height:3.8rem;margin-top:50px;margin-bottom:25px;}
.twelve h1{margin-top:100px;}
.tuote-kuvaus h1{text-transform:unset;color:#f0f3f8;margin-top:100px;}
.nosto h2{margin-top:0;}
p{margin-bottom:20px;text-align:left;}
p,ul,ol,input,textarea,.wpuf-success,.clearfilter{font-family:optician,sans-serif;font-weight:300;}
p,ul,ol,input,textarea,table,td,form,button,input[type=button],input[type=submit],input[type=reset],select,.outer-menu .menu > div > div > ul > li.small-links,.woocommerce ul#shipping_method li label{font-size:3.5rem;line-height:4.0rem;word-wrap:break-word;margin-top:0;}
.full p{margin-bottom:0;}
.tuote-kuvaus.darkmode h1,.darkmode h2,.darkmode h3,.darkmode h4,.darkmode p,.darkmode ul,.colormode h2,.colormode h3,.colormode h4,.colormode p,.colormode ul{color:#b3abb9;}
i,em,.broadsheet,.broadsheet p{font-family:"broadsheet",serif;font-style:normal;font-weight:400;font-size:3.5rem;letter-spacing:0.06rem;}
i,em{font-style:italic;}
p b,p strong,li b,li strong,button,.nappi,.ingressi p,.wc-proceed-to-checkout{}
.footer p,.footer h2{color:#ff6f91;font-family:adorn-slab-serif,sans-serif;font-weight:400;font-style:normal;text-transform:uppercase;font-size:2.0rem;line-height:2.6rem;letter-spacing:0.1rem;text-align:center;}
.broadsheet p b,.broadsheet p strong,.broadsheet li b,.broadsheet li strong{font-weight:700;}
.chainprinter,.chainprinter p{font-family:chainprinter,sans-serif;font-weight:400;font-style:normal;font-size:3.0rem;letter-spacing:0.06rem;}
.ingressi{margin-left:25%;margin-right:25%;margin-bottom:50px;}
table{width:100%;border-collapse:collapse;border-spacing:0;margin-top:25px;margin-bottom:50px;}
table th,table td,tr{outline:0;padding:20px 0;text-align:left;vertical-align:top;border-top:2px #1c0c1c solid;border-bottom:2px #1c0c1c solid;}
small,.small,label,.tuotehaitaricontent p,.tuotehaitaricontent td,.woocommerce-message,.woocommerce-cart-form th{font-size:1.8rem;line-height:2.5rem;}
input[type=text],input[type=password],input[type=email],input[type=url],textarea,select{background:#f0f3f8 !important;color:#1c0c1c !important;width:75%;max-width:100%;caret-color:#ff6044; transition: all 0.4s ease-in-out;}
input[type=text],input[type=password],input[type=email],input[type=url],select{border-top:0;border-right:0;border-bottom:2px #1c0c1c solid;border-left:0; transition: all 0.4s ease-in-out;}
select{width:100%;}
textarea{border:2px #1c0c1c solid; transition: all 0.4s ease-in-out;}
input[type=text]:focus{border-bottom:2px #ff6044 solid;}
input[type=number] {-webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } 
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; }
textarea:focus{border:2px #ff6044 solid;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select::-ms-expand{display:none;}
button,.woocommerce button,input[type=button],input[type=submit],input[type=reset],.nappi a:link,.nappi a:visited,.woocommerce a.button:link,.woocommerce a.button:visited{top:15px;margin-bottom:50px;display:inline-block;font-size:16px;letter-spacing:2px;text-decoration: none;text-transform: uppercase;cursor: pointer;padding: 0.25em 0.5em;box-shadow: 1px 1px 0px 0px, 2px 2px 0px 0px, 3px 3px 0px 0px, 4px 4px 0px 0px, 5px 5px 0px 0px !important;position: relative;-webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none;}
.lightmode button,.lightmode input[type=button],.lightmode input[type=submit],.lightmode input[type=reset],.lightmode .nappi a:link,.lightmode .nappi a:visited,.lightmode .woocommerce a.button:link,.lightmode .woocommerce a.button:visited,
.colormode button,.colormode input[type=button],.colormode input[type=submit],.colormode input[type=reset],.colormode .nappi a:link,.colormode .nappi a:visited,.colormode .woocommerce a.button:link,.colormode .woocommerce a.button:visited{background:#f0f3f8 !important;border:#1c0c1c 3px solid !important;color:#1c0c1c !important;}
.darkmode button,.darkmode input[type=button],.darkmode input[type=submit],.darkmode input[type=reset],.darkmode .nappi a:link,.darkmode .nappi a:visited,.darkmode .woocommerce a.button:link,.darkmode .woocommerce a.button:visited,.darkmode button.haitari{background:#f0f3f8;border:#ff6044 3px solid;color:#ff6044 !important;}
button:active,.woocommerce button:active,.nappi a:active,.nappi a:hover,.woocommerce a.button:active,.woocommerce a.button:hover{box-shadow:0px 0px 0px 0px !important;top:20px;left:5px !important;}
textarea{resize:none;}
ul,ol{padding:0;margin:0;}
.container ul,.container ol{padding:0 0 28px 0;margin:0;}
ul{list-style:disc;}
ol{list-style:decimal;}
li{padding:0;}
.container li{padding:0 0 20px 20px;margin-left:25px;}
a img{border:0;}
img{max-width:100%;height:auto;}
a:link{text-decoration:none;transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;cursor:pointer;color:#f0f3f8;}
.container a:link,.footer a:link{text-decoration:none;box-shadow:inset 0 -2px 0 #ffa899;}
.container a:visited,.footer a:visited{text-decoration:none;box-shadow:inset 0 -2px 0 #ffa899;}
.container a:hover,.container a:active,.footer a:hover,.footer a:active,.outer-menu a:hover,.outer-menu a:active,.woocommerce a:hover,.woocommerce a:active{color:#f0f3f8;text-decoration:none;box-shadow:inset 0 -2px 0 transparent;}
.darkmode a:link,.darkmode a:visited,
.colormode a:link,.colormode a:visited,
.darkmode .tuote ul.products li.product .price{color:#f0f3f8 !important;}
.lightmode a:link,.lightmode a:visited,
.lightmode .tuote ul.products li.product .price,.lightmode .tuote a:link ul.products li.product .price,
.woocommerce a:link,.woocommerce a:visited,
.woocommerce-message a:link,.woocommerce-message a:visited{color:#1c0c1c !important;}
.woocommerce-cart-form a,.woocommerce-cart-form a:link,.woocommerce-cart-form a:visited,.woocommerce-cart-form a:hover,.woocommerce-cart-form a:active{box-shadow:none;}
.tuote .woocommerce-breadcrumb a:link,.tuote .woocommerce-breadcrumb a:visited,.tuote .woocommerce-breadcrumb a:active,.tuote .woocommerce-breadcrumb a:hover{color:#f0f3f8;}
hr{border:0;height:2px;background:#1c0c1c;margin:75px 0 50px 0;}
/* MENU */
*{box-sizing:border-box;}
.outer-menu{position: fixed; top: 30px; left: 90px; z-index: 2;}
.outer-menu .checkbox-toggle{display:inline;position:absolute;top:0;left:-60px;z-index:3;cursor:pointer;width:60px;height:60px;opacity:0;}
.outer-menu .checkbox-toggle:checked + .hamburger > div{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);}
.outer-menu .checkbox-toggle:checked + .hamburger > div:before,
.outer-menu .checkbox-toggle:checked + .hamburger > div:after{top:0;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
.outer-menu .checkbox-toggle:checked + .hamburger > div:after{opacity:0;}
.outer-menu .checkbox-toggle:checked ~ .menu{pointer-events:auto; visibility: visible;}
.outer-menu .checkbox-toggle:checked ~ .menu > div{width:250vw;height:250vw;}
.outer-menu .checkbox-toggle:checked ~ .menu > div > div{opacity:1;-webkit-transition:opacity 0.4s ease 0.4s;transition:opacity 0.4s ease 0.4s;}
.outer-menu .hamburger{position: absolute; top: 0; right: 0; z-index: 1; width: 60px; height: 60px; padding: 0; border-radius: 0 0.12em 0.12em 0; -webkit-transition: box-shadow 0.4s ease; transition: box-shadow 0.4s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center;}
.outer-menu .checkbox-toggle:checked + .hamburger > div,
.outer-menu .checkbox-toggle:checked + .hamburger > div:before,
.outer-menu .checkbox-toggle:checked + .hamburger > div:after{background:#1c0c1c;box-shadow:none;}
.outer-menu .hamburger > div /* DASH 2 */ {position: relative; -webkit-box-flex: 0; flex: none; width: 100%; height: 2px; background: #ff6044; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center;}
.outer-menu .hamburger > div:before,
.outer-menu .hamburger > div:after /* DASH 1 */ {content: ""; position: absolute; z-index: 1; top: -20px; left: 0; width: 100%; height: 2px; background: inherit; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.outer-menu .hamburger > div:after /* DASH 3 */ {top: 20px;}
.outer-menu .menu{display:inline;float:none;margin-top:0;position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;display:-webkit-box;display:-webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.outer-menu .menu > div{width:0;height:0;color:#21241e;opacity:1;color: #ff6044;background:#e3d9c9;border-radius:50%;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-box-flex: 0;-webkit-flex: none;-ms-flex: none;flex: none;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.outer-menu .menu > div > div {max-width: 100vw; max-height: 100vh; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; overflow-y: auto; -webkit-box-flex: 0; flex: none; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100% !important; }
.outer-menu .menu > div > div > ul {text-align: center;list-style: none; padding: 0px; margin: 0; display: block; max-height: 100vh; width: 100% !important;}
.outer-menu .menu > div > div > ul > li {padding: 0; margin: 0.8em 0; font-size: 7.6rem; display: block;}
.outer-menu .menu > div > div > ul > li > a{color: #1c0c1c; position: relative; display: inline; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.outer-menu .menu > div > div > ul > li > a:hover{color:#ff6044;}
.outer-menu .current_page_item a,.outer-menu .current_page_ancestor a,.outer-menu .current_page_parent a{color:#ff6044 !important;}
.outer-menu .menu > div > div > ul > li.small-links {text-transform:capitalize;}
.outer-menu .menu > div > div > ul > li.small-links::before {content:"\2726\0000a0";}
.outer-menu .menu > div > div > ul > li.small-links::after {content:"\0000a0\2726";}
/* CART */
.cart-menu{z-index:2;display:block;position:fixed;top:23px;right:23px;}
.cart-menu li{padding:0;margin:0 0;display:block;font-weight:700;}
.cart-menu li i{font-size:2.5rem;}
.cart-menu li a{color:#ff6044;position:relative;display:inline;}
.wpmenucart-contents{position:relative;display:inline-block !important;}
.wpmenucart-contents span{display:block !important;position:absolute;top:-15px;right:-15px;width:22px;height:22px;border-radius:20px;background:#ff6044;color:#ffffff;text-align:center;font-size:13px;line-height:20px;letter-spacing:0;}
/* PAHKULA */
.ajatuskupla{height:75%;background:url(images/ajatuskupla.png);background-size:70% 90%;-moz-background-size:70% 90%;-webkit-background-size:70% 90%;-o-background-size:70% 90%;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;}
.ajatuskupla .margins{margin:0;}
.ajatuskupla h1{margin:0 0 0 0 !important;text-transform:lowercase;padding:10px;}
.ajatushanta {height:25%; background: url(images/ajatushanta.png);background-position: 70% top;background-size:20% 80%;background-repeat: no-repeat; display: flex; align-items: flex-end; justify-content: flex-end;}
.ajatushanta .margins {margin: 0 60px 60px 60px;}
.ajatushanta p {margin: 0;}
/* TUOTEVALIKKO */
.valikko,.tuote .products{text-align:center;width:100%;display:flex;flex-wrap:wrap;justify-content:center;}
.valikko .valikkolaatikko,.products .product{display:inline-block;width:30%;padding:0;padding-top:15px;margin-left:1%;margin-right:1%;margin-bottom:2%;vertical-align:top;}
.valikko .valikkolaatikko img,.products .product img{width:95%;height:auto;display:block;margin:0 auto;margin-bottom:10px;}
.tuote .products .product h2{margin-top:0;margin-bottom:0;}
/* TUOTESIVU */
.etusivu .tuote .col{width:100%;}
.tuote .mockup{background-size:contain;background-repeat:repeat !important;background-attachment:fixed;}
.tuote .woocommerce-breadcrumb{margin-top:100px;text-align:center;}
.price{position:relative;display:block;margin:0 auto;text-align:center;font-weight:700;margin-bottom:20px;}
.lightmode ul.products li.product .price{color:#1c0c1c !important;}
.darkmode ul.products li.product .price,.colormode ul.products li.product .price{color:#f0f3f8 !important;}
.tuote table{margin-bottom:0;}
.tuote .variations td,.tuote .variations th{display:inline-block;width:100%;clear:both;padding:0 20%;text-align:center;}
.tuote select{text-align:center;width:100%;}
.tuote input[type=number]{text-align:center;width:25%;}
.tuote input[type=number]{text-align:center;width:25%;}
.tuote .label{margin-top: 20px;}
.woocommerce .shop_table,.woocommerce .shop_table tr,.woocommerce .shop_table td,.woocommerce .shop_table th{border:0 !important;}
.woocommerce-variation-add-to-cart{text-align:center;}
.single_add_to_cart_button{display:inline-block;margin-bottom:50px;}
form.woocommerce-cart-form .actions button{font-size:16px;}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{width:100% !important;}
.container .woocommerce .cart-collaterals li{padding:0;}
.wc-proceed-to-checkout a:link,.wc-proceed-to-checkout a:visited,.wc-proceed-to-checkout a:hover,.wc-proceed-to-checkout a:active{font-size:25px !important;padding:20px !important;}
.woocommerce table.cart td.actions .input-text{position:relative;top:18px !important;width:200px !important;}
a:link.reset_variations{color:#ff6044;box-shadow:none;display:block;text-align:right;}
.quantity button,.lightmode .quantity button{outline:none;-webkit-appearance:none;background-color:transparent !important;color:#ff6044 !important;border:none !important;align-items:center;justify-content:center;top:0 !important;left:0 !important;width:60px;height:60px;cursor:pointer;margin:0;position:relative;box-shadow:none !important;font-size:40px;font-weight:400;text-align:center !important;}
.quantity button:hover,.quantity button:active,.lightmode .quantity button:hover,.lightmode .quantity button:active;{top:0 !important;left:0 !important;}
.quantity input[type=number] {width: 60px; height: 60px;text-align: center; background-color:transparent; border:0; font-size: 40px;}
.lightmode .quantity input[type=number]{color:#000000;}
.darkmode .quantity input[type=number]{color:#ffffff;}
.quantity{margin-bottom: 40px;}
.swatchly-type-wrap{width:100% !important;}
.woocommerce-cart-form .quantity{width:140px;}
.woocommerce-cart-form .quantity button{width:20px;height:20px;text-align:center;margin-right:10px;margin-left:-10px;}
.woocommerce-cart-form .quantity input[type=number]{width:40px;height:40px;text-align:center;border:0;font-size:unset;}
.coupon input{margin-bottom:20px;}
.wc-block-components-checkout-order-summary__content,.wc-block-components-checkout-order-summary__content ul{font-size:2.0rem !important;}
.woocommerce-notices-wrapper li{color:#000000;}
/* SLIDER */
.n2-bullet.n2-active{background:#ff6044 !important;}
.sticky > *{position:sticky !important;}
/* HAITARI */
button.haitari{margin: 30px 0; width: 100%; border: none; text-align: left; transition: 0.4s; top:0;font-size:36px;text-decoration: none;padding: 0.25em 0.5em 0.5em 0.5em;box-shadow: 1px 1px 0px 0px, 2px 2px 0px 0px, 3px 3px 0px 0px, 4px 4px 0px 0px, 5px 5px 0px 0px !important;-webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none; }
button.haitari:active{box-shadow:0px 0px 0px 0px !important;top:5px;left:5px;}
.haitari:after{content:"\002B";color:#777;font-weight:bold;float:right;margin-left:5px;}
.haitariactive:after{content:"\2010"; }
.haitaricontent{padding:0;max-height:0;overflow:hidden;transition:max-height 0.2s ease-out;}
/* TUOTEHAITARI */
button.tuotehaitari{background:none;padding:0;margin:5px 0;width:100%;border:none;text-align:left;transition:0.4s;top:0;left:0;font-size:36px;text-decoration: none;padding:0;box-shadow:0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 !important;-webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none; }
button.tuotehaitari:active{top:0;left:0 !important;}
.darkmode button.tuotehaitari{color:#f0f3f8 !important;font-size:1.9rem;}
.tuotehaitari:after{content:"\002B";color:#ff6044;font-weight:bold;float:right;margin-left:5px;}
.tuotehaitariactive:after{content:"\2010";}
.tuotehaitaricontent{padding:0;max-height:0;overflow:hidden;transition:max-height 0.2s ease-out;}
/* ANIMATION */
.rotate{overflow-x:hidden;-webkit-animation:spin 180s linear infinite;-moz-animation:spin 180s linear infinite;animation:spin 180s linear infinite;-webkit-backface-visibility:hidden;}
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
.rotate-back{overflow-x:hidden;-webkit-animation:spinback 180s linear infinite;-moz-animation:spinback 180s linear infinite;animation:spinback 180s linear infinite;-webkit-backface-visibility:hidden;}
@keyframes spinback { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }
@-moz-keyframes spinback { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes spinback { 100% { -webkit-transform: rotate(-360deg); } }
.breathe {animation:breathe 11s linear infinite;transform-origin:center center;}
@keyframes breathe { 0%, 100% {transform: scale(0.95);} 50% {transform: scale(1);} }
@-moz-keyframes breathe { 0%, 100% {transform: scale(0.95);} 50% {transform: scale(1);} }
@-webkit-keyframes breathe { 0%, 100% {transform: scale(0.95);} 50% {transform: scale(1);} }
.exhale {animation:exhale 11s linear infinite;transform-origin:center center;}
@keyframes exhale { 0%, 100% {transform: scale(1);} 50% {transform: scale(0.95);} }
@-moz-keyframes exhale { 0%, 100% {transform: scale(1);} 50% {transform: scale(0.95);} }
@-webkit-keyframes exhale { 0%, 100% {transform: scale(1);} 50% {transform: scale(0.95);} }
@media (prefers-reduced-motion: reduce) {
  .rotate,
  .rotate-back 
  .breathe,
  .exhale
  {animation:none;}
}

/* RESPONSIVE */
@media only screen and (min-width:762px) and (max-width:939px){ .tablet-one{width:6.5%;} .tablet-two{width:15%;} .tablet-three{width:23.5%;} .tablet-four{width:32%;} .tablet-five{width:40.5%;} .tablet-six,.tablet-half{width:49.0%;} .tablet-seven{width:57.5%;} .tablet-eight{width:66%;} .tablet-nine{width:74.5%;} .tablet-ten{width:83%;} .tablet-eleven{width:91.5%;} .tablet-twelve{width:100%;} .tablet-full{clear:both;float:none;width:100%;margin-left:0;margin-right:0;margin-top:1em;} .tablet-full:first-child{margin-top:0;} .notablet{display:none;} .showtablet{display:block;}
  .container,.footer-container{padding-left:0;padding-right:0;}
  .container{padding-top:0;}
  .half{width:100%;float:left;margin-left:0;}
  .margins,.twelve .margins{margin:60px 60px;}
}
@media only screen and (max-width:761px){.mobile-one{width:6.5%;} .mobile-two{width:15%;} .mobile-three{width:23.5%;} .mobile-four{width:32%;} .mobile-five{width:40.5%;} .mobile-six{width:49.0%;} .mobile-seven{width:57.5%;} .mobile-eight{width:66%;} .mobile-nine{width:74.5%;} .mobile-ten{width:83%;} .mobile-eleven{width:91.5%;} .mobile-twelve{width:100%;} .mobile-full{clear:both;float:none;width:100%;margin:1em 0 0 0;} .mobile-full:first-child{margin-top:0;} .nomobile{display:none;} .showmobile{display:block;}
  .container,.footer-container{padding-left:0;padding-right:0;} 
  .container{padding-top:0;}
  .one-third,.two-thirds,.half{width:100%;float:left;margin-left:0;}
  .quarter{width:100%;min-height:auto;}
  .margins,.twelve .margins{margin:60px 30px;}
  .symbolismi .half:nth-child(2) .margins{margin:0 30px 60px 30px;}
}

/* TABLET */
@media only screen and (min-width: 762px) and (max-width: 939px) {
  /* LAYOUT */
  .logo-footer{width:50vw;}
  .nosto .half{min-height:60vh;}
  .flexi{display:block;}
  .flexi .half{min-height:60vh;}
  /* TYPOGRAFIA */
  h1,h2,h3,h4{margin-top:20px;margin-bottom:15px;}
  h1{font-size:7.8rem;line-height:8.8rem;}
  h2,.etusivu .ingressi p{font-size:3.0rem;line-height:3.4rem;}
  h3{font-size:2.0rem;line-height:2.6rem;}
  p,ul,ol,input,textarea,table,td,form,button,input[type=button],input[type=submit],input[type=reset],select{/*sofia-pro font-size:2.3rem;*/font-size:2.6rem;line-height:3.0rem;}
  i,em,.broadsheet,.broadsheet p{font-size:2.6rem;}
  /* MENU */
  .outer-menu .menu > div > div > ul{padding:0 90px;}
  .outer-menu .hamburger,.outer-menu-addvenue .hamburger-addvenue {width: 40px; height: 40px;}
  .outer-menu .hamburger > div:before, 
  .outer-menu .hamburger > div:after /* DASH 1 */ {top: -12px;}
  .outer-menu .hamburger > div:after /* DASH 3 */ {top: 12px;}
  /* PAHKULA */
  .ajatuskupla{height:55%;background-size:95% 75%;-moz-background-size:95% 75%;-webkit-background-size:95% 75%;-o-background-size:95% 75%;background-position:center 90%;}
  .ajatuskupla h1{padding-top:12vh;}
  .ajatushanta{background:url(images/ajatushanta-mobile.png);height:45%;background-size:80% 100%;-moz-background-size:80% 100%;-webkit-background-size:80% 100%;-o-background-size:80% 100%;background-position:100% top;background-repeat:no-repeat;display:flex;align-items:flex-end;}
  .ajatushanta .margins {width:100%;display:flex;justify-content:space-between;align-items:flex-end;}
  .ajatushanta p {float:none;margin:0;}
  /* TUOTEVALIKKO */
  .valikko .valikkolaatikko,.products .product{width:30%;}
  /* TUOTESIVU */
  .tuote .mockup{background-size:cover;background-position:center center;background-attachment:scroll;}
}
/* MOBILE */
@media only screen and (max-width: 761px) {  
  /* LAYOUT */
  .showmobile.inline-block{display:inline-block;*zoom:1;*display:inline;}
  .logo-footer{width:80vw;}
  .logo-fixed{left:30px;width:60px;top:36px;}
  .nosto{display:block;}
  .nosto .half{min-height:80vh;}
  .flexi{display:block;}
  .flexi .half{min-height:60vh;}
  /* TYPOGRAFIA */
  h1,h2,h3,h4{margin-top:20px;margin-bottom:20px;}
  h1{font-size:5.6rem;line-height:6.0rem;}
  h2,.tuote-kuvaus h1,.etusivu .ingressi p{font-size:2.8rem;line-height:3.4rem;}
  h3{font-size:2.2rem;line-height:2.5rem;}
  .tuote-kuvaus h1{margin-top:0;}
  p,ul,ol,input,textarea,table,td,form,button,input[type=button],input[type=submit],input[type=reset],select,.woocommerce ul#shipping_method li label{/*sofia-pro font-size:1.9rem;*/font-size:2.4rem;line-height:2.5rem;}
  .chainprinter,.chainprinter p{font-size:1.9rem;}
  .ingressi{margin-left:0;margin-right:0;}
  i,em,.broadsheet,.broadsheet p{font-size:2.4rem;}
  small,.small,label,.tuotehaitaricontent p,.tuotehaitaricontent td,.woocommerce-cart-form th{font-size:1.6rem;line-height:2.2rem;}
  input[type=text],input[type=password],input[type=email],input[type=url],select,textarea{width:100%;}
  input[type=button],input[type=submit],input[type=reset]{font-size:2.0rem;}
  /* MENU */
  .outer-menu{top:20px;left:60px;}
  .outer-menu .checkbox-toggle{top:-5px;left:-48px;width:50px;height:50px;}
  .outer-menu .menu > div > div > ul{padding:0 20px;}
  .outer-menu .menu > div > div > ul > li {font-size: 5.8rem;line-height:5.8rem;}
  .outer-menu .hamburger,.outer-menu-addvenue .hamburger-addvenue {width: 40px; height: 40px;}
  /* DASH 1 */.outer-menu .hamburger > div:before, .outer-menu .hamburger > div:after {top: -10px;}
  /* DASH 3 */ .outer-menu .hamburger > div:after {top: 10px;}
  /* CART */
  .cart-menu{top:23px;right:18px;}
  .cart-menu li i{font-size:2.2rem;}
  .wpmenucart-contents span{top:-11px;right:-11px;width:17px;height:17px;font-size:12px;line-height:15px;}
  /* PAHKULA */
  .ajatuskupla{height:60%;background-size:95% 70%;-moz-background-size:95% 70%;-webkit-background-size:95% 70%;-o-background-size:95% 70%;background-position:center 90%;}
  .ajatushanta{background:url(images/ajatushanta-mobile.png);height:40%;background-size:80% 100%;-moz-background-size:80% 100%;-webkit-background-size:80% 100%;-o-background-size:80% 100%;background-position:center top;background-repeat:no-repeat;display:flex;align-items:flex-end;}
  .ajatushanta .margins {width:100%;margin:0 30px 30px 30px;display:flex;justify-content:space-between;align-items:flex-end;}
  .ajatushanta p {float:none;margin:0;}
  .pahkula h1{padding-top:15vh;}
  /* TUOTEVALIKKO */
  .valikko .valikkolaatikko,.products .product{width:100%;margin:0;}
  /* TUOTESIVU */
  .tuote .mockup{background-size:cover;background-position:center center;background-attachment:scroll;}
  .wc-proceed-to-checkout{text-align:center;}
  .wc-proceed-to-checkout a:link,.wc-proceed-to-checkout a:visited,.wc-proceed-to-checkout a:hover,.wc-proceed-to-checkout a:active{font-size:20px !important;}
  .woocommerce-cart-form .quantity{width:auto;}
  /* HAITARI */
  button.haitari{font-size:20px;}

}