/*
Theme Name: Eltschig
description: Eltschig - Theme - Ver. 01
Author: neo7
Author URI: https://neo7.de
Template: customify
Version: 1.0.0
Text Domain: eltschig
*/

/* anek-latin-regular - latin */
/* anek-latin-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: 'Anek Latin';
  font-style: normal;
  font-weight: 100;
  src: url('https://trauerreden-solingen.neo7.de/wp-content/themes/eltschig/fonts/anek-latin-v4-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* anek-latin-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: 'Anek Latin';
  font-style: normal;
  font-weight: 200;
  src: url('https://trauerreden-solingen.neo7.de/wp-content/themes/eltschig/fonts/anek-latin-v4-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* anek-latin-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: 'Anek Latin';
  font-style: normal;
  font-weight: 300;
  src: url('https://trauerreden-solingen.neo7.de/wp-content/themes/eltschig/fonts/anek-latin-v4-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* anek-latin-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: 'Anek Latin';
  font-style: normal;
  font-weight: 400;
  src: url('https://trauerreden-solingen.neo7.de/wp-content/themes/eltschig/fonts/anek-latin-v4-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* anek-latin-500 - 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: 'Anek Latin';
  font-style: normal;
  font-weight: 500;
  src: url('https://trauerreden-solingen.neo7.de/wp-content/themes/eltschig/fonts/anek-latin-v4-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* anek-latin-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: 'Anek Latin';
  font-style: normal;
  font-weight: 600;
  src: url('https://trauerreden-solingen.neo7.de/wp-content/themes/eltschig/fonts/anek-latin-v4-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* anek-latin-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: 'Anek Latin';
  font-style: normal;
  font-weight: 700;
  src: url('https://trauerreden-solingen.neo7.de/wp-content/themes/eltschig/fonts/anek-latin-v4-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* anek-latin-800 - 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: 'Anek Latin';
  font-style: normal;
  font-weight: 800;
  src: url('https://trauerreden-solingen.neo7.de/wp-content/themes/eltschig/fonts/anek-latin-v4-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



body {
	--main-color: rgb(0, 106, 142); /* graublau */	
	--background-color: rgb(248,247,242); /* Warmweiss */
  	--highlight-color: rgb(217, 135, 23); /* orange */
	--footer-color: rgb(86,86,86); /* dunkelgrau */
	--light-grey: rgb(238,238,238);
}

body.page {
    background-color: rgba(0, 106, 142, 0.05);
}


body #page .site-title a {
	font-family: "Anek Latin", Verdana, Geneva, sans-serif;
	font-weight:300;
	font-size:145%;
	color:var(--main-color);
	text-transform:none;
}

body h1, body h2, body h3, body h4, body .comments-area body .comment-reply-title, body h5, body h6, body .h1, body .h2, body .h3, body .h4, body .h5, body .h6 {
	font-family: "Anek Latin", Verdana, Geneva, sans-serif;
	font-weight:300;
	color:var(--main-color);
}

body p {
	hyphens: auto;
}

body .nav-menu-desktop .menu>li>a {
    padding: 12px 25px 12px 0;
    display: inline-flex;
    align-items: center;
    text-transform: none;
    font-weight: 500;
    font-size: 1em;
    line-height: 1;
}

body .header-bottom .light-mode {
    background: rgba(255,255,255,0.7);
    box-shadow: 0 1px 2px 0 #e1e5ea;
	border-top: var(--main-color) 4px solid;
}

body .page-titlebar, body .page-breadcrumb, body .posts-layout .entry-inner {
    border-bottom: none;
    padding: 50px 0 0px;
}
body .page-titlebar, body .site-content {
	background-color:transparent;
}

body .page-titlebar .titlebar-title {
    margin-bottom: 0;
    font-size: 200%;
    color: var(--main-color);
    font-weight: 300;
}

body #page {
	background-color:var(--background-color);
}

body .site-content .content-area {
    background-color: transparent;
}

.customify-col-6_md-6_sm-6_xs-12.builder-item.builder-first--footer-horizontal-menu {
	text-align:right;
}

body .footer-bottom .dark-mode {
    background: var(--main-color);
}

.header--row.header-main .customify-grid, .header--row.header-main .style-full-height .primary-menu-ul > li > a {
	min-height: 60px;
}

.site-name-desc {
    padding-left: 5vw;
}

.header--row:not(.header--transparent).header-main .header--row-inner {
	background-size: 100vw;
}

.site-name-desc .text-uppercase.text-xsmall {
    letter-spacing: 0.3em;
	text-transform:none;
	font-size:120%;
	text-align:center;
}

.button:not(.components-button):not(.customize-partial-edit-shortcut-button), body:not(.fl-builder-edit) .button, body:not(.fl-builder-edit) button:not(.menu-mobile-toggle,.components-button,.customize-partial-edit-shortcut-button), body:not(.fl-builder-edit) input[type=button]:not(.ed_button), input[type=button]:not(.components-button):not(.customize-partial-edit-shortcut-button), input[type=button]:not(.ed_button), input[type=reset]:not(.components-button):not(.customize-partial-edit-shortcut-button), input[type=submit]:not(.components-button):not(.customize-partial-edit-shortcut-button) {
    background: var(--main-color) !important;
}

summary {
    display: list-item;
    font-size: 120%;
    color: #006a8e;
}

details p {
    transition: all 1s ease-out;
	margin-top:0.25em;
	margin-left:1.3em;
	margin-bottom:0.5em;
}

@media (prefers-color-scheme: dark) {
  /* Dark theme styles go here */

}

@media screen and (max-width: 568px) {
	.site-branding .site-title {
		font-size: 105% !important;
	}
	
	.site-name-desc .text-uppercase.text-xsmall {
		font-size: 90% !important;
	}
	
	.site-framed .site {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

}

@media screen and (max-width: 568px) {
	.customify-col-6_md-6_sm-6_xs-12.builder-item.builder-first--footer-horizontal-menu {
		text-align:center;
	}
}

@media screen and (min-width: 450px) {
	.header--row.header-main .customify-grid, .header--row.header-main .style-full-height .primary-menu-ul > li > a {
		min-height: 120px;
	}
	
	.site-name-desc {
		padding-left: 30vw;
	}	
}

@media screen and (min-width: 569px) {
	.header--row.header-main .customify-grid, .header--row.header-main .style-full-height .primary-menu-ul > li > a {
		min-height: 140px;
	}
	
	.site-name-desc {
		padding-left: 30vw;
	}	
}

@media screen and (min-width: 640px) {
	.header--row.header-main .customify-grid, .header--row.header-main .style-full-height .primary-menu-ul > li > a {
		min-height: 200px;
	}
	.site-name-desc {
		padding-left: 30vw;
	}

	.header--row:not(.header--transparent).header-main .header--row-inner {
		background-size: 650px;
	}
}

@media screen and (min-width: 1025px) {
	.header--row.header-main .customify-grid, .header--row.header-main .style-full-height .primary-menu-ul > li > a {
		min-height: 320px;
	}
	
	.site-name-desc {
		padding-left: 0;
		padding-right: 5em;
	}
	
	.header--row:not(.header--transparent).header-main .header--row-inner {
		background-size: 1000px;
	}
	
	body #page .site-title a {
		font-size: 200%;
	}
	
	body .light-mode .nav-menu-desktop.style-plain .nav-menu>li.current-menu-item>a {
    	color: var(--main-color);
	}
	
	body .light-mode .nav-menu-desktop.style-plain .nav-menu>li>a:hover {
    	color: #f60; !important;
	}

}