body.home {
    background: 
        /* Radial fade-out effect (simulated by overlaying a radial gradient that matches the background at its outer edge) */
        radial-gradient(circle, transparent 30%, rgba(7,9,26,1) 80%),
        
        /* Grid Pattern */
        /* Vertical lines */
        repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.25) 1px, transparent 1px, transparent 50px),
        /* Horizontal lines */
        repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.25) 1px, transparent 1px, transparent 50px),
        
        /* Base Layer: Original Radial Gradient Background */
        radial-gradient(circle, rgba(16,21,53,1) 0%, rgba(16,21,53,1) 39%, rgba(7,9,26,1) 100%);
        background-color: rgb(16,21,53); /* Fallback color */
}

body.ai {
    background: 
        /* Radial fade-out effect (simulated by overlaying a radial gradient that matches the background at its outer edge) */
        radial-gradient(circle, transparent 30%, rgba(7,9,26,1) 80%),
        
        /* Base Layer: Original Radial Gradient Background */
        radial-gradient(circle, rgba(16,21,53,1) 0%, rgba(16,21,53,1) 39%, rgba(7,9,26,1) 100%);
        background-color: rgb(16,21,53); /* Fallback color */
}

.accordian-label{
    text-align:left;
}

.text-leading{
    line-height: 1.2;
}

h1{
    font-family: 'Gabarito', sans-serif;
    /*font-optical-sizing: auto;*/
    font-weight: 700;
    font-style: normal;
    background: -webkit-linear-gradient(#f13b32, #983af0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h1.ai-heading{
    font-size:6rem;
    line-height:1;
}

/* Media query for screens less than 640px */
@media (max-width: 640px) {
    h1.ai-heading {
        font-size: 3.75rem; /* this is equivalent to 60px */
    }
}

a.program {
    color:#bf477f;
}

a.program:hover {
    color:#ffff00;
    text-decoration:underline;
}

.copy{
    font-size:.7em;
}

/*#accordion-flush span{
    color:#ffffff;
}*/

.tooltip-icon{
    width:35px;
    fill:#9ca3af;
    float:right;
    cursor:pointer;
}
/*
.tooltip-text{
    visibility: hidden;
    width: 80px;
    background-color:#bf477f;
    color: black;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0px;
    position: relative;
    right: 35px;
    top: -35px;
    z-index: 1;
}*/

.prof-link{
    text-decoration:underline;
    text-decoration-color:#ffff00;   
}

.speaker-link{
    text-decoration:underline;
    text-decoration-color:#ff00ff;   
}

.product-link{
    text-decoration:underline;
    text-decoration-color:#00ffff;   
}

.athlete-link{
    text-decoration:underline;
    text-decoration-color:#ffffff;   
}

.img-border{
    border-width:1px;
    border-style:solid;
    border-color:#fff;
}


/* Custom CSS file or <style> tag */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in-up {
    animation: fadeInUp 0.5s ease-out forwards;
}

/* Initial state: hidden and moved up, to be overridden by animation */
.hidden-up {
    opacity: 0;
    transform: translateY(50px);
}

.delay-0 { animation-delay: 0.5s; }
.delay-1 { animation-delay: 1s; }
.delay-2 { animation-delay: 1.35s; }
.delay-3 { animation-delay: 1.7s; }
.delay-4 { animation-delay: 2.05s; }
.delay-5 { animation-delay: 2.85s; }


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: rgba(7,9,26,1); /* Dark background */
  color: white; /* White text */
  margin: 10% auto; /* 15% from the top and centered */
  padding: 10px 25px 25px 25px; /* Padding inside the modal */
  border: 1px solid #fff; /* Optional border */
  width: 75%; /* Could be more or less, depending on screen size */
  border-radius: 5px; /* Optional rounded corners */
  font-size:1.2em;
}

/* Media query for mobile devices */
@media (max-width: 640px) {
  .modal-content {
    width: 90%; /* Adjusted width for mobile devices */
  }
}

/* The Close Button */
.close {
  color: #fff;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #F76900;
  text-decoration: none;
  cursor: pointer;
}

.modal-content .modal-link{
    text-decoration: underline;
    text-decoration-color: #F76900;
    text-decoration-thickness: 3px;
}

.modal-content ul{
    list-style:circle;
    padding-left:40px;
}

.main-button{
    /*background-color: #F76900;*/
    background-color:#FF00FF;
}

.main-button:hover{
    /*background-color: #bc5000;*/
    background-color:#9d009d;
}

.placeholder-custom-color::placeholder { /* Custom placeholder color */
    color: rgba(255, 255, 255, 0.35);
}

input, textarea{
    border-radius: 0;
}