/* ***    KLEUREN     *** */
/* Goud        = #c1ac75  */
/* DFD Rood    = #b31917  */
/* Bijna zwart = #2a2626  */

/* 0 0 0 0 */
/* Top - Rechts - Bottom - Links */
@import url('https://fonts.googleapis.com/css?family=Gabarito|Alumni+Sans+Pinstripe|Charm|Bad+Script&display=swap');

body { background-color:#000000; color:#999999; }
td { padding: 10px; }
a.winered:link, a.winered:visited { color: #b31917; text-decoration:none; }
a.kruimel:link, a.kruimel:visited { color: #eeeeee; text-decoration:none; }
a.neutral:link, a.neutral:visited { color: #dddddd; text-decoration:none; }
a.neutral:hover { text-decoration:underline; }
a.normallink:link, a.normallink:visited { color: #6d9dbc; text-decoration:underline; }
a.normallink:hover { text-decoration:none; color:#b2d5ed; }
a.degust:link, a.degust:visited { color: #dddddd; text-decoration:none; padding:5px; }
a.degust:hover { color: #2a2626; text-decoration:none; background-color:#c1ac75; }
a.act { color: #2a2626; text-decoration:none; background-color:#c1ac75; padding:5px; }
a.crumb:link, a.crumb:visited { color:#c1ac75; text-decoration: underline; }
a.crumb:hover { text-decoration: none; }
a.a_list:link, a.a_list:visited { color:#c1ac75; text-decoration: none; font-size:90% }
a.a_list:hover { text-decoration: underline; font-size:90% }
a.oranje:link, a.oranje:visited { color:#e1a50c; text-decoration: none; }
a.oranje:hover { text-decoration: underline; }



/* LIJSTEN */
ul.checker li {
    background-image: url('/images/default/li_checker.gif');
    list-style-type: none;
    background-repeat: no-repeat;
    line-height: 25px;
    padding-left: 40px; }
}

ul.totheright li {
    background-image: url('/images/default/li_arrowright.gif');
    list-style-type: none;
    background-repeat: no-repeat;
    line-height: 40px;
    padding-left: 40px; }
}

ul {margin: 0px; }

/* DEGUSTATIES SECTIE */
.degustaties {overflow: hidden; }
.degustaties .nav-tabs { border: 0; }
.degustaties .nav-link {
  border: 0;
  padding: 10px 5px;
  transition: 0.3s;
  color: #999999;
  border-radius: 0;
  border-right: 0px solid #c1ac75;
  font-weight: 400;
  font-size: 15px;
}
.degustaties .nav-link:hover { color: #c1ac75; }
.degustaties .nav-link.active { color: #1a1814; background: #c1ac75; border-color: #c1ac75; }
.degustaties .nav-link:hover { border-color: #c1ac75; }
.degustaties .tab-pane.active { animation: fadeIn 0.5s ease-out; }
.degustaties .details h3 {
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 20px;
  color: #999999; }
.degustaties .details p { color: #aaaaaa; }
.degustaties .details p:last-child { margin-bottom: 0; }

@media (max-width: 992px) {
  .degustaties .nav-link { border: 0; padding: 5px; }
}

/* END DEGUSTATIE SECTIE */



.site_title { color:#C1AC75; padding-left:25px; padding-right:50px; }

/* CARDS */   
.card {
  padding-top:25px;
  padding-bottom:25px;
  border-bottom-right-radius: 4em; }
.card-body { color: #999999; font-family:Gabarito; font-weight: 900; }
.card-title { color: #c1ac75; font-family:Gabarito; }
.card-subtitle { color: #bbbbbb; font-family:Gabarito; font-size:150%; padding-bottom:30px; }

/* TITLES & PARAGRAPHS */
.sectionname { font-family: "Alumni Sans Pinstripe", sans-serif; font-weight: 900; text-transform: uppercase; color:#bbbbbb; font-size:150%; margin-top:30px;
               padding: 0; line-height: 1px; margin: 70px 20px 5px 0; letter-spacing: 2px; }
.bcrumb { font-size:80% }
.nextdegust { font-family: "Alumni Sans Pinstripe", sans-serif; font-weight: 900; text-transform: uppercase; color:#bbbbbb; font-size:150%; 
               margin: 0px 20px 5px 0; letter-spacing: 2px; }               
.ankertekst, .priv_subtitle  { font-family: "Charm"; color:#c1ac75; font-size:200%; }
.text-justify { text-align: justify; }
.paragraaf { padding: 20px 0 0 0; }
.verberg { display:none; }
label { font-family: "Alumni Sans Pinstripe", sans-serif; font-weight: 900; text-transform: uppercase; font-size:100%; letter-spacing: 2px; }

.outerfooter { 
  backgroud-color:#2b3035; 
  padding:25px;
}
.innerfooter {
  background-color:#ff0000; 
}

.hoofdtitel {
	font-family: "Bad Script", cursive;
	color: #c1ac75;
	font-size: 160%;
	font-weight: 800;
}

.text-justify {
  text-align:justify;
}

.subtitel {
	color: #c1ac75;
	font-size: 130%;
	font-weight: 400;
}

.inleiding {
  font-size: 110%;
	font-weight:400;
	font-style: italic;
	color:#eeeeee;
  text-align: justify;
}


/* IMAGES */
.img_round { border-radius: 25px; }

/* BUTTONS */
.bt_nieuwsbrief {
  color:#dddddd;
  background-color: #c1ac75;
  font-weight:700;
  margin-left:-5px; }
.oranje { color: #FB8C00; }
  
/* FORMULIEREN */
.FormTitle  { background-color:#c1ac75; border-radius:10px 10px 0 0; color:#ffffff; font-weight:900;
              padding:15px; font-size:110% }
.FormRow    { padding:10px; border-left:1px #c1ac75 solid; border-right:1px #c1ac75 solid;}
.FormBtnRow { text-align:center; margin-top: 15px; }
.FormLstRow { padding:0px; border-bottom:1px #c1ac75 solid; border-radius:0 0 10px 10px;  border-left:1px #c1ac75 solid; border-right:1px #c1ac75 solid; }
.btn-gold   { background-color:#c1ac75; color:#2a2626; }
.btn-gold:hover   { background-color:#cfbd8d; color:#2a2626; }

.FormBorder { padding: 10px; border: 1px #c1ac75 solid; border-radius: 0 0 10px 10px;}
.FormButton { text-align:center; padding-top:25px; padding-bottom: 10px; }
  
/* *************************** MODALS ******************************** */
.modal-gold-header { background-color: #c1ac75; font-size: 12px; }
.modal-red-header  { background-color: #b31917; font-size: 12px; color:#ffffff; }
.btn-modalclose-gold       { background-color: #c1ac75; color:#fff; }
.btn-modalclose-gold:hover { background-color: #cdb870; color:#fff; }
.btn-modalclose-red       { background-color: #b31917; color:#fff; }
.btn-modalclose-red:hover { background-color: #b31917; color:#fff; }
.modal-content { color:#2a2626; }
.pi label { color:#2a2626; font-weight:bold; font-size:12px; }
.pi input { border-color: #2a2626; }

.popAlert {
  display:none;
  background-color: rgba(0 , 0, 0 , 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width:100%
  height:100%
}
.popAlertInner {
  background-color: yellow;
  width:500px;
  height:300px;
  padding:25px;
  margin: 15% auto;  
}

/* SPACERS */
.SpacerUp20 { padding-top:20px; }