/*
 Theme Name:     Aya Art Child-Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
 Author:         Elegant Themes
 Author URI:     https://divi.world
 Template:       Divi
 Version: 4.18.1
*/
 
/* ------------------------------------------------------ */

/*VARIABLES*/
:root {
     --primary: #DAFF44;
     --text: #171717;
     --light: #e1e4e1;
     --grey_01: #EDEDED;
     --grey_02: #DDDDDD;
     --grey_03: #707771;
}

/*FONTS*/
/* funnel-sans-300 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Funnel Sans';
font-style: normal;
font-weight: 300;
src: url('./fonts/funnel-sans-v1-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* funnel-sans-300italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Funnel Sans';
font-style: italic;
font-weight: 300;
src: url('./fonts/funnel-sans-v1-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* funnel-sans-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Funnel Sans';
font-style: normal;
font-weight: 400;
src: url('./fonts/funnel-sans-v1-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* funnel-sans-italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Funnel Sans';
font-style: italic;
font-weight: 400;
src: url('./fonts/funnel-sans-v1-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* funnel-sans-700 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Funnel Sans';
font-style: normal;
font-weight: 700;
src: url('./fonts/funnel-sans-v1-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* funnel-sans-700italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Funnel Sans';
font-style: italic;
font-weight: 700;
src: url('./fonts/funnel-sans-v1-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* funnel-sans-800 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Funnel Sans';
font-style: normal;
font-weight: 800;
src: url('./fonts/funnel-sans-v1-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* funnel-sans-800italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Funnel Sans';
font-style: italic;
font-weight: 800;
src: url('./fonts/funnel-sans-v1-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*BASICS*/
body {
     font-family: 'Funnel Sans', Helvetica, sans-serif;
     color: var(--text);
     background-color: var(--light) !important;
     font-weight: 400;
}
.et_pb_section,
#main-content {
     background-color: var(--light) !important;
}
.entry-content {
     margin-top: 70px;
}

p {
     line-height: 1.7em !important;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4 {
     font-family: 'Funnel Sans', Helvetica, sans-serif;
     color: var(--text);
     font-weight: 700;
} 

.entry-content h1 {
     font-size: clamp(26px, 10vw, 120px) !important;
     line-height: 1.0em !important;
}

.entry-content .small-h1 h1 {
     font-size: clamp(24px, 6vw, 60px) !important;
     hyphens: auto;
}
.entry-content .medium-h1 h1 {
     font-size: clamp(24px, 4.5vw, 60px) !important;
     hyphens: auto;
     line-height: 1.1 !important;
}

.entry-content h2 {
     font-size: clamp(24px, 5vw, 50px) !important;
     line-height: 1.2;
}

.entry-content h3 {
     font-size: clamp(20px, 5vw, 40px);
     line-height: 1.2;
     font-weight: bold;
}

.et_pb_text {
     margin-bottom: 20px !important;
 }

@media only screen and (max-width: 981px) {
     body {
          hyphens: auto;
     }
     p {
          font-size: 16px;
     }
}

/*Shop*/
#main-content .et_pb_wc_title h1 {
     font-size: clamp(26px, 5vw, 34px) !important;
}
.et_pb_wc_price .amount {
     font-size: clamp(22px, 3vw, 26px);
}

.et_pb_shop h2 {
     font-size: clamp(20px, 2vw, 24px) !important;
}
.et_pb_shop li.product .price .amount,
.et_pb_shop li.product .product-dimensions{
     font-size: 18px !important;
}
@media only screen and (max-width: 768px) {
     .et_pb_wc_cart .shipping .shipping-notice td:before,
     .woocommerce table.shop_table_responsive .shipping-notice td::before {
          display: none;
     }
}

.et_pb_shop.light li.product .product-dimensions {
     color: #fff !important;
     opacity: 0.5;
}

.et_pb_shop li.product .et_shop_image{
     max-width: 85%;
     margin: 0 auto;
}
.woocommerce span.onsale, .woocommerce-page span.onsale {
     background: var(--primary) !important;
     border-radius: 0 !important;
     color: var(--text) !important;
     font-weight: bold;
}
.product.outofstock .et_shop_image::after {
     content: 'verkauft';
     font-size: 16px;
     padding: 2px 10px;
     background: var(--primary);
     border-radius: 0;
     color: var(--text);
     font-weight: bold;
     position: absolute;
     top: 20px;
     left: -10px;
}
.woocommerce span.onsale, .woocommerce-page span.onsale {
     font-size: 16px !important;
     line-height: 1.2 !important;
     background: var(--text) !important;
     border-radius: 0;
     color: var(--light) !important;
     font-weight: bold !important;
}
.product.outofstock .price,
.product.outofstock p.wc-gzd-additional-info {
     display: none !important;
     visibility: hidden;
}
.woocommerce-loop-product__title {
     padding-bottom: 0 !important;
}

.woocommerce .woocommerce-error, .woocommerce-checkout-payment .woocommerce-info, .woocommerce .woocommerce-message,
.woocommerce-error a, .woocommerce .woocommerce-message {
     background-color: var(--primary) !important;
     color: var(--text) !important;
     line-height: 1.5;
}

.woocommerce .woocommerce-info {
     background-color: var(--grey_03) !important;
     color: var(--light) !important;
     line-height: 1.5;
}

.woocommerce .woocommerce-info a.button {
     background-color: var(--primary) !important;
     color: var(--text) !important;
}

.woocommerce .woocommerce-message a.button {
     background-color: var(--text) !important;
     color: var(--light) !important;
}

.woocommerce-notices-wrapper .woocommerce-error a.button,
.woocommerce .woocommerce-info a.button, 
.woocommerce .woocommerce-message a.button  {
     display: block;
     position: relative;
     float: none;
     width: fit-content;
     margin-top: 10px;
}
.woocommerce form.login {
     border: none;
}
.woocommerce-form-login p.form-row:not(.woocommerce-form-row) {
     margin-top: 30px !important;
}

.woocommerce-Address-title.title h2{
     font-size: 22px !important;
}
.woocommerce-Address-title.title a {
     float: none !important;
}
.woocommerce form .form-row input.input-text {
     font-size: 16px !important;
}
.woocommerce-MyAccount-navigation-link--downloads {
     display: none;
     visibility: hidden;
     opacity: 0;
}
@media (min-width: 980px) {
     .woocommerce-MyAccount-content {
          min-height: 50vh;
     }
}


@media (max-width: 980px) {
     .woocommerce-form-login p.form-row .woocommerce-button {
          margin-top: 35px;
     }
}

.printedition-info {
     color: #2e342f;
     font-size: 16px;
}
.printedition-info p {
     line-height: 1.5 !important;
} 

.printedition-label {
     color: var(--light);
     background-color: var(--grey_03);
     font-size: 14px;
     font-weight: bold;
     line-height: 1 !important;
     padding: 5px 7px !important;
     padding-bottom: 5px !important;
     margin: 10px 0 5px 0;
     display: inline-block;
}

.wc_payment_method.payment_method_cod {
     border: 1px solid var(--grey_03);
     padding: 20px 0 0 0;
}
.wc_payment_method.payment_method_cod label {
     padding: 1em;
     margin: 1em 0px;
}
.woocommerce-checkout #payment div.payment_box {
     margin-top: 0;
     background-color: transparent;
     color: var(--text);
}

.allgemeine-info {
     font-weight: 400 !important;
}

.allgemeine-info strong {
     font-weight: bold;
}

.woocommerce-cart-form__cart-item.cart_item th.product-name {
     background-color: transparent;
}

/*MENU*/
.et_pb_menu__logo img {
     position: absolute;
     width: 20% !important;
     min-width: 80px;
     max-width: 120px;
     margin-top: -25px;
}

.et-l--header {
     position: relative;
}
.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
     color: var(--light);
}
.et_mobile_menu, .nav li ul.sub-menu {
     border-top: 3px solid var(--text) !important;
     background-color: var(--light) !important;
}
.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
     left: -50px;
}
.et_pb_menu__icon__with_count {
     font-size: 14px !important;
     margin-left: 30px !important;
}
a.et_pb_menu__icon__with_count:after {
     margin-right: 5px;
}

@media (min-width: 980px) {
     .et-menu .sub-menu,
     .et-menu .menu-item-has-children>a:first-child:after {
          display: none !important;
          visibility: hidden !important;
          opacity: 0 !important;
     }
     .et-menu .menu-item-has-children>a:first-child {
          padding: 31px 0 !important; 
     }
}

.current_page_parent,
.current-menu-item {
     text-decoration: underline;
}

/*fullscreen-image-section*/
.fullscreen-image-section {
     display: flex;
     justify-content: center;
     align-items: center;
     min-height: 90vh;
}
@media only screen and (max-width: 980px) {
     .fullscreen-image-section h1,
     .fullscreen-image-section h2,
     .fullscreen-image-section span,
     .fullscreen-image-section p {
          text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.7);
     }

     .fullscreen-image-section .et_pb_button {
          background-color: var(--text);
          color: var(--light);
          border-color: var(--text);
     }
}


/*Galerie*/
.wpz-gallery-masonry.et_pb_gallery .et_pb_gallery_items {
     column-count: 3; /* number of columns for desktop */
     column-gap: 15px;  /* column spacing */
 }
 
 @media only screen and (max-width: 1200px) { 
 .wpz-gallery-masonry.et_pb_gallery .et_pb_gallery_items { 
     column-count: 3;  /* number of columns for tablet devices */
 } 
 } 
@media only screen and (max-width: 767px) {
   .wpz-gallery-masonry.et_pb_gallery .et_pb_gallery_items {
     column-count: 2;  /* number of columns for mobile devices */
   }
 }
 
 .wpz-gallery-masonry.et_pb_gallery .et_pb_gallery_items .et_pb_gallery_item {
     width: 100%;
     margin: 0px 0px 10px 0!important; /* replace 10px to change row spacing */
     float: none!important; 
 }

/*WooCommerce*/
#requestButton {
     display: inline-block;
     margin-top: 10px;
     padding: 10px 20px;
     background-color: #000;
     color: white;
     border: none;
     cursor: pointer;
     font-size: 20px;
     font-weight: bold;
 }
 /* Nachricht im Warenkorb ausblenden */
.woocommerce-message {
     display: none !important;
 }

 /*Buttons*/
 body:not(.home) button.et_pb_button,
 .woocommerce a.button.alt, 
 .woocommerce a.button,
 .woocommerce button.button,
 .woocommerce-page a.button.alt,
 .woocommerce-button.button.view,
 .woocommerce-order-details .order-again a.button {
     background-color: var(--text) !important;
     color: var(--light) !important;
     border-color: var(--text) !important;
 }

body:not(.home) button.et_pb_button:hover,
body:not(.home).woocommerce button:hover, 
body:not(.home) .woocommerce-Button:hover,
.woocommerce a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce a.button.alt:hover, 
.woocommerce-page a.button.alt:hover {
     background-color: transparent !important;
     color: var(--text) !important;
     border-color: var(--text) !important;
}

body .et_pb_bg_layout_light.et_pb_button:hover {
     background-color: var(--light) !important;
     color: var(--text) !important;
     border-color: var(--light) !important;
}
 
/*FOOTER*/
.et-l--footer .et_pb_menu {
     padding: 0 20px;
}
.et-l--footer .et_pb_menu li>a{
     text-align: center;
     line-height: 1.3;
}


.footer-02 p {
     font-size: 14px !important ;
}
@media (max-width: 980px) {
     .footer-02 p {
          font-size: 12px !important ;
     }  
}

/*Mobile*/
@media (max-width: 980px) {
     #main-content h1 {
          font-size: clamp(45px, 5vw, 50px) !important;
     }
     .et_pb_shop ul.products.columns-3 li.product,
     .aya_products_row .product,
     #et-boc .et-l .aya_products_row .et_pb_shop ul.products.columns-3 li.product{
          width: 100% !important;
     }
     .woocommerce-loop-product__title {
          padding-bottom: 10px !important;
     }
     .et_mobile_menu a {
          font-size: 16px;
     }
     .woocommerce-checkout .et_pb_wc_checkout_payment_info .woocommerce-info {
          margin-bottom: 20px;
     }
     .woocommerce-checkout .et_pb_wc_checkout_payment_info .button {
          margin-top: 40px;
     }
     .woocommerce .woocommerce-error, .woocommerce-checkout-payment .woocommerce-info, .woocommerce .woocommerce-message,
     .woocommerce-error a {
          font-size: 14px !important;
     }
     .et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap {
          max-width: 170px !important;
     }
     .et-l--footer .et_pb_menu .et_pb_menu__menu {
          display: block !important;
          margin-bottom: 30px;
     }
     .et-l--footer .et_mobile_nav_menu {
          display: none !important;
          visibility: hidden !important;
          opacity: 0 !important;
     }
     .et-l--footer .et_pb_menu .et_pb_menu__wrap,
     .et-l--footer .et_pb_menu .et_pb_menu__menu>nav>ul {
          justify-content: center !important;
     }
     .et-l--header .et_pb_row_0_tb_header.et_pb_row {
          padding-top: 10px !important;
          padding-bottom: 10px !important;
     }
     .entry-content {
          margin-top: 30px;
     }
}
.wc-proceed-to-checkout {
     display: flex;
     justify-content: flex-end;
}
.checkout-button {
     width: fit-content;
}
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
     font-size: 24px !important;
     margin-bottom: 30px;
}

/*SLIDER ALLGEMEIN*/
.et_pb_slider .et-pb-controllers a {
     width: 15px !important;
     height: 15px !important;
}

.et_pb_slider .et-pb-controllers .et-pb-active-control {
     background-color: var(--primary);
}

.et_pb_slider .et-pb-arrow-next::before, 
.et_pb_slider .et-pb-arrow-prev::before {
     color: var(--grey_03) !important;
}

/*Testimonial Slider*/
@media (min-width: 767px) {
     .et_pb_slider.testimonial-slider .et_pb_slide_image{
          margin-top: 0 !important;
          top: 0;
          right: 0;
          height: 100%;
          display: flex;
          margin-right: 0;
          justify-content: center;
          align-items: center;
          order: 2;
          max-width: 50%;
          overflow: hidden;
     }
     .et_pb_slider.testimonial-slider .et_pb_slide_image img {
          max-width: unset;
          max-height: unset !important;
          min-width: 100%;
          min-height: 100%;
          object-fit: cover;
     }
     #main-content .et_pb_slider.testimonial-slider .et_pb_slide_description .et_pb_slide_title {
          font-size: 18px !important;
     }
     .et_pb_slider.testimonial-slider .et_pb_slide_description .et_pb_slide_content p::before,
     .et_pb_slider.testimonial-slider .et_pb_slide_description .et_pb_slide_content p::after {
          font-size: 44px;
     }
     .et_pb_slider.testimonial-slider .et_pb_slide{
          padding: 0 !important;
     }
     .et_pb_slider.testimonial-slider .et_pb_slide_description {
          padding-left: 5%;
          padding-right: 5%;
          order: 1;
          margin: 0;
     }
     .et_pb_slider.testimonial-slider .et_pb_slider_container_inner {
          display: flex !important;
          flex-direction: row;
     }
     .testimonial-slider .et-pb-controllers{
          bottom: 40px;
          left: 5%;
          width: 95%;
          text-align: left;
     }
}

@media (max-width: 767px) {
     .et_pb_slider.testimonial-slider .et_pb_slide_image {
          display: block !important;
     }
}

.et_pb_slider.testimonial-slider .et_pb_container {
     max-width: 2300px !important;
}

.et_pb_slider.testimonial-slider .et_pb_slide_description {
     display: flex;
     flex-direction: column;
}

#main-content .et_pb_slider.testimonial-slider .et_pb_slide_description .et_pb_slide_title {
     order: 2;
     margin-top: 20px;
}

.et_pb_slider.testimonial-slider .et_pb_slide_description .et_pb_slide_title::before{
     content: '–';
     margin-right: 10px;
}

.et_pb_slider.testimonial-slider .et_pb_slide_description .et_pb_slide_content {
     order: 1;
     font-weight: bold;
     font-size: 24px;
}

.et_pb_slider.testimonial-slider .et_pb_slide_description .et_pb_slide_content p::before,
.et_pb_slider.testimonial-slider .et_pb_slide_description .et_pb_slide_content p::after {
     display: inline-block;
     color: var(--text);
     line-height: 0;
}

.et_pb_slider.testimonial-slider .et_pb_slide_description .et_pb_slide_content p::before{
     content: '»';
     margin-right: 10px;
}

.et_pb_slider.testimonial-slider .et_pb_slide_description .et_pb_slide_content p::after {
     content: '«'; 
     margin-left: 10px;
}

.page-id-11 .et_menu_container,
.page-id-12 .et_menu_container {
     display: flex;
     justify-content: end;
     width: 100%;
     max-width: 2300px;
     align-items: center;
     padding: 10px;
}

.page-id-11 .et_menu_container .logo_container,
.page-id-12 .et_menu_container .logo_container {
     margin-right: auto;
}

.page-id-11 .et_slide_in_menu_container,
.page-id-12 .et_slide_in_menu_container {
     display: none;
}

.page-id-11 .is-layout-flex,
.page-id-12 .is-layout-flex {
     flex-direction: column;
     padding: 10px !important;
} 

.page-id-11 .has-cardo-font-family,
.page-id-12 .has-cardo-font-family {
     font-family: 'Funnel Sans', Helvetica, sans-serif !important;
     color: var(--text);
     font-weight: 700;
     font-size: clamp(26px, 8vw, 80px) !important;
     line-height: 1.0em !important;
     text-align: center !important;
}

.page-id-11 p.has-inter-font-family,
.page-id-12 p.has-inter-font-family {
     font-family: 'Funnel Sans', Helvetica, sans-serif !important;
     color: var(--text);
     text-align: center !important;
} 

/*SHOP Payment*/
.product p.wc-gzd-additional-info {
     font-size: 14px;
     line-height: 1 !important;
     padding: 0;
     margin: 0;
     opacity: 0.5;
}

.woocommerce div.product form.cart .button {
     margin-bottom: 30px;
}

.product .delivery-time-info,
.woocommerce-cart .ppcp-messages,
.woocommerce-checkout .ppcp-messages {
     display: none !important;
     visibility: hidden;
     opacity: 0;
}

#add_payment_method #payment ul.payment_methods li, 
.woocommerce-cart #payment ul.payment_methods li, 
.woocommerce-checkout #payment ul.payment_methods li {
     padding: 10px;
     border: 1px solid;
     margin-bottom: 10px;
}

.woocommerce-checkout-payment {
     padding: 0 !important;
}

.woocommerce-checkout #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box p {
     margin-bottom: 0 !important;
     padding-bottom: 0 !important;
     font-weight: 300;
     font-style: italic;
     line-height: 1.2 !important;
     padding-top: 0 !important;
     opacity: 0.8;
}

/*HELPER*/
@media (min-width: 980px) {
     .d-flex {
          display: flex;
     }
     .align-center {
          align-items: center;
     }
     .justify-center {
          justify-content: center;
     }
     .justify-space-between {
          justify-content: space-between;
     }
}