/*
 Theme Name:     Kreativ
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Kreativ Webagentur KlG
 Author URI:     https://www.kreativ.swiss
 Template:       Divi
 Version:        1.0.2
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

/* Adobe Fonts - Atyp BL Variable */
.font-atyp {
    font-family: "atyp-bl-variable", sans-serif !important;
	font-weight: 300 !important;
}

/* Optional: Different font weights */
.font-atyp-light {
    font-family: "atyp-bl-variable", sans-serif !important;
    font-weight: 300 !important;
}

.font-atyp-medium {
    font-family: "atyp-bl-variable", sans-serif !important;
    font-weight: 500 !important;
}

.font-atyp-bold {
    font-family: "atyp-bl-variable", sans-serif !important;
    font-weight: 700 !important;
}

/*Separate for h1, h2 and so on*/
.font-atyp h1, .font-atyp h2, .font-atyp h3 {
    font-family: "atyp-bl-variable", sans-serif !important;
	font-weight: 400 !important;
}

/*Custom styles for shortcodes serving as header*/
.font-atyp-custom-header p {
    font-family: "atyp-bl-variable", sans-serif !important;
	font-weight: 400 !important;	
}

/*===== Links =====*/
/*Link Hover Effect White*/
a.whitelink {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

a.whitelink::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 0.5px;
  border-radius: 4px;
  background-color: #989898;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform .3s ease-in-out;
}

a.whitelink:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}