/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://example.com/twentytwentyone-child/
Description: Дочірня тема для Twenty Twenty-One.
Author: Твоє ім'я
Author URI: https://example.com
Template: twentytwentyone
Version: 1.0.0
*/

/* Імпортуємо стилі з батьківської теми */
@import url('../twentytwentyone/style.css');


body.single,
body.page{background-color:#fff;}



.read-more-button.active .elementor-button-icon{
	transform:rotateX(180deg);
}
/* art effects */
.art-effect__title{
	padding: 4px 0px;
	display: inline-flex!important;
	position:relative;
	margin: -4px 0px;
	width: fit-content;
}
.art-effect__title:after{
	content:'';
	width:0;
	height: 2px;
	background:#000;
	z-index:-1;
	position:absolute;
	bottom: 0;
	left:0;
	transition-property: width;
	transition-duration:0.3s;
	transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.art-effect__title:hover:after{
	content:'';
	width: 100%;
	position:absolute;
	transition-property: width;
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.art-effect__link{
	padding: 4px 10px;
	display: inline-flex!important;
	position:relative;
	margin: -4px -10px;
}

.art-effect__link:after{
	content:'';
	width:100%;
	height: 0;
	background:#000;
	z-index:-1;
	position:absolute;
	bottom: 0;
	left:0;
	transition-property: height;
	transition-duration:0.3s;
	transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.art-effect__link:hover{
	color:#fff;
    transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.art-effect__link:hover img{
	filter:brightness(1.5);
	transition-duration: 0.3s;
	transition-property: filter;
}
.art-effect__link:hover:after{
	content:'';
	height: 100%;
	position:absolute;
	bottom:0;
	transition-property: height;
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.art-effect__text{
	padding:5px 20px!important;
	display: inline-flex!important;
	position:relative;
	margin: -5px -20px!important;
}

.art-effect__text:before{
	content:'';
	width:3px!important;
	height: 0!important;
	background:#9E0B0F;
	z-index:-1;
	position:absolute;
	top: 0;
	left:0;
	transition-property: height;
	transition-duration:0.3s;
	transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.art-effect__text:hover:before{
	content:'';
	height: 100%!important;
	transition-property: height;
	transition-duration:0.3s;
	transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.art-effect__text:after{
	content:'';
	width:0!important;
	height:100%!important;
	background:#fafafa!important;
	z-index:-2;
	position:absolute;
	top: 0;
	left:0;
	transition-property: width;
	transition-duration:0.5s;
	transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.art-effect__text:hover:after{
	content:'';
	width:100%!important;
	transition-property: width;
	transition-delay:0.3s;
	transition-duration:0.5s;
	transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}


.hidden-text{
	display: none!important;
}
.hidden-text.active{
	display:inherit!important;
}




/* timeline customize */
.timeline-slider .icon-time-line{
	position:relative;
}
.timeline-slider .swiper-slide>div>div:not(.icon-time-line)  {
	transform:scale(0.8);
}
.timeline-slider .swiper-slide-active.swiper-slide>div>div:not(.icon-time-line) {
	transform:scale(1);
}
.timeline-slider .swiper-slide .icon-time-line:after{
	content: '';
    width:calc(100% + 50px);
    height: 3px;
    display: block;
    position: absolute;
    left: 0;
    transform: translatex(50%) translateY(-4px);
    background: #ebebeb;
    top: 50%;
    z-index: -2;
}
.timeline-slider .swiper-slide:last-of-type .icon-time-line:after {
    width: 100vw;
	left: 50%;
    transform: translateX(0) translateY(-4px);
}
.timeline-slider .swiper-slide-prev:not(:first-child) .icon-time-line:before{
	content: '';
	width: calc(100% + 10px);
	height: 3px;
	display: block;
	position: absolute;
	right:0;
	transform: translatex(-50%) translateY(-4px);
	background: #9E0B0F;
	top: 50%;
	z-index: -1;
}


.timeline-slider .swiper-slide-prev .icon-time-line:after{
	background: #9E0B0F;
	width: calc(100% + 10px);
	transition: 1.3s;
	z-index:-1;
}


#timeline .swiper-button-next, #timeline .swiper-button-prev{
	background-color:#9E0B0F;
	border-radius:50%;
    width: 50px !important;
    height: 50px !important;
    display: flex;
    align-items: center;
}
#timeline .swiper-button-next svg, #timeline .swiper-button-prev svg{
	max-width:15px;
}

@media screen and (max-width: 576px){
	.swiper-button-prev, .swiper-rtl .swiper-button-next{
		left: 0!important;
	}
	.swiper-button-next, .swiper-rtl .swiper-button-prev{
		right: 0!important;
	}
}




#gallery-carousel .swiper-image-stretch .swiper-slide .swiper-slide-image, #gallery-carousel .swiper-image-stretch .swiper-slide .swiper-slide-image{
	height: 260px;
	width: 100%;
	object-fit:cover;
}