/*
	Theme Name: Underscore-child
	Theme URI: http://underscores.me/
	Description: 
	Author: 
	Author URI: 
	Version: 1.0.0
	License: GNU General Public License v2 or later
	License URI: LICENSE
	Text Domain: underscore-child
	Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
	Template: underscore
	
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

underscore is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/




@import url(../jarida150/style.css);
*/
.entry a {
    text-decoration: underline;
}
.my-text-center {
 text-align:center;
}
.my-bold {
 font-weight:700;
}
.my-big {
 font-size:24px;
 font-weight:700;
 font-style:italic;
}

.my-cta {
 /* background-color: rgba(162, 57, 57, 1);*/ /*#cd2122;*/
 color: #B39A60; margin: 20px 0; padding: 15px;line-height: 40px;
}
input[type="tel"] {
    border: 1px solid #e0e0e0;
    padding: 8px 6px;
    outline: none;
    font-size: 13px;
    color: #888;
    margin: 0;
    max-width: 100%;
    display: block;
    background: #fff;
    -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
}


.breaking-news, .breaking-news span {
   height: initial;
   display: block;
   visibility:visible; 
}


body {
    background: none;
    background-color: #eee;
}
.wrapper.layout-2c .container, .wrapper.layout-2c header, .wrapper.layout-2c #main-nav, .wrapper.layout-2c #footer-widget-area, .wrapper.layout-2c .scroll-box-wide .group_items {
    width: 100%!important; /*955px;*/
}

.wrapper.layout-2c {
    width: 100%!important;
}

.full-width .content, body.error404 .content {
    width: 100%!important;
}

.wrapper.layout-2c .header-content {
    margin: 0;
}


.flexslider, .full-width .content .flexslider {
 width: 100% !important;
 height: auto !important;
}

.post-inner {
    padding: 20px 10px;
}

 .header-content {
  display:none;
  visibility:hidden;
 }




/* ============Media Queries. Breakpoints ============================================================
 ==== Screens:lg 1200/md 992/sm 768/xs 480/ 320  Containers: 1170-970-750 Rows:1140-940-720 ===========
 ======================================================================================================*/

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}


/*  TABLET  : 1024px */
@media only screen and ( max-width: 1050px ){
}
/* TABLET  : 768px */
@media only screen and (max-width: 985px) and (min-width: 768px){
 .wrapper {
    width: 95% !important;
 }
}

/*  Phone  : 480px */
@media only screen and (max-width: 767px) and (min-width: 480px){
}
/* Phone  : 320px */
@media only screen and (max-width: 479px){
}


/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

       
}

/* ==================================================================== */
@media only screen and (min-width : 480px) {

}


/* ==================================================================== */
@media only screen and (min-width : 640px) {


}



/* Notebooks ===================================================================================== */ 
@media only screen and (min-width : 767px) {


 
}
/* Desktop ======================================================================== */ 
@media only screen and (min-width : 991px) {


}
/* Wide-screen ==================================================================== */ 
@media only screen and (min-width : 1199px) {

 
 
}




 /* override bootstrap */
body {
 font-family: lato,"Helvetica Neue",Helvetica,Arial,sans-serif;
 font-size: 16px; /*13px; */
 font-weight:300;
 line-height: 1.4em;
 color: #605E5E; /* grijs */ 
}


h2 {
 font-family: lato, sans-serif; 
 letter-spacing: 0.2em;
}

h3 {
 font-family: lato, sans-serif; 
 font-size: 30px;
/* color: #605E5E; */
  color: #BC9B5D; /* goud */
}

h1, h2, h3 {
 font-weight:normal;
 margin-bottom:10px; /* bs default */
}

a {
 color:#B39A60;
 text-decoration:underline;
}

.navbar-collapse {
 padding-right: 0;
 padding-left: 0;
}    


/*
.navbar-toggle .icon-bar {
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #a0a09f;
}



.navbar-toggle {
  position: relative;
  float: none; /*right; */
  padding: 0; /*9px 10px;*/
  margin:0;
/*    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px; */
  background-color: transparent;
  background-image: none;
  border: none; /*1px solid transparent;*/
  /*  border-radius: 4px; */
  height:14px;
  font-size:18px;
  line-height:14px;
  overflow:hidden;
  color:#fff;
  border-radius:0;
}

*/


/* show mobile menu on all viewports */
/*
.navbar-toggle {
 display:inline-block!important;
}

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

.navbar-collapse.collapse.in {
 display: block!important;
}
.main-navigation li {
 float:none!important;
}
*/

/* end fix to always show  mobile menu */


/*
.container {
  padding-right: 5px;
  padding-left: 5px;
}

.row {
 margin-right: -10px;
 margin-left: -10px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
 padding-right: 10px;
 padding-left: 10px;
}
*/
.page-template-page-inspiratie .row {
 margin-right: -5px;
 margin-left: -5px;
}

.page-template-page-inspiratie .col-sm-1,
.page-template-page-inspiratie .col-sm-10,
.page-template-page-inspiratie .col-sm-11,
.page-template-page-inspiratie .col-sm-12, 
.page-template-page-inspiratie .col-sm-2,
.page-template-page-inspiratie .col-sm-3,
.page-template-page-inspiratie .col-sm-4,
.page-template-page-inspiratie .col-sm-5,
.page-template-page-inspiratie .col-sm-6,
.page-template-page-inspiratie .col-sm-7,
.page-template-page-inspiratie .col-sm-8,
.page-template-page-inspiratie .col-sm-9 {
 padding-right: 5px;
 padding-left: 5px;
}


.page-header {
 padding-bottom: 5px;
 margin: 10px 0 20px;
}

/* override mix */

.site-header {
 /*border-bottom: 1px solid #ddd;*/
 padding: 0; /*30px 0;*/
 position: fixed; /*relative; */
 z-index:200;
 width: 100%; 
 background-color: #3f3f3e;
 max-width: 1280px;
 right:0;
 left:0;
 margin: 0 auto;
}

.top-section {
 padding-top: 182px!important; /*192px; *//*208px;*/ /*182px;*/  /* 177px; */ /*183px; */
 background-color: #f2eee5; /*#3f3f3e;brown*/
}

.header-image {
  border:none;
  border-bottom: 1px solid  rgba(179, 154, 96, 1);
  margin: 0;
  padding: 0 0 10px 0; /*20px 0;*/
}

.header-image a {
 display:inline-block;
}

.main-navigation {
    font-size: 16px;
    line-height: 1.875;
    margin: 0;
    z-index: 2;
}

.main-navigation > div > ul {
    background-color: #3f3f3e;
/*    border: 1px solid #ddd; */
    padding-left: 10px; 
    position: relative;
}

.main-navigation ul {
/*    border-bottom: 1px solid #eee; */
    list-style: none;
    margin: 0;
/*    padding-left: 0; */
}

.main-navigation li {
 border-top: none;
 padding: 6px 12px; /*12px 12px;*/
}

.main-navigation a {
    color: #a0a09f;
    display: block;
    text-decoration: none;
    font: normal normal normal 14px/1.4em lato; /*orig_lato_regular;*/
}

.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a {
    color: #b39a60;
}

.main-navigation a:hover, .main-navigation a:focus {
    color: #b39a60; 
}


.site-content { 
 background-color: #f2eee5;  /*TO REMOVE AFTER */
 padding-bottom: 30px;
 padding-top:180px; /*200px; */
}

.home .site-content, .page-id-38 .site-content {
 background-color: #f2eee5; /*rgb(242, 238, 229);*/
 padding-top:0; 
}


.single-post .site-content { 
 background-color: #fff;   
}



footer a {
 text-decoration: none;
}
.site-footer {
 background-color: #3f3f3e;
 border-top: 5px solid #BC9B5D;
}

.footer-widget {
 color: rgba(179, 154, 96, 1);
 padding-top: 10px;
}

.footer-widget a {
 color: #F2EADA;
}

/*============== my styles ===========*/

.flexslider {
 border-bottom: 5px solid #BC9B5D;
 max-width: 1280px;
 margin: 0 auto;
}

.flexslider .slides img {
 width:100%;
 height: auto;
}

.flex-direction-nav a::before {
 font-size: 20px; /*40px; */
 line-height: 40px;
}

.flex-control-nav {
 display:none; /* inline-block; */
 visibility:hidden;
}


.flex-caption {
 margin: auto;
 padding: 0 30px; /* 40px 90px; */
 top: 0;
 bottom: initial;
 display:inline-block!important;
}


.flex-caption .excerpt {
 font-family:'libre baskerville',serif;
 font-size:13px; /*16px;*/ /*22px; */ 
 line-height: 1em; /*1.3em; */
 font-style:italic; letter-spacing:0.05em;
 background: none;
 color: #fff;
 max-width: 300px; /*400px;*/
 padding: 0; /*12px 20px;*/
 float:right;
}

/*.slides li:nth-child(2) .flex-caption .excerpt */
.slides li:nth-child(even) .flex-caption .excerpt {
 float:left;
}

.my-slide-title {
 letter-spacing:0.1em;
 font-weight:bold;
 font-family:lato,sans-serif;
 font-size:12px; /*14px; */
 font-style:normal;
}

.flex-caption .excerpt hr {
 width: 40px;
 margin-left:0;
 margin-top: 5px; /*10px;*/
 margin-bottom: 5px; /*10px;*/
}

.site-info {
 text-align:center;
 padding:10px 0;
 color:#F2EADA;
}

.my-footer-1-wrap, .my-footer-2-wrap {
 /* height:92px; */
}

.my-footer-1-wrap p, .my-footer-2-wrap  p {
  padding-top: 15px;
}

.my-footer-2-wrap {
 /*max-width: 390px;*/
 margin-left: auto;
 margin-right: 0px;
}

.my-footer-logo {
 float:left;
 padding: 5px 20px 100px 0;
}

.my-social {
 padding: 5px 0 20px 20px;
 text-align:center;
 float:right;
}


.my-social-share li {
 margin-right:5px;
}



.fa {
 font-size: 44px;
 color: #BC9B5D;
}

.my-top-bar {
 background-color:#b39a60;
}

.my-top-bar h2 {
 margin:0;
 color:#F2EADA;
 padding: 5px 0;
/* font-size:11px;
 letter-spacing: 0.2em;  */
 text-transform: uppercase;
}

.my-logo img {
 width:196px; /*188px;*/
 height:125px; /*120px;*/
}

a.my-reserveer, a.my-reserveer-mobile {
 display: none;
 visibility: hidden; 
}

.nl a.my-reserveer-mobile {  
 display: inline-block;
 visibility: visible;
}

.my-reserveer img {
 height:100px; /* 125px; */
 width:100px /* 125px; */  
}

a.my-reserveer-mobile {
 font-size:18px;
 color:#fff;
 line-height:14px;
 /* width:1px; *//* 130px; */
 text-align:left;
 margin-left:-3px; 
 overflow:visible;
}

.my-menu-lang-wrap {
 position:relative;
 /* width: 420px;*/ /*200px;*/
 margin: 0 auto;
 margin-top: 10px; /* 20px;*/
 line-height:0;
 overflow: hidden;
}

.my-menu-lang-wrap div {
 display:inline-block;
}

.my-menu-text {
 width:56px;
 text-align:right;
 overflow: visible;
}
/*
.nl .my-menu-text {
 width:186px;
}
*/

.my-lang a {
 display:inline-block;
 margin: 0 7px 0 0;
 font-size: 0px;
}

.my-lang > img {
 display:none;
 visibility:hidden;
}

.my-lang.my-desktop {
 display:none;
 visibility:hidden;
}
.my-lang.my-desktop a {
 display:inline-block;
 line-height: 0;
 overflow: hidden;
 vertical-align: top;
 margin: 11px 10px 0 0;
}


.my-lang img {
 height:14px;
 width:21px;
 vertical-align: baseline;
}
.my-lang.my-desktop img {
 height:12px;
 width:18px;
 vertical-align: middle;
}


.my-wrap {
 position:relative;
}

.my-wrap img {
 width:100%;
 height:auto;
}
.my-watermark {
 position:absolute;
 top:15px;
 right:15px;
 z-index:2;
 width:78px!important;
 
}

.my-home a {
 white-space:nowrap;
}

.my-home hr {
 width:60%;
 border-top: 1px solid #BC9B5D;
 margin-top: 30px;
 margin-bottom: 30px;
}

.my-inline-block {
 display:inline-block;
}

.my-menu-icon {
 margin:0 5px;
}

.my-single-impressie-overlay {
 position:absolute;
 left:5px;
 right:5px;
 top: 0;
 bottom: 0;
 color:#fff; /*#a0a09f;*/
 /* width: 100%; */
 /*height: 100%;*/
 padding: 0 30px; /*30px;*/
 z-index: 10;
 opacity: 0;
 background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5);
 cursor: default;
 transition: opacity .4s ease; 
}

.my-single-impressie-overlay:hover {
 opacity: 0.8;
 cursor: pointer; 
}

.my-single-impressie-link {
 display:inline-block;
 position:absolute;
 z-index:20;
 width:100%;
 height:100%;
 margin-left: -30px;
}


.my-single-impressie-overlay h2 a {
 color: #FFFFFF; 
 font-family: 'libre baskerville',serif;
 font-size: 26px;
 font-style:italic;
 text-decoration:none;
 letter-spacing:-1.5px;
}
/*
.my-single-impressie-overlay h2 a:hover {
 text-decoration:underline;
}
*/
.my-single-impressie-overlay p {
 color: #FFFFFF;
 font-size: 13px;
 font-weight:300;
 letter-spacing: -0.1px;
}

.my-single-impressie-overlay .fa {
 font-size: 32px; 
 color:#fff; /* #a0a09f; */
}

.my-single-impressie-overlay ul,
.my-social-share ul {
 list-style: none;
 margin-right:20px;
}

.my-single-impressie-overlay ul li,
.my-social-share ul li, .my-social-share {
 display:inline-block;
}


.overlay-inner-likes {
 position: absolute; 
 bottom:0;
 left:0;
 margin: 0 0 12px 20px;
 z-index:30;
}

.overlay-inner-social {
 position: absolute; 
 bottom:0;
 right:0;
 z-index:30;
}

.my-inspiratie {
 margin-top: 10px;
}

.my-inspiratie .img-responsive {
 margin-bottom:10px;
 width:100%;
}


.wpulike-heart .count-box {
 padding: .25em .5em;
 margin-left: 0;
 color: #fff;
 font-size: 1em; /*.8em;*/
}

.wpulike-heart .counter {
    border: none;
    border-radius: 0;
    padding: 0;
    max-height: 32px; /*30px;*/
    height: 32px;
    background:none;
}

.wpulike .counter a.image, .wpulike .counter a.image-unlike {
 background-size:contain;
 border:none;
 width: 38px;
 height: 32px; 
 max-height: 32px;
 padding: 0 !important;
}

.my-image-bar {
 margin:20px 0;
}

.my-image-bar .fa {
 font-size: 16px;
 color: #2f2e2e; /*#777; */
}


.my-image-bar .wpulike-heart .counter a,
.my-image-bar .wpulike-heart .counter a:hover {
    background-image: url(https://www.daelhemergroeve.nl/wp-content/uploads/2017/02/Heart-o-grey-75x64.png) !important;
}

.my-image-bar .wpulike-heart .counter a.image-unlike,
.my-image-bar .wpulike-heart .counter a.image-unlike:hover {
    background-image: url(https://www.daelhemergroeve.nl/wp-content/uploads/2017/02/Heart-red-75x64.png) !important;
}



.my-image-bar .wpulike .counter a.image,
.my-image-bar .wpulike .counter a.image-unlike {
    background-size: contain;
    border: none;
    width: 19px;
    height: 16px;
    max-height: 16px;
    padding: 0 !important;
}

.my-image-bar .wpulike-heart .counter {
    max-height: 16px;
    height: 16px;
}


.my-image-bar .wpulike-heart .count-box {
    padding: 0;
    margin-left: 0;
    color: #2f2e2e;
    font-size: 1em;
}

.my-image-bar .wpulike {
    vertical-align: top;
}

.my-post-navigation {
 float:right;
 margin-right:-20px;
}

.my-post-navigation .nav-previous,
.my-post-navigation .nav-next,
.my-post-navigation .my-close  {
 display:inline-block;
 margin: 0 20px;
}

div#rm_reservation {
 margin: 7px 30px 30px 0!important;
}

div.rm_reservation_top {
 background: transparent url(img/srm-top.png) no-repeat scroll 0 0!important;
}

div.rm_reservation_body {
 background-color: transparent!important;
}

div.rm_gray_box {
 background-color: #f2eee5!important;
}

div.rm_box_row div.rm_row_title {
 display: inline-block!important;
 float: none!important;
 width: 70px!important;
 text-align: left!important;
}

div.rm_box_row div.rm_row_value {
 display: inline-block!important;
 float: none!important;
}

div.rm_box_row div.rm_row_value input,
div.rm_box_row div.rm_row_value select {
 width: 130px!important;
}

div.rm_reservation_top,
div.rm_reservation_bottom {
 width: 235px!important;
 background-size: contain!important;
}

#rm_logo_wrapper {
 display: none!important;
 visibility: hidden!important;
}

#mc_embed_signup {
 background:#f2eee5; /*#fff; */ 
 clear:left; 
 font:14px Helvetica,Arial,sans-serif;
}

#mc_embed_signup form {
 padding: 10px 0!;
}

#mc_embed_signup_scroll {
 text-align:right;
}


#mc_embed_signup .mc-field-group {
 width: 100%;
}

#mc_embed_signup .mc-field-group label,
#mc_embed_signup .mc-field-group input {
 display: inline-block;
 margin: 10px 0 0 10px; /* 5px 10px; 0 10px;*/ 
}

#mc_embed_signup .mc-field-group input#mce-EMAIL {
 width: 200px;

}

#mc-embedded-subscribe {
 width: 100px !important;
 padding:0!important;
 height: 36px !important;
 border-radius: 2px !important;
}

footer #mc_embed_signup {
 background:none;
}

footer #mc_embed_signup_scroll {
 /*max-width:360px;*/
 margin-left: auto; 
 margin-right: 45px; /*30px;*/ /* 0*/
}


#mc_embed_signup.my-mailchimp-home {

}

footer #mc_embed_signup form {
 padding:0;
}

footer #mc_embed_signup .mc-field-group {
 float: none; /*right; */
 width: 100%;
 min-height: 50px;
 margin-right: 0;
 margin-left: auto;
 text-align:right;
}


footer #mc_embed_signup .mc-field-group input {
 background-color: #777; /*#fff; */
 color: #F2EADA; /* #fff; */ /*#aaa; */
 display: inline-block;
 height: 36px;
 margin: 10px 0 0 15px!important;
 border:none;
 border-radius: 0; 
}


footer #mc_embed_signup .button:hover {
 background-color: #aaa;
}


footer #mc_embed_signup .mc-field-group input#mce-EMAIL {
 background-color: #817b7b;
 color: #aaa;
 width: 200px!important; 
}

footer #mc-embedded-subscribe {
 width: 100px!important;
 padding:0!important;
}


.wpcf7-form input, .wpcf7-form textarea  {
 max-width:100%;
 margin-top: 5px;
}

/* ================== canard styles =================*/

.toggled .menu-toggle::before {
    content: "\f406";
}

button, input, textarea, #infinite-handle button, .featured-content .post-thumbnail, .post-link .genericon, .post-navigation .meta-nav, .post-navigation .post-title, .hentry:not(.format-gallery):not(.format-image) .post-thumbnail, .post-thumbnail::before, .post-thumbnail img, .search-form::before, .site, .site-info .sep, .sticky-post {
    transition: all 350ms ease-in-out;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.main-navigation .nav-menu > li + li {
 border-left: none;
}

.main-navigation > div::before {
  background: none;
}

.menu-toggle {
 color: blue;
}

.menu-toggle {
    color: #a0a09f;
    background: #3f3f3e;
    border: 1px solid #a0a09f; /*#ddd; */
    border-radius: 5%;
    margin-top: 0; /*-22.5px; */
    padding: 0;
    position: relative; /*absolute; */
 /*   right: 0;
    top: 50%; */
    z-index: 2;
}

.menu-toggle:active, .menu-toggle:focus, .menu-toggle:hover {
    color: #b39a60;
    background: #3f3f3e;
    border-color: #b39a60; 

}

.menu-toggle::before {
    font-size: 16px;
    height: 58px;
    line-height: 58px;
    width: 58%;
}

.menu-toggle::before {
    content: "\f419";
display: inline-block;
font-family: Genericons;
text-decoration: inherit;
vertical-align: top;    
      
}

.toggled .menu-toggle:active, .toggled .menu-toggle:focus, .toggled .menu-toggle:hover {
    background: green;
    border-color: green;
}


.main-navigation .menu-item-has-children > a::after {
    color: #b39a60; 
    content: "\f431";
    font-size: 16px;
    height: 16px;
    line-height: 1;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 16px;
}



/* ============Media Queries. Breakpoints ============================================================
 ==== Screens:lg 1200/md 992/sm 768/xs 480/ 320  Containers: 1170-970-750 Rows:1140-940-720 ===========
 ======================================================================================================*/

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}


/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

/*
.top-section {
 padding-top: 177px;
}
*/

 .flex-direction-nav a::before {
  font-size: 20px; 
 }

 .flex-caption {
  padding: 0 35px; 
 }

 .flex-caption .excerpt {
  font-size:14px; /* 13px */  
  line-height: 1.1em; 
  max-width: 300px;
 }

 .my-slide-title {
  font-size:12px; 
 }

 .flex-caption .excerpt hr {
  margin-top: 6px;
  margin-bottom: 6px; 
 }

       
}

/* ==================================================================== */
@media only screen and (min-width : 480px) {

 .flex-control-nav {
  display: inline-block; 
  visibility:visible;
 }
/*
 .top-section {
  padding-top: 177px;
 }
*/
 .flex-caption {top: 10px;}

 .flex-direction-nav a::before {
  font-size: 20px; 
 }

 .flex-caption {
  padding: 0 40px; 
 }

 .flex-caption .excerpt {
  font-size:15px; /* 13px */  
  line-height: 1.1em; 
  max-width: 360px;
 }

 .my-slide-title {
  font-size:14px; 
 }

 .flex-caption .excerpt hr {
  margin-top: 10px;
  margin-bottom: 10px; 
 }

}


/* ==================================================================== */
@media only screen and (min-width : 640px) {
/*
 .top-section {
  padding-top: 182px;
 }
*/
 .flex-caption {top: 10px;}

 .flex-direction-nav a::before {
  font-size: 40px; 
 }

 .flex-caption {
  padding: 0 90px; 
 }

 .flex-caption .excerpt {
  font-size:16px; /* 18px 20px;  13px */  
  line-height: 1.1em; 
  max-width: 400px;
 }

 .my-slide-title {
  font-size:16px; 
 }

 .flex-caption .excerpt hr {
  margin-top: 15px;
  margin-bottom: 15px; 
 }

 .flex-control-nav {
  bottom: 0;
 }

}



/* Notebooks ===================================================================================== */ 
@media only screen and (min-width : 767px) {
 .top-section {
  padding-top: 192px!important;
 }

 .header-image {
  background: transparent url(img/Daelhemergroeve-Restaurant-Feest-en-Trouwlocatie.png) no-repeat scroll 0 0!important;
  background-size: contain!important;
 }

 .site-content { 
  padding-top:200px; 
 }

 .page-header {
  padding-bottom: 9px;
  margin: 10px 0 0; /*40px 0 20px;*/
 }

 .main-navigation li {
  float: left;
  padding: 7px 0.8%; /*7px 1.5%; */ /*15px 12px*/
 }


 .main-navigation > div > ul {
  padding-left: 0; /* 40px; */
 }

  .my-menu-lang-wrap { 
  /* comment out to use mobile menu for all views */
  display: none;
  visibility:hidden; 
 }

 .my-lang.my-desktop {
  display:inline-block;
  visibility:visible;
  padding-left: 18px;
  float:left;
  height: 25px; /*50px;*/
 }
 
 .my-home h2 {
  margin-top:0;
 }
 
 .flex-caption {top: 10px; /* 20px; 40px;*/}

 .flex-direction-nav a::before {
  font-size: 40px; 
 }

 .flex-caption {
  padding: 0 90px; 
 }

 .flex-caption .excerpt {
  font-size:20px;   
  line-height: 1.3em; 
  max-width: 420px;
 }

 .my-slide-title {
  font-size:14px; 
 }

 .flex-caption .excerpt hr {
  margin-top: 10px; /*20px;*/
  margin-bottom: 10px; /*20px;*/ 
 }

 .flex-control-nav {
  bottom: 10px;
 }

 .my-footer-1-wrap {
   border-right:1px solid rgba(179, 154, 96, 1);
   margin-right:-5px; /* -15px */
   padding-right:30px;
 }


 .footer-widget {
  padding-top: 20px; /*55px;*/
 }

 .my-inspiratie > .row:nth-child(2) > .col-sm-6 {
  width:48%;
 }
 .my-inspiratie  > .row:nth-child(2) > .col-sm-6:nth-child(2)  {
  width:52%;
 }

 .my-inspiratie > .row:nth-child(3) > .col-sm-6 {
  width:40.2%;
 }
 .my-inspiratie  > .row:nth-child(3) > .col-sm-6:nth-child(2)  {
  width:59.8%;
 }


 .my-single-impressie-overlay {
  bottom: 10px;
 }
/* 
 .my-container-fluid {
  width:100%!important;
  padding: 0 10px!important;
 }
*/
 .my-container {
  width:96%!important;
  max-width:1280px;
 }

 .nl .my-logo {
  margin-left:275px;
 }

 .nl a.my-reserveer {  
  display: inline-block;
  visibility: visible;
  margin-left:150px;
  margin-top:17px;
  vertical-align:top; 
 }
 
}
/* Desktop ======================================================================== */ 
@media only screen and (min-width : 991px) {
 .main-navigation li {padding: 7px 1.8%;} /* 7px 2% */ /* 15px 2% */ 
 .flex-caption {top: 10px; /*40px; */ /*90px;*/ }

 .flex-caption .excerpt {
  font-size:22px;   
 }

}
/* Wide-screen ==================================================================== */ 
@media only screen and (min-width : 1199px) {
 .main-navigation li {padding: 7px 2%;}  /*7px 3%*//*15px 18px;*/ 
 .flex-caption {top: 20px; /* 60px; 120px;*/}

 .flex-caption .excerpt {
  font-size:28px;   
 }

 .flex-control-nav {
  bottom: 20px;
 }
 
 
}