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

@charset "UTF-8";
button {
  background-color: #b20738;
  border: none;
  color: #fff !important;
  padding: 0.5rem 1.5rem;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1rem;
}
button:hover {
  background-color: black;
}
.padding {
  margin: 10px;
  padding: 10px;
  border: 0px solid #00197d;
}
.paddingRIGHT {
  margin: 10px;
  padding: 10px;
  float: right;
}
h1, h2, h3, h4, h5 {
  color: #b20738;
  font-weight: 700 !important;
}
.jl-article .jl-article-title {
  font-size: 2.25rem;
}
.button a {
  color: #fff !important;
}
.button, .jl-button {
  background-color: #b30838 !important;
  color: #fff;
}
a.button.button-2 {
  border-radius: 2rem;
  padding: 8px 24px;
  color: #fff !important;
}
.jl-button .button-3, .button-3 {
  border-radius: 20px !important;
}
.jl-button .button-3:hover, .button-3:hover, .hp-cta .jl-button:hover {
  background: #272d32 !important;
  color: #fff !important;
}
.hp-cta .jl-button {
  border-radius: 20px !important;
  font-size: 24px !important;
  margin-top: 30px !important;
}
/*TOP */
#g-top {
  border-top: 9px solid #b30838;
}
.top-phone {
  text-align: right;
  font-size: 20px;
}
/* NAVIGATION */
.jl-container #g-navigation {
  border-bottom: 5px solid rgba(39, 45, 50, 0.25);
}
#g-navigation .logo, #g-navigation .jl-logo {
  padding-top: 25px;
}
#g-mobilemenu-container ul {
  text-align: right;
}
#g-navigation .g-block > .g-content {
  padding: 10px 0 0 0;
}
.g-main-nav .g-toplevel > li .g-menu-item-content {
  padding: 10px 5px 20px 5px;
  font-size: 0.9rem;
  font-weight: 700;
}
#g-navigation .g-main-nav .g-toplevel > li {
  margin: 0.1rem;
}
#g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, #g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container {
  color: #fff !important;
  background-color: #b30838;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-parent-indicator:after {
  display: none;
}
/* HOME ANIMATION SLIDER */
.homeANIM {
  text-align: left !important;
}
.homeANIM .slideshow {
  max-width: 1380px;
  margin: 0 auto;
}
.homeANIM .tm-title {
  font-size: 2rem;
  color: #fff;
  padding: 1rem;
  text-shadow: 2px 2px 8px #000;
}
/* HOME BLOCKS SHOWCASE */
/* HOME BOTTOM BLURB */
.homeBLURB .tm-title {
  padding: 1rem;
  text-align: center;
  text-shadow: 2px 2px 8px #000;
  text-transform: initial;
}
.pageEQUIP .button {
  text-align: center;
  font-size: 0.7rem;
  width: 100%;
  padding: 8px 24px !important;
}
.equipLH a {
  line-height: inherit !important;
  padding: 8px 24px !important;
}
.equipLH2 a {
  line-height: inherit !important;
  padding: 16px 24px !important;
}
/*SERVICES PAGE */
.servicesPAGE .g-gridcontent .g-gridcontent-title-style-1 .g-gridcontent-item-content, .servicesPAGE {
  text-align: center !important;
  background-color: #EEE;
  padding: 1rem;
  color: #000;
  font-size: 1rem;
}
/*RESPONSIVE TABLES VERSION 1 https://rockettheme.com/forum/free-joomla-stuff/219408-creating-a-responsible-table-i-e-responsive?limitstart=0*/
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
/* Force table to not be like tables anymore */
/* Hide table headers (but not display: none;, for accessibility) */
/* Behave  like a "row" */
/* Now like a table header */
/* Top/left values mimic padding */
/*RESPONSIVE TABLES VERSION 2 https://codepen.io/alico/pen/bpLgOL*/
.table th {
  padding: 0px !important;
}
table {
  border-spacing: 1;
  border-collapse: collapse;
  background: white;
  border-radius: 6px;
  overflow: hidden;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
table * {
  position: relative;
}
table td, table th {
  padding-left: 15px;
}
table thead tr {
  height: 60px;
  background: #fff;
  font-size: 16px;
}
table th {
  background: none;
}
table tbody tr {
  height: 48px;
  border-bottom: 1px solid #E3F1D5;
}
table tbody tr:last-child {
  border: 0;
}
table td, table th {
  text-align: left;
}
table td.l, table th.l {
  text-align: right;
}
table td.c, table th.c {
  text-align: center;
}
table td.r, table th.r {
  text-align: center;
}
@media screen and (max-width: 48em) {
  table {
    border: none !important;
  }
  table {
    display: block;
  }
  table > *, table tr, table td, table th {
    display: block;
  }
  table thead {
    display: none;
  }
  table tbody tr {
    height: auto;
    padding: 8px 0;
  }
  table tbody tr td {
    padding-left: 45%;
    margin-bottom: 0px;
    /* &:nth-child(2):before { content:"hp";}
        &:nth-child(3):before { content:"KW";}
        &:nth-child(4):before { content:"PSI";}
        &:nth-child(5):before { content:"ACFM";}*/
  }
  table tbody tr td:last-child {
    margin-bottom: 0;
  }
  table tbody tr td:before {
    position: absolute;
    font-weight: 700;
    width: 40%;
    left: 10px;
  }
  table tbody tr td:nth-child(1):before {
    content: "Model";
  }
}
@media only screen and (max-width: 48em) {
  table.v2 tbody tr {
    height: auto;
    padding: 8px 0;
  }
  table.v2 tbody tr td.v2 {
    padding-left: 45%;
    margin-bottom: 0px;
    /* &:nth-child(2):before { content:"hp";}
        &:nth-child(3):before { content:"PSI (CFM)";}*/
  }
  table.v2 tbody tr td.v2:last-child {
    margin-bottom: 0;
  }
  table.v2 tbody tr td.v2:before {
    position: absolute;
    font-weight: 700;
    width: 40%;
    left: 10px;
  }
  table.v2 tbody tr td.v2:nth-child(1):before {
    content: "Model";
  }
}
.tablephoto {
  text-align: center !important;
}
table tbody tr td.tablephoto {
  padding-left: 0;
}
table.as1 thead tr {
  height: 60px;
  background: #ddd !important;
  font-size: 16px;
}
table.as1.table-hover tbody tr:hover > td {
  background: #ccc !important;
}
table.as1.table-striped tbody tr:nth-child(2n+1) td {
  background: #eee;
}
/*Collapsible*/
/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: #eee;
  color: #444 !important;
  cursor: pointer;
  padding: 18px;
  width: 200px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  content: "Open";
  text-align: center;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: #ccc;
}
.collapsible:after {
  content: "➕  See All Models";
  /* Unicode character for "minus" sign (-) */
  padding-right: 4px !important;
}
.collapsible.active:after {
  content: "➖  See All Models";
  /* Unicode character for "minus" sign (-) */
}
/* Style the collapsible content. */
.content {
  padding: 0;
  margin-top: 20px;
  overflow: hidden;
  background-color: transparent;
}
/*FOOTER */
#g-footer .g-container {
  padding: 1.5rem 0 !important;
}
#g-footer a {
  color: #b30838 !important;
}
#g-footer a.button.button-2 {
  border-radius: 2rem;
  padding: 8px 24px;
  color: #fff !important;
}
/* line 89, templates/rt_isotope/custom/scss/custom.scss */
.footerNAV .nav li {
  display: inline-block !important;
  margin-right: 0.7rem;
}
/* MOBILE MENU */
.g-offcanvas-toggle {
  color: #000;
  border: 2px solid #000;
}
/* line 95, templates/rt_isotope/custom/scss/custom.scss */
#g-offcanvas #g-mobilemenu-container ul {
  text-align: left;
  font-size: 0.8rem;
}
/* line 96, templates/rt_isotope/custom/scss/custom.scss */
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover > .g-menu-item-container {
  color: #fff;
}
@media (max-width: 1200px) {
  .top-phone {
    font-size: 16px;
  }
  .homeANIM .g-flexslider-slideshow .g-flexslider-slideshow-item-content {
    margin-top: 200px;
  }
}
@media (max-width: 815px) {
  .paddingRIGHT {
    float: none !important;
    margin: 15px auto;
    display: block;
  }
  #g-container-main {
    background-color: #fff;
    padding-top: 2rem;
  }
  #home #g-slideshow {
    margin-top: 0px;
  }
  #g-mobilemenu-container .g-toplevel li.g-parent .g-menu-parent-indicator::after {
    opacity: 1 !important;
    color: #FFF !important;
  }
}
/* Phones */
@media only screen and (max-width: 480px) {
  .paddingRIGHT {
    float: none !important;
    margin: 15px auto;
    display: block;
  }
  #g-container-main {
    margin-top: 0px !important;
  }
  #g-mobilemenu-container .g-toplevel li.g-parent .g-menu-parent-indicator::after {
    opacity: 1 !important;
    color: #FFF !important;
  }
  .homeBLURB .tm-title {
    font-size: 2rem;
  }
}
/*# sourceMappingURL=custom_22.css.map */