/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*FONTS*/

body{
    font-family: catamaran, sans-serif;
}

p{
    font-family: catamaran, sans-serif;
    font-style: normal;
    font-weight: 500;
}

h1,h3,h4{
    font-family: catamaran, sans-serif;
    font-style: normal;
    font-weight: 900;
}

h2,h5{
    font-family: catamaran, sans-serif;
    font-style: normal;
    font-weight: 500;
}

/*Nav menu*/

.main-menu .elementor-nav-menu a{
    font-family: catamaran, sans-serif;
    font-style: normal;
    font-weight: 900;
}


.media-router .media-menu-item{
    color: #2271b1!important;
}

/*FONTS*/

body{
    font-family: catamaran, sans-serif;
}

p{
    font-family: catamaran, sans-serif;
    font-style: normal;
    font-weight: 500;
}

h1,h3,h4{
    font-family: catamaran, sans-serif;
    font-style: normal;
    font-weight: 900;
}

h2,h5{
    font-family: catamaran, sans-serif;
    font-style: normal;
    font-weight: 500;
}

/*Nav menu*/

.main-menu .elementor-nav-menu a{
    font-family: catamaran, sans-serif;
    font-style: normal;
    font-weight: 900;
}

.main-menu .elementor-nav-menu a:hover{
    text-decoration: underline;
}

/*Button*/

.elementor-button-text{
    font-family: catamaran, sans-serif;
    font-style: normal;
    font-weight: 900;
}

.elementor-button span {
    margin-top: -2px;
}


/*Call to Actions on frontpages*/

.kenttamuonitus:after{
    background: rgb(156,186,74);
    background: linear-gradient(90deg, rgba(156,186,74,1) 50%, rgba(89,116,33,1) 50%);
    content:'';
    display: block;
    height: 10px;
}

.tapahtumaruokailu:after{
    background: rgb(186,182,74);
    background: linear-gradient(90deg, rgba(186,182,74,1) 50%, rgba(110,116,33,1) 50%);
    content:'';
    display: block;
    height: 10px;
}

.saunatuotteet:after{
    background: rgb(186,152,74);
    background: linear-gradient(90deg, rgba(186,152,74,1) 50%, rgba(116,84,33,1) 50%);
    content:'';
    display: block;
    height: 10px;
}

.grillit-tulisijat:after{
    background: rgb(186,74,74);
    background: linear-gradient(90deg, rgba(186,74,74,1) 50%, rgba(116,68,33,1) 50%);
    content:'';
    display: block;
    height: 10px;
}

/*Line in text-editor*/

.line-with-padding{
    padding-left: 90px;
}

.line-with-padding:before{
    content:'';
    background-color: #fff;
    width: 65px;
    height:1px;
    display:block;
    position: absolute;
    left: 0;
    top:10px;
    
}

/*WooCommerce product cards*/

.tuotteet .add_to_cart_button.added {
    display: none!important;
}

.tuotteet .product {
    background-color: #fff;
    box-shadow: #00000029 0px 3px 32px;
    padding:20px!important;
    display: flex!important;
    flex-direction: column!important;
}

.tuotteet .product-categories a.woocommerce-LoopProduct-link.woocommerce-loop-product__link{
    display: none!important;
}

.tuotteet .product-categories {
    display: flex;
    flex-wrap: wrap;
    font-size:0px;
}

.tuotteet .product-categories a{
    background-color: #000;
    color:#fff;
    border-radius: 8px;
    font-size: 12px;
    padding: 5px 10px;
	margin:3px;
}

.tuotteet .woocommerce-loop-product__title{
    font-size: 26px!important;
}

.tuotteet .product-sku{
    font-size: 14px;
}

.tuotteet .product-sku:before{
    content: 'ID: ';
}


/* .tuotteet .product-short-description:after{
    content:'';
    background-color: #C7C7C7;
    margin-top: 20px;
    height: 1px;
    width: 100%;
    display: block;
} */

.tuotteet .woocommerce-price-suffix{
    font-size: 16px;
    margin-top: -2px;
    color:#000000;
    opacity: 55%;
    display: block;
}

.tuotteet .product-price{
    font-size:15px; /*24px*/
    color:#597421;
    line-height: 1em;
}

.tuotteet .product-price .woocommerce-Price-amount{
    font-size:22px;
    color:#597421;
    line-height: 1em;
}


.tuotteet .add_to_cart_button,
.tuotteet .product_type_simple{
    background-color: #003E10!important;
    border-radius: 8px!important;
    font-family: catamaran, sans-serif;
    font-style: normal;
    font-weight: 900!important;
    color:#fff!important;
    transition:ease-in-out .3s;
   
}

.tuotteet .add_to_cart_button:hover,
.tuotteet .product_type_simple:hover,
.single-product .single_add_to_cart_button:hover,
.tuotteet .added_to_cart:hover{
    background-color: #597421!important;
}

.tuotteet .added_to_cart {
    background-color: #003E10!important;
    border-radius: 8px!important;
    font-family: catamaran, sans-serif;
    font-style: normal;
    font-weight: 900!important;
    color: #fff!important;
    transition: ease-in-out .3s;
    margin-left: auto!important;
    margin-right: auto!important;
    order: 3;
    padding: 0.618em 1em;
    margin-top: 1em;
}

.tuotteet .product_type_simple.added{
    display: none;
}

.tuotteet .product-readmore{
    background-color: transparent!important;
    border: solid 2px #003E10!important;
    border-radius: 8px!important;
    font-family: catamaran, sans-serif;
    font-style: normal;
    font-weight: 900!important;
    color:#000!important;
    transition:ease-in-out .3s;
    order:3;
    padding: 8px 15px 10px 15px!important;
}

.tuotteet .product-readmore:hover{
    background-color: #597421!important;
    border: solid 2px #597421!important;
    color:#fff!important;

}

.tuotteet .price span{
    font-size: 26px;

}

.tuotteet .product-qty{
    position: relative;
    margin-left:35px;
    margin-bottom: 0px!important;

}

.tuotteet .product-qty:after {
    content: '';
    background-color: #597421;
    height: 17px;
    width: 17px;
    border-radius: 100%;
    position: absolute;
    left: -28px;
    top: 15px;
}
.tuotteet .backorder:after {
    content: '';
    background-color: #f8ee5e;
    height: 17px;
    width: 17px;
    border-radius: 100%;
    position: absolute;
    left: -28px;
    top: 15px;
}
/*
.tuotteet .product-qty:lang(fi):before{
	content:'I lager:';
	font-weight:bold;
	color:#000;
}

.tuotteet .product-qty:before{
	content:'I lager: ';
	font-weight:bold;
	color:#000;
}

.tuotteet .product-qty:lang(en):before{
	content:'In stock: ';
	font-weight:bold;
	color:#000;
}
*/
.tuotteet .product-qty.out-of-stock:after {
    content: '';
    background-color: #ff0000;
    height: 17px;
    width: 17px;
    border-radius: 100%;
    position: absolute;
    left: -28px;
    top: 15px;
}

.tuotteet .product-qty.out-of-stock{
	color:#333333!important;
}
/*
.tuotteet .product-qty.out-of-stock:before{
	content:'I lager: ';
	font-weight:bold;
	color:#000;
	display:block;
}*/

.tuotteet .product-price-qty {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: auto;

}

.tuotteet .product-price-qty:before{
    content:'';
    background-color: #C7C7C7;
    margin-bottom: 20px;
    height: 1px;
    width: 100%;
    display: block;
}

.tuotteet .product-price-qty .col1{
    width: 48%;
    order:2;
    display: flex;
    align-items: center;
}

.tuotteet .product-price-qty .col2{
    width: 52%;
    order:1;
}

.tuotteet .add_to_cart_button,
.tuotteet .product_type_simple{
    order:4;
}

.tuotteet .purchasable .ei-hintaa{
	display:none;
}


.tuotteet .ei-hintaa{
	font-size:20px;
	font-weight:500;
	color:#597421;
}

.tuotteet small{
    font-size: 12px;
    color:gray;
}

.tuotteet .product-price .alv-0,
.single_variation_wrap .alv-0{
    font-size: 18px!important;
}


.tuotteet .outofstock .product_type_variable,
.tuotteet .outofstock .product_type_simple{
    display:none;
}

@media screen and (max-width:1300px){
	.tuotteet .elementor-grid {
    grid-template-columns: repeat(3,1fr)!important;
	grid-column-gap:30px!important;
}
}

@media screen and (max-width:985px){
	.tuotteet .elementor-grid {
    grid-template-columns: repeat(2,1fr)!important;
	grid-column-gap:30px!important;
}
}

@media screen and (max-width:575px){
	.tuotteet .elementor-grid {
    grid-template-columns: repeat(1,1fr)!important;
	grid-column-gap:30px!important;
}
}


/*FAQ -sections*/

.faq-linkit strong{
    color:#597421;
}

.faq-linkit i{
    transition:ease-in-out .2s;
}

.faq-linkit .elementor-icon-list-item .elementor-icon-list-icon{
    order:2;
    margin-left: 5px;
}

.faq-linkit .elementor-icon-list-item{
    padding-top: 5px;
    padding-bottom: 5px;
}

/*Single Product*/

.single-product .tuote-ilmoitus,
.single-product .out-of-stock{
    color:#ff0000;
}

.single-product .variations{
	margin-bottom:0px!important;
}
.single-product .variations tbody{
	display:flex;
	flex-direction:row;
}

.single-product .variations tr{
	display:flex;
	flex-direction:column;
	width:100%!important;
}
.single-product .variations tr:not(:first-child){
    padding-left:20px;
}

.single-product .variations th{
	text-align:left;
	padding:0px!important;
	background-color:transparent;
}

.single-product .variations td{
	text-align:left;
	padding:10px 0px 0px 0px!important;
	background-color:transparent;
}


.single-product .price span{
	font-size:33px;
	font-weight:900;
}

.single-product .price small{
	font-size:15px;
	font-weight:normal;
	color:#000;
	margin-left:10px;
}

.single-product .stock {
    font-size:15px!important;
    font-weight:bold!important;
    color:#000!important;
    display:inline-block;
    margin-right:50px;
}

/* .single-product .cart{
	display:flex!important;
    flex-direction: row;
} */

.single-product .variations_form.cart{
	display:flex!important;
    flex-direction: column;
}

.single-product .elementor-add-to-cart{
	display:flex;
	align-items:center;
}

.single-product .stock:after {
    content:'Toimitus 1-5 vrk';
    font-size:15px!important;
    display:block;
    font-weight:normal!important;
    color:#000!important;
}

.single-product .stock.out-of-stock:after {
    content:'';
    font-size:15px!important;
    display:block;
    font-weight:normal!important;
    color:#000!important;
}

.single-product .quantity input{
	border: solid 2px #597421;
	border-radius:8px;
	padding:5px 5px 9px 5px;
	width:50px!important;
}

.single-product .product-video{
	width:60%!important;
}

.single-product .single_add_to_cart_button {
    background-color: #003E10!important;
    border-radius: 8px!important;
    font-family: catamaran, sans-serif;
    font-style: normal;
    padding: 15px 25px!important;
    font-weight: 900!important;
    color: #fff!important;
    transition: ease-in-out .3s;
}

.single_variation_wrap {
    display: flex;
    align-items: end;
}

.single-product p.stock.in-stock {
    margin: 0px 15px 0px 0px!important;
}

.woocommerce-variation-availability {
    display: inline-block;

}

.woocommerce-variation.single_variation {
    display: flex;
    flex-direction: column;
}

.variations_button{
    margin-top: 20px;
    display: inline-block!important;
}

.variations select {
    box-shadow: #00000026 0px 3px 10px;
    border: none;
}

.variations select:focus {
    outline: none;
}

.tuote-meta{
    font-size: 0px;
}

.tuote-meta .detail-content a{
    margin: 3px;

}

.tuote-meta .sku_wrapper.detail-container {
    font-size: 16px;
}


    /*Single Product Info Tabs*/

.product-info-tabs .elementor-tab-title{
    background-color: #E7EADE;
    border:none!important;
    padding: 60px 60px 20px 60px;
    text-transform: uppercase;
	text-align:center!important;
    color:#597421;
    font-family: catamaran, sans-serif;
    font-style: normal;
    font-weight: 800;

}

.elementor-widget-tabs .elementor-tab-content, .elementor-widget-tabs .elementor-tab-title, .elementor-widget-tabs .elementor-tab-title:after, .elementor-widget-tabs .elementor-tab-title:before, .elementor-widget-tabs .elementor-tabs-content-wrapper {
    border: none!important;
}

.product-info-tabs .elementor-tabs-content-wrapper,
.product-info-tabs .elementor-tab-content {
    border:none!important;
}

.product-info-tabs .elementor-tab-content {
    padding:20px 50px 50px 50px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background-color: #fff;
}

.product-info-tabs .elementor-tab-title.elementor-active{
    border-top: solid 3px #9CBA4A!important;
    color:#9CBA4A;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background-color: #fff;

}

.product-info-tabs .elementor-tab-content.elementor-active{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}



.product-info-tabs .elementor-tab-content ul:not(:last-child){
	margin-bottom:0.9rem;
}


.product-info-tabs #elementor-tab-title-8071:before{
	content:'';
	background-image:url(/wp-content/uploads/2025/05/info-green.svg);
	background-size:contain;
	background-repeat:no-repeat;
	display:block;
	height:28px;
	width:28px;
	z-index:10;
	position:absolute;
	top:20px;
	left:44%;
}

.product-info-tabs #elementor-tab-title-8072:before{
	content:'';
	background-image:url(/wp-content/uploads/2025/05/kysymys-tumma.svg);
	background-size:contain;
	background-repeat:no-repeat;
	display:block;
	height:28px;
	width:28px;
	z-index:10;
	position:absolute;
	top:23px;
	left:44%;
}

.product-info-tabs #elementor-tab-title-2682.elementor-active:before{
	content:'';
	background-image:url(/wp-content/uploads/2025/05/tekniset-tumma.svg);
	background-size:contain;
	background-repeat:no-repeat;
	display:block;
	height:38px;
	width:38px;
	z-index:10;
	position:absolute;
	top:16px;
	left:44%;
}


.product-info-tabs #elementor-tab-title-2682:before{
	content:'';
	background-image:url(/wp-content/uploads/2025/05/tekniset-tumma.svg);
	background-size:contain;
	background-repeat:no-repeat;
	display:block;
	height:38px;
	width:38px;
	z-index:10;
	position:absolute;
	top:19px;
	left:44%;
}

.product-info-tabs .elementor-tab-title{
	border-right:solid 1px #0000001a!important;
}



.product-info-tabs #elementor-tab-title-2683:before{
	content:'';
	background-image:url(/wp-content/uploads/2025/05/liitteet-tumma.svg);
	background-size:contain;
	background-repeat:no-repeat;
	display:block;
	height:38px;
	width:38px;
	z-index:10;
	position:absolute;
	top:19px;
	left:42%;
}

.product-info-tabs #elementor-tab-title-2683.elementor-active:before{
	content:'';
	background-image:url(/wp-content/uploads/2025/05/liitteet-tumma.svg);
	background-size:contain;
	background-repeat:no-repeat;
	display:block;
	height:38px;
	width:38px;
	z-index:10;
	position:absolute;
	top:16px;
	left:42%;
}

.product-info-tabs #elementor-tab-title-2684.elementor-active:before{
	content:'';
	background-image:url(/wp-content/uploads/2025/05/wrench-1.svg);
	background-size:contain;
	background-repeat:no-repeat;
	display:block;
	height:38px;
	width:38px;
	z-index:10;
	position:absolute;
	top:16px;
	left:42%;
}

.product-info-tabs #elementor-tab-title-2684:before{
	content:'';
	background-image:url(/wp-content/uploads/2025/05/wrench-1.svg);
	background-size:contain;
	background-repeat:no-repeat;
	display:block;
	height:38px;
	width:38px;
	z-index:10;
	position:absolute;
	top:19px;
	left:42%;
}


.product-info-tabs #elementor-tab-title-2685.elementor-active:before{
	content:'';
	background-image:url(/wp-content/uploads/2025/05/kysymys-tumma.svg);
	background-size:contain;
	background-repeat:no-repeat;
	display:block;
	height:38px;
	width:38px;
	z-index:10;
	position:absolute;
	top:16px;
	left:42%;
}

.product-info-tabs #elementor-tab-title-2685:before{
	content:'';
	background-image:url(/wp-content/uploads/2025/05/kysymys-tumma.svg);
	background-size:contain;
	background-repeat:no-repeat;
	display:block;
	height:38px;
	width:38px;
	z-index:10;
	position:absolute;
	top:19px;
	left:42%;
}

@media screen and (max-width:1300px){
    .product-info-tabs .elementor-tab-title{
        background-color: #E7EADE;
        border-right:solid 1px #0000001a!important;
        padding: 60px 30px 20px 30px;
        text-transform: uppercase;
        text-align:center!important;
        color:#597421;
        font-family: catamaran, sans-serif;
        font-style: normal;
        font-weight: 800;
    
    }
}


@media screen and (max-width:1024px){
.product-info-tabs .elementor-tabs-wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    }

    .product-info-tabs .elementor-tab-content {
        padding:20px 40px 50px 40px;
    }

	.product-info-tabs #elementor-tab-title-2681.elementor-active:before{
	background-image:url(/wp-content/uploads/2022/08/info-green.svg);
	top:24px;
	left:46%;
}

.product-info-tabs #elementor-tab-title-2681:before{
	background-image:url(/wp-content/uploads/2022/08/info-tumma.svg);
	top:24px;
	left:46%;
}
	
.product-info-tabs #elementor-tab-title-2682.elementor-active:before{
	background-image:url(/wp-content/uploads/2022/08/tekniset-green.svg);
	top:16px;
	left:46%;
}


.product-info-tabs #elementor-tab-title-2682:before{
	background-image:url(/wp-content/uploads/2022/08/tekniset-tumma.svg);
	top:19px;
	left:46%;
}
	
.product-info-tabs #elementor-tab-title-2683:before{
	background-image:url(/wp-content/uploads/2022/08/liitteet-tumma.svg);
	top:19px;
	left:45%;
}

.product-info-tabs #elementor-tab-title-2683.elementor-active:before{
	background-image:url(/wp-content/uploads/2022/08/liitteet-green.svg);
	top:16px;
	left:45%;
}
	
.product-info-tabs #elementor-tab-title-2684.elementor-active:before{
	background-image:url(/wp-content/uploads/2022/08/wrench-1.svg);
	top:16px;
	left:45%;
}

.product-info-tabs #elementor-tab-title-2684:before{
	background-image:url(/wp-content/uploads/2022/08/wrench-1.svg);
	top:19px;
	left:45%;
}

.product-info-tabs #elementor-tab-title-2685.elementor-active:before{
	background-image:url(/wp-content/uploads/2022/08/kysymys-green.svg);
	top:16px;
	left:45%;
}

.product-info-tabs #elementor-tab-title-2685:before{
	background-image:url(/wp-content/uploads/2022/08/kysymys-tumma.svg);
	top:19px;
	left:45%;
}
}

@media screen and (max-width:767px){
    .product-info-tabs .elementor-tabs-wrapper{
        display: none;
        }
    
    .product-info-tabs .elementor-tab-content {
        padding:20px 25px 30px 25px;
    }


	.product-info-tabs .elementor-tab-mobile-title{
		position:relative;
}

	.product-info-tabs .elementor-tab-mobile-title:nth-child(3),
		.product-info-tabs .elementor-tab-mobile-title:nth-child(5),
		.product-info-tabs .elementor-tab-mobile-title:nth-child(7){
		border-top:solid 1px #0000001a!important;
	}
	

	.product-info-tabs .elementor-tab-mobile-title:nth-child(3).elementor-active,
		.product-info-tabs .elementor-tab-mobile-title:nth-child(5).elementor-active,
		.product-info-tabs .elementor-tab-mobile-title:nth-child(7).elementor-active{
		border-top:solid 3px #9CBA4A!important;
	}	

	.product-info-tabs .elementor-tab-mobile-title:nth-child(1):before{
	content:'';
	background-image:url(/wp-content/uploads/2022/08/info-tumma.svg);
	background-size:contain;
	background-repeat:no-repeat;
	display:block;
	height:28px;
	width:28px;
	z-index:10;
	position:absolute;
	top:22px;
	left:48%;
}
	.product-info-tabs .elementor-tab-title:nth-child(1).elementor-active:before{
	content:'';
	background-image:url(/wp-content/uploads/2022/08/info-green.svg);
	background-size:contain;
	background-repeat:no-repeat;
	display:block;
	height:28px;
	width:28px;
	z-index:10;
	position:absolute;
	top:25px;
	left:48%;
}
	
	.product-info-tabs .elementor-tab-mobile-title:nth-child(3):before{
	content:'';
	background-image:url(/wp-content/uploads/2022/08/tekniset-tumma.svg);
	background-size:contain;
	background-repeat:no-repeat;
	display:block;
	height:38px;
	width:38px;
	z-index:10;
	position:absolute;
	top:19px;
	left:48%;
}
	
	.product-info-tabs .elementor-tab-mobile-title:nth-child(3).elementor-active:before{
	content:'';
	background-image:url(/wp-content/uploads/2022/08/tekniset-green.svg);
	background-size:contain;
	background-repeat:no-repeat;
	display:block;
	height:38px;
	width:38px;
	z-index:10;
	position:absolute;
	top:19px;
	left:48%;
}

	.product-info-tabs .elementor-tab-mobile-title:nth-child(5):before{
	content:'';
	background-image:url(/wp-content/uploads/2022/08/liitteet-tumma.svg);
	background-size:contain;
	background-repeat:no-repeat;
	display:block;
	height:38px;
	width:38px;
	z-index:10;
	position:absolute;
	top:19px;
	left:47%;
}
	
	.product-info-tabs .elementor-tab-mobile-title:nth-child(5).elementor-active:before{
	content:'';
	background-image:url(/wp-content/uploads/2022/08/liitteet-green.svg);
	background-size:contain;
	background-repeat:no-repeat;
	display:block;
	height:38px;
	width:38px;
	z-index:10;
	position:absolute;
	top:19px;
	left:47%;
}
	

	.product-info-tabs .elementor-tab-mobile-title:nth-child(7):before{
	content:'';
	background-image:url(/wp-content/uploads/2022/08/kysymys-tumma.svg);
	background-size:contain;
	background-repeat:no-repeat;
	display:block;
	height:38px;
	width:38px;
	z-index:10;
	position:absolute;
	top:19px;
	left:47%;
}
	
	.product-info-tabs .elementor-tab-mobile-title:nth-child(7).elementor-active:before{
	content:'';
	background-image:url(/wp-content/uploads/2022/08/kysymys-green.svg);
	background-size:contain;
	background-repeat:no-repeat;
	display:block;
	height:38px;
	width:38px;
	z-index:10;
	position:absolute;
	top:19px;
	left:47%;
}

}
	
	
	/*Tuote tekniset tiedot taulukko*/

.elementor-tab-content th{
	border:none!important;
	padding:10px 10px;
	line-height:1.3em;
	vertical-align:bottom;
}

.elementor-tab-content tr {
	background-color:#fff!important;
}

.elementor-tab-content tr:nth-child(odd) > td{
    background-color:#fff!important;
}

.elementor-tab-content td{
	border:none!important;
	padding:10px 10px;
	line-height:1.3em;
	vertical-align:bottom;
}



/*Product Category pages*/

.product-cat-count span{
    color:#597421;
    font-weight: 900;
    font-family: catamaran, sans-serif;
    font-size:18px;
}

.product-cat-count span:lang(fi):after{
    content:' tuotetta';
    font-weight: 900;
    font-family: catamaran, sans-serif;
    color:#000;
    font-size:18px;
}

.product-cat-count span:lang(sv):after{
    content:' produkter';
    font-weight: 900;
    font-family: catamaran, sans-serif;
    color:#000;
    font-size:18px;
}

.product-cat-count span:lang(en):after{
    content:' products';
    font-weight: 900;
    font-family: catamaran, sans-serif;
    color:#000;
    font-size:18px;
}

/*First Post*/

.post-first-child .post-teksti{
	position:absolute;
	top: 50%;
    transform: translateY(-50%);
	width:55%;
	right:20px;
}

.post-first-child .post-kuva{
	width:70%;
}

.post-first-child .post-kuva img{
    height: 550px;
    object-fit: cover;
}

@media screen and (max-width:1440px){
    .post-first-child .post-teksti{
        position:absolute;
        top: 50%;
        transform: translateY(-50%);
        width:65%;
        right:20px;
    }  
    .post-first-child .post-teksti h1{
        font-size:35px!important;
    }  
}

@media screen and (max-width:1240px){
    .post-first-child .post-teksti{
        position:absolute;
        top: 50%;
        transform: translateY(-50%);
        width:75%;
        right:20px;
    }  
}

@media screen and (max-width:875px){
    .post-first-child .post-teksti{
        position:absolute;
        top: 50%;
        transform: translateY(-50%);
        width:85%;
        right:20px;
    }
    .post-first-child .post-teksti h1{
        font-size:30px!important;
    }  
}

@media screen and (max-width:767px){
    .post-first-child .post-teksti{
        position:initial;
        top: 0%;
        transform: translateY(0%);
        width:90%;
        right:0px;
        margin:-140px auto auto auto!important;
    }
    .post-first-child .post-teksti h1{
        font-size:30px!important;
    }
    .post-first-child .post-kuva{
        width:100%;
    }
    .post-first-child .post-kuva img{
        height: 400px;
        object-fit: cover;
    }
}

@media screen and (max-width:600px){
    .post-first-child .post-teksti h1{
        font-size:25px!important;
    }
}

/*Posts Loop*/

.posts-loop .post-teksti {
    width: 80%;
    margin: -100px auto auto auto!important;

}
.posts-loop .post-kuva{
	width:100%;
}

/*Cart page*/

.ostoskori table th, .ostoskori table td{
    border-width: 0 0 1px 0!important;
    padding:20px 10px!important;
    vertical-align: top!important;
}

.ostoskori table {
    border: none!important;
}

.ostoskori table tbody>tr:nth-child(odd)>td, .ostoskori table tbody>tr:nth-child(odd)>th,
table tbody tr:hover>td, table tbody tr:hover>th {
    background-color:#fff!important;
}

.ostoskori .product-name a{
    font-weight: bold;
    font-size: 18px;
}

.ostoskori .sku-cart{
    margin:2px 0px 0px 0px!important;
}

.ostoskori .product-thumbnail img {
    width: 100px!important;
    box-shadow: none;
}

.ostoskori .product-price bdi,
.ostoskori .product-subtotal bdi,
.ostoskori .woocommerce-Price-amount bdi{
    color:#9CBA4A;
    font-weight: 800;
    font-size: 20px;
}
.ostoskori th.product-name,
.ostoskori th.product-price,
.ostoskori th.product-quantity,
.ostoskori th.product-subtotal{
    font-weight: 800!important;
    font-size: 16px!important;
}

.ostoskori input#coupon_code {
    width: 55%;
}

.ostoskori .actions .button,
.ostoskori .wc-proceed-to-checkout .button {
    background-color: #003E10!important;
    border-radius: 8px!important;
    font-family: catamaran, sans-serif;
    font-style: normal;
    font-weight: 900!important;
    color: #fff!important;
    transition: ease-in-out .3s;
    margin-left: auto!important;
    margin-right: auto!important;
    padding: 11px 20px;
}

.ostoskori .actions .button:hover,
.ostoskori .wc-proceed-to-checkout .button:hover{
    background-color: #597421!important;
}

.ostoskori .cart_totals {
    box-shadow: #00000029 0px 3px 35px;
    padding:40px 70px;
    width: 50%!important;
    background-color: #fff;
}

.ostoskori .cart_totals h2{
    text-transform: uppercase;
    font-weight: 800;
    font-size: 30px;
}


.ostoskori td.product-remove {
    max-width: 20px;
}

.ostoskori td.product-thumbnail {
    max-width: 55px;
}


.ostoskori .cart-subtotal td,
.ostoskori .order-total td{
    text-align: right;
}

.ostoskori .cart_totals tbody {
    display: flex;
    flex-direction: column;
}


.ostoskori .cart-subtotal th,
.ostoskori .woocommerce-shipping-totals th,
.ostoskori .order-total th{
    width: 100%!important;
}

.ostoskori .cart-subtotal td,
.ostoskori .woocommerce-shipping-totals td,
.ostoskori .order-total td {
    border:none!important;
}



.ostoskori .woocommerce-shipping-methods span.woocommerce-Price-amount.amount {
    float: right;
}

.ostoskori .woocommerce-shipping-methods bdi{
    color:#000;
    font-weight: 800;
    font-size: 16px;
}

@media screen and (max-width:1440px){
    .ostoskori .cart_totals {
        padding:40px 70px;
        width: 75%!important;
    }
}

@media screen and (max-width:900px){
    .ostoskori .cart_totals {
        padding:40px 70px;
        width: 100%!important;
    }
}

@media screen and (max-width:767px){
    .ostoskori .cart_totals {
        padding:40px 30px;
        width: 100%!important;
    }
    .ostoskori td.product-remove {
        max-width: 100%;
    }
    .ostoskori input#coupon_code {
        width: 50%;
    }
    .ostoskori .actions .button.wpcss-btn{
        margin-top: 10px;
    }
}

/*Side Cart*/

.elementor-menu-cart__footer-buttons a{
    background-color: #003E10!important;
    border-radius: 8px!important;
    font-family: catamaran, sans-serif;
    font-style: normal;
    font-weight: 900!important;
    color: #fff!important;
    transition: ease-in-out .3s;
    margin-left: auto!important;
    margin-right: auto!important;
}

.elementor-menu-cart__product-name a{
    font-size:16px!important;
    font-weight: 800!important;
    line-height: 1.1em;
}

.elementor-menu-cart__product-price span{
    color:#000;
    font-weight: bold;
}


/*WooCommerce Checkout*/

.woocommerce-checkout .col2-set{
	display:flex;
	flex-direction:column;
}

.woocommerce-checkout .col-1{
	width:48%!important;
}

.woocommerce-checkout .col-2{
	width:48%!important;
}

#order_review{
	float:right;
	width:48%;
	height:100%;
	margin-top:-980px;
}

#order_review_heading{
	display:none;
}



.woocommerce-checkout .shop_table {
  /*position:sticky;*/
  /*right:0;*/
	/*top:200px;*/
	padding:50px;
	border-radius:0px!important;
	border:none!important;
	box-shadow:#00000029 0px 3px 35px;
	background-color:#fff;
}


.woocommerce-checkout .shop_table th{
	border:none;
	padding:10px 0px!important;
	background-color:#fff;
}

.woocommerce-checkout .shop_table td{
	border:none;
	padding:25px 0px!important;
	background-color:#fff;
}


.woocommerce-checkout table thead:first-child tr:first-child th {
    border:none;
	border-bottom:solid 1px #666!important;
}

.woocommerce-checkout .shop_table td:last-child,
.woocommerce-checkout .shop_table th:last-child{
	text-align:right;
}

.woocommerce-checkout .woocommerce-shipping-methods{
	text-align:left;
}

.woocommerce-checkout .shop_table{
	display:flex;
	flex-direction:column;
	width:100%;
}

.woocommerce-checkout .shop_table td,
.woocommerce-checkout .shop_table th{
	width:100%;

}


tr.cart-subtotal,
tr.shipping,
tr.order-total{
    display: flex;
    flex-direction: column;
		flex-wrap:wrap;
		width:100%!important;
}

.cart-subtotal th,
.cart-subtotal td{
	width:100%;
}

.woocommerce-checkout .order-total th,
.woocommerce-checkout .shipping th,
.woocommerce-checkout .cart-subtotal th{
	border-bottom:solid 1px #666!important;
		border-top:none!important;
}

.woocommerce-checkout .thead:first-child{
	border:none!important;
}

/*.woocommerce-shipping-methods li #shipping_method_0_local_pickup2:after{
	content:'';
	background:url("/wp-content/uploads/2022/09/tehdas.png");
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	width:65px;
	height:28px;
	display:inline-block;
	margin-left:30px;
	margin-right:20px;
	position:absolute;
    bottom:-7px;
} */


.woocommerce-shipping-methods .shipping_method{
vertical-align:middle!important;
}
.woocommerce-shipping-methods li{
	margin-bottom:20px!important;
    position: relative;
}

.woocommerce-shipping-methods li #shipping_method_0_flat_rate3:after{
	content:'';
	background:url("/wp-content/uploads/2023/04/dbSchenker.png");
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	width:60px;
	height:35px;
	display:inline-block;
	margin-left:30px;
	margin-right:20px;
	position:absolute;
    bottom:-12px;
}

.woocommerce-shipping-methods li #shipping_method_0_flat_rate5:after{
	content:'';
	background:url("/wp-content/uploads/2023/04/1.1_Posti_logo_Posti_Orange_rgb.png");
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	width:60px;
	height:35px;
	display:inline-block;
	margin-left:30px;
	margin-right:20px;
	position:absolute;
    bottom:-12px;
}


/*.woocommerce-shipping-methods li #shipping_method_0_flat_rate3,
.woocommerce-shipping-methods li #shipping_method_0_local_pickup2,
.woocommerce-shipping-methods li #shipping_method_0_flat_rate5{
    margin-right:95px!important;  
}*/

.woocommerce-shipping-methods li:last-child label{
margin-left:0px;
}

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

    .woocommerce-checkout .col-1{
        width:100%!important;
    }
    
    .woocommerce-checkout .col-2{
        width:100%!important;
    }

    #order_review{
        float:right;
        width:100%;
        height:100%;
        margin-top:50px;
    }
    

}

/*Gravityforms*/
.tarjospyynto .spacer{
    height:62px;
}

.tarjospyynto .gfield_checkbox label{
    line-height: 1.3em;
    margin-left: 5px;
}

#gform_wrapper_5,
#gform_wrapper_6,
#gform_wrapper_8{
	display:block!important;
}

.tarjospyynto .gform_confirmation_message{
    font-family: catamaran, sans-serif;
    font-style: normal;
    font-weight: 500;
}

.tarjospyynto h2{
    font-family: catamaran, sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 40px;
}

.tarjospyynto .gform_heading{
    margin-bottom: 30px;
}

.tarjospyynto .gfield--type-checkbox{
    margin-bottom: 0px;
}

.tarjospyynto .ajoneuvo {
    width: 50%;
    position: absolute;
    bottom:0;

}

.tarjospyynto .gform_fields{
    grid-column-gap:50px!important;
}

.tarjospyynto .gform_body .gform_fields .gfield input[type=text],
.tarjospyynto .gform_body .gform_fields .gfield input[type=tel],
.tarjospyynto .gform_body .gform_fields .gfield input[type=email]
{ height: 35px;
    border-radius: 0px;
    border: 2px transparent;
border-bottom: 2px solid #597421;
}
    
.tarjospyynto .button{
    border: 0px;
    font-size: 17px;
    color: #fff!important;
    background-color: #003e10!important;
    border-radius: 8px 8px 8px 8px;
}
.tarjospyynto .button:hover{
    background-color: #597421!important;

}

.tarjospyynto .gform_fields{
    position: relative;
}

.tarjospyynto .number-of-people input{
    width: 12%!important;
}

.tarjospyynto .number-of-people .ginput_container{
    position: relative;
}

.tarjospyynto .number-of-people .ginput_container:before{
content:'Noin';
display: inline-block;
padding-right: 2px

}
.tarjospyynto .number-of-people .ginput_container input{
    text-align: center;
}
.tarjospyynto .number-of-people .ginput_container:after{
content:'henkilöä';
display: inline-block;
position: absolute;
left:90px;
bottom:7px;
}

.tarjospyynto #field_6_14 .ginput_container:after{
    content:'people';
    display: inline-block;
    position: absolute;
    left:90px;
    bottom:7px;   
}

.tarjospyynto #field_6_14 .ginput_container:before{
    content:'About';
    display: inline-block;
    padding-right: 2px    
}

.tarjospyynto #field_8_14 .ginput_container:after{
    content:'personer';
    display: inline-block;
    position: absolute;
    left:78px;
    bottom:7px;   
}

.tarjospyynto #field_8_14 .ginput_container:before{
    content:'Ca';
    display: inline-block;
    padding-right: 2px    
}

.tarjospyynto .gform_page_footer{
    margin-top: 20px!important;

    padding-top: 20px!important;
}

#field_5_13 .gfield_label,
#field_5_23 .gfield_label,
#field_5_28 .gfield_label,
#field_5_27 .gfield_label{
    font-size: 0px;
}

#field_5_13 .gfield_label:after,
#field_5_28 .gfield_label:after{
    content:'Muu, mikä?';
    font-size:16px;
}

#field_5_23 .gfield_label:after{
    content:'Muuta, mitä?';
    font-size:16px;
}

#field_5_27 .gfield_label:after{
    content:'Minkä ajoneuvon?';
    font-size:16px;
}


.other-what {
    position: absolute;
    bottom: 40px;
    width: 43%;
}

@media screen and (min-width:641px){
    .gfmc-container {
        align-items: flex-start;
        flex-direction: row;
        justify-content: space-between;
        column-gap: 50px!important;
    }
}



@media screen and (max-width:768px){
.tarjospyynto .gform_fields{
    grid-column-gap:2%!important;
}
}

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

    .tarjospyynto .gfield_checkbox{
        margin-bottom: 20px;
    }
    .tarjospyynto #field_8_14 .ginput_container:after{
        content:'personer';
        display: inline-block;
        position: absolute;
        left:60px;
        bottom:7px;   
    }

    /* div#field_5_23 {
        position: absolute;
        bottom: unset;
        top:190px;
        width: 100%;
    } */
    /* #field_5_19{
        padding-bottom: 80px;
    } */

    .tarjospyynto .number-of-people input{
        width: 8%!important;
    }
    .tarjospyynto .ajoneuvo {
        width: 100%;
        position: absolute;
        bottom: unset;
        top: 190px;
    }
    /* fieldset#field_5_26 {
        padding-bottom: 80px;
    } */
}

/*WooCommerce Thumbnail Gallery*/
#wpgs-gallery .wcgs-lightbox .sp_wgs-lightbox:hover,
#wpgs-gallery .wcgs-lightbox .sp_wgs-lightbox {
    color: transparent!important;
    background-color: transparent!important;
}
#wpgs-gallery .wcgs-lightbox .sp_wgs-lightbox {
    width: 90%!important;
    height: 100%!important;
    right: 30px;
    top: 0;
	border-radius:0px!important;
}