/*
Theme Name: Magazine Hoot Child
Template: magazine-hoot
Author: wpHoot
Version: 1.0
*/

/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/oswald-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Oswald Regular'), local('Oswald-Regular'),
       url('fonts/oswald-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oswald-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/oswald-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oswald-v16-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	background-color: #fff;
}
p {font-size: 16px;}


/* Placeholder müssen alle einzeln stehen, sonst klappt es nicht */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color:#fff;
}

/*#site-title {
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
}*/
#site-title a, #site-description {color: #fff;}


.menu-secondary .menu-items > li.current-menu-item::after, 
.menu-secondary .menu-items > li.current-menu-ancestor::after {
    border-bottom-color: #a6083a;
}
.menu-secondary .menu-items > li.current-menu-item::before, 
.menu-secondary .menu-items > li.current-menu-ancestor::before {
    border-bottom: none;
}

.menu-side-box { width: 300px;}

#loop-meta.pageheader-bg-default, #loop-meta.pageheader-bg-incontent, #loop-meta.pageheader-bg-none, 
#content #loop-meta.pageheader-bg-default, #content #loop-meta.pageheader-bg-incontent, #content #loop-meta.pageheader-bg-none {
    background: none;
    border-bottom: none;
}
.loop-meta {
    text-align: left;
    padding: 30px 0;
    border-bottom: 2px solid #333;
    margin: 0 15px;
}
.singular-page .loop-meta {
	margin: 0;
}
.loop-title {
    margin: 0;
    font-size: 3em;
}
/* Header */
#header-primary, #topbar {border-bottom: none;}

#header-primary [class*="hgrid-span-"] {
	padding: 0;

}
#header-primary {
	background: #a6083a; /* Old browsers */
	background: -moz-linear-gradient(top, #a6083a 0%, #a6083a 48%, #454545 48%, #454545 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #a6083a 0%,#a6083a 48%,#454545 48%,#454545 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #a6083a 0%,#a6083a 48%,#454545 48%,#454545 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#header-primary .site-branding {
	display: block; 
	width: 100%;
	text-align: center;
}
#header-primary .header-aside {
	display: block;
	width: 100%;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 300;
	text-align: center;
	padding: 0.2em 0 0.5em;
}
#site-logo {
	margin: 0;
}
.site-logo-text-large #site-title {
    font-size: 50px;
	line-height: 1.45;
}
.mobilemenu-fixed .menu-toggle {
	top: 143px;
}
	

#sidebar-header-sidebar .widget {
	margin: 0;
}
#topbar {
    background: #a6083a !important; /* !important ist notwendig, weil Plugin Autoptimize die Stylesheets in der falschen Reihenfolge zusammenfasst und die Farbe mit weiß überschreibt. */
    color: #aaaaaa;
}
.social-icons-invert .social-icons-icon {
    background: none;
    color: #ffffff !important; /* !important ist notwendig, weil die style.css des Eltern-Themes bereits ein !important enthält. */
}
#topbar i.fa-search {
    color: #ffffff;
}
.searchbody input, .searchbody input:focus {
    color: #fff;
}
.wp-caption {
	background: transparent;
}
.wp-caption-text {
    border: none;
    color: #666;
    font-size: 0.85em;
    line-height: 1.454545em;
}
.widget-title a > span.cat-typo {
    display: inline-block;
    padding: 3px 8px 2px;
}
.widget-title a > span.cat-typo::after {
    content: "\00a0";
    display: block;
    font: 0/0 a;
    border-bottom: solid 1px;
    border-color: inherit;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.widget-title span.cat-typo::before {	content: "";
	width: 30px;
	height: 20px;
	position: absolute;
	display: block;
	right: 0;
	top: 12px;
	background: transparent;
}
.denmark .widget-title span.cat-typo::before {	background: url(https://skandbaunews.e-ls.de//wp-content/uploads/2018/05/Denmark-flat-icon.png) no-repeat top left /30px;
}
.norway .widget-title span.cat-typo::before {
	background: url(https://skandbaunews.e-ls.de//wp-content/uploads/2018/05/Norway-flat-icon.png) no-repeat top left /30px;
}
.sweden .widget-title span.cat-typo::before {
background: url(https://skandbaunews.e-ls.de//wp-content/uploads/2018/05/Sweden-flat-icon.png) no-repeat top left /30px;
}
.more-link {
    font-weight: normal;
}


/* Formular */
#respond .comment-form-cookies-consent label {
	width: 90%;
	padding: 0.25em 1em;
}
#respond .wpgdprc-checkbox label {
	width: 100%;
	padding: 0.25em 0;
}
#respond .wpgdprc-checkbox label > input {
	margin-right: 0.7em;
}
/* Responsive*/
@media only screen and (min-width: 360px) {
	#header-primary {
		background: #a6083a; /* Old browsers */
		background: -moz-linear-gradient(top, #a6083a 0%, #a6083a 60%, #454545 60%, #454545 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #a6083a 0%,#a6083a 60%,#454545 60%,#454545 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #a6083a 0%,#a6083a 60%,#454545 60%,#454545 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.mobilemenu-fixed .menu-toggle {
		top: 117px;
	}
}
@media only screen and (min-width: 600px) {
	#header-primary {
		background: #a6083a; /* Old browsers */
		background: -moz-linear-gradient(top, #a6083a 0%, #a6083a 68%, #454545 68%, #454545 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #a6083a 0%,#a6083a 68%,#454545 68%,#454545 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #a6083a 0%,#a6083a 68%,#454545 68%,#454545 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.mobilemenu-fixed .menu-toggle {
		top: 146px;
	}
	
	.site-logo-text-large #site-title {
		font-size: 70px;
	}
	
}
@media only screen and (min-width: 970px) {
	.menu-secondary .menu-items li > a::before {
		content: "";
		width: 30px;
		height: 20px;
		position: absolute;
		display: block;
		left: -25px;
		top: 12px
	}
	.menu-secondary .menu-items li.denmark, .menu-secondary .menu-items li.norway, .menu-secondary .menu-items li.sweden {
		padding-left: 35px
	}
	.menu-secondary .menu-items li.denmark > a::before {
		background: url(https://skandbaunews.e-ls.de//wp-content/uploads/2018/05/Denmark-flat-icon.png) no-repeat top left /30px;
	}
	.menu-secondary .menu-items li.norway > a::before {
		background: url(https://skandbaunews.e-ls.de//wp-content/uploads/2018/05/Norway-flat-icon.png) no-repeat top left /30px;
	}
	.menu-secondary .menu-items li.sweden > a::before {
	background: url(https://skandbaunews.e-ls.de//wp-content/uploads/2018/05/Sweden-flat-icon.png) no-repeat top left /30px;
	}
}
@media only screen and (min-width: 1024px) {
	.hgrid {
		position: relative;
	}
	#header-primary .hgrid::before {
		content: "";
		position: absolute;
		z-index: 9999;
		width: 230px;
		height: 150px;
		top: -20px;
		left: 0;
		background: url(https://skandbaunews.e-ls.de//wp-content/uploads/2018/05/Kran_weiss.png) no-repeat;
		background-size: 100%;
	}
	#header-primary::after {
		content: "";
		position: absolute;
		z-index: 9999;
		width: 400px;
		height: 120px;
		top: 20px;
		right: 5%;
		background: url(https://skandbaunews.e-ls.de//wp-content/uploads/2018/05/Bagger_weiss.png) no-repeat;
		background-size: 180px 120px;
		background-position: top right;
	}
}
@media only screen and (min-width: 1440px) {
	#header-primary::after {
		content: "";
		position: absolute;
		z-index: 9999;
		width: 400px;
		height: 120px;
		top: 20px;
		right: 1%;
		background: url(https://skandbaunews.e-ls.de//wp-content/uploads/2018/05/Bagger_weiss.png) no-repeat, url(https://skandbaunews.e-ls.de//wp-content/uploads/2018/05/LKW_weiss.png) no-repeat;
		background-size: 180px 120px;
		background-position: top left, top right;
	}
}
@media only screen and (min-width: 1580px) {
	#header-primary::after {
		content: "";
		position: absolute;
		z-index: 9999;
		width: 400px;
		height: 120px;
		top: 20px;
		right: 5%;
		background: url(https://skandbaunews.e-ls.de//wp-content/uploads/2018/05/Bagger_weiss.png) no-repeat, url(https://skandbaunews.e-ls.de//wp-content/uploads/2018/05/LKW_weiss.png) no-repeat;
		background-size: 180px 120px;
		background-position: top left, top right;
	}
}
@media only screen and (min-width: 1820px) {
	#header-primary::after {
		content: "";
		position: absolute;
		z-index: 9999;
		width: 400px;
		height: 120px;
		top: 20px;
		right: 5%;
		background: url(https://skandbaunews.e-ls.de//wp-content/uploads/2018/05/Bagger_weiss.png) no-repeat, url(https://skandbaunews.e-ls.de//wp-content/uploads/2018/05/LKW_weiss.png) no-repeat;
		background-size: 180px 120px;
		background-position: top left, top right;
	}
}
@media only screen and (min-width: 768px) and (max-width: 969px) {
	#frontpage-area_a [class*="hgrid-span-"], #frontpage-area_a .adaptive [class*="hgrid-span-"], #frontpage-area_a [class*="hcolumn-"], #frontpage-area_a .adaptive [class*="hcolumn-"] {
		width: 50%;
	}
	#frontpage-area_a .post-gridunit-size2 .post-gridunit-image {
		height: 210px;
	}
}
@media only screen and (max-width: 969px){
	.mobilemenu-fixed .menu-toggle {
		padding: 4px;
	}
	#menu-secondary-items > li {
		background: rgba(120,120,120,0.1);
		margin-bottom: 1px;
	}
	#menu-secondary-items > li::after {
		border-left: solid 5px #454545;
	}	
	#menu-secondary-items > li.current-menu-item::after {
		border-left: 5px solid #a6083a;
	}
	#menu-secondary-items > li a {
		display: block;
		padding: 12px 12px 12px 20px;
	}
	#menu-secondary-items > li a:hover, #menu-secondary-items > li a:focus, #menu-secondary-items > li a:focus {
		background: rgba(120,120,120,0.3);
	}
	#menu-secondary-items > li a::after {
		content: "";
		width: 30px;
		height: 20px;
		position: absolute;
		display: block;
		left: auto;
		right: 5px;
		top: 12px
	}
	#menu-secondary-items > li.denmark, #menu-secondary-items > li.norway, #menu-secondary-items > li.sweden {
		padding-left: 0;
	}
	#menu-secondary-items > li.denmark > a::after {
		background: url(https://skandbaunews.e-ls.de//wp-content/uploads/2018/05/Denmark-flat-icon.png) no-repeat top left /30px;
	}
	#menu-secondary-items > li.norway > a::after {
		background: url(https://skandbaunews.e-ls.de//wp-content/uploads/2018/05/Norway-flat-icon.png) no-repeat top left /30px;
	}
	#menu-secondary-items > li.sweden > a::after {
	background: url(https://skandbaunews.e-ls.de//wp-content/uploads/2018/05/Sweden-flat-icon.png) no-repeat top left /30px;
	}	
}
@media only screen and (max-width: 420px) {
	#header-primary {
		background: #a6083a; /* Old browsers */
		background: -moz-linear-gradient(top, #a6083a 0%, #a6083a 50%, #454545 50%, #454545 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #a6083a 0%,#a6083a 50%,#454545 50%,#454545 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #a6083a 0%,#a6083a 50%,#454545 50%,#454545 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	#header-primary .header-aside {
		width: 90% !important;
		margin: 0 auto;
	}
	.menu-secondary.mobilemenu-fixed .menu-toggle {
		top: 144px;
		background: rgba(120,120,120,0.1)
	}
}