/*
Theme Name: Niemi
Theme URI: http://www.wetail.io
Version: 1.1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: Wetail
Author URI: http://www.wetail.io
template: bb-theme
*/

/* Add your custom styles here... */

/*** Header ***/

header .fl-page-header-row.row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

header ul.klarna-banner {
    display:  flex;
    flex-direction: row;
    list-style:  none;
    padding:  0;
    margin:  0;
    align-items:  center;
}
header ul.klarna-banner li {
    padding: 0px 10px;
}

header ul.klarna-banner li.text {
    border-right: 1px solid #000;
    font-size: 12px;
    text-align: right;
}
header .fl-page-cart i.fa.fa-shopping-cart {
    font-size:  18px;
    border: 1px solid #000;
    border-radius: 3px;
    padding: 3px;
}
header .fl-page-cart a.menu-link {
    position: relative;
}
header .fl-page-cart a.menu-link:hover * {
	color: #000;
}
header .fl-page-cart span.minicart_count {
    position:  absolute;
    top: -9px;
    left: 16px;
    background: #71c197;
    color: #fff;
    display: flex;
    justify-content:  center;
    align-items: center;
    min-width: 17px;
    min-height: 17px;
    font-size: 10px;
    border-radius:  2px;
}
header .fl-page-cart a:hover > span.minicart_count {
	color: #fff;
}
header .fl-page-cart .minicart_total {
	padding: 0 0 0 12px;
}

.woocommerce ul.products.columns-4 li.product-category {
	margin-bottom: 50px !important;
	border-bottom: 1px solid #C5CAD0 !important;
}

.woocommerce ul.products > li.product-category > a > img {
	display: none;
}

.woocommerce  ul.products > li.product-category > a > h2.woocommerce-loop-category__title {
	border-top: none;
}

.niemi-header-contacts {
	display: none;
}
.niemi-header-contacts-list{
	list-style: none;
	text-align: left;
}
@media screen and (max-width: 768px) {

	.niemi-non-mobile-header-text {
	    display: none;
	}
	.niemi-header-contacts {
		display: inline-block;
	}
	.col-sm-6.col-md-6.text-right.clearfix {
		position: absolute;
		right: 5px;
		top: 5px;
	}
	.niemi-header-contacts-list{
		display: none;
	}
	#niemi-header-login-button > span{
		display: none;
	}
	.fl-page-header {
	    border-bottom: 1px solid #C5CAD0;
	}
	header .fl-page-klarna {
		display: none;
	}
	header .fl-page-search-col.col-md-4.col-sm-12 {
	    width:  25%;
	}
	header .fl-page-header-logo-col.col-md-4.col-sm-12 {
	    width:  50%;
	}
	header .fl-page-cart-col.col-md-4.col-sm-12 {
	    width: 25%;
	}
	header.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-header-logo {
	    text-align: center;
	    margin-right: 0;
	}
	header .fl-page-cart {
    	margin-right: 20px;
	}
	header .fl-page-cart .minicart_total {
	    display: none;
	}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle {
	    right: auto;
	    top: 20px;
	    left: 10px;
	    width: 50px;
	}
}
/*** WooCommerce - Archive ***/
.woocommerce .fl-content.col-md-12 {
    margin:  0;
}
header.woocommerce-products-header h1.woocommerce-products-header__title.page-title {
    text-align: center;
    margin: 50px 0;
}
.woocommerce-filter-bar {
    display: none; /*flex*/
    flex-wrap: wrap;
    border: 1px solid #C5CAD0;
	margin: 50px 0;
}
.woocommerce-filter-bar .filter-container {
	position: relative;
}
.woocommerce-filter-bar ul.filter-categories {
	position: absolute;
    width: calc(100% + 2px);
    background: #fff;
    z-index: 99;
    margin: 0 0px 0 -11px;
    padding: 0;
    list-style: none;
    top: 40px;
    border: 1px solid #C5CAD0;
    display: none;
}
.woocommerce-filter-bar ul.filter-categories li {
	border-bottom: 1px solid #C5CAD0;
	padding: 10px;
}
.woocommerce-filter-bar ul.filter-categories li:last-child {
	border-bottom: none;
}
.woocommerce-filter-bar .filter-categories.show {
	display: block;

}
.woocommerce-filter-bar a.cat-toggle {
	color: #000;
    font-size: 14px;
    text-transform:  uppercase;
    display:  block;
}
.woocommerce-filter-bar a.cat-toggle:hover {
	text-decoration: none;
	color: #000;
}
.woocommerce-filter-bar a.cat-toggle:after {
    font-family: "wetail-icons";
    text-transform: lowercase;
    content: "a";
    float: right;
}
.woocommerce-filter-bar .filter-container {
    border-right: 1px solid #C5CAD0;
    width:  calc(50% - 1px);
    padding:  10px;
}
.woocommerce-filter-bar .woocommerce-ordering:after {
	font-family: "wetail-icons";
	content: "a";
	position: absolute;
	height: 100%;
	display: flex;
	align-items: center;
	top: 0;
	right: 10px;
}
.woocommerce-filter-bar form.woocommerce-ordering {
	position: relative;
    width:  calc(50% + 1px);
}
.woocommerce-filter-bar .woocommerce-ordering select.orderby {
    display: inline-flex;
    min-width: 100% !important;
    padding: 10px 20px;
    border: none;
    border-radius: 0;
    background-color: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(//cdn.shopify.com/s/files/1/1104/4168/t/264/assets/arrow-select-down.svg?8116664424330306644);
    background-repeat: no-repeat;
    background-position: 98.5% 50%;
    background-size: 10px;
    cursor: pointer;
}
.woocommerce-filter-bar .woocommerce-ordering select.orderby:focus {
    border: none;
    outline-color: transparent;
    outline: 0px;
}
.woocommerce ul.products,
.woocommerce-page ul.products {
    padding-top: 0px;
    display: flex;
    flex-wrap: wrap;
    margin: 50px 0;
}

.woocommerce.woo-4.archive ul.products.columns-4 li.product,
.woocommerce-page.woo-4.archive ul.products.columns-4 li.product,
.woocommerce.columns-4 ul.products li.product,
.woocommerce.woo-4.archive ul.products li.product,
.woocommerce-page.columns-4 ul.products li.product,
.woocommerce-page.woo-4.archive ul.products li.product {
    width: 25% !important;
    margin: 0;
    padding: 20px;
}
.woocommerce .products ul::after,
.woocommerce .products ul::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before {
	display: none;
}
.woocommerce ul.products li.product {
	border-top: 1px solid #C5CAD0;
	border-right: 1px solid #C5CAD0;
	border-bottom: none;
	border-left: none;
}
.woocommerce ul.products li.product.first {
	border-left: 1px solid #C5CAD0;
}
.woocommerce ul.products li.product.last {

}
.woocommerce ul.products li.product:nth-last-child(-n+4) {
	border-bottom: 1px solid #C5CAD0;
}
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product a:hover img,
.woocommerce[class*=columns-] ul.products li.product a img,
.woocommerce .related.products ul.products li.product a img,
.woocommerce .related.products ul.products li.product a:hover img,
.woocommerce[class*=columns-] .related.products ul.products li.product a img {
	border: none;
	margin: 0;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3,
.woocommere .related.products li.product woocommerce-loop-product__title {
    padding: 1em 0;
    margin: 0 -20px;
    font-size: 1em;
    border-top: 1px solid #C5CAD0;
    font-size: 16px;
}
.woocommerce-page ul.products li.product .price,
.woocommerce ul.products li.product .price,
.woocommere .related.products li.product .price {
	color: #74C096 !important;
	font-size: 18px !important;
}
span.wc-measurement-price-calculator-price {
    font-size: 0.8em;
    display: flex;
    flex-direction: column-reverse;
    text-transform: capitalize;
    font-size: 16px;
}

span.wc-measurement-price-calculator-price span.woocommerce-Price-amount.amount {
    color: #73bf96;
    font-size: 20px;
}
.woocommerce ul.products li.product .button {
    margin-top: 1em;
    background: #74C096;
    border: none;
    border-radius: 0;
    padding: 15px;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
}
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale,
.woocommerce-page ul.products li.product .onsale,
.woocommerce-page span.onsale {
    color: #fff;
    text-transform: uppercase;
}

.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
	border-radius: 0;
}

body.woocommerce-checkout button,
.checkout-button {
	border-color: #73c097 !important;
	color: white !important;
	padding: 15px 25px !important;
	font-size: 18px !important;
	border-radius: 4px !important;
	text-transform: uppercase;
}

body.woocommerce-checkout input,
body.woocommerce-checkout select,
body.woocommerce-checkout textarea {
	border-radius: 0 !important;
}
body.woocommerce-checkout .select2-container--default,
body.woocommerce-checkout .select2-selection--single {
	border-radius: 0 !important;
}

/*Header contacts*/


@media screen and (max-width: 1024px) {
	.woocommerce ul.products.columns-4 li.product-category{
		padding: 0 !important;
	}
	.woocommerce ul.products.columns-4 li.product-category:nth-child(1),
	.woocommerce ul.products.columns-4 li.product-category:nth-child(2) {
		margin-bottom: 0 !important;
		border-bottom: none !important;
	}

	body nav#menu.cart-panel {
		top: 0 !important;
	}
	.woocommerce.woo-4.archive ul.products.columns-4 li.product,
	.woocommerce-page.woo-4.archive ul.products.columns-4 li.product,
	.woocommerce.columns-4 ul.products li.product,
	.woocommerce.woo-4.archive ul.products li.product,
	.woocommerce-page.columns-4 ul.products li.product,
	.woocommerce-page.woo-4.archive ul.products li.product {
		width: 50% !important;
	}
	.woocommerce ul.products li.product:nth-child(odd) {
		border-top: 1px solid #C5CAD0;
		border-right: 1px solid #C5CAD0;
		border-bottom: 1px solid #C5CAD0;
		border-left: 1px solid #C5CAD0;
	}
	.woocommerce ul.products li.product:nth-child(even) {
		border-top: 1px solid #C5CAD0;
		border-right: 1px solid #C5CAD0;
		border-bottom: 1px solid #C5CAD0;
		border-left: none;
	}
	.archive.woocommerce .container {
    	padding-left: 0;
		padding-right: 0;
	}
	.woocommerce-filter-bar {
		overflow: hidden;
	}
	.woocommerce-ordering select.orderby {
	    background-position: 91.5% 50%;
	}

    .fl-page-header-wrap .fl-page-header-container.container .fl-page-header-row.row {
        flex-direction: row;
    }

    .fl-page-header .fl-page-nav-wrap .fl-page-nav.fl-nav.navbar.navbar-default .navbar-toggle {
        top: 0;
        transform: translateY(15px);
        left: 0;
    }
}