/*   
Theme Name: Scoutnet
Theme URI: http://www.scoutnet.be
Description: Theme voor Scouts en Gidsen Vlaanderen
Author: Scoutnet
Author URI: http://www.scoutnet.be
Version: 1.0
*/

@charset: "utf-8";

/* FONTS
------------------------------------------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700);

/* RESET
------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
table, td, th {
	border: 1px solid #132c38;
	font-size: 95%;
}
td {
	padding: 8px;
}


/* GENERAL STYLES
------------------------------------------------------------------------------*/

*, *:after, *:before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
body {font-family: 'Open Sans', sans-serif; font-size: 14px; height: 100%; background: #572600;}
p {font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em;}
a {color: inherit;}
a:hover {text-decoration: none;}
b, strong {font-weight: bold;}

/* HEADINGS
------------------------------------------------------------------------------*/

h1 {font-size: 2em; margin-bottom: 1.3em;}
h2 {font-size:1.5em; margin-bottom: 1em;}
h5 {font-size:0.9em; margin-bottom: 1.2em; font-weight: 600; color: #bdd732;}

/* WRAPPERS
------------------------------------------------------------------------------*/

.wrapper {width: 100%; max-width: 1000px; margin: 0 auto;}

/* HEADER
------------------------------------------------------------------------------*/

/*#header {width: 100%; background: #fff; padding: 20px 0;}*/
#header {width: 100%; background: #fff; padding: 0 !important;}

.logo {float: left; height: 80px; width: auto; border: 0; margin-right: 30px;}
.titel {float:left; max-width: 600px;}
.titel h1 {font-size: 1.5em; margin-bottom: 0.5em;}
.sn_search {display: inline-block; float: right; width: 200px; height: 25px; border: 1px solid #eaeaea; padding: 0 10px; margin-top: 18px; background: url('images/icon-search.png') no-repeat 170px center; background-color : #fff;}
.sn_search:focus {border: 1px solid #bdd732;}

/* BUTTONS
------------------------------------------------------------------------------*/

#buttons {width: 100%; height: 50px; background: #132c38 url('images/buttons-bg.png') repeat-x; text-align: center;}
#buttons ul li {display: inline; margin: 0 10px;}
#buttons ul li a {color: #fff; font-weight: 700; text-decoration: none; text-transform: uppercase;}
#buttons ul li a:hover {color: #5b7115;}

/* BREADCRUMBS
------------------------------------------------------------------------------*/

.breadcrumbs {width: 100%; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #f5f5f5; font-size: 0.8em; color: #666;}

/* CONTENT
------------------------------------------------------------------------------*/

#main-content {background:#e5e5e5;}
/*#main-content {background-color: #934722; background-image: url('http://wordpress.scoutsinfo.be/wp-content/uploads/2014/08/background.png'); background-repeat: repeat; background-position: top left; background-attachment: scroll;}*/
.content-wrapper {width:100%; max-width: 1000px; margin: 0 auto; background: #fff; padding: 50px 30px;}
#slider {width: 100%; max-width: 960px; margin-bottom: 40px;}
.vereniging-titel {width: 100%; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; padding-bottom: 20px; overflow: auto;}
.vereniging-titel .left {float: left; width: 60%;}
.map {float: right; width: 35%; min-height: 250px; border: 1px solid #e5e5e5;}
p.ondertitel {margin-top: -1.5em;}

/* added by Joris start */

.takkenitem {
	background: none repeat scroll 0 0 #fcfcfc;
	border: 1px solid #d7d4cc;
	border-radius: 5px;
	line-height: 22px;
	margin: 15px auto;
	padding: 10px;
	width: 800px;
}

.takkenitem img.alignleft {
	float: left;
	margin: 5px;
}

.takkenitem h2 {
	border-bottom: 1px dashed #92b484;
	color: #92b484;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

.takkenitem li {
	margin: 15px;
}

.leidingitem {
	background: none repeat scroll 0 0 #fcfcfc;
	border: 1px solid #d7d4cc;
	border-radius: 5px;
	line-height: 22px;
	padding: 20px;
	width: 100%;
	overflow: auto;
	margin-bottom: 15px;
}
.leidingitem:last-of-type {margin-bottom: 0;}

/*
.leidingitem img {
	float: left;
	margin: 0 30px 30px 0
}
*/

.leidingitem li {
	margin: 15px;
}

.more {
	color: #aaaca4;
	font-size: 10px;
}

.clear {
	clear: both;
}





/* Assistive text */
/*
.assistive-text,
.site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar */
}
*/


/* Navigation Menu */
/*
.main-navigation {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	text-align: center;
}
.main-navigation li {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.42857143;
}
.main-navigation a {
	color: #5e5e5e;
}
.main-navigation a:hover,
.main-navigation a:focus {
	color: #21759b;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}
*/



.main-navigation {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100001; /* Above WP toolbar */
}


#main-nav	{
	width: 100%;
	min-height: 50px;
	background: url('images/buttons-bg-zee.png') repeat-x; 
	text-align: center;
	//height: 50px; /* set to the height you want your menu to be */
}

#main-nav ul	{
	margin: 0; padding: 0; /* only needed if you have not done a CSS reset */
}
#main-nav li	{
	display: block;
	float: left;
	line-height: 50px; /* this should be the same as your #main-nav height */
	height: 50px; /* this should be the same as your #main-nav height */
	margin: 0; padding: 0; /* only needed if you don't have a reset */
	position: relative; /* this is needed in order to position sub menus */
}
#main-nav li a {
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 10px;
    color: #fff;
    font-size: 0.95em;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;

}

#main-nav li:hover > a { color:#4e620f;}

#main-nav ul ul { /* this targets all sub menus */
	display: none; /* hide all sub menus from view */
	position: absolute;
	top: 35px; /* this should be the same height as the top level menu -- height + padding + borders */
}
#main-nav ul ul li { /* this targets all submenu items */
	float: none; /* overwriting our float up above */
	width: 150px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
	z-index: 50000;
    color: #000;
	background: #132c38;
	text-transform: lowercase;
	border-bottom: 1px solid #5f751b;
	font-size: 0.8em;
}
#main-nav ul ul li a { /* target all sub menu item links */
	padding: 5px 10px; /* give our sub menu links a nice button feel */
	height: auto;
}

#main-nav ul li:hover > ul {
	display: block; /* show sub menus when hovering over a parent */
}


#main-nav ul ul li ul {
	/* target all second, third, and deeper level sub menus */
	left: 150px; /* this needs to match the sub menu width set above -- width + padding + borders */
	top: 0; /* this ensures the sub menu starts in line with its parent item */
}


#main-nav .current_page_item > a,
#main-nav .current_page_ancestor > a,
#main-nav .current_page_parent > a {
	color: #4e620f;
	font-weight: bold;
}


#main-nav li.first {
    background: url(images/home.png) no-repeat center 12px;
    margin: 0 10px;
}

#main-nav li.first:hover {background: url(images/home-hover.png) no-repeat center 12px;}


.logos { 
	position: relative;
	/*background: #132c38 url('images/header.jpg') repeat-x;  */
	width: 100%; /* for IE 6 */
}


.logos .test { 
	position: absolute; 
	top: 20px; 
	left: 20px; 
	width: 100%; 
	/*color: #ffffff;*/
	font-weight: bold;
}

.logos .test2 { 
	position: absolute; 
	top: 15px; 
	left: -20px; 
	width: 100%; 
	color: #ffffff;
}

/* Images */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

figure.wp-caption.alignleft,
img.alignleft {
	margin: 5px 20px 5px 0;
}

.wp-caption.alignleft {
	margin: 5px 10px 5px 0;
}

figure.wp-caption.alignright,
img.alignright {
	margin: 5px 0 5px 20px;
}

.wp-caption.alignright {
	margin: 5px 0 5px 10px;
}

img.aligncenter {
	margin: 5px auto;
}

img.alignnone {
	margin: 5px 0;
}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
	color: #220e10;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 0 0 24px;
}





/**
 * 6.14 Comments
 * -----------------------------------------------------------------------------
 */

.comments-area {
	margin: 48px auto;
	max-width: 474px;
	padding: 0 10px;
}

.comment-reply-title,
.comments-title {
	font: 900 16px/1.5 Lato, sans-serif;
	margin: 0;
	text-transform: uppercase;
}

.comment-list {
	list-style: none;
	margin: 0 0 48px 0;
}

.comment-author {
	font-size: 14px;
	line-height: 1.7142857142;
}

.comment-list .reply,
.comment-metadata {
	font-size: 12px;
	line-height: 2;
	text-transform: uppercase;
}

.comment-list .reply {
	margin-top: 24px;
}

.comment-author .fn {
	font-weight: 900;
}

.comment-author a {
	color: #2b2b2b;
}

.comment-list .trackback a,
.comment-list .pingback a,
.comment-metadata a {
	color: #767676;
}

.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
	color: #41a62a;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 24px;
	padding-top: 24px;
}

.comment-list > li:first-child > article,
.comment-list > .pingback:first-child,
.comment-list > .trackback:first-child {
	border-top: 0;
}

.comment-author {
	position: relative;
}

.comment-author .avatar {
	border: 1px solid rgba(0, 0, 0, 0.1);
	height: 18px;
	padding: 2px;
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
}

.bypostauthor > article .fn:before {
	content: "\f408";
	margin: 0 2px 0 -2px;
	position: relative;
	top: -1px;
}

.says {
	display: none;
}

.comment-author,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply,
.comment-metadata {
	padding-left: 30px;
}

.comment-edit-link {
	margin-left: 10px;
}

.comment-edit-link:before {
	/*background: url(images/icon-edit.png) no-repeat left 5px; padding-left: 18px; font-size: 0.9em; color: #999; font-weight: normal;*/
}

.comment-reply-link:before,
.comment-reply-login:before {
/*	content: "\f412";*/
	margin-right: 2px;
}

.comment-content {
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	word-wrap: break-word;
}

.comment-content ul,
.comment-content ol {
	margin: 0 0 24px 22px;
}

.comment-content li > ul,
.comment-content li > ol {
	margin-bottom: 0;
}

.comment-content > :last-child {
	margin-bottom: 0;
}

.comment-list .children {
	list-style: none;
	margin-left: 15px;
}

.comment-respond {
	margin-bottom: 24px;
	padding: 0;
}

.comment .comment-respond {
	margin-top: 24px;
}

.comment-respond h3 {
	margin-top: 0;
	margin-bottom: 24px;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code {
	color: #767676;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as {
	font-size: 14px;
	line-height: 1.7142857142;
}

.no-comments {
	font-size: 16px;
	font-weight: 900;
	line-height: 1.5;
	margin-top: 24px;
	text-transform: uppercase;
}

.comment-form label {
	display: block;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	width: 100%;
}

.form-allowed-tags,
.form-allowed-tags code {
	font-size: 12px;
	line-height: 1.5;
}

.required {
	color: #c0392b;
}

.comment-reply-title small a {
	color: #2b2b2b;
	float: right;
	height: 24px;
	overflow: hidden;
	width: 24px;
}

.comment-reply-title small a:hover {
	color: #41a62a;
}

.comment-reply-title small a:before {
	content: "\f405";
	font-size: 32px;
}

.comment-navigation {
	font-size: 12px;
	line-height: 2;
	margin-bottom: 48px;
	text-transform: uppercase;
}

.comment-navigation .nav-next,
.comment-navigation .nav-previous {
	display: inline-block;
}

.comment-navigation .nav-previous a {
	margin-right: 10px;
}

#comment-nav-above {
	margin-top: 36px;
	margin-bottom: 0;
}



/* added by Joris end */

/* Comments link */

.entry-heading .comments-link a {
	background: #eee url(images/comment-bubble.png) no-repeat;
	color: #666;
	font-size: 13px;
	font-weight: normal;
	line-height: 35px;
	overflow: hidden;
	padding: 0 0 0;
	float: right;
	top: 1.5em;
	right: 0;
	text-align: center;
	text-decoration: none;
	width: 43px;
	height: 36px;
}
.entry-heading .comments-link a:hover,
.entry-heading .comments-link a:focus,
.entry-heading .comments-link a:active {
	background-color: #132c38;
	color: #fff;
	color: rgba(255,255,255,0.8);
}
.entry-heading .comments-link .leave-reply {
	visibility: hidden;
}

.entry-thumbnail img {
	float: left;
	margin: 0 25px 25px 0
}


.entry-heading {width: 100%; padding-bottom: 10px; margin-bottom: 30px; border-bottom: 1px solid #e5e5e5;}
h2.entry-cat {font-size: 1.5em; color: #666; margin-bottom: 0.3em; font-weight: bold;}
span.entry-date {background: url(images/icon-clock.png) no-repeat left 5px; padding-left: 18px; font-size: 0.9em; color: #999; font-weight: normal;}
.reply {background: url(images/icon-comments.png) no-repeat; padding-left: 18px; font-size: 0.9em; color: #999; font-weight: normal; margin-right: 10px; margin-bottom: 20px;}
.comment-edit-link {background: url(images/icon-edit.png) no-repeat; padding-left: 18px; font-size: 0.9em; color: #999; font-weight: normal; margin-right: 10px; margin-bottom: 20px;}
.comment-meta {left 5px; padding-left: 18px; font-size: 0.9em; color: #999; font-weight: normal; margin-right: 10px; margin-bottom: 20px;}


.event-date {color: #fff; font-size: 14px; font-weight: bold; margin: 0 0 10px; position: absolute; text-align: center; text-transform: uppercase; width: 45px;}
ul.event-list-view, ul.single-event-view {list-style: outside none none !important; margin: 1.5em 0 2em; padding: 0;}
li.event {clear: both; margin: 0 0.5em 2.5em 0.5em; zoom: 1;}
.event-list .multi-date {background: url('images/date-separator.png') center no-repeat;}
.event-list .startdate, .event-list .enddate {text-align: center; width: 3.2em; border-radius: 5px; background-color: #132c38;}
.event-list .startdate {float: left;}
.event-list .enddate {margin-left: 3.8em;}
.event-weekday {font-size: 0.8em; text-transform: uppercase;}
.event-day {font-size: 1.3em; font-weight: bold; line-height: 1em; margin-bottom: -0.2em;}
.event-month {text-transform: uppercase; font-size: 1.0em; line-height: 1em; padding: 0.4em 0;}
.event-year {font-size: 0.8em; line-height: 0.8em; letter-spacing: 0.1em; padding-bottom: 0.3em;}
.event-info {display: block !important;}
.multi-day {margin: 0 0 0 7.5em;}
.single-day {margin: 0 0 0 3.8em;}
.event-title h3 {clear: none;margin: 0 !important; padding: 0;}
.event-time {font-weight: bold; padding-right: 0.8em;}
.event-cat {font-size: 0.95em;}
.event-details {
	/*font-size: 0.8em;*/
}
div.feed {display: block;}

div.feed a * {vertical-align: middle;}

div.feed img {margin: 0 5px 0 2px;}

div.filterbar, div.filterbar div {
	clear both;
	margin: 1em 0;
	vertical-align: middle;
}

div.filterbar select.dropdown, div.filterbar ul.hlist, div.filterbar a.link {
	margin: 0 3px;
	vertical-align: middle;
}

div.filterbar ul.hlist li {
	float: left;
	list-style: none;
	margin: 0;
}

div.filterbar ul.hlist li + li:before {
	content: "|";
	padding: 0 1px;
}



/* FOOTER
------------------------------------------------------------------------------*/

#footer {width: 100%; padding: 30px 0; background: #132c38; color: #fff; overflow: auto;}
#footer a {color: inherit;}
#footer .box {float: left; padding-right: 50px; margin: 0 50px 20px 0;}
.right {float: right;}
.right img {display: block; float: right;}
#footer p {font-size: 0.8em; line-height: 1.5em; margin-bottom: 1.2em;}
#footer ul li {line-height: 1.2em;}
#footer ul li a {font-size: 0.8em; color: #fff;}
#footer .signoff {clear: both; width: 100%; padding-top: 10px; border-top: 1px solid #80634c; color: #80634c;}
#footer .signoff p {margin-bottom: 0;}