/* 
Theme Name: be-on! vOffice Theme für travel on! Beachside
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Basierend auf dem Hello Elementor Child Theme wurde dieses Theme für travel on! Beachside angepasst.
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: port54-theme
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


/* Global */
.e-heading-base a {
  color: inherit !important;
}

html {
  overflow-x: hidden;
}

a {
  transition: color .2s ease;
}

.no-wrap {
  white-space: nowrap;
}

.elementor-widget-text-editor ol {
  margin: 1em 0;
  padding-left: 1.5em;
  list-style-type: decimal;
}

.elementor-widget-text-editor ol li {
  margin-bottom: 0.5em;
  line-height: 1.6;
}

.elementor-widget-text-editor ul {
  list-style: disc;
  padding-left: 1.5em;
} 

.elementor-widget-text-editor ul li {
  margin-bottom: 0.5em;
  line-height: 1.6;
}

.ovh {
  overflow: hidden;
}

.elementor .beon-shadow-tr-36,
.beon-shadow-tr-36 {
  width: calc(100% - 36px);
  box-shadow:  36px -36px 0 0 var(--accent);
}

.beon-akk-faq > .e-n-accordion > .e-n-accordion-item:last-child > .e-n-accordion-item-title {
  border-bottom: none !important;
}

.elementor .beon-shadow-bl-36,
.beon-shadow-bl-36 {
  width: calc(100% - 36px);
  box-shadow:  -36px 36px 0 0 var(--accent);
}

.beon-mobile-slider .swiper-pagination-bullet {
  background: var(--accent);
  opacity: .5;
}

.beon-mobile-slider .swiper-pagination-bullet:hover,
.beon-mobile-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}

.beon-one-whole.beon-mobile-slider__item .beon-img-fill {
  aspect-ratio: 2 / 1;
}

.beon-one-fourth.beon-mobile-slider__item .beon-img-fill {
  aspect-ratio: 1 / 1;
}

/* Header Units Dropdown */
[data-toggle="unit-search"] {
  cursor: pointer;
}

.header_unit_search {
  display: none;
  width: 250px;
  padding-top: 25px;
  max-width: none !important;
  position: absolute;
  top: 100%;
  right: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: 1px solid var !important;
}

.header_unit_search.is-open {
  display: block;
}

.header_unit_search .select2-container {
  width: 250px !important;
  min-width: 250px !important;
  opacity: 0;
}

.header_unit_search #dropdown_search_units2 select{
  width: 1px !important;
  border:0px !important;
}

.select2-container--default .select2-results>.select2-results__options {
  border-radius: 5px;
  background-color: var(--beon-popup-bg-color);
  border: none;
  min-width: 120px;
  max-height: 200px;
  overflow-y: auto;
  scrollbar-color: var(--beon-border-color) var(--beon-popup-bg-color);
  scrollbar-width: thin;
}
.select2-results__option {
  border-bottom: 1px solid var(--beon-border-color);
  padding: 7px;
  padding-left: 12px;
  text-align: left;
  color: var(--beon-fp-search-info-text) !important;
  font: var(--beon-fp-search-font) !important;
}
.select2-results__option:last-child {
  border-bottom: none;
}
.select2-container--default .select2-results__option[aria-selected=true],
.select2-results__option:hover, 
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  color: var(--beon-primary-color) !important;
  background-color: var(--beon-border-color) !important;
}

@media (max-width: 1024px) {
}

@media (max-width: 767px) {
  .beon-one-whole.beon-mobile-slider__item .beon-img-fill {
    aspect-ratio: 1 / 1;
  }

  /* Header Dropdown on mobile */
  .e-off-canvas[aria-label="Fullwidth Menu"] {
    height: 100vh !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .e-off-canvas[aria-label="Fullwidth Menu"] .e-off-canvas__main,
  .e-off-canvas[aria-label="Fullwidth Menu"] .e-off-canvas__content {
    min-height: 100%;
    max-height: 100vh;
    overflow-y: auto;
  }
}