/*
Theme Name: Dazzling Cocktails
Version: 1.0
*/

/* @import url("css/bootstrap.min.css"); */

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

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

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

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

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

body {
	background-color: #191919; 
}
h1, h2, h3 {  font-family: ubuntumedium; }
a:hover, a:focus { outline: 0; }
.featured a { color:#ffffff; }
.featured a:hover { color:#ffffff; text-decoration:none; }

.paginatitel { color:#ffffff; margin-left:30px; margin-bottom:30px; margin-top:1px; text-align:center;  }
/*
=====================================
HEADER
=====================================
*/
.topbalk { 
	background-color: rgba(0,0,0,0.8);  
}
.topbalk .logo { 
	padding: 15px 0; 
}
.customer-tools{
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 15%; 
	z-index: 9999;
}

@media (min-width: 420px){
		.topbalk .belmij {
			visibility:hidden;
	}
}
	
.topbalk .belmij { 
	position:absolute;
	top:5px;
	right:1px;
}

	.topbalk .belmij {
		width:70px;
		height:70px;
	}

@media (max-width: 337px){
	.topbalk .belmij {
		width:50px;
		height:50px;
	}

}




/*
=====================================
MENU
=====================================
*/
.navbar { min-height: 35px; margin: 0; }
.navbar-default { 
	background-image: url(images/bg-menu.png);
	background-repeat: repeat-x;
	border-radius: 0; 
	border: 0 none;
}
.navbar-default .navbar-nav {
	border-left: 1px solid #ed5e5e;
	border-right: 1px solid #bf1312;
}
.navbar-default .navbar-nav > li { 
	border-left: 1px solid #bf1312;
	border-right: 1px solid #ed5e5e;
}
.navbar-default .navbar-nav > li > a { 
	font-family: ubuntubold; 
	color: #fff; 
	font-size: 14px; 
	line-height: 14px; 
	position: relative;
	top: 1px; 	
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	opacity: 0.7;
	color: #fff;
}
.navbar-default .navbar-toggle { 
	border-color: #fff; 
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{
	background-color:#000;
}


/*
=====================================
BANNER
=====================================
*/
#slideshow { 
	background-repeat: no-repeat;
	background-position: bottom center;
	color: #fff; 
	text-align: center;
	font-family: ubuntubold; 
}

#slideshow .cycle-slideshow {
	width:100%;
	border-bottom:8px #111111 solid;
}

#slideshow .cycle-slideshow img {
	width:100%;
	display:none;
}

#banner { 
	background-repeat: no-repeat;
	background-image: url(images/banner.jpg);
	background-size: contain;
	background-position: bottom center;
	color: #fff; 
	text-align: center;
	font-family: ubuntubold; 
}
#banner h2 { 
	margin-bottom: 25px;
	font-size: 33px;
}
#banner h2 span {
	color: #ea1c24; 
}
#banner h4 { 
	line-height: 35px;
	margin-bottom: 25px;
}


/*
=====================================
SECTION
=====================================
*/
section ul { 
	margin: 0px 0px 15px 0px;
	padding: 0;
	list-style: none;
}
section ul li { 
	background-image: url(images/list-arrow.png);
	background-repeat: no-repeat;
	background-position: left top 9px; 
	padding-left: 15px;
	line-height: 28px;
}

/*
=====================================
FEATURED
=====================================
*/
#featured {
	background-color: #191919; 
	padding: 45px 0 0 0; 
}

#featured .featured {
	padding: 30px; 
	text-align: center;
	color: #fff; 
	line-height: 25px;
	border-radius: 15px; 
	min-height: 270px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #111111; 
	letter-spacing:0;
}
#featured .featured h3 {
	font-family: desyrelregular;
	text-shadow: 2px 2px 2px #000;
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	color: #fff; 
	font-size: 30px; 
}
#featured .featured h2, #featured .featured h4, .featured2 h1, .rood { 
	font-family: ubuntumedium;
	color: #ef252d; 
	font-size: 23px; 
	margin-top: 25px;
}
#featured .featured h5 { 
	margin-top: 25px;
}
#featured .featured img {
	margin: 0 auto;
	border-radius: 12px;
}
#featured .featured .featured_img {
	position: relative;
}
#featured .featured_two p { 
	letter-spacing: -0.6px; 
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#featured .featured_two p { 
		letter-spacing: -0.6px; 
	}
}
#featured .featured_three {
	margin-top: 40px; 
}
#featured .wrap_btn {
	margin-top: 25px; 
}
#featured .featured_btn {
	border: 4px solid #000;
	border-radius: 20px; 
	min-width: 190px;
	display: inline-block;
}
#featured .featured_btn a {
	border-top: 2px solid #ef8282;
	border-radius: 20px; 
	font-family: ubuntumedium;
	font-size: 14px;
	padding: 9px 5px;
	display: block;
	color: #fff; 
	background-color: #da1414;
	background-image: -moz-linear-gradient(top, #e81f1f, #cd0a0a);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e81f1f), to(#cd0a0a));
	background-image: -webkit-linear-gradient(top, #e81f1f, #cd0a0a);
	background-image: -o-linear-gradient(top, #e81f1f, #cd0a0a);
	background-image: linear-gradient(top bottom, #e81f1f, #cd0a0a);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e81f1f', endColorstr='#cd0a0a', GradientType=0);5);
	*background-color: #da1414;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#featured .featured_btn a:hover, #featured .featured_btn a:focus {
	background: #da1414;
	background /*\**/: #da1414\9;
}

/*IE*/
_:-ms-fullscreen, :root #featured .featured_btn a:hover, #featured .featured_btn a:focus {
	background: #e81f1f;
}

#featured .featured_btn.single {
	margin-top: 15px;
}
#featured .featured .more_info {
	padding-top: 20px;
}

#featured.featured2 .line {
	padding-top: 15px;
}



/*
=====================================
RECENT NIEUWS 
=====================================
*/
#recent_nieuws {
	background: #111111; 
	padding: 35px 0; 
	color: #fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top:40px;
}
#recent_nieuws h3 { 
	color: #ef252d; 
	font-size: 23px; 
	margin-bottom: 25px; 
	font-family: ubuntumedium;
}

#recent_nieuws h3 a { 
	color: #ef252d; 

}

#meer_nieuws {
	float:right;
	color:#666;
	margin-top:5px;
	font-style:italic;
}
#recent_nieuws h4 {
	color: #ef252d; 
	margin-top: 0; 
} 
#recent_nieuws .recent a { 
	color: #ef252d; 
	font-weight: bold;
}
#recent_nieuws .recent {
	background-color: #191919;
	border-radius: 15px; 
	padding: 20px; 
	min-height: 240px;
}
#recent_nieuws .recent .recent_img {
	width: 93px;
	height: 92px;
	overflow: hidden;
	border-radius: 10px; 
	margin-left: 10px; 
}
#recent_nieuws .recent img {
	max-width: 180px;
	border-radius: 10px; 
}


/*
=====================================
WORKSHOP LOCATION
=====================================
*/
#workshop_locaties {
	background: #111111; 
	padding: 35px 0; 
	color: #fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top:40px;
}
#workshop_locaties h2 { 
	color: #ef252d; 
	font-size: 23px; 
	margin-bottom: 25px; 
	font-family: ubuntumedium;
}
#workshop_locaties h4 {
	color: #ef252d; 
	margin-top: 0; 
} 
#workshop_locaties a { 
	color: #ef252d; 
	font-weight: bold;
}
#workshop_locaties ul li a {
	color: #fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	display: block;
	text-decoration: none; 
}
#workshop_locaties ul li {
	background-position: left 10px top 9px;
	padding-left: 25px;
}
#workshop_locaties ul li:hover, #workshop_locaties ul li:focus {
	background-color: #343434;
	border-radius: 10px; 
}



/*
=====================================
REFERENTIES
=====================================
*/
#referenties {
	background-color: #191919; 
	padding: 35px 0; 
}
#referenties h3 { 
	color: #ef252d; 
	font-size: 23px; 
	margin-bottom: 25px; 
}


/*
=====================================
REFERENTIES
=====================================
*/
.carousel {
	background: transparent;
	border-radius: 20px 15px 15px 20px;
}
.carousel-inner {
	border-radius: 20px 15px 15px 20px;
}
.carousel-caption {
	left: 10%;
	right: 10%;
}
.carousel-caption p { 
	font-size: 16px; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.carousel-caption .author p { 
	color: #dc1515;
	font-family: ubuntubold; 
}
.carousel-control { 
	width: 10%;
}
.carousel-indicators {
	display: none;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
	top: 60%;
}
.carousel-control.left { border-radius: 20px 0 0 15px; }
.carousel-control.right { border-radius: 0 20px 15px 0; }

.carousel-control .glyphicon-chevron-left:before, .carousel-control .glyphicon-chevron-right:before { 
	content: " ";
}



/*
=====================================
FOOTER
=====================================
*/
footer#site-footer { 
	font-family: ubuntubold; 
	color: #fff; 
	padding: 35px 0px 30px 0px;
	font-size: 12px; 
	line-height: 20px;
	background-color: #e51616;
	background-image: -moz-linear-gradient(top, #ee2323, #dc1111);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee2323), to(#dc1111));
	background-image: -webkit-linear-gradient(top, #ee2323, #dc1111);
	background-image: -o-linear-gradient(top, #ee2323, #dc1111);
	background-image: linear-gradient(top bottom, #ee2323, #dc1111);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee2323', endColorstr='#dc1111', GradientType=0);5);
	*background-color: #e51616;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	
	-webkit-box-shadow: 0px -3px 10px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px -3px 10px 0px rgba(0, 0, 0, 0.75);
	box-shadow:         0px -3px 10px 0px rgba(0, 0, 0, 0.75);

}
footer#site-footer a { 
	color: #fff; 
	text-decoration: none; 
}

footer#site-footer .kop { font-size:18px; margin-top:10px; margin-bottom:10px; }

footer#site-footer ul { 
	padding: 0; 
	margin: 0; 
	list-style: none; 
}
footer#site-footer ul li { 
	background-image: url(images/list-arrow.png);
	background-repeat: no-repeat;
	background-position: left center; 
	padding-left: 10px;
}
footer#site-footer ul li a { 
	font-size: 12px; 
}
footer#site-footer ul li a:hover, footer#site-footer ul li a:focus {
	opacity: 0.9; 
}
footer#site-footer .credits {
	margin-top: 45px; 
}
footer#site-footer .credits ul {
	padding: 0;
	margin: 0;
	opacity: 0.5;
}
footer#site-footer .credits ul li {
	background: 0;
	padding-left: 0; 
	padding-right: 15px; 
	display: inline-block;
}
footer#site-footer .credits p {
	 font-family: ubuntulight_italic;
	 font-size: 18px; 
	 margin: 0; 
	 line-height: 15px;
}


/*
=====================================
CUSTOMIZE
=====================================
*/
.text_left { text-align: left !important; }


/*
=====================================
RESPONSIVE
=====================================
*/

@media (min-width: 1400px) {
	#banner { background-size: cover;}
	
	/*Banner*/
	#banner .container {  position: relative; bottom: 50px; }
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
	.container { max-width: 990px; }
	
	/*Header*/
	#bannerruimte #site-header {  position: absolute; width: 100%;  }
	
	/*Menu*/
	.navbar-default .navbar-nav > li > a { padding: 19px 25px; }
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {  padding: 0;  }
	
	/*Banner*/
	#banner { min-height: 510px;  padding-top: 16%; }
	
	/*Featured*/
	#featured .wrap_btn .col-md-6:first-child { padding-right: 1px; }
	#featured .wrap_btn .col-md-6:first-child + .col-md-6 { padding-left: 1px; }
	#featured .featured_three .col-sm-6:first-child { width: 48%; }
	#featured .featured_three .col-sm-6:first-child + .col-sm-6 { width: 52%; padding-left: 0; }
	#featured .featured_three h4, #featured .featured_three h2, .featured2 h1 { margin-top: 0;  }
	#featured .featured_three img { margin: 0; }
	/* body:first-of-type #featured .featured_one { min-height: 627px; } */
	
	
	/*Recent Nieuws*/
	#recent_nieuws { padding: 35px 0 65px 0; }
	
	/*Referenties*/
	#referenties { padding: 35px 0 65px 0; }
	
	/*Workshop Locaties*/
	#featured .wrap_btn.voor_groepen {  margin-top: 40px; }

	
	/*Google Map*/
	#googleMap {
		width: 100%;
		height: 530px;
		border-radius: 15px;
	}
	
	/*Customize*/
	.md_no_padding_left { padding-left: 0; }
}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	/*Header*/
	#bannerruimte #site-header {  position: absolute; width: 100%;  }
	
	/*Menu*/
	.navbar-default .navbar-nav > li > a { padding: 19px 24px; }
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {  padding: 0;  }
	
	/*Banner*/
	#banner { min-height: 510px;  padding-top: 19%; }
	
	/*Featured*/
	#featured .wrap_btn .col-md-6:first-child { padding-right: 1px; }
	#featured .wrap_btn .col-md-6:first-child + .col-md-6 { padding-left: 1px; }
	#featured .featured_three .col-sm-6:first-child { width: 48%; }
	#featured .featured_three .col-sm-6:first-child + .col-sm-6 { width: 52%; padding-left: 0; }
	#featured .featured_btn.single { margin: 0; }
	#featured .featured_three h4 { margin-top: 0;  }
	#featured .featured_three img { margin: 0; }
	
	/*Google Map*/
	#googleMap {
		width: 100%;
		height: 530px;
		border-radius: 15px;
	}
	
	/*Workshop Locaties*/
	#featured .wrap_btn.voor_groepen {  margin-top: 40px; }
	
	/*Customize*/
	.md_no_padding_left { padding-left: 0; }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	/*Menu*/
	.navbar-default .navbar-nav > li > a { padding: 15px 10px; }
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {  padding: 0;  }	
	
	/*Banner*/
	#banner {  background-size: cover; }
	
	/*Featured*/
	#featured { padding: 35px 0px 45px; }
	#featured .featured { margin-bottom: 25px; }
	#featured .featured_three { margin-top: 0; }
	#featured .wrap_btn .col-md-6:first-child .featured_btn { margin-bottom: 10px;  }
	#featured.featured2 { padding: 0 0 15px;  }
	#featured .featured_three.text_left { margin-top: 35px; }
	#featured.featured2 .line { padding-bottom: 25px; }
	
	/*Recent Nieuws*/
	#recent_nieuws .recent { margin-bottom: 15px; }
	
	/*Carousel*/
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { top: 50%; }
	
	/*Google Map*/
	#googleMap {
		width: 100%;
		height: 330px;
		border-radius: 15px;
	}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	/*Menu*/
	.navbar-nav { margin: 0 -15px; }
	.navbar-default { background-color: #e21515; }
	.navbar-default .navbar-nav  { border-top: 1px solid #ed5e5e; border-bottom: 1px solid #bf1312;  }
	.navbar-default .navbar-nav > li  {  padding: 5px 10px;  border-style: solid; border-width: 1px 0 1px 0; border-color: #bf1312 transparent #ed5e5e transparent; }
	
	/*Banner*/
	#banner {  background-size: cover; }
	#banner h4 {  font-size: 14px; }
	
	/*Featured*/
	#featured .wrap_btn .col-md-6:first-child .featured_btn { margin-bottom: 10px;  }
	#featured .featured_three.text_left { margin-top: 35px; }
	#featured.featured2 .line { padding-bottom: 25px; }
	
	/*Recent Nieuws*/
	#recent_nieuws .recent { margin-bottom: 15px; }
	
	/*Carousel*/
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { top: 50%; }
	
	/*Google Map*/
	#googleMap {
		width: 100%;
		height: 330px;
		border-radius: 15px;
	}
	
	/*Footer Credits*/
	footer#site-footer .credits { text-align: center; }
	footer#site-footer .credits ul { display: inline-block; margin-bottom: 15px; }
	footer#site-footer .credits ul li { display: block; padding: 0; }
	
	
}

@media (max-width: 594px) {
	footer#site-footer .col-xs-5 {  width: 100%; margin-bottom: 15px;}
	footer#site-footer .col-xs-4 {  width: 100%; margin-bottom: 15px; }
	footer#site-footer .col-xs-3 {  width: 100%; margin-bottom: 15px; }
}

@media (max-width: 510px) {
	/*Carousel*/
	.carousel-caption { bottom: 0; }
	.carousel-caption p { font-size: 14px; margin-bottom: 5px; }
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
	
}

@media (max-width: 425px) {
	/*Carousel*/
	.carousel-caption p { font-size: 12px;  }
	.carousel-inner > .item > img, .carousel-inner > .item > a > img { max-width: 420px; 	overflow: hidden; }
}

.blokafstand { margin-top:50px; }
.fotoimpressie img { border-radius:12px;  margin-bottom:25px; } 
.mailaddress { display:none; }