/*
Theme Name: Gemeinde Tiste
Theme URI: http://www.tiste.de
Author: Matthias Klindworth
Author URI: http://www.k-evolution.de
Description: Template WordPress Gemeinde Tiste
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Gemeinde Tiste
*/

/*@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,700,800&display=swap');*/
@font-face {
	font-family: "Poppins";
	font-weight: 100;
	font-style: normal;
	src: url("fonts/Poppins-Thin.ttf");
}
@font-face {
	font-family: "Poppins";
	font-weight: 100;
	font-style: italic;
	src: url("fonts/Poppins-ThinItalic.ttf");
}

@font-face {
	font-family: "Poppins";
	font-weight: 200;
	font-style: normal;
	src: url("fonts/Poppins-ExtraLight.ttf");
}
@font-face {
	font-family: "Poppins";
	font-weight: 200;
	font-style: italic;
	src: url("fonts/Poppins-ExtraLightItalic.ttf");
}

@font-face {
	font-family: "Poppins";
	font-weight: 300;
	font-style: normal;
	src: url("fonts/Poppins-Light.ttf");
}
@font-face {
	font-family: "Poppins";
	font-weight: 300;
	font-style: italic;
	src: url("fonts/Poppins-LightItalic.ttf");
}

@font-face {
	font-family: "Poppins";
	font-weight: 400;
	font-style: normal;
	src: url("fonts/Poppins-Regular.ttf");
}
@font-face {
	font-family: "Poppins";
	font-weight: 400;
	font-style: italic;
	src: url("fonts/Poppins-Italic.ttf");
}

@font-face {
	font-family: "Poppins";
	font-weight: 500;
	font-style: normal;
	src: url("fonts/Poppins-Medium.ttf");
}
@font-face {
	font-family: "Poppins";
	font-weight: 500;
	font-style: italic;
	src: url("fonts/Poppins-MediumItalic.ttf");
}

@font-face {
	font-family: "Poppins";
	font-weight: 600;
	font-style: normal;
	src: url("fonts/Poppins-SemiBold.ttf");
}
@font-face {
	font-family: "Poppins";
	font-weight: 600;
	font-style: italic;
	src: url("fonts/Poppins-SemiBoldItalic.ttf");
}

@font-face {
	font-family: "Poppins";
	font-weight: 700;
	font-style: normal;
	src: url("fonts/Poppins-Bold.ttf");
}
@font-face {
	font-family: "Poppins";
	font-weight: 700;
	font-style: italic;
	src: url("fonts/Poppins-BoldItalic.ttf");
}

@font-face {
	font-family: "Poppins";
	font-weight: 800;
	font-style: normal;
	src: url("fonts/Poppins-ExtraBold.ttf");
}
@font-face {
	font-family: "Poppins";
	font-weight: 800;
	font-style: italic;
	src: url("fonts/Poppins-ExtraBoldItalic.ttf");
}

@font-face {
	font-family: "Poppins";
	font-weight: 900;
	font-style: normal;
	src: url("fonts/Poppins-Black.ttf");
}
@font-face {
	font-family: "Poppins";
	font-weight: 900;
	font-style: italic;
	src: url("fonts/Poppins-BlackItalic.ttf");
}

/* Standards */
	body,
	body *{
		font-family: 'Open Sans', sans-serif;
		font-family: 'Poppins', sans-serif;
		font-size: 18px;
		font-weight: 300;
	}
	h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
		display: block;
		font-weight: 500;
		padding: 10px 0;
	}
	h1, .h1, h2, .h2, h3, .h3,
	h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a {
		font-weight: 700;
		text-transform: uppercase;
	}
	h1, .h1, h1 a, .h1 a {
		font-size: 3rem;
		font-weight: 800;
		margin-bottom: 30px;
	}
	h2, .h2, h2 a, .h2 a {
		font-size: 2.5rem;
	}
	h3, .h3, h3 a, .h3 a {
		font-size: 2rem;
	}
	h4, .h4, h4 a, .h4 a {
		font-size: 1.25rem;
	}
	h5, .h5, h5 a, .h5 a {
		font-size: 1.15rem;
	}
	h6, .h6, h6 a, .h6 a {
		font-size: 0.95rem;
		margin-bottom: 0px;
	}
	address, address * {
		font-style: normal;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	img.full {
		width: 100%;
	}
	.tribe_common_anchor_thin {
		border: 1px solid red;
		font-weight: 300 !important;
		font-size: 0.1em !important;
		margin: 0 !important;
		display: inline !important;
	}

/* Header */
	header > a,
	header > a:hover {
		color: inherit;
		font-size: 3rem;
		font-weight: 500;
		text-transform: uppercase;
		text-decoration: none;
	}
	header nav {
		padding: 0 !important;
	}
	header nav a {
		display: inline-block !important;
		font-size: 1.25rem;
		padding: 15px 20px !important;
	}
	header nav .current-post-ancestor a,
	header nav .current-menu-item a,
	header nav .active a {
		background: #fff;
		color: #000 !important;
	}
	header nav li:first-child:not(.current-menu-item) a {
		padding-left: 0 !important;
	}

/* Teaser */
	.teaser {
		position: relative;
		z-index: 1;
		padding-bottom: 20%;
	}
	.teaser .container {
		margin-top: -20%;
		z-index: 2;
	}
	body.page-template-default .teaser {
		border: 1px solid red;
		margin-bottom: -0%;
	}

/* Main */
	main {
		/*min-height: 100vh;*/
	}
	main h2:first-letter,
	main h2 a:first-letter{
		color: #c60001;
	}
	main p {
		text-align: justify;
		word-wrap: break-word;
		overflow-wrap: break-word;
		-webkit-hyphens: auto;
		   -moz-hyphens: auto;
				hyphens: auto;
	}
	main a, main a:Hover, main a:active {
		color: #c60001;
	}
	main .container {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.fullmap {
		min-height: 80vh;
		border-top: 1px solid #a8a8a5;
		border-bottom: 1px solid #a8a8a5;
	}
	.map {
		min-height: 50vh;
		border-top: 1px solid #a8a8a5;
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
		filter: grayscale(100%);
	}
	.map-75 {
		height: 85vh;
		min-height: 800px;
		border-top: 1px solid #a8a8a5;
		-webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
		filter: grayscale(50%);
	}
	.map-50 {
		min-height: 50vh;
		border-top: 1px solid #a8a8a5;
		-webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
		filter: grayscale(50%);
	}
	.btn.btn-tiste {
		color: #fff;
		background-color: #c60001;
		border-color: #c60001;
	}
	.btn.btn-tiste:Hover {
		color: #fff;
		background-color: #b20001;
		border-color: #b20001;
	}
	/*body:not(.home) main .map {
		margin-top: -60px;
	}*/
	.bg-light-secondary {
		background-color: #fefefe;
	}
	.page figcaption {
		background: #fafafa;
		text-align: center;
		/*margin-top: -15px;*/
		padding: 5px;
		font-size: 0.9em;
	}

/* ASIDE */
	#sidebar > ul {
		margin: 50px 0;
	}
	aside ul, aside ul li, aside ul li a, aside ul li a:Hover, aside * {
		list-style: none;
		padding: 0;
		color: #fff;
	}
	aside > div {
		padding: 20px 10px;
		background: #808080;
		overflow: hidden;
		box-shadow: 0 0 10px #ccc;
	}
	aside * {
		color: #fff;
		text-decoration: none;
	}
	aside input {
		color: #000 !important;
		max-width: 100%;
	}
	aside div > * {
		margin-bottom: 25px;
	}
	aside .h2 {
		margin-bottom: 10px;
		display: block;
	}
	aside * {
		width: auto;
		font-weight: normal;
		color: #fff !important;
	}
	aside ul, aside ol {
		margin: 0;
		padding: 0;
	}
	aside li {
		margin: 0;
		list-style: none;
		border-top: 1px solid #ccc;
		padding: 5px;
	}
	aside li:first-child {
		border: none;
	}
	aside li:Hover,
	aside .current-cat {
		background: #545454;
	}
	aside .tagcloud * {
		white-space: nowrap;
		margin: 0 10px 10px 0;
		float: left;
		line-height: 1.5em;
		font-size: 1em !important;
	}
	aside .search-form label span,
	aside input[type=submit] {
		display: none;
	}
aside .search-form input {
	width: 100%;
	padding: 3px;
	border: 1px solid #000;
}
	.tribe-events-list-widget-events, .tribe-events-list-widget-events * {
		padding: 0px !important;
		margin: 0px !important;
		font-size: inherit;
	}
	.pagination > div > *,
	.widget .tagcloud a,
	.widget.widget_tag_cloud a,
	.wp_widget_tag_cloud a {
		color: #333 !important;
		padding: 5px 10px;
		border: 1px solid #ccc;
		border-radius: 3px;
		background: #fafafa;
		background: -moz-linear-gradient(top,  #fafafa 0%, #f2f2f2 100%);
		background: -webkit-linear-gradient(top,  #fafafa 0%,#f2f2f2 100%);
		background: linear-gradient(to bottom,  #fafafa 0%,#f2f2f2 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f2f2f2',GradientType=0 );
		text-decoration: none !important;
	}


/* Footer */
	footer {
		min-height: 200px;
		padding: 30px;
	}
	footer * {
		color: #fff;
	}
	footer ul, footer li, footer ul li a, footer ul li a:Hover {
		list-style: none;
		padding: 0;
		color: inherit;
	}

/* News */
	.news > * {
		position: relative;
		padding-bottom: 30px;
	}
	.news > * .btn {
		position: absolute;
		bottom: 0;
	}

/* Beyond */
.branchenbuch {
	padding-bottom: 30px;
}
.branchenbuch > a > img {
	padding: 10px;
	border-radius: 5px;
	background: #fafafa;
	border: 1px solid #eee;
	width: 100%;
	height: auto;
}

/* Button Classes */
.facebook a:before {
	display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Brands"; 
	font-weight: 900; 
	content: "\f39e";
	margin-right: 5px;
}
.instagram a:before {
	display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Brands"; 
	font-weight: 900; 
	content: "\f16d";
	margin-right: 5px;
}
.youtube a:before {
	display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Brands"; 
	font-weight: 900; 
	content: "\f167";
	margin-right: 5px;
}
.xing a:before {
	display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Brands"; 
	font-weight: 900; 
	content: "\f168";
	margin-right: 5px;
}
.linkedin a:before {
	display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Brands"; 
	font-weight: 900; 
	content: "\f0e1";
	margin-right: 5px;
}