/*
 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
*/
/* merriweather-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/merriweather-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('./fonts/merriweather-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/merriweather-v30-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/merriweather-v30-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('./fonts/merriweather-v30-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('./fonts/merriweather-v30-latin-regular.svg#Merriweather') format('svg'); /* Legacy iOS */
}

/* merriweather-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/merriweather-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: url('./fonts/merriweather-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/merriweather-v30-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/merriweather-v30-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('./fonts/merriweather-v30-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('./fonts/merriweather-v30-latin-700.svg#Merriweather') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/open-sans-v40-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('./fonts/open-sans-v40-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v40-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/open-sans-v40-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('./fonts/open-sans-v40-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('./fonts/open-sans-v40-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}


:root {
  --clr-light: #fff;
  --clr-dark: #2f2d2e;
  --clr-dark-blue: #2E4057;
  --clr-primary: #e77b49; /* orange */
  --clr-secondary: #048ba8;  /* blue */
  --clr-accent: #99c24d; /* green */
  --foreground: var(--clr-dark);
  --background: var(--clr-light);
  --ff-title: "Merriweather", serif;
  --ff-body: "Open Sans", sans-serif;
  --text-size-base: 1rem;
  --text-size-tiny: 0.75rem;
  --text-size-small: 0.825rem;
  --text-size-medium: var(--text-size-base); /* Takes the base size */
  --text-size-big: 1.25rem;
  --text-size-large: 1.5rem;
  --text-size-huge: 2.0rem);

/* original generatepress vars */
  --contrast: #2F2D2E; /* text */
  --contrast-2:pink;
  --contrast-3:green;
  --base: var(--clr-dark-blue);
  --base-2: #f7f8f9;
  --base-3: var(--background);
  --accent: var(--clr-accent) /* green - hover nav color */
}
body {
  background: var(--background);
  font-family: var(--ff-body);
  font-size: var(--text-size-big);
  font-weight: 400;
  line-height: 1.6;
}

/* sticky footer - .site-header, .site und site-footer werden vom body umschlossen */
body {
  display: grid;
  grid-template-rows: auto 1fr auto;
  // height: 100%;
  height: 100vh;
  /* wichtig damit der mittlere Bereich 1fr sich ueber die gesamte hoehe erstreckt */
}

.site-header {
  border-bottom: 1px solid silver;
}
.wp-block-cover {
  margin-top: -40px;
}

h1.entry-title, h1.gb-headline, h2.gb-headline, h3.gb-headline, h4.gb-headline {
  font-family: var(--ff-title);
}
h1.entry-title, h1.gb-headline {
  font-size: var(--text-size-large);
}
h1.gb-headline {
  font-size: var(--text-size-large);
}
h3.gb-headline, h4.gb-headline {
  font-size: 24px;
}
h3.gb-headline a {
  text-decoration: none;
  
}
.wp-block-read-more {
  margin-inline: auto;
  text-align: center;
  text-tranform: lowercase !important;
}

blockquote {
  font-family: var(--ff-title);
  font-size: var(--text-size-huge);
}
/* hide single post elements */
.featured-image, .entry-meta, .entry-date {
  display: none;
  
}

.site-footer {
  margin-top: 3rem;
}

/* footer elemente nebeneinander */
.inside-site-info {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse !important; 
  gap: 2em;
 
}
/* font-size footer */
.main-navigation a, .inside-site-info {
  font-size: var(--ff-size-base);
  text-transform: uppercase;
  
 
}

#menu-footer-menu a {
  text-decoration: none;
}
.copyright-bar {
  margin-top: -8px;
}



/* primary menu */

.main-navigation .main-nav>ul {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  column-gap: 32px;
}

.main-navigation .main-nav ul li a {
  padding:10px 20px;
  padding: 0;
}

.main-nav .current_page_item::after {
  content: "";
  background: orange;
  width: 50%;
  height: 2px;
  position: absolute;
  bottom: 10px;
  transition: 200ms all ease-in;
}

.main-nav li:hover:after {
  content: "";
  background: orange;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 10px;
  transition: 200ms all ease-in;
}
.main-nav li:after {
  content: "";
  background: orange;
  width: 0%;
  height: 2px;
  position: absolute;
  bottom: 10px;
  transition: 200ms all ease-in;
}

/* all sub-menu items */

.sub-menu {
  border-radius: 0 0 6px 6px;
  padding-bottom: 20px;
}
.main-navigation .main-nav ul ul li a {
  font-size: var(--ff-size-base);
  padding:10px 20px;
}
.main-navigation ul ul {
  width:200px;
  width:300px;
}

a.gb-button {
  background-color: var(--clr-dark-blue) !important;
  border-radius: 8px;
}
a.gb-button:hover {
  background-color: var(--accent) !important;;
}

a.wp-block-button__link {
  margin: 20px 0;
  border-radius: 8px;
  background: red;
}


/* technai button - add class to p */
.technai-btn  {
  display: flex;
  justify-content: center;
  margin: 2em 0;
}
.technai-btn a {
  background: transparent;
  padding: 10px 20px;
  border-radius: 8px;
  border: 1px solid var(--base);
  color: #fff;
  color: #333;
  text-decoration: none;
}

.technai-btn a:hover {
  background: var(--base);
  color: #fff;
}


/* cards projekte */
.gb-container {
  border-color: whitesmoke !important;
}