/*
Theme Name: JZ by Studio V
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/


/* =========================================================
   1. TYPOGRAFIE
   ========================================================= */

#top h1,
#top h2,
#top h3,
#top h4,
#top h5,
#top h6,
#top .av-special-heading-tag {
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: auto;
}

#top .avia_textblock {
    margin-bottom: 30px;
    text-align: center;
}

#top .avia_textblock p {
    margin-top: 0;
    margin-bottom: 10px;
}

#top .avia_textblock strong,
#top .avia_textblock b {
    font-weight: 600 !important;
    color: inherit !important;
}

/* Hervorhebung in Zitaten */
#top .avia_textblock blockquote p strong,
#top .avia_textblock blockquote p b {
    font-weight: 400 !important;
    color: #c51616 !important;
}

	/* Socket-Schrift leicht vergrößern */
	#socket,
	#socket .copyright,
	#socket .sub_menu_socket,
	#socket .sub_menu_socket a {
    	font-size: 12px !important;
    	line-height: 1.8;
	}


/* =========================================================
   2. ALLGEMEINE ABSTÄNDE
   ========================================================= */

#top .av-special-heading {
    margin-bottom: 20px;
}

#top .avia-image-container {
    margin-bottom: 40px;
}


/* =========================================================
   3. ZITATE
   ========================================================= */

#top blockquote {
    border: none;
    padding: 0;
    text-align: center !important;
	margin-bottom: 0px;
}

#top blockquote p {
    text-align: center !important;
}


/* =========================================================
   4. BUTTONS
   ========================================================= */

#top .avia-button {
    background: transparent !important;
    color: #c51616 !important;
    border: 1px solid #c51616 !important;

    margin-top: 20px !important;
    margin-bottom: 20px !important;

    transition:
        letter-spacing 0.2s ease,
        box-shadow 0.2s ease;
}

#top .avia-button:hover {
    box-shadow: inset 0 0 0 1px #c51616;
    letter-spacing: 0.14em !important;
}


/* =========================================================
   5. GALERIEN
   ========================================================= */

#top .avia-gallery .avia-gallery-thumb > a {
    display: block;
    position: relative;

    aspect-ratio: 1 / 1;
    overflow: hidden;
    box-sizing: border-box;

    padding: 0 12px 24px 12px;

    border: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

#top .avia-gallery .avia-gallery-thumb > a > img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    border: none !important;
    box-shadow: none !important;

    opacity: 1;
    transition: opacity 0.3s ease;
}

#top .avia-gallery {
    margin-left: -12px;
    margin-right: -12px;
}

#top .avia-gallery .avia-gallery-thumb > a:hover {
    opacity: 1 !important;
}

#top .avia-gallery .avia-gallery-thumb > a > .gallery-hover-caption {
    position: absolute !important;
    inset: 0 !important;
    z-index: 50 !important;

    display: flex !important;
    align-items: center;
    justify-content: center;

    padding: 24px;
    box-sizing: border-box;

    text-align: center !important;

    opacity: 0 !important;
    visibility: hidden !important;

    transition: opacity 0.3s ease;
    pointer-events: none;
}

#top .avia-gallery .avia-gallery-thumb > a:hover > .gallery-hover-caption {
    opacity: 1 !important;
    visibility: visible !important;
}


/* =========================================================
   6. BLOG / AUSSTELLUNGEN
   ========================================================= */

#top .avia-content-slider .slide-meta,
#top .avia-content-slider .slide-meta-time,
#top .avia-content-slider .slide-meta-comments,
#top .avia-content-slider .slide-meta-del,
#top .avia-content-slider .slide-meta time {
    display: none !important;
}

#top .blog-categories,
#top .news-categories {
    display: none !important;
}


/* Ausstellungstitel */

#top .avia-content-slider .slide-entry-title {
    display: block;
    min-height: 2.8em;
    line-height: 1.4;
    margin-bottom: -10px !important;
}

#top .avia-content-slider .slide-entry-title a {
    display: flex;
    align-items: center;

    width: 100%;
    min-height: 2.8em;
    box-sizing: border-box;

    padding-left: 15px;
    padding-right: 15px;

    text-align: center !important;
}


/* Ausstellungsauszug */

#top .avia-content-slider .slide-entry-excerpt {
    margin-bottom: 20px !important;

    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;

    text-align: center !important;

    white-space: pre;
    overflow: hidden;
}


/* Bild-Hover */

#top .avia-content-slider .slide-image img {
    opacity: 1;
    transition: opacity 0.3s ease !important;
}

#top .avia-content-slider .slide-entry:hover .slide-image img {
    opacity: 0.55 !important;
    transform: none !important;
}


/* Archiv */

#top .sidebar .widget_archive,
#top .sidebar .widget_archive .widgettitle,
#top .sidebar .widget_archive ul,
#top .sidebar .widget_archive li {
    text-align: left !important;
}

#top .sidebar .widget_archive .widgettitle {
    margin-bottom: 8px;
}

#top .sidebar .widget_archive ul {
    display: block;
    margin: 0;
    padding: 0;
}

#top .sidebar .widget_archive li {
    display: block;
    position: relative;

    margin: 0;
    padding: 8px 0 8px 14px;
}

#top .sidebar .widget_archive li::before {
    content: "›";

    position: absolute;
    left: 2px;
    top: 8px;

    color: #c51616;
}

#top .sidebar .widget_archive li a {
    display: block;
    text-align: left !important;
    text-decoration: none;
}

#top aside.sidebar.av-enable-shadow,
#top aside.sidebar.av-enable-shadow .inner_sidebar {
    box-shadow: none !important;
}

#top .av-vertical-delimiter {
    display: none !important;
}

/* =========================================================
   MONATSARCHIV – LAYOUT WIE AUSSTELLUNGSÜBERSICHT
   ========================================================= */

/* Außenbreite der Inhaltsspalte erhalten */
#top.archive.date #main .template-blog > .content {
    padding-right: 0 !important;
}

/* Überschrift ohne zusätzlichen oberen Enfold-Abstand */
#top.archive.date .jz-archive-heading {
    margin: 0 0 35px;
}

#top.archive.date .jz-archive-heading .av-special-heading {
    margin-top: 0 !important;
    margin-bottom: 10px;
}

/* Abstand zur Sidebar innerhalb der Inhalte platzieren */
@media only screen and (min-width: 768px) {

    #top.archive.date .template-blog > .content
    > .jz-archive-heading,

    #top.archive.date .template-blog > .content
    > .entry-content-wrapper {
        box-sizing: border-box;
        padding-right: 50px;
    }
}

/* Archivtitel: Desktop eine Zeile, mobil Monat darunter */
#top .jz-archive-title-break {
    display: none;
}

#top .jz-archive-title-period {
    white-space: nowrap;
}

@media only screen and (max-width: 767px) {

    #top .jz-archive-title-space {
        display: none;
    }

    #top .jz-archive-title-break {
        display: inline;
    }
}

/* Archivüberschrift auf Höhe der Sidebar beginnen lassen */
#top .jz-archive-heading .av-special-heading {
    margin-top: 0;
}

/* =========================================================
   7. STARTSEITE – BLOG / MAGAZINE
   ========================================================= */

#top .av-magazine-thumbnail .image-overlay,
#top .slide-image .image-overlay,
#top .avia-content-slider .image-overlay {
    display: none !important;
}

#top.home .slide-image img,
#top.home .av-magazine-thumbnail img {
    filter:
        grayscale(100%)
        brightness(1.03)
        contrast(0.96) !important;

    -webkit-filter:
        grayscale(100%)
        brightness(1.03)
        contrast(0.96) !important;

    opacity: 1 !important;

    transition:
        filter 0.35s ease,
        -webkit-filter 0.35s ease !important;
}

#top.home .slide-entry:hover .slide-image img,
#top.home .av-magazine-entry:hover .av-magazine-thumbnail img {
    filter:
        grayscale(0%)
        brightness(1)
        contrast(1) !important;

    -webkit-filter:
        grayscale(0%)
        brightness(1)
        contrast(1) !important;

    opacity: 1 !important;
}


/* =========================================================
   8. BLOG / ARCHIVE CONTENT
   ========================================================= */

.blog #main .content,
.archive #main .content,
.category #main .content,
.single-post #main .content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding-right: 0 !important;
}

.blog #main .sidebar,
.archive #main .sidebar,
.category #main .sidebar,
.single-post #main .sidebar,
.blog #main .widget-area,
.archive #main .widget-area,
.category #main .widget-area,
.single-post #main .widget-area,
.blog #main .inner_sidebar,
.archive #main .inner_sidebar,
.category #main .inner_sidebar,
.single-post #main .inner_sidebar {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}


/* =========================================================
   9. AUSSTELLUNGS-DETAILSEITEN
   ========================================================= */

#top .ausstellung-gallery a.av-masonry-entry {
    opacity: 1 !important;
    transition: opacity 0.3s ease !important;
}

#top .ausstellung-gallery a.av-masonry-entry:hover {
    opacity: 0.65 !important;
}

#top.single-post .avia_textblock {
    margin-bottom: 10px;
}

#top.single-post .flex_column.column-top-margin:has(> .ausstellung-gallery) {
    margin-top: 15px !important;
}


/* =========================================================
   10. HEADER
   ========================================================= */

#header_main {
    padding-top: 10px;
    padding-bottom: 10px;
}

#header.header-scrolled #header_main {
    padding-top: 4px !important;
    padding-bottom: 0 !important;
}

/* Menü früher umschalten, damit Logo und Navigation Platz haben */
@media only screen and (max-width: 1199px) {

    #top #header .av-main-nav > li {
        display: none !important;
    }

    #top #header .av-main-nav > li.av-burger-menu-main {
        display: block !important;
    }
}

/* =========================================================
   11. SCROLL TO TOP
   ========================================================= */

#scroll-top-link {
    width: 44px;
    height: 44px;
    line-height: 44px;

    background: #ffffff;
    color: #666;

    border: 1px solid #e6e6e6;
    border-radius: 0;

    transition:
        color 0.2s ease,
        border-color 0.2s ease;
}

#top #scroll-top-link.avia-svg-icon svg:first-child {
    fill: #666 !important;
    stroke: #666 !important;
}

#top #scroll-top-link.avia-svg-icon:hover svg:first-child {
    fill: #c51616 !important;
    stroke: #c51616 !important;
}

#scroll-top-link:hover {
    color: #c51616;
    border-color: #c51616;
    background: #ffffff;
    transform: none !important;
}


/* =========================================================
   12. ACCORDION / TOGGLE
   ========================================================= */

#top .toggle_icon,
#top .toggle_icon .vert_icon,
#top .toggle_icon .hor_icon {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#top .toggle_icon .vert_icon,
#top .toggle_icon .hor_icon {
    border-color: #666 !important;
    background: #666 !important;
}


/* =========================================================
   13. FULLSCREEN SLIDER
   ========================================================= */

[id^="after_full_slider_"],
[id^="after_full_slider_"] .content,
[id^="after_full_slider_"] .av-enable-shadow {
    border: none !important;
    box-shadow: none !important;
}


/* =========================================================
   14. HERO COPYRIGHT
   ========================================================= */

.hero-copyright {
    position: relative;
}

.hero-copyright .photo-credit {
    position: absolute;

    right: 0;
    bottom: 0;

    z-index: 10;

    text-shadow:
        0 1px 3px rgba(0, 0, 0, 0.6);
}

.hero-copyright .photo-credit p {
    margin: 0;
}

.hero-copyright .photo-credit a {
    color: inherit;
    text-decoration: none;
}

.hero-copyright .photo-credit a:hover {
    text-decoration: underline;
}


/* =========================================================
   15. PORTRAIT HERO
   ========================================================= */

.hero-portrait {
    background-size: cover !important;
    background-position: center center !important;
}

.hero-portrait + .container_wrap {
    border-top: none !important;
}


/* =========================================================
   16. KÜNSTLERISCHER LEBENSLAUF
   ========================================================= */

.vita-section.container_wrap {
    border-top-width: 0 !important;
}

.vita-section .container {
    width: 88%;
    max-width: 1100px;
    margin: 0 auto;
}

.vita-section .content {
    padding-top: 25px;
    padding-bottom: 50px;
}

#top .vita-section,
#top .vita-section .avia_textblock,
#top .vita-section .vita-year,
#top .vita-section .vita-entry {
    text-align: left !important;
}

.vita-section .vita-year,
.vita-section .vita-entry {
    width: 100% !important;

    margin-left: 0 !important;
    margin-top: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    float: none !important;
}

.vita-section .vita-year {
    margin-bottom: 3px !important;
}

.vita-section .vita-entry {
    margin-bottom: 20px !important;
}

.vita-section .avia_textblock,
.vita-section .avia_textblock p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.45;
}

.vita-section .vita-subheading {
    margin-top: 30px !important;
    margin-bottom: 18px !important;
}

.vita-section .vita-subheading h2 {
    text-align: left !important;
}

/* =========================================================
   17. BURGER-MENÜ – MOBILE UND TABLET
   ========================================================= */

@media only screen and (max-width: 1199px) {

    #top #wrap_all #av-burger-menu-ul > li > a {
        color: #59504e !important;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        font-weight: 400;

        border: 0;
        border-bottom: 1px solid #dddddd !important;

        min-height: 52px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #top #wrap_all #av-burger-menu-ul > li.current-menu-item > a,
    #top #wrap_all #av-burger-menu-ul > li.current_page_item > a {
        color: #c51616;
    }

    #top #wrap_all #av-burger-menu-ul > li > a:hover,
    #top #wrap_all #av-burger-menu-ul > li > a:focus-visible {
        color: #c51616;
        background-color: #f7f7f7;
        opacity: 1;
    }
/* Burger-Symbol und geöffnetes Schließen-Symbol */
    #top .av-hamburger-inner,
    #top .av-hamburger-inner::before,
    #top .av-hamburger-inner::after,
    .av-burger-overlay-active #top .av-hamburger-inner,
    .av-burger-overlay-active #top .av-hamburger-inner::before,
    .av-burger-overlay-active #top .av-hamburger-inner::after {
        background-color: #59504e !important;
        transition: background-color 0.2s ease;
    }

    /* Dezenter roter Akzent bei Maus- oder Tastaturfokus */
    #top .av-burger-menu-main > a:hover .av-hamburger-inner,
    #top .av-burger-menu-main > a:hover .av-hamburger-inner::before,
    #top .av-burger-menu-main > a:hover .av-hamburger-inner::after,
    #top .av-burger-menu-main > a:focus-visible .av-hamburger-inner,
    #top .av-burger-menu-main > a:focus-visible .av-hamburger-inner::before,
    #top .av-burger-menu-main > a:focus-visible .av-hamburger-inner::after {
        background-color:  #59504e !important;
    }
}

/* =========================================================
   18. TESTIMONIALS – AUTORENANGABE
   ========================================================= */

	#top .avia-testimonial-meta-mini {
    	display: block !important;
    	float: none !important;

    	width: 100% !important;
    	margin-left: 0 !important;
    	margin-right: 0 !important;
	    text-align: center !important;
	}

	#top .avia-testimonial-name,
	#top .avia-testimonial-subtitle {
    	display: block !important;
    	width: 100% !important;
    	text-align: center !important;
	}

	#top .avia-testimonial-subtitle {
    	margin-top: 3px;
	}

/* =========================================================
   19. MOBILE ONLY
   Enfold-spezifische Overrides
   ========================================================= */

@media only screen and (max-width: 767px) {

    /* Überschriften */
    #top .av-special-heading-h1,
    #top .av-special-heading-h1 .av-special-heading-tag,
    #top .entry-content-wrapper > h1,
    #top .post-entry h1,
    #top.archive h1,
    #top.category h1,
    #top.blog h1,
    #top.archive .av-special-heading,
    #top.category .av-special-heading,
    #top.blog .av-special-heading,
    #top.archive .av-special-heading-tag,
    #top.category .av-special-heading-tag,
    #top.blog .av-special-heading-tag,
    #top.single-post h1,
    #top.single-post .av-special-heading-h1,
    #top.single-post .av-special-heading-h1 .av-special-heading-tag {
        text-align: center !important;
    }


    /* Textblöcke / Listen */
    #top .avia_textblock ul,
    #top .avia_textblock ol,
    #top .avia_textblock li {
        text-align: left !important;
    }

    #top .avia_textblock ul,
    #top .avia_textblock ol {
        display: inline-block;
        max-width: 100%;
    }


    /* Zitate */
    #top blockquote {
        margin-top: 60px !important;
        margin-bottom: 20px !important;
    }


    /* Sections */
    #top .avia-section {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }


    /* Standard-Galerien */
    #top .avia-gallery .avia-gallery-thumb > a {
        width: 100% !important;
        padding: 0 0 20px 0 !important;
        float: none !important;
    }

    #top .avia-gallery {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    /* =====================================================
    Ausstellungsübersicht / Content Slider
    ===================================================== */

    #top .avia-content-slider .slide-entry-title,
    #top .avia-content-slider .slide-entry-title a {
        width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
    }

    #top .avia-content-slider .slide-entry-excerpt {
        width: 100% !important;
        text-align: center !important;
        height: auto !important;
        min-height: 0 !important;
    }

    /*
     * Enfold gruppiert am Desktop jeweils drei Beiträge
     * in einem .slide-entry-wrap.
     * Mobil darf dieser Wrapper keine eigene Höhe oder
     * zusätzlichen Abstand erzeugen.
     */
    #top .avia-content-slider .slide-entry-wrap {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /*
     * Jeder Ausstellungseintrag bekommt mobil dieselbe
     * Breite und denselben Abstand zum nächsten Eintrag.
     */
    #top .avia-content-slider article.slide-entry {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 0 30px 0 !important;
    }

    #top .avia-content-slider article.slide-entry .slide-content,
    #top .avia-content-slider article.slide-entry .entry-content-header {
        height: auto !important;
        min-height: 0 !important;
    }


	/* =====================================================
   Testimonials
   ===================================================== */

	#top .avia-testimonial-wrapper {
    	width: calc(100% + 32px) !important;
    	max-width: none !important;

    	margin-left: -16px !important;
    	margin-right: -16px !important;
	}

	#top .avia-testimonial {
    	padding-left: 52px !important;
    	padding-right: 52px !important;
	}

	#top .avia-testimonial-content,
	#top .avia-testimonial-markup-entry-content {
    	width: 100% !important;
    	max-width: none !important;
    	padding-left: 0 !important;
    	padding-right: 0 !important;
	}

	#top .avia-testimonial-wrapper .avia-slideshow-arrows .prev-slide {
    	left: -15px !important;
	}

	#top .avia-testimonial-wrapper .avia-slideshow-arrows .next-slide {
    	right: -15px !important;
	}
	

    /* =====================================================
    Hero Sections
    ===================================================== */

	#top .hero-section {
    	height: 300px !important;
    	min-height: 300px !important;
    	max-height: 300px !important;
    	padding-top: 0 !important;
    	padding-bottom: 0 !important;
	}

	#top .hero-section > .container {
    	height: 300px !important;
    	min-height: 300px !important;
    	max-height: 300px !important;
	}

    /* Startseiten-Hero */
    #top.home #av_section_1 .flex_column_table {
        height: 100% !important;
        min-height: 0 !important;
    }

    #top.home #av_section_1 .flex_column_table_cell.av-align-bottom {
        position: relative !important;
        height: 100% !important;
        min-height: 0 !important;
    }

	#top.home #av_section_1 .startseite-hero-title {
    	position: absolute !important;
    	left: 0;
    	right: 0;
    	bottom: -100px !important;
    	width: auto;
    	max-width: 100%;
    	box-sizing: border-box;
    	margin: 0 !important;
    	padding: 0 !important;
    	text-align: center !important;
	}

	#top.home #av_section_1 .startseite-hero-title .av-special-heading-tag {
    	text-align: center !important;
	}

    /* Hero-Bildausschnitte */
    #top .ueber-mich-hero {
        background-position: 25% top !important;
    }

    #top .kunst-hero-bottom {
        background-position: 20% center !important;
    }
	
	/* Socket mobil komplett zentrieren */
    #socket .container {
        text-align: center !important;
    }
	
    #socket .copyright {
        float: none !important;
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }

    #socket .sub_menu_socket {
        float: none !important;
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }

    #socket .sub_menu_socket ul {
        display: inline-block !important;
        float: none !important;
        margin: 0 auto !important;
    }

}

/* =========================================================
   20. TABLET / DESKTOP
   ========================================================= */

@media only screen and (min-width: 768px) {

    #top .avia_textblock {
        text-align: left;
    }

    #top .avia-content-slider .slide-entry-title a,
    #top .avia-content-slider .slide-entry-excerpt {
        text-align: left !important;
    }

    .blog #main .content,
    .archive #main .content,
    .category #main .content,
    .single-post #main .content {
        padding-right: 50px !important;
    }

    #top .startseite-hero-title {
        padding-top: 300px !important;
        padding-right: 0 !important;
    }

    #top .header-scrolled .logo a img {
        visibility: hidden;
    }

    #top .header-scrolled .logo a {
        background:
            url("https://judithzila.at/neu2026/wp-content/uploads/2026/03/favicon_judith_zila.webp")
            no-repeat left center;

        background-size: contain;
    }

    #top .header-scrolled #header_main {
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    }

    .vita-section .container {
        width: 90%;
    }

    .vita-section .vita-year {
        width: 12% !important;

        margin-left: 0 !important;
        margin-bottom: 14px !important;

        clear: left;
        float: left !important;
    }

    .vita-section .vita-entry {
        width: 86% !important;

        margin-left: 2% !important;
        margin-bottom: 14px !important;

        float: left !important;
    }

    .vita-section .vita-subheading {
        margin-bottom: 20px !important;
    }

}


/* =========================================================
   21. SEHR BREITE VIEWPORTS
   ========================================================= */

@media only screen and (min-width: 1800px) {

    .hero-portrait {
        width: 100% !important;
        max-width: 1200px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
		
		background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
    }
}