/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold*/

/*Fonts*/

/*Букет 8 марта*/
/*	
    #top #header_main .main_menu .av-main-nav .menu-item a{
		padding: 0 10px !important;
	}

@media only screen and (max-width: 490px) {
	#top #header_main .logo #logo-flower {
		display: none !important;
	}
}
*/

#top .grid__block ul {
	display: block !important;
}

/* *** БАННЕРЫ *** */

#top .banner__wrapper {
	width: 150px;
    position: fixed;
    left: 50px;
	bottom: 50px;
	margin: 0 0;
	transition: 2000ms;
	z-index: 100000;
}

#top .banner__wrapper img {
	animation: tada linear 3s infinite;
	width: 150px;
	height: auto;
	animation: tada linear 3s infinite;
}

#top .banner__wrapper:hover::before {
	left: 50px;
	transition: 2000ms;
}

#top .banner__wrapper::before {
	display: block;
    content: '';
	background: url('/wp-content/uploads/2024/03/banner8.jpg') center no-repeat;
	background-size: cover;
    width: 1024px;
    height: 680px;
    position: fixed;
    left: -1200px;
	bottom: 20px;
    background-color: #fff;
    padding: 20px;
	
	text-align: center;
	font-size: 20px;
	border-radius: 16px;
	transition: 2000ms;
	z-index: 10000000;
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@media only screen and (max-width: 989px) {
	
	
	#top .banner__wrapper{
		width: 100px;
		left: 10px;
		bottom: 100px;
	}
	
	#top .banner__wrapper::before {
		height: 230px !important;
		width: 360px !important;
		top: 30%;
		left: -500px;
	}
			
	#top .banner__wrapper:hover::before,
	#top .banner__wrapper:focus::before,
	#top .banner__wrapper:active::before {
		left: 10px;
		transition: 2000ms;
	}
	
}

.footer__link {
	transition: opacity 0.3s ease-in-out;
}

.footer__link:hover {
	opacity: 0.7;
}