@import "reset.css";
@import "menu.css";
@import "cols.css";

/*
maincolors:
BACKGROUND:#fff
COLOR:#000
MAINCOLOR:#000
MAINCOLOR2:#c00
COLOR_ON_MAIN:#fff;
*/

html {  -webkit-text-size-adjust: none;margin-left: 300px;}
body{background-color:#0B1315;color:#fff;font-family:Josefin Sans, Arial;font-size:19px;font-weight: 300;}
body, html {height: 100%;}
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear:both;}
a{color:#fff;}
a:hover{color:#fff;text-decoration: none;}
a.tel{text-decoration:none;display:block;}
b,strong{font-weight:700;}

#superwrapper {min-height: 100%;height: auto !important;height: 100%;}
.wrapper {max-width: 1160px;width:95%;height: auto;margin: 0px auto;position:relative;}
.wrapper2 {max-width: 1920px;width:95%;height: auto;margin: 0px auto;position:relative;}


video {
  width: 100% !important;
  height: auto !important;
}
.table{display:table;width:100%;}
.tr{display:table-row;}
.td{display:table-cell;box-sizing:border-box;padding:3px;}

.placeholder {color:#aaa;}
::-webkit-input-placeholder, ::-webkit-textarea-placeholder {color:#aaa;}
:-moz-placeholder {color:#aaa;opacity:1;}
::-moz-placeholder {color:#aaa;opacity:1;}
:-ms-input-placeholder, :-ms-textarea-placeholder {color:#aaa;}	
input[placeholder], textarea[placeholder] {color:#aaa;}

/*ENTER BUTTON
**************/
#enter{position:absolute;bottom:10px;width:100%;text-align:center}
#enter a{background-color:#fff;padding:10px;display:inline-block;text-decoration:none;border-radius:10px;font-size:20px;}

/*PAGE_TITEL
**************/
h1 {color:#fff;font-size:40px;line-height:normal;font-weight:300;margin-bottom:20px;text-transform:uppercase;font-family: "Open Sans Condensed",arial;letter-spacing: 5px;}
h1.homeT{text-align:center;}
h2 {color:#c9ab81;font-size:24px;line-height:normal;font-weight:400;margin-bottom:20px;}
h2.webshopT{text-align:center;margin:30px 0px 30px;font-size:30px;}
#melding{text-align:center;background-color:#000;color:#fff;padding:10px;text-transform:uppercase;}
#hmTxt{display:none;}
a.mobHmls{display:none;}

table td {padding: 10px 0;border-bottom: 1px dotted #715b3e;vertical-align: middle;}
table tr:last-child td {border-bottom: 0px;}

/*HEADER MOB
**************/
#navMobMenu{display:none;}
#navMob,#searchMob,#loginLnksmob,#languagesMob {background-color:#fff;display:none;}

/*HEADER
******************/
#top {position: fixed;top: 0;left: 0;z-index: 150;width: 300px;height: 100%;background-color: #0f1d22;box-shadow: 0 20px 30px rgba(0, 0, 0, 0.05);}
#header {position: relative;height: 100%;}
#logo {position: absolute;left: 0;top: 25px;width: 100%;text-align: center;}
#languages {position: absolute;left: 0;top: 170px;width: 100%;text-align: center;}
#languages ul{list-style-type:none;margin: 0;}
#languages ul li{display:inline-block}
#languages ul li a {color:#fff;padding:5px;text-decoration:none;text-transform:uppercase;display:inline-block;font-family: "Open Sans Condensed",arial;font-weight: 300;letter-spacing: 5px;font-size: 14px;margin-right: 10px;}
#languages ul li:last-child a {margin-right: 0px;}
#languages ul li a.lcurrent {background-color:#c9ab81;color:#fff;}
#languages ul li a:hover {background-color:#c9ab81;color:#fff;}
#reserveer {position: absolute;bottom: 25px;left: 0;width: 100%;text-align: center;}
#reserveer a {display: inline-block;color: #fff;border: 1px solid #c9ab81;padding: 15px;text-transform: uppercase;text-decoration: none;font-family: "Open Sans Condensed",arial;font-weight: 300;letter-spacing: 5px;font-size: 14px;}
#reserveer a:hover {background-color: #c9ab81;}

/*WARNING
****************/
#warning{width:100%;height:100%;position:fixed;top:0px;left:0px;background:#fff;z-index:120;display:none;background:url(../images/popup.png);}
#Wmessage{background-color:#fff;width:300px;margin:50px auto;padding:50px;border:solid 5px #000;border-radius:10px;box-sizing:border-box;}
/*POPUP
************/
#popup{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:9998;background:url(../images/popup.png);display:none;}
#Wpopup{background-color:#fff;width:450px;margin:50px auto;padding:20px;border:solid 5px #000;border-radius:10px;box-sizing:border-box;}
a.popupCl{display:block;text-align:right;margin-bottom:20px;text-decoration:none;}
#Wpopup h2 a{text-decoration:none;}

/*IMAGES FIT
******************/
img.cover{object-fit:cover;}
img.coverT{object-fit:cover;object-position:left top;}
img.coverB{object-fit:cover;object-position:left bottom;}
img.contain{object-fit:contain;}

.slideSections{background-color:#f6f6f6;}

/*SLIDESHOW
**********/
.slideshow{border-bottom:solid 10px #eee;}

/*MAIN CONTENT
*********************************/
#main {width:100%;padding:60px 0;line-height:27px;}

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
	gap: 5px 5px;
  grid-template-areas: "blok1 blok1 blok1 blok2 blok2 blok2 blok3 blok3" "blok1 blok1 blok1 blok2 blok2 blok2 blok3 blok3" "blok5 blok5 blok4 blok4 blok4 blok4 blok3 blok3" "blok5 blok5 blok4 blok4 blok4 blok4 blok3 blok3" "blok5 blok5 blok6 blok6 blok6 blok7 blok7 blok7" "blok5 blok5 blok6 blok6 blok6 blok7 blok7 blok7";
	height: 100vh;
}
.blok4 {grid-area: blok4;background: url(../images/00-thaise_meeneemgerechten.jpg) no-repeat center center;background-size: cover;}
.blok5 {grid-area: blok5;background: url(../images/00-lunch.jpg) no-repeat center center;background-size: cover;}
.blok6 {grid-area: blok6;background: url(../images/00-menu.jpg) no-repeat center center;background-size: cover;}
.blok7 {grid-area: blok7;background: url(../images/00-wijnkaart.jpg) no-repeat center center;background-size: cover;}
.blok3 {grid-area: blok3;background: url(../images/00-thaise_specialiteiten.jpg) no-repeat center center;background-size: cover;}
.blok2 {grid-area: blok2;background: url(../images/00-nagerechten.jpg) no-repeat center center;background-size: cover;}
.blok1 {grid-area: blok1;background: url(../images/00-onze_kaart.jpg) no-repeat center center;background-size: cover;}
.grid {position: relative;}
.grid:before {content: "";position: absolute;height: 100%;width: 100%;background: rgba(0, 0, 0, 0.3); background-blend-mode: unset;}
/*.gradient-overlay {position:absolute;bottom:0;left:0;height:100%;width:100%;background: linear-gradient(transparent 10.5%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4)) !important;}*/
.container {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.overlay-content {position:relative;z-index: 9999;text-align: center;}
.btn {display: inline-block;color: #fff;text-decoration: none;text-transform: uppercase;font-family: "Open Sans Condensed",arial;font-weight: 300;letter-spacing: 5px;font-size: 14px;padding: 15px;background-color: #c9ab81;text-align: center;}
.btn:hover {color: #fff;background-color: #0f1d22;}

/*CONTENT BLOCK
*******************/
#contenthome {}
#content {width:100%;}

.col {float: left;margin-left: 2%;width: 49%;}
.bg {height: 350px;}
.n2 {margin-left: 0;}
.nivs2 {margin-bottom: 30px;}
#gals img {object-fit: cover;height: 250px;}

/*NIEUWSBALK
*************/
.newsHome{margin-top:20px;}
.newsHome a{text-align:center;font-size:20px;color:#000;display:block;text-decoration:none;padding:5px;text-transform:uppercase;}
.newsHome a i{color:#000;}
.newsHome a:hover{outline:solid 1px #ccc;background-color:#fff;}
#nieuw h3{text-transform:uppercase}
.newsTotal{float:left;width:60%;margin-left:10%;}

/*NIEUWS
*************/
#nieuws 		{padding-top:30px;}
#newsAll a 		{display:block;padding:10px;text-align:center;background-color:#00c5a3;color:#fff;text-transform:uppercase;text-decoration:none;font-size:20px;}

.nieH2			{text-align:center;margin-bottom:40px;margin-top:40px;}
.newsPicc		{float:left;width:35%;margin-right:5%;}
.newsTekst		{float:left;width:60%;}
.nieImgList		{float:left;width:30%;margin-right:5%;}
.nieTxtList		{float:left;width:65%;}
.nieTxtList a 	{color:#000;font-weight:bold;}
.nieuwsbericht 	{margin-bottom:20px;padding-bottom:20px;}
.nieDatum		{color:#c00;display:inline-block;padding:5px 5px 5px 0px;margin-bottom:10px;font-size:14px;}
.nieTitel		{text-transform:uppercase;font-size:20px;margin-bottom:10px;font-weight:normal;}
.nieTitel a 	{text-decoration:none;display:inline-block;}
.nieTekst 		{margin-top:5px;}
.nieStripe		{height:1px;border-bottom:dotted 1px #000;margin:20px 0px 20px 0px;}
.nieFancyZoom a {font-size:16px;}

.videoWrapper 	{position: relative;padding-bottom: 56.25%;margin-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.nieFancyZoom	{text-align:center;margin-top:5px;font-size:12px;display:none;}
.nieFancyZoom a {text-decoration:none;}
.Floader		{width:100%;font-size:10px;text-align:center;line-height:12px;padding-top:10px;}
.Floader img 	{width:40px;height:20px;}

.nieBtn			{}
.nieBtn a		{background-color:#000;color:#fff;display:inline-block;border-radius:5px;text-decoration:none;text-transform:uppercase;padding:7px 15px;font-size:13px;margin-top:15px;}
.nieBtn a:hover {background-color:#c00;color:#fff;}
.nieSmallPic	{width:25%;max-height:60px;overflow:hidden;float:left;}

/*PREVIOUS NEXT
********************/
#usable{display:table;float:right;}
#usable div{display:table-row;}
#usable div div{display:table-cell;width:33.33%}
#usable a{box-sizing:border-box;padding:5px;text-decoration:none;border-radius:5px;}
#usable a:hover{background-color:#ccc;color:#fff;}
#usable div div:nth-child(2) {text-align:center;}
#usable div div:nth-child(3) {text-align:right;}

.toTop{text-align:center;margin:100px 0px 100px 0px;}
.toTop a{font-size:60px;color:#999;}
.toTop a:hover{color:#000;}

#tabs {margin-top:60px;}

/*SOCIAL
********/
.social			{text-align:center;margin:30px 0px 30px 0px;}
.social li 		{list-style:none;list-style-position:inside;margin:0px;display:inline-block;}
.social li a 	{margin-right:10px;font-size:30px;}
.social li a:hover 	{color:#c00;}

/*FOOTER TOP
***********/
#footer {padding:50px 0px;color:#fff;background:#0B1315;text-align:center;line-height:30px;letter-spacing:0.5px;}
#footer a {color:#fff;}
#fct {}
#fct ul {margin:0px;list-style-type:none;}
#fct ul li {display:inline-block;margin-right:3px;}
#fct ul li:last-child {margin-right:0px;}
#fct2 {margin:30px 0;}
#fct2 ul {margin:0;padding:0;list-style-type:none;}
#fct2 ul li {display:inline-block;margin:0 10px;}
#fct2 ul li a {font-size:26px;}
#fct a.tel {display:inline-block;}
.navB {display:none;}
#credits {font-size: 13px;}

/*FORMS
********/
.required {color: #FF0000;}
.field_heading {font-weight: bold;padding-top: 10px;}
.field_title {float:left;width:30%;margin-bottom:10px;}
.field_input {float:left;width:70%;margin-bottom:10px;}
.field_checkbox {float:left;width: 100%;margin-bottom:10px;}
.field_title2 {width:100%;margin-bottom:10px;}
.field_input2 {width:100%;margin-bottom:10px;}
input[type='checkbox'] {width:auto;}
input[type='radio'] {width:auto;}

.email,.textfield,.textarea,select {color:#7c7c7c;background-color:#fff;border:1px solid #d8d8d8;padding:2px;width:100%;box-sizing: border-box;}
.email,.textfield,.textarea{border-radius: 0;outline: none;}
.textarea {height: 100px;}
.checkbox_label {cursor: pointer;}
.radio_label {cursor: pointer;}
.nixhier {display:none;}
.submit{background-color:#000;color:#fff;border:none;padding:10px;text-transform:uppercase;text-decoration:none;display:inline-block;margin-top:15px;outline: none;}
.gdpr {font-size:10px;}