h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF;
  line-height: 1em;
}
.h1, .h2, .h3, .h4, .h5, .h6, {
  color: #00d7ef;
  line-height: 1em;
}
p {
  color: ghostwhite;
}
ul {
  
}
.ul-minimal {
  list-style-type: none;
  color: ghostwhite; 
  font-size: 1rem;
}
li {
  margin: 10px 0;
}
a {
  //color: white;
}
a:not([class]) {
  text-decoration: none;
  color: #fff;
}
a:not(.btn):hover,a:not(.btn):focus {
    color: #00d7ef;
}
.back-to-top-link:hover, .back-to-top-link:focus {
  background-color: red; 
}
body {
    max-width: none;
    width: 100%;
    font-family: var(--body-font-family);
    font-size: var(--body-font-size);
    font-weight: var(--body-font-weight);
    line-height: var(--body-line-height);
    color: white;
    text-align: var(--body-text-align);
    background-color: #000;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: #0000;
    margin: 0
}
/*--body.wrapper-fluid header>.grid-child,body.wrapper-fluid footer>.grid-child {
    padding-left: 2em;
    padding-right: 2em;
    background-color: #000;
}--*/
.site-grid {
  display: flex;
}
.grid-child {
  max-width: none;
}
.mod-custom {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.section {
  padding: 4em 1em;
}
body.wrapper-fluid .site-grid {
}
.container-header {
  background-color: #171717;
  background-image: none;
  z-index: 1000;
  height: 89px;
}
.container-header .container-nav {
    background-color: black;
}
.container-header .mod-list li.active>a {
    text-decoration: none;
    color: red;
}
.container-banner img {
   //margin: auto;
    display: block;
}
//SHOWCASE
.showcase {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  //max-width: 85%;
  gap: 1em;
}
h1.showcase {
  color: #FFFFFF;
  font-size: calc(18px + 4vw);
  max-width: 80vw;
  margin: 0;
  text-wrap: balance;
}
h2.showcase {
  color: #FFFFFF;
  font-size:calc(18px + 2.6vw);
  font-weight: bolder;
  line-height: 1em;
  //max-width: 80vw;
  //padding: 3vw 0;
  text-wrap: balance;
}
h3.showcase {
  color: #FFFFFF;
  font-size:calc(18px + 1.5vw);
  font-weight: bolder;
  max-width: 80vw;
  margin: 0 ;
  text-wrap: balance;
}
p.showcase {
  color: #777F88;
  //color: #979EA5;
  font-size:calc(18px + .5vw);
  //max-width: 70vw;
  text-wrap: pretty;
  line-height: 1.2em;
}
hr.showcase {
  height: 3px;
  //background: linear-gradient(90deg, #ffffff, #8df4ff, #fb00ff, #fb0000, orange, #fbff00);
  background: linear-gradient(90deg, #ffffff, #8df4ff);
  opacity: 1;
  border-radius: 5px;
}
.showcase-horiz {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.page-title {
  color: #00d7ef;
  font-size: 1.5rem;
}
/*--Photo styling--*/
.neon-photo {
  width: 33%;
  min-width: 320px;
}
/*--FAQ Section--*/
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button] {
  background-color: #2d2d2d;
  border-color: #222222;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button]:focus, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button]:hover {
  background-color: #222222;
  border-color: #222222;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=open]:focus,[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=open]:hover,[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=opening]:focus,[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=opening] {
  background-color: #222222;
  border-color: #222222;
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=open]:focus,[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=open]:hover,[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=opening]:focus,[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=opening]:hover {
  background-color: #222222;
  border-color: #222222;
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=panel]>[data-rlta-element=panel-content],[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=panels]>[data-rlta-element=panel]>[data-rlta-element=panel-content] {
  background-color: #333333;
  border-color: #222222;
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=open],[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=opening] {
  background-color: #222222;
  border-color: #222222;
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=panel], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=panels]>[data-rlta-element=panel] {
  background-color: transparent;
  border: 0px solid #c0c6cf;
}
//breadcrumb
.breadcrumb {
    --breadcrumb-padding-x: 0;
    --breadcrumb-padding-y: 0;
    --breadcrumb-margin-bottom: 1rem;
    --breadcrumb-bg: ;
    --breadcrumb-border-radius: ;
    --breadcrumb-divider-color: green;
    --breadcrumb-item-padding-x: .5rem;
    --breadcrumb-item-active-color: #ffffff;
    padding: var(--breadcrumb-padding-y)var(--breadcrumb-padding-x);
    margin-bottom: var(--breadcrumb-margin-bottom);
    font-size: var(--breadcrumb-font-size);
    background-color: var(--breadcrumb-bg);
    border-radius: var(--breadcrumb-border-radius);
    flex-wrap: wrap;
    list-style: none;
    display: flex
}
.section-card {
  width: 100%;
  padding: 2em 5em 2em 2em;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
}
.h1-section-card {
  width: 50vw;
}
.p-section-card {
  width: 80vw;
}

//BUTTONS
.button {
  background-color: cyan !important;
  border: 1px solid green !important;
  border-radius: 100px;
  color: #222222 !important;
  padding: 10px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1rem;
  cursor: pointer;
}
.btn-primary {
  background-color: #efe72f !important;
  //border: 1px solid #101010 !important;
  border-radius: 20px;
  color: #2d2d2d !important;
  width: fit-content;
  padding: .5em 2em;
  font-weight: 600;
  text-decoration: none !important;
  text-align: center;
}
.btn-primary:hover,.btn-primary:focus {
  background-color: white;
  color: #020202;
  box-shadow: 2px 4px 0px gray;
  text-decoration: none; 
}
.btn-secondary {
  background-color: #11d6ff !important;
  border: 1px solid #101010 !important;
  border-radius: 100px;
  color: #2d2d2d !important;
  width: fit-content;
  padding: .5em 2em;
  font-weight: 600;
  text-decoration: none !important;
  text-align: center;
}
.btn-secondary:hover,.btn-secondary:focus {
  background-color: white;
  color: #020202;
  box-shadow: 2px 4px 0px gray;
  text-decoration: none; 
}
.btn-social {
  box-shadow: 2px 4px 0px transparent;
  border-radius: 300px;
}
.btn-social:hover {
  box-shadow: 2px 4px 0px gray;
  border-radius: 300px;
}
.menu-btn {
  background-color: #11d6ff !important;
  border: 1px solid #101010 !important;
  border-radius: 100px;
  color: #2d2d2d !important;
  width: fit-content;
  min-width: 300px;
  padding: .5em 2em;
  font-weight: 600;
  text-decoration: none !important;
  text-align: center;
}
.menu-btn:hover, .menu-btn:focus {
  background-color: white;
  color: #020202;
  box-shadow: 2px 4px 0px gray;
  text-decoration: none; 
}
.fields-container {
  display: none;
}
//BACK TO TOP
.back-to-top-link:hover,.back-to-top-link:focus {
    color: var(--white,#fff);
    background-color: red;
    border-color: var(--white,#fff)
}

.container-topbar, .container-below-top {
  padding: 1em;
  text-align: center;
}
//Footer
.container-footer {
  background-color: #000;
  background-image: none;
  padding-bottom: 20px;
  border-top: 3px solid crimson;
}
.footer .grid-child{
  background-color: black;
}
.footer .mod-custom {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  opacity: .7;
}
a:link(.lightLink) {
  color: magenta;
}
a:not(.lightLink):hover,a:not(.lightLink):focus{
  text-decoration: underline;
}

#mod-custom111 {
  //width: 100%;
  //padding: 2em 0em;
}

/*FORMS*/
.ba-form-footer {
  display: none !important;
}

/*-INDUSTRY CARDS-*/
.industry-container {
  //width: 80vw;
  padding: 2em;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 2em;
}
@media only screen and (max-width: 1638px) {
            .industry-container {
                grid-template-columns: 1fr 1fr;
                max-width: 1024px;
            }
        }
@media only screen and (max-width: 1281px) {
            .industry-container {
                grid-template-columns: 1fr;
}
}
.industry-card {
  min-width: 300px;
  height: 600px;
  display: flex; 
  flex-direction: column; 
  align-items: flex-start; 
  justify-content: end;
  background-blend-mode: normal;
}
.industry-card:hover {
  background-blend-mode: hard-light;
}
.industry-placard {
  width: -webkit-fill-available; 
  background-color: rgba(0, 0, 0, 0.5); 
  padding: 1em 2em;
}
.industry-card a {
  text-decoration: none;
}
.industry-card p {
  max-width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*--Info Cards--*/
.info-card-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1em;
  justify-content: center;
}
.info-card {
  width: 250px;
  height: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
/*--Newsflash--*/
a:not(.newsflash-title) {
  text-decoration: none;
}
a:not(.newsflash-title):hover, a:not(.newsflash-title):focus {
  //color: #00d7ef !important;
  text-decoration: none;
}
/*--Blog Pages--*/
.com-content-article item-page {
  padding: 2em 8em;
}
/*--CARDS TIMELINE--*/
.timeline-card {
  //width: 30%;
  min-width: 350px;
  height: 800px;
  padding: 2em;
  background-color: #1e1e1e;
  border-radius: 10px;
  color: white;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  transition: 1s;
}
.timeline-card:hover {
  background-color: #333333;
}
.timeline-card-title {
  //font-size: xx-large; 
  //padding: .5em; 
  color: white;
  text-align: center;
}
.pretitle {
  width: inherit;
  height: auto;
  margin: 0;
  text-align: left;
  font-size: large;
  //padding: 5px;
  font-weight: bold;
  color: #00d7ef;
}
.dim-neon {
  opacity: .3;
}
/*--Careers Page--*/
.department-card {
  width: 280px;
  height: 280px; 
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0 5em;
  align-items: center;
  justify-content: center;
  //background-color: #222222; 
  border-radius: 10px; 
  padding: 1em; 
  transition: .5s;
}
.department-card:hover {
  background-color: #333333;
}
/*--Flip Box--*/
/* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-box {
  background-color: transparent;
  width: 300px;
  height: 300px;
  //border: 1px solid #f1f1f1;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-box-front {
  background-color: #202020;
  color: white;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* Style the back side */
.flip-box-back {
  background-color: #202020;
  border-radius: 10px;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transform: rotateY(180deg);
}
/*--Blog--*/
.blog-items {
  padding: 0;
}
.blog-article {
  
}
.item-pageblog-page {
  padding: 0 4rem;
}
.blog-item .item-image {
  border: 4px solid transparent;
  box-shadow: 2px 4px 0px transparent;
 //border-radius: 20px;
}
.blog-item .item-image:hover {
  border: 4px solid #11d6ff;
  box-shadow: 2px 4px 0px gray;
  mix-blend-mode: plus-lighter;
}
/*--.com-content-article__body {
  background-color: #dddfc9;
  border-radius: 20px;
  padding: 2em;
}--*/

.text-muted {
  color: ghostwhite !important;
}
.available-item {
  display: flex; 
  flex-direction: row; 
  align-items: center; 
  gap: 1em;
}
.unavailable-item {
  display: flex; 
  flex-direction: row; 
  align-items: center; 
  gap: 1em; 
  opacity: 0.3;
  text-decoration: line-through;
}