/*--------------------------------------------------------------
# Typography BASIS.css 
--------------------------------------------------------------*/
body,optgroup,textarea {color: #000;font-family: "Helvetica Neue",sans-serif;font-size: 16px;font-size: 1.6rem;line-height: 1.5;} /* */
select,input {color: #000; line-height: 1.5;} /* font-size: 14px;font-size: 1.4rem; */

h1, h2, h3, h4, h5, h6 {font-weight: 100;clear: both; font-family: robotolight, sans-serif;}
h1 {font-size: 200%;margin: 0;}
h2, h4, h5, h6 {margin: 0;line-height: 1.1;}
h3 {margin: 0; line-height: 1.2;}/* line-height: 1.9; */
/* procent */
/* h1 {font-size: 180%;}*/
h2 {font-size: 160%;}
h3 {font-size: 140%;}
h4 {font-size: 120%;}
h5 {font-size: 110%;}
h6 {font-size: 90%;}

p,.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {margin: 0 0 1.2rem;}
.entry-content p {display: block; }
dfn, cite, em, i {font-style: italic;}
blockquote {margin: 0; padding-top: 0;}

address {margin: 0 0 1.5rem;}
pre {background: #eee;font-family: robotolight, sans-serif;font-size: 14px;font-size: 1.4rem;line-height: 1.6;margin-bottom: 1.6em;max-width: 100%;overflow: auto;padding: 1.6em;}
kbd, tt, var {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size: 15px;font-size: 0.9375rem;}
abbr, acronym {border-bottom: 1px dotted #666;cursor: help;}
mark, ins {background: #fff9c0;text-decoration: none;}


/*--------------------------------------------------------------
# Elements normalize basis.css
--------------------------------------------------------------*/
html {box-sizing: border-box;}
*,
*:before,
*:after {/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

	/* body {background: #444;}Fallback for when there is no custom background color defined. */

hr {background-color: #ccc;border: 0;height: 1px;margin-bottom: 1.5em;}
ul, ol {margin: 0 0 1.5em 0;}
ul {list-style: disc;}
ol {list-style: decimal;}
li > ul,
li > ol {margin-bottom: 0;margin-left: 1.5em;}

dt {font-weight: bold;}
dd {margin: 0 0 1.5em 0.5em;}
img {height: auto;/* Make sure images are scaled correctly. */
	max-width: 100%;/* Adhere to container width. */}
figure {margin: 1em 0;/* Extra wide images within figure tags don't overflow the content area. */}
table {margin: 0 0 1.5em;width: 100%;}

/*--------------------------------------------------------------
# Forms normalize basis css
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-radius: 3px;
	background: #444;
	/* color: rgba(0, 0, 0, .8);*/
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
	padding: 4px 10px;
	margin-top: 6px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {border-color: #ccc #bbb #aaa;}
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {border-color: #aaa #bbb #bbb;}
input[type="search"],
textarea {color: #666;border: 1px solid #ccc;border-radius: 3px;padding: 3px;}
input[type="search"]:focus,
textarea:focus {color: #111;}
select {border: 1px solid #ccc;}
textarea {width: 100%;}

button a, button a:visited {color: #fff;}
button a:hover {color:#F2352F;}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {color: #000;text-decoration: none;}
a:visited {color: #000;}
a:hover {color:#b50c00;}
a:focus, a:active {color:#000;}

a:focus {outline: none;}
a:hover, a:active {outline: 0;}

.nav-previous a, .nav-next a {color: #333;font-size: 12px;font-size: 1.2rem;display: block;}
.nav-next a:hover {color: #F2352F;}

/* newstxt uitzondering */
.entry-content a, .newstxt a, .paginatekst a, .news-item a {color: #b50c00; } /* border-bottom: 1px solid #000; */
.entry-content a:hover, .newstxt a:hover, .paginatekst a:hover, .news-item a:hover  {color: #333;}

a.read-more {color: #b50c00; font-weight: 400; border-bottom: none;}
a:hover.read-more   {color: #000;}
/*--------------------------------------------------------------
## Menus basis css 
--------------------------------------------------------------*/
/*.main-menu {background: rgba(0,0,0,0.9)}*/
.main-navigation {
	/* remove  display: none!important;*/
	position: relative;
	float: left;
	clear: both;
	display: block;
	width: 100%;
	text-transform: uppercase;
	font-weight: 800;
	z-index: 9999;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	background: rgba(0,0,0,0.9);
	z-index: 99999;
}
.main-navigation.toggled ul ul {
	background: none;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: left;
	position: relative;
	border-right: 1px solid #969696;
}
.main-navigation li:last-child,
.main-navigation ul ul li {
	border-right: none;
}
.main-navigation ul ul li {
	border-bottom: 1px solid #fff;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	border-bottom: none;
	padding: 8px 20px 9px;
	font-weight: 300;
	line-height: 1;
}
.main-navigation.toggled ul a,
.main-navigation ul ul a {
	color: #fff;
}
.main-navigation .current_page_item a,
.main-navigation .current-menu-item a,
.main-navigation .current-menu-item-parent a,
.main-navigation.toggled .current_page_item a,
.main-navigation.toggled .current-menu-item a,
.main-navigation.toggled .current-menu-item-parent a  {
	color:#F2352F;
}
.main-navigation ul ul li:not(.current-menu-item) a,
.main-navigation.toggled ul ul li:not(.current-menu-item) a {
	color: #fff;
}
.main-navigation ul ul a:hover,
.main-navigation ul a:hover,
.main-navigation.toggled ul ul li:not(.current-menu-item) a:hover {
	color:#F2352F; /* #b50c00 */
}

/* Small menu toggle absolute mobiel top instellen */
button.menu-toggle {
	position: absolute;
	top: 30px;
	right: 20px;
	width: 36px;
	height: 36px;
	text-indent: -9999px;
	border: none;
	border-color: #000;
	border-radius: 0px;
	background-color: transparent;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	overflow: hidden;
	z-index: 6999;
}
button.menu-toggle .toggle-menu { /* svg */
	position: absolute;
	left: 0; top: 0;
	width: 36px;
	fill: #F2352F;
}
button.menu-toggle[aria-expanded="true"] .toggle-menu {
	top: -36px;
}
/* kleur current ul  UITZONDERINGEN VOOR NEWS BAND TOUR SINGLE posts local en web */
#footer1-menu .current-menu-item > a,
.main-navigation ul .current_page_item > a,
.main-navigation ul .current-menu-item > a,
.main-navigation ul .current_page_ancestor > a,
.main-navigation ul .current_page_parent > a,
.single-post .main-navigation li.menu-item-130 > a,
.single-tour .main-navigation li.menu-item-212 > a {color: #F2352F;}

@media screen and (min-width: 900px) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: inline-block;
	}
}

@media screen and (max-width: 899px) {
	.main-navigation.toggled {
		min-height: 100vh;
		font-size: 140%;
		background: rgba(0,0,0,0.9);
		overflow: auto;/* BELANGRIJK liggend mobiele */
		z-index: 10001
	}
	.main-navigation.toggled .main-menu {
		padding: 65px 0 0 0;
	}
	.main-navigation.toggled .main-menu ul {
		border-top: 1px solid #969696;
	}
	.main-navigation.toggled .main-menu ul li {
		border-bottom: 1px solid #969696;
		border-right: none;
	}
	.main-navigation.toggled .main-menu ul li:hover ul {
		position: relative;
	}
	.main-navigation.toggled .main-menu ul ul {
		border-top: 1px dotted #999;
	}
	.main-navigation.toggled .main-menu ul ul li {
		border-bottom: 1px dotted #999;
	}
	.main-navigation .main-menu ul ul li:last-child,
	.main-navigation.toggled .main-menu ul ul li:last-child {
		border-bottom: none;
	}
	.main-navigation.toggled .main-menu li,
	.main-navigation.toggled .main-menu li a {
		width: 100%;
		float:left;
	}
	.main-navigation.toggled a {
		line-height: 40px; line-height: 4rem;
	} 
	.main-navigation.toggled ul ul a {
		padding-left: 40px;
	} 
	.main-navigation.toggled .main-menu ul {
		display: block;
	}
	.main-navigation.toggled .search-toggle {
		display: none;
	}
	.main-navigation.toggled .main-menu ul ul {
		display: none;
		position: relative;
	}
	.main-navigation.toggled .main-menu ul li:hover > ul,
	.main-navigation.toggled .main-menu ul li.focus > ul {
		display: block;
	}

}

.site-header .main-navigation .logo {
	display: none;
}


/* footer menu's */
#footer-menu, #footer1-menu, #footer2-menu, #footer2-menu li > ul, #footer3-menu, #footer3-menu li > ul {list-style: none; margin: 0;padding: 0;}
#footer-menu .space {padding: 12px; display: block;}
.site-info, .site-info a {}
.site-info a:hover {color: #b50c00;} /* footer hover */
.site-info p {margin: 0;}

@media screen and (max-width: /*37.5em*/ 899px) {
	.main-menu {
		display: none;
	}
	.main-navigation.toggled .main-menu {
		display: block;
	}
}

/* bigger screen no mobile */
@media screen and (min-width: /*37.5em*/ 900px) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}
/* end */

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {margin: 0 0 1.5em;overflow: hidden;}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {float: left;width: 50%;margin: 20px 0;}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {float: right;text-align: right;width: 50%;margin: 20px 0;}

/*--------------------------------------------------------------
# Accessibility basis
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments basis
--------------------------------------------------------------*/
.alignleft {display: inline;float: left;margin-right: 1.5em;}
.alignright {display: inline;float: right;margin-left: 1.5em;}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
/*--------------------------------------------------------------
# Clearings basis
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets basis
--------------------------------------------------------------*/
.widget {margin: 0.9em 0 0.9em 0;
/* Make sure select elements fit in widgets. */}

.widget select {max-width: 100%;}

.widget-area {padding: 0 16px; float: left; clear: both; width: 100vw;}
ul.bandproducts {list-style: none;margin: 0;padding-left: 0;}
li.widget {border-bottom: 1px dotted #999;min-height: 96px;line-height: 1.2;}
li.widget img {margin: 0 8px 8px 0;}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {display: block;}
.hentry {margin: 0 0 1.5em;}
.updated:not(.published) {display: none;}

.page-content,
.entry-content,
.entry-summary {margin: 0;}
.page-links {clear: both;margin: 0 0 1.5em;}

/*--------------------------------------------------------------
## Comments basis
--------------------------------------------------------------*/
.comment-content a {word-wrap: break-word;}
.bypostauthor {display: block;}

/*--------------------------------------------------------------
# Infinite scroll basis
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media basis
--------------------------------------------------------------*/
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {max-width: 100%;}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {display: inline-block;}

/*--------------------------------------------------------------
## Captions basis
--------------------------------------------------------------*/
.wp-caption {margin-bottom: 1.5em;max-width: 100%;}
.wp-caption img[class*="wp-image-"] {display: block;margin-left: auto;margin-right: auto;}
.wp-caption .wp-caption-text {margin: 0.8075em 0;}
.wp-caption-text {text-align: center;}

/*--------------------------------------------------------------
## Galleries ... einde basis css
--------------------------------------------------------------*/