@font-face {
  font-family: 'alumiaalumia';
  src: url('alumia-webfont.woff2') format('woff2'),
       url('alumia-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

.mont { font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: normal; font-style: normal; }
.antonio { font-family: "Antonio", sans-serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; }
.alumia { font-family: 'alumiaalumia'; letter-spacing: 7px; }
body { font-family: "Montserrat", sans-serif; }
/* body#home { overflow: hidden; } */
h1, h2, h3, h4, h5, h6 { text-transform: uppercase; letter-spacing: 7px; }
p, h6 { font-family: "Montserrat", sans-serif; }

p { font-size: 18px; }

.bglighttan { background: #e7dec4; }
.txttan { color: #8c734b; }
.txttan a { color: #8c734b; }
.txtlighttan { color: #e7dec4 !important; }

.btn { font-family: 'alumiaalumia'; width: 150px; padding: 10px !important; background: none; color: #8c734b; border-radius: 0; text-transform: uppercase; font-weight: bold; letter-spacing: 4.5px; }
.btn-primary { border: 2px solid #8c734b; }
.btn-primary:hover { border: 2px solid #8c734b; background: #8c734b; color: #e7dec4; }
.btn-secondary { border: 2px solid transparent; }
.btn-orange { background: #f78e1e; color: #fff !important; border: 2px solid #f78e1e; }
.btn-orange:hover { border: 2px solid #fff; background: #fff; color: #f78e1e !important; }
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active { background: inherit; border-color: inherit !important }

#age { position: absolute; z-index: 9999; top: 0; left: 0; right: 0;  bottom: 0; width: 100%; height: 100vh; background: url(images/bg-herman-marshall-logo-age.jpg) bottom right no-repeat #a7956e; background-size: contain; color: #e7dec4; }
.agebox { padding: 9% 0; }
.agelogo { width: 350px; margin: 40px auto; display: block; }
#age h6 { font-size: 17px; letter-spacing: 3px; padding-bottom: 10px; }
#age h2 { font-size: 52px; letter-spacing: 7px; }
#age .btn { font-family: 'alumiaalumia'; width: 150px; padding: 10px 20px !important; background: none; border: 2px solid #e7dec4; color: #e7dec4; border-radius: 0; float: right; text-transform: uppercase; font-weight: bold; }
#age .btn-secondary { border: 2px solid transparent; float: left; }
#age .btn:hover { width: 100px; background: #e7dec4; color: #8c734b; padding: 10px 20px !important; width: 150px; }
#age .btn-secondary:hover { width: 100px; background: rgb(228, 0, 0); color: #e7dec4; padding: 10px 20px !important; width: 150px; }
.autoscroll { overflow: auto !important; }
.navbar { transition: top 0.3s; background: linear-gradient(to bottom, rgba(0,0,0,0.7) 100%, rgba(0,0,0,0) 50%); z-index: 9999; }
.bg-dark { background: #000 !important; }
.navbar .nav-link { font-family: "Antonio", sans-serif; color: #a7956e; }
.navbar .nav-link:hover { color: #f78e1e; }
.navbar .nav-link.active { color: #f78e1e; }
.logo { height: 14px; }
.w-100 { width: 100% !important; }
.overflowh { overflow: hidden; }

/* backgrounds */
.bg-wylie { background: url(images/bg-wylie.jpg) #e8dec3 bottom center no-repeat; background-size: cover; padding: 0 0 177px 0; }
.bg-prod { background: url(images/bg-prod.jpg) #e8dec3 bottom center no-repeat; background-size: cover; padding: 90px 0 0 0; }
.bg-event { background: url(images/bg-event.jpg) #e8dec3 bottom center no-repeat; background-size: cover; padding: 150px 0; }
.bg-dist { background: url(images/bg-dist.jpg) #e8dec3 bottom center no-repeat; background-size: cover; padding: 70px 0; }

.bg-story { background: url(images/bg-story.jpg) #e8dec3 bottom center no-repeat; background-size: cover; padding: 70px 0; }
.bg-calendar { background: url(images/bg-calendar.jpg) #e8dec3 bottom center no-repeat; background-size: cover; padding: 110px 0; }
.bg-where { background: #e7dec4; padding: 50px 0; color: #8c734b !important; }
.bg-prod-det { background: url(images/bg-prod-det.jpg) #e8dec3 bottom center no-repeat; background-size: cover; padding: 70px 0; }
.bg-prod-footer { background: url(images/bg-prod-footer.jpg) #e8dec3 bottom center no-repeat; background-size: cover; padding: 150px 0 177px 0; }
.bg-paper { background: url(images/bg-paper.jpg) #e8dec3 top left no-repeat; background-size: cover; }
.bg-paper2 { background: url(images/bg-paper2.jpg) #e8dec3 top left no-repeat; background-size: cover; }
.bg-events { background: url(images/bg-events.jpg) #000 center center no-repeat; background-size: cover; padding: 90px 0; }
  .bg-events h2, .bg-events p {  color: #e7dec4; }
  .bg-events .btn { border-color: #e7dec4; color: #e7dec4; }
  .bg-events .btn:hover { border-color: #8c734b; color: #e7dec4; }
  .para1a { margin-top: -170px; }
  .para1 { margin-top: -170px; }
.para2 { margin-top: -100px; }
.para3 { margin-top: -200px; margin-left: -1px; }
/* .para1, .para2, .para3 { transition: margin-top 0.3s ease-out; } */
.para2 video { width: 100%; height: 110%; padding: 0; }
.animated { animation-duration: 1.25s; }


p { font-size: 16px !important; }
/* typography */
h1 { text-transform: uppercase; letter-spacing: 7px; }
h2 { text-transform: uppercase; letter-spacing: 17px; }
.caps { text-transform: uppercase !important; }
header.bg-home { 
/* background: url(images/headerHome.jpg) no-repeat top center;  */
background-size: cover; margin-top: 47px; padding: 150px 0; height: 87vh; }
.bg-tasting { background-size: cover; padding: 150px 0; height: 95vh; }
header h2, header h6, header h3, header h4 { color: #e7e0c5 !important; }
header h6 { letter-spacing: 7px; }
.whiskey-slider { position: relative; }

.floatleft { float: left; }
.bg-prod h2 { line-height: 5.7rem; }
.bg-prod h3 { font-size: 3.5rem; }
.bg-prod h4 { font-size: 2.3rem; }
.bg-prod h2, .bg-prod h3, .bg-prod h4 { letter-spacing: 10px; }

.bg-prod-det h2 { line-height: 5.7rem; }
.bg-prod-det h3 { font-size: 3.5rem; }
.bg-prod-det h4 { font-size: 2.3rem; }
.bg-prod-det h2, .bg-prod-det h3, .bg-prod-det h4 { letter-spacing: 10px; }

.bg-prod-footer h2 { line-height: 5.7rem; color: #e7dec4; }
.bg-prod-footer h3 { font-size: 3.5rem; color: #e7dec4; }
.bg-prod-footer h4 { font-size: 2.3rem; color: #e7dec4; }
.bg-prod-footer h6, .bg-prod-footer p { color: #e7dec4; }
.bg-prod-footer h2, .bg-prod-footer h3, .bg-prod-footer h4 { letter-spacing: 10px; color: #e7dec4; }
.bg-prod-footer .btn-primary { border-color: #e7dec4; color: #e7dec4; }
.bg-prod-footer .btn-primary:hover { border: 2px solid #e7dec4; background: #e7dec4; color: #8c734b; }


#allprods a, #allprods img { display: block; }
#allprods p, #allprods li { color: #8c734b; }
#allprods img { width: 100%; height: auto; }
#allprods p { display: block; clear: both; }


.bignum { color: #8c734b; font-size: 3rem; text-align: center; display: block; float: left; line-height: 2.3rem; }
.brt1 { border-right: 1px solid #8c734b; }
.numcap { display: block; font-size: 1rem; font-weight: bold; padding: 0; }

footer { background: url(images/bg-footer.jpg) bottom center no-repeat; background-size: cover; color: #e7dec4 !important; text-align: center; }
footer h2 { font-size: 35px; font-family: 'alumiaalumia'; letter-spacing: 7px; }
footer h3 { font-size: 27px; font-family: 'alumiaalumia'; letter-spacing: 7px; line-height: 40px; }
footer h3 small { display: inline-block; font-size: 14px !important; margin-top: 20px; font-family: 'alumiaalumia'; letter-spacing: 5px; }

footer input { font-weight: bold !important; font-size: 22px !important; border: 0 !important; border-bottom: 1px solid #e7dec4 !important; color: #e7dec4 !important; background: none !important; border-radius: 0 !important; }
footer .btn-primary { border-color: #e7dec4; color: #e7dec4; }
.leaf { width: 100px; }
.center-carousel-image { position: absolute; width: 500px; top: 47%; left: 0%; transform: translate(-50%, -50%); z-index: 10; }

#prod { background: url(images/bg-products.jpg) no-repeat bottom left; background-size: cover; }
.carousel-control-next-icon, .carousel-control-prev-icon {
  display: inline-block;
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 50%;
  border: 2px solid #f78e1e;
  border-radius: 50%;
  background-image: none;
}
.carousel-control-next-icon:after
{
content: '>';
font-size: 50px;
color: #f78e1e;
font-family: "Montserrat", sans-serif; font-weight: normal;
}

.carousel-control-prev-icon:after {
content: '<';
font-size: 50px;
color: #f78e1e;
font-family: "Montserrat", sans-serif; font-weight: normal;
}
.carousel-control-next, .carousel-control-prev { width: 10%; opacity: 1; }
.carousel-indicators [data-bs-target] { background-color: #f78e1e; height: 4px; }

.bg-light { background-color: #e7dec4 !important; color: #8c734b; }
.bg-events h6, .bg-events p { color:  #8c734b; }
.bg-events p { font-size: 13px !important; margin: 0 0 5px 0; }

.maskani { overflow: hidden; height: 5rem; position: relative; letter-spacing: 13px; font-size: 5rem; }
#animatedWord {
display: inline-block; 
position: relative;
white-space: nowrap;
}

header .header-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; /* This ensures the video covers the full area of the header without distorting the aspect ratio */
z-index: -1; /* This ensures the video stays behind the text content */
}

.bg-home {
position: relative; /* Ensures proper positioning of the video within the header */
overflow: hidden; /* Ensures the video does not overflow the header */
}

header .txttan {
position: relative; /* Ensures text appears above the video */
z-index: 1;
}

header .container {
height: 100%; /* Match the height of the header to help with vertical alignment */
display: flex;
align-items: center; /* This will vertically center your text */
justify-content: center;
}
.w-60 { width: 60% !important; }
.w-70 { width: 70% !important; }
.w-80 { width: 80% !important; }
.w-90 { width: 90% !important; }
.clear { clear: both !important;}
.spur { width: 50%; margin: 50px auto; text-align: left !important; }
.spur::before { content: url(images/spur.png); position:relative; left:-50px; top:47px; }
.txt-xxs { font-size: 11px; }
.text-left { text-align: left !important; }
.fs-7 { font-size: 13px; }
/* spacing */
.built { line-height: 37px; }
.tasting { padding-top: 20px !important; padding-bottom: 150px !important; }
.join { letter-spacing: 3.5px !important; font-size: 13px !important; margin-bottom: 9px !important; }
footer p { font-size: 13px !important; }
.explorebtn { width: 332px; }
.pb100 { padding-bottom: 100px !important; }
.text-right { text-align: right !important; }
.seecal { width: 220px; }
.fab, .fab a { color: #e7dec4 !important; text-decoration: none; }
.eventfooter { height: 177px; overflow: hidden; }
.h2-mask { overflow: hidden; }
.fwnormal { font-weight: normal !important; }
.biglogo { display: block; width: 250px; margin: 0 auto 40px auto; }
.eventtxt { font-size: 27px !important; }
.eventtxt p { font-size: 27px !important; line-height: 27px !important; }
.eventtxt h2 { font-size: 57px; }
.minilogo { display: block; width: 130px; margin: 0 auto 40px auto; }
.off { display: none; }
.bg-where h2, .bg-where h6 { color: #8c734b !important; }
.whereproducts { border: 2px solid #8c734b; }
.whereproducts p { font-size: 12px !important; padding: 10px 0 20px 0; }
.whereproducts strong { text-transform: uppercase; }
.excsold p { font-size: 12px !important; padding: 10px 0; }
.excsolda p { font-size: 12px !important; padding: 10px 0; }
.addy { background: #e7dec4; border: 2px solid #8c734b; }
.plusmini { width: 20px; float: right; }
.moreinfoa, .moreinfob, .moreinfoc, .moreinfod { overflow: hidden; display: none; background: #e7dec4; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; }
.moreinfo .col-8 { padding-top: 40px; }
.back { width: 30px; }
#map { height: 579px; width: 100%; display: none; }
.posr { position: relative; }
.bg-gin-header { background: url(images/bg-gin-header.jpg) no-repeat center center; background-size: cover; padding: 70px 0; }
.mapresults { display: none; height: 579px; z-index: 999; width: 40%; position: absolute; right: 0; top: 0; background: #e7dec4; overflow-y: auto; }
.mapimg { position: absolute; top: 0; left: 0; width: auto; height: 630px; padding-top: 40px; z-index: 999; }
.mapresults p { font-size: 12px !important; }
.mapresults .thison { background: #8c734b; color: #e7dec4; }
#loader { display: none; padding: 20px; font-size: 20px; color: #f78e1e; text-align: center; top: 15%; left: 0; margin: auto; position: absolute; z-index: 9999; width: 100%; }
.loading { width: 70%; margin: auto; display: block; }
.result-item:hover { background: #8c734b; color: #e7dec4; cursor: pointer; }
/* @media (max-width: 1400px) { 
  .center-carousel-image { position: absolute; max-width: 570px; top: 35%; left: 0%; transform: translate(-50%, -50%); z-index: 10; }
  #customCarousel { height: 1000px; overflow: hidden; }
}
 */
 footer .fspace { padding-top: 200px !important; padding-bottom: 100px !important; }
footer .ffspace { margin-top: 100px; }
@media (min-width: 1500px) { 
  /* .center-carousel-image { position: absolute; max-width: 800px; top: 45%; left: 0%; transform: translate(-50%, -50%); z-index: 10; }
  #customCarousel { height: 100vh; overflow: hidden; }
  .carousel-item .row:has(.col-md-4) { height: 100vh; } */
  .center-carousel-image { position: absolute; max-width: 570px; top: 35%; left: 0%; transform: translate(-50%, -50%); z-index: 10; }
  #customCarousel { height: 1000px; overflow: hidden; }

} 
@media (max-width: 1024px) { 
  #home header.bg-home { height: 50vh !important; padding: 0; margin-top: 20px; }
  #home header .container { padding: 0 !important; }
  #home header .container .row { padding: 0 !important; }
  #home .maskani { font-size: 2rem; letter-spacing: 4px; height: 2rem; }
  #home header .biglogo { width: 150px; }
  #home .tasting { padding: 0 0 120px 0 !important; margin: 0; }
  #home .tasting .container { padding: 70px 0 30px 0 !important; margin: 0; }
  #home .tasting .row { padding: 0 !important; margin: 0; }
  #home .para1,  #home .para2, #home .para3,  #home .paravid { margin-top: 30px; width: 33.3% !important; }
  #home .para1a  { width: 100% !important; margin-top: -180px !important }
  #home .para1 { margin-top: 20px !important }
  #home .para2 { margin-top: 50px !important }
  #home .para3 { margin-top: -100px !important }
  #home .paravid { height: auto; width: 100% !important; }
  #home .bg-paper { padding: 50px 0 0 0 !important; margin: 0 !important; }
  #home .bg-paper .container { padding: 0 !important; margin: 0 !important; }
  #home .bg-paper .container .row { padding: 0 !important; margin: 0 !important; }
  #home .bg-events.pb100 { padding: 0 !important; }
  #home .bg-events .col { margin-bottom: 20px; max-width: 50% !important; }
  #home .bg-events .mt-5 { margin-top: 1rem !important; }
  footer { width: 100%; overflow-x: hidden; }
  footer .h2-mask h2 { font-size: 27px; }
  footer .h2-mask h3 { font-size: 17px; letter-spacing: 4px; line-height: normal; }
  footer .h2-mask h3 small { font-size: 12px !important; letter-spacing: 4px; line-height: normal; display: inline-block; margin: 20px 5px !important }

  footer .row { padding: 20px 0 !important; }
  footer .fspace { padding-top: 70px !important; padding-bottom: 0 !important; }
  footer .ffspace { margin-top: 40px !important; }
  footer .ffspace img.w-70 { display: block !important; margin: auto !important; }
  footer .ffspace .mt-5 { text-align: center !important; margin: 40px 0 !important; }
  footer .ffspace .mt-5 a { display: inline-block; }
  footer .join { padding: 0 10%; }
  footer .fs-7.text-left { text-align: center !important; padding: 50px 0 0 0; }
  footer .fs-7.text-left .txt-xxs { padding: 40px 0; display: block; }
  h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
    letter-spacing: 5px;
}
.center-carousel-image {
  position: absolute;
  width: 300px;
  top: 30%;
  left: 75%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
#home .carousel-item .pt-5 { padding: 0 !important;  }
#home .carousel-item .h2-mask.my-5 { margin: 40px 0 10px 0 !important }
#home .carousel-item h6.pt-5 { padding: 0 !important;  }
.carousel-control-next-icon, .carousel-control-prev-icon {
  /* display: inline-block; */
  display: none;
  width: 47px;
  height: 47px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 50%;
  border: 2px solid #f78e1e;
  border-radius: 50%;
  background-image: none;
}
.carousel-control-prev-icon:after {
  content: '<';
  font-size: 30px;
  color: #f78e1e;
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
}
.carousel-control-next-icon:after {
  content: '>';
  font-size: 30px;
  color: #f78e1e;
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
}

#home .carousel-item .col-md-8.px-5.py-0 { padding-bottom: 40px !important; }
#home .explorebtn {
  width: 250px;
}
#home .col-md-4.position-relative .row:nth-of-type(2) { display: none !important; }
.bglighttan.py-5.txttan { padding-left: 5% !important; padding-right: 5% !important; }
.bg-tasting {
  background-size: cover;
  padding: 150px 0;
  height: 57vh;
}
#tasting .bg-paper2.py-5 { padding: 0 5% !important; }
#tasting .bg-paper2.py-5 .container.py-5 { padding: 0 5% !important; }
#tasting .bg-paper2.py-5 .container.py-5 .col-lg-6 { margin-bottom: 50px; }
#tasting .bg-paper2.py-5 .container.py-5 .col-lg-6 a { width: auto !important; }
/* .bg-prod {   height: 57vh;
} */
.bg-prod h2, .bg-prod h3, .bg-prod h4 { letter-spacing: 5px; line-height: normal !important; }
.bg-prod h2 { margin: 0; }
#allprods { padding: 0 !important; }
.bg-event { padding: 40px 0 0 0; }
#eventspace .bg-paper.py-5.txttan { padding: 0 5% !important; }
#eventspace .bg-paper.py-5.txttan .col-lg-6.my-5 { margin: 0 !important; }
#eventspace .bg-paper.py-5.txttan .container.py-5 img { margin-bottom: 50px !important; }
#eventspace .bg-paper.py-5.txttan .container.py-5 { padding-bottom: 10px !important; }
#distillery .bg-paper.py-5.txttan { padding: 0 5% !important; }
#distillery .bglighttan.py-5.txttan{ padding: 30px 5% !important; }
#distillery .bglighttan.py-5.txttan .row { margin: 0 !important; }
#distillery .bg-paper.py-5 { padding: 0 5% !important; }
#distillery .bg-paper.py-5 .container.py-5 { padding: 0 5% !important; }
#distillery .bglighttan.txttan.pt-3.pb-5 { padding: 0 5% !important; }
#distillery .bglighttan.txttan.pt-3.pb-5 .container.py-5 { padding: 0 5% !important; }
.bg-dist { padding: 50px 0 0 0 !important; }
#calendar .col-6.p-3.bg-white p { font-size: 12px !important; }
#calendar .col-6.p-3.bg-white { padding: 10px 0 0 10px !important; }
#calendar .eventtxt small { font-size: .8rem !important; line-height: 0px !important; padding: 0; margin: 0; } 
#calendar .eventtxt { font-size: inherit !important; } 
#calendar .col-3.p-3.bg-white.text-center { padding: 5px 0 0 0 !important; }

.excsold { padding: 40px 20px !important; margin-top: 640px !important; }
.excsolda { padding: 0 20px !important; margin-top: 0 !important; }
.excsolda .col-3 { width: 50%; }
.mapresults {
  display: none;
  height: 30%;
  z-index: 999;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #e7dec4;
  overflow-y: auto;
}
.bg-prod-det h2 { line-height: 3.5rem; }
.bg-prod h4 {
  font-size: calc(1.275rem + .3vw);
}
#map { height: 1000px !important; }
#loader { display: none; padding: 20px; font-size: 20px; color: #f78e1e; text-align: center; top: 4%; left: 0; margin: auto; position: absolute; z-index: 9999; width: 100%; }

}
.btn-find { background: #8c734b; color: #e7e0c5 !important; }
.btn-find:hover { border: 2px solid #8c734b !important; color: #8c734b !important; }
.btn-find .fa, .fa-arrow-right:before { color: #e7dec4 !important; }