/*
Theme Name: Saen
Theme URI: https://wordpress.org/themes/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Full Site Editing features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether you’re building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours.
Requires at least: 5.9
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: saen
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments

*/

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
	text-decoration-style: dashed;
}

a:active {
	text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}


.header-phones, .header-phones > a {
    position: relative;
}
.header__top a:not(.header__mail-link) {
    text-transform: uppercase;
}
.header-phones > a:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 5px;
    border-width: 6px 0 6px 6px;
    border: 6px solid transparent;
    border-top-color: #2ac561;
    margin: 3px;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    padding: 6px 9px;
    z-index: 3;
    right: -10px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 5px 50px 5px rgba(50, 50, 50, 0.1);
    box-shadow: 0px 5px 50px 5px rgba(50, 50, 50, 0.1);
}
.dropdown-content a.header-topbar__link {
    color: #2ac561;
}
.header-phones:hover .dropdown-content, .header-phones.active .dropdown-content {
    display: block;
}
.vr {
    margin: -25px 0px;
    display: inline-block;
    width: 2px;
    height: 60px;
    background-color: #f7f7f7;
}
.feedback-form__button {
    margin: 15px;
    padding: 20px;
    max-width: 225px;
    width: 100%;
}
.feedback-form__name, 
.feedback-form__phone {
    margin: 0 2px;
    padding: 20px 10px 20px 50px;
    display: inline-block;
    max-width: 230px;
    width: 100%;
    background-color: #ffffff;
    border: none;
    border-radius: 5px;
    font-size: 16px;
}
@media (max-width:768px){
	.feedback-form__button {
		margin: 15px;
		padding: 13px;
		max-width: 200px;
	}
	.feedback-form__name, .feedback-form__phone{
		padding: 20px 10px 20px 40px;
    	max-width: 210px;
	}
}
.btn_g {
    display: inline-block;
    border: none;
    width: 100%;
    color: #fff;
    font-size: 16px;
    border-radius: 35px;
    font-family: 'NotoSans Bold', sans-serif;
    background-image: -webkit-linear-gradient(to right, rgb(42, 197, 97) 0%, rgb(140, 215, 29) 51%, rgb(42, 197, 97) 100%);
    background-image: -o-linear-gradient(to right, rgb(42, 197, 97) 0%, rgb(140, 215, 29) 51%, rgb(42, 197, 97) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgb(42, 197, 97)), color-stop(51%, rgb(140, 215, 29)), to(rgb(42, 197, 97)));
    background-image: -webkit-linear-gradient(left, rgb(42, 197, 97) 0%, rgb(140, 215, 29) 51%, rgb(42, 197, 97) 100%);
    background-image: -o-linear-gradient(left, rgb(42, 197, 97) 0%, rgb(140, 215, 29) 51%, rgb(42, 197, 97) 100%);
    background-image: linear-gradient(to right, rgb(42, 197, 97) 0%, rgb(140, 215, 29) 51%, rgb(42, 197, 97) 100%);
    background-size: 200% auto;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.feedback-form__button:hover {
    background-position: right center;
    cursor: pointer;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.wpcf7-spinner{
	 margin: 0 5px;
}
.feedback-form p {
    margin-bottom: 0;
}
.callback-form .wpcf7-not-valid, .feedback-form .wpcf7-not-valid {
    border: 1px solid #f00;
}
.callback-form .wpcf7-not-valid-tip, .feedback-form .wpcf7-not-valid-tip, .modal .wpcf7-not-valid-tip, .map__block .wpcf7-not-valid-tip {
    display: none;
}
.elementor-widget-image-box .elementor-widget-container .elementor-image-box-wrapper{
	transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s);
}
.elementor-widget-image-box .elementor-widget-container .elementor-image-box-wrapper:hover{
	-webkit-box-shadow: 0 5px 50px 5px rgba(50,50,50,.1);
    box-shadow: 0 5px 50px 5px rgba(50,50,50,.1);
}

.elementor-widget-image-box .elementor-widget-container .elementor-image-box-wrapper:before,
.elementor-widget-image-box .elementor-widget-container .elementor-image-box-wrapper:after{
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    width: 0;
    height: 0;
}
.elementor-widget-image-box .elementor-widget-container .elementor-image-box-wrapper:hover:before, 
.elementor-widget-image-box .elementor-widget-container .elementor-image-box-wrapper:hover:after {
    width: 100%;
    height: 100%;
}

.elementor-widget-image-box .elementor-widget-container .elementor-image-box-wrapper:before {
    top: 0;
    left: 0;
}
.elementor-widget-image-box .elementor-widget-container .elementor-image-box-wrapper:after {
    bottom: 0;
    right: 0;
}
.elementor-widget-image-box .elementor-widget-container .elementor-image-box-wrapper:hover:before {
    border-top-color: rgba(140,215,29,1);
    border-right-color: rgba(140,215,29,1);
    transition: width .25s ease-out , height .25s ease-out .25s;
}
.elementor-widget-image-box .elementor-widget-container .elementor-image-box-wrapper:hover:after {
    border-bottom-color: rgba(42,197,97,1);
    border-left-color: rgba(42,197,97,1);
    transition: border-color 0s ease-out .5s , width .25s ease-out .5s , height .25s ease-out .75s;
}
.elementor-image-box-wrapper{
	padding: 50px 30px 20px 30px;
	    position: relative;
}


.hr_g {
    border: none;
    width: 55px;
    height: 6px;
    margin: 20px 0;
    background-image: -webkit-linear-gradient(to right, rgb(42, 197, 97) 0%, rgb(140, 215, 29) 100%);
    background-image: -o-linear-gradient(to right, rgb(42, 197, 97) 0%, rgb(140, 215, 29) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgb(42, 197, 97)), to(rgb(140, 215, 29)));
    background-image: -webkit-linear-gradient(left, rgb(42, 197, 97) 0%, rgb(140, 215, 29) 100%);
    background-image: -o-linear-gradient(left, rgb(42, 197, 97) 0%, rgb(140, 215, 29) 100%);
    background-image: linear-gradient(to right, rgb(42, 197, 97) 0%, rgb(140, 215, 29) 100%);
    border-radius: 25px;
}
.elementor-widget-tabs .elementor-tab-desktop-title{
	background-color: #f7f7f7;
}
.elementor-widget-tabs .elementor-tab-desktop-title + .elementor-tab-desktop-title{
	margin-top:10px;
}
.elementor-element .elementor-tab-desktop-title.elementor-active {
    box-shadow: -20px 0px 40px 0px rgba(50, 50, 50, 0.1);
}
div.elementor-widget-tabs .elementor-tabs-wrapper {
    overflow: visible;
}
.elementor-widget-tabs .elementor-tab-content{
    padding: 20px 30px;
    -webkit-box-shadow: 0px 0px 95px 0px rgba(50, 50, 50, 0.1);
    box-shadow: 0px 0px 95px 0px rgba(50, 50, 50, 0.1);
}
div.elementor-widget-tabs .elementor-tab-desktop-title{
	padding: 25px 15px;
}
@media only screen and (max-width: 575px){
	.feedback-form__name, .feedback-form__phone {
		border: dashed 1px #8cd71d;
		width: 100%;
		display: block;
		max-width: 100%;
		padding: 20px 10px 20px 20px;
		margin-top: 15px;
	}
	.vr{
		display:none;
	}
}
.elementor-testimonial-wrapper{
	transition: 0.3s ease;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
	width: 100%;
    padding: 25px;
}
.elementor-testimonial-name{
	margin: 20px 0 15px;
}
.elementor-testimonial-image{
	position: absolute;
    top: -40px;
}
.elementor-testimonial-content{
	position:relative;
	padding-top:25px;
}
.elementor-testimonial-content:before{
	content:'';
	background-image:url('https://solar.saen.com.ua/wp-content/uploads/2023/11/quote.jpg');
	width:35px;
	height:35px;
	display:block;
	position: absolute;
    right: 0;
	top:-10px;
}

.input-wrap {
    position: relative;
}
.map__label {
    position: absolute;
    top: 25px;
    left: 10px;
    color: #888;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	font-size: 14px;
}
.wpcf7-form-control-wrap {
    position: static;
}
.map-name__input, .map-phone__input, .map-message__textarea {
    display: block;
    border: none;
    border-bottom: 2px solid rgba(140, 215, 29, 0);
    margin: 15px 0;
    padding: 25px 10px 5px;
    width: 100%;
    color: #888;
    outline: none;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    resize: none;
}
.map__button {
    margin-top: 15px;
    display: inline-block;
    padding: 20px;
    max-width: 200px;
    width: 100%;
    font-size: 14px;
    font-family: 'NatoSans Regular', sans-serif;
}
.map__button:hover {
    background-position: right center;
    cursor: pointer;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.map-name__input:focus, 
.map-phone__input:focus,
.map-message__textarea:focus {
    border-bottom: 2px solid rgba(140, 215, 29, 1);
}
.active .map__label {
    top: 5px;
    color: rgb(42, 197, 97);
    background-image: -webkit-linear-gradient( 0deg, rgb(42, 197, 97) 0%, rgb(140, 215, 29) 100%);
    background-image: -o-linear-gradient( 0deg, rgb(42, 197, 97) 0%, rgb(140, 215, 29) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 12px;
}
.shadow .elementor-icon{
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
}
.fb-dialog .fb-close{
	right: 83px;
}
.puls .elementor-icon i:after {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: #2AC561;
    opacity: 0;
    filter: blur(1px);
    animation: fixed-button-call linear 1000ms infinite;
    z-index: -1;
    content: '';
}
@keyframes fixed-button-call{
	0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
}
30% {
    transform: translate(-50%, -50%) scale(1.3);
    opacity: .5;
}
100% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
}
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
	font-family: "NotoSans Regular", sans-serif;
	font-size: 14px;
	font-weight: 400;
}
.wpcf7-not-valid-tip{
	display:none;
}
.wpcf7-not-valid, .wpcf7-not-valid {
    border-bottom: 2px solid rgba(250, 0, 0, 1);
}
div .wpcf7 form .wpcf7-response-output {
	margin: 1em 0.5em 0.5em;
}
.top_header-list{
	list-style-type:none;
	padding-left:0;
	margin:0;
}
.top_header-list li{
	display:inline-block;
	font-family: "NotoSans", Sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}