/* 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";
#g-navigation > div:nth-child(3) {
  background: #000;
}
.form-check-input {
  all: unset;
  -webkit-appearance: auto !important;
  appearance: auto !important;
  width: 1em !important;
  height: 1em !important;
  border: 1px solid rgba(0, 0, 0, 0.25) !important;
  background-color: #fff !important;
  display: inline-block !important;
  vertical-align: middle !important;
  cursor: pointer;
}
input[type="radio"].form-check-input {
  border-radius: 50% !important;
}
input[type="checkbox"].form-check-input {
  border-radius: 0.25em !important;
}
#g-above > div:nth-child(1) > div > div {
  padding-bottom: 0;
  margin-bottom: 0;
}
div.threewide1.moduletable.service_1, div.threewide2.moduletable.service_3, div.threewide3.moduletable.service_2 {
  padding: 0 !important;
}
p {
  font-size: 0.9rem;
  line-height: 1.1rem;
}
#g-navigation {
  background: none;
}
div.as-position-10.moduletable {
  -webkit-text-size-adjust: 100%;
  line-height: 18px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin: 0;
  margin-bottom: 40px;
  overflow: hidden;
  padding: 25px 30px 25px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.69, #f2f2f2));
  background-color: #FFFFFF;
  border: 1px solid #e2e2e2;
  box-shadow: 0px 0px 1px 0px #FFFFFF inset;
}
/* ============================================================ */
/* Page background (server image) — confirmed working           */
/* ============================================================ */
body {
  background: #ffffff url('../images/bigbak.jpg') no-repeat center top fixed;
  width: 100%;
}
/* ============================================================ */
/* Global typography / link colors                               */
/* ============================================================ */
a {
  color: #53a634;
}
strong {
  color: #53a634;
}
h4 {
  color: #626262;
}
h1 {
  line-height: 2rem;
}
h2 {
  line-height: 1.9rem;
  margin-bottom: 25px;
  padding-bottom: 0px;
  text-transform: uppercase;
  font-weight: bold;
}
h3 {
  margin-bottom: 0px;
  padding-bottom: 14px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.4rem;
}
div.page-header h1 {
  -webkit-text-size-adjust: 100%;
  margin: 10px 0;
  text-rendering: optimizelegibility;
  margin-top: 0px;
  letter-spacing: 0px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 26px;
  line-height: 28px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #333333;
  padding: 20px 25px;
  margin-bottom: 35px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.89, #f2f2f2));
  background-color: #FFFFFF;
  border: 1px solid #e2e2e2;
  box-shadow: 0px 0px 1px 0px #FFFFFF inset;
  text-align: left;
}
div.as-position-16.moduletable {
  -webkit-text-size-adjust: 100%;
  line-height: 18px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin: 0;
  margin-bottom: 40px;
  overflow: hidden;
  padding: 25px 30px 20px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.69, #f2f2f2));
  background-color: #FFFFFF;
  border: 1px solid #e2e2e2;
  box-shadow: 0px 0px 1px 0px #FFFFFF inset;
  padding-top: 20px;
}
td {
  border: none;
}
table {
  border: none;
}
/* ============================================================ */
/* "Read more" buttons — .readmore class IS present in your      */
/* newsflash items, so this maps directly                        */
/* ============================================================ */
a.readmore, a.btn, .btn-primary {
  background-color: #8DC73F;
  background-image: url('../images/bg.bnt.png'), linear-gradient(to bottom, #8DC73F, #4ea433);
  color: #fff;
  display: inline-block;
  padding: 4px 12px;
  border-radius: 3px;
}
/* ============================================================ */
/* Newsflash "service" boxes (as-position-6 module — the three   */
/* SimplStor PE / Maximize ROI / NetApp Support boxes)            */
/* Your markup uses .service_1 / .service_2 / .service_3         */
/* directly — no #featured-row wrapper id exists, so drop it     */
/* ============================================================ */
.service_1 .newsflash-title, .service_2 .newsflash-title, .service_3 .newsflash-title {
  color: #464646;
  font-weight: bold;
  font-size: 16px;
}
.service_1:hover .newsflash-title, .service_2:hover .newsflash-title, .service_3:hover .newsflash-title {
  color: #8dc73f;
}
/* ============================================================ */
/* Blog/article images — old selectors targeted .item_img /      */
/* img.left, but Joomla 5's com_content view outputs              */
/* figure.item-image instead. Retargeted:                        */
/* ============================================================ */
.item-image img {
  border: 0;
  background-color: #fff;
  padding: 2px;
  display: inline-block;
}
/* ============================================================ */
/* Module title hiding — h3.module_title still applies if any    */
/* modules render a visible title wrapper                        */
/* ============================================================ */
h3.module_title {
  display: none;
}
/* ============================================================ */
/* Mobile/desktop slider toggle — already present and correct    */
/* ============================================================ */
.hide-desktop {
  display: block;
}
@media (min-width: 1024px) {
  .hide-desktop {
    display: none !important;
  }
}
.hide-mobile {
  display: block;
}
@media (max-width: 1023px) {
  .hide-mobile {
    display: none !important;
  }
}
.g-container {
  max-width: 1200px;
  margin: 0 auto;
}
#g-page-surround {
  background-color: transparent !important;
  background: transparent !important;
}
#g-aside, #g-mainbar, #g-sidebar {
  background-color: #fff;
  height: 100%;
}
#logo-3072-particle img {
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  max-height: none;
  margin-left: 20px;
}
/* Featured cards — icon, heading, button styling to match legacy site */
.service_1 h3, .service_1 h4, .service_2 h3, .service_2 h4, .service_3 h3, .service_3 h4 {
  height: 50px !important;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
  margin: 10px 5px 15px 0 !important;
  padding: 0 !important;
}
.service_1 h3, .service_1 h4 {
  background-image: url('../../../../images/ico.featured.1.png') !important;
}
.service_2 h3, .service_2 h4 {
  background-image: url('../../../../images/ico.featured.2.png') !important;
}
.service_3 h3, .service_3 h4 {
  background-image: url('../../../../images/ico.featured.3.png') !important;
}
.service_1 h3 > a, .service_1 h4 > a, .service_2 h3 > a, .service_2 h4 > a, .service_3 h3 > a, .service_3 h4 > a {
  margin-left: 55px !important;
  line-height: 50px !important;
  display: inline-block;
  color: #464646 !important;
  font-weight: bold !important;
  text-decoration: none !important;
}
.service_1:hover h3 > a, .service_1:hover h4 > a, .service_2:hover h3 > a, .service_2:hover h4 > a, .service_3:hover h3 > a, .service_3:hover h4 > a {
  color: #8dc73f !important;
}
/* Read more button */
a.readmore {
  display: inline-block;
  background-color: #8DC73F;
  background-image: linear-gradient(to bottom, #8DC73F, #4ea433);
  color: #FFFFFF !important;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 1px;
  padding: 6px 56px 7px 20px;
  margin-top: 15px;
  text-shadow: none;
}
a.readmore:hover {
  background-color: #222222;
  background-image: linear-gradient(to bottom, #666666, #222222);
}
.service_1, .service_2, .service_3 {
  background-color: #ffffff !important;
}
.service_1 p, .service_2 p, .service_3 p {
  color: #333333 !important;
}
.service_1 .newsflash-title, .service_2 .newsflash-title, .service_3 .newsflash-title {
  text-transform: uppercase !important;
}
.service_1, .service_2, .service_3 {
  background-color: #F4F5F7 !important;
  padding: 20px !important;
}
.service_1 h4, .service_2 h4, .service_3 h4 {
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
  height: auto !important;
  min-height: 50px !important;
  padding-left: 60px !important;
  padding-top: 8px !important;
  box-sizing: border-box !important;
  line-height: 1.3 !important;
}
.blog-item {
  display: block !important;
}
figure.left, .item-image.left, img.left {
  float: left !important;
  margin: 0 20px 15px 0 !important;
}
h2.item-title {
  text-transform: uppercase;
  margin: 0 0 1.5rem 0;
}
#g-above {
  padding: 0;
}
/*# sourceMappingURL=custom_12.css.map */