/*
/*
 Theme Name:   Local Theme Leipzig
 Theme URI:    https://wordpress.fau.org
 Description:  WP Forge based theme for FAU blogs. This theme is beta quality and should work most of the time. If you choose to try it, you have to reassign your main menu in the customizer.
 Author:       unknown
 Template:     wp-forge
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, gray, white, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
 Text Domain:  wp-forge-fau
*/

/**
 * FONTS
 */
@font-face {
        font-family: 'Bitter';
        src: url('fonts/Bitter-Regular.woff') format('woff'),
             url('fonts/Bitter-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'Bitter';
        src: url('fonts/Bitter-Bold.woff') format('woff'),
             url('fonts/Bitter-Bold.ttf') format('truetype');
        font-weight: bold;
        font-style: normal;
}
@font-face {
        font-family: 'Bitter';
        src: url('fonts/Bitter-Italic.woff') format('woff'),
             url('fonts/Bitter-Italic.ttf') format('truetype');
        font-weight: normal;
        font-style: italic;
}

@font-face {
	font-family: 'OpenSans';
	src: url('fonts/OpenSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans';
	src: url('fonts/OpenSans-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans';
	src: url('fonts/OpenSans-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'OpenSans';
	src: url('fonts/OpenSans-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
    font-family: 'YanoneKaffeesatzBold';
    src: url('fonts/YanoneKaffeesatzBold.woff') format('woff'),
         url('fonts/YanoneKaffeesatzBold.ttf') format('truetype');
    font-weight: bold;
    font-style: bold;
}

html, body {
	font-family: "OpenSans";
}

h1, h2, p.site-description, p.site-title {
	font-family: "YanoneKaffeesatzBold";
}

/*
html, body {
	font-family: "Bitter";
}
h1, h2, h3, h4, h5, h6 {
	font-family: "YanoneKaffeesatzBold";
}*/

/* Child Theme Media Queries - Use the following media queries to adjust the appearance of your theme on mobile devices */

/* Small only */
@media screen and (max-width: 39.9375em) {
    /* add css for small screens only here */
}
/* Medium and up */
@media screen and (min-width: 40em) {
    /* add css for medium to large screens here */
	.grid-padding-x > .large-8,
	.columns {
		padding-right: 2rem;
		padding-left: 2rem;
	}
}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    /* add css for medium screens only here */
}
/* Large and up */
@media screen and (min-width: 64em) {
    /* add css for large to xtra large screens only here */
	/* header */
	p.site-title,
	p.site-title a,
	h1.site-title,
	h1.site-title a {
		font-size: 100% !important;
	}
}
/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
    /* add css for large screens only here */
}   

/* HEADER */
#header {
	padding: 0;
}

.site-header {
	padding: 0;
}

.header_wrap.grid-container:not(.full) > .grid-padding-x {
	margin-left: -.9375rem;
	margin-right: -.9375rem;
}

/* COLORS */
/* title headers */
h1.entry-title-page,
h1.entry-title-post,
h2.entry-title-page,
h2.entry-title-post {
	font-size: 2rem;
	font-weight: bold;
}
h1.entry-title-page a,
h1.entry-title-post a,
h2.entry-title-page a,
h2.entry-title-post a {
	color: #444444;
}
h1.entry-title-page a:hover,
h1.entry-title-post a:hover,
h2.entry-title-page a:hover,
h2.entry-title-post a:hover {
	color: #000;
	text-decoration: none;
}

/* widget header */
#secondary a,
#secondary .widget-title,
#secondary-sidebar a,
#secondary-sidebar .widget-title {
	color: #444444;
	font-weight: bold;
}

#secondary a:hover,
#secondary-sidebar a:hover{
	color: #000;
	font-weight: bold;
}

/* links */
a,
#footer a,
.entry-content-post a,
.entry-content-page a,
.entry-meta-header a,
span.categories-links a {
	color: #B00A23;
}
a:hover,
#footer a:hover,
.entry-content-post a:hover,
.entry-content-page a:hover,
.entry-meta-header a:hover ,
span.categories-links a:hover {
	color: #600613;
	text-decoration: underline;
}

img.avatar {
	display: none;
}

/* content */
img.alignleft {
	margin: 1rem 1rem .5rem 0;
}
img.alignright {
	margin: 1rem 0 .5rem 1rem;
}

/* main menu */
@media screen and (min-width: 40em) {
	.top-bar {
		padding: 0 2rem;
	}
}

.menu-item a:hover {
	text-decoration: none;
}


/* buttons */
a.button, .button {
	background: #444444;
	/*padding: 0.75rem 1rem;*/
}
.button:hover {
	background: #B00A23;
}

/* header */
.site-header {
	position: relative;
}
div.header-info {
	position: absolute;
	left: 19.5%;
	right: 3%;
	margin-top: 0;
	width: 80%;
	top: 21%;
	bottom: 23%;
}

p.site-title,
p.site-title a,
h1.site-title,
h1.site-title a {
	color: #fff;
	line-height: 100%;
	font-weight: bold;
	text-shadow: 2px 2px rgba(0, 0, 0, 0.3);
	white-space: nowrap;
	margin-bottom: 0;
}

.header-info a:hover,
p.site-desrciption a:hover,
p.site-title a:hover,
h1.site-title a:hover {
	color: #fff;
	text-decoration: none;
}
p.site-description {
	color: #fff;
	line-height: 200%;
	font-weight: bold;
	text-shadow: 2px 2px rgba(0, 0, 0, 0.3);
	white-space: nowrap;
}
@media screen and (max-width: 40em) {
	div.header-info {
		top: 30%;
	}
	p.site-title,
	p.site-title a,
	h1.site-title,
	h1.site-title a {
		font-size: 5vw !important;
	}
	p.site-description {
		display: none;
	}
}
@media screen and (min-width: 40em) and (max-width: 75rem) {
	p.site-title,
	p.site-title a,
	h1.site-title,
	h1.site-title a {
		font-size: 4.4vw !important;
	}

	p.site-description {
		font-size: 2.25vw !important;
	}
}
@media screen and (min-width: 75rem) {
	p.site-title,
	p.site-title a,
	h1.site-title,
	h1.site-title a {
		font-size: 3.3rem !important;
	}
}

/* footer */
.footer_container {
	display: none;
}

/* 404 */
.content404 {
	width: 66.6667%;
}