/*
Theme Name:     Pleksi
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         Verkkovaraani 
Author URI:     https://verkkovaraani.fi
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/

h1 {
	color: #ed1b2f;
}

/*Product page title*/
h1.product_title.entry-title {
	font-size: 64px;
}

img {
	border-radius: 10px !important;
}
.site-logo img {
	border-radius: 0 !important;
}

/*Logo width and cart icon padding on very small screen*/
@media screen and (max-width: 280px) {
	.site-logo img {
		width: 110px;
}
	.item--inner.builder-item--header_cart_icon {
		padding-right: 20px;
	}
}
/*Hide cart label in mobile header*/
@media screen and (max-width: 959px) {
	.cart-icon-label {
	display: none;
}
}

.container {
	padding-left: 50px !important;
	padding-right: 50px !important;
	max-width: 1050px !important;
}
@media screen and (max-width: 720px) {
	.container {
		padding-left:  20px;
		padding-right: 20px;
	}
}

.scroll-to-top {
	background-color: #1badcc;
	border-radius: 5px;
	padding: 12px;
}
.scroll-to-top:hover {
	background-color: #49bdd6;
}

/*Breadcrumb*/
.woocommerce .woocommerce-breadcrumb a {
	color: #ed1b2f !important;
}


/*CALCULATOR full-width background & positioning*/
.section_one , .section_two , .section_three {
	width: 100vw;
    left: 50%;
    right: 50%;
    object-fit: cover;
    margin-left: -50vw;
    margin-right: -50vw;
    position: relative;
    padding: 40px 30px 30px 30px;
}
.section_one , .section_three {
	padding-bottom:  40px;
}
div.selection.section1 {
	width: 33% !important;
}
div.col-md-6 {
	justify-content: right !important;
}
div.selection.section4 {
	width: 30% !important;
	text-align: right;
}
.form-control {
	font-size: 16px !important;
}
div.col-md-3 {
	width: 10%;
}
div.col-md-9 {
	width: 70%;
}
div.col-md-9 .btn-col {
	margin-bottom:  5px;
	margin-top: 5px;
}

.section_three .container , .section_two .container , .section_one .container {
	width: 1045px !important;
}

/*Responsiveness settings*/
@media screen and (max-width: 1100px) {
	.section_three .container , .section_two .container , .section_one .container {
		width: auto !important;
	}
	div.selection.section1 {
	width: 50% !important;
	}
	div.selection.section3 {
	width: 60% !important;
	}
	div.col-md-9 {
	width: 90%;
	}
}
@media screen and (max-width: 769px) {
	div.col-md-6 {
	justify-content: left !important;
	}
	div.selection.section4 {
	text-align: left;
	margin-top: 0 !important;
	}
	.section_three .col-md-9 {
	justify-content: right;	
	}
}
@media screen and (max-width: 440px) {
	div.selection.section4 {
	text-align: right;
	width: 40% !important;
	}
}

/*Question mark on calculator (reunankäsittely)*/
span i.bi.bi-question {
	background-color: #fc6574;
    border-radius: 50%;
    padding-left: 4px;
    padding-right: 4px;
}
span i.bi.bi-question:hover {
	background-color: #ed1b2f;
}


/*CART PAGE*/
/*Cart info block background*/
.woocommerce-info {
	background: #1badcc !important; 
}
/*Table heading*/
.woocommerce table.shop_table.cart thead th {
	font-size: 19px;
}
/*Table borders & cart-total borders*/
.woocommerce table.shop_table.cart tr , .woocommerce .cart_totals td, .woocommerce .cart_totals th {
	border-bottom:  1px solid var(--nv-text-color);
}
/*Price on table*/
span.woocommerce-Price-amount.amount bdi {
	font-size: 19px;
	font-weight: 700;
}
/*Heading & Price on total*/
tr.order-total span.woocommerce-Price-amount.amount bdi {
	font-size: 21px;
}
tr.order-total th {
	font-size: 21px !important;
}
/*Heading for Cart totals*/
.woocommerce .cart_totals>h2 {
	font-size: var(--h2FontSize)
}
/*Tax tax price*/
.includes_tax > span.woocommerce-Price-amount.amount {
	font-size: .875em !important;
}


/*RESPONSIVENESS - CART PAGE*/
/*Product remove button float*/
.woocommerce table.shop_table.cart .product-remove {
	float: none !important;
}

/*Cart tables' font size in mobile*/
@media screen and (max-width: 769px) {
	.woocommerce table.shop_table.cart td , tbody , td{
		font-size:  19px;
	}
}
@media screen and (min-width: 770px) and (max-width: 959px) {
	.woocommerce .cart_totals table.shop_table th , td {
		font-size: 17px;
	}
}

/*CHECKOUT PAGE*/
/*Review order table proportions*/
#order_review {
	padding-top: 20px !important;
}

table.woocommerce-checkout-review-order-table thead tr {
	padding-left: 0 !important;
}
.product-name {
	padding-left: 0 !important;
}
.product-total {
	width: 50%;
	padding-right: 0 !important;
}

/*Variation padding*/
dl dd {
	padding-left: 0;
}

tfoot th {
	padding-left:  0 !important;
}
tfoot td {
	padding-right: 0 !important;
}

/*PRODUCT LIST & PRODUCT PAGE*/
/*Price layout in product list and product page*/
.woocommerce-Price-amount.amount {
	margin-left:  0;
	color:  #4b4b4b !important;
}
.price {
	text-align: center !important;
	color:  #4b4b4b !important;
}

/*Contact details style*/
.yhteystiedot {
	background-color: #f3f3f3;
	padding: 20px 40px;
	margin-left: 0 !important;
}
/*Stacking columns on Yhteystiedot page*/
@media screen and (max-width: 780px) {
	.wp-block-columns {
	display: auto !important;
}
}

/*CUSTOM LAYOUTS*/
/*Custom layout "Tietoa Pleksikaupasta"*/
section.wp-block-uagb-section.uagb-section__wrap.uagb-section__background-undefined {
	width: 40vw; 
	text-align: center;
	margin-left: 30vw;
	margin-right: 30vw;
}

@media screen and (max-width: 1238px) {
	section.wp-block-uagb-section.uagb-section__wrap.uagb-section__background-undefined {
	width: 80vw; 
	margin-left: 10vw;
	margin-right: 10vw;
}
}

/*Banner on product page*/
.huomionauha .wp-block-columns , .huomionauha p {
	margin-bottom: 0 !important;
}

/*SHOPPING PROGRESS*/
.ostoskori {
	padding-top: 30px;
}

.wp-block-cover__inner-container {
	max-width: 1250px !important;
	text-align: center;
}

/*Icon svg*/
span.uagb-icon-list__source-icon svg {
	height: 30px;
	float: left;
	padding-right: 15px;
}
.uagb-icon-list__source-icon {
	display: inline-block;
	margin-left:  17px;
	vertical-align: middle;
	padding-bottom: 10px;
}
.uagb-icon-list__label-wrap {
	margin-right: 17px;
}

.wp-block-uagb-icon-list , .wp-block-uagb-icon-list a {
	color: #abaaaa;
}
.wp-block-uagb-icon-list:hover a {
	color: black;
}
.uagb-icon-list__label {
	text-transform:  uppercase !important;
}

/*Progress icons color*/
span.uagb-icon-list__source-icon svg {
	fill: #abaaaa;
}
.wp-block-uagb-icon-list:hover a svg  {
	fill: #49bdd6 !important;
}

/*Active page icon & text color*/
.selected svg{
	fill: #1badcc !important;
}
.selected {
	color: black !important;
}

/*Mobile: Hide icon label, icon size, padding left*/
@media screen and (max-width: 1148px) {
	.uagb-icon-list__source-icon {
	margin-left:  12px;
	}
	.uagb-icon-list__label-wrap {
	margin-right: 12px;
	}
}
@media screen and (max-width: 840px) {
	.uagb-icon-list__label {
	display: none;
	}
	.uagb-icon-list__source-icon {
	margin-left:  25px;
	}
	.uagb-icon-list__label-wrap {
	margin-right: 25px;
	}
	.wp-block-cover.ostoskori {
	padding-left: 60px;
	}
}
@media screen and (max-width: 781px) {
	.wp-block-cover.ostoskori {
	padding-left: 50px;
	}
}
@media screen and (min-width: 500px) and (max-width: 548px) {
	.uagb-icon-list__source-icon {
	margin-left:  20px;
	}
	.uagb-icon-list__label-wrap {
	margin-right: 20px;
	}
}
@media screen and (max-width: 500px) {
	span.uagb-icon-list__source-icon svg {
	width: 80%;
	}
	.uagb-icon-list__source-icon {
	margin-left:  5px;
	}
	.uagb-icon-list__label-wrap {
	margin-right: 5px;
	}
}

/*FOOTER*/
.hfg_footer {
	margin-top: 30px;
}
.hfg_footer img {
	border-radius: 0px !important;
}
.hfg_footer h2 {
	font-size: 26px;
}
#block-20 {
	margin-bottom: 10px;
}


/*Hyphenation*/
h1 , h2 , h3 , h4 {
  -webkit-hyphens: auto !important;
  -ms-hyphens: auto !important;
  hyphens: auto !important;
}


/*TEEMAN OMAT*/

.nv-content-wrap a:not(.button):not(.wp-block-file__button){
	text-decoration: none;
}

.nv-content-wrap ul li{
	margin-top: 0px;
}