/* NODE 5574 - HOMEPAGE CLONE */
/* ************************** */
/* ************************** */

.page-node-5574 .hero-banner {
  background-image: url('../img/homepage-hero-banner-background.png');

  background-size: cover;       /* Scales image to span the entire screen */
  background-repeat: no-repeat; /* Prevents the image from tiling */
  background-position: center;  /* Centers the image perfectly */

  padding: 2rem; 
  color: #FFFFFF;
}

.page-node-5574 h6 {
  font-size: 1rem;
  text-transform: uppercase;
}

.page-node-5574 h1 {
    /* color: #FFFFFF; */
    font-family: Teko;
    font-size: 3rem;
}

.page-node-5574 .new-admits-btn {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    color: #000 !important;
}

.page-node-5574 .new-admits-btn,
.new-admits-btn,
.new-admits-btn {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    color: #000 !important;
}

.page-node-5574 .undergrad-resources-btn {
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: #000 !important;
}

.page-node-5574 .undergrad-resources-btn:hover,
.undergrad-resources.btn:focus,
.undergrad-resources.btn:active {
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: #000 !important;
}

.page-node-5574 h2 {
    font-family: Teko;
    /* font-size: 3rem; */
}

.page-node-5574 h2 strong {
    font-family: Teko;
}

.page-node-5574 .text-align-center {
    width:100%;
    margin: 0;
}


.page-node-5574 .text-align-center > a {
    font-family: Teko;
    font-size: 2rem;
}

.page-node-5574 .displayed_text {
  font-family: Teko;
}

.page-node-5574 .image_text_background::after {
  content: "";
  position: absolute;
  inset: 0;
  /* background: linear-gradient(
    to top,
    rgba(0, 80, 150, 0.85) 0%,
    rgba(0, 80, 150, 0) 80%
  ); */

  background-image: linear-gradient(
    to top,
    rgba(255, 205, 0, 1) 0px,      /* Yellow starts at the very bottom */
    rgba(255, 205, 0, 1) 15px,     /* Yellow stays solid up to 15px */
    rgba(0, 80, 150, 0.85) 15px,     /* Blue gradient starts sharply at 15px */
    rgba(0, 80, 150, 0) 100%        /* Blue fades to transparent at the top */
  );

  pointer-events: none;
}

.page-node-5574 .equal-row {
  row-gap: 30px;
}

.page-node-5574 .about-section {
  background-color: #F4F0E7;
  padding: 30px;
}

.page-node-5574 .about-section img {
  border-radius: 10px;
}

.page-node-5574 .about-section p {
  font-size: 0.75rem;
}

.page-node-5574 .core-student-pathways-section p { }

.page-node-5574 .core-student-pathways-section .col-md {
  border: 2px solid #C6C6C6;
  border-radius: 8px;
  margin: 10px;
  padding: 20px;
}

.page-node-5574 .idea-numbers-header {
  color: #FFFFFF;
  background-color: #182B49;
  border-bottom: 8px solid #FFCD00;
  margin: 0;
  padding: 10px 20px;
}

.page-node-5574 .idea-numbers-section {
  background-color: #F4F0E7;
  /* padding: 20px; */
}

.page-node-5574 .idea-numbers-section .row {
  margin: 0;
}

.page-node-5574 .idea-numbers-section .col-md {
  border: 2px solid #C6C6C6;
  border-top: none;
  margin-left: -2px;   /* Pulls elements 2px to the left so adjacent borders overlap perfectly */
  padding: 30px;
}

/* Prevent the very first element from shifting left */
.page-node-5574 .idea-numbers-section .col-md:first-child {
  margin-left: 0; 
}

.page-node-5574 .idea-numbers-section .col-md p:first-child {
  color: #1B5588;
  font-family: Teko;
  font-size: 2rem;
}

.page-node-5574 .giving-day-section .col-md {
  padding: 20px;
}

.page-node-5574 .giving-day-section .col-md img {
  border-radius: 8px;
}

.page-node-5574 .get-involved-section {
  background-color: #182B49;
  color: white;
  padding: 30px;
}






.page-node-5574 .subscribe-btn {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    color: #000 !important;
}

.page-node-5574 .subscribe-btn,
.subscribe-btn,
.subscribe-btn {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    color: #000 !important;
}

.page-node-5574 .previous-news-btn {
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: #000 !important;
}

.page-node-5574 .previous-news-btn:hover,
.previous-news-btn:focus,
.previous-news-btn:active {
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: #000 !important;
}

.page-node-5574 .core-pathways-icon {
  font-size: 32px;
}