/*
Theme Name: Dondersmeubel RESP
Theme URI: /wp-content/themes/dondersmeubel
Author: aceview
Author URI: http://aceview.nl/
Description: Responsive Dondersmeubel
Version: 1.0
License: copyright Aceview Internet

*/

/*Imports________________________________________________________________________________________*/

/*@import url('bootstrap/css/bootstrap.css');
@import url('bootstrap/css/bootstrap-responsive.css');*/
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css');
@import url(http://fonts.googleapis.com/css?family=Roboto);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
@import url(http://fonts.googleapis.com/css?family=EB+Garamond);
@import url('css/defaults.css');
@import url('css/menu.css');

/*Layout_________________________________________________________________________________________*/


video { width: 100% !important; height: auto !important; }

iframe, object, embed {
        max-width: 100%;
}

html {
	font-size: 60.5%;
}

body {
}


.tab-content{
	margin-top:20px;
	
	}
	
ul.nav-tabs li a{
	font-size:14px;	
	}
	
ul#menu-mobile-menu-hor{
	margin:8px 0 0 0;
	padding:0;
	list-style:none;
	
	}


ul#menu-mobile-menu-hor li a{
    color: #FFF;
    background-color: #560D40;
	text-decoration:none;
}

ul#menu-mobile-menu-hor li a:hover {
    color: #FFF;
    background-color: #560D40;
}
ul#menu-mobile-menu-hor li:first-child a {
    margin-right: 10px;
}
ul#menu-mobile-menu-hor li a {
    float: left;
    width: 48%;
}
ul#menu-mobile-menu li a, ul#menu-mobile-menu-hor li a {
    display: block;
    color: #FFF;
    font-size: 16px;
    padding: 5px 10px;
    border-radius: 5px;
    /*background: linear-gradient(to bottom, #353535 0%, #000 100%) repeat scroll 0% 0% transparent;
    box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.75);*/
}



#header-photo a.waarom{
	/*position:absolute;
	bottom:0px;
	right:0px;*/
	float:left;
	width:100%;
	color:#fff;
	text-align:center;
	font-size:18px;
	font-size:1.8rem;
	background-color:#990000;
	padding:5px;
	border:2px solid #fff;
	border-bottom:none;
	text-transform:uppercase;
	z-index:4444;
	border-top:none;
	}
	
	
#header-vervolg a.waarom{
	
	float:left;
	width:100%;
	color:#fff;
	text-align:center;
	font-size:18px;
	font-size:1.8rem;
	background-color:#990000;
	padding:5px;
	border:2px solid #fff;
	border-bottom:none;
	text-transform:uppercase;
	z-index:4444;
	border-top:none;
	}
	
#header-photo a.waarom:hover{
	background-color:#333;
	}


/*Header*/


#top{
	min-height:160px;
	background-color:#990000;
	border-bottom: 2px solid #fff;
  
}


#logo{
	text-align:center;
	}

#logo img {
	
	height:80px;
	margin: 15px 0;
	text-align:center;
	
}

#logo img-responsive{
	max-width:100%;
	text-align:center;
	}
	
	
#logo-vervolg {
	width:100%;
	height:auto;
	margin: 25px 0 0 0px;
	text-align:center;	
}

#logo-vervolg img-responsive{
	max-width:100%;
	text-align:left;
	margin-top:25px;	
	}

header{
	background-color:#333;
  	border-bottom:1px solid #333333;
  	border-top:1px solid #fff;
	}


#header {
	position: relative;
	padding: 0px 16px 0 10px;	
	}
	
#header img{
	/*width:100%;
	border:2px solid #f7f5f2;
	border-bottom:none;*/
	}









#usp-frame,
#usp-frame-footer{
	background-image:url(images/bg-usp.png);
	background-repeat:repeat;
	margin:0px 0 0 5px;
	padding:50px 10px;
	list-style:none;
	min-height:195px;
	border-bottom:1px solid #fff;	
	}
	


ul#usp{
	margin:0px;
	padding:10px;
	list-style:none;	
	
	}
	
#aanbieding,
#aanbieding-footer{
	background-image:url(images/bg-aanbieding.png);
	background-repeat:repeat;
	margin:0px 0 0 5px;
	padding:50px 10px;
	list-style:none;
	min-height:195px;
	border-top:1px solid #fff;	
	}

#usp-frame-footer,
#aanbieding-footer{
	padding:10px 10px;
	min-height:210px;
	margin-bottom:20px;
	}
	
#aanbieding span,
#aanbieding-footer span{
	color:#990000;
	font-size:24px;
	font-weight:bold;
	
	}

#navigatie {
	
	background-color: #d26e0b;
	margin:0;
	padding:0;
	border-top:1px solid #fff;
	/*border-bottom:1px solid #fff;*/
}


p#breadcrumbs {
	font-size: 14px;	
	margin:20px 0 0;
}



#content {
	
	padding: 20px 0px 30px 0px;
}

#content img {
	max-width: 100%;
}



.social{
	
	font-size:16px;
	float:right;
	padding:5px 0 0 0;	
	}
	
.social a{
	text-decoration:none;
		
	}
	
.social a:hover{
		color:#fff;
	}


/*collectie*/

.prijs span{
	font-size:18px;
	
	}
	
.prijs-single{
	font-size:22px;
	background-color:#900;
	
	padding:5px 15px;
	color:#fff;
	display:block;
	
	
	}




#adres{
	padding: 20px 0;
	color:#fff;
	background-color:#333333;
	border-bottom:1px solid #fff;
	}



#adres span{
	color:#ccc;
	
	}

#cbw{
	margin:20px 0 0 0;
	float:right;	
	}


/*Section extra-info*/

#extra-info {
	padding: 20px 0;
	color:#333;
	font-size:24px;
	text-align:center;
	text-transform:uppercase;
	background-color: #707070;
	border-bottom:1px solid #fff;
	
}


#adres a{
	color:#ccc;
	
	}
	
#adres a:hover{
	color:#fff;
	
	}

.divder{
	margin-top:-3px;
	
	}

#extra-info span {
	
}






#main-container{
	
	margin-bottom:20px;

}

/*Sidebar*/

#sidebar {
	margin: 0px 0 0px 0px;
	
	overflow:hidden;
}



.bg-darkgrey {
    display: table-cell;
    color: #FFF;
	
	
    text-align:center;
    min-height: 157px;
    vertical-align: middle;
    padding-top: 6%;
	padding-bottom:3%;
    margin-top: 10px;
    background-color: #5c5c5c;
	border-bottom:2px solid #fff;
}

.bg-grey {
    display: table-cell;
    color: #333;
    text-align: center;
    min-height: 157px;
    vertical-align: middle;
    padding-top: 6%;
  background-image:url(images/bg-usp.png);
	background-repeat:repeat;
    background-color: #dbd8d4;
	border-left:2px solid #fff;
}


.bg-light {
    display: table-cell;
    color: #333;
    text-align: center;
    min-height: 157px;
    vertical-align: middle;
    padding-top: 6%;
  background-image:url(images/bg-aanbieding.png);
	background-repeat:repeat;
    background-color: #ede7dc;
}


.bg-darkgrey a{
	 color: #FFF;
	 font-size: 22px;
	font-size: 2.2rem;
	text-transform:uppercase;
	
	}
	
.bg-grey a,
.bg-light a{
	 color: #333;
	 font-size: 22px;
	font-size: 2.2rem;
	text-transform:uppercase;
	}



/*Section footer*/

#footer {
	padding: 15px 20px;
	
	background-color: #990000;
}
#footer span {
	margin: 0;
	padding: 0;
}
#footer a {
	color: #637A1F;
	font-size: 14px;
	font-size: 1.4rem;
	text-decoration: none;
}

#footer a:hover {
	color: #333!important;
	
}


a.aceview {
	color: #fff!important;
	
}


/* Gallery ================================================================================ */


img.thumbnail-single{
	padding:2px;
	border:1px solid #eee;
	
	}

ul#gallery-thumbs {
	list-style: none;
	margin: 0px 0;
	padding: 0;
}
ul#gallery-thumbs li {
	margin: 0 5px 15px 0px;
	padding: 0;
	float:left;
	width:23.5%;
	
}
ul#gallery-thumbs li:nth-child(4n+4) {
	margin: 0 0px 15px 0px;
}


ul#gallery-thumbs li img {
	
	margin: 0;
	padding: 2px;
	border: 1px solid #e7e5d4;
	
}
.btn-warning {
	color: #fff;
	border: 1px solid #483F2E;
	background-color: #483F2E;
}
.btn-warning a {
	color: #fff;
}
.thumbnail {
	background-color:#fff;
	border: 1px solid #eee;
	padding: 4px;
	border-radius: 0;
	color:#560D40!important;
}

.thumb-container{
	/*min-height:200px;*/
	}

.thumbnail .caption{
	
	}

.thumbnail .caption strong {
	
}


.medium {
	border: 1px solid #ccc;
	padding: 4px;
	border-radius: 0;
	display: block;
	height: auto;
	max-width: 100%;
}
/*Pagination _____________________________________________________________________________________*/

.pagination {
	clear: both;
	padding: 0px;
	position: relative;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 13px;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 10px;
	text-decoration: none;
	width: auto;
	color: #fff;
	background: #183F6D;
}
.pagination a:hover {
	color: #fff;
	background: #3a5c82;
}
.pagination .current {
	color: #fff;
	background: #3a5c82;
}

/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */




/* Small devices (tablets, 768px and up) */
@media(min-width:768px) {

#top{
	
	background-color:#990000;
	border-bottom: 2px solid #fff;
  
}


#logo {
	width:100%;
height:auto;
	margin: 15px 0;
	text-align:center;
	
	
}


#logo img{
		height:100px;
	
	}

#logo img-responsive{
	max-width:100%;
	text-align:center;
	
	}

/* overzicht */

.thumb-container{
	height:240px;
	overflow:hidden;
	
	}

.caption h3{
	height:80px;	
	}
	
.prijs span{
	font-size:22px;
	}


html {
	font-size: 62.5%;
}
body {
}



/*Header*/


#header-photo{
	margin-top:-50px;
	margin-top:0px;
	position:relative;
	width:100%;
	
	border-top:0px solid #fff;
	
	}


iframe.movie{
	
	height:392px;
	margin:0px;
	padding:0px;
	border:2px solid #fff;
	border-bottom:0px;
	border-top:0px;
	overflow:hidden!important;
	
	}


	#header-photo a.waarom{
	position:absolute;
	bottom:0px;
	right:0px;
	width:auto;
	text-align:left;
	
	color:#fff;
	font-size:18px;
	font-size:1.8rem;
	background-color:#990000;
	padding:15px;
	border:2px solid #fff;
	border-bottom:none;
	text-transform:uppercase;
	z-index:4444;
	
	}



#header-vervolg a.waarom{
	float:left;
	width:inherit;
	border:none;
	color:#fff;
	font-size:18px;
	font-size:1.8rem;
	background-color:#707070;
	padding:15px;
	border-bottom:none;
	text-transform:uppercase;
	z-index:4444;
	
	}
	
#header-vervolg a.waarom:hover{
	background-color:#990000;
	}
	



#navigatie {
	height:40px;
	
}

#content {
	padding: 20px 0px 0 0px;
}


ul#gallery-thumbs li {
	width:18.5%;
	
}



#adres {
	font-size: 1.8px;
	font-size: 1.8rem;
	
}


ul.nav-tabs li a{
	font-size:16px;	
	}


ul#gallery-thumbs li {
	margin: 0 4px 15px 0px;
	padding: 0;
	float: left;
	width:inherit;
}


.menu-footermenu-container {
	float:left;
	
	}

ul#menu-footermenu{
	margin: 0px;
	padding: 0px;
	background-color: #eee;
	}


/* Belangrijk om mobile menu te activeren op tablets */

.navbar-toggle {
	display: inherit
}
.navbar-collapse.collapse {
	display: none!important;
}

.navbar-collapse.collapse.in {
    display: block!important;
}

/* _______________________________________________*/

}

/* Medium devices (desktops, 992px and up) */
@media(min-width:992px) {


#top{
	
	background-color:#990000;
	border-bottom: 2px solid #fff;
  
}


#logo {
	width:100%;
	height:auto;
	margin: 15px 0;
	text-align:center;	
}


#logo img{
	height:auto;	
	}

#logo img-responsive{
	max-width:100%;
	text-align:center;	
	}
	
#logo-vervolg {
	width:100%;
	height:auto;
	margin: 25px 0 0 45px;
	text-align:left;	
}

#logo-vervolg img-responsive{
	max-width:100%;
	text-align:left;
	margin-top:25px;	
	}


/* overzicht */

.thumb-container{
	height:150px;
	overflow:hidden;
	
	}

.caption h3{
	height:80px;
	
	}
	
.prijs span{
	font-size:18px;
	}



.slider-wrapper{
	
	
	}

.padding-left{
	padding-left:0px;
	}
	
.padding{
	padding:0px;
	}


#header img{
	border:2px solid #f7f5f2;
	border-bottom:none;
	border-top:none;
	}
	
	
#header-photo{
	margin-top:-75px;
	position:relative;
	width:100%;
	border-top:2px solid #fff;

	
	
	}
	
	
iframe.movie{
	height:392px;
	}
	
#usp-frame{
	padding:8px 10px;
	font-size:12px;
	min-height:132px;
	
	}
	
#aanbieding{
	margin:0px 0 0 5px;
	padding:20px 30px;
	min-height:87px;
	font-size:14px;
	}
	
#aanbieding span{
	color:#990000;
	font-size:16px;
	line-height:16px!important;
	font-weight:bold;
	
	}
	
	



	


ul#gallery-thumbs li {
	width:20.8%;	
}


#sidebar {
	margin: 0px 0 0px 0px;
	
	overflow:hidden;
}



#content {
	padding: 20px 0px 0 0px;
}

#main-container{
	
	margin-bottom:20px;

}


.menu-footermenu-container {
	float:right;
	}

/*Hoofdmenu*/
.bgmenu {
	background-color: transparent;
}
.bgmenu, nav {
	background-color: #e7e7e8!important;
}
#navigatie {
	
}
.navbar-toggle {
	display: none;
}
.navbar-collapse.collapse {
	display: none!important;
}
.menu-hoofdmenu-container {
	float:right;
	border: none;
	margin: 70px -15px 0 0;
	padding:0;
	z-index:999999;
	
}
.menu-hoofdmenu-container ul.menu {
	float:right;
	margin: 1px 0 0 0;
	padding:0;
	list-style: none;
	overflow: hidden;
	
	
}
.menu-hoofdmenu-container ul.menu li {
	float:left;
	margin: 0px 10px;
	padding: 0px 0;
	border: 0;
	
}

.menu-hoofdmenu-container ul.menu li:last-child{
	border-right:none;
	
	}

.menu-hoofdmenu-container ul.menu li a {
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	margin-top:0px;
	background-color: transparent;
	line-height:inherit;
	text-transform:uppercase;
	padding:4px 5px 2px;
	border-radius:5px;
	
}

.menu-hoofdmenu-container ul.menu li:first-child a {	
}


.menu-hoofdmenu-container ul.menu li a:hover {
	color: #fff;
	background-color:#333;	
}

.menu-hoofdmenu-container ul.menu li.current-menu-item a, 
.menu-hoofdmenu-container ul.menu li.current-page-ancestor a,
.menu-hoofdmenu-container ul.menu li.current-category-parent a {
	color: #fff;	
	background-color:#333;	
}

a.btn-warning span {
	font-size: 1.2rem;
	letter-spacing: 0.12rem;
}



/* drowpdown ================================================================================ */


.menu-hoofdmenu-container ul.menu li ul {
	position: absolute;
	width: 220px;
	padding: 0;
	margin-top: -50px;
	margin-left: 100px;
	left: -999em;  /*using left instead of display to hide menus because display: none isn't read by screen readers */
	border: 0;
	list-style: none;
}
.menu-hoofdmenu-container ul.menu li:hover ul, #menu li.sfhover ul {
	left: auto;
}
.menu-hoofdmenu-container ul.menu ul.sub-menu {
	padding: 0px;
	border-top: none;
	margin: 0px 0 0 -1px;
	z-index: 1000;
}
.menu-hoofdmenu-container ul.menu #menu-item-289 ul.sub-menu {
	margin: 0px 0 0 -132px;
}
.menu-hoofdmenu-container ul.menu #menu-item-300 ul.sub-menu {
	margin: 0px 0 0 -142px;
}
.menu-hoofdmenu-container ul.menu ul.sub-menu li {
	background-color: #eee;
	text-align: left;
	padding: 0;
	margin: 0;
	display: block;
	
}
.menu-hoofdmenu-container ul.menu ul.sub-menu li a {
	width:144px;
	height: auto;
	display: block;
	color: #fff;
	background-color:#560d40;
	padding: 3px 0 3px 10px;
	margin: 0;
	border: 0px solid #ecf3f9;
	font-size: 14px;
}
.menu-hoofdmenu-container ul.menu ul.sub-menu li a:hover {
	color: #560d40;
	background-color: #aa869f;
}


/*Topmenu*/
.menu-submenu-container {
	margin: 10px 0;
	z-index: 60;
	
}
.menu-submenu-container ul.menu {
	float:right;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: none;
	overflow: hidden;	
}
.menu-submenu-container ul.menu li {
	float:left;
	margin:0px;
	padding: 0 10px 0 10px;
	border:none;
	border-left: 1px solid #fff; 
}

.menu-submenu-container ul.menu li a {
	color:#fff;
	font-size:14px;
	
}

.menu-submenu-container ul.menu li:first-child {
	padding-left: 0;
	border:none;
}

.menu-submenu-container ul.menu li:last-child {
}

.menu-submenu-container ul.menu li a {
	color:#fff;
	letter-spacing: 0.00rem;
	padding: 0px 0px 0 0px;
	
}

.menu-submenu-container ul.menu li:first-child a {
	border-left: 0px;
}
.menu-submenu-container ul.menu li a:hover {
	color: #fff;
	border-bottom:2px solid #333;
}
li.current-menu-item a, 
li.current_page_item a {
	color: #fff;
	border-bottom:2px solid #333;
}
}

/* iPad in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}

/* Large devices (large desktops, 1200px and up) */
@media(min-width:1200px) {

	


iframe.movie{
	height:478px;
	}

#usp-frame{
	padding:8px 10px;
	font-size:16px;
	min-height:195px;
	
	}

#aanbieding{
	margin:0px 0 0 5px;
	padding:56px 10px;
	min-height:204px;
	
	}

.blink{
	-webkit-animation-name: blinker;
    -webkit-animation-duration: 4s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 4s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

	
@-webkit-keyframes blinker {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}

#aanbieding span{
	color:#990000;
	font-size:24px;
	font-weight:bold;
	
	}



.menu-hoofdmenu-container ul.menu li a {
	
	
	
	
}

.menu-submenu-container ul.menu li a {
	font-size: 14px;
	font-size: 1.4rem;
	
}
a.btn-warning span {
	font-size: 1.5rem;
	
}
}