/*MAIN-TAPAS.CSS */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600|Poiret+One|Damion');
@import url('../../../styles/eet.css');

html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;line-height:1.2em}


/* CONTAINER TOP TAPAS*/
.EETcontainerTopTapas{
width:100%;
height:148px;
background-color:#faebd7;
text-align:left
}
/* MEDIA */
@media only screen and (max-width:507px){.EETcontainerTopTapas{height:70px}}
@media only screen and (max-height:414px){.EETcontainerTopTapas{height:70px}}

/* CONTAINER TOP IMG */
.EETcontainerTopTapas img{
float:left;
position:absolute;
width:100%;
height:248px;
top:0
}
/* MEDIA */
@media only screen and (max-width:507px){.EETcontainerTopTapas img{display:none}}
@media only screen and (max-height:414px){.EETcontainerTopTapas img{display:none}}

/* Verberg de footer-recept op het scherm. Printen wel.*/
.footer-recept{display:none}

/* QR TAPAS*/
.QrTapas{
z-index:2;
position:relative;
float:right;
margin-right:15px;
top:15px;
width:90px;
height:90px;
background:url('../tapas-include/qr-tapas/qr-tapas.png') no-repeat
}
/* MEDIA */
@media only screen and (max-width:900px){.QrTapas{display:none}}
@media only screen and (max-width:834px){.QrTapas{display:none}}
@media only screen and (max-width:820px){.QrTapas{display:none}}
@media only screen and (max-width:720px){.QrTapas{display:none}}

/*ZO DOE JE DAT IMAGE*/
.zo-doe-je-dat{max-width:90%;margin:10px auto 0 auto}

/*FEESTDAGEN? basis staat in: waarom/messages/styles/messages.css*/
/*PASEN*/
.Pasen{left:80% !important;top:100px !important}
/*PINKSTEREN*/
.Pinksteren{left:73% !important;top:80px !important}
/*SINTERKLAAS*/
.Sinterklaas{left:85% !important}
/*KERST*/
.Kerst{left:56% !important;top:132px !important}
/*NIEUWJAAR*/
.Nieuwjaar{left:75% !important;top:-10px !important}

/*VERTAAL van NL-EN - vertaal-NL-EN.js*/
.content-vertaal{}
.vertaal-tekst{background-color:#B70A17;color:#fff;text-align:center;border-radius:0 0 8px 8px;margin:65px 0 -16px 0px;height:30px;
padding:3px 0 0 0;font-size:1.3em;width:100%;border:1px solid green;display:block;top:-16px;position:relative}
.vertaal-toggle{background-color:#B70A17;color:#fff;text-align:center;border-radius:10px;margin-top:10px;margin-left:5px;height:30px;width:98%;font-size:1.3em;padding:3px 0 0 0}
.vertaal-toggle:hover{background-color:green}
.lang-div{display:none}
.nl-content-vertaal{display:block}  /* Nederlands is de standaard weergave */
/*.vertaal-container{margin:10px 0 0 -4px;width:106%;font-size:1.3em;padding:3px 0 0 0;border:1px solid green;height:30px;cursor:pointer}*/

/*AANPASSING voor TAPAS pagina's - styles/eet.css*/
.EETcontainer-2{background-color:#faebd7}

.EETcontainer-2 a:link,
.EETcontainer-2 a:visited{color:#000;text-decoration:none}
.EETcontainer-2 a:hover,
.EETcontainer-2 a:active{color:#B70A17;text-decoration:none}

.EETcontainerLinks{background-color:#faebd7}

.EETcontainer-25{background-color:#faebd7}
.EETcontainer-50 h1{margin-left:45px;font-size:1.0em;color:green;font-style:italic;margin-bottom:2px;font-weight:normal;text-shadow:1px 1px 1px #c0c0c0;text-align:left}

.EETcontainer-50 h1{color:#B70A17}
.EETcontainer-50 a:link,
.EETcontainer-50 a:visited{color:red;text-decoration:none}
.EETcontainer-50 a:hover,
.EETcontainer-50 a:active{color:green;text-decoration:none;background-color:#fdf7f1}

.EETinhoudLinks{background-color:#faebd7}

.EETbedrijfsnaam{background:linear-gradient(to right, rgba(255,255,255,0.4), rgba(0,0,0,0.9)100%)}

/* TIP OP RUBRIEK - info/tips-reactie/tip-op-rubriek.html*/
.form-group button{background-color:#B70A17 !important}
.form-group button:hover{background-color:green !important}
.form-group label{color:#B70A17 !important}


/* INFOBALK TOP TAPAS*/
.EETinfobalkTopTapas{
height:33px;
width:100%;
margin-top:100px;
padding:7px 0 0 5px;
font-size:1.0em;
color:#000;
text-align:left;
border-radius:0;
background:linear-gradient(to right, rgba(253,245,230,0.4), rgba(183,10,23.9)80%);
background-color:#faebd7;
}
/* MEDIA */
@media only screen and (max-width:507px){.EETinfobalkTopTapas{margin-top:-80px}}
@media only screen and (max-height:414px){.EETinfobalkTopTapas{margin-top:-80px}}
@media only screen and (max-width:428px){.EETinfobalkTopTapas{margin-top:-80px}}
@media only screen and (max-width:414px){.EETinfobalkTopTapas{margin-top:-80px}}

.EETinfobalkTopTapas a{float:right;margin-right:30px;font-size:1.0em;margin-top:0}
.EETinfobalkTopTapas a:link,
.EETinfobalkTopTapas a:visited{color:#fff !important;text-decoration:none}
.EETinfobalkTopTapas a:hover,
.EETinfobalkTopTapas a:active{color:green!important;text-decoration:none}


/* INFOBALK BOTTOM TAPAS*/
.EETinfobalkBottomTapas{
height:36px;
width:100%;
margin:10px 0 0 0;
padding:6px 0 0 0;
font-size:1.0em;
color:#fff !important;
text-align:center;
border-radius:0;
background:linear-gradient(to right, rgba(253,245,230,0.4), rgba(183,10,23.9)60%);
background-color:#faebd7;
}

h1{
font-size:1.0em;
color:#B70A17;/* AANGEPAST*/
font-style:italic;
margin-bottom:2px;
margin-left:20px;
font-weight:normal;
text-shadow:1px 1px 1px #c0c0c0;
text-align:center
}

h3{
font-size:1.0em;
color:#B70A17;/* AANGEPAST*/
font-style:italic;
margin-bottom:2px;
margin-right:20px;
font-weight:normal;
text-shadow:1px 1px 1px #c0c0c0;
text-align:right
}

/* BEGIN default horizontale lijn */
hr{
border:0;
height:1px;
margin-top:8px;
margin-bottom:6px;
margin-left:0;
width:100%;
background:linear-gradient(to left, rgba(204,204,204,9), transparent);
}

html,body{
font-family:'Open Sans',sans-serif;background-color:#faebd7;/* AANGEPAST*/

/*font-size:52%;*/
font-size:52%; /* maakt 1 voor em */

margin:0 0 0 0;
background-size:auto 4000px;
}

/*ZET LANDSCAPE OP MOBIEL OP KLEUR*/
/*Dit kan/mag hier staan omdat er geen POPUP.html is */
@media screen and (max-width: 896px) and (orientation: landscape){

html, body{
margin:0;
padding:0;
background:green;
height:100vh;
width:100vw;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
}

body::before{
content:"Deze website werkt alléén in portrait weergave.\A Draai je scherm a.u.b.";
color:white;
font-size:3.0rem;
text-align:center;
padding:1rem;
white-space:pre-line;
}

body *{
display:none !important;
}

}