/*
	Theme Name: Design By Buorre
	Theme URI: https://buorre.fi/
	Description: Design By Buorre - WordPress-teema Muumi Baby -kaupalle
	Version: 0.9.9
	Author: Buorre

	License: 
	License URI:
*/

/*
	Muistiinpanot:

	Muista prefixit: https://autoprefixer.github.io/
	
	Vanilla CSS, ei SASS käytössä.
*/
/* Toimitushinnan alennus, poista 1.9.
#shipping_method .woocommerce-Price-currencySymbol::after {
	content: ' 12,90€';
    font-weight: 400;
    text-decoration: line-through;
    opacity: 0.8;
    padding-left: 0.5rem;
} */
/*------------------------------------*\
    CUSTOM CLASSIEN CSS TAHAN
\*------------------------------------*/
.joulu20-tuotteet .category-lead { display: none !important; }
.limited-subscription-notice.notice { display: none !important; }
.wpcf7-text {
	border: 0 !important;
    padding: 0.7rem 0.5rem;
    border-radius: 0;
	outline: 0;
}
.wpcf7-submit {
	border: 0 !important;
}
div.wpcf7-response-output {
    padding-left: 0;
	padding-right: 0;
    border: 0;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    display: none;
}
#cc-window{
	background-color: #faf8f7;
	color: #525252;
	box-shadow: none;
	border-radius: 0;
	max-width: 1280px;
	margin: auto;
	font-size: 0.8rem;
}
.cc-message {
	text-align: left !important;
}
#cc-window.cc-window .cmplz-categories-wrap .cc-check svg {
    stroke: #afcc9e !important;
}
/*------------------------------------*\
    MAIN
\*------------------------------------*/
.wpml-ls-statics-shortcode_actions {
	display: inline-block;
    margin: 0 2vw 1rem 0;
    border: 0;
    padding: 0;
}
.wpml-ls-legacy-list-horizontal a span {
	vertical-align: top;
}
body .cc-animate.cc-revoke.cc-bottom {
    transform: translateY(1em);
}
/* global box-sizing */
*,
*:after,
*:before {
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 100% font-size for REM use */
html {
	font-size:100%;
	overflow-x: hidden;
}

/* Google Fonts tai fontsface */
body {
	color:#525252;
	font-family: niveau-grotesk, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.4;
	overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.1;
}
h1, h2 { margin: 0.5em 0; }
h3,h4,h5,h6 { margin: 1rem 0; }
h1{ font-size: 3.75rem; font-weight: 300; }
h2{ font-size: 2.5rem; font-weight: 300; letter-spacing: 0.04em; }
h3{ font-size: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; }
h4{ font-size: 1.625rem; letter-spacing: 0.02em; }
h5{ font-size: 1.3125rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.04em; }
h6{ font-size: 1.0625rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.04em; }

b, strong { font-weight: 500; }

p { margin: 1rem 0; }

.lead {
	font-size: 1.15rem;
}
mark {
    background: #afcc9e;
    color: white;
}
blockquote {
	padding-left: 5vw;
	color: #afcc9e;
	font-size: 1.625rem;
	letter-spacing: 0.02em;
	line-height: 1.1;
}

/* Listat mainin sisalla */
main ol {
	list-style: none;
	counter-reset: li;
}
main ol li {
	margin: 0.5rem 0;
}
main ol li::before {
	content: '.' counter(li);
	display: inline-block;
	width: 1em;
	counter-increment: li;
	margin-left: -1.5em;
    margin-right: 0.5em;
	text-align: right;
	direction: rtl;
	font-weight: 500;
	color: #afcc9e;
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
	height: auto;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	-webkit-user-drag: none;
}
a {
	color:#525252;
	text-decoration:underline;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.functionality.nav a {
	color: #aaa1a1;
	position: relative;
}
a.button, .button, .woocommerce-MyAccount-navigation-link>a, .ff-loadmore-wrapper .ff-btn, .cc-btn {
	background-color:#afcc9e;
	color: #ffffff;
    padding: 1rem 2rem !important;
    margin: 1rem 0;
    display: inline-block;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	font-weight: 500 !important;
	text-transform: uppercase;
	letter-spacing: 0.04em; 
	line-height: inherit !important;
    border-radius: 0 !important;
	outline: 0 !important;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.cc-btn {
	padding: 0.3em 1em !important;
	border: 0 !important;
	background-color:#afcc9e !important;
	text-decoration: none !important;
	color: #ffffff !important;
	margin: 0 !important;
}
.ff-loadmore-wrapper .ff-btn { background-color:#afcc9e !important;}
.woocommerce .cart .button, .woocommerce .cart input.button{
	background-color:#afcc9e;
	color: #ffffff !important;
    padding: 1rem 2rem !important;
    margin: 1rem 0;
    display: inline-block;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	font-size: 1rem;
	font-weight: 500 !important;
	text-transform: uppercase;
	letter-spacing: 0.04em; 
	line-height: inherit !important;
    border-radius: 0 !important;
	outline: 0 !important;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.woocommerce .cart .button:disabled, .woocommerce .cart input.button:disabled {
	pointer-events: none;
}
.woocommerce .cart .button[name="update_cart"]{
	background-color: #CFC6C3 !important;
}
.woocommerce .cart .button[name="update_cart"]:hover{
	background-color: #728366 !important;
	color: white !important;
}
a:hover {
	color:#A39A9A;
}
.functionality.nav a:hover {
	color: #525252;
}
.functionality.nav .menu-item.to-shop-page {
	position: relative;
}
.functionality.nav .menu-item.to-shop-page a {
	color: white;
	padding: 0.25rem 1.2rem;
	background-color: #aecda0;
}
.functionality.nav .menu-item.to-shop-page a:hover {
	background-color: #728366;
}
a.button, button {
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
a.button {
	text-decoration: none;
	cursor: pointer;
}
a.button:hover, .button:hover, .woocommerce button.button.alt:hover, .woocommerce-MyAccount-navigation-link>a:hover,
.ff-loadmore-wrapper .ff-btn:hover,
.cc-btn:hover{
	background-color: #728366 !important;
	color: white !important;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width: 1280px;
	width: 95%;
    margin: 0 auto;
    position: relative;
}
/* header */
.header {
	padding: 1rem 1rem 1rem 3vw;
    font-size: 0.95rem;
    position: fixed;
    width: 95%;
    max-width: 1280px;
    top: 0;
    background: rgba(255, 255, 255, 0.9);
    z-index: 999;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
#sample-order {
	position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
            transform: translate(0, 100%);
    padding: 0.5rem 1.2rem;
    background: #FAF8F7;
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;
}
/* logo */
.logo {
	display: inline-block;
    margin-right: 3vw;
}
.logo-img {
	height: 70px !important;
}
.footer .logo-img {
	height: 50px !important;
}
.footer .widget_text p {
	margin: 0.3rem 0;
}
/* nav */
.nav {
	display: inline-block;
}
.functionality.nav {
    position: absolute;
    top: 1rem;
    right: 1rem;
	text-transform: uppercase;
	font-weight: 500;
}
.nav>ul {
	list-style: none;
    margin: 0;
    padding: 0;
}
.nav>ul>li {
	display: inline-block;
    margin: 1rem 2vw 0 0;
}
.nav>ul>li>a {
	text-decoration: none;
}
.nav>ul>li.header-button>a {
    color: white;
    padding: 0.25rem 1.2rem;
    background-color: #aecda0;
    text-transform: uppercase;
    font-weight: 500;
}
.nav>ul>li.header-button>a:hover {
	background-color: #728366;
}

.functionality.nav>ul>li{
	margin: 0 2vw 1rem 0;
}
.nav>ul>li:last-child {
	margin-right:0;
}
.nav>ul>li>.basket {
	cursor: pointer;
}
.nav>ul>li>a>svg {
	-webkit-transition: fill 0.3s;
	-o-transition: fill 0.3s;
	transition: fill 0.3s;
	height: 1.2rem;
	fill: #aaa1a1;
	-webkit-transform:translateY(25%);
	    -ms-transform:translateY(25%);
	        transform:translateY(25%);
}
.nav>ul>li>a:hover>svg {
	fill: #525252;
}
.nav>ul>li>.basket>.basket-count {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	line-height: 1.3;
	text-align: center;
	background-color: #CFDDC5;
	color: #525252;
	position: absolute;
	top:-9px;
	right:0;
}
.nav>ul>li>.account.logged-in {
	padding-right: 25px;
}
.nav>ul>li>.account>svg {
    width: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

/* SUBMENU */
.nav>ul>li{
	position: relative;
}
.nav>ul>li.menu-item-has-children{
	transition-delay: 1s;
}
.nav>ul>li.menu-item-has-children>.toggle {
	display: none;
}
.nav>ul>li.menu-item-has-children>a:hover,
.nav>ul>li.menu-item-has-children>a:hover~ul.sub-menu,
.nav>ul>li>ul.sub-menu:hover {
	transition-delay: 0s;
}
.nav>ul>li.menu-item-has-children>a:hover~ul.sub-menu,
.nav>ul>li>ul.sub-menu:hover {
	visibility: visible;
	opacity: 1;
}
.nav>ul>li>ul.sub-menu {
	position: absolute;
	padding: 0;
	list-style: none;
	min-width: calc(100% + 2rem);
	background: rgba(255, 255, 255, 0.9);
	bottom: 0;
	left: 50%;
	transform: translateX(-50%) translateY(calc(100% + 1rem));
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s;
	transition-delay: 1s;
}
.nav>ul>li>ul.sub-menu>li>a {
	text-decoration: none;
    padding: 1rem 1rem;
    display: block;
    width: 100%;
}
.nav>ul>li>ul.sub-menu>li>a:hover {
	background-color: white;
}

/* sections */
main>section {
	background-size: cover;
	background-position: center center;
}
main>section:first-child, main>div:first-child {
	margin-top: 102px;
}
/* sidebar */
.sidebar {

}
/* footer */
.footer {
	position: relative;
	background-color: #faf8f7;
	padding: 5rem 6vw;
}
.footer .columns {
	margin: 0 -1rem;
}
.footer .copyright {
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	color: #aaa1a1;
	font-size: 0.8rem;
	margin: 0;
	position: absolute;
	bottom: 0.5rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
}
.footer .copyright a { 
	color: #aaa1a1 !important;
}
.footer ul {
	list-style: none;
	padding: 0;
}
.footer ul li a {
	text-decoration: none;
}



/*------------------------------------*\
    CONTAINERS
\*------------------------------------*/
.container {
	z-index:1;
	position: relative;
}
.container .bg {
    position: absolute;
	width: 100%;
	height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}
.container-narrow {
	width: 960px;
	max-width: 100%;
	margin: auto;
}
/*------------------------------------*\
    TABLE-RAKENNE
\*------------------------------------*/
.table {display:table;}
.table-cell {display:table-cell; vertical-align: middle;}


/*------------------------------------*\
    PALSTA-RAKENNE
\*------------------------------------*/
.columns-section {
    padding: 2rem 3vw;
}
.columns {
	font-size:0;
}
.columns .col {
	font-size: 1rem;
	display: inline-block;
	vertical-align: top;
    padding: 1rem;
    margin: 0.5rem 0;
	width: 100%;
	line-height: 1.5;
}
.col.col-1of2 {
	width: 50%;
}
.col.col-1of3 {
	width: calc(100% / 3);
}
.col.col-2of3 {
	width: calc(100% / 3 * 2);
}
.col.col-1of4 {
	width: 25%;
}
.col.col-1of5 {
	width: 20%;
}
.col.col-1of6 {
	width: calc(100% /6);
}
.center {
	text-align: center;
}

/*------------------------------------*\
    LOHKOT
\*------------------------------------*/

/* HERO */
.hero {
	min-height: 70vh;
	position: relative;
}
.hero>.bg {
	position: Absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
.hero .table {
	padding: 5rem 0;
    max-width: calc(50% - 3vw);
    min-height: 70vh;
    margin-left: 3vw;
}
.hero .table.wider {
    max-width: calc(60% - 3vw);
}
.hero .table .table-cell .text-container {
	padding: 3vw;
}
.hero .table .table-cell .text-container.text-and-img {
	font-size: 0;
	padding-right: 0;
	position: relative;
}
.hero .table .table-cell .text-container.text-and-img .text, .hero .table .table-cell .text-container.text-and-img .img {
	font-size: 1rem;
	display: inline-block;
	vertical-align: middle;
}
.hero .table .table-cell .text-container.text-and-img .text {
	width: 55%;
}
.hero .table .table-cell .text-container.text-and-img .img {
	width: 33%;
}
.hero.category-hero .table .table-cell .text-container.text-and-img .img {
	position: absolute;
    height: 0;
    width: 33%;
    padding-bottom: calc(33% - 6px);
    right: 0;
    bottom: 3vw;
    border-radius: 50%;
    border: 3px solid white;
}
.hero.category-hero .table .table-cell .text-container.text-and-img .img img {
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 75%;
}

/* OSASTOT */
.product-categories {
	padding: 0 calc(3vw - 0.3rem);
}
.product-categories .columns {
	margin-top: 3rem;
}
.product-categories .center {
	margin-top: 1rem;
	position: relative;
}
.product-categories .columns .col {
	padding: 0 0.3rem;
}
.category-img {
	height: 0;
    position: relative;
    padding-bottom: 110%;
	background-position: center center;
	background-size: cover;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.product-categories .columns .col a:hover>.category-img {
	opacity: 0.7;
}

.product-categories a.anchor {
	top: -102px;
	position: absolute;
}
.category-info {
	padding: 1.5rem 1rem;
	position: relative;
}
.category-info h3{
	margin-top: 0;
}
.category-info p{
	text-transform: uppercase;
}
.category-product-img {
    position: absolute;
    height: 0;
    width: 40%;
    padding-bottom: calc(40% - 6px);
    right: 0.5rem;
    top: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    border-radius: 50%;
    border: 3px solid white;
}
.category-product-img img {
    max-width: 75%;
    position: absolute;
    top: 55%;
    left: 55%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.products {
	height: 0;
	overflow: hidden;
}
.products-of-single {
	padding: 2rem 3vw;
}
.products-of-single .products {
	height: auto;
}
.products .columns .col {
	padding: 0 0.3rem;
	text-align: center;
}
.products .columns .col>.product{
	padding: 1rem;
}
.woocommerce .woocommerce-product-gallery__image a,
.woocommerce .woocommerce-product-gallery__wrapper{
	pointer-events: none;
}
.woocommerce .woocommerce-tabs.wc-tabs-wrapper,
.products .columns .col .product .woocommerce-tabs {
	display: none;
}
.woocommerce .woocommerce-product-gallery{
	float: none !important;
}
.woocommerce .summary{
	float: none !important;
}
.products .category-heading {
	margin-top: 1em;
}
.products .columns .col .woocommerce-product-gallery{
	float: none;
	width: 100%;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
}
.products .columns .col .summary{
	float: none;
	width: 100%
}
.products .columns .col .woocommerce-notices-wrapper {
	display: none;
}
.col .price, .woocommerce .price {
	display: block;
	margin-bottom: 1rem;
}
.woocommerce .quantity {
	float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-bottom: 1rem !important;
}
.woocommerce .quantity .qty {
	width: 90px !important;
    padding: 0.8rem 0 !important;
    border: none !important;
}
.woocommerce .product-type-variable-subscription .woocommerce-variation-add-to-cart>label:first-child,
.woocommerce .product-type-variable-subscription .woocommerce-variation-add-to-cart>.quantity {
	display: none !important;
}
.woocommerce .single_add_to_cart_button, a.button.wc_permalink {
	float: none !important;
	padding: 0.8rem 1.5rem !important;
    min-width: 230px !important;
    border-radius: 0 !important;
	text-transform: uppercase !important;
	font-weight: 400 !important;
	background-color: #afcc9e !important;
    color: #ffffff !important;
}
a.button.wc_permalink:hover {
	background-color: #728366 !important;
}
.woocommerce .single_add_to_cart_button:hover {
	background-color: #728366 !important;
}
.products .columns .col .woocommerce-variation-add-to-cart>.price, .products .columns .col .entry-summary>.price{
	display: none;
}
.products .columns .col .woocommerce div.product form.cart .woocommerce-variation-description {
	display: none;
}
.woocommerce div.product form.cart .woocommerce-variation-description p {
    color: #77a464;
    font-size: 1.25em;
    margin-bottom: 0;
}

/* MUOKKAA TÄMÄ KUN VARIAATIOT LISÄTTY */
.products .columns .col .product-type-subscription .entry-summary>.cart {
	margin-top:7.5rem;
}
.products .columns .col .product-type-variable-subscription .variations,
.products .columns .col .product-type-variable-subscription .single_add_to_cart_button,
.products .columns .col .product-type-variable-subscription .woocommerce-variation-add-to-cart .label,
.products .columns .col .product-type-variable-subscription .quantity,
.products .columns .col .product-type-variable-subscription .woocommerce-variation-price{
	display: none !important;
}
.products .columns .col .product-type-variable-subscription .wc_permalink {
	margin-top: 15.8rem;
}
.products .columns .col .product-type-variable .wc_permalink {
	display: none;
}


.woocommerce .woocommerce-variation-add-to-cart>label.label, .woocommerce .single-product .cart>label.label {
	font-weight: 500;
    text-transform: uppercase;
    line-height: 2em;
}
.woocommerce table.variations{
	margin-bottom: 0 !important;
}
.woocommerce table.variations .label, .woocommerce table.variations .woo-variation-items-wrapper {
	padding: 0 0 1rem 0 !important;
    width: 100%;
    display: block;
}
.woocommerce table.variations .label {
	padding: 0 !important;
}
.woocommerce table.variations .label label {
	font-weight: 500 !important;
	text-transform: uppercase;
}
.woocommerce table.variations .woo-variation-items-wrapper .variable-items-wrapper {
	display: block;
    margin: 0;
    padding: 0;
}
.woocommerce table.variations .woo-variation-items-wrapper .button-variable-item, a.button.select-diaper {
	display: inline-block;
	-webkit-box-shadow: none;
	        box-shadow: none;
    height: auto;
    border-radius: 0;
    line-height: 1 !important;
    padding: 0.8rem 1.5rem !important;
	background-color: white;
	margin: 0 0.25rem 0.5rem 0;
	cursor: pointer;
	outline: none !important;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	font-weight: 400 !important;
	text-transform: none;
}
.variable-items-wrapper[data-attribute_name="attribute_koko"] .variable-item {display: none !important;}
.variable-items-wrapper[data-attribute_name="attribute_koko"] .variable-item.show {display: inline-block !important;}
.woocommerce table.variations .woo-variation-items-wrapper .button-variable-item:hover , a.button.select-diaper:hover {
	background-color: #728366 !important;
    color: white !important;
}
.woocommerce table.variations .woo-variation-items-wrapper .button-variable-item.selected, a.button.select-diaper.selected {
	background-color:#afcc9e;
	color: #ffffff;
	cursor: default;
	pointer-events: none;
}

.woocommerce table.variations .woo-variation-items-wrapper .button-variable-item .variable-item-span {
	padding: 0;
}
.woocommerce table.variations .woo-variation-items-wrapper .reset_variations {
	display: none !important;
}

.woocommerce .product_meta {
	display: none;
}
.woocommerce .added_to_cart {
	display: none !important;
}
.woocommerce button.button.added::after {
	content: '';
	display: none;
}
.products .columns .col .xoo-wsc-icon-checkmark {
	font-size: 0.8em;
}
.products .columns .col .js-selection {
	display: none;
}
#product-2697 .js-selection,
#product-2697 .cart .label,
#product-2697 .cart .quantity,
#product-2697 .cart .price {
	display: none !important;
}

.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
    text-decoration: none !important;
	font-weight: 400 !important;
}
.woocommerce div.product p.price del, .woocommerce div.product span.price del {
    color: gray !important;
    font-size: 0.8em !important;
}
.woocommerce span.onsale {
	background-color: #afcc9e !important;
    height: 3.236em !important;
    width: 3.236em !important;
    line-height: 2.8 !important;
}

.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: #afcc9e;
}

.woocommerce .single-product { background-color: #FAF8F7; }
.products .columns .col .single-product { background-color: transparent; }

.woocommerce .variable-item.button-variable-item.disabled {display: none !important;}
.woocommerce ul[data-attribute_name="attribute_valitse-malli"] .variable-item.button-variable-item.disabled {
  display: inline-block !important;
}
.products .columns .col .woocommerce-product-gallery__image {
	height: 0;
    padding-bottom: 100%;
    overflow: hidden;
}
.products .columns .col .woocommerce-product-details__short-description { display: none; }
.single-product-section .single-product .product { font-size: 0; }
.single-product-section .single-product .product .woocommerce-product-gallery { width: 40%; font-size: 1rem; display: inline-block; vertical-align: middle; pointer-events: none;}
.single-product-section .single-product .product .summary  { width: 60%;  font-size: 1rem; display: inline-block;  vertical-align: middle; padding: 2rem 5rem 1rem;}
.single-product-section .single-product .product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { display: none; }
.single-product-section .single-product .product .summary>.price { display: none; }
.single-product-section .single-product .product .woocommerce-variation-add-to-cart>.price { display: none; }
.single-product-section .single-product .product .button.wc_permalink { display: none; }
.single-product-section .single-product .product .js-selection .label {
	font-weight: 500 !important;
    text-transform: uppercase;
	display: block;
}
.single-product-section .single-product .woocommerce-info {
	display: none;
}
.single-product-section .single-product .woocommerce-info:only-child,
.single-product-section .single-product .woocommerce-message,
.single-product-section .single-product .woocommerce-error {
	display: block;
	font-size: 2rem;
    font-weight: 300;
    margin-bottom: 0;
    width: 60%;
    margin-left: auto;
    padding: 5rem 5rem 0;
}
.xoo-wsc-notice-box > div {
    background-color: #faf8f7 !important;
}
.single-product-section .single-product .woocommerce-message .wc-forward {
	font-size: 1rem;
}
.postid-2697 .single-product-section .single-product .woocommerce-error {
	font-size: 1rem;
}


/* OSTOSKORI */
.woocommerce-form-coupon {
	border: 0 !important;
    background-color: #faf8f7;
    border-radius: 0 !important;
    padding: 2rem 3vw !important;
}
.woocommerce-cart-form .coupon {
	display: none;
}
#coupon_code {
	border: 0;
    padding: 0.7rem 0.5rem;
    border-radius: 0;
}
.woocommerce .woocommerce-cart-form thead tr th, .woocommerce .shop_table tbody tr th {
	font-weight: 500;
    text-transform: uppercase;
}
.woocommerce .woocommerce-cart-form .product-quantity .quantity {
	margin-bottom: 0 !important;
}
.woocommerce .woocommerce-cart-form,
.woocommerce .woocommerce-cart-form .shop_table,
.woocommerce .woocommerce-cart-form thead,
.woocommerce .woocommerce-cart-form tbody,
.woocommerce .woocommerce-cart-form tbody tr,
.woocommerce .woocommerce-cart-form tbody tr td,
.woocommerce .shop_table,
.woocommerce .shop_table tbody,
.woocommerce .shop_table tbody tr,
.woocommerce .shop_table tbody tr td,
.woocommerce .shop_table tbody tr th {
	border: 0 !important;
}
.woocommerce .shop_table tbody tr { background-color: #FAF8F7; }
.woocommerce .woocommerce-cart-form tbody tr:last-child { background-color: transparent; }
.woocommerce .woocommerce-cart-form tbody tr td.product-remove a { color: #afcc9e !important; }
.woocommerce .woocommerce-cart-form tbody tr td.product-remove a:hover {
	color: #728366 !important;
	background-color: transparent !important
}
.woocommerce .woocommerce-cart-form tbody tr td.product-thumbnail a { pointer-events: none; }
.woocommerce .woocommerce-cart-form tbody tr td.product-thumbnail a img { width: 100px; }
.woocommerce .woocommerce-cart-form tbody tr td.product-name a {
	pointer-events: none;
    text-decoration: none;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
	width: 100%;
	float: none;
}

.woocommerce .cart-collaterals { padding-bottom: 3rem; }
.woocommerce .cart-collaterals .checkout-button {
	float: right;
	background-color:#afcc9e !important;
	color: #ffffff;
    padding: 1rem 2rem !important;
    margin: 1rem 0;
    display: inline-block;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	font-size: 1.0625rem !important;
	font-weight: 500 !important;
	text-transform: uppercase;
	letter-spacing: 0.04em; 
	line-height: inherit !important;
    border-radius: 0 !important;
	outline: 0 !important;
}
.woocommerce .cart-collaterals .checkout-button:hover {
	background-color: #728366 !important;
}
.shop_table.shop_table_responsive {
	padding: 3rem 3vw !important;
    background-color: #FAF8F7;
}
.shop_table.shop_table_responsive * {
	background: transparent;
	border: 0 !important;
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
	padding: 1rem 3vw !important;
}
.input-text.qty.text {
	background-color: white !important;
}
.woocommerce-error {
	border-top: 0 !important;
}
.woocommerce-error:before {
	content: none !important;
}
.woocommerce-info {
	border-top: 0 !important;
}
.woocommerce-info:before {
	content: none !important;
}
.woocommerce-form.woocommerce-form-login.login, .woocommerce-form.woocommerce-form-register.register {
	border: 0;
    border-radius: 0;
    padding: 2rem 3vw;
    background-color: #FAF8F7;
}
.woocommerce-form.woocommerce-form-login.login .input-text, .woocommerce-form.woocommerce-form-register .input-text{
	border: 0;
    padding: 0.7rem 0.5rem;
    border-radius: 0;
}

/* KASSA */
.woocommerce form .form-row.woocommerce-invalid label {
    color: #525252;
}
#add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img {
    width: 80px;
    max-width: 100%;
}
.woocommerce-checkout #payment ul.payment_methods li.payment_method_stripe img {
	width: 40px;
}
.woocommerce table.shop_table td .includes_tax {
	display: none;
}
.woocommerce-message {
	border: 0 !important;
}
.woocommerce-message::before {
	display: none;
}
.woocommerce-form-login-toggle .woocommerce-info {
	border-top: 0;
    background-color: #faf8f7;
    padding: 2rem 3vw;
}
.woocommerce-form-login-toggle .woocommerce-info:before {
	content: none;
}
.woocommerce-checkout .col2-set#customer_details {
	padding: 3rem 3vw;
    background-color: #FAF8F7;
	margin-bottom: 2rem;
}
.woocommerce-checkout .col2-set .input-text {
	border: 0;
    padding: 0.7rem 0.5rem;
    border-radius: 0;
}
.woocommerce-checkout #order_review_heading { display: none; }

.woocommerce-checkout-review-order-table {
	margin-bottom: 2rem !important;
	background-color: #FAF8F7;
	border-radius: 0 !important;
	padding: 2rem 3vw;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table thead { display: none; }
.woocommerce-checkout-review-order-table * {
	border: 0 !important;
}
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
	padding: 0.5rem 0 !important;
}
.woocommerce table.shop_table th {
	font-weight: 500 !important;
    text-transform: uppercase;
}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
    font-weight: 500 !important;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: #FAF8F7;
    border-radius: 0 !important;
}
.woocommerce-checkout #payment ul.payment_methods {
    padding: 2rem 3vw !important;
	border-bottom: 0 !important;
}
.woocommerce-checkout #payment div.payment_box {
	background-color: #FFFFFF !important;
    color: #525252 !important;
}
.woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid #ffffff;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}
.form-row.place-order {
	padding: 2rem 3vw !important;
	margin-bottom: 2rem !important;
}
#wc-stripe-cc-form {
	max-width: 600px;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background-color: #afcc9e;
    color: #ffffff;
    padding: 1rem 2rem !important;
    margin: 1rem 0;
    display: inline-block;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 1.0625rem;
    font-weight: 500 !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: inherit !important;
    border-radius: 0 !important;
    outline: 0 !important;
	-webkit-transition: background 0.3s;
	-o-transition: background 0.3s;
	transition: background 0.3s;
}
#order_comments_field {
	display: none;
}

/* TILAUSSIVU */
.woocommerce-ResetPassword {
	padding: 2rem 3vw;
    background-color: #faf8f7;
    margin-bottom: 2rem;
}
.woocommerce-order>p {
	padding: 0 3vw;
	font-size: 1.2rem;
	color: #aecda0;
}
.woocommerce-notice, .woocommerce-order>p:first-of-type {
	padding: 5rem 3vw 2rem 3vw;
	font-size: 1.2rem;
	color: #aecda0;
	
}
.woocommerce ul.order_details {
	padding: 0 3vw !important;
}
.woocommerce-order-details__title, header>h2 {
	margin: 0.5em 0 !important;
}
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
	background-color: #FAF8F7 !important;
    padding: 2rem 3vw !important;
    border-radius: 0 !important;
    margin-bottom: 3rem !important;
}
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details * {
	border: 0 !important;
	background-color: transparent !important;
}
.woocommerce-table__product-name.product-name>a {
	pointer-events: none;
	text-decoration: none;
}
.woocommerce address {
	border: 0 !important;
    padding: 2rem 3vw !important;
    background: #FAF8F7;
    border-radius: 0 !important;
}
.woocommerce ul.order_details li {
    border-right: 0 !important;
    margin-bottom: 0.5rem !important;
}

/* OMA TILI */
.woocommerce-address-fields {
	background-color: #FAF8F7 !important;
    padding: 2rem 3vw !important;
    border-radius: 0 !important;
    margin-bottom: 3rem !important;
}
.woocommerce-address-fields .input-text {
	border: 0;
    padding: 0.7rem 0.5rem;
    border-radius: 0;
}
.subscription_details .button {
	margin-bottom: 5px !important;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 1em 3vw;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
	background-color: transparent !important;
}
.woocommerce-MyAccount-navigation>ul {
	list-style: none;
    margin-top: 0;
    padding: 0;
}
.woocommerce-MyAccount-navigation-link>a {
	padding: 0.5rem 2rem !important;
    margin: 0 0.5rem 0.5rem 0;
    background-color: #faf8f7;
    width: 100%;
    text-align: center;
    color: #525252;
    text-decoration: none;
}
.woocommerce-MyAccount-navigation-link.is-active>a {
    background-color: #afcc9e !important;
    color: #ffffff !important;
}
.woocommerce-MyAccount-navigation-link--downloads, .woocommerce-MyAccount-navigation-link--ncwoocommerce-subscriptions {
	display: none;
}
.woocommerce-EditAccountForm.edit-account{
	padding: 2rem 3vw;
    background-color: #faf8f7;
    border-radius: 0;
}
.shop_table.subscription_details {
	padding: 2rem 3vw;
    background-color: #faf8f7;
    border-radius: 0;
}
.shop_table.order_details {
	padding: 2rem 3vw;
    background-color: #faf8f7;
    border-radius: 0;
}
.shop_table.order_details * {
	border: 0 !important;
}
.wcs-switch-link.button {
	margin: 1rem 0 !important;
}
.woocommerce-MyAccount-content {
	padding: 0 0 2rem;
}
.woocommerce-Input.input-text {
	border: 0;
    padding: 0.7rem 0.5rem;
    border-radius: 0;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    background-color: #CDDBC3;
}

/* PIILOTA SUOMESTA */
/*
.only-other {
	display: none !important;
}
.hide-fi .only-other {
	display: inherit !important;
}
.hide-fi .only-fi {
	display: none !important;
}
.hide-fi .woocommerce table.variations .woo-variation-items-wrapper .button-variable-item {
	pointer-events: none !important;
	background-color: white !important;
	color: #515151 !important;
	cursor: default !important;
}
.hide-fi .woocommerce .woocommerce-variation-add-to-cart {
	display: none !important;
}
*/
/* SOME FEED */
.social-feed {
	padding: 2rem 3vw;
}
.social-feed .ff-stream {
	margin: 0 -14px;
}
.social-feed .ff-stream-wrapper {
	margin: 0;
}
.social-feed .ff-icon-inner {
    background-color: rgba(255, 255, 255, 0.9) !important;
	color: #525252 !important;
}
.social-feed .ff-item-bar {
	display: none;
}
.social-feed .ff-initial-image{
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.social-feed .ff-initial-image:hover {
	opacity: 0.7;
}
.social-feed .ff-square {
    background-color: #afcc9e !important;
}

/* VASTUULLISUUSTEKIJAT */

.values {
	padding: 2rem 0;
}
.values .columns .col {
	text-align: center;
}
.values .columns .col .value-icon {
	margin: 1rem;
	max-width: 110px;
}
.values .columns .col .pre {
	font-size: 1.0625rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #afcc9e;
	display: block;
}
.values .columns .col .value-name {
	min-height: 34px;
}

.values .center.container-narrow {
	margin-top: 2rem;
}
/* VASTUULLISUUSTEKIJÄT LAAJA */
.values-content {
	padding: 2rem 3vw;
}
.values-content .columns .col {
	vertical-align: middle;
	position: relative;
}
.values-content .columns .col .value-icon {
    position: absolute;
    top: 2rem;
    right: 2vw;
    width: 20%;
}
.values-content .columns .col .pre {
	font-size: 1.0625rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #afcc9e;
	display: block;
}
.values-content .columns .col.text {
	padding: 6rem 3vw 2rem;
	background: white;
	width: 47%;
}
.values-content .columns .col.img {
	width: 53%;
	padding: 0;
}
.values-content .columns .col.text .heading {
	margin-top: 1rem;
}
.values-content .container-narrow {
	margin-top: 5rem;
}
/* TEKSTI JA KUVA */
.text-and-image {
	padding: 2rem calc(6vw - 1rem);
}
.text-and-image.catch {
	padding-top: 0;
	padding-bottom: 0;
}
.text-and-image .col {
	vertical-align: middle;
}
.text-and-image .col.text.left {
    padding-right: 2vw;
}
.text-and-image .col.text.right {
    padding-left: 2vw;
}
.text-and-image .col.image {
    padding: 1rem 0;
	text-align: center;
}
.text-and-image.catch .col.image {
	padding: 0;
	margin: 0;
}
.text-and-image.catch .col.image img {
	max-width: calc(100% + 6vw - 1rem);
}
.text-and-image.catch .col.image:first-child img {
	transform: translateX(calc(-6vw + 1rem));
}

/* KOKOLEVEÄ */
.full-width { padding: 2rem 3vw; }

/* KOKOTAULUKKO */
.size-chart {
	padding: 2rem 6vw;
}
.size-chart .container-narrow {
	margin-bottom: 3rem;
}
.size-chart .size-chart-img {
	width: 600px;
}

/* HAITARIT */
.accordion {
	padding: 1rem 6vw;
}
.accordion .accordion-single {
	border-bottom: 1px solid #B7B7B7;
	padding: 1rem 0;
}
.accordion .accordion-single:last-child {
	border-bottom: 0;
}
.accordion .accordion-single .accordion-title {
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
    padding: 0 1rem 0 2.5rem;
	position: relative;
}

.accordion .accordion-single .accordion-title .icon {
	position: absolute;
	left:0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	width: 1.2rem;
    height: 1.2rem;
	pointer-events: none;
}
.accordion .accordion-single .accordion-title .icon span {
	position: absolute;
	left: 0;
	top: 50%;
	height: 2px;
	border-radius: 2px;
	width: 100%;
    background: #525252;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	-webkit-transform-origin: center center;
	    -ms-transform-origin: center center;
	        transform-origin: center center;
	-webkit-transition: -webkit-transform 0.2s;
	transition: -webkit-transform 0.2s;
	-o-transition: transform 0.2s;
	transition: transform 0.2s;
	transition: transform 0.2s, -webkit-transform 0.2s;
}
.accordion .accordion-single .accordion-title .icon span:first-child {
	-webkit-transform: translateY(-50%) rotate(90deg);
	    -ms-transform: translateY(-50%) rotate(90deg);
	        transform: translateY(-50%) rotate(90deg);
}
.accordion .accordion-single .accordion-title.open .icon span:first-child {
	-webkit-transform: translateY(-50%) rotate(90deg) scale(0);
	    -ms-transform: translateY(-50%) rotate(90deg) scale(0);
	        transform: translateY(-50%) rotate(90deg) scale(0);
}
.accordion .accordion-single .accordion-content {
	height: 0;
    overflow: hidden;
	padding: 0 1rem 0 2.5rem;
}

/* VALILEHDET */
.tabs {
	padding: 2rem 6vw;
}
.tab-content {
	height: 0;
	overflow: hidden;
	-webkit-transition: height 0.2s;
	-o-transition: height 0.2s;
	transition: height 0.2s;
}
.tab-content.open {
	height: auto;
}
.tab-title {
	background-color: #ebe9eb !important;
    color: #525252 !important;
}
.tab-title.open {
	pointer-events: none;
	background-color: #afcc9e !important;
    color: #ffffff !important;
}

/* ARTIKKELIT */

.articles.columns {
	padding: 0 calc(3vw - 1rem);
}
.themes {
	padding: 3rem 3vw;
	max-width: 1000px;
}
.themes>.button {
	margin: 0.5rem 1rem 0.5rem 0;
	font-size: 0.9rem;
    padding: 0.5rem 1rem !important;
}
.pagination {
	padding: 2rem 3vw;
    text-align: center;
}
article a.img:hover {
	opacity: 0.7;
}

/* ARTIKKELI */

main.article {
	padding: 0 3vw;
}
.breadcrumbs {
	padding: 2rem 0;
}
.single-article.columns article.col {
	padding-left: 0;
}
.single-article.columns .side.col {
	padding-right: 0;
}
.single-article.columns .side.col>h3 {
	margin-top: 0;
}
.single-article>h1 {
	margin: 0;
	max-width: calc(100% / 3 * 2 - 1rem);
	font-size: 3rem;
}
.single-article .themes {
	padding: 3rem 0;
	border-top: #707070 solid 1px;
}

/* JAKOLINKIT */
.share-icons>p {
	font-size: 0;
	margin: 3rem 0;
}
.share-icons>p>span {
	font-size: 1.625rem;
    letter-spacing: 0.02em;
	display: inline-block;
	vertical-align: middle;
	margin-right: 2rem;
}
.share-icons>p>a>svg {
	width: 3rem;
	display: inline-block;
	font-size: 1rem;
	vertical-align: middle;
	margin-right: 2rem;
	fill: #808080;
	-webkit-transition: fill 0.3s;
	-o-transition: fill 0.3s;
	transition: fill 0.3s;
}
.share-icons>p>a:hover>svg {
	fill: #afcc9e;
}

/* VIIMEISIMMAT ARTIKKELIT */
.latest-articles {
	padding: 3rem 3vw;
}
.latest-articles .columns {
	margin: 0 -1rem;
}
.latest-articles article a:hover {
	opacity: 0.7;
}

/* OTA YHTEYTTA */
.contact {
	background-color: #faf8f7;
}
.contact .columns .col:first-child {
	width: 40%;
	padding: 0;
	margin-bottom: 2em;
	margin-top: 0;
}
.contact .columns .col:last-child {
	width: 60%;
	padding: 2rem 5rem 1rem;
}

.not-found {
	padding: 5rem 3vw;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/


/* Font-face pohja */
@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

#mobile-menu-button {
	display: none;
}

/* Työpöytä */
@media only screen and (max-width:1280px) {
}

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

}
@media only screen and (max-width:1024px) {
	.wrapper, .header { width: 100%; }
	.hero .table, .hero .table.wider  { max-width: calc(100% - 6vw); }
	.hero .table .table-cell .text-container.text-and-img { padding: 3vw; }
	.col.col-1of5:nth-child(1), .col.col-1of5:nth-child(2), .col.col-1of5:nth-child(3) { width: calc(100% / 3); }
	.col.col-1of5:nth-child(4), .col.col-1of5:nth-child(5) { width: 50%; }
	.col.col-1of4 { width: 50%; }
	main.wc>.woocommerce {
		padding: 0 3vw;
	}
}

/* Mobiili */
@media only screen and (max-width:768px) {
	.lead {
		font-size: 1.225rem;
	}
	.hero .table .table-cell .text-container.text-and-img .text { width: 100%; }
	.hero .table .table-cell .text-container.text-and-img .img { display: none; }
	.columns .col { width: 100% !important; }
	.hero>.bg { background-color: rgba(255,255,255,0.5); }
	
	.single-product-section .single-product .product .summary {
		width: 100%;
		padding: 0 3vw 2rem;
	}
	.single-product-section .single-product .product .woocommerce-product-gallery {
		padding-top: 3rem;
		width: 100%;
	}
	.single-product-section .single-product .woocommerce-info:only-child,
	.single-product-section .single-product .woocommerce-message,
	.single-product-section .single-product .woocommerce-error {
		width: 100%;
		padding: 5rem 3vw 0;
	}
	.breadcrumbs {
		padding-top: 3rem;
	}
	.footer,
	.tabs,
	.values,
	.text-and-image,
	.values-content .columns .col,
	.values-content .columns .col.img,
	.contact .columns .col:last-child {
		padding-left: 3vw;
		padding-right: 3vw;
	}
	.text-and-image .col.text.left,
	.text-and-image .col.text.right,
	.values-content,
	.single-article.columns article.col,
	.single-article.columns .side.col{
		padding-left: 0;
		padding-right: 0;
	}
	.single-article>h1 {
	max-width: 100%;
	font-size: 2.5rem;
	}
	.social-feed .ff-stream {
		margin: 0;
	}
	.reverse .columns, .reverse.columns {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-flow: column-reverse;
		        flex-flow: column-reverse;
	}
	
	
	.values-content .columns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; }
    .values-content .columns .text { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 0; }
    .values-content .columns .img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 0; }
	.values-content .columns .img img { margin-bottom: 0 !important; }
	.logo-img {
		height: 50px !important;
	}
	main>section:first-child, main>div:first-child {
		margin-top: 82px;
	}
	#mobile-menu-button {
		display: block;
		position: absolute;
		right: 1rem;
		bottom: 0.5rem;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: 600;
		color: #525252;
		height: 20px;
		width: 40px;
	}
	#mobile-menu-button>span {
		position: absolute;
		top:0;
		right:0;
	}
	#mobile-menu-button>span:last-child {
		display: none;
	}
	#sample-order {
		padding: 0.5rem 1rem;
		left: 0;
		right: auto;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	#sample-order.open {
		-webkit-transform: translate(-100%, 100%);
		    -ms-transform: translate(-100%, 100%);
		        transform: translate(-100%, 100%);
	}
	.nav.main {
		display: block;
		position: absolute;
		bottom: 1px;
		-webkit-transform: translate(-100%, 100%);
		    -ms-transform: translate(-100%, 100%);
		        transform: translate(-100%, 100%);
		background-color: rgba(255, 255, 255, 0.9);
		width: 100%;
		left: 0;
		text-align: right;
		padding: 0 3vw 1rem;
		-webkit-transition: -webkit-transform 0.3s;
		transition: -webkit-transform 0.3s;
		-o-transition: transform 0.3s;
		transition: transform 0.3s;
		transition: transform 0.3s, -webkit-transform 0.3s;
	}
	.nav.main.open {
		-webkit-transform: translate(0, 100%);
		    -ms-transform: translate(0, 100%);
		        transform: translate(0, 100%);
	}
	.nav.main>ul>.menu-item {
		display: block;
		margin-right: 0;
	}
	.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
		content: attr(data-title);
		font-weight: 500 !important;
		float: left;
		text-transform: uppercase;
	}
	
	.text-and-image.catch .col.image img {
		max-width: calc(100% + 6vw + 1rem);
	}
	.text-and-image.catch .col.image:last-child img {
		transform: translateX(calc(-3vw - 1rem));
	}
	.header { background: white; }

	/* SUBMENU */
	.nav.main {
		background: white;
		padding-top: 2em;
		padding-bottom: 4em;
	}
	.nav.main>ul {
		text-align: center;
		font-size: 1.2em;
	}
	.nav>ul>li{
		margin-top: 1.5rem;
	}
	.nav>ul>li.header-button{
		margin-top: 2rem;
	}
	.nav>ul>li.menu-item-has-children{
		transition-delay: 0s;
	}
	.nav>ul>li.menu-item-has-children>.toggle {
		display: block;
		position: absolute;
		right: 0.8rem;
		top: 0.2rem;
		height: 1rem;
		width: 1rem;
	}
	.nav>ul>li.menu-item-has-children>.toggle>span {
		position: absolute;
		width: 100%;
		height: 3px;
		background: #525252;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.nav>ul>li.menu-item-has-children>.toggle>span:last-child {
		transform: translate(-50%, -50%) rotate(90deg);
		transition: width 0.2s;
	}
	.nav>ul>li.menu-item-has-children>.toggle.open>span:last-child {
		width: 0;
	}
	.nav>ul>li.menu-item-has-children>a:hover,
	.nav>ul>li.menu-item-has-children>a:hover~ul.sub-menu,
	.nav>ul>li>ul.sub-menu:hover {
		transition-delay: 0s;
	}
	.nav>ul>li.menu-item-has-children>a:hover~ul.sub-menu,
	.nav>ul>li>ul.sub-menu:hover {
		visibility: visible;
		opacity: 1;
	}
	.nav>ul>li>ul.sub-menu {
		position: relative;
		width: 100%;
		min-width: 100%;
		background: transparent;
		bottom: auto;
		left: auto;
		transform: none;
		opacity: 1;
		visibility: visible;
		transition: all 0s;
		transition-delay: 0s;
		overflow: hidden;
		height: 0;
	}
	.nav>ul>li>ul.sub-menu>li:first-child {
		margin-top: 0.5rem;
	}
	.nav>ul>li>ul.sub-menu>li>a {
		text-decoration: none;
		font-size: 0.9em;
		padding: 0;
		display: inline;
		width: auto;
	}
	.nav>ul>li>ul.sub-menu>li>a:hover {
		background-color: transparent;
		color: #A39A9A;
	}
}
@media only screen and (max-width:480px) {
	.functionality.nav .menu-item.to-shop-page { display: none; }
}
@media only screen and (max-width:320px) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::-moz-selection {
	background:#aecda0;
	color:#FFF;
	text-shadow:none;
}

::selection {
	background:#aecda0;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#aecda0;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#aecda0;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		-webkit-box-shadow:none !important;
		        box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}