/*
Theme Name:   Nightingale Child
Theme URI:    https://his-wordpress.testing.nhsscotland.net/nightingale-child
Description:  Nightingale child theme
Author:       Barry Nesbeth
Author URI:   https://his-wordpress.testing.nhsscotland.net
Template:     nightingale
Version:      1.0.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  nightingalechild		
*/




/* Book weight (regular) for main content */
.roboto-book {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

/* Medium weight for subheadings */
.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

/* Bold weight for headings */
.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

:root {
  --nhsuk-color-blue: #004380;
  --color_nhsuk-blue: #004380;
}

body, html, p {
  font-family: "Roboto-book", sans-serif;
  font-weight: 400; 
}

h1, h2, h3, h4, h5 {
    font-family: "Roboto-bold", sans-serif;
  font-weight: 600; 
}

.nhsuk-brand-colour--primary {
  background-color: #004380;
}
.nhsuk-card {
  max-width: 100%;
}

.wp-block-group.nhsuk-grid-row.nhsuk-card-group
  > .wp-block-group__inner-container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
  padding: 0;
  margin-left: -16px;
  margin-right: -16px;
}

.custom-table-block {
  overflow-x: auto;
}

.custom-table-cell {
  width: 100px;
  border: 1px solid #ccc;
  padding: 8px;
}

#secondary section ul > li.nhsuk-contents-list__item {
  border-bottom: none;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  width: auto;
}

.image-border-round img {
  border-radius: 50%;
}

/********Cookie Banner***********/
.nhsuk-cookie-banner {
  background-color: #f2f2f2;
  padding: 20px 0;
}

.nhsuk-cookie-banner__content {
  text-align: center;
  padding: 10px;
}

.nhsuk-cookie-banner__heading {
  margin-bottom: 10px;
}

.nhsuk-cookie-banner__desc {
  margin-bottom: 20px;
}

.nhsuk-cookie-banner__buttons {
  display: flex;
  justify-content: center;
  gap: 10px;
}

/** TODO: Remove **/
/* .nhsuk-button {
  background-color: #005eb8;
  color: white;
  border: none;
  padding: 10px 15px;
  cursor: pointer;
}

.nhsuk-button--secondary {
  background-color: #4c6272;
} */

.cookie-settings__confirmation {
  border: 5px solid #004785;
}
/********anchor list******/
/* Hide the anchor list on screens with a maximum width of 768px (adjust as needed) */
@media (max-width: 768px) {
  #h2_anchor_list_widget-2 {
    display: none;
  }
}

/************* feedback form*********/

.nhsuk-form-group--error input.nhsuk-input--error {
  border: 2px solid #d5281b;
}

/****************phase banner************/

.nhsuk-phase-banner {
  background-color: #f0f4f5; /* NHS light blue background */
  padding: 10px 0;
  color: #005eb8; /* NHS blue for text */
}

.nhsuk-phase-banner__content {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: nowrap; /* Prevents the items from wrapping */
  padding: 0 20px;
  margin-bottom: 5px;
}

.nhsuk-phase-banner__content__tag {
  background-color: #007f3b; /* NHS green for beta tag */
  color: white;
  padding: 2px 5px;
  margin-right: 10px;
  flex-shrink: 0; /* Prevents the tag from shrinking */
}

.nhsuk-phase-banner__text {
  margin: 0;
  padding: 0;
  /*flex: 1;*/
  flex-grow: 1; /* Allows the text to take up available space */
}

/* Responsive adjustments */
@media (max-width: 640px) {
  .nhsuk-phase-banner__content {
    /* flex-direction: column;
    align-items: start;*/
    padding: 0 10px;
  }

  .nhsuk-phase-banner__content__tag {
    margin-bottom: 5px;
  }

  .nhsuk-phase-banner__text {
    font-size: 14px; /* Smaller text size on small screens */
  }
}

/*********nhs action link*******/

.nhsuk-action-link .nhsuk-action-link__link {
  width: 100%;
}

.wp-block-mytheme-nhs-action-link {
  border-bottom: 1px solid #d8dde0;
}

.wp-block-mytheme-nhs-action-link > .nhsuk-action-link__link p.nhsuk-body-s {
  color: #4c6272;
}
/**********remove published and show updated*******/

/* When 'last updated' option is selected, show updated date */
.show-last-updated .updated:not(.published) {
  display: inline;
}

*********Sub footer******

/* .nhsuk-footer.nhsuk-sub-footer {
  border-top: none;
}

.nhsuk-footer.nhsuk-sub-footer .nhsuk-footer__list-item {
  font-size: 14px;
} */

/**********footer social links*******/

.wp-block-nightingalechild-social-links {
  padding-left: 0;
}

.wp-block-nightingalechild-social-links li {
  display: inline; 
  margin-right: 15px;
  font-size: 14px;
}

.wp-block-nightingalechild-social-links li img {
  width: 24px;
  margin-right: 10px;
  vertical-align: middle;
  border-radius: 100%;
}

.wp-block-nightingalechild-social-links li a {
    color: #004380 !important;
    font-size: 16px;
}

@media (max-width: 768px) {
  .wp-block-nightingalechild-social-links li {
    display: block; 
    margin-bottom: 10px;
  }
}
.nhsuk-footer__list:not(.nhsuk-footer-submenu .nhsuk-footer__list) {
  width: 100%;
} 

/****Logo *****/

.nhsuk-header__logo img {
  max-width: 208px;
  width: 100%;
  height: auto;
}

.nhsuk-header__logo a {
  display: inline-block;
  width: 100%;
  max-width: 208px;
}

/*****Maps*****/

#single-service-map,
#services-map {
  width: 100%;
  height: 500px;
}


/* Target the outer container for Action Links */
.nhsuk-popular-links {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  width: 100%;
}

/* Remove layout constraint to prevent limiting the space */
.nhsuk-popular-links .wp-block-group__inner-container {
  width: 100% !important;
  display: contents;
}

/* Ensure each Action Link is styled properly within the grid */
.nhsuk-popular-links .wp-block-nhsblocks-actionlink {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
  height: 100%;
}

/* Stack in 2 columns for tablets */
@media (max-width: 782px) {
  .nhsuk-popular-links {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Stack in 1 column for mobile devices */
@media (max-width: 480px) {
  .nhsuk-popular-links {
    grid-template-columns: 1fr;
  }
}

/* Accessibility card highlight fix*/

a:focus h2 {
  background-color: #ffeb3b;
  box-shadow: 0 -2px #ffeb3b, 0 4px #212b32;
  color: #212b32;
  outline: 4px solid rgba(0, 0, 0, 0);
  text-decoration: none;
}

/* Accessibility menu button text colour fix*/
.nhsuk-header__menu-toggle.is-active:focus {
  color: #212b32 !important;
}

/* Accessibility 400% zoom fix */
@media screen and (max-width: 800px) {
  .nhsuk-grid-column-two-thirds.contentright {
    float: none;
    width: 100%;
    padding: 0 8px;
    box-sizing: border-box;
  }
}

/** New changes **/
@media (min-width: 48.0625em) {
  .nhsuk-footer__list {
      float: left;
      padding-bottom: 0;
      padding-right: 40px;
      width: 100%;
  }

  .nhsuk-header__navigation-link {
    white-space: normal;
    text-align: center;
  }
}

/**
  FIX: Issue seems to come from style_variations.css where flex properties are not being applied because there is no display: flex; being set
**/

.nhsuk-grid-column-one-third, .nhsuk-grid-column-one-half, .nhsuk-grid-column-one-quarter {
  display: flex;
}

/** 
  FIX: Select menu doesnt respect the width of the parent container
**/
.nhsuk-select {
  width: 100%;
  min-width: auto;
}



@media (min-width: 768px) {
.sticky-menu {
  position: sticky;
  top: 50px; 
}


}

.h2-anchor-list ul li ul {
  padding-left: 0;
  margin-left: 0;
}

/** 
  FIX: .wp-block-file__button for file attachements
**/

#content a.wp-block-file__button {
  background: #007f3b;
  color: #fff !important;
  border-radius: 4px;
  box-shadow: 0 4px 0 rgb(0, 63.5, 29.5);
  font-weight: 600;
  padding: 12px 16px;
  font-size: 19px;
}