/* cmsms stylesheet: Opmaak - Somsom - Default modified: Friday, April 16, 2021 5:40:01 PM */
@font-face {
  font-family: 'Ropa Soft Pro Medium';
  src: url('/assets/fonts/RopaSoftPro-Medium.woff');
}

body {
   width : 100%;
   margin: 0px;
   padding: 0px;
   font-family : "Ropa Soft Pro Medium";
   font-size: 23px;
}

div {
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

.clear_all {
   clear: both;
}

.hide {
   display: none;
}

a {
  color: #9d9c9c;
}

a:hover {
  color: #b6964b;
}

h1 {
   font-size: 46px;
   color: #ffffff;
}

h2 {
   font-size: 46px;
   color: #b6964b;
}

h3 {
   font-size: 46px;
   color: #000000;
}

h4 {
   font-size: 23px;
   color: #ffffff;
}

h5 {
   font-size: 23px;
   color: #B6964B;
}

h6 {
   font-size: 23px;
   color: #000000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   max-width: 728px;
   margin: 0px auto;
}

iframe {
   max-width: 95%;
}

#top {
   position: fixed;
   top: 0px; 
   width: 100%;
   height: 50px;
   background-color: #000000;
   z-index: 100;
}

#menu {
   max-width: 1200px;
   margin: 0px auto 0px auto;
}

header {
   position: relative;
   margin-top: 50px;
   height: 420px;
   background-size: cover;
   display: flex;
   justify-content: center;
   background-position: center center;
}

#headerimage {
   width: 100%;
}

#headerTekst {
    position: absolute;
    max-width: 400px;
    margin: 0px auto 0px auto;
    font-size: 46px;
    color: #ffffff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

section {
   margin-top: 50px;
}

article {
  min-height: 100vh;
  display: block;
  position: relative;
  font-size: 23px;
}

#art1 {
margin-top: 0px;
}

.articlechildcontent img,
.articlemaincontent img {
   height: auto;
   max-width: 98%;
}


.backgroundImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit:cover !important;
  opacity: 0.5;
  z-index: -2; 
}

.backgroundImgColor {
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height: 100%;
  object-fit:cover;
  opacity: 0.5;
  z-index: -1; 
}

.backgroundImgColor.background-white {
   background-color: #ffffff;
}

.backgroundImgColor.background-camel {
   background-color: #B6964B;
}

.backgroundImgColor.background-black {
   background-color: #000000;
}


.articlemaincontent,
.articlechildcontent {
   padding: 30px 10px 20px 10px;
   z-index: 5;
}

.articlemaincontent p,
.articlechildcontent p {
   max-width: 728px;
   margin: 0px auto 0px auto;
}

.background-white {
   background-color: #ffffff;
}

.background-camel {
   background-color: #B6964B;
}

.background-black {
   background-color: #000000;
   color: #ffffff;
}

@media only screen and (max-width: 600px) {
   header {
      height: 320px;
   }

   #headerTekst {
      max-width: 400px;
      margin: 0px auto 0px auto;
      font-size: 46px;
   }
}
/* cmsms stylesheet: Opmaak - Somsom - Menu modified: Friday, March 19, 2021 10:36:04 AM */
#menu {
   position: relative;
   height: 50px;
   width: 100%;
   background-color: #000000;
   display: flex;
   justify-content: center;
}

#menuwrapper ul {
   list-style-type:none;
   padding: 0px;
}

#dropdownmenubutton {
    display: none;
  }

#Navigation-full {
   display: block;
}

#Navigation-small {
   display: none;
}

#primary-nav {
   display: flex;
   margin-top: 10px;
}

#primary-nav li a,
#primary-nav-small li a {
   text-decoration: none;
   font-size: 23px;
   color: #9d9c9c;
   margin: 0px 30px 0px 0px;
   text-transform: lowercase;
}

#primary-nav li a:hover,
#primary-nav-small li a:hover,
#primary-nav li.menuitem.menuactive a {
   color: #b6964B;
}
   
#flags img {
   height: 28px;
   margin: 10px 0px 0px 40px;
}

#flags img:hover {
    content: url('/assets/images/English-Spanisch.png');
}

@media only screen and (max-width: 850px) {

   #Navigation-full {
      display: none;
   }

   #Navigation-small {
      display: block;
   }

  #dropdownmenubutton {
    display: block;
    height: 29px;
    width: 29px;
    margin: 10px 15px 0px 15px;
    background-image: url("/assets/images/menu.png");
    background-size: cover;
  }

 #menu {
   justify-content: space-between;
 }

#flags img {
   height: 28px;
   margin: 10px 30px 0px 20px;
}
  #primary-nav-small {
   display: none;
   margin: 10px 0px;
  }

  .menuitem {
   background-color: #000000;
   padding-left: 15px;
  }
}
/* cmsms stylesheet: Opmaak - Somsom - Menukaart modified: Saturday, April 17, 2021 6:28:55 PM */
#menukaart {
    max-width: 976px;
    margin: 0px auto;
}

.menucategory {
   font-size: 23px;
   color: #55B78C;
   margin: 20px 0px 20px 0px;
   text-align: center;
}

.categoryImage {
   text-align: center;
}

.categoryImage img {
   margin-bottom: 30px;
   width: 510px;
}

.menukaartitems {
   position: relative;
   width: 100%;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-between;
}

.menukaartitem {
   display: block;
   width: 100%;
   min-width: 300px;
   max-width: 450px;
   margin: 0px auto 30px auto;
}

@media only screen and (min-width: 850px) {

   .menucategory {

   }

  .menukaartitems {
     column-count: 2;
     column-gap: 78px;
  }

  .menukaartitem {
      margin: 0px 20px 30px 0px;
      display: inline-block;
  }
}

.menukaartitemtitle {
   float: left;
   max-width: 400px;
}

.menukaartitemprijs {
   float: right;
   max-with: 99px;
}

.menukaartitemkort {
   font-size: 18px;
   max-width: 400px;;
   color: #B6964B;
}

@media only screen and (max-width: 850px) {

   .menukaartitem {
      width: 100%;
      min-width: auto;
      display: block;
   }

   .menukaartitem {
      width: 95%;
   }

   .menukaartitemprijs {
      with: 24%;
   }

}
/* cmsms stylesheet: Opmaak - Somsom - Drankkaart modified: Saturday, April 17, 2021 6:29:07 PM */
#drankkaart {
   margin: 0px 0px 40px 0px;
   max-width: 976px;
   margin: 0px auto;
}

.drinks_product {
   text-align: center;
}

.drankcategory {
   font-size: 23px;
   color: #55B78C;
   margin: 20px 0px 10px 0px;
   text-align: left;
   display: inline-block;
}

.drankcategoryImage img {
   width: 510px;
}

.drankkaartitems {
   position: relative;
   width: 100%;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-between;
}

.drankkaartitem {
   width: 100%;
   min-width: 300px;
   max-width: 450px;
   margin: 10px auto 0px auto;
}

.drankkaart-blok {
   text-align: left;
}

@media only screen and (min-width: 850px) {
  
   .drinks_product {
      column-count: 2;
      column-gap: 78px;
      text-align: left;
   }

.drankkaartitems {
  }
  .drankkaartitem {
      margin: 10px 20px 30px 0px;
  }
  .category {
      text-align: center;
  }
}

.drankkaartitemtitle {
   float: left;
   max-width: 400px;
}

.drankkaartopmerking {
   font-size: 18px;
}

.drankkaartitemprijs {
   float: right;
   max-with: 99px;
}

.drankkaartitemkort {
   font-size: 18px;
   max-width: 400px;;
   color: #B6964B;
}

@media only screen and (max-width: 600px) {

   .drankkaartitem {
      width: 100%;
      min-width: auto;
   }

   .categoryImage {
      text-align: left;
   }

   .drankkaartitem {
      width: 95%;
   }

   .drankkaartitemprijs {
      with: 24%;
   }

}
/* cmsms stylesheet: Opmaak - Somsom - Contactform modified: Friday, June 3, 2022 10:47:28 AM */
#contactform {
   text-align: center
}

input {
   border-radius: 0px;
}
#formHeader {
   margin: 15px auto;
   font-size: 23px;
   color: #000000;
}

#contactform input {
   font-family : "Ropa Soft Pro Medium";
   font-size: 18px;
   width: 510px;
   height: 29px;
   max-width: 95%;
   margin: 0px 0px 15px 0px;
   text-align: center;
   border-radius: 0px;
   border: 1px solid #9D9C9C;
}

#contactform textarea {
   width: 510px;
   max-width: 95%;
   border-radius: 0px;
   font-family : "Ropa Soft Pro Medium";
   font-size: 18px;
}

.formlabelError {
   color: red;
   font-size: 23px;
   font-weight: normal;
   margin: 10px 0px 0px 0px;
}

.formlabel {
   color: #b6964b;
   font-size: 23px;
   font-weight: normal;
   margin: 10px 0px 0px 0px;
}

input[type=checkbox] {
   width: 50px !important;
}

.submit {
   text-align: center;
   width: 300px;
   margin: 0px auto;
   border-radius: 0px;
}

input[type=submit] {
   border-radius: 0px;
   font-family: 'Ropa Soft Pro Medium';
   font-size: 23px !important;
   width: 120px !important;
   height: 29px !important;
   margin: 10px auto !important;
   background-color: #b6964b;
   border: none !important;
   color: #ffffff !important;
}

.cms_dropdown {
   border: 2px solid #000000
}

.captcha {
   max-width: 510px;
   text-align: center;
   margin: 30px auto;
}

.captcha input {
   font-size: 18px;
   padding : 5px 2px;
   text-align: center;
   margin: 20px 0px 0px 0px;
}

.error_message {
   max-width: 510px;
   text-align: center;
   margin: 30px auto;
   color: red;
}

#GdrpText {
   width: 510px;
   text-align: center;
   margin: 10px auto;
}
/* cmsms stylesheet: Opmaak - Somsom - Extra modified: Friday, November 17, 2023 10:52:40 AM */
.popup {
   position: fixed;
   display: none;
   width: 400px;
   max-width: 90%;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   text-align: center;
   background-color: #000000;
   z-index: 1000;
   padding: 20px;
}

.popup_line01 {
   width: 100%;
   font-size: 48px;
   color: #B6964B;
   background-color: #000000;
}

.popup_startup_line01 {
   font-size: 18px;
   color: #B6964B;
   background-color: #000000;
}

.popup_line02 {
   width: 100%;
   font-size: 48px;
   color: #9D9D9D;
   background-color: #000000;
}

.popup_startup_line02 {
   width: 100%;
   font-size: 18px;
   color: #9D9D9D;
   background-color: #000000;
}


.popup_line03 {
   width: 100%;
   font-size: 48px;
   color: #FFFFFF;
   background-color: #000000;
}

.popup_startup_line03 {
   width: 100%;
   font-size: 24px;
   color: #FFFFFF;
   background-color: #000000;
}

.popup_footer {
   height: 30px;
   width: 100%;
   margin: 20px 0px 0px 0px;
   background-color: #B6964B;
}

.AnniversaryForm {
   max-width: 728px;
   margin: 40px auto;
   text-align: center;
}

input {
   border-radius: 0px;
}
#formHeader {
   margin: 15px auto;
   font-size: 23px;
   color: #000000;
}

#AnniversaryForm input {
   font-family : "Ropa Soft Pro Medium";
   font-size: 18px;
   width: 510px;
   height: 29px;
   max-width: 95%;
   margin: 0px 0px 15px 0px;
   text-align: center;
   border-radius: 0px;
   border: 1px solid #9D9C9C;
}

#AnniversaryForm textarea {
   width: 510px;
   max-width: 95%;
   border-radius: 0px;
   font-family : "Ropa Soft Pro Medium";
   font-size: 18px;
}

.formlabelError {
   color: red;
   font-size: 23px;
   font-weight: normal;
}

.formlabel {
   color: #b6964b;
   font-size: 23px;
   font-weight: normal;
}

#formTicketnumberInput {
    font-family: "Ropa Soft Pro Medium";
    font-size: 26px;
    width: 510px;
    height: 29px;
    max-width: 95%;
    margin: 0px auto 15px auto;
    text-align: center;
    border-radius: 0px;
    border: 1px solid #9D9C9C;
}

.formTicketnumberInputText {
   display: none;
}

.submit {
   text-align: center;
   width: 300px;
   margin: 0px auto;
   border-radius: 0px;
}

input[type=submit] {
   border-radius: 0px;
   font-family: 'Ropa Soft Pro Medium';
   font-size: 23px !important;
   width: 120px !important;
   height: 29px !important;
   margin: 10px auto !important;
   background-color: #b6964b;
   border: none !important;
   color: #ffffff !important;
}

#formresponse {
   max-width: 728px;
   margin: 0px auto;
}
/* cmsms stylesheet: Opmaak - Somsom - Socialmedia modified: Monday, March 22, 2021 2:45:25 PM */
#socialMediaBlock {
   max-width: 782px;
   margin: 0px auto;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
}

#socialMediaBlock img {
   width: 45px;
   margin: 25px 25px;
}
/* cmsms stylesheet: Opmaak - Somsom - SpecialEvent modified: Friday, November 19, 2021 3:11:33 PM */
#registerForm {
   text-align: center;
}

#specialeventkaart {
    max-width: 976px;
    margin: 0px auto;
    text-align: center;
}

.specialeventcategory {
   font-size: 23px;
   color: #55B78C;
   margin: 40px 0px 10px 0px;
   text-align: center;
}

.specialeventcategoryImage {
   text-align: center;
}

.specialeventcategoryImage img {
   margin-bottom: 10px;
   width: 510px;
}



.specialeventitems {
   position: relative;
   width: 100%;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-between;
}

.specialeventitem {
   display: block;
   width: 100%;
   min-width: 300px;
   margin: 0px auto 30px auto;
}

.orspecialevent {
   font-size: 18px;
   color: #AB8A41;
}

@media only screen and (min-width: 850px) {

   .menucategory {

   }

  .specialeventitem {
      margin: 0px 0px 30px 0px;
  }
}

.specialeventitemtitle {

}

.extrainfo {
   font-size: 18px;
   color: #AB8A41;
   max-width: 510px;
   margin: 0px auto;
}

@media only screen and (max-width: 850px) {

   .specialeventitem {
      width: 100%;
      min-width: auto;
      display: block;
   }

   .specialeventitem {
      width: 95%;
   }


}