/* Custom site-wide styles (not related to the plugin) */


/*
// -------------------------------------------------------------------
// WPS CSS 
// -------------------------------------------------------------------
// START
// -------------------------------------------------------------------
*/


/*
// -------------------------------------------------------------------
// WPS
// -------------------------------------------------------------------
// Divi doesn't provide CSS color vars
// -------------------------------------------------------------------
// Let's roll out own
// -------------------------------------------------------------------
*/
:root {

	/*
	// -------------------------------------------------------------------
	// WPS
	// -------------------------------------------------------------------
	// Fontsize
	// -------------------------------------------------------------------
	*/
	/* Z.B. Head fuer Serviceangaben: Telefonische Beratung, Gastroservice */
	--wps-font-size-m: 16px;
	--wps-line-height-m: 1.25;

	/* Z.B. Copy fuer Serviceangaben: Telefonische Beratung, Gastroservice */
	--wps-font-size-s: 14px;
	--wps-line-height-s: 1.25;

	/* Z.B. Copy zu den Icons in Box 1: Vergleichen, Bewerten */
	--wps-font-size-xs: 12px;
	--wps-line-height-xs: 1.25;

	/*
	// -------------------------------------------------------------------
	// WPS
	// -------------------------------------------------------------------
	// Our color styles
	// -------------------------------------------------------------------
	// Divi allows any color anywhere
	// -------------------------------------------------------------------
	// We make up our own named classes for important colors
	// -------------------------------------------------------------------
	*/
	--wps-text-color: #3d4149;

	/* normal: rgb(245, 130, 32) */
	--wps-orange1: #f58220;
	--wps-link-color: #f58220;

	/* hover: rgb(244, 114, 0) */
	/* BG Color fuer Hover transition on Buttons */
	--wps-orange2: #f47200;


	/*
	// -------------------------------------------------------------------
	// Divi
	// -------------------------------------------------------------------
	// Theme Options > Color picker > Default values
	// -------------------------------------------------------------------
	// - These colors are only for convenience
	// - They don't set any defaults
	// -------------------------------------------------------------------
	*/
	--wps-divi-colorpicker-black1: #000000;
	--wps-divi-colorpicker-black2: #3e3d42;
	/* BG Color Buttons */
	--wps-divi-colorpicker-black3: #231f20;
	/* BG Color fuer Hover transition on Buttons, die Farbe gibt es offiziell nicht im Styleguide */
	--wps-divi-colorpicker-black4: #151414;
	--wps-divi-colorpicker-orange1: #f58220;
	--wps-divi-colorpicker-graylight1: #f2f2f2;
	--wps-divi-colorpicker-graylight2: #f9f9f9;
	--wps-divi-colorpicker-graydark1: #dcdcdc;
	--wps-divi-colorpicker-graydark2: #b6b6b6;

	/*
	// -------------------------------------------------------------------
	// WP Customizer
	// -------------------------------------------------------------------
	// Customizing > General Settings > Typography
	// -------------------------------------------------------------------
	// --wps-divi-headings-text-color: #3d4149; 
	// --wps-divi-body-text-color: #3d4149; 
	// --wps-divi-link-color: #f58220;
	// -------------------------------------------------------------------
	*/

	/*
	// -------------------------------------------------------------------
	// WP Customizer
	// -------------------------------------------------------------------
	// Customizing > General Settings > Layout Settings
	// -------------------------------------------------------------------
	// --wps-divi-primary-color:  #3e3d42;
	// --wps-divi-secondary-color: #f58220;
	// -------------------------------------------------------------------
	*/


}



/*
// -------------------------------------------------------------------
// WPS CSS 
// -------------------------------------------------------------------
// Startseite Shop
// -------------------------------------------------------------------
// Hover fuer Blurbs mit Produktkategorien
// -------------------------------------------------------------------
*/
.wps-custom-blurb-hover {
  transition: box-shadow 0.4s cubic-bezier(.4,0,.2,1);
  box-shadow: 3px 3px 9px rgba(0,0,0,0.1);
}

/* Box-shadow color and opacity transition on hover */
.wps-custom-blurb-hover:hover {
  box-shadow: 3px 3px 9px rgba(62,61,66,0.5);
}

/* Image opacity transition */
.wps-custom-blurb-hover .et_pb_main_blurb_image img {
  opacity: 0.1!important;
  transition: opacity 0.4s cubic-bezier(.4,0,.2,1);
}

.wps-custom-blurb-hover:hover .et_pb_main_blurb_image img {
  opacity: 0.6!important;
}