/*
Theme Name: Succulents Child
Theme URI: http://succulents.select-themes.com
Description: A child theme of Succulents Theme
Author: Rainer Lonau
Author URI: http://www.rainerlonau.com
Version: 1.2.1
Text Domain: succulents
Template: succulents
*/

/* GENERAL START */
/* "active" Menü-Item bei Hover nicht Farbe ändern, sondern weiß bleiben */
.qodef-main-menu > ul > li.qodef-active-item > a:hover {
  color: #fff !important;
}

/* Buttontexte nicht lower case */
.qodef-btn, #submit_comment, 
.post-password-form input[type="submit"], 
input.wpcf7-form-control.wpcf7-submit, 
.qodef-shopping-cart-dropdown .qodef-cart-bottom .qodef-view-cart {
  text-transform: none !important;
}

/* Title H1 kleiner als Template */
h1.entry-title {
  font-size: 40px;
}

/* Schriftart größer bei diversen Input Feldern */
.woocommerce-page .qodef-content input[type="email"], .woocommerce-page .qodef-content input[type="tel"], .woocommerce-page .qodef-content input[type="password"], .woocommerce-page .qodef-content input[type="text"], .woocommerce-page .qodef-content textarea, div.woocommerce input[type="email"], div.woocommerce input[type="tel"], div.woocommerce input[type="password"], div.woocommerce input[type="text"], div.woocommerce textarea {
  font-size: 16px !important;
}

/* class zum verstecken von Inhalten */
.displayNone {
  display: none !important;
}

/* Button Formular "Abschicken" Abstand */
.qodef-contact-us input[type="submit"] {
  margin-top: 10px !important;
  border-radius: 0px !important;
}

.qodef-grid-row > .qodef-page-content-holder > .qodef-comment-holder,
.qodef-grid-row > .qodef-page-content-holder > .qodef-comment-form {
  max-width: 1100px;
  display: block !important;
  margin: 0 auto;
}
@media only screen and (max-width: 1200px) {
  .qodef-grid-row > .qodef-page-content-holder > .qodef-comment-holder,
  .qodef-grid-row > .qodef-page-content-holder > .qodef-comment-form {
    width: 950px;
  }
}
@media only screen and (max-width: 1024px) {
  .qodef-grid-row > .qodef-page-content-holder > .qodef-comment-holder,
  .qodef-grid-row > .qodef-page-content-holder > .qodef-comment-form {
    width: 768px;
  }
}
@media only screen and (max-width: 768px) {
  .qodef-grid-row > .qodef-page-content-holder > .qodef-comment-holder,
  .qodef-grid-row > .qodef-page-content-holder > .qodef-comment-form {
    width: 600px;
  }
}
@media only screen and (max-width: 680px) {
  .qodef-grid-row > .qodef-page-content-holder > .qodef-comment-holder,
  .qodef-grid-row > .qodef-page-content-holder > .qodef-comment-form {
    width: 420px;
  }
}
@media only screen and (max-width: 480px) {
  .qodef-grid-row > .qodef-page-content-holder > .qodef-comment-holder,
  .qodef-grid-row > .qodef-page-content-holder > .qodef-comment-form {
    width: 300px;
  }
}

#submit_comment {
  border-radius: 0px !important;
}
/* GENERAL END */


/* HOMEPAGE START */
/* Some browser showing background-color wrong */
.qodef-top-bar {
    background-color: #fff !important;
}

/* "Kontakt" link in header top right menu */
.contact_header_top_right a
{
	font-family: Quicksand,sans-serif;
	font-weight: 700;
	color: #0f0f0f;
	font-size: 15px;
	line-height: 23px;
	padding-right: 5px;
}
.contact_header_top_right a:hover
{
	color: #8A2145;
}

/* "Mein Konto" link in header top right menu */
.qodef-icon-widget-holder > .lnr-user {
  font-weight: bold !important;
}

/* Schatten bei Slider-Texten. */
.tp-mask-wrap > .tp-caption {
  text-shadow: 0 0 2.45em #777;
}

/* Custom Infobox (unterhalb) des Hauptmenues */
.custom-info-home {
  max-width: 700px;
  text-align: center;
  color: #fff;
  background-color: #8A2145;
  margin: auto;
  padding: 1em 1em 1em 1em;

  border: 1px solid transparent;
  border-radius: 5px;
  border-color: #cfebfe;
  box-sizing: border-box;
}
.custom-info-home p {
  margin-bottom: 10px !important;
} 
.custom-info-home a, 
.custom-info-home a:hover {
  color: #ffbea5 !important;
}

/* Verhindern von Umspringen des 4. Portfolio-Eintrags bei 4. Auf der Homepage genutzt. */
@media only screen and (max-width: 1280px) and (min-width: 1025px) {
  .qodef-portfolio-list-holder.qodef-pl-gallery.qodef-pl-four-columns article:nth-child(3n+1) {
    clear: none !important;
  }
}
@media only screen and (max-width: 1280px) {
  .qodef-portfolio-list-holder.qodef-pl-gallery.qodef-pl-four-columns article {
    width: 25% !important;
  }
}
/* 
Aber ab 1024 Breite Umspringen ab dem 2. Portfolio-Eintrags bei 4. Auf der Homepage genutzt.
*/
@media only screen and (max-width: 1024px) {
  .qodef-portfolio-list-holder.qodef-pl-gallery.qodef-pl-four-columns article {
    width: 50% !important;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 681px) {
  .qodef-portfolio-list-holder.qodef-pl-gallery.qodef-pl-four-columns article:nth-child(2n+1) {
    clear: both !important;
  }
}

/* Kundenzitate kleineres Padding oben/unten */
.qodef-testimonials-holder.qodef-testimonials-standard .qodef-testimonial-text-holder {
  padding: 40px 0 20px !important;
}
/* Kundenzitate zentrieren */
#customer-quotes .vc_column-inner .wpb_wrapper .qodef-testimonials-holder .qodef-testimonials .owl-stage-outer .owl-stage .owl-item {
  float: none !important;
  display: table-cell;
  vertical-align: middle;
}
/* Kundenzitate Schrfit etwas kleiner */
.qodef-testimonial-text {
  font-size: 30px;
}

/*
Referenzen: Punkte in Lila
*/
.qodef-owl-slider .owl-dots .owl-dot.active span, 
.qodef-owl-slider .owl-dots .owl-dot:hover span {
  background-color: #8A2145 !important;
  border-color: #8A2145 !important;
}

/* Abstand von Content-Blöcken */
.generalContentDivider {
  margin-top: 60px;
}
@media only screen and (max-width: 1024px) {
  .generalContentDivider {
    margin-top: 30px;
  }
}
/* HOMEPAGE END */


/* 4 CONTENT SEITEN START */
/*
Beim Benutzen von Ankern ist der fixed Header im Weg. Hier folgt der Bug Fix.
https://j0e.org/sprungmarken-fixed-header-mit-css-und-der-pseudoklasse-target-ausgleichen/
*/
:target:before {
  content: "";
  display: block;
  height: 80px; /* same as your fixed header height */
  margin: -80px 0 0; /* negative fixed header height */
}

/*
Header padding-top 5px statt 40px
*/
.qodef-content .qodef-content-inner > .qodef-full-width > .qodef-full-width-inner {
  padding-top: 5px !important;
}
/* 4 CONTENT SEITEN END */


/* 2 PARTNER UND REFERENZEN SEITEN START */
/*
Hover Effekt entfernt
*/
.qodef-single-image-holder.qodef-image-behavior-custom-link .qodef-si-inner a::after {
  background-color: transparent !important;
}
/*
Schriftgroesse und Margins für H2 anpassen
*/
.partnerHeadline h2 {
  font-size: 24px;
  margin: 15px 0px 10px !important;
}
/* 2 PARTNER UND REFERENZEN SEITEN ENDE */

/* BLOG SINGLE START */
/* Title area for single posts */
.qodef-title-holder {
  background-color: transparent !important;
}
/* BLOG SINGLE ENDE */

/* SHOP START */
/* Margin top */
ul.products > .product .qodef-pl-categories {
  margin: 9px 0 !important;
}
/* h2 smaller */
h2.qodef-product-list-title  {
    font-size: 24px !important;
}

/* Hide second price (range) display */
.product > .price {
    display: none !important;
}

/* Shop-Ansicht: Hintergrund transparent statt lila bei hover über Produkt */
.qodef-pl-price-wrapper > a.button {
  background-color: transparent !important;
}

/* Buttons im Shop nicht kleingeschrieben */
.woocommerce-page .qodef-content .wc-forward:not(.added_to_cart):not(.checkout-button), .woocommerce-page .qodef-content a.added_to_cart, .woocommerce-page .qodef-content a.button, .woocommerce-page .qodef-content button[type="submit"]:not(.qodef-woo-search-widget-button), .woocommerce-page .qodef-content input[type="submit"], div.woocommerce .wc-forward:not(.added_to_cart):not(.checkout-button), div.woocommerce a.added_to_cart, div.woocommerce a.button, div.woocommerce button[type="submit"]:not(.qodef-woo-search-widget-button), div.woocommerce input[type="submit"] {
  text-transform: none !important;
  border-radius: 0px !important;
}

/* Shop-Produkte: Bei Varianten "Auswahl zurücksetzen" in gleicher Zeile.
Wir für Mobile weiter unten auf float:left gesetzt */
.qodef-woocommerce-page .qodef-content .variations .reset_variations {
  float: none;
}

/* Shop-Ansicht: "Sold", "Neu" und "On Sale" Buttons größer und Abstand zum Rand */
.qodef-pl-image > .qodef-new-product, 
.qodef-pl-image > .qodef-onsale, 
.qodef-pl-image > .qodef-out-of-stock {
  margin-top: 10px !important;
  margin-right: 10px !important;
}

/* Produkt-Ansicht etc: "Sold", "Neu" und "On Sale" Buttons größer und Abstand zum Rand */
.woocommerce-product-gallery__wrapper > .qodef-new-product, 
.woocommerce-product-gallery__wrapper > .qodef-onsale, 
.woocommerce-product-gallery__wrapper > .qodef-out-of-stock {
  width: 90px !important;
  height: 90px !important;
  line-height: 90px !important;
  border-radius: 90px !important;
  margin-top: 20px !important;
  margin-right: 20px !important;
  font-size: 22px !important;
}

/* Produkt-Ansicht Akkordion: Farbe vom Blog nutzen */
.wpb-js-composer .vc_tta-color-white.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title > a, 
.wpb-js-composer .vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title > a {
  color: #8a2145 !important;
}

/* Shop Sitebar - Beliebte Produkte Layoutanpassungen: Bild etwas nach unten versetzt */
/*.widget.woocommerce.widget_products ul li a img, .widget.woocommerce.widget_recent_reviews ul li a img, .widget.woocommerce.widget_recently_viewed_products ul li a img, */
.widget.woocommerce.widget_top_rated_products ul li a img {
  top: 18px !important;
}

/* Shop Sitebar - Beliebte Produkte Layoutanpassungen: Liste kein margin unten, damit der Abstand zu "Enthält MwSt." nicht so groß ist. Dafür Margin oben damit etwas Abstand der Listenitems drin ist */
/*.widget.woocommerce.widget_layered_nav ul li, .widget.woocommerce.widget_layered_nav_filters ul li, .widget.woocommerce.widget_product_categories ul li, .widget.woocommerce.widget_products ul li, .widget.woocommerce.widget_rating_filter ul li, .widget.woocommerce.widget_recent_reviews ul li, .widget.woocommerce.widget_recently_viewed_products ul li, .widget.woocommerce.widget_shopping_cart ul li, */
.widget.woocommerce.widget_top_rated_products ul li {
  margin: 10px 0px 0px !important;
}

/* Shop Sitebar - Beliebte Produkte Layoutanpassungen: Preis von (-) bis anpassung*/
.product_list_widget > .shop-sidebar-price {
  margin: 0 0 0 102px !important;
}

/* Shop Sitebar - Beliebte Produkte Layoutanpassungen: "Enthält MwSt." und "zzgl. Versand" margin left */
.product_list_widget > .woocommerce-de_price_taxrate,
.product_list_widget > .woocommerce_de_versandkosten {
  margin: 0 0 0 102px !important;
  clear: both;
}

/* Bestellungen mit Addons */
.wc-pao-addon-container .wc-pao-addon-name {
  margin-top: 23px;
}
.custom-addons-input-multiplier {
  float: left;
  margin: 10px 10px 0px 0px !important;
  border: 1px solid #e1e1e1;
  border-radius: 0;
  box-sizing: border-box;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}

.custom-addons-input-multiplier input {
  height: 44px;
  width: 44px;
  border-color: transparent;
  font-family: "PT Sans",sans-serif;
  font-size: 16px;
  text-align: center;
  color: #9e9e9e;
  -webkit-appearance: none;
  -moz-appearance: textfield;
}

/* Warenkorb Produkt Breite */
.cart_item .product-name {
  width: 40% !important;
}

/* Shop Warenkorb: Gutscheincode Layout anpassen */
#coupon_code {
  width: 200px;
  padding: 4px 10px;
  vertical-align: middle;
  font-size: 15px;
  line-height: 2em;
  letter-spacing: .05em;
  font-weight: 500;
  font-family: Quicksand,sans-serif;
  background-color: #fff;
  border-color: #8a2145;
  border-radius: 0px !important;
  color: #959595;
}

/* Shop Warenkorb: List items Abstand */
#shipping_method > li input[type="radio"] {
  margin-right: 8px !important;
}
.wgm-break {
  line-height: 0px;
}

/* Shop Warenkorb: Button Zurück */
#place_order_back {
  color: #fff;
  background-color: #8a2145;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  outline: 0;
  padding: 5px 44px;
  font-size: 15px;
  line-height: 2em;
  letter-spacing: .05em;
  font-weight: 500;
  font-family: Quicksand,sans-serif;
  box-sizing: border-box;
  margin: 0;
  -webkit-transition: color .3s cubic-bezier(.48,.19,.2,.86),background-color .3s cubic-bezier(.48,.19,.2,.86),border-color .3s cubic-bezier(.48,.19,.2,.86);
  -moz-transition: color .3s cubic-bezier(.48,.19,.2,.86),background-color .3s cubic-bezier(.48,.19,.2,.86),border-color .3s cubic-bezier(.48,.19,.2,.86);
  transition: color .3s cubic-bezier(.48,.19,.2,.86),background-color .3s cubic-bezier(.48,.19,.2,.86),border-color .3s cubic-bezier(.48,.19,.2,.86);
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 0px !important;
  white-space: nowrap;
  cursor: pointer;
  z-index: 3;
}
#place_order_back:hover {
  background-color: #ffab8a;
}
@media only screen and (max-width: 1024px) {
  #place_order_back {
      padding: 4px 36px !important;
      font-size: 14px !important;
  }
}

/* Shop Abstand zum Footer */
.qodef-woocommerce-page .woocommerce-checkout .woocommerce-checkout-payment {
    margin: 20px 0 60px !important;
}
/* SHOP ENDE */

/* Datenzugriffsanfrage button */
.wpgdprc-form input[type="submit"] {
  color: #fff;
  background-color: #8a2145;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  outline: 0;
  font-size: 15px;
  line-height: 2em;
  letter-spacing: .05em;
  font-weight: 500;
  font-family: Quicksand,sans-serif;
  box-sizing: border-box;
  margin: 0;
  -webkit-transition: color .3s cubic-bezier(.48,.19,.2,.86),background-color .3s cubic-bezier(.48,.19,.2,.86),border-color .3s cubic-bezier(.48,.19,.2,.86);
  -moz-transition: color .3s cubic-bezier(.48,.19,.2,.86),background-color .3s cubic-bezier(.48,.19,.2,.86),border-color .3s cubic-bezier(.48,.19,.2,.86);
  transition: color .3s cubic-bezier(.48,.19,.2,.86),background-color .3s cubic-bezier(.48,.19,.2,.86),border-color .3s cubic-bezier(.48,.19,.2,.86);
  padding: 5px 44px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
  z-index: 3;
}
.wpgdprc-form input[type="submit"]:hover {
  background-color: #ffab8a;
}

/* NEWSLETTER START */
/* NEWSLETTER HOMEPAGE */
#NewsletterHomepage input[type="email"] {
  font-family: "PT Sans",sans-serif;
  font-size: 16px;
  max-width: 400px;
  margin: 0px auto;
  /*padding: 10px 20px;*/
  background-color: #fff;
  color: #959595;
  vertical-align: middle;
  border: 1px solid #e1e1e1;
  border-radius: 0;
  outline: 0;
}
/* Checkbox nicht fett geschrieben */
#NewsletterHomepage .mailpoet_checkbox_label {
  color: #efefef;
  max-width: 400px;
  margin: auto;
  padding: 0px 20px;
  font-size: 80% !important;
  line-height: 110% !important;
  text-align: justify;
}
/* Anmelden Button */
#NewsletterHomepage input[type="submit"] {
  width: auto;
  margin: 7px 0 0;
  font-size: 15px;
  color: #fff;
  background-color: #8a2145;
  text-align: center;
  font-weight: 700;
  font-family: Quicksand,sans-serif;
  line-height: 1.3em;
  letter-spacing: 0;
  padding: 11px 28px !important;
  border: 1px solid transparent;
  cursor: pointer;
}
#NewsletterHomepage input[type="submit"]:hover {
  background-color: #ffab8a;
}

/* NEWSLETTER FOOTER */
/* (Email) Box Farbe heller */
.mailpoet_paragraph input[type="text"], 
.mailpoet_paragraph input[type="email"], 
.mailpoet_paragraph input[type="password"] {
  font-family: "PT Sans",sans-serif;
  background-color: #333;
  border-color: #333;
  color: #959595;
}
.mailpoet_paragraph input[type="text"]:focus, 
.mailpoet_paragraph input[type="email"]:focus, 
.mailpoet_paragraph input[type="password"]:focus {
  color: #fff;
}

/* Checkbox nicht fett geschrieben */
.mailpoet_paragraph > .mailpoet_checkbox_label {
  font-weight: normal !important;
  font-size: 66% !important;
  line-height: 110% !important;
}

/* Fehlermeldung */
.parsley-required, .parsley-custom-error-message {
  color: #ffab8a !important;
}

/* Anmelden Button */
.mailpoet_paragraph input[type="submit"] {
  width: 100%;
  margin: 7px 0 0;
  font-size: 15px;
  color: #3c3c3c;
  background-color: #fff;
  text-align: left;
  font-weight: 700;
  font-family: Quicksand,sans-serif;
  line-height: 1.3em;
  letter-spacing: 0;
  padding: 11px 28px !important;
  border: 1px solid transparent;
  border-radius: 0px !important;
  cursor: pointer;
}
.mailpoet_paragraph input[type="submit"]:hover {
  background-color: #8a2145;
}

/* KOMMENTARE */
/* Checkbox "Save my name, email, and website in this browser for the next time I comment." ausblenden */
p.comment-form-cookies-consent {
  display: none;
}

/* MOBILE ANPASSUNGEN START */
.qodef-mobile-header .qodef-mobile-nav ul li a {
  padding: 8px 0;
}
.qodef-mobile-header .qodef-mobile-nav .mobile_arrow {
  padding: 8px 12px 8px 0;
}

/* Von 769 bis 1024 */
@media only screen and (min-width: 769px) and (max-width: 1024px){
}

/* Bis 768 */
@media only screen and (max-width: 768px){
  /* Testimonial Texte kleiner */
  .qodef-testimonial-text {
    font-size: 22px !important;
    padding: 0 15px;
  }
}
/* Von 681 bis 768 */
@media only screen and (min-width: 681px) and (max-width: 768px) {
  /* Shop-Produkte: Beschreibung weniger passind */
  .qodef-woo-single-page .woocommerce-tabs .entry-content#tab-description {
    padding: 35px !important;
  }
}

/* Bis 680 */
@media only screen and (max-width: 680px) {
  /* Shop-Produkte: Beschreibung weniger passind */
  .qodef-woo-single-page .woocommerce-tabs .entry-content#tab-description {
    padding: 20px !important;
  }

  /* Shop-Produkte: Bei Varianten "Auswahl zurücksetzen" in nächster Zeile */
  .qodef-woocommerce-page .qodef-content .variations .reset_variations {
    margin: 10px 0 0 15px;
    float: left;
  }

  /* Warenkorb: Kein padding links beim Entfernen von Produkten, damit insgesamt mehr Platz genutzt werden kann */
  .qodef-woocommerce-page table.cart tr.cart_item td.product-remove {
    padding-left: 0px !important;
  }

  /* Bestellung: "Zahlungspflichtig bestellen" float left wenn Screen zu klein */
  #place_order {
    margin: 20px 0px;
    float: left;
  }
}
/* MOBILE ANPASSUNGEN ENDE */