/* AVA Augsburg Theme - CSS definitions. */

/* Font 'source-sans-3-300 - latin_latin-ext'. */
@font-face {
    font-display: swap;
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/source-sans-3-v18-latin_latin-ext-300.woff2') format('woff2');
}

/* Font 'source-sans-3-regular - latin_latin-ext'. */
@font-face {
    font-display: swap;
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/source-sans-3-v18-latin_latin-ext-regular.woff2') format('woff2');
}

/* Font 'source-sans-3-600 - latin_latin-ext'. */
@font-face {
    font-display: swap;
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/source-sans-3-v18-latin_latin-ext-600.woff2') format('woff2');
}

/* Font 'source-sans-3-700 - latin_latin-ext'. */
@font-face {
    font-display: swap;
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/source-sans-3-v18-latin_latin-ext-700.woff2') format('woff2');
}

/* Font 'dosis-300 - latin_latin-ext'. */
@font-face {
    font-display: swap;
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/dosis-v33-latin_latin-ext-300.woff2') format('woff2');
}

/* Font 'dosis-regular - latin_latin-ext'. */
@font-face {
    font-display: swap;
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/dosis-v33-latin_latin-ext-regular.woff2') format('woff2');
}

/* Font 'dosis-700 - latin_latin-ext'. */
@font-face {
    font-display: swap;
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/dosis-v33-latin_latin-ext-700.woff2') format('woff2');
}

/* Font 'fa-solid-900'. */
@font-face {
    font-display: swap;
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/fa-solid-900.woff2') format('woff2');
}

/* Layout. */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex-grow: 1;
}

/* Header. */
/* Header - 'Main Menu'. */
.ava-menu-main nav > ul > li a::before,
.ava-menu-main nav > ul > li.menu-item-has-children a.elementor-item-active::before {
    border-radius: 5px;
}

.ava-menu-main.elementor-element nav.elementor-nav-menu--main > ul > li.current_page_ancestor > a.elementor-item {
    color: #ffffff;
    border-radius: 5px;
    background-color: #006ab3;
    fill: #ffffff;
}

.ava-menu-main.elementor-element nav.elementor-nav-menu--dropdown > ul > li.current_page_ancestor > a.elementor-item {
    color: #ffffff;
    background-color: #006ab3;
    fill: #ffffff;
}

.ava-menu-main nav > ul > li.menu-item-has-children a::before,
.ava-menu-main nav > ul > li.menu-item-has-children:hover a::before {
    border-radius: 5px 5px 0 0;
}

.elementor-nav-menu a:hover .sub-arrow,
.elementor-nav-menu a:focus .sub-arrow,
.elementor-nav-menu .elementor-item.highlighted .sub-arrow,
.elementor-nav-menu .elementor-sub-item.highlighted .sub-arrow,
.elementor-nav-menu .elementor-item-active .sub-arrow,
.elementor-nav-menu .current_page_ancestor .sub-arrow {
    fill: #ffffff;
}

ul.sub-menu.elementor-nav-menu--dropdown li.current_page_ancestor.ava-menu-color-environment,
ul.sub-menu.elementor-nav-menu--dropdown li.menu-item.ava-menu-color-environment a.highlighted,
ul.sub-menu.elementor-nav-menu--dropdown li.menu-item.ava-menu-color-environment a.elementor-item-active,
ul.sub-menu.elementor-nav-menu--dropdown li.menu-item.ava-menu-color-environment a:hover {
    background-color: #97bf0d;
}

ul.sub-menu.elementor-nav-menu--dropdown li.current_page_ancestor.ava-menu-color-energy,
ul.sub-menu.elementor-nav-menu--dropdown li.menu-item.ava-menu-color-energy a.highlighted,
ul.sub-menu.elementor-nav-menu--dropdown li.menu-item.ava-menu-color-energy a.elementor-item-active,
ul.sub-menu.elementor-nav-menu--dropdown li.menu-item.ava-menu-color-energy a:hover {
    background-color: #f49e00;
}

ul.sub-menu.elementor-nav-menu--dropdown li.current_page_ancestor.ava-menu-color-soil,
ul.sub-menu.elementor-nav-menu--dropdown li.menu-item.ava-menu-color-soil a.highlighted,
ul.sub-menu.elementor-nav-menu--dropdown li.menu-item.ava-menu-color-soil a.elementor-item-active,
ul.sub-menu.elementor-nav-menu--dropdown li.menu-item.ava-menu-color-soil a:hover {
    background-color: #a16e35;
}

ul.sub-menu.elementor-nav-menu--dropdown li.current_page_ancestor.ava-menu-color-environment > a,
ul.sub-menu.elementor-nav-menu--dropdown li.current_page_ancestor.ava-menu-color-energy > a,
ul.sub-menu.elementor-nav-menu--dropdown li.current_page_ancestor.ava-menu-color-soil > a {
    color: #ffffff;
}

.elementor-menu-toggle {
    display: none;
}

/* Header - 'Search'. */
.ava-search-button {
    cursor: pointer;
}

.ava-display-search-field {
    display: none;
}

.ava-search-form-close-button {
    transform: rotateZ(0);
    cursor: pointer;
    transition: transform 0.4s;
}

.ava-search-form-close-button:hover {
    transform: rotateZ(90deg);
}

/* Content. */
/* Content Tables. */
.ava-content-table thead:first-child tr:first-child th {
    border-block-start: 0;
}

.ava-content-table th {
    background-color: #ffffff;
}

.ava-content-table tr:first-child td {
    border-color: #404040;
}

/* Content Slider. */
.ava-slider .elementor-slide-heading {
    text-shadow: rgba(0, 0, 0, 0.25) 0.75px 0.75px 0;
}

.elementor-element .ava-slider.home div[aria-label="2 / 4"] .elementor-slide-heading,
.elementor-element .ava-slider.geschaeftsfelder div[aria-label="1 / 3"] .elementor-slide-heading {
    color: #97bf0d;
}

.elementor-element .ava-slider.home div[aria-label="3 / 4"] .elementor-slide-heading,
.elementor-element .ava-slider.geschaeftsfelder div[aria-label="2 / 3"] .elementor-slide-heading {
    color: #f49e00;
}

.elementor-element .ava-slider.home div[aria-label="4 / 4"] .elementor-slide-heading,
.elementor-element .ava-slider.geschaeftsfelder div[aria-label="3 / 3"] .elementor-slide-heading {
    color: #a16e35;
}

/* Page 'Historie'. */
.ava-timeline-events {
    background-image: url('../images/blue-1x1.png');
    background-size: 1.7px 1px;
    background-position: 50% 0;
    background-repeat: repeat-y;
    transition: none;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
}

.ava-timeline-events .timeline-event.left,
.ava-timeline-events .timeline-event.right {
    background-image: url('../images/blue-1x1.png');
    background-size: 8% 1.7px;
    background-position: 96% 16px;
    background-repeat: no-repeat;
    transition: none;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
}

.ava-timeline-events .timeline-event.right {
    background-position: 4% 16px;
}

.ava-timeline-events .timeline-event.left::before,
.ava-timeline-events .timeline-event.right::before {
    content: ' ';
    position: absolute;
    display: inline-block;
    top: 8px;
    left: calc(4% - 10px);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #e5322d;
    border: 2px solid white;
}

.ava-timeline-events .timeline-event.left::before {
    left: calc(96% - 8px);
}

/* Page 'Zahlen, Daten und Fakten'. */
.ava-content-table.ava-table-umwelt tr:nth-child(2) td:first-child,
.ava-content-table.ava-table-umwelt tr:nth-child(5) td:first-child,
.ava-content-table.ava-table-energie tr:nth-child(2) td:first-child {
    font-weight: 700;
}

/* ------------------------- 1100px */
@media (max-width: 1100px) {
    /* Header. */
    /* Header - 'Main Menu'. */
    .elementor-nav-menu--main .elementor-nav-menu a,
    .elementor-nav-menu--main .elementor-nav-menu a.highlighted,
    .elementor-nav-menu--main .elementor-nav-menu a:focus,
    .elementor-nav-menu--main .elementor-nav-menu a:hover {
        padding: 13px 16px;
    }
}

/* ------------------------- 1024px */
@media (max-width: 1024px) {
    /* Header. */
    /* Header - 'Main Menu'. */
    .elementor-menu-toggle {
        display: flex;
    }
}

/* ------------------------- 767px */
@media (max-width: 767px) {
    /* Page 'Historie'. */
    .ava-timeline-events {
        background-position: 5% 0;
    }

    .ava-timeline-events .timeline-event.left,
    .ava-timeline-events .timeline-event.right {
        background-position: 5.5% 16px;
    }

    .ava-timeline-events .timeline-event.left::before,
    .ava-timeline-events .timeline-event.right::before {
        left: calc(5.5% - 11px);
    }
}