/*
Theme Name:   UserMindTheme
Description:  Schreibe hier eine kurze Beschreibung über dein Child-Theme
Author:       usermind
Author URL:   https://www.user-mind.de/
Template:     hello-elementor
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  UserMindTheme
*/

/* Schreibe hier dein eigenes persönliches Stylesheet */


p,h1,h2,h3,h4,h5,h6 {
 	-moz-hyphens: auto;
	-o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
  	hyphens: auto;
}

.eael-woo-checkout .woocommerce .woo-checkout-payment #payment .payment_methods .wc_payment_method input[type=radio]:checked+label::before {
   
    border-color: var(--e-global-color-accent)!important;
}

.um_image_over {
	
	padding-bottom:7px; 
}

.wc-cart-shipping-notice {

    font-family: var(--e-global-typography-708c790-font-family), Sans-serif;
    font-size: var(--e-global-typography-708c790-font-size);
    font-weight: var(--e-global-typography-708c790-font-weight);
    line-height: 15px;
	text-align: left;
	padding-bottom: 14px;
	
	}


.um_subheadline {
    font-family: var(--e-global-typography-1446138-font-family), Sans-serif;
    font-size: var(--e-global-typography-1446138-font-size);
    text-transform: var(--e-global-typography-1446138-text-transform);
    line-height: var(--e-global-typography-1446138-line-height);
	    color: var(--e-global-color-sk_color_12);
		font-weight: 400!important;
}

#um_shoparchive .add_to_cart_button {
	
	display:none; 
}



b, strong {
    font-weight: 400 !important;
}


body a {

    color: var(--e-global-color-accent);

}

.elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option {

    margin: 7px 0 10px 4px;
}

label {
    padding-left: 6px;
    vertical-align: baseline !important;
}

.elementor-drop-cap-letter {
    font-size: 3.2rem !important;
    line-height: 0.6 !important;
    font-family: "Marthine Diamond", sans-serif;
}

/* =================================================================
 * forms
   ================================================================= */
.comment-form-cookies-consent {
    line-height: 0;
    label {
        display: inline;
        font-size: 1rem!important;
    }
}

.elementor-field-option {
    line-height: 0;
}

/* =================================================================
 * GOBAL
   ================================================================= */

.color-cta {
    color: #6C9A26;
}

.ue-flip-box__description {

    text-align: justify;

}




.color-icon {
    color: var(--e-global-color-89a4cfa);
}

/* =================================================================
 * Startseite
   ================================================================= */

.ue-flip-box__panel__content {
    align-items: stretch!important;
}

/* =================================================================
 * Produkts
   ================================================================= */

form.cart {

	padding-bottom: 16px!important;
}

.e-wc-message-notice .woocommerce-message .button:hover {

    color: #ffffff!important;
}

.checkout-button {

    margin-top: 50px!important;
}

ul.um-product-usps {
    --icon-space: 1.5em;
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4em;

    li {
        padding-left: var(--icon-space);

        color: var(--e-global-color-sk_color_10);
        font-family: var(--e-global-typography-dec83c9-font-family), Sans-serif;
        font-size: var(--e-global-typography-dec83c9-font-size);
        font-weight: var(--e-global-typography-dec83c9-font-weight);
        line-height: var(--e-global-typography-dec83c9-line-height);
        letter-spacing: var(--e-global-typography-dec83c9-letter-spacing);

        &:before {
            color: var(--e-global-color-accent);
            content: "\f06c"; /* FontAwesome Unicode */
            font-family: FontAwesome, serif;
            display: inline-block;
            margin-left: calc(var(--icon-space) * -1);
            width: var(--icon-space);
        }
    }
}

/* =================================================================
 * VIDEO SLIDER
   ================================================================= */

.uc_video_content_slider_box {
    @media screen and (max-width: 1024px) {
        flex-direction: column!important;

        .owl-nav {
            display: none;
        }
    }

    .uc_video_image {
        aspect-ratio: 16 / 9;
        min-height: unset!important;
    }

}

/* =================================================================
 * HEADER
   ================================================================= */

/* nm | 10-03-2025 */
#elementor-menu-cart__toggle_button {
    background-color: unset;
    /*color: var(--e-global-color-text);*/
}


#stickyheaders {

    .elementor-widget-theme-site-logo img {
        transition: all 0.2s linear;
    }

    .elementor-nav-menu {
        transition: all 0.2s linear;

        .menu-item {
            transition: all 0.2s linear;
        }
    }

    &.headerup {
        .elementor-widget-theme-site-logo img {
            /*content: url("https://waldpoet.um-dev.de/wp-content/uploads/2019/09/Waldpoet_Logo_gruen_klein_sticky.png");*/
            height: 48px;
            width: 100%;
            object-fit: contain;
        }

        .elementor-nav-menu {
            justify-content: flex-end;
            gap: 8px;

            .menu-item {
                flex-grow: 0;
                font-size: 0.8em;
            }
        }
    }

}

/* =================================================================
 * Mailpoet
   ================================================================= */


.mailpoet-manage-subscription {
    .mailpoet_paragraph {
        color: var(--e-global-color-sk_color_10);
        font-family: var(--e-global-typography-dec83c9-font-family), Sans-serif;
        font-size: var(--e-global-typography-dec83c9-font-size);
        font-weight: var(--e-global-typography-dec83c9-font-weight);
        line-height: var(--e-global-typography-dec83c9-line-height);
        letter-spacing: var(--e-global-typography-dec83c9-letter-spacing);

        margin-bottom: 1.5rem;

        label {
            padding: 0;
        }
    }

    .mailpoet_text_label, .mailpoet_select_label, .mailpoet_segment_label {
        color: var(--e-global-color-sk_color_10);
        font-family: var(--e-global-typography-b87ee13-font-family), Sans-serif;
        font-size: var(--e-global-typography-b87ee13-font-size);
        font-weight: var(--e-global-typography-b87ee13-font-weight);
        line-height: var(--e-global-typography-b87ee13-line-height);
        letter-spacing: var(--e-global-typography-b87ee13-letter-spacing);
        word-spacing: var(--e-global-typography-b87ee13-word-spacing);

        margin-bottom: 1em;
    }

    .mailpoet-change-email-info {
        font-family: var(--e-global-typography-708c790-font-family), Sans-serif;
        font-size: var(--e-global-typography-708c790-font-size);
        font-weight: var(--e-global-typography-708c790-font-weight);
        line-height: var(--e-global-typography-708c790-line-height);
    }

    input[type="text"], select {
        background-color: var(--e-global-color-sk_color_1);
        border-color: var(--e-global-color-sk_color_13);
        border-radius: 4px 4px 4px 4px;

        font-family: var(--e-global-typography-c3c77f6-font-family), Sans-serif;
        font-size: var(--e-global-typography-c3c77f6-font-size);
        font-weight: var(--e-global-typography-c3c77f6-font-weight);
        line-height: var(--e-global-typography-c3c77f6-line-height);

        color: var(--e-global-color-sk_color_11);
        border-style: solid;
        border-width: 1px 1px 1px 1px;

        min-height: 47px;
        padding: 6px 16px;
    }
}


/* =================================================================
 * BLOG
   ================================================================= */

h2.wp-block-heading {

	padding-top:18px;

}

h3.wp-block-heading {

	padding-top:18px;

}


.wp-block-image {
    margin-top: 4rem;

    &.size-full {
        img {
            width: 100%;
        }
    }

    figcaption {
        margin-bottom: 2em;
        margin-top: 1em;
    }
}


/* =================================================================
 * Gedicht Archive
   ================================================================= */

.um-poem-archive {
    .elementor-post__text {

        .elementor-post__title {
            position: relative;
            margin-bottom: 24px !important;
            padding-bottom: 24px;

            &:after {
                content: "";
                display: block;
                position: absolute;
                width: 30%;
                max-width: 56px;
                height: 2px;
                background-color: var(--e-global-color-accent);
                bottom: 0;
                left: 50%;
                transform: translateX(-50%);
            }


        }

        .elementor-post__read-more {
            padding: 12px 20px;
            background: #E2E2E2;
            color: #FCFCFC;
        }

    }
}


/* BLOG */


#reply-title {
	
	padding-top:30px;
	margin-top:0px; 
	
}

#respond  {
   
    max-width: 800px;
}

#comments .comment-form-cookies-consent > label {
	
	color: var(--e-global-color-text);
    font-family: var(--e-global-typography-dec83c9-font-family), Sans-serif;
    font-size: var(--e-global-typography-dec83c9-font-size);
    font-weight: var(--e-global-typography-dec83c9-font-weight);
    line-height: var(--e-global-typography-dec83c9-line-height);
    letter-spacing: var(--e-global-typography-dec83c9-letter-spacing);
	
}

#comments input#submit {
	
	font-family: var(--e-global-typography-sk_type_14-font-family), Sans-serif!important;
    font-size: var(--e-global-typography-sk_type_14-font-size)!important;
    font-weight: var(--e-global-typography-sk_type_14-font-weight)!important;
    line-height: var(--e-global-typography-sk_type_14-line-height)!important;
}

#um_custom_readmore_button a.elementor-post__read-more {
    background: var(--e-global-color-accent);
    padding: 12px 24px;
}

#um_custom_readmore_button a.elementor-post__read-more:hover {
    background-color: var(--e-global-color-accent);
    transition: all .3s;

}

#um_custom_readmore_button .elementor-post__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* COMMENT SECTION */

#commentform {
    input#submit {
        color: var(--e-global-color-sk_color_12);
        background-color: var(--e-global-color-accent);
        padding: 12px 24px 12px 24px;

        font-family: var(--e-global-typography-sk_type_11-font-family), Sans-serif;
        font-size: var(--e-global-typography-sk_type_11-font-size);
        font-weight: var(--e-global-typography-sk_type_11-font-weight);
        text-transform: var(--e-global-typography-sk_type_11-text-transform);
        font-style: var(--e-global-typography-sk_type_11-font-style);
        text-decoration: var(--e-global-typography-sk_type_11-text-decoration);
        line-height: var(--e-global-typography-sk_type_11-line-height);
    }
}

/* KASSE CSS ANPASSUNGEN FÜR EA-ELEMENT */

/** REMOVE BOX SHADOW */

body .ea-woo-checkout.layout-multi-steps .layout-multi-steps-container .ms-tabs-content-wrap .ms-tabs-content {
    -webkit-box-shadow: none;
    box-shadow: none;
}


/** STEPS BUTTONS */

body .elementor-444 .elementor-element.elementor-element-51f83d5 .steps-buttons {
    justify-content: space-between;
    margin-top: 15px;
}

/** FORM LABEL TO TEXT FONT */

body .ea-woo-checkout .woocommerce label {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
}


/** WOOCOMMERCE Produktseite */


th.label {
    padding-left: 0;
    text-align: left;
}

th.label, td.value {
    background-color: unset !important;
}

#produkt_archive_um .woocommerce-loop-product__title {
    padding-right: 20px;
    padding-left: 20px;
}

#produkt_archive_um .price {
    padding-right: 20px;
    padding-left: 20px;
}

#produkt_archive_um .star-rating {
    margin-right: 20px;
    margin-left: 20px;
}

#produkt_archive_um .wgm-info {
    padding-right: 20px;
    padding-left: 20px;
}

#produkt_archive_um .woocommerce-loop-product__buttons {
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
}

.woocommerce table.shop_attributes th {

    font-weight: 400;
    padding: 8px 0;
    border-top: 0;
    border-bottom: 0;

    text-align: left;
    background: #F9F9F9;
}

.woocommerce table.shop_attributes tr:nth-child(even) th {
    background-color: #F9F9F9;
}

.woocommerce table.shop_attributes td {
    border-bottom: 0;
    background: #F9F9F9;
}

.woocommerce table.shop_attributes tr:nth-child(even) td {
    background: #F9F9F9;
}

.woocommerce table.shop_attributes {

    border-top: 0;
    margin-bottom: 0;

}


/** Header Cart Button Einstellungen */


#elementor-menu-cart__toggle_button {
    color: var(--e-global-color-sk_color_9);
    /*background-color: var(--e-global-color-sk_color_12);*/
}


.elementor-menu-cart__footer-buttons .elementor-button--view-cart {

    background-color: var(--e-global-color-sk_color_3) !important;
    padding: 12px 24px !important;
}

.elementor-menu-cart__footer-buttons .elementor-button--checkout {


    padding: 12px 24px !important;
}


/**
 UserMind:
 Zusätzliche Mobile Breakpoints absteigend einordnen
 Keine Breakpoints im regulaeren CSS einbinden !!!
*/


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


}


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



    #um_custom_readmore_button article.elementor-post {
        display: block;
        flex-shrink: inherit;
    }

    #um_custom_readmore_button .elementor-post__text {


        padding-top: 25px;

    }

    #autorenbox .elementor-author-box {
        display: block;
    }

    #autorenbox .elementor-author-box__avatar {
        text-align: center;
        padding-bottom: 10px;
    }


    #autorenbox .elementor-author-box__text {
        text-align: center;
    }


}

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


}

/* Ipad*/
@media screen and (max-width: 767px) {

    #um_custom_readmore_button article {
        display: flex;
        flex-direction: column;
    }


}

#um_iconlist_mobile .elementor-icon-box-icon {
	
	display: flex
;
	
}

/* iPhone 6/7/8 PLUS*/
@media screen and (max-width: 414px) {


}

/* iPhone 6/7/8 */
@media screen and (max-width: 375px) {

}


/* iPhone 5 / 5S */
@media screen and (max-width: 320px) {


}