body { min-height: 75rem; padding-top: 36px; }
.relative {position: relative;}
.absolute {position: absolute;}
.opacity { background-color: rgba(0,0,0,0.5); height: 100%; width: 100%; top: 0; }
.nounderline, .nounderline:hover, .nounderline:focus, .nounderline:active {text-decoration: none;}

.kop-white { font-family: 'blackchanceryregular'; margin-bottom: 10px; letter-spacing: 2px; }

.bg-inverse{background-color: #000 !important;}
section{ padding-top: 100px; padding-bottom: 100px}
section.patern{ background-image: url(img/patern.jpg); color:#FFF}
section.black{background-color: #000; color: #FFF}
section.nopadding{padding: 0px;}
section#mix .container{width: 100% !important; background-color: black}
h2.yellow{text-align:center;font-family: 'blackchanceryregular'; background-image: url(img/header_yellow.png); color:#fec358; padding-top: 83px; background-repeat: no-repeat; background-position: center; background-size: contain; height: 200px;}
h3.white{ text-align:center;font-family: 'blackchanceryregular'; background-image: url(img/header_white.png); color:#fff; padding-top: 58px; font-size: 30px; background-repeat: no-repeat; background-position: center; background-size: contain; height: 150px;}
h3.yellow{ text-align:center;font-family: 'blackchanceryregular'; background-image: url(img/header_yellow.png); color:#fec358; padding-top: 58px; font-size: 30px; background-repeat: no-repeat; background-position: center; background-size: contain; height: 150px;}

hr{background-color: #fec358;margin: 0px; height: 3px;}

.btn-yellow{ display: inline-block; border-color:#fec358; ;border-radius: 0px;  color:#fec358; text-transform: uppercase}
.btn-yellow:hover{background-color:#fec358; color:#FFF}
.homeslider{background-image: url('img/homepage.jpg'); background-size: cover; padding-top: 120px; padding-bottom: 120px }
.receptcontainer:hover .overlay{ opacity: 1; transition: all 0.2s ease-in-out;}
.receptcontainer {position: relative; padding:0;}
.receptcontainer .overlay{ opacity: 0; transition: all 0.2s ease-in-out; background-color: rgba(101, 19, 5, 0.65); position:absolute; width: 100%; height: 100%; z-index: 12; padding: 150px 30px;}
.receptcontainer .overlay .text h3 { color: white; font-weight: bold; font-size: 20px; margin-bottom: 30px;}
.receptcontainer .overlay .text p { color: white; font-size: 16px; margin-bottom: 50px;}
.receptcontainer .overlay .text span,.recept-home span, .link-block span { color: white; font-size: 12px; padding: .5rem 1rem; text-transform: uppercase; border: 2px solid white; transition: all 0.2s ease-in-out;}
.receptcontainer .overlay .text span:hover, .recept-home span:hover, .link-block span:hover {background-color: #be964e; transition: all 0.2s ease-in-out;}
.recept{ min-height: 520px; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url('img/drink.jpg');}

.recept-home h3 { font-family: 'blackchanceryregular'; font-size: 2rem; }
.recept-home p { font-size: 18px; }

.header-text p {color: white; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; margin: 0; font-size: 20px; line-height: 1;}
.header-text span {color: white; margin: 0; font-size: 12px;}

.recept-detail h5 { font-family: 'blackchanceryregular'; margin-bottom: 30px; letter-spacing: 2px; }
.recept-detail h5 span { float: right; font-size: 16px; letter-spacing: 1px; }

.owl-nav{position: absolute; width: 100%;  margin-top: -310px;}
.owl-prev{ left:20px;background-color: #be964e; position: absolute;border-radius:50%; height: 40px; width:40px; text-align: center; padding-left: 5px; font-size: 25px;}
.owl-next{ background-color: #be964e; position: absolute; right: 20px; border-radius:50%; height: 40px;text-align: center; padding-left: 10px; width:40px;font-size: 25px;}
.owl-dots{ text-align: center}
.owl-dot{ display: inline-block}

.owl-dot span {
  background: none repeat scroll 0 0 #869791;
  border-radius: 20px;
  display: inline-block;
  height: 12px;
  margin: 5px 7px;
  opacity: 1;
  width: 12px;
}
.owl-prev:before{
  font-family:'FontAwesome';
  content: "\f104";
  margin-right:10px;
}
.owl-next:after{
  font-family:'FontAwesome';
content: "\f105";
  margin-right:10px;
}

.navbar-inverse .navbar-nav .nav-link {
  color: white;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 15px; border-bottom: 2px solid black;
}
.navbar-inverse .navbar-nav .nav-link:hover {
  border-bottom: 2px solid #fec358;
  transition: all 0.2s ease-in-out;
}

.navbar-nav > .nav-item > .active {
  color: #fec358 !important;
  border-bottom: 2px solid #fec358;
}

.navbar-brand {
   padding-top: 0;
   padding-bottom: 0;
    margin-right: 100px;
}

.bg-inverse {
  border-bottom: 2px solid white;
}

.recepten-bg {
  background-size: cover; background-position: center; border: 1px red; z-index: 654545; padding: 80px 0 80px 0; color: white;
}

section#recepten {position:relative;}
section#recepten div.overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0 !important; background-color: rgba(0,0,0,.5);}
section#recepten .recept-home h3,
section#recepten .recept-home p,
section#recepten .recept-home button {z-index: 111 !important; position:relative !important;;}

section#age input[id="day"],
section#age input[id="month"] {width: 110px;}
section#age input[id="year"] {width: 150px;}
section#age input[id="month"] {margin-left: 25px; margin-right: 25px;}
section#age input.box {color: black; background-color: #fec358; border: 2px solid white; text-align: center; padding: 25px; font-size: 24px; font-family: "blackchanceryregular", sans-serif;}
section#age img.logo {width: 50%;}
section#age h1 {font-family: "blackchanceryregular", sans-serif; font-size: 47px; color: #FFF;text-align: center;}
section#age h2 {color:#FFF; text-align: center; font-size: 20px;}
section#age button.btn-continue {color: #FFF; position: absolute; right: 14%; bottom: -15%;background-color: transparent; border: 1px solid #FFF;}

.contact h3 { font-family: 'blackchanceryregular'; font-size: 2rem; margin-bottom: 20px; }
.contact p { font-size: 14px; }

.contact .form-control {
  margin: 8px 0 8px 0;
  color: #464a4c;
  background-color: #000;
  border-radius: 0;
  border: 1px solid white;
}

.contact .form-control:focus, input[type="text"]:focus { border-color: #FFF; box-shadow: none; color: #fff; }
.btn-black { margin-top: 8px; border-radius: 0; background-color: #000; border-color: white; text-transform: uppercase; font-size: 14px; font-weight: bold; }
.btn-black:hover { background-color: #333; border-color: white; }
.footer { margin-top: 30px; margin-bottom: -80px;}
.footer a, footer a:hover { color:#dedede; text-decoration: none; }

.navbar-inverse .navbar-toggler { border: 2px solid #fec358; }

.navbar-inverse .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(254, 195, 88, 0.5");
}

@media (max-width: 500px) {
  section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  section#age input.box {
    padding: 15px;
    font-size: 15px;
  }

  section#age input[id="day"], section#age input[id="month"] {
    width: 65px;
  }

  section#age input[id="year"] {
    width: 100px;
  }

  section#age input[id="month"] {
    margin-left: 15px;
    margin-right: 15px;
  }

  section#age h1 {
    font-size: 30px;
  }
}

/*.age-error {*/
  /*margin: 15px 54px 0 54px;*/
/*}*/

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:    white;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:    white;
  opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    white;
  opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:    white;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color:    white;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}

.contains-link > p > a, .contains-link > p > a:hover { color: #fec358; text-decoration: none; }