/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
:root {
	font-family: 'Quicksand', sans-serif;
  	font-display: swap;
	--gradient-primary-color: #bf9341;
	--gradient-secondary-color: #f2d888;
}
body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
body > div.elementor:not(.elementor-location-header):not(.elementor-location-footer) {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1 1 auto;
}
body .elementor-location-header {
	flex: 0 0 auto;
}
body .elementor-location-footer {
	flex: 0 0 auto;
}
@media (max-width: 1024px){
	.menu-item-social{
		float: left;
		width: 33.33%;
	}
}
.fa-facebook-square:hover, .menu-item-social:hover .fa-facebook-square{
	background: radial-gradient(#ffffff 3%, #2E89FF 30%);
    background-size: 200% 200%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rotate 6s linear infinite;
}
.fa-instagram:hover, .menu-item-social:hover .fa-instagram{
    background: radial-gradient(#ffd600 7%, #ff7a00 17%, #ff0069 28%, #d300c5 46%, #7638fa 60%);
    background-size: 200% 200%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rotate 6s linear infinite;
}
.fa-youtube:hover, .menu-item-social:hover .fa-youtube{
	background: radial-gradient(#ffffff 3%, #ff0000 30%);
    background-size: 200% 200%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rotate 6s linear infinite;
}
@keyframes rotate {
        0%{background-position:50% 0%}
        25%{background-position:0% 50%}
        50%{background-position:50% 100%}
        75%{background-position:100% 50%}
        100%{background-position:50% 0%}
}

@keyframes textFadeInLeft{ 
    0% {
		opacity: 0;
        width: 0%;
        white-space: nowrap;
        overflow: hidden;
    }
    75% {
		opacity: 0;
        width: 0%;
        white-space: nowrap;
        overflow: hidden;
    }
    99% {
		opacity: 1;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
    }
	100% {
		opacity: 1;
        width: 100%;
        white-space: wrap;
        overflow: hidden;
    }
} 
/* Default link colors */

a
{
	color: var(--e-global-color-primary);
}

a:hover
{
	color: var(--e-global-color-accent);
}

/* Logged in & out conditions */

.toggle-auth-none
{
	display: block!important;
}
.toggle-auth-block
{
	display: none!important;
}
.logged-in .toggle-auth-none
{
	display: none!important;
}
.logged-in .toggle-auth-block
{
	display: block!important;
}
/* .icon .icon-star {
	fill: url('https://strefaerotyki.com/wp-content/uploads/2023/01/gold-texture-2.jpg') no-repeat center/cover;
} */
@keyframes gradientAnimation {
	0% { background-position: top left; }
	25% { background-position: top right; }
	50% { background-position: bottom right; }
	75% { background-position: bottom left; }
	100% { background-position: top left; }
}
ins {
	text-decoration: none!important;
}
.am-widgetbar-gratisfaction {
	z-index: 100!important;
}
.quantity {
	float: unset;
	display: flex;
	align-items: center;
}
.quantity .ctsit-quantity-btn {
	border: unset;
	padding: 5px!important;
	margin-inline: 5px;
	width: 40px;
	height: 40px;
	border: 1px solid var(--e-global-color-primary )!important;
	border-radius: 5px;
	color: var(--e-global-color-primary );
}
.quantity .ctsit-quantity-btn:hover {
	color: white!important;
}
.quantity input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.quantity input[type=number] {
  -moz-appearance: textfield;
}
.products .product .image-wrapper img{
	background-color: white;
}
p.price {
	margin-bottom: 0;
	color: black;
}
.price .old-price {
	margin-right: 10px;
	font-size: .7em;
	color: lightgrey!important;
	text-decoration: line-through;
}