@import url('css/cabinet-grotesk.css');
/* @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap'); */

* input:focus {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

.accordion{
  --bs-accordion-border-color: transparent !important;
}

.marquee {
  overflow: hidden; /* Hide content that overflows the container */
  white-space: nowrap; /* Prevent wrapping */
  position: relative;
  mask-image: linear-gradient(
    to right,
    hsl(0 0% 0% / 0),
    hsl(0 0% 0% / 1) 20%,
    hsl(0 0% 0% / 1) 80%,
    hsl(0 0% 0% / 0)
  );
}

.marquee-content {
  display: inline-flex;
  animation: marquee-animation 10s linear infinite;
}

.marquee--schools .marquee-content {
  animation: marquee-animation 20s linear infinite;
}


.marquee__item {
  height: 64px;
  width: auto;
  margin-right: 75px;
}

.school-box {
  display: inline-block; /* Ensure items stay in one line */
  height: auto; /* Dynamic height */
  width: auto;  /* Dynamic width */
  margin-right: 20px; /* Space between items */
}



@keyframes marquee-animation {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}



.scrollable-dropdown {
    max-height: 200px;
    overflow-y: auto;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

/**
 * switching from signup flow to complete
 */

.fade-transition {
  transition: opacity 0.5s ease-in-out;
}

.hidden {
  opacity: 0;
  visibility: hidden;
  transition-delay: 0.5s;
}

.visible {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

/**
 * signup complete animation
 */

.signup-complete-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}

.signup-complete-container h4{
  margin-bottom: 50px;
}

.signup-complete-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  position: relative;
}

.signup-complete-ring {
  width: 250px;
  height: 250px;
  border: 10px solid transparent;
  border-top: 10px solid;
  border-radius: 50%;
  animation: signup-complete-spin 2s linear infinite, signup-complete-color-change 4s linear infinite;
  transition: opacity 1s ease-in-out;
  opacity: 1;
  position: absolute;
  z-index: 1;
}

@keyframes signup-complete-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes signup-complete-color-change {
  0% {
    border-top-color: #CA5A23;
  }
  25% {
    border-top-color: #feca57;
  }
  50% {
    border-top-color: #1dd1a1;
  }
  75% {
    border-top-color: #5f27cd;
  }
  100% {
    border-top-color: #CA5A23;
  }
}

.signup-complete-ring-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  color: #ffffff;
  z-index: 2;
  pointer-events: none;
}

.signup-complete-fade-out {
  opacity: 0;
}

.signup-complete-image {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  position: relative;
  z-index: 2;
  margin-top: 100px;
}

.signup-complete-show-image {
  opacity: 1;
}

.signup-complete-pulse {
  animation: pulse 1s ease-in-out 2;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.signup-complete-message {
  opacity: 0;
  transition: opacity 1s ease-in-out;
  text-align: center;
  width: 100%;
  position: relative;
}

.signup-complete-show-message {
  opacity: 1;
}

.dashboard-button:after,
.getstarted-button:after
{
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgMTJIMjBNMjAgMTJMMTQgNk0yMCAxMkwxNCAxOCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+');
  width: 22px;
  height: 22px;
  margin-left: 7px;
}

.signup-screen .btn.active{
  background-color: #CB5923;
}

/**
 * home
 */

body.home div.eyebrow{
  background-color: #422C20;
  color: #CB5923;
  text-transform: uppercase;
  display: inline-block;
  padding: 3px 12px;
  font-size: 0.675rem;
}

body.home section.intro{
  min-height: 60vh;
}

body.home .intro h1{
  font-size: 4.375rem;
  line-height: 4.5rem;
}

body.home .intro span.highlight{
  color: #CB5923;
}

body.home .intro .stats{
  font-size: 1.75rem;
}

body.home .intro .stats div.number{
  font-size: 3rem;
  font-weight: 600;
  line-height: 3rem;
}

body.home section.logos{
  height: 50vh;
}

body.home section.aboutus{
  min-height: 60vh;
  margin-bottom: 50px;
}

body.home section.aboutus p{
  color: #aaaaaa;
}

body.home section.aboutus .callouts .icon{
  width: 84px;
  height: 84px;
  border-radius: 50px;
  background-color: #573321;
  border: 10px solid #3A2920;
  display: inline-block;
}

body.home section.aboutus .callouts .icon.financial:after{
  width: 32px;
  height: 32px;
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjMzMzIgNi42NjY2N0MxNy4zMzMyIDguMTM5NDMgMTQuMDQ5OSA5LjMzMzMzIDkuOTk5ODQgOS4zMzMzM0M1Ljk0OTc1IDkuMzMzMzMgMi42NjY1IDguMTM5NDMgMi42NjY1IDYuNjY2NjdNMTcuMzMzMiA2LjY2NjY3QzE3LjMzMzIgNS4xOTM5MSAxNC4wNDk5IDQgOS45OTk4NCA0QzUuOTQ5NzUgNCAyLjY2NjUgNS4xOTM5MSAyLjY2NjUgNi42NjY2N00xNy4zMzMyIDYuNjY2NjdWMTIuNjA5NUMxNS43MDQ1IDEzLjA5ODYgMTQuNjY2NSAxMy44Mzg2IDE0LjY2NjUgMTQuNjY2N00yLjY2NjUgNi42NjY2N1YyMi42NjY3QzIuNjY2NSAyNC4xMzk0IDUuOTQ5NzUgMjUuMzMzMyA5Ljk5OTg0IDI1LjMzMzNDMTEuNzcyNyAyNS4zMzMzIDEzLjM5ODYgMjUuMTA0NiAxNC42NjY1IDI0LjcyMzhWMTQuNjY2N00yLjY2NjUgMTJDMi42NjY1IDEzLjQ3MjggNS45NDk3NSAxNC42NjY3IDkuOTk5ODQgMTQuNjY2N0MxMS43NzI3IDE0LjY2NjcgMTMuMzk4NiAxNC40Mzc5IDE0LjY2NjUgMTQuMDU3MU0yLjY2NjUgMTcuMzMzM0MyLjY2NjUgMTguODA2MSA1Ljk0OTc1IDIwIDkuOTk5ODQgMjBDMTEuNzcyNyAyMCAxMy4zOTg2IDE5Ljc3MTIgMTQuNjY2NSAxOS4zOTA1TTI5LjMzMzIgMTQuNjY2N0MyOS4zMzMyIDE2LjEzOTQgMjYuMDQ5OSAxNy4zMzMzIDIxLjk5OTggMTcuMzMzM0MxNy45NDk3IDE3LjMzMzMgMTQuNjY2NSAxNi4xMzk0IDE0LjY2NjUgMTQuNjY2N00yOS4zMzMyIDE0LjY2NjdDMjkuMzMzMiAxMy4xOTM5IDI2LjA0OTkgMTIgMjEuOTk5OCAxMkMxNy45NDk3IDEyIDE0LjY2NjUgMTMuMTkzOSAxNC42NjY1IDE0LjY2NjdNMjkuMzMzMiAxNC42NjY3VjI1LjMzMzNDMjkuMzMzMiAyNi44MDYxIDI2LjA0OTkgMjggMjEuOTk5OCAyOEMxNy45NDk3IDI4IDE0LjY2NjUgMjYuODA2MSAxNC42NjY1IDI1LjMzMzNWMTQuNjY2N00yOS4zMzMyIDIwQzI5LjMzMzIgMjEuNDcyOCAyNi4wNDk5IDIyLjY2NjcgMjEuOTk5OCAyMi42NjY3QzE3Ljk0OTcgMjIuNjY2NyAxNC42NjY1IDIxLjQ3MjggMTQuNjY2NSAyMCIgc3Ryb2tlPSIjQ0E1QTIzIiBzdHJva2Utd2lkdGg9IjIuNjY2NjciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');
}

body.home section.aboutus .callouts .icon.athlete:after{
  width: 32px;
  height: 32px;
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjMzMzIgOEwyNS4zMzMyIDRNMjUuMzMzMiA0TDI5LjMzMzIgOE0yNS4zMzMyIDRWMTJNMjEuMzMzMiAyOFYyNi40QzIxLjMzMzIgMjQuMTU5OCAyMS4zMzMyIDIzLjAzOTcgMjAuODk3MiAyMi4xODRDMjAuNTEzNyAyMS40MzE0IDE5LjkwMTggMjAuODE5NSAxOS4xNDkxIDIwLjQzNkMxOC4yOTM1IDIwIDE3LjE3MzQgMjAgMTQuOTMzMiAyMEg5LjA2NjVDNi44MjYyOSAyMCA1LjcwNjE5IDIwIDQuODUwNTQgMjAuNDM2QzQuMDk3ODkgMjAuODE5NSAzLjQ4NTk3IDIxLjQzMTQgMy4xMDI0OCAyMi4xODRDMi42NjY1IDIzLjAzOTcgMi42NjY1IDI0LjE1OTggMi42NjY1IDI2LjRWMjhNMTYuNjY2NSAxMEMxNi42NjY1IDEyLjU3NzMgMTQuNTc3MiAxNC42NjY3IDExLjk5OTggMTQuNjY2N0M5LjQyMjUxIDE0LjY2NjcgNy4zMzMxNyAxMi41NzczIDcuMzMzMTcgMTBDNy4zMzMxNyA3LjQyMjY3IDkuNDIyNTEgNS4zMzMzMyAxMS45OTk4IDUuMzMzMzNDMTQuNTc3MiA1LjMzMzMzIDE2LjY2NjUgNy40MjI2NyAxNi42NjY1IDEwWiIgc3Ryb2tlPSIjQ0E1QTIzIiBzdHJva2Utd2lkdGg9IjIuNjY2NjciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');
}

body.home section.aboutus .callouts .icon.community:after{
  width: 32px;
  height: 32px;
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1Ljk5OTggMi42NjY1QzE5LjMzNDkgNi4zMTc2NCAyMS4yMzAyIDExLjA1NTkgMjEuMzMzMiAxNS45OTk4QzIxLjIzMDIgMjAuOTQzOCAxOS4zMzQ5IDI1LjY4MiAxNS45OTk4IDI5LjMzMzJNMTUuOTk5OCAyLjY2NjVDMTIuNjY0OCA2LjMxNzY0IDEwLjc2OTUgMTEuMDU1OSAxMC42NjY1IDE1Ljk5OThDMTAuNzY5NSAyMC45NDM4IDEyLjY2NDggMjUuNjgyIDE1Ljk5OTggMjkuMzMzMk0xNS45OTk4IDIuNjY2NUM4LjYzNjA0IDIuNjY2NSAyLjY2NjUgOC42MzYwNCAyLjY2NjUgMTUuOTk5OEMyLjY2NjUgMjMuMzYzNiA4LjYzNjA0IDI5LjMzMzIgMTUuOTk5OCAyOS4zMzMyTTE1Ljk5OTggMi42NjY1QzIzLjM2MzYgMi42NjY1IDI5LjMzMzIgOC42MzYwNCAyOS4zMzMyIDE1Ljk5OThDMjkuMzMzMiAyMy4zNjM2IDIzLjM2MzYgMjkuMzMzMiAxNS45OTk4IDI5LjMzMzJNMy4zMzMyIDExLjk5OThIMjguNjY2NU0zLjMzMzE3IDE5Ljk5OThIMjguNjY2NSIgc3Ryb2tlPSIjQ0E1QTIzIiBzdHJva2Utd2lkdGg9IjIuNjY2NjciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');
}

body.home section.aboutus .callouts .icon.competitive:after{
  width: 32px;
  height: 32px;
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1Ljk5OTggMTkuOTk5OEMxMS41ODE2IDE5Ljk5OTggNy45OTk4NCAxNi40MTgxIDcuOTk5ODQgMTEuOTk5OFY0LjU5MjQzQzcuOTk5ODQgNC4wNDA2MyA3Ljk5OTg0IDMuNzY0NzMgOC4wODAyNSAzLjU0MzgxQzguMjE1MDUgMy4xNzM0NiA4LjUwNjc5IDIuODgxNzEgOC44NzcxNCAyLjc0NjkxQzkuMDk4MDcgMi42NjY1IDkuMzczOTcgMi42NjY1IDkuOTI1NzYgMi42NjY1SDIyLjA3MzlDMjIuNjI1NyAyLjY2NjUgMjIuOTAxNiAyLjY2NjUgMjMuMTIyNSAyLjc0NjkxQzIzLjQ5MjkgMi44ODE3MSAyMy43ODQ2IDMuMTczNDYgMjMuOTE5NCAzLjU0MzgxQzIzLjk5OTggMy43NjQ3MyAyMy45OTk4IDQuMDQwNjMgMjMuOTk5OCA0LjU5MjQzVjExLjk5OThDMjMuOTk5OCAxNi40MTgxIDIwLjQxODEgMTkuOTk5OCAxNS45OTk4IDE5Ljk5OThaTTE1Ljk5OTggMTkuOTk5OFYyMy45OTk4TTIzLjk5OTggNS4zMzMxN0gyNy4zMzMyQzI3Ljk1NDQgNS4zMzMxNyAyOC4yNjUxIDUuMzMzMTcgMjguNTEwMSA1LjQzNDY2QzI4LjgzNjggNS41Njk5OSAyOS4wOTY0IDUuODI5NTYgMjkuMjMxNyA2LjE1NjI2QzI5LjMzMzIgNi40MDEyOSAyOS4zMzMyIDYuNzExOTIgMjkuMzMzMiA3LjMzMzE3VjcuOTk5ODRDMjkuMzMzMiA5LjIzOTggMjkuMzMzMiA5Ljg1OTc4IDI5LjE5NjkgMTAuMzY4NEMyOC44MjcgMTEuNzQ4OCAyNy43NDg4IDEyLjgyNyAyNi4zNjg0IDEzLjE5NjlDMjUuODU5OCAxMy4zMzMyIDI1LjIzOTggMTMuMzMzMiAyMy45OTk4IDEzLjMzMzJNNy45OTk4NCA1LjMzMzE3SDQuNjY2NUM0LjA0NTI1IDUuMzMzMTcgMy43MzQ2MiA1LjMzMzE3IDMuNDg5NTkgNS40MzQ2NkMzLjE2Mjg5IDUuNTY5OTkgMi45MDMzMiA1LjgyOTU2IDIuNzY4IDYuMTU2MjZDMi42NjY1IDYuNDAxMjkgMi42NjY1IDYuNzExOTIgMi42NjY1IDcuMzMzMTdWNy45OTk4NEMyLjY2NjUgOS4yMzk4IDIuNjY2NSA5Ljg1OTc4IDIuODAyOCAxMC4zNjg0QzMuMTcyNjcgMTEuNzQ4OCA0LjI1MDg2IDEyLjgyNyA1LjYzMTIzIDEzLjE5NjlDNi4xMzk4OSAxMy4zMzMyIDYuNzU5ODggMTMuMzMzMiA3Ljk5OTg0IDEzLjMzMzJNOS45MjU3NiAyOS4zMzMySDIyLjA3MzlDMjIuNDAxMiAyOS4zMzMyIDIyLjY2NjUgMjkuMDY3OSAyMi42NjY1IDI4Ljc0MDZDMjIuNjY2NSAyNi4xMjIzIDIwLjU0NCAyMy45OTk4IDE3LjkyNTggMjMuOTk5OEgxNC4wNzM5QzExLjQ1NTcgMjMuOTk5OCA5LjMzMzE3IDI2LjEyMjMgOS4zMzMxNyAyOC43NDA2QzkuMzMzMTcgMjkuMDY3OSA5LjU5ODQ4IDI5LjMzMzIgOS45MjU3NiAyOS4zMzMyWiIgc3Ryb2tlPSIjQ0I1OTIzIiBzdHJva2Utd2lkdGg9IjIuNjY2NjciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');
}

body.home section.aboutus .callouts h3{
  font-size: 1.275rem;
}

body.home section.aboutus .callouts p{
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 300;
}

body.home section.support{
  height: 60vh;
}

body.home section.support .school-box{
  border-radius: 10px;
  width: 275px;
  background-color: #2A2A2A;
  word-wrap: break-word; /* Force words to break if they are too long */
  overflow-wrap: break-word; /* Ensure long words break to prevent overflow */
  white-space: normal; /* Allow text to wrap normally */
}

body.home section.support .school-box .brand{
  height: 140px;
}

body.home section.support .school-box .brand .logo{
  height: 60%;
  max-height: 60px;
  width: auto;
  object-fit: contain;
}

body.home section.support .school-box .brand .team-name{
  height: 40%;
  font-size: 1.1rem;
  line-height: 1.225rem;
  font-weight: 500;
}

body.home section.support .school-box .meta{
  width: auto;
  height: 100px;
  border-top: 1px solid #3D3D3D;
  font-size: 14px;
  color: #AAAAAA;
  padding: 16px 20px; /* Increase padding to force text wrapping */
  max-width: 275px; /* Set a max width to control text wrapping */
  display: flex;
  flex-direction: column;
  align-items: center; /* Center the content */
}

body.home section.support .school-box .meta .with-icon {
  position: relative;
  width: auto;
  padding-left: 20px;
  margin: 0 auto;
  text-align: center;
}

body.home section.support .school-box .meta .with-icon::before {
  display: inline-block;
  margin-right: 0.5rem;
  width: 16px;
  height: auto;
  position: absolute;
  top: 1px;
  left: 0;
}

body.home section.support .school-box .meta .school-name{
  hyphens: auto;
  word-break: break-word;
  text-align: justify;
}



body.home section.support .school-box .meta .school-name:before{
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjMzNCA5LjY2Njc5VjcuNjYzMDhDMTEuMzM0IDcuNTQzNDIgMTEuMzM0IDcuNDgzNiAxMS4zMTU4IDcuNDMwNzhDMTEuMjk5NyA3LjM4NDA3IDExLjI3MzQgNy4zNDE1MyAxMS4yMzg4IDcuMzA2MjNDMTEuMTk5NyA3LjI2NjMxIDExLjE0NjIgNy4yMzk1NiAxMS4wMzkyIDcuMTg2MDVMOC4wMDA2NSA1LjY2Njc5TTIuNjY3MzIgNi4zMzM0NlYxMC44NzEyQzIuNjY3MzIgMTEuMTE5MSAyLjY2NzMyIDExLjI0MzEgMi43MDYgMTEuMzUxN0MyLjc0MDE5IDExLjQ0NzYgMi43OTU5MiAxMS41MzQ1IDIuODY4OSAxMS42MDU1QzIuOTUxNDYgMTEuNjg1OSAzLjA2NDE3IDExLjczNzYgMy4yODk1NSAxMS44NDA5TDcuNTU2MjIgMTMuNzk2NEM3LjcxOTcxIDEzLjg3MTQgNy44MDE0NSAxMy45MDg4IDcuODg2NjEgMTMuOTIzNkM3Ljk2MjA3IDEzLjkzNjcgOC4wMzkyMyAxMy45MzY3IDguMTE0NjkgMTMuOTIzNkM4LjE5OTg1IDEzLjkwODggOC4yODE1OSAxMy44NzE0IDguNDQ1MDggMTMuNzk2NEwxMi43MTE4IDExLjg0MDlDMTIuOTM3MSAxMS43Mzc2IDEzLjA0OTggMTEuNjg1OSAxMy4xMzI0IDExLjYwNTVDMTMuMjA1NCAxMS41MzQ1IDEzLjI2MTEgMTEuNDQ3NiAxMy4yOTUzIDExLjM1MTdDMTMuMzM0IDExLjI0MzEgMTMuMzM0IDExLjExOTEgMTMuMzM0IDEwLjg3MTJWNi4zMzM0Nk0xLjMzMzk4IDUuNjY2NzlMNy43NjIxNCAyLjQ1MjcyQzcuODQ5NTkgMi40MDg5OSA3Ljg5MzMyIDIuMzg3MTIgNy45MzkxOSAyLjM3ODUyQzcuOTc5ODEgMi4zNzA5IDguMDIxNDkgMi4zNzA5IDguMDYyMTIgMi4zNzg1MkM4LjEwNzk4IDIuMzg3MTIgOC4xNTE3MSAyLjQwODk5IDguMjM5MTcgMi40NTI3MkwxNC42NjczIDUuNjY2NzlMOC4yMzkxNyA4Ljg4MDg3QzguMTUxNzEgOC45MjQ2IDguMTA3OTggOC45NDY0NiA4LjA2MjEyIDguOTU1MDZDOC4wMjE0OSA4Ljk2MjY5IDcuOTc5ODEgOC45NjI2OSA3LjkzOTE5IDguOTU1MDZDNy44OTMzMiA4Ljk0NjQ2IDcuODQ5NTkgOC45MjQ2IDcuNzYyMTQgOC44ODA4N0wxLjMzMzk4IDUuNjY2NzlaIiBzdHJva2U9IiNBQUFBQUEiIHN0cm9rZS13aWR0aD0iMS4zMzMzMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=');
}

body.home section.support .school-box .meta .location:before{
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTk5MzUgOC42NjY1OUM5LjEwMzkyIDguNjY2NTkgOS45OTkzNSA3Ljc3MTE1IDkuOTk5MzUgNi42NjY1OUM5Ljk5OTM1IDUuNTYyMDIgOS4xMDM5MiA0LjY2NjU5IDcuOTk5MzUgNC42NjY1OUM2Ljg5NDc4IDQuNjY2NTkgNS45OTkzNSA1LjU2MjAyIDUuOTk5MzUgNi42NjY1OUM1Ljk5OTM1IDcuNzcxMTUgNi44OTQ3OCA4LjY2NjU5IDcuOTk5MzUgOC42NjY1OVoiIHN0cm9rZT0iI0FBQUFBQSIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTcuOTk5MzUgMTQuNjY2NkMxMC42NjYgMTEuOTk5OSAxMy4zMzI3IDkuNjEyMSAxMy4zMzI3IDYuNjY2NTlDMTMuMzMyNyAzLjcyMTA3IDEwLjk0NDkgMS4zMzMyNSA3Ljk5OTM1IDEuMzMzMjVDNS4wNTM4MyAxLjMzMzI1IDIuNjY2MDIgMy43MjEwNyAyLjY2NjAyIDYuNjY2NTlDMi42NjYwMiA5LjYxMjEgNS4zMzI2OCAxMS45OTk5IDcuOTk5MzUgMTQuNjY2NloiIHN0cm9rZT0iI0FBQUFBQSIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
}


body.home section.howitworks{

}

body.home section.howitworks .num{
  font-size: 5rem;
  font-weight: 700;
  color: #ca5a22;
  line-height: 5rem;
}

body.home section.howitworks p{
  font-size: 0.975rem;
  color: #aaaaaa;
  font-weight: 300;
}

body.home section.howitworks .animated-login{
  width: 325px;
  padding: 20px;
  height: 30px;
  border-radius: 8px;
  margin-bottom: 15px;
  margin-right: 16px;
  background-color: #393838;
  font-size: 0.875rem;
  font-weight: 500;
  transition: margin 0.5s ease, transform 0.5s ease;
}

body.home section.howitworks .animated-login.active{
  margin-left: 16px;
  margin-right: 0px;
}

body.home section.howitworks .animated-login img{
  height: 22px;
}

body.home section.howitworks #america{
  width: 500px;
  height: 300px;
}

body.home section.howitworks #america path {
    transition: fill 0.5s ease-in-out; /* Smooth transition for fill color */
}

body.home section.howitworks .howitworks-schools{
  position: relative;
  top: -200px;
  margin-bottom: -200px;
}

body.home section.howitworks .animated-school{
  width: 500px;
  height: 60px;
  border-radius: 8px;
  margin-bottom: 15px;
  margin-right: 16px;
  background-color: #393838;
  transition: margin 0.5s ease, background-color 0.5s ease, transform 0.5s ease;
}

body.home section.howitworks .animated-school .logo{
  width: 160px;
}

body.home section.howitworks .animated-school .logo img{
  min-height: 100px;
  min-width: 100px;
}

body.home section.howitworks .animated-school .meta h6{
  font-size: 1rem;
}

body.home section.howitworks .animated-school .meta div{
  font-size: 0.875rem;
  color: #aaaaaa;
  font-weight: 300;
}

body.home section.howitworks .animated-school .select{
  margin-right: 20px;
}

body.home section.howitworks .animated-school .select{
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTIiIGZpbGw9IiM0ODQ4NDgiLz4KPC9zdmc+');
  width: 18px;
  height: 18px;
}

body.home section.howitworks .animated-school.active{
  margin-left: 16px;
  margin-right: 0px;
  background-color: #ca5a22;
}

body.home section.howitworks .animated-school.active .select{
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTIiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xNy4zMzMyIDhMOS45OTk4NCAxNS4zMzMzTDYuNjY2NSAxMiIgc3Ryb2tlPSIjQ0E1QTIzIiBzdHJva2Utd2lkdGg9IjEuMzMzMzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=');
  width: 18px;
  height: 18px;
}

body.home section.faq{
  min-height: 100vh;
  padding-bottom: 20px;
}

body.home section.faq .accordion-item *{
  border-radius: 0;
  border: 0;

}

body.home section.faq .accordion-item{
  border-radius: 0;
  border: 0;
  border-top: 1px solid #515151;
}

body.home section.faq .accordion-item:last-child{
  border-bottom: 1px solid #515151;
}

body.home section.faq .accordion-button{
  border-radius: 0;
  font-size: 1.5rem;
  font-weight: 500;
}

body.home section.faq .accordion-button:not(.collapsed){
  background-color: transparent;
  color: #ffffff;
}

body.home section.faq .accordion-body{
  font-weight: 400;
  font-size: 1rem;
}

body.home section.faq .accordion-button::after{
  --bs-accordion-btn-icon: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMTJMMTYgMjBMMjQgMTIiIHN0cm9rZT0iIzc2NzY3NiIgc3Ryb2tlLXdpZHRoPSIyLjY2NjY3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
  --bs-accordion-btn-active-icon: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0IDIwTDE2IDEyTDggMjAiIHN0cm9rZT0iI0NBNUEyMyIgc3Ryb2tlLXdpZHRoPSIyLjY2NjY3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
}

body.page-template-page_text footer .container{
  margin-top: 100px;
}

footer .container{
  background-color: #2A2A2A;
}

footer .container .legal a{
  color: #ffffff;
  text-decoration: none;
}

/**
 * user dashboard loading animation
 */
.user-dashboard .loading-message .signup-complete-container {
  margin-top: 0px;
}

.user-dashboard .loading-message .signup-complete-ring {
  width: 50px;
  height: 50px;
}

/**
 * public global navigation
 */

nav.public-nav .navbar-nav {
  justify-content: center;
  width: 100%;
}

nav.public-nav .navbar-toggler {
  margin-left: auto;
}

nav.public-nav .navbar-brand {
  margin-right: auto;
}

nav.public-nav .navbar-nav .btn {
  margin-top: 10px;
}

nav.public-nav .d-lg-flex .btn {
  margin-left: 5px;
}

@media (min-width: 992px) {
  nav.public-nav .navbar-nav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  nav.public-nav.navbar .btn{
    z-index: 10;
  }
}

.responsive-full-height{
  height: 96vh;
}

.btn.enabled{
  background: linear-gradient(180deg, #CA5A23 0%, #A14316 100%);
}

.instructions h2{
  font-size: 28px;
  line-height: 32px;
  font-weight: 500;
}

.instructions div{
  padding-top: 5px;
}

.instructions div p{
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
}


/**
 * LOGIN
 */
.login-screen .btn{
  background-color: #333333;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 500;
  font-size: 18px;
}

.login-screen .btn.active{
  background-color: #ca5a22;

}

.login-error{
  color: var(--bs-danger);
}

.login-screen .btn img{
  margin-right: 8px;
}

.login-screen .btn:hover{
  background-color: #ca5a22;
}

.login-screen .btn.disabled{
  background-color: #292828;
  color: #aaaaaa;
}

.login-screen .email-signup label{
  width: 100%;
}

.login-screen a{
  color: #ca5a22;
}

.login-screen .form-control{
  border: 1px solid transparent;
}

/**
 * SIGNUP - SIGN IN
 */
.signup-screen .btn{
  background-color: #333333;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 500;
  font-size: 18px;

  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center; /* Center align text and icon */

}

.signup-screen .btn img{
  margin-right: 8px;
}

.signup-screen .btn:hover{
  background-color: #ca5a22;
}

.signup-screen .btn.disabled{
  background-color: #292828;
  color: #aaaaaa;
}

.signup-screen .email-signup label{
  width: 100%;
}

/* Position the toggle icon inside the input */
.toggle-password {
    position: absolute;
    right: 15px; /* Adjust as needed */
    top: 40%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 2;
    width: 20px; /* Set a width for the icon */
    height: 20px; /* Set a height for the icon */
}

.toggle-password::before {
    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBjb2xvcj0iI2FhYWFhYSIgZmlsbD0ibm9uZSI+CiAgICA8cGF0aCBkPSJNMTUgMTJDMTUgMTAuMzQzMSAxMy42NTY5IDkgMTIgOUMxMC4zNDMxIDkgOSAxMC4zNDMxIDkgMTJDOSAxMy42NTY5IDEwLjM0MzEgMTUgMTIgMTVDMTMuNjU2OSAxNSAxNSAxMy42NTY5IDE1IDEyWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiAvPgogICAgPHBhdGggZD0iTTEyIDVDMTcuNTIyOCA1IDIyIDEyIDIyIDEyQzIyIDEyIDE3LjUyMjggMTkgMTIgMTlDNi40NzcxNSAxOSAyIDEyIDIgMTJDMiAxMiA2LjQ3NzE1IDUgMTIgNVoiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgLz4KPC9zdmc+'); /* Path to your custom eye icon */
    display: block;
    width: 100%;
    height: 100%;
}


/**
 * SIGNUP NAVIGATION
 */

.signup-navigation .btn.previous,
.signup-navigation .btn.cancel,
.signup-navigation .btn.next,
.signup-complete .btn.load-dash
 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center; /* Center align text and icon */
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 600;
  box-shadow: 0px 4px 8px 0px rgba(28, 28, 28, 1);
}

.signup-navigation .btn.previous:before,
.signup-navigation .btn.next:after,
.signup-complete .btn.load-dash:after
 {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
}

.signup-navigation .btn.previous:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDEyTDQgMTJNNCAxMkwxMCAxOE00IDEyTDEwIDYiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==');
  margin-right: 8px; /* Adjusts the space between the icon and text */
}

.signup-navigation .btn.next:after,
.signup-complete .btn.load-dash:after
{
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNSAxMkgyMC41TTIwLjUgMTJMMTQuNSA2TTIwLjUgMTJMMTQuNSAxOCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
  margin-left: 8px; /* Adjusts the space between the icon and text */
}


.signup-navigation .num-selected-schools {
    display: inline-block;
    background-color: #CA5A23;
    color: white;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    text-align: center;
    font-weight: bold;
}

.school-selection input.school-name-search:active,
.school-selection input.school-name-search:focus{
  outline: none;
  border: 0;
  background-color: #393839;
  user-select: none; outline: none !important;
}

.school-selection .school-name-search-wrapper {
 position: relative;
}

.school-selection .school-name-search-wrapper:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjU4NCAxNS4yNUwxMC40MTc0IDExLjA4MzNNMTEuODA2MiA3LjYxMTExQzExLjgwNjIgMTAuMjk1OCA5LjYyOTgxIDEyLjQ3MjIgNi45NDUxIDEyLjQ3MjJDNC4yNjAzOCAxMi40NzIyIDIuMDgzOTggMTAuMjk1OCAyLjA4Mzk4IDcuNjExMTFDMi4wODM5OCA0LjkyNjM5IDQuMjYwMzggMi43NSA2Ljk0NTEgMi43NUM5LjYyOTgxIDIuNzUgMTEuODA2MiA0LjkyNjM5IDExLjgwNjIgNy42MTExWiIgc3Ryb2tlPSIjQUFBQUFBIiBzdHJva2Utd2lkdGg9IjEuNjY2NjciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');
  position: absolute;
  top: 50%;
  left: 13px;
  transform: translateY(-50%);
  pointer-events: none;
  height: 16px;
}

 .school-selection input.school-name-search {
  padding: 10px 16px 10px 36px;
  height: 44px;
  line-height: 1.5;
  font-size: 16px;
 }

.school-selection .conference-dropdown{
  /* width: 336px; */
}

.school-selection .conference-dropdown button{
  padding: 10px 16px 10px 16px;
  border-radius: 10px;
  transition: border-radius 0.5s;
}

.school-selection .conference-dropdown button.show{
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  transition: border-radius 0.5s;
}

.conference-dropdown .dropdown-menu .dropdown-item{
  cursor: pointer;
  padding: 0;
}

.conference-dropdown .dropdown-menu .dropdown-item:hover{
  color: var(--bs-active);
  background-color: #333333;
}

.conference-dropdown .dropdown-menu .dropdown-item:last-child{
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.school-selection .conference-dropdown .dropdown-menu{
  padding: 0;
  border: 0;
  border-radius: 15px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.school-selection .region-dropdown .conference-name{
  padding-left: 15px;
}

.school-selection .conference-dropdown .dropdown-toggle{
  color: #aaaaaa;
  background-color: var(--bs-btn-bg);
}

.school-selection .conference-dropdown .dropdown-toggle.show{
  color: var(--bs-white);
}

.school-selection .conference-dropdown .dropdown-toggle:hover{
    background-color: var(--bs-btn-bg);
    color: var(--bs-btn-color);
    border-color: initial;
    box-shadow: none;
}

.school-selection .conference-dropdown .dropdown-toggle:before{
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY1NF8xMDQxKSI+CjxwYXRoIGQ9Ik0xMS4xMTA5IDkuOTU0NDdDMTMuNTYzNSAxMC40MzY3IDE1LjI3NzYgMTEuNTM4IDE1LjI3NzYgMTIuODE5NEMxNS4yNzc2IDE0LjU0NTMgMTIuMTY4NCAxNS45NDQ0IDguMzMzMTIgMTUuOTQ0NEM0LjQ5NzgxIDE1Ljk0NDQgMS4zODg2NyAxNC41NDUzIDEuMzg4NjcgMTIuODE5NEMxLjM4ODY3IDExLjUzOCAzLjEwMjY5IDEwLjQzNjcgNS41NTUzNCA5Ljk1NDQ3TTguMzMzMTIgMTIuNDcyMlY2LjkxNjY3TTguMzMzMTIgNi45MTY2N0M5LjQ4MzcxIDYuOTE2NjcgMTAuNDE2NCA1Ljk4MzkzIDEwLjQxNjQgNC44MzMzM0MxMC40MTY0IDMuNjgyNzQgOS40ODM3MSAyLjc1IDguMzMzMTIgMi43NUM3LjE4MjUyIDIuNzUgNi4yNDk3OCAzLjY4Mjc0IDYuMjQ5NzggNC44MzMzM0M2LjI0OTc4IDUuOTgzOTMgNy4xODI1MiA2LjkxNjY3IDguMzMzMTIgNi45MTY2N1oiIHN0cm9rZT0iI0FBQUFBQSIgc3Ryb2tlLXdpZHRoPSIxLjY2NjY3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF82NTRfMTA0MSI+CjxyZWN0IHdpZHRoPSIxNi42NjY3IiBoZWlnaHQ9IjE2LjY2NjciIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDAuNjY2NzQ4KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=');
  padding-right: 8px;
}

.school-selection .conference-dropdown .dropdown-toggle:after{
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFMNSA1TDkgMSIgc3Ryb2tlPSIjQUJBQkFCIiBzdHJva2Utd2lkdGg9IjEuMzMzMzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');
  margin: 0;
  padding: 0;
  border: 0;
  transition: ease-out 0.07s;
}

.school-selection .conference-dropdown .dropdown-toggle.show:after{
  transform: rotate(-180deg);
  transition: ease-out 0.07s;
}

.school-selection .conference-dropdown .dropdown-toggle.show + .dropdown-menu.animate {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}

.school-selection .conference-dropdown .dropdown-toggle:not(.show) + .dropdown-menu.animate {
  -webkit-animation-name: slideOut;
  animation-name: slideOut;
}

.school-selection .conference-dropdown button div {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    transition: opacity 0.3s ease;
}

.school-selection .conference-dropdown .animate {
  animation-duration: 0.3s;
  -webkit-animation-duration: 0.3s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}

.schools{
  max-height: 54vh;
  display: grid;
  grid-template-columns: repeat(auto-fill, 160px);
  grid-gap: 5px;
  justify-content: center;
  padding: initial;
}

.schools li{
  /* margin-right: 15px; */
}

.schools li:last-child{
  margin-right: 0;
}

.school{
  position: relative;
}

.school label{
  margin: 0;
  padding: 0;
  width: 160px;
  height: 150px;
  border: 0;
}

.school label:focus,
.school label:active
{
  border: 0;
}


.school .logo {
  max-width: 100px;
  flex-shrink: 0; /* prevents the logo column from collapsing */
}

.school .logo img {
  max-width: 100%;
  /* height: auto; */
  max-height: 35px;
}



/* 
.school .logo{
  margin-top: 10px;
  margin-bottom: 10px;
  width: 70px;
  height: 32px;
}

.school .logo img,
.school .logo svg{
  height: 32px;
} */

.school .team-name{
  font-size: 18px;
  line-height: 20px;
  font-family: 'CabinetGrotesk-Bold';
  margin: 0;
  padding: 0;
}

.school .school-name{
  font-size: 12px;
  line-height: 14px;
  font-family: 'CabinetGrotesk-Medium';
  margin-bottom: 10px;
}

.school label:before{
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #484848;
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.33s;
  margin: 0;
  padding: 0;
}

.school input.btn-check:not(:checked) + label.btn .school-name{
  color: #aaaaaa;
}

.school input.btn-check:checked + label.btn .school-name{
  color: #fff;
}

.school input.btn-check:checked + label.btn:before{
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik05IDFMMy41IDYuNUwxIDQiIHN0cm9rZT0iI0NBNUEyMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==');
  background-color: #fff;
}

.states .dropdown-menu
 {
   max-height: 200px;
   overflow-y: scroll;
  }

/**
 * NO SCHOOLS AVAIL
 */
.no-schools-available img{
  margin-top: 16px;
  margin-bottom: 20px;
}

.no-schools-available h4{
  font-size: 20px;
  font-weight: 500;
}

.no-schools-available div{
  padding-top: 5px;
}

.no-schools-available div p{
  font-weight: 300;
  font-size: 16px;
  line-height: 16px;
}

/**
 * SIGNUP: STATUS CARD
 */

/* @media (max-width: 767.98px) {
    .flex-grow-md-0 {
        flex-grow: 0;
    }
    .card.status-card .card-body{
      padding-top: 0;
      padding-bottom: 0;
    }
    .card.status-card .card-body .step{
      margin-bottom: 0;
    }

} */

.card.status-card h4{
  font-size: 20px;
  font-weight: 600;
}

.card.status-card .step-count{
  font-size: 14px;
  font-weight: 200;
}

.card.status-card .steps{
  position: relative;
  pointer-events: none !important;

}

.card.status-card .step{
  margin-bottom: 20px;
}

.card.status-card .step:last-child{
  margin-bottom: 0;
}

.card.status-card .step h5{
  transition: color 0.2s ease-in-out
}

.card.status-card .step:before{
  content: '';
  border: 3px solid #2a2a2a;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  position: absolute;
  background-color: #3d3d3d;
  z-index: 2;
  box-sizing: content-box;
  text-align: center;
  transition: background-color 0.2s ease-in-out
}

.card.status-card .step.active:before{
  background-color: var(--bs-active);
}

.card.status-card .step.done:before{
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTIiIGZpbGw9IiIgZmlsbC1vcGFjaXR5PSIwIi8+CjxwYXRoIGQ9Ik0xNy4zMzI3IDhMOS45OTkzNSAxNS4zMzMzTDYuNjY2MDIgMTIiIHN0cm9rZT0iIzQ0Q0EyMyIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
  background-color: #304a29;
}

.card.status-card .step div:first-child{
  margin-left: 44px;
}

.card.status-card .step.active h5{
  color: var(--bs-active);
}

.card.status-card .steps h5{
  font-size: 14px;
  font-weight: 600;
}

.card.status-card .steps p{
  font-size: 12px;
  font-weight: 200;
  margin-bottom: 0;
  padding-bottom: 0;
  color: rgb(170,170,170);
}

.card.status-card .card-body .steps:before{
  position: absolute;
  top: 24px;
  left: 14px;
  width: 16px;
  height: calc(100% - 48px);
  border-left: 2px solid #3d3d3d;
  content: '';
  z-index: 1;
}

.card.status-card .card-footer h6{
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.card.status-card .card-footer div{
  font-size: 12px;
  font-weight: 200;
}

.card.status-card .card-footer div a{
  color: var(--bs-active);
  font-weight: 500;
}

/* Custom list handling FIXFIX */
.custom-list {
  overflow: hidden;
  width: 100%;
}

.custom-list li {
  flex: 0 0 100%;
  display: none;
}

.custom-list li.active {
  display: block;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .card.status-card .step:first-child {
    margin-top: 6px;
  }
  .card.status-card .step:last-child {
    margin-bottom: 6px;
  }
}

@media (max-width: 767.98px) {
  .card.status-card.responsive-full-height{
    height: auto;
  }

  .signup-flow .interface-parent{
    height: 88vh;
  }

  .schools{
    max-height: 52vh !important;
  }

  .card.allocation .logo{
    display: none !important;
  }

  .card.allocation .info h4{
    margin-bottom: 0 !important;
  }

  .card.allocation .info{
    padding-left: 0 !important;
  }

  .card.allocation .school-name.me-3{
    margin-right: 0 !important;
  }

  .card.allocation .info .team-meta{
    display: none !important;
  }

}

/* @media (max-width: 991.98px) {
  .container-fluid.responsive-full-height .row.signup-flow{
    flex-direction: row !important;
  }

  .card.status-card.responsive-full-height{
    height: auto !important;
  }

  .card.status-card .card-body {
    margin-bottom: 0;
  }

  .card.status-card .card-body .steps:before{
    display: none;
  }
} */

/* Ensure the card does not stretch vertically */
/* .card.status-card {
  height: auto;
} */



/**
 * FUNDS ALLOCATION
 */
.card.allocation{
  padding: 16px 10px;
  margin-bottom: 10px;
}

.card.allocation .logo {
  width: 100px;
  flex-shrink: 0; /* prevents the logo column from collapsing */
}

.card.allocation .logo img {
  max-width: 100%;
  height: auto;
  display: block;
}


.card.allocation .info{
  padding-left: 10px;
}

.card.allocation .info h4{
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 8px;
}

.card.allocation .info .team-meta{
  font-size: 14px;
  font-weight: 400;
  color: rgb(170,170,170);
}

.card.allocation .info .team-meta .school-name:before{
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjMzNCA5LjY2Njc5VjcuNjYzMDhDMTEuMzM0IDcuNTQzNDIgMTEuMzM0IDcuNDgzNiAxMS4zMTU4IDcuNDMwNzhDMTEuMjk5NyA3LjM4NDA3IDExLjI3MzQgNy4zNDE1MyAxMS4yMzg4IDcuMzA2MjNDMTEuMTk5NyA3LjI2NjMxIDExLjE0NjIgNy4yMzk1NiAxMS4wMzkyIDcuMTg2MDVMOC4wMDA2NSA1LjY2Njc5TTIuNjY3MzIgNi4zMzM0NlYxMC44NzEyQzIuNjY3MzIgMTEuMTE5MSAyLjY2NzMyIDExLjI0MzEgMi43MDYgMTEuMzUxN0MyLjc0MDE5IDExLjQ0NzYgMi43OTU5MiAxMS41MzQ1IDIuODY4OSAxMS42MDU1QzIuOTUxNDYgMTEuNjg1OSAzLjA2NDE3IDExLjczNzYgMy4yODk1NSAxMS44NDA5TDcuNTU2MjIgMTMuNzk2NEM3LjcxOTcxIDEzLjg3MTQgNy44MDE0NSAxMy45MDg4IDcuODg2NjEgMTMuOTIzNkM3Ljk2MjA3IDEzLjkzNjcgOC4wMzkyMyAxMy45MzY3IDguMTE0NjkgMTMuOTIzNkM4LjE5OTg1IDEzLjkwODggOC4yODE1OSAxMy44NzE0IDguNDQ1MDggMTMuNzk2NEwxMi43MTE4IDExLjg0MDlDMTIuOTM3MSAxMS43Mzc2IDEzLjA0OTggMTEuNjg1OSAxMy4xMzI0IDExLjYwNTVDMTMuMjA1NCAxMS41MzQ1IDEzLjI2MTEgMTEuNDQ3NiAxMy4yOTUzIDExLjM1MTdDMTMuMzM0IDExLjI0MzEgMTMuMzM0IDExLjExOTEgMTMuMzM0IDEwLjg3MTJWNi4zMzM0Nk0xLjMzMzk4IDUuNjY2NzlMNy43NjIxNCAyLjQ1MjcyQzcuODQ5NTkgMi40MDg5OSA3Ljg5MzMyIDIuMzg3MTIgNy45MzkxOSAyLjM3ODUyQzcuOTc5ODEgMi4zNzA5IDguMDIxNDkgMi4zNzA5IDguMDYyMTIgMi4zNzg1MkM4LjEwNzk4IDIuMzg3MTIgOC4xNTE3MSAyLjQwODk5IDguMjM5MTcgMi40NTI3MkwxNC42NjczIDUuNjY2NzlMOC4yMzkxNyA4Ljg4MDg3QzguMTUxNzEgOC45MjQ2IDguMTA3OTggOC45NDY0NiA4LjA2MjEyIDguOTU1MDZDOC4wMjE0OSA4Ljk2MjY5IDcuOTc5ODEgOC45NjI2OSA3LjkzOTE5IDguOTU1MDZDNy44OTMzMiA4Ljk0NjQ2IDcuODQ5NTkgOC45MjQ2IDcuNzYyMTQgOC44ODA4N0wxLjMzMzk4IDUuNjY2NzlaIiBzdHJva2U9IiNBQUFBQUEiIHN0cm9rZS13aWR0aD0iMS4zMzMzMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=');
  margin-right: 6px;
  width: 16px;
  height: 16px;
}

.card.allocation .info .team-meta .school-location:before{
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTk5MzUgOC42NjY1OUM5LjEwMzkyIDguNjY2NTkgOS45OTkzNSA3Ljc3MTE1IDkuOTk5MzUgNi42NjY1OUM5Ljk5OTM1IDUuNTYyMDIgOS4xMDM5MiA0LjY2NjU5IDcuOTk5MzUgNC42NjY1OUM2Ljg5NDc4IDQuNjY2NTkgNS45OTkzNSA1LjU2MjAyIDUuOTk5MzUgNi42NjY1OUM1Ljk5OTM1IDcuNzcxMTUgNi44OTQ3OCA4LjY2NjU5IDcuOTk5MzUgOC42NjY1OVoiIHN0cm9rZT0iI0FBQUFBQSIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTcuOTk5MzUgMTQuNjY2NkMxMC42NjYgMTEuOTk5OSAxMy4zMzI3IDkuNjEyMSAxMy4zMzI3IDYuNjY2NTlDMTMuMzMyNyAzLjcyMTA3IDEwLjk0NDkgMS4zMzMyNSA3Ljk5OTM1IDEuMzMzMjVDNS4wNTM4MyAxLjMzMzI1IDIuNjY2MDIgMy43MjEwNyAyLjY2NjAyIDYuNjY2NTlDMi42NjYwMiA5LjYxMjEgNS4zMzI2OCAxMS45OTk5IDcuOTk5MzUgMTQuNjY2NloiIHN0cm9rZT0iI0FBQUFBQSIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
  margin-right: 6px;
  width: 16px;
  height: 16px;
}

.card.allocation .calc input.form-control{
  width: 65px;
}

.card.allocation .calc {
  position: relative;
  display: inline-block;
}

.card.allocation .calc input.form-control{
  padding-right: 22px;
  transition: background-color 0.32s ease-in-out;
}

.card.allocation .calc input.form-control.fail{
  background-color: #492A2A;
}

.card.allocation .calc:after {
  content: '%';
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1rem;
  color: #ffffff;
  pointer-events: none;
}

.card.allocation .favorite{
  width: 24px;
  height: 24px;
  margin-left: 12px;
  margin-right: 12px;
}

.card.allocation .favorite svg{
  cursor: pointer;
}

.card.allocation .favorite svg *{
  fill: #717171;
}

.card.allocation .favorite.chosen svg *{
  fill: #E94E4E;
  transition: fill 0.2s ease-in-out;
}

.funds-allocation-total .card.allocation-total .percentage{
  margin-right: 57px;
}

.funds-allocation-total .card.allocation-total .percentage span{
  margin-right: 1px;
}

.funds-allocation-total .card.allocation-total{
  transition: background-color 0.32s ease-in-out;
}

.funds-allocation-total .card.allocation-total.pass{
  background-color: #274221;
}

.funds-allocation-total .card.allocation-total.fail{
  background-color: #492A2A;
}



/************** DASHBOARD ***************/

.global-nav .user-menu .avatar{
  width: 48px;
  height: 48px;
  border: 1px solid #CA5A23;
  background-color: rgba(202, 90, 35, 0.2);
  border-radius: 50%;
  color: #CA5A23;
  font-size: 20px;
  line-height: 20px;
  margin-right: 12px;
  font-weight: 600;
}

.global-nav .user-menu .user-info p{
  font-weight: 500;
  margin-bottom: 0;
}

.global-nav .user-menu .user-info p.user-name{
  font-size: 16px;
  line-height: 18px;
  color: #393938;
}

.global-nav .user-menu .user-info p.user-email{
  font-size: 14px;
  line-height: 16px;
}

.global-nav .dropdown.user-menu .btn,
.global-nav .dropdown.user-menu .btn:focus,
.global-nav .dropdown.user-menu .btn.active,
.global-nav .dropdown.user-menu .btn.show
{
  border: 0;
}

.global-nav .dropdown.user-menu .user-info{
  margin-right: 12px;
}

.global-nav .dropdown.user-menu .dropdown-menu,
.global-nav .dropdown.user-menu .dropdown-menu .dropdown-item:hover
{
  border: 0;
  background-color: #2e2e2e;
}

.global-nav .dropdown.user-menu .dropdown-menu .dropdown-item{
  color: #ffffff;
  font-size: 14px;
}

.user-dashboard input:focus {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

.user-dashboard .nav-pills .nav-link{
  color: var(--user-text-on-white-color);
}

.user-dashboard .nav-pills .nav-link .label{
  margin-left: 12px;
}

.user-dashboard .nav-pills .nav-link.active,
.user-dashboard .nav-pills .show > .nav-link
 {
   background-color: var(--user-background-color);
   color: var(--user-text-on-background-color);
}

.user-dashboard .nav .nav-item .icon svg{
  width: 24px;
  height: 24px;
  display: inline-block;
}

.user-dashboard .nav .nav-item .nav-link .icon svg path{
  stroke: var(--user-text-on-white-color);
}

.user-dashboard .nav .nav-item .nav-link.active .icon svg path{
  stroke: var(--user-text-on-background-color);
}

.user-dashboard h4{
  font-size: 18px;
  font-weight: 500;
  color: var(--user-text-on-white-color);
  margin-bottom: 10px;
}

.user-dashboard .card{
  background-color: #f5f5f5;
  border-radius: 10px;
  border: 0;
  padding: 10px 16px;
}

/**
 * WELCOME
 */
.user-dashboard .card.welcome{
  background-color: var(--user-background-color);
  color: var(--user-text-on-background-color) !important;
  padding: 0;
  height: 100%;
}

.user-dashboard .card.welcome .message{
  padding: 16px;
}

.user-dashboard .card.welcome h1{
  font-size: 34px;
  font-weight: 500;
  color: var(--user-text-on-background-color) !important;
}

.user-dashboard .card.welcome p{
  margin-bottom: 0;
  font-weight: 200;
}

.user-dashboard .card.welcome .logo{
  /* padding: 16px;
  padding-bottom: 0; */
  /* max-width: 100px; */
  /* height: 100%; */
}

.user-dashboard .card.welcome  .logo img{
  /* max-height: 100px; */
  max-height: 65px;
  width: auto;
  height: auto;
}

/** USER DASHBOARD - SCHOOLS */

.user-dashboard .supporting a{
  font-size: 14px;
  font-weight: 500;
  color: var(--user-text-on-white-color);
  text-decoration: none;
}

.user-dashboard .supporting a svg{
  margin-right: 6px;
  width: 14px;
  height: 14px;
}

.user-dashboard .supporting a svg *{
  stroke: var(--user-text-on-white-color);
}

.user-dashboard .card.user-school{
  padding: 16px 10px;
  margin-bottom: 10px;
}

.user-schools .logo {
  max-width: 100px;
  flex-shrink: 0; /* prevents the logo column from collapsing */
}

.user-schools .logo img {
  max-width: 100%;
  height: auto;
  display: block;
}


/* .user-dashboard .card.user-school .logo{
  width: 65px;
  text-align: center;
}

.user-dashboard .card.user-school .logo img{
  max-height: 32px;
} */

.user-dashboard .card.user-school .info{
  padding-left: 10px;
}

.user-dashboard .card.user-school .info h4{
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 3px;
  color: #393838;
}

.user-dashboard .card.user-school .info .team-meta{
  font-size: 14px;
  font-weight: 400;
  color: #717171;
}

.user-dashboard .card.user-school .info .team-meta .school-name{
  line-height: 14px;
  margin-top: 4px;
  margin-bottom: 2px;
}


.user-dashboard .card.user-school .allocation{
  color: #393838;
  font-size: 16px;
  margin-left: 10px;
}

.user-dashboard .card.user-school .info .team-meta .school-name:before{
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjMzNCA5LjY2Njc5VjcuNjYzMDhDMTEuMzM0IDcuNTQzNDIgMTEuMzM0IDcuNDgzNiAxMS4zMTU4IDcuNDMwNzhDMTEuMjk5NyA3LjM4NDA3IDExLjI3MzQgNy4zNDE1MyAxMS4yMzg4IDcuMzA2MjNDMTEuMTk5NyA3LjI2NjMxIDExLjE0NjIgNy4yMzk1NiAxMS4wMzkyIDcuMTg2MDVMOC4wMDA2NSA1LjY2Njc5TTIuNjY3MzIgNi4zMzM0NlYxMC44NzEyQzIuNjY3MzIgMTEuMTE5MSAyLjY2NzMyIDExLjI0MzEgMi43MDYgMTEuMzUxN0MyLjc0MDE5IDExLjQ0NzYgMi43OTU5MiAxMS41MzQ1IDIuODY4OSAxMS42MDU1QzIuOTUxNDYgMTEuNjg1OSAzLjA2NDE3IDExLjczNzYgMy4yODk1NSAxMS44NDA5TDcuNTU2MjIgMTMuNzk2NEM3LjcxOTcxIDEzLjg3MTQgNy44MDE0NSAxMy45MDg4IDcuODg2NjEgMTMuOTIzNkM3Ljk2MjA3IDEzLjkzNjcgOC4wMzkyMyAxMy45MzY3IDguMTE0NjkgMTMuOTIzNkM4LjE5OTg1IDEzLjkwODggOC4yODE1OSAxMy44NzE0IDguNDQ1MDggMTMuNzk2NEwxMi43MTE4IDExLjg0MDlDMTIuOTM3MSAxMS43Mzc2IDEzLjA0OTggMTEuNjg1OSAxMy4xMzI0IDExLjYwNTVDMTMuMjA1NCAxMS41MzQ1IDEzLjI2MTEgMTEuNDQ3NiAxMy4yOTUzIDExLjM1MTdDMTMuMzM0IDExLjI0MzEgMTMuMzM0IDExLjExOTEgMTMuMzM0IDEwLjg3MTJWNi4zMzM0Nk0xLjMzMzk4IDUuNjY2NzlMNy43NjIxNCAyLjQ1MjcyQzcuODQ5NTkgMi40MDg5OSA3Ljg5MzMyIDIuMzg3MTIgNy45MzkxOSAyLjM3ODUyQzcuOTc5ODEgMi4zNzA5IDguMDIxNDkgMi4zNzA5IDguMDYyMTIgMi4zNzg1MkM4LjEwNzk4IDIuMzg3MTIgOC4xNTE3MSAyLjQwODk5IDguMjM5MTcgMi40NTI3MkwxNC42NjczIDUuNjY2NzlMOC4yMzkxNyA4Ljg4MDg3QzguMTUxNzEgOC45MjQ2IDguMTA3OTggOC45NDY0NiA4LjA2MjEyIDguOTU1MDZDOC4wMjE0OSA4Ljk2MjY5IDcuOTc5ODEgOC45NjI2OSA3LjkzOTE5IDguOTU1MDZDNy44OTMzMiA4Ljk0NjQ2IDcuODQ5NTkgOC45MjQ2IDcuNzYyMTQgOC44ODA4N0wxLjMzMzk4IDUuNjY2NzlaIiBzdHJva2U9IiNBQUFBQUEiIHN0cm9rZS13aWR0aD0iMS4zMzMzMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=');
  margin-right: 6px;
  width: 16px;
  height: 16px;
}

.user-dashboard .card.user-school .info .team-meta .school-location:before{
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTk5MzUgOC42NjY1OUM5LjEwMzkyIDguNjY2NTkgOS45OTkzNSA3Ljc3MTE1IDkuOTk5MzUgNi42NjY1OUM5Ljk5OTM1IDUuNTYyMDIgOS4xMDM5MiA0LjY2NjU5IDcuOTk5MzUgNC42NjY1OUM2Ljg5NDc4IDQuNjY2NTkgNS45OTkzNSA1LjU2MjAyIDUuOTk5MzUgNi42NjY1OUM1Ljk5OTM1IDcuNzcxMTUgNi44OTQ3OCA4LjY2NjU5IDcuOTk5MzUgOC42NjY1OVoiIHN0cm9rZT0iI0FBQUFBQSIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTcuOTk5MzUgMTQuNjY2NkMxMC42NjYgMTEuOTk5OSAxMy4zMzI3IDkuNjEyMSAxMy4zMzI3IDYuNjY2NTlDMTMuMzMyNyAzLjcyMTA3IDEwLjk0NDkgMS4zMzMyNSA3Ljk5OTM1IDEuMzMzMjVDNS4wNTM4MyAxLjMzMzI1IDIuNjY2MDIgMy43MjEwNyAyLjY2NjAyIDYuNjY2NTlDMi42NjYwMiA5LjYxMjEgNS4zMzI2OCAxMS45OTk5IDcuOTk5MzUgMTQuNjY2NloiIHN0cm9rZT0iI0FBQUFBQSIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
  margin-right: 6px;
  width: 16px;
  height: 16px;
}

.user-dashboard .card.user-school .favorite{
  width: 24px;
  height: 24px;
  margin-left: 12px;
  margin-right: 12px;
}

.user-dashboard .card.user-school .favorite svg{
  display: none;
}

.user-dashboard .card.user-school .favorite.chosen svg{
  display: inline-block;
}

.user-dashboard .card.user-school .favorite svg *{
  fill: #E94E4E;
}

/**
 * USER DASHBOARD - OPERATORS
 */
 .user-dashboard .operators .operator-card {
  padding: 4px;
 }
 
 .user-dashboard .operators .operator-card .card{
  padding: 0px;
 }

 .user-dashboard .operators .operator-card .card-body{
  padding-top: 0;
 }

 .user-dashboard .operators .operator-card .card-header{
  border-radius: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 65px;
}

.operators .card-header{
  background-color: transparent;
  border: 0;
}

/* .user-dashboard .operators .card.operator a{
  color: var(--user-text-on-white-color);
  font-weight: 600;
} */

.user-dashboard .operators .operator-card img{
  max-height: 45px;
  max-width: 100px;
}

.user-dashboard .operators-actions a{
  color: rgb(113, 113, 113);
}

/**
 * ACTIONS
 */
.user-dashboard .actions .card.action{
  padding-left: 24px;
  padding-right: 24px;
}

.user-dashboard .actions .card.action a{
  text-decoration: none;
}

.user-dashboard .actions .card.action h4{
  font-weight: 600;
  margin-bottom: 0;
}

.user-dashboard .actions .card.action p{
  margin-bottom: 0;
  color: #717171;
  font-size: 14px;
}

.user-dashboard .actions .card.action a svg *{
  stroke: var(--user-text-on-white-color);
}

/**
 * TOASTS
 */
/* Base Toast Style */
.toast {
  position: relative;
  border-radius: 8px; /* Set border-radius to 8px */
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border: 1px solid transparent;
  background-color: #202020;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
transition: none;
color: #ffffff;

}

.toast h4{
  color: #ffffff;
  margin-bottom: 0;
}

.toast p{
  margin-bottom: 0;
}

.toast .status-icon{
  width: 20px;
  height: 20px;
  margin-left: 4px;
}

.toast .status-message{
  margin-left: 16px;
}

.toast.success .status-icon{
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNiAxNC42TDE1LjY1IDcuNTVMMTQuMjUgNi4xNUw4LjYgMTEuOEw1Ljc1IDguOTVMNC4zNSAxMC4zNUw4LjYgMTQuNlpNMTAgMjBDOC42MTY2NyAyMCA3LjMxNjY3IDE5LjczNzMgNi4xIDE5LjIxMkM0Ljg4MzMzIDE4LjY4NzMgMy44MjUgMTcuOTc1IDIuOTI1IDE3LjA3NUMyLjAyNSAxNi4xNzUgMS4zMTI2NyAxNS4xMTY3IDAuNzg4IDEzLjlDMC4yNjI2NjcgMTIuNjgzMyAwIDExLjM4MzMgMCAxMEMwIDguNjE2NjcgMC4yNjI2NjcgNy4zMTY2NyAwLjc4OCA2LjFDMS4zMTI2NyA0Ljg4MzMzIDIuMDI1IDMuODI1IDIuOTI1IDIuOTI1QzMuODI1IDIuMDI1IDQuODgzMzMgMS4zMTIzMyA2LjEgMC43ODdDNy4zMTY2NyAwLjI2MjMzMyA4LjYxNjY3IDAgMTAgMEMxMS4zODMzIDAgMTIuNjgzMyAwLjI2MjMzMyAxMy45IDAuNzg3QzE1LjExNjcgMS4zMTIzMyAxNi4xNzUgMi4wMjUgMTcuMDc1IDIuOTI1QzE3Ljk3NSAzLjgyNSAxOC42ODczIDQuODgzMzMgMTkuMjEyIDYuMUMxOS43MzczIDcuMzE2NjcgMjAgOC42MTY2NyAyMCAxMEMyMCAxMS4zODMzIDE5LjczNzMgMTIuNjgzMyAxOS4yMTIgMTMuOUMxOC42ODczIDE1LjExNjcgMTcuOTc1IDE2LjE3NSAxNy4wNzUgMTcuMDc1QzE2LjE3NSAxNy45NzUgMTUuMTE2NyAxOC42ODczIDEzLjkgMTkuMjEyQzEyLjY4MzMgMTkuNzM3MyAxMS4zODMzIDIwIDEwIDIwWiIgZmlsbD0iIzQ0Q0EyMyIvPgo8L3N2Zz4=');
}

.toast.success::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.25rem;
  background-color: #45CA24;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.toast.error .status-icon{
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTAgMEM0LjQ3NzE1IDAgMCA0LjQ3NzE1IDAgMTBDMCAxNS41MjI4IDQuNDc3MTUgMjAgMTAgMjBDMTUuNTIyOCAyMCAyMCAxNS41MjI4IDIwIDEwQzIwIDQuNDc3MTUgMTUuNTIyOCAwIDEwIDBaTTE0LjcwNzEgMTMuMjkyOUwxMy4yOTI5IDE0LjcwNzFMMTAgMTEuNDE0Mkw2LjcwNzExIDE0LjcwNzFMNS4yOTI4OSAxMy4yOTI5TDguNTg1NzkgMTBMNS4yOTI4OSA2LjcwNzExTDYuNzA3MTEgNS4yOTI4OUwxMCA4LjU4NTc5TDEzLjI5MjkgNS4yOTI4OUwxNC43MDcxIDYuNzA3MTFMMTEuNDE0MiAxMEwxNC43MDcxIDEzLjI5MjlaIiBmaWxsPSIjRTk0RTRFIi8+Cjwvc3ZnPg==');
}

.toast.error::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 2.25rem;
  background-color: #E94E4E;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  z-index: -1;
}

.toast .btn-close{
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNSAxLjVMMS41IDguNU0xLjUgMS41TDguNSA4LjUiIHN0cm9rZT0iI0E5QTlBOSIgc3Ryb2tlLXdpZHRoPSIxLjE2NjY3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
  width: 7px;
  height: 7px;
}

/**
 * MODALS
 */

.user-dashboard .modal .modal-header h1{
  font-size: 24px;
}

.user-dashboard .modal .modal-header p{
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
}

.user-dashboard .modal .modal-header .btn-close{
  background-color: none;
  border: 0;
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDRMNCAxMk00IDRMMTIgMTIiIHN0cm9rZT0iIzcxNzE3MSIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
}

.user-dashboard .modal .modal-body{
  padding-top: 0;
}

.user-dashboard .modal .modal-body .loading-message {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
}

.user-dashboard .modal .modal-body h6{
  color: #717171;
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
}

.user-dashboard .modal .modal-footer .error-message{
  font-size: 16px;
  color: #E94E4E;
}

.user-dashboard .modal .modal-footer .btn{
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 8px;
}

.user-dashboard .modal .modal-footer .btn.cancel{
  background-color: #f5f5f5;
  color: var(--user-text-on-white-color);
  border: 0;
}

.user-dashboard .modal .modal-footer .btn.cancel:hover,
.user-dashboard .modal .modal-footer .btn.cancel:active
{
  background-color: #e1e1e1;
}


.user-dashboard .modal .modal-footer .btn.submit{
  background-color: var(--user-background-color);
  color: var(--user-text-on-background-color);
  margin-left: 8px;
  border: 0;
}

.user-dashboard .modal .modal-footer .btn.submit svg{
  stroke: var(--user-text-on-background-color);
  margin-left: 8px;
}

.user-dashboard .modal .modal-footer .btn.submit svg path{
  stroke: var(--user-text-on-background-color);
}

.user-dashboard .modal .modal-footer .btn.submit:disabled{
  background-color: #f5f5f5;
  color: #aaaaaa;
  border: 0;
}

.user-dashboard .modal .modal-footer .btn.submit:disabled svg{
  stroke: #aaaaaa;
}

.user-dashboard .modal .modal-footer .btn.submit:disabled svg path{
  stroke: #aaaaaa
}

/**
 * MODALS - EDIT SCHOOLS
 */

.user-dashboard .modal.edit-schools-modal h4{
  color: #393838;
}

.user-dashboard .modal.edit-schools-modal .funds-allocation {
  margin-top: 20px;
}

.user-dashboard .modal.edit-schools-modal .funds-allocation .card.allocation input{
  background-color: #ffffff;
  color: #393838;
}

.user-dashboard .modal.edit-schools-modal .funds-allocation .card.allocation .calc input.form-control.fail{
  background-color: #FBDCDC;
}


.user-dashboard .modal.edit-schools-modal .funds-allocation .card.allocation .calc:after {
  color: #393838;
}

.user-dashboard .modal.edit-schools-modal .funds-allocation .card.allocation .favorite{
  width: 24px;
  height: 24px;
  margin-left: 12px;
  margin-right: 12px;
}

.user-dashboard .modal.edit-schools-modal .funds-allocation .card.allocation .delete svg{
  cursor: pointer;
}

.user-dashboard .modal.edit-schools-modal .funds-allocation-total .card.allocation-total .percentage{
  margin-right: 81px;
}

.user-dashboard .modal.edit-schools-modal .funds-allocation-total .card.allocation-total.pass{
  background-color: #D9F4D3;
}

.user-dashboard .modal.edit-schools-modal .funds-allocation-total .card.allocation-total.fail{
  background-color: #FBDCDC;
}

.user-dashboard .modal.add-schools-modal .form-control,
.user-dashboard .modal.add-schools-modal .form-control:focus,
.user-dashboard .modal.add-schools-modal .form-control:active
{
  color: #393838;
  background-color: #f5f5f5 !important;
}

.user-dashboard .modal.add-schools-modal .conference-dropdown .dropdown-toggle{
  padding: 12px 18px;
  background-color: #f5f5f5 !important;
  color: #393838 !important;
  border: 0;
}

.conference-dropdown .dropdown-menu .dropdown-item:hover{
  color: var(--bs-active);
  background-color: #ffffff;
}


.user-dashboard .modal.add-schools-modal .school label{
  background-color: #f5f5f5;
}

.user-dashboard .modal.add-schools-modal .school label:before{
  background-color: #ffffff;
}

.user-dashboard .modal.add-schools-modal .school label .team-name{
  color: #393838;
}

.user-dashboard .modal.add-schools-modal .school label .school-name{
  color: #aaaaaa;
}

.user-dashboard .modal.add-schools-modal .school input.btn-check:checked + label.btn{
  background-color: var(--user-background-color);
  color: var(--user-text-on-background-color);
}

.user-dashboard .modal.add-schools-modal .school input.btn-check:checked + label.btn .team-name,
.user-dashboard .modal.add-schools-modal .school input.btn-check:checked + label.btn .school-name
{
  color: var(--user-text-on-background-color);
}

.user-dashboard .modal.add-schools-modal .school input.btn-check:checked + label.btn:before{
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik05IDFMMy41IDYuNUwxIDQiIHN0cm9rZT0iI0NBNUEyMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg=='); /** FIXFIX make this content() so we can change the color */
  background-color: #fff;
}

/*

background-color: var(--user-background-color);
color: var(--user-text-on-background-color);


.user-dashboard .modal.edit-schools-modal .funds-allocation .card.allocation .favorite svg *{
  fill: #717171;
}

.user-dashboard .modal.edit-schools-modal .funds-allocation .card.allocation .favorite.chosen svg *{
  fill: #E94E4E;
  transition: fill 0.2s ease-in-out;
} */


/**
 * MODALS - INVITE
 */

.user-dashboard .modal.invite-modal .via-email{
  padding-bottom: 24px;
  margin-bottom: 16px;
  border-bottom: 1px solid #F0F0F0;
}

.user-dashboard .modal.invite-modal .via-email input{
  color: #393838;
  border: none;
  outline: none;
  flex-grow: 1;
  padding: 5px;
  padding-left: 0px;
  background-color: #f5f5f5;
}

.user-dashboard .modal.invite-modal .via-email .email-tags {
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
  color: #393838;
  padding: 10px 16px;
  border-radius: 8px;
  background-color: #f5f5f5;
}

.user-dashboard .modal.invite-modal .via-email .email-tag {
  display: flex;
  align-items: center;
  background-color: var(--user-background-color);
  color: var(--user-text-on-background-color);
  border-radius: 4px;
  padding: 5px 10px;
  margin-right: 5px;
  margin-bottom: 5px;
}

.user-dashboard .modal.invite-modal .via-email .email-tag span {
  margin-right: 8px;
}

.user-dashboard .modal.invite-modal .via-email .email-tag button {
  background: transparent;
  border: none;
  color: var(--user-text-on-background-color);
  cursor: pointer;
}

.user-dashboard .modal.invite-modal .via-url input{
  color: #393838;
}

.user-dashboard .modal.invite-modal .via-url .input-group {
  border-radius: 10px;
  padding: 6px;
  padding-left: 0;
  display: flex;
  align-items: center;
  background-color: #f5f5f5;
}

.user-dashboard .modal.invite-modal .via-url .input-group .form-control {
  border: none;
  background-color: transparent;
  outline: none;
}

.user-dashboard .modal.invite-modal .via-url .copy-link {
  background-color: #fff;
  padding: 6px 12px;
  border-radius: 6px !important;
  border: none;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  color: var(--user-text-on-white-color);
  transition: all 0.5s;
}

.user-dashboard .modal.invite-modal .via-url .copy-link:active,
.user-dashboard .modal.invite-modal .via-url .copy-link:hover
{
  background-color: #e1e1e1;
}

.user-dashboard .modal.invite-modal .via-url .copy-link svg{
  margin-right: 8px;
}

.user-dashboard .modal.invite-modal .via-url .copy-link svg *{
  stroke: var(--user-text-on-white-color);
}


.user-dashboard .settings-form input.form-control:focus {
  background-color: #e1e1e1 !important;
}




.user-dashboard .settings-form .btn.submit{
  background-color: var(--user-background-color);
  color: var(--user-text-on-background-color);
  margin-left: 8px;
  border: 0;
}

.user-dashboard .settings-form .btn.submit svg{
  stroke: var(--user-text-on-background-color);
  margin-left: 8px;
}

.user-dashboard .settings-form .btn.submit svg path{
  stroke: var(--user-text-on-background-color);
}

.user-dashboard .settings-form .btn.submit:disabled{
  background-color: #f5f5f5;
  color: #aaaaaa;
  border: 0;
}

.user-dashboard  .settings-form .btn.submit:disabled svg{
  stroke: #aaaaaa;
}

.user-dashboard .settings-form .btn.submit:disabled svg path{
  stroke: #aaaaaa
}



/************** KEYFRAME ANIMATION ***************/

/* Keyframes for sliding in */
@keyframes slideIn {
  0% {
    transform: translateY(66px);
    opacity: 0;
  }
  100% {
    transform: translateY(44px);
    opacity: 1;
  }
}

/* Keyframes for sliding out */
@keyframes slideOut {
  0% {
    transform: translateY(0px);
    opacity: 1;
  }
  100% {
    transform: translateY(10px);
    opacity: 0;
  }
}

.operator-grid-row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  align-items: stretch;
}
.operator-grid-row.cards-1 .operator-card {
  grid-column: span 12;
}

.operator-grid-row.cards-2 .operator-card {
  grid-column: span 6;
}

.operator-grid-row.cards-3 .operator-card {
  grid-column: span 4;
}
.operator-card {
  grid-column: span 4;
  grid-row: auto;
}

.operator-card .card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.operator-card-body {
  display: none;
}

.operator-card.expanded {
  grid-column: 1 / -1;
  grid-row: 1;
}

.operator-card.expanded .operator-card-body {
  display: block;
}

.operator-card.row-2 {
  grid-row: 2;
}

.operator-card.row-3 {
  grid-row: 3;
}

.operator-toggle {
  cursor: pointer;
}

.user-dashboard h4.offers-header{
  color: #E94E4E;
  font-weight: bold;
}

.offer .details{
  line-height: 1.15em;
  color: #080808;
  
}

.offer .requirements{
  line-height: 1.1em;
  font-weight: 300;
}

.offer a.btn{
  background-color: var(--user-background-color);
  color: var(--user-text-on-background-color);
  border: 0;
}

.offer a.btn svg{
  height: 20px;
}

.offer a.btn svg path{
  stroke: var(--user-text-on-background-color);
}


/****** MOBILE ******/

@media only screen and (max-width: 767px) {

/** NAV STYLES **/
.navbar-nav .nav-link.active, .navbar-nav .nav-link {
  text-align: center;
}
  
/** HEADER STYLES **/
body.home section.intro {
    margin-bottom: 50px;
}
body.home .intro h1.mb-4 {
    font-size: 3.5rem;
    line-height: 3.75rem;
}
body.home .intro p br {
    display: none;
}


/** CONTENT STYLES **/

body.home section.howitworks {
    padding-bottom: 50px;
}
body.home section.howitworks .animated-logins {
  width: 100% !important;
}
body.home section.howitworks .animated-login {
  width: calc(100% - 10px) !important;
}
body.home section.howitworks #america {
  max-width: 100%;
  margin-left: -4%;
}
body.home section.howitworks .howitworks-schools {
    top: auto !important;
    margin-bottom: auto !important;
}
body.home section.howitworks .animated-school {
    width: auto !important;
}


/** FOOTER STYLES **/
footer .mt-5 {
  padding-top: .5rem !important;
}
footer ul {
  flex-direction: column;
}
footer .mt-5, footer .mt-5 .text-start {
  text-align: center!important;
}

}