/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

#g-navigation {
  background: #18749a !important;
  color: #ffffff;
  position: relative;
  z-index: 11;
  border-bottom: 5px solid #99e8eb;
}
#g-footer {
  background: #444;
  color: #ffffff;
  padding: 3rem 0;
}
/* hel red header background and img01 */
#g-header:before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  z-index: -1;
  background: linear-gradient(90deg, #000000, transparent);
  background: #333;
}
/* H1 inside the header section */
#g-header h1 {
  padding-left: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-weight: bold;
  /* opacity: 0.65; */
}
/* logo */
.g-logo.g-logo-helium img, .g-logo.g-logo-helium svg {
  max-height: 200px;
  /* max-height: 50px; */
}
/* Collection */
.prompt {
  display: block;
  height: auto !important;
  color: #000000;
  /* color: #060; */
  background-color: #f0faf0;
  /* background-color: #e5ffe5; */
  /* font-weight: bold; */
  padding: 10px;
  border-style: solid;
  border-color: #060;
  border-width: thin;
  margin: 15px 0 15px 0 !important;
}
.prompt-title {
  color: #060;
  font-size: 28px;
  font-weight: bold;
}
.response-title {
  font-size: 28px;
  color: #18749a;
  font-weight: bold;
}
.h40 {
  display: none;
}
.notice-green {
  display: block;
  height: auto !important;
  color: #060;
  background-color: #e5ffe5;
  font-weight: bold;
  padding: 10px;
  border-style: solid;
  border-color: #060;
  border-width: thin;
  margin: 15px 0 15px 0 !important;
}
/* where to buy boxes */
/* indicates that instance was successfully added */
.green-box {
  display: block;
  height: auto !important;
  color: #060;
  background-color: #e5ffe5;
  font-weight: bold;
  padding: 10px;
  border-style: solid;
  border-color: #060;
  border-width: thin;
  margin: 15px 0 15px 0 !important;
  /* 
    display:inline;
    color: #006600;
    background-color: #e5ffe5;
    padding: 2px 10px 2px 2px;
    margin: 2px;
    */
}
/* indicates that a problem occurred  */
.red-box {
  display: inline;
  color: #b23000;
  background-color: #ffd9cc;
  padding: 2px 10px 2px 2px;
  margin: 2px;
}
/* indicates that there is a warning or useful note  */
.orange-box {
  display: inline;
  color: #ab5600;
  background-color: #ffcf9c;
  padding: 2px 10px 2px 2px;
  margin: 2px;
}
/* indicates that there is a warning or useful note  */
.yellow-box {
  display: inline;
  color: #B3432B;
  background-color: #FFFCCF;
  padding: 2px 10px 2px 2px;
  margin: 2px;
}
/* indicates that there is a warning or useful note  */
.grey-box {
  display: inline;
  color: #555555;
  background-color: #E8E8E8;
  padding: 2px 10px 2px 2px;
  margin: 2px;
}
/***********************************************************************

    media queries
    
    
    
**********************************************************************/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 300px) {
  .g-logo.g-logo-helium img, .g-logo.g-logo-helium svg {
    max-height: 150px;
    /* max-height: 50px; */
  }
  .video-header {
    width: 90%;
    /*
        width: 90%;
        margin-top: 10px;        
        max-width: 280px;
        */
  }
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .g-logo.g-logo-helium img, .g-logo.g-logo-helium svg {
    max-height: 150px;
    /* max-height: 50px; */
  }
  .video-header {
    /*
        width: 90%;
        margin-top: 10px;        
        max-width: 280px;
        */
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .g-logo.g-logo-helium img, .g-logo.g-logo-helium svg {
    max-height: 200px;
    /* max-height: 50px; */
  }
  .video-header {
    /*
        margin-top: 100px;
        */
  }
}
/*# sourceMappingURL=custom_15.css.map */