/* JorisKocht Layout ***********************************/
p {
  font-size:1.2em;
}
div.textbox img {
  width:100%;
  height:auto;
}
div.textbox span.right {
  float:right;
}
/* Accordion */
span.up {
  font-size: 1.4em;
  margin-top: -4px;
}

/* Form */
#Form_Form_Adresse_Holder {
    display: none;
}
#Form_Contactform_Adresse_Holder {
    display: none;
}
input, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    width: 100%!important;
}

/* BBQ **********************************************/
.bbqlogo {
    width: 130px;
    height: 130px;
    border: 1px solid black;
    position: absolute;
    top: 124px;
    left: 2px;
    padding: 5px;
    border-radius: 8px;
    z-index:999;
}
    

/* Footer */
footer {
	/*margin: 24px 0px 12px 0px;*/
}
div.footerlogo, div.footerlogo img {
	max-width:75px;
}

footer {
    margin: 0px;
    border-top: 1px solid #999;
    padding: 8px 0px 0 12px;
}
/* Lightbox Gallery ********************************/

div.overlaygallery {
  width:100%;
}
div.overlaygallery img {
  /*position:absolute;*/
  /*max-width:100px;*/
  width:100%;
  height: auto;
  display:none;
}
div.overlaygallery > a:nth-child(1) > img {
  display:block;
  margin-bottom:40px;
}

.lb-data .lb-caption {
  margin-top:4px;
    font-size: 1.6em;
    font-weight: normal;
    line-height: 1.6em;
}
/* Sticky footer styles
-------------------------------------------------- */
/*html,
body {
        height: 100%;
      }

div.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -60px auto;
}
#push,
#footer {
        height: 60px;
      }
.footer {
  line-height: 20px; 
  background-color: rgba(255,255,255,0.8);
}
*/


/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) { 
	footer {
		margin: 12px 0px;
	}
}

/* Medium devices (tablets, 768px) */
@media (max-width: 768px) {
  article.content {
      margin-bottom: 400px;
  }
  .bbqlogo {
    width: 90px;
    height: 90px;
    border: 1px solid black;
    position: absolute;
    top: 2px;
    left: calc(100% - 155px);
    padding: 5px;
    border-radius: 8px;
  }
	
}

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

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