/*
Theme Name: Noble Ryderz
Author: Noble Ryderz
Description: Noble Ryderz emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: noble-ryderz
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

.nr-mirror {
  font-family: 'Playfair Display', Georgia, serif;
  color: #111;
  background: #f8f8f8;
}

:root {
  --nr-header-image: url('https://lh3.googleusercontent.com/sitesv/AAzXCkd2MJpf4scfNkvdKr7k68cz_BUOZzjrtauIpT69E-QHCAv9qtejic8oosUhGGFTsnZFqDVbuVdkKxW8QH4Uamg-VOUAA8x6HSX-kdSRudtTYFGF9wb6GcP00Uc7zQfa24w7jbGg5siA_mpK2Wghx54PUi2oadrXkdth2tMymWMK6VswLkeidym0=w16383');
  --nr-header-image-alt: var(--nr-header-image);
  --nr-hero-image: var(--nr-header-image);
  --nr-primary: #f28b1e;
  --nr-primary-dark: #d97412;
  --nr-secondary: #1e1e1e;
  --nr-accent: #39a6e4;
  --nr-muted: #4c5258;
  --nr-surface: #ffffff;
  --nr-bg: #f5f7fa;
}

.nr-section {
  padding: 4rem 1.5rem;
}

.nr-container {
  max-width: 1100px;
  margin: 0 auto;
}

.nr-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.4rem 2rem;
  background: #f28b1e;
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 20;
  /*transition: background 200ms ease, box-shadow 200ms ease, backdrop-filter 200ms ease;*/
  box-sizing: border-box;
}

.nr-topbar.scrolled {
  background: var(--nr-primary);
  box-shadow: 0 8px 20px rgba(0,0,0,0.25);
  backdrop-filter: none;
}

.nr-topbar__brand {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: inherit;
  text-decoration: none;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: clamp(1.4rem, 3vw, 1.75rem);
}

.nr-topbar__logo {
  display: block;
  width: auto;
  height: 64px;
  flex-shrink: 0;
  object-fit: contain;
}

.nr-topbar__toggle {
  display: none;
  align-items: center;
  gap: 0.55rem;
  min-height: 44px;
  padding: 0.65rem 0.9rem;
  border: 1px solid rgba(255, 255, 255, 0.65);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.18);
  color: #fff;
  font: inherit;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
}

.nr-topbar__toggle-icon,
.nr-topbar__toggle-icon::before,
.nr-topbar__toggle-icon::after {
  display: block;
  width: 18px;
  height: 2px;
  background: currentColor;
  border-radius: 999px;
  content: "";
}

.nr-topbar__toggle-icon {
  position: relative;
}

.nr-topbar__toggle-icon::before,
.nr-topbar__toggle-icon::after {
  position: absolute;
  left: 0;
}

.nr-topbar__toggle-icon::before {
  top: -6px;
}

.nr-topbar__toggle-icon::after {
  top: 6px;
}

.nr-topbar__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.5rem;
}

.nr-topbar__nav a {
  color: #f1f2f6;
  text-decoration: none;
  font-weight: 600;
}

.nr-topbar__nav a:hover {
  color: #000;
}

/* Top-level menu items turn black on hover */
/* Top-level menu items turn black on hover */
.nav-menu > li > a:hover {
  color: #000;
}

/* Submenu items stay orange on hover */
.dropdown-menu a:hover {
  color: #f28b1e;
}

/* Dropdown menu styling */
.nr-topbar__nav .nav-menu { list-style: none; margin: 0; padding: 0; display:flex; gap:1rem; align-items:center; }
.dropdown { position: relative; }
.dropbtn { color: #f1f2f6; text-decoration: none; font-weight: 700; padding: 0.25rem 0.4rem; display:inline-block; cursor: pointer; }
.caret { display: inline-block; width: 0; height: 0; margin-left: 5px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.dropdown-menu {
  position: absolute; left: 0; top: calc(100% + 8px); background: var(--nr-surface); color: var(--nr-secondary); border-radius: 8px; box-shadow: 0 12px 30px rgba(0,0,0,0.12); padding: 0.5rem 0.75rem; display: none; min-width: 200px; z-index: 40;
  list-style: none; /* remove bullets */
  margin: 0; /* reset default ul margin */
  padding-left: 0; /* ensure no left padding */
}
.dropdown-menu li { padding: 0.25rem 0; text-align: center; border-bottom: 1px solid #ddd; }
.dropdown-menu li:last-child { border-bottom: none; }
.dropdown-menu a { color: var(--nr-secondary); font-weight:600; text-decoration:none; display: block; padding: 0.25rem 0; }
.dropdown:hover .dropdown-menu,
.dropdown:focus-within .dropdown-menu { display: block; }

.nr-topbar__nav .is-active > a,
.nr-topbar__nav .is-active > a:hover {
  color: #000;
}

@media (max-width: 720px) {
  .nr-topbar {
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    background: rgba(30, 30, 30, 0.92);
  }

  .nr-topbar__brand {
    max-width: calc(100% - 112px);
    font-size: 1.12rem;
    line-height: 1.15;
  }

  .nr-topbar__logo {
    height: 48px;
  }

  .nr-topbar__toggle {
    display: inline-flex;
    margin-left: auto;
  }

  .nr-topbar__nav {
    display: none;
    flex-basis: 100%;
    width: 100%;
    padding: 0.35rem 0 0.15rem;
  }

  .nr-topbar.is-open .nr-topbar__nav {
    display: block;
  }

  .nr-topbar__nav .nav-menu {
    align-items: stretch;
    flex-direction: column;
    gap: 0.25rem;
    width: 100%;
  }

  .nr-topbar__nav a,
  .dropbtn {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0.75rem 0.85rem;
    border-radius: 8px;
  }

  .nr-topbar__nav a:hover,
  .nav-menu > li > a:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
  }

  .nr-topbar__nav .is-active > a,
  .nr-topbar__nav .is-active > a:hover {
    color: #000;
  }

  .dropdown .dropdown-menu {
    position: static;
    display: none;
    min-width: 0;
    margin: 0.1rem 0 0.35rem;
    padding: 0.25rem;
    box-shadow: none;
    background: rgba(255, 255, 255, 0.96);
  }

  .dropdown:hover .dropdown-menu,
  .dropdown:focus-within .dropdown-menu {
    display: none;
  }

  .dropdown.open .dropdown-menu {
    display: block;
  }

  .dropdown.open .caret {
    transform: rotate(180deg);
  }
}

.nr-hero {
  position: relative;
  min-height: 100vh;
  padding-top: 0px;
  display: grid;
  place-items: center;
  text-align: center;
  color: #fff;
  background: radial-gradient(circle at 30% 20%, rgba(255,255,255,0.18), transparent 45%),
    linear-gradient(120deg, rgba(30,30,30,0.75), rgba(30,30,30,0.7)),
    var(--bg, var(--nr-hero-image)) center/cover no-repeat;
}

.nr-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.3), rgba(0,0,0,0.7));
}

.nr-hero__content {
  position: relative;
  z-index: 1;
  max-width: 720px;
  padding: 2rem;
}

.nr-hero__eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
  color: #f5d5b0;
}

.nr-hero h1 {
  font-size: clamp(2.4rem, 5vw, 3.6rem);
  margin: 0.4rem 0;
  letter-spacing: 0.04em;
}

.nr-hero__sub {
  margin: 0.5rem auto 1.5rem;
  font-size: 1.15rem;
  color: #fdf1e4;
}

.nr-btn {
  display: inline-block;
  padding: 0.9rem 1.8rem;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: 0.02em;
  transition: transform 120ms ease, box-shadow 120ms ease, background 180ms ease;
}

.nr-btn--solid {
  background: var(--nr-primary);
  color: #fff;
  box-shadow: 0 12px 28px rgba(242, 139, 30, 0.35);
}

.nr-btn--solid:hover {
  transform: translateY(-2px);
  background: var(--nr-primary-dark);
  box-shadow: 0 16px 32px rgba(242, 139, 30, 0.45);
}

.nr-grid {
  display: grid;
  gap: 2rem;
}

.nr-grid--2 {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.nr-grid--stacked {
  grid-template-columns: 1fr;
}

.nr-card {
  background: var(--nr-surface);
  border-radius: 16px;
  padding: 2rem;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.07);
}

.tribute-text{
  color:black
}

.nr-card--panel h2,
.nr-card--panel h3 {
  margin-top: 0;
}

.nr-page {
  background: var(--nr-bg);
  color: var(--nr-secondary);
}

.nr-page-header {
  padding: 3rem 1.5rem 1rem;
  text-align: center;
}

.nr-page-header h1 {
  margin: 0;
  letter-spacing: 0.04em;
}

.nr-page-header p {
  color: var(--nr-muted);
  max-width: 720px;
  margin: 0.75rem auto 0;
}

/* Scholarship page palette */
.nr-page--scholarship {
  --nr-primary: #f28b1e;   /* crest orange */
  --nr-secondary: #1e1e1e; /* charcoal */
  --nr-accent: #39a6e4;    /* sky blue */
  --nr-muted: #f28b1e;     /* steel grey */
  --nr-surface: #ffffff;
  background: #f28b1e;
  color: var(--nr-secondary);
}

.nrmc-scholarship-download{
  text-color: #f28b1e !important; 
  text-align: center;
}

.nr-page--scholarship .nr-hero {
  --bg: linear-gradient(135deg, rgba(242,139,30,0.9), rgba(57,166,228,0.78));
}

.nr-page--scholarship .nr-hero__sub {
  color: #fdf1e4;
}

.nr-page--scholarship .nr-page-header h1,
.nr-page--scholarship .nr-page-header p {
  color: var(--nr-secondary);
}

.nr-page--scholarship .nr-card {
  background: var(--nr-surface);
  border: 1px solid rgba(76, 82, 88, 0.15);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.08);
}

.nr-page--scholarship .nr-card h2,
.nr-page--scholarship .nr-card h3 {
  color: var(--nr-secondary);
}

.nr-page--scholarship .nr-card a {
  color: var(--nr-primary);
  font-weight: 700;
}

.nr-page--scholarship .nr-btn--solid {
  background: var(--nr-primary);
  box-shadow: 0 12px 28px rgba(242, 139, 30, 0.35);
}

.nr-page--scholarship .nr-btn--solid:hover {
  background: #d97412;
  box-shadow: 0 16px 34px rgba(242, 139, 30, 0.5);
}

.nr-page--scholarship .nr-section-form .wpcf7-form input,
.nr-page--scholarship .nr-section-form .wpcf7-form select,
.nr-page--scholarship .nr-section-form .wpcf7-form textarea {
  border: 1px solid #dce2e8;
  background: #fff;
  color: var(--nr-secondary);
}

.nr-page--scholarship .nr-section-form .wpcf7-form input:focus,
.nr-page--scholarship .nr-section-form .wpcf7-form select:focus,
.nr-page--scholarship .nr-section-form .wpcf7-form textarea:focus {
  border-color: var(--nr-primary);
  box-shadow: 0 0 0 3px rgba(242, 139, 30, 0.2);
  outline: none;
}

.nr-page--scholarship .nr-section-form .wpcf7-form .wpcf7-submit {
  background: var(--nr-primary);
  color: #fff;
  border: none;
  padding: 0.95rem 1.8rem;
  border-radius: 999px;
  box-shadow: 0 12px 28px rgba(242, 139, 30, 0.35);
}

.nr-page--scholarship .nr-section-form .wpcf7-form .wpcf7-submit:hover {
  background: #d97412;
}

.nr-page--scholarship .nr-section-form .wpcf7-form h2,
.nr-page--scholarship .nr-section-form .wpcf7-form h3 {
  color: var(--nr-secondary);
}

.nr-page--scholarship .nr-section-form .wpcf7-form ol > li::marker,
.nr-page--scholarship .nr-section-form .wpcf7-form ul > li::marker {
  color: var(--nr-primary);
}

.nr-list {
  padding-left: 1.1rem;
  margin: 0.5rem 0 1.25rem;
}

.nr-list--bullets {
  list-style: square;
}

.nr-list--links {
  list-style: disc;
}

.nr-list li {
  margin-bottom: 0.55rem;
}

.nr-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1.5rem;
}

.nr-pill {
  padding: 0.4rem 0.85rem;
  border-radius: 999px;
  background: #f28b1e;
  
  font-weight: 700;
  font-size: 0.85rem;
}

.nr-media {
  align-self: center;
}

.nr-media img {
  width: 100%;
  height: auto;
  border-radius: 14px;
  box-shadow: 0 18px 36px rgba(0,0,0,0.14);
  display: block;
}

.nr-media--tall img {
  object-fit: cover;
  height: 100%;
  min-height: 340px;
}

.nr-tribute {
  background: #0f1115;
  color: white;
}

.nr-tribute__eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.12em;

  margin: 0 0 0.75rem;
}

.nr-tribute h2 {
  margin: 0 0 1rem;
}

.nr-scholarship ol {
  padding-left: 1.25rem;
}

.nr-scholarship li {
  margin-bottom: 0.75rem;
}

.nr-list__title {
  margin: 1rem 0 0.25rem;
  font-weight: 800;
}

.nr-note {
  margin-top: 1rem;
  font-style: italic;
  color: #555;
}

.nr-contact {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.nr-social {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.nr-social a {
  color: #1f2af0;
  text-decoration: none;
  font-weight: 700;
}

#header{
  display: none;
}
.nr-carousel--static {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.nr-carousel__track {
  display: flex;
  transition: transform 600ms ease;
}
.nr-carousel__slide {
  min-width: 100%;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 14px 30px rgba(0,0,0,0.18);
}
.nr-carousel__slide img {
  display: block;
  width: 100%;
  height: 400px;
  object-fit: cover;
}
@media (max-width: 640px) {
  .nr-carousel__slide img { height: 280px; }
}

#history-carousel .nr-tribute__copy { text-align:center; margin-bottom:1rem; }
.nr-slider { position:relative; overflow:hidden; width:100%; }
.nr-slider__track { display:flex; transition:transform 600ms ease; }
.nr-slider__slide { min-width:100%; }
.nr-slider__slide img { display:block; width:100%; height:400px; object-fit:cover; }
.nr-slider__btn {
  position:absolute; top:50%; transform:translateY(-50%);
  background:rgba(0,0,0,0.4); color:#fff; border:0; width:42px; height:42px;
  border-radius:50%; cursor:pointer;
}
.nr-slider__btn--prev { left:12px; }
.nr-slider__btn--next { right:12px; }
@media (max-width:640px){ .nr-slider__slide img{height:280px;} }

.nr-gallery-events {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.5rem;
  width: 250px;
  height: 250px;
  justify-items: center;
}

.nr-gallery-event {
  padding: 0;
  border: 0;
  background: var(--nr-surface);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.07);
  color: inherit;
  cursor: pointer;
  text-align: center;
}

.nr-gallery-event:hover,
.nr-gallery-event:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.14);
}

.nr-gallery-event img {
  display: block;
  margin: 0 auto;
  width: 200px;
  height: 200px;
  object-fit: cover;
}

.nr-gallery-event span {
  display: block;
  padding: 1rem;
  font-weight: 700;
}

.nr-gallery-modal {
  position: fixed;
  z-index: 1000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 2rem;
  background: rgba(0, 0, 0, 0.82);
}

.nr-gallery-modal[hidden] {
  display: none;
}

.nr-gallery-modal .nr-slider {
  max-width: 1000px;
  width: 100%;
}

.nr-gallery-modal .nr-slider__slide {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: min(80vh, 900px);
}

.nr-gallery-modal .nr-slider__slide img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 80vh;
  object-fit: contain;
}

.nr-gallery-modal__count {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  margin: 0;
  padding: 0.35rem 0.7rem;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 0.9rem;
}

.nr-gallery-modal__close {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 1;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 2.5rem;
  line-height: 1;
  cursor: pointer;
}

/* Scholarship form */

/* =========================================================
   NOBLE RYDERZ MC — SCHOLARSHIP APPLICATION
   Contact Form 7
   ========================================================= */


.nrmc-scholarship-form {
    --nrmc-black: #111111;
    --nrmc-dark: #242424;
    --nrmc-gray: #666666;
    --nrmc-light-gray: #f5f5f5;
    --nrmc-border: #d8d8d8;
    --nrmc-white: #ffffff;
    --nrmc-radius: 6px;

    width: 100%;
    max-width: 900px;
    margin: 40px auto;
    padding: 45px;
    box-sizing: border-box;

    background: var(--nrmc-white);
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.07);

    color: var(--nrmc-dark);
    line-height: 1.6;
}



/* =========================================================
   HEADINGS
   ========================================================= */

.nrmc-scholarship-form h2 {
    margin: 0 0 8px;
    color: var(--nrmc-black);
    font-size: 36px;
    font-weight: 800;
    line-height: 1.15;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.nrmc-scholarship-form h2 + h3 {
    margin-top: 0;
    padding-bottom: 20px;
    border-bottom: 3px solid var(--nrmc-black);
    font-size: 21px;
}

.nrmc-scholarship-form h3 {
    margin: 35px 0 15px;
    color: var(--nrmc-black);
    font-size: 23px;
    font-weight: 700;
    line-height: 1.3;
}

.nrmc-scholarship-form p {
    margin: 0 0 20px;
    color: var(--nrmc-gray);
}


/* =========================================================
   SECTION DIVIDERS
   ========================================================= */

.nrmc-scholarship-form hr {
    margin: 40px 0;
    border: 0;
    border-top: 1px solid #dddddd;
}


/* =========================================================
   LABELS
   ========================================================= */

.nrmc-scholarship-form > label,
.nrmc-scholarship-form .nrmc-row label {
    display: block;
    margin-bottom: 22px;
    color: var(--nrmc-dark);
    font-size: 15px;
    font-weight: 600;
}

.nrmc-scholarship-form label strong {
    color: var(--nrmc-black);
    font-weight: 700;
}


/* =========================================================
   INPUTS
   ========================================================= */

.nrmc-scholarship-form input[type="text"],
.nrmc-scholarship-form input[type="email"],
.nrmc-scholarship-form input[type="tel"],
.nrmc-scholarship-form input[type="date"],
.nrmc-scholarship-form select,
.nrmc-scholarship-form textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-top: 8px;
    padding: 13px 15px;

    background: var(--nrmc-white);
    border: 1px solid var(--nrmc-border);
    border-radius: var(--nrmc-radius);

    color: var(--nrmc-dark);
    font-family: inherit;
    font-size: 16px;
    line-height: 1.4;

    outline: none;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}


/* Focus */

.nrmc-scholarship-form input[type="text"]:focus,
.nrmc-scholarship-form input[type="email"]:focus,
.nrmc-scholarship-form input[type="tel"]:focus,
.nrmc-scholarship-form input[type="date"]:focus,
.nrmc-scholarship-form select:focus,
.nrmc-scholarship-form textarea:focus {
    border-color: var(--nrmc-black);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
}


/* Placeholder */

.nrmc-scholarship-form input::placeholder,
.nrmc-scholarship-form textarea::placeholder {
    color: #999999;
    opacity: 1;
}


/* =========================================================
   TEXTAREAS
   ========================================================= */

.nrmc-scholarship-form textarea {
    min-height: 130px;
    resize: vertical;
}

/* Longer essay responses */

.nrmc-scholarship-form textarea[name="activities-achievements"],
.nrmc-scholarship-form textarea[name="hardship"],
.nrmc-scholarship-form textarea[name="adversity"],
.nrmc-scholarship-form textarea[name="major-school"],
.nrmc-scholarship-form textarea[name="community-impact"],
.nrmc-scholarship-form textarea[name="additional-information"] {
    min-height: 180px;
}


/* =========================================================
   MULTI-COLUMN ROWS
   ========================================================= */

.nrmc-scholarship-form .nrmc-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    width: 100%;
}

/* Your college row only has two fields, so let them fill
   the available width. */

.nrmc-scholarship-form .nrmc-row > div:first-child:nth-last-child(2),
.nrmc-scholarship-form .nrmc-row > div:first-child:nth-last-child(2) ~ div {
    grid-column: span 1;
}

.nrmc-scholarship-form .nrmc-row:has(> div:nth-child(2):last-child) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}


/* =========================================================
   SELECT FIELDS
   ========================================================= */

.nrmc-scholarship-form select {
    min-height: 49px;
    cursor: pointer;
}


/* =========================================================
   FILE UPLOADS
   ========================================================= */

.nrmc-scholarship-form input[type="file"] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-top: 10px;
    padding: 12px;

    background: var(--nrmc-light-gray);
    border: 1px dashed #b8b8b8;
    border-radius: var(--nrmc-radius);

    color: #555555;
    font-family: inherit;
    font-size: 14px;
    cursor: pointer;
}

.nrmc-scholarship-form input[type="file"]:hover {
    border-color: var(--nrmc-black);
}

.nrmc-scholarship-form input[type="file"]::file-selector-button {
    margin-right: 12px;
    padding: 9px 14px;

    background: var(--nrmc-black);
    border: 0;
    border-radius: 4px;

    color: var(--nrmc-white);
    font-family: inherit;
    font-weight: 600;

    cursor: pointer;
    transition: opacity 0.2s ease;
}

.nrmc-scholarship-form input[type="file"]::file-selector-button:hover {
    opacity: 0.8;
}


/* =========================================================
   CHECKBOXES / ACCEPTANCE
   ========================================================= */

.nrmc-scholarship-form .wpcf7-checkbox,
.nrmc-scholarship-form .wpcf7-acceptance {
    display: block;
    margin-top: 12px;
}

.nrmc-scholarship-form .wpcf7-list-item {
    display: block;
    margin: 0 0 10px;
}

.nrmc-scholarship-form .wpcf7-list-item label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    cursor: pointer;
    font-weight: 400;
}

.nrmc-scholarship-form input[type="checkbox"] {
    width: 18px;
    height: 18px;
    min-width: 18px;
    margin: 3px 0 0;
    accent-color: var(--nrmc-black);
    cursor: pointer;
}


/* =========================================================
   CF7 VALIDATION
   ========================================================= */

.nrmc-scholarship-form .wpcf7-not-valid {
    border-color: #c62828 !important;
}

.nrmc-scholarship-form .wpcf7-not-valid-tip {
    display: block;
    margin-top: 6px;
    color: #c62828;
    font-size: 13px;
    font-weight: 500;
}

.nrmc-scholarship-form .wpcf7-response-output {
    margin: 30px 0 0 !important;
    padding: 15px 18px !important;
    border-radius: var(--nrmc-radius);
    font-size: 15px;
}


/* =========================================================
   SUBMIT BUTTON
   ========================================================= */

.nrmc-scholarship-form .nrmc-submit {
    margin-top: 35px;
}

.nrmc-scholarship-form input[type="submit"] {
    width: 100%;
    padding: 16px 24px;

    background: var(--nrmc-black);
    border: 2px solid var(--nrmc-black);
    border-radius: var(--nrmc-radius);

    color: var(--nrmc-white);
    font-family: inherit;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.3px;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        transform 0.15s ease;
}

.nrmc-scholarship-form input[type="submit"]:hover {
    background: var(--nrmc-white);
    color: var(--nrmc-black);
}

.nrmc-scholarship-form input[type="submit"]:active {
    transform: translateY(1px);
}

/* ==========================================
   SCHOLARSHIP HEADER
   Logo | Content | Logo
   ========================================== */

.nrmc-scholarship-header {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr) 140px;
    align-items: center;
    gap: 25px;
    width: 100%;
    margin-bottom: 30px;
}

.nrmc-scholarship-logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.nrmc-scholarship-logo img {
    display: block;
    width: 100%;
    max-width: 140px;
    height: auto;
    object-fit: contain;
}

.nrmc-scholarship-header-content {
    text-align: center;
}

.nrmc-scholarship-header-content h2 {
    margin: 0 0 8px;
}

.nrmc-scholarship-header-content h3 {
    margin: 0 0 15px;
}

.nrmc-scholarship-header-content p {
    margin: 0;
}


/* MOBILE */

@media (max-width: 767px) {

    .nrmc-scholarship-header {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .nrmc-scholarship-logo img {
        max-width: 110px;
    }

    /* Hide second logo on mobile */
    .nrmc-scholarship-logo:last-child {
        display: none;
    }

    .nrmc-scholarship-header-content {
        text-align: center;
    }

}

/* Mobile */

@media (max-width: 767px) {

    .nrmc-form-header {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .nrmc-header-logo img {
        max-width: 110px;
    }

    /* Only show one logo on mobile */
    .nrmc-header-logo:last-child {
        display: none;
    }
}
/* Contact Form 7 spinner */

.nrmc-scholarship-form .wpcf7-spinner {
    display: block;
    margin: 15px auto 0;
}

.scholarship-date{
  padding-top: 70px;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .nrmc-scholarship-form {
        margin: 20px auto;
        padding: 25px 20px;
        border-radius: 6px;
    }

    .nrmc-scholarship-form h2 {
        font-size: 29px;
    }

    .nrmc-scholarship-form h2 + h3 {
        font-size: 18px;
    }

    .nrmc-scholarship-form h3 {
        margin-top: 30px;
        font-size: 21px;
    }

    .nrmc-scholarship-form hr {
        margin: 32px 0;
    }

    .nrmc-scholarship-form .nrmc-row,
    .nrmc-scholarship-form .nrmc-row:has(> div:nth-child(2):last-child) {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .nrmc-scholarship-form input[type="text"],
    .nrmc-scholarship-form input[type="email"],
    .nrmc-scholarship-form input[type="tel"],
    .nrmc-scholarship-form input[type="date"],
    .nrmc-scholarship-form select,
    .nrmc-scholarship-form textarea {
        font-size: 16px;
    }

}

/* Optional helper if instructions are wrapped in .nr-form-intro */

/* Prevent page from scrolling past top/bottom and keep footer at bottom */
html, body {
  height: 100%;
  overscroll-behavior-y: contain;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main.site-main, main {
  flex: 1 0 auto;
}

footer, .site-footer {
  background:#f28b1e;
  flex-shrink: 0;
}
.nr-section-form .wpcf7-form .nr-form-intro {
  grid-column: 1 / -1;
  display: grid;
  gap: 0.5rem;
}