body {font-size: 14px; color: #5c4d3a; font-family: 'Lato', Arial, Helvetica, sans-serif;}
img {max-width: 100%; height: auto;}

h1 {font-family: 'Maiden Orange', cursive; font-size: 45px; color: #5c4d3a;}
h2 {font-family: 'Maiden Orange', cursive; font-size: 45px; color: #5c4d3a;}
h3 {font-family: 'Maiden Orange', cursive; font-size: 36px; color: #5c4d3a;}
h4 {font-family: 'Maiden Orange', cursive; font-size: 30px; color: #5c4d3a;}


a:LINK, a:VISITED {color: #5c4d3a;}
.btn {padding: 3px 30px;}
.btn-primary {background-color: #5c4d3a; border-color: #5c4d3a; font-family: 'Maiden Orange', cursive; font-size: 24px; font-weight: normal;}
.btn-primary:HOVER, .btn-primary:FOCUS {background-color: #fde3b6; border-color: #5c4d3a; color: #5c4d3a; }
.btn-default {background-color: #fde3b6; border-color: #fde3b6; font-family: 'Maiden Orange', cursive; font-size: 24px; font-weight: normal;}
.btn-default:HOVER, .btn-default:FOCUS {background-color: #5c4d3a; border-color: #5c4d3a; color: #fff; }
.hide {display: none;}
.inline {display: inline;}

.logo {position: absolute; top: 0; left: 0; z-index: 10000;}
.cus-header {position: relative;}
.sitenaam {font-family: 'Maiden Orange', cursive; font-size: 80px; color: #fde3b6; text-align: center; line-height: 1.2; letter-spacing: 3px;}
.facebook {text-align: right; font-size: 30px; color: #5c4d3a; padding-top: 20px;}
.facebook a {color: #5c4d3a;}
.facebook span {font-family: 'Maiden Orange', cursive; font-size: 24px;}

.mapson {display: none;}

.bg-dark {background-color: #5c4d3a !important;}
.navbar {font-family: 'Maiden Orange', cursive; font-size: 26px; font-weight: normal;}
.navbar-dark .navbar-nav .nav-link:link, .navbar-dark .navbar-nav .nav-link:visited {color: #fff;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {color: #fff;}

.navbar-nav > li {margin-left: 40px;}
.dropdown-menu {background-color: #fde3b6; font-size: 18px; text-align: center;}
.dropdown-menu li a {color: #5c4d3a; position: relative; display: inline-block; margin-top: 12px; margin-bottom: 12px; width: 100%;}
.dropdown-menu li a:HOVER, .dropdown-menu li a:FOCUS {text-decoration: none;}
.dropdown-menu li a:after{
    left: 40%;
    z-index: 1;
    width: 35px;
    height: 3px;
    content: " ";
    bottom: -12px;
    position: absolute;
    background: #5c4d3a;
}
.navbar-nav > li.active a span, .navbar-nav > li:HOVER a span {border-bottom: 5px solid #fde3b6; padding-bottom: 16px; color: #fde3b6;}
.navbar-nav > li.active .dropdown-toggle::after {color: #fde3b6;}

footer {background-color: #5c4d3a; color: #fff;}
footer h3 {font-family: 'Maiden Orange', cursive; font-size: 24px; text-transform: uppercase; color: #fff; margin: 0;}
footer h4 {font-family: 'Maiden Orange', cursive; font-size: 18px; text-transform: uppercase; color: #fff;}
footer a:LINK, footer a:VISITED {color: #fff; text-decoration: underline;}
footer a:HOVER, footer a:ACTIVE, footer a:FOCUS {color: #fff;}
.vakantie {color: #fde3b6;}

.nieuwsbrief {border: 2px solid #fff; padding: 15px; text-align: center;}
.nieuwsbrief h3 {text-transform: none;}
.toestemming {text-align: left; font-size: 10px;}
.nieuwsbrief .btn-primary {background-color: #fff; border-color: #fff; color: #5c4d3a; font-family: 'Maiden Orange', cursive; font-size: 20px; padding: 0 15px;}
.nieuwsbrief .btn-primary:HOVER, .nieuwsbrief .btn-primary:ACTIVE, .nieuwsbrief .btn-primary:FOCUS {background-color: #fff; border-color: #fff; color: #5c4d3a;}
.nieuwsbrief input[type="text"] {padding: 2px; border-radius: 0; font-size: 14px;}

.volgons-facebook {font-size: 24px; margin-top: 60px;}
.volgons-facebook a:LINK, .volgons-facebook a:VISITED, .volgons-facebook a:HOVER, .volgons-facebook a:ACTIVE, .volgons-facebook a:FOCUS {text-decoration: none; font-family: 'Maiden Orange', cursive;}
.volgons-facebook .fab {font-size: 36px;}

.copyright {font-size: 10px; margin-top: 25px; text-align: right; line-height: 1.8;}
.copyright a {text-decoration: none;}
.copyright a:HOVER, .copyright a:FOCUS {text-decoration: underline;}

.subnav {font-family: 'Maiden Orange', cursive; font-size: 24px; font-weight: normal;}
.subnav ul {list-style-type: none; margin: 0; padding: 0;}
.subnav ul li {display: inline-block; margin-right: 40px;}
.subnav ul li:last-child {margin-right: 0;}
.subnav ul li a {color: #5c4d3a;}
.subnav ul li.active a {color: #fde3b6;}


.specificaties {font-family: 'Maiden Orange', cursive; font-size: 24px;}
.specificaties th {background-color: #5c4d3a; color: #fff; font-weight: normal; border: 1px solid #fff; border-collapse: collapse;}
.specificaties td {background-color: #fde3b6; font-family: 'Lato', Arial, Helvetica, sans-serif; border: 1px solid #fff; border-collapse: collapse; font-size: 14px;}
.specificaties .nobg {background-color: #fff !important;}

.openingsuren td {padding: 3px 0;}

.getuigenissen {font-weight: bold;}

.producten h3 {font-size: 20px;}
.product-img {border: 1px solid #9f958a; padding: 10px;}
.product-img:HOVER {border: 1px solid #fde3b6;}
.product-img {}
.product-text {}


#gallery {float: left; width: 55%;}
.productimg {border: 1px solid #5c4d3a;}
#thumbs {float: left; width: 30%;}
#thumbs ul {list-style-type: none; margin: 0; padding: 0}
#thumbs ul li {border: 1px solid #ddd; margin-bottom: 10px;}
#slideshow {position: relative;}
ul.thumbs li {width: 75px;}


.terug {font-family: 'Maiden Orange', cursive; font-size: 24px; text-decoration: underline;}

.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 60px;
    height: 60px;
}

.align-left {float: left; margin: 0 15px 15px 0;}
.align-right {float: right; margin: 0 0 15px 15px;}

.reviewauthor {font-weight: bold; font-size: 16px;}
.reviewrate ul {list-style-type: none; margin: 0; padding: 0;}
.reviewrate ul li {display: inline-block; background: none; padding: 0; margin-right: 2px;}
p.reviewreply {margin: 10px 0 0 36px; font-style: italic; color: #666; background: url("img/bg_reviewreply.png") no-repeat center left; padding-left: 45px;}

.advance-link img {max-width: 99%;}


@media (max-width: 767px) {
    .sitenaam {font-size: 40px; text-align: right;}

    div.slideshow a.advance-link {
        width: 90%;
        height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
        line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
    }
}

@media (max-width: 992px) {
    #gallery, #thumbs {float: none; width: 100%;}
}


@media (min-width: 768px) {
    .dropdown:hover>.dropdown-menu {display: block;}
}


@media (min-width: 768px) and (max-width: 991px) {

}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-nav {font-size: 22px;}
    .navbar-nav > li {margin-left: 20px;}
}