/* UTIL */
.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
.gradient { filter: none; }

/* BASE */
body { background-color: #fff; padding: 0; font-family: 'Roboto Mono', monospace; font-size: 12px; color: #000; line-height: 1.2em; overflow-y: scroll;}
body.page-id-396 { overflow-y: initial; }
a { color: #000; text-decoration: underline; }
.wrap { max-width: 1080px; margin: 0 auto; position: relative; }
img { max-width: 100%; height: auto; margin: 0; }
img.alignleft {float: left; }
.page img { }
img.alignright {float: right; clear: both; margin-right: 0 !important;}
img.alignnone.size-full { max-width: 1040px; }
.imgcentre  { margin-left: 20px !important; }
.vimeo { display: block; margin: 0 20px; }

/* RTF */
p { margin: 0 0 20px 29px;}
div.grid-detail p { width: 482px; }
strong, .bold {font-weight: bold;}

/* HEADER */
header { height: auto; position: fixed; top: 0; width: 100%; z-index: 2000;}
header .wrap { margin-top: 20px; }
#branding-bakker { font-size: 24px; font-weight: bold; left: 28px; position: absolute; top: 4px;letter-spacing: -0.02em; z-index: 1000; }
#branding-bakker a { width: 157px; height: 38px; background-image: url(/wp-content/themes/studiobakker/images/studio-bakker-amsterdam-stef-bakker.png); 	display: block; background-size: cover; background-position-y: -2px; z-index: 1000;}

#instagram-nav { margin: 0 16px 0 0; width: 30px; height: 30px; top: -8px;}
#instagram-nav a { margin: 0; width: 30px; height: 30px; background-image: url('/wp-content/themes/studiobakker/images/social-media-instagram.png'); background-size: 100%; display: block; }
#instagram-nav a:hover { background-position: bottom center;}

#branding-bakker a.logo.showb { background-position-y: 40px; }
header nav { float: left; width: 180px; line-height: 1.2em; position: relative; }
#first-nav { margin-left: 389px;}
#fourth-nav { width: 100px }
#third-nav {width:90px; margin-bottom: 0 !important;}
nav a,#branding-bakker a { text-decoration: none; }
nav a:hover,
nav a.active,
nav li.current-menu-item a { text-decoration: underline; }
nav li.instant {font-weight: bold;}
nav a { color: #000 !important; }

.logged-in header .wrap {
    margin-top: 54px;
}

/* BODY */
#content { padding: 166px 0 100px 0; }
#bar-animated { display: block; height:2px; background-color: #ffffff; position: fixed; width: 100%; z-index: 1000; }
.pace .pace-progress {
  background: #000000;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 2px;

  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}

.pace-inactive {
  display: none;
}

#grid-list { min-width: 100%; float: left; padding: 0 0 50px 0; }
.grid-item { float: left; margin: 0; position: relative; width: auto; margin: 20px; }
.grid-detail { clear: both; margin: 20px 0 60px 0; display: none; }
.grid-line {margin: 20px 0 0 0; padding-top: 20px; border-top: 1px solid #000 !important; display: none;}
.grid-detail h2 { font-weight: bold; }
.grid-detail .row { padding-left: 10px;}
.grid-item img { display: block; }
.grid-item a { text-decoration: none; }
.grid-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: all 1s ease 0.1s; }
.grid-overlay:hover { opacity: 1; transition: all 0s ease 0s; }
.grid-overlay .mask { width: 100%; height: 100%; background: rgba(255,255,255,0.7); display: block;  position: absolute; top: 0; left: 0; z-index: 10; }
.overlay-content { display: block; padding: 9px; z-index: 100; position: relative; }
.overlay-content h2 { font-size: 12px; }
#mask { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(255,255,255,0.5); z-index: 100; display: none; }
#mask.active { display: block; }
.active .grid-overlay { opacity: 1; }
#page-content { margin-bottom: 50px; position: absolute; top: 0; left: 0; z-index: 200; padding: 20px; }
#page-content.with-image { padding-left: 310px; }
figure { margin-block-start: 0 !important; }
.page-thumb { position: absolute; left: 6px; top: 6px; margin: 0 0 10px 0; }
.vimeo { margin: 15px 0 23px 0 !important; }

div.wp-block-column {
		margin-left: 0px !important;
}

div.delight_master_wrapper {
	margin-top: 15px;
}
div.delight_master_wrapper div.delight_image_slider ul.controls li.slide-control, div.delight_master_wrapper div.delight_image_slider ul.delight_gallery li.slide p.caption {
	font-size: 100% !important;
	padding-left: 10px;
}
div.delight_master_wrapper div.delight_image_slider ul.controls {
	padding-left: 10px !important;
	margin: 0.9em 0 !important;
}
div.delight_master_wrapper div.delight_image_slider ul.delight_gallery li.slide p.caption {
	margin: 10px 0 11px !important;
}
div.delight_master_wrapper div.delight_image_slider ul.controls li.slide-control.nav_arrow.prev_nav, div.delight_master_wrapper div.delight_image_slider ul.controls li.slide-control.nav_arrow.next_nav, .full-screen {
	display: none !important;
}

.AlpinePhotoTiles_cascade_column {
  width: 270px !important;
}
.AlpinePhotoTiles_container_class img {
  margin: 20px !important;
  padding: 0px !important;
  width: 230px !important;
  height: auto;
}
#fancybox-overlay {
  opacity: 0.9 !important;
  background-color: #fff !important;
}
.fancybox-title-inside {
  text-align: left !important;
  color: #000 !important;
}

/* SPYROS CODEABLE START */
div.grid-detail { padding: 5px 20px 0; }
div.grid-detail p { margin: 0 0 20px 9px; }
div.grid-detail img { margin: 15px 20px 22px 0; }
div.grid-detail img.alignnone { margin-right: 0; }
div.grid-detail .vimeo { margin: 0; }
/* SPYROS CODEABLE END */

/* RESPONSIVE */
@media only screen and (max-width: 1095px) {
	.wrap { width: auto; }
	header nav { margin: 0 0 20px 6px; }
	#first-nav {margin-left: 208px;height: 100px;}
	img.alignnone.size-full { max-width: 100%; }
	div.grid-detail img.alignright {float: left !important; margin-right: 0 !important;}
	#instagram-nav {position: absolute; right: 6px; }
	#twitter-nav {position: absolute; right: 58px; }

	.vimeo { height: 0; padding-top: 0; padding-bottom: 56.34%; position: relative; overflow: hidden; } 
	.vimeo iframe, .vimeo object, .vimeo embed, .vimeo video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; }
}
@media only screen and (max-width: 912px) {
	#third-nav, #fourth-nav { width: 240px; }
}
@media only screen and (max-width: 679px) {
	.wrap { width: auto; }
	header { position: relative; height: auto; }
	#bar-animated { display: none; }
	#branding-bakker {left: 15px;}
	header nav { float: none; margin: 0 0 20px 6px; }
	#first-nav,#second-nav,#third-nav,#fourth-nav {margin-left: 205px;height: initial;}
	#instagram-nav {position: absolute; right: 0; }
	#twitter-nav {position: absolute; right: 25px; }
	img.alignnone.size-full { max-width: 100%; }
	div.grid-detail img.alignright {float: left !important; margin-right: 0 !important;}
	.imgcentre  { margin-left: 0px !important; }
}
@media only screen and (max-width: 540px) {
	#content { padding-top: 33px; }
  	/* div.grid-item img { max-width: 90%; }*/
	.imgcentre  { margin-left: 0px !important; }
	/* .grid-overlay {display: none !important;}*/
	.page img { padding: 20px 0;}
	p { padding-left: 0; width: auto; }
	.grid-item { margin-bottom: 0; }

}
@media only screen and (max-width: 360px) {
  	#first-nav, #second-nav, #third-nav, #fourth-nav { margin-left: 15px; }
  	#first-nav { padding-top: 64px; }
	.imgcentre  { margin-left: 0px; }
	.grid-overlay {display: none !important;}
	.page img { padding: 20px 0;}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { 
	
}