/**Stylesheet for Whiskey Menu.*/
@font-face{
  font-family: bodonimoda;
  src: url('Fonts/bodonimoda.woff2') format('woff2'),
  font-display: swap;  
}

@font-face{
  font-family: inter;
  src: url('Fonts/inter.woff2') format('woff2'),
     url('Fonts/inter.ttf') format('truetype');
  font-display: swap;  
}

@font-face{
  font-family: icomoon;
  src: url('Fonts/icomoon.woff') format('woff'),
     url('Fonts/icomoon.ttf') format('truetype');
  font-display: swap;  
}

html, body {
	height: 100%;
  margin: 0;
  padding: 0;
  background: var(--bright);
}

:root {
  --bright: #F4ECDF;
  --dark: #313552;
  --primary: #355E3B; 
  --secondary: #BC7E2B;
}

#masthead{
  position: sticky;
  top: 0em;
  width: 100%;
  background: var(--bright);
  padding: 2em 0em 1em 0em;
  z-index: 2;
}

.margins{
  position: relative;
  padding: 0em 2em;
  box-sizing: border-box;
}

h1{
  font-family: bodonimoda, serif;
  text-align: center;
  margin: 0em;
}

#search_container{
  position: relative;
  left: 50%;
  width: 95%;
  max-width: 40em;
  padding: .6em 1em;
  background: rgba(255,255,255,.4);
  margin: 1em 0em ;
  border: 2px solid var(--dark);
  border-radius: 1em;
  transform: translateX(-50%);
  box-sizing: border-box;
}

#search_container label{
  position: absolute;
  left: -999em;
}

.search_icon{
  position: relative;
  top: .25em;
  width: 2em;
  text-align: center;
}

.search_icon:before{
  font-family: icomoon;
  font-size: 1.5em;
  content: "\e986";
}

#search_container input{
  font-family: inter, sans-serif;
  font-size: 1em;
  width: calc(100% - 2em);  
  padding: .5em .7em;
  border: none;
  outline: none;
  background: none;
}

#menu{
  position: relative;
  padding: 2em 0em 4em 0em  ;
}

.whiskey{
  position: relative;
  padding: .7em 0em  ;
  box-sizing: border-box;
}

.whiskey h2{
  font-family: bodonimoda, serif;
  margin: 0em 0em .3em 0em;
}

.whiskey p{
  font-family: inter, sans-serif;
  margin: 0em 0em .5em 0em ;
}





@media only screen and (min-width: 48em){

  .margins{
    left: 50%;
    width: 86%;
    padding: 0;
    transform: translateX(-50%);
  }

}