/* Add here all your CSS customizations */

/* Add here all your CSS customizations */
html #header.header-transparent .header-nav-main {
    padding: 0 16px;
    padding: 0 1rem;
    -webkit-transition: ease padding 300ms;
    transition: ease padding 300ms;

}
@font-face {
font-family: "Raleway", sans-serif;
  src: url('https://www.borabora.nl/fonts/Neco-Regular.woff2') format('woff2'),
       url('https://www.borabora.nl/fonts/Neco-Regular.woff') format('woff'),
       url('https://www.borabora.nl/fonts/Neco-Regular.ttf') format('truetype');
       font-weight: 200;
       font-display: swap;
       font-style: normal;
}



@font-face {
  font-family: "Rubik Dirt", system-ui;
  src: url('https://www.borabora.nl/fonts/BespokeSans-Bold.woff2') format('woff2'),
       url('https://www.borabora.nl/fonts/BespokeSans-Bold.woff') format('woff'),
       url('https://www.borabora.nl/fonts/BespokeSans-Bold.ttf') format('truetype');
       font-weight: 700;
       font-display: swap;
       font-style: normal;
}




   .no-desktop{display:none !important;}


.prijs {text-align: center ;padding-top: 0px;}
@media (max-width: 991px){


.button-arr-shared-dining{
  margin:30px auto;
    width: 100% !important;
      background: #d67765;
      border: none;
      padding: 10px 25px 10px 25px !important;
      color: #FFF3E2;
      border-radius: 0px;
      clear: both;
      cursor: pointer;
      border-radius: 0px;
  }
    .no-desktop{display:block !important;}

.gerechten p{color:#545352;
    line-height:20px;
    margin: 0 0 1.2em;
    font-size:14px !important;
font-family: "Raleway", sans-serif;
font-weight: 400;}

.prijs {text-align: left !important ;padding: 0px;}

    .uber-wrapper{
    border-right:10px solid #8a9880 !important;
        border-left:10px solid #8a9880 !important;
            border-bottom:20px solid #8a9880 !important;}

h1 {
                padding-left:0;
                width: 100% !important;
                color: #d67765;
            
                font-weight: 700;
                   font-size: 34px !important;
            }

h2 {
    padding-left:0;
    width: 100% !important;
    color: #cf8472;

    font-weight: 700;
       font-size: 34px !important;
}
    h2 span {
        display: none !important;
        float: none !important;
        clear: both !important;
font-family: "Raleway", sans-serif;
    color: #38ba9d;
    font-size: 22px !important;
    line-height: 12px !important;
    width: 100% !important;
    font-weight: 200;
    margin:0px !important;
}
h3 {
    font-family: "Raleway", sans-serif;
    color: #545352 !important;
    font-size: 20px !important;
    font-weight: 400;
}





    .search-mobile{display:block !important;text-align: left !important;}
      .search-desk{display:none !important;text-align: left !important;}

	.flower {max-width: 60% !important;margin-top:100px;}
	.contact-form{padding:0px 15px !important;}

html #header.header-transparent .header-nav-main {
    padding: 0 16px;
    padding: 0 1rem;
    -webkit-transition: ease padding 300ms;
    transition: ease padding 300ms;
 
}



    #header .header-nav-main {
    position: absolute;
    top: 99%;
    right: 0;
    left: 0;
    margin-top: 0px;
    z-index: 99988;
}



.slider-contact-form-wrapper{display: block;}
.slider-contact-form {
    background: rgba(4, 75, 84, 0.5) !important;
    padding: 20px 60px 20px !important;
    padding: 4rem 4rem 14rem;
    min-width: 216px;
    margin-top:100px;
}


.prijs {text-align: left !important;padding-top: 0px !important;}
}








   .search-mobile{display:none;text-align: left !important;}
      .search-desk{display:block ;text-align: left !important;}




html.sticky-header-active #header .header-btn-collapse-nav.on-sticky-dark .hamburguer span, html.sticky-header-active #header .header-btn-collapse-nav.on-sticky-dark .close span {
    background: #8a9880 !important;}




#header .header-container:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100vw;
    border-bottom: 0px solid rgba(204, 204, 204, 0.2);
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    pointer-events: none;
    z-index: 0;
}



.uber-wrapper{
	border-right:30px solid #8a9880;
		border-left:30px solid #8a9880;
			border-bottom:40px solid #8a9880;}


            .slider-contact-form {
    background: rgba(4, 75, 84, 0.5) !important;
    padding: 40px 60px 206px;
    padding: 4rem 4rem 14rem;
    min-width: 416px;
}

     .slider-contact-form h2{
        text-align: center;
     }


html #header.header-transparent .header-body:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #8a9880;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}


#header .header-nav-main nav > ul > li > a {
    border-radius: 4px;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    padding: 1.93333em 0.85em;
    color: #FFf !important;
}




#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
  background: #545352 !important;
  top: 00px;
  display: block;
  opacity: 0;
  left: auto;
  border-radius: 4px;
  margin-top:-70px !important;
  min-width: 260px;
  padding: 8px 10px 8px 12px;
  text-align: left;
  border:0px solid red !important;
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li {
  border-bottom: 0;
}






.dropdown-item {
    display: block;
    width: 100%;
    padding:0px !important;
    clear: both;
    font-weight: 400;
    color: #fff !important;
    font-size: 20px !important;
    line-height: 22px;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0px solid red;
    margin:4px !important;
}

.dropdown-item:hover {
    display: block;
    width: 100%;
    padding:0px;
    clear: both;
    font-weight: 400;
    color: #fff !important;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}


.dropdown-menu {
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0 0 !important;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background: none !important;
    background-clip: padding-box;
    border: 0px solid rgba(0,0,0,0);
    border-radius: 0.25rem;
}

html .btn-outline.btn-primary, html.sticky-header-active .btn-outline.btn-sticky-primary {
    background: transparent;
    border-color: #d67765;
    color: #d67765;
}

body{background:#FFF3E2 !important;}
.body{background:#FFF3E2 !important;}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding-bottom:10px;
    line-height: 32px;
    margin-top:-15px;
    margin-bottom:12px;
    border:1px solid red !important;
}

.arrangement-green p{color:#FFF3E2; }


.high-everything{border:3px dotted #d67765
; margin-bottom:20px;}
.shared-dining{border:3px dotted #d67765

;}
.bites{border:3px dotted #8a9880;}

.borrelen{border:3px dotted #FFB906
;}
.vergaderen{border:3px dotted #004B57

;}

.activiteiten{border:3px dotted #d67765; margin-bottom:20px !important;}

.button-arr-event{
  margin:10px 0px;
display: inline-block;
    background: #d67765;
    border: none;
    padding: 10px 25px 10px 25px !important;
    color: #FFF3E2;
    border-radius: 0px;
    clear: both;
    cursor: pointer;
    border-radius: 0px;
    
}



.button-arr-activiteiten{
  margin:30px auto;
  width: 50%;
    background: #2EB3CE;
    border: none;
    padding: 10px 25px 10px 25px !important;
    color: #FFF3E2;
    border-radius: 0px;
    clear: both;
    cursor: pointer;
    border-radius: 0px;
    
}

.button-arr-high-everything{
margin:30px auto;
  width: 50%;
    background: #8a9880
;
    border: none;
    padding: 10px 25px 10px 25px !important;
    color: #FFF3E2;
    border-radius: 0px;
    clear: both;
    cursor: pointer;
    border-radius: 0px;
}

.button-arr-shared-dining{
margin:30px auto;
  width: 50%;
    background: #d67765;
    border: none;
    padding: 10px 25px 10px 25px !important;
    color: #FFF3E2;
    border-radius: 0px;
    clear: both;
    cursor: pointer;
    border-radius: 0px;
}

.button-arr-bites{
margin:30px auto;
  width: 50%;
    background: #d67765;
    border: none;
    padding: 10px 25px 10px 25px !important;
    color: #FFF3E2;
    border-radius: 0px;
    clear: both;
    cursor: pointer;
    border-radius: 0px;
}

.button-arr-borrelen{
margin:30px auto;
  width: 50%;
    background: #FFB906;
    border: none;
    padding: 10px 25px 10px 25px !important;
    color: #FFF3E2;
    border-radius: 0px;
    clear: both;
    cursor: pointer;
    border-radius: 0px;
}

.button-arr-vergaderen{
margin:30px auto;
  width: 50%;
    background: #004B57;
    border: none;
    padding: 10px 25px 10px 25px !important;
    color: #FFF3E2;
    border-radius: 0px;
    clear: both;
    cursor: pointer;
    border-radius: 0px;
}

.button-arr{
margin:30px auto;
  width: 50%;
    background: #e94f36;
    border: none;
    padding: 10px 25px 10px 25px !important;
    color: #FFF3E2;
    border-radius: 0px;
    clear: both;
    cursor: pointer;
    border-radius: 0px;
}

.button-arr{
margin:30px auto;
  width: 50%;
    background: #e94f36;
    border: none;
    padding: 10px 25px 10px 25px !important;
    color: #FFF3E2;
    border-radius: 0px;
    clear: both;
    cursor: pointer;
    border-radius: 0px;
}


  .high-everything-form{background: rgba(64, 157, 172, 0.7);}
  .shared-dining-form{background:rgba(235, 138, 116, 0.7);}
  .bites-form{background: rgba(235, 138, 116, 0.7);}
  .borrelen-form{background:rgba(255, 185, 6, 0.7);}
  .vergaderen-form{background: rgba(0, 75, 87, 0.7);}
  .activiteiten-form{background:rgba(138, 152, 128, 0.686);}
  
  .button-arr{
    margin:0 auto;
    width: 50%;
      background: #e94f36;
      border: none;
      padding: 10px 25px 10px 25px !important;
      color: #FFF3E2;
      border-radius: 0px;
      clear: both;
      cursor: pointer;
      border-radius: 0px;
  }
  

.arrangement{margin:0 !important;padding:35px 15px 25px 15px;}
}

.arrangement
h2 {
      font-family: "Rubik Dirt", system-ui;
    color:#d67765;
    font-size:40px;
    font-weight:400;
    text-align: center;
}

.arrangement h3 {
      font-family: "Rubik Dirt", system-ui;
   color:#d67765 !important;
    font-size:32px;
    font-weight:400;
    margin-left:0px;  text-align: center;
}

.arrangement h4 {
      font-family: "Rubik Dirt", system-ui;
   color:#38ba9d !important;
    font-size:20px;
    font-weight:400;
    margin-left:0px;  text-align: center;
}


.arrangement h3 span {
      font-family: "Rubik Dirt", system-ui;
    color:#38ba9d;
    font-size:20px;
    font-weight:200;
    margin-left:0px;
}

.arrangement strong{color:#545352;
    font-size:20px;
    line-height: 22px;
font-family: "Raleway", sans-serif;
font-weight: 700;
border:0px solid red;}

.arrangement p{color:#545352;
    line-height:20px;
    margin:0px 0px 20px 0px ;
    font-size:18px !important;
    line-height: 32px;
font-family: "Raleway", sans-serif;
font-weight: 200;
border:0px solid red;}


.arrangement p b{color:#545352;
    line-height:20px;
    margin:22px 0px 20px 0px ;
    font-size:20px;
font-family: "Raleway", sans-serif;
font-weight: 200;}

.agenda h2 {
      font-family: "Rubik Dirt", system-ui;
   
    color:#38ba9d !important;
    font-size:42px;
    font-weight:500;
    margin-left:0px;
}

p a{color:#d67765;}
.agenda a{color:#d67765;}



label{   font-family: "Raleway", sans-serif;
	color:#FFF3E2;
	font-size:32px;
	font-weight:400;
	margin-left:20px;
   line-height: 32px;}

h1 {
      font-family: "Rubik Dirt", system-ui;
    color:#d67765;
      font-size:44px;
    font-weight:400;
    letter-spacing: 1px !important;
}


h2 {
	  font-family: "Rubik Dirt", system-ui;
	color:#d67765;
	  font-size:44px;
	font-weight:400;
   text-transform: uppercase;
   letter-spacing: 1px !important;
}


h4 {
      font-family: "Rubik Dirt", system-ui;
    color:#d67765;
    font-size:42px;
    font-weight:400;text-transform: uppercase;
    letter-spacing: 1px !important;
}

h2 span {
	 font-family: 'Neco-Regular';
	color:#38ba9d;
	font-size:22px !important;
	font-weight:400;
	margin-left:20px;
}

h3 {
	font-family: "Raleway", sans-serif;
	color:#545352 !important;
	font-size:24px;
	font-weight:400;
}

h5 {
  font-family: "Rubik Dirt", system-ui;
color: #d67765;
  font-size:24px;
font-weight:400;
    letter-spacing: 1px !important;}

h3 span {
font-family: "Raleway", sans-serif;
    color:#8a9880;
    font-size:24px;
    font-weight:400;
    margin-left:0px;
}


a {
   color:#545352;
    line-height: 1.9;
    margin: 0 0 1.2em;
    font-size:20px;
font-family: "Raleway", sans-serif;
font-weight: 400;

}

a:hover {
   color:#e94f36 !important;
    line-height: 1.9;
    margin: 0 0 1.2em;
    font-size:20px;
font-family: "Raleway", sans-serif;
font-weight: 400;

}


p {
   color:#545352;
    line-height: 1.9;
    margin: 0 0 1.2em;
    font-size:20px;
font-family: "Raleway", sans-serif;
font-weight: 400;

}
.gerechten p{color:#545352;
    line-height:20px;
    margin: 0 0 1.2em;
    font-size:20px;
font-family: "Raleway", sans-serif;
font-weight: 200;}

 .openingstijden {background-color: #8a9880;text-align: center;
margin: 0px !important;
padding:40px 0px 0px 0px;}

.openingstijden h2 {
  padding:40px 0px 0px 0px;
    margin:0;
   font-family: "Raleway", sans-serif;
    color:#FFF3E2;
    font-size:32px;
    font-weight:400;
}



.specials {background-color:#38ba9d;}

.specials  h2 {

      font-family: "Rubik Dirt", system-ui;
    color:#FFF3E2;
    font-size:72px;
    font-weight:400;
}


.specials h3 {
      font-family: "Rubik Dirt", system-ui;
    color:#000 !important;
    font-size:42px;
    line-height: 42px;
    font-weight:400;
padding:0;
margin: 0;}


.specials p {
      font-family: "Rubik Dirt", system-ui;
    color:#000;
    font-size:24px;
    font-weight:400;
padding:0;
margin: 0;}


.special-prijs {width: 90px !important;height:90px !important;
border-radius: 50px;
background-color: #FFF3E2;
   font-family: "Rubik Dirt", system-ui;
    color:#000;
    font-size:32px;
text-align: center;
    line-height: 90px !important;
font-weight: 400;}

.form-group button[type="submit"] {
  font-size: 18px;
    background:#e94f36 ;
    border: none;
    padding: 10px 25px 10px 25px !important;
    color:#FFF3E2;
    border-radius: 0px;
   clear: both;
    cursor: pointer;    border-radius: 0px;
}

 button[type="submit"] {
   font-size: 18px;
    background:#e94f36 ;
    border: none;
    padding: 10px 25px 10px 25px !important;
    color:#FFF3E2;
    border-radius: 0px;
   clear: both;
    cursor: pointer;    border-radius: 0px;
}

/*** Form ***/

.form-group input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus {
    border: none;
    color: #8a9880;
    background-color:#FFF3E2;
     border: 1px solid #8a9880;
    font-style: normal;
    font-weight:200;
    font-size:18px !important;
    line-height: 18px !important;
    padding: 3px 3px 3px 15px;   
        height:20px;
}
.form-group input[type="text"], .form-group input[type="textarea"], input[type="password"], .form-group input[type="email"], input[type="tel"]  {
    color: #8a9880;
    background-color:#FFF3E2 !important;
     border: 1px solid #8a9880 !important;


    font-style: normal;
    font-weight:100;
    font-size:18px !important;
    line-height: 32px !important;
    padding:2px 15px;   
        height:32px !important;
        margin:0 !important;
}

 .form-group textarea{
    color: #8a9880;
    background-color:#FFF3E2 !important;
     border: 1px solid #8a9880 !important;


    font-style: normal;
    font-weight:100;
    font-size:18px !important;
    line-height: 32px !important;
    padding:2px 15px;   
        height:120px !important;
        margin:0 0!important;
}


.form-wrap{border: 0px solid blue;padding:0px 15px;margin-bottom:0px;width: 95%;}

.form-group label{   color:#545352;
      line-height:20px;
      margin:20px 0px 10px 0px;
      font-size:20px;
  font-family: "Raleway", sans-serif;
  font-weight: 200; }




.ee-cform fieldset, .ee-cform h2, .ee-cform h3, .ee-cform h4, .ee-cform input, .ee-cform label, .ee-cform ol, .ee-cform p, .ee-cform select, .ee-cform td, .ee-cform textarea, .ee-cform th, .ee-cform ul {
     color:#545352 !important;
         line-height:20px;
         margin:20px 0px 10px 0px;
         font-size:20px;
     font-family: 'Mukta', sans-serif !important;
     font-weight: 200; 
  }
  
  
  
  
.form-control {
height: 12px;
}
label{  
  
  color:#545352;
      line-height:20px;
      margin:20px 0px 10px 0px;
      font-size:20px;
  font-family: "Raleway", sans-serif;
  font-weight: 200; 
  }
  
  
  


.social-icons li a {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: #FFF3E2;
    border-radius: 100%;
    display: block;
    height: 2.4em;
    font-size: 1.9em;
    line-height: 2.4em;
    width: 2.4em;
    text-align: center;
    color: #999;
    text-decoration: none;
}

#footer p{font-size: 18px;}
#footer a{color:#FFF3E2;}
#footer h1, #footer h2, #footer h3, #footer h4{color:#d67765;}




.onderkant{background-color: #8a9880; padding:0px 0px 20px 0px;margin:0;
text-align: center;}


.form-group-shared-dining textarea,
.form-group-borrelen textarea,
.form-group-activiteiten textarea,
.form-group-high-everything textarea,
.form-group-bites textarea,
.form-group-vergaderen textarea
{
    color: #8a9880;
    background-color:#FFF3E2 !important;
     border: 0px solid #8a9880 !important;
    font-style: normal;
    font-weight:100;
    font-size:18px !important;
    line-height: 32px !important;
    padding:2px 15px;   
        height:120px !important;
        margin:0px 0px 30px 0px;
}


.form-group-shared-dining input[type="text"], .form-group-shared-dining input[type="textarea"], input[type="password"], .form-group-shared-dining input[type="email"], input[type="tel"] {
    color: #8a9880;
    background-color:#FFF3E2 !important;
     border:none !important;


    font-style: normal;
    font-weight:100;
    font-size:18px !important;
    line-height: 32px !important;
    padding:2px 15px;   
        height:32px !important;
     margin:0px 0px !important;
}


.form-group-borrelen input[type="text"], .form-group-borrelen  input[type="textarea"], input[type="password"], .form-group-borrelen  input[type="email"], input[type="tel"] {
    color: #8a9880;
    background-color:#FFF3E2 !important;
     border:none !important;


    font-style: normal;
    font-weight:100;
    font-size:18px !important;
    line-height: 32px !important;
    padding:2px 15px;   
        height:32px !important;
       margin:0px 0px !important;
}



.form-group-activiteiten input[type="text"], .form-group-activiteiten input[type="textarea"], input[type="password"], .form-group-activiteiten input[type="email"], input[type="tel"] {
    color: #8a9880;
    background-color:#FFF3E2 !important;
     border:none !important;


    font-style: normal;
    font-weight:100;
    font-size:18px !important;
    line-height: 32px !important;
    padding:2px 15px;   
        height:32px !important;
        margin:0px 0px !important;
}



.form-group-high-everything input[type="text"], .form-group-high-everything input[type="textarea"], input[type="password"], .form-group-high-everything input[type="email"], input[type="tel"] {
    color: #8a9880;
    background-color:#FFF3E2 !important;
     border:none !important;


    font-style: normal;
    font-weight:100;
    font-size:18px !important;
    line-height: 32px !important;
    padding:2px 15px;   
        height:32px !important;
       margin:0px 0px !important;
}


.form-group-bites input[type="text"], .form-group-bites input[type="textarea"], input[type="password"], .form-group-bites input[type="email"], input[type="tel"] {
    color: #8a9880;
    background-color:#FFF3E2 !important;
     border:none !important;


    font-style: normal;
    font-weight:100;
    font-size:18px !important;
    line-height: 32px !important;
    padding:2px 15px;   
        height:32px !important;
       margin:0px 0px !important;
}



.form-group-vergaderen input[type="text"], .form-group-vergaderen input[type="textarea"], input[type="password"], .form-group-vergaderen input[type="email"], input[type="tel"] {
    color: #8a9880;
    background-color:#FFF3E2 !important;
     border:none !important;


    font-style: normal;
    font-weight:100;
    font-size:18px !important;
    line-height: 32px !important;
    padding:2px 15px;   
        height:32px !important;
      margin:0px 0px !important;
}


.form-group-shared-dining input[type="text"], .form-group-shared-dining input[type="textarea"], input[type="password"], .form-group-shared-dining input[type="email"], input[type="tel"]{
    color: #8a9880;
    background-color:#FFF3E2 !important;
     border:none !important;


    font-style: normal;
    font-weight:100;
    font-size:18px !important;
    line-height: 32px !important;
    padding:2px 15px;   
        height:32px !important;
        margin:0px 0px !important;
}


.cc-selector input{
  margin:0;padding:00px;
  
display: none;
 -webkit-appearance:none;
     -moz-appearance:none;
      appearance:none;
}
.manual{background-image:url(https://www.borabora.nl/ideal-logo.svg) !important;
  background-position:  center center;
}

.iDeal{background-image:url(https://www.borabora.nl/factuur.jpeg);
  background-position:  center center;

}

.cc-selector input:active +.drinkcard-cc{opacity: 1; }
.cc-selector input:checked +.drinkcard-cc{
  -webkit-filter: none;
     -moz-filter: none;
      filter: none;
      border-bottom:0px solid #10788e !important;padding:8px 4px !important;border-radius: 20px;
  
      
}


.cc-selector input:checked +.drinkcard-cc::before{
  -webkit-filter: none;
     -moz-filter: none;
      filter: none;
      border:1px solid #10788e !important;padding:8px 4px !important;border-radius: 20px;
  
      
}

.drinkcard-cc{
  cursor:pointer;
  background-size:contain;
  background-repeat:no-repeat;
  display:inline-block;
  width:100px;height:70px;
  -webkit-transition: all 100ms ease-in;
     -moz-transition: all 100ms ease-in;
      transition: all 100ms ease-in;
  -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
     -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
      filter: brightness(1.8) grayscale(1) opacity(.7);
}
.drinkcard-cc:hover{
  -webkit-filter: brightness(1.2) grayscale(.5) opacity(1);
     -moz-filter: brightness(1.2) grayscale(.5) opacity(1);
      filter: brightness(1.2) grayscale(.5) opacity(1);
}