@charset "UTF-8";
/**
 *------------------------------------------------------
 * Circle Interactive
 * -----------------------------------------------------
 * @author Pooks <chris@circle-interactive.co.uk>
 */
/**
 *------------------------------------------------------
 * Circle Interactive
 * -----------------------------------------------------
 * @author Pooks <chris@circle-interactive.co.uk>
 */
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");
/*------- Theme colors to overwrite default bootstrap colors -------*/
/*------- rebrand 2022 colours -------*/
/*------- Break Points for media queries -------*/
/*------- Text -------*/
/*------- Other -------*/
/**
 *------------------------------------------------------
 * Circle Interactive
 * -----------------------------------------------------
 * @author Pooks <chris@circle-interactive.co.uk>
 */
html, body {
  font-size: 18px;
  font-weight: 400;
  color: #00133F;
  font-family: "Poppins", sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
}

body {
  background-color: #00415B;
  line-height: 1.5;
}

.dialog-off-canvas-main-canvas {
  overflow: hidden;
}

a.logo {
  margin: 0.2em 0 0;
}
a.logo img {
  height: auto;
  width: 375px;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  text-decoration: none;
  font-size: 1.1em;
  color: #004f6b;
}

body.tablet a.logo {
  margin-top: 0;
}
body.tablet a.logo img {
  width: 340px;
}
body.tablet .navbar-brand {
  display: none;
}

body.mobile a.logo {
  margin-top: 0;
}
body.mobile a.logo img {
  width: 320px;
}
@media (max-width: 600px) {
  body.mobile a.logo {
    margin-top: 0;
  }
  body.mobile a.logo img {
    width: 280px;
  }
}
@media (max-width: 435px) {
  body.mobile a.logo {
    margin-top: 0;
  }
  body.mobile a.logo img {
    width: 200px;
  }
}

a {
  color: #A81563;
  text-decoration: underline;
  padding: 0.25rem;
  /*&:hover, */
}
a:hover {
  color: #A81563;
}
a.btn:hover {
  outline: 0.1rem solid #00133F;
  box-shadow: 0 0 0.4rem 0.2rem #00133F;
  border-radius: 0.125rem;
}
a:focus, a.btn:focus {
  outline: 0.375rem double black;
  box-shadow: 0 0 0 0.25rem white;
  border-radius: 0.125rem;
}
a.btn:hover, a.btn:focus {
  text-decoration: underline;
  font-weight: bolder;
}

.wrap.grey a,
.field--name-field-paragraphs a,
.field--name-field-paragraphs li a {
  font-weight: bold;
}
.wrap.grey a:hover, .wrap.grey a:focus,
.field--name-field-paragraphs a:hover,
.field--name-field-paragraphs a:focus,
.field--name-field-paragraphs li a:hover,
.field--name-field-paragraphs li a:focus {
  font-weight: bolder;
}

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  padding: 10px;
  line-height: 2em;
  background-color: #fff;
}

.footer a {
  padding: 0.25rem;
}

.footer a:focus {
  outline: 0.375rem double black;
  box-shadow: 0 0 0 0.25rem white;
  border-radius: 0.125rem;
}

p {
  margin: 0 0 1.2em;
}

p.small-print {
  font-size: 0.85em;
}

h1.page-header,
h2.h1.page-header {
  padding-bottom: 0;
  margin: 0 0 0.75em;
  border-bottom: none;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}
h1.page-header:focus,
h2.h1.page-header:focus {
  outline: 0.375rem double black;
  box-shadow: 0 0 0 0.25rem white;
  border-radius: 0.125rem;
}

#title-header .region-page-title-header:last-child h1.page-header, #title-header .region-page-title-header:last-child h2.h1.page-header {
  margin-bottom: 0;
}

h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {
  margin: 1.2em 0 0.75em;
  line-height: 1.1;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

h1, .h1 {
  font-size: 2em;
}

h2, .h2 {
  font-size: 1.6em;
}

h2:first-child {
  margin-top: 0;
}

h3, .h3 {
  font-size: 1.3em;
}

h3:first-child {
  margin-top: 0;
}

h4, .h4 {
  font-size: 1em;
}

h4:first-child {
  margin-top: 0;
}

strong {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

ul, ol {
  margin: 0 0 1.5em;
  padding: 0;
}

ul li, ol li {
  margin: 0 0 0.5em 1.2em;
  padding: 0;
}

ol li {
  margin-left: 1.6em;
}

.main-content ul, .main-content ol {
  /* https://perishablepress.com/margin-list-floated-image/ */
  width: auto;
  overflow: hidden;
}

.main-content ul:last-child, .main-content ol:last-child {
  margin-bottom: 0;
}

.label {
  color: #00133F;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

/*** Media Queries ***/
@media (max-width: 991px) {
  h1.page-header {
    margin-bottom: 0.5em;
  }
}
@media (max-width: 767px) {
  h2 {
    font-size: 1.4em;
  }
  h3 {
    font-size: 1.2em;
  }
}
@media (max-width: 600px) {
  h2 {
    font-size: 1.3em;
  }
}
@media (max-width: 480px) {
  body {
    line-height: 1.4;
  }
}
/*** Table ***/
.table {
  border-bottom: 1px solid #CBD0DE;
}

.table > thead > tr > th {
  border-bottom: 2px solid #CBD0DE;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  padding: 0.5em 0.75em 0.6em;
  border-top: 1px solid #CBD0DE;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #EFF2F3;
}

.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #F7F8F9;
}

.table-striped > tbody > tr:hover {
  background-color: #E7EBED;
}

/**
 *------------------------------------------------------
 * Circle Interactive
 * -----------------------------------------------------
 * @author Pooks <chris@circle-interactive.co.uk>
 */
#toolbar-administration ul.toolbar-menu li {
  margin: 0;
}

@media (max-width: 1199px) {
  #toolbar-administration {
    display: none;
  }
  body.toolbar-fixed.toolbar-vertical.toolbar-tray-open.toolbar-fixed {
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) {
  body {
    margin-top: 0;
  }
}
/*** Main page admin tabs ***/
.tabs--primary {
  margin-bottom: 0;
  padding: 0.5em 55px 0;
  background-color: #EDF1F3;
  font-size: 0.75em;
}

.tabs--primary > li {
  margin-left: 0;
}

.tabs--primary > li > a {
  padding: 0.2em 0.5em 0.1em;
}

.tabs--primary > li > a:hover,
.tabs--primary > li > a:focus {
  text-decoration: none;
  background-color: #E1E4E5;
}

/*** Alert messages ***/
.region-help .block {
  overflow: visible;
}

.messages__wrapper {
  font-size: 1em;
}

.alert {
  z-index: 999;
  position: relative;
  margin-top: 0;
  margin-bottom: 0.5em;
}

.alert:last-of-type {
  margin-bottom: 2em;
}

/*** Accessibility ***/
#skip-link a {
  background-color: #00415B;
  color: #fff;
}

main a#main-content {
  display: none;
}

/*** Bootstrap JS Modal stying ***/
.drupal-modal .modal-title {
  font-size: 1rem;
  font-weight: 600;
  float: left;
}

/**
 *------------------------------------------------------
 * Circle Interactive
 * -----------------------------------------------------
 * @author Pooks <chris@circle-interactive.co.uk>
 */
.well {
  min-height: 20px;
  padding: 1rem;
  margin-bottom: 1.2em;
  background-color: #EDF1F3;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.navbar .logo {
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

body.mobile .navbar-brand {
  display: none;
}

.region:after {
  content: "";
  display: table;
  clear: both;
}

.main-content .container {
  padding-top: 3%;
  padding-bottom: 3.5%;
  padding-top: 2em;
  padding-bottom: 2.5em;
}

body.page-node-type-event .main-container {
  padding-top: 0;
}

.container {
  padding-right: 1.291%;
  padding-left: 1.291%;
  margin-right: auto;
  margin-left: auto;
}

/* .main-container,
.hero-banner .container {
    font-size: 0;
} */
.container > .navbar-header, .container-fluid > .navbar-header,
.container > .navbar-collapse, .container-fluid > .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}

/*** Media Queries ***/
@media (max-width: 767px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .main-content .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  #navbar-collapse {
    padding-left: 20px;
    padding-right: 20px;
  }
  #navbar-collapse .container {
    padding-left: 0;
    padding-right: 0;
  }
  .region-sidebar-second {
    padding-top: 2rem;
  }
}
/***********************************************/
/******************** Header *******************/
/***********************************************/
.main-container {
  /* background-color: #fff; */
  /* min-height: 24em; */
}

/* @media screen and (min-width: 1120px) { */
.navbar.container {
  max-width: 100%;
  width: 80rem;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  background-color: #fff;
}

.wrap {
  max-width: 100%;
  width: 80rem;
  margin: 0 auto;
  background-color: #fff;
}

/* } */
.wrap.grey {
  background-color: #EDF1F3;
}

.wrap:last-child {
  padding-bottom: 2em;
}

.footer.wrap {
  background: #004F6B url("../images/bg-footer-circles.svg") right bottom/100% auto no-repeat;
}

@media (max-width: 1199px) {
  .footer.wrap {
    background: #004F6B url("../images/bg-footer-circles.svg") right -8em bottom -2em/100% auto no-repeat;
  }
}
@media (max-width: 991px) {
  .footer.wrap {
    background: #004F6B url("../images/bg-footer-circles.svg") right -9em bottom -2em/100% auto no-repeat;
  }
}
@media (max-width: 767px) {
  .footer.wrap {
    background: #004F6B url(../images/bg-footer-circles.svg) right -8em bottom -0.3em/767px auto no-repeat;
  }
}
/* .navbar.container, .navbar.container-fluid {
    margin-top:0;
    padding-top:0;
    padding-bottom:0; 
} */
.navbar-default {
  border: none;
  /* border-bottom-color: #CBD0DE; */
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.navbar-header {
  padding-top: 22px;
  padding-bottom: 22px;
  padding-top: 1em;
  padding-bottom: 0.5em;
  display: block;
}

body.mobile .navbar-header {
  padding-bottom: 1em;
}

@media (min-width: 768px) {
  .navbar-header {
    float: none;
  }
}
@media (max-width: 767px) {
  .navbar-header {
    padding-top: 0.75em;
    padding-bottom: 0.75em;
  }
  nav {
    padding-top: 1.2em;
  }
}
.navbar-default .navbar-collapse {
  background-color: #fff;
  /* padding-top:1.6em;
  padding-bottom:1.6em; */
}

.region-navigation {
  /* height: 80px; */
  /* height: 5em; */
  position: relative;
}

#title-header {
  padding: 1.6em 0 2em;
}

#title-header:after {
  content: "";
  display: table;
  clear: both;
}

#title-header > *:last-child {
  margin-bottom: 0;
}

/* .navbar-header .container,
#navbar-collapse .container {
    padding:0;
} */
/*** Hide mobile menu items in main menu ****/
body.desktop #navbar .navbar-collapse .nav li.mobile {
  display: none;
}

/*** Media Queries ***/
@media (min-width: 1250px) {
  .navbar-header,
  .navbar-default .navbar-collapse,
  .footer {
    padding-left: 40px;
    padding-right: 40px;
  }
  .navbar-header .container,
  #navbar-collapse .container,
  .footer .container {
    width: auto;
    /* padding-left: 1.291%;
    padding-right: 1.291%; */
  }
}
@media (max-width: 1200px) and (min-width: 1048px) {
  .navbar-header,
  .navbar-default .navbar-collapse {
    padding-left: 40px;
    padding-right: 40px;
  }
  .navbar-header .container,
  #navbar-collapse .container {
    width: auto;
  }
}
@media (max-width: 991px) and (min-width: 828px) {
  .navbar-header,
  .navbar-default .navbar-collapse {
    padding-left: 40px;
    padding-right: 40px;
  }
  .navbar-header .container,
  #navbar-collapse .container {
    width: auto;
  }
}
/***********************************************/
/*************** Page title region *************/
/***********************************************/
#page-header {
  background: #004f6b url("../images/bg-page-header-2022.svg") left top/1440px auto no-repeat;
  color: #fff;
}

.search_filter {
  background: #EDF1F3;
}

/* .title-container {
    padding-top:0;
    padding-bottom:0;
} */
.title-container p.lead-para {
  margin-bottom: 0.75em;
  font-weight: 600;
  color: #fff;
  font-size: 1.1em;
}

/***********************************************/
/************ Main Container Layout ************/
/***********************************************/
/*** Content ***/
/*** Sidebar ***/
/***********************************************/
/******************** Footer *******************/
/***********************************************/
.footer {
  /* padding-left:55px;
  padding-right:55px; */
  padding-top: 42px;
  border: none;
}

.region-footer {
  font-weight: 500;
  font-size: 0.75em;
  min-height: 250px;
}

/**
 *------------------------------------------------------
 * Circle Interactive
 * -----------------------------------------------------
 * @author Pooks <chris@circle-interactive.co.uk>
 */
ul.nav li {
  margin: 0;
  padding: 0;
}

ul.nav > li > a {
  padding: 0.5em 1em 0.6em;
  outline: none;
  text-decoration: none;
}

/***********************************************/
/***************** Header menu *****************/
/***********************************************/
#block-headermenu {
  float: right;
}
#block-headermenu ul.nav > li {
  display: inline-block;
  font-weight: 600;
  margin-bottom: 0;
  font-size: 1.1em;
}
#block-headermenu ul.nav > li.first {
  margin-left: 0;
}
#block-headermenu ul.nav > li a {
  display: inline-block;
  background-color: #A81563;
  color: #fff;
  border-radius: 0;
  padding: 0.5em 2em 0.6em;
}
#block-headermenu ul.nav > li a:hover, #block-headermenu ul.nav > li a:focus {
  font-weight: bold;
  text-decoration: underline;
}
#block-headermenu ul.nav > li a:hover {
  outline: 0.1rem solid #00133F;
  box-shadow: 0 0 0.4rem 0.2rem #00133F;
  border-radius: 0.125rem;
}
#block-headermenu ul.nav > li a:focus {
  outline: 0.375rem double black;
  box-shadow: 0 0 0 0.25rem white;
  border-radius: 0.125rem;
}

body.mobile #block-headermenu {
  display: none;
}

/***********************************************/
/************ Hamburger menu button ************/
/***********************************************/
button#hamburger-button {
  padding: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 4px;
}

button#hamburger-button svg {
  width: auto;
  height: 40px;
}
button#hamburger-button svg .cls-1 {
  fill: none;
  stroke: #A81563;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 6px;
}

@media (max-width: 500px) {
  button#hamburger-button svg {
    height: 35px;
  }
}
@media (max-width: 396px) {
  button#hamburger-button svg {
    height: 30px;
  }
}
@media (max-width: 343px) {
  button#hamburger-button svg {
    height: 28px;
  }
}
body.menu-open #hamburger-button svg g#close {
  display: block;
}

body.menu-open #hamburger-button svg g#open {
  display: none;
}

body.menu-closed #hamburger-button svg g#close {
  display: none;
}

body.menu-closed #hamburger-button svg g#open {
  display: block;
}

/***********************************************/
/****************** Main menu ******************/
/***********************************************/
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: transparent;
  color: #00133F;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  border-color: transparent;
}

nav.original-main-menu {
  display: inline-block;
  white-space: nowrap;
}

#block-menu-block-1 {
  float: left;
}

@media (min-width: 980px) {
  #block-menu-block-1 {
    display: block !important;
  }
}
.navbar-collapse .nav {
  margin: 0;
  padding: 0;
  margin-left: -0.3rem;
  font-size: 0;
}

.navbar-collapse .nav > li {
  position: relative;
  float: left;
  font-size: 19px;
  margin: 0 0.6em 0 0;
  line-height: 1;
  white-space: nowrap;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}

.navbar-collapse .nav > li > a {
  color: #004f6b;
  height: 100%;
  padding: 0.8em 0.3rem 1.4em;
}

.navbar-collapse .nav > li > a:hover,
.navbar-collapse .nav > li > a:focus {
  background-color: transparent;
  text-decoration: none;
}

.navbar-collapse .nav > li > a span.underline,
.navbar-collapse .nav > li > a span.underline {
  border-bottom: 2px solid transparent;
}

.navbar-collapse .nav > li:hover > a span.underline {
  border-bottom-color: #00133F;
  color: #00133F;
}

.navbar-collapse .nav > li.active-trail > a:hover span.underline {
  border-bottom-color: #00133F;
}

.navbar-collapse .nav > li.active > a,
.navbar-collapse .nav > li.active-trail > a {
  /* text-decoration: underline; */
  border-bottom-color: #004f6b;
  background-color: transparent;
}

.navbar-collapse .nav > li > a:focus {
  outline: 0.375rem double black;
  box-shadow: 0 0 0 0.25rem white;
  border-radius: 0.125rem;
}

.navbar-collapse .nav li.dropdown > .dropdown-toggle .caret {
  background-image: url("../images/ico-chevron-down.svg");
  background-repeat: no-repeat;
  width: 15px;
  height: 20px;
  border: none;
  background-size: contain;
  border: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0.4em;
}

body.mobile .navbar-collapse .nav li.dropdown > .dropdown-toggle .caret {
  display: inline-block;
}

/*** Dropdown menu ***/
/* http://jeromejaglale.com/doc/drupal7/bootstrap_menu_dropdown_over */
body.desktop, body.tablet {
  /* siteimprove */
}
body.desktop ul.nav li.dropdown > a.dropdown-toggle:focus ul.dropdown-menu,
body.desktop ul.nav li.dropdown > a.dropdown-toggle:active ul.dropdown-menu, body.tablet ul.nav li.dropdown > a.dropdown-toggle:focus ul.dropdown-menu,
body.tablet ul.nav li.dropdown > a.dropdown-toggle:active ul.dropdown-menu {
  display: block;
}

.navbar-collapse ul.nav li.dropdown ul.dropdown-menu {
  margin-top: 0;
  border-radius: 0;
  border: none;
  border-bottom: 4px solid #004f6b;
  border-top: 1px solid #cbd0de;
  width: 100%;
  min-width: auto;
  min-width: 18em;
  font-size: 0.85em;
}

.navbar-collapse ul.nav li.dropdown ul.dropdown-menu li {
  margin-bottom: 1px;
}

.navbar-collapse ul.nav li.dropdown ul.dropdown-menu li a {
  color: #004f6b;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  padding: 0.5em 1em;
  line-height: 1.2;
  text-decoration: none;
  white-space: normal;
}
.navbar-collapse ul.nav li.dropdown ul.dropdown-menu li a:hover {
  background-color: #E1E4E5;
  text-decoration: underline;
  outline: 0.1rem solid #00133F;
  border-radius: 0.125rem;
}
.navbar-collapse ul.nav li.dropdown ul.dropdown-menu li a:focus {
  outline: 0.375rem double black;
  box-shadow: 0 0 0 0.25rem white;
  border-radius: 0.125rem;
}

.navbar-collapse ul.nav li.dropdown ul.dropdown-menu li a:hover,
.navbar-collapse ul.nav li.dropdown ul.dropdown-menu li a:focus {
  background-color: #edf1f3;
  color: #00133F;
}

.navbar-collapse ul.nav li.dropdown ul.dropdown-menu li a.is-active {
  background-color: #edf1f3;
  color: #00133F;
}

/*** Pages with manual active styling ***/
/** News and reports - Search **/
/***********************************************/
/************** Main menu - Mobile *************/
/***********************************************/
#navbar-collapse.collapse {
  display: block;
}

body.mobile.menu-closed #navbar-collapse {
  height: 0 !important;
  overflow: hidden !important;
}

#cloned-main-menu {
  display: none;
}

body.mobile.menu-open {
  overflow: hidden;
}
body.mobile.menu-open #navbar .navbar-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
  border-bottom: 1px solid rgb(203, 208, 222);
  background-color: #fff;
}
body.mobile.menu-open #navbar #navbar-collapse {
  padding-left: 0;
  padding-right: 0;
  float: none;
  clear: both;
  position: fixed;
  top: 87px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  border: none;
  overflow-y: scroll !important;
  width: 100%;
  z-index: 9999;
}
body.mobile.menu-open #navbar #navbar-collapse .container {
  padding: 0;
  width: auto;
}
body.mobile.menu-open #navbar #navbar-collapse nav.original-main-menu {
  display: block;
}
body.mobile.menu-open #navbar #navbar-collapse nav.original-main-menu ul.nav {
  height: auto;
  float: none;
}
body.mobile.menu-open #navbar #navbar-collapse nav.original-main-menu ul.nav > li, body.mobile.menu-open #navbar #navbar-collapse nav.original-main-menu ul.nav > li.open {
  display: block;
  float: none;
  border-bottom: #edf1f3 solid 1px;
  margin: 0;
}
body.mobile.menu-open #navbar #navbar-collapse nav.original-main-menu ul.nav > li > a, body.mobile.menu-open #navbar #navbar-collapse nav.original-main-menu ul.nav > li.open > a {
  color: #00133F;
  background-color: #fff;
  padding: 15px 60px 19px;
  border: none;
}
body.mobile.menu-open #navbar #navbar-collapse nav.original-main-menu ul.nav > li > a:hover span, body.mobile.menu-open #navbar #navbar-collapse nav.original-main-menu ul.nav > li > a:focus span, body.mobile.menu-open #navbar #navbar-collapse nav.original-main-menu ul.nav > li.open > a:hover span, body.mobile.menu-open #navbar #navbar-collapse nav.original-main-menu ul.nav > li.open > a:focus span {
  border-bottom: 2px solid #00133F;
}
body.mobile.menu-open #navbar #navbar-collapse nav.original-main-menu ul.nav > li > .dropdown-menu, body.mobile.menu-open #navbar #navbar-collapse nav.original-main-menu ul.nav > li.open > .dropdown-menu {
  position: relative;
  width: 100%;
  box-shadow: none;
  float: none;
  background-color: #edf1f3;
  border: none;
  padding: 7px 0;
}
body.mobile.menu-open #navbar #navbar-collapse nav.original-main-menu ul.nav > li > .dropdown-menu li a, body.mobile.menu-open #navbar #navbar-collapse nav.original-main-menu ul.nav > li.open > .dropdown-menu li a {
  color: #00133f;
  padding: 12px 55px 15px;
}
body.mobile.menu-open #navbar #navbar-collapse nav.original-main-menu ul.nav > li > .dropdown-menu li a:hover, body.mobile.menu-open #navbar #navbar-collapse nav.original-main-menu ul.nav > li > .dropdown-menu li a:focus, body.mobile.menu-open #navbar #navbar-collapse nav.original-main-menu ul.nav > li.open > .dropdown-menu li a:hover, body.mobile.menu-open #navbar #navbar-collapse nav.original-main-menu ul.nav > li.open > .dropdown-menu li a:focus {
  background-color: #F9FAFB;
}
body.mobile.menu-open #navbar #navbar-collapse nav.original-main-menu ul.nav > li > .dropdown-menu li.active a, body.mobile.menu-open #navbar #navbar-collapse nav.original-main-menu ul.nav > li.open > .dropdown-menu li.active a {
  background-color: #DDE4E9;
}
@media (max-width: 767px) {
  body.mobile.menu-open #navbar #navbar-collapse nav.original-main-menu ul.nav > li > a, body.mobile.menu-open #navbar #navbar-collapse nav.original-main-menu ul.nav > li.open > a {
    padding: 15px 35px 19px 27px;
  }
  body.mobile.menu-open #navbar #navbar-collapse nav.original-main-menu ul.nav > li > .dropdown-menu li a, body.mobile.menu-open #navbar #navbar-collapse nav.original-main-menu ul.nav > li.open > .dropdown-menu li a {
    padding: 15px 25px 19px 25px;
  }
}
body.mobile.menu-open #navbar #navbar-collapse nav.original-main-menu ul.nav > li.dropdown > .dropdown-toggle .caret {
  float: right;
  margin-top: -0.3em;
  border-bottom: 2px solid transparent;
}
@media (max-width: 500px) {
  body.mobile.menu-open #navbar #navbar-collapse {
    top: 71px;
  }
}

/***********************************************/
/***********************************************/
/***************** FOOTER MENUS ****************/
/***********************************************/
/***********************************************/
.footer nav {
  float: left;
  clear: left;
}

.footer nav .nav > li {
  display: inline-block;
  margin-left: 0.5em;
  margin-right: 0.5em;
  line-height: 1;
  padding-block: 12px;
}

.footer nav .nav > li:first-child {
  margin-left: 0;
}

.footer nav .nav > li:last-child {
  margin-right: 0;
}

.footer nav .nav > li a {
  color: #fff;
  padding: 0.25rem;
}

.footer nav .nav > li a:hover,
.footer nav .nav > li a:focus {
  text-decoration: underline;
  background-color: transparent;
}

/***********************************************/
/*************** Footer menu large ***************/
/***********************************************/
nav.footer-menu-large {
  margin: 0;
  float: left;
  clear: both;
}

nav.footer-menu-large .nav > li {
  font-size: 1.55em;
  margin-bottom: 0;
  font-weight: 500;
}

@media (max-width: 991px) {
  nav.footer-menu-large {
    margin: 0 auto;
    float: none;
    clear: none;
  }
}
/***********************************************/
/************** Footer menu small **************/
/***********************************************/
nav.footer-menu-small {
  margin-top: 2em;
}

/*** Media Queries ***/
@media (max-width: 991px) {
  .footer nav.footer-menu-small {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
    text-align: center;
    margin-top: 3em;
  }
  nav.footer-menu-small .nav > li:last-child {
    display: block;
    border-left: 0;
    padding-left: 0;
    margin-left: 0;
  }
  nav.footer-menu-small .nav > li:last-child a {
    border-top: 1px solid #839DA7;
    padding: 0.75em 2em;
    margin-top: 0.75em;
    display: inline-block;
  }
}
@media (max-width: 660px) {
  nav.footer-menu-large {
    clear: both;
    float: none;
    text-align: center;
    margin: 0 0 1em;
  }
  nav.footer-menu-large ul.menu li {
    line-height: 1.5;
  }
  .footer nav.footer-menu-small {
    margin-top: 2em;
  }
  .footer nav.footer-menu-small ul.menu li a {
    font-size: 1em;
    padding: 0.5em;
  }
}
/**
 *------------------------------------------------------
 * Circle Interactive
 * -----------------------------------------------------
 * @author Pooks <chris@circle-interactive.co.uk>
 */
.block {
  position: relative;
}

.main-content .block {
  margin-bottom: 2.582%;
}

.region-content-top .block {
  padding-bottom: 2.582%;
}

.main-content .block-chartblock,
#block-system-main,
.main-content .block:last-child {
  margin-bottom: 0;
}

.main-content .wrap.grey .block {
  background-color: transparent;
  padding: 0;
}

h2.block-title {
  margin-top: 0;
  margin-bottom: 1em;
}

.block-type--grey-block h2.block-title {
  margin-bottom: 0.75em;
}

.block-block .btn {
  margin-top: 0.75em;
}

@media (max-width: 600px) {
  .main-content .block {
    margin-bottom: 5.164%;
  }
}
/*** Fix find out more button ***/
.main-content .block .content.last-button {
  position: relative;
}

.main-content .block .content.last-button p:last-child a.btn {
  position: absolute;
  bottom: 1.2em;
  margin-bottom: 0.75em;
  padding: 0.75rem;
}

/*** Media Queries ***/
@media (max-width: 991px) {
  .block.title-block-margin:not(.two-columns) {
    margin-top: 1.5rem;
  }
  .block.title-block-margin:first-child {
    margin-top: 0;
  }
}
/***********************************************/
/**************** Admin blocks *****************/
/***********************************************/
/***** Masquerade block ******/
.block-masquerade {
  margin-bottom: 3rem;
}

@media (max-width: 991px) {
  .block-masquerade {
    display: none;
  }
}
/***********************************************/
/************* Hambuger menu block *************/
/***********************************************/
#block-hamburgermenubutton,
#block-bootstrap-hwwib9-2021-hamburgermenubutton {
  float: right;
  display: none;
  margin: 0;
}

body.mobile #block-hamburgermenubutton,
body.mobile #block-bootstrap-hwwib9-2021-hamburgermenubutton {
  display: inline-block;
}

/***********************************************/
/************ Search icon for mobile ***********/
/***********************************************/
#block-searchiconfortabletandmobileviewports,
#block-bootstrap-hwwib9-2021-searchiconfortabletandmobileviewports {
  display: none;
}
#block-searchiconfortabletandmobileviewports .field,
#block-bootstrap-hwwib9-2021-searchiconfortabletandmobileviewports .field {
  margin-bottom: 0;
}

body.tablet #block-searchiconfortabletandmobileviewports,
body.tablet #block-bootstrap-hwwib9-2021-searchiconfortabletandmobileviewports, body.mobile #block-searchiconfortabletandmobileviewports,
body.mobile #block-bootstrap-hwwib9-2021-searchiconfortabletandmobileviewports {
  display: inline-block;
}

body.tablet #block-searchiconfortabletandmobileviewports,
body.tablet #block-bootstrap-hwwib9-2021-searchiconfortabletandmobileviewports {
  margin: 0.15em 0 0 1em;
  line-height: 1;
}
body.tablet #block-searchiconfortabletandmobileviewports .content a,
body.tablet #block-bootstrap-hwwib9-2021-searchiconfortabletandmobileviewports .content a {
  padding: 0.2em;
  display: inline-block;
}
body.tablet #block-searchiconfortabletandmobileviewports .content a svg,
body.tablet #block-bootstrap-hwwib9-2021-searchiconfortabletandmobileviewports .content a svg {
  width: auto;
  height: 40px;
}

body.mobile #block-searchiconfortabletandmobileviewports,
body.mobile #block-bootstrap-hwwib9-2021-searchiconfortabletandmobileviewports {
  margin: 0 1em 0 0;
}
body.mobile #block-searchiconfortabletandmobileviewports a#mobile-search-icon,
body.mobile #block-bootstrap-hwwib9-2021-searchiconfortabletandmobileviewports a#mobile-search-icon {
  display: inline-block;
  margin-top: -2px;
}
body.mobile #block-searchiconfortabletandmobileviewports a#mobile-search-icon:focus,
body.mobile #block-bootstrap-hwwib9-2021-searchiconfortabletandmobileviewports a#mobile-search-icon:focus {
  outline: 0.375rem double black;
  box-shadow: 0 0 0 0.25rem white;
  border-radius: 0.125rem;
}
body.mobile #block-searchiconfortabletandmobileviewports svg,
body.mobile #block-bootstrap-hwwib9-2021-searchiconfortabletandmobileviewports svg {
  width: auto;
  height: 44px;
}

@media (max-width: 500px) {
  body.mobile #block-searchiconfortabletandmobileviewports svg,
  body.mobile #block-bootstrap-hwwib9-2021-searchiconfortabletandmobileviewports svg {
    height: 38px;
  }
}
@media (max-width: 396px) {
  body.mobile #block-searchiconfortabletandmobileviewports,
  body.mobile #block-bootstrap-hwwib9-2021-searchiconfortabletandmobileviewports {
    margin-right: 0.75em;
  }
  body.mobile #block-searchiconfortabletandmobileviewports svg,
  body.mobile #block-bootstrap-hwwib9-2021-searchiconfortabletandmobileviewports svg {
    height: 32px;
  }
}
@media (max-width: 343px) {
  body.mobile #block-searchiconfortabletandmobileviewports,
  body.mobile #block-bootstrap-hwwib9-2021-searchiconfortabletandmobileviewports {
    margin-right: 0.5em;
  }
  body.mobile #block-searchiconfortabletandmobileviewports svg,
  body.mobile #block-bootstrap-hwwib9-2021-searchiconfortabletandmobileviewports svg {
    height: 30px;
  }
}
/***********************************************/
/**************** Search block *****************/
/***********************************************/
body.tablet .navbar .block-search,
body.mobile .navbar .block-search {
  display: none;
}

.navbar .block-search {
  margin: 0 !important;
  font-size: 1em;
  width: 8.33rem;
  float: right;
  border: 1px solid #004f6b;
}
.navbar .block-search .form-type-search {
  font-size: 0;
}
.navbar .block-search .description {
  display: none;
}
.navbar .block-search:hover {
  outline: 0.1rem solid #00133F;
  box-shadow: 0 0 0.4rem 0.2rem #00133F;
  border-radius: 0.125rem;
}
.navbar .block-search:hover .input-group input.form-search {
  color: #00133F;
}

.block-search .input-group {
  width: 100%;
  display: inline-block;
  font-size: 0;
}
.block-search .input-group input.form-search {
  float: right;
  font-size: 1.06rem;
  width: calc(100% - 2.38rem);
}
.block-search .input-group input.form-search:focus {
  outline: 0.375rem double black;
  box-shadow: 0 0 0 0.25rem white;
  border-radius: 0.125rem;
}
.block-search .input-group .input-group-btn {
  float: left;
  font-size: 1rem;
  width: 2.38rem;
}
.block-search .input-group .input-group-btn button.btn {
  min-height: auto;
  width: 1.4rem;
  height: 1.4rem;
  background: transparent url("../images/ico-main-search-blue.svg") center/contain no-repeat;
  border-radius: 0;
  border: none;
  margin: 0.6em 0 0 1em;
  padding: 0;
}
.block-search .input-group .input-group-btn button.btn:hover, .block-search .input-group .input-group-btn button.btn:focus, .block-search .input-group .input-group-btn button.btn:active {
  box-shadow: none;
  background-image: url("../images/ico-main-search-pink.svg");
}
.block-search .input-group .input-group-btn button.btn:hover {
  outline: 0.1rem solid #00133F;
  box-shadow: 0 0 0.4rem 0.2rem #00133F;
  border-radius: 0.125rem;
}
.block-search .input-group .input-group-btn button.btn:focus {
  outline: 0.375rem double black;
  box-shadow: 0 0 0 0.25rem white;
  border-radius: 0.125rem;
}
.block-search .input-group .input-group-btn button.btn .glyphicon-search {
  display: none;
}

.block-search .form-group {
  margin-bottom: 0;
  margin-top: 0;
}

.block-search .form-control {
  border-radius: 0;
  border: none;
  box-shadow: none;
  height: 2.67rem;
  font-size: 1em;
  padding: 0.4em 0.9em 0.4em 0.5em;
  background-color: transparent;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #00133F;
}

.block-search .form-control::placeholder {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #004f6b;
  opacity: 1;
}

/* siteimprove */
.block-search .form-control:focus::placeholder {
  color: #b2cad3;
}

.block-search input.btn-search-submit {
  width: 1em;
  height: 1em;
  padding: 0;
  margin-bottom: -0.5em;
}

.block-search input.btn-search-submit:focus,
.block-search input.btn-search-submit:hover {
  opacity: 0.5;
}

body.mobile.search-open #navbar-collapse {
  height: auto !important;
}
body.mobile.search-open #navbar-collapse nav.original-main-menu {
  display: none;
}
body.mobile.search-open #navbar-collapse .block-search {
  display: block;
  float: none;
  width: 100%;
  margin: 0.75em 0 1em !important;
}

/***********************************************/
/****** Webform block confirmation text ********/
/***********************************************/
.block-webform .webform-confirmation {
  margin-bottom: 1.4em;
  padding: 1em;
  background-color: #fad8ea;
  border-radius: 2px;
  border: 1px solid #e73e97;
  color: #e73e97;
  font-weight: 600;
}

/***********************************************/
/************ Header region blocks *************/
/***********************************************/
.region-navigation {
  text-align: right;
}

.region-navigation .block {
  /* float:right; */
  display: inline-block;
  margin: 0 1em;
}

.region-navigation .block:first-child {
  margin-left: 0;
}

.region-navigation .block:last-child {
  margin-right: 0;
}

/**** gtranslate block ****/
#block-gtranslate .bootstrap-select {
  width: 12.5rem;
}
#block-gtranslate .bootstrap-select button.dropdown-toggle {
  border: 1px solid #004f6b;
  margin: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0.25em 2.75em 0.25em 0.75em;
  height: 2.89rem;
  display: inline-flex;
  justify-content: left;
  align-items: center;
  color: #004f6b;
  margin-right: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  background: #fff url("../images/ico-chevron-down.svg") right 0.4em center/auto 1.8em no-repeat;
}
#block-gtranslate .bootstrap-select button.dropdown-toggle .filter-option {
  margin: 0;
  white-space: nowrap;
}
#block-gtranslate .bootstrap-select button.dropdown-toggle .bs-caret {
  display: none;
}
#block-gtranslate .bootstrap-select button.dropdown-toggle:hover, #block-gtranslate .bootstrap-select button.dropdown-toggle:focus {
  background-image: url("../images/ico-chevron-down-pink.svg");
  color: #00133F;
}
#block-gtranslate .bootstrap-select button.dropdown-toggle:hover {
  outline: 0.1rem solid #00133F;
  box-shadow: 0 0 0.4rem 0.2rem #00133F;
  border-radius: 0.125rem;
}
#block-gtranslate .bootstrap-select button.dropdown-toggle:focus {
  outline: 0.375rem double black;
  box-shadow: 0 0 0 0.25rem white;
  border-radius: 0.125rem;
}
#block-gtranslate .bootstrap-select.btn-group.open button.dropdown-toggle {
  background-image: url("../images/ico-chevron-down-pink.svg");
  outline: none !important;
  outline-offset: 0;
  border-color: rgb(204, 58, 142);
  color: #00133F;
}
#block-gtranslate .bootstrap-select.btn-group.open .dropdown-menu.open ul.dropdown-menu.inner li a {
  /*&:hover, */
}
#block-gtranslate .bootstrap-select.btn-group.open .dropdown-menu.open ul.dropdown-menu.inner li a:hover {
  outline: 0.1rem solid #00133F;
  box-shadow: 0 0 0.4rem 0.2rem #00133F;
  border-radius: 0.125rem;
}
#block-gtranslate .bootstrap-select.btn-group.open .dropdown-menu.open ul.dropdown-menu.inner li a:focus {
  outline: 0.375rem double black;
  box-shadow: 0 0 0 0.25rem white;
  border-radius: 0.125rem;
}

#block-bootstrap-hwwib9-2021-main-menu .gtranslate-menu-item {
  padding: 15px 58px;
}

@media (max-width: 767px) {
  #block-bootstrap-hwwib9-2021-main-menu .gtranslate-menu-item {
    padding: 15px 26px;
  }
}
/***********************************************/
/***********************************************/
/****************** PAGE BLOCKS ****************/
/***********************************************/
/***********************************************/
/**************************************************/
/************* Header Region blocks ***************/
/**************************************************/
.region-page-filter-header .block {
  margin-bottom: 1em;
}

.region-page-filter-header .block:last-child {
  margin-bottom: 0;
}

/**************************************************/
/***** Social Media share buttons - AddToAny    *****/
/**************************************************/
/*** AddToAny styles: https://www.addtoany.com/buttons/customize/ ***/
.social-media-share-icons {
  background: white;
  margin-left: 35px;
}

.main-content .block.social-media-share-icons {
  min-width: 5.5em;
  background: white;
  padding-inline: 10px;
  color: #00133F;
  margin-top: 2em;
  padding: 0;
}
.main-content .block.social-media-share-icons .content {
  padding: 0.5rem;
}
.main-content .block.social-media-share-icons .content .a2a_default_style {
  display: inline-flex;
  flex-direction: column;
}
.main-content .block.social-media-share-icons .content .a2a_default_style a {
  padding: 3pt;
  margin-bottom: 0.5em;
}
.main-content .block.social-media-share-icons .content .a2a_default_style a:hover {
  outline: 0.1rem solid #00133f;
  box-shadow: 0 0 0.4rem 0.2rem #00133f;
  border-radius: 0.125rem;
}
.main-content .block.social-media-share-icons .content .a2a_default_style a:focus {
  outline: 0.375rem double black;
  box-shadow: 0 0 0 0.25rem white;
  border-radius: 0.125rem;
}

/*** Media Queries ***/
@media (max-width: 991px) {
  /* body.node-type-event    */
  .main-content .region .block.social-media-share-icons {
    margin-left: 0;
    margin-right: 0;
    width: auto;
    padding-top: 1em;
    margin-top: 0;
  }
  body.node-type-event .main-content .block.social-media-share-icons {
    padding-top: 4em;
  }
  .block.social-media-share-icons .a2a_default_style a {
    margin-bottom: 0;
    margin-right: 0.5em;
  }
  .block.social-media-share-icons .a2a_default_style a:last-of-type {
    margin-right: 0;
  }
  #block-socialmediashareicons {
    width: 100%;
    padding-left: 0 !important;
    margin-left: 0;
  }
  #block-socialmediashareicons .content .a2a_default_style {
    flex-direction: row;
  }
  #block-socialmediashareicons h2 {
    margin-left: 0 !important;
  }
  .a2a_kit.a2a_kit_size_40.a2a_default_style {
    margin-left: -4px;
  }
}
@media (max-width: 343px) {
  span.a2a_s__default {
    width: 36px !important;
    line-height: 36px !important;
    height: 36px !important;
    background-size: 36px !important;
  }
  .block.social-media-share-icons .a2a_default_style a {
    margin-right: 10px;
  }
}
/***********************************************/
/***** 'Contact us' page Google Maps block *****/
/***********************************************/
.block.google-maps {
  background-color: transparent;
  padding: 0;
}

.block.google-maps .content {
  background-color: #EDF1F3;
  padding: 0 1.3em 1.3em;
}

.block.google-maps .iframe-wrapper {
  position: relative;
  padding-bottom: 65.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  width: calc(100% + 2.6em);
  margin: 0 -1.3em 0.75em;
}

.block.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.block.google-maps iframe .i4ewOd-pzNkMb-haAclf {
  display: none !important;
}

@media (max-width: 600px) {
  .block.share-your-views {
    padding-bottom: 1.6em;
  }
}
/*************************************************************/
/*********** Front: Share your views webform block ***********/
/*************************************************************/
.block.share-your-views {
  padding-bottom: 2em;
}

.block.share-your-views a.btn {
  margin-bottom: 0;
  padding: 0.75rem;
}

/*** Media Queries ***/
@media (max-width: 991px) {
  .block.share-your-views {
    display: block;
    width: auto;
  }
  .block.share-your-views .btn.full-width {
    width: auto;
  }
}
@media (max-width: 767px) {
  .block.share-your-views {
    padding-bottom: 1.6em;
  }
}
/***********************************************/
/****** Form: Find your local healthwatch ******/
/***********************************************/
.block.form-find-local-healthwatch {
  background: #004F6B url("../images/bg-find-healthwatch-map.png") center/cover no-repeat;
  padding: 2.1em;
}

.block.form-find-local-healthwatch .block-inner {
  background-color: #fff;
  padding: 1.5em 2em 1.75em;
}

/** Submit button top margin ***/
.block.form-find-local-healthwatch .form-actions {
  margin-top: 0px;
  padding-top: 0px !important;
}
.block.form-find-local-healthwatch .block-title {
  color: #00133F;
}
.block.form-find-local-healthwatch .form-group .control-label {
  color: #00133F;
  padding-right: 1em;
}

.block.form-find-local-healthwatch h2.block-title {
  background: url("../images/ico-map-pin.svg") left 0.1em/auto 1em no-repeat;
  padding-left: 1.2em;
}

/* >= IE10+ */
_:-ms-lang(x), .block.form-find-local-healthwatch h2.block-title {
  background: url("../images/ico-map-pin.png") left 0.1em/auto 1em no-repeat;
  /* background-position-x: -394px;
  background-position-y: 3px; */
}

.block.form-find-local-healthwatch .form-item-postcode {
  padding-right: 1em;
}

.block.block-hw-local-healthwatch-views button.form-submit {
  margin: 0;
}

.block.block-hw-local-healthwatch-views form > div {
  display: table;
}

.block.block-hw-local-healthwatch-views form > div > div.form-item,
.block.block-hw-local-healthwatch-views form > div > button.form-submit {
  display: table-cell;
  vertical-align: top;
}

/*** Media Queries ***/
@media (max-width: 991px) {
  .block.form-find-local-healthwatch {
    display: block;
    width: auto;
  }
}
@media (max-width: 600px) {
  .block.form-find-local-healthwatch h2.block-title {
    margin-bottom: 0.75em;
    font-size: 1.2em;
  }
  .block.form-find-local-healthwatch {
    padding: 1.4em;
  }
  .block.form-find-local-healthwatch .block-inner {
    padding: 1.2em 1.2em 1.45em;
  }
}
@media (max-width: 435px) {
  .block.block-hw-local-healthwatch-views form > div {
    display: block;
  }
  .block.form-find-local-healthwatch .form-item-postcode {
    padding-right: 0;
  }
  .block.form-find-local-healthwatch button.btn {
    height: auto;
    margin-top: 0.5em;
  }
  .block.form-find-local-healthwatch {
    padding: 1.2em;
  }
  .block.form-find-local-healthwatch .block-inner {
    padding: 1em 1em 1.2em;
  }
}
/***********************************************/
/**************** Testimonials *****************/
/***********************************************/
.main-content .wrap.testimonial-row .block.testimonial {
  padding-right: 20%;
  padding-bottom: 2rem;
}

.block.testimonial {
  margin-bottom: 0;
  color: #00133F;
}

.block.testimonial .views-row {
  margin-bottom: 0;
  font-size: 1em;
}

.block.testimonial .views-field {
  margin-bottom: 0;
}

.block.testimonial .field {
  margin-bottom: 0.5em;
}

.block.testimonial .field:last-child {
  margin-bottom: 0;
}

.block.testimonial .quote {
  font-weight: 600;
  font-size: 1.8em;
  line-height: 1.3;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  min-height: 126px;
}

.block.testimonial .author {
  font-size: 1.2em;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.block.testimonial .button .btn {
  font-size: 1.1em;
  font-weight: 600;
  margin: 1em 0 0;
  /*&:hover, */
}
.block.testimonial .button .btn:hover {
  outline: 0.1rem solid #00133F;
  box-shadow: 0 0 0.4rem 0.2rem #00133F;
  border-radius: 0.125rem;
}
.block.testimonial .button .btn:focus {
  font-weight: bold;
  outline: 0.375rem double black;
  box-shadow: 0 0 0 0.25rem white;
  border-radius: 0.125rem;
}

.wrap.testimonial-row {
  background: #EDF1F3 url("../images/bg-testimonial-speech-mark.svg") center bottom/1440px auto no-repeat;
  min-height: 370px;
}
.wrap.testimonial-row .container {
  padding-bottom: 42px;
  position: relative;
}

/*** Media Queries ***/
@media (max-width: 1199px) {
  .main-content .wrap.testimonial-row .block.testimonial {
    padding-right: 13%;
  }
}
@media (max-width: 991px) {
  .main-content .wrap.testimonial-row .block.testimonial {
    padding-right: 0;
  }
  .wrap.testimonial-row {
    background-position: right bottom;
  }
}
@media (max-width: 767px) {
  .main-content .wrap.testimonial-row .block.testimonial {
    padding-right: 0;
    padding-bottom: 2.6rem;
  }
  .wrap.testimonial-row {
    background-position: right -10rem bottom;
  }
}
@media (max-width: 396px) {
  .wrap.testimonial-row {
    background-position: right -13rem bottom;
  }
  .block.testimonial .quote {
    font-size: 1.4em;
  }
}
/***********************************************/
/************ Call-to-action block *************/
/***********************************************/
.call-to-action-block {
  border: 32px solid #00425c;
  background-color: #fff;
  margin-top: 1.6em;
  padding: 1.2em 1.6em 1em;
  text-align: left;
}

.call-to-action-block .views-row {
  font-size: 1em;
  margin-bottom: 0.75em;
}

.call-to-action-block .views-row .views-field {
  margin-bottom: 0;
}

@media (max-width: 600px) {
  .call-to-action-block {
    border: 1.2em solid #00425c;
    margin-top: 1.4em;
    padding: 1.2em 1.2em 1em;
  }
}
/***********************************************/
/***** Related Report Block on Event Node ******/
/***********************************************/
#block-views-block-events-block-6 {
  background-color: #fff;
  padding: 1.6em;
}

#block-views-block-events-block-6 .grid {
  display: block;
}

/******************************************************/
/***** Form (front): Sign up for our news alerts ******/
/******************************************************/
#block-webform-sign-up-for-our-news-alerts form {
  font-size: 0;
  margin-left: -1.291%;
  margin-right: -1.291%;
}
#block-webform-sign-up-for-our-news-alerts form > .form-item {
  margin: 0 1.291% 1.5em;
  font-size: 1em;
  display: inline-block;
}
#block-webform-sign-up-for-our-news-alerts form > .form-item#edit-consent--wrapper.own-line {
  margin-bottom: 0;
}
#block-webform-sign-up-for-our-news-alerts form .form-type-email, #block-webform-sign-up-for-our-news-alerts form .form-type-textfield {
  display: inline-block;
  width: 30.7513%;
}
#block-webform-sign-up-for-our-news-alerts form .form-actions {
  float: right;
  clear: none;
  margin-top: 2em;
  margin-left: 1.291%;
  margin-right: 1.291%;
  font-size: 1em;
}
#block-webform-sign-up-for-our-news-alerts form .form-actions.own-line {
  margin-top: 0;
}
#block-webform-sign-up-for-our-news-alerts form .form-actions .btn {
  margin-right: 0;
}

/*** Media Queries ***/
@media (max-width: 767px) {
  #block-webform-sign-up-for-our-news-alerts form #edit-consent--wrapper {
    float: none;
    margin-bottom: 0.5em;
  }
  #block-webform-sign-up-for-our-news-alerts form .form-type-email, #block-webform-sign-up-for-our-news-alerts form .form-type-textfield {
    display: block;
    width: 97.418%;
  }
  #block-webform-sign-up-for-our-news-alerts form .form-actions {
    float: none;
    margin-top: 0;
  }
}
/***********************************************/
/***********************************************/
/**************** FOOTER BLOCKS ****************/
/***********************************************/
/***********************************************/
.footer .block {
  color: #fff;
}

@media (max-width: 991px) {
  .footer {
    text-align: center;
  }
}
/***********************************************/
/******** Healthwatch white footer logo ********/
/***********************************************/
.logo-healthwatch-footer {
  width: 290px;
  float: left;
  clear: both;
  margin-top: 9em;
}

@media (max-width: 991px) {
  .logo-healthwatch-footer {
    float: none;
    margin: 3em auto 0;
  }
}
@media (max-width: 660px) {
  .logo-healthwatch-footer {
    display: block;
    text-align: center;
    width: 100%;
  }
  .logo-healthwatch-footer img {
    margin: 0 auto;
    width: 290px;
    max-width: 100%;
  }
}
/***********************************************/
/**************** Copyright info ***************/
/***********************************************/
.block.footer-copyright-info {
  clear: left;
  float: left;
}

@media (max-width: 991px) {
  .block.footer-copyright-info {
    margin: 2em auto;
    float: none;
    clear: none;
    text-align: center;
  }
}
@media (max-width: 660px) {
  .block.footer-copyright-info {
    float: none;
    text-align: center;
    margin-top: 3em;
  }
}
/***********************************************/
/************** Social Media icons *************/
/***********************************************/
.footer .social-media-icons {
  clear: both;
}

#block-socialmediaiconsnew h2 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.footer .social-media-icons a {
  font-size: 2rem;
  margin: 0 0.68rem;
  color: transparent;
}
.footer .social-media-icons a:hover {
  outline: 0.1rem solid white;
  box-shadow: 0 0 0.4rem 0.2rem white;
  border-radius: 0.125rem;
}

.footer .social-media-icons a:first-of-type {
  margin-left: 0;
}

.footer .social-media-icons a:last-of-type {
  margin-right: 0;
}

/*** Converting FontAwesome glyfs to images ***/
.footer .social-media-icons img.icon {
  width: auto;
  height: 1.94rem;
}

.footer .social-media-icons a img.icon.external {
  height: 0.8rem;
  vertical-align: sub;
  margin: 0px 0px 0px -8px;
}

@media (max-width: 991px) {
  .footer .social-media-icons {
    clear: none;
    float: none;
    margin-top: 2.5rem;
    transform: none;
  }
}
@media (max-width: 660px) {
  .footer .social-media-icons {
    float: none;
    clear: both;
    text-align: center;
  }
}
/***********************************************/
/***********************************************/
/***************** BLOCK TYPES *****************/
/***********************************************/
/***********************************************/
/***********************************************/
/*********** Video block - full width **********/
/***********************************************/
/* 'Video block' is a standard block with a video added to it
via the embed media WYSIWYG button */
.block .media_embed,
.block .field--name-field-media-oembed-video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 ( (h / w) * 100 ) */
  overflow: hidden;
  height: 0;
  margin: 0 0 1.6em;
}

.block.text-with-image .media_embed,
.block.text-with-image .field--name-field-media-oembed-video {
  display: none;
}

.block .media_embed iframe,
.block .field--name-field-media-oembed-video iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/***********************************************/
/***********************************************/
/************** BLOCK THEME STYLES *************/
/***********************************************/
/***********************************************/
/***********************************************/
/*************** Two column blocks *************/
/***********************************************/
.main-content .block-type--two-columns:nth-last-child(2) {
  margin-bottom: 0;
}

/***********************************************/
/***************** Two column ******************/
/***********************************************/
.block-type--two-columns {
  padding: 0;
  background: transparent;
}

.block-type--two-columns .content {
  background-color: #EDF1F3;
}

.wrap.grey .block-type--two-columns .content {
  background-color: #fff;
}

.block-type--two-columns .field--name-field-image img {
  width: 100%;
}

.block-type--two-columns .block-body {
  padding: 1.2em 1.4em 2em;
}

.block-type--two-columns .content.last-button {
  padding-bottom: 5.5em;
  padding-bottom: 3.2em;
}

/* Video block */
.block-type--two-columns.video-block .content > .block-body {
  padding: 0;
}

.block-type--two-columns.video-block .field--name-body .block-body {
  padding: 1.2em 1.4em 2em;
}

.wrap.grey .block-type--two-columns .block-body,
.wrap.grey .block-type--two-columns.video-block .block-body {
  background-color: #fff;
}

/***********************************************/
/*********** Video block - Two column **********/
/***********************************************/
/* 'Video block' is a standard block with a video added to it
via the embed media WYSIWYG button */
.block-type--two-columns.video-block .media_embed.block-image,
.block-type--two-columns.video-block .field--name-field-media-oembed-video.block-image {
  margin-bottom: 0;
  padding-bottom: 66.66667%; /* 3:2 ( (h / w) * 100 ) */
}

/*** Media Queries ***/
@media (max-width: 600px) {
  .main-content .block-type--two-columns {
    margin-bottom: 2.582% !important;
  }
}
/***********************************************/
/****************** Grey block *****************/
/***********************************************/
.block-type--grey-block {
  background-color: #EDF1F3;
  padding: 1.2em 1.6em 1.6em;
}

@media (max-width: 396px) {
  .block-type--grey-block {
    padding: 1.2em 1.2em 1.4em;
  }
}
/***********************************************/
/***************** Title block *****************/
/***********************************************/
.main-content .block.title-block {
  margin-bottom: 0;
}

/***********************************************/
/************** Hero Banner Image **************/
/***********************************************/
.block.hero-banner-image {
  overflow: hidden;
}

.block.hero-banner-image h2 {
  font-size: 1.6em;
}

.block.hero-banner-image .content .container {
  padding: 0;
  position: relative;
  height: 540px;
  pointer-events: none;
}

.block.hero-banner-image .content .block-image img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 1440px;
}

.block.hero-banner-image .content .block-body {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: rgb(255, 255, 255);
  padding: 1.6em 1.8em 2.2em;
  width: 47.418%;
  margin-left: 1.291%;
  margin-right: 1.291%;
  font-size: 1rem;
  max-height: 100%;
  overflow: hidden;
  z-index: 1;
}

.block.hero-banner-image .block-body p.btn-para a.btn {
  margin-bottom: 0;
  pointer-events: auto;
  padding: 0.75rem;
}

.block.hero-banner-image.link-wrap .block-body p.btn-para a.btn {
  pointer-events: none;
  padding: 0.75rem;
}

.block.hero-banner-image ul,
.block.hero-banner-image ol {
  margin: 0 0 1.25em;
  padding: 0;
}

.block.hero-banner-image ul li,
.block.hero-banner-image ol li {
  margin-bottom: 0.25em;
}

/*********** Hero Banner Video Poster **********/
.block.hero-banner-video-poster .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 104px;
  height: auto;
  pointer-events: none;
}

.block.hero-banner-video-poster .content .block-body {
  width: calc(47.418% - 90px);
}

/*** Text block right ***/
.block.hero-banner-image.text-block-right .content .block-body {
  right: 0;
}

/*** Media Queries ***/
@media (max-width: 1199px) {
  .block.hero-banner-image .content .block-body {
    padding: 1.2em 1.4em 1.4em;
  }
  .block.hero-banner-video-poster .content .block-body {
    width: calc(47.418% - 60px);
  }
  .block.hero-banner-image h2 {
    font-size: 1.6em;
  }
  .block.hero-banner-image .content .block-body p:last-child .btn {
    margin-top: 0.5em;
  }
  .block.hero-banner-video-poster .play-icon {
    width: 90px;
  }
}
@media (max-width: 991px) {
  .block.hero-banner-image .content .block-body *:nth-child(n+3) {
    display: none;
  }
  .block.hero-banner-image .content .block-body p.btn-para {
    display: block;
  }
  .block.hero-banner-video-poster .play-icon {
    width: 70px;
  }
}
@media (max-width: 767px) {
  .block.hero-banner-image .content .block-body {
    top: auto;
    left: 20px;
    right: 20px;
    bottom: 25px;
    transform: none;
    padding: 1.2em 1.4em 1.4em;
    width: auto;
    margin: 0;
  }
  .block.hero-banner-image.text-block-right .content .block-body {
    right: 20px;
  }
}
@media (max-width: 396px) {
  .block.hero-banner-image h2 {
    font-size: 1.4em;
  }
}
/***********************************************/
/********* Text with image left/right **********/
/***********************************************/
/* Text wuth image right */
.node-page .paragraphs-items .paragraphs-item-image-float-right-page,
.node-page .paragraphs-items .paragraphs-item-image-float-left-page,
.node-webform .paragraphs-items .paragraphs-item-image-float-right-page,
.node-webform .paragraphs-items .paragraphs-item-image-float-left-page {
  margin-bottom: 0;
}

.block.text-with-image-right img,
.node-page .paragraphs-item-image-float-right-page img,
.node-webform .paragraphs-item-image-float-right-page img {
  float: right;
  margin: 0 0 2.582% 2.582%;
  width: 47.418%;
  width: 48.709%;
  height: auto;
}

/* Video version */
.block.text-with-image-right .media-embed-wrap {
  float: right;
  margin: 0 0 2.582% 2.582%;
  width: 47.418%;
  width: 48.709%;
  height: auto;
}

.block.text-with-image-left .media-embed-wrap {
  float: left;
  margin: 0 2.582% 2.582% 0;
  width: 47.418%;
  width: 48.709%;
  height: auto;
}

.block.text-with-image .media_embed {
  margin: 0;
}

/* Text wuth image left */
.block.text-with-image-left img,
.node-page .paragraphs-item-image-float-left-page img,
.node-webform .paragraphs-item-image-float-left-page img {
  float: left;
  margin: 0 2.582% 2.582% 0;
  width: 47.418%;
  width: 48.709%;
  height: auto;
}

/* Video version */
.block.text-with-image-left .media-embed-wrap {
  float: left;
  margin: 0 2.582% 2.582% 0;
  width: 47.418%;
  width: 48.709%;
  height: auto;
}

.block.text-with-image .too-high {
  margin-bottom: 0;
}

/*** Media Queries ***/
@media (max-width: 600px) {
  .block.text-with-image-right img,
  .node-page .paragraphs-item-image-float-right-page img,
  .node-webform .paragraphs-item-image-float-right-page img,
  .block.text-with-image-left img,
  .node-page .paragraphs-item-image-float-left-page img,
  .node-webform .paragraphs-item-image-float-left-page img,
  .block.text-with-image .media-embed-wrap {
    float: none;
    width: auto;
    margin: 0 0 1.6em;
  }
}
/***********************************************/
/******* Impact Stats - full/half widths *******/
/***********************************************/
.main-content .block-type--impact-stats-full-width,
.main-content .block-type--impact-stats-half-width {
  margin-bottom: 0;
  font-weight: 600;
  margin-bottom: 5.164%;
}

/*** Half width ***/
.block-type--impact-stats-half-width {
  top: 0;
}

/*** Full width ***/
.block-type--impact-stats-full-width {
  text-align: center;
  top: -0.5em;
  margin-top: 2.582%;
}

.main-content .region .block-type--impact-stats-full-width .content {
  font-size: 1.6em;
  line-height: 1.2;
}

.block-type--impact-stats-full-width .block-inner {
  padding: 0 5%;
}

.main-content .region .block-type--impact-stats-full-width .content h2 {
  font-size: 3em;
  margin-top: 0;
  margin-bottom: 0.25em;
}

/*** Half width ***/
.main-content .block-type--impact-stats-half-width {
  margin-bottom: 5.164%;
}

.main-content .region .block-type--impact-stats-half-width .content {
  font-size: 1.3rem;
}

.block-type--impact-stats-half-width .content h2 {
  font-size: 3em;
  margin-bottom: 0.25em;
}

/*** Media Queries ***/
@media (max-width: 767px) {
  .main-content .region .block-type--impact-stats-full-width .content h2 {
    font-size: 2.6em;
    margin-bottom: 0.25em;
  }
  .main-content .region .block-type--impact-stats-full-width .content {
    font-size: 1.4rem;
  }
}
@media (max-width: 600px) {
  .block-type--impact-stats-half-width:nth-child(n+2) {
    margin-top: 1em;
  }
}
/***********************************************/
/******* Chart blocks on Dashboard pages *******/
/***********************************************/
.main-content section[class*=block-views-blockreport] {
  margin: 3rem 0;
}
.main-content section[class*=block-views-blockreport]:first-of-type {
  margin-top: 0;
}
.main-content section[class*=block-views-blockreport] .view-filters .views-exposed-form .form-item.js-form-item-field-publication-date-value {
  max-width: 238px;
}
.main-content section[class*=block-views-blockreport] .view-filters .views-exposed-form .form-item.js-form-item-field-reports-library-hw-value {
  max-width: 361px;
}
.main-content section[class*=block-views-blockreport] .view-filters .views-exposed-form .form-item.js-form-item-field-region-value {
  max-width: 244px;
}
@media (max-width: 600px) {
  .main-content section[class*=block-views-blockreport] .view-filters .views-exposed-form .form-item {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    padding-right: 0;
  }
  .main-content section[class*=block-views-blockreport] .view-filters .views-exposed-form .form-item .bootstrap-select {
    width: 100% !important;
  }
}

/** Reach Deck button position **/
#__ba_panel {
  position: fixed;
  z-index: 999;
  top: 5%;
  right: -2%;
}

#__ba_panel button:focus,
#__ba_panel button:hover {
  outline: 0px solid white;
  padding: 5pt 5pt 5pt 5pt;
  box-shadow: 0 0 4pt 2pt white;
}

/**
 *------------------------------------------------------
 * Circle Interactive
 * -----------------------------------------------------
 * @author Pooks <chris@circle-interactive.co.uk>
 */
/*** For admin block region demo page ***/
body.page-admin-structure-block-demo .region {
  font-size: 1rem;
}

/*** If JS hide girds until height resizeing is complete ***/
.view.grid-content.visible .view-content,
.block-type--two-columns.visible {
  opacity: 1;
}

.grid-content {
  text-align: center;
}

.grid-align-left .grid-content,
#block-system-main .grid-content {
  text-align: left;
}

.grid-content .grid {
  text-align: left;
}

.row,
.main-content .region,
.region-hero-banner,
.view.grid-content .view-content {
  margin-left: -1.291%;
  margin-right: -1.291%;
  font-size: 0;
}

.view-grid-content .view-content {
  display: flex;
  flex-wrap: wrap;
}

.row > *,
.main-content .region > *,
.view.grid-content .view-content > * {
  font-size: 1rem;
}

.region-navigation-collapsible {
  font-size: 0;
}

/*** Content - No sidebar ***/
.col-sm-12 {
  margin-left: 0;
  margin-right: 0;
  padding-left: 1.291%;
  padding-right: 1.291%;
}

/*** Content - One sidebar ***/
.col-sm-9 {
  width: 66.66667%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 1.291%;
  padding-right: 1.291%;
}

/*** Sidebar ***/
.col-sm-3 {
  width: 33.33333%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 1.291%;
  padding-right: 1.291%;
}

body.path-admin .col-sm-3 {
  width: 24%;
}

/* .main-content .region .block {
    margin-left:1.291%;
    margin-right:1.291%;
    font-size: 1rem;
    vertical-align: top;
} */
.main-content .region .block,
.main-content .region > *,
.main-content nav,
.region .grid,
.region article,
.region .views-element-container {
  margin-left: 1.291%;
  margin-right: 1.291%;
  font-size: 1rem;
  vertical-align: top;
}

.main-content .region p > a,
.main-content .region li a {
  font-size: 1.1em;
  font-weight: 600;
  padding: 0.25rem;
}
.main-content .region p > a:hover, .main-content .region p > a:focus,
.main-content .region li a:hover,
.main-content .region li a:focus {
  font-weight: bold;
  text-decoration: underline;
}

.region > form,
.view-header,
.view-footer {
  font-size: 1rem;
}

/* Block Admin demo regions */
.block-region.demo-block {
  font-size: 1rem;
  color: #000;
}

.region-navigation-collapsible nav, .region-navigation-collapsible .block {
  font-size: 1rem;
}

.grid {
  display: inline-block;
  /* min-height: 550px; */
}

.grid-25 {
  width: 22.418%;
}

.grid-33 {
  width: 30.7513%;
}

.grid-50 {
  width: 47.418%;
}

.grid-66 {
  width: 64.0847%;
}

/** Full width with margins: width: 97.418%; 
    1.291% * 2 = 2.582%
**/
/*** NO JS: Grid min-height if no JS ***/
html .grid-content .grid {
  min-height: 650px;
}

/** Grid 50 **/
/* Report */
html .grid-content.report .grid-50 {
  min-height: 300px;
}

/** Grid 33 **/
/* Event */
html .grid-content.event .grid-33 {
  min-height: 620px;
}

/* Advice and information */
/** Grid 25 **/
html .grid-content .grid-25 {
  min-height: 510px;
}

/** Front page promoted news combined **/
html .front-promoted-news-combined .grid {
  min-height: 540px;
}

/*** Media Queries ***/
@media ((max-width: 1199px) or (max-width: 66.61rem)) {
  .grid-25 {
    width: 30.7513%;
  }
  .block-views .grid-content .grid-25:nth-child(4) {
    display: none;
  }
  .row, .main-content .region, .region-hero-banner, .view.grid-content .view-content {
    width: 100% !important;
  }
}
@media ((max-width: 991px) or (max-width: 55.05rem)) {
  .grid-25 {
    width: 47.418%;
  }
  .block-views .grid-content .grid-25:nth-child(4) {
    display: inline-block;
  }
  .grid-33 {
    width: 30.7513%;
  }
  .row, .main-content .region, .region-hero-banner, .view.grid-content .view-content {
    width: 100% !important;
  }
}
@media ((max-width: 600px) or (max-width: 33.33rem)) {
  .grid-25 {
    min-width: 19.78rem;
  }
  .block-views .grid-content .grid-33:nth-child(3) {
    display: inline-block;
  }
  .grid-align-left .grid-content,
  #block-system-main .grid-content {
    text-align: center;
  }
  .grid-50, .grid-33 {
    width: 97.418%;
  }
}
@media ((max-width: 396px) or (max-width: 22rem)) {
  .grid-25, .grid-33 {
    min-width: auto;
    width: 97.418%;
  }
}
/***************************************/
/******** Accessibility 2025 ***********/
/***************************************/
/** rem based media queries for the grid to allow for text only resize to 200% **/
@media ((min-width: 768px) or (min-width: 42.67rem)) {
  .container {
    width: 42.67rem;
    max-width: 100%;
  }
}
@media ((min-width: 990px) or (min-width: 55.11rem)) {
  .container {
    width: 55.11rem;
    max-width: 100%;
  }
}
@media ((min-width: 1200px) or (min-width: 66.67rem)) {
  .container {
    width: 66.67rem;
    max-width: 100%;
  }
}

/**
 *------------------------------------------------------
 * Circle Interactive
 * -----------------------------------------------------
 * @author Pooks <chris@circle-interactive.co.uk>
 */
.views-row {
  padding: 0;
  margin-bottom: 2.582%;
  position: relative;
}

.views-row .views-field {
  margin-bottom: 1.2em;
}

.views-row a,
.views-row a:hover, .views-row a:focus {
  color: #00133F;
  text-decoration: none;
}

.views-row a.btn:hover {
  outline: 0.1rem solid #00133F;
  box-shadow: 0 0 0.4rem 0.2rem #00133F;
  border-radius: 0.125rem;
}

/*.views-row a.btn:hover, */
.views-row a.btn:focus {
  text-decoration: underline;
  font-weight: bold;
  outline: 0.375rem double black;
  box-shadow: 0 0 0 0.25rem white;
  border-radius: 0.125rem;
}

.views-row .views-field-nothing a {
  /*&.node-link:hover, */
}
.views-row .views-field-nothing a.node-link:hover {
  outline: 0.1rem solid #00133F;
  box-shadow: 0 0 0.4rem 0.2rem #00133F;
  border-radius: 0.125rem;
}
.views-row .views-field-nothing a.node-link:focus {
  outline: 0.375rem double black;
  box-shadow: 0 0 0 0.25rem white;
  border-radius: 0.125rem;
}

.views-row .views-field-nothing article, .views-row article {
  /*&:hover, */
}
.views-row .views-field-nothing article:hover, .views-row article:hover {
  outline: 0.1rem solid #00133F;
  box-shadow: 0 0 0.4rem 0.2rem #00133F;
  border-radius: 0.125rem;
}
.views-row .views-field-nothing article:focus, .views-row article:focus {
  outline: 0.375rem double black;
  box-shadow: 0 0 0 0.25rem white;
  border-radius: 0.125rem;
}

/*** Views header link ***/
.block-views {
  position: relative;
}

.block-views .contextual-region {
  position: static;
}

.block-views .view-header {
  position: relative;
  top: -3.6rem;
  display: block;
  width: 100%;
  text-align: right;
}

.block-views .view-header a.view-all {
  color: #00133F;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.1em;
  display: inline-block;
  padding: 0.25rem;
  max-width: 33%;
}
.block-views .view-header a.view-all:hover, .block-views .view-header a.view-all:focus {
  text-decoration: underline;
  border-bottom: none;
}
.block-views .view-header a.view-all:hover {
  outline: 0.1rem solid #00133f;
  box-shadow: 0 0 0.4rem 0.2rem #00133f;
  border-radius: 0.125rem;
}

/* View title */
.block-views h1.block-title {
  margin: 0em 0 0.75em;
}

/*** Node link ***/
.grid a.node-link,
.cycle-slide a.node-link {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #EDF1F3;
  padding: 1rem 1.2rem 4.5rem;
}

.grid article.node-link,
.cycle-slide article.node-link {
  background-color: #EDF1F3;
  height: 100%;
  cursor: pointer;
  position: relative;
}
.grid article.node-link:hover, .grid article.node-link:focus,
.cycle-slide article.node-link:hover,
.cycle-slide article.node-link:focus {
  background-color: #E1E4E5;
}
.grid article.node-link:hover .main-link, .grid article.node-link:focus .main-link,
.cycle-slide article.node-link:hover .main-link,
.cycle-slide article.node-link:focus .main-link {
  color: #00133F;
}
.grid article.node-link:hover a, .grid article.node-link:focus a,
.cycle-slide article.node-link:hover a,
.cycle-slide article.node-link:focus a {
  text-decoration: underline;
}

.grid article.node-link {
  padding: 1rem 1.2rem 4.5rem;
}

.carousel-landing-page .view-content.cycle-slideshow {
  overflow: unset;
}

a.main-link {
  display: block;
}

/* .grid .content {
    padding-bottom:0.1em;
} */
.wrap.grey .views-row a.node-link,
.wrap.grey .views-row article.node-link {
  background-color: #fff;
  color: #00133F;
}

.views-row a.node-link:hover,
.views-row a.node-link:focus,
.views-row article.node-link:hover,
.views-row article.node-link:focus,
.event-banner .views-row article.node-link:hover,
.event-banner .views-row article.node-link:focus {
  background-color: #E1E4E5;
}

a.node-link:focus,
article.node-link:focus {
  outline: none;
}

.views-row .views-field-second-paragraph-summary {
  margin-bottom: 0;
  padding-bottom: 1.2em;
}

/*** View no results ***/
#block-system-main .view-empty {
  padding: 2rem 0 3rem;
}

/*** Media Queries ***/
@media ((max-width: 396px) or (max-width: 22rem)) {
  .views-row .views-field {
    margin-bottom: 1em;
  }
  .block-views .view-header {
    font-size: 0.9em;
    top: 0;
    display: block;
    width: 100%;
  }
}
/***********************************************/
/******************** Grid *********************/
/***********************************************/
/*** Main image ***/
.views-field-field-main-image {
  margin: -1em -1.2em 1.2em;
  /* display:none; */
}

.views-field-field-main-image img {
  margin-bottom: 0;
  width: 100%;
}

/*** Title ***/
.views-field-title {
  font-weight: 600;
  font-size: 1em;
}

/*** Details ***/
.views-row .details {
  position: absolute;
  bottom: 1.25em;
}

.views-row .details .views-field,
.views-row .details > div {
  font-size: 0.85em;
  color: #526774;
  margin-bottom: 0;
}

/* Second to last field to make enough space for details */
.article .view-content {
  display: flex;
  flex-wrap: wrap;
}

/***********************************************/
/************ Advice & Info Grid ***************/
/***********************************************/
.advice .views-row a.node-link {
  padding-bottom: 3rem;
  min-height: 650px;
}

.advice .view-content {
  display: flex;
  flex-wrap: wrap;
}

.advice .view-content .views-row {
  position: relative;
}

/*** Media Queries ***/
@media (max-width: 767px) {
  .advice .view-content {
    display: block;
  }
  .advice .grid-50 {
    width: 97.418%;
    display: block;
  }
}
/***********************************************/
/***************** Report Grid *****************/
/***********************************************/
/* .report .wrapper {
    font-size: 0;
}
.report .wrapper > div {
    font-size: 1rem;
} */
.report .view-content {
  display: flex;
  flex-wrap: wrap;
}

.report .view-content .views-row {
  position: relative;
}

.report .views-row .node-link {
  font-size: 0;
  min-height: 300px;
}

.report .views-row .content {
  padding: 0 1.2em 0 0;
  /* position: relative; */
}

.report .content {
  /* display: inline-block; */
  width: 64.9%;
  vertical-align: top;
  font-size: 1rem;
}

.report .views-row .views-field {
  margin-bottom: 0.6em;
}

.report .views-row .views-field-lead-paragraph {
  margin-bottom: 1em;
}

.report .views-row .views-field-link {
  margin-bottom: 0;
  font-size: 1.1em;
  font-weight: bold;
  color: white;
}

.report .views-row .views-field-field-main-image {
  /* display: inline-block; */
  margin: 0;
  width: 35.1%;
  vertical-align: top;
  font-size: 1rem;
  float: right;
}

.report .views-field-field-main-image img {
  width: 100%;
}

.report .views-field-created {
  font-size: 0.85em;
  color: #607988;
  /* siteimprove */
  color: #506573;
}

.views-field-link {
  position: absolute;
  bottom: 1.5em;
  left: 1.2em;
  right: 1.2em;
  color: #fff;
  text-align: center;
  padding: 0.5em 1em;
  background-color: #E73E97;
  /* siteimprove */
  background-color: #A81563;
  border-radius: 2px;
  font-weight: 600;
}

.report .views-field-link {
  right: calc(35.1% + 2.4em);
}

.report .views-row .views-field-link a {
  color: white !important;
}

.report .node-link:hover .views-field-link a,
.report .node-link:focus .views-field-link a {
  color: white;
  text-decoration: underline;
}

/*** Media Queries ***/
@media (max-width: 991px) {
  .report .view-content {
    display: block;
  }
  .report .grid-50 {
    width: 97.418%;
    display: block;
  }
  .report .content {
    width: calc(100% - 178px);
  }
  .report .views-row .views-field-field-main-image {
    width: 178px;
  }
  .report .views-field-link {
    right: calc(178px + 2.4em);
  }
}
@media (max-width: 480px) {
  .report .content {
    width: 100%;
    float: none;
  }
  .report .views-row .content {
    padding-right: 0;
  }
  .report .views-row .views-field-field-main-image {
    float: right;
    margin: 0 0 5% 5%;
    width: 121px;
    max-width: 30%;
  }
  .report .views-field-link {
    position: static;
    /* bottom: 1.5em; */
    right: auto;
    clear: both;
    margin-top: 1.2em;
  }
  .report .views-row a.node-link {
    padding-bottom: 1.4rem;
    position: static;
  }
  .report .views-row {
    height: auto !important;
  }
}
/***********************************************/
/***************** Event Grid ******************/
/***********************************************/
.event .view-content {
  display: flex;
  flex-wrap: wrap;
}

.event .view-content .views-row {
  position: relative;
}

.event .view-content .views-field-nothing {
  height: 100%;
}

.event a.node-link,
a.node-link.event {
  padding-bottom: 5.5rem;
}

/*** Calendar date image overlay ***/
.event .image-overlay {
  position: relative;
}

.event .calendar {
  line-height: 1;
  text-align: center;
  display: inline-block;
}

.event .image-overlay .calendar {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-weight: 600;
  color: #fff;
  font-size: 1.3rem;
}

.event .image-overlay .calendar .day {
  font-size: 4em;
}

.event .image-overlay .calendar .month {
  margin-top: 0.5em;
}

/*** Mini calendar label and title ***/
.event .event-date-title {
  font-size: 0;
  /* margin-top:1.2rem; */
  margin-bottom: 1rem;
  color: #00133f;
  display: flex;
  align-items: center;
}

.event .event-date-title:after {
  content: "";
  display: table;
  clear: both;
}

.event .event-date-title .calendar {
  background: #fff;
  border-top: 10px solid #E73E97;
  /* font-size: 0.85em; */
  padding: 0.5em;
  border-radius: 2px;
  width: 20%;
  margin-right: 6%;
  font-size: 1rem;
  vertical-align: top;
  max-width: 63px;
  float: left;
}

.wrap.grey .event .event-date-title .calendar {
  background: #edf1f3;
}

.event .event-date-title .calendar .day {
  font-weight: 600;
  font-size: 1.3em;
}

.event .event-date-title .calendar .month {
  color: #607988;
  /* siteimprove */
  color: #506573;
  margin-top: 0.25em;
  font-size: 0.7em;
}

.event .views-field-title {
  /* display: inline-block; */
  /* width:74%; */
  /* float:left; */
  font-size: 1.1rem;
  vertical-align: top;
  color: #00133f;
  margin-bottom: 0;
}

/*** Event Details ***/
.event .event-details {
  font-size: 0.9rem;
  color: #607988;
  /* siteimprove */
  color: #506573;
}

.event .event-details .views-field {
  margin-bottom: 0.5em;
  padding-left: 1.6em;
}

.event .event-type {
  margin-top: -0.5em;
}

.event .event-location {
  background: url("../images/ico-map-pin.svg") left 0.15em/1.14em auto no-repeat;
}

/* >= IE10+ */
_:-ms-lang(x), .event .event-location {
  background-image: url("../images/ico-map-pin.png");
  background-size: 18px;
  /* background-position-x: -135px;
  background-position-y: 3px;
  background-size: auto 22px; */
}

.event .event-date {
  background: url("../images/ico-calendar.svg") left 0.15em/1.14em auto no-repeat;
}

/* >= IE10+ */
_:-ms-lang(x), .event .event-date {
  background-image: url("../images/ico-calendar.png");
  background-size: 18px;
  /* background-position-x: -122px;
  background-position-y: 3px;
  background-size: auto 20px; */
}

.event .views-field-link {
  color: #00133f;
  border: 2px solid #004f6b;
  background-color: transparent;
  margin-bottom: 0;
  font-size: 1.1rem;
}

.event a.node-link:hover .views-field-link,
.event a.node-link:focus .views-field-link,
a.node-link.event:hover .views-field-link,
a.node-link.event:focus .views-field-link,
article.node-link.event:hover .views-field-link,
article.node-link.event:focus .views-field-link {
  color: #fff;
  background-color: #004f6b;
  text-decoration: underline;
}

/*** Media Queries ***/
@media (max-width: 991px) {
  .event .grid-33 {
    width: 47.418%;
  }
}
@media (max-width: 600px) {
  .event .grid-33 {
    width: 97.418%;
  }
}
/************************************************************************/
/*********** Carousel - landing page & Events Promoted banner ***********/
/************************************************************************/
.carousel-landing-page,
.event-banner {
  margin-bottom: 2.582%;
  position: relative;
}

.carousel-landing-page .views-row,
.event-banner .views-row {
  margin-bottom: 0;
  width: 100%;
  text-align: left;
  position: relative;
}

.carousel-landing-page .views-row {
  display: none;
}

.carousel-landing-page .views-row:first-child,
.view-homepage-carousel .views-row.cycle-slide {
  display: block;
}

.view.grid-content.event-banner .view-content > *,
.view.grid-content.carousel-landing-page .view-content > * {
  font-size: 0;
}

.carousel-landing-page .views-field-nothing,
.carousel-landing-page .field-content,
.event-banner .field-content,
.view-advice-and-information .views-field-nothing,
.view-news-and-reports .views-field-nothing,
.article .view-content .views-field-nothing {
  height: 100%;
}

.event-banner .views-field-nothing-1 {
  display: none;
}

.carousel-landing-page .views-field-field-main-image,
.carousel-landing-page .content,
.event-banner .views-field-field-main-image,
.event-banner .content {
  font-size: 1rem;
  display: inline-block;
  vertical-align: top;
  margin: 0;
  position: relative;
}

.carousel-landing-page .views-field-field-main-image,
.event-banner .views-field-field-main-image {
  width: 100%;
  margin-right: 0;
  height: 100%;
  background-color: #EDF1F3;
  overflow: hidden;
}

.carousel-landing-page .views-field-field-main-image img,
.event-banner .views-field-field-main-image img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 64%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
}

.carousel-landing-page .content,
.event-banner .content {
  width: 32.7513%;
  padding: 1em 1.2em 4.5em;
  margin-left: 0;
  height: 100%;
  min-height: 500px;
  position: relative;
  left: 65%;
}

.carousel-landing-page .views-row .views-field-title {
  font-size: 1.3rem;
  line-height: 1.3;
  margin-bottom: 0.75rem;
}

/** Pager **/
.carousel-landing-page .cycle-pager {
  position: absolute;
  bottom: 60px;
  left: 80px;
  z-index: 999;
  height: 14px;
  font-size: 1rem;
}

.carousel-landing-page .cycle-pager span {
  width: 45px;
  height: 45px;
  background-color: #094861;
  display: inline-block;
  margin-left: 8px;
  cursor: pointer;
}

.carousel-landing-page .cycle-pager span:first-child {
  margin-left: 0;
}

.carousel-landing-page .cycle-pager span.cycle-pager-active {
  background-color: #d83889;
}

/*** Player controller ***/
.carousel-controls {
  height: 55px;
  width: auto;
  border: none;
  margin: 0px 8px 0px 0;
  /*&:hover, */
}
.carousel-controls:hover {
  outline: 2px solid white;
  border: 2px solid #004f6b;
  box-shadow: 0 0 6pt 4pt white;
}
.carousel-controls:focus {
  border: none;
  outline: 0.375rem double black;
  box-shadow: 0 0 0 0.25rem white;
  border-radius: 0.125rem;
}

.carousel-svg {
  height: 50px;
  width: auto;
  vertical-align: text-top;
}

.cls-1 {
  fill: #00133F;
  background: #EDF1F3;
}

.cls-2 {
  fill: transparent;
}

/************ Events Promoted Banner specific styling ***********/
.event-banner a.node-link,
.event-banner article.node-link {
  color: #00133f;
}

.event-banner .article.node-link {
  background: #EDF1F3;
}

.event-banner a.node-link:hover,
.event-banner a.node-link:focus,
.event-banner article.node-link:hover,
.event-banner article.node-link:focus {
  background: #E1E4E5;
}

.event-banner .event-details {
  margin-bottom: 1.2em;
}

.event-banner .text .body {
  margin-bottom: 0.5em;
}

.event-banner .views-field-nothing {
  height: 100%;
}

.event-banner .views-field-link {
  position: absolute;
  bottom: 1.5em;
  color: #fff;
  background-color: #A81563;
  border: none;
}

.event-banner a.node-link:hover .views-field-link,
.event-banner a.node-link:focus .views-field-link,
.event-banner article.node-link:hover .views-field-link,
.event-banner article.node-link:focus .views-field-link {
  background-color: #A81563;
  text-decoration: underline;
}

.event a.node-link:hover .views-field-link,
.event a.node-link:focus .views-field-link,
.event article.node-link:hover .views-field-link,
.event article.node-link:focus .views-field-link {
  text-decoration: underline;
}

/*** Media Queries ***/
@media (max-width: 1199px) {
  .carousel-landing-page .views-field-lead-paragraph {
    margin-bottom: 0;
  }
  .carousel-landing-page .views-field-second-paragraph-summary {
    display: none;
  }
  .event .views-field-title {
    font-size: 1rem;
  }
  #block-views-news-and-reports-block-2 svg#carousel-controller {
    bottom: 25px;
    left: 2rem;
  }
  /** Event banner **/
  .event-banner .text .contact {
    display: none;
  }
}
@media (max-width: 991px) {
  .carousel-landing-page .views-field-field-main-image img,
  .event-banner .views-field-field-main-image img {
    width: 30%;
  }
  .carousel-landing-page .content,
  .event-banner .content {
    width: 65%;
    left: 35%;
  }
  .event .views-field-title {
    font-size: 1.1rem;
  }
  #block-views-news-and-reports-block-2 svg#carousel-controller {
    bottom: 44px;
    left: 1.2rem;
  }
}
@media (max-width: 767px) {
  .carousel-landing-page .views-row,
  .event-banner .views-row {
    height: auto;
    margin-left: 1.291%;
    margin-right: 1.291%;
  }
  .carousel-landing-page .views-field-field-main-image,
  .event-banner .views-field-field-main-image {
    width: 97.418%;
    margin: 0;
  }
  .carousel-landing-page .views-field-field-main-image img,
  .event-banner .views-field-field-main-image img {
    position: relative;
    width: 100%;
  }
  .carousel-landing-page .content,
  .event-banner .content {
    width: 100%;
    margin: 0;
    position: relative;
    left: 0;
  }
  .event .views-field-title {
    font-size: 1rem;
  }
  .event .views-field-title.single-line {
    margin-top: 0;
  }
  .event-banner .views-field-link {
    position: static;
    display: block;
    margin-top: 1.6em;
  }
  .event-banner .content {
    padding-bottom: 1.6em;
  }
  .event-banner .text .contact {
    display: block;
  }
  .event .views-field-title {
    margin-left: 1em;
  }
  .carousel-landing-page .cycle-pager {
    bottom: 29px;
    right: 1.9rem;
    left: auto;
  }
  .carousel-landing-page .cycle-pager span {
    background-color: #fff;
  }
  #block-views-block-news-and-reports-block-2 div#carousel-controller {
    bottom: 53px;
    left: 50% !important;
  }
}
/***********************************************/
/************* Home page carousel **************/
/***********************************************/
.view-homepage-carousel .views-row {
  width: 100%;
  margin-bottom: 0;
  font-size: 1rem;
  display: none;
}

.view-homepage-carousel .views-row:first-child,
.view-homepage-carousel .views-row.cycle-slide {
  display: block;
}

.view-homepage-carousel .view-content {
  overflow: hidden;
}

.view-homepage-carousel .views-field-field-main-image {
  margin: 0;
}

.view-homepage-carousel .views-field-field-main-image img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
}

.view-homepage-carousel .views-field-nothing {
  margin-bottom: 0;
}

.view-homepage-carousel .content {
  width: 40rem;
  height: 100%;
  min-height: 540px;
  /**accessibility 2025 - changing background to plain grey for 3:1 contrast with pink **/
  background: transparent url("../images/bg-homepage-carousel.svg?v=2") right center no-repeat;
  background-size: cover;
  color: #00133F;
  padding: 2rem 3.25rem 8rem 3.05rem;
  position: relative;
  z-index: 100;
}

.view-homepage-carousel .content h2 {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}

.view-homepage-carousel .views-row .views-field {
  margin-bottom: 0;
}

.view-homepage-carousel .views-field-body {
  padding-right: 2rem;
  font-size: 1.1rem;
}

.view-homepage-carousel .views-field-link {
  text-align: left;
  padding: 0;
  background-color: transparent;
  border-radius: 0;
  font-weight: 600;
  display: inline-block;
  position: unset;
  margin-top: 1rem;
}

.view-homepage-carousel .views-field-link a {
  color: #fff;
  font-size: 1.1rem;
  font-weight: bold;
}

/** Pager **/
.view-homepage-carousel .cycle-pager {
  position: absolute;
  bottom: 70px;
  right: 55px;
  right: 90px;
  z-index: 999;
  height: 14px;
  font-size: 1rem;
}

.view-homepage-carousel .cycle-pager span {
  width: 45px;
  height: 45px;
  background-color: #094861;
  display: inline-block;
  margin-left: 8px;
  cursor: pointer;
}

.view-homepage-carousel .cycle-pager span:first-child {
  margin-left: 0;
}

.view-homepage-carousel .cycle-pager span.cycle-pager-active {
  background-color: #d83889;
}

/*** Player controller ***/
svg#carousel-controller,
div#carousel-controller {
  display: inline-block;
  z-index: 999;
  position: absolute;
  width: auto;
  height: 55px;
  text-align: right;
}
svg#carousel-controller button,
div#carousel-controller button {
  background: #EDF1F3;
}

#block-views-block-homepage-carousel-block-1 svg#carousel-controller,
#block-views-block-homepage-carousel-block-1 div#carousel-controller {
  right: 55px;
  bottom: 3.5em;
}

#block-views-block-news-and-reports-block-2 div#carousel-controller {
  left: 55px;
  bottom: 35px;
}

svg#carousel-controller g {
  cursor: pointer;
}

svg#carousel-controller g.carousel-show-hide:hover .cls-1,
svg#carousel-controller g.carousel-play-pause:hover .cls-1 {
  fill: #A81563;
}

svg#carousel-controller g.carousel-show-hide.cont-visible .carousel-show,
svg#carousel-controller g.carousel-show-hide.cont-hidden .carousel-hide {
  fill: none;
}

svg#carousel-controller g.carousel-play-pause.playing .carousel-play,
svg#carousel-controller g.carousel-play-pause.paused .carousel-pause .cls-1 {
  fill: none;
}

.block-views.cont-hidden .content {
  height: 3.5rem;
}

.block-views.cont-hidden .view {
  display: none;
}

/*** Media Queries ***/
@media (max-width: 1199px) {
  .view-homepage-carousel .content {
    width: 50%;
    padding: 2em 40px 3em 55px;
  }
  .view-homepage-carousel .cycle-pager {
    bottom: 50px;
  }
  #block-views-block-homepage-carousel-block-1 svg#carousel-controller {
    bottom: 42px;
  }
}
@media (max-width: 991px) {
  .view-homepage-carousel .content {
    width: 65%;
    padding: 2em 40px 3em 55px;
  }
  .view-homepage-carousel .content h2 {
    font-size: 2em;
  }
}
@media (max-width: 767px) {
  .view-homepage-carousel .content {
    right: 20px;
    width: 73%;
    top: auto;
    transform: none;
    height: 100%;
    padding: 1.2em 2em 5.6em 1.2em;
  }
  .view-homepage-carousel .content .views-field {
    padding-right: 10px;
  }
  .view-homepage-carousel .content h2 {
    font-size: 1.7em;
  }
  .view-homepage-carousel .content a.btn {
    font-size: 1em;
  }
  #block-views-block-homepage-carousel-block-1 div#carousel-controller {
    height: 20px;
    right: 25px;
  }
  #block-views-block-homepage-carousel-block-1 div#carousel-controller button {
    height: 35px;
  }
  #block-views-block-homepage-carousel-block-1 div#carousel-controller button .carousel-svg {
    height: 20px;
  }
  .view-homepage-carousel .views-field-link {
    left: 1.3em;
    bottom: 1em;
  }
  .view-homepage-carousel .cycle-pager {
    bottom: 58px;
    right: calc(1.3em + 20px);
  }
  #block-views-block-homepage-carousel-block-1 svg#carousel-controller {
    bottom: 76px;
    right: calc(1.3em + 18px);
  }
}
@media (max-width: 480px) {
  .view-homepage-carousel .views-row .content {
    width: 80%;
  }
  .view-homepage-carousel .views-row .content h2 {
    font-size: 1.4em;
  }
  .view-homepage-carousel .views-row .content p {
    font-size: 16px;
  }
  .view-homepage-carousel .views-row .content a.btn {
    font-size: 0.9em;
  }
}
@media (max-width: 396px) {
  .view-homepage-carousel .views-row .content {
    width: 85%;
  }
  .view-homepage-carousel .views-row .content h2 {
    font-size: 1.3em;
  }
  .view-homepage-carousel .views-row .content a.btn, .view-homepage-carousel .views-row .content p {
    font-size: 0.75em;
  }
  .view-homepage-carousel .cycle-pager {
    display: none;
  }
  #block-views-block-homepage-carousel-block-1 svg#carousel-controller {
    bottom: 50px;
    height: 25px;
  }
}
/***********************************************/
/****************** Pagination *****************/
/***********************************************/
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 2em 0 1em;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
  margin: 0;
}

.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #004F6B;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #004F6B;
  border-color: #004F6B;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  z-index: 2;
  color: #004F6B;
  background-color: #EDF1F3;
  border-color: #ddd;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

/* siteimprove */
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #506573;
}

/******************************************************************/
/******* Front page news promoted and list combined block *********/
/******************************************************************/
.front-promoted-news-combined {
  font-size: 0;
  margin-left: -1.291%;
  margin-right: -1.291%;
  display: flex;
  flex-wrap: wrap;
}

.front-promoted-news-combined .view-header {
  font-size: 1rem;
}

.view.front-promoted-news-combined > .view-content,
.front-promoted-news-combined > .view-footer {
  width: 47.418%;
  margin-left: 1.291%;
  margin-right: 1.291%;
  font-size: 1rem;
  vertical-align: top;
}

.view.front-promoted-news-combined > .view-content,
.view.front-promoted-news-combined > .view-footer .view-content {
  display: flex;
}

.view.front-promoted-news-combined > .view-footer {
  display: inline-block;
}

.view.front-promoted-news-combined > .view-content .grid {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

.view.front-promoted-news-combined > .view-content .views-field-field-main-image img {
  width: 100%;
}

.view.front-promoted-news-combined > .view-footer .view-content {
  margin-left: 0;
  margin-right: 0;
}

.view.front-promoted-news-combined > .view-footer .view-content .grid.views-row:first-child {
  margin-left: 0;
  margin-right: 2.582%;
}

.view.front-promoted-news-combined > .view-footer .view-content .grid.views-row:last-child {
  margin-left: 2.582%;
  margin-right: 0;
}

.front-promoted-news-combined > .view-content .views-field-field-main-image {
  margin-bottom: 1em;
}

.front-promoted-news-combined > .view-content .views-field-title {
  margin-bottom: 0.75em;
  font-size: 1.3em;
  line-height: 1.3;
}

/** Hide lead Paragraph on wider view ports **/
.view.front-promoted-news-combined > .view-content .views-field-lead-paragraph {
  display: none;
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .view.front-promoted-news-combined > .view-content,
  .view.front-promoted-news-combined > .view-footer {
    width: 97.418%;
  }
  .view.front-promoted-news-combined > .view-footer .grid-content {
    font-size: 0;
    display: block;
  }
  .view.front-promoted-news-combined > .view-content .views-field-lead-paragraph {
    display: inline-block;
  }
}
@media ((max-width: 600px) or (max-width: 33.33rem)) {
  .block-views .view-header a.view-all {
    display: inline-block;
    position: relative;
    margin-bottom: 1rem;
    text-align: left;
    max-width: 100%;
  }
  .view.front-promoted-news-combined > .view-header {
    clear: both;
    display: block;
  }
  .view.front-promoted-news-combined > .view-footer .view-content .grid.views-row {
    min-width: auto;
    display: block;
    width: 100%;
  }
  .view.front-promoted-news-combined > .view-footer .view-content .grid.views-row:first-child {
    margin-right: 0;
  }
  .view.front-promoted-news-combined > .view-footer .view-content .grid.views-row:last-child {
    margin-left: 0;
  }
  #block-views-block-news-and-reports-block-2 .block-title,
  #block-views-block-news-and-reports-block-5 .block-title,
  #block-views-block-news-and-reports-block-3 .block-title,
  #block-views-block-news-and-reports-block-6 .block-title,
  #block-views-block-advice-and-information-block-1 .block-title,
  #block-views-block-advice-and-information-block-2 .block-title {
    padding-right: 0px !important;
  }
  #block-views-block-news-and-reports-block-2 .views-row .details {
    position: absolute;
    bottom: unset;
  }
}
@media ((max-width: 396px) or (max-width: 22rem)) {
  .block-views .view-header a.view-all {
    display: inline-block;
    position: relative;
    text-align: left;
  }
  .view.front-promoted-news-combined > .view-footer .view-content .grid.views-row {
    min-width: auto;
    display: block;
    width: 100%;
  }
  .front-promoted-news-combined > .view-content .views-field-title {
    margin-bottom: 1rem;
    font-size: 1.1em;
    line-height: 1.4;
  }
}
/**
 *------------------------------------------------------
 * Circle Interactive
 * -----------------------------------------------------
 * @author Pooks <chris@circle-interactive.co.uk>
 */
/***********************************************/
/*************** WYSIWYG stying ****************/
/***********************************************/
.field-name-body img {
  width: 100% !important;
  height: auto !important;
  margin: 0.6em 0;
}

.field-name-body img[style*="float:right"] {
  margin: 0.25em 0 1em 1.6em;
  width: 360px;
  height: auto;
}

.field-name-body img[style*="float:left"] {
  margin: 0.25em 1.6em 1em 0;
  width: 360px;
  height: auto;
}

/*** Coloured text ***/
span.text-pink {
  color: #E73E97;
}

span.text-light-blue {
  color: #0080A4;
}

span.text-green {
  color: #8ECC47;
}

/*** Media Embed button ***/
.media_embed {
  margin: 2em 0 2em;
  width: 100%;
  height: auto;
}

.media_embed > * {
  margin: 0 auto;
}

/*** Icons ***/
.block .field p.icon, article .field p.icon, .block-body p.icon, .views-field .field-content p.icon {
  padding-left: 1.6em;
  background-position: left 0.15em;
  background-size: 1.14em auto;
  background-repeat: no-repeat;
  overflow: hidden;
}
.block .field span.icon, article .field span.icon, .block-body span.icon, .views-field .field-content span.icon {
  padding-left: 1.3em;
  margin-left: 0.3em;
  background-position: left 0.15em;
  background-size: 0.95em auto;
  background-repeat: no-repeat;
}

button span.icon {
  padding: 0;
}

/*** Pooks https://intranet.circle-interactive.co.uk/comment/188808#comment-188808 ***/
p.icon, span.icon {
  /** https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/ **/
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/* IE 10+ */
/* @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { */
_:-ms-lang(x), p.icon {
  padding-left: 26px;
  background-position: left 5px;
  background-size: 18px auto;
}

_:-ms-lang(x), span.icon {
  padding-left: 26px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-left: 0;
  background-position: left 5px;
  background-size: 18px auto;
}

/* } */
.ico-map-pin {
  background-image: url("../images/ico-map-pin.svg");
}

/* >= IE10+ */
_:-ms-lang(x), .ico-map-pin {
  background-image: url("../images/ico-map-pin.png");
}

_:-ms-lang(x), p.ico-map-pin, span.ico-map-pin {
  background-position-y: 3px;
}

p.ico-mail,
span.ico-mail {
  background-image: url("../images/ico-mail.svg");
  background-position-y: 5px;
}

/* >= IE10+ */
_:-ms-lang(x), p.ico-mail, span.ico-mail {
  background-image: url("../images/ico-mail.png");
  background-position-y: 6px;
}

.ico-link {
  background-image: url("../images/ico-link.svg");
}

/* >= IE10+ */
_:-ms-lang(x), .ico-link {
  background-image: url("../images/ico-link.png");
  background-position-y: 6px;
}

.ico-calendar {
  background-image: url("../images/ico-calendar.svg");
}

/* >= IE10+ */
_:-ms-lang(x), p.ico-calendar, span.ico-calendar {
  background-image: url("../images/ico-calendar.png");
  background-position-y: 3px;
}

.ico-phone {
  background-image: url("../images/ico-phone.svg");
}

/* >= IE10+ */
_:-ms-lang(x), .ico-phone {
  background-image: url("../images/ico-phone.png");
  background-position-y: 6px;
}

.ico-search {
  background-image: url("../images/ico-main-search-pink.svg");
}

/* >= IE10+ */
_:-ms-lang(x), .ico-search {
  background-image: url("../images/ico-main-search-pink.png");
  background-position-y: 6px;
}

.ico-email {
  background-image: url("../images/ico-email.svg");
}

/* >= IE10+ */
_:-ms-lang(x), p.ico-email, span.ico-email {
  background-image: url("../images/ico-email.png");
  background-position-y: 3px;
}

p.ico-speech,
span.ico-speech {
  background-image: url("../images/ico-speech.svg");
  background-size: 1.15em auto;
  /* padding-left: 1.5em; */
}

/* >= IE10+ */
_:-ms-lang(x), p.ico-speech, span.ico-speech {
  background-image: url("../images/ico-speech.png");
  background-size: 20px auto;
  background-position-y: 6px;
}

/**
 *------------------------------------------------------
 * Circle Interactive
 * HW WIB D9
 * -----------------------------------------------------
 * @author Pooks <chris@circle-interactive.co.uk>
 */
/* Change Autocomplete styles in Chrome */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  background-color: #fad8ea !important;
}

.control-group .help-inline, .help-block {
  color: #506573;
  font-size: 15px;
  margin: 0.5em 0 0;
}

/* Exposed filters in blue header readgon */
.region-header .help-block {
  color: #fff;
}

/***********************************************/
/***********************************************/
/******************* BUTTONS *******************/
/***********************************************/
/***********************************************/
.btn,
.field-name-field-downloads a,
.field--name-field-event-form-link a,
.view-filters .save-filter,
.view-filters .filters-list .filter-remove,
.flag-report-library-of-interest a,
.btn.webform-button--submit {
  display: inline-block;
  padding: 0.62em 1em;
  margin-bottom: 0;
  font-size: 1.1em;
  font-weight: 600;
  line-height: 1.42857143;
  text-align: center;
  /* white-space: nowrap; */
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: none;
  border-radius: 0;
  margin: 0.75em 0;
  white-space: normal;
}
.btn:hover, .btn:focus,
.field-name-field-downloads a:hover,
.field-name-field-downloads a:focus,
.field--name-field-event-form-link a:hover,
.field--name-field-event-form-link a:focus,
.view-filters .save-filter:hover,
.view-filters .save-filter:focus,
.view-filters .filters-list .filter-remove:hover,
.view-filters .filters-list .filter-remove:focus,
.flag-report-library-of-interest a:hover,
.flag-report-library-of-interest a:focus,
.btn.webform-button--submit:hover,
.btn.webform-button--submit:focus {
  font-weight: bold;
}

.view-filters .filters-list .filter-remove {
  margin: 0;
}

.btn-default,
.btn,
.views-row .btn,
.field-name-field-downloads a,
.field--name-field-event-form-link a,
.wrap.grey a.btn,
.paragraphs-item-text-in-grey-box a.btn,
.view-filters .save-filter,
.view-filters .filters-list .filter-remove,
.flag-report-library-of-interest a {
  color: #fff;
  background-color: #A81563;
  /* border-color: #ccc; */
  border: none;
  text-decoration: none;
  padding: 0.75rem;
}

/* Last button */
p:last-child a.btn {
  margin-bottom: 0;
  padding: 0.75rem;
}

.btn.full-width {
  width: 100%;
}

.btn:active, .btn:active:hover, .btn.active,
.open > .dropdown-toggle.btn {
  color: #fff;
  background-color: #BA3482;
  border-color: #BA3482;
}

.btn-default:active:hover,
.btn-default.active:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.field-name-field-downloads a:hover, .field-name-field-downloads a:focus,
.btn-primary:active, .btn-primary.active,
.btn-primary:active:hover, .btn-primary.active:hover, .btn-primary:active:focus, .btn-primary.active:focus, .btn-primary:active.focus, .btn-primary.active.focus,
.btn:hover, .btn.hover, .btn:focus, .btn.focus,
.wrap.grey a.btn:hover, .wrap.grey a.btn:focus,
.paragraphs-item-text-in-grey-box a.btn:hover, .paragraphs-item-text-in-grey-box a.btn:focus,
.views-row .btn:hover, .views-row .btn:focus,
.field-name-field-downloads a:hover, .field-name-field-downloads a:focus,
.field--name-field-event-form-link a:hover, .field--name-field-event-form-link a:focus,
.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus,
.view-filters .save-filter:hover, .view-filters .save-filter:focus,
.view-filters .filters-list .filter-remove:hover, .view-filters .filters-list .filter-remove:focus,
.flag-report-library-of-interest a:hover, .flag-report-library-of-interest a:focus {
  color: #fff;
  text-decoration: underline;
  background-color: #A81563;
  /* siteimprove */
  border: none;
}

.btn:active, .btn.active,
.views-row .btn:active,
.field-name-field-downloads a:active,
.field--name-field-event-form-link a:active,
.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.blue,
.wrap.grey .btn.blue {
  background-color: #004F6B;
}

.btn.blue:hover, .btn.blue:focus, .btn.blue.focus,
.wrap.grey .btn.blue:hover, .wrap.grey .btn.blue:focus, .wrap.grey .btn.blue.focus {
  background-color: #003E4F;
}

.btn.light-blue,
.wrap.grey .btn.light-blue {
  background-color: #0080A4;
}

.btn.light-blue:hover, .btn.light-blue:focus, .btn.light-blue.focus,
.wrap.grey .btn.light-blue:hover, .wrap.grey .btn.light-blue:focus, .wrap.grey .btn.light-blue.focus {
  background-color: #006F89;
}

.btn.green,
.wrap.grey .btn.green {
  background-color: #8ECC47;
  /* siteimprove */
  background-color: #739937;
}

.btn.green:hover, .btn.green:focus, .btn.green.focus .wrap.grey .btn.green:hover,
.wrap.grey .btn.green:focus, .wrap.grey .btn.green.focus {
  background-color: #80B23F;
  /* siteimprove */
  background-color: #647F2F;
}

.btn:hover, .btn:active:hover, .btn.active:hover, .btn.hover, .btn:active.hover, .btn.active.hover {
  outline: 0.1rem solid #00133F;
  box-shadow: 0 0 0.4rem 0.2rem #00133F;
  border-radius: 0.125rem;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
  outline: 0.375rem double black;
  box-shadow: 0 0 0 0.25rem white;
  border-radius: 0.125rem;
}

/***********************************************/
/***********************************************/
/******************* FIELDS ********************/
/***********************************************/
/***********************************************/
label.control-label.form-required,
legend span.fieldset-legend {
  position: relative;
  padding-right: 0.6em;
}

label.control-label.form-required:after,
legend span.fieldset-legend.form-required:after {
  color: #A81563;
  background-image: none;
  background-size: 0;
  content: "*";
  display: inline-block;
  vertical-align: text-top;
  line-height: 1;
  height: auto;
  width: auto;
  margin-left: 0.2em;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.2em;
}

label, .form-composite legend {
  font-size: 1rem;
  margin-bottom: 0.6em;
  line-height: 1.2;
  color: #00133F;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  border: none;
}

#page-header label, #page-header .form-composite legend {
  color: #fff;
}

.form-control {
  display: block;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(100, 79, 79, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control {
  height: 2.67rem;
  font-size: 1rem;
  border: 2px solid #004f6b;
  border-radius: 2px;
  background-color: #FFFFFF;
  color: #00133F;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0.75em 0.75em;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}

.form-control:focus {
  outline: 0.375rem double black;
  box-shadow: 0 0 0 0.25rem white;
  border-radius: 0.125rem;
}

.form-control::placeholder {
  color: #607988;
  color: #506573;
  opacity: 1;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}

.form-control:hover::placeholder {
  color: #00133F;
}

.form-control:focus::placeholder {
  color: #CBD3D8;
}

.form-group {
  margin-bottom: 0;
}

/***********************************************/
/************** ACCESSIBILITY 2025 ************/
/***********************************************/
input[type=checkbox] {
  border: solid 2px #004f6b;
  background-color: transparent;
  appearance: none;
}
input[type=checkbox]:checked {
  background-color: #fff;
  color: #004f6b;
}
input[type=checkbox]:checked::after {
  content: "✔";
  font-size: 1.5rem;
  position: absolute;
  top: 0;
}

input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus {
  outline: 0.375rem double black;
  box-shadow: 0 0 0 0.25rem white;
  border-radius: 0.125rem;
}

.input-group-addon {
  white-space: wrap;
}

/*** Addition from HWE theme ***/
.form-type-checkbox input {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  position: static !important;
  margin-right: 20px !important;
  margin-top: 0px !important;
}

.form-type-checkbox label {
  align-items: center;
  display: flex;
  margin-top: 4px;
}

.description {
  font-style: italic;
  font-size: 1rem !important;
  color: #000000 !important;
}

.webform-options-display-two-columns {
  column-count: 1;
}

/***********************************************/
/** Submit button top margin ***/
.form-actions {
  margin-top: 2.1em;
}

/** Select list **/
.form-select,
.views-exposed-form .form-type-select .dropdown-toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #607988;
  /* siteimprove */
  color: #004f6b;
  background: #fff url("../images/ico-chevron-down.svg") right 0.4em center/auto 1.8em no-repeat;
  padding: 0.25em 2.75em 0.25em 0.75em;
  height: 2.5rem;
}
.form-select:hover, .form-select:focus,
.views-exposed-form .form-type-select .dropdown-toggle:hover,
.views-exposed-form .form-type-select .dropdown-toggle:focus {
  background-image: url("../images/ico-chevron-down-pink.svg");
  color: #00133F;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  width: 100%;
  margin-right: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.has-glyphicons .select-wrapper:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: none;
}

/* >= IE10+ */
_:-ms-lang(x), select::-ms-expand {
  display: none;
}

/* siteimprove */
.bootstrap-select option {
  background-color: #fff;
  color: #00133F;
}

/** Bootstrap Select Select/Deselect All buttons **/
.bootstrap-select .dropdown-menu button.btn {
  /* background-color: #00415B; */
  font-size: 0.8em;
  padding: 0.35em 0.5em 0.4em;
  height: auto;
  min-height: auto;
  margin-bottom: 0.5em;
  white-space: nowrap;
}

.bootstrap-select .dropdown-menu button.btn:first-of-type {
  border-right: 1px solid #fff;
}

.bootstrap-select .dropdown-menu button.btn:last-of-type {
  border-left: 1px solid #fff;
}

/** Text area **/
.resizable-textarea textarea {
  border-radius: 2px;
  padding: 0.75em 0.75em 1em;
}

/*** Media Queries ***/
/***********************************************/
/***********************************************/
/******************* WEBFORM ********************/
/***********************************************/
/***********************************************/
/*** Progress bar ***/
.webform-progressbar {
  margin-bottom: 5em;
}

.webform-progressbar-outer {
  position: relative;
  border: none;
  width: 100%;
  height: 5px;
  margin: 0.35em -1px 2em;
  background-color: #cbd0de;
}

.webform-progressbar-page.current {
  background-color: #E73E97;
}

.webform-progressbar-page.completed {
  background-color: #E73E97;
}

.webform-progressbar-inner {
  height: 1em;
  background-color: #E73E97;
  height: 0.25em;
}

.webform-progressbar-page {
  position: absolute;
  width: 1em;
  height: 1em;
  margin: -11px -4px;
  border: none;
  background-color: #cbd0de;
  border-radius: 0.5em;
  padding-bottom: 1em;
}

.webform-progressbar-page .webform-progressbar-page-label {
  position: relative;
  top: 26px;
  margin: 0 -10em;
}

/*** Webform fields ***/
.webform-container-inline div,
.webform-container-inline div.form-item {
  display: inline-block;
  margin-left: 0.25em;
  margin-right: 0.25em;
}

.webform-container-inline div:first-child,
.webform-container-inline div.form-item:first-child {
  margin-left: 0;
}

.webform-container-inline div:last-child,
.webform-container-inline div.form-item:last-child {
  margin-right: 0;
}

@media (max-width: 991px) {
  .webform-progressbar {
    display: none;
  }
}
/********************************************************/
/********************************************************/
/******************* DRUPAL 9 UPDATE ********************/
/********************************************************/
/********************************************************/
.form-item {
  margin: 1em 0;
}

.fieldset-wrapper .form-item {
  margin-top: 0;
}

article.webform .content > .field {
  margin-bottom: 2.5em;
}
article.webform .content > .field:last-of-type {
  margin-bottom: 0;
}
article.webform .js-webform-checkboxes .form-item:first-of-type,
article.webform .js-webform-radios .form-item:first-of-type {
  margin-top: 0;
}
article.webform .js-webform-checkboxes .form-item:last-of-type,
article.webform .js-webform-radios .form-item:last-of-type {
  margin-bottom: 0;
}
article.webform .form-item h1:first-child, article.webform .form-item h2:first-child, article.webform .form-item h3:first-child, article.webform .form-item h4:first-child {
  margin-top: 1.6em;
  margin-top: 0;
}
article.webform .form-group,
article.webform fieldset,
article.webform fieldset.fieldgroup,
article.webform .fieldgroup {
  margin-top: 0;
  margin-bottom: 1.25em;
}
article.webform .form-inline {
  margin-top: 2em;
}
article.webform .form-type-webform-rating {
  margin-top: 2.5em;
}

/********************************************************/
/*********************** Search *************************/
/********************************************************/
#search-form button.form-submit {
  margin: 0;
}
#search-form a.search-help-link {
  font-size: 1.2rem;
  margin: 1em 0;
  display: inline-block;
}

#views-exposed-form-content-index-page-1 .btn-group.bootstrap-select.form-select.form-control {
  width: 100% !important;
}
#views-exposed-form-content-index-page-1 .btn-group.bootstrap-select.form-select.form-control.dropup {
  width: 100% !important;
}
#views-exposed-form-content-index-page-1 .form-actions .btn, #views-exposed-form-content-index-page-1 .form-actions .btn-group {
  margin-top: 0;
  margin-bottom: 0;
}
#views-exposed-form-content-index-page-1 #edit-actions {
  margin: 0 !important;
}

.view.view-content-index.view-id-content_index.view-display-id-page_1 .views-field {
  text-wrap: wrap !important;
}

@media (max-width: 456px) {
  .view.view-content-index.view-id-content_index.view-display-id-page_1 .views-field.views-field-created {
    display: none;
  }
}
/** Status Messages for inline form errors **/
.messages__wrapper .item-list__comma-list, .messages__wrapper .item-list__comma-list li {
  display: block;
  list-style-type: disc;
}
.messages__wrapper .item-list__comma-list::after, .messages__wrapper .item-list__comma-list li::after {
  content: none;
}
.messages__wrapper .item-list__comma-list li::before {
  content: "•";
}

/**
 *------------------------------------------------------
 * Circle Interactive
 * HW WIB D9
 * -----------------------------------------------------
 * @author Pooks <chris@circle-interactive.co.uk>
 */
/***********************************************/
/***********************************************/
/************ VIEWS EXPOSED FILTER *************/
/***********************************************/
/***********************************************/
/* 'Boostrap Select'
 * https://silviomoreto.github.io/bootstrap-select/
 */
.views-exposed-form {
  padding-bottom: 3em;
  vertical-align: bottom;
  opacity: 0;
  transition: opacity 500ms;
}

@media (max-width: 991px) {
  .views-exposed-form {
    padding-bottom: 2.6em;
  }
}
@media (max-width: 600px) {
  .views-exposed-form {
    padding-bottom: 2.2em;
  }
}
.views-exposed-form.visible {
  opacity: 1;
}

.views-exposed-form .form-item {
  padding: 1em 1em 0 0;
  margin: 0;
  max-width: 100%;
}

.views-exposed-form .form-item.multi-select {
  min-width: 220px;
  max-width: 100%;
}

.views-exposed-form label {
  margin-bottom: 0.75em;
}

.views-exposed-form .form-item .btn {
  margin-top: 0;
}

.views-exposed-form .dropdown-toggle {
  margin-top: 0;
}

.views-exposed-form .form-item .btn .bs-caret {
  display: none;
}

.region-page-filter-header .views-exposed-form label {
  color: #00133F;
  margin-bottom: 0.75em;
}

.views-exposed-form .views-submit-button,
.views-exposed-form .views-reset-button {
  float: right;
}

.views-exposed-form .views-submit-button {
  padding-right: 0;
}

.views-exposed-form .dropdown-toggle:hover,
.views-exposed-form .dropdown-toggle:focus {
  background-color: #fff;
  color: #00133F;
}

@media (min-width: 601px) {
  /*.region-page-filter-header*/
}
.region-page-filter-header .views-exposed-form .bootstrap-select .dropdown-toggle {
  border: 1px solid #004f6b;
  border-radius: 0;
  white-space: nowrap;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}

/*.region-page-filter-header*/
.views-exposed-form .bootstrap-select .open .dropdown-toggle {
  border: none;
}

.views-exposed-form .bootstrap-select .dropdown-toggle:hover {
  outline: 0.1rem solid #00133F;
  box-shadow: 0 0 0.4rem 0.2rem #00133F;
  border-radius: 0.125rem;
}

/*.region-page-filter-header*/
.views-exposed-form .bootstrap-select .dropdown-toggle:focus,
.views-exposed-form .open .dropdown-toggle {
  color: #00133F;
  outline: 0.375rem double black !important;
  box-shadow: 0 0 0 0.25rem white;
  border-radius: 0.125rem;
}

.views-exposed-form .dropdown-menu {
  border-radius: 2px;
  border-bottom: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  font-size: 0.9em;
  width: calc(100% + 2em);
  width: 100%;
}

.views-exposed-form .dropdown-menu > li > a {
  display: block;
  padding: 0.25em 1em;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #00133F;
  white-space: nowrap;
  white-space: normal;
}

.views-exposed-form .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover,
.views-exposed-form .dropdown-menu > .active > a:focus {
  background-color: #E1E4E4;
}

.views-exposed-form .bootstrap-select.btn-group .no-results {
  padding: 0.25em 1em;
}

.views-exposed-form .dropdown-menu > .active > a,
.views-exposed-form .dropdown-menu > .active > a:hover,
.views-exposed-form .dropdown-menu > .active > a:focus {
  color: #00415B;
}

.views-exposed-form .dropdown-toggle {
  margin-bottom: 0;
}

.views-exposed-form .dropdown-menu > li > a {
  text-align: left;
}

.bootstrap-select.btn-group .dropdown-menu li {
  margin: 0;
}

/*.region-page-filter-header*/
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #00133F;
  background-color: #fff;
  /* border-color: transparent; */
}

/*.region-page-filter-header*/
.btn.form-submit:active:hover,
.btn.form-submit:active,
.bootstrap-select .dropdown-menu button.btn:active:hover,
.bootstrap-select .dropdown-menu button.btn:active {
  color: #fff;
  background-color: #A81563;
}

.region-page-filter-header .btn.form-submit,
.region-page-filter-header .btn.form-submit:active {
  color: #fff;
  background-color: #A81563;
}

/** Input field icons **/
/* .views-exposed-form .views-widget-filter-combine input.form-text {
    background-image: url()
} */
/* @media (max-width:979px) {
    .views-exposed-form .dropdown-menu {
        top:auto;
    }    
} */
/*** Media Queries ***/
@media (max-width: 991px) {
  /* #views-exposed-form-events-page-2  */
  .views-exposed-form .form-item {
    padding-top: 1em;
  }
}
@media (max-width: 600px) {
  /* #views-exposed-form-events-page-2  */
  .views-exposed-form .form-item {
    padding-top: 0.75em;
  }
  .views-exposed-form label {
    margin-bottom: 0.5em;
  }
}
/*************************************************/
/*************************************************/
/************** Drupal 9 - Overrides *************/
/*************************************************/
/*************************************************/
/* /*.region-page-filter-header .views-exposed-form */
#page-header .form-inline .form-control,
.search_filter.wrap .form-inline .form-control {
  width: 100%;
  display: block;
  min-width: 100%;
  max-width: 100%;
}
#page-header .form-inline .bootstrap-select > select,
.search_filter.wrap .form-inline .bootstrap-select > select {
  min-width: 0;
}
#page-header .form-inline .select-wrapper,
.search_filter.wrap .form-inline .select-wrapper {
  display: block;
}
#page-header .form-inline .form-item,
.search_filter.wrap .form-inline .form-item {
  float: left;
}
#page-header .form-inline .form-item.form-item-ct .bootstrap-select,
.search_filter.wrap .form-inline .form-item.form-item-ct .bootstrap-select {
  width: 106px !important;
}
#page-header .form-inline .form-item.form-item-ct .bootstrap-select button.dropdown-toggle,
.search_filter.wrap .form-inline .form-item.form-item-ct .bootstrap-select button.dropdown-toggle {
  min-width: auto;
}
#page-header .form-inline .form-item.panel,
.search_filter.wrap .form-inline .form-item.panel {
  background-color: transparent;
  border: none;
  box-shadow: none;
  margin-bottom: 0;
}
#page-header .form-inline .form-item.panel .panel-heading,
.search_filter.wrap .form-inline .form-item.panel .panel-heading {
  background-color: transparent;
  padding: 0;
  border: none;
}
#page-header .form-inline .form-item.panel .panel-heading .panel-title,
.search_filter.wrap .form-inline .form-item.panel .panel-heading .panel-title {
  margin: 0;
  padding: 0;
  color: #fff;
  margin-bottom: 0.75em;
  line-height: 1.2;
  font-size: 1rem;
  font-weight: 600;
}
#page-header .form-inline .form-item.panel .panel-body,
.search_filter.wrap .form-inline .form-item.panel .panel-body {
  padding: 0;
  font-size: 0;
}
#page-header .form-inline .form-item.panel .panel-body .form-item,
.search_filter.wrap .form-inline .form-item.panel .panel-body .form-item {
  padding: 0;
  font-size: 1rem;
}
#page-header .form-inline .form-item.panel .panel-body .form-item:first-of-type,
.search_filter.wrap .form-inline .form-item.panel .panel-body .form-item:first-of-type {
  margin-right: 0.25em;
}
#page-header .form-inline .form-item.panel .panel-body .form-item:last-of-type,
.search_filter.wrap .form-inline .form-item.panel .panel-body .form-item:last-of-type {
  margin-left: 0.25em;
}
#page-header .form-inline .form-item.panel .panel-body .form-item label,
.search_filter.wrap .form-inline .form-item.panel .panel-body .form-item label {
  display: none;
}
#page-header .form-inline .form-item.panel .panel-body .form-item input.form-control,
.search_filter.wrap .form-inline .form-item.panel .panel-body .form-item input.form-control {
  width: 10.5rem;
}
@media (max-width: 600px) {
  #page-header .form-inline .form-item#edit-combine-wrapper--2 .panel-body .form-item:last-of-type,
  .search_filter.wrap .form-inline .form-item#edit-combine-wrapper--2 .panel-body .form-item:last-of-type {
    width: calc(100% - 150px);
  }
}
#page-header .form-inline .form-item .dropdown-menu.open,
.search_filter.wrap .form-inline .form-item .dropdown-menu.open {
  width: 100%;
}
#page-header .form-inline .form-item .dropdown-menu.open > .dropdown-menu.inner,
.search_filter.wrap .form-inline .form-item .dropdown-menu.open > .dropdown-menu.inner {
  overflow-x: hidden;
}
@media (max-width: 991px) {
  #page-header .form-inline > .form-item:first-child,
  .search_filter.wrap .form-inline > .form-item:first-child {
    padding-top: 0;
  }
}
@media (max-width: 600px) {
  #page-header .form-inline > .form-item,
  .search_filter.wrap .form-inline > .form-item {
    float: none;
    display: block;
    padding-right: 0;
    width: 100%;
  }
  #page-header .form-inline > .form-item:first-child,
  .search_filter.wrap .form-inline > .form-item:first-child {
    padding-top: 0;
  }
  #page-header .form-inline > .form-item.panel#edit-field-publication-date-value-wrapper--2 .panel-body,
  .search_filter.wrap .form-inline > .form-item.panel#edit-field-publication-date-value-wrapper--2 .panel-body {
    padding: 0;
  }
  #page-header .form-inline > .form-item.panel#edit-field-publication-date-value-wrapper--2 .panel-body .form-item,
  .search_filter.wrap .form-inline > .form-item.panel#edit-field-publication-date-value-wrapper--2 .panel-body .form-item {
    padding: 0;
    float: none;
    display: inline-block;
    width: calc(50% - 0.25em);
  }
  #page-header .form-inline > .form-item.panel#edit-field-publication-date-value-wrapper--2 .panel-body .form-item:first-of-type,
  .search_filter.wrap .form-inline > .form-item.panel#edit-field-publication-date-value-wrapper--2 .panel-body .form-item:first-of-type {
    margin-right: 0.25em;
  }
  #page-header .form-inline > .form-item.panel#edit-field-publication-date-value-wrapper--2 .panel-body .form-item:last-of-type,
  .search_filter.wrap .form-inline > .form-item.panel#edit-field-publication-date-value-wrapper--2 .panel-body .form-item:last-of-type {
    margin-left: 0.25em;
  }
  #page-header .form-inline > .form-item.panel#edit-field-publication-date-value-wrapper--2 .panel-body .form-item label,
  .search_filter.wrap .form-inline > .form-item.panel#edit-field-publication-date-value-wrapper--2 .panel-body .form-item label {
    display: none;
  }
  #page-header .form-inline > .form-item.panel#edit-field-publication-date-value-wrapper--2 .panel-body .form-item input.form-control,
  .search_filter.wrap .form-inline > .form-item.panel#edit-field-publication-date-value-wrapper--2 .panel-body .form-item input.form-control {
    width: 100%;
  }
  #page-header .form-inline > .form-item .bootstrap-select,
  .search_filter.wrap .form-inline > .form-item .bootstrap-select {
    width: 100% !important;
  }
  #page-header .form-inline > .form-item .bootstrap-select .dropdown-menu ul.dropdown-menu li a,
  .search_filter.wrap .form-inline > .form-item .bootstrap-select .dropdown-menu ul.dropdown-menu li a {
    white-space: normal;
  }
}
@media (max-width: 435px) {
  #page-header .form-inline > .form-item.panel#edit-field-publication-date-value-wrapper--2 .panel-body .form-item,
  .search_filter.wrap .form-inline > .form-item.panel#edit-field-publication-date-value-wrapper--2 .panel-body .form-item {
    display: block;
    width: 100%;
  }
  #page-header .form-inline > .form-item.panel#edit-field-publication-date-value-wrapper--2 .panel-body .form-item:first-of-type,
  .search_filter.wrap .form-inline > .form-item.panel#edit-field-publication-date-value-wrapper--2 .panel-body .form-item:first-of-type {
    margin-left: 0;
    margin-right: 0;
  }
  #page-header .form-inline > .form-item.panel#edit-field-publication-date-value-wrapper--2 .panel-body .form-item:last-of-type,
  .search_filter.wrap .form-inline > .form-item.panel#edit-field-publication-date-value-wrapper--2 .panel-body .form-item:last-of-type {
    margin-left: 0;
    margin-right: 0;
  }
  #page-header .form-inline > .form-item.panel#edit-field-publication-date-value-wrapper--2 .panel-body .form-item.form-item-field-publication-date-value-min,
  .search_filter.wrap .form-inline > .form-item.panel#edit-field-publication-date-value-wrapper--2 .panel-body .form-item.form-item-field-publication-date-value-min {
    margin-bottom: 0.5em;
  }
}
#page-header .form-inline .form-item-items-per-page,
.search_filter.wrap .form-inline .form-item-items-per-page {
  margin-top: 2em;
  clear: both;
}
#page-header .form-inline .form-item-items-per-page label.control-label,
.search_filter.wrap .form-inline .form-item-items-per-page label.control-label {
  margin-right: 1em;
  vertical-align: middle;
}
#page-header .form-inline .form-item-items-per-page .select-wrapper,
.search_filter.wrap .form-inline .form-item-items-per-page .select-wrapper {
  display: inline-block;
  vertical-align: middle;
}
#page-header .form-inline .form-item-items-per-page .bootstrap-select button.dropdown-toggle,
.search_filter.wrap .form-inline .form-item-items-per-page .bootstrap-select button.dropdown-toggle {
  min-width: auto;
  width: 6em;
}
#page-header .form-inline .bef--secondary,
.search_filter.wrap .form-inline .bef--secondary {
  float: none;
  display: block;
  clear: both;
  padding: 1.2em 0 0;
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 0;
  position: relative;
  top: 1.6em;
  margin-bottom: 0.5em;
  background-color: transparent;
}
#page-header .form-inline .bef--secondary .panel-heading,
.search_filter.wrap .form-inline .bef--secondary .panel-heading {
  background-color: #fff;
  padding: 0;
  line-height: 1.2;
}
#page-header .form-inline .bef--secondary .panel-heading a.panel-title,
.search_filter.wrap .form-inline .bef--secondary .panel-heading a.panel-title {
  border-radius: 3px;
  background-color: #fff;
  color: #506573;
  font-size: 18px;
  font-weight: 600;
  vertical-align: middle;
  padding: 0.75em 0.75em;
  margin: 0;
  background: #fff url("../images/ico-chevron-down.svg") right 1em center/auto 0.5em no-repeat;
  text-decoration: none;
}
#page-header .form-inline .bef--secondary .panel-heading a.panel-title:hover,
.search_filter.wrap .form-inline .bef--secondary .panel-heading a.panel-title:hover {
  color: #00133F;
}
#page-header .form-inline .bef--secondary .panel-body,
.search_filter.wrap .form-inline .bef--secondary .panel-body {
  padding: 1.2em 1em 1.6em;
  border: 1px solid #fff;
  border-top: none;
}
#page-header .form-inline .bef--secondary .panel-body .form-item,
.search_filter.wrap .form-inline .bef--secondary .panel-body .form-item {
  float: none;
  display: block;
  padding: 0;
  margin-top: 0.5em;
}
#page-header .form-inline .bef--secondary .panel-body .form-item:first-of-type,
.search_filter.wrap .form-inline .bef--secondary .panel-body .form-item:first-of-type {
  margin-top: 0;
}
#page-header .form-inline .form-actions,
.search_filter.wrap .form-inline .form-actions {
  margin-top: 1rem;
  float: right;
}
#page-header .form-inline .form-actions button,
.search_filter.wrap .form-inline .form-actions button {
  float: right;
  margin: 0 0.5em;
}
#page-header .form-inline .form-actions button:first-child,
.search_filter.wrap .form-inline .form-actions button:first-child {
  margin-right: 0;
}
#page-header .form-inline .form-actions button:last-child,
.search_filter.wrap .form-inline .form-actions button:last-child {
  margin-left: 0;
}
#page-header .form-inline .form-actions.own-line,
.search_filter.wrap .form-inline .form-actions.own-line {
  padding-top: 0.6em !important;
}
@media (max-width: 600px) {
  #page-header .form-inline .form-actions,
  .search_filter.wrap .form-inline .form-actions {
    margin-top: 1.6rem;
  }
  #page-header .form-inline .form-actions button,
  .search_filter.wrap .form-inline .form-actions button {
    margin-top: 0 !important;
  }
}

.views-exposed-form .bootstrap-select .dropdown-toggle {
  border: 1px solid #ccc;
  white-space: nowrap;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}

/********************************************************/
/******************** Events search *********************/
/********************************************************/
.views-exposed-form#block-exposedformeventssearch .form-inline {
  font-size: 0;
}
.views-exposed-form#block-exposedformeventssearch .form-inline .form-item {
  font-size: 1rem;
}
.views-exposed-form#block-exposedformeventssearch .form-item-sort-by {
  display: none;
}
.views-exposed-form#block-exposedformeventssearch .form-item-combine {
  width: 48.709%;
  margin-right: 2.582%;
  padding-right: 0;
}
.views-exposed-form#block-exposedformeventssearch .form-item-field-event-date-value {
  margin-right: 1em;
}
.views-exposed-form#block-exposedformeventssearch .form-item-field-event-date-value,
.views-exposed-form#block-exposedformeventssearch .form-item-field-event-date-end-value {
  padding-right: 0;
  width: calc(24.3545% - 0.5em);
}
@media (max-width: 991px) {
  .views-exposed-form#block-exposedformeventssearch .form-item-field-event-date-value {
    margin-right: 0.5em;
  }
  .views-exposed-form#block-exposedformeventssearch .form-item-field-event-date-value,
  .views-exposed-form#block-exposedformeventssearch .form-item-field-event-date-end-value {
    padding-right: 0;
    width: calc(24.3545% - 0.25em);
  }
}
@media (max-width: 600px) {
  .views-exposed-form#block-exposedformeventssearch .form-item-combine {
    width: 100%;
  }
  .views-exposed-form#block-exposedformeventssearch .form-item-field-event-date-value {
    margin-right: 0.5em;
  }
  .views-exposed-form#block-exposedformeventssearch .form-item-field-event-date-value,
  .views-exposed-form#block-exposedformeventssearch .form-item-field-event-date-end-value {
    padding-right: 0;
    width: calc(50% - 0.25em);
    display: inline-block;
  }
  .views-exposed-form#block-exposedformeventssearch .form-item-field-event-date-end-value {
    clear: right;
  }
  .views-exposed-form#block-exposedformeventssearch .form-item-field-event-type-target-id {
    padding-right: 0.5em;
  }
  .views-exposed-form#block-exposedformeventssearch .form-item-field-event-type-target-id,
  .views-exposed-form#block-exposedformeventssearch .form-item-sort-order {
    width: auto !important;
    display: inline-block;
  }
}
@media (max-width: 530px) {
  .views-exposed-form#block-exposedformeventssearch .form-item-field-event-type-target-id {
    padding-right: 0;
  }
  .views-exposed-form#block-exposedformeventssearch .form-item-field-event-type-target-id,
  .views-exposed-form#block-exposedformeventssearch .form-item-sort-order {
    width: 100%;
    display: block;
  }
  .views-exposed-form#block-exposedformeventssearch .form-actions {
    margin-top: 0;
  }
}
@media (max-width: 396px) {
  .views-exposed-form#block-exposedformeventssearch .form-item-field-event-date-value {
    margin-right: 0;
  }
  .views-exposed-form#block-exposedformeventssearch .form-item-field-event-date-value,
  .views-exposed-form#block-exposedformeventssearch .form-item-field-event-date-end-value {
    padding-right: 0;
    width: 100%;
  }
}

/********************************************************/
/******************* News and reports *******************/
/********************************************************/
.region-page-filter-header form#views-exposed-form-news-and-reports-page-1 .form-item-field-article-type-tid {
  width: 240px;
}
.region-page-filter-header form#views-exposed-form-news-and-reports-page-1 .form-item-field-themes-tid {
  width: 262px;
}
@media (max-width: 1199px) {
  .region-page-filter-header form#views-exposed-form-news-and-reports-page-1 .form-item-combine {
    float: none;
    padding-right: 0;
    display: block;
    clear: both;
  }
}
@media (max-width: 767px) {
  .region-page-filter-header form#views-exposed-form-news-and-reports-page-1 .form-item-field-article-type-tid {
    width: 48.709%;
    margin-right: 1.291%;
    padding-right: 0;
  }
  .region-page-filter-header form#views-exposed-form-news-and-reports-page-1 .form-item-field-themes-tid {
    width: 48.709%;
    margin-left: 1.291%;
    padding-right: 0;
  }
}
@media (max-width: 600px) {
  .region-page-filter-header form#views-exposed-form-news-and-reports-page-1 .form-item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

/********************************************************/
/******************** Advice and Info *******************/
/********************************************************/
.region-page-filter-header form#views-exposed-form-advice-and-information-page-1 .form-item-field-themes-target-id {
  width: 263px;
}
@media (max-width: 991px) {
  .region-page-filter-header form#views-exposed-form-advice-and-information-page-1 .form-item-combine {
    float: none;
    padding-right: 0;
    width: 100%;
  }
}
@media (max-width: 600px) {
  .region-page-filter-header form#views-exposed-form-advice-and-information-page-1 .form-item-field-themes-target-id {
    float: none;
    padding-right: 0;
    width: 100%;
  }
}

/**
 *------------------------------------------------------
 * Circle Interactive
 * -----------------------------------------------------
 * @author Pooks <chris@circle-interactive.co.uk>
 */
.field--name-field-paragraphs .field {
  margin-bottom: 0;
}

.field--name-field-paragraphs .paragraph {
  margin-bottom: 1.6em;
}

.field--name-field-paragraphs > .field--item:last-of-type .paragraph {
  margin-bottom: 0;
}

/*** Float images ***/
.paragraph--type--image-float-left-page img,
.paragraph--type--image-float-left img {
  /* margin: 0.25em 1.6em 1em 0; */
  margin: 0.25em 2.582% 2.582% 0;
  float: left;
  clear: left;
  width: 47.418%;
}

/** Media module ***/
.paragraph--type--image-float-left-page .file-image {
  /*display: inline-block;*/
  margin: 0 2.582% 2.582% 0;
  float: left;
  width: 47.418%;
  /*float:left;*/
}

.paragraph--type--image-float-left-page .file-image img {
  margin: 0;
  float: none;
  width: auto;
}

.paragraph--type--image-float-right-page img,
.paragraph--type--image-float-right img {
  /* margin: 0.25em 0 1em 1.6em; */
  margin: 0.25em 0 2.582% 5%;
  float: right;
  clear: right;
  width: 47.418%;
}

.paragraph--type--image-float-right-page .file-image {
  /* margin: 0.25em 0 1em 1.6em; */
  margin: 0.25em 0 2.582% 5%;
  float: right;
  width: 47.418%;
}

.paragraph--type--image-float-right-page .file-image img {
  margin: 0;
  float: none;
  width: auto;
}

@media (max-width: 600px) {
  /* Pages */
  .paragraph--type--image-float-left-page img,
  .paragraph--type--image-float-right-page img {
    /* margin: 0.25em 1.6em 1em 0; */
    margin: 0;
    float: none;
    width: 100%;
  }
  /** Media module ***/
  .paragraph--type--image-float-left-page .file-image,
  .paragraph--type--image-float-right-page .file-image {
    /*display: inline-block;*/
    margin: 0;
    float: none;
    width: 100%;
    /*float:left;*/
  }
}
@media (max-width: 435px) {
  /* Articles */
  .paragraph--type--image-float-left img,
  .paragraph--type--image-float-right img {
    /* margin: 0.25em 1.6em 1em 0; */
    margin: 0;
    float: none;
    width: 100%;
  }
}
/*** Embed video ***/
.paragraph--type--embed-video .player,
.field--name-field-media-oembed-video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.paragraph--type--embed-video iframe,
.field--name-field-media-oembed-video > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.paragraph--type--embed-video .video-embed-description {
  font-size: 0.85em;
  color: #607988;
  margin-top: 1em;
}

/*** Quote paragraph and Quote block ***/
.field--name-field-paragraphs .paragraph--type--quote {
  margin: 2.2em 0 2.2em;
}

body.page-node-type-page .block-type--quote {
  margin: 2.2em 0 2.2em;
}

body.page-node-type-page .block-type--quote.blue-bg {
  background-color: #004C6A;
  color: #fff;
  padding: 1.6em 2em 2em;
}
body.page-node-type-page .block-type--quote.blue-bg .quote-author {
  color: #fff;
}

body.page-node-type-page .block-type--quote:first-child {
  margin-top: 0;
}

body.page-node-type-page .block-type--quote:last-child {
  margin-bottom: 0;
}

.field--name-field-paragraphs .paragraph--type--quote,
.block-type--quote blockquote {
  padding: 0;
  border: none;
  font-size: 1em;
}

.block-type--quote,
.field--name-field-paragraphs .paragraph--type--quote,
.node-webform .field--name-field-paragraphs .paragraph--type--quote {
  /* padding-left: 15%;
  padding-right: 15%; */
  text-align: left;
}

.block-type--quote .content,
.field--name-field-paragraphs .paragraph--type--quote .content,
.node-webform .field--name-field-paragraphs .paragraph--type--quote .content {
  margin-left: auto;
  margin-right: auto;
  padding: 0 15em 0 0;
  text-align: left;
  background: url("../images/graphic-quote-block-para-speach-mark.svg") right top/240px auto no-repeat;
  min-height: 296px;
}

@media (max-width: 991px) {
  body.page-node-type-page .block-type--quote.blue-bg {
    padding: 1em 1.2em 1.6em;
  }
  .block-type--quote .content,
  .field--name-field-paragraphs .paragraph--type--quote .content,
  .node-webform .field--name-field-paragraphs .paragraph--type--quote .content {
    padding: 0 16% 0 0;
    background: url("../images/graphic-quote-block-para-speach-mark.svg") right top/13% auto no-repeat;
    min-height: auto;
  }
}
@media (max-width: 435px) {
  .block-type--quote .content,
  .field--name-field-paragraphs .paragraph--type--quote .content,
  .node-webform .field--name-field-paragraphs .paragraph--type--quote .content {
    padding: 0 20% 0 0;
    background: url("../images/graphic-quote-block-para-speach-mark.svg") right top/18% auto no-repeat;
  }
}
.field--name-field-paragraphs .paragraph--type--quote em,
.block-type--quote blockquote em {
  font-style: normal;
}

.paragraph--type--quote .field--name-field-text,
.block-type--quote blockquote {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 1.78em;
  line-height: 1.45;
  margin-bottom: 0.6em;
  display: inline-block;
  min-height: 140px;
}

.paragraph--type--quote .field--name-field-text *,
.block-type--quote blockquote * {
  display: inline-block;
}

/* blockquote {
    margin-top:1.5em;
    margin-bottom:1.5em;
} */
blockquote {
  font-size: 1rem;
}

.quote-author {
  padding: 0 25px;
  font-size: 1rem;
  margin-top: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

blockquote .quote-author {
  padding: 0;
}

.paragraph--type--quote .field--name-field-quote-author,
.block-type--quote .quote-author {
  margin-top: 0;
  padding: 0;
  font-size: 1.06em;
  color: #00133F;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}

/* p.quote-author {
    margin-top:-1.5em;
    margin-bottom:3.5em;
} */
p.quote-author::before {
  content: "— ";
}

.block-type--quote p.quote-author::before {
  content: none;
}

/*** Downloads ***/
.field--name-field-paragraphs .entity.paragraphs-item-downloads {
  margin-bottom: 1.6em;
}

.paragraph--type--downloads .field--name-field-text {
  margin-bottom: 1.2em;
}

.paragraph--type--downloads .field--name-field-file-download .field--item {
  margin-bottom: 0.5em;
}

.field-name-field-downloads img {
  display: none;
}

/* .field-name-field-file-download .field-name-field-file-description {
    margin-bottom:0.5em;
} */
/*** Text in grey box ***/
/* .field--name-field-paragraphs .entity.paragraph--type--text-in-grey-box {
    margin-bottom:0;
} */
.field--name-field-paragraphs .paragraph--type--text-in-grey-box {
  padding: 1.2em 1.4em 1.8em;
  background: #EDF1F3;
  /* line-height: 1.3; */
  margin: 2.6em 0;
}

.paragraph--type--text-in-grey-box *:first-child {
  margin-top: 0;
}

.paragraph--type--text-in-grey-box *:last-child {
  margin-bottom: 0;
}

.paragraph--type--text-in-grey-box a.btn {
  margin: 0.75em 0;
}

/*** Media Queries ***/
@media (max-width: 991px) {
  .paragraph--type--quote .field--name-field-text,
  .block-type--quote blockquote {
    font-size: 1.2em;
  }
}
.field--name-field-paragraphs .paragraph--type--embed-video {
  margin: 2.6em 0;
}

.charts-highchart ul.highcharts-menu li.highcharts-menu-item {
  margin: 0;
}
.charts-highchart .highcharts-data-table table {
  width: 100%;
  border-bottom: 1px solid #CBD0DE;
}
.charts-highchart .highcharts-data-table table thead > tr > th {
  border-bottom: 2px solid #CBD0DE;
}
.charts-highchart .highcharts-data-table table thead > tr > th, .charts-highchart .highcharts-data-table table tbody > tr > th, .charts-highchart .highcharts-data-table table tfoot > tr > th, .charts-highchart .highcharts-data-table table thead > tr > td, .charts-highchart .highcharts-data-table table tbody > tr > td, .charts-highchart .highcharts-data-table table tfoot > tr > td {
  padding: 0.5em 0.75em 0.6em;
  border-top: 1px solid #CBD0DE;
}
.charts-highchart .highcharts-data-table table tbody > tr:nth-of-type(odd) {
  background-color: #EFF2F3;
}
.charts-highchart .highcharts-data-table table tbody > tr:nth-of-type(even) {
  background-color: #F7F8F9;
}
.charts-highchart .highcharts-data-table table tbody > tr:hover {
  background-color: #E7EBED;
}

/*
██████   █████   ██████  ███████ ███████
██   ██ ██   ██ ██       ██      ██
██████  ███████ ██   ███ █████   ███████
██      ██   ██ ██    ██ ██           ██
██      ██   ██  ██████  ███████~~ ███████
*/
article .field {
  margin-bottom: 1.6em;
}

.field--name-field-lead-paragraph {
  font-weight: 600;
}

/***********************************************/
/***********************************************/
/***************** CONTENT TYPES ***************/
/***********************************************/
/***********************************************/
/***********************************************/
/****************** Paragraphs *****************/
/***********************************************/
/***********************************************/
/******************* Articles ******************/
/***********************************************/
/***** Layout *****/
body.page-node-type-article .main-container {
  text-align: center;
}

body.page-node-type-article .main-container .row {
  display: inline-block;
  /* margin-left:auto;
  margin-right:auto; */
  text-align: left;
}

/** Main content **/
body.page-node-type-article .col-sm-9 {
  /* margin:0 auto;
  float:none; */
  width: auto;
  max-width: 831px;
  clear: left;
}

/** Sidebar **/
body.page-node-type-article .col-sm-3 {
  width: 40px;
  padding: 0;
}

/***** Layout *****/
body.page-node-type-hwe-advice-and-information .main-container {
  text-align: center;
}

body.page-node-type-hwe-advice-and-information .main-container .row {
  display: inline-block;
  /* margin-left:auto;
  margin-right:auto; */
  text-align: left;
}

/** Main content **/
body.page-node-type-hwe-advice-and-information .col-sm-9 {
  /* margin:0 auto;
  float:none; */
  width: auto;
  max-width: 831px;
  clear: left;
}

/** Sidebar **/
body.page-node-type-hwe-advice-and-information .col-sm-3 {
  width: 40px;
  padding: 0;
}

/*** Report page ***/
body.article-type--report .main-container {
  text-align: left;
}

body.article-type--report .main-container .row {
  display: block;
}

body.article-type--report .col-sm-9 {
  width: 66.66667%;
  max-width: 100%;
}

body.article-type--report .col-sm-3 {
  width: 33.33333%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 1.291%;
  padding-right: 1.291%;
}

/*** CTA region ***/
/* body.page-node-type-article .content-bottom {
    width: auto;
    max-width: 831px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.291%;
    padding-right: 1.291%;
}
body.page-node-type-article .region-content-bottom {

} */
body.page-node-type-article .article-cta {
  clear: both;
  width: auto;
  max-width: 831px;
  padding-left: 1.291%;
  padding-right: 1.291%;
  padding-top: 0.5rem;
}

body.page-node-type-hwe-advice-and-information .article-cta {
  clear: both;
  width: auto;
  max-width: 831px;
  padding-left: 1.291%;
  padding-right: 1.291%;
  padding-top: 0.5rem;
}

/* Report article type */
body.article-type--report .article-cta {
  width: 66.66667%;
  max-width: 100%;
}

/***** Page styling *****/
body.page-node-type-article .main-wrap,
body.node-type-report .main-wrap,
body.page-node-type-hwe-advice-and-information .main-wrap {
  background: #EDF1F3 url("../images/bg-page-header-2022.svg") center top/1440px auto no-repeat;
}

body.page-node-type-article .main-container,
body.node-type-report .main-container,
body.page-node-type-hwe-advice-and-information .main-container {
  background: transparent;
}

body.page-node-type-hwe-advice-and-information #page-header {
  display: none;
}

body.page-node-type-article .region-content article,
.node-report {
  background-color: #fff;
  /* max-width: 810px;
  margin:0 auto; */
  padding: 1.6em 1.6em 2em;
}

body.page-node-type-hwe-advice-and-information .region-content article,
.node-report {
  background-color: #fff;
  /* max-width: 810px;
  margin:0 auto; */
  padding: 1.6em 1.6em 2em;
}

h1.node-header {
  color: #00133F;
  margin-top: 0;
}

article .byline {
  font-size: 0.85em;
  color: #607988;
  margin-bottom: 2em;
}

/*** Report cover block ***/
body.article-type--report #article-main-image.block {
  padding: 1em;
  background: #fff;
  margin-bottom: 1em;
  display: inline-block;
}

body.article-type--report #article-main-image img {
  -webkit-box-shadow: 0px 1px 10px 0px rgb(194, 194, 194);
  -moz-box-shadow: 0px 1px 10px 0px rgb(194, 194, 194);
  box-shadow: 0px 1px 10px 0px rgb(194, 194, 194);
}

/*** Media Queries ***/
@media (max-width: 991px) {
  /** Sidebar **/
  body.page-node-type-article .col-sm-3 {
    width: 100%;
    padding-left: 1.291%;
    padding-right: 1.291%;
  }
  body.page-node-type-article .region-sidebar-second {
    background-color: #fff;
    padding: 0 1.6rem 2rem;
    margin-left: 0;
    margin-right: 0;
  }
  /** Sidebar **/
  body.page-node-type-hwe-advice-and-information .col-sm-3 {
    width: 100%;
    padding-left: 1.291%;
    padding-right: 1.291%;
  }
  body.page-node-type-hwe-advice-and-information .region-sidebar-second {
    background-color: #fff;
    padding: 0 1.6rem 2rem;
    margin-left: 0;
    margin-right: 0;
  }
  /* Report article type */
  body.article-type--report .article-cta {
    width: 100%;
  }
  body.article-type--report .col-sm-9 {
    width: 100%;
  }
  #article-type-article img {
    float: right;
    margin: 0 0 2.582% 2.582%;
    max-width: 47.418%;
  }
}
@media (max-width: 600px) {
  .node-article,
  .node-report {
    background-color: #fff;
    padding: 1.2em 1.2em 2em;
  }
  .node-article h1.node-header {
    font-size: 1.5em;
  }
  body.page-node-type-article .region-sidebar-second {
    padding: 0 1.2rem 2rem;
  }
  body.page-node-type-hwe-advice-and-information .region-sidebar-second {
    padding: 0 1.2rem 2rem;
  }
}
/***********************************************/
/******************** Events *******************/
/***********************************************/
/*** Main image ***/
body.page-node-type-event .main-wrap {
  position: relative;
  overflow: hidden;
  background-color: #EDF1F3;
}

#events-img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 18rem;
  z-index: 0;
  display: block;
  overflow: clip;
}

#events-img.uploaded-image {
  background: #00133f;
}

#events-img.default-image {
  background: #00425E;
}

#events-img img {
  opacity: 0.3;
  /* siteimprove */
  opacity: 0.2;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: auto;
  /* object-position: center; */
  object-fit: cover;
}

#events-img.default-image img {
  opacity: 1;
}

/*** Header Views Block ***/
.block-views.event-node-header {
  color: #fff;
  padding: 3em 0 3em;
}

.block-views.event-node-header .views-row {
  margin-bottom: 0;
}

.block-views.event-node-header .views-field-nothing {
  font-size: 0;
}

.block-views.event-node-header .views-field-nothing > .field-content > div {
  font-size: 1rem;
}

.block-views.event-node-header .views-field-nothing .content .views-field {
  font-size: 0.95em;
  /* line-height: 1.75; */
  margin-bottom: 0.5em;
}

.block-views.event-node-header .calendar,
.block-views.event-node-header .content {
  vertical-align: top;
}

.block-views.event-node-header .calendar {
  background-color: #fff;
  padding: 1.1em 1em;
  color: #00133f;
  border-top: 1.778em solid #e73e97;
  /* border-top:32px solid #e73e97; */
  border-radius: 0.2em;
  font-weight: 600;
  text-align: center;
  line-height: 1;
  display: inline-block;
  width: 21.2%;
  margin-right: 4.417%;
  height: 13.33rem;
  /* background: #fff url('../images/event-node-calendar.png') center bottom / 240px auto no-repeat; */
}

.block-views.event-node-header .calendar .day {
  font-size: 6.8em;
  margin-bottom: 0;
}

.block-views.event-node-header .calendar .month-year {
  color: #004f6b;
  font-size: 1.3em;
  margin-top: 0.75em;
  margin-bottom: 0;
}

.block-views.event-node-header .view-content .content {
  display: inline-block;
  width: 74.383%;
  margin-top: 20px;
}

.block-views.event-node-header h1.page-header {
  margin-bottom: 1em;
}

.block-views.event-node-header .views-field-nothing .content .event-type {
  margin: -1em 0 1em;
}

.block-views.event-node-header .event-location {
  padding-left: 1.5em;
  background: url("../images/ico-map-pin-white.svg") left 0.3em/auto 1.1em no-repeat;
}

.block-views.event-node-header .event-date {
  padding-left: 1.5em;
  background: url("../images/ico-calendar-white.svg") left 0.25em/auto 1em no-repeat;
}

/*** Node ***/
body.page-node-type-event .region-content article {
  background: #fff;
  padding: 1.6em;
}

body.page-node-type-event .region-content article h1.node-header {
  color: #fff;
}

/* .event-cal-date {
    border-top: #E73E97 solid 32px;
    border-radius: 2px;
    background: #fff;
    padding:2em;
} */
body.page-node-type-event .region-content article .field-name-field-file-description {
  margin-bottom: 0;
}

body.page-node-type-event .region-content article .field-name-field-downloads-fieldset .field-name-field-text {
  margin-bottom: 1.2em;
}

body.page-node-type-event .region-content article .field-name-field-downloads {
  margin-bottom: 0.5em;
}

body.page-node-type-event .region-content article .field-name-field-downloads a {
  background-color: #8ecc47;
}

/*** Book now button ***/
body.page-node-type-event .field--name-field-event-form-link {
  font-size: 1.1rem;
  margin-bottom: 0;
}

body.page-node-type-event .field--name-field-event-form-link a {
  margin: 2em 0 0;
  /* min-width: 290px; */
}

body.page-node-type-event .region-sidebar-second .field--name-field-event-form-link a {
  margin-top: 0;
  display: block;
}

/*** Closed button ***/
body.page-node-type-event .field--name-field-event-form-link.closed {
  padding: 0.5em 1em;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.42857143;
  text-align: center;
  /* white-space: nowrap; */
  vertical-align: middle;
  border: 2px solid #00133F;
  border-radius: 2px;
  margin: 0;
  color: #00133F;
}

/*** Media Queries ***/
@media (max-width: 991px) {
  .block-views.event-node-header {
    padding: 1.5em 0 2.5em;
  }
  body.page-node-type-event .col-sm-9,
  body.page-node-type-event .col-sm-3 {
    width: 100%;
  }
  body.page-node-type-event .field--name-field-event-form-link.closed {
    color: rgb(0, 19, 63);
    border-color: rgb(0, 19, 63);
  }
  body.page-node-type-event .region-sidebar-second {
    margin-left: 0;
    margin-right: 0;
    background-color: #fff;
    padding: 0 1.6em 2em;
    font-size: 1rem;
  }
  .block-views.event-node-header .calendar {
    width: 200px;
    float: left;
    margin-right: 32px;
    height: 260px;
  }
  .block-views.event-node-header .view-content .content {
    display: block;
    width: auto;
    padding-top: 20px;
    margin-left: 232px;
  }
  body.page-node-type-event .region-content article {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .block-views.event-node-header .views-field-nothing > .field-content > .calendar {
    width: 170px;
    font-size: 0.8rem;
    border-top-width: 20px;
    margin-right: 30px;
    height: 200px;
  }
  .block-views.event-node-header .view-content .content {
    padding-top: 10px;
    margin-left: 200px;
  }
}
@media (max-width: 600px) {
  .block-views.event-node-header {
    padding: 1.5em 0 2.5em;
  }
  #block-views-events-block-1 h1.page-header {
    font-size: 1.6em;
    margin-bottom: 1.25em;
  }
  .block-views.event-node-header .views-field-nothing > .field-content > .calendar {
    width: 130px;
    font-size: 0.6rem;
    border-top-width: 20px;
    margin-right: 30px;
    height: 150px;
  }
  .block-views.event-node-header .view-content .content {
    padding-top: 5px;
    margin-left: 160px;
  }
}
@media (max-width: 500px) {
  .block-views.event-node-header {
    padding: 2em 0 2em;
  }
  .block-views.event-node-header .calendar {
    float: none;
  }
  .block-views.event-node-header .view-content .content {
    padding-top: 0;
    margin-top: 2em;
    margin-left: 0;
  }
}
@media (max-width: 396px) {
  #block-views-events-block-1 h1.page-header {
    font-size: 1.4em;
    margin-bottom: 1.5em;
  }
  body.page-node-type-event .region-content article {
    background: #fff;
    padding: 1.4em 1.2em;
  }
  #block-views-events-event-related-report {
    padding: 1.2em;
  }
  body.page-node-type-event .region-sidebar-second {
    padding-left: 1.2em;
    padding-right: 1.2em;
  }
}
/**
 *------------------------------------------------------
 * Circle Interactive
 * -----------------------------------------------------
 * @author Pooks <chris@circle-interactive.co.uk>
 */
/**********************************************/
/********* Node node-reports-library **********/
/**********************************************/
/*** Title ***/
.block.reports-library-section-page-title {
  float: left;
  margin-bottom: 0;
}

.block.reports-library-backlink {
  margin-top: 0.5em;
  float: right;
}
.block.reports-library-backlink a.back-link {
  color: #fff;
  font-weight: 600;
  font-size: 20px;
  padding-left: 1.3em;
  background: url("../images/ico-chevron-left-white.svg") left center/17px 17px no-repeat;
  text-decoration: none;
  display: inline-block;
}
.block.reports-library-backlink a.back-link:hover, .block.reports-library-backlink a.back-link:focus {
  text-decoration: underline;
}

/*** Report header ***/
article.reports-library .report-header {
  padding: 1.2em 1.2em 1.6em;
  background-color: #EDF1F3;
  margin-bottom: 2.5em;
}

article.reports-library .report-header h1 {
  margin-top: 0;
  font-size: 1.6em;
}

article.reports-library .report-header a.download.btn {
  margin-bottom: 0;
}

/*** Did you find this report useful ***/
/* body.node-type-reports-library #content-wrapper */
article.reports-library {
  position: relative;
}

article.reports-library .form-item {
  /* position: absolute;
  top:0.15em;
  right:0;
  margin:0; */
  /* padding-top:0.3em; */
  float: right;
  margin-top: 1.45em;
  vertical-align: bottom;
}

article.reports-library .form-item:after {
  content: "";
  display: table;
  clear: both;
}

article.reports-library .form-item label.control-label {
  margin: 0;
}

article.reports-library .form-item > * {
  vertical-align: top;
}

article.reports-library .form-item .rate-widget {
  display: inline-block;
  font-weight: bold;
}

article.reports-library .form-item .rate-widget ul {
  padding: 0;
  margin: 0;
  overflow: visible;
}

article.reports-library .form-item .rate-widget .rate-info {
  display: none;
}

article.reports-library .form-item .rate-widget ul li:last-child {
  display: none;
}

/** 'Yes' thumbs up button **/
article.reports-library .rate-widget-1 {
  margin-top: -0.2em;
  /* margin-bottom:0.5em; */
}

article.reports-library a#rate-button-1 {
  text-indent: -1000px;
  overflow: hidden;
  /* margin-left:0.3em; */
  background: grey;
  border: none;
  margin: -0.3em 0.5em 0 0.3em;
  padding: 0;
  color: #666 !important;
  border: none;
  width: 32px;
  height: 32px;
  background: transparent url("../images/ico-thumbs-up-grey.svg") center/32px no-repeat;
  transition-duration: 100ms;
}

article.reports-library a#rate-button-1:after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: url("../images/ico-thumbs-up-green.svg");
}

article.reports-library a#rate-button-1:hover,
article.reports-library a#rate-button-1:focus,
article.reports-library a#rate-button-1.voted-yes,
article.reports-library .form-item.voted-yes:first-of-type a#rate-button-1 {
  background-image: url("../images/ico-thumbs-up-green.svg");
  outline: none;
}

.rate-widget-yesno ul li {
  float: left;
  list-style: none;
  margin: 0;
}

article.reports-library .field {
  margin-bottom: 0.5em;
}

/*** Report table (now with accordion) ***/
/* article.reports-library h3.report-table-header {
    margin-bottom: 1.3em;
} */
.ui-widget {
  font-family: "Lato", sans-serif;
}

/* h3.accordion-item {
    background-color: #EDF1F3;
} */
.ui-accordion .ui-accordion-header {
  background-color: #EDF1F3;
  border: none;
  background-image: none;
  color: #00133F;
  font-weight: 600;
  padding: 0.5em 0.5em 0.65em 2.2em;
  position: relative;
  margin: 0.5em 0 0;
  cursor: pointer;
}

.ui-accordion .ui-accordion-header:first-child {
  margin-top: 0;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #00133F;
}

.ui-widget-content {
  color: #00133F;
  border: 2px solid #EDF1F3;
}

.ui-accordion .ui-accordion-content {
  padding: 1.4em 2em 2em;
  /* height: auto !important; */
}

/** Icon **/
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -8px;
  background-size: auto 18px;
  background-position: left center;
  background-repeat: no-repeat;
}

.ui-accordion .ui-accordion-header.ui-accordion-header-active .ui-accordion-header-icon {
  background-size: 18px auto;
}

.ui-icon {
  width: 18px;
  height: 18px;
}

.ui-state-default .ui-icon {
  background-image: url("../images/ico-chevron-right.svg");
}

/* >= IE10+ */
_:-ms-lang(x), .ui-state-default .ui-icon {
  background-image: url("../images/ico-chevron-right.png");
}

.ui-state-active .ui-icon {
  background-image: url("../images/ico-chevron-down.svg");
}

/* >= IE10+ */
_:-ms-lang(x), .ui-state-active .ui-icon {
  background-image: url("../images/ico-chevron-down.png");
}

article.reports-library .table {
  margin-bottom: 0;
}

article.reports-library .ui-accordion-content .field:nth-of-type(odd) {
  background-color: #f9f9f9;
}

/*** 'Key Themes' group ***/
/* Label */
article.reports-library .table > .field > div > span {
  font-weight: bold;
}

/* Grouped fields */
article.reports-library .field-group .group div {
  display: inline;
}

article.reports-library .field-group .group div.field:after {
  display: inline;
  content: ", ";
}

article.reports-library .field-group .group div.field:last-child:after {
  content: "";
}

@media (min-width: 601px) {
  article.reports-library .field {
    margin-bottom: 0;
  }
  article.reports-library .table {
    display: table;
    width: 100%;
  }
  article.reports-library .table .field:before,
  article.reports-library .table .field:after {
    content: none;
    display: none;
  }
  article.reports-library .field {
    margin-bottom: 0;
    display: table-row;
  }
  article.reports-library .table > .field > div {
    display: table-cell;
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    float: none;
    width: 50%;
  }
}
@media (max-width: 600px) {
  .ui-accordion .ui-accordion-content {
    padding: 1em 1em 1.2em;
  }
  article.reports-library .table > .field {
    font-size: 1rem;
    border-bottom: 1px;
    border-bottom: 1px solid #dddddd;
    padding: 0.5em;
    margin: 0;
  }
  /* article.reports-library .field .field-label {
      margin-bottom:0.25em;
  } */
  h3.ui-accordion-header {
    font-size: 1rem;
  }
  article.reports-library .table .field-label,
  article.reports-library .table > .field > div > span {
    margin-bottom: 0.3em;
    display: block;
  }
}
/*** Hide report field does seem to get hidden in the template like in a normal tpl file ***/
article.reports-library .field-name-field-report {
  display: none;
}

/*** Media Queries ***/
@media (max-width: 660px) {
  article.reports-library .form-item {
    /* position: static; */
    /* top:auto;
    right:auto;
    margin:auto; */
    /* padding-top:0.3em; */
    /* padding-bottom:0.75em; */
    /* margin-bottom:1.25em;
    border-bottom:1px solid rgba(0, 19, 63, 0.5); */
    float: none;
  }
  article.reports-library .form-item {
    padding-top: 1.3em;
    border-top: 1px solid rgba(0, 19, 63, 0.25);
  }
}
@media (max-width: 600px) {
  body.node-type-reports-library h1.page-header {
    float: none;
    margin-bottom: 0.75em;
  }
  #title-header a.back-link {
    float: none;
  }
}
@media (max-width: 396px) {
  article.reports-library .report-header {
    padding: 1em 1em 1.2em;
  }
  article.reports-library .form-item label.control-label {
    margin: 0;
    clear: both;
    float: left;
  }
  article.reports-library .rate-widget-1 {
    margin-top: 0.5em;
    display: block;
    clear: both;
    float: left;
  }
}
.flag-report-library-of-interest {
  margin-top: 2em;
}

article.reports-library .ui-widget-content a {
  color: #A81563;
}

/** Hide Y Axis count in chart **/
.view-local-healthwatch-regions .highcharts-axis-labels.highcharts-yaxis-labels,
.view-views-of-themes .highcharts-axis-labels.highcharts-yaxis-labels,
.view-generate-chart .highcharts-axis-labels.highcharts-yaxis-labels {
  display: none;
}

.view-generate-chart .highcharts-axis-labels.highcharts-xaxis-labels {
  text-transform: capitalize;
}

/**
 *------------------------------------------------------
 * Circle Interactive
 * -----------------------------------------------------
 * @author Pooks <chris@circle-interactive.co.uk>
 */
/***********************************************/
/***************** Contact us ******************/
/***********************************************/
body.page-node-1296 .col-sm-9,
body.page-node-1296 .col-sm-3 {
  width: 50%;
}

body.page-node-1296 .col-sm-3 {
  padding-left: 9.33333%; /* 8.333 + 1 */
}

/*** Media Queries ***/
@media (max-width: 1199px) {
  body.page-node-1296 .col-sm-3 {
    padding-left: 1.291%;
  }
}
@media (max-width: 767px) {
  body.page-node-1296 .col-sm-9,
  body.page-node-1296 .col-sm-3 {
    width: auto;
  }
}
/*************************************************/
/***** Find your local Healthwatch Map page ******/
/*************************************************/
/* Making map full width */
body.page-your-local-healthwatch-map .main-wrap .main-container,
body.page-your-local-healthwatch-map .main-wrap .main-container .row,
body.page-your-local-healthwatch-map .main-wrap .main-container .col-sm-12,
body.page-your-local-healthwatch-map .main-wrap .main-container .region-content,
body.page-your-local-healthwatch-map .main-wrap .main-container #block-system-main {
  margin: 0;
  padding: 0;
  width: 100%;
}

/**************************************************/
/***** Find your local Healthwatch List page ******/
/**************************************************/
.local-healthwatch-list .view-header h2 {
  margin-bottom: 1.2em;
}

.local-healthwatch-list .views-row article {
  background-color: #edf1f3;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.local-healthwatch-list .views-row .location-details a {
  color: #A81563;
  text-decoration: underline;
}

.local-healthwatch-list .location-map {
  margin-left: 1em;
  width: 50%;
}

.local-healthwatch-list .location-details {
  width: 50%;
}

.local-healthwatch-list .node {
  font-size: 0;
  height: 430px;
  position: relative;
}

.local-healthwatch-list .content {
  /* padding:1.4em 1.6em 1.8em; */
  /* display: inline-block; */
  font-size: 1rem;
  width: 100%;
  height: 100%;
  vertical-align: top;
  float: left;
}

.local-healthwatch-list h3 {
  margin-bottom: 1.2em;
}

.local-healthwatch-list .field {
  margin-bottom: 1em;
  padding-left: 1.6em;
  background-repeat: no-repeat;
  background-position: left 0.2em;
  background-size: 1em auto;
  width: 50%;
}

.local-healthwatch-list .field.field--name-field-lhw-location-map.field--type-image {
  position: absolute;
  top: 1em;
  right: 1em;
  width: 50%;
  height: auto;
}

/* >= IE10+ */
/* _:-ms-lang(x), .local-healthwatch-list .field {
    background-size: 49px auto;
    background-position-x: -15px;
    background-position-y: 4px;
} */
.local-healthwatch-list .links .field {
  margin-bottom: 0;
  display: inline-block;
}

.local-healthwatch-list .links a:hover,
.local-healthwatch-list .links a:focus {
  border-bottom: 2px solid #00133F;
  text-decoration: none;
}

/** Icons **/
.local-healthwatch-list .icon {
  background-repeat: no-repeat;
  padding-left: 1.7em;
  background-size: 1.2em auto;
}

/* Address */
.local-healthwatch-list .ico-map {
  background-image: url("../images/ico-map-pin.svg");
}

/* >= IE10+ */
_:-ms-lang(x), .local-healthwatch-list .ico-map {
  background-image: url("../images/ico-map-pin.png");
  /* background-size: 232px auto;
  background-position-x: -106px;
  background-position-y: 5px; */
}

/* Telephone */
.local-healthwatch-list .field-name-field-lh-tel {
  background-image: url("../images/ico-phone.svg");
}

/* >= IE10+ */
_:-ms-lang(x), .local-healthwatch-list .field-name-field-lh-tel {
  background-image: url("../images/ico-phone.png");
  /* background-size: 232px auto;
  background-position-x: -106px;
  background-position-y: 5px; */
}

/* Email */
.local-healthwatch-list .email {
  background-image: url("../images/ico-mail.svg");
  background-position-y: 0.35em;
  padding-right: 1em;
  margin-right: 0.75em;
  border-right: 1px solid #cbd0de;
}

/* >= IE10+ */
_:-ms-lang(x), .local-healthwatch-list .email {
  background-image: url("../images/ico-mail.png");
  /* background-size: 90px auto;
  background-position-x: -35px;
  background-position-y: 7px; */
}

/* Website */
.local-healthwatch-list .website {
  background-image: url("../images/ico-link.svg");
}

/* >= IE10+ */
_:-ms-lang(x), .local-healthwatch-list .website {
  background-image: url("../images/ico-link.png");
  /* background-size: 90px auto;
  background-position-x: -35px;
  background-position-y: 5px; */
}

/** Google Map in list **/
.local-healthwatch-list .field-name-field-lh-location {
  /* display: inline-block; */
  width: 66.66667%;
  font-size: 1rem;
  height: 100%;
  vertical-align: top;
  margin: 0;
  padding: 0;
  float: right;
}

.local-healthwatch-list .field-name-field-lh-location .field-items,
.local-healthwatch-list .field-name-field-lh-location .field-item {
  height: 100%;
}

.local-healthwatch-list .gmap-control {
  width: 100% !important;
  height: 100% !important;
}

.view-id-_local_healthwatch_locations article {
  padding: 1em;
}

/*** Media Queries ***/
@media (max-width: 991px) {
  .local-healthwatch-list .content,
  .local-healthwatch-list .field-name-field-lh-location {
    width: 50%;
  }
  .local-healthwatch-list .content {
    padding: 1.4em 1.4em 1.6em;
  }
}
@media (max-width: 767px) {
  .local-healthwatch-list .content,
  .local-healthwatch-list .field-name-field-lh-location {
    width: 100%;
    display: block;
    float: none;
  }
  .local-healthwatch-list .field-name-field-lh-location {
    height: 300px;
  }
  .local-healthwatch-list .node {
    height: auto;
  }
}
@media (max-width: 435px) {
  .local-healthwatch-list .content {
    padding-bottom: 2em;
  }
  .local-healthwatch-list .links .field {
    display: block;
  }
  .local-healthwatch-list .links .email {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
    margin-bottom: 1em;
  }
}
@media (max-width: 435px) {
  .local-healthwatch-list .field-name-field-lh-location {
    height: 250px;
  }
}
/**************************************************/
/****** Find your local Healthwatch Map page ******/
/**************************************************/
/* Override gmap font size */
.local-healthwatch-map .gm-style .gm-style-iw {
  font-size: 0.85rem !important;
}

.local-healthwatch-map .gmap-popup {
  max-width: 260px;
}

/* >= IE10+ */
_:-ms-lang(x), .local-healthwatch-map .gmap-popup {
  max-width: 280px;
}

.local-healthwatch-map .gmap-popup h2.title {
  font-size: 1.2em;
  margin-bottom: 0.5em;
}

.local-healthwatch-map .gmap-popup .field {
  padding-left: 1.6em;
  margin-bottom: 0.75em;
  background-repeat: no-repeat;
  background-position: left 0.2em;
  background-size: 1em auto;
}

/* >= IE10+ */
_:-ms-lang(x), .local-healthwatch-map .gmap-popup .field {
  background-position: left 0.1em;
  /* background-position-x: -25px;
  background-position-y: 0px;
  background-size: 66px auto; */
}

.local-healthwatch-map .gmap-popup .links {
  margin-bottom: 0.5em;
}

.local-healthwatch-map .gmap-popup .links .field {
  margin-bottom: 0;
  display: inline-block;
}

.local-healthwatch-map .gmap-popup .links a:hover,
.local-healthwatch-map .gmap-popup .links a:focus {
  border-bottom: 1px solid #E73E97;
  text-decoration: none;
}

/** Icons **/
/* Address */
.local-healthwatch-map .gmap-popup .address {
  background-image: url("../images/ico-map-pin.svg");
  background-position-y: 0.1em;
}

/* >= IE10+ */
_:-ms-lang(x), .local-healthwatch-map .gmap-popup .address {
  background-image: url("../images/ico-map-pin.png");
  /* background-position-x: -116px;
  background-position-y: 0px;
  background-size: 250px auto; */
}

/* Telephone */
.local-healthwatch-map .gmap-popup .phone {
  background-image: url("../images/ico-phone.svg");
}

/* >= IE10+ */
_:-ms-lang(x), .local-healthwatch-map .gmap-popup .phone {
  background-image: url("../images/ico-phone.png");
  /* background-position-x: -116px;
  background-position-y: 0px;
  background-size: 250px auto; */
}

/* Email */
.local-healthwatch-map .gmap-popup .email {
  background-image: url("../images/ico-mail.svg");
  background-position-y: 0.25em;
  padding-right: 1em;
  margin-right: 0.75em;
  border-right: 1px solid #cbd0de;
}

/* >= IE10+ */
_:-ms-lang(x), .local-healthwatch-map .gmap-popup .email {
  background-image: url("../images/ico-mail.png");
  background-position-y: 0.15em;
  /* background-position-x: -44px;
  background-position-y: 2px;
  background-size: 106px auto; */
}

/* Website */
.local-healthwatch-map .gmap-popup .website {
  background-image: url("../images/ico-link.svg");
}

/* >= IE10+ */
_:-ms-lang(x), .local-healthwatch-map .gmap-popup .website {
  background-image: url("../images/ico-link.png");
  /* background-position-x: -38px;
  background-position-y: 0px;
  background-size: 94px auto; */
}

/**************************************************/
/**************** My Research page ****************/
/**************************************************/
body.path-my-research .region-content .view-header h2.block-title.saved-filters {
  background: url("../images/ico-filter.svg") left center/auto 80% no-repeat;
  padding-left: 1.3em;
}
body.path-my-research .region-content .view-content table.table tr th, body.path-my-research .region-content .view-content table.table tr td {
  width: 20%;
  line-height: 1.5;
}
body.path-my-research .region-content .view-content table.table tr th:first-of-type, body.path-my-research .region-content .view-content table.table tr td:first-of-type {
  width: 60%;
}
body.path-my-research .region-content #block-views-block-flaggings-on-report-library-block-1 h2.block-title {
  background: url("../images/ico-flagged-items.svg") left center/auto 90% no-repeat;
  padding-left: 1.3em;
}

#block-views-block-flaggings-on-report-library-block-1 {
  margin-top: 2em;
}
#block-views-block-flaggings-on-report-library-block-1 .view-filters .form-item.form-type-entity-autocomplete {
  max-width: 400px;
}
#block-views-block-flaggings-on-report-library-block-1 .view-filters .form-item.form-type-entity-autocomplete input.form-autocomplete, #block-views-block-flaggings-on-report-library-block-1 .view-filters .form-item.form-type-entity-autocomplete .input-group {
  max-width: 100%;
}
#block-views-block-flaggings-on-report-library-block-1 .view-filters .form-item.form-type-entity-autocomplete .input-group {
  clear: both;
}
#block-views-block-flaggings-on-report-library-block-1 .view-filters .form-item.form-type-entity-autocomplete .input-group input.form-autocomplete {
  width: 520px;
}
#block-views-block-flaggings-on-report-library-block-1 .view-content table {
  margin-bottom: 1.6em;
}
#block-views-block-flaggings-on-report-library-block-1 .view-content table caption {
  margin-bottom: 0.6em;
  font-size: 1.3em;
  font-weight: 600;
}
#block-views-block-flaggings-on-report-library-block-1 .form-actions {
  float: right;
}
#block-views-block-flaggings-on-report-library-block-1 .form-actions button {
  float: right;
  margin-left: 0.25em;
  margin-right: 0.25em;
}
#block-views-block-flaggings-on-report-library-block-1 .form-actions button:first-child {
  margin-right: 0;
}
#block-views-block-flaggings-on-report-library-block-1 .form-actions button:last-child {
  margin-left: 0;
}
@media (max-width: 1199px) {
  #block-views-block-flaggings-on-report-library-block-1 .form-actions {
    margin-top: 1em;
    float: right;
    clear: both;
  }
  #block-views-block-flaggings-on-report-library-block-1 .form-actions button {
    float: right;
    margin-left: 0.25em;
    margin-right: 0.25em;
  }
  #block-views-block-flaggings-on-report-library-block-1 .form-actions button:first-child {
    margin-right: 0;
  }
  #block-views-block-flaggings-on-report-library-block-1 .form-actions button:last-child {
    margin-left: 0;
  }
}
@media (max-width: 991px) {
  #block-views-block-flaggings-on-report-library-block-1 .view-filters .form-item {
    max-width: 100%;
    display: block;
    width: 100%;
  }
  #block-views-block-flaggings-on-report-library-block-1 .view-filters .form-item input {
    width: 100%;
  }
  #block-views-block-flaggings-on-report-library-block-1 .view-filters .form-item.form-type-entity-autocomplete .input-group input.form-autocomplete {
    width: 100%;
  }
  #block-views-block-flaggings-on-report-library-block-1 .view-filters .form-item.form-type-entity-autocomplete {
    max-width: 100%;
  }
  #block-views-block-flaggings-on-report-library-block-1 .view-filters .form-item.form-type-entity-autocomplete .input-group {
    width: 100%;
  }
  #block-views-block-flaggings-on-report-library-block-1 .form-item {
    float: none;
    padding-right: 0;
  }
  #block-views-block-flaggings-on-report-library-block-1 .form-actions {
    margin-top: 1em;
  }
}

/*# sourceMappingURL=style.css.map */