@import url(//fonts.googleapis.com/css?family=Mulish);
@import url(//fonts.googleapis.com/css?family=Mulish:bold);
@import url(//fonts.googleapis.com/css?family=Lexend);
@import url(//fonts.googleapis.com/css?family=Lexend:bold);


body {
  font-family: var(--font-primary);
  /*font-size:.8rem;*/
  font-size:1.2rem;
}
a {
    color: #000;
    text-decoration: underline;
}
.h2, h2 {
    font-size: calc(1.5rem + .9vw);
    clear:both;
    margin: 1rem auto .5rem auto;
}
.menu--main > .menu-item a {
  color: var(--color-black);
  text-decoration: none;
}

ul.menu.menu--topics,
ul.menu.menu--localgov_services_menu {
    list-style: none;
}


ul.menu.menu--localgov_services_menu li::after{
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free"; 
  font-weight: 400;
	content: "\f054";
}

.lgd-header__toggle-text{
  font-family: var(--font-header);
}

.lgd-header {
    padding-top: 0em;
    padding-bottom: 0em; 
    border-bottom:  solid 5px; 
    border-color: #bd9c69;
    font-family: var(--font-header);
    z-index: 4001;
}

.lgd-header__toggle:focus, .lgd-header__toggle:hover {
  color: var(--color-black);
  background-color: var(--color-focus);
}
 
.lgd-header__inner {
  font-family: var(--font-header);
}

.localgov-alert-banner__title {
    color: var(--color-white);
}

.lgd-region--search .form-actions {
  margin-top: 0px; 
}
.lgd-region--search .form-submit {
  border: 0px; 
}

.lgd-region--search .form-submit:hover,
.lgd-region--search .form-submit:focus
{
  color:black;
}

#views-exposed-form-localgov-sitewide-search-sitewide-search-page-block{
  background-color: var(--header-search-button-bg-color);
  background-color: var(--color-white);

}
#views-exposed-form-localgov-sitewide-search-sitewide-search-page-block input
{
  background-color: lightgray;
  margin-top: 0px; 
}

/*
#edit-submit-localgov-sitewide-search--2::before {
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f002";
}
*/

/*
#edit-submit-localgov-sitewide-search--2,
.search-button input[type="submit"]{
  font-family: "Font Awesome 5 Free"; 
  color: #fff !important;
  display: inline;
  font-size: 18px;
}
*/
/*
#edit-submit-localgov-sitewide-search--2::before{
  font-family: "Font Awesome 5 Free"; 
  font-weight: 400;
  content: "\f002";
  content: "XXX";
}
*/
.newsroom__sidebar {
  padding: 0px;
}

.sidebar .lgd-region__inner >*,  .newsroom__sidebar > * {
  color: var(--color-white);
  background-color: var(--color-ncc-blue);
  
}

.lgd-row__one-third.facets-widget.facets-widget--dropdown select {
  margin-top: 6%; 
}

.lgd-row__one-third.facets-widget.facets-widget--dropdown select[data-drupal-facet-id="localgov_news_category"] {
  margin-top: 0;
}

.sidebar .lgd-region__inner > .block-views-blocklocalgov-step-by-step-navigation-steps {
  background-color: var(--color-white);
  color: var(--color-black);
}

.step-by-step-pages ol.step-list .step .step__title,
.step-by-step-pages ol.step-list .step .step__title a{
  color: var(--color-ncc-blue);
}

.step-by-step-pages ol.step-list .step:not(:last-of-type):after,
.step-by-step-pages ol.step-list .step:not(:first-child) .step__title,
.step-by-step-pages ol.step-list .step:before {
  border-color: var(--color-ncc-blue);
}

#block-ncc-theme-localgov-step-by-step-navigation-scarfolk--2 {
   background-color: var(--sidebar-exposed-form-bg-color);
}
h4.facet-group__title,
.facet-group__title {
  color: var(--color-ncc-blue);
}

h4.facet-group__title{
  font-family: var(--font-heading-3);
    font-size: var(--font-size-h3);
    line-height: var(--heading-3-line-height);
    font-weight: var(--heading-3-font-weight);
    color: var(--color-ncc-blue);
}

.block-localgov-directories-channel-search-block form {
  display: flex; 
  align-items: center;
}


.block-localgov-directories-channel-search-block form button {
  margin-top: 5px; 
}

.block-localgov-directories-channel-search-block form button:hover,
.block-localgov-directories-channel-search-block form button:focus {
  border-color: var(--color-white);
}

.facet-item input[type="checkbox"] + label::before {
  border: 2px solid var(--color-white);
}


.ncc-call-heading {
  font-size: 2em; 
}

.ncc-call-link {
  background-color: var(--color-ncc-blue);
  color: var(--color-white);
  font-size: 1.5em; 
  font-weight: bold;
  padding: 5px; 
  text-decoration: none;
  margin-top: auto; 
}
.ncc-call-link a {
  text-decoration: none;
}

.lgd-guide-nav {
  background-color: var(--color-ncc-lightgrey);
}

ul.lgd-prev-next__list li.lgd-prev-next__list-item {
  background-color: var(--sidebar-exposed-form-bg-color);
}

.page-node-type-localgov-subsites-overview .block-system-breadcrumb-block {
  display: none; 
}

.lgd-footer h2 {
  color: var(--color-white);
}

#block-contactus--2 ul {
  list-style: none;
  padding-left: 0; 
}
#block-contactus--2 ul li {
  background-image: var(--icon-comment-alt-lines);
  padding-left: 32px; 
  background-position: left center;
    background-repeat: no-repeat;
    background-size: 1.25rem auto;
}

#block-yourcommunity--2 ul img {
  border-radius: 50%;
  border: 0.1875rem solid transparent;
  height: 2.5625rem;
  width: 2.5625rem;
}

#block-popularpages--2  ul.menu--popular-pages,
#block-popularpages-2--2 ul.menu--popular-pages {
 /* list-style: none;
  padding-left: 0;
  */
  padding-left: 1em; 
}

#block-popularpages--2  ul.menu--popular-pages li,
#block-popularpages-2--2 ul.menu--popular-pages li {
 line-height: 1.75em; 
}

#copyright,
#block-footer--2 ul,
#block-footer-2--2 ul {
  display: flex;
  font-size: 0.9375rem;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

.lgd-footer__post-footer .menu--footer li:not(:first-child) {
  margin-left: 1rem;
}

#block-yourcommunity--2 ul {
  display: flex;
    list-style: none;
    padding-left: 0;
}
#block-yourcommunity--2 ul li {
  margin-right: 0.5625rem;
}
#block-yourcommunity--2 ul li a:focus img, 
#block-yourcommunity--2 ul li a:hover img {
  border: 0.1875rem solid var(--color-focus)
}

/* last minute responsive menu for fostering site */
.hamb{
  display: block
}
.side-menu {
  display: none;
}
/* end last minute responsive menu for fostering site */
 
/* end last minute responsive menu for fostering site */

/* ms booking calendar iframe */
.ms-booking-calendar {
  height: 1800px; 
}

.ncc-news-filters {
  padding-bottom: unset; 
  padding-right: 1em;
}
.ncc-news-search {
  margin-top: var(--sidebar-exposed-form-item-spacing);
}

/* copy h3 styling from facets */
.newsroom__sidebar .views-exposed-form label,
.ncc-news-search label {
  font-size: 1.75rem;
  margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
    font-family: var(--font-heading-3);
    color: var(--heading-3-color);
}

/* ncc news landing page */
#ncc-most-recent-news {
  width: 100%;
}

.newsroom__sidebar > * {
  padding-bottom: unset; 
  padding-top: unset; 
  margin-top: 0; 
} 
#ncc_news_facet {
  /*
    margin-bottom: 1em;
    */
}
#ncc_news_facet,
.lgd-row__one-third.ncc-news-search,
.lgd-row__one-third.facets-widget.facets-widget--dropdown {
  padding: 0 1.5em 0 1em;
}

.ncc-3-latest-news {
  display: block;
  /*
    height: var(--teaser-featured-height);
  */
  /*
    border: var(--teaser-featured-border);
    border-color: var(--teaser-featured-border-color);
  */
}

.ncc-3-latest-news .lgd-teaser__image,
.ncc-3-latest-news .lgd-teaser__image img {
  width: 100%;
}

.ncc-3-latest-news .lgd-teaser__content.lgd-teaser__content--localgov-news-article {
  padding: 0.5em 0.25em;
}

.ncc-3-latest-news,
.ncc-news-teaser {
  border-left: 2px solid;
  padding-left: 0.5em;
  /*
  padding-bottom: 0.5em;
  */
  margin-left: 0em; 
}
/*
.ncc-news-teaser::before {
  content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 100%;
    border-left: 1px solid #DCDCDC;
}
*/

.ncc-news-inner-container {
  height: 100%; 
  position: relative;
  
}

.ncc-news-teaser:not(.ncc_story_1):not(.ncc_story_2):not(.ncc_story_3) {
  padding-bottom: 0;
  padding-top: 0em;  
}

.ncc-news-inner {
  border-top: 3px solid;
  border-color: var(--color-ncc-lightblue);
  position: relative; 
  background-color: var(--color-ncc-news-background);
  margin-bottom: 1em;
  padding: 0.25em;
  height: 100%;
}
 
.ncc_news_first_row.ncc-news-inner {
  padding: unset; 
  border-top: 3px solid;
  border-color: var(--color-ncc-lightblue);

}

.ncc-3-latest-news .ncc-news-teaster-date, 
.ncc-news-teaser .ncc-news-teaster-date {
  /*
  position: absolute;
  bottom: 0;
  */ 
  float:right; 
  font-weight: 300; 
}
.ncc-news-teaster-date {
  font-family: var(--font-primary);
}

.ncc-news-teaser-body {
  margin-bottom: 2em; 
}

#views-exposed-form-localgov-news-search-page-search-news {
  display:flex;
}



#views-exposed-form-localgov-news-search-page-search-news .form-actions{
    display: flex;
    align-items: end;
    margin-bottom: 1em;
}

.ncc_border_top{
  border-top: 2px solid var(--color-ncc-blue);
  padding-top: 1em; 
  margin-top: 1em; 
}
.lgd-row__full.ncc_border_top {
    width: calc(100% - var(--grid-column-spacing) - 1.5em);
}
.ncc_news_first_row .lgd-row__full.ncc_border_top {
  margin-top: 0em; 
}

.ncc_news_date_month:first-of-type {
  border-top: unset;
}
 
.ncc-news-clock {
  position: absolute;
  bottom: 0.5em;
}


/* end ncc news landing page */

/* pretty front page search */
.banner__welcome label { /*copy visually hidden rule */
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important;
}
.banner--primary .banner__content-container {
  position: absolute;
  max-width: var(--banner-content-width);
  padding: var(--spacing-larger);
  top: 5%;
}
.banner--primary .banner__welcome {
  padding: var(--spacing) var(--banner-content-padding) var(--banner-content-padding);
  border-radius: var(--border-radius);
  background-color: var(--color-white);
  box-shadow: var(--box-shadow);
}

.block-localgov-sitewide-search-block form {
  display: flex;
  border: var(--border);
  border-color: var(--color-white);
  border-radius: var(--border-radius);
  background-color: var(--color-green);
}

.block-localgov-sitewide-search-block form .form-item {
  width: 100%;
}

.lgd-teaser__content.lgd-teaser__content--localgov-services-landing {
  padding-right: 1em; 
}

.welcome_bottom {
  display: block; 
}
.welcome_top.h2 {
  color: var(--banner-content-text-color);
}
.banner__welcome .welcome_top.h2 {
  color: var(--heading-2-color);
}

/* end pretty front page search */

.view-ncc-news-by-month .pager .is-active a {
  text-decoration: none;
}

/* big embedded video */
.field--name-field-media-oembed-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.media-oembed-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/* end big videos */

/* tweak needed to school directory search */
#edit-submit-localgov-directory-channel--4 {
  margin-top: 0.5em; 
}
/* end tweak needed to school directory search */
.wine-region.field.field--name-field-wine-region.field--type-entity-reference.field--label-above{
  font-size:2rem;
  margin:2rem 0;
}
#wine-name-label{font-size:4rem}
.views-field.views-field-field-image-of-wine-bottle .field.field--name-field-media-image.field--type-image.field--label-hidden.field__item img {
  height: 25em;
  width: auto;
  max-width: none;
  margin: 0 -8em;
}
.view.view-wine.view-id-wine.view-display-id-page_1 a, .views-field.views-field-field-wine-grape {
  font-size:1.5rem;
  color:#000;
}
.view.view-wine.view-id-wine.view-display-id-page_1 .views-field.views-field-title, .view.view-wine.view-id-wine.view-display-id-page_1 .views-field.views-field-field-wine-grape {
  margin-top:2rem;
  min-height: 6rem;
}
.views-view-responsive-grid.views-view-responsive-grid--horizontal{
  margin-bottom:2rem;
  border-bottom:1px lightgray solid;
  padding-bottom:1rem;
}
#block-ncc-theme-localgov-page-header-block-scarfolk h1.lgd-page-title-block__title {
  font-size:2.5rem;
  text-align: center;
}
.view.view-wine.view-id-wine.view-display-id-page_1 h2{
  font-size:2.5rem;
  text-align: center;
}

  #front-text-overlay {
  position:absolute;
  top:4rem;
  left: .4rem;
  width: 100%;
  height: 80%;
  max-width: var(--width-container);
  margin-inline: auto;
  padding-inline: var(--spacing-padding-horizontal);
  flex-wrap: wrap;
  align-content: flex-end;
  justify-content: end;
  color: #fff;
  font-weight: 700;
  }
  .front-button.field.field--name-field-link-button-to-display-ove.field--type-link {
  width:100%;
  margin:.8rem auto;
  padding-top:.8rem;
  font-size:.9em;
  text-align: center;
  font-weight: 500;
  }
  .front-button.field.field--name-field-link-button-to-display-ove.field--type-link div a {
  color:#fff;
  text-decoration:none;
  border: .2em solid white;
  padding: 1em;
  }
  .front-button.field.field--name-field-link-button-to-display-ove.field--type-link div a:hover, 
  .front-button.field.field--name-field-link-button-to-display-ove.field--type-link div a:active,
  .front-button.field.field--name-field-link-button-to-display-ove.field--type-link div a:focus {
  color:#fff;
  text-decoration:underline;
  }
  #room-details{
  display:flex;
  }
  #room-details .field--name-body {
  padding-left:1rem;
  }
  #room-images-row {
  display:flex;
  }
  #room-images-row .field__item {
  padding: 0 .5rem 0 0;
  }
  #room-images-row .field__item:nth-last-child(-n + 1) {
  padding: 0 0 0 0;
  }
  .room__content.node__content h3 {
  display:flex;
  }
  .room__content.node__content h3 span {
  margin-right:1rem;
  }
  .menu.menu--main li {
  margin:0;
  padding-right: .5em;
  }
  .menu.menu--main li a {
  font-size:1.4rem;
  }
  .menu.menu--main li.menu-item--active-trail a {
  /*background: #4fa59d;
  color: #000;*/
  }
  .menu.menu--main li.menu-item--active-trail a.is-active {
 /* background: #4fa59d;
  color: #000;*/
  }
  .menu.menu--main li.menu-item--active-trail a.sf-depth-1 {
  background: #4fa59d;
  color: #000;
  }
  .service-landing-page__service {
    display: flex;
  }
  .service-landing-page__service .lgd-icon.service-landing-page__service-icon {
  width:28px;
  min-width:28px;
  }
  .localgov-services-landing .bodyimg {
  width: 100%;
  float:none;
  clear: both;
  margin: 0;
  }
  .localgov-services-landing .bodyimg:nth-of-type(even) {
  width: 100%;
  float:none;
  clear: both;
  margin: 0;
  }
  #block-ncc-theme-webform {
    padding-inline-start: 1rem;
    padding-inline-end: 1rem;
    max-width: var(--width-container);
    margin-inline: auto;
  }
/**make ul lists display as column and not float left under an image...**/
  .field--name-body ul {
  width:auto;
  overflow: hidden;
  }
  #block-ncc-theme-views-block-venues-block-1 {
    padding-inline-start: 1rem;
    padding-inline-end: 1rem;
    max-width: var(--width-container);
    margin-inline: auto;
  }
  .item-list.rooms ul {
  padding-left:0px;
  list-style-type:none;
  width:100%;
  overflow:hidden;
    display: flex;
    flex-wrap: wrap;
  }
  .item-list.rooms ul li img {
  width:50%;
  float:left;
  padding:0 1rem 1rem 0;
  clear:both;
  }
  .item-list.rooms ul li:nth-of-type(even) img {
  width:50%;
  float:right;
  padding:0 0 1rem 1rem;
  clear:both;
  }
  .item-list.rooms ul li h3 {
  width:100%;
  display:flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  }
  .item-list.rooms ul li h3 a {
  width:50%;
  text-align:left;
  }
  .item-list.rooms ul li:nth-of-type(even) h3 {
  width:100%;
  display:flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  }
  .item-list.rooms ul li:nth-of-type(even) h3 a {
  width:50%;
  text-align:left;
  }
  .lgd-region.lgd-region--header.region.region-header {width:100%}
  /*.lgd-header__toggles {display:none}*/
  .lgd-row {
  clear: both;
  }
  .field.field--name-localgov-destinations.field--type-entity-reference.field--label-hidden.field__items.lgd-row {
  padding-top:1rem;
  }
  #block-ncc-theme-views-block-menus-by-category-block-1 {
  padding-inline: var(--spacing-padding-horizontal);
  max-width: var(--width-container);
  margin: 1rem auto;
  }
  #block-ncc-theme-views-block-menus-by-category-block-1 .padding-horizontal {
  padding:0;
  }
  .views-field.views-field-field-menu-courses ul {
  list-style-type: none;
  padding-left: 0;
  }
  .view-conference-event-spaces-at-newcastle-civic-centre div span {
  width: 100%;
  display: block;
  /*background-color: #ddaf27;*/
  color: #fff;
  text-align: center;
  padding:1rem 0;
  }
  .view-conference-event-spaces-at-newcastle-civic-centre div span a {
 /* background-color: #ddaf27;*/
  color: #000;
  }
  .views-view-responsive-grid__item-inner div {
  vertical-align:bottom;
  }
  .block-views-blockconference-event-spaces-at-newcastle-civic-centre-block-1, 
  .block-views-blockconference-event-spaces-at-newcastle-civic-centre-block-2, 
  .block-views-blockconference-event-spaces-at-newcastle-civic-centre-block-3, 
  #block-ncc-theme-webform--2, #block-ncc-theme-views-block-spaces-at-newcastle-civic-centre-block-5 {
  padding-inline: var(--spacing-padding-horizontal);
  max-width: var(--width-container);
  margin: 1rem auto;
  }
  
  .block-views-blockconference-event-spaces-at-newcastle-civic-centre-block-1 .views-view-responsive-grid__item {
  border: 1px solid #e5e5e5;
  }
  .block-views-blockconference-event-spaces-at-newcastle-civic-centre-block-1 .views-view-responsive-grid__item .views-view-responsive-grid__item-inner .inline-room {
  padding-left:1rem;
  } 
  .block-views-blockconference-event-spaces-at-newcastle-civic-centre-block-1 .views-view-responsive-grid__item .views-view-responsive-grid__item-inner {
  padding:1rem 0;
  } 
  .block-views-blockconference-event-spaces-at-newcastle-civic-centre-block-1 .views-view-responsive-grid__item .views-view-responsive-grid__item-inner ul {
  padding:1rem 0 0 2rem;;
  } 
  .block-views-blockconference-event-spaces-at-newcastle-civic-centre-block-1 .views-view-responsive-grid.views-view-responsive-grid--horizontal {
  --views-responsive-grid--column-count: 2!important;
  }

  .block-views-blockconference-event-spaces-at-newcastle-civic-centre-block-2 .views-view-responsive-grid__item {
  border: 1px solid #e5e5e5;
  }
  .block-views-blockconference-event-spaces-at-newcastle-civic-centre-block-2 .views-view-responsive-grid__item .views-view-responsive-grid__item-inner .inline-room {
  padding-left:1rem;
  } 
  .block-views-blockconference-event-spaces-at-newcastle-civic-centre-block-2 .views-view-responsive-grid__item .views-view-responsive-grid__item-inner {
  padding:1rem 0;
  } 
  .block-views-blockconference-event-spaces-at-newcastle-civic-centre-block-2 .views-view-responsive-grid__item .views-view-responsive-grid__item-inner ul {
  padding:1rem 0 0 2rem;;
  } 
  .block-views-blockconference-event-spaces-at-newcastle-civic-centre-block-2 .views-view-responsive-grid.views-view-responsive-grid--horizontal {
  --views-responsive-grid--column-count: 2!important;
  }

  .block-views-blockconference-event-spaces-at-newcastle-civic-centre-block-3 .views-view-responsive-grid__item {
  border: 1px solid #e5e5e5;
  }
  .block-views-blockconference-event-spaces-at-newcastle-civic-centre-block-3 .views-view-responsive-grid__item .views-view-responsive-grid__item-inner .inline-room {
  padding-left:1rem;
  } 
  .block-views-blockconference-event-spaces-at-newcastle-civic-centre-block-3 .views-view-responsive-grid__item .views-view-responsive-grid__item-inner {
  padding: 0 0 1rem 0;
  } 
  .block-views-blockconference-event-spaces-at-newcastle-civic-centre-block-3 .views-view-responsive-grid__item .views-view-responsive-grid__item-inner ul {
  padding:1rem 0 0 2rem;;
  } 
  .block-views-blockconference-event-spaces-at-newcastle-civic-centre-block-3 .views-view-responsive-grid.views-view-responsive-grid--horizontal {
  --views-responsive-grid--column-count: 2!important;
  }
  .lgd-header #ncctogglelink a {
  color: #000;
  font-size:1.4rem;
  }
  .lgd-header #ncctogglelink {
  display:flex;
  padding:0;
  }
  .lgd-header__toggle-text.lgd-header__toggle-text--secondary {
  display:none;
  }
  .lgd-header__toggle.lgd-header__toggle--secondary {
  margin-left:0;
  margin-inline-start: 0;
  padding-left:0.2rem;
  }
  .lgd-header__toggle.lgd-header__toggle--secondary .lgd-header__toggle-icon {
  margin-left:0;
  margin-inline-start: 0;
  }
  #ncctogglelink a{
  padding: 1rem;
  }


/* visited link */
  #ncctogglelink a:visited {
  background:#4fa59d;
  color: green;
}

/* mouse over link */
 #ncctogglelink a:hover {
  background:#4fa59d;
  color: red;
}

/* selected link */
  #ncctogglelink a:active {
  background:#4fa59d;
  color: yellow;
}
.menu---sub-menu {display:block}
.js .menu__sub-menu-toggle {
    border: 2px solid transparent;
    background-color: var(--header-background-color);
    font-size: 1.4rem;
    color: #000;
    padding: 1rem;
}
ul.menu--main.menu.menu---sub-menu.menu--sub-menu {
    padding-left: 1.8rem;
}
.homepage.node.node--type-homepage.node--view-mode-full .lgd-container.padding-horizontal {
  width:100%;
  padding:0;
  padding-inline:0;
  margin:0;
  max-width:none;
}
.ncchome-bg {
    display: flex;
    flex-direction: column;
    height: calc(70vh - 200px);
    min-height:300px;
}
.ncc-hero__video {
    width: 100%;
    height: 100%;
    position:relative;
}
.ncc-hero__video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ncc-vid-controls {
    position: absolute;
    bottom: 1.5rem;
    left: 4rem;
    z-index: 1;
}
.ncc-vid-controls input[type=button] {
    background: transparent;
    padding: .3rem;
    border: 0;
    font-size: 1.4rem;
    color: #fff;
    text-decoration: underline;
}
.ncc-vid-controls input[type=button]:hover {
    background: transparent;
    padding: .3rem;
    border: 0;
    font-size: 1.4rem;
    color: #fff;
    text-decoration: none;
}
.ncc-vid-controls input[type=button]:focus {
    background: transparent;
    padding: .3rem;
    border: 1px solid #fff;
    font-size: 1.4rem;
    color: #fff;
    text-decoration: none;
}
.ncc-homepage-vid-title {
    text-align: center;
    padding: 1rem 0;
    background: #bd9c69;
}
.ncc-homepage-vid-title h2{
    font-size:2rem;
}
ul.menu.menu--footer {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
ul.menu.menu--footer li {
    padding:0 2rem;
}
.lgd-footer {
    border-top:2px solid lightgrey;
}
.page-node-type-homepage .lgd-page-title-block__title {
    height:1px;
    overflow:hidden;
}
.lgd-page-title-block {
    border:0;
}
.field--name-field-testimonials .pull-out-quote__content {
    font-weight: lighter;
    font-style: italic;
    font-size:2rem;
}
.field--name-field-testimonials .pull-out-quote__content:before {
    color: red;
    content: open-quote;
    display:block;
    font-weight: bold;
    font-size: 4rem;
    line-height: 1.5rem;
    font-family: "Times New Roman", Georgia, Serif;
    font-style: normal;
}
.field--name-field-testimonials .pull-out-quote__content:after {
    color: red;
    content: close-quote;
    display:block;
    font-weight: bold;
    font-size: 4rem;
    line-height: 1.5rem;
    line-height: 3rem;
    font-family: "Times New Roman", Georgia, Serif;
    font-style: normal;
    padding-top: 1rem;
}
.pull-out-quote__author {
    color:#000;
    font-weight: 700;
    font-size:1.4rem;
}
.views-view-grid-ncc .ncc-grid-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: .8rem;
  grid-row-gap: .5rem;
}
  .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item img{
     width: 100%;
     max-width: 100%;
  }

#block-ncc-theme-localgov-mainpagecontent-scarfolk--2 {
    clear:both;
    margin:4rem 0;
    overflow:hidden;
}
.block-views-blockquotations-block-block-1 {
    clear:both;
    display:block;
}
.block-views-blockquotations-block-block-1 ul li.simple-carousel-item {
    padding:4rem;
}
.block-views-blockquotations-block-block-1 ul li.simple-carousel-item h3, .block-views-blockquotations-block-block-1 ul li.simple-carousel-item p {
    padding:0.5rem 3rem;
}
.block-views-blockquotations-block-block-2 {
    clear:both;
    display:block;
    background:#86D186;
}
.block-views-blockquotations-block-block-2 ul li.simple-carousel-item {
    padding:4rem;
}
.block-views-blockquotations-block-block-2 ul li.simple-carousel-item h3, .block-views-blockquotations-block-block-2 ul li.simple-carousel-item p {
    padding:0.5rem 3rem;
}

@media screen and (min-width: 24rem){
  body {
/*  font-size:.8rem;*/
  }

  .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item img{
     width:100%;
  }

  .field--name-body h2{
    clear:none;
    padding-top:1rem;
  }
  /*.field--name-body h2:nth-of-type(even) {
    clear:both;
  }*/
  h2#sportingevents, h2#history, h2#sustainability, h2#markets{
   clear:both;
  }
  #map-and-loc-container{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  #map-and-loc-container .field.field--name-field-location-map{
  flex-basis: 50%;
  box-sizing: border-box;
  }
  #map-and-loc-container .field.field--name-body{
  flex-basis: 50%;
  box-sizing: border-box;
  }

}

@media screen and (min-width: 32rem){
  body {
  /*font-size:.9rem;*/
  }
  .views-view-grid-ncc .ncc-grid-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: .8rem;
  }
  .front-button.field.field--name-field-link-button-to-display-ove.field--type-link {
  width:80%;
  margin:.8rem auto;
  padding-top:.8rem;
  font-size:.9em;
  text-align: center;
  font-weight: 500;
  }
  .front-button.field.field--name-field-link-button-to-display-ove.field--type-link div a {
  color:#fff;
  text-decoration:none;
  border: .2em solid white;
  padding: 1em;
  }
  .front-button.field.field--name-field-link-button-to-display-ove.field--type-link div a:hover, 
  .front-button.field.field--name-field-link-button-to-display-ove.field--type-link div a:active,
  .front-button.field.field--name-field-link-button-to-display-ove.field--type-link div a:focus {
  color:#fff;
  text-decoration:underline;
  }
  .block-views-blockconference-event-spaces-at-newcastle-civic-centre-block-1 .views-view-responsive-grid.views-view-responsive-grid--horizontal {
  --views-responsive-grid--column-count: 4!important;
  }
  .block-views-blockconference-event-spaces-at-newcastle-civic-centre-block-2 .views-view-responsive-grid.views-view-responsive-grid--horizontal {
  --views-responsive-grid--column-count: 4!important;
  }
  .block-views-blockconference-event-spaces-at-newcastle-civic-centre-block-3 .views-view-responsive-grid.views-view-responsive-grid--horizontal {
  --views-responsive-grid--column-count: 4!important;
  }
  .view-past-conferences.view-id-past_conferences {
    padding-bottom: 2rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid lightgrey;
  }
  /*
  .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item img{
     width: auto;
     max-width: 33%;
     flex-grow: 1;
     flex-shrink: 1;
     flex-basis: auto;
  }

  .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p{
     display:flex;
  }
  */
}



@media screen and (min-width: 48rem){
  body {
  font-size:1.2rem;
  }
  .h2, h2 {
   font-size: 2.3rem;
  }
  #block-ncc-theme-localgov-page-header-block-scarfolk h1.lgd-page-title-block__title {
  font-size:3.5rem;
  text-align: center;
  }
  .lgd-region.lgd-region--header.region.region-header {width:auto}
  .lgd-header__toggles {
   display:none;
   /*flex-basis: 28%;
   display:flex;
   flex-wrap:wrap;
   max-width:170px;
   margin: 0;
   justify-content: flex-end;
   margin-top:3rem;*/
  }
  .lgd-region--search {
    flex-basis: 28%;
    margin-left: 0px; 
  }
  .region-secondary-menu .menu {
    display: flex;
    justify-content: flex-end;
    flex-wrap:wrap;
  }
  .lgd-header__inner {
    align-items: start;
    justify-content: end;
  }
  .lgd-region--primary-menu .menu--main {
   /*margin-top:3rem;*/
  }
  .lgd-region--primary-menu .menu--main #nccSubsiteToggle {
   margin-top:0;
  }
  .lgd-region--primary-menu .menu--main #nccSubsiteToggle .menu-item {
   padding:.2rem;
  }
  .lgd-region--primary-menu .menu--main #nccSubsiteToggle .menu-item a {
   padding:.2rem;
  }
  .lgd-region__inner.lgd-region__inner--secondary-menu{
  padding:0;
  }
  .lgd-region__inner.lgd-region__inner--secondary-menu a {
  font-size:1.4rem;
  }
   .lgd-header__toggles {display:none}
  /*.lgd-header__nav--primary {
    flex-basis: 66%;
  }*/
  .lgd-header__inner {
    flex-wrap:nowrap;
    justify-content: start;
   /*override header position*/
   }
  /* ms booking calendar iframe */
  .ms-booking-calendar {
    height: 1700px; 
  }
  .lgd-region.lgd-region--secondary-menu.region.region-secondary-menu {
  display: none;
  }
  .ncc-news-teaser-month {
    padding-left: 3em; 
   }
   .lgd-header__nav--primary, .lgd-header__nav--secondary {
    margin-inline: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
   }
  .lgd-row__one-third.facets-widget.facets-widget--dropdown select[data-drupal-facet-id="localgov_news_category"] {
    margin-top: 6%;
  }
  .ncc-news-search {
   padding-left: 1em;  
  }
  #ncc_news_facet {
    padding-right: 1.5em;
    padding-bottom: 1em; 
  }
  .wine__content.node__content{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    flex-flow: wrap;
  }
  #image-container-left{
    flex-grow: 1;
    width: 48%;
  }
  #wine-text-right{
    flex-grow: 1;
    width: 50%;
    padding: 0 3rem;
  }
  #superfish-main li {
    background-color:#fff;
  } 
  #superfish-main li a{
    background-color:#fff;
    color:#000;
    text-decoration:none;
    font-size:1.3rem;
  } 
  #superfish-main li a.sf-depth-1 {
    background-color:#fff;
    color:#000;
    text-decoration:none;
    font-size:1.3rem;
  } 
  #superfish-main li a.sf-depth-1:hover, #superfish-main li a.sf-depth-1:active, #superfish-main li a.sf-depth-1:focus {
    text-decoration:underline;
    font-size:1.3rem;
    color:#5a6060;
  } 
  #superfish-main li a.sf-depth-1:focus {
  box-shadow: 0 2px #5a6060;
  }
  #superfish-main li span.nolink {
    background-color:#fff;
    color:#000;
    font-size:1.3rem;
  }
  ul.sf-menu.sf-style-white span.nolink {
    background-color:#fff;
    color:#000;
    font-size:1.3rem;
  }
  .view.view-wine.view-id-wine.view-display-id-page_1 .views-view-responsive-grid__item-inner {
    text-align:center;
  }
  #front-text-overlay {
  position:absolute;
  top:2rem;
  width:100%;
  height: 80%;
  max-width: var(--width-container);
  margin-inline: auto;
  padding-inline: var(--spacing-padding-horizontal);
  flex-wrap: wrap;
  align-content: flex-end;
  justify-content: end;
  color: #fff;
  font-weight: 700;
  }
  .front-button.field.field--name-field-link-button-to-display-ove.field--type-link {
  width:90%;
  margin:.8rem auto;
  padding-top:2rem;
  font-size:1.4em;
  text-align: center;
  font-weight: 500;
  }
  .front-button.field.field--name-field-link-button-to-display-ove.field--type-link div a {
  color:#fff;
  text-decoration:none;
  border: .2em solid white;
  padding: 1em;
  }
  .front-button.field.field--name-field-link-button-to-display-ove.field--type-link div a:hover, 
  .front-button.field.field--name-field-link-button-to-display-ove.field--type-link div a:active,
  .front-button.field.field--name-field-link-button-to-display-ove.field--type-link div a:focus {
  color:#fff;
  text-decoration:underline;
  }
  .localgov-services-landing .bodyimg {
  width: 40%;
  float:left;
  clear: both;
  margin: 0 2rem 0 0;
  }
  .localgov-services-landing .bodyimg:nth-of-type(even) {
  width: 40%;
  float:right;
  clear: both;
  margin: 0 0 0 2rem;
  }
  .hamb{
  display: none;
  } 

}





@media screen and (min-width: 60rem){
  .lgd-region--search {
    flex-basis: 28%;
    margin-left: 0px; 
  }
   .lgd-header__toggles {display:none}
  /* .lgd-header__nav--primary {
    flex-basis: 66%;
  }*/
  .lgd-header__inner {
    justify-content: start;
   /*override header position*/
   }
  /* ms booking calendar iframe */
  .ms-booking-calendar {
    height: 1700px; 
  }

  .ncc-news-teaser-month {
    padding-left: 3em; 
   }
   
  .lgd-row__one-third.facets-widget.facets-widget--dropdown select[data-drupal-facet-id="localgov_news_category"] {
    margin-top: 6%;
  }
  .ncc-news-search {
   padding-left: 1em;  
  }
  #ncc_news_facet {
    padding-right: 1.5em;
    padding-bottom: 1em; 
  }
  .wine__content.node__content{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    flex-flow: wrap;
  }
  #image-container-left{
    flex-grow: 1;
    width: 48%;
  }
  #wine-text-right{
    flex-grow: 1;
    width: 50%;
    padding: 0 3rem;
  }
  #superfish-main li {
    background-color:#fff;
  } 
  #superfish-main li a{
    background-color:#fff;
    color:#000;
    text-decoration:none;
    font-size:1.3rem;
  } 
  #superfish-main li a.sf-depth-1 {
    background-color:#fff;
    color:#000;
    text-decoration:none;
    font-size:1.3rem;
  } 
  #superfish-main li a.sf-depth-1:hover, #superfish-main li a.sf-depth-1:active, #superfish-main li a.sf-depth-1:focus {
    text-decoration:underline;
    font-size:1.3rem;
    color:#fff;
  } 
  #superfish-main li a.sf-depth-1:focus {
  box-shadow: 0 2px #5a6060;
  }
  #superfish-main li span.nolink {
    background-color:#fff;
    color:#000;
    font-size:1.3rem;
  }
  ul.sf-menu.sf-style-white span.nolink {
    background-color:#fff;
    color:#000;
    font-size:1.3rem;
  }
  .view.view-wine.view-id-wine.view-display-id-page_1 .views-view-responsive-grid__item-inner {
    text-align:center;
  }
  #front-text-overlay {
  position:absolute;
  top:0;
  width:100%;
  height: 80%;
  max-width: var(--width-container);
  margin-inline: auto;
  padding-inline: var(--spacing-padding-horizontal);
  flex-wrap: wrap;
  align-content: flex-end;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  }

  .front-button.field.field--name-field-link-button-to-display-ove.field--type-link {
  width:70%;
  margin:.8rem auto;
  padding-top:2rem;
  font-size:1.4em;
  text-align: center;
  font-weight: 500;
  }
  .front-button.field.field--name-field-link-button-to-display-ove.field--type-link div a {
  color:#fff;
  text-decoration:none;
  border: .2em solid white;
  padding: 1em;
  }
  .front-button.field.field--name-field-link-button-to-display-ove.field--type-link div a:hover, 
  .front-button.field.field--name-field-link-button-to-display-ove.field--type-link div a:active,
  .front-button.field.field--name-field-link-button-to-display-ove.field--type-link div a:focus {
  color:#fff;
  text-decoration:underline;
  }
 
}

@media screen and (min-width: 100rem){
  .node--view-mode-full .lgd-container{
     max-width:80%;
  }
  .block-views-blockconference-event-spaces-at-newcastle-civic-centre-block-1, 
  .block-views-blockconference-event-spaces-at-newcastle-civic-centre-block-2, 
  .block-views-blockconference-event-spaces-at-newcastle-civic-centre-block-3, 
  #block-ncc-theme-webform--2, #block-ncc-theme-views-block-spaces-at-newcastle-civic-centre-block-5 {
  padding-inline: var(--spacing-padding-horizontal);
     max-width:80%;
  margin: 1rem auto;
  }
  .h2, h2 {
    padding-top:3rem;
  }
}

/**menus added 100425**/
/*
  @file Theming for menus.
  Note: This is generic theming for _all_ menus. Specific theming for specific
  menus can be achieved in individual menu/region files.
*/

.menu {
  padding-left: 0;
}

/* Only hide sub-menus if we have JS enabled. */
.js .menu .menu {
  display: none;
}

/*
  This is a button element placed inside the li to trigger the sub-menu.
*/
.menu__sub-menu-toggle {
  width: var(--menu-sub-menu-toggle-width);
  height: var(--menu-sub-menu-toggle-height);
  padding: 0;
  border: 0;
  font-size: var(--menu-main-font-size);
  font-weight: var(--menu-main-font-weight);
}

.menu__sub-menu-toggle-icon {
  display: inline-block;
  transition: var(--transition-time);
}

.menu__sub-menu-toggle[aria-expanded="true"] .menu__sub-menu-toggle-icon {
  transform: rotate(var(--menu-item-toggle-icon-rotation));
}

.menu-item .menu-item > a {
  display: block;
}

@media screen and (max-width: 48rem) {
  .menu-item--level-0.menu-item--expanded {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .menu__sub-menu-toggle[aria-expanded="true"] + .menu {
    width: 100%;
  }
}

.menu > .menu-item .menu-item--expanded {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.menu > .menu-item .menu-item--expanded > a {
  width: calc(100% - var(--menu-sub-menu-toggle-width));
}

.menu > .menu-item .menu-item--expanded > .menu {
  width: 100%;
}

/* 2nd+ level sub-menu */
/*
  The relative here is to reset the absolute from above for anything after the
  first level. Then we use float, to make sure that the following siblings are not
  hidden behind the currently expanded sub-menu item.
*/
.js .menu .menu .menu {
  position: relative;
  float: left;
}

/*
  We have CSS here to go 5 levels deep. \
  Hopefully no one will be crazy enough to need this.
*/

/* 1st level sub-menu links */
.js .menu .menu a {
  padding: var(--menu-item-padding);
}
.js .menu .menu .menu a {
  padding-right: calc(var(--menu-item-padding) * 2);
  padding-left: calc(var(--menu-item-padding) * 2);
}
/* 3rd level sub-menu links */
.js .menu .menu .menu .menu a {
  padding-right: calc(var(--menu-item-padding) * 3);
  padding-left: calc(var(--menu-item-padding) * 3);
}
/* 4th level sub-menu links */
.js .menu .menu .menu .menu .menu a {
  padding-right: calc(var(--menu-item-padding) * 4);
  padding-left: calc(var(--menu-item-padding) * 4);
}
/* 5th level sub-menu links */
.js .menu .menu .menu .menu .menu .menu a {
  padding-right: calc(var(--menu-item-padding) * 5);
  padding-left: calc(var(--menu-item-padding) * 5);
}

@media screen and (min-width: 48rem) {
  .js .menu--menu-level-0 > .menu-item {
    position: relative;
    z-index: 1;
  }
  .menu---sub-menu {display:none}
  /* 1st level sub-menu */
  .js .menu .menu {
    position: absolute;
    background-color:#fff;
    min-width: var(--menu-sub-menu-min-width);
    font-size: var(--menu-sub-menu-font-size);
    border: 1px solid #bd9c69;
  }

  .js .menu .menu--sub-menu-level-1 {
    left: calc(var(--menu-item-padding) * -1);
  }

  /* We want to make sure any sub-items on the last menu item do not overflow the screen. */
  .js .menu--menu-level-0 > .menu-item:last-child .menu {
    right: 0;
    left: unset;
  }
}

/* Dealing with the submenu icons in all their states */

/* For the offcanvas version */
.js .menu__sub-menu-toggle {
  border: 2px solid transparent;
  background-color: var(--off-canvas-link-color);
}

.js .menu__sub-menu-toggle:hover {
  border-color: var(--off-canvas-link-color);
  background-color: var(--off-canvas-background-color);
}

.js .menu__sub-menu-toggle-icon {
  width: var(--menu-sub-menu-icon-size);
  height: var(--menu-sub-menu-icon-size);
  background-color: var(--off-canvas-background-color);
  /* Use mask to update the colour of the icons, the background colour is the colour the icons appear  */
  -webkit-mask: var(--menu-sub-menu-icon) no-repeat 100% 100%;
  mask: var(--menu-sub-menu-icon) no-repeat 100% 100%;
  -webkit-mask-size: cover;
  mask-size: cover;
}

.js .menu__sub-menu-toggle:hover .menu__sub-menu-toggle-icon {
  background-color: var(--off-canvas-link-color);
}

@media screen and (min-width: 48rem) {
  /* Desktop first level */
  .js .menu__sub-menu-toggle {
    border: 2px solid transparent;
    background-color: var(--header-background-color);
    font-size: 1.4rem;
    color: #000;
    padding: 1rem;
  }

  .js .menu__sub-menu-toggle-icon {
    /* Use mask to update the colour of the icons, the background colour is the colour the icons appear */
    background-color: var(--header-link-color);
  }

  .js .menu__sub-menu-toggle:focus,
  .js .menu__sub-menu-toggle:hover {
    border-color: var(--header-link-color);
    background-color: var(--header-link-color);
  }

  .js .menu__sub-menu-toggle:focus .menu__sub-menu-toggle-icon,
  .js .menu__sub-menu-toggle:hover .menu__sub-menu-toggle-icon {
    /* Keep the icons visible on focus and hover */
    background-color: var(--header-background-color);
  }

  /* Desktop submenus  */
  .js .microsite-header__menu .menu .menu {
    background: var(--menu-sub-menu-background-colour);
  }

  .js .microsite-header__menu .menu .menu a {
    color: var(--menu-sub-menu-link-colour);
  }

  .js .menu--menu-level-0 .menu .menu__sub-menu-toggle {
    /* Update the icon background to match the submenu */
    background-color: var(--menu-sub-menu-background-colour);
  }

  .js .menu--menu-level-0 .menu .menu__sub-menu-toggle:hover {
    /* Update the icon background to match the submenu */
    border-color: var(--menu-sub-menu-link-colour);
  }

  .js .menu--menu-level-0 .menu .menu__sub-menu-toggle-icon {
    /* Update the icon colour to be visible the submenu background */
    background-color: var(--menu-sub-menu-link-colour);
  }
}