/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* rubik-300 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-300.woff') format('woff'), /* Modern Browsers */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-300.svg#Rubik') format('svg'); /* Legacy iOS */
}

/* rubik-regular - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-regular.svg#Rubik') format('svg'); /* Legacy iOS */
}

/* rubik-600 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-600.woff') format('woff'), /* Modern Browsers */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-600.svg#Rubik') format('svg'); /* Legacy iOS */
}

/* rubik-700 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-700.svg#Rubik') format('svg'); /* Legacy iOS */
}

/* rubik-800 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-800.woff') format('woff'), /* Modern Browsers */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-800.svg#Rubik') format('svg'); /* Legacy iOS */
}

/* rubik-900 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-900.woff') format('woff'), /* Modern Browsers */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-900.svg#Rubik') format('svg'); /* Legacy iOS */
}

/* rubik-italic - latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-italic.svg#Rubik') format('svg'); /* Legacy iOS */
}

/* rubik-300italic - latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://sarahkienapfel.de/wp-includes/fonts/rubik-v19-latin-300italic.svg#Rubik') format('svg'); /* Legacy iOS */
}

/**
 * ----------------------------------------
 * animation shadow-pop-tr
 * ----------------------------------------
 */
@-webkit-keyframes shadow-pop-tr {
  0% {
    -webkit-box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
            box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
  }
  100% {
    -webkit-box-shadow: 1px -1px #3e3e3e, 2px -2px #3e3e3e, 3px -3px #3e3e3e, 4px -4px #3e3e3e, 5px -5px #3e3e3e, 6px -6px #3e3e3e, 7px -7px #3e3e3e, 8px -8px #3e3e3e;
            box-shadow: 1px -1px #3e3e3e, 2px -2px #3e3e3e, 3px -3px #3e3e3e, 4px -4px #3e3e3e, 5px -5px #3e3e3e, 6px -6px #3e3e3e, 7px -7px #3e3e3e, 8px -8px #3e3e3e;
    -webkit-transform: translateX(-8px) translateY(8px);
            transform: translateX(-8px) translateY(8px);
  }
}
@keyframes shadow-pop-tr {
  0% {
    -webkit-box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
            box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
  }
  100% {
    -webkit-box-shadow: 1px -1px #3e3e3e, 2px -2px #3e3e3e, 3px -3px #3e3e3e, 4px -4px #3e3e3e, 5px -5px #3e3e3e, 6px -6px #3e3e3e, 7px -7px #3e3e3e, 8px -8px #3e3e3e;
            box-shadow: 1px -1px #3e3e3e, 2px -2px #3e3e3e, 3px -3px #3e3e3e, 4px -4px #3e3e3e, 5px -5px #3e3e3e, 6px -6px #3e3e3e, 7px -7px #3e3e3e, 8px -8px #3e3e3e;
    -webkit-transform: translateX(-8px) translateY(8px);
            transform: translateX(-8px) translateY(8px);
  }
}

/**
 * ----------------------------------------
 * animation shadow-drop-2-center
 * ----------------------------------------
 */
@-webkit-keyframes shadow-drop-2-center {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(50px);
            transform: translateZ(50px);
    -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
            box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
  }
}
@keyframes shadow-drop-2-center {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(50px);
            transform: translateZ(50px);
    -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
            box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
  }
}

/**
 * ----------------------------------------
 * animation shadow-pop-bl
 * ----------------------------------------
 */
@-webkit-keyframes shadow-pop-bl {
  0% {
    -webkit-box-shadow: 0 0 #ea7b6c, 0 0 #ea7b6c, 0 0 #ea7b6c, 0 0 #ea7b6c, 0 0 #ea7b6c, 0 0 #ea7b6c, 0 0 #ea7b6c, 0 0 #ea7b6c;
            box-shadow: 0 0 #ea7b6c, 0 0 #ea7b6c, 0 0 #ea7b6c, 0 0 #ea7b6c, 0 0 #ea7b6c, 0 0 #ea7b6c, 0 0 #ea7b6c, 0 0 #ea7b6c;
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
  }
  100% {
    -webkit-box-shadow: -1px 1px #ea7b6c, -2px 2px #ea7b6c, -3px 3px #ea7b6c, -4px 4px #ea7b6c, -5px 5px #ea7b6c, -6px 6px #ea7b6c, -7px 7px #ea7b6c, -8px 8px #ea7b6c;
            box-shadow: -1px 1px #ea7b6c, -2px 2px #ea7b6c, -3px 3px #ea7b6c, -4px 4px #ea7b6c, -5px 5px #ea7b6c, -6px 6px #ea7b6c, -7px 7px #ea7b6c, -8px 8px #ea7b6c;
    -webkit-transform: translateX(8px) translateY(-8px);
            transform: translateX(8px) translateY(-8px);
  }
}
@keyframes shadow-pop-bl {
  0% {
    -webkit-box-shadow: 0 0 #ea7b6c, 0 0 #ea7b6c, 0 0 #ea7b6c, 0 0 #ea7b6c, 0 0 #ea7b6c, 0 0 #ea7b6c, 0 0 #ea7b6c, 0 0 #ea7b6c;
            box-shadow: 0 0 #ea7b6c, 0 0 #ea7b6c, 0 0 #ea7b6c, 0 0 #ea7b6c, 0 0 #ea7b6c, 0 0 #ea7b6c, 0 0 #ea7b6c, 0 0 #ea7b6c;
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
  }
  100% {
    -webkit-box-shadow: -1px 1px #ea7b6c, -2px 2px #ea7b6c, -3px 3px #ea7b6c, -4px 4px #ea7b6c, -5px 5px #ea7b6c, -6px 6px #ea7b6c, -7px 7px #ea7b6c, -8px 8px #ea7b6c;
            box-shadow: -1px 1px #ea7b6c, -2px 2px #ea7b6c, -3px 3px #ea7b6c, -4px 4px #ea7b6c, -5px 5px #ea7b6c, -6px 6px #ea7b6c, -7px 7px #ea7b6c, -8px 8px #ea7b6c;
    -webkit-transform: translateX(15px) translateY(-15px);
            transform: translateX(15px) translateY(-15px);
  }
}

@media (min-width: 30em) {
  html {
    font-size: 125%;
  }
}

@media (min-width: 40em) {
  html {
    font-size: 150%;
  }
}

@media (min-width: 50em) {
  html {
    font-size: 175%;
  }
}

@media (min-width: 60em) {
  html {
    font-size: 200%;
  }
}

html {
  font-size: clamp(1rem, 0.75rem + 1.5vw, 2rem);
}

