/*
 Theme Name:     Boropot
 Theme URI:      https://boropot.com
 Description:    Strona Sklepu Boropot.
 Author:         Michał Dobry
 Author URI:     https://webidemic.pl
 Template:       Divi
 Version:        3.0
*/


/* 
------------------------------------------------------- */

/*No Horizontal Scroll bar*/
#page-container { overflow:hidden; }
/*Fixing the Button Position for Firefox for Newsletter*/
@-moz-document url-prefix() {
    .webidemic-newsletter.et_pb_newsletter .et_pb_button  {
        margin-top: -69px !Important;
    }
	.webidemic-newsletter-single-post.et_pb_newsletter .et_pb_button  {
        margin-top: -83px !Important;
    }
}

/* ===== Scrollbar CSS ===== */


body {
  --sb-track-color: #e4aa98;
  --sb-thumb-color: #ff8057;
  --sb-size: 14px;
}

body::-webkit-scrollbar {
  width: var(--sb-size)
}

body::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 14px;
}

body::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 14px;
  border: 3px solid #000000;
}

@supports not selector(::-webkit-scrollbar) {
  body {
    scrollbar-color: var(--sb-thumb-color)
                     var(--sb-track-color);
  }
}

/*Mobile Menu Customizations*/
/*To add Box Shadow and Corner Radius to Mobile Menu*/
.et_mobile_menu{
    margin-top: 15px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.21) 0px 15px 30px;
}
/*This will add Padding and Margin (Spacing) around the Mobile Menu Items*/
.et_mobile_menu li a{
	padding: 13px 5%;
    margin: 10px 0;
}
/*To hide the Sub Menu in mOBILE*/
#page-container .mobile_nav li ul.hide {
    display: none !important;
}
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
#page-container .mobile_nav .menu-item-has-children {
    position: relative;
}
#page-container .mobile_nav .menu-item-has-children > a {
    background: transparent;
}
/**** This styles the icon and moves it to the right ****/
#page-container .mobile_nav .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}
.menu-closed{
	border-left:1px solid #eee;
}
/**** Styling for the Sub Menu Toggle Icon in Mobile Menu ****/
#page-container span.menu-closed:before {
    content: "\22";
    display: block;
    color: #000;
    font-size: 14px;
    font-family: ETmodules;
	transition:.3s ease;
	background:rgba(255,128,87,0.39);
	color:#ff8057;
	text-align: center;
    border-radius: 100px;
	width:26px;
}
#page-container span.menu-closed.menu-open:before {
    content: "\22";
	transform:rotate(180deg);
	background:#ff8057;
	color:#fff;
}


/*Header Codes - All the Codes for Main Header here*/
.webidemic-custom-dropdown-content{
-webkit-animation: scale-in-tr 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: scale-in-tr 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes scale-in-tr {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes scale-in-tr {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}

/*END*/

/*For Link Animation - Add class to any module "link effect" to add this effect*/
.link-effect a, .woocommerce-error a, .woocommerce-info a, .woocommerce-message a{
  cursor: pointer;
  padding-bottom:5px;
  transition: all 0.2s linear;
  background: linear-gradient(to bottom, #FF8057 0%, #FF8057 98%); /*Change color of the underline from here*/
  background-size: 0px 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
}
.link-effect a:hover, .woocommerce-error a:hover, .woocommerce-info a:hover, .woocommerce-message a:hover {
  background-size: 100% 2px;
}
/*Link effect CSS ends*/

/*Link effect - white underline add this class "link-effect-white"*/
.link-effect-white a {
  cursor: pointer;
  padding-bottom:5px;
  transition: all 0.2s linear;
  background: linear-gradient(to bottom, #fff 0%, #fff 98%); /*Change color of the underline from here*/
  background-size: 0px 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
}
.link-effect-white a:hover {
  background-size: 100% 2px;
}
/*END HERE*/


/*Dropdown Menu Animation and styling for Main Header - Desktop*/
.et-menu-nav .nav li li {
    padding: 0 !Important;
}
/*Change the width of the Sub Menu*/
.et-menu-nav .nav li ul{
	width:250px !Important
}
/*Remove the default hover background for Dropdown Menu Link*/
.et-menu-nav .nav ul li a:hover {
    background-color: transparent;
}
/*To add more padding and Spacing around menu Item*/
.et-menu-nav .et-menu li li a{
	padding:10px 20px;
	margin:3px 0;
}
/*This will add arrow Line to active Dropdown Menu link*/
.et_pb_menu .nav li ul.sub-menu li.current-menu-item a:before{
    content: '';
    display: block;
    position: absolute;
    width: 0;
    top: 0;
    bottom: 0;
    left: 0px;
    transition: all .2s ease-in-out;
	background: #ff8057 !important;
	width:4px;
	border-radius: 0px 3px 3px 0px;
}
/*Line shows on Hover on Sub Menu Link Hover*/
.et-menu-nav .et-menu li li a:before{
    content: '';
    display: block;
    position: absolute;
    width: 0;
    top: 0;
    bottom: 0;
    left: 0px;
    transition: all .2s ease-in-out;
	border-radius: 0px 3px 3px 0px;
}
.et-menu-nav .et-menu li li a:hover:before {
    background: #ff8057;
	width:4px;
}
/*To add Entrance and Exit Animation to Dropdown Menu*/

/*Entrance Animation for Dropdown Menu*/
.et-menu-nav .et-show-dropdown .sub-menu{
-webkit-animation: fade-in-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
/*To add Box Shadow Corner Radius and Exit Animation to Dropdwon Menu*/
.et-menu-nav .sub-menu{
	box-shadow: 0px 5px 40px #0000002b !IMPORTANT;
	border-radius:8px;
	-webkit-animation: fade-out-bottom 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: fade-out-bottom 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/*Will add Arrow indicator to Dropdown Menu*/
.et-menu-nav .sub-menu:after {
    content: '';
    display: block;
    position: absolute;
    left: 11%;
    top: -22px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    z-index: 1;
}

/*Keyframes for Dropdown menu Entrance Animation*/
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

/*Keyframes for Dropdown Menu Exit Animation*/
@-webkit-keyframes fade-out-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
}
@keyframes fade-out-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
}


/*Stylings for the Homepage Starts here*/

/*This will fix the issue with the Buttom Module Animation*/
.et_pb_button_module_wrapper{
	transition:all .3s ease !Important;
}
/*To make any column vertically centered - Enable Equal Column height in the Row Settings*/
.et_pb_equal_columns>.et_pb_column{
	margin-top:auto;
	margin-bottom:auto;
}
/*To make buttons inline anywhere, add the class "inline-buttons-row" to the Row*/
.inline-buttons-row .et_pb_button_module_wrapper{
display:inline-block;
}
/*This will add hover transition to Blurb Module's Image*/
.et_pb_main_blurb_image{
	transition:.3s ease;
}
/*To push the Image a bit small on the Homepage*/
.service-card:hover .et_pb_main_blurb_image{
	transform:scale(0.90) !Important
}
/*The Features Section on the Homepage - Adding some Hover effect to blurb Image*/
.feature .et_pb_animation_off{
    background: #ff8057;
    padding: 10px;
    border-radius: 10px;
    transition:.3s ease;
}
.feature:hover .et_pb_animation_off{
	 box-shadow: 35px -15px 0px #ff80571f, -25px 15px 0px #ff80571f;
	 transform:scale(1.2)
}


/*Styling for the ""Homepage"" END here.*/



/*This is to add animation when hoverout of the card - exit*/
.webidemic-view-button{
	opacity:0;
	-webkit-animation: fade-out-bottom 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: fade-out-bottom 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/*Animation when hover to card - entrance*/
.webidemic-column:hover .webidemic-view-button{
	opacity:1;
	-webkit-animation: fade-in-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}


/*Keyframes for the Button to show with Animation - entrance*/
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}


/*Keyframe for the button to go away with animation - exit*/
@-webkit-keyframes fade-out-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
  }
}
@keyframes fade-out-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
  }
}


/*The text before Contact Form*/
mark-shy-text{
	background: #ff80571a !Important;
    color: #FF8057 !Important;
    padding: 10px 25px;
    border-radius: 100px;
	margin-bottom:10px;
	font-weight:bold;
}
/*FAQ Toggle Module - Desiging the Toggle Module*/
.webidemic-faq .et_pb_toggle_title:before {
    content: "\4c" !IMPORTANT;
    font-weight: 900;
	transition:.3s ease;
}
/*Stylings for when the Toggle is open*/
.webidemic-faq.et_pb_toggle_open .et_pb_toggle_title:before{
	transform: rotate(180deg);
	content: "\22" !IMPORTANT;
	color: #FF8057 !Important
}
/*Stylings for the Contact Page ENDs here*/



/*Styling for the Services Page Starts here*/

/*This will change the H4 color to white when hover over to service card*/
.service-card-2:hover .et_pb_blurb h4{
	color:#fff !important
}
/*This will change the the bold text to white on hover to service card*/
.service-card-2:hover .et_pb_blurb strong{
	color:#fff !important
}
/*This will change the blurb description color to white when hover over to service card*/
.service-card-2:hover .et_pb_blurb_description{
	color:#fff !important
}
/*This will add a white background to blurb image when hover to service card*/
.service-card-2:hover .et_pb_main_blurb_image{
	background:#fff;
    width:50px;
    padding:10px;
    border-radius:5px;
    box-shadow:0px 2px 10px rgba(0,0,0,0.36);
}

/*webidemic Custom Testimonial Styling*/

/*This will add an active state to active Testimonial image*/
.active-img{
	transform:scale(1.1);
	transition: all .3s ease;
}
/*To add an overlay to active Image in testimonial*/
.active-img:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 35%);
	z-index:10;
	border-radius:10px;
}
/*This will add border inside the image to active testimonial image*/
.active-img:after{
	content: '';
    position: absolute;
    width: 90%;
    height: 90%;
    border: 1px solid #fff;
    z-index: 10;
    border-radius: 10px;
    left: 10px;
    top: 4.7%;
	transition: all .3s ease;
}
/*Adjusting for Mobile*/
@media only screen and ( max-width: 479px ) {
.active-img:after{
	display:none;
}
.active-img{
	transform:scale(1.05);
}
}
/*This will hide other testimonial content by default*/
.not-active-text{
	display:none !Important;
}
/*This will show the testimonoial content when switched to other testimonial item */
.active-text{
	display:block !Important;
	-webkit-animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
/*Animation keyframes*/
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


/*Styling for the Single Service Page Starts here*/

/*webidemic Custom Progess Tabs*/

/*This will add an active state to the active Blurb Image */
.active-tab .et_pb_main_blurb_image {
    background: rgba(255,128,87,0.18);
    border-radius: 10px;
}
/*This will change the H4 Color for the active tab item*/
.active-tab.et_pb_blurb h4 {
    color:#FF8057 !Important;
}
/*Ends here*/


/*Styling for Single Job Page starts here*/
.active-link-application:before{
	content:"";
	position:absolute;
    top:60px;
    left:-16px;
	display:block;
	width:135px;
	border-radius:3px 3px 0px 0px;
	background: #ff8057;
    border:2px solid #ff8057;
	transition:.3s ease;
}
.active-link:after{
	content:"";
	position:absolute;
    top:60px;
    left:-8px;
	display:block;
	width:135px;
	border-radius:3px 3px 0px 0px;
	background: #ff8057;
    border:2px solid #ff8057; 
	transition:.3s ease;
}
/*END HERE*/


/*Styliing the Woo Notices all over the site*/
.woocommerce-error, .woocommerce-info, .woocommerce-message, .som-password-sent-message {
    background: #fff !important;
    box-shadow: 1px 10px 40px -15px rgba(25, 25, 26, 0.17)!important;
    color: #000 !IMPORTANT;
    font-size: 15px !important;
    font-weight: 600;
    letter-spacing: 0.5px;
    border: 2px solid #eee !important;
    border-radius: 6px;
}
/*Forgot Password Page - Notice message*/
.som-password-sent-message{
    padding: 15px;
    padding-bottom: 15px !IMPORTANT;
}
/*Changing the link color in the notice*/
.woocommerce .woocommerce-error a, .woocommerce .woocommerce-info a, .woocommerce .woocommerce-message a{
    color: #ff8057!important;
}
/*This will remove the Hover Icon from Shop Module Add to Cart buttons*/
.woocommerce a.button.add_to_cart_button:after, a.button.product_type_simple:after, a.button.product_type_grouped:after, a.button.product_type_external:after{
	display:none;
}
/*To Style the Add to Cart button in the Shop Module*/
.et_pb_shop a.button.add_to_cart_button, .et_pb_shop a.button.product_type_simple, .et_pb_shop a.button.product_type_grouped, .et_pb_shop a.button.product_type_external{
    background: #FF8057;
    padding: 6px 15px;
    color: #fff !IMPORTANT;
    border-radius: 5px;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
	transition:.2s ease;
	text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;

}
/*Hover Styling for the Shop Module Add to Cart button*/
.et_pb_shop a.button.add_to_cart_button:hover, .et_pb_shop a.button.product_type_simple:hover, .et_pb_shop a.button.product_type_grouped:hover, .et_pb_shop a.button.product_type_external:hover{
	background: #FF8057;
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.3);
	transform:translate(0%,-7%)
}
/*To hide the View Cart button in Shop Module when product is added to cart*/
.woocommerce a.added_to_cart{
	display:none;
}
/*To style the Star Rating on the Shop Module*/
.et_pb_shop .star-rating{
   background:#fff;
   position:absolute;
   top:10px;
   right:10px;
   border-radius:100px;
   display:block;
   width:90px !Important;
   height:20px;
   box-shadow: 0px 3px 10px #00000021;
}
/*Tweaks for Star Rating on Shop Module*/
.et_pb_shop .star-rating:before{
	margin-left: 12px !important;
    margin-top: 3px !Important;
}
.et_pb_shop .star-rating>span:before{
    margin-left: 12px !important;
    margin-top: 3px !Important;
}
/*Adjusting the Quick View button on Shop Module*/
.et_pb_shop li.product a.button.yith-wcqv-button{
	font-family: ETModules !important;
color: #fff;
border-radius: 100px;
font-size: 12px;
padding: 5px 9px;
top: 5px;
left: 11px;
transition: .2s ease;
position: absolute;
}
/*Hover Styling for the Quick View button on Shop Module*/
.et_pb_shop li.product a.button.yith-wcqv-button:hover{
	padding: 5px 9px;
	transform:scale(1.05) !important;
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.3);
	background:#ff8057 !Important;
}
/*This will add the "Quick View" text on hover on Icon on Shop Module*/
.et_pb_shop li.product a.button.yith-wcqv-button:after{
	content: 'Podgląd';
font-family: Gluten-v10 !Important;
display: block;
position: absolute;
left: -70%;
top: -36px;
z-index: 1;
transition: none!Important;
font-size: 15px !important;
width: 75px;
text-align: center;
background: #ff8057;
padding: 8px 7px;
border-radius: 3px;
font-weight: 500 !important;
letter-spacing: 1px;
box-shadow: 0px 3px 15px #00000036;
}

/*Adjustment to Wishlist Button in Shop Module*/
ul.products li.product .tinvwl_add_to_wishlist_button {
    margin-top: 1em;
    position: absolute !important;
    top: 1px !important;
    left: 55px;
}
/*Styling the Wishlist Icon in the Shop Module*/
.et_pb_shop li.product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before{
	color: #fff;
    background: #ff8057;
    border-radius: 100px;
    font-size: 18px;
    padding: 6px 6px;
    position: relative;
    right: 6px;
    transition: .2s ease;
}
/*Hover styling for the Wishlist Icon in Shop Module*/
.et_pb_shop li.product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart:hover:before, .et_pb_shop li.product a.button.yith-wcqv-button:hover:after{
	transform:scale(1.05) !important;
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.3);
	background:#ff8057 !Important;
}
/*Adjusting the Wishlist text that shows on hover*/
.et_pb_shop li.product .tinvwl_add_to_wishlist-text, 
.et_pb_shop li.product .tinvwl_already_on_wishlist-text{

position: absolute;
left: -50px;
top: -39px;
z-index: 1;
transition: none!Important;
font-size: 14px;
text-align: center;
background: #ff8057;
color: #fff;
padding: 2px 7px;
border-radius: 3px;
font-weight: 600 !important;
letter-spacing: 1px;
box-shadow: 0px 3px 15px #00000036;
width: 135px;
}

span.tinvwl-product-stats {
    background-color: #ff8057;
    color: #fff;
}

/*This will hide the wishlist text in normal state*/
.et_pb_shop li.product .tinvwl_add_to_wishlist-text, .et_pb_shop li.product .tinvwl_already_on_wishlist-text{
	visibility:hidden !Important;
}
/*This will show the Wishlist Text on Icon Hover*/
.et_pb_shop li.product .tinvwl_add_to_wishlist_button.tinvwl-icon-heart:hover .tinvwl_add_to_wishlist-text, .et_pb_shop li.product .tinvwl_add_to_wishlist_button.tinvwl-icon-heart:hover .tinvwl_already_on_wishlist-text{
	visibility:visible !important;
}
/*This will add hover effect to Shop Module Product Cart*/
.et_pb_shop li.product:hover{
	transform:scale(1.05);
	box-shadow:0px 10px 40px #eee;
}
/*To add transition to the hover effect*/
.et_pb_shop li.product{
    transition:.2s ease;
	padding:15px !important;
	border-radius:7px;
}
/*This will hide the Wishlist Icon in Normal state*/
.et_pb_shop .tinvwl-icon-heart, .et_pb_shop a.button.yith-wcqv-button{
	opacity:0;
}
/*This will add an animation delay for heart icon*/
.et_pb_shop li.product:hover .tinvwl-icon-heart{
	animation-delay:100ms !important
}
/*Adjusting the Quick View Popup*/
.yith-wcqv-main{
	top: 100px;
    box-shadow: none !important;
    border-radius: 10px;
    padding: 30px;
}
/*Styling the scrollbar in the Quick View*/
.yith-wcqv-main::-webkit-scrollbar, .cpops-drawer-cart::-webkit-scrollbar, .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
	width: .7em;
}
.yith-wcqv-main::-webkit-scrollbar-thumb, .cpops-drawer-cart::-webkit-scrollbar-thumb, .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
	background-color: #d8d3d3;
	border-radius: 100px
}
/*Styling the Close button in Quick View Popup*/
#yith-quick-view-close {
    border: none !important;
    right: 8px;
    top: 10px;
    padding: 7px 8px 3px 8px;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    font-family: karla;
    font-weight: 900;
    opacity: 1;
    box-shadow: 0px 5px 20px #00000038;
	transition:.2s ease;
    color: transparent;
}
/*Adjusting the Quick View close icon*/
#yith-quick-view-close:before{
	content:"\4d";
	font-family: ETModules;
	color:#000
}
/*Hover styling for the Clost button in Quick View Popup*/
#yith-quick-view-close:hover{
	transform:scale(1.1);
	color:transparent;
}
/*Styling the Price Text in Quick View Popup*/
.yith-wcqv-main .price{
	margin-bottom: 10px;
    color: #000 !important;
    font-weight: bold;
}
/*Link color of Category and tags in Quick View Popup*/
.yith-wcqv-main .posted_in a, .yith-wcqv-main .tagged_as a {
    font-weight: 700;
    color: #ff8057;
}
/*The Fade in Bottom Animation for "Quick View" and "Wishlist" Icon*/
.et_pb_shop li.product:hover .tinvwl-icon-heart, .et_pb_shop li.product:hover a.button.yith-wcqv-button, .webidemic-dropdown-2-content, .webidemic-faq-1-content, .webidemic-faq-2-content, .webidemic-faq-3-content, .webidemic-faq-4-content, .all-pages-content, .the-new-pages-content{
	opacity:1;
	-webkit-animation: fade-in-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
/*Keyframes for the Fade In Bottom Animation*/
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

/*Styling for the Cart Popup Drawer*/

/*Styling checkout button on Cart Popup drawer*/
.cpops-cart-total a.checkout-button{
    background: #FF8057 !important;
	color:#fff;
    padding: 10px 15px !important;
    border-radius: 5px;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
	transition:.2s ease;
}
/*Hover styling for the Checkout button in Cart Popup Drwaer*/
.cpops-cart-total a.checkout-button:hover{
	transform:translate(0%,-5%);
    padding: 10px 15px !Important;;
    box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.3);
}
.cpops-modal {
	z-index: 1000000000;
}
.pops-default-drawer{
	box-shadow: -15px 5px 30px #00000036
}
.dgwt-wcas-suggestions-wrapp, .dgwt-wcas-details-wrapp {
	z-index:99 !important;
}

/*Changes the color of the item counter in header*/
.cartpops-cart--items-indicator-bubble .cartpops-cart__toggle .cartpops-cart__container-counter{
	background: #ff8057 !important;
}
/*Changes background color of the Floating Icon*/
#cpops-floating-cart button, #cpops-floating-cart button:hover {
    background-color: #ff8057 !important;
}
/*Changes the color of item counter in Floating Cart Icon*/
#cpops-floating-cart .cpops-floating-cart__count{
	color: #ff8057 !IMPORTANT;
}
/*Pagination dots of Recommended Product carousel*/
.cpops-slider__pagination__page{
    background-color: #ff8057 !important;
}
.cpops-slider__pagination__page.is-active {
    background-color: #ff8057 !important;
}


/*Styling for Shop Page*/
/*Adjusting the Checkbox in the Filter Category checkbox*/
.wpf_item input[type="checkbox"] {
    border: 2px solid #555555 !important;
	border-radius: 100px !important;
}
/*Styling the Icon on the Checked checkboxin Filter*/
.wpf_item input[type="checkbox"]:checked:before{
    content: "\4e" !IMPORTANT;
    font-family: 'ETmodules' !Important;
    font-size: 12px;
    position: relative;
    top: .2px;
    left: -.5px;
    font-weight: 900;
}
/*This will change the price range color*/ 
.wpf_slider.ui-slider .ui-widget-header {
    background: #ff8057 !important;
}
/*This wil adjust the Color filter*/
.wpf_color_icons li label{
	color: transparent !important;
    width: 30px !IMPORTANT;
    height: 30px !important;
    display: block;
    border-radius: 100px !important;
}
/*Styling the Item count in the Filter*/
.wpf_item_count {
    background: #ff8057 !Important;
    color: #fff !important;
    top: -47px;
    right: -26px;
    border-radius: 100%;
    box-shadow: 0px 5px 20px #00000029;
    font-weight: 800;
    font-size: 9px;
}
/*Styling the Reset button in the Filter*/
.wpf_reset_btn {
    background: #FF8057;
    color: #fff !important;
    padding: 3px 15px 3px 20px !important;
    border-radius: 5px;
    box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 20%);
    transition: .2s ease;
	cursor:pointer !Important;
}
/*Hover Styling the Reset button in the Filter*/
.wpf_reset_btn:hover {
	transform:translate(0%,-5%);
    box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.3);
}
/*Adjusting the Reset button in the Filter*/
.wpf_reset_btn:before, .wpf_reset_btn:after{
	left: 8px !important;
    font-size: 10px;
}
/*Styling the Woo Pagination*/

/*This will remove the border from the pagination*/
.woocommerce nav.woocommerce-pagination ul{
	border:none !important
}
/*Adjusting the page numbers in the pagination*/
.page-numbers{
	padding: 10px 14px !important;
	font-weight: 700 !Important;
}
/*Styling the page numbers in the pagination*/
nav.woocommerce-pagination ul li{
	border:none !important;
	background: #ff80571f;
    color: #ff8057;
    margin: 0 5px !Important;
    border-radius: 100px;
    font-family: 'Gluten-v10';
	transition:.2s ease;
}
/*Hover Styling the page numbers in the pagination*/
nav.woocommerce-pagination ul li:hover{
	transform:scale(1.05) !important
}
/*Hover Styling the page numbers Link in the pagination*/
nav.woocommerce-pagination ul li a:hover{
	background: #ff80571f !important;
    color: #ff8057 !important;
}
/*Styling the Current page number in the pagination*/
nav.woocommerce-pagination ul li span.current{
	background: #ff8057 !Important;
    color: #fff !important;
}
/*/*Adjusting the Prev and Next Arrow in the pagination*/
.page-numbers .next, .page-numbers .prev {
    padding: 10px 10px !important;
}

/*Styling for Buttons All over the site*/
.woocommerce .cart .button, .woocommerce .cart input.button, a.button.checkout-button, .woocommerce-page #payment #place_order, .woocommerce-form-login .woocommerce-form-login__submit, .checkout_coupon button, .woocommerce-form-register__submit, a.button.view, a.woocommerce-MyAccount-downloads-file.button, a.wshkcomment, #reset-pass-submit, .webidemic-wishlist .button, .webidemic-account-area .button, .tinvwl_added_to_wishlist.tinv-modal button.button, .woocommerce #review_form #respond .form-submit input, .dgwt-wcas-pd-addtc-form .button{
	background: #FF8057;
    color: #fff !important;
    padding: 8px 20px !important;
    border-radius: 5px!important;
    box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 20%) !important;
    transition: .2s ease !important;
    font-size: 13px!important;
    text-transform: uppercase;
    font-weight: 700!important;
}
/*Hover styling for all the Buttons*/
.woocommerce .cart .button:hover, .woocommerce .cart input.button:hover, a.button.checkout-button:hover, .woocommerce-page #payment #place_order:hover,  .woocommerce-form-login .woocommerce-form-login__submit:hover, .checkout_coupon button:hover, .woocommerce-form-register__submit:hover, a.button.view:hover, a.woocommerce-MyAccount-downloads-file.button:hover, a.wshkcomment:hover, #reset-pass-submit:hover, .webidemic-wishlist .button:hover, .webidemic-account-area .button:hover, .tinvwl_added_to_wishlist.tinv-modal button.button:hover, .woocommerce #review_form #respond .form-submit input:hover, .dgwt-wcas-pd-addtc-form .button:hover{
	background: #FF8057;
    padding: 8px 20px;
    box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.2);
	transform:translate(0%,-5%)
}
/*To remove the hover icon on all buttons*/
.woocommerce .cart .button:after, .woocommerce .cart input.button:after, a.button.checkout-button:after, .woocommerce-page #payment #place_order:after, .woocommerce-form-login .woocommerce-form-login__submit:after, .checkout_coupon button:after, a.button.view:after, a.woocommerce-MyAccount-downloads-file.button:after, a.wshkcomment:after, .webidemic-wishlist .button:after, .webidemic-account-area .button:after, .woocommerce-form-register__submit:after, .tinvwl_added_to_wishlist.tinv-modal button.button:after, .dgwt-wcas-pd-addtc-form .button:after{
    display:none !important;
}

/*Style for Cart Page*/
/*Styling the Quantity Form*/
.woocommerce .quantity input.qty{
	background: transparent !important;
    color: #000 !important;
    border: 1px solid #00000014 !important;
    border-radius: 5px !important;
    font-size: 15px !important;
    padding-right: 7px;
    padding-left: 10px;
}
/*Styling the remove icon in the Cart Product list*/
.woocommerce a.remove{
	color: #000 !important;
	font-weight:500 !Important;
	transition:.2s ease !important;
	position:relative
}
/*Adjustment to the Remove text shows on hover*/
.woocommerce a.remove:hover{
    background: #ff8057;
}
/*Arrow symbol for remove text shows on hover*/
.woocommerce a.remove:hover:before{
	content: '';
    display: block;
    position: absolute;
    left: -12px;
    top: 6px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #ff8057;
    z-index: 1;
}
/*Adjustment to the remove text shows on hover*/
.woocommerce a.remove:after{
	color:#fff !important
}
/*This will add "Remove" text on hover on close icon*/
.woocommerce a.remove:hover:after{
    content: "usuń";
    position: absolute;
    font-size: 10px;
    background: #ff8057;
    padding: 5px 5px;
    border-radius: 3px;
    left: -63px;
    font-weight: 600;
}

/*Adjusting the Width of product table*/
th.product-remove{
	width: 35px;
}
th.product-name{
	width: 230px;
}

/*Styling for Checkout Page*/
/*Adjustments to the Checkout Content*/

/*This will add arrow icon before the Product Name on Checkout page*/
.webidemic-checkout td.product-name:before{
	content:"\24" !important;
	font-family:ETModules;
    color: #ff8057;
    position: relative;
    top: 2px;
    left: -10px;
}
.select2-dropdown {
	border: 3px solid #eee;
}
.select2-results__option[aria-selected], .select2-results__option[data-selected] {
    margin: 0 10px;
    padding: 10px;
	border-radius: 5px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #ff8057;
}
/*Styling Woo Input Feilds*/
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    border-radius: 5px;
    border: 3px solid #eee;
	transition:.2s ease;
	background:transparent;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    padding: 15px;
    width: 100%;
}
/*Hover styling for the Inpurt Feilds*/
.woocommerce form .form-row input.input-text:hover, .woocommerce form .form-row textarea:hover, input.text:hover, input[type=email]:hover, input[type=password]:hover, input[type=tel]:hover, input[type=text]:hover, select:hover, textarea:hover{
    border: 3px solid #2558ab;
}
/*Styling for Labels on Input Fields*/
.woocommerce form .form-row label, label{
	text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
	font-weight: 700;
}
/*Styling the Woo Checkbox*/
.woocommerce form .form-row label.checkbox input, .woocommerce-checkout #payment ul.payment_methods li input, .woocommerce-form-login input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none!important;
    display: inline-block!important;
    position: relative;
    background-color: #E8EBEB;
    color: #19191a;
    top: 0;
    vertical-align: middle;
    height: 22px;
    width: 22px;
    box-shadow: 0 0 1px #19191a;
    border-radius: 50px;
    cursor: pointer;
    margin: 0px 7px 0 0;
    outline: none;
    transition: all .2s ease-in-out;
}
/*Hover effect for the Woo Checkbox*/
.woocommerce form .form-row label.checkbox input:hover, .woocommerce-checkout #payment ul.payment_methods li input:hover, .woocommerce-form-login input[type=checkbox]:hover {
    transform:scale(1.15) !important
}
/*Adding tick Icon when checkbox is checked*/
.woocommerce form .form-row label.checkbox input:checked::before, .woocommerce-checkout #payment ul.payment_methods li input:checked:before, .woocommerce-form-login input[type=checkbox]:checked:before {
	content: '\4e'!IMPORTANT;
    position: absolute;
    font-size: 17px!important;
    font-family: 'ETmodules';
    font-weight: 700;
    left: 3.5px;
    top: 5px;
	animation:.2s;
}
/*Styling "Invalid" the Woo Checkbox*/
.woocommerce-checkout #payment .validate-required{
    border-top: 1px solid #eee;
    padding-top: 15px !important;
    margin-top: 15px !important;
}

/*Adjusting the Thanks you Message on Order Complete*/
.woocommerce-thankyou-order-received{
	background: #fff;
    margin-top: -75px;
    margin-bottom: 20px;
    font-size: 23px;
    font-weight: 700;
    color: #000;
}
/*Styling the Address section on Order Complete*/
.woocommerce .woocommerce-customer-details address{
	border:none !important;
	border-bottom-width: 0px;
    border-right-width: 0px;
}


/*Adjusting the 2nd address field */
#billing_address_2_field {
    margin-top: 21px !important;
}
.webidemic-checkout .col-2{
display:block !important
}
#shipping_address_2{
	margin-top:-5px !important;
}
.webidemic-checkout th.product-name{
	width: 75%;
}
.woocommerce table.shop_table th {
    text-transform: uppercase !important;
    font-size: 16px !important;
}

/*Styling for the Login Page*/

.webidemic-login-area .col2-set .col-1, .webidemic-login-area  .col2-set .col-2{
	width:100% !important
}
/*Adjusting the Submit Button on Login/Register Form*/
.woocommerce-form-login .woocommerce-form-login__submit, .woocommerce-form-register__submit{
	border: none;
    width: 100%;
    padding: 18px !IMPORTANT;
    margin-top: 15px !important;
	cursor:pointer;
}
/*Hides the Default "Lost Password" link on login Form*/
.woocommerce-form-login .lost_password{
	display:none;
}
/*Adding animation to the Forms on Toggle*/
.webidemic-login-area .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .webidemic-login-area .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{
	-webkit-animation: fade-in-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
/*Hides the Heading on login/register Forms*/
.webidemic-login-area .woocommerce .col2-set .col-2 h2, .woocommerce-page .col2-set .col-2 h2, .webidemic-login-area .woocommerce .col2-set .col-1 h2, .woocommerce-page .col2-set .col-1 h2{
	display:none;
}
/*Some adjustment*/
.webidemic-login-area .woocommerce form.login, .webidemic-login-area .woocommerce form.register{
	border:none;
	padding:0 !important;
}
.et_pb_wc_checkout_order_details_0 td a {
    font-size: 100% !Important;
}

/*Styling for Reset Password Page*/
/*Styling the Heading Text*/
legend{
    text-align: center;
    font-size: 25px;
    color: #000;
    margin-bottom: 10px;
	font-weight:700;
}
/*Some adjustments*/
.extra-space, p.extra-space{
	text-align: center;
    margin-bottom: 20px;
}
/*Adjusting the Buttons on Reset Password page*/
#reset-pass-submit{
	width:100% !important;
	border:none !important;
	padding:15px !important;
	margin-top:15px;
	cursor:pointer
}
/*Adjusting Feilds width on Password Rest page*/
input[type=password].som-password-input {
    max-width: 100% !important;
}

/*Stylings for Wishlist Page*/
/*Some adjustments*/
#tinvwl_product_actions input{
	color:#000 !important
}
.tinv-wishlist tfoot .tinvwl-to-right {
    width: 100% !important;
}
.tinv-wishlist .product-action {
    width: 210px;
}
.tinv-wishlist table.tinvwl-table-manage-list {
    border-radius: 10px;
    box-shadow: 0px 5px 50px #0000001c;
}
.webidemic-wishlist th {
    padding-top: 25px !important;
}
.webidemic-wishlist .product-name{
	width:25% !important
}
/*Styling the Social Share Icons*/
.tinv-wishlist .social-buttons li {
    margin: 9px 15px 0 0;
    border-radius: 100px;
    box-shadow: 0px 5px 20px #0000001c;
	transition:.2s ease;
}
/*Hover Styling the Social Share Icons*/
.tinv-wishlist .social-buttons li:hover{
	transform:scale(1.1);
	box-shadow:0px 5px 30px #00000036;
}
/*Adjusting the Social Share Icons*/
.tinv-wishlist .social-buttons>span {
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    color: #00000078;
    margin-right: 15px;
    margin-top: 12px;
}
/*Styling the "x" Icon */
.tinv-wishlist .product-remove button{
	cursor:pointer;
	background: transparent;
	font-weight:500;
	transition:.3s ease;
    position:relative
}
/*Hover Styling the "x" Icon */
.tinv-wishlist .product-remove button:hover{
	background: #ff8057;
	color:#fff;
}
/*Adding the "Remove" text on delte product "x" icon*/
.ftinvwl-check:before {
    color: #ff8057;
}
/*Adds the arrow symbol on hover*/
.tinv-wishlist .product-remove button:hover:before{
    content: '';
    display: block;
    position: absolute;
    left: -16px;
    top: 38%;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #ff8057;
    z-index: 1;
}
/*Some adjustment*/
.tinv-wishlist .product-remove button:after{
	color:#fff !important;
}
/*Adds the "Remove" text on "x" icon hover on Wishlist page*/
.tinv-wishlist .product-remove button:hover:after {
    content: "Usuń";
    position: absolute;
    font-size: 10px;
    background: #ff8057;
    padding: 5px 5px;
    border-radius: 3px;
    left: -68px;
    font-weight: 600;
}

/*Styling the Wishlist Modal*/
/*Changing Heart Icon color*/
.icon_big_heart_check::before {
    color: #ff8057;
}
/*Styling Popup modal*/
.tinv-wishlist .tinv-modal .tinv-modal-inner {
    border-radius: 10px;
    box-shadow: 0px 5px 50px #00000070;
}
/*Adjusting Buttons*/
.tinv-modal .tinvwl-buttons-group button.tinvwl_button_close:not([disabled]):not(.disabled){
    margin-top: 5px;
    background: none !important;
    box-shadow: none !important;
    color: #00000080 !important;
    border: 2px solid #eee !important;
}
#yith-quick-view-modal.open, #yith-quick-view-modal.open .yith-wcqv-wrapper {
    z-index: 99999;
}
#yith-quick-view-modal:before{
	display:none;
}

/*Styling for Single Product Page*/
/*Adds White background to the Product Main Image*/
.woocommerce div.product div.images .woocommerce-product-gallery__image {
    background: #fff !important;
}
/*Adds white background to gallery images*/
.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    background: #fff;
}
/*Adds Padding  to gallery images*/
.woocommerce div.product div.images img {
    padding: 20px;
}
/*Styling the Reset variation button*/
.reset_variations {
    float: left !important;
    margin: 2em 0 1em 0 !important;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 4px 10px;
    border-radius: 4px;
	transition:.2s ease !important;
}
/*Hover Styling the Reset variation button*/
.reset_variations:hover{
	box-shadow: 0px 5px 20px #0000001f;
	transform:scale(1.1)
}
/*Adjustments & Styling to the Tabs On Product Page*/
.et_pb_tabs_controls li, ul.et_pb_tabs_controls:after, .et_pb_tabs, .et_pb_wc_tabs{
	border:none;
}
ul.et_pb_tabs_controls {
    background-color: transparent;
	margin-bottom: 25px;
}
.et_pb_tabs_controls li{
    border: none;
    margin: 10px;
}
/*Styling for the Tab Items*/
.et_pb_tabs_controls li a{
    padding: 13px 25px;
    border-radius: 5px;
	transition:.2s ease;
}
/*Hover background color for the Tab Item*/
.et_pb_tabs_controls li a:hover{
    background:#eee;
}
/*Styling Active Tab */
.et_pb_tab_active  {
    box-shadow: 0px 5px 30px #00000022;
    border-radius: 5px !IMPORTANT;
	transition:.2s ease;
	transform:scale(1.1)
}
/*Adjusting the Active tab hover effect.*/
.et_pb_tab_active a:hover{
    background:#ff8057 !important;
}
/*Some adjustments to the tabs*/
.et_pb_all_tabs {
    border-radius: 10px;
    box-shadow: 0px 10px 50px #00000012;
}
/*Styling the Reviews on Product Page*/
.woocommerce-page #reviews #comments ol.commentlist li {
    margin: 10px;
    padding-top: 70px;
    padding-bottom: 5px;
    width: 45%;
	margin-bottom: 40px!important;
    display: inline-grid;
    padding-left: 5px;
    padding-right: 20px;
    border-radius: 10px;
	box-shadow: 0px 10px 40px #00000026;
    transition: .2s ease;	
}
/*Hover effect to the Reviews on Product Page*/
.woocommerce-page #reviews #comments ol.commentlist li:hover {
transform: scale(1.03);
}
/*Styling the Avatar Image on Reviews on Product Page*/
.woocommerce #reviews #comments ol.commentlist li img.avatar{
    border-radius: 100px;
    margin: 10px;
	position: relative;
    margin-top: -105px;
	border: 8px solid #fff;
	box-shadow: 0px 19px 10px #00000012;
}
/*Adjustments to the Tabs*/
.woocommerce-page #reviews #comments ol.commentlist li .comment-text {
    margin: 15px 0 0 10px !important;
}
/*Changing the colors of Star Rating*/
.woocommerce .star-rating span::before {
    color: #ff8057 !IMPORTANT;
}
.woocommerce #review_form #respond p {
    margin: 0px 5px 10px 0px;
}
/*Styling the "Text area" field*/
.woocommerce #review_form #respond textarea, #commentform input[type="email"], #commentform input[type="text"], #commentform input[type="url"], #commentform textarea {
    font-size: 14px;
    line-height: 1.7em;
    color: #000;
    font-weight: 600;background: #fff;
    border: 2px solid #eee;
}
/*Styling the Reply Title*/
.comment-reply-title{
	font-size: 25px;
    font-weight: 700;
    color: #000;
}
/*Some adjustments for Mobile*/
@media only screen and ( max-width: 479px ) {

.woocommerce-page #reviews #comments ol.commentlist li {
width:95%;
	}
}


/*webidemic Styles for Headers*/
.wishlist_products_counter_text img{
	position: relative;
    top: 2px;
    right: -2px;
    transform: scale(1.2);
}

/*rotate the Divi Menu icon on click*/
.mobile_nav.opened .mobile_menu_bar::before {
	transition: all .4s ease;
	transform: rotate(90deg);
	display: block;
}
/*webidemic Header 9-10 CSS*/
.webidemic-header-9-10 .et_mobile_nav_menu{
	background: #eee;
    padding: 4px;
    border-radius: 5px !important;
    transform: scale(0.8);
}
.webidemic-header-9-10 .et_mobile_menu {
    width: 800% !important;
    margin-left: -115px;
    margin-top: 30px !important;
}
.webidemic-header-9-10 .amount{
	position: relative;
    left: 12px;
}
.webidemic-header-9-10 .cpops-toggle-drawer {
    position: absolute !important;
    width: 40px;
    height: 40px !important;
    background: #eee !important;
    padding: 9px 9px 4px 9px !important;
    border-radius: 5px !important;
    transition: .2s ease !important;
    left: 55px;
	overflow:hidden !important;
}
.webidemic-header-9-10 .cpops-toggle-drawer:hover .amount {
    left:0;
}
.cartpops-cart__container-counter {
	right: -19px !important;
    top: -23px !important;
}

.webidemic-header-9-10 .cpops-toggle-drawer:hover{
	width: 110px;
	left:-12px;
}

/**/

.wishlist_products_counter_number{
	color: #000;
    font-weight: 700;
}
.wishlist_products_counter.top_wishlist-heart.wishlist-counter-with-products:before {
    transform:scale(.9);
	position: relative;
	top: -1px;
	margin-bottom: 5px !important;
}
.webidemic-search-close:after{
    content: "\4d";
    font-family: 'ETmodules';
    font-size: 26px;
    background: #eee;
    padding: 3px;
    position: absolute;
    top: 7px;
    margin-left: -7px;
	-webkit-animation: rotate-in-center 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: rotate-in-center 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes rotate-in-center {
  0% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotate-in-center {
  0% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;
  }
}


/*Fixing when scroll down the search goes below Row*/
.dgwt-wcas-is-details .dgwt-wcas-suggestions-wrapp {
    z-index: 9999999999 !IMPORTANT;
}
.dgwt-wcas-details-outside .dgwt-wcas-details-wrapp {
    z-index: 999999998 !IMPORTANT;
}

/*Styling for FAQ Page*/
/*Adds active indication to Tabs on FAQ Page*/
.webidemic-active-faq{
	box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.04);
    transform: scale(1.1);
	border-radius:10px;
}
/*Changes Heading Styles on Active Tab on FAQ Page*/
.webidemic-active-faq h3{
	color:#ff8057 !important;
	font-weight:700 !important;
	transition:.2s ease;
}


/*To add the New symbol on the Menu Item*/
@media only screen and ( min-width: 1100px ) { 
.webidemic-new-icon:before{
    content: "Nowe";
    position: absolute;
    top: 14px;
    font-size: 10px;
    right: -20px;
    background: #ff8057;
    color: #fff;
    padding: 0px 3px 11px 3px;
    height: 15px;
    width: 35px;
    text-align: center;
    transform: scale(.8);
    font-weight: 800;
    text-transform: uppercase;
	border-radius: 3px;
}
.main:before{
    right: -3px;
    padding: 3px 3px 3px 3px;
    text-align: center;
    transform: scale(.7);
}
}
/*To add Updated Text to Menu Item in Green color*/
.updated-text:before{
	content:"Updated" !important;
	width: 55px;
    background: green;
}
/*Creating a Pages toggle on Showcase Page*/
.all-pages, .the-new{
	color:#0000007a !important;
}
.all-pages:hover, .the-new:hover{
	color:#0000007a !important;
	background:#ff8057 !important;
}
.active-pages-toggle{
	background:#ff8057 !important;
	color:#fff !important;
	box-shadow: 0px 5px 30px #00000036;
}
/*Fixing Click to Show Elements i.e Advanced Dropdown, Search Slide*/
.hide-dp{
	display:none;
}




/*Fixing Mega Menu*/

.et-menu-nav li.mega-menu>ul:after{
display:none;
}
.et-menu-nav li.mega-menu>ul{
width:100% !important;
}
.et-menu-nav li.mega-menu.mega-menu-parent li>.sub-menu:after{
display:none;
}
.et-menu-nav li.mega-menu.mega-menu-parent li>.sub-menu {
box-shadow: none !important;
background:transparent !important;
}

/*Fixing Issue with Content Switches*/
.monthly-button, .featured-button {
	z-index:20;
}



/*Hides CartPops logo on Checkout Drawer*/
#cartpops-drawer .cpops-drawer-footer .cpops-powered-by {
    display: none;
}

/*Make the Product Full-width on mobile -- Change the width to 50% and Margin-Right to 0% If you want to have 2 columns on mobile for Shop Module */ 
@media only screen and ( max-width: 479px ) {
.et_pb_shop ul.products.columns-1 li.product, .et_pb_shop ul.products.columns-2 li.product, .et_pb_shop ul.products.columns-3 li.product, .et_pb_shop ul.products.columns-4 li.product, .et_pb_shop ul.products.columns-5 li.product, .et_pb_shop ul.products.columns-6 li.product {
    width: 50% !important;
    margin-right: 0%!important;
}
}

/*Fixing Product Page Tabs and arrows showing on Variable products*/
.et-db #et-boc .et-l .et_pb_wc_add_to_cart form.cart .variations td.value span:after{
	display:None;
}
.et-db #et-boc .et-l .et_pb_wc_tabs {
    border: none !important;
}
.et-db #et-boc .et-l ul.et_pb_tabs_controls:after{
	border-top:none !important
}
.et-db #et-boc .et-l .et_pb_tabs_controls li {
	border-right: none !important;
}
.et-db #et-boc .et-l .et_pb_tabs_controls li a {
    padding: 11px 35px !important;
}


/*Improving Header 9-10 Responsinvess and small bit changes*/
@media only screen and ( max-width: 479px ) {
	.webidemic-header-9-10 .account-link:hover, .webidemic-header-9-10 .webidemic-search-button:hover, .webidemic-header-9-10 .webidemic-wishlist:hover{
		width:40px !important
	}
	.webidemic-header-9-10 .cpops-toggle-drawer:hover{
		width:40px !important;
		left: 55px !important;
}
	.webidemic-header-9-10 .cpops-toggle-drawer:hover .amount {
    left: 10px;
}
	.webidemic-header-9-10 .webidemic-cart-launcher{
		 margin-right: 65px;
         margin-left: 8px;
	}
	.webidemic-header-9-10 .webidemic-cart-launcher:hover{
		 margin-right: 70px !important;
         margin-left: 8px !important;
	}
}
.webidemic-header-9-10 .webidemic-wishlist{
	margin-right:-45px;
}


/*Wishlist page settings*/

@media only screen and ( max-width: 479px ) {
.tinv-wishlist table.tinvwl-table-manage-list thead th.product-name, .tinv-wishlist table.tinvwl-table-manage-lists thead th.wishlist-name{
	display:none;
}
}


/*Styling for My Account Page 2*/


/*Styling webidemic Account Area 2 Sidebar*/
.webidemic-account-area-2 .woocommerce-MyAccount-navigation {
    float: left;
    width: 25%;
    background: #ff8057;
    box-shadow: 0px 5px 40px #00000029;
    padding: 30px 0px 15px 0px;
    border-radius: 10px;
}

/*Making it 100% when screen width reaches 980px*/
@media only screen and ( max-width: 980px ) {
.webidemic-account-area-2 .woocommerce-MyAccount-navigation {
    width: 100%;
}
}

.woocommerce-MyAccount-navigation ul{
  list-style-type: none !important;
  padding:0 !Important;
}

/*Styling Navigation Links*/
.webidemic-account-area-2 .woocommerce-MyAccount-navigation-link a{
   color:#fff !Important;
   padding: 12px 25px !Important;
  margin-bottom:7px;
  display:block;
  transition:.2s ease;
  font-weight:600;
  font-size:15px;
}
/*Hover State*/
.webidemic-account-area-2 .woocommerce-MyAccount-navigation-link a:hover{
  background: rgba(255,255,255,0.14) !important;
}

/*Active State*/
.webidemic-account-area-2 li.woocommerce-MyAccount-navigation-link.is-active{
  background: rgba(255,255,255,0.18) !important;
  border-left: 4px solid #fff;
}

/*To add "Navigate" Text before account area links*/
.webidemic-account-area-2 .woocommerce-MyAccount-navigation ul:before{
  content:"Nawigacja";/*Change Text on this line*/
  width:100%;
  text-align:center;
  display:block;
  font-weight:bold;
  text-transform:uppercase;
  color:#fff;
  border-bottom: 1px solid rgba(255,255,255,0.37);
  padding-bottom:15px;
  margin-bottom:20px;
  font-size:20px
}

/*Styling the Icon in Navigation area*/
.webidemic-account-area-2 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a:before{
    font-family: ETModules;
    margin-right: 10px;
  position:relative;
  top:1px
}

/*Dashboard Icon*/
.webidemic-account-area-2 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {
    content: " \e08c";
}
/*Orders Icon*/
.webidemic-account-area-2 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {
    content: '\e020';
}
/*Downloads Icon*/
.webidemic-account-area-2 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a::before {
    content: '\e092';
}
/*Edit Address Icon*/
.webidemic-account-area-2 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {
    content: '\e081';
}
/*Payment Methods Icon*/
.webidemic-account-area-2 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before {
    content: '\e014';
}
/*Edit Account Icon*/
.webidemic-account-area-2 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
    content: '\e0e0';
}
/*vouchery*/
.webidemic-account-area-2 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--vouchers a:before {
    content: '\e018';
}
/*rezerwacje*/
.webidemic-account-area-2 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--appointments a:before {
    content: '\e025';
}
/*Wishlist Icon*/
.webidemic-account-area-2 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--wishlist a:before {
    content: '\e089';
}
/*Logout Icon*/
.webidemic-account-area-2 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
    content: '\e092';
    transform: rotate(90deg);
  display:inline-block;
}


/*Styling Account Area 2 - Content*/

.webidemic-account-area-2 .woocommerce-MyAccount-content {
    float: right;
    width: 68%;
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0px 15px 30px #00000014;
}

/*Making it 100% when screen width reaches 980px*/
@media only screen and ( max-width: 980px ) {
.webidemic-account-area-2 .woocommerce-MyAccount-content {
    width: 100%;
	margin-top:40px;
}
}

/*Removing Border from Orders wrapper*/
.webidemic-account-area-2 .woocommerce-MyAccount-content table:not(.variations) {
    border: none;
}

.webidemic-account-area-2 table.shop_table th{
    padding-bottom: 15px;
}

/*Button Text Color to White*/
.webidemic-account-area-2 .woocommerce-Message.woocommerce-Message--info.woocommerce-info > a{
  color:#fff !important;
}

.webidemic-account-area-2 legend {
    padding: 25px 0;
}

.webidemic-account-area-2 .password-input{
      margin-bottom: 20px;
}

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
    border-top: 1px solid #eeeeee7a !important;
}



/*END*/
/*CSS for active switch*/
.active-blog.et_pb_button{
	color: #ff8057 !Important;
	background:#fff !Important;
	box-shadow: 0px 6px 18px 0px rgba(0,0,0,0.11);
}

/*To make the Mobile Menu Scrollable*/
.et_pb_menu .et_mobile_menu {
    height: 530px;
    overflow: auto;
}

/*Styling Image on Checkout Page for each product*/

.webidemic-checkout-product-image{
    vertical-align: middle;
    display: inline-block;
    width: 40px !IMPORTANT;
    border-bottom: 5px;
    box-shadow: 0px 5px 30px #0000001f;
    height: 40px !important;
    padding: 5px !important;
    margin-right: 10px;
}

/*Adjusting the Checkout table*/
.woocommerce table.shop_table td {
    padding-top: 20px !important;
}


/*Small bugs*/


.webidemic-cart-area table.shop_table tbody th, .webidemic-cart-area table.shop_table tfoot td, .webidemic-cart-area table.shop_table tfoot th {
    border-top: none !important;
}

.et_pb_shop .et_overlay{
	display:none;
}

/*Fixing Sub Sub Menu not working correctly*/

.nav li li ul {
    left: 200px;
}

/*stylizacja opinii google*/
.wpac, .wpac h1, .wpac h2, .wpac h3, .wpac h4, .wpac h5, .wpac h6, .wpac p, .wpac td, .wpac dl, .wpac tr, .wpac dt, .wpac ol, .wpac form, .wpac select, .wpac option, .wpac pre, .wpac div, .wpac table, .wpac th, .wpac tbody, .wpac tfoot, .wpac caption, .wpac thead, .wpac ul, .wpac li, .wpac address, .wpac blockquote, .wpac dd, .wpac fieldset, .wpac li, .wpac strong, .wpac legend, .wpac em, .wpac s, .wpac cite, .wpac span, .wpac input, .wpac sup, .wpac label, .wpac dfn, .wpac object, .wpac big, .wpac q, .wpac font, .wpac samp, .wpac acronym, .wpac small, .wpac img, .wpac strike, .wpac code, .wpac sub, .wpac ins, .wpac textarea, .wpac var, .wpac a, .wpac abbr, .wpac applet, .wpac del, .wpac kbd, .wpac tt, .wpac b, .wpac i, .wpac hr {
	font-family: Gluten-v10 !Important;
}
/*kolor ceny wariacji produktu*/
.woocommerce-page div.product span.price {
    color: #ff8057!important;
}
/*Fix WordPress v6.6 Underline Text Issue*/
:root a:not(.wp-element-button) {
text-decoration: none;
}
/*Fix amelia maly przycisk*/
.el-dialog__headerbtn {
    font-size: var(--el-message-close-size, 28px)!important;
}
.amelia-v2-booking.am-dialog-el .el-dialog__headerbtn {
   right: 18px !important;
}
/* Fix amelia zmniejszenie informacji tekstowej w polu niestandardowym tylko na telefonach */
@media (max-width: 768px) { /* Dla ekranów o szerokości maksymalnie 768px */
    #am-cf-16 .am-ff__item-content__inner {
        font-size: 12px !important; /* Zastosowanie ważności, aby nadpisać inne style */
        line-height: 1.4 !important; /* Opcjonalne dostosowanie odstępów */
    }
}