/* Scoped overrides voor déze knop */
a.share-btn,
a.share-btn:link,
a.share-btn:visited,
a.share-btn:hover,
a.share-btn:active,
a.share-btn:focus {
  color: #fff;              /* tekst wit in alle staten */
  text-decoration: none;    /* geen underline */
}


body {
	 font-family: 'Roboto', sans-serif;
     font-size:15px;
     font-weight:300;color: #7a7a7a;
}
img {
	width:100%;
	height: auto;
}
 .contact_top {
     width:100%;
     background-color:#000;
     color:#FFF;
}
 .contact_top_content_left {
     width:100%;
     text-align:left;
}
 .contact_top_content_right {
     width:100%;
     text-align:right;
}
 .contact_top p {
     padding:0px;
     margin:0px;
}
 .navbar {
     color:#FFF;
     font-size:14px;
     text-transform:uppercase;
     padding:20px 0px 20px 0px;
}
 .nav a:link{
     color:#FFF!important;
     padding-left:35px;
}
 .nav a:visited{
     color:#FFF!important;
}
 .nav a:hover{
     color:#7a7a7a!important;
}
 .navbar-toggler {
     padding:0px;
     border:0px;
}
 .navbar-expand-lg .navbar-nav .nav-link {
     padding-left:20px;
     padding-right:20px;
}
 .navbar button {
     outline: none!important;
}
 .navbar-dark .navbar-toggler-icon {
     background-image: url("img/menu.png");
}
 .navbar-collapse {
     flex-grow: 0;
}
 .header {
     width:100%;
     background-color:#FFF;
     font-size:18px;
     font-weight:300;
     color:#FFF;
     text-shadow: 0px 0px 10px #000;
     background-image: url("img/bg.jpg");
     background-position: center;
     background-size:cover;
     background-repeat: no-repeat;
}
 .menu .header {
     background-color:transparent;
     text-align: left;
     background-image: none;
}
 .header_streamer {
     padding:150px 0px 250px 0px;
}
 .header_volg {
     width:100%;
     background-color:#FFF;
     font-size:18px;
     font-weight:300;
     color:#FFF;
     text-shadow: 0px 0px 10px #000;
     background-image: url("img/bg_volg.jpg");
     background-position: center center;
     background-size:cover;
     background-repeat: no-repeat;
}
.header_volg12 {
     width:100%;
     background-color:#FFF;
     font-size:18px;
     font-weight:300;
     color:#FFF;
     text-shadow: 0px 0px 10px #000;
     background-image: url("img/bg_volgreserveer.jpg");
     background-position: center center;
     background-size:cover;
     background-repeat: no-repeat;
}
.header_lunch_volg {
     width:100%;
     background-color:#FFF;
     font-size:18px;
     font-weight:300;
     color:#FFF;
     text-shadow: 0px 0px 10px #000;
     background-image: url("img/bg_lunchvolg.jpg");
     background-position: center center;
     background-size:cover;
     background-repeat: no-repeat;
}
.header_wijn_volg {
     width:100%;
     background-color:#FFF;
     font-size:18px;
     font-weight:300;
     color:#FFF;
     text-shadow: 0px 0px 10px #000;
     background-image: url("img/bg_wijnvolg.jpg");
     background-position: center center;
     background-size:cover;
     background-repeat: no-repeat;
}
.wild {
     width:100%;
     background-color:#FFF;
     font-size:18px;
     font-weight:300;
     color:#FFF;
     text-shadow: 0px 0px 10px #000;
     background-image: url("img/wild.webp");
     background-position: center center;
     background-size:cover;
     background-repeat: no-repeat;
}
 .header_volg_2 {
     width:100%;
     background-color:#FFF;
     font-size:18px;
     font-weight:300;
     color:#FFF;
     text-align: center;
     text-shadow: 0px 0px 10px #000;
     background-image: url("img/bg_volg_2.jpg");
     background-position: top center;
     background-size:cover;
     background-repeat: no-repeat;
}
.header_impressie{
     width:100%;
     background-color:#FFF;
     font-size:18px;
     font-weight:300;
     color:#FFF;
     text-align: center;
     text-shadow: 0px 0px 10px #000;
     background-image: url("img/bg_impressie.jpg");
     background-position: top center;
     background-size:cover;
     background-repeat: no-repeat;
}


 .header_volg_3 {
     width:100%;
     background-color:#FFF;
     font-size:18px;
     font-weight:300;
     color:#FFF;
     text-align: center;
     text-shadow: 0px 0px 10px #000;
     background-image: url("img/bg_volg_3.jpg");
     background-position: center center;
     background-size:cover;
     background-repeat: no-repeat;
}
 .header_streamer_volg {
     padding:170px 0px 170px 0px;
	 color: #FFF;
}
 .header_streamer_volg h2{
	 color: #FFF;
	 font-size: 30px;
	 font-weight: 300;
}
 .segment1 {
     width:100%;
     padding:60px 0px 0px 0px;
     background-color:#FFF;
     text-align: center;
	 color: #000;
     font-size:18px;
     line-height: 28px;
}
 .segment2 {
     width:100%;
     padding:60px 0px 60px 0px;
     background-color:#FFF;
	 color: #7a7a7a;
}
 .segment3 {
     width:100%;
     padding:60px 0px 60px 0px;
     background-color:#FFF;
}
 .segment4 {
     width:100%;
     padding:100px 0px 100px 0px;
     background-color:#FFF;
     font-size:18px;
     font-weight: 300;
     line-height: 28px;
     color:#FFF;
     text-shadow: 0px 0px 10px #000;
     text-align: center;
     background-image: url("img/bg_streamer.jpg");
     background-size:cover;
     background-repeat: no-repeat;
	 background-position: center center;
}
 .segment4  img {
	width:auto;
	height: auto;
}
 .segment5 {
     width:100%;
     padding:100px 0px 100px 0px;
     background-color:#FFF;
     font-size:18px;
     font-weight: 300;
     line-height: 28px;
     color:#FFF;
     text-shadow: 0px 0px 10px #000;
     text-align: center;
     background-image: url("img/bg_recenties.jpg");
     background-size:cover;
     background-repeat: no-repeat;
	 background-position: center center;
}

 .segment6 {
     width:100%;
     padding:20px 0px 60px 0px;
     background-color:#FFF;
	 color: #7a7a7a;
}

 .menu {
     width:100%;
     padding:40px;
     background-color:#000;
     box-shadow: 0px 0px 10px #000;
     text-shadow: 0px 0px 10px #000;
     line-height:23px;
     color:#FFF;
	font-family: 'Roboto';
     background-image: url("img/menukaart.jpg");
}
 .menu hr {
     mergin:10px 0px 10px 0px;
     background-color:gray;
}
 [class*="col-"] {
     margin-top: 15px;
     margin-bottom: 15px;
}
 .action_button {
	 width:315px;
	 float:right;
	 background-color:#000;
	 border-radius:10px;
	 font-size:16px;
	 padding:30px;
	 text-shadow:none;
	-ms-transform: rotate(20deg); /* IE 9 */
  -webkit-transform: rotate(20deg); /* Safari */
  transform: rotate(20deg);
}
 .card {
     border-radius:0px;
	 min-height: 440px;
     background-color:#000;
     border:0px;
     color:#FFF;
	 font-size: 14px;
	 text-align: center;
}
 .card-title {
     font-size:22px;
     color:#000;
}
 .jumbotron {
     padding:30px;
     font-size:18px;
     font-weight: 300;
     text-align:center;
     border-radius: 0px;
     margin-bottom: 0px;
     background-color:#f1e8cd;
     border: solid 1px #e1d4b3;
}
 .streamer {
     width:100%;
     text-align:center;
     padding:30px 0px 30px 0px;
     background-image:url("img/sreamer-line.png");
     background-position:center;
     background-repeat:repeat-x;
}
 .center_streamer {
     width:100%;
     text-align:center;
}
 .segment2 .center_streamer {
     width:100%;
     text-align:center;
     font-weight:300px;
	 font-size: 18px;
     color:#000;
}
 .button_streamer {
     width:100%;
     text-align:center;
}
 .footer {
     width:100%;
     background-color:#000;
	 background-image:url("img/footer-kartel.jpg");
     background-position:top;
     background-repeat:repeat-x;
     color:#FFF;
     padding:50px 0px 20px 0px ;
}
 .footer img{
     width: auto;
	 height: auto;
}
 .footer a{
     color:#FFF;
}

 .footer a:visited{
     color:#FFF;
}
 .footer a:hover{
     color:#7a7a7a;
     text-decoration:none;
}
 .footer_heading {
	 font-family: 'Roboto Slab', serif;
     width: 100%;
     color: #7a7a7a;
     font-size:20px;
     font-weight:300;
     padding:10px 0px 10px 0px;
     text-transform:uppercase;
}
 .footer_ul {
     margin:0px ;
     list-style-type:none ;
     padding:0px;
}
 .footer_ul li {
     padding:5px 0px 0px 0px;
     padding-left:20px;
     background-image:url("img/pijl.png");
     background-position:center left;
     background-repeat:no-repeat;
}
 .bottom_border {
     background-image:url(img/element_footer.png);
     background-position:bottom center;
     background-repeat:no-repeat;
     padding-bottom:10px;
     margin-bottom: 20px;
}
 .form-control {
     font-size: 14px;
     background-color:#F9F1E0;
     border-radius: 10px;
	 border:1px solid #000000;
}
 .btn{
     background-color:transparent;
     border:1px solid #c59d5f;
     font-size:15px;
     font-weight:300;
     text-shadow: none;
     color:#c59d5f!important;
     padding:10px 15px 10px 15px;
     border-radius:0px;
}
 .btn:hover {
     background-color:#c59d5f;
     color:#FFF!important;
}
 .btn:focus,.btn:active {
     outline: none !important;
     box-shadow: none !important;
     background-color: #c59d5f !important;
}
 .navbar .btn{
     background-color:#818181!important;
}
 .navbar .btn:hover {
     background-color:#000!important;
     color:#FFF;
}
 .header .btn {
     margin-top:10px!important;
}

.language-switcher li.active img {
  opacity: 0.6;
  /* of een border, schaduw, etc. */
}
.language-switcher img {
  cursor: pointer;
  transition: transform .2s;
	margin-right: 3px;
}
.language-switcher img:hover {
  transform: scale(1.1);
}

 h1 {
	 font-family: 'Roboto Slab', serif;
     font-size:30px;
     font-weight: 300;
     padding-bottom:15px;
     color:#000;
     text-transform:uppercase;
     background-image:url(img/element.png);
     background-position:bottom center;
     background-repeat:no-repeat;
}
 .menu h1 {
     font-weight: 300;
     padding-bottom:10px;
     color:#FFF;
	font-family: 'Roboto Slab';
     text-transform:uppercase;
     background-image:none;

}

 .menu h2 {

	 font-size:20px !important;
     font-weight: 100;
     padding-bottom:0px;
     color:#CB9700;	 
	 font-family: 'Roboto Slab', serif;
     text-transform:uppercase;
     background-image:none;
}
 h2 {
	 font-family: 'Roboto Slab', serif;

     font-size:27px;
     color:#000;
     text-transform:uppercase;
}
 .streamer h2 {
     font-size:50px;
     color:#000;
     text-transform:uppercase;
}
 .header h2 {
     font-size:50px;
     color:#FFF;
     text-transform:uppercase;
     font-weight:300;
     padding-bottom:10px;
	 margin-bottom: 10px;
     background-image:url(img/element.png);
     background-position:bottom left;
     background-repeat:no-repeat;
}
 .header_volg h2 {
     font-size:38px;
     padding-bottom:5px;
     color:#FFF;
     text-transform:uppercase;
     font-weight:300;
}
.header_impressie h2 {
     font-size:38px;
     padding-bottom:5px;
     color:#FFF;
     text-transform:uppercase;
     font-weight:300;
}
.header_volg12 h2 {
     font-size:38px;
     padding-bottom:5px;
     color:#FFF;
     text-transform:uppercase;
     font-weight:300;
}

.header_lunch_volg h2 {
     font-size:38px;
     padding-bottom:5px;
     color:#FFF;
     text-transform:uppercase;
     font-weight:300;
}
.header_wijn_volg h2 {
     font-size:38px;
     padding-bottom:5px;
     color:#FFF;
     text-transform:uppercase;
     font-weight:300;
}
.wild h2 {
     font-size:38px;
     padding-bottom:5px;
     color:#FFF;
     text-transform:uppercase;
     font-weight:300;
}
 .segment2 h2 {
     font-size:22px;
	 text-transform: none;
	 font-weight: 300;
}

 .jumbotron h2 {
     font-size:22px;
     font-weight:300;
}
 h3 {
	 font-family: 'Roboto Slab', serif;
     font-size:22px;
     font-weight: 300;
     color:#000;
     text-transform:uppercase;
}
 .segment2 h3 {
     font-size:18px;
     text-transform:none;
}
 .segment4 h3 {
     font-size:30px;
     font-weight: 300;
     color:#FFF;
     padding-bottom:15px;
	 margin-bottom: 10px;
	 text-transform:uppercase;
     background-image:url(img/element.png);
     background-position:bottom center;
     background-repeat:no-repeat;
}
 .segment5 h3 {
     font-size:30px;
     font-weight: 300;
     color:#FFF;
     padding-bottom:15px;
	 margin-bottom: 10px;
     text-transform:uppercase;
     background-image:url(img/element.png);
     background-position:bottom center;
     background-repeat:no-repeat;
}

.card h3 {
     font-size:18px;
     color:#FFF;
     text-transform:uppercase;
     font-weight:300;
}
 a:link {
     color:#c59d5f;
     text-decoration: none;
     -o-transition:.5s;
     -ms-transition:.5s;
     -moz-transition:.5s;
     -webkit-transition:.5s;
}
 a:visited {
     color:#c59d5f;
}
 a:hover {
     color:#000;
}
 .header_streamer a:link {
     color:#FFF;
}
 .header_streamer a:visited{
     color:#FFF;
}
 .header_streamer a:hover {
     color:#000;
}
 .footer a:link {
     color:#FFF;
}
 .footer a:visited{
     color:#FFF;
}
 .footer a:hover {
     color:#7a7a7a;
}
 .contact_top a:link {
     color:#ae850b;
}
 .contact_top a:visited{
     color:#c59d5f;
}
 .contact_top a:hover {
     color:#7a7a7a;
}
.card a:link {
     background-color:transparent;
     border:1px solid #c59d5f;
     font-size:15px;
     font-weight:300;
     text-shadow: none;
     color:#c59d5f!important;
     padding:10px 15px 10px 15px;
     border-radius:0px;
	display: inline-block;
	text-align: center;
}
 .card a:hover {
     background-color:#c59d5f;
     color:#FFF!important;
}
div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title {
 	font-weight:normal!important;
	padding-bottom: 5px;
}

div.ccm-block-testimonial-image {
	float: none !important;
	margin-right: 0px !important;
}

div.ccm-block-testimonial-image img {
	max-width: 100% !important;
	max-height: none !important;
}

div.ccm-block-testimonial-name {
	font-size: 20px !important;
	font-weight: 300 !important;
    color:#000 !important;
}

th, td {
  vertical-align: top;
}
 @media only screen and (max-width: 1250px) {

 .navbar {
     font-size:14px;
}
 .nav a:link{
     padding-left:25px;
}
}
 @media only screen and (max-width: 992px) {
     
	 /* Scoped overrides voor déze knop */
a.share-btn,
a.share-btn:link,
a.share-btn:visited,
a.share-btn:hover,
a.share-btn:active,
a.share-btn:focus {
  color: #fff;              /* tekst wit in alle staten */
  text-decoration: none;    /* geen underline */
}
	 .wild {
     width:100%;
     background-color:#FFF;
     font-size:18px;
     font-weight:300;
     color:#FFF;
     text-shadow: 0px 0px 10px #000;
     background-image: url("img/WildHeaderLR.webp");
     background-position: center center;
     background-size:cover;
     background-repeat: no-repeat;
}
	 
	 .navbar {
         padding-left:20px;
         padding-right:20px;
         font-size:14px;
		 background-image: none;
    }
	 .nav a:link {
	 	padding-left: 0px;
	 }
	 .navbar li{
     	width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		 text-align: center;
		 font-size: 20px;
		 font-weight: bold;
	}
     .header_streamer {
         padding:100px 0px 100px 0px;
    }
     .header_streamer_volg {
         padding:80px 0px 80px 0px;
    }
     .segment1 {
         padding:30px 0px 0px 0px;
    }
     .segment2 {
         padding:30px 0px 30px 0px;
    }
     .segment3 {
         padding:30px 0px 30px 0px;
    }
     .segment4 {
         padding:30px 0px 30px 0px;
    }
     .segment5 {
         padding:30px 0px 30px 0px;
    }
	.segment6 {
         padding:0px 0px 30px 0px;
    }
     footer {
         padding:30px 0px 20px 0px;
    }
     .navbar-expand-lg .navbar-nav .nav-link {
         padding-left:0px;
         padding-right:0px;
    }
     .contact_top {
         padding-top: 15px;
         padding-bottom: 15px;
    }
     .contact_top [class*="col-"] {
         margin-top: 0px;
         margin-bottom: 0px;
    }
}
 @media only screen and (max-width: 768px) {
     .segment1 {
         padding:20px 0px 0px 0px;
    }
     .segment2 {
         padding:20px 0px 20px 0px;
    }
     .segment3 {
         padding:20px 0px 20px 0px;
    }
     .segment4 {
         padding:50px 0px 50px 0px;
    }
     .segment5 {
         padding:50px 0px 50px 0px;
    }
	.segment6 {
         padding:0px 0px 20px 0px;
    }
     .streamer {
         padding:20px 0px 20px 0px;
         background-image:none;
    }
     footer {
         padding:20px 0px 20px 0px;
    }
     .contact_top_content_left {
         text-align:center;
    }
     .contact_top_content_right {
         text-align:center;
    }
}
 @media only screen and (max-width: 576px) {
     .header h2 {
         font-size:30px;
         color:#FFF;
    }
     .header_volg h2 {
         font-size:30px;
         color:#FFF;
    }
	 .header_impressie h2 {
         font-size:30px;
         color:#FFF;
    }
	 .header_volg12 h2 {
         font-size:30px;
         color:#FFF;
    }
	 .header_lunch_volg h2 {
         font-size:30px;
         color:#FFF;
    }
	  .header_wijn_volg h2 {
         font-size:30px;
         color:#FFF;
    }
	  .wild h2 {
         font-size:30px;
         color:#FFF;
    }
}