/*Resets for Safari Fonts*/
html {
  font-size: 18px;
  overflow-y: scroll;
  -webkit-text-size-adjust: 18px;
  -ms-text-size-adjust: 18px; }

/* Variables for SD */
/* Mixins for page */
body {
  position: relative;
  font-family: "Roboto Flex", Arial, sans-serif;
  font-size: 18px;
  color: #333;
  background-color: #dedede;
  /* Light teal/gray background */
  background-image: url("../images/SS_BackgroundTinted-grad3gray.png");
  background-size: contain;
  background-origin: content-box;
  background-position: bottom;
  background-repeat: no-repeat; }

/* Navigation Bar */
.navbar {
  background-color: rgba(0, 0, 0, 0);
  font-family: "Roboto Flex", Arial, sans-serif;
  color: #f0ffff;
  padding-top: 10px;
  padding-bottom: 10px; }

/*      .navbar:hover, .navbar:focus {
          background-color: rgba(0,0,0,0.3);
          transition: background-color .3s ease-in;
      } */
.navbar-SSL {
  width: 100%;
  background-color: #101111; }

.navbar-SSL_Home {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(16, 17, 17, 0);
  transition: background-color .5s ease-in-out;
  z-index: 10; }

.navbar-brand img {
  max-height: 100px;
  /* Adjust logo height as needed */ }

.navbar-nav .nav-item {
  border-left: solid 2px #099;
  padding-top: 30px;
  position: relative;
  top: -30px; }

.navbar-nav .nav-link {
  color: #bab7b6;
  padding: 0 15px 15px;
  font-size: 1.5rem;
  font-weight: 400;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); }

.navbar-nav .nav-link:hover {
  color: #f0ffff; }

.navbar-SSL .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1); }

.navbar-SSL .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

/* Mission Statement */
.SS-Mission-bg {
  background-color: #101111; }

/* Hero Section (Jumbotron) */
.jumbotron-hero {
  background-size: cover;
  background-position: center;
  color: white;
  text-align: center;
  padding: 20px 0 20px 0;
  /* Adjust padding for height */
  margin-bottom: 0;
  /* Remove default bottom margin */ }

.jumbotron-hero h1 {
  font-size: 3.75rem;
  font-weight: 300; }

.jumbotron-hero p {
  font-size: 1.25rem;
  font-kerning: normal;
  letter-spacing: .5rem; }

.jumbotron-vid {
  position: relative;
  overflow: hidden;
  background-color: #101111; }

.jumbotron-vid video {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 100%;
  /*  object-fit is not supported on IE  */
  object-fit: cover;
  opacity: 0.5; }

.jumbotron-vid {
  background-size: cover;
  background-position: center;
  color: white;
  text-align: center;
  padding: 200px 0 20px 0;
  /* Adjust padding for height */
  margin-bottom: 0;
  /* Remove default bottom margin */ }

.jumbotron-vid .container-fluid {
  position: relative;
  z-index: 2; }

.jumbotron-vid .container-fluid h1 {
  font-size: 4rem;
  font-family: "Roboto Slab", serif;
  font-weight: 300;
  padding-bottom: 50px; }

.jumbotron-vid .container-fluid p {
  font-size: 2rem;
  font-kerning: normal;
  letter-spacing: .5rem;
  font-family: "Roboto Flex", Arial, sans-serif;
  font-weight: 400;
  border-bottom: solid 2px #009999;
  width: 100%; }

/* Top Carousel Add */
.jumbotron-vid .container-fluid #carouselExampleIndicators1 {
  padding-bottom: 50px; }

.jumbotron-vid .container-fluid .carousel-caption h5 {
  font-size: 1.5rem;
  font-family: "Roboto Slab", serif;
  font-weight: 300; }

.jumbotron-vid .container-fluid .carousel-caption p {
  font-size: 1rem;
  font-kerning: normal;
  letter-spacing: .2rem;
  font-family: "Roboto Flex", Arial, sans-serif;
  font-weight: 300;
  border-bottom: none; }

.jumbotron-vid .container-fluid .carousel-caption {
  background-color: rgba(0, 0, 0, 0.75);
  padding: 5px;
  z-index: 10; }

/* End Top Carousel Add */
.btn-primary-hero {
  background-color: #aca6a4;
  /* Example primary button color */
  border-color: rgba(2, 177, 176, 0.5);
  color: #303333;
  padding: 12px 30px;
  font-size: 1.2rem;
  border-radius: 5px; }

.btn-primary-hero:hover {
  background-color: #66ffff;
  /* Darker hover color */
  border-color: rgba(2, 177, 176, 0.5); }

.btn-primary {
  background-color: #655f5d;
  /* Example primary button color */
  border-color: rgba(2, 177, 176, 0.5);
  color: white; }

.btn-primary:hover, .btn-primary:focus {
  background-color: #02B1B0;
  /* Darker hover color */
  border-color: rgba(2, 177, 176, 0.5); }

/* Content Sections */
.content-section {
  padding: 40px 0; }

.section-title {
  text-align: center;
  margin-bottom: 40px;
  font-size: 2.5rem;
  font-weight: 700;
  color: #403b39; }

.feature-box {
  text-align: center;
  padding: 30px;
  border: 1px solid #bab7b6;
  border-radius: 5px;
  margin-bottom: 20px; }

.feature-box i {
  font-size: 3rem;
  color: #655f5d;
  margin-bottom: 20px; }

.feature-box h4 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 15px; }

/* Home Categories */
.SS-homeCategory {
  position: relative;
  overflow: hidden; }

/*
.SS-homeCategory img {
    display:block;
    position: absolute;
  //  object-position: center;
    z-index: 1;
    transition: transform .5s ease-in-out;
}

.SS-homeCategory:hover img, .SS-homeCategory:focus img {
     transform: scale(1.1);
}
*/
.SS-homeCategory img {
  display: block;
  position: absolute;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  transition: transform .5s ease-in-out; }

.SS-homeCategory:hover img, .SS-homeCategory:focus img {
  transform: translate(-50%, -50%) scale(1.1); }

.SS-homeCategory h2 {
  font-family: "Roboto Slab", serif; }

.SS-homeCategoryContent {
  padding: 20px;
  aspect-ratio: 1/1;
  background-color: rgba(90, 190, 190, 0);
  position: relative;
  z-index: 2; }

.SS-homeCategoryContent div {
  width: 90%;
  margin: 0 auto;
  position: absolute;
  bottom: 0; }

.SS-homeCategoryContent .topContent {
  width: 90%;
  margin: 0 auto;
  position: absolute;
  top: 0; }

/*.SS-homeCategoryContent .topContent p {
   // text-shadow: 0 0 8px rgba(255,255,255,0.5);
} */
.SS-homeCategoryContent .bottomContent {
  width: 90%;
  margin: 0 auto;
  position: absolute;
  bottom: 0; }

.SS-homeCategoryContent .bottomContent h2 {
  font-size: 3rem; }

.SS-homeCategoryContent:hover {
  background-color: rgba(90, 190, 190, 0.3);
  transition: background-color .5s ease-in-out; }

.SS-homeCategoryTitle {
  font-family: "Roboto Slab", serif;
  color: #303333;
  font-weight: 400;
  font-size: 3.5rem;
  border-left: solid 3px #02B1B0;
  padding-top: 90px;
  margin-left: 40px;
  position: relative;
  top: -80px;
  z-index: 3; }

.SS-CTA_Text {
  background-color: rgba(255, 255, 255, 0.3);
  padding: 20px;
  margin: 0 auto; }

.SS-CTA_Text h3 {
  font-weight: 300;
  font-size: 2.25rem;
  color: #02B1B0; }

.SS-CTA_Text h4 {
  font-weight: 300;
  font-size: 2.25rem;
  line-height: 3rem; }

.SS-Companies_Text {
  background-color: rgba(255, 255, 255, 0.3);
  padding: 20px;
  margin: 0 auto; }

.SS-Companies_Text h3 {
  font-weight: 300;
  font-size: 2.25rem;
  line-height: 3rem;
  color: #02B1B0; }

.SS-Companies_Text h4 {
  font-weight: 300;
  font-size: 2.25rem;
  line-height: 3rem; }

ul.SS-homeList {
  list-style-type: "- ";
  list-style-image: url("../images/logos/SS_SwirlFilled.png"); }

ul.SS-homeList ul li {
  list-style-type: "| ";
  list-style-image: url("../images/logos/SS_Swirl.png"); }

ul.SS-homeList li::marker {
  color: #02B1B0;
  font-weight: 700; }

/* Base Camp Live */
@media (min-width: 768px) {
  .well-SS-BCLive {
    background-image: url("../images/SS_BaseCampLiveWEBHeaderXtext.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative; }

  .well-SS-SSPromo {
    background-image: url("../images/home-Sections/SSHelene24_GrovetownGA_7014rtt.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative; }

  .SS-btn-WatchMe {
    background: #fcfcff;
    color: #101011;
    border: none;
    border-radius: 2px;
    width: 250px;
    padding: inherit 25px;
    font-size: 1.2em; }

  .SS-btn-WatchMe:hover, .SS-btn-WatchMe:focus {
    background: #63656a;
    color: #fcfcff;
    border: none;
    border-radius: 2px;
    width: 250px;
    padding: inherit 25px; }

  .well-SS-SSPromo {
    background-image: url("../images/home-Sections/SSHelene24_GrovetownGA_7014rtt_rt.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative; } }
@media (max-width: 767px) {
  .well-SS-BCLive {
    background-image: url(../images/SS_BaseCampLiveWEBHeaderXtext.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative; }

  .well-SS-SSPromo {
    background-image: url(../images/home-Sections/SSHelene24_GrovetownGA_7014rtt_rt.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative; }

  .SS-btn-WatchMe {
    background: #fcfcff;
    color: #101011;
    border: none;
    border-radius: 2px;
    width: 250px;
    padding: inherit 25px; }

  .SS-btn-WatchMe:hover, .SS-btn-WatchMe:focus {
    background: #63656a;
    color: #fcfcff;
    border: none;
    border-radius: 2px;
    width: 250px;
    padding: inherit 25px; } }
.SS-BCLive {
  color: #fcfcff;
  font-weight: 100;
  font-family: "Roboto Flex", Arial, sans-serif;
  font-size: 3em;
  padding-top: 1em;
  padding-bottom: 1em; }

.SS-BCLive strong {
  font-weight: 800;
  font-family: "Roboto Flex", Arial, sans-serif; }

/* Home Page bottom slider */
#SS-homeBottomSlider {
  position: relative; }

#SS-homeBottomSlider .carousel-control-prev,
#SS-homeBottomSlider .carousel-control-next {
  position: absolute;
  background-color: #02B1B0;
  /* Example background color */
  height: 40px;
  width: 40px;
  border-radius: 100%;
  top: -15px;
  /* Example bottom position */ }

#SS-homeBottomSlider .carousel-control-prev i,
#SS-homeBottomSlider .carousel-control-next i {
  color: #f0ffff;
  /* Example icon color */ }

/* Page Styles */
.SS-pageTitle {
  font-family: "Roboto Slab", serif;
  color: #303333;
  font-weight: 400;
  font-size: 3.5rem; }

.SS-pageSubtitle {
  font-family: "Roboto Slab", serif;
  color: #303333;
  font-weight: 300;
  font-size: 2.5rem; }

.SS-equipmentLink {
  font-size: 1.9rem;
  line-height: 3rem;
  text-decoration: none;
  color: #655f5d;
  transition: color .3s ease-in-out; }

.SS-equipmentLink:hover {
  color: #02B1B0;
  text-decoration: none; }

/* Footer */
.footer {
  color: #303333;
  padding: 30px 0;
  text-align: left;
  font-size: 1.25rem;
  line-height: 1.5rem; }

.footer a {
  color: #303333;
  text-decoration: none;
  transition: color .3s ease-in-out; }

.footer a:hover, .footer a:focus {
  color: #02B1B0; }

.SS-subFooter {
  font-family: "Roboto Flex", Arial, sans-serif;
  font-size: .9em;
  color: #655f5d; }

/*--- End Footer ---*/
/* Centered Image Caption */
.ss-img-caption {
  text-align: center;
  color: #655f5d;
  /* Adjust color as needed */
  margin-top: 10px;
  font-size: 1rem; }

/*--- Floats --*/
.clearBoth {
  clear: both; }

.clearRight {
  clear: right; }

.clearLeft {
  clear: left; }

/*--- Text Adjustment Classes ---*/
.SS-text-serif {
  font-family: "Roboto Slab", serif; }

.SS-text-sans {
  font-family: "Roboto Flex", Arial, sans-serif; }

.SS-text-black {
  color: #303333; }

.SS-text-white {
  color: #f0ffff; }

.SS-text-teal {
  color: #02B1B0; }

.SS-text-100 {
  font-weight: 100; }

.SS-text-300 {
  font-weight: 300; }

.SS-text-400 {
  font-weight: 400; }

.SS-text-700 {
  font-weight: 700; }

.SS-text-900 {
  font-weight: 900; }

.SS-link-light, .SS-link-light:hover, .SS-link-light:focus {
  color: #f0ffff; }

.SS-link-teal, .SS-link-teal:hover, .SS-link-teal:focus {
  color: #02B1B0; }

.SS-link-dark, .SS-link-dark:hover, .SS-link-dark:focus {
  color: #303333; }

.SS_Company_Link {
  color: #303333;
  text-decoration: underline;
  font-style: normal;
  line-height: 1.1em;
  transition: color .3s ease-in-out; }

.SS_Company_Link:hover, .SS_Company_Link:focus {
  color: #02B1B0; }

.SS-pageText {
  font-size: 1.9rem;
  line-height: 3rem;
  font-weight: 300; }

.SS-pageTextInt {
  font-size: 1.9rem;
  line-height: 3rem;
  font-weight: 300; }

.SS-pageList ul li {
  font-size: 1.9rem;
  line-height: 2.5rem;
  padding-bottom: 1.5rem; }

/*--- End Text Adjustment ---*/
/*--- Page Style Adjustments ---*/
.SS-borderTopGray {
  border-top: solid 2px #655f5d; }

/*--- End Page Style Adjustments ---*/
/* Responsive adjustments - Example, adjust as needed to match centekmarine */
@media (max-width: 991px) {
  .navbar-nav .nav-link {
    background-color: #403b39; }

  .navbar-nav .nav-item {
    border: none; } }
@media (max-width: 768px) {
  .navbar-brand img {
    max-height: 40px; }

  .navbar-nav .nav-link {
    padding: 10px 15px;
    background-color: #403b39; }

  .jumbotron-hero {
    padding: 100px 0; }

  .jumbotron-vid {
    background-size: cover;
    background-position: center;
    color: white;
    text-align: center;
    padding: 200px 0 0;
    /* Adjust padding for height */
    margin-bottom: 0;
    /* Remove default bottom margin */ }

  .jumbotron-hero .container-fluid h1, .jumbotron-vid .container-fluid h1 {
    font-size: 2rem;
    margin-left: 40px;
    padding-bottom: 30px; }

  .jumbotron-hero .container-fluid p, .jumbotron-vid .container-fluid p {
    font-size: 1.0rem;
    margin-left: 40px; }

  .jumbotron-vid .container-fluid .topVidCarousel {
    margin-left: 40px; }

  .jumbotron-vid .container-fluid .carousel-caption h5 {
    font-size: 1.25rem; }

  .section-title {
    font-size: 1.75rem; }

  .SS-homeCategoryTitle {
    font-size: 2rem; }

  .SS-CTA_Text h3 {
    font-weight: 300;
    font-size: 1.75rem;
    color: #02B1B0; }

  .SS-CTA_Text h4 {
    font-weight: 300;
    font-size: 1.75rem;
    line-height: 2.25rem; }

  ul.SS-homeList li, ul.SS-homeList ul li {
    font-size: 1.75rem;
    line-height: 2.25rem; }

  .SS-pageText {
    font-size: 1.25rem;
    line-height: 2rem;
    margin: 0 20px; }

  /* Footer */
  .footer {
    padding: 30px 20px;
    font-size: .9rem;
    line-height: 1rem; }

  /*        .footer a {
  //            color: $textblack;
  //            text-decoration: none;
          }
  
          .footer a:hover {
  //            color: $gray;
          } */
  .SS-subFooter {
    font-size: .8em;
    margin: 0 20px; } }
/*--- Responsive Video Resizing ---*/
.video-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0; }

.video-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute; }

/*--- Responsive Images for Logistics ---*/
@media (min-width: 992px) {
  .logItemImage {
    display: block;
    width: 50%;
    float: right;
    margin-left: 1.5rem; } }
@media (max-width: 991px) {
  .logItemImage {
    display: block;
    width: 100%;
    clear: both; } }
/*--- Responsive Videos for Logistics ---*/
@media (min-width: 992px) {
  .logItemVideo {
    max-height: 1080px;
    display: block;
    float: right;
    max-width: 50%;
    margin-left: 1.5rem; } }
@media (max-width: 991px) {
  .logItemVideo {
    display: block;
    width: 100%;
    clear: both; } }