/*
Theme Name: Tarjoustaivas
Theme URI: 
Description: Tarjoustaivas theme
Author: CommerceGurus edit by NK
Author URI: 
Template: shoptimizer
Version: 2.0
License:         	GNU General Public License v2 or later
License URI:     	http://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
	--primary-color: rgb(102,42,140);
	--secondary-color: rgb(0,135,205);
}

.col-full-nav {
	background-color: #f1f1f1;
}

.col-full-nav a {
	color: var(--primary-color);
}

.tax-product_cat header.woocommerce-products-header {
	flex-wrap: wrap;
}

.content-area header.woocommerce-products-header img {
	order: 1;
	width: 100%;
}

.term-description {
	order: 2;
}

@media (min-width: 993px) {
	.col-full.main-header { 
		padding-top: 65px;
		padding-bottom: 45px;
	}

    .image-exists .term-description {
        width: 100%;
    }
}

@media (max-width: 767px) {
	.site-header .site-header-cart a.cart-contents .shoptimizer-cart-icon .mini-count {
		background-color: rgb(0,135,205) !important;
		color: white !important;
	}
}

@media (max-width: 767px) {
	.single-product .site-content h1 {
		font-size: 20px !important;
	}

	.single-product .site-content h2 {
		font-size: 18px !important;
	}

	.single-product .site-content h3 {
		font-size: 16px !important;
	}
	
	.single-product .site-content h4 {
		font-size: 15px !important;
	}
	
	.single-product .site-content h5 {
		font-size: 15px !important;
	}
}

.topbar-wrapper, .site-footer, .copyright {
	background-color: none !important; 
	background: var(--primary-color); 
	background: -moz-linear-gradient(45deg,  var(--primary-color) 0%, rgb(90,84,164) 34%, rgb(0,135,205) 76%, rgb(0,135,205) 100%); 
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgb(102,42,140)), color-stop(34%,rgb(90,84,164)), color-stop(76%,rgb(0,135,205)), color-stop(100%,rgb(0,135,205)));
	background: -webkit-linear-gradient(45deg,  var(--primary-color) 0%,rgb(90,84,164) 34%,rgb(0,135,205) 76%,rgb(0,135,205) 100%); 
	background: -o-linear-gradient(45deg,  var(--primary-color) 0%,rgb(90,84,164) 34%,rgb(0,135,205) 76%,rgb(0,135,205) 100%); 
	background: -ms-linear-gradient(45deg,  var(--primary-color) 0%,rgb(90,84,164) 34%,rgb(0,135,205) 76%,rgb(0,135,205) 100%); 
	background: linear-gradient(45deg,  var(--primary-color) 0%,rgb(90,84,164) 34%,rgb(0,135,205) 76%,rgb(0,135,205) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#662a8c', endColorstr='#0087cd',GradientType=1 );
}

.top-bar, .site-footer a:not(.button), .copyright a:not(.button) {
	color: white i !important;
}

.single-product .content-area, .single-product .site-main {
	margin-top: 1em;
}

.cart-click .cart-contents .amount {
	color: rgb(0,135,205) !important;
}

.site-header-cart a.cart-contents .shoptimizer-cart-icon .mini-count {
	width: 15px;
	height: 15px;
	background-color: rgb(0,135,205) !important;
	line-height: 15px;
	color: white !important;
}

header.entry-header {
	margin-top: .6em;
	text-align: center;
}

.single-product .site-content .content-area .summary .onsale {
	display: none;
}

.wc-block-grid__product-onsale {
	position: absolute !important;
	top: 5px;
	left: 5px;
}

.badge {
	display: table;
	z-index: 20;
	pointer-events: none;
	height: 2.8em;
	width: 2.8em;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}

.badge-inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height: 100%;
	line-height: .85;
	color: #fff;
	font-weight: bolder;
	padding: 2px;
	white-space: nowrap;
	transition: background-color .3s, color .3s, border .3s;
	-webkit-transition: background-color .3s, color .3s, border .3s;
	-moz-transition: background-color .3s, color .3s, border .3s;
}

.badge-circle-inside .badge-inner, .badge-circle .badge-inner {
	border-radius: 999px;
}

.badge-inner.on-sale {
	background-color: var(--primary-color);
}

.social-media-row {
	height: 30px;
}

.social-media-row > a {
	display: block;
	height: 30px;
	width: 30px;
}

a > .social-media-icon {
	display: block;
	height: 30px;
	width: 30px;
	fill: white;
}

.facebook-icon {
	background-image: url("img/facebook-icon.svg");
}

.facebook-icon:hover {
	fill: #3a589d !important;
}

.twitter-icon {
	background-image: url("img/twitter-icon.svg");
}

.twitter-icon:hover {
	fill: rgb(29,161,242) !important;
}

.instagram-icon {
	background-image: url("img/instagram-icon.svg");
}

.instagram-icon:hover {
	fill: #3b6994 !important;
}

.tiktok-icon {
	background-image: url("img/tiktok-icon.svg");
}

.tiktok-icon:hover {
	fill: rgba(22, 24, 35, 1.0) !important;
}

.linkedin-icon {
	background-image: url("img/linkedin-icon.svg");
}

.linkedin-icon:hover {
	fill: #0a66c2 !important;
}