/*
Theme Name: YC2017_tk
Theme URI: http://themekraft.com/store/_tk-free-wordpress-starter-theme-based-on-twitter-bootstrap/
Author: ThemeKraft
Author URI: http://themekraft.com/
Description: Hi, I am the ultra minimal starter theme _tk, 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. You can find me on GitHub. Fork me! I'm waiting for you ;)
Version: 1.1.9
License: GNU General Public License v3.0 /
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: gray, light, two-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, sticky-post,  theme-options, threaded-comments, translation-ready

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

Credits:

1. Bootstrap

 * Bootstrap v3.3.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=f58353a31151a8c05d7c)
 * Config saved to config.json and https://gist.github.com/f58353a31151a8c05d7c

2. wp_bootstrap_navwalker

* Class Name: wp_bootstrap_navwalker
* GitHub URI: https://github.com/twittem/wp-bootstrap-navwalker

3. Glyphicons

 * http://getbootstrap.com/components/





font-family:'AdobeCaslonW01-Regular';
font-family:'Avenir Next W01 Light';
font-family:'AvenirNextLTW01-Medium';
font-family:'AvenirNextLTW01-Regular';







*/

/* My Minimal WordPress Styling comes here */

/* This is a small security for too long strings titles */
body {
	word-wrap: break-word;
	font-weight:200;
	font-size:17px;
	background:#fff;
	color:#334861;
	line-height:1.6em;
	
font-family:"brandon-grotesque";

	
}

strong, b{
	font-weight:400;
	font-family:"brandon-grotesque";
}

h1, h2, h3, h4, h5{
	font-weight:500;
	box-sizing:content-box;
	font-family:'termina';
	text-transform:uppercase;
		color:#334861;

}

.color h1, .color h3{
	color:#fff;
}

span{
	color:#334861;

}


.home h1{
	text-align:center;
}

h1{
	font-size:40px;
}

h2{
	font-size:24px;
	text-align:left;
}

.itemp h3 {
	margin:0;
	padding:0;
	padding-top:20px;
	padding-bottom:20px;
}

h3{
	font-size:21px;
}

h4{
	font-size:18px;
}

.itemp a{
	color:#000;
}
.itemp a:hover{
	text-decoration:none;
}

a, a:hover, a:active, a:focus{
	color:#334861;
	text-decoration:underline;
}

.white{
	background:#fff;
	padding-top:20px;
}

.grey{
	background:#737173;
	padding-top:20px;
	color:#fff;
}

.main-content.darkgrey{
	background-color:#51647d;
}

.main-content.darkgreyold{
	//background-color:#51647d;
	background-image:url(pattern.png);
	background-size:16px;
	background-position:center center;
	background-attachment:fixed;
}


.givemespace{
	height:100px;
}

.up_link, .up_link:active, .up_link:focus, .up_link:hover{
	color:#fff;
}

.main-content.green{
	background-color:#334861;
}

.greentopborder{
	border-top:1px solid #eee;
}

.firstrow{
	font-size:22px;
	line-height:32px;
}

.logos img{
	margin:20px;
}


.video{
	width:100%;
	height:auto;
	display:block;
	float:none;
	height:300px;
	background-size: 600px 400px;
	background-position: center center;
	margin-bottom:20px;
}

.playoverlay{
	margin:0 auto;
	margin-left:40%;
	margin-top:15%;
}


.navbar-fixed-top{
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
background-color:#fff;
min-height:30px;
}

.navbar-fixed-top .container{
	margin-bottom:0;
	padding-bottom:0;
}

.navbar-default{
	border:none;
	border-bottom:none;

	border:none;
	margin-bottom:0;

}

.home23 .navbar-default{
	background-color:transparent;
	opacity:1;
	border:none;
}


.navbar-brand img{ 
		width:160px;
		margin:10px;
		height:auto;
		margin-left:0;
}


.navbar-default .navbar-nav>li>a{
	color:#51647d;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	color:#51647d;
	text-transform:uppercase;
	line-height:44px;
	font-family:"brandon-grotesque";
	font-weight:300;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
	color:#334861;
}


.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.current-page-ancestor>a{
	background:transparent;
	font-weight:500;
	text-transform:uppercase;
	color:#51647d;

}

.dropdown-menu{
	border:0;
	background-color:rgba(255, 255, 255, 1);
}


.dropdown-menu>li>a, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:active, .dropdown-menu>li>a:focus{
	background:transparent;
	color:#51647d;
	text-decoration:none;
	font-weight:300;
}


.well {
  min-height: 20px;
  padding: 0;
  margin-bottom: 30px;
  background-color: #fff;
  border: 0;
  border-radius: 0;
}


.textwithpadding{
	padding:20px;
	padding-top:0;
}

#myCarousel .item img{
	padding-left:20px;
	padding-right:20px;
	padding-top:33%;
}

#myCarousel{
	color:#000;
	font-size:1.2em;
}

#myCarousel .item p{
	margin-top:100px;
	font-size:28px;
	line-height:38px;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}

.post-64{
	font-size:22px;
	line-height:32px;
}

.down_link{
}

.fa{
	line-height:1.5em;
}


label, body .gform_wrapper .top_label .gfield_label, .gform_wrapper .top_label .gfield_label, .gform_wrapper .top_label .gfield_label {
	font-weight:200;
	width:30%;
	display:block;
	float:left;
	clear:left;
}

select{
	max-width:65%;
}

.blue{

}

.blue{
	color:#fff;
	background:#6C99C7;
}

.main-content.blue{
	padding-top:30px;
}

.main-content{

}

.topbar{
	padding:0;
}

.topbar .container{
	padding-bottom:0;
	padding-top:10px;
}

#downcontent{
	padding-top:70px;
}

.home #downcontent{
	padding-top:0;
}


.fixed {
        position: fixed;
        z-index:500;
}

.whitebottom{
	position:absolute;
	bottom:0;
	background-color:rgba(255, 255, 255, 0.6);
	padding-top:15px;
	padding-bottom:0;
	width:100%;
}

.whitebottom .container{
	padding-top:0;
	padding-bottom:5px;
}


.slidetext{
	text-align:left;
	line-height:30px;
	font-size:18px;
}


.slidetext a, .withbuttons a, .blueblock a, .btn, .itemp .btn, #pics a, .button2{
	background:#fff;
	color:#334861;
	padding:10px;
	margin-left:10px;
	text-decoration:none;
	white-space: nowrap;
	font-size:14px;
}

.slidetext a, .withbuttons a, .btn, .itemp .btn, #pics a, .button2{
	color:#fff;
	color:#334861;

}

.btn, .itemp .btn, #pics a, .button2{
	border:0;
	border-radius:0;
	margin-left:0;
}

#pics ul{
	list-style-type:none;
	line-height:40px;
}

#pics{
	height:auto;
}

#pics ul li, #pics, #pics li{
	height:auto;
	min-height:560px;
}

#pics ul, #pics ul li{
	margin:0;
	padding:0;
}

#pics img{
	height:auto;
	display:block;
	float:none;
	position:relative;
}

.topmar{
	padding-top:120px;
}

.itemp{
	margin-bottom:30px;
}


.withbuttons a{
	margin-left:0;
	color:#fff;
}

.blueblock{
	color:#fff;
	background:#6C99C7;
	padding:20px;
	line-height:40px

}

.blueblock a{
	background:#fff;
}

.slidetext a:after, .blueblock a:after{
   font-family: FontAwesome;
   content: "\f054";
   display: inline-block;
   padding-left: 10px;
   vertical-align: middle;
   font-size:16px;
}

.icon-next:after{
   font-family: FontAwesome;
   content: "\f054";
   font-size:20px;
}

.icon-prev:after{
   font-family: FontAwesome;
   content: "\f053";
   font-size:20px;
}

.icon-next:before, .icon-prev:before{
	display:none;
}




.footer{
	font-size:16px;
	text-shadow:1px 1px #334861;
}

.down_link {
  position: absolute;
bottom:10px;;
  right: 10px;
  z-index: 15;
  padding-left: 0;
  list-style: none;
  text-align: center;
	color:#334861;
	line-height:1em;

}




.carousel-control{
	text-shadow:none;
}

.carousel-control.right, .carousel-control.left {
	background-image:none;

}

.page-template-template-pagebuilder .carousel-container{

}



iframe {
   display: block;
   width: 100%;
   height: 400px;
}



/* 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%;
}

.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;
}
.gallery-caption {
	display: block;
}

/* 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 */
}


/* Content */
.main-content-inner {
	padding-bottom: 1.5em;
}
.hentry {
	margin: 0 0 1.5em;
	overflow:hidden;
}

.hentry img{
    border-radius: 50%;
    padding: 15px;
}


.sticky {
	display: block;
}
.bypostauthor {
	display: block;
}


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

/* 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; }

/**
* Some WP Theme Repository requirements
*/

.sticky {
}

.gallery-caption {

}

.bypostauthor {

}

.entry-meta {
	clear: both;
}

/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html,
body {
    height: 100%;
}

#myCarousel,
#myCarousel .item,
#myCarousel .active {
    height: 100%;
}

.MyCarousel .carousel-inner {
    height: 100%;

}

.carousel-container{
	height:100%;
	width:100%;
}

.carousel {

	position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;

}

.carousel,
.carousel .item,
.carousel .active {
    height: 100%;
}

.carousel .carousel-inner {
    height: 100%;
}



/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.fill .row{

}

.fill.noblack .row{
	height:100%;
	background-color:transparent;
	color:#fff;
}

.fill .row a{
	color:#fff;
		color:#334861;

}

footer {
    margin: 50px 0;
}

.nopadding{
	padding:0;
}



.itemp{
	font-size:17px;
}

.entry-content111, .page-template-template-rederijen{
	padding-top:50px;
}

.masonry-container{

}

.item p, .item h1{

}

td{
	padding:5px;
}

.firstcell{
	width:100px;
}

.whitetrans{
    background-color: rgba(255, 255, 255, 0.6);
}

.toppad{
	padding-top:1px;
}

.moreinfo{
	display:none;
	width:80%;
	margin-left:-10%;
	position: absolute;
	padding:10px;
	background: #001A6E;
	color:#fff;
	border:1px solid #F8F8F8;
	z-index:2;
}

.moreinfo img{

}

.moreinfo img.image_0{
	display: block;
	float: left;
}


.route table tr td.secondcell{
	width:500px;
}

.route table tr td.thirdcell{
	width:20px;
}

.i{

}

.moreinfo img{

	width:100%;
	height:auto;
	padding-bottom:10px;
}


.btn{
	margin-top:15px;
}

.fill .row a.btn-default{
	color:#808080;
	text-decoration:none;
	font-size:20px;
display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: none;
  white-space: nowrap;
  padding: 6px 12px;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;}


.padme{
	padding-bottom:40px;
}

.itemp .attachment-rederijlogo{
	padding-top:10px;
	margin:0 auto;
	display:block;
}

.navbar-nav.pull-right{
}

.navbar-brand{
	padding:0;
}

.scrolled .navbar-nav.pull-right{
	margin-top:0;
	margin-bottom:0;
}


/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
	display:none;
}

.navbar-brand .tiny{
	display:none;
}

.navbar-brand{
	height:auto;
}

.navbar-brand img{
	display:block;
	float:none;
	clear:both;
	height:auto;

}

.scrolled .navbar-brand img{
	display:none;
}


.scrolled .navbar-brand .tiny{
	display:block;
}


.parent-pageid-886 .carousel{
	margin-top:125px;
	height:70%;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

@media  (max-width: 480px) {
	.navbar-brand{
		height:auto;
		width:280px;
	}

	.navbar-brand img{
		display:block;
		float:none;
		clear:both;
		height:auto;
		width:100%;
		margin-top:15px;
		margin-bottom:15px;
		margin-left:15px;
	}
}

.color{
	background-color: rgba(81,100,125,0.8);
	height:100%;
	color:#fff;
	padding-top:30px;
}

.darker{
	background-color: rgba(1,1,1,0.3);
	height:100%;

}

.carousel{
}

.carousel-content{
	top:34%;
	position:absolute;
	color:#fff;
	width:700px;
	left:50%;
	margin-left:-350px;
}

iframe{
	width:50%;
	float:right;
}


@media  (max-width: 480px) {
	.carousel-content{
		top:auto;
		position:relative;
		color:#fff;
		left:auto;
		margin-left:0px;
		padding:15px;
		width:100%;
	}
	
	iframe{
		width:100%;
	}
}


.fa-chevron-down{
	left:50%;
	bottom:30px;
	margin-left:-10px;
	color:#fff;
	position:absolute;
}

.fa-chevron-up{
	font-size:20px;
	margin-top:15px;
}

.main-content{
	background-color:#fff;
	position:relative;
}

.carousel-indicators {
	position:absolute;
	margin:0;
    right: 15px;
    left:auto;
    width:20px;
    bottom:auto;
    top:50%;
    margin-top:-30px;
    line-height:18px;
}

#myCarousel .carousel-indicators li.active{
	height:10px;
	width:10px;
}

.full-height{
	height:100%;
}

.full-height .color{
	padding-top:70px;
}

.content-block{
	padding-top:50px;
}

.background-section{
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	background-attachment: fixed;
}

.background-section .color{
	padding-top:100px;
	padding-bottom:100px;
	padding-bottom:100px;
}

.footer{
	padding-top:20px;
	color:#fff;
}

.service{
	height:350px;
	background-color:#ccc;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    padding-left:0;
    padding-right:0;
}

.service_content{
	position:absolute;
	width:300px;
	left:50%;
	margin-left:-150px;
	text-align:center;
	top:40%;
	padding:15px;
	font-size:22px;
}

.service a{
	text-decoration:none;
	color:#fff;
	width:100%;
	height:100%;
	display:block;
}

hr{
	margin:0;
	margin-top:30px;
	padding-bottom:30px;
	border-top-color:#10181F;
}

.hr{

}


.person{
	text-align:center;
}

.person_content{
	padding-top:40px;
}

.person_content img{
	border-radius:50%;
	padding:15px;
}

.person_content h3{
	margin:0;
	padding:0;
}

.person a{
	text-decoration:none;
	color:#000;
	width:100%;
	height:100%;
	display:block;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{
	background-color:rgba(81,100,125,1);
}

.btn.btn-large{
	color:#fff;
	background-color:rgba(51,72,97,1);
	font-size:16px;
	padding-left:25px;
	padding-right:25px;
	font-family:'termina';
	font-weight:500;
	text-transform:uppercase;
}

.page-id-74 .cta{
	display:none;
}

.contact{
	padding-bottom:60px;
}

.carousel-inner-old{
	text-shadow: 1px 1px #000;
}