/*
	Theme Name: Hello Elementor Child
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: A lightweight and minimalist WordPress theme for Elementor page builder.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Template: hello-elementor
	Stable tag: 2.8.1
	Requires at least: 5.9
	Tested up to: 6.2
	Requires PHP: 7.0
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Description: A lightweight, plain-vanilla, best suited for building your site using Elementor website builder. Visit https://elementor.com/hello-theme/ to learn more.
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

p{
	font-family: var(--e-global-typography-primary-font-family);
}

/**Single Product **/

.woocommerce-variation-add-to-cart.variations_button{
	margin-top: 30px;
}

/**Menu**/

.e--pointer-double-line.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after, .e--pointer-underline.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after{
    inset-inline-start: unset !important;	
}

body:not(.rtl) .elementor-409 .elementor-element.elementor-element-b1cc042 .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter] {
    right: -6px !important;
    top: -11px !important;
}

.elementor-search-form--skin-full_screen .elementor-search-form__toggle i{
	background-color: transparent !important;
}

.elementor-menu-cart__main{
	z-index: 9999;
}
/**Contact**/

#koll-contact-form form input[type=text],#koll-contact-form form input[type=email], #koll-contact-form form input[type=tel], #koll-contact-form form textarea {
	padding-left:0;
}

#koll-contact-form form .elementor-field-option label{
	font-size: 15px;
	font-weight: 400;
	color: #304F6C;
}

/**Home**/

/* Imported font */
@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");

/* Variables */
:root {
  --fullyRound: 1000px;
}


/* Container */


.container-custom-buttom {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* Button container */
.button-container {
  position: relative;
}

.button-container a {
background-color: #F5F0EC;
  padding: 13px 20px;
color: #304F6C !important;
text-align: center;
font-family: Museo Sans;
font-size: 25px !important;
font-style: normal;
font-weight: 300 !important;
line-height: normal;
letter-spacing: 0.5px;
  border: 3px solid #374151;
  border-radius: 7px;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
}

.button-container:hover .dog {
  transform: translate(20px, -55px) rotate(15deg);
  transition-delay: 0.6s;
}

.button-container:hover .paw {
  transition-delay: 0.3s;
  right: -5px;
	top:-20px;
}

.button-container:hover .paw::after {
  transition-delay: 0s;
  left: 0;
}

.button-container:hover .paw.top {
  transition-delay: 0.4s;
  right: 36px;
  top: -30px;
}

.button-container:hover .tail {
  opacity: 1;
  transition-delay: 0.6s;
}

/* Dog */
.dog {
  position: absolute;
  width: 65px;
  height: 65px;
  top: -32px;
  right: 1px;
  transform: translate(0, 0) rotate(0);
  transition: 0.3s transform cubic-bezier(0.33, 1, 0.68, 1);
}

.dog div {
  position: absolute;
}

.dog .tail {
  width: 10%;
  height: 35%;
  left: -50%;
  bottom: -34%;
  transform: rotate(-25deg);
  transition: 0.1s opacity;
  transition-delay: 0s;
  opacity: 0;
}

.dog .tail::after {
  content: "";
  position: absolute;
  transform-origin: bottom center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50% 50% 0 0;
  background-color: #e1a46e;
  animation: infinite alternate tailSkew 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

@keyframes tailSkew {
  from {
    transform: skewX(15deg);
  }

  to {
    transform: skewX(-15deg);
  }
}

/* Dog body parts */
.dog .body {
  width: 70%;
  height: 50%;
  bottom: -20%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #9f6a43;
  border-radius: 50% 50% 0 0;
}

.dog .head {
  width: 65%;
  height: 70%;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 80% 80% 60% 60%;
  background-color: #e1a46e;
}

.dog .nuzzle {
  width: 70%;
  height: 40%;
  bottom: 0%;
  left: 50%;
  transform: translateX(-50%);
}

.dog .nuzzle::before,
.dog .nuzzle::after {
  content: "";
  width: 50%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #c28e5f;
  border-radius: 70% 30% 50% 20%;
  z-index: 1;
}

.dog .nuzzle::after {
  left: auto;
  right: 0;
  transform: scaleX(-1);
}

.dog .mouth {
  width: 50%;
  height: 90%;
  border-radius: 100%;
  background-color: #111827;
  left: 50%;
  bottom: -20%;
  transform: translateX(-50%);
}

.dog .tongue {
  width: 50%;
  height: 50%;
  background-color: #ef4444;
  left: 50%;
  transform: translateX(-50%);
  bottom: 5%;
  border-radius: 50%;
  animation: 0.3s alternate tongueBounce infinite cubic-bezier(0.45, 0, 0.55, 1);
}

@keyframes tongueBounce {
  from {
    bottom: 20%;
  }

  to {
    bottom: 15%;
  }
}

.dog .nose {
  width: 30%;
  height: 20%;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: 10;
}

.dog .nose::before {
  content: "";
  width: 100%;
  height: 60%;
  top: -50%;
  left: 0;
  position: absolute;
  display: inline-block;
  background-color: #1f2937;
  border-radius: var(--fullyRound) var(--fullyRound) 0 0;
}

.dog .nose::after {
  content: "";
  width: 100%;
  height: 100%;
  top: 10%;
  left: 0;
  position: absolute;
  display: inline-block;
  background-color: #1f2937;
  border-radius: 0 0 var(--fullyRound) var(--fullyRound);
}

.dog .nose .nostrils {
  width: 90%;
  height: 100%;
  top: 0;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
}

.dog .nose .nostrils::before {
  content: "";
  display: inline-block;
  width: 30%;
  left: 10%;
  height: 100%;
  position: absolute;
  background-color: #000;
  border-radius: 100%;
}

.dog .nose .nostrils::after {
  content: "";
  display: inline-block;
  width: 30%;
  right: 10%;
  height: 100%;
  position: absolute;
  background-color: #000;
  border-radius
}

.dog .nose .highlight {
  top: -50%;
  left: 50%;
  width: 80%;
  height: 30%;
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: var(--fullyRound) var(--fullyRound) 0 0;
  background: linear-gradient(#fff, rgba(255, 255, 255, 0));
  opacity: 0.3;
}

/* Dog eyes */
.dog .eyes {
  width: 80%;
  height: 35%;
  top: 25%;
  transform: translateX(-50%);
  left: 50%;
}

.dog .eyes .left,
.dog .eyes .right {
  border-radius: var(--fullyRound);
  background-color: #111;
  width: 25%;
  height: 52%;
  top: 50%;
  transform: translateY(-50%);
}

.dog .eyes .left::after,
.dog .eyes .right::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 30%;
  height: 30%;
  background-color: #fff;
  opacity: 0.7;
  border-radius: var(--fullyRound);
  left: 15%;
  top: 15%;
}

.dog .eyes .left {
  left: 15%;
}

.dog .eyes .right {
  right: 15%;
}

/* Dog ears */
.dog .ears {
  width: 90%;
  height: 90%;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dog .ears div {
  width: 30%;
  height: 50%;
  left: 0;
  top: 0;
  background-color: #9f6a43;
  transform: rotate(15deg);
  border-radius: 60% 20% 80% 10%;
  z-index: 1;
}

.dog .ears div.right {
  transform: rotate(-15deg) scaleX(-1);
  left: auto;
  right: 0;
}

/* Paw */
.paw {
  position: absolute;
  right: -22px;
  top: -17px;
  overflow: hidden;
  width: 20px;
  height: 20px;
  transition: 0.3s right cubic-bezier(0.33, 1, 0.68, 1);
}

.paw::after {
  content: "";
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #e1a46e;
  transition: 0.3s left cubic-bezier(0.33, 1, 0.68, 1);
  transition-delay: 0.3s;
}

.paw.top {
  transform: rotate(-90deg);
  top: -35px;
  right: 40px;
  transition: 0.3s top cubic-bezier(0.33, 1, 0.68, 1);
}

/**Single Product**/

.single-product #main {
    max-width: 1980px;
	width:100%;
	padding: 0 100px;
}

.koll-single-category{
	border-bottom: 1px solid #304F6C;
	margin-bottom: 100px;
}

.koll-single-category h2{
	color: #304F6C;
font-family:var(--e-global-typography-8f2b8d0-font-family);
font-size: 45px;
font-style: normal;
font-weight: 300;
line-height: 55px; /* 122.222% */
letter-spacing: 1.35px;
}



.single-product.woocommerce div.product div.images img{
	min-height: 190px;
	height: 100%;
}

.attachment-shop_single{
	object-fit: cover;
}

.wpgs-nav .slick-next.slick-arrow::before,.wpgs-nav .slick-prev.slick-arrow::before  {
	color: #304F6C;
}

img.attachment-shop_thumbnail.size-shop_thumbnail {
    height: 130px !important;
    object-fit: cover;
}

.single-product.woocommerce .thumbnails #slider-prev, .single-product.woocommerce .thumbnails #slider-next {
	transform: translateY(-91%) !important;
}

.single-product .posted_in{
	display:none;
}

.woocommerce div.product form.cart .reset_variations{
	display: none !important;
}

.cfvsw-selected-swatch{
	background-color: #304F6C;
	color: #fff;
}

.single-product .product_meta .sku_wrapper {
	color: #4D4F4F;
font-family: var(--e-global-typography-8f2b8d0-font-family);
font-size: 10px;
font-style: normal;
font-weight: 300;
line-height: 30px; /* 300% */
letter-spacing: 0.3px;
}

.single-product .product_meta{
	border-bottom: 2px solid #A8A8A8;
}

.single-product.woocommerce .product{
	display: flex;
    justify-content: space-between;
    height: auto;
	flex-wrap: wrap;
}

.single-product.woocommerce .product .summary{
	height: auto;
    display: flex;
    flex-direction: column;
}

.single-product .product_meta{
	margin-top: auto;
}

.koll_attributes_wrapper{
	display: flex;
    gap: 60px;
    padding: 20px 0;
}

.wpgs-for .slick-track{
		height:600px;
	}

.koll_sizes_description summary{
	position: relative;
	list-style:none;
color: #4D4F4F;
    font-family: var(--e-global-typography-8f2b8d0-font-family);
    font-size: 10px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0.3px;
	text-transform: uppercase;
}

.koll_sizes_description summary:hover{
	cursor: pointer;
}

.koll_sizes_description summary::after{
	position: absolute;
	content: '';
	top:0;
	left:0;
	width: 70px;
	height: 100%;
	padding-bottom:5px;
	border-bottom: 1px solid #4D4F4F;
}

.koll_product_attribute span:nth-child(2){
	color: #8B8B8B;
font-family: var(--e-global-typography-primary-font-family);
font-size: 15px;
font-style: normal;
font-weight: 300;
line-height: 30px; /* 200% */
letter-spacing: 0.45px;
}

.single-product.woocommerce .product_title {
	color: #304F6C;
font-family: var(--e-global-typography-primary-font-family);
font-size: 45px;
font-style: normal;
font-weight: 300;
line-height: 55px; /* 122.222% */
letter-spacing: 1.35px;
}

.single-product.woocommerce .woocommerce-product-details__short-description p{
	color: #8B8B8B;
font-family: var(--e-global-typography-primary-font-family);
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 30px; /* 150% */
letter-spacing: 0.6px;
}

.single-product.woocommerce .product .price{
	color: #304F6C;
font-family: var(--e-global-typography-primary-font-family);
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 100% */
letter-spacing: 0.9px;
}

.single-product.woocommerce .variations{
	margin-top: 44px;
}

.single-product.woocommerce .variations td{
	background-color: transparent;
}

.single-product.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt{
	  background-color: #304F6C;
}

.single-product.woocommerce .single_add_to_cart_button::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  top: -5px;
  left: -5px;
  border-top: 2px solid #304F6C;
  border-left: 2px solid #304F6C;
  transition: all 0.25s;
}

.single-product.woocommerce .single_add_to_cart_button::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -5px;
  right: -5px;
  border-bottom: 2px solid #304F6C;
  border-right: 2px solid #304F6C;
  transition: all 0.25s;
}
.single-product.woocommerce .single_add_to_cart_button:hover::before,
.single-product.woocommerce .single_add_to_cart_button:hover::after {
  height: 100%;
  width: 100%;
}

.single-product.woocommerce .site-main{
	margin-bottom: 140px;
}

/**Footer**/


.footer-banner, .footer-banner a{
  font-family: font-family: var(--e-global-typography-primary-font-family) !important ;
  font-size: 17px !important;
  font-weight: 300 !important;
  line-height: 25px !important;
  color: #304F6C;
}

.footer-banner a {
color: #304F6C;
}

.footer-banner a:nth-child(3){
opacity:0;
}

@media(max-width: 1280px ){
		/**Single Product**/
	.single-product #main {
    padding: 0 30px;
}
}

@media(max-width: 768px ){
	#menu-2-057ef9d{
		padding-bottom: 40px;
		padding-top: 80px;
	}
	
	#koll_toggle_button .elementor-menu-toggle{
		z-index:9998;
	}
	
	#koll_toggle_button .elementor-menu-toggle .elementor-menu-toggle__icon--close{
		color:#fff;
	}
	
	.button-container{
		transform: scale(0.8);
    margin-left: -25px;
	}
	
/**Single Product**/
	
	.single-product.woocommerce div.product div.images img{
	min-height: 100px;
		height:100%;
}
	
	.wpgs-for .slick-track{
		height:300px;
	}
	
	.koll-single-category {
		margin-bottom: 40px;
	}
	
	.single-product.woocommerce .site-main {
    margin-bottom: 40px;
}
	
	.slick-prev.slick-arrow, .slick-next.slick-arrow{
		opacity:0;
	}
	
.wpgs-for .slick-arrow {
opacity:0;
}
	
	.koll-single-category h2 {
    font-size: 30px;
    line-height: 110%;
	font-weight:400;
}
	
	.single-product.woocommerce .product_title {
    font-size: 25px;
  line-height:110%;
}
	
	.single-product.woocommerce .woocommerce-product-details__short-description p {
    font-size: 15px;
    line-height: 20px;
}
	
	.single-product.woocommerce .variations {
    margin-top:0;
}
	
	.single-product.woocommerce .product .price {
    font-size: 20px;
    line-height: 30px;
}
	
	.koll_sizes_description{
		margin-bottom:20px;
	}
	
	.koll_attributes_wrapper {
    gap: 0;
		padding-bottom:0;
    flex-wrap: wrap;
}
}