/* Static-site overrides: replaces the Joomla/RokSprocket scripts and the FontAwesome font */

/* ---------- Icon-font replacements ---------- */
.gf-menu li:before { font-family: Arial, sans-serif; content: "\25CF"; font-size: 6px; }
#rt-top .rt-container:after { font-family: Arial, sans-serif; content: "\25BC"; font-size: 1.6em; bottom: -14px; margin-left: -12px; }
.gf-menu li.parent > .item:after,
.gf-menu .dropdown ul li.parent > .item:after { font-family: Arial, sans-serif; }
.layout-slideshow .sprocket-features-arrows .arrow.next:before,
.sprocket-strips-arrows .arrow.next:before { content: "\203A"; font-family: Arial, sans-serif; font-size: 30px; line-height: 36px; }
.layout-slideshow .sprocket-features-arrows .arrow.prev:before,
.sprocket-strips-arrows .arrow.prev:before { content: "\2039"; font-family: Arial, sans-serif; font-size: 30px; line-height: 36px; }
.icon-svg { display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; fill: currentColor; }
.rt-social-button .icon-svg { width: 18px; height: 18px; vertical-align: middle; }
#gantry-totop .icon-svg { width: 20px; height: 20px; vertical-align: middle; }

/* ---------- Header slideshow ---------- */
.layout-slideshow .sprocket-features-img-list { display: grid; margin: 0; padding: 0; list-style: none; }
.layout-slideshow .sprocket-features-img-list > li {
  grid-area: 1 / 1; position: relative; opacity: 0; visibility: hidden;
  transition: opacity .8s ease, visibility .8s ease; z-index: 1;
}
.layout-slideshow .sprocket-features-img-list > li.active { opacity: 1; visibility: visible; z-index: 2; }
.layout-slideshow .sprocket-features-img-container { position: relative; top: auto; width: 100%; }
.layout-slideshow .sprocket-features-img-container img { display: block; width: 100%; }
.layout-slideshow .sprocket-features-pagination ul { margin: 0; padding: 0; }
.layout-slideshow .sprocket-features-content { z-index: 3; }

/* ---------- Testimonials ---------- */
.sprocket-strips { position: relative; }
.sprocket-strips-container > li { display: none; float: none; width: 98%; }
.sprocket-strips-container > li.active { display: block; animation: tcbFade .6s ease; }
.sprocket-strips-text { white-space: normal; }
.sprocket-strips-author { display: block; margin-top: 12px; font-style: italic; }
.sprocket-strips-pagination li, .sprocket-strips-arrows .arrow { cursor: pointer; }
@keyframes tcbFade { from { opacity: 0; } to { opacity: 1; } }

/* ---------- Samples gallery ---------- */
.sprocket-mosaic-container { font-size: 0; }
.sprocket-mosaic-container > li { font-size: 1rem; vertical-align: top; }
.sprocket-mosaic-container > li .sprocket-padding { font-size: 14px; }
.sprocket-mosaic-image { display: block; width: 100%; height: auto; }
@media (min-width: 768px) and (max-width: 959px) {
  body.layout-mode-responsive .sprocket-mosaic-columns-3 > li { width: 50% !important; }
}

/* ---------- Mobile menu ---------- */
.gf-menu-toggle { display: none; border: 0; }
@media (max-width: 767px) {
  .gf-menu-toggle { display: block; position: static; margin: 10px auto; }
  .layout-mode-responsive .gf-menu-device-container.responsive-type-panel ~ ul.gf-menu.open { display: block; }
  .gf-menu.open .dropdown { position: static !important; width: auto !important; display: block; margin: 0 !important; left: auto !important; opacity: 1 !important; visibility: visible !important; }
  .gf-menu.open .dropdown .column { width: auto !important; }
  .gf-menu.open .dropdown-spacer { display: none; }
  .gf-menu.open { background: #efefef; padding: 10px 15px; }
  .gf-menu.l1 > li.active:after { display: none; }
  .gf-menu.open > li.active > .item { color: #07659e; }
}

/* ---------- Content tables on small screens ---------- */
@media (max-width: 600px) {
  .component-content table, .component-content tbody, .component-content tr, .component-content td { display: block; width: 100% !important; }
  .component-content img { max-width: 100%; height: auto; }
}