/*
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: 120px !important;
}

@media (max-width: 768px) {
    .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;
}

/* Вертикальный разделитель для некоторых заголовоков  */
.title-with-separator::before {
    content: ''; 
    position: absolute; 
    left: 50%; 
    transform: translateX(-50%) rotate(90deg);; 
    top: -80px; 
    height: 1px; 
    width: 80px; 
    background-color: var(--e-global-color-accent);
}

/* Фигурный вырез внизу слева  */

.curv-down-left {
    background: var(--e-global-color-primary);
    width: 120px;
    height: 120px;
    border-radius: 0 40px 0 0;
    display: flex;           
    justify-content: center !important;  
    padding-top: 25px !important;
}

.curv-down-left::before {
    content: '';
    position: absolute;
    top: -29px;
    left: -1px;
    width: 100%;
    height: 100%;
    background-color: var(--e-global-color-primary);
    clip-path: path('M 0 0 L 0 30 L 30 30 Q 0 30 0 0 Z');
}

.curv-down-left::after {
    content: '';
    position: absolute;
    bottom: -91px;
    right: -119px;
    width: 100%;
    height: 100%;
    background-color:var(--e-global-color-primary);
    clip-path: path('M 0 0 L 0 30 L 30 30 Q 0 30 0 0 Z');
}



/* Стиль карточек на главной  */

.container-with-seo:hover {
    background-image: url('/wp-content/uploads/2024/05/cars.jpg') !important; 
 	opacity: 1;
}

.container-with-seo::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0); 
    transition: background 0.3s ease-in-out; 
}

.text-in-card {
	opacity: 0;
}

.container-with-seo:hover::before {
    background: rgba(0, 0, 0, 0.5); 
} 

.container-with-seo:hover .text-in-card {
    opacity: 1; 
}

.container-with-seo:hover .icon-arrow-up-right {
    color: black; 
    transform: rotate(180deg); 
}

.container-with-seo:hover .elementor-icon {
    color: var(--e-global-color-accent); 
	border: 1px solid var(--e-global-color-accent);
	background-color: var(--e-global-color-accent) !important;
    transform: rotate(45deg); 
}

.container-with-seo .elementor-icon {
	border: 1px solid var(--e-global-color-accent);
}

/* Фигурный вырез сверху слева  */

.curv-up-left {
    background: var(--e-global-color-primary);
    width: 110px !important;
    height: 110px;
    border-radius: 0 0 40px 0;
    display: flex;           
    justify-content: center !important;  
    padding-top: 20px !important;
	right: 1px !important;
}

.curv-up-left::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 109px;
    width: 100%;
    height: 100%;
    background-color: var(--e-global-color-primary);
    clip-path: path('M 0 0 L 30 0 Q 0 0 0 30 L 0 0 Z');
}

.curv-up-left::after {
    content: '';
    position: absolute;
    bottom: -109px;
    right: 1px;
    width: 100%;
    height: 100%;
    background-color: var(--e-global-color-primary);
    clip-path: path('M 0 0 L 30 0 Q 0 0 0 30 L 0 0 Z');
}

/* Стиль для цифр в рейсах  */

.number-icon .elementor-heading-title {
  	width: 80px;
  	height: 80px;
  	background-color: #222222;
  	border-radius: 50%;
  	display: flex;
  	align-items: center;
  	justify-content: center;
	position: relative;
    top: -10px; !important;
}

/* Вкладки  */

.container-con-icon:hover
.icon-arrow-down-right {
    transform: rotate(58deg);
    color: var(--e-global-color-primary);
    background-color: var(--e-global-color-accent) !important;
	transition: all .5s
}

.container-con-icon:hover .elementor-icon-box-title {
    color: var(--e-global-color-primary) !important;
}

/* Форма бронирования  */

/* Removes the native rough design IOS */
.elementor-date-field {
   -webkit-appearance: none;
}


/* Adding placeholder Via Placeholder on before pseudo*/
.elementor-date-field:before {
   content: attr(placeholder);
}


/* Removing placeholder once input field is changed*/
.elementor-date-field.date-selected:before {
   display: none !important;
}

input::-webkit-date-and-time-value {
   text-align: left !important;
   width: 100% !important;
   display: block !important;
   position: absolute;
}

/* Слайдер */

@media (max-width: 768px) {
    .slide-content {
        width: 95vw;
        margin: 0;
        padding: 0;
    }
}

.slide-info {
    width: 710px !important;
}

@media (max-width: 768px) {
    .slide-info {
    width: 90vw !important;
}
}

.slide-info {
    opacity: 0 ;
    transition: all .5s ease;
}

.slick-current.slick-active.slick-center .slide-info{
    opacity: 1;
}

.jet-listing-grid__slider-icon {
    border-radius: 50%;
    border: 1px solid var( --e-global-color-accent) !important;
}

.prev-arrow {
    left: calc(50% - 360px) !important;
}

.next-arrow {
    right: calc(50% - 360px) !important;
}

@media (max-width: 768px) {
    .prev-arrow {
    left: 40px !important;
}
}

@media (max-width: 768px) {
    .next-arrow {
    right: 40px !important;
}
}