/* ===== NAV ===== */
.nav-inner a {text-decoration: none;}
.mobile-nav.open {top: 75px; height: fit-content;}
.mobile-close {top: 0px !important; }
.mobile-nav a {font-size: 20px !important; }
.mobile-nav {position: relative !important; padding-left: 2.2rem; align-items: self-start !important;}
.mobile-nav-list-title { font-size:1rem; color:var(--gold) !important; letter-spacing:3px; text-transform:uppercase; cursor:default; font-family:'DM Sans',sans-serif; font-weight:700;}
.mobile-nav .nav-dropdown-label {padding: 0px !important; color: var(--gold);}


/* ===== BLOG FILTER BUTTONS ===== */
.blog-card-v2 a {
  text-decoration: none;
}

.blog-featured-body a {
  text-decoration: none;
}

/* MODAL */
.modal {
  border: 1px solid var(--gold);
  border-radius: var(--radius);
  padding: 1.5rem;
}

/* Service section anchor offset */
.svc-anchor { padding-top: 16px; margin-top: -80px; }

/* CUSTOM RTS */
.margin-left-auto {
  margin-left:auto
}
.strengths-grid {
      grid-template-columns: repeat(3, 1fr);
}
.course-desc {
      font-size: 15px;
}
.what-we-handle {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0.85rem;
}
/* .logo-text, .logo-sub, .logo img {
  display: none;
} */
.section-label-age-card {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.25rem;
}

.included-list li {
  display: ruby-text;
}
.about-goal {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:2rem;
  margin-top:2rem;
}
.subscribe-newsletter {
  display:flex;
  min-width:300px;
  gap:1rem;
  flex-wrap:wrap;
} 
.newsletter {
  margin-top:4rem;
  background:linear-gradient(135deg,rgba(248,198,48,0.08) 0%,rgba(248,198,48,0.02) 100%);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:3rem;
  display:flex;
  gap:3rem;
  align-items:center;
  flex-wrap:wrap;
}
.faq {  
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5rem;
  align-items:start
}
.article-inline-images {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
  margin:2rem 0
}
.breadcrumb {
  display: inline;
}

.cert-bar {
  background: none;
}
.trinity-logo-bg {
  padding-top: 0;
  background: url(../images/logo/trinity-college-london.webp);
  background-repeat: no-repeat;
  background-size: 125px;
  background-position-y: 1.8rem;
  background-position-x: 72.5rem;
}
.included-list li::before {
  padding-right: 10px;
  display: ruby;
}
.sound-system-rental {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
  margin:1.5rem 0
}
.btn-outline {
  background: var(--card-bg);
}

/*Media Query*/
    @media (min-width:0px) and (max-width:425px)
      {
        .margin-left-auto {
          margin-left:inherit
        }
        .hero-content { 
          grid-template-columns:1fr; gap:1.5rem; text-align:left; 
        }
        .hero-visual {
          display: grid;
        }
        .strengths-grid {
          grid-template-columns: 1fr;
        }
        .svc-detail-grid {
          display: block;
        }
        .svc-img-wrap {
          margin: inherit;
          grid-template-columns: 1fr;
          display: grid;
        }
        .pkg-grid {
          grid-template-columns: repeat(1, 1fr);
        }
        .svc-highlights {
          grid-template-columns: repeat(2, 1fr);
        }
        .cert-detail-grid {
          grid-template-columns: 1fr;
        }
        .what-we-handle {
          grid-template-columns:1fr;
        }
        .section-label-age-card {
          grid-template-columns:repeat(1,1fr);
        }
        .process-steps {
          grid-template-columns: repeat(1 , 1fr);
        }
        .process-num {
          margin: 1rem 1rem 1rem 0rem;
          border-radius: 0;
          border: 2px solid #f8c63029;
          font-size: 3rem;
        }
        .process-step {
          text-align: left;
        }
        .process-steps::before {
          display: none;
        }
        .cta-section {
          text-align: left;
        }
        .cta-actions {
          justify-content: left;
        }
        .about-goal {
          grid-template-columns:repeat(1, 1fr);
        }
        .leader-img {
          border-radius: 0;
        }
        .leader-card {
          display: grid;
        }
        .subscribe-newsletter {
          display:flex;
          min-width:auto;
          gap:1rem
        } 
        .newsletter {
          background:none;
          border:none;
          border-radius:none;
          padding:0;
          gap:3rem;
        }
        .loc-services-grid {
          grid-template-columns: repeat(1, 1fr);
        }
        .faq {
          display:grid;
          grid-template-columns:1fr;
        }
        .nearby-grid {
          grid-template-columns: repeat(1, 1fr);
        }
        .article-inline-images {
          display:grid;
          grid-template-columns:1fr;
        }
        .sidebar-related {
            background: none;
            border: none;
            border-radius: 0;
            padding: 0rem;
        }
        .sidebar-related-item {
          display: block;
        }
        .sidebar-related-thumb {
          width: 100%;
          height: 50%;
        }
        .trinity-logo-bg   {
          background-size: 120px;
          background-position-y: bottom;
          background-position-x: center;
        }
        .sound-system-rental {
          display:grid;
          grid-template-columns:1fr;
          gap:1rem;
          margin:1.5rem 0
        }
      }
    @media (min-width:426px) and (max-width:768px)
      {
        .hero-content { 
          grid-template-columns:4fr 2fr; gap:2rem; text-align:center; 
        }
        .hero-visual {
          display: grid;
        }
        .strengths-grid {
          grid-template-columns: repeat(2, 0.5fr);
        }
        .courses-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .svc-detail-grid {
              display: block;
        }
        .svc-img-wrap {
          margin: inherit;
          grid-template-columns: .85fr;
          display: grid;
        }
        .pkg-grid {
          grid-template-columns: repeat(1, 1fr);
        }
        .process-steps {
          grid-template-columns: repeat(2, 1fr);
        }
        .process-num {
          margin: 1rem 1rem 1rem 0rem;
          border-radius: 0;
          border: 2px solid #f8c63029;
          font-size: 3rem;
        }
        .process-step {
          text-align: left;
        }
        .process-steps::before {
          display: none;
        }
        .footer-grid {
          grid-template-columns: 1fr 1fr 1fr;
        }
        .faculty-grid { 
          grid-template-columns: repeat(2, 1fr);
        }
        .events-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .about-goal {
          grid-template-columns:repeat(2, 1fr);
        }
        .leader-img {
          border-radius: 0;
        }
        .subscribe-newsletter {
          gap: 1rem;
        }
        .faq {
          display:grid;
          grid-template-columns:1fr;
        }
        .loc-city-img {
          aspect-ratio: 6 / 3;
        }
        .cert-bar {
          background: none;
          padding: 0;
          display: -webkit-box;
          border: none;
          -webkit-box-align: center;
          margin-top: 0rem;
        }
        .trinity-logo-bg   {
          background-size: 120px;
          background-position-y: 5rem;
          background-position-x: center;
        }
      }


    @media (min-width:0px) and (max-width:425px){}
    @media (min-width:1640px) and (max-width:427px){}
    @media (min-width:320px) and (max-width:375px){}
    @media (min-width:376px) and (max-width:425px){}
    @media (min-width:426px) and (max-width:768px){}
    @media (min-width:769px) and (max-width:1024px){}
    @media (min-width:1025px) and (max-width:1440px){}
    @media (min-width:1441px) and (max-width:2559px){}
    @media (min-width: 2560px) and (max-width:4096px){}
    @media (min-width:0px) and (max-width:768px){}