/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://bilderundmehr.eu
 Description:  GeneratePress child theme für die Webseite ridgeback-diaries.de. Wichtige Änderungen werden im Child abgelegt, damit Sie vor Updates geschützt sind. Anpassungen sind dokumetiert. Genutz werden GeneratePress Premium und GenerateBlocks. Zum Einsatz kommt des Weiteren Elements aus GeneratePress. Zusätzlich sind WooCommerce Anapssungen im Child abgelegt. Verwendete Schriftarten: Open Sans und Skia
 Author:       Benno van Walsem
 Author URI:   https://bilderundmehr.eu
 Template:     generatepress
 Version:      1.12.0526
*/

/* Verwendete Schriftarten lokal einbinden */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v34-latin-regular.eot');
  src: local(''),
       url('fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'), 
       url('fonts/open-sans-v34-latin-regular.woff') format('woff'), 
       url('fonts/open-sans-v34-latin-regular.ttf') format('truetype'),
       url('fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); 
}

@font-face {
    font-family: 'Skia';
    src: url('fonts/Skia.eot');
    src: url('fonts/Skia.eot?#iefix') format('embedded-opentype'),
         url('fonts/Skia.woff2') format('woff2'),
         url('fonts/Skia.woff') format('woff'),
         url('fonts/Skia.ttf')  format('truetype'),
         url('fonts/Skia.svg#Skia') format('svg');
}


/* Fade in Menü */
.main-navigation .main-nav ul li a::after {

  content: '';
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  height: 0.2em;
  background-color: #658678;
  opacity: 0;
	transform: scaleX(0.1);
  transition: opacity 300ms, transform 300ms;
}

.main-navigation .main-nav ul li a:hover::after,
.main-navigation .main-nav ul li a:focus::after {
  opacity: 1;
  transform: translate3d(0, 0.2em, 0);
}