/*
Theme Name: SC Divi Child Theme
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: Divi Child Theme
Author: spicy concepts
Author URI: https://www.spicy-concepts.de
Template: Divi
Version: 1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */
/*Downloads Konfigurieren */
.cademy-title {
    font-size: 16px !important;
    background-color: transparent;
}

.cademy-title a {
    color: #8dcb58 !important;
    font-size: 16px !important;
}

.btn-info {
    background-color: #8dcb58 !important;
    border-color: #8dcb58 !important;
    color: #ffffff !important;
}

.link-template-default .wpdm-download-link {
    background-color: #8dcb58 !important;
    color: #ffffff !important;
}

.btn-primary  {
	background-color: #8dcb58!important;
    border-color: #8dcb58!important;
    color: #ffffff;
    border-radius: 4px;
    padding: 12px 20px;
    font-weight: 500;
}


#fluentform_3 .ff-btn-submit {
    background-color: #8dcb58;
    border-color: #8dcb58;
    color: #ffffff;
    border-radius: 4px;
    padding: 12px 20px;
    font-weight: 500;
}

#fluentform_3 .ff-btn-submit:hover,
#fluentform_3 .ff-btn-submit:focus {
    background-color: #79b84a;
    border-color: #79b84a;
    color: #ffffff;
}
/*Unsichtbarmachen von Texten unter Startseitenicons*/
.notvisible {
	color: #666666;
}

/* Upload-Button Foto-Upload stylen*/
.ff-btn{
	background-color: #79b84a!important;
    border-color: #79b84a!important;
    color: #ffffff;
	border-radius: 10px;
}

/*Magic Button*/
.automator_button {
	color: #FFFFFF!important;
    font-size: 18px;
    background-color: #4c5c7c!important;
    display: inline-block;
    font-family: inherit;
    cursor: pointer;
    font-weight: 500;
    padding: 0.3em 1em;
    line-height: 1.7em!important;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 0px solid;
	border-radius: 5px;
    transition-duration: .2s;
    box-sizing: border-box;
	width: 100%;
}


/* wooCommerce Message Style */
.woocommerce-message {
	background: #8dcb58 !important;
}
/* wooCommerce Link-Style: Add to Favoritex */
.link_to_favs_page {color: white !important;}

/*wooCommerce CART Image Size */
.size-woocommerce_thumbnail {
    width: 100%!important;
    box-shadow: none;
}

.upload-grid {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin: 20px 0;
  flex-wrap: wrap;
}

.upload-slot {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80px;
}

.upload-button {
  width: 60px;
  height: 60px;
  background-color: orangered;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 26px;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0,0,0,0.2);
}

.hidden-upload {
  display: none;
}

.photo-label {
  margin-top: 6px;
  font-size: 0.9em;
  color: #fff;
}

.photo-feedback {
  margin-top: 4px;
  font-size: 0.8em;
  color: #8dcb58;
}


/* Datei-Upload verstecken */
.camera-upload .camera-input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}


.transparentBG {
  background-color: transparent!important;
}

/* 3 Spalten auf Handy – nur für Zeile mit Klasse "dreier-grid" */
@media only screen and (max-width: 1260px) {
.dreier-grid.et_pb_row {
display: flex !important;
flex-wrap: wrap;
}

.dreier-grid.et_pb_row .et_pb_column {
width: 33.33% !important;
display: block !important;
padding-left: 5px;
padding-right: 5px;
box-sizing: border-box;
}
}

/* Vollbreites Element */
.vollbreit {
    width: 100%;
}

/*Versteckte Felder Contact Form 7 */
.CF7hidden {
	display:none!important;
	}

#buttonEye-password-100, #buttonEye-password-101 {
	color:darkgray;
}
.char-counter {
  font-weight: bold;
  transition: color 0.3s ease;
}

.char-counter.low {
  color: red;
}

.char-counter.ok {
  color: #8edd65;
}
/* Formular CF7 ENDE */

/*WOO CHECKOUT STYLE*/
.et_pb_wc_cart_products_0_tb_body table.cart img {
	width: 80px!important;
}
.woocommerce-billing-fields__field-wrapper label {
	color:white!important;
}
.payment_method_gpls-rfq label {
	color:white!important;
}