/*
Theme Name: kinderkookkafe
Theme URI: http://kinderkookkafe.nl/
Author: Kinderkookkafe
Author URI: http://kinderkookkafe.nl/
Description: ...
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Kinderkookkafe
Tags: Desktop en mobiel

/*--------------------------------------------------------------
# Includes
--------------------------------------------------------------*/
@charset "utf-8";
@import url("include.css");

/*--------------------------------------------------------------
# Presets
--------------------------------------------------------------*/
*, *:after, *:before{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	}
header, footer, section, article, main, nav, figure{
	display:block;
	}
a{ 
	outline:none; 
	text-decoration:none; 
	}
/*--------------------------------------------------------------
# Styles
--------------------------------------------------------------*/
#contentarea .alignright{
	display: inline;
    float: right;
    padding-left:15px;
    padding-bottom:15px;
	}
#contentarea .alignleft{
	display: inline;
    float: left;
    padding-right:15px;
    padding-bottom:15px;
	}
#contentarea .aligncenter {
    clear: both;
    margin-top: 0.4em;
    margin-bottom: 1.6em;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:15px;
}
/*--------------------------------------------------------------
# Columns
--------------------------------------------------------------*/
[class*="coln-"]{
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
	padding:0 5px;
	line-height: 3.2em;
	float:left;
	}
.coln-1{ width:8.3333333333%; }
.coln-2{ width:16.6666666666%; }
.coln-3{ width:24.9999999999%; }
.coln-4{ width:33.3333333333%; }
.coln-5{ width:41.6666666666%; }
.coln-6{ width:49.9999999998%; }
.coln-7{ width:58.3333333331%; }
.coln-8{ width:66.6666666664%; }
.coln-9{ width:74.9999999997%; }
.coln-10{ width:83.3333333333%; }
.coln-11{ width:91.6666666663%; }
.coln-12{ width:100%; }
/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
html,body{
	color:#333;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	margin:0;
	padding:0;
	}
	#wrap{
		border: 1px solid #55b8e5;
		position: relative;
		/*min-height: 100%;
		height: auto !important;fix sticky footer
		height: 100%;*/
		margin: 0 auto -20px;
		width:1000px
		}
		#header{
			height:100px;
			clear:both;
			}
		#header *{height:100%;}
			#header .coln-12{
				padding-left:7%; 
				padding-right:6.5%;
				}
				#header .coln-2{border-right:4px solid #fff;}
				#header .coln-2.one{ background:url('images/fotofeestjeklein.jpg') 0 0 no-repeat;}
				#header .coln-2.two{ background:url('images/meisjebijhapjesbar.jpg') 0 0 no-repeat;}
				#header .coln-2.three{ background:url('images/kkvoorkant.jpg') 0 0 no-repeat;}
				#header .coln-2.four{ background:url('images/carmen.jpg') 0 0 no-repeat;}
				#header .coln-2.five{ background:url('images/diner1.jpg') 0 0 no-repeat;}
				#header .coln-2.six{ background:url('images/eettafel2.jpg') 0 0 no-repeat;}
			#header .address{
				background-color:#ff698d;
				border-top: 5px solid #fff;
				border-bottom: 5px solid #fff;
				float:left;
				height:auto;
				padding: 3px 0;
				text-align:center;
				width:100%;
				}
		#midsection{
			clear:both;
			float:left;
			padding-top:8px;
			}
			#nav, #contentarea{ float:left;}
			#nav{
				width:200px;
				}
				#nav ul{
					list-style-type: none;
					margin-top: 0;
					padding-left:20px;
					}
				#nav a{
					color:#55b8e5;
					display:block;
					padding-top:2px;
					padding-bottom:2px;
					word-wrap: break-word;
					}
				#nav .current_page_item a{ color:#ba0067; }
				#nav .current_page_item ul a{ color:#55b8e5; }
				#nav .sub-menu{ display:none; }
				#nav .current-menu-ancestor .sub-menu,
				#nav .current-menu-item .sub-menu{ 
					display:block; 
					}
			#contentarea{
				line-height:1.3em;
				min-height:500px;
				padding-right:10px;
				padding-left:10px;
				width:798px;
				}
			#contentarea img{
				max-width:100%;
				width:auto;
    			height:auto;
				}
	#footer, #push{
		clear:both;
		height:20px;
		}
	#footer{
		position:relative;
		}

#text-2{
	Background:#fff;
	border: 1px solid #ff698d;
	margin:20px;
	padding:5px;
	text-align:center;
	}
#text-2 *{
	font-size:80%;
	padding:0;
	margin:0;
	line-height:1.6em;
	}
/*--------------------------------------------------------------
# Mobile Devices
--------------------------------------------------------------*/	
@media all and (max-device-width: 770px) and (min-device-width: 320px){
	#wrap, #nav, #contentarea{
		width:100%;
		}
	#nav{
		display:block;
		}
		#nav .mobile-button{
			background-color:#007dc8;
			display:block !important;
			font-weight:bold;
			width:100%;
			}
		#nav .mobile-button::before{
			content:"\2630";
			padding:11px 11px 11px 0;
			width:40px;
			height:40px;
			}
		#nav .menu-header{
			background-color:#55b8e5;
			display:none;
			}
		#nav ul{ padding-left:0; }
		#nav li{ position:relative;}
		#nav a, 
		#nav .current_page_item ul a{
			color:#fff;
			font-size:1.1em;
			padding:11px;
			}
		#nav .current-menu-parent a.selected{
			color:#ba0067;
			}
		#nav .current-menu-ancestor .sub-menu, 
		#nav .current-menu-item .sub-menu{
			display:none;
			}
		#nav ul.sub-menu{ 
			background-color:#1292cc;
			}
		#nav .menu-item-has-children .button{
			color:#fff;
			content:"\002B";
			display:block;
			font-size:2em;
			height:40px;
			line-height:1.1em;
			padding:2px;
			position:absolute;
			right:0;
			width:40px;
			text-align:center;
			top:2px;
			}
		#nav .menu-item-has-children .button{
			border:2px solid #1292cc;
			}
		#nav .menu-item-has-children .button:after{
			content:"\002B";
			}
		#nav .menu-item-has-children .button.active{
			background:#1292cc;
			}
		#nav .menu-item-has-children .button.active:after{
			content:"\2212";
			}
		#nav .menu-item-has-children .menu-item-has-children .button{
			border: 2px solid #0a709e;
			}
		#nav .menu-item-has-children .menu-item-has-children .button,
		#nav .menu-item-has-children .menu-item-has-children .sub-menu{ 
			background-color:#0a709e;
			}
		#nav .menu-item-has-children .sub-menu.active{
			display:block;
			}
	#contentarea{
		padding:10px;
		}
	#text-2{
		margin:20px 5px;
		}
	}
/*--------------------------------------------------------------
# Typo
--------------------------------------------------------------*/	
h1,h2,h3,h4,h5,h6{ margin:0; }
h1{
    color: #BA0067;
    font-size:1.4em;
    padding-bottom:20px;
    text-shadow: 1px 1px 2px #aaa;
    }
h2{
    color: #E47714;
    font-size:1.4em;
    padding-bottom:20px;
    text-shadow: 1px 1px 2px #aaa;
    }
h4{
	color:#55B8E5;
	font-size:1em;
	padding-bottom:5px;
	}
h5{
	color:#55B8E5;
	font-size:1em;
	padding-left:52px;
	padding-bottom:5px;
	background:url('images/snoepjerozeklein.png') no-repeat 0 0;
	}
p{
	margin-top:0;
	}
#contentarea a:hover{
	text-decoration:underline; 
	}