/*
 Theme Name:   Marcel van der Vlugt
 Theme URI:   http://marcelvandervlugt.com/david-child
 Description:  David Theme
 Author:       Kim Dijkstra
 Author URI:   http://kimik.com
 Template:     david
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         photographer, responsive-layout, accessibility-ready
 Text Domain:  david-child
*/
@import url('../david/style.css');

@font-face {
    font-family: 'AkzidenzGroteskBQBold';
    src: url('fonts/akzidenzgrotesk-bold-webfont.eot');
    src: url('fonts/akzidenzgrotesk-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/akzidenzgrotesk-bold-webfont.woff') format('woff'),
         url('fonts/akzidenzgrotesk-bold-webfont.ttf') format('truetype'),
         url('fonts/akzidenzgrotesk-bold-webfont.svg#AkzidenzGroteskBQBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AkzidenzGrotesk';
    src: url('fonts/akzidenzgrotesk-light-webfont.eot');
    src: url('fonts/akzidenzgrotesk-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/akzidenzgrotesk-light-webfont.woff') format('woff'),
         url('fonts/akzidenzgrotesk-light-webfont.ttf') format('truetype'),
         url('fonts/akzidenzgrotesk-light-webfont.svg#AkzidenzGrotesk') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'HelvBold';
  src: url('fonts/HelveticaNeue-Bold.eot');
  src: url('fonts/HelveticaNeue-Bold.woff2') format('woff2'),
       url('fonts/HelveticaNeue-Bold.woff') format('woff'),
       url('fonts/HelveticaNeue-Bold.ttf') format('truetype'),
       url('fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg'),
       url('fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelvIt';
  src: url('fonts/HelveticaNeue-Italic.eot');
  src: url('fonts/HelveticaNeue-Italic.woff2') format('woff2'),
       url('fonts/HelveticaNeue-Italic.woff') format('woff'),
       url('fonts/HelveticaNeue-Italic.ttf') format('truetype'),
       url('fonts/HelveticaNeue-Italic.svg#HelveticaNeue-Italic') format('svg'),
       url('fonts/HelveticaNeue-Italic.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Helv';
  src: url('HelveticaNeue.eot');
  src: url('HelveticaNeue.woff2') format('woff2'),
       url('HelveticaNeue.woff') format('woff'),
       url('HelveticaNeue.ttf') format('truetype'),
       url('HelveticaNeue.svg#HelveticaNeue') format('svg'),
       url('HelveticaNeue.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

body
{
background:#eee;
  font-family: 'Helv',Helvetica Neue, Helvetica;
  font-size:1em!important;
  color:#858585!important;
  letter-spacing:0.04em;
  width:100%;
  overflow:hidden;
}
b
{
font-family:'HelvBold',Helvetica Neue, Helvetica;
  font-weight: normal;
  font-style: normal;
}
i
{
font-family:'HelvIt',Helvetica Neue, Helvetica;
}
 .entry-title:first-child{
	display:none;
}

h1,h2,h3,h4,h5,h6,
{
font-family:'HelvBold',Helvetica Neue, Helvetica!important;
letter-spacing:0!important;
margin-left:0;
padding:0;
}
.entry-content h2
{
color:black;
line-height:1.2rem!important;
margin-bottom:1.2rem;
font-weight:bold;
}
.entry-content h3
{

line-height:1.1rem!important;
margin-top:0em;
}


a:link,a:visited {
color:#d935db;
text-decoration:none!important;
}
a:hover, a:active
{
color:#858585;
-webkit-transition:color 0.4s ease;-moz-transition:color 0.4s ease;-o-transition:color 0.4s ease;-ms-transition:color 0.4s ease;transition:color 0.4s ease;
}

#navigation
{
text-transform:lowercase;
padding-bottom:0.4em;
}
#navigation a:link,#navigation a:visited
{
color:#000;
font-family:'AkzidenzGrotesk','Helvetica neue',Helvetica,Sans
font-size:1em;

}
#navigation a:hover,#navigation a:active
{
color:#d935db!important;
}
#navigation ul li:last-child a
{

 text-shadow: 2px -1px 10px #d935db;
 padding-right:0.2em;


}
#navigation ul li:nth-last-child(3)
{
padding-right:0;
margin-right:0em;
}

#navigation ul li:nth-last-child(2) a
{


}
#navigation ul li:nth-last-child(2)
{


}
.nav-menu
{
padding-bottom:0.3em;

}
#wpmenucartli a
{
padding-bottom:7px;
overflow:hidden;
padding-left:0;
margin:0!important;

vertical-align:bottom!important;
line-height:0;
z-index:100;
}

#container
{
 background-image:url('assets/back.png');
 background-repeat:repeat-x;
padding-top:1.5em;
}
#masthead
{
padding:0;
overflow:visible;
}
.site-title, .site-title a,header
{
padding-top:0!important;
margin-top:0!important;
}
#logo
{
overflow:visible;
height:auto;
margin-left:1.5em!important;
padding-bottom:0.6em;
padding-top:0.4em;
vertical-align:bottom;

}
#logo img
{
width:100%;
height:auto;

}

.main-navigation .menu-toggle 
{
background:0;
box-shadow:none;
border:0;
background-image:url('assets/menu_bl.png');
background-repeat:no-repeat;
height:30px;
width:30px;

box-shadow:none!important!;
color:#000;
font-weight:bold;
text-transform:uppercase;
border:0!important;
padding:0;
margin:0;
margin-left:0.8em;
padding-left:0.8em;
padding-top:1.4em;
margin-bottom:1em;
}
.menu-toggle:hover, .menu-toggle a:hover, .menu-back:hover
{
background:0;
background-image:url('assets/menu_bl_mo.png');
background-repeat:no-repeat;
color:#d935db;
}
.menu-back
{
margin-right:auto;
margin-left:auto;
margin-top:0.8em;
height:30px;
width:120px;
background-image:url('assets/menu_bl.png');
background-repeat:no-repeat;
font-weight:bold;
text-transform:uppercase;
margin-left:0.8em;
padding-left:0.8em;
padding-top:1.4em;
background-position: 0,0.6em;
display:none;
}


#page
{
background:#fff;
box-shadow:1px 1px 4px #aaa;border-left-style:solid;border-left-color:#ccc;border-left-width:1px;border-top-style:solid;border-top-color:#ccc;border-top-width:1px;line-height:1.05em;
padding-left:0.5em;
padding-right:0em;
padding-top:2.2em;
}
.page-width
{
width:80%;
padding-left:0.8em;
}
.site{
max-width:93%;
margin:auto;
	}
.site-header h1 a
{
font-family:'AkzidenzGroteskBQBold';
color:#000;
font-size: 0.8em;
letter-spacing:0em;
line-height: 1.6em;
padding-bottom:0.2em;

}

article, .imgcontainer
{
margin-top:2.4em;
}
.woocommerce div.product {
   margin-top:2.4em;
}
img
{
box-shadow:0!important;
padding:0!important;
}

#top_phone_nav
{
display:none;
}
#bottom_phone_nav
{
display:none;
clear:both;
text-align:left;
}

 .site-content article
{
	
border-bottom-style:dotted;
border-bottom-color:#878787;
border-bottom-width:0px;

	}
.entry-content
{
border:0!important;
padding:0;
margin-top:-1px;
text-align:left;

}

.entry-content
{
line-height:1.3em;
padding-right:0.4em;
}

.wp-caption
{
box-shadow:0;
padding:0;
}
#secondary
{
diplay:block;
}
#secondary ul:nth-child(1)
{
border-top-color:#000;
border-top-width:0px;
border-top-style: dotted;
}

#top_phone_nav ul:nth-child(1)
{
border-top-color:#000;
border-top-width:1px;
border-top-style: dotted;
}
#secondary aside, #top_phone_nav aside,#bottom_phone_nav aside
{
margin:0;
padding:0;
}
#secondary ul, #top_phone_nav ul,#bottom_phone_nav ul
{
 padding-left:0;
}


#secondary li a,#top_phone_nav li a,#bottom_phone_nav li a
{
display:block;
font-family:'AkzidenzGroteskBQBold';
padding-top:0.8em;
padding-bottom:0.7em;
text-align:left;
	 letter-spacing:0em;
	border-top-color:#878787;
	border-top-width:1px;
	border-top-style: dotted;
	color:#000;
	line-height:1.2em;
	padding-left:1em;
}


#secondary li.current-cat a

{

border-bottom-color:#878787;
	border-bottom-width:1px;
	border-bottom-style: dotted;
}

aside ul
{
border-bottom-color:#878787;
border-bottom-width:0px;
border-bottom-style: dotted;
}

#top_phone_nav aside ul,#bottom_phone_nav.lastchild

{
border-bottom-color:#878787;
border-bottom-width:1px;
border-bottom-style: dotted;
}

#secondary li a:hover, #top_phone_nav li a:hover, #bottom_phone_nav li a:hover
{
color:#d935db;
}

#secondary li:nth-child(1) a, #top_phone_nav li:nth-child(1) a
{
	border-top-width:0px;
}
.widget-area ul ul
{
padding-left:0!important;
margin-left:0!important;
}



#primary
{
margin-top:-1px;
text-align:left;
}

#secondary ul.children, #top_phone_nav ul.children { display: none; }

ul.children li {line-height:0!important;}
#secondary li.current-cat ul.children{ display: block;border-bottom-width:0; }
#secondary li.current-cat ul.children li a, #top_phone_nav li.current-cat ul.children li a{font-family: 'AkzidenzGrotesk','Helv','Helvetica neue','Helvetica';border-bottom-width:0px;border-top-width:0px;}
 #bottom_phone_nav ul li a{font-family: 'AkzidenzGrotesk','Helv','Helvetica neue','Helvetica';}
#secondary li.current-cat-parent ul.children { display: block;border-bottom-width:0px;margin-left:0;}

#secondary li.current-cat-parent ul.children li a{font-family: 'AkzidenzGrotesk','Helv','Helvetica neue','Helvetica';border-bottom-width:0px;border-top-width:0px;}
#secondary li.current-cat-parent ul {border-top-width:1px;border-top-style:dotted;border-top-color:#000;}
#secondary li.current-cat-parent li.current-cat a {color:#878787;}

ul.children
{
padding:0.6em;
}
ul.children a
{
padding-top:0.3em!important;
padding-bottom:0.2em!important;
}
#colophon
{
padding-top:1em;
padding-bottom:1.5em;
text-align:center;
}
.ms-info
{
padding:0em;
line-height:1.3em;

}

.alignLeft
{
float: left; 
}

.entry-content img
{
box-shadow: none;
padding:0;
}

#colophon
{
font-size:0.9em;
letter-spacing:0;
}
.separator
{
clear:both;
margin-bottom:1em;
}
.column
{
float:left;
width:47%;
padding-right:1em;
}

.column a:link, a:visited
{
color:black;
}

.column a:hover, a:active
{
color:#d935db;
}
.catblock
{
	width:31%;
	height:auto;
	margin-left:3%;
	float:left;
	margin-bottom:.7em;
}
.catblock:first-child,.catblock:nth-child(4),.catblock:nth-child(7),.catblock:nth-child(10),.catblock:nth-child(13),.catblock:nth-child(16),.catblock:nth-child(19),.catblock:nth-child(22),.catblock:nth-child(25),.catblock:nth-child(28),.catblock:nth-child(31){
	margin-left:0;
	clear:left;
}
.catimg
{
	width:auto;
	height:100%;
	margin-bottom:.5em;
}
.catimg:hover
{
	filter:opacity(.9);
	cursor:pointer;
}
#content
{
	padding-top:2.4em;
}
li.wpmenucartli a.wpmenucart-contents span{
	display:none!important;
		}
		.sp-image{ margin-left: auto!important; margin-right: auto!important; }

@media screen and (min-width: 600px) {
	
	.site-content
	{
	width: 73%;
	}
	
	header h1,  header a
	{
	line-height:0;
	margin:0;
	padding:0;
	letter-spacing:0em;
	padding-left:0em!important;	
	}
	nav{
	padding:0;
	display:inline!important;
	}
	.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul,.main-navigation li a, .main-navigation li
	{
		display:inline!important;
	}
	

	#menu-left-side-menu li
	{
	display:inline!important;
		font-size:0.9em;
		width:auto;
	position:relative;

	border-right-style:solid;
	border-right-width:0px;
	border-right-color:#000;
	
	
	padding:0;
	padding-right:0.6em;


	}
	#menu-left-side-menu
	{
	float:right;
	width:auto;
	}
	
	
	#logo
	{
	width:auto;
	float:left;
	margin-left:1.2em;
	text-align:left;
	width:21%!important;	

	}
	
	#navigation
	{
	width:auto;
	letter-spacing:0em;
	float:right;
	margin-top:0.8em;
	vertical-align:bottom;
	margin-right:1.2em;
	}
	
	.entry-title
	{
	display:none;
	}
	.entry-header
	{
		padding:0;
		margin:0;
	}
	#secondary
	{
	width:21%!important;
	padding-left:1.5em;
	}
	

}




@media screen and (min-width:1024px) {

.entry-title
	{
	display:none;
	visible:none;
	}	
}



@media screen and (max-width:1024px)
{

#primary
	{
	margin-top:-1px;
	font-size:0.90em;
	margin-left:0;
	margin-right:0em;
	}
	#navigation
{
margin-top:0.3em;
}
.entry-content
{
line-height:1.3em;
padding-right:1.6em;
}

	
}

@media screen and (max-width:850px)
{
	#navigation
	{	float:left;
	padding-left:0.5em;}
}

@media screen and (max-width: 600px) {
	
	#content
{
	padding-top:0;
}
	
	article, .imgcontainer
{margin-top:0px;}
{
padding-top:0px;
clear:both;
}
.ms-slide-info
{
padding-bottom:0px;
padding-top:0px;
margin-bottom:0px;
}

#top_phone_nav
{
display:block;
}
#bottom_phone_nav
{
display:block;
}
#primary, #content
{
width:100%;
margin:0;
padding-right:2em;

}

#secondary ul:nth-child(1)
{
border-top-color:#000;
border-top-width:0px;
border-top-style: dotted;

}

#main div:nth-child(2)
{
padding-top:0px;

}
{
width:100%;
}
	
	body{
	background:#fff;
	padding-top:0em;
	width:100%;

	}
	.site
	{
	max-width:100%;
	margin:0;
	padding:0;
	}
	.main
	{
	width:100%;
	margin:0;

	}
	#container
	{
	padding:0;
	margin:0;
	background:0;
	width:100%;
	}
	
	#masthead
	{
	width:100%;
	}
	#page
	{
	box-shadow:none;
	margin:0;
	padding:0;
	width:100%!important;
	}
	#site-navigation
	{
	padding-top:0em;
	margin-top:0em;

	}
	#logo
	{
	width:89%;
margin-left:0em;
	padding-bottom:0.2em;
	padding-top:3em;
	border-bottom:0;
	margin-bottom:0.6em;
	margin-top:0.6em;
	}
	
	
	
	.ms-info
	{
	padding:0.3em;
	}
	.site-content
	{
	width: 100%;

	}
	
	#secondary ul li a{
	padding-left:1em;
	}
	#navigation
	{
		padding-top:1em;
		padding-left:.85em;
	}
	#navigation a:link,#navigation a:visited
	{
	line-height:1.3em;
	}
	.main-navigation, .menu-left-side-menu-container, #menu-left-side-menu, #menu-left-side-menu li
	{

	width:97%;
	margin:auto;
	}
	#navigation li 
	{
	padding:0.7em;
	border-top-color:#000;
	border-top-style:dotted;
	border-top-width:1px;
	border-bottom-width:0px;
	}
	
	#navigation li:hover
	{
	background:#eeeeee;
	}
	#primary
	{
	width:92%;
	margin:auto;
padding-bottom:0;
margin-bottom:0;
	}
	#secondary
	{

	width:99%;
	
	}
	.nav-single
	{
		border-bottom-color:#000;
	border-bottom-style:dotted;
	border-bottom-width:0px;
	padding:1em;


	
	}
	
	.entry-title
	{
	display:block;
	padding-top:0;
	}
	#content, article
	{
	padding-top:0em;
	float:left;
	width:100%;
	}
	
	.entry-content
	{
	padding-right:0em;

	}
	.ms-slide-content{
	margin-top:2em;
	}
	.alignLeft
	{
	float:none; 
	width: 100%!important; 
	height: auto;
	}

}


@media screen and (max-width: 599px) {

#logo
	{
	padding-top:2.2em;
	margin-bottom:0em;
	}
#primary, #content
{
margin:0;
width:96%;
padding-left:0.5em;
padding-top:0em;
}

.menu-back
{
display:none;
}

.column
{
float:left;
width:100%;
padding-right:0;
}
}



 @media screen and (min-device-width: 599px) and (max-device-width: 768px)
 {

	.widget-area ul ul li a{
	padding-left:0!important;
	}


}