/* 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
 */

/* upload this file to: /templates/g5_helium/custom/scss */
/* some basic Gantry5 overrides */
.gantry-logo img {
  width: 75px !important;
}
h1, h2, h3 {
  color: #4db2b3 !important;
}
/* sets the foot line-height because google whines about the default height */
.footer-col a {
  line-height: 1.75em;
}
.footer-col h3 {
  line-height: 1.25em;
}
.g-branding {
  line-height: 1.25em;
}
.quote {
  background-color: #4db2b3;
  border: 2px solid black;
  line-height: 2.25em;
  color: black !important;
}
.quote h1 {
  color: black !important;
}
/* cancelling / overriding the raxo intro block font settings to use the gantry5 settings */
.ppetree .raxo-block-intro {
  padding: 8px;
  font-size: inherit !important;
  line-height: inherit !important;
}
.raxo-title a {
  color: #4db2b3 !important;
}
.raxo-block-button {
  font-weight: bolder !important;
}
/* used in my 3-column boxes on the home page to limit the text #lines */
/* currently applied to the <li class="clip-5" */
.clip-5 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.clip-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
/* used in the 3 columns to hide the heading so I can use my own */
.sample-content .g-content h4 {
  display: none;
}
th {
  background-color: #4db2b3;
  color: white;
}
.social img {
  max-height: 25% !important;
  min-height: 25% !important;
  max-width: 25% !important;
  min-width: 25% !important;
  object-fit: scale-down !important;
  height: unset;
}
/* not actually sure these are used anymore */
.blog .span12::after {
  content: "";
  border-bottom: 4px solid #000000;
  display: block;
  margin: 10px 0;
  padding-top: 20px;
  padding-bottom: 10px;
  width: 100%;
}
.blog .leading-0::after {
  content: "";
  border-bottom: 4px solid #000000;
  display: block;
  margin: 10px 0;
  padding-top: 20px;
  padding-bottom: 10px;
  width: 100%;
}
#wherebuy a {
  color: #4db2b3 !important;
  font-weight: bolder !important;
}
#wherebuy li a:hover {
  color: white !important;
  font-weight: bold !important;
}
hr.news {
  border: 2px solid #4db2b3;
  border-radius: 5px;
}
hr.story {
  border: 1px solid #4db2b3;
  border-radius: 5px;
}
.btn-prev {
  margin-right: 1em !important;
  float: left !important;
}
.btn-next {
  float: right !important;
}
.pagination {
  display: block !important;
}
.pagenavigation {
  width: 90% !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
/*# sourceMappingURL=custom_14.css.map */