/*
Theme Name: Tandartenpraktijk De Nieuweweg
Theme URI: http://www.tandartsenpraktijkdenieuweweg.nl
Author: Diink Creative
Author URI: http://www.diink.nl
Description: Tandartenpraktijk De Nieuweweg
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*
 * 		Stylesheet, handcrafted by Diink Creative with love
 */
 
/* Main
================================================== */
.sub-headtext h1 {padding-left:10px; color:white;}
.inschrijving td {color:#222;}
.inschrijving td p {color:#222;}
/* Menu
================================================== */
ul.menu {list-style: none; border-right: 1px solid #f2f2f2;}
ul.menu li {border-bottom: 1px solid #f2f2f2; width: 100%;}
ul.menu li:last-child {border-bottom: none;}
ul.menu li:hover {background: #00b1c3; color: white; border-left: 3px solid #0098a9; border-bottom: 1px solid #00b1c3;}
ul.menu li a {display: block; padding: 10px;width: 100%; height: 100%;}
ul.menu li:hover a {color: white;}

ul.menu ul.sub-menu {
	display: none;
	background: #f2f2f2; border-radius: 0px; padding: 0;
	position: absolute;
	left: 214px;
	margin-top:-45px;
	-webkit-transition: all 0.2s;
	z-index: 9999;
}
ul.menu li:hover > ul.sub-menu {display: inline-block; -webkit-transition: all 0.2s;}
	
ul.menu ul.sub-menu li {
	display: block;
	border-bottom: 1px solid #eeeeee;
	position: relative;
	width: auto;
	-webkit-transition: all 0.2s;
}
ul.menu li ul.sub-menu li {position: static;display: block;float: none;white-space: nowrap;}
ul.menu ul.sub-menu li a {color: #00b1c3; -webkit-transition: all 0.2s; white-space: nowrap;}	
ul.menu ul.sub-menu li a:hover {background: #00b1c3;color: white;}

ul {
	list-style-position: inside !important;
}
.content ul {
	list-style-position: inherit !important;
	margin-left: 18px;
}


/* Header
================================================== */
section.header {
	padding: 30px 0;
}
.tel {
	border-radius: 3px;
	background: #999;
	color: white;
	float: right;
}
.tel p { margin:0px;line-height:normal;padding:20px;display: inline-block;}
.tel a { color: #FFF;}

/* Slider
================================================== */
.slider { margin-top: 10px;}

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.slide {
	border-radius: 5px;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	max-width: 100%;
}
.owl-carousel .owl-wrapper{
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
	-webkit-perspective: 1000;
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-item{
	float: left;
}
.owl-controlls .owl-page,
.owl-controlls .owl-buttons div{
	cursor: pointer;
}
.owl-prev {float: left;margin-top: 5px;}
.owl-next {float: right;margin-top: 5px;}
.owl-controlls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
}

/* box
================================================== */
section.box-wrap { padding: 20px 0; background: #00b1c3; margin-bottom: 20px;}
.box h2 { color: white;}
.box p { margin: 0px; padding: 0 40px 0 0; color: white; }
.box table {margin-left: -10px; color:white;}
.box table td {margin-right: 15px; color:white;}
.box h1 {color: white;}
.box .row {padding-top:5px;}

/* Content
================================================== */
.content h2 { color: white; background: #999; padding: 10px 15px; border-radius: 3px;}
.content p,.content h3 {padding: 0px;}

/* Sub-box	
================================================== */
.sub-box {background: white; padding: 20px 0; border-radius: 3px;margin-bottom:3px;}
.sub-box h3 {text-align: center; margin: 0; font-weight: bold; color: #555;}
.sub-box img {margin-left: auto; margin-right: auto; display: block;}
/* .sb-1 {background: #31ebff;}
.sb-2 {background: #0adcf3;}
.sb-3 {background: #00b1c3;} */
.sb-1:hover,.sb-2:hover,.sb-3:hover {background: #00d4ec;}
.sb-1:hover h3,.sb-2:hover h3,.sb-3:hover h3{color: white;}

/* footer
================================================== */
footer {
	background: #555;
	padding: 30px 0;
	color: white;
}
footer p {
	font-size: 12px;
	line-height:18px;
}
footer#sub-footer {
	background:#f2f2f2;
	height: 30px;
	margin: 0px;
	padding: 0px;
}
footer#sub-footer .row {margin-top: 0px; padding: 7px 0px;}

table {
	margin-bottom: 1.25em;
}

.twenty20-container {
	display: block;
	float: left;
	width: 100%;
}

.kader {
	display: block;
	float: left;
	width: 100%;
	border: 3px solid #00b1c3;
	margin-bottom: 1.25em;
	line-height: 1.6;
	padding: 20px;
}

.home-table-opening-hours {
	float: left;
	width: 50%;
	margin-left: 0 !important;
}
.home-table-opening-hours:nth-of-type(1) {
	margin-bottom: 0 !important;
}

@media only screen and (max-width: 600px) {
	.twenty20 {
		width: 50% !important;
	}
	
	.home-table-opening-hours {
		width: 100%;
	}
}