/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.top-banner-section {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 350px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    align-content: center;
    justify-content: center;
    overflow: hidden;
}

.values p {
    margin: 0;
}

footer ul li {
    margin-left: 0;
}

.lgd-region.lgd-region--footer.region.region-footer .padding-horizontal {
    padding: 0;
    margin: 1rem 0;
}

img.will {
    width: 35%;
    float: right;
    margin: 0 0 0 20px;
}

.video-container {
    padding: 2rem 0;
    background: #000;
    margin-top: 2rem;
    margin-bottom: 0;
}

.video-container .govuk-heading-l {
    color:white;
    text-align: center;
}

a.govuk-button {
    background: #e027a1;
}

.iframe-container {
  position: relative;
  width: 100%; /* Full width of its parent */
  height: 0;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  overflow: hidden;
}

.iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
}

.lgd-teaser-list .views-row,
.lgd-teaser-list .service-landing-page__service,
.lgd-teaser-list .lgd-topic-list-builder__service,
.news-article .field--name-localgov-news-related > .field__item {
  margin-bottom: 0;
  padding-bottom:0;
  border-bottom: unset;
}

.field.field--name-field-page-image.field--type-entity-reference.field--label-hidden.field__item {
    width: 100%;
}

div#block-localgov-banes-jobs-views-block-testimonials-block-1--2 {
    background: #E4C000;
    padding: 2rem 0;
}


blockquote:before {
 content: url("/sites/default/files/2025-01/noun-quote-930442-E027A1%20%281%29_0.svg");
 display: inline-block;
 width: 50px; /* Adjust the width as needed */ 
 height: 50px; /* Adjust the height as needed */ 
}


.map-container { position: relative; padding-bottom: 56.25%; /* 16:9 aspect ratio */ height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.map-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.lgd-header__nav--primary.lgd-header__nav--active {
    display: flex;
    flex-direction: column-reverse;
    margin: 10px 0;
}

.lgd-header__toggle:focus, .lgd-header__toggle:hover {
    color: var(--header-services-button-color-hover);
    background-color: #e027a1;
}

a:not([class*="toolbar"]):focus {
    text-decoration: none;
    color: var(--color-black);
    outline: 3px solid transparent;
    background-color: #E91E63;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    box-shadow: 0 -2px #E91E63, 0 4px var(--color-black);
}

.breadcrumbs {
    border-bottom: unset;
}

.menu--main > .menu-item a.govuk-button {
    background: #b61f77;
    margin: 0;
}

.service-landing-page__service-item a {
    color: black;
    text-decoration: none;
}

.service-landing-page__service-item a:hover {
    text-decoration: none;
}

.service-landing-page__service-item:hover .govuk-body {
    color: white;
}

section.hero-layout .govuk-body-l {
    color: #000000;
}

section.hero-layout {
    position: relative;
}

.top-banner-section .banner-image-div {
    grid-area: 2/1/2/2;
}

.top-banner-section .banner-overlay-div {
    grid-area: 1/1/2/2;
    z-index: 1;
}

.top-banner-section .banner-text-div {
    grid-area: 1/1/2/2;
    z-index: 2;
}

.banner-overlay-div {
    display: grid;
    max-width: 100%;
}

@media (min-width: 801px) {
    .top-banner-section .banner-image-div {
        grid-area:1 / 1 / 2 / 2;
    }
}

.banner-image {
    display: grid;
    min-width: 350px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-text-div {
    display: grid;
    align-items: center;
    margin-left: 15px;
    margin-right: 15px;
    color: white;
}

.banner-h1-text {
    font-size: calc(10pt + 0.15vw);
    letter-spacing: 0.05em;
    font-weight: bolder;
    text-transform: uppercase;
    color: white;
}

.banner-body-text {
    font-size: calc(10pt + 0.15vw);
    margin-top: 0.5em;
    color: white;
    text-decoration: none;
}

.banner-body-text:hover {
    color: white;
}

.banner-body-text:visited {
    color: white;
}

.banner-body-text:active {
    color: white;
}

.banner-btn {
    margin-top: 1em;
}

.banner-btn-item {
    font-size: calc(8pt + 0.15vw);
    padding-top: calc(0.5em + 0.08vw);
    padding-bottom: calc(0.5em + 0.08vw);
    padding-left: calc(0.5em + 0.08vw);
    padding-right: calc(0.5em + 0.08vw);
    color: blue;
    background-color: white;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    border: 1px solid white;
}

.banner-btn-item:link {
    text-decoration: none;
}

.banner-btn-item:visited {
    text-decoration: none;
}

.banner-text-div h1 {
    color: white;
}

.banner-image-div img {
    width: 100%;
    max-width: unset;
    height: auto;
}

span.banner-text .field--name-body {
    font-size: calc(12pt + 0.15vw);
    letter-spacing: 0.05em;
    color: white;
    max-width: 100%;
}

@media (min-width: 801px) {
    span.banner-text .field--name-body {
        max-width:75%;
    }
}

.banner-overlay-div {
    display: grid;
    max-width: 100%;
    background: #207da4db;
    mix-blend-mode: overlay;
}

.top-banner-section {
    margin-bottom: 2rem;
}

.value {
    background: #31822a;
    color: white;
    text-align: center;
    display: flex;
    padding: 1rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.blue {
    background: #207da4;
}

.values img {
    width: 45%;
}

.values {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(2,1fr);
    grid-column-gap: 0;
    grid-row-gap: 0;
    margin-bottom: 0;
}

@media (min-width: 801px) {
    .values {
        display:grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: repeat(1,1fr);
    }
}

.values picture {
    display: flex;
    align-items: center;
    justify-content: center;
}

.purple {
    background: #b61f77;
}

.yellow {
    background: #d44322;
}

.values .govuk-body {
    color: white;
}

.values img {
    width: 65%;
    text-align: center;
    margin: 0 auto;
}

.lgd-footer {
    margin-top: 0;
}

header {
    background-color: #000;
    background: #000;
}

footer {
    background-color: #e3e3e3;
    background: #e3e3e3;
}

ul.logos img {
    max-height: 120px;
}

ul.menu.menu--footer {
    margin: 1rem 0 0;
}

.social-links a:link,.social-links a:visited {
    color: #000000;
}

ul.menu.menu--footer li a {
    font-size: 1rem;
    color: #000;
}

ul.logos {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

span.banner-text {
    text-shadow: 0 0 8px black;
}

ul.logos li {
    margin-right: 20px
}

ul.menu.menu--main li.menu-item-active-trail a {
    color: #000000;
    border: unset;
    font-weight: 800;
}

.lgd-footer__pre-footer {
    padding-top: clamp(1rem,10vw,var(--section-spacing-vertical-pre-footer));
    padding-bottom: clamp(1rem,10vw,var(--section-spacing-vertical-pre-footer));
    color: var(--color-pre-footer-text);
    background-color: #000000;
}

.lgd-header {
    padding-top: clamp(1rem,10vw,var(--section-spacing-vertical-header));
    padding-bottom: clamp(1rem,10vw,var(--section-spacing-vertical-header));
    background-color: #000000;
}

.footer-list,.footer-list li a,.social-links .govuk-heading-s {
    color: #000000;
}

.lgd-region--breadcrumb {
    margin-bottom: var(--breadcrumbs-spacing-bottom);
    background-color: #e3e3e3;
}

.lgd-region--subsites-menu .menu > .menu-item a {
    border-color: unset;
    border: unset;
    color: white;
}

ul.menu.menu--footer {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (min-width: 801px) {
    ul.menu.menu--footer {
        flex-direction:row;
    }

    .footer-brand {
        display: flex;
        flex-direction: column;
        align-items: left;
    }
}

ul.menu.menu--footer li {
    margin-right: 10px;
}

ul.values {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    list-style: none;
    padding: 0;
}

.lgd-footer__pre-footer {
    display: flex;
}

.footer-list svg {
    fill: #000000;
    width: 32px;
}

.footer-list,.footer-list li a,.social-links .govuk-heading-s {
    color: #101010;
}

img.footer-logo {
    max-width: 120px;
}

.footer-brand {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 801px) {
    .footer-brand {
        display:flex;
        flex-direction: column;
        align-items: flex-start;
    }
}

.small-cards {
    list-style: none;
    margin: 0 0 1rem 0;
    padding: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[150px];
    grid-template-columns: repeat(150px,1fr);
    gap: 1rem;
}

.small-cards .link-container {
    padding: 1rem;
}

.small-cards a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    color: #fff;
}

.small-cards a .govuk-heading-s {
    color: #fff;
    margin-bottom: 0;
}

.small-cards a:hover {
    text-decoration: underline;
}

.small-cards a:hover .govuk-heading-s {
    color: #fff;
}

.small-cards a:focus {
    text-decoration: none;
    color: black;
}

.small-cards a:focus .govuk-heading-s {
    color: black;
}

.small-cards img {
    -o-object-fit: cover;
    object-fit: cover;
}

.small-cards .image-container {
    display: block;
    width: 90px;
    height: 90px;
    margin-right: 10px;
    overflow: hidden;
    min-width: 90px;
}

.small-cards .text-wrapper {
    display: inline-block;
}

.sm-card {
    background-color: #000000;
    color: white;
}

span.field-content {
    display: flex;
    align-items: center;
}

li.sm-card .govuk-heading-s {
    margin: 0;
}

div#block-localgov-banes-views-block-related-content-block-1 {
    padding: 0;
    background-color: unset;
    border-top-color: unset;
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
}

.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.footer-brand .footer-list li:first-child {
    margin: 0
}

.card-info {
    display: flex;
    flex-direction: row;
    padding: 1rem;
    justify-content: space-between;
}

.field--name-localgov-destinations {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 1rem;
    grid-row-gap: 0px;
}

.field--name-localgov-destinations .lgd-row__one-third {
	grid-column: auto;
}



.field--name-localgov-destinations {
    
}

@media (min-width: 768px) {
    .field--name-localgov-destinations {
        grid-template-columns:repeat(2,1fr);
    }
}

@media screen and (min-width: 990px) {

    .field--name-localgov-destinations {
        grid-template-columns: repeat(3,1fr);
    }
}

.service-landing-page__service {
    display: flex;
    width: 100%;
}

button, input[type="submit"] {
    padding: var(--button-padding-vertical) var(--button-padding-horizontal) var(--button-padding-vertical) var(--button-padding-horizontal);
    cursor: pointer;
    color: var(--button-text-color);
    border: var(--border);
    border-color: #e027a1;
    border-radius: var(--button-border-radius);
    background-color: #e027a1;
    font-family: var(--button-font-family);
    font-size: var(--font-size-medium);
}

.service-landing-page__service {
    border-top: unset;
    border-top-color: unset;
}

    .field--name-localgov-destinations {
        margin-bottom: 2rem;
    }
    
    

    
    .hero h1{
    	color:white;
    }

  .hero-layout::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

    .hero-content {
      position: relative;
      z-index: 2;
      max-width: 800px;
      padding: 20px;
    }

    .hero h1 {
      font-size: 2.5rem;
      margin: 0;
    }

    .hero p {
      font-size: 1.2rem;
      margin-top: 10px;
    }

    @media (max-width: 768px) {
      .hero h1 {
        font-size: 2rem;
      }
      .hero p {
        font-size: 1rem;
      }
    }


.image-text-container {
  position: relative; /* To ensure positioning within container */
  display: grid;
  place-items: center; /* Centers content both horizontally and vertically */
}

.image-text-container img {
  width: 100%;
  height: auto; /* Maintain aspect ratio */
  display: block;
  z-index: -1; /* Ensure the image is behind the text */
}

.summary-text {
  color: white; /* Ensure visibility on the image */
  text-align: center;
  z-index:2;
}


.image-text-container {
  position: relative; /* Ensure the container is the reference for absolute positioning */
}

.image-text-container img {
  width: 100%;
  height: auto;
  display: block;
}

.summary-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Center the text */
  text-align: center;
  color: #131313;
  z-index:2;
  background: #fff;
  padding: 1rem;
  border-bottom: solid 5px #b62077;
  width: 80%;
  border-radius: 9px 9px;
}

@media (min-width: 801px) {
.summary-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Center the text */
  text-align: center;
  color: #131313;
  z-index:2;
  background: #fff;
  padding: 1rem;
  border-bottom: solid 5px #b62077;
  width: 55%;
  border-radius: 9px 9px;
}
}

@media (max-width: 768px) {
  .summary-text {
    font-size: 1rem; /* Scale text size */
    padding: 0.5rem;
  }
}


.service-landing-page__service-item {
    margin-bottom: 2rem;
    border-bottom: solid 5px #e027a1;
    /* background: #e22ca1; */
}

.service-landing-page__service-item:hover {
    background: #e027a1;
}

.service-landing-page__service-item:hover h2,
.service-landing-page__service-item:hover p{
    color:white;
}

.service-landing-page__service-item:hover a{
    color: white;
    text-decoration: underline;
    fill:white;
}

.hero-layout h1 {
    color: #000000;;
}

.image-text-container {
    max-height: 90vh;
    overflow: hidden;
}

.hero-layout::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.card-wrapper {
    display: grid;
  grid-template-columns: 25% 1fr;
  gap: 10px; /* Adjust the gap between columns as needed */
}