:root {
  --base-body-font: Arial, sans-serif;
  --base-title-font: "bicyclette",sans-serif;


  --spacer: 1rem;
  --spacing-xxs: calc(var(--spacer) / 2.5);
  --spacing-xs: calc(var(--spacer) / 2);
  --spacing-sm: calc(var(--spacer) / 1.5);
  --spacing-md: var(--spacer);
  --spacing-lg: calc(var(--spacer) * 1.5);
  --spacing-xl: calc(var(--spacer) * 3 );


  /* setting the heading font sizes as variables so we can reuse them when necessary */

  --fs-h1: 2.4234rem; 
  /*  --fs-h1: 2.5625rem;  */ /* Page Title (41px) */
  --fs-h2: 2.0625rem;  /* Content Title 1 (33px) */
  --fs-h3: 1.5625rem;  /* Content Title 2 (25px) */
  --fs-h4: 1.3125rem;  /* Spotlight & Results Buttons (21px) */
  --fs-h5: 1.0625rem;  /* Project Buttons & Side Nav (17px) */
  --fs-h6: 0.9375rem;  /* Finer Details (15px) */
  --fs-body: 1rem;     /* Body text (16px) */

  /* BS BS */
  /* redfining the BS globals with site variables for the future! */
  /* this is where we are going to override the bootstrap :root variables */
  /* It is not an exhaustive list. add to it as needed */
  --bs-font-sans-serif: var(--base-body-font) !important;
  --bs-body-font-family: var(--base-body-font) !important;
  --bs-body-font-size: var(--fs-body) !important;

  --bs-body-bg: rgb(251, 251, 251);
  --bs-body-color-rgb: 102, 102, 102;
  --bs-body-color: rgb(var(--bs-body-color-rgb));
  --bs-heading-color: var(--bs-primary);
  --bs-opacity: 0.85;
  
  --bs-primary-rgb: 46, 64, 87;
  --bs-primary: rgb( var( --bs-primary-rgb ) );
  
  --bs-secondary-rgb: 176, 144, 66;
  --bs-secondary: rgb( var(--bs-secondary-rgb) );
  
  --bs-tertiary: rgb( --bs-warning-rgb );
  --bs-tertiary-rgb: var(--bs-warning);
 
  --bs-info-rgb: 0, 180, 208;
  --bs-info: rgb( var(--bs-info-rgb) );

  --bs-info-text-emphasis: var( --bs-info );
  --bs-info-bg-subtle: rgba( var(--bs-info-rgb), 0.1 );

  --bs-warning-rgb: 180, 42, 0;
  --bs-warning: rgb( var(--bs-warning-rgb) );
  

  --bs-danger-rgb: var(--bs-warning-rgb);
  --bs-danger: rgb( var(--bs-danger-rgb) );

  --bs-light-rgb: 230, 232, 234!important;
  --bs-light: rgb( var(--bs-light-rgb) ) !important;

  
  /* Border radius */
  --bs-card-border-radius: 0.625rem !important;
  --bs-card-inner-border-radius: calc(
    var(--bs-card-border-radius) - (var(--bs-border-width))
  );

  --form-border-radius: 0.325rem;

  --bs-body-font-size: var(--base-font-size);
  --bs-body-color: var(--bs-gray-600)!important;
  
  
  --bs-link-color: var(--bs-primary);
  --bs-link-color-rgb: var(--bs-warning-rgb);

  --bs-link-hover-color: var(--bs-secondary);
  --bs-link-hover-color-rgb: var(--bs-secondary-rgb);

  --bs-brand-logo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 750 729'%3E%3Cpath fill='currentColor' d='m423 703.3-15 4c-.2-8.7-27.8-42.4-33.5-43-1.2-.2-12.2 10.5-16.5 15.5-7 8.4-11.7 17.7-17 27l-14.5-4.5c-1.2-1.5 16.1-25.6 18.5-28.4 4.5-5.3 18.3-18.7 18-20-14.6-9-31-16.3-45.7-25.4-25.2-15.7-30.6-36.8-36.3-64.7l-7-13.5c16.5 11 36.2 19.2 46.5 37 7.3 12.6 7.7 27.2 19.5 37.5l34.5 21.5c10-8.6 33.9-16.9 40.7-27.3 5-7.8 6.7-19.2 11-27.9 10.4-20.2 32-28.3 48.8-41.8-1 4.7-4.6 7.2-6.5 12-4.3 11-4.4 24.3-9 36-12.6 32-48.2 38.8-73.3 57.5 5.7 7.3 12.8 13.7 18.8 21 4 5 18.2 26.4 18 27.5zm-271-158c-12.3-3.5-26.3-2.3-39.2-4.3-20.4-3-35.4-13-48.8-28.2l-27-39.5 15.7 8.8c24 8.4 49 9.5 68.8 27.2 6.7 6 11.4 14.1 18.5 19.5l12 16.5zm559-71c.6.7-7.5 14.2-8.6 16-11.9 18.9-31.6 41.5-53.6 48.3-16.2 5-36 4.4-52.8 4.7l32.5-34c18.7-17.6 43.9-18 66.8-26.2l15.7-8.8zm-70 1c9.8-16.3 14.4-35.7 27.5-50 13.8-15 35.7-20 49.6-34.4 3.1-3.3 4.8-8.1 8.9-10.6-5.1 28.8-13.2 60.5-40 76.4-14.3 8.4-31 11.9-46 18.6zm-533 0c-22-9.3-44.1-13.2-60.5-32-15.5-17.8-20.7-39.2-24.5-62 1.4-1.4 8 8.5 9 9.5 18.8 18.3 49 23.7 60.2 51.8l15.8 32.7z'/%3E%3Cpath fill='currentColor' d='M568 657.3c.4 2.3-.1 1.6-1.3 2.3-6 3.2-23.3 8-30.5 9.4a110.8 110.8 0 0 1-52.2-1.2c-16.2-4.8-29.6-17.7-43-27.5l44.6-7c3.5.5 7.3.6 10.8 1.1 25.4 3.8 44.7 25.3 71.6 23zm-262-16c-14.4 12.5-31.4 25.5-50.6 28.9-25.3 4.4-48.8-2.9-72.4-10.9 1.5-3.2 6-1.7 9.2-2.3 17.2-3 25.1-9.7 39.9-16.1 26.3-11.6 47.3-5.5 74 .4zm302-129c-.9-13.8-8.2-25.7-11.7-38.8a68.4 68.4 0 0 1-.8-36.2c3-15 10.5-29.3 10.5-45a97.4 97.4 0 0 1 2 120zm-466 0c-2.3.5-1.6-.3-2.2-1.3-5-7.7-11.7-22.8-14.3-31.7a99 99 0 0 1 18.5-88c.2 24.2 14 44.8 12 69.6-1.3 17.9-13.2 33.5-14 51.4zm62 64c-.7.8-6-3.7-7-4.5-23.5-19.2-30.7-42-26.9-71.9 1.6-12.2 6.8-24.2 7-36.6 1.2.1 1.5 1.4 2.1 2.3 8.1 12.9 19.6 33.4 23.1 47.9 3.8 15.5 1 27.8.7 43.3-.2 6.6.4 13 1 19.5zm341 0c4.3-16.3-1.2-31.9 0-48.5 1.7-25.4 15.8-42.7 26.5-64.5 1.5 1 1.2 2.2 1.5 3.5 3.8 17.5 8.4 38.2 7 56a69.9 69.9 0 0 1-35 53.5zm-447-154c-7-23.9-12.4-51.4 1.6-73.9 7.4-12 17.2-16.8 27.4-25.6 1.3-1 12-12.7 13-11.5-6.4 18.8-6.2 39.8-13.2 58.3-5.5 14.4-16.3 27.7-23 42-.8 1.8-3.5 12.5-5.8 10.7zm571 142c-20.4 22.4-44.2 35.5-75.5 33-14.7-1.2-28.7-7.8-43.5-8-.4-1.9.6-2 1.7-2.8 8.6-7.5 31.9-18.8 43-21 24.8-4.6 50 9.8 74.3-1.2zm-139-48c-.7 4.7-3.2 8.8-3.9 13.6-1.7 11.3-.3 23.2-2.4 34.6a58.4 58.4 0 0 1-48.7 48.8c1.7-4.7 3.7-8.4 5.1-13.4 3-10.6 3.2-22 6.4-32.6 7.4-24.3 24.2-33 40.5-49.4 1-1 1.3-2 3-1.6zm121-94c-2 .3-1.6.2-2.2-1.2-1.5-3.6-2.1-8-4-12.2-6-13.8-16-24.6-21.5-39.3-7.2-19.2-7.2-40.1-14.3-59.3 17.1 17.3 40 26.5 46.5 52 5.3 20.5 2 40.3-4.5 60zm-377 192c-15.5-5-31.6-12.7-40.2-27.3-13-22.2-6.8-47.1-13.8-70.7 15.5 12.1 31.9 25.2 39.5 44 4.9 12 5.3 24.2 8.6 36.4 1.6 6 4.4 11.6 5.9 17.6zm-76-25c-14.2.2-27.4 7-41.5 8-31.2 2.4-51.2-9.8-73.8-29.1-1-1-2.1-1-1.7-2.9 8.6 3 17.4 3.5 26.5 3 9.9-.5 21.4-4 31-4 21.7-.3 43.2 11.9 59.5 25zm-120-195c-.7.8-10-6.2-11.3-7.2-21.3-15.7-32.5-31-37.4-57.6-2.5-13.6-1.5-26.8-4.3-40.2 5.5 6 8.5 14 14 20.5 6.7 7.9 15.9 13.5 22.5 21.5C77 350 75.2 371.5 78 394.3zm646-105c-3.1 14.4-1.4 28.6-4.3 43.2-5.8 29-25 48.4-49.7 62.8 2.9-22 1.2-44.8 17.5-62 15.7-16.8 23.7-18.9 34.2-41.8.7-1.4-.6-2.7 2.3-2.2zm-52 28c-.7-16.2-2.7-32 1.5-48s16.1-30.4 23-46c1.7-3.9 2-9.5 5.5-12-1.2 12.8 4.3 24.9 5 37.5 1.8 31.1-12 46.4-32 67-1 1-1.3 1.9-3 1.5zm-595-1c-1 1.2-6.6-5-7.5-6-18.2-19-28.6-35.8-26.5-63.5 1-12 6-23.5 6-35.5L71 255c10 19.6 5.5 40.3 6.1 61.3zm10 7c2-15.4 2-32.6 12-45.5 12.5-16 33.2-19.2 49-30.5L135.2 281C126 299.5 106 309.4 90 321.8c-1 .8-1.3 2-3 1.5zm515-76c10.2 8.8 24 11 35 18.6 18.8 13 21 28.7 23.8 50 .2 1.2 1.6 7.5-.3 7.4-1 0-11.7-10-14.2-11.8C630 300 621.5 297 612.8 277L602 247.3zm56-1c-1-14-9-24.8-10-39.5-1.4-19 3.6-28.4 5.7-45.3.3-2.5-.4-15.2 1.8-15.2C666 164.6 676 183 674 204.8c-.7 8-9.1 32.9-13.2 39.8-.8 1.3-1 2-2.8 1.7zm-564-100c-1 19.5 8.4 36.7 7 56.5a129 129 0 0 1-11 38c-.4 1-.6 2.4-2 2.5-2.8-8-7.2-15.6-9.7-23.8-6-19-5.4-30.8 2.2-49.2 2-4.7 8.2-18.7 10.6-22.4.9-1.1 1.2-2 2.9-1.6zm529 474c-20.9 17.5-52.3 20.3-77.3 9.8L516 615.3c35.7-10.4 70.8 7.9 107 5zm-390-6c.5 2.4-.3 1.6-1.3 2.3a202 202 0 0 1-23.7 12.2 83.8 83.8 0 0 1-79-5.5l.5-2c24.5.3 47.9-7.7 72.1-9.9l31.4 3zm415-367c-1.4 1-8.2-4.2-10.3-5.2-10.5-5-22-7.4-31.2-14.8-10.3-8.3-17-21.3-24.5-32 12.2 3.3 23.5 2 35.4 7.1 19.8 8.6 23.5 26.6 30.6 44.9zm-480-62-14 21.5c-12.8 15.4-21 15.7-37.7 23.3-4.6 2.2-8.6 5.2-13.3 7.2 6.6-20.3 12.8-40.3 35.2-47.3 10-3.1 19.7-2.3 29.8-4.7zm-17-98c-4 12 0 24.2-1 36.5-1.2 14.7-9.3 28.4-18.2 39.8-.8 1.1-1 2.1-2.8 1.7.6-9.1-4-18.4-4-27.5 0-16.6 11.6-37.3 23-49 1-1 1.3-1.9 3-1.5zm459 9c13.5 18.4 25.2 32 23 56.5-.7 7.6-4.6 14.8-4 22.5L615.8 156c-10-17.8-6.3-32.2-6.7-51.2-.1-2.8-1-5.2-1.1-8l2-.5zm-23.5 55c11.5 1.6 27 18.1 32 28 .8 1.7 1.4 3.2-1 3-3.4-.1-8.2-2.4-12.1-2.9-9.8-1.2-17.6 0-27-5a114 114 0 0 1-22.9-20c-.8-1-2-1.3-1.5-3 10 1 22.8-1.5 32.5 0zm-382.5-6c-8.1 8-17.1 20.3-28 24.5-8 3-16.2 2.5-24.4 3.6-3.5.5-7.5 2.4-10.3 2.7-1.8.2-2.2.2-3.3-1.3 9-12.5 18.4-28 35.4-29.5 10.3-1 20.5 1.5 30.6 0zm385-25.5c0 .2 2.5 3.7-.5 2.5-5.2-2.1-19.1-18.6-22-24-4-7.4-8.9-31.7-9.5-40.5 0-.6-.3-1.6.5-1.5 10.6 8 22.4 18 27.3 30.7a92.4 92.4 0 0 1 4.2 17.8c0 5-.2 10 0 15zm-424-5.5V99.8c0-16.3 9.6-33.8 22-44l11-8c-4.7 12.1-3.4 26-8.1 37.9a72.8 72.8 0 0 1-24.9 28.6zm419 19c-15-1.8-30.8 5.5-44.7-3.8L523 118.3c23.7-9 45.7-6.5 61 15zm-358-14c-9.1 3.6-15.7 12.8-26 14.6-11.2 2-22.6-1.7-34-.6 13.1-20 35.7-24 57.5-16 1 .5 2.4.5 2.5 2zm316-22c-8-.9-15.9 4-23.6 5a49.2 49.2 0 0 1-31.4-9c19.3-10.8 35-13.1 53.3 1.2 1.1.9 2.1 1 1.7 2.8zm-283-2c-11.3 3.5-20 7.4-32.2 5.8-8-1.1-15.2-6.6-23.8-4.3 2-3.4 7.4-6.3 11-8 13.1-6.3 22-5.8 35.3-.2 1.2.5 11.6 4.7 9.7 6.7zm279-11c-6.3-5.3-16.7-7.5-22-13.5-6.2-7-7.9-19-12-27.5 20 5.6 34.5 19 34 41zm-329-2c2.5-14.8 5.4-24 18.7-31.8 1.9-1.1 15-8.2 15.8-8.2 1.9 0 1 1.4.5 2.5-4.4 9.1-9.1 24.3-17.3 29.7-2 1.3-16.8 8.7-17.7 7.8zM301 41.3h14L304.8 49l3 13.3-10.6-6.8-10.8 6.8L289 50l-10-8.7 12.8-.1 4.6-12.9 4.5 13zm78.1-6.5h14l-10 7.6 3 13.3-10.7-6.8-10.7 6.9 2.5-12.4-10-8.6 12.8-.2 4.6-12.9 4.5 13zm78.2 6.5h14l-10 7.7 3 13.3-10.7-6.8-10.7 6.8 2.5-12.3-10-8.7 12.8-.1 4.6-12.9 4.5 13zM288 349.2 177.3 261l139.6-6.2c2.1 0 4.1 1 5.4 2.6l47.8 65.7-62.3-19.6-32.2-8.7 31 12.3 59 20.5-71.8 22.6c-2 .6-4.2.2-5.9-1.1zm39.6 46 44.6-61.2-1.2 78.6c0 2.1-1 4-2.8 5.2L253 494l36-130.2a6.4 6.4 0 0 1 4-4.3l72.4-25.1-41 58.6-26.1 40 29.3-37.8zm95.3-143.4-45.1 64.8-.8-50.3-1.9-33.4-1.9 33.4-.8 50.3-44.7-64.2a6.3 6.3 0 0 1-.7-5.9l48.4-129.3L423.6 246a6.3 6.3 0 0 1-.7 5.8zm39 112.3 36 129.9L382 417.4a6.4 6.4 0 0 1-2.9-5.2L378 334l44.6 61.2 29.3 37.9-26.2-40-40.8-58.7 73 25.4c2 .6 3.4 2.2 4 4.3zM380 323l47.8-65.6a6.4 6.4 0 0 1 5.5-2.6l140.1 6.2-110.8 88.2a6.3 6.3 0 0 1-5.8 1l-72.3-22.6 59-20.5 31-12.3-32.2 8.7-62.3 19.6z'/%3E%3C/svg%3E");
}


a {
  /* --bs-link-color-rgb: var(inherit, --bs-warning-rgb); */
  /* 
  --bs-link-hover-color: var(--brand-blue);
  --bs-link-hover-color-rgb: var(--brand-blue-rgb);
  
  background-color: rgba( var(), var() );
  text-underline-offset: 0.3rem;   */
}


h1,
.h1 {
  font-size: var(--fs-h1); /* Page Title (40px) */
}

h2,
.h2 {
  font-size: var(--fs-h2); /* Content Title 1 (32px) */
}

h3,
.h3 {
  font-size: var(--fs-h3); /* Content Title 2 (24px) */
}

h4,
.h4 {
  font-size: var(--fs-h4); /* Spotlight & Results Buttons (20px) */
}

h5,
.h5 {
  font-size: var(--fs-h5); /* Project Buttons & Side Nav (16px) */
}

h6,
.h6 {
  font-size: var(--fs-h6); /* Finer Details (14px) */
}


.btn,
.nav-link,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h4,
.h5,
.h6 {
  font-family: var(--base-title-font);
  /* font-weight: 700;
  */
  text-transform: uppercase;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h4,
.h5,
.h6 {
  font-weight: 800;
}

.text-bg-tertiary {
  color: var(--bg-tertiary) !important;
  background-color: rgba(
    var(--bs-tertiary-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
}

.text-tertiary {
  color: var(--bg-tertiary) !important;
}

.bg-tertiary {
  background-color: rgba(
    var(--bs-tertiary-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
}

.bg-logo {
  position: relative;
  z-index: 1;

  &::before {

    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    margin: 2rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  
  &.--white::before {
    /* Makes the SVG white */
    background-image: var(--bs-brand-logo);
    filter: brightness(0) invert(1); 
    opacity: 0.15;
  }

  &.--primary::before {
    filter: brightness(0) saturate(100%) invert(23%) sepia(23%) saturate(938%) hue-rotate(182deg) brightness(94%) contrast(87%);
    /* Your primary color */
  }

  &.--secondary::before {
    filter: brightness(0) saturate(100%) invert(65%) sepia(75%) saturate(334%) hue-rotate(4deg) brightness(88%) contrast(89%);
    /* Your secondary color */
  }
}

@media (min-width: 992px) {
    .bs-row-cols-lg-9 > * {
        flex: 0 0 auto;
        min-width: 10%;
    }
}



/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*//////////////////////////////////////////////////////////////////////////// BOOTSTRAP - Buttons / Custom */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */
.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);

  --bs-btn-hover-bg: var(--bs-primary) !important;
  --bs-btn-hover-border-color: var(--bs-info) !important;
  --bs-btn-hover-color: var(--bs-info) !important;
  
  --bs-btn-active-color: var(--bs-info) !important;
  --bs-btn-active-bg: rgba( var(--bs-primary-rgb), var(--bs-opacity)) !important;
  --bs-btn-active-border-color: var(--bs-info) !important;
  
}
.btn-outline-primary {
  --bs-btn-color: var(--bs-primary) !important;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), 1);
  --bs-btn-hover-border-color: var(--bs-primary);
}


.btn.btn-scrollup {
  --bs-btn-bg: var(--bs-dark);
  --bs-btn-color: var(--bs-secondary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-active-bg: rgba( var(--bs-dark-rgb), var(--bs-opacity)) !important;
  --bs-btn-border-radius: 100%!important;
  --bs-btn-font-size: 2rem!important;

  position: fixed;
  bottom: var(--spacing-md);
  right: -100px;
  min-width: 75px;
  min-height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;

  opacity: 0;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  z-index: 1000;
  
  &.visible {
    right: var(--spacing-md);
    opacity: 1;
    cursor: pointer;
  }

  /* &:hover {
    color: white;
  } */
}
.btn-info {
  --bs-btn-color: var(--bs-dark) !important;
  --bs-btn-hover-color: rgba( var(--bs-dark-rgb), 0.5) !important;
  --bs-btn-bg: rgba(var(--bs-info-rgb), 0.75);
  --bs-btn-border-color: var(--bs-info);
  --bs-btn-hover-bg: rgba(var(--bs-info-rgb), 0.9);

  --bs-btn-active-bg: rgba(var(--bs-info-rgb), 1) !important;
  &:hover {
    text-shadow: 0 1px 0 rgba(var(--bs-white), 0.3);
  }
}



/*

.btn-secondary {
  --bs-btn-color: var(--bs-primary) !important;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), 1);
  --bs-btn-hover-border-color: var(--bs-primary);
}

.btn-outline-light {
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: rgba(var(--bs-light-rgb), 0.5);
}


*/


/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////// BOOTSTRAP - Components */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */
.breadcrumb {
  --bs-breadcrumb-divider-color: var(--bs-link-color);
  --bs-breadcrumb-margin-bottom: var(--spacing-xs);
}
.breadcrumb-item {
  --bs-link-color-rgb: var(--bs-white);
  text-decoration: none;
  /* text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.25); */
}
.breadcrumb-item-divider {}





/* the future IS amazing */
.list {
  position: relative;
}

.list-group {
  --bs-list-group-active-color: var(--bs-primary);
  --bs-list-group-active-bg: rgba(var(--bs-primary-rgb), 0.15);
  --bs-list-group-active-border-color: transparent;
  --bs-list-group-action-hover-bg: rgba(var(--bs-primary-rgb), 0.25);
  --bs-list-group-border-radius: 0;
  
  .list-group-item-action {
    font-weight: 600;
    cursor: pointer;
    transition: color 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
}

.list-group-item,
.list-item {
  &:nth-child(10n + 1) {
    animation-delay: 0.05s;
  }
  &:nth-child(10n + 2) {
    animation-delay: 0.1s;
  }
  &:nth-child(10n + 3) {
    animation-delay: 0.15s;
  }
  &:nth-child(10n + 4) {
    animation-delay: 0.2s;
  }
  &:nth-child(10n + 5) {
    animation-delay: 0.25s;
  }
  &:nth-child(10n + 6) {
    animation-delay: 0.3s;
  }
  &:nth-child(10n + 7) {
    animation-delay: 0.35s;
  }
  &:nth-child(10n + 8) {
    animation-delay: 0.4s;
  }
  &:nth-child(10n + 9) {
    animation-delay: 0.45s;
  }
  &:nth-child(10n) {
    animation-delay: 0.5s;
  }
}



.navbar-toggler {
  --bs-navbar-toggler-font-size: 2rem;
  --bs-navbar-toggler-border-color: var(--bs-white);
  --bs-navbar-toggler-focus-width: 0;
  --bs-navbar-toggler-transition: all 0.15s ease-in-out; 
}



.offcanvas {
  --bs-offcanvas-padding-x: var(--spacing-lg);
  --bs-offcanvas-padding-y: var(--spacing-md);
  --bs-offcanvas-bg: var(--bs-primary);

  .offcanvas-header {
    --bs-offcanvas-padding-x: var(--spacing-lg);
    --bs-offcanvas-padding-y: var(--spacing-md);
  }

  .nav.nav-primary--list {
    --bs-nav-link-color: var(--bs-white);
    --bs-nav-link-font-size: var(--fs-h5)!important;
    /* --bs-nav-link-padding-x: 0; */
    flex-direction: column;
  }

  .btn-close {
    margin: var(--spacing-lg);
    position: absolute;
    right: 0;
  }
}


.offcanvas-backdrop {
  background-color: rgb(var(--bs-dark-rgb));
  
  &.show {
    opacity: var(--bs-opacity);
    
    -webkit-animation: color-change-2x 30s linear infinite alternate both;
    animation: color-change-2x 30s linear infinite alternate both;
  }
}



@media (max-width: 992px) {
  .offcanvas-body .nav.nav-primary--list {
    flex-direction: column;
  }
}


.offcanvas-backdrop,
.modal-backdrop {
  --bs-backdrop-opacity: 0.85;
  --bs-backdrop-bg: var(--bs-primary);
  /* --bs-backdrop-zindex: 3; */

  /*
  &.show {
    --bs-opacity: 1;
  }
  */
}


.offcanvas,
.modal {
  .btn-close {
    --bs-btn-close-opacity: 1;
    --btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  
    background-size: 50%;
    border: 3px solid black;
    padding: 1rem;
    z-index: 5050;
    font-size: 1.5rem;
    border-radius: 100%;
    filter: brightness(1000) invert(1);
  }
} 

.modal {
  /* --bs-modal-zindex: 9000; */
  --bs-modal-bg: transparent;
  --bs-modal-border-color: transparent;
  --bs-modal-header-padding: var(--spacing-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-lg)!important;
  --bs-modal-header-border-width: 0;
  /* --bs-btn-close-color: var(--bs-white); */

  background-color: rgba(var(--bs-primary-rgb), var(--bs-opacity)); */

  &.show {
    animation: scale-in-center s cubic-bezier(0.175, 0.885, 0.32, 1.275) both!important;
  }

  .btn-close {
    /* position: fixed; */
    top: var(--spacing-lg);
    right: var(--spacing-lg);
  }
  
  .modal-close.btn-close {
    position: absolute;
  }

  .modal-content.card {
    --bs-card-border-color: var(--bs-primary);
    --bs-modal-padding: 0;
    --bs-card-bg: white;
  }

  .modal-body.card-body {
    --bs-card-spacer-y: var(--spacing-lg);
    --bs-card-spacer-x: var(--spacing-lg);
    --bs-modal-padding: var(--spacing-lg);
  }
}


@media screen and (min-width: 992px) {
  .modal {
    .modal-prev {
      left: -3rem;
    }
    .modal-next {
      right: -3rem;
    }
  }
}


.modal-fullscreen .modal-content {
  height: initial;
}



.card {
  --bs-card-spacer-y: var(--spacing-sm);
  --bs-card-spacer-x: var(--spacing-sm);
  --bs-card-border-radius: 0.3rem !important;
  --bs-card-title-spacer-y: 0;

  .text-bg-secondary,
  .bg-secondary {
    --bs-card-border-width: 0;
  }
}


@media screen and (min-width: 1024px) {
  .card {
    --bs-card-spacer-y: var(--spacing-lg);
    --bs-card-spacer-x: var(--spacing-lg);
  }
}



.contact.card {
	--bs-card-spacer-y: 1rem;
	--bs-card-spacer-x: 1rem;
  --bs-card-border-width: 0;

	p {
		margin-bottom: 0;
	}

	a {
		font-weight: 900;
		color: var(--bs-secondary);
		text-decoration: none;
	}

  .card-footer,
  .fa-solid,
  .fas, 
  .far, 
  .fab {
    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  
  }
  
  .fa-solid,
  .fa-stack-1x {
    /* animation: bounce 1s both; */
    transform: scale(1);
  }
    

  .fa-stack-2x {
    color: inherit!important;
    opacity: 0.1;
  }
  
  &:hover {
     --fa-inverse: var(--bs-info);
  

    .card-footer {
      transform: translateY(-0.5rem);
    }

    .fa-solid,  
    .fa-stack-1x {
      transform: scale(1.25) translateY(0.25rem);
    }
  }
}

#form-contact.container-xl {
  --bs-gutter-x: 0;
}



.accordion {
  --bs-accordion-btn-padding-x: var(--bs-accordion-btn-padding-y, 1rem);
  --bs-accordion-active-bg: var(--bs-white); 
  --bs-accordion-border-width: 0;
  --bs-accordion-border-radius: 0;
  --bs-accordion-btn-icon-width: 1.5rem;
  --bs-accordion-btn-icon-transform: rotate(270deg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z'/%3E%3C/svg%3E");
  --bs-accordion-btn-active-icon: var(--bs-accordion-btn-icon);

  .accordion-button {
    margin-bottom: 0;
  }
}

.accordion-item {
  margin-bottom: var(--spacing-sm);
}

.nav-tile--card.card {
  --bs-link-color-rgb: 255, 255, 255;
  --bs-card-bg: rgba(var(--bs-secondary-rgb), 0.25) !important;

  --bs-card-color: rgb(var(--bs-link-color-rgb));

  --bs-card-border-width: 0;
  --bs-card-spacer-x: var(--spacing-sm);
  --bs-card-spacer-y: var(--spacing-lg);

  overflow: hidden;


  a {
    --bs-link-hover-color-rgb: rgba(var(--bs-info-rgb), 0.75);
  }


  /* in case we need to adjust the padding for the card */
  img {
    opacity: 0.5;
    transform: scale(1) translateY(0);
  }

  a,
  .fas,
  .far,
  .fab,
  img {
    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }

  .fa-stack-1x {
    /* animation: bounce 1s both; */
    transform: scale(2);
  }

  .fa-stack-2x {
    color: inherit !important;
    opacity: 0;
  }

  &:hover {
    /* --fa-inverse: var(--bs-info); */

    .fa-stack-2x {
      animation: fadeInUp 0.2s both;
    }

    .fa-stack-1x {
      transform: scale(1);
    }

    img {
      transform: scale(1.15) translateY(-5px);
    }
  }
}

.tab-pane--content {
  border-radius: var(--bs-border-radius);
  background-color: var(--bs-white);
  padding: var(--spacing-lg);
}


/* ////////////////////////////////////////////////////////////////////////////////////////// CUSTOM - Utility Classes */
.text-inherit {
  color: inherit;
}


.mt-n1,
.mt-n2,
.mt-n3,
.mt-n4,
.mt-n5 {
  /* position: relative; */
  transform: translateY( var(--back-up) )!important;
  margin-bottom: calc( var(--back-up) * 1) !important;
}

@media screen and (min-width: 992px) {
  .mt-n1,
  .mt-n2,
  .mt-n3,
  .mt-n4,
  .mt-n5 {
    margin-bottom: calc( var(--back-up) * 1.5) !important;
  }
  
  .mt-n1 {
    --back-up: -.25rem;
  }
  .mt-n2 {
    --back-up: -.5rem;
  }
  .mt-n3 {
    --back-up: -1rem;
  }
  .mt-n4 {
    --back-up: -1.5rem;
  }
  .mt-n5 {
    --back-up: -3rem;
  }
}

.border-10.border-bottom {
  --bs-border-width: 0.9rem;
}


.sticky-nav {
  position: -webkit-sticky;
  position: sticky;
  top: 7rem;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}



.filter-group.list-group {
  --bs-list-group-item-padding-x: var(--spacing-sm);
  --bs-list-group-item-padding-y: var(--spacing-md);
  --bs-list-group-active-color: var(--bs-body-color);
  --bs-list-group-active-bg: var(--bs-light);
  --bs-list-group-active-border-color: var(--bs-light);
  --bs-list-group-action-hover-color: var(--bs-body-color);
}

.filter-search {
  position: relative;
  transition: width 0.2s cubic-bezier(0.445, 0.050, 0.550, 0.950);
  
  &::before {
    --fa: "\f002";

    display: inline-block;
    padding: .45rem .7rem;
    font-weight: 900;
    content: var(--fa);
    font: var(--fa-font-solid);
    translate: 0 0;
    position: absolute;
    font-size: 1rem;
    line-height: 1.5;
    cursor: pointer;
    z-index: 5;
  }

  &.active {
    &::before {
      opacity: 1;
      z-index: 0;
      pointer-events: none;
    }
  }
  
  &:hover {    
    &::before {
	-webkit-animation: slide-right 0.2s cubic-bezier(0.445, 0.050, 0.550, 0.950) 0.1s both;
	        animation: slide-right 0.2s cubic-bezier(0.445, 0.050, 0.550, 0.950) 0.1s both;
      z-index: 0;
      pointer-events: none;

    }

    .filter-search-control.form-control {
      width: 100%;
    }
  }
}

.filter-search-control.form-control {
  width: 0;
  min-width: 38px;
  transition: all 0.3s ease-in-out;
}



.search-group {
  .btn {
    --space: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 100%;
    
    position: absolute;
    right: var(--space);
    top: var(--space)
  }
  
  &:hover {
    .btn {
      z-index: 500;

      --bs-btn-bg: var(--bs-light);
      --bs-btn-hover-bg: var(--bs-light);
    }
  }
}

/* Search input styling with icon */
#dnn_dnnSearch_ClassicSearch.form-search {
  position: relative;
  overflow: hidden;
}


.leadership-link .card {
  --bs-card-bg: var(--bs-primary);
  --bs-card-color: var(--bs-white);
  --bs-card-title-color: var(--bs-white);

  .card-img-overlay {
    display: flex;
    height: 100%;
    justify-content: flex-end;
    flex-direction: column;
    background: linear-gradient( 0deg,
      rgba(0, 0, 0, 0.9) 0%,
      rgba(0, 0, 0, 0) 50%
    );
    transform-origin: center center;
  }

  .card-title {
    transition: all 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
    transform: translate(0, 0);
  }
  
  
  
  &:hover {
    
    
    -webkit-animation: shadow-drop-2-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: shadow-drop-2-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    
    .card-img {
      transition: all 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
      mix-blend-mode: soft-light;
    }

    .card-title {
      --bs-card-title-color: var(--bs-secondary) !important;
      transition: all 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
      transform: translateY(-0.1rem);
    }
  }
}








/* ////////////////////////////////////////////////////////////////////////////////////////// Rivets - Cloak */
/* could also be used for another two way data binding library that has similiar "wait for on load" eventing */
[rv-cloak],
[rv-cloak-children] > * {
  transition: opacity 3s cubic-bezier(0.085, -0.28, 0.275, 0.93) !important;
  transition-delay: 1s;
  opacity: 1;
}

[rv-cloak]:not([rv-cloak="uncloak"]),
[rv-cloak-children]:not([rv-cloak-children="uncloak"]) > * {
  transition-delay: 1s;
  transition: opacity 3s cubic-bezier(0.085, -0.28, 0.275, 0.93) !important;
  opacity: 0;
  position: relative;
}


/* .icon-link.icon-link-hover {
  &:hover {
    .bi {
      --fa-display: block;
      --bs-icon-link-transform: none;
      fill: var(--bs-nav-link-hover-cover) !important;
      animation: fa-fade 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    }
  }
} */


/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// Page - Layout */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */
#Form {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin-bottom: 0;
  margin-block-end: 0;
}

.container-wrap {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

#bottomRow,
.page-content {
  flex: 1;
}





/* ////////////////////////////////////////////////////////////////////////////////////////// PAGE - Content */
.page-content--.card {
  --back-up: 0;
  --bs-card-border-width: 0;
  --bs-card-spacer-y: var(--spacing-md);
  --bs-card-spacer-x: var(--spacing-sm);
  --bs-card-bg: var(--bs-white);
  --bs-card-border-radius: 0!important;
  
  top: var(--back-up);
  margin-bottom: var(--back-up);

  position: relative;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  /* padding-bottom: calc( var(--bs-card-spacer-y ) * 2); */
  padding-bottom: 0;
  
  &.home {
    margin-bottom: 0;
    --back-up: 0;
  }
}
@media screen and (min-width: 992px) {
  .page-content--.card {
    --back-up: -6rem;
    --bs-card-border-width: 1px;
    --bs-card-spacer-y: var(--spacing-lg);
    --bs-card-spacer-x: var(--spacing-xl);
  }
}


.page-content--body {
  flex-direction: column-reverse;
}

@media screen and (min-width: 992px) {
  .page-content--body {
    flex-direction: row;
  }
}


.page-content--start {
  border-top: 1px solid var(--bs-card-border-color);
}
@media screen and (min-width: 992px) {
  .page-content--start {
    border-top: 1px solid transparent;
    border-right: 1px solid var(--bs-card-border-color);
  }
}


/*
.page-content {}
.page-content--left {}
.page-content--right {}
*/

.page-content--title {
  --border-color: var(--bs-info);
  /* display: inline-block; */
  position: relative;
  /* width: min-content; */
  animation: fadeInUp 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  /* margin-bottom: 2rem; */

  &::after  {

    content: '';
    display: block;
    width: 0;
    height: 10px;
    background-color: var(--border-color);
    position: absolute;
    bottom: -0.5rem;
    z-index: -1;
    animation: underline-expand 1s cubic-bezier(0.86, 0, 0.07, 1) forwards;
    animation-delay: 0.25s;
  }

  &.info::after {
    --border-color: var(--bs-info)!important;
  }
}

@keyframes underline-expand {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

.page-content--left .list-group.list-group-flush {
  
  --bs-list-group-item-padding-x: var(--spacing-md);
  --bs-list-group-item-padding-y: var(--spacing-sm);
  --bs-list-group-active-color: var(--bs-body-color);
  --bs-list-group-active-bg: var(--bs-light);
  --bs-list-group-active-border-color: var(--bs-light);
  --bs-list-group-action-hover-color: var(--bs-body-color);

  a {
    
    transition: all 0.3s linear;
  }
}




/* ////////////////////////////////////////////////////////////////////////////////////////// LISTS */
.btn-card {
  position: relative;
  overflow: hidden;
  min-height: 270px;
  
  .card-text-tagged,
  .card-text.posted {
    display: inline-block;
  }
    
  .card-listitem--card-img,
  .card-img,
  .card-img-top,
  .card-text,
  .card-title {
    transition: all 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
    transform: translate(0, 0);
  }
  
  .card-img {

  }

  .card-listitem--card-img,
  .card-img,
  .card-img-top {
    transform-origin: center center;
  }
  
  &:hover {
    
    -webkit-animation: shadow-drop-2-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: shadow-drop-2-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;

    --bs-card-border-radius: 0.15!important; 

    .card-text {
      transform: translate( 0, .2rem);
    }

    .card-text.tagged,
    .card-text.posted {
      transform: translate(0, 0.35rem);
    }

    .card-listitem--card-img,
    .card-img-top {
      max-width: 150%;
      transform: scale(1.075) translate(0.25rem, -0.5rem);
    }

    .card-title {
      --bs-card-title-color: var(--bs-secondary)!important;
      transition: all 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
      transform: translateY(-0.1rem);
    }
  }
}

.news-header {
  margin-top: var(--spacing-lg)
}

.news {}
.news.related,
.news.featured {
  .card-text.tagged,
  .card-text.posted {
      transform: translate(0, -0.5rem);
  }

  .card-link::after {
    top: -270px;
  }
}

.news-listitem--card.card {
  /* --bs-card-height: 270px; */
  --bs-card-bg: #fff;
  /* --bs-card-border-width: 0; */
  --bs-card-spacer-y: var(--spacing-md);
  --bs-card-spacer-x: var(--spacing-md);
  --bs-link-color-rgb: var(--bs-primary-rgb);
  --bs-link-hover-color-rgb: var(--bs-secondary-rgb);


  .card-img-top {
    max-height: 275px;
    object-fit: cover;
  }

  .card-link {
    text-decoration: none;
  }
  .card-title {
    font-weight: 600;
  }
}

@media screen and (min-width: 1024px) {
  .news-listitem--card.card {
    .card-img-top {
      max-height: initial;
    }
  }
}

.news-hdr {
  flex-direction: column;
  .btn-link {
    min-width: 148px;
  }
}
@media screen and (min-width: 1024px) {
  .news-hdr {
    flex-direction: row;
  }
}


.card-listitem--card.card {

  .card-listitem--card- {
    min-height: 270px;
    overflow: hidden;
    position: relative;
  } 
  
  
  .card-listitem--card-img {
    position: absolute;  
    top: 0;
    left: 0;
    translate: -2rem -2rem;
    max-width: 180%;
  }
 
}

/* News and Spotlight */
.post {
  margin-top: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
}

.post-header--title {
  transition: all 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
  display: flex; 
  align-items: center;
  gap: var(--spacing-xs);
  text-transform: initial!important;
  
  .btn-link {
    text-decoration: none;
    transition-delay: 0.1s;
    /* transition: none!important; */
  }

  .bi {
    opacity: 0;
  }
  
  span {
    transform: translateX(-1.5rem);
    transition: all 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
  }

  &:hover {
    .bi {
      opacity: 1;
    }
    span {
      color: var(--bs-secondary );
      transform: translateX(1rem);
    }
  }
}

.post-thumbnail {
  margin-bottom: var(--spacing-md);
}
@media screen and (min-width: 768px) {
  .post-thumbnail {
    margin: var(--spacing-md);
  }
}

.img-thumbnail {
  padding: 0 !important;
}



/* #dnn_ctr69706_ModuleContent .bg-dark {
  background-image:  url('/Portals/82/Images/NewSeal_12_12_24_stars.png'); 
  background-position:  center;
  background-repeat: no-repeat;
  background-blend-mode: soft-light;
  background-attachment: fixed;
} */






/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////// Form Theme Overrides */
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.LiveForm.StartingLine  {
  --bs-gutter-x: 0.5rem;
  --bs-gutter-y: 0.25rem;
  --bs-btn-font-weight: 900!important;

  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="tel"],
  input[type="url"],
  input[type="search"],
  select,
  textarea {
    --bs-border-radius: 0;
  }
  
  &.LiveForm-Top,
  &.LiveForm-Auto {

    li.Field.PageBreak,
    li.Field.Submitbutton {
      input[type="submit"],
      input[type="button"] {
        --bs-btn-font-size: var(--fs-h4)!important;
        --bs-btn-font-weight: 700!important;
        --bs-btn-padding-x: var(--spacing-lg)!important;
        --bs-btn-padding-y: var(--spacing-sm)!important;
        text-transform: uppercase!important;
      }
    }
  }
}