@charset "UTF-8";

/* ---------------- IMPORTS ---------------- */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");

/* ---------------- ROOT VARIABLES ---------------- */
:root {
  --spe-auto-blue: #00668e;
  --spe-auto-green: #7ebc4c;
  --spe-auto-teal: #13b88b;
  --spe-auto-teal-dark: #019669;

  --spe-blue: #3d9be9;
  --spe-blue-dark: #252897;

  --spe-green: #58b84e;
  --spe-dark-green: #46a748;
  --spe-dark-green-55: #46a74855;
  --spe-light-green: #78be4d;

  --spe-grey: #808285;
  --spe-grey-dark: #333333;
  --spe-grey-light: #dcdcdc;

  --spe-light-grey: #efefef;

  --spe-orange: #ff9900;
  --spe-yellow: #ffd52f;
  --spe-red: #ea2230;

  --spe-purple: #7C3391;
  --spe-purple-dark: #55377C;

  --spe-special-teal: #39877F;
  --spe-part-bg: #E5F5F1;
}

/* ---------------- GLOBAL ---------------- */

body {
 padding: 0 !important;  
}
.companyLogo { padding-bottom: 5px; }

.i4a_header_row1 {
  background: #fff;
  margin: 20px 0;
  display: flex;
  align-items: center;
}

#header_row1_column2 {
  display: flex;
  justify-content: flex-end;
}

#header_row2_column1 {
  padding: 0;
}

/* ---------------- NAVIGATION ---------------- */
nav.mainNavigation {
  height: 60px !important;
  background: var(--spe-dark-green) !important;
}

.sub-arrow { display: none !important; }

.navbar-nav>li>a {
  color: #fff !important;
  text-transform: uppercase !important;
}

.navbar-nav>li:hover,
.navbar-nav>li>.dropdown-menu {
  background: var(--spe-grey) !important;
}

nav .dropdown-menu>li>a:hover {
  background: var(--spe-dark-green) !important;
}

nav .dropdown-menu>li>a {
  color: #fff !important;
}

/* ---------------- BUTTONS ---------------- */
.btn-primary {
  background: var(--spe-blue);
  border-color: var(--spe-blue);
  color: #fff;
}

.btn-primary:hover {
  background: #fff !important;
  color: var(--spe-blue !important;
  border-color: var(--spe-blue) !important;
}

.btn-success {
  background: var(--spe-green-dark) !important;
  
  color: #fff;
}

.btn-secondary,
.buttonPurple {
  background: var(--spe-grey) !important;
  color: #fff !important;
}

.buttonRed {
  background: var(--spe-dark-green) !important;
  color: #fff !important;
}

/* ---------------- TEXT ---------------- */
.text-blue { color: var(--spe-blue) !important; }
.text-purple { color: var(--spe-purple) !important; }
.text-grey { color: var(--spe-grey) !important; }
.text-white { color: #fff; }
h1.text-large { font-size: 30px !important; }
.text-large { font-size: 30px !important; }

.uppercase { text-transform: uppercase; }

/* ---------------- BACKGROUNDS ---------------- */
.bg-primary { background: var(--spe-blue) !important; }
.bg-success { background: var(--spe-dark-green); }
.bg-warning { background: var(--spe-orange); }
.bg-danger { background: #d9232d; }

.bg-purple { background: var(--spe-purple) !important; }

/* ---------------- LINKS ---------------- */
a.link {
  color: var(--spe-blue) !important;
  text-decoration: none;
}

a.link:hover {
  text-decoration: underline;
}

/* ---------------- COMPONENTS ---------------- */

/* Carousel */
.carousel {
  max-width: 1200px;
  background: var(--spe-dark-green);
}

/* Footer icons */
.footer-icons,
.footer-icons a {
  color: var(--spe-dark-green);
}

/* Search */
#searchBox {
  float: right !important;
  margin-top: 30px;
}

/* Tables */
.table-striped>tbody>tr:nth-of-type(odd) {
  background: #f5f5f5 !important;
}

/* ---------------- GRID SYSTEMS ---------------- */

/* Member Pricing Grid */
.container-member-price-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.container-member-price-grid .pricing {
  background: rgba(70,167,72,0.7);
  color: #fff;
}

/* Join Section */
.join-chapter-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

/* Contact Grid */
.contact-us-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

/* ---------------- UTILITIES ---------------- */
.text-large { font-size: 30px; }
.text-xl-large { font-size: 40px; }
.w-200px { min-width: 200px; }

.pageTitle { display: none; }

/* ---------------- TESTIMONIALS ---------------- */
.antec-testimonials {
  column-count: 1;
  column-gap: 1.5rem;
}

@media (min-width: 576px) {
  .antec-testimonials { column-count: 2; }
}

@media (min-width: 992px) {
  .antec-testimonials { column-count: 3; }
}

.antec-testimonials .card {
  break-inside: avoid;
}

/* ---------------- RESPONSIVE ---------------- */
@media (max-width: 768px) {
  .container-member-price-grid,
  .join-chapter-grid,
  .join-by-container {
    display: block;
  }
}

@media (max-width: 480px) {
  div[class*="col"] {
    padding-bottom: 10px;
  }
}