/*
Theme Name: Hiroshi Child
Theme URI: https://hiroshi.qodeinteractive.com
Description: A child theme of Hiroshi
Author: Select Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: hiroshi
Template: hiroshi
*/

h1, h2, h3, h4, h5{
    font-family: "Playfair Display", serif;
}






.qodef-portfolio-list .swiper-wrapper {
    transition-duration: 2s !important;
}


#hero-slider .qodef-category-holder{
    display:none;
}

/*.qodef-page-title {*/
/*    display: none !important;*/
/*}*/

.qodef-team-member-social-icons {
    display: none;
}










/* Ganzer Tabs-Block: max. 1905px breit, bei größeren Monitoren zentriert */
.holz-tabs .qodef-fullscreen-tabs {
    max-width: 1905px !important;
    margin: 0 auto !important;
}

/* Text + "mehr erfahren" komplett aus dem Layout entfernen */
.holz-tabs .qodef-e-content-inner {
    display: none !important;
}

/* Bild übernimmt die komplette Content-Breite */
.holz-tabs .qodef-m-content > .qodef-e-image {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* Bild füllt seinen neuen Bereich */
.holz-tabs .qodef-m-content > .qodef-e-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Tabs füllen die volle Breite des Containers */
.holz-tabs .qodef-e-inner {
    display: flex !important;
    width: 100% !important;
}

/* Inaktive Tabs: wachsen wieder mit, um die Restbreite gleichmäßig zu füllen */
.holz-tabs .qodef-m-tab {
    flex: 1 1 auto !important;
    min-width: 110px !important;
}

/* Aktive Tab = Titel 110 + Bild 380, feste Breite */
.holz-tabs .qodef-m-tab.active-tab {
    flex: 0 0 490px !important;
    width: 490px !important;
    max-width: 490px !important;
}

/* Bild-Content nur beim aktiven Tab anzeigen – verhindert Bildreste
   in den anderen Tabs, egal wie breit diese gerade sind */
.holz-tabs .qodef-m-tab:not(.active-tab) .qodef-m-content {
    display: none !important;
}

/* Wrapper + Content NUR des aktiven Tabs: Titel 110 + Bild 380 */
.holz-tabs .qodef-m-tab.active-tab .qodef-tab-wrapper,
.holz-tabs .qodef-m-tab.active-tab .qodef-m-content {
    width: 490px !important;
}

.holz-tabs .qodef-m-tab.active-tab .qodef-m-content {
    right: -110px !important;
}

/* Titel bleibt in der schmalen Spalte */
.holz-tabs .qodef-m-title {
    width: 110px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


















#menu-vertical-menu > li::after {
    content: "";
    display: block;
    font-size: 16px;
    line-height: 1;
    letter-spacing: .08em;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0,0,0,.45);
    padding: 0;
    background: none;
    border-left: 1px solid rgba(255,255,255,.28);
    padding-left: 12px;
}

#menu-vertical-menu > li#menu-item-9662::after { content: "Die Form des Raumes"; }
#menu-vertical-menu > li#menu-item-10089::after { content: "Die Form des Holzes"; }
#menu-vertical-menu > li#menu-item-10090::after { content: "Die Hände des Holzes"; }
#menu-vertical-menu > li#menu-item-10310::after { content: "Zwischen den Hölzern"; }
#menu-vertical-menu > li#menu-item-10310::after { content: ""; }
#menu-vertical-menu > li#menu-item-10295::after { content: "Manuscripte des Holzes"; }
#menu-vertical-menu > li#menu-item-10382::after { content: "Der Gedanke wird zur Tat"; }


#menu-vertical-menu > li {
    height: auto !important;
    overflow: visible !important;
    display: flex;
    align-items: center;
    gap: 12px;
}



#menu-vertical-menu > li > a {
    width: 150px;
    text-align: right;
    flex-shrink: 0;
}

#menu-vertical-menu > li::after {
    opacity: 0;
    transform: translateX(-8px);
    transition: opacity .4s ease, transform .4s ease;
}

#menu-vertical-menu > li:hover::after {
    opacity: 1;
    transform: translateX(0);
}






.page-id-3569 .qodef-page-title {
    height: 560px;}




h5.qodef-e-title.entry-title {
    color: #f5f0e8;
}

.qodef-e-left.qodef-e-info a {
    color: #f5f0e8;
}

h4.qodef-e-title.entry-title,
.qodef-team-list .qodef-e-role{
    color: #f5f0e8!important;
}

#block-17 h6.qodef--underline-on-hover, #block-17 h6.qodef--underline-on-hover a {
    color: #5B3926 !important;
}

#qodef-page-footer .widget:not(.widget_hiroshi_core_title_widget),
footer p{
    color: rgb(91, 57, 38)!important;
}

span.qodef-m-title-vertical {
    color: rgb(91, 57, 38) !important;
}

a.qodef-shortcode.qodef-m.qodef-button.qodef-layout--outlined.qodef-html--link {
    color: #f9f4ec !important;
    border-color: #f9f4ec !important;
}

#qodef-back-to-top svg {
    fill: rgb(91, 57, 38);
}
a.qodef-m-nav.qodef--back-link {
    display: none !important;
}

.mfp-title {
    display: none;
}

.a.qodef-e-title-link {
    color: #5B3926 !important;
}

.swiper-wrapper a.qodef-e-title-link {
    color: #fff !important;
}

.qodef-widget-holder.qodef--one {
    display: none !important;
}

/*Header*/

#qodef-page-header .qodef-header-logo-link {
    width: 190px;
}

.qodef-header-navigation ul li.qodef-menu-item--narrow ul:not(.menu-item-10099) {
    width: 364px!important;
}

#qodef-page-header .qodef-header-logo-link {
    height: 56px!important;
}

.qodef-header-sticky.qodef-custom-header-layout.qodef-appearance--down{
    height: 64px!important;
}

img.qodef-header-logo-image.qodef--main.qodef--customizer {
    padding: 6px 0;
}

div#hiroshi_core_side_area_opener-6 {
    display: none;
}

div#hiroshi_core_side_area_opener-4 {
    display: none;
}

/*Footer*/

#qodef-page-footer-top-area-inner.qodef-layout-columns--4-predefined .qodef-grid-item:nth-child(1) {
    width: 36%;
}



#qodef-page-footer-top-area-inner {
     border-top: none;
}

#qodef-page-footer-top-area-inner.qodef-layout-columns--4-predefined .qodef-grid-item:nth-child(3) {

    width: 20%;
}

div#hiroshi_core_single_image-2 {
    width: 150px;
}

.qodef-fullscreen-tabs .qodef-m-title-vertical {
    bottom: -42px;
}

/*Kontakt*/

.wpcf7 .qodef-contact-form input[type=email], .wpcf7 .qodef-contact-form input[type=tel], .wpcf7 .qodef-contact-form input[type=text], .wpcf7 .qodef-contact-form textarea {
    border-color: #5b3926;
}

.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
    color: #5b3926 !important;
    opacity: 1 !important;
    font-size:16px;
}

.wpcf7-form input::-webkit-input-placeholder,
.wpcf7-form textarea::-webkit-input-placeholder {
    color: #5b3926 !important;
    opacity: 1 !important;
    font-size:16px;
}

.wpcf7-form input::-moz-placeholder,
.wpcf7-form textarea::-moz-placeholder {
    color: #5b3926 !important;
    opacity: 1 !important;
    font-size:16px;
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    font-size: 16px;
    text-transform: none

}


















/* =========================================================
   INTERLIGNUM – MAILPOET NEWSLETTER
   ========================================================= */

.mailpoet_form_shortcode {
    color: #fff;
}


/* ---------------------------------------------------------
   Überschrift
   --------------------------------------------------------- */

.mailpoet_form_shortcode .mailpoet-heading,
.mailpoet_form_shortcode .mailpoet-heading *,
.mailpoet_form_shortcode h2 {
    font-family: "Playfair Display", serif !important;
    font-size: 42px !important;
    font-weight: 600 !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #fff !important;
    margin-top: 0 !important;
}


/* ---------------------------------------------------------
   Fließtext
   --------------------------------------------------------- */

.mailpoet_form_shortcode .mailpoet_form_paragraph.text {
    color: #fff !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}


/* ---------------------------------------------------------
   Formularspalten
   --------------------------------------------------------- */

.mailpoet_form_shortcode .mailpoet_form_columns_container {
    margin-top: 28px !important;
}

.mailpoet_form_shortcode .mailpoet_form_columns {
    display: flex !important;
    gap: 20px !important;
}

.mailpoet_form_shortcode .mailpoet_form_column {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

.mailpoet_form_shortcode .mailpoet_paragraph {
    margin: 0 !important;
}


/* ---------------------------------------------------------
   Eingabefelder
   --------------------------------------------------------- */

.mailpoet_form_shortcode .mailpoet_text {
    width: 100% !important;
    box-sizing: border-box !important;

    background: #fff !important;
    color: #5b3926 !important;

    border: 1px solid #313131 !important;
    border-radius: 0 !important;

    padding: 13px 12px !important;
    min-height: 55px !important;

    font-family: "Ubuntu", sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;

    /* wichtig */
    letter-spacing: 0 !important;
    text-transform: none !important;

    box-shadow: none !important;
    outline: none;
}


/* Placeholder */
.mailpoet_form_shortcode .mailpoet_text::placeholder {
    color: #5b3926 !important;
    opacity: 1 !important;

    /* KEIN Uppercase */
    text-transform: none !important;

    /* KEIN Letterspacing */
    letter-spacing: 0 !important;

    font-family: "Ubuntu", sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
}


/* Browser-Kompatibilität */
.mailpoet_form_shortcode .mailpoet_text::-webkit-input-placeholder {
    text-transform: none !important;
    letter-spacing: 0 !important;
}

.mailpoet_form_shortcode .mailpoet_text::-moz-placeholder {
    text-transform: none !important;
    letter-spacing: 0 !important;
}


/* Fokus */
.mailpoet_form_shortcode .mailpoet_text:focus {
    border-color: #5b3926 !important;
    box-shadow: none !important;
}


/* ---------------------------------------------------------
   Button
   --------------------------------------------------------- */

.mailpoet_form_shortcode .mailpoet_submit {
    width: 100% !important;
    min-height: 55px !important;

    background: #f5f0e8 !important;
    color: #5b3926 !important;

    border: 0 !important;
    border-radius: 0 !important;

    padding: 13px 12px !important;

    font-family: "Ubuntu", sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;

    cursor: pointer;
    transition: background-color 0.2s ease,
    color 0.2s ease;
}

.mailpoet_form_shortcode .mailpoet_submit:hover {
    background: #fff !important;
    color: #5b3926 !important;
}


/* ---------------------------------------------------------
   Datenschutz / Hinweis
   --------------------------------------------------------- */

.mailpoet_form_shortcode .mailpoet_form_paragraph.last,
.mailpoet_form_shortcode .mailpoet_form_paragraph.last * {
    color: #fff !important;
}

.mailpoet_form_shortcode .mailpoet_form_paragraph.last {
    margin-top: 48px !important;
    margin-bottom: 0 !important;

    font-size: 15px !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
}

.mailpoet_form_shortcode .mailpoet_form_paragraph.last a {
    color: #fff !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}


/* ---------------------------------------------------------
   Fehlermeldungen
   --------------------------------------------------------- */

.mailpoet_form_shortcode .parsley-errors-list,
.mailpoet_form_shortcode .mailpoet_validate_error {
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin-top: 5px !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .mailpoet_form_shortcode .mailpoet-heading,
    .mailpoet_form_shortcode .mailpoet-heading *,
    .mailpoet_form_shortcode h2 {
        font-size: 34px !important;
        line-height: 1.1 !important;
    }

    .mailpoet_form_shortcode .mailpoet_form_paragraph.text {
        font-size: 18px !important;
        line-height: 1.3 !important;
    }

    .mailpoet_form_shortcode .mailpoet_form_columns {
        flex-direction: column !important;
        gap: 20px !important;
    }

    .mailpoet_form_shortcode .mailpoet_form_column {
        width: 100% !important;
        flex-basis: 100% !important;
    }

    .mailpoet_form_shortcode .mailpoet_text,
    .mailpoet_form_shortcode .mailpoet_submit,
    .mailpoet_form_shortcode .mailpoet_text::placeholder {
        font-size: 18px !important;
    }

    .mailpoet_form_shortcode .mailpoet_form_paragraph.last {
        margin-top: 32px !important;
    }
}

.mailpoet_form_shortcode .mailpoet_form_loading > span {
    background-color: #ffffff !important;
}

.mailpoet_form_shortcode .mailpoet_form_loading .mailpoet_bounce1,
.mailpoet_form_shortcode .mailpoet_form_loading .mailpoet_bounce2,
.mailpoet_form_shortcode .mailpoet_form_loading .mailpoet_bounce3 {
    background-color: #ffffff !important;
}


div#hiroshi_core_single_image-2 {
    width: 100%;
}


/*Mailpoet fixes*/

.single-mailpoet_page div#qodef-page-inner {
    display: none;
}