/*
Theme Name: Bumblebee
Author: Bumblebee Design
Description: Custom Wordpress Starter Theme
Version: 1.0
License: Private
Text Domain: bumblebee
*/
/******************************************************************************/
/*	!HTML RESET  */
/*****************************************************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

html, body {
  height: 100%;
  height: -webkit-fill-available; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

del {
  text-decoration: line-through; }

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  padding: 0;
  margin: 1em 0; }

/* Total reset for form items. But remember to deal with border, this one is left so we can see then more clearly yet */
input, textarea, select {
  margin: 0;
  padding: 0;
  font-size: 100%;
  background: transparent;
  border: 1px solid #ccc; }

/* @end */
/* reset list styles */
ul,
li,
ul.menu li,
ul.inline li,
.item-list ul,
.item-list ul li,
li.expanded,
li.collapsed,
li.leaf,
.item-list .pager li {
  margin: 0;
  padding: 0;
  list-style-image: none;
  list-style-type: none; }

/* universal box sizing */
*, *:before, *:after {
  box-sizing: border-box; }

.ugb-main-block {
  margin: 0 !important; }

.ugb-container__wrapper {
  padding: 0 !important; }

.stk-content-align.alignwide {
  max-width: 100% !important; }

/******************************************************************************/
/*	END HTML RESET  */
/******************************************************************************/
/*******************************************************************/
/*	!FUNCTIONS   */
/*******************************************************************/
/*******************************************************************/
/*	!MIXINS   */
/*******************************************************************/
/*******************************************************************/
/*	!COLOURS   */
/*******************************************************************/
/*******************************************************************/
/*	!GLOBALS   */
/*******************************************************************/
body {
  font-family: 'Lato', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-weight: 400;
  font-size: 17px;
  line-height: 1.5;
  /*background-color: #000;
  color:#FFF;*/
  background-color: #FFF;
  color: #000; }
  @media only screen and (max-width: 759px) {
    body {
      font-size: 15px; } }

img {
  height: auto;
  width: auto; }

strong {
  font-weight: 700; }

h1, h2, h3 {
  line-height: 1.2; }

h1 {
  font-size: 36px;
  font-weight: 300;
  text-align: left;
  margin-bottom: 40px; }
  h1 strong {
    font-weight: 400; }
  @media only screen and (max-width: 759px) {
    h1 {
      font-size: 30px;
      font-weight: 300; } }

h1.main-heading, h2.main-heading {
  text-align: left;
  padding: 50px 0 20px 8%;
  font-size: 40px;
  font-weight: 300 !important;
  display: inline-block;
  margin-bottom: 50px; }
  h1.main-heading strong, h2.main-heading strong {
    font-weight: 400 !important; }
  @media only screen and (max-width: 759px) {
    h1.main-heading, h2.main-heading {
      font-size: 34px;
      font-weight: 200; } }

h2.section-heading {
  text-align: left;
  padding: 50px 8%;
  font-size: 40px;
  font-weight: 300 !important; }
  h2.section-heading strong {
    font-weight: 400 !important; }
  @media only screen and (max-width: 759px) {
    h2.section-heading {
      font-size: 30px;
      font-weight: 300; } }

h2.centre {
  text-align: center; }

h3 {
  font-weight: 300;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 24px; }
  h3 strong {
    font-weight: 400; }
  @media only screen and (max-width: 759px) {
    h3 {
      font-size: 24px;
      margin-bottom: 28px;
      font-weight: 300; } }

p {
  font-size: 17px;
  margin-bottom: 17px;
  line-height: 28px; }

a {
  text-decoration: none; }
  a:hover {
    /*text-decoration: underline;*/ }

.gb-block-button a {
  color: #fff !important;
  font-size: 17px;
  text-decoration: none;
  background-color: #E92972 !important;
  margin-top: 30px; }
  .gb-block-button a:hover {
    background-color: #000 !important; }

ol li {
  list-style: decimal; }

/*******************************************************************/
/*	!LAYOUT   */
/*******************************************************************/
#pagewrap {
  width: 100%;
  /*height: 100vh;*/ }

.top-banner-wrapper {
  position: relative;
  width: 90%;
  margin: 100px auto 0 auto; }

#main-content {
  padding-top: 50px;
  min-height: 600px;
  display: flex;
  padding-right: 5%;
  justify-content: space-between; }
  @media only screen and (max-width: 759px) {
    #main-content {
      display: block;
      padding-right: 8%; } }

.main-right-column {
  padding-left: 8%;
  margin-top: 60px; }
  .main-right-column .right-promo-column, .main-right-column .at-a-glance {
    width: 300px;
    margin-top: 30px; }
  @media only screen and (max-width: 759px) {
    .main-right-column {
      padding: 0 0 0 8%; }
      .main-right-column .right-promo-column, .main-right-column .at-a-glance {
        margin: 0 auto; }
      .main-right-column .at-a-glance {
        width: auto; } }

.heading-wrapper {
  padding: 120px 8%; }
  .heading-wrapper h1 {
    font-size: 40px;
    font-weight: 300; }
  .heading-wrapper h2 {
    font-size: 40px;
    font-weight: 300; }
  .heading-wrapper h3 {
    font-size: 40px;
    font-weight: 300; }

.standard-wrapper {
  /*max-width: 1200px;*/
  margin: 0 auto !important;
  padding: 0 0 8% 8%; }
  .standard-wrapper h2 {
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 48px;
    text-align: center; }
    @media only screen and (max-width: 759px) {
      .standard-wrapper h2 {
        font-size: 32px; } }
  .standard-wrapper p {
    font-weight: 300; }
  .standard-wrapper ul {
    margin-bottom: 20px; }
  .standard-wrapper li {
    /*font-size:21px;*/
    font-weight: 300;
    list-style: outside;
    margin-left: 18px;
    /*text-align: center;*/ }

.home-border {
  border-bottom: solid 7px #000; }

.borough-border {
  border-bottom: solid 7px #F4941B; }

.resources-border {
  border-bottom: solid 7px #C79B5E; }

.suppliers-border {
  border-bottom: solid 7px #854b20; }

.news-border {
  border-bottom: solid 7px #E92972; }

.services-border {
  border-bottom: solid 7px #C6EA36; }

.standard-border {
  border-bottom: solid 7px #BCBABA; }

.section-links-container {
  padding: 0 8% 10% 8%; }
  .section-links-container h2.section-heading {
    margin-bottom: 0; }

.section-link-blocks-wrapper {
  padding-bottom: 60px; }

.left-right h2 {
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 5px;
  text-align: left; }
.left-right h3 {
  font-size: 40px;
  font-weight: 300; }

.cutout-wrapper {
  padding: 8%;
  text-align: center; }
  .cutout-wrapper figure {
    margin: 0 auto 30px auto;
    width: 100%;
    max-height: 80vh !important;
    object-fit: cover; }
    .cutout-wrapper figure img {
      width: auto !important;
      max-height: 80vh !important;
      min-width: 0 !important; }

.eighty-wrapper {
  padding: 5% 10%; }
  .eighty-wrapper h2.section-heading {
    padding: 120px 0; }

.light-green-bg {
  background-color: #B1D85B; }

.light-grey-bg {
  background-color: #F2F0F0; }

.dark-grey-bg {
  background-color: #707070;
  color: #FFF;
  max-width: 100% !important; }

.cool-light-grey-bg {
  background-color: #DEDDDD; }

.main-grey-bg {
  background-color: #DEDDDD; }

.wp-block-stackable-feature-grid .wp-block-stackable-column {
  padding: 0 5% 5% 5%; }
.wp-block-stackable-feature-grid .stk-block-heading h3 {
  font-size: 28px;
  font-weight: 300; }
  @media only screen and (max-width: 759px) {
    .wp-block-stackable-feature-grid .stk-block-heading h3 {
      font-size: 24px; } }
.wp-block-stackable-feature-grid .stk-block-image figure {
  max-width: 180px;
  margin: 0 auto; }

.section-grid {
  margin: 0 8% 35px 8% !important; }
  .section-grid .ugb-image-box__item {
    height: 25vw !important; }
    @media only screen and (max-width: 759px) {
      .section-grid .ugb-image-box__item {
        height: 70vw !important; } }
  .section-grid .ugb-image-box__title {
    font-size: 26px;
    font-weight: 300;
    margin-bottom: 0 !important; }

figure.wp-block-image {
  margin-bottom: 0;
  position: relative; }
  figure.wp-block-image img {
    width: 100%;
    max-width: 100%;
    min-width: 100%; }

figcaption.wp-element-caption {
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  color: #FFF;
  margin: 0;
  padding: 20px;
  width: 100%;
  text-align: center; }
  @media only screen and (max-width: 759px) {
    figcaption.wp-element-caption {
      padding: 10px; } }
  figcaption.wp-element-caption a {
    color: #FFF; }
    figcaption.wp-element-caption a:hover {
      color: #DEDDDD; }

.border-bottom {
  padding-bottom: 50px;
  border-bottom: 2px solid #F2F0F0; }
  .border-bottom .wp-block-gallery {
    padding-bottom: 50px; }

.logo-wrapper .wp-block-image {
  align-items: center; }
  .logo-wrapper .wp-block-image img {
    max-height: 70px;
    width: auto;
    min-width: 0; }

.logo-wrapper {
  width: 90%;
  margin: 0 auto 8% auto !important; }

.wp-block-query ul {
  margin-left: 8%; }
  .wp-block-query ul li {
    border-bottom: 1px solid #000;
    list-style: none;
    padding: 10px 12px;
    margin-left: 0; }
  .wp-block-query ul .wp-block-post-date {
    margin-bottom: 8px; }
  .wp-block-query ul .wp-block-post-title {
    text-align: left;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 8px; }
    .wp-block-query ul .wp-block-post-title a {
      color: #000; }

/*******************************************************************/
/*	!CTA STYLING  */
/*******************************************************************/
.cta-wrapper {
  padding: 5% 5% 3% 5%; }
  .cta-wrapper .wp-block-media-text {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5); }
  .cta-wrapper .wp-block-media-text__media img {
    max-width: 90% !important;
    padding: 20px 5% !important; }
  .cta-wrapper figure {
    max-width: 90% !important;
    padding: 20px 5% !important; }

/*******************************************************************/
/*	!SLIDER STYLING  */
/*******************************************************************/
.n2-section-smartslider {
  margin-bottom: 50px; }
  .n2-section-smartslider .n2-ss-section-main-content {
    padding: 0 !important; }
    .n2-section-smartslider .n2-ss-section-main-content .n2-ss-layer {
      background-color: #F2F0F0;
      /*font-size: 17px!important;
      line-height: 19px;
      padding: 26px 0;*/ }
      .n2-section-smartslider .n2-ss-section-main-content .n2-ss-layer .n2-ss-layer[data-sstype="col"] {
        margin: 0 !important; }
        .n2-section-smartslider .n2-ss-section-main-content .n2-ss-layer .n2-ss-layer[data-sstype="col"] .n2-ss-layer {
          width: 90%;
          margin: 0 5%; }
          .n2-section-smartslider .n2-ss-section-main-content .n2-ss-layer .n2-ss-layer[data-sstype="col"] .n2-ss-layer h2 {
            margin: 5% 0 !important;
            line-height: normal !important;
            font-weight: 600 !important;
            color: #000 !important; }
            @media only screen and (max-width: 759px) {
              .n2-section-smartslider .n2-ss-section-main-content .n2-ss-layer .n2-ss-layer[data-sstype="col"] .n2-ss-layer h2 {
                font-size: 180% !important; } }
          .n2-section-smartslider .n2-ss-section-main-content .n2-ss-layer .n2-ss-layer[data-sstype="col"] .n2-ss-layer p {
            font-size: 17px !important;
            margin-bottom: 15px !important; }
          .n2-section-smartslider .n2-ss-section-main-content .n2-ss-layer .n2-ss-layer[data-sstype="col"] .n2-ss-layer .n2-ss-button-container {
            padding: 5px 0 !important;
            background: none !important;
            text-align: left !important; }
            .n2-section-smartslider .n2-ss-section-main-content .n2-ss-layer .n2-ss-layer[data-sstype="col"] .n2-ss-layer .n2-ss-button-container a {
              color: #E92972 !important;
              font-weight: 600 !important;
              font-size: 17px !important; }
      .n2-section-smartslider .n2-ss-section-main-content .n2-ss-layer .n2-ss-layer[data-sstype="col"]:nth-of-type(1) {
        width: 64% !important; }
        @media only screen and (max-width: 759px) {
          .n2-section-smartslider .n2-ss-section-main-content .n2-ss-layer .n2-ss-layer[data-sstype="col"]:nth-of-type(1) {
            min-height: 40vh; } }
      .n2-section-smartslider .n2-ss-section-main-content .n2-ss-layer .n2-ss-layer[data-sstype="col"]:nth-of-type(2) {
        width: 375px !important; }
      @media only screen and (max-width: 759px) {
        .n2-section-smartslider .n2-ss-section-main-content .n2-ss-layer {
          /*padding: 10px 0;
          font-size: 16px!important;
          line-height: 18px;*/ } }
  .n2-section-smartslider .n2-ss-slider-controls .n2-bullet {
    padding: 8px !important;
    background-color: #BCBABA !important;
    border: 1px solid #E92972; }
  .n2-section-smartslider .n2-ss-slider-controls .n2-active {
    padding: 8px !important;
    background-color: #E92972 !important; }

/*******************************************************************/
/*	!HEADER  */
/*******************************************************************/
.admin-bar header {
  /*top: 32px;*/ }

header {
  width: 100%;
  z-index: 50;
  background-color: #FFF; }

.header-top {
  transition: 0.3s;
  display: flex;
  position: fixed;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  z-index: 100;
  flex-direction: row; }
  @media only screen and (max-width: 759px) {
    .header-top {
      display: none; } }
  .header-top .navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    flex: 1;
    background-color: #FFFFFF; }
  .header-top .search-panel {
    position: absolute;
    width: 20%;
    top: -50px;
    height: 0;
    right: 0;
    background-color: #000000;
    /*height: 50px;*/
    display: flex;
    align-items: center;
    justify-content: space-around;
    z-index: -1; }
    .header-top .search-panel h3.widget-title {
      display: none; }
  .header-top .search-content-wrapper input {
    color: #FFF; }
  .header-top .search-content-wrapper input[type=submit] {
    background-image: url("images/search-icon-small.png");
    width: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 10px;
    text-indent: 10000px; }
    .header-top .search-content-wrapper input[type=submit]:hover {
      filter: invert(1);
      cursor: pointer; }
  .header-top .search-icon {
    background-color: #000;
    width: 56px;
    height: 45px;
    background-image: url("images/search-icon.png");
    background-size: contain;
    cursor: pointer; }
    .header-top .search-icon:hover {
      border: 1px solid #FFFFFF;
      filter: invert(1); }
  .header-top .offscreen {
    top: -50px;
    height: 0;
    transition-duration: 0.5s; }
  .header-top .onscreen {
    top: 48px;
    transition-duration: 0.5s;
    height: 46px; }

.header-middle {
  text-align: center;
  width: 100%;
  height: 195px;
  position: relative;
  border-bottom: 8px solid #000; }
  @media only screen and (max-width: 759px) {
    .header-middle {
      display: none; } }
  .header-middle .logo {
    margin: 0 auto;
    padding-top: 94px; }
  .header-middle .right-info {
    position: absolute;
    bottom: 15px;
    right: 5%; }
    .header-middle .right-info .textwidget {
      display: flex;
      justify-content: space-between;
      align-items: center; }

.header-top-mobile {
  display: none; }
  @media only screen and (max-width: 759px) {
    .header-top-mobile {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 110px;
      padding-right: 0%; }
      .header-top-mobile .right-info {
        padding-right: 20px; } }

.header-bottom-mobile {
  display: none; }
  @media only screen and (max-width: 759px) {
    .header-bottom-mobile {
      display: block; } }
  .header-bottom-mobile .search-panel-mobile {
    /*display: none;*/ }
    @media only screen and (max-width: 759px) {
      .header-bottom-mobile .search-panel-mobile {
        width: 100vw;
        z-index: 20;
        margin-top: 1px;
        padding: 8px 5%;
        background-color: #000;
        /*	background-color: #000*/
        /*&.onscreen {
        	display: block;
        }
        &.offscreen {
        	display: none;
        }*/ }
        .header-bottom-mobile .search-panel-mobile h3.widget-title {
          display: inline-block;
          font-size: 14px;
          width: 20%;
          min-width: 75px;
          font-weight: normal;
          color: #FFF;
          margin: 0 !important;
          line-height: 30px; }
        .header-bottom-mobile .search-panel-mobile form {
          display: inline-block;
          width: 77%;
          position: relative; }
          .header-bottom-mobile .search-panel-mobile form input[type=text] {
            width: 75%;
            padding: 2px;
            color: #FFF; }
          .header-bottom-mobile .search-panel-mobile form input[type=submit] {
            /*width:25%;*/
            padding: 2px;
            color: #FFF;
            background-image: url(images/search-icon-small.png);
            width: 25px;
            background-size: contain;
            background-repeat: no-repeat;
            margin-left: 10px;
            text-indent: 10000px; }
            .header-bottom-mobile .search-panel-mobile form input[type=submit]:hover {
              filter: invert(1);
              cursor: pointer; } }

.logo {
  position: relative;
  width: 260px;
  transition: 0.3s; }
  .logo img {
    width: 100%; }
  @media only screen and (max-width: 759px) {
    .logo {
      width: 55%;
      min-width: 190px;
      margin: 0 auto;
      padding-left: 20px;
      /*padding-bottom: 8px;*/ } }

.header-centre {
  text-align: center; }

.right-header {
  text-align: right; }

.header-icons {
  /*display: inline-block;*/
  height: 30px;
  width: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  /*margin-bottom: 10px;*/
  margin-left: 14px; }
  @media only screen and (max-width: 759px) {
    .header-icons {
      display: block; } }
  .header-icons a {
    display: block;
    height: 30px;
    width: 30px; }

.twitter-link {
  background-image: url("images/twitter-icon.png"); }

.facebook-link {
  background-image: url("images/facebook-icon.png"); }

.linkedin-link {
  background-image: url("images/linkedin-icon.png"); }

.strapline p {
  font-size: 20px;
  font-weight: 300; }

.menu-icon {
  background-color: #DEDDDD;
  width: 66px;
  height: 110px;
  /*position: relative;*/
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer; }
  .menu-icon .bars {
    width: 38px;
    display: inline-block;
    text-align: right;
    vertical-align: middle; }
  .menu-icon .bar {
    transition-duration: 0.3s;
    display: block;
    margin-bottom: 13px;
    height: 3px;
    background-color: #FFF;
    transform: rotate(0deg); }
    .menu-icon .bar:last-of-type {
      margin-bottom: 0; }

.open .bar:nth-child(1) {
  transition-duration: 0.3s;
  transform: rotate(45deg);
  transform-origin: bottom left;
  width: 48px;
  margin-bottom: 30px; }

.open .bar:nth-child(2) {
  transition-duration: 0.3s;
  display: none; }

.open .bar:nth-child(3) {
  transition-duration: 0.3s;
  transform: rotate(-45deg);
  transform-origin: bottom left;
  width: 48px;
  margin-top: 30px; }

/*******************************************************************/
/*	!SCROLLED GLOBALS */
/*******************************************************************/
.scrolled .header-top {
  /*transition: 0.3s;
  height: 90px;*/ }
  .scrolled .header-top .logo {
    transition: 0.3s;
    /*width: 240px;*/
    width: 30vw; }

/*******************************************************************/
/*	!MENU GLOBALS */
/*******************************************************************/
/*******************************************************************/
/*	!PRIMARY MENU */
/*******************************************************************/
nav {
  display: flex;
  flex: 1; }

div.primary-menu {
  display: flex;
  align-items: center;
  z-index: 20;
  flex: 1; }
  @media only screen and (max-width: 759px) {
    div.primary-menu {
      width: 100vw;
      z-index: 20;
      margin-top: 1px; }
      div.primary-menu.offscreen {
        display: none; } }
  div.primary-menu ::-webkit-scrollbar {
    display: none; }
  div.primary-menu ul.menu {
    display: flex;
    background-color: #FFFFFF;
    /*flex-direction: row;*/
    align-items: stretch;
    width: 100%;
    margin: 0 auto;
    /*padding: 2px 0 4px 0;*/
    height: auto;
    margin-top: 0;
    position: relative;
    text-align: center; }
    @media only screen and (max-width: 759px) {
      div.primary-menu ul.menu {
        display: block;
        text-align: left;
        width: 100%; } }
    div.primary-menu ul.menu li:nth-child(1) {
      background-color: #F4941B;
      border: solid 1px #F4941B; }
      div.primary-menu ul.menu li:nth-child(1) a {
        color: #FFFFFF; }
        div.primary-menu ul.menu li:nth-child(1) a:hover {
          color: #000; }
    div.primary-menu ul.menu li:nth-child(2) {
      background-color: #5E2A03;
      border: solid 1px #5E2A03; }
      div.primary-menu ul.menu li:nth-child(2) a {
        color: #FFFFFF; }
        div.primary-menu ul.menu li:nth-child(2) a:hover {
          color: #000; }
    div.primary-menu ul.menu li:nth-child(3) {
      background-color: #E92972;
      border: solid 1px #E92972; }
      div.primary-menu ul.menu li:nth-child(3) a {
        color: #FFFFFF; }
        div.primary-menu ul.menu li:nth-child(3) a:hover {
          color: #000; }
    div.primary-menu ul.menu li:nth-child(4) {
      background-color: #C79B5E;
      border: solid 1px #C79B5E; }
      div.primary-menu ul.menu li:nth-child(4) a {
        color: #FFFFFF; }
        div.primary-menu ul.menu li:nth-child(4) a:hover {
          color: #000; }
    div.primary-menu ul.menu li:nth-child(5) {
      background-color: #C6EA36;
      border: solid 1px #C6EA36; }
      div.primary-menu ul.menu li:nth-child(5):hover {
        color: #50A747; }
      div.primary-menu ul.menu li:nth-child(5) a {
        color: #000000; }
        div.primary-menu ul.menu li:nth-child(5) a:hover {
          color: #FFF; }
    div.primary-menu ul.menu li:nth-child(6) {
      background-color: #FFFFFF;
      border: solid 1px #000000; }
      div.primary-menu ul.menu li:nth-child(6) a {
        color: #000000; }
        div.primary-menu ul.menu li:nth-child(6) a:hover {
          color: #666;
          /*border: solid 1px #666;*/ }
    div.primary-menu ul.menu li {
      position: relative;
      background-color: #DEDDDD;
      flex: 1;
      margin-right: 3px;
      display: flex;
      align-content: center;
      flex-wrap: wrap;
      height: 45px; }
      div.primary-menu ul.menu li:hover {
        color: #000000;
        /*border: solid 1px $black;*/ }
        div.primary-menu ul.menu li:hover a {
          color: #FFF; }
      @media only screen and (max-width: 759px) {
        div.primary-menu ul.menu li {
          /*padding: 8px 10%;*/
          border-bottom: 1px solid #FFF;
          height: auto;
          margin-right: 0; } }
      div.primary-menu ul.menu li a {
        color: #000;
        /*height: 70px;*/
        /*padding: 20px;*/
        width: 100%;
        text-decoration: none;
        font-size: 14px;
        padding: 10px 3px;
        /*font-weight: 700;*/
        text-transform: uppercase; }
        div.primary-menu ul.menu li a:hover {
          color: #FFF; }
        @media only screen and (max-width: 759px) {
          div.primary-menu ul.menu li a {
            height: auto;
            padding: 8px 5%; } }
      div.primary-menu ul.menu li.current-menu-ancestor, div.primary-menu ul.menu li.current_page_item {
        color: #000; }
        div.primary-menu ul.menu li.current-menu-ancestor a, div.primary-menu ul.menu li.current_page_item a {
          color: #000; }
    div.primary-menu ul.menu ul.sub-menu {
      position: absolute;
      top: 42px;
      left: 0;
      right: 0;
      margin: 2px auto auto auto;
      padding: 30px 5px;
      display: none; }
      div.primary-menu ul.menu ul.sub-menu li {
        background-color: transparent;
        width: 100%;
        margin: 0;
        padding: 0 0 10px 30px;
        height: auto;
        text-align: left;
        border: none; }
        @media only screen and (max-width: 759px) {
          div.primary-menu ul.menu ul.sub-menu li {
            height: auto;
            padding: 8px 10%; } }
        div.primary-menu ul.menu ul.sub-menu li:hover {
          /*background-color: $main-grey;*/ }
          div.primary-menu ul.menu ul.sub-menu li:hover a {
            font-weight: 700; }
        div.primary-menu ul.menu ul.sub-menu li a {
          color: #000;
          text-transform: capitalize;
          padding: 0; }
          div.primary-menu ul.menu ul.sub-menu li a:hover {
            color: #000; }
          @media only screen and (max-width: 759px) {
            div.primary-menu ul.menu ul.sub-menu li a {
              height: auto;
              /*padding: 8px 10%;*/ } }
      @media only screen and (max-width: 759px) {
        div.primary-menu ul.menu ul.sub-menu {
          position: relative;
          top: 0 !important;
          display: none;
          padding: 15px 0;
          width: 100%; }
          div.primary-menu ul.menu ul.sub-menu li {
            margin-bottom: 0px;
            display: block;
            text-align: left;
            width: 100%;
            height: auto;
            border: none;
            background-color: transparent; }
            div.primary-menu ul.menu ul.sub-menu li a {
              font-weight: 400;
              color: #FFFFFF;
              /*text-transform:capitalize;*/
              height: auto;
              padding: 0px;
              width: 100%;
              /*font-weight: 600;*/
              text-decoration: none;
              font-size: 15px; }
            div.primary-menu ul.menu ul.sub-menu li.current-menu-ancestor, div.primary-menu ul.menu ul.sub-menu li.current_page_item {
              background: none;
              color: #FFF;
              font-weight: 600; } }
    div.primary-menu ul.menu .borough-menu ul.sub-menu {
      min-width: 700px;
      width: 50vw;
      background-color: #FAD4A4; }
      @media only screen and (max-width: 759px) {
        div.primary-menu ul.menu .borough-menu ul.sub-menu {
          width: 100%;
          min-width: 100%;
          /*display: flex;
          justify-content: space-around;*/
          /*div {
          	width: 50%;
          	float: left;
          	padding:0;
          }
          div:first-of-type {
          	padding-left: 0;
          }*/ } }
      div.primary-menu ul.menu .borough-menu ul.sub-menu div {
        width: 32.33333%;
        float: left;
        padding: 0; }
      div.primary-menu ul.menu .borough-menu ul.sub-menu div:first-of-type {
        padding-left: 3%; }
      div.primary-menu ul.menu .borough-menu ul.sub-menu li {
        /*background-color: $orange;*/
        border: none;
        text-align: left; }
        div.primary-menu ul.menu .borough-menu ul.sub-menu li a {
          color: #000; }
    div.primary-menu ul.menu .borough-menu ul.sub-menu:after {
      content: "";
      display: table;
      clear: both; }
    div.primary-menu ul.menu .news-menu ul.sub-menu {
      background-color: #E2BDCB; }
    div.primary-menu ul.menu .resources-menu ul.sub-menu {
      background-color: #E2CFB5;
      width: 40vw;
      min-width: 400px; }
      @media only screen and (max-width: 759px) {
        div.primary-menu ul.menu .resources-menu ul.sub-menu {
          width: 100%;
          min-width: 100%; }
          div.primary-menu ul.menu .resources-menu ul.sub-menu div {
            width: 100%;
            float: none;
            padding: 0; }
          div.primary-menu ul.menu .resources-menu ul.sub-menu div:first-of-type {
            width: 100%;
            float: none;
            padding: 0; } }
      div.primary-menu ul.menu .resources-menu ul.sub-menu div {
        width: 50%;
        float: left;
        padding: 0; }
      div.primary-menu ul.menu .resources-menu ul.sub-menu div:first-of-type {
        width: 46%;
        padding-left: 3%; }
      div.primary-menu ul.menu .resources-menu ul.sub-menu li {
        padding-left: 30px;
        border: none;
        text-align: left; }
        div.primary-menu ul.menu .resources-menu ul.sub-menu li a {
          color: #000; }
    div.primary-menu ul.menu .resources-menu ul.sub-menu:after {
      content: "";
      display: table;
      clear: both; }
    div.primary-menu ul.menu .services-menu ul.sub-menu {
      background-color: #D8E69B; }

/*body.scrolled div.primary-menu {
	li {
		height: 36px;
	}
	ul.sub-menu {
		top:36px;
		li {
			
		}
	}
}*/
/*******************************************************************/
/*	!ADVERTS PROMO */
/*******************************************************************/
.promo, .promo-column-item {
  margin-bottom: 40px; }
  .promo .wp-block-stackable-image, .promo-column-item .wp-block-stackable-image {
    width: 300px; }

/*******************************************************************/
/*	!HOME PAGE */
/*******************************************************************/
.wp-block-media-text {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
  border-radius: 0px;
  margin-bottom: 40px;
  border: 1px solid #F2F0F0; }
  .wp-block-media-text .wp-block-media-text__content {
    padding: 6% 4% !important; }
    .wp-block-media-text .wp-block-media-text__content h3 {
      margin-bottom: 0; }
      .wp-block-media-text .wp-block-media-text__content h3 a {
        color: #000; }
        .wp-block-media-text .wp-block-media-text__content h3 a:hover {
          color: #E92972; }
    .wp-block-media-text .wp-block-media-text__content li {
      list-style: outside;
      margin-left: 15px; }
  .wp-block-media-text figure {
    max-width: 120px;
    padding: 10px; }

@media only screen and (max-width: 759px) {
  .home-row {
    text-align: center !important; }
    .home-row figure.wp-block-media-text__media {
      margin: 10px auto; } }

.home .main-right-column {
  margin-top: 0px; }

.home h2.section-heading {
  color: #E92972; }

.scrolled .home-overlay {
  /*transition: 0.3s;
  display: none;*/ }

.wp-block-lazyblock-section-links .section-link-item-image {
  background-size: cover;
  background-repeat: no-repeat;
  height: 28vw;
  background-position: center center;
  margin-bottom: 24px; }
  @media only screen and (max-width: 759px) {
    .wp-block-lazyblock-section-links .section-link-item-image {
      height: 80vw;
      max-height: 350px; } }
.wp-block-lazyblock-section-links .section-button {
  margin-left: 8px;
  font-weight: 600; }
  .wp-block-lazyblock-section-links .section-button a {
    color: #000; }

.dark-grey-bg .section-button a {
  color: #FFF; }

/*******************************************************************/
/*	!BOROUGH PAGE */
/*******************************************************************/
.borough .main-right-column {
  margin-top: 60px; }
.borough .at-a-glance {
  color: #000;
  background-color: rgba(244, 148, 27, 0.4);
  border: solid 3px #F4941B;
  padding: 18px;
  margin-bottom: 40px; }
  .borough .at-a-glance div {
    margin: 10px 0 20px 0; }
  .borough .at-a-glance h3 {
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 20px; }
  .borough .at-a-glance h4 {
    padding-bottom: 15px; }
  .borough .at-a-glance p {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 150%; }
  .borough .at-a-glance li {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px; }
  .borough .at-a-glance a {
    text-decoration: underline;
    color: #000; }
    .borough .at-a-glance a:hover {
      color: #F4941B; }
.borough details {
  margin-left: 8%;
  width: 92%; }
.borough .main-col-content p a {
  color: #F4941B;
  text-decoration: underline; }
.borough .stk-block {
  margin-bottom: 0 !important; }
.borough .stk-block-accordion {
  padding-bottom: 0 !important;
  border-top: 1px solid #000 !important;
  border-bottom: 0px solid #FFF; }
  .borough .stk-block-accordion .stk-block-heading {
    padding-top: 10px !important;
    padding-bottom: 10px !important; }
    .borough .stk-block-accordion .stk-block-heading:hover {
      color: #F4941B; }
  .borough .stk-block-accordion p a, .borough .stk-block-accordion li a {
    color: #F4941B;
    text-decoration: underline; }
  .borough .stk-block-accordion .stk-column p:last-child {
    padding-bottom: 50px; }
.borough .stk-block-accordion:last-child {
  border-bottom: 1px solid #000 !important; }
.borough .stk--inner-svg svg:last-child:not(.ugb-custom-icon):not(.stk-custom-icon) :is(g,path,rect,polygon,ellipse) {
  fill: #F4941B !important; }
.borough .wp-block-query h2.wp-block-post-title a:hover {
  color: #F4941B; }
.borough .wp-block-query ul li:nth-of-type(1n+6) {
  display: none; }
.borough h5.show-more, .borough h5.show-less {
  /*	display: none;*/ }

/*******************************************************************/
/*	!RESOURCES PAGE */
/*******************************************************************/
.resource p a, .resource .standard-wrapper li a {
  color: #C79B5E;
  text-decoration: underline; }
  .resource p a:hover, .resource .standard-wrapper li a:hover {
    color: #000;
    font-weight: 400; }
.resource figure {
  margin-bottom: 40px; }

/*******************************************************************/
/*	!SERVICES PAGE */
/*******************************************************************/
.service p a, .service .standard-wrapper li a {
  color: #50A747;
  text-decoration: underline; }
  .service p a:hover, .service .standard-wrapper li a:hover {
    color: #000;
    font-weight: 400; }
.service figure {
  margin-bottom: 40px; }

/*******************************************************************/
/*	!NEWS PAGE */
/*******************************************************************/
.news p a, .news .standard-wrapper li a {
  color: #E92972;
  text-decoration: underline; }
  .news p a:hover, .news .standard-wrapper li a:hover {
    color: #000;
    font-weight: 400; }
.news figure {
  margin-bottom: 40px; }

.news-listing li a {
  color: #000 !important;
  text-decoration: none !important; }
.news-listing h2.wp-block-post-title a:hover {
  color: #E92972 !important; }

/*******************************************************************/
/*	!NEWS DETAIL PAGE */
/*******************************************************************/
.post p.meta {
  font-size: 130%; }
.post figure {
  margin: 30px auto;
  /*	text-align: center;*/ }
.post p img {
  margin: 30px auto;
  /*width: 100%;*/
  max-width: 100%;
  height: auto; }
.post p a, .post .standard-wrapper li a {
  color: #E92972;
  text-decoration: underline; }
  .post p a:hover, .post .standard-wrapper li a:hover {
    color: #000;
    font-weight: 400; }
.post figure.wp-block-image img {
  /*width: auto;*/
  max-width: 100%;
  min-width: 20%;
  margin: 0 auto; }
.post h1, .post h2, .post h3, .post h4, .post h5 {
  text-align: left; }
.post iframe {
  width: 100%;
  height: calc((100vw - (300px + 19vw)) / 1.77777777); }
  @media only screen and (max-width: 759px) {
    .post iframe {
      height: calc(100vw / 1.77777777); } }

/*******************************************************************/
/*	!DIRECTORY PAGE */
/*******************************************************************/
.directory {
  flex-wrap: wrap;
  width: 100%; }
  .directory .main-col-content {
    position: relative;
    padding-right: 5%; }
  .directory .stk-column-wrapper {
    margin: 0 !important; }
  .directory .directory-cols {
    width: 100%; }
  .directory .directory-right-column {
    /*width:300px;*/
    margin-top: 100px; }
    @media only screen and (max-width: 759px) {
      .directory .directory-right-column {
        margin-top: 40px;
        padding-left: 8%; } }
    .directory .directory-right-column p a {
      color: #854b20;
      text-decoration: underline; }
  .directory .display-posts-listing li.listing-item {
    list-style: none;
    margin-left: 0;
    padding: 30px 0; }
  .directory .stk--inner-svg svg:last-child:not(.ugb-custom-icon):not(.stk-custom-icon) :is(g,path,rect,polygon,ellipse) {
    fill: #854b20 !important; }
  .directory .stk-block-heading:hover {
    color: #854b20; }
  .directory .supplier-item {
    width: 100%;
    position: relative;
    padding: 30px 0;
    border-bottom: 1px solid #999; }
    .directory .supplier-item .left-content {
      width: 25%;
      padding-right: 5%;
      display: inline-block;
      vertical-align: top; }
      .directory .supplier-item .left-content .supplier-logo img {
        width: 100%; }
    .directory .supplier-item p a {
      color: #854b20;
      text-decoration: underline; }
    .directory .supplier-item .right-content {
      width: 72%;
      display: inline-block; }
    .directory .supplier-item .featured-panel {
      display: none;
      padding: 2% 5% 5% 5%;
      background-color: #F2F0F0; }
      .directory .supplier-item .featured-panel img {
        width: 100%;
        max-width: 100%; }
    .directory .supplier-item .featured-button {
      font-weight: 600;
      color: #5E2A03;
      background-color: #F2F0F0;
      cursor: pointer;
      text-align: center;
      padding: 5px 0; }
      .directory .supplier-item .featured-button:hover {
        color: #999; }
  .directory .supplier-item:last-of-type {
    border-bottom: none; }

/*******************************************************************/
/*	!STANDARD PAGE */
/*******************************************************************/
.standard p a, .standard .standard-wrapper li a {
  color: #BCBABA;
  text-decoration: underline; }
  .standard p a:hover, .standard .standard-wrapper li a:hover {
    color: #000;
    font-weight: 400; }
.standard figure {
  margin-bottom: 40px; }

/*******************************************************************/
/*	!SEARCH RESULTS PAGE */
/*******************************************************************/
.search-result {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: solid 1px #BCBABA; }

/*******************************************************************/
/*	!PROJECTS LISTING PAGE */
/*******************************************************************/
.listing-wrapper {
  width: 90%;
  margin: 0 auto !important;
  padding: 0;
  overflow: hidden;
  position: relative; }

.wpupg-filter-container .wpupg-filter-label {
  text-transform: uppercase;
  font-size: 15px !important;
  font-weight: 300;
  margin: 8px 0;
  cursor: pointer; }
  .wpupg-filter-container .wpupg-filter-label:hover {
    font-weight: 700;
    color: #000; }
.wpupg-filter-container .wpupg-filter {
  display: none; }
.wpupg-filter-container .wpupg-filter-clear {
  display: block; }
.wpupg-filter-container .wpupg-filter-item {
  background: none !important;
  text-transform: uppercase !important;
  color: #707070 !important;
  border: none !important;
  font-size: 15px !important;
  font-weight: 300;
  padding: 0 !important;
  margin: 0 0 5px 30px !important; }
.wpupg-filter-container .wpupg-filter-clear-button {
  margin: 10px 0 5px 0 !important;
  padding: 3px 8px !important;
  font-size: 12px !important;
  background-color: #F2F0F0 !important;
  border: 1px solid #BCBABA !important; }
.wpupg-filter-container .active {
  font-weight: 700;
  color: #000; }

.wpupg-grid-with-filters .wpupg-grid-container {
  padding-bottom: 40px;
  /*		.wpupg-meta-container {
  			text-align: center;
  		}*/ }
  .wpupg-grid-with-filters .wpupg-grid-container .wpupg-template-simple {
    border: none !important; }
  .wpupg-grid-with-filters .wpupg-grid-container .wpupg-item-title {
    font-weight: 300 !important;
    /*font-size:21px!important;*/
    margin: 16px 5px 20px 5px; }
  .wpupg-grid-with-filters .wpupg-grid-container .wpupg-item-image {
    position: relative; }
    .wpupg-grid-with-filters .wpupg-grid-container .wpupg-item-image img {
      width: 100%; }

/******************************************************************/
/* WEBFORMS */
/*****************************************************************/
.contact-form {
  padding: 6%;
  margin: 30px 0 50px 0 !important; }
  .contact-form p {
    font-weight: 400; }
  .contact-form input, .contact-form textarea {
    border-color: #666;
    padding: 2px; }

.telephone-form {
  background-color: #D8E69B;
  padding: 6%;
  margin: 30px 0 50px 0 !important; }
  .telephone-form p {
    font-weight: 400; }
  .telephone-form input, .telephone-form textarea {
    border-color: #666;
    padding: 2px; }

/*******************************************************************/
/*	!FOOTER */
/*******************************************************************/
footer {
  width: 100%; }
  footer .footer-top {
    text-align: center; }
    footer .footer-top accreditation-icons {
      /*			margin: 0 auto;*/
      padding: 40px 0; }
  footer #menu-footer-bottom-menu {
    padding: 0 0 20px 0;
    text-align: center; }
    footer #menu-footer-bottom-menu li {
      color: #FFF;
      display: inline-block;
      border-right: 1px solid #000;
      padding: 0 8px; }
      footer #menu-footer-bottom-menu li a {
        color: #000; }
    footer #menu-footer-bottom-menu li:last-of-type {
      border-right: none; }
  footer .bottom-footer {
    text-align: center;
    padding: 40px 5%;
    color: #000;
    background-color: #F4941B; }