/* Style StyleSheet
Colors:
Gold: #af9608
Green: #146640
Grey: #1a1a1a

Fonts:
font-family: 'Open Sans', sans-serif;
font-family: 'Bantayog', sans-serif;

*/
body, html {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  color: #000;
  background-color: #fff;
}
p{
  font-size: 1em;
  line-height: 1.3em;
  font-weight: 500;
}
@font-face {
  font-family: Bantayog;
  src: url(https://www.antsgourmet.com/images/Bantayog-Regular.otf);
}
h2{
  font-family: 'Bantayog', sans-serif;
  font-weight: 700;
  color: white;
  font-size: 1.7em;
  line-height: 2.1em;
  margin-bottom: 20px;
}
h3{
  font-family: 'Bantayog', sans-serif;
  font-weight: 500;
  font-size: 1.5em;
  line-height: 1.6em;
}
h4{
  font-family: 'Bantayog', sans-serif;
  font-weight: 400;
  font-size: 1.4em;
  margin: 20px 0px 0px 0px;
  align: left;
}
h5{
  font-family: 'Bantayog', sans-serif;
  font-weight: 400;
  font-size: 1.3em;
  line-height: 1.4em;
  margin: 0;
  padding-left: 10px;
  background-color: #000;
  border: 1px solid white;
  color: white;
}
h6{
  font-family: 'Bantayog', sans-serif;
  font-weight: 300;
  font-size: 1.1em;
  line-height: 1.4em;
  margin: none;
}
a:link {
  color: #fff;
}
a:visited {
  color: #fff;
}
a:hover {
  color: #fff;
  font-weight: 900;
  text-decoration: none;
}
a:active {
  color: ;
}
ul, ol{
  font-size: 0.8em;
  line-height: 1.1em;
}


/* text */
.golden{
  font-family: 'Bantayog', sans-serif;
  font-weight: 400;
  font-size: 1.8em;
  line-height: 2em;
  margin-bottom: 8px;
  background-color: #fff;
  color: #af9608;
}
.product-label{
  font-family: 'Bantayog', sans-serif;
  font-weight: 600;
  font-size: 1.0em;
  line-height: 1.2em;
  margin: 0;
}
.product-description-text{
   font-size: 1em;
   font-family: 'Bantayog', sans-serif;
   line-height: 1.25em;
   color: #af9608;
   font-weight: 600;
 }
.header1{
  width: 100%;
  margin: auto;
  background-color: black;
}
.banner1{
  width: 60%;
  margin: auto;
}

/* grid */
.grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto;
  padding: 6px;
}

.grid-container > div {
  color: #FFF;
  text-align: left;
  padding: 20px 0 20px 40px;
}

.fboxL {
  grid-column: 3 / 6;
  background-color: #1a1a1a;
}
.fbox{
  background-color: #1a1a1a;
  font-size: 0.8em;
}
.fbox1{
  background-color: #1a1a1a;
}

/* Sections */
.sectionwhite{
  display: block;
  background-color: #fff;
  color: black;
  min-height: 327px;
  margin: auto;
  Padding: 2% 20%;
}
.sectionQRproduct{
  display: block;
  background-color: #fff;
  color: black;
  margin: auto;
  height: 640px;
  Padding: 2.5% 10% 7% 10%;
}
.sectionblackstore{
 display: block;
 background-color: #000;
 color: white;
 width: 80%;
 padding: 2% 10% 3.5% 10%;
 margin: auto;
}
.flavor-notes{
  background-color: #af9608;
  width: 60%;
  float: left;
  padding: 0% 3%;
  color: white;
  font-family: 'Bantayog', sans-serif;
  font-weight: 400;
  font-size: 1.35em;
  line-height: 1.5em;
  height: 120px;
}
.footer{
  width: 100%;
  background-color: #1a1a1a;
  padding: 0px;
  border-top: 2px solid #af9608;
}

/* images */
.img-link-product{
  width: 24%;
  margin: 3% 8% 5% 0%;
}
.img-product-headshot{
  Float: left;
  width: 26%;
  margin: 1% 6% 3% 2%;
  border: none;
}
.img-map{
  Float: right;
  width: 26%;
  margin: 3% 2% 12% 2%;
  border: none;
}
.footer-logo{
  width: 100px;
  border: none;
}
.logo-header{
    width: 100%;
}



/* buttons */
.shop-button {
  background-color: #146640; /* Green */
  border: none;
  color: white;
  padding: 0.6em 1.5em;
  margin-top: 1em;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
  transition-duration: 0.4s;
  display: inline-block;
  font-size: 18px;
}
.shop-button:hover{
  background-color: #0c7f49; /* Green */
  color: white;
}




/* mobile styles */
@media only screen and (max-device-width: 480px) {

p{
  font-size: 1.4em;
}
h4{
  font-weight: 900;
}
.mailchimp{
    padding: 15% 0%;
  }
.mc-field-group{
    font-size: 3em;
  }
#mce-FNAME{
  height: 2em;
}
#mc-embedded-subscribe {
  width: 190px !important;
  height: 35px !important;
  font-size: 0.8em !important;
}
.mailchimp-form{
    display:flex;
    margin: 10% 0% 25% 0%;
  }
.sectionwhite{
  font-size: 0.8em;
  width: 80%;
  margin: auto;
}
.img-product-headshot{
  width: 33%;
}
.sectionQRproduct{
  Padding: 2.5% 3% 7% 3%;
  height: 900px;
}
.flavor-notes{
  width: 90%;
}
.subscribe-text{
  font-size: 0.25em;
}
.footer-text{
  font-size: 0.7em;
}
.fbox {
  font-size: 0.75em;
}
.fboxL {
  font-size: 2.2em;
}
.footer-p{
  font-size: 0.8em;
  width: 26%;
  margin-left: 37%;
}
}