/*
Theme Name: child_themes
Theme URI: https://web-creative.studio/
Template: hello-elementor
Author: WebCreative
Author URI: https://web-creative.studio/
Version: 2.2.1.1572443540
Updated: 2023-01-30 13:52:20

*/


html {
    scroll-behavior: smooth;
  }


  .elementor-button {
    cursor: pointer;
}
  

:focus {
    outline-style: none;
    outline-width: 0px !important;
    outline-color: none !important;
}


.elementor-nav-menu--dropdown .elementor-item.elementor-item-active, 
.elementor-nav-menu--dropdown .elementor-item.highlighted {
    background-color: transparent;
    }


.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol,
.elementor-widget-theme-post-content ul,
.elementor-widget-theme-post-content ol,
.elementor-widget-woocommerce-archive-description ul,
.elementor-widget-woocommerce-archive-description ol,
.elementor-tab-content ul,
.elementor-tab-content ol
.elementor-widget-container ul,
.elementor-widget-container ol,
.jet-toggle__content-inner ul,
.jet-toggle__content-inner ol
 {
    margin-bottom: 15px;
}

.ms {
    margin-top: 60px !important;
}


p:last-child {margin: 0;}

.elementor-button span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    flex-grow: 0;
}

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

span {
    line-height: 1;
}

/*Убрать раздувание табов в телефоне*/
.e-n-tabs > .e-n-tabs-heading > .e-n-tab-title {
	align-self:baseline;
}

.e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title )  {
    margin: 0 !important;
}


/* Скрывать иконки соц. сетей в которых нет ссылок  */
.elementor-grid-item:has(a[href="#"]):not(a[href]),
.phone li.elementor-icon-list-item:not(:has(a[href])) {
    display: none;
}

input::placeholder{
    opacity:1 !important;
}

.elementor-widget-image a img[src$=".svg"]{
    width:100% !important;
}

.box-center .elementor-icon-wrapper{
    display: flex;
}

body{
    margin:0px;
}

.elementor-message{
    display: none;
}

.no-margin p{
    margin:0px;
}

 ol.breadcrumb{
    margin-bottom: 0px;
}

/*Кнопки со стрелкой вправо*/
.btn-i span.elementor-button-text {
    height: 24px;
    /*transition: all .4s ease;*/
}

.btn-i span.elementor-button-icon i{
    font-size: 24px;
    transition: all .4s ease;
    width:24px;
    height:24px;
}

.btn-i a:hover span.elementor-button-icon i{
    font-size: 0px;
    width:0px;
    height:0px;
}

.black-bread ol.breadcrumb span,
.black-bread .breadcrumb li::after,
.black-bread .breadcrumb a:hover span{
    color: var(--e-global-color-text);
}

.black-bread .breadcrumb a span{
    color: #C6A584;
    transition: all .5s ease; 
}

/*Надпись под лого Гостиница*/
/* Псевдоэлемент до */
.logo-title::before, 
.logo-title::after {
	content: ''; /* Пустое содержание, чтобы создать линию */
	position: absolute; /* Абсолютное позиционирование относительно logo-title */
	top: 50%; /* Размещение на половину высоты */
	height: 1px; /* Высота линии */
	background-color: #fff; /* Цвет линии */
	z-index: 0 !important;
}

/* Линия слева */
.logo-title::before {
	left: 0;
	transform: translateX(-100%); /* Сдвигаем линию влево на 100% ширины */
	width: 35.7rem; /* Линия должна быть по ширине контента */
}

/* Линия справа */
.logo-title::after {
	right: 0;
	transform: translateX(100%); /* Сдвигаем линию вправо на 100% ширины */
    width: 36.4rem; /* Линия должна быть по ширине контента */
}

/* Листинги номероов */
.name-room .elementor-heading-title.elementor-size-default,
.name-room-main .elementor-heading-title.elementor-size-default{
    padding-left:55px;
}

.name-room-main:before,
.name-room:before{
	display: block;
    content:'';
    position: relative;
    height:1px;
    width:35px;
    left:0px;
    top:50%;
}

.name-room-main:before{
	background: var(--e-global-color-text); 
}
.name-room:before{
    background: var(--e-global-color-secondary);
}

.name-room .elementor-heading-title.elementor-size-default,
.name-room:before,
.name-room-main .elementor-heading-title.elementor-size-default,
.name-room-main:before{
    transition: all .5s ease;
}

.cont-room:hover .name-room:before,
.cont-room:hover .name-room-main:before{
    width:55px;
}

.cont-room:hover .name-room .elementor-heading-title.elementor-size-default,
.cont-room:hover .name-room-main .elementor-heading-title.elementor-size-default{
    padding-left:75px;
}

.revers-ul li.elementor-icon-list-item{
    display: flex;
    flex-direction: row-reverse;
}

.revers-ul span.elementor-icon-list-text{
    margin-right:5px;
}

.revers-ul .elementor-icon-list-icon i{
    width:20px !important;
}

.cont-img:before{
    content:'';
    position: absolute;
    top:-10px;
    left:-10px;
    width:100%;
    height:100%;
    background: #C6A584;
    transition: all .5s ease;
}

.cont-room:hover .cont-img:before{
    top:0px;
    left:0px;
}

/* Отзывы */
.show-more .elementor-widget-container {
    overflow: hidden;
    position: relative;
 	transition: max-height 0.3s ease-in-out; 
}
  
.show-more .elementor-widget-container.collapsed {
    height: 175px !important;
}
  
.show-more .elementor-widget-container.collapsed:after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -50px;
    right: -50px;
    box-shadow: inset -25px -50px 50px 20px rgba(255, 255, 255, 1);
}

.toggle-extra {
    margin-top: 10px;
    display: block;
    width: fit-content;
    cursor: pointer;
    transition: all .3s;
    color: #C8B5A2 !important;
    display: flex;
    align-items: center;
    gap: 10px;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
}

.toggle-extra:after {
    display: block;
    content: '';
    background: url('/wp-content/uploads/2024/08/arrow-right.svg') no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    transition: all .3s;
}

.toggle-extra:hover:after {
    transform: translateX(5px);
}

/*Маленькие заголовки с линией по центру*/
.center-line:after{
    content:'';
    background: var(--e-global-color-accent);
    height:1px;
    width:35px;
    bottom:0;
    position: absolute;
    left:49%;
}

/* Листинг новостей */
.news-img{
    transition: all .5s ease;
}

.news-cont:hover .news-img{
    filter: brightness(70%);;
}

 /* Кнопка с плавающей стрелкой вправо */
.small-btn-i .elementor-button{
    padding:5px;
    border:none;
}

.small-btn-i span.elementor-button-icon i{
    transform: translateX(0px);
    transition: all .5s ease;
    font-size:24px;
}

.small-btn-i:hover span.elementor-button-icon i{
    transform: translateX(5px);
}

.small-btn-i .elementor-button:hover {
    background: rgba(0,0,0,0);
    color: var(--e-global-color-accent);
    border:none;
}

/*Белые заголовки */
.title-white{
    color: var(--e-global-color-secondary);
}

/*Первый экран */
.first-cont{
    padding-top:230px ;
}

/*Сноски*/
.note{
     z-index: 1;
}
.note .elementor-heading-title.elementor-size-default{
    padding-left:55px;
}

.note:before{
    display: block;
    content:'';
    position: absolute;
    height:1px;
    width:35px;
    background: var(--e-global-color-accent);
    left:0px;
    top:50%;
}

.animation-title{
    top:90px;
}

.animation-title .elementor-heading-title.elementor-size-default{
    color: #F5F1EB;
}

/*Карусели*/
.carousel-btn .elementor-swiper-button{
    width:50px;
    height:50px;
    border:1px solid;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    transition: all .5s ease;
}

.carousel-btn .elementor-swiper-button:hover.elementor-swiper-button-prev,
.carousel-btn .elementor-swiper-button:hover.elementor-swiper-button-next{
    color:#C6A584 !important;
}

.carousel-btn-right.elementor-element .swiper .elementor-swiper-button-prev,
.carousel-btn-right.elementor-element .swiper .elementor-swiper-button-next{
    left:103%;
}

.carousel-btn-right.elementor-element .swiper .elementor-swiper-button-prev{
    top:40%;
}

.carousel-btn-right.elementor-element .swiper .elementor-swiper-button-next{
    top:55%;
}

 /*Список с иконками со стрелками справа*/
 .li-icons li.elementor-icon-list-item a{
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end !important;
}

.li-icons span.elementor-icon-list-text{
    padding-left:0px;
}

.li-icons span.elementor-icon-list-icon{
    padding-left: 10px;
    transition: all .5s ease;
}

.li-icons li.elementor-icon-list-item a:hover span.elementor-icon-list-icon{
    padding-left:20px;
} 

/*Услуги и доп услуги  */
.title-service .elementor-heading-title.elementor-size-default,
.title-service:before,
.service-img{
    transition: all .4s ease;
}

.title-service .elementor-heading-title.elementor-size-default{
    padding-left:85px;  
}

.title-service:before{
    display: block;
    content:'';
    position: relative;
    height:1px;
    width:35px;
    left:35px;
    top:50%;
    background: var(--e-global-color-text);
}

.service-cont:hover .title-service .elementor-heading-title.elementor-size-default{
    color: var(--e-global-color-secondary);
    transform: translateY(-50px);
}

.service-cont:hover .title-service:before{
    background: var(--e-global-color-secondary);
    transform: translateY(-50px);
}

.service-cont:hover .service-img{
    filter: brightness(80%);
}

/* Карусель во всю ширину */
.big-carousel img{
    max-height: 600px;
    object-fit: cover;
}

.big-carousel.elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom:10px;
}
.big-carousel .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:20px;
}

@media screen and (min-width:1599px){
   .big-carousel img{
          max-width: 1280px; 
            max-height: 700px;
   } 
   .big-carousel.elementor-element .swiper .elementor-swiper-button-prev,
   .big-carousel.elementor-element .swiper .elementor-swiper-button-next{
  display:none;
}
}

@media screen and (max-width:1300px){
    /* Линия слева */
.logo-title::before {
     width: 32.6rem; /* Линия должна быть по ширине контента */
}

/* Линия справа */
.logo-title::after {
    width: 33.3rem; /* Линия должна быть по ширине контента */
}
}

@media screen and (max-width:1024px){
    .first-cont{
    padding-top:110px ;
}
	.logo-title::before, 
	.logo-title::after {
	display:none;   
}
    .cont-img:before{
    top:-5px;
    left:-5px;
    
}

.center-line:after{
    left:48%;
}
}

@media screen and (max-width:767px){
    .show-more .elementor-widget-container.collapsed {
    height: 250px !important;
}
.center-line:after{
    left:45%;
}

.carousel-btn-right.elementor-element .swiper .elementor-swiper-button-prev{
    left:0px;
}
	
.carousel-btn-right.elementor-element .swiper .elementor-swiper-button-next{
	left: calc(100% - 45px);
}
	
.carousel-btn-right.elementor-element .swiper .elementor-swiper-button-prev,
.carousel-btn-right.elementor-element .swiper .elementor-swiper-button-next{
    top:6%;
}
.carousel-btn .elementor-swiper-button{
    width:45px;
    height:45px;
}

.big-carousel img{
	max-height: 100%;
   } 
}