/*
Theme Name: Holler Druck
Description: Child theme of Enfold
Version: 1.0
Author: 48DESIGN
Author URI: https://www.48design.de
Template: enfold
*/
:root {
    --body-bg-color: #3b4542;
    --holler-print-color: #89cf53;
    --holler-agency-color: #e1007e;
    --holler-processing-color: #ef7c00;
    --holler-logistics-color: #019ce1;
    /* defaults */
    --main-theme-color: #89cf53;
    --main-theme-color-select: #89cf53;
    --main-theme-text-color: #fff;
    --main-theme-signet-color: #fff;
    --main-theme-header-color: var(--body-bg-color);
}
html {    
    background-color: var(--body-bg-color);
}

.print-cc {
    color: var(--holler-print-color) !important;
}
.agency-cc {
    color: var(--holler-agency-color) !important;
}
.processing-cc {
    color: var(--holler-processing-color) !important;
}
.logistics-cc {
    color: var(--holler-logistics-color) !important;
}

.print-cc-bg {
    --holler-cc-bg: url("/wp-content/uploads/2025/04/frosch_druck_colorscalealpha.svg")
}
.agency-cc-bg {
    --holler-cc-bg: url("/wp-content/uploads/2025/04/eule_agentur_colorscalealpha.svg");
}
.processing-cc-bg {
    --holler-cc-bg: url("/wp-content/uploads/2025/04/fuchs_verarbeitung_colorscalealpha.svg");
}
.logistics-cc-bg {
    --holler-cc-bg: url("/wp-content/uploads/2025/04/vogel_logistik_colorscalealpha.svg");
}

.av-column-link .main_color.iconbox_top .iconbox_content {
    transition: background 0.5s ease, opacity 0.5s ease;
    background-size: contain;
    background-position: center left;
}
.av-column-link:hover .main_color.iconbox_top .iconbox_content {
    background: var(--enfold-main-color-bg2) var(--holler-cc-bg) no-repeat left center;
}

.agency-header-overlay {
    max-height: 25vh;
}

body.page-agentur .caption_right .slideshow_caption,
body.page-verarbeitung .caption_right .slideshow_caption,
body.page-logistik .caption_right .slideshow_caption,
body.page-druckerei .caption_right .slideshow_caption {
    padding-bottom: 5px;
}
body.page-agentur .slideshow_align_caption,
body.page-verarbeitung .slideshow_align_caption,
body.page-logistik .slideshow_align_caption,
body.page-druckerei .slideshow_align_caption {
    vertical-align: bottom;
}
body.page-agentur .slideshow_inner_caption,
body.page-verarbeitung .slideshow_inner_caption,
body.page-logistik .slideshow_inner_caption,
body.page-druckerei .slideshow_inner_caption,
.slideshow_inner_caption img {
    width: auto;
    min-width: 25vw;
    min-height: 300px;
}

/* PAGE BASED COLORS - start */
/* agentur */
body.page-agentur,
.main_menu .menu-item-agentur {
    --main-theme-color: var(--holler-agency-color);
    --main-theme-color-select: var(--holler-agency-color);
    --main-theme-text-color: #fff;
    --main-theme-signet-color: var(--main-theme-color);
    --main-theme-header-color: var(--main-theme-color);
}
/* druckerei */
body.page-druckerei,
.main_menu .menu-item-druckerei {
    --main-theme-color: var(--holler-print-color);
    --main-theme-color-select: var(--holler-print-color);
    --main-theme-text-color: #fff;
    --main-theme-signet-color: var(--main-theme-color);
    --main-theme-header-color: var(--main-theme-color);
}
/* verarbeitung */
body.page-verarbeitung,
.main_menu .menu-item-verarbeitung {
    --main-theme-color: var(--holler-processing-color);
    --main-theme-color-select: var(--holler-processing-color);
    --main-theme-text-color: #fff;
    --main-theme-signet-color: var(--main-theme-color);
    --main-theme-header-color: var(--main-theme-color);
}
/* logistik */
body.page-logistik,
.main_menu .menu-item-logistik {
    --main-theme-color: var(--holler-logistics-color);
    --main-theme-color-select: var(--holler-logistics-color);
    --main-theme-text-color: #fff;
    --main-theme-signet-color: var(--main-theme-color);
    --main-theme-header-color: var(--main-theme-color);
}
/* kontakt (menu) */
.main_menu .menu-item-kontakt {
    --main-theme-color: #3c6952;
}

.main_color a:hover, .main_color h1 a:hover, .main_color h2 a:hover, .main_color h3 a:hover, .main_color h4 a:hover, .main_color h5 a:hover, .main_color h6 a:hover, .main_color .template-search a.news-content:hover, .main_color .wp-playlist-item .wp-playlist-caption:hover,
.alternate_color a:hover, .alternate_color h1 a:hover, .alternate_color h2 a:hover, .alternate_color h3 a:hover, .alternate_color h4 a:hover, .alternate_color h5 a:hover, .alternate_color h6 a:hover, .alternate_color .template-search a.news-content:hover, .alternate_color .wp-playlist-item .wp-playlist-caption:hover {
    color: var(--main-theme-color);
    }
    
.main_color a, .main_color .widget_first, .main_color strong, .main_color b, .main_color b a, .main_color strong a, .main_color #js_sort_items a:hover, .main_color #js_sort_items a.active_sort, .main_color .av-sort-by-term a.active_sort, .main_color .special_amp, .main_color .taglist a.activeFilter, .main_color #commentform .required, #top .main_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .main_color .blog-categories a, .html_elegant-blog #top .main_color .blog-categories a:hover,
.alternate_color a, .alternate_color .widget_first, .alternate_color strong, .alternate_color b, .alternate_color b a, .alternate_color strong a, .alternate_color #js_sort_items a:hover, .alternate_color #js_sort_items a.active_sort, .alternate_color .av-sort-by-term a.active_sort, .alternate_color .special_amp, .alternate_color .taglist a.activeFilter, .alternate_color #commentform .required, #top .alternate_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .alternate_color .blog-categories a, .html_elegant-blog #top .alternate_color .blog-categories a:hover {
    color: var(--main-theme-color);
}

#top .main_color .avia-button.avia-color-theme-color,
#top .alternate_color .avia-button.avia-color-theme-color {
    background-color: var(--main-theme-color);
    border-color: var(--main-theme-color);
}
.main_color .avia-button.avia-color-theme-color:hover,
.main_color .button:hover, .main_color .ajax_controlls a:hover, .main_color #submit:hover, .main_color .big_button:hover, .main_color .contentSlideControlls a:hover, .main_color #submit:hover, .main_color input[type='submit']:hover,
.alternate_color .avia-button.avia-color-theme-color:hover,
.alternate_color .button:hover, .alternate_color .ajax_controlls a:hover, .alternate_color #submit:hover, .alternate_color .big_button:hover, .alternate_color .contentSlideControlls a:hover, .alternate_color #submit:hover, .alternate_color input[type='submit']:hover {
    background-color: var(--main-theme-color);
    border-color: var(--main-theme-color);
    filter: brightness(1.1);
}

#top .main_color .avia-color-theme-color-highlight,
#top .alternate_color .avia-color-theme-color-highlight {
    background-color: var(--main-theme-color);
    border-color: var(--main-theme-color);
}

#top .main_color .avia-color-theme-color,
#top .alternate_color .avia-color-theme-color {
    background-color: var(--main-theme-color);
}

.main_menu .menu-item .avia-menu-fx,
.main_color .image-overlay .image-overlay-inside:before,
.main_color input[type='submit'] {
    background-color: var(--main-theme-color);
    border-color: var(--main-theme-color);
}

#av-burger-menu-ul .current_page_item .avia-menu-text {
    color: var(--main-theme-color);
}

.title_container.alternate_color,
.socket_color {
    background: var(--main-theme-color);
}

.title_container.alternate_color .breadcrumbs,
.title_container.alternate_color a {
    color: var(--main-theme-text-color) !important;
}

.header_color .avia-tt,
.header_color .avia-tt .avia-arrow {
    background-color: var(--body-bg-color);
    color: #fff;
}
div .header_color .button, .header_color #submit, .header_color input[type='submit'] {
    background-color: var(--main-theme-color);
    color: var(--main-theme-text-color);
}
.header_color .button:hover,
.header_color input[type='submit']:hover {
    background-color: var(--main-theme-color);
    color: var(--main-theme-text-color);
    filter: brightness(1.1);
}

#top .av-toggle-switch input[type="checkbox"]:checked + .toggle-track {
    background: var(--main-theme-color);
}

.footer_color a,
.footer_color strong {
    color: var(--main-theme-color);
}
.footer_color .menu-item:hover,
.footer_color a:hover,
.footer_color a:focus,
.footer_color a:active {
    color: var(--main-theme-text-color) !important;
}

#scroll-top-link, #av-cookie-consent-badge {
    background-color: var(--main-theme-color);
    color: var(--main-theme-text-color);
}

#top .header_color input[type='search'] {
    color: var(--body-bg-color);
}
/* PAGE BASED COLORS - end */

/* header */
.waldfee-slogan img {
    max-width: 33%;
}

@media only screen and (max-width: 767px) {
    .waldfee-slogan img {
        max-width: 65%;
    }
}

#header_main .avia-svg-logo svg .holler,
#header_main .avia-svg-logo svg .holler-signet-inlay {
    fill: var(--main-theme-signet-color);
}
#header_main .avia-svg-logo svg .holler-signet {
    stroke: var(--main-theme-signet-color);
}

#header.header-scrolled .avia-svg-logo svg .holler,
#header.header-scrolled .avia-svg-logo svg .holler-signet-inlay {
    fill: #fff;
}
#header.header-scrolled .avia-svg-logo svg .holler-signet {
    stroke: #fff;
}

#header_main .logo.avia-svg-logo {
    padding: 10px 0;
}
#header_main .container {
    padding: 0;
}

#header_main .main_menu a {
    font-weight: normal;
    text-transform: uppercase;
    transition: color 0.1s;
}

@media (prefers-contrast: more) {
    #header_main .main_menu a {
        color: var(--body-bg-color);
    }
    #header_main .main_menu a:hover {
        color: #000;
    }
}

#header_main,
#top .av_header_transparency #header_main {
    border: none;
}

#top .av_header_transparency .avia-menu-fx,
#top .avia-menu-fx {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#header {
    transition: top 750ms ease-out;
    background: var(--body-bg-color);
    box-shadow: 0 0px 20px rgba(0, 0, 0, 0.5);
}

#top .av_header_transparency .header_bg,
.header_color .header_bg {
    background: var(--main-theme-header-color);
    border-color: var(--main-theme-header-color) !important;
}

.html_av-framed-box .av-frame {
    display: none;
}

#top .av_header_transparency .main_menu ul:first-child>li>a:hover {
    opacity: 1;
}

@media only screen and (max-width: 767px) {
    .responsive #top .logo {
        max-width: 75%;
    }

    .responsive #top #wrap_all .main_menu {
        height: 100%
    }

    .waldfee-slogan img {
        max-width: 95%;
    }

    .responsive #top .av_mobile_menu_tablet .av-main-nav #menu-item-search {
        display: none;
    }
}

@media only screen and (max-width: 989px) {
    #header_main .avia-svg-logo svg .holler,
    #header_main .avia-svg-logo svg .holler-signet-inlay {
        fill: #fff;
    }
    #header_main .avia-svg-logo svg .holler-signet {
        stroke: #fff;
    }
}


@media only screen and (min-width: 768px) {
    #header_main .main_menu a {
        font-size: 1.5rem;
        margin: 0 1rem;
    }
}

@media only screen and (min-width: 990px) {
    html.html_av-framed-box {
        padding-top: 0;
    }
    .html_header_top.html_header_sticky.html_av-framed-box #header {
        top: 40px;
    }
    .html_header_top.html_header_sticky.html_av-framed-box.html_av_admin_bar_active #header {
        top: calc(40px + var(--wp-admin--admin-bar--height));
    }
    .html_header_top.html_header_sticky.html_av-framed-box #header.header-scrolled {
        top: 0;
    }
    .html_header_top.html_header_sticky.html_av-framed-box.html_av_admin_bar_active #header.header-scrolled {
        top: var(--wp-admin--admin-bar--height);
    }
}

@media only screen and (max-width: 1350px) {
    #header_main .main_menu a {
        margin: 0;
    }
}

@media only screen and (max-width: 1650px) {
    .av-main-nav {
        height: 100%;
    }
    .av-main-nav > li.menu-item-avia-special {
        height: 100%;
        display: block;
        align-content: space-around;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1650px) {
    .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
        display: none;
    }
}

#top #searchform .ajax_search_response,
#top #searchform .av_ajax_search_content {
    text-transform: none;
}

/* search */
#top #searchform .ajax_search_response .av_ajax_search_entry_view_all,
#top #searchform .ajax_search_response .av_ajax_search_title {
    font-size: 14px;
    line-height: normal;
}

/* slideshows */
.avia_transform .av_fullscreen .active-slide .avia-caption-title,
.avia_transform .av_slideshow_full .active-slide .avia-caption-title {
    color: #fff;
    text-transform: uppercase;
}

/* content */
#main {
    background: #fff;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
}

h3 {
    font-size: 26px;
}

.av-special-heading.av-special-heading-h2 .av-subheading.av-subheading_below {
    font-size: 18px;
}
.av-special-heading.av-special-heading-h3 .av-subheading.av-subheading_below {
    font-size: 16px;
}

.av-rotator-container {
    padding-bottom: 10px;
}

.avia_textblock.av_multi_colums {
    margin-top: .85em; 
}

.avia-button.avia-size-large {
    font-size: 16px;
}


#top .alternate_color .avia-button.avia-color-theme-color {
    border: none;
}

#top .avia_textblock a:where(:not(.wp-element-button)) {
    text-decoration: underline;
}

#top .av-rotator-container-inner {
    text-transform: uppercase;
    font-size: 32px;
}

body .av-special-heading.elegant-centered .av-special-heading-tag .heading-char {
    font-size: 3rem !important;
    line-height: 5rem;
}

@media only screen and (min-width: 990px) {
    #service-areas.avia-section-huge .content {
        padding-top: 0;
    }
    #service-areas {
        margin-top: -5rem;
    }
}

#service-areas .flex_column {
    --iconbox-corner-radius: 25px;
    border-radius: var(--iconbox-corner-radius) var(--iconbox-corner-radius) 0 0;
    background: linear-gradient(0, var(--enfold-main-color-bg2) 50%, transparent 50% 100%);
}
#service-areas .avia-button-fullwidth {
    border-radius: 0 0 var(--iconbox-corner-radius) var(--iconbox-corner-radius);
}

#service-areas .iconbox .iconbox_content {
    padding: 45px var(--iconbox-corner-radius) var(--iconbox-corner-radius) var(--iconbox-corner-radius);
    border-radius: var(--iconbox-corner-radius) var(--iconbox-corner-radius) 0 0;
    box-shadow: none;
}

#service-areas .iconbox .iconbox_content .iconbox_content_title {
    font-size: 28px;
}

#service-areas .flex_column_table_cell .avia-button-center.avia-builder-el-last {
    position: absolute;
    width: 100%;
    top: 100%;
}

@media only screen and (min-width: 1460px) and (max-width: 2130px) {
    #service-areas .iconbox .iconbox_content .iconbox_content_title strong::after {
        content: "";
        display: block;
    }
}

@media only screen and (max-width: 1460px) {
    #service-areas .flex_column {
        margin: 0;
        width: 100%;
        display: block;
        margin-bottom: 4rem;
    }
}

#service-areas .iconbox.iconbox_top .entry-content-header {
    margin-top: 1rem;
}

#service-areas .iconbox_top .iconbox_icon {
    --icon-size: 2.5rem;
    box-sizing: border-box;
    border-radius: 100vw;
    font-size: calc(var(--icon-size)* 2.2);
    width: var(--icon-size);
    height: var(--icon-size);
    line-height: var(--icon-size);
    padding: var(--icon-size);
    margin: calc(var(--icon-size) * -1);
    top: calc(var(--icon-size) * -0.0);
    display: flex;
    justify-content: center;
    align-items: center;
}

#service-areas .flex_column.avia-link-column.avia-link-column-hover {
    transition: transform 0.3s, box-shadow 0.3s;
    box-shadow: 0 65px 25px rgba(0, 0, 0, 0);
}
#service-areas .flex_column.avia-link-column.avia-link-column-hover:hover {
    opacity: 1;
    transform: scale(1.048);
    box-shadow: 0 65px 25px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 989px) {
    .avia-section-huge .content,
    .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
        padding: 0;
    }
    .responsive #top #wrap_all .av-break-at-tablet .flex_cell,
    .responsive #top #wrap_all .flex_column.av-break-at-tablet {
        margin-bottom: 4rem;
    }

    .avia-section-huge .content {
        padding: 3rem 0;
    }
    #service-areas .av-flex-placeholder {
        height: 3rem;
    }

    .avia-buttonrow-wrap {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    #top #wrap_all .avia-buttonrow-wrap .avia-button.avia-size-large {
        margin: 0;
    }
}
.av-layout-grid-container .av-gridrow-cell.flex_cell {
    background-size: auto 50%;
}

#top .av-toggle-switch {
    margin-bottom: 2rem;
}

/* posts */
.container_wrap.main_color {
    border: none;
}
.html_header_top.html_header_sticky.html_large .single-post.post-type-post #main:has(.big-preview),
.html_header_top.html_header_sticky.html_large .single-post.post-type-post #main .template-single-blog .av-main-single:has(.big-preview) {
    padding-top: 0;
}
.html_header_top.html_header_sticky.html_large .single-post.post-type-post #main .template-single-blog:has(.big-preview) {
    padding: 0;
}
#top .fullsize .template-blog .big-preview a {
    border: none;
}
#top .fullsize .template-blog .big-preview img {
    border-radius: 0;
}
.avia-content-slider .slide-image {
    aspect-ratio: 16/9;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.avia-content-slider .slide-image img {
    object-fit: contain;
    margin: 0;
    width: 100%;
    height: auto;
}

/* footer and socket */
#footer {
    padding: 30px 0;
}

#footer .widget:empty {
    display: none;
}

#top .widget_nav_menu li {
    font-size: inherit;
}

#scroll-top-link {
    border-radius: 50vw;
    right: 20px;
    bottom: 20px;
}

#scroll-top-link.avia_pop_class {
    opacity: 1;
}

#socket {
    font-size: 12px;
}
#socket .menu {
    margin-top: 10px;
}

#socket .sub_menu_socket li {
    line-height: normal;
}

#socket a:hover {
    color: var(--enfold-socket-color-primary);
    text-decoration: underline;
}

#socket .sub_menu_socket,
#socket .sub_menu_socket div {
    height: 100%;
}

#socket .social_bookmarks {
    margin-top: -4px;
}

@media (prefers-contrast: more) {
    #socket,
    #socket a {
        color: var(--body-bg-color);
    }
    #socket a:hover {
        color: #000;
    }
}

@media only screen and (max-width: 767px) {
    #socket .container {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-content: center;
        align-items: center;
    }
    #socket .copyright .separator {
        visibility: hidden;
        display: block;
        height: 0;
    }

    #socket .menu {
        display: flex;
        justify-content: center;
    }

    #socket .social_bookmarks,
    #socket .menu {
        margin: 1rem auto;
    }
}