/*
Theme Name:voc
Theme URI: http://themekraft.com/tk/
Author: ThemeKraft
Author URI: http://themekraft.com/
Description: Hi, I am the ultra minimal starter themevoc, ready for your next awesome WordPress project! I am the most seamless and minimalistic integration of Twitter Bootstrap Framework into the _s starter theme from Automattic, the guys behind WordPress.
Version: 1.1.2
License: GNU General Public License
License URI: see license.txt
Tags: coffee, nightshift

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

This theme is the most seamless and minimalistic integration of Twitter Bootstrap Framework into
the _s starter theme from Automattic, the guys behind WordPress.

_s (or Underscores) http://underscores.me/, (C) 2012-2013 Automattic, Inc.

Twitter Bootstrap


*/

/* Import the necessary TK Bootstrap WP CSS additions */
@import url( includes/css/bootstrap-wp.css );



/* My Minimal WordPress Styling comes here */

/* This is a small security for too long strings titles */
body {
	word-wrap: break-word;
}

p {
    line-height: 1.8em;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}


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


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.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;
	color: #21759b;
	display: block;
	font-size: 14px;
	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 */
}

h1, h2, h3, h4, h5{
    font-family: "Aller Display";
    color: #bd1220;
}
/* Header */

#masthead {
    margin-bottom: 40px;
}
#top {
    padding: 3px 0 2px;
    background: #bd1220;
}

#top .container {
    background: #b6121f;
}

#top h4{
    font-family: "Aller Bold";
    font-size: 13px;
    color: #fff;
}

#menu-top {
    list-style: none;
    text-align: right;
    float: right;
    margin: 7px 0 0 0;
}
#menu-top li {
    margin-right: 5px;
    padding-right: 5px;
    display: inline;
}
#menu-top li a {
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
}

.navbar-default {
    border: none;
    margin: 30px 0 0 0;
}

#main-navigation{
    background: url(images/top.png) repeat-x left bottom #fff;
}

#main-menu  {
    float: right;
}
#main-menu li {
    border-right: 1px solid #dfdfdf;
}
#main-menu a {
    font-size: 14px;
    text-transform: uppercase;
    padding-right: 5px;
    padding-left: 5px;
}

#banner {
    padding: 25px 0;
}

#banner .container {
    padding-top: 25px;
    padding-bottom: 25px;
    background: #fff;
}

.carousel-caption {
    left: auto;
    right: 0;
    top: 20%;
    bottom: auto;
    text-align: left;
    display: none;
}
.carousel-caption h3 {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
}
.carousel-caption .read-more {
    display: none;
}
.carousel-control {
    display: none;
    background: none !important;
}
.carousel-indicators {
    left: auto;
    right: 55px;
    margin-left: 0;
    width: auto;
    display: none;

}
.carousel-indicators li {
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    background: #fff;
    margin-right: 5px;
}
.carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

#featured-image {
    position: relative;
}
#featured-image h1 {
    position: absolute;
    right: 0;
    bottom: 0;
    text-transform: uppercase;
    margin: 0 25px 0 0;
}

/* Content */

.page-header {
    margin-top: 0;
    border: 0;
}

.single .page-header {
    margin-bottom: 10px;
}

.single-title {
    font-size: 26px;
    text-transform: uppercase;
}

.main-content .container {
    background: #fff;
}

.main-content-inner {
	padding-bottom: 1.5em;
}
.hentry {
	margin: 0 0 1.5em;
}
.read-more {
    font-family: "Aller Bold";
    text-transform: uppercase;
}

.entry-content h2, .entry-content h3 {
    text-transform: uppercase;
    margin-bottom: 20px;
}
.entry-content ul {
    list-style: none;
    padding-left: 20px;
    line-height: 24px;
}
.entry-content ul li {
    background: url(images/list_arrow.png) no-repeat left 7px;
    padding-left: 15px;
}
.breadcrumbs {
    color: #9d9d9d;
    font-size: 12px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dfdfdf;
}
.breadcrumbs a {
    color: #5a5a5a;
    font-size: 12px;
}

/* Leden */


.btn {
    font-family: "Aller Display";
    text-transform: uppercase;
}

input.btn {
    font-size: 12px;
    padding: 10px 20px 10px 10px;
    background-image: url(images/white_arrow.png);
    background-position: 92% center;
    background-repeat: no-repeat;

}

.with-thumb h3 {
    margin-top: 5px;
    text-transform: uppercase;
}

/* Sidebar */
.sidebar .widget h3 {
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

.widget {
    padding: 25px;
    background: #f6f5f5;
}
.widget.menu {
    background: #faecee;
    padding-bottom: 0;
}

.widget .nav li a {
    padding: 0 0 10px 0;

}
.sidebar .widget.publicaties .nav li a {
    padding: 15px 0 15px 35px;
    border-top: 1px solid #f1ccd0;
    background: url(images/docs.png) left 10px no-repeat;
}

.sidebar .widget.widget_categories h3, .sidebar .widget.popular-posts h3 {
    font-size: 21px;
    font-family: "Aller Regular";
    text-transform: none;
}
.sidebar .widget.widget_categories {
    padding-bottom: 25px;
}
.sidebar .widget.widget_categories .cat-item{
    background: url(images/list_disc.png) no-repeat left 6px;
    padding-left: 10px;
    color: #bd1220;
    font-size: 12px;
}
.sidebar .widget.widget_categories .cat-item a, .sidebar ul.wpp-list li a {
    display: inline;
    font-size: 12px;
    text-decoration: none;
}

.sidebar ul.wpp-list li  {
    border-top: 1px solid #f1ccd0;
    background-position: left 20px;
    padding: 10px 0;
}

.sidebar ul.wpp-list {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}


/* Footer */
#colophon {
    background: #bd1220;
    font-size: 11px;
    color: #fff;
    line-height: 20px;
}
#colophon .container {
    padding-bottom: 0;
}

#colophon .widget {
    margin-bottom: 0;
    background: url(images/footer1.jpg) no-repeat #b9121f;
    min-height: 170px;
}
#colophon h3 {
    color: #fff;
    font-family: "Aller Bold";
    margin-bottom: 20px;
}

#colophon a {
    font-size: 11px;
    color: #fff;
}
#colophon li a {
    padding: 0;
}
#colophon .widget-first li a {
    float: left;
    width: 50%;
}

/* Clearing */
.clear {
	clear: both;
}

.no-padding {
    padding: 0 !important;
}

.voc-list .list-item {
    padding: 0 0 20px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #dfdfdf;
}

.with-thumb {
    overflow: hidden;
}


/* Navigation */

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}


/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; }