.e-con.e-ecs-slider, .e-con.e-ecs-custom { --display: flex; } .e-con.e-ecs-flex { --display: flex; display: flex; } .e-con.e-ecs-grid { --display: grid; display: grid; } .e-con.e-ecs-slider { overflow: visible; flex-wrap: nowrap !important; } .e-con.e-ecs-slider > .e-con-inner { overflow-x: auto; flex-wrap: nowrap !important; } .ecs-editor-slider-active > .e-con-inner { display: none !important; } .ecs-swiper { width: 100%; overflow: hidden; position: relative; } .e-con.e-ecs-custom > .e-con-inner { display: contents; } .ecs-custom-layout-wrap { width: 100%; flex-wrap: wrap; } .ecs-custom-version, .ecs-responsive-version { width: 100%; } .ecs-responsive-version { display: none; } @media (min-width: 768px) and (max-width: 1024px) { .e-con.e-ecs-custom.e-ecs-tablet-flex > .ecs-custom-version, .e-con.e-ecs-custom.e-ecs-tablet-grid > .ecs-custom-version, .e-con.e-ecs-custom.e-ecs-tablet-slider > .ecs-custom-version { display: none; } .e-con.e-ecs-custom.e-ecs-tablet-flex > .ecs-responsive-version, .e-con.e-ecs-custom.e-ecs-tablet-grid > .ecs-responsive-version, .e-con.e-ecs-custom.e-ecs-tablet-slider > .ecs-responsive-version { display: block; } .e-con.e-ecs-custom.e-ecs-tablet-grid > .ecs-responsive-version > .ecs-swiper > .swiper-wrapper { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; transform: none !important; transition: none !important; width: 100%; } .e-con.e-ecs-custom.e-ecs-tablet-grid > .ecs-responsive-version > .ecs-swiper > .swiper-slide { width: auto !important; height: auto !important; margin-right: 0 !important; } .e-con.e-ecs-custom.e-ecs-tablet-grid > .ecs-responsive-version > .ecs-swiper > .fhwer-swiper-button, .e-con.e-ecs-custom.e-ecs-tablet-grid > .ecs-responsive-version > .ecs-swiper > .swiper-pagination { display: none !important; } .e-con.e-ecs-custom.e-ecs-tablet-flex > .ecs-responsive-version > .ecs-resp-children { display: flex; flex-direction: column; } .e-con.e-ecs-custom.e-ecs-tablet-flex > .ecs-responsive-version > .ecs-resp-children > * { width: 100% !important; } } @media (max-width: 767px) { .e-con.e-ecs-custom.e-ecs-tablet-flex:not(.e-ecs-mobile-flex):not(.e-ecs-mobile-grid):not(.e-ecs-mobile-slider) > .ecs-custom-version, .e-con.e-ecs-custom.e-ecs-tablet-grid:not(.e-ecs-mobile-flex):not(.e-ecs-mobile-grid):not(.e-ecs-mobile-slider) > .ecs-custom-version, .e-con.e-ecs-custom.e-ecs-tablet-slider:not(.e-ecs-mobile-flex):not(.e-ecs-mobile-grid):not(.e-ecs-mobile-slider) > .ecs-custom-version { display: none; } .e-con.e-ecs-custom.e-ecs-tablet-flex:not(.e-ecs-mobile-flex):not(.e-ecs-mobile-grid):not(.e-ecs-mobile-slider) > .ecs-responsive-version, .e-con.e-ecs-custom.e-ecs-tablet-grid:not(.e-ecs-mobile-flex):not(.e-ecs-mobile-grid):not(.e-ecs-mobile-slider) > .ecs-responsive-version, .e-con.e-ecs-custom.e-ecs-tablet-slider:not(.e-ecs-mobile-flex):not(.e-ecs-mobile-grid):not(.e-ecs-mobile-slider) > .ecs-responsive-version { display: block; } } @media (max-width: 767px) { .e-con.e-ecs-custom.e-ecs-mobile-flex > .ecs-custom-version, .e-con.e-ecs-custom.e-ecs-mobile-grid > .ecs-custom-version, .e-con.e-ecs-custom.e-ecs-mobile-slider > .ecs-custom-version { display: none; } .e-con.e-ecs-custom.e-ecs-mobile-flex > .ecs-responsive-version, .e-con.e-ecs-custom.e-ecs-mobile-grid > .ecs-responsive-version, .e-con.e-ecs-custom.e-ecs-mobile-slider > .ecs-responsive-version { display: block; } .e-con.e-ecs-custom.e-ecs-mobile-grid > .ecs-responsive-version > .ecs-swiper > .swiper-wrapper { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; transform: none !important; transition: none !important; width: 100%; } .e-con.e-ecs-custom.e-ecs-mobile-grid > .ecs-responsive-version > .ecs-swiper > .fhwer-swiper-button, .e-con.e-ecs-custom.e-ecs-mobile-grid > .ecs-responsive-version > .ecs-swiper > .swiper-pagination { display: none !important; } .e-con.e-ecs-custom.e-ecs-mobile-flex > .ecs-responsive-version > .ecs-resp-children { display: flex; flex-direction: column; } .e-con.e-ecs-custom.e-ecs-mobile-flex > .ecs-responsive-version > .ecs-resp-children > * { width: 100% !important; } } .ecs-missing-placeholder { outline: 2px dashed #d63638; } .ecs-missing-placeholder::after { content: 'ECS: missing placeholder'; display: block; background: #d63638; color: #fff; font-size: 11px; padding: 2px 6px; text-align: center; } .ecs-placeholder-editor-hint { min-height: 60px; display: flex; align-items: center; justify-content: center; } .e-ecs-hide-empty-slots .e-con:has( > .e-con-inner > .fhwer-widget-ecs_container_placeholder > .fhwer-widget-container > .ecs-slot-empty ) { display: none; } .e-ecs-hide-empty-slots .e-con:has( > .fhwer-widget-ecs_container_placeholder > .fhwer-widget-container > .ecs-slot-empty ) { display: none; } .ecs-injected-structure { width: 100%; min-width: 0; } @media (max-width: 1024px) { .e-con.e-ecs-tablet-slider { overflow-x: auto; flex-wrap: nowrap !important; } .e-con.e-ecs-tablet-slider > .e-con-inner { flex-wrap: nowrap !important; } .e-con.e-ecs-slider.e-ecs-tablet-flex { overflow: visible; } .e-con.e-ecs-slider.e-ecs-tablet-flex > .ecs-swiper { overflow: visible; } .e-con.e-ecs-slider.e-ecs-tablet-flex > .ecs-swiper > .swiper-wrapper { flex-wrap: wrap; transform: none !important; transition: none !important; width: 100%; } .e-con.e-ecs-slider.e-ecs-tablet-flex > .ecs-swiper > .swiper-wrapper > .swiper-slide { width: 100% !important; height: auto !important; margin-right: 0 !important; } .e-con.e-ecs-tablet-flex > .ecs-swiper > .fhwer-swiper-button, .e-con.e-ecs-tablet-flex > .ecs-swiper > .swiper-pagination { display: none !important; } .e-con.e-ecs-slider.e-ecs-tablet-grid > .ecs-swiper { overflow: visible; } .e-con.e-ecs-slider.e-ecs-tablet-grid > .ecs-swiper > .swiper-wrapper { display: grid !important; grid-template-columns: repeat(var(--ecs-slider-columns, 2), 1fr) !important; transform: none !important; transition: none !important; width: 100%; } .e-con.e-ecs-slider.e-ecs-tablet-grid > .ecs-swiper > .swiper-wrapper > .swiper-slide { width: auto !important; height: auto !important; margin-right: 0 !important; } .e-con.e-ecs-tablet-grid > .ecs-swiper > .fhwer-swiper-button, .e-con.e-ecs-tablet-grid > .ecs-swiper > .swiper-pagination { display: none !important; } .e-con.e-ecs-custom.e-ecs-tablet-flex .ecs-injected-structure { display: flex !important; flex-direction: column !important; width: 100%; } .e-con.e-ecs-custom.e-ecs-tablet-flex .ecs-injected-structure > * { width: 100% !important; position: static !important; grid-area: unset !important; } .e-con.e-ecs-custom.e-ecs-tablet-grid .ecs-injected-structure { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; width: 100%; } .e-con.e-ecs-custom.e-ecs-tablet-grid .ecs-injected-structure > * { width: 100% !important; position: static !important; grid-area: unset !important; } } @media (max-width: 767px) { .e-con.e-ecs-mobile-slider { overflow-x: auto; flex-wrap: nowrap !important; } .e-con.e-ecs-mobile-slider > .e-con-inner { flex-wrap: nowrap !important; } .e-con.e-ecs-slider.e-ecs-mobile-flex { overflow: visible; } .e-con.e-ecs-slider.e-ecs-mobile-flex > .ecs-swiper { overflow: visible; } .e-con.e-ecs-slider.e-ecs-mobile-flex > .ecs-swiper > .swiper-wrapper { flex-wrap: wrap; transform: none !important; transition: none !important; width: 100%; } .e-con.e-ecs-slider.e-ecs-mobile-flex > .ecs-swiper > .swiper-wrapper > .swiper-slide { width: 100% !important; height: auto !important; margin-right: 0 !important; } .e-con.e-ecs-mobile-flex > .ecs-swiper > .fhwer-swiper-button, .e-con.e-ecs-mobile-flex > .ecs-swiper > .swiper-pagination { display: none !important; } .e-con.e-ecs-slider.e-ecs-mobile-grid > .ecs-swiper { overflow: visible; } .e-con.e-ecs-slider.e-ecs-mobile-grid > .ecs-swiper > .swiper-wrapper { display: grid !important; grid-template-columns: repeat(var(--ecs-slider-columns, 2), 1fr) !important; transform: none !important; transition: none !important; width: 100%; } .e-con.e-ecs-slider.e-ecs-mobile-grid > .ecs-swiper > .swiper-wrapper > .swiper-slide { width: auto !important; height: auto !important; margin-right: 0 !important; } .e-con.e-ecs-mobile-grid > .ecs-swiper > .fhwer-swiper-button, .e-con.e-ecs-mobile-grid > .ecs-swiper > .swiper-pagination { display: none !important; } .e-con.e-ecs-custom.e-ecs-mobile-flex .ecs-injected-structure { display: flex !important; flex-direction: column !important; width: 100%; } .e-con.e-ecs-custom.e-ecs-mobile-flex .ecs-injected-structure > * { width: 100% !important; position: static !important; grid-area: unset !important; } .e-con.e-ecs-custom.e-ecs-mobile-grid .ecs-injected-structure { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; width: 100%; } .e-con.e-ecs-custom.e-ecs-mobile-grid .ecs-injected-structure > * { width: 100% !important; position: static !important; grid-area: unset !important; } }