/* Importing font */

@import url("https://tnaqa.mirrorweb.com/ukgwa/20260602042225cs_/https://rsms.me/inter/inter.css");

/* Global styles */

* {
  font-family: "Inter", sans-serif !important;
}

/* GOV.UK width container */

/* Vertical Navigation */

.dfe-vertical-nav {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.14286;
  padding-left: 15px;
  margin-left: -15px;
}

/* Vertical Navigation Section */

.dfe-vertical-nav__section {
  margin: 0 0 20px;
  padding: 0;
  list-style-type: none;
}

.dfe-vertical-nav__section-item {
  border-left: 4px solid #b1b4b6;
  font-size: 1rem;
  line-height: 1.25;
}

.dfe-vertical-nav__section-item:hover {
  border-left: 4px solid #347ca9;
}

.dfe-vertical-nav__section-item--current {
  border-left: 4px solid #003a69;
  font-weight: 700;
  background: #f3f2f1;
}

/* Vertical Navigation Links */

.dfe-vertical-nav__link {
  display: block;
  padding: 7px 30px 8px 10px;
  text-decoration: none;
  margin-bottom: 5px;
  color: #003a69;
}

.dfe-vertical-nav__link:hover,
.dfe-vertical-nav__link:active {
  color: #1d70b8;
  border-left-color: #347ca9;
  text-decoration: none;
  box-shadow: none;
}

.dfe-vertical-nav__link:focus {
  background: #fd0;
  color: #0b0c0c;
  text-decoration: none;
  box-shadow: none;
  outline: 0;
}

/* Top Navigation */

.dfe-topnav {
  background-color: #00294a;
}

.dfe-topnav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  line-height: 1.4em;
}

.dfe-topnav li {
  float: left;
  font-size: 16px;
}

.dfe-topnav li a {
  display: block;
  padding: 8px 12px;
  font-size: 1rem;
  text-decoration: none;
  color: #ffffff;
  text-align: center;
}

.dfe-topnav li a:hover {
  background-color: #00294a;
  color: #ffffff;
}

.dfe-topnav li a:focus {
  background: #ffdd00;
  color: #171b1f !important;
}

.dfe-topnav .active {
  color: #ffffff;
  font-weight: 700;
  background-color: #00294a;
}

/* Global announcement banner */

.design-update-banner {
  background-color: #ffdd00;
  color: #0b0c0c;
}

.design-update-banner__text {
  margin: 0;
  padding: 12px 0;
  color: #0b0c0c;
  font-weight: 400;
}

.design-update-banner__link,
.design-update-banner__link:visited {
  color: #0b0c0c;
  font-weight: 700;
}

.design-update-banner__link:hover {
  color: #0b0c0c;
}

.design-update-banner__link:focus {
  color: #0b0c0c;
  background-color: #0b0c0c;
  box-shadow:
    0 -2px #0b0c0c,
    0 4px #0b0c0c;
  color: #ffdd00;
}

/* Split Panel */

.split-panel {
  width: 100%;
  display: flex;
  margin: 0 auto;
}

.split-panel.split-panel--bg-white {
  background-color: #ffffff;
}

.split-panel .govuk-grid-column-one-half {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.split-panel .text-column {
  padding: 40px;
}

.split-panel .image-column {
  padding: 0px;
}

.split-panel .image-container {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  min-height: 300px;
}

/* Sticky Element */

.sticky {
  position: sticky;
  top: 20px;
  z-index: 10;
}

@media (max-width: 767px) {
  .sticky {
    position: relative;
  }
}

/* Progress Bar */

.progress-bar__container {
  display: table;
  width: 50%;
  table-layout: fixed;
  border-spacing: 10px;
  height: 10px;
  margin-top: -9px;
  margin-bottom: 10px;
}

.progress-bar__green,
.progress-bar__grey,
.progress-bar__white {
  display: table-cell;
  border-style: solid;
  border-width: 1.5px;
  border-color: #4f4f4f;
}

.progress-bar__green,
.progress-bar__grey {
  background-color: #4f4f4f;
}

.progress-bar__white {
  background-color: #efefef;
}

.progress-bar__divider {
  display: table-cell;
  background-color: white;
  width: 5%;
}

/* Pagination */

.govuk-pagination {
  margin-top: 60px;
}

/* Colour Swatches */

.color-container {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: space-around;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

.color-wrapper {
  display: flex;
  flex-basis: 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: space-around;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .color-wrapper {
    flex-basis: 100%;
  }
}

.color-swatch {
  flex-basis: 66px;
  height: 66px !important;
  border-radius: 50%;
  width: 66px !important;
  padding: 0;
  margin-right: 24px;
}

.color-details {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 80%;
}

/* Action List */

.dfe-action-list {
  list-style-type: none;
  padding: 0;
}

.dfe-action-list li a {
  font-size: 1.25rem;
  font-weight: 700;
  padding: 15px 20px;
  background-color: #f3f2f1;
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  color: #1d70b8;
}

.dfe-action-list li a:hover,
.dfe-action-list li a:focus {
  background-color: #003078;
  color: #ffffff;
  box-shadow: none;
}

/* Action List with responsive 2 column grid layout*/

@media (min-width: 641px) {
  .dfe-action-list-grid {
    width: 100%;
    grid-template-columns: 1fr;
  }

  .dfe-action-list-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0 10px;
  }

  .dfe-action-list-grid li {
    display: grid;
    width: calc(100% - 10px);
  }
}

/* Chevron Icon */

.chevron {
  width: 24px;
  height: 24px;
  fill: #1d70b8;
  flex-shrink: 0;
  margin-left: 10px;
}

.dfe-action-list li a:hover .chevron,
.dfe-action-list li a:focus .chevron {
  fill: #ffffff;
}

/* Code Block Styling */

.language-bash,
.language-bash > * > * {
  font-family: ui-monospace, monospace !important;
}

/* DFE Header - No Changes */

.dfe-header__link:focus .dfe-logo-hover {
  display: none;
}

.dfe-header__link:focus .dfe-logo {
  display: none;
}

.dfe-header__link:focus .dfe-logo + .dfe-logo-hover {
  display: inline-block;
  width: 136px !important;
  height: 80px !important;
}

.dfe-header__link:focus {
  box-shadow: none;
}

.dfe-header__link:focus .dfe-logo {
  box-shadow:
    0 0 0 4px #fd0,
    0 4px 0 4px #0b0c0c;
}

/* GOV.UK Links */

.dfe-header__link:hover,
a:hover {
  text-decoration-thickness: max(3px, 0.1875rem, 0.12em);
  text-decoration-skip-ink: none;
}

.dfe-header__link:focus,
a:focus {
  outline: 3px solid transparent;
  color: #0b0c0c;
  background-color: #fd0;
  box-shadow:
    0 -2px #fd0,
    0 4px #0b0c0c;
  text-decoration: none;
}

/* Miscellaneous */

.copy-btn {
  margin-bottom: 0px;
}

/* Copy button states */
.copy-btn.govuk-button--success {
  background-color: #00703c;
  border-color: #00703c;
  color: #ffffff;
}

.copy-btn.govuk-button--success:hover {
  background-color: #005a30;
  border-color: #005a30;
}

.copy-btn.govuk-button--warning {
  background-color: #d4351c;
  border-color: #d4351c;
  color: #ffffff;
}

.copy-btn.govuk-button--warning:hover {
  background-color: #b31b1b;
  border-color: #b31b1b;
}

/* DfE Flex Navigation */

.dfe-flex-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  padding: 10px 0;
}

/* Left-aligned navigation */

.dfe-flex-nav__left {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-right: auto;
  padding: 0;
}

/* Right-aligned navigation */

.dfe-flex-nav__right {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-left: auto;
  padding: 0;
}

/* Navigation List Reset */

.dfe-flex-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

/* Navigation Links */

.dfe-flex-nav__link {
  text-decoration: none;
  font-size: 1rem;
  color: #ffffff;
  padding: 10px 15px;
  display: inline-block;
}

.dfe-flex-nav__link:hover {
  color: #ffdd00;
  text-decoration: underline;
}

/* Responsive Behaviour */

@media (max-width: 768px) {
  .dfe-flex-nav {
    flex-direction: column;
    align-items: flex-start;
  }
  .dfe-flex-nav__right {
    margin-left: 0;
    margin-top: 10px;
  }
}

/* DfE Top Navigation */

.dfe-topnav__nav {
  display: flex;
  align-items: center;
  /* Ensures all items are vertically centered */
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}

/* Left-aligned navigation */

.dfe-topnav__left,
.dfe-topnav__right {
  display: flex;
  align-items: center;
  /* Ensures consistent vertical alignment */
  gap: 15px;
  padding: 0;
  margin: 0;
}

/* Navigation List Reset */

.dfe-topnav__nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  /* Ensures all list items are aligned */
}

/* Navigation List Items */

.dfe-topnav__left li,
.dfe-topnav__right li {
  display: flex;
  align-items: center;
  /* Ensures consistent height */
  margin-bottom: 0px;
}

/* Navigation Links */

.dfe-topnav__link {
  text-decoration: none;
  font-size: 1rem;
  color: #ffffff;
  padding: 10px 15px;
  display: flex;
  /* Ensures the anchor behaves like a flex item */
  align-items: center;
  /* Centers text inside */
}

.dfe-topnav__link:hover {
  color: #ffdd00;
  text-decoration: underline;
}

/* Responsive Behaviour */

@media (max-width: 768px) {
  .dfe-topnav__nav {
    flex-direction: column;
    align-items: flex-start;
  }
  .dfe-topnav__right {
    margin-left: 0;
    margin-top: 10px;
  }
}

.dfe-header__link--service {
  display: none;
}

.dfe-header__service-name {
  display: none;
}

.dfe-header__container {
  padding-bottom: 15px;
}

.dfe-feedback {
  background-color: #f3f2f1;
  border-top: 1px solid #b1b4b6;
  padding: 20px 0;
}

.dfe-feedback-banner--flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  /* Adds spacing between elements */
}

.dfe-feedback-banner--flex h2 {
  margin: 0;
  /* Remove default margins for better alignment */
  flex-grow: 1;
  /* Allows text to take available space */
}

.dfe-feedback-banner--flex button {
  margin-bottom: 0px;
  background-color: #003a69;
}

.dfe-feedback-banner--flex button:hover {
  background-color: #00294a;
}

.dfe-feedback-banner--flex button:focus {
  background-color: #ffdd00;
  color: #171b1f;
}

.dfe-feedback-banner .govuk-button--secondary {
  background-color: #ffffff;
}

@media (max-width: 640px) {
  .dfe-feedback-banner--flex {
    flex-direction: column;
    align-items: flex-start;
  }
  .dfe-feedback-banner--flex button {
    width: 100%;
  }
}

.dfe-blue-border--top {
  border-top: 4px solid #003a69;
  padding-top: 15px;
}

.govuk-header__link .govuk-header__logotype {
  height: 30px;
}

.govuk-header__link:focus .govuk-header__logotype {
  content: url(/ukgwa/20260602042225oe_/https://design.education.gov.uk/public/images/department-for-education_black.png);
  height: 30px;
}

.govuk-service-navigation__wrapper {
  flex-basis: 100%;
}

.govuk-template--rebranded .govuk-service-navigation__item,
.govuk-template--rebranded
  .govuk-service-navigation__service-name {
  padding-bottom: 10px;
}

.dfe-chevron-card__list {
  list-style: none;
  margin: 0 -15px;
  padding: 0;
}

.dfe-chevron-card {
  border-top: 1px solid #b1b4b6;
  margin: 0 15px;
  padding: 5px 0 20px 0;
}

.dfe-chevron-card:first-child {
  border-top: none;
  padding-top: 0;
}

.dfe-chevron-card:first-child .chevron-card__wrapper {
  padding-top: 0;
}

.dfe-chevron-card__wrapper {
  padding: 19px 0 4px;
  position: relative;
}

@media (max-width: 40.0525em) {
  .dfe-chevron-card__wrapper .govuk-heading-s,
  .dfe-chevron-card__wrapper .dfe-chevron-card__description {
    font-size: 19px;
  }
}

.dfe-chevron-card__description {
  margin: 0 30px 0 0;
}

.dfe-chevron-card__link::after {
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.dfe-chevron-card__link::before {
  border-right: 4px solid #347ca9;
  border-top: 4px solid #347ca9;
  content: "";
  display: block;
  height: 12px;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: 5px;
  -webkit-transform: translateY(0) rotate(45deg) scale(1);
  -ms-transform: translateY(0) rotate(45deg) scale(1);
  transform: translateY(0) rotate(45deg) scale(1);
  width: 12px;
}

.dfe-chevron-card__link:hover::before {
  border-color: #003078;
}

.dfe-chevron-card__link:focus::before {
  border-color: #0b0c0c;
}
