/*
 Theme Name:     Divi Child-Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Divi Child-Theme
 Author:         Divi.world
 Author URI:     https://divi.world
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */

.hwp-floating-btn .icon-chat::before {
    content: '\f129';
}

.fwidget .et_pb_button::after {
	font-size: 1.6em;
}

.fwidget .et_pb_button {
	font-size: 1em;
}

/*----- AI Configuration Wizard css fixes -----*/

.acw-wizard, 
.acw-config-list {
	padding: 0 10px;
}

.acw-wizard .classification-item > span:nth-child(3) {
	padding-right: 30px !important;
}

.acw-wizard .slider-input input[type="range"] {
	-webkit-appearance: auto;
}

.acw-wizard .save-btn {
	margin: 20px 0;
}

/*----- WooCommerce Styles -----*/

/* adjustments for payment methods page */
.payment_methods .payment_method_stripe .stripe-icon {
    width: 51px;
}

.payment_methods label img {
    padding: 0px 5px;
	vertical-align: middle;
}

/* ajusting headings for license key summaries */
.woocommerce #order_review_heading {
    margin-top: 20px;
}

.woocommerce-MyAccount-content .woocommerce-order-details h2 {
	padding-top: 20px;
}

.woocommerce-order-details .order-again + h2 {
	margin-top: 24px;
}

/* woocommerce button style */

.woocommerce .button {
	border: 2px solid #3D6626 !important;
 	border-radius: 4px !important;
 	color: #112207 !important;
	letter-spacing: 0px !important;
}

.woocommerce .button:hover {
	border: 2px solid #3D6626 !important;
 	border-radius: 4px !important;
 	color: #112207 !important;
	letter-spacing: 0px !important;
  	background: rgba(130,130,130,0.2) !important;
}

/* generall woocommerce alerts */
p.woocommerce-notice {
	padding: 20px 30px !important;
	font-weight: bold;
}

.woocommerce .woocommerce-error {
	background: #f36146;
}

.woocommerce .woocommerce-error, 
.woocommerce .woocommerce-info, 
.woocommerce .woocommerce-message {
    border-radius: 5px;
}

.woocommerce .woocommerce-error a:not(.button), 
.woocommerce .woocommerce-info a:not(.button), 
.woocommerce .woocommerce-message a:not(.button) {
	color: unset;
	font-style: italic;
}

.woocommerce .woocommerce-error a.button,
.woocommerce .woocommerce-info a.button,
.woocommerce .woocommerce-message a.button {
	background-color: #fff;
}

/* navigation on the my account page */
.woocommerce-MyAccount-navigation {
    border-right: 1px solid #ebebeb;
    border-image: linear-gradient( to bottom, transparent, #ebebeb, transparent) 1 100%;
}

.woocommerce-MyAccount-navigation ul {
    list-style-type: none;
}

.woocommerce-MyAccount-navigation li {
    padding: 10px 5px;
    border-bottom: 1px solid #ebebeb;
    border-image: linear-gradient( to right, #ebebeb, transparent) 100% 1;
}

.woocommerce-MyAccount-navigation li:hover {
    background: radial-gradient(farthest-side at 10% 100%, #ebebeb69, transparent);
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads {
    display: none;
}

/* fixing buttons on my account page */
.woocommerce div.woocommerce-MyAccount-content .button {
	font-size: 14px;
}
.woocommerce div.woocommerce-MyAccount-content .button::after {
	font-size: 22px !important;
}
.et_pb_text .woocommerce div.woocommerce-MyAccount-content a.button {
 	color: #112207 !important;
}

/************ Price table **************/

.price-table .et_pb_column:hover {
	transform: scale(1.04);
}

/********* Price table Ribbons *********/

.cr {
	width: 150px;
	padding: 8px;
	position: absolute;
	text-align: center;
	color: #f0f0f0;
	box-shadow: 0 0 15px rgba(0,0,0,.2);
	z-index: 999999;
}

.cr.cr-small {
	width: 110px;
	padding: 4px;
}

.cr-sticky {
	position: fixed;
}

/* Positions */

.cr-top    { top: 20px; }
.cr-bottom { bottom: 20px; }
.cr-left   { left: -40px; }
.cr-right  { right: -40px; }

.cr-small.cr-top    { top: 12px; }
.cr-small.cr-bottom { bottom: 12px; }
.cr-small.cr-left   { left: -28px; }
.cr-small.cr-right  { right: -28px; }

/* Rotations */

.cr-top.cr-left,
.cr-bottom.cr-right {
	transform: rotate(-45deg);
}

.cr-top.cr-right,
.cr-bottom.cr-left {
	transform: rotate(45deg);
}

/* Colors */

.cr-white     { background-color: #f0f0f0; color: #444; }
.cr-black     { background-color: #333; }
.cr-grey      { background-color: #999; }
.cr-blue      { background-color: #39d; }
.cr-green     { background-color: #2c7; }
.cr-turquoise { background-color: #1b9; }
.cr-purple    { background-color: #95b; }
.cr-red       { background-color: #e43; }
.cr-orange    { background-color: #e82; }
.cr-yellow    { background-color: #ec0; }