/*
 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
*/

/* roboto-100 - 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: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('/wp-content/fonts/roboto-v51-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-200 - 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: 'Roboto';
  font-style: normal;
  font-weight: 200;
  src: url('/wp-content/fonts/roboto-v51-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-300 - 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: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/fonts/roboto-v51-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/fonts/roboto-v51-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-600 - 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: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/fonts/roboto-v51-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* PRIMITIVES — your palette */
:root {

  --blue-600: #2563eb;
  --blue-700: #1d4ed8;
  --blue-800: #1e40af;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-500: #6b7280;
  --gray-800: #1f2937;
  --gray-900: #111827;
  --green-600: #16a34a;
  --red-600: #dc2626;
  
  --white: #fff;
  --gray-dark: #040404;
  --orange: #edae44;
  --orange-hell: #fdf7ed;
  --gp-slideout-width: 350px !important;
}

/* SEMANTICS — how the palette is applied */
:root {
  --seperator: var(--orange);
  --active-border-color: var(--orange);
  --button-background: var(--white);
  --button-background-hover: var(--orange-hell);
  --button-text: var(--orange);

  --link-color: var(--blue-600);
  --link-color-hover: var(--blue-800);
  --link-decoration-color: var(--orange);

  --text: var(--gray-dark);
  --text-muted: var(--gray-500);
  --heading: var(--grey);

  --background: var(--gray-100);
  --background-subtle: var(--gray-100);
  --border: var(--gray-300);

  --cta-background: var(--blue-600);
  --cta-text: var(--gray-100);

  --color-success: var(--green-600);
  --color-warning: var(--orange-500);
  --color-error: var(--red-600);

}

/* off-canvas-panel (Navi) */
.gp-icon svg{
	width: 1.2em;
	height: 1.2em;
	color: var(--text-muted);
}
#generate-slideout-menu .slideout-menu li{
    border-bottom: 1px solid silver;	
	margin-left: 1em;
	margin-right: 1em;
}

.main-navigation .main-nav ul li a{
	padding-left: 1em;
}
/* off-canvas-panel (Navi) */


/* spalten */
:where(.wp-block-columns.is-layout-flex) {
    gap: 3em;
}


.gb-text{
    letter-spacing: 1px;
    font-size: 2em;
    font-weight: 300;
}
.gb-accordion__toggle-icon svg {
    width: 1.5em!important;
    height: 1.5em!important;
}

a {
    font-weight: 300;
	text-decoration: none;
	color: #000;
}
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a, 
a:focus,
a:active,
a:hover,
.gb-text:hover{
    text-decoration: underline;
    text-decoration-color: var(--link-decoration-color);
    text-decoration-thickness: 1px;
	text-underline-offset: 0.15em;
	color: var(--contrast-2);

}
#generate-slideout-menu .slideout-menu li:hover{
	background-color: var(--background-subtle);
}

div.gb-accordion__item-open{
	 border: 1px solid var(--active-border-color);
 }
 
a {
    font-weight: 300;
}


hr {
color: var(--seperator);
width: 45px;	
	}
	
.entry-title {
	display: none;
}

.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
  background-color: #fff;
}