/*
Theme Name: VT Grid Mag Child
Theme URI: http://volthemes.com/theme/vt-grid-mag/
Template: vt-grid-mag
Author: VolThemes
Author URI: http://volthemes.com/
Description: VT Grid Mag is a clean, minimalistic and responsive WordPress theme. featuring a two-column and three-column grid-layout. VT Grid Mag offers additional two custom widget i.e. Social Profile and Latest Posts and also including changing the color scheme. The theme options are powered by Customizer. You can check out the demo at http://volthemes.com/demo/vt-grid-mag/ for a closer look.
Tags: blog,news,photography,right-sidebar,left-sidebar,custom-colors,custom-logo,custom-header,custom-menu,editor-style,featured-images,flexible-header,full-width-template,post-formats,sticky-post,theme-options,threaded-comments,translation-ready
Version: 1.0.9.1534236783
Updated: 2018-08-14 10:53:03

*/

html,
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html {
	background-color: #000;
}

body {
	border: 18px solid #000000;
	background-color: #fff;
}

#page {
	border: 18px solid #0b4899;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Inconsolata', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #0b4899 !important;
}

#logo-container {
	position: relative;
	margin: auto;
	width: 320px;
}

.home #logo-container {
	transform: translatey(-100%);
	transition: transform 0.75s ease-out;
}

.home #logo-container.start {
	transform: translatey(0%);
}

#logo {
	position: relative;
	width: 100%;
	padding-top: 62.5%;
	background-image: url(https://loyal-youth.de/wp-content/uploads/2018/08/flag_bg.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
	transform: translateY(-1px);
}

#logo img {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 30px 20px 20px;
}

.title-area {
	padding: 32px 20px;
}

.overlay,
.title-area {
	padding-top: 0px !important;
}

.overlay {
	padding-bottom: 0px !important;
}

.date-meta {
	float: left;
}

.page-content .search-form .search-field {
	max-width: unset;
}

#site-title {
	position: relative;
	width: auto;
	display: inline-block;
	margin-top: 10px;
	padding: 10px 20px;
	background-color: #000;
}

#site-title h1 {
	color: #fff !important;
}

.menu-toggle {
	top: 36px;
	right: 36px;
	height: 40px;
	background-color: #000;
	position: absolute;
	transition: none;
}

.menu-toggle .fa {
	height: 40px;
	line-height: 40px;
}

#menu-hauptmenue .current-menu-item,
#menu-hauptmenue .current_page_item {
	border-bottom: 3px solid #0b4899;
}

body:not(.home) #primary {
	float: none;
	margin: auto;
	width: 100%;
	max-width: 640px;
}

.elementor-column-wrap {
	padding: 10px 0px !important;
}

.site-main {
	min-height: calc(100vh - 415px);
}

main a {
	color: #0b4899 !important;
	transition: none;
}

main a:hover {
	color: #0b4899 !important;
	transition: none;
}

.gallery-caption {
	display: block !important;
	margin-top: 5px !important;
}

.menu-toggle:hover {
	background-color: #0b4899;
}

.pushed .menu-toggle {
	background-color: #0b4899;
}

.pushed .menu-toggle .fa-navicon:before,
.pushed .menu-toggle .fa-reorder:before,
.pushed .menu-toggle .fa-bars:before {
	content: "\f00d"
}

textarea {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	min-height: 150px;
	height: 150px;
}

span.wpcf7-not-valid-tip {
	display: inline-block;
}

.input {
	margin-bottom: 20px;
}

.input.full.recaptcha {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}

input[type="submit"] {
	background-color: #000;
	border-radius: 0;
	border: none;
}

input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus {
	background-color: #0b4899;
	border: none;
}

.input.half {
	width: 50%;
	float: left;
}

.input.half.first {
	padding-right: 10px;
	padding-left: 0px;
}

.input.half.second {
	padding-left: 10px;
	padding-right: 0px;
}

input[type="text"],
input[type="email"] {
	width: 100%;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
	margin: 0;
	color: #ff0000;
	border: 2px solid #ff0000;
}

.grecaptcha-badge {
	display: none;
}

@media only screen and (max-width: 1061px) {
	#logo-container {
		width: 240px;
	}
	.site-navigation {
		background-color: #000 !important;
		padding: 112px 36px 112px 17px;
	}
	.site-navigation ul li:last-child a {
		border-bottom: 1px solid #353333;
	}
	.site-main {
		min-height: calc(100vh - 325px);
	}
}

@media only screen and (max-width: 480px) {
	body {
		border: 9px solid #000000;
	}
	#page {
		border: 9px solid #0b4899;
	}
	#logo-container {
		width: 180px;
	}
	#logo img {
		padding-top: 20px;
	}
	.site-navigation {
		padding: 76px 18px 76px 9px;
	}
	.menu-toggle {
		top: 18px;
		right: 18px;
	}
	.site-main {
		min-height: calc(100vh - 255px);
	}
	.input.half {
		width: 100%;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}