/*
Theme Name: Sebatian Feske
Author: MabaGroup Multimedia UG
Author URI: http://www.maba-group.com/
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: werkstatt-child
Template: werkstatt
*/

@font-face {
  font-family: 'Roboto';
  src: URL('/wp-content/themes/werkstatt-child/inc/Roboto-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto Slab';
  src: URL('/wp-content/themes/werkstatt-child/inc/RobotoSlab-ExtraBold.ttf') format('truetype');
}

body {
	font-family: "Roboto";	
}


h1, h2, h3 {
	font-family: "Roboto Slab" !important;
}

#site-navigation ul li, p.introscreen-title {
	font-family: "Roboto Slab";
}

.site-title, nav#site-navigation-mobile, button#overlay-open, button#overlay-close {
	font-family: "Roboto Slab";
}

.site-title {
    color: #451754;
    background-color: #ff4239;
    padding: 0 0.3em;
    text-transform: uppercase;
}

body, input[type="button"], input[type="submit"], h1, h3, p.introscreen-title {
	color: #451754 !important;
}

h1 {
	display: inline !important;
	padding: 0.2em 0.3em !important;
	background-color: #ff3419;
	text-transform: uppercase;
}

a, h2, .close-wrap #overlay-close {
	color: #ff4239;
}

p.introscreen-title {
	text-transform: uppercase;
}

.load-overlay {
	background-color: #ff4239 !important;
}

.overlay-show #overlay-wrap, .close-wrap {
	background-color: #451754 !important;	
}

input,
textarea, input[type="button"], input[type="submit"], .searchform #s {
	border-color: #451754 !important;
}

nav#site-navigation {
    text-align: right;
}

ul.wp-block-gallery.alignnone.columns-3.is-cropped {
    list-style-type: none !important;
}

.entry-content ul li:before, .comment-text ul li:before {
    content: '' !important;
}

ul.wp-block-gallery.alignnone.columns-3.is-cropped, li.blocks-gallery-item {
    padding: 0 !important;
}

@media screen and (min-width: 1025px) {
	button#overlay-open {
		display: none;
	}
}

.pace .pace-progress {
	background-color: #451754 !important;
}

.site-logo img {
	width: 64px !important;
	height: 64px !important;
	max-width: none !important;
}

#site-branding {
	display: flex;
}

.site-title {
	background: none !important;
}

.site-title a {
	word-spacing: 9999px;
	display: inline-block;
	line-height: 1em;
}

/*
*/

.site-logo img {
	width: 64px !important;
	height: 64px !important;
	max-width: none !important;
}

#site-branding {
	display: flex;
}

.site-title {
	background: none !important;
}

.site-title a {
	word-spacing: 9999px;
	display: inline-block;
	line-height: 1em;
}

.home .entry-header {
    background: #ff4239;
}

.home .entry-header, .home .entry-header a {
    color: #451754;
}

@media screen and (min-width: 1025px) {
	button#overlay-open {
		display: initial !important;
	}
}

.overlay-show #overlay-wrap, .close-wrap, #col1 {
    background-color: #ff4239 !important;
}

div#col1 a {
    color: #451754;
}

#overlay-close > span {
    color: #451754;
}

ul.wp-block-gallery {
	padding-left: 0;
	display: flex;
}

ul.wp-block-gallery li.blocks-gallery-item {
	margin-right: 0;
	margin-left: 0;
}

#menu-hauptmenue-1 {
	text-align: center;
	font-size: 6em;
	font-family: "Roboto Slab";
	margin-top: auto;
	margin-bottom: auto;
}

@media screen and (max-width:700px) {
	#menu-hauptmenue-1 {
		font-size: 2.3em;
	}
}

@media screen and (min-width: 700px) {
	#menu-hauptmenue-1 {
		text-align: left;
		margin-left: 3em;
	}
}

#menu-hauptmenue-1 a:hover {
	color: #ff4239 !important;
	background-color: #451754;
}

.portfolio-container {
	display: flex;
	flex-wrap: wrap;
}

.portfolio-element {
	width: 50% !important;
	padding: 1em;
}

.archive-title, .entry-title {
	font-size: 3em !important;
}

#colophon {
	display: initial;
}

#site-info {
	font-size: 0.7em;
}

.entry-meta {
	display: none !important;
}

.content-wrap .entry-thumbnail {
	display: none;
}

.left-posts, .right-posts {
	width: 50%;
}

.portfolio-item {
	padding: 1em;
}

#menu-hauptmenue-1 .menu-item a img {
	margin-right: 1rem;
}

#post-251 > div.entry-thumbnail {
	display: none;
}

#post-251 .wp-block-column {
	padding: 1em;
}