/*
Theme Name: N=5

Author: IMWOEK
Author URI: http://www.imwoek.me
Description: A semantic HTML/CSS framework base theme for WordPress Developers ported from Twitter Bootstrap
Version: .2
=======
License: GNU General Public License
License URI: license.txt

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

/********************************************************

Comfortable with LESS?  Check out the /less folder where the bootstrapwp.less file is the master complier

////////   IMPORTANT!  Make custom edits/changes in the less/bswp-custom.less file
////////   to safely retain the ability to update the less files with future
////////   versions of Bootstrap or BootstrapWP

-------------------------------------------------- */

html,body{color:#eeeeee; font-size:12px;}
p a{
	text-decoration: underline;
}

p a:link {
    color: #ffffff;
}

/* visited link */
p a:visited {
    color: #ffffff;
}

/* mouse over link */
p a:hover {
    color: #ffffff;
}

/* selected link */
p a:active {
    color: #ffffff;
}

.spacer {
    position: relative;
}

#wrapper{width:100%; min-height:100%;}

.outer-wrapper{clear:both;}

@media (max-width: 767px) {
	#wrapper, #mobile-nav{
	transform: translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
	
	-webkit-transition: all .3s ease-out;
	  -moz-transition: all .3s ease-out;
	  -ms-transition: all .3s ease-out;
	  -o-transition: all .3s ease-out;
	  transition: all .3s ease-out;
	
	} 
	#wrapper.animateOut, #mobile-nav.animateOut {
	  transform: translate3d(250px,0,0);
	  -webkit-transform: translate3d(250px,0,0);
	  
	}
	#mobile-nav{transform: translate3d(0,0,0); overflow:scroll;}
}

#mobile-nav{ height:100%; min-height:0; margin-top: 0px; }
#mobile-nav-inner{min-height:480px; position:relative;}
#mobile-nav-inner .address {
    bottom: 20px;
    left: 12px;
    position: absolute;
}



/* Animated titlebars */
.item .title-bar-animated{height:41px; overflow:hidden;}
#nieuwsbar .item .title-bar-animated{cursor:default;}



.item .title-bar-animated .top-title, .item .title-bar-animated .bottom-title{height:41px; overflow:hidden;  }

.item .title-bar-animated .top-title{position:relative; height:41px; overflow:hidden;  
background-color:#ffffff; color:#000000 ;}
.item .title-bar-animated .top-title a{color:#000000 !important;}
.item .title-bar-animated .bottom-title{position:relative; height:41px; overflow:hidden; background-color:#292929; color:#ffffff !important;}
.item .title-bar-animated .bottom-title a{color:#ffffff !important;}

.item .content.expandable{height:0; overflow:hidden;}
.item.expanded .content.expandable{height:auto;}
.item .bottom-title{display:none;}
.item.expanded .top-title{display:none;}
.item.expanded .bottom-title, .item:hover .bottom-title{display:block;}


/*#nieuwsbar .nieuwsItem{background-color:#FFF; width:100%; height:150px; margin-bottom:24px; }*/
#nieuwsbar .item .imgCont, #werkbar .item .imgCont, #werkFull .item .imgContFixedH{cursor:pointer;}
.item .imgOverlay{
	opacity:.25;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
}
/*#nieuwsbar .item:hover .imgOverlay, #werkbar .item:hover .imgOverlay{opacity:0;}*/
#nieuwsbar .item .infoBar{height:41px; overflow:hidden;}
#nieuwsbar .item.expanded .infoBar, #nieuwsbar .item:hover .infoBar{ background-color:#292929; color:#ffffff; }

#nieuwsbar .item .infoBar p{position:inherit; top: 0px; left:0; padding:0 8px; margin:0;}
#nieuwsbar .item .infoBar p.title{padding-top:4px;  height:20px; width: 95%;
 	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

 
.item .infoBar p.title{height:20px; width: 95%;
 white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
 
.truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 95%;
}

#nieuwsbar .item .infoBar p.date{padding-bottom:4px; margin-top:-4px;}
#nieuwsbar .item .infoBar .content {position:inherit; margin:5px 0 10px 0;}
#nieuwsbar .item .infoBar .content p{margin-bottom:10px;}
#nieuwsbar .item .infoBar .content a{text-decoration:underline}

#nieuwsbar .content .socials {
	float:left;
   padding-bottom:7px;
   background:none; 
}

iframe{background-color:#292929; background-image:url(img/loader.gif); background-position:center center; background-repeat:no-repeat;}



#werkbar .werkItem{background-color:#ffffff; width:100%; height:300px; margin-bottom:24px; }


.item{margin-bottom:24px; position:relative;}
#werkFull .werkItem{background-color:#ffffff; height:300px; margin-bottom:24px; }


.imgCont{width:100%;  position:relative; overflow:hidden; background: #191919 url(img/loader.gif) no-repeat center center;}
.imgCont img{width:100%; visibility:hidden; background-color:#191919;}
.item .infoBar{width:100%; height:41px; background-color:#ffffff; color:#000000; position:relative;}
.item .infoBar p.title{font-weight:bold; font-size:15px;}
.item .infoBar ul.categorieen{ position:absolute; right:0; bottom:0; list-style:none; margin:0;}
.item .infoBar ul.categorieen > li{ font-size: 0.9em; float:left; margin-bottom: 6px; margin-right:10px; border-left: 1px solid #6b6b6b; padding-left: 7px; line-height: 12px;}
.item .infoBar ul.categorieen > li:first-of-type{border-left: 0px solid #6b6b6b;}
.item .infoBar h4, h5 {
	color: black;
}

.item .infoBar small {
	position: absolute;
	bottom: 1px; right: 10px;
	font-size: 0.9em;
	color: black;
}

.imgOverlay{background-image: url(img/overlay.png);  width:100%; position:absolute; height:100%; top:0; left:0; opacity:0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";}


#werkFull{position:relative; padding-bottom:20px;}
#werkFull .item.left {float: left; margin: 0 0px 24px 0;}
#werkFull .item.right {float: right; margin: 0 0px 24px 0;}
#werkFull .item .imgContFixedH{overflow:hidden; background: #292929 url(img/loader.gif) no-repeat center center;}



#werkFull .item.span8 .imgContFixedH img{
max-width:none;
width:100%;
float: none;
margin-left: 0px;
min-height: 1px;}
	
#werkFull .item.span4 .imgContFixedH img.span8{
max-width:none;
float: none;
    margin-left: -50%;
    min-height: 1px;}
	
#werkFull .item.span6 .imgContFixedH img.span8{
max-width:none;
float: none;
margin-left: -17%;
    min-height: 1px;}
	
@media (max-width: 767px) {
	#werkFull .item.left, #werkFull .item.right {float: left; margin: 0 0px 5px 0;}
  #werkFull .item.span4 .imgContFixedH img.span8, #werkFull .item.span6 .imgContFixedH img.span8{margin-left: 0%;}
  #werkbar{display:none;}
}	
.pager{display:none;}
#infscr-loading{
	clear: both;
    left: 50%;
	bottom:2px;
    margin-left: -160px;
    position: absolute;
    text-align: center;
    width: 320px;
	height:30px;
	overflow:hidden;
}
	
footer{height:50px;}
	
	
/*navbar fix*/
.navbar .navbar-inner .container{padding: 0;}

.navbar .navbar-inner .brand {margin: 0 8px 0 0px;}

.navbar .socials {padding: 19px 15px 0 15px;}


/*WOEK fixes*/
.item .infoBar ul.categorieen > li a{color:#000000;}

/*Categorie ... fix*/
#werkFull .item ul.categorieen li.dotdotdot{display:none;}
@media (min-width: 767px) AND (max-width: 1200px)  {
#werkFull .item.span4 ul.categorieen li{display:none;}
#werkFull .item.span4 ul.categorieen li.dotdotdot{display:block;}
#werkFull .item.span4 ul.categorieen li:nth-child(1),#werkFull .item.span4 ul.categorieen li:nth-child(2),#werkFull .item.span4 ul.categorieen li:nth-child(3){display:block;} 
}

@media (max-width: 767px) {
.item{margin-bottom:5px;}
	
#prijzenFull .titlebar{cursor:pointer;}
#prijzenFull .titlebar h4 {
    background-color:#ffffff; color:#000000; padding:0 12px; line-height:45px; margin:5px 0 0 0; font-weight:normal;
	background-image:url(img/plus.png); background-repeat:no-repeat; background-position:right 19px; background-size:32px auto;
}
#prijzenFull .titlebar p{padding:0 12px;}
.greyBg {    margin: 0 0px; background-color:transparent;}

#prijzenFull .row .item{ margin-bottom:1px;}

#prijzenFull .item .imgCont{display:none;}
#prijzenFull .item.uitgever-first .imgCont{display:block;}

#prijzenFull .item.uitgever-first{display:block; margin-top:5px;}
#prijzenFull .item.uitgever-first:first-child{ margin-top:0px;}

#prijzenFull .item .infoBar h4, #prijzenFull .item .infoBar h5 {left: 12px;}

#prijzenFull .prijsjaar .prijsjaar-content{ max-height:0;  overflow:hidden; 
transition:max-height .3s cubic-bezier(0, 1, 1, 1); 
-webkit-transition:max-height .3s cubic-bezier(0, 1, 1, 1);}
#prijzenFull .prijsjaar.expanded .prijsjaar-content{max-height:9999px; 
transition:max-height 1s cubic-bezier(1, 0, 1, 1); 
-webkit-transition:max-height 1s cubic-bezier(1, 0, 1, 1); }

#prijzenFull .prijsjaar.expanded .titlebar h4{background-image:url(img/minus.png);}
} 

#facebookGallery .carousel-inner {
	margin-bottom:45px;
}


.video-wrap{margin-bottom:15px;}
@media (max-width: 767px) {

#workDetail{background-color:#000000;}



.containerCollapsable .titlebar h4 {
    background-color:#ffffff; color:#000000; padding:0 12px!important; line-height:45px; margin:0px 0 1px 0; font-weight:normal;
	background-image:url(img/plus.png); background-repeat:no-repeat; background-position:right 19px; background-size:32px auto;
}

#case.containerFull .titlebar h4{padding:5px 12px!important;}

.containerFull .titlebar p{padding:5px 12px!important;}

.containerCollapsable .containerCollapsable-content{ max-height:0;  overflow:hidden; transition:max-height .3s cubic-bezier(0, 1, 1, 1);}
.containerCollapsable.expanded .containerCollapsable-content{max-height:5000px; transition:max-height 1s cubic-bezier(1, 0, 1, 1);}

.containerCollapsable.expanded .titlebar h4{background-image:url(img/minus.png);}

#workDetail .container {
    padding-bottom: 0px;
}

#workDetail .carousel{margin-bottom:46px;}

}
.clear{clear:both;}

.searchbar form .white-thingy {
    
    height: 45px;
    position: absolute;
    right: 0;
    top: -1px;
    width: 45px;
	
	background:#FFF url(img/close.png) no-repeat;
	background-size:23px 23px;
	cursor:pointer;
	background-position:10px 12px;
} 

/*NAV BAR FIX mobiel */
@media (max-width: 767px) {
.navbar-fixed-top, .navbar-fixed-bottom {
    position: relative;
}

.spacer {
    padding-top: 14px !important;
}
}

/*searchbar  FIX  */
.searchbar form input {
    padding: 13px 0;
}

#back-to-top, #more-work {
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1em;
    margin: 12px 0 12px 5px;
    text-transform: uppercase;
	cursor:pointer;
}
#more-work {
text-align:center; 
}
.edit-item{position:absolute; top:-10px; right:0px; height:0px; width:0px;}
.edit-item a{position:absolute; top:0px; right:0px; height:10px; width:10px; background-color:#CC0000;}

.socials{background-color:#ffffff;}

.navbar .socials {padding: 0; right:0;}
.navbar .socials li{width:48px; height:48px;  margin-right:0;}
.navbar .socials li > a {
    color: #000000;
    display: block;
    font-size: 1.1em;
    width:48px; height:48px;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
}

.navbar .socials .link-item{display:block; width:}
.navbar .socials .link-item.sub {
  background-color:transparent;
  width:48px;
  height:48px;
  overflow: hidden;
  padding:0;
}
.navbar .socials .fb, .navbar .socials .tw {background:none;}
.navbar .socials .fb > a {
    background: url("img/icon-facebook-nav.png") no-repeat; 
	background-position:top; 
	
}
.navbar .socials .fb  > a.sub {
    background-image:url("img/icon-facebook-nav.png");
	background-color:#000000;
	background-position:bottom;
}

.navbar .socials .tw > a {
    background: url("img/icon-twitter-nav.png") no-repeat;
	background-position:top;  
	
}
.navbar .socials .tw  > a.sub {
	background-image:url("img/icon-twitter-nav.png");
	background-color:#000000;
	background-position:bottom;
}

#workDetail .containerCollapsable-content{position:relative;}

.carousel  .video-wrap, .carousel item{margin:0; margin-bottom:0;}
#facebookGallery .carousel-inner, #facebookGallery .item{
    margin-bottom: 0px;
}

#overOns p, #overOns h3, #overOns ul{padding:0 12px;}

.carousel-indicators.middle {

bottom: -17px!important;

}

.carousel-inner > .item > a > img {
float:left;
}
.carousel-inner > .item > a > img.middle {
margin:0 5%;
}

.seamless{width:100%; overflow:hidden; position:relative; margin-bottom:0px;}

.seamless .carousel-inner > a > img {
float:left;
margin-right: 24px;
height:326px;
width:auto;
}
.seamless .carousel-inner  > a > img.middle {
margin:0 24px 0 0;
}

 .seamless_carousel-indicators.seamless_nav{position:relative; }

 .seamless_carousel-indicators.middle {
left: 0;
right: 0;
top: auto;
bottom: 50px;
text-align: center;
margin: 0 0;
bottom: 0px!important;
}

.seamless_carousel-indicators.middle li {
float: none;
display: inline-block;
}

 .seamless_carousel-indicators li {
display: block;
float: left;
width: 10px;
height: 10px;
margin-left: 5px;
text-indent: -999px;
background-color: #ccc;
background-color: rgba(255, 255, 255, 0.25);
border-radius: 5px;
}

.seamless_carousel-indicators .active {
background-color: #fff;
}

.navbar-inner{background:#fff !important;}