/**
 * Title:
 *    Main Stylesheet
 * Description:
 *    This is the main Scss file which will import all partials and
 *    compile into: assets/css/styles.css
 */
/* $. Modules - Global objects i.e. .btn, .island, etc
\*----------------------------------------------------------------*/
/**
 * Title:
 *    Hero
 */
/**
 * Title:
 *    Variables
 * Description:
 *    Project variables go here
 */
/* $. Breakpoints
\*----------------------------------------------------------------*/
/* $. Layout
\*----------------------------------------------------------------*/
/* $. Colours (sourced from Thera)
\*----------------------------------------------------------------*/
/**
 * Base colours
 */
/* defaults */
/* shades */
/* PRIMARY */
/* SECONDARY */
/* $. Media Queries - https://github.com/jakearchibald/sass-ie
\*----------------------------------------------------------------*/
.hero {
  position: relative;
  margin-bottom: 2.4rem;
}

.hero__container {
  padding: 33% 0 60px 0;
}
@media screen and (min-width: 48em) {
  .hero__container {
    padding: 0;
  }
}
@media screen and (min-width: 48em) {
  .hero__container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

.hero__container .box {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .hero__container .box {
    width: 66.6666%;
    float: right;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 62em) {
  .hero__container .box {
    width: 50%;
  }
}
@media screen and (min-width: 78em) {
  .hero__container .box {
    width: 50%;
  }
  .hero__container .box .box__inner {
    position: relative;
  }
  .hero__container .box .button-link {
    position: absolute;
    bottom: -20%;
    left: 1.6em;
  }
}
@media screen and (min-width: 48em) {
  .hero__container .box .box__inner {
    width: 90%;
    max-width: 34em;
  }
}

.hero__control {
  top: 90%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
@media screen and (min-width: 48em) {
  .hero__control {
    top: 93%;
  }
}

.hero__dot-container {
  display: inline-block;
}

.hero__dots {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
}
.hero__dots li {
  display: inline-block;
  margin-bottom: 0;
}
.hero__dots button {
  width: 2.75rem;
  height: 2.75rem;
  margin: 0rem 0.2rem;
  border: 0;
  border: 2px solid #3d6e84;
  border-radius: 100%;
  text-indent: -99999px;
  background-color: transparent;
  padding: 0;
}
.hero__dots li.slick-active button {
  background-color: #3d6e84;
}
@media screen and (min-width: 48em) {
  .hero__dots button {
    border-color: white;
  }
  .hero__dots li.slick-active button {
    background-color: white;
  }
}

.hero__slide {
  background-repeat: no-repeat;
  background-position: top center;
  overflow: hidden;
  position: relative;
  background-size: contain;
  width: 100%;
  background-color: #6da8c8;
}
@media screen and (min-width: 48em) {
  .hero__slide {
    background-position: center;
    background-size: cover;
    height: 300px;
  }
}

.hero__arrows {
  text-align: center;
  list-style-type: none;
  display: inline-block;
}
.hero__arrows button {
  text-indent: -99999px;
  background-color: transparent;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 100%;
  border: 2px solid #7e91bd;
  background-color: #7e91bd;
  padding: 0;
}
.hero__arrows button:hover {
  cursor: pointer;
}

.hero__prev {
  background-image: url("../../assets/imgs/icons/previous.svg");
  background-repeat: no-repeat;
}

.hero__next {
  background-image: url("../../assets/imgs/icons/next.svg");
  background-repeat: no-repeat;
}

.hero__toggle--pause {
  background-image: url("../../assets/imgs/icons/pause.svg");
  background-repeat: no-repeat;
  background-size: 140%;
  background-position: center;
}

.hero__toggle--play {
  background-image: url("../../assets/imgs/icons/play.svg");
  background-repeat: no-repeat;
  background-size: 140%;
  background-position: center;
}

/**
 * Title:
 *    Box
 * Description:
 *
 * Sections:
 *    $. Setup
 *    $. Component
 *    $. Themes
 *    $. Sizing
 *    $. Grid
 */
/* $. Setup
\*----------------------------------------------------------------*/
.box {
  display: block;
  margin: 0 0 1.2rem;
  color: inherit;
}

.box--home .box__image {
  border-right: solid 0.8em #ffffff;
}
@media screen and (min-width: 62em) {
  .box--home .box__image {
    border-right: none;
    border-bottom: solid 0.8em #ffffff;
  }
}
.box--home .box__inner {
  display: table;
}
@media screen and (min-width: 48em) {
  .box--home .box__inner {
    text-align: center;
    display: block;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 62em) {
  .box--home .box__inner {
    padding: 4.8em;
  }
}
@media screen and (min-width: 78em) {
  .box--home .box__inner {
    padding: 2.4em;
  }
}
.box--home .box__icon,
.box--home .box__title {
  display: table-cell;
  vertical-align: middle;
}
@media screen and (min-width: 48em) {
  .box--home .box__icon,
  .box--home .box__title {
    display: block;
  }
}
.box--home .box__title {
  padding-left: 0.8em;
  font-size: 2rem;
}
.box--home .box__title span {
  background-repeat: repeat-x;
  background-position: bottom 0.05em center;
  background-size: 100% 0.1rem;
}
@media screen and (min-width: 48em) {
  .box--home .box__title {
    padding: 0;
  }
}

/* $. Component
\*----------------------------------------------------------------*/
.box__inner {
  padding: 2.4em;
  display: block;
  position: relative;
}

@media screen and (min-width: 48em) {
  .box__icon {
    margin: 0 auto 0.8em;
  }
}

.box__inner--center {
  text-align: center;
}

.box__title {
  margin: 0;
  font-size: 2.5rem;
}
.box--white .box__title {
  color: #38578d;
}

.box__text {
  font-size: 1.425em;
}

/* $. Themes
\*----------------------------------------------------------------*/
.box--white {
  color: #4c4c4c;
  background-color: #ffffff;
  transition: background-color 0.15s ease-out;
}
.box--white[href]:hover, .box--white[href]:focus {
  color: rgb(50.5, 50.5, 50.5);
  background-color: rgb(229.5, 229.5, 229.5);
}
.box--white .box__title span:after {
  border-bottom-color: rgba(76, 76, 76, 0.5);
}

.box--blue {
  color: #ffffff;
  background-color: #3d6e84;
  transition: background-color 0.15s ease-out;
}
.box--blue[href]:hover, .box--blue[href]:focus {
  color: rgb(229.5, 229.5, 229.5);
  background-color: rgb(44.8808290155, 80.932642487, 97.1191709845);
}
.box--blue .box__title span:after {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}

.box--mid-blue {
  color: #ffffff;
  background-color: #4e90aa;
  transition: background-color 0.15s ease-out;
}
.box--mid-blue[href]:hover, .box--mid-blue[href]:focus {
  color: rgb(229.5, 229.5, 229.5);
  background-color: rgb(61.9596774194, 114.3870967742, 135.0403225806);
}
.box--mid-blue .box__title span:after {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}

.box--light-blue {
  color: #3d6e84;
  background-color: #8db9ca;
  transition: background-color 0.15s ease-out;
}
.box--light-blue[href]:hover, .box--light-blue[href]:focus {
  color: rgb(44.8808290155, 80.932642487, 97.1191709845);
  background-color: rgb(106.1856287425, 163.622754491, 185.8143712575);
}
.box--light-blue .box__title span:after {
  border-bottom-color: rgba(61, 110, 132, 0.5);
}

.box--orange {
  color: #ffffff;
  background-color: #be531c;
  transition: background-color 0.15s ease-out;
}
.box--orange[href]:hover, .box--orange[href]:focus {
  color: rgb(229.5, 229.5, 229.5);
  background-color: rgb(145.5504587156, 63.5825688073, 21.4495412844);
}
.box--orange .box__title span:after {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}

.box--blue .box__title span {
  background-image: linear-gradient(to right, rgb(107.9533678756, 162.5388601036, 187.0466321244) 0%, rgb(107.9533678756, 162.5388601036, 187.0466321244) 100%);
}

.box--light-blue .box__title span {
  background-image: linear-gradient(to right, rgb(76.4850299401, 139.9820359281, 164.5149700599) 0%, rgb(76.4850299401, 139.9820359281, 164.5149700599) 100%);
}

.box--orange .box__title span {
  background-image: linear-gradient(to right, rgb(230.5963302752, 137.3394495413, 89.4036697248) 0%, rgb(230.5963302752, 137.3394495413, 89.4036697248) 100%);
}

/**
 * Title:
 *    Button Module
 * Description:
 *    The .button-link module and its extensions
 * Sections:
 *    $. Setup
 *    $. Component
 *    $. Modifications
 */
/* $. Setup
\*----------------------------------------------------------------*/
.cookie-banner-button--accept,
.cookie-banner-accept--hide,
.govuk-button, .cookie-banner-button--reject, .button-link {
  display: inline-block;
  padding: 0.64em 1.6em 0.96em;
  border: 0;
  transition: all 0.15s ease-out;
}
.cookie-banner-button--accept .button-link__inner,
.cookie-banner-accept--hide .button-link__inner,
.govuk-button .button-link__inner, .cookie-banner-button--reject .button-link__inner, .button-link .button-link__inner {
  position: relative;
  background-repeat: repeat-x;
  background-position: bottom 0.05em center;
  background-size: 100% 0.1rem;
  background-image: linear-gradient(to right, #8db9ca 0%, #8db9ca 100%);
}

/* $. Component
\*----------------------------------------------------------------*/
/* $. Modifications
\*----------------------------------------------------------------*/
/**
 * Themes
 */
.button-link--primary {
  color: #ffffff;
  background: #888888;
}
.button-link--primary .button-link__inner:after {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}
.button-link--primary:hover, .button-link--primary:focus {
  color: #ffffff;
  background: rgb(110.5, 110.5, 110.5);
}
.button-link--primary:hover .button-link__inner:after, .button-link--primary:focus .button-link__inner:after {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}

.button-link--blue {
  color: #ffffff;
  background: #3d6e84;
}
.button-link--blue .button-link__inner:after {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}
.button-link--blue:hover, .button-link--blue:focus {
  color: #ffffff;
  background: rgb(44.8808290155, 80.932642487, 97.1191709845);
}
.button-link--blue:hover .button-link__inner:after, .button-link--blue:focus .button-link__inner:after {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}

.button-link--dark-blue {
  color: #ffffff;
  background: #2c5162;
}
.button-link--dark-blue .button-link__inner:after {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}
.button-link--dark-blue:hover, .button-link--dark-blue:focus {
  color: #ffffff;
  background: rgb(28.1971830986, 51.9084507042, 62.8028169014);
}
.button-link--dark-blue:hover .button-link__inner:after, .button-link--dark-blue:focus .button-link__inner:after {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}

.button-link--light-blue {
  color: #ffffff;
  background: #8db9ca;
}
.button-link--light-blue .button-link__inner:after {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}
.button-link--light-blue:hover, .button-link--light-blue:focus {
  color: #ffffff;
  background: rgb(106.1856287425, 163.622754491, 185.8143712575);
}
.button-link--light-blue:hover .button-link__inner:after, .button-link--light-blue:focus .button-link__inner:after {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}

.button-link--sky-blue {
  color: #3d6e84;
  background: #caebf8;
}
.button-link--sky-blue .button-link__inner:after {
  border-bottom-color: rgba(61, 110, 132, 0.5);
}
.button-link--sky-blue:hover, .button-link--sky-blue:focus {
  color: #3d6e84;
  background: rgb(156.95, 218, 242.05);
}
.button-link--sky-blue:hover .button-link__inner:after, .button-link--sky-blue:focus .button-link__inner:after {
  border-bottom-color: rgba(61, 110, 132, 0.5);
}

.button-link--orange {
  color: #ffffff;
  background: #be531c;
}
.button-link--orange .button-link__inner:after {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}
.button-link--orange:hover, .button-link--orange:focus {
  color: #ffffff;
  background: rgb(145.5504587156, 63.5825688073, 21.4495412844);
}
.button-link--orange:hover .button-link__inner:after, .button-link--orange:focus .button-link__inner:after {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}

.button-link--white {
  color: #2c5162;
  background: #ffffff;
}
.button-link--white .button-link__inner:after {
  border-bottom-color: rgba(44, 81, 98, 0.5);
}
.button-link--white:hover, .button-link--white:focus {
  color: #2c5162;
  background: rgb(229.5, 229.5, 229.5);
}
.button-link--white:hover .button-link__inner:after, .button-link--white:focus .button-link__inner:after {
  border-bottom-color: rgba(44, 81, 98, 0.5);
}

/**
 * Position and size
 */
.button-link--blocked {
  width: 100%;
  text-align: left;
}

.button-link--large {
  font-size: 2rem;
  padding: 0.96em 2em;
}

.button-link--wide {
  font-size: 2rem;
  padding: 1.6em 6.4em;
}

.button-link--padded {
  font-size: 2rem;
  padding: 1.6em 2em;
}

.button-link--small {
  font-size: 1.4rem;
}

/* $. Vendors - i.e. Clearfixes, accessbility hidden, etc
\*----------------------------------------------------------------*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/**
 * Title:
 *    Box
 * Description:
 *
 * Sections:
 *    $. Setup
 *    $. Component
 *    $. Themes
 *    $. Sizing
 *    $. Grid
 */
/**
 * Styling for the Civic Cookie Control plugin.
*/
.cookie-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

/**
* styling for when users are logged in and admin bar is visible
*/
.admin-bar .cookie-banner {
  top: 1.6em;
}

.cookie-banner--main,
.cookie-banner--accept,
.cookie-banner--reject {
  margin: 0 auto;
  min-width: 240px;
  max-width: 1140px;
  width: 85%;
  padding: 1.0666666667em 0;
}

.cookie-banner--accept {
  padding: 0.8em 0;
}

.cookie-banner h2 {
  font-size: 2.4rem;
  color: #38578d;
}

.cbg-hidden {
  display: none;
}

.cookie-banner-button--accept,
.cookie-banner-accept--hide,
.govuk-button {
  color: #ffffff;
  background: #3d6e84;
}
.cookie-banner-button--accept .button-link__inner:after,
.cookie-banner-accept--hide .button-link__inner:after,
.govuk-button .button-link__inner:after {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}
.cookie-banner-button--accept:hover, .cookie-banner-button--accept:focus,
.cookie-banner-accept--hide:hover,
.cookie-banner-accept--hide:focus,
.govuk-button:hover,
.govuk-button:focus {
  color: #ffffff;
  background: rgb(44.8808290155, 80.932642487, 97.1191709845);
}
.cookie-banner-button--accept:hover .button-link__inner:after, .cookie-banner-button--accept:focus .button-link__inner:after,
.cookie-banner-accept--hide:hover .button-link__inner:after,
.cookie-banner-accept--hide:focus .button-link__inner:after,
.govuk-button:hover .button-link__inner:after,
.govuk-button:focus .button-link__inner:after {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}
.cookie-banner-button--accept,
.cookie-banner-accept--hide,
.govuk-button {
  margin-right: 0.8em;
  margin-bottom: 0.8em;
  display: block;
  width: 100%;
}
@media screen and (min-width: 48em) {
  .cookie-banner-button--accept,
  .cookie-banner-accept--hide,
  .govuk-button {
    display: inline-block;
    width: auto;
  }
}

.cookie-banner-accept--hide {
  margin-bottom: 0;
}

.cookie-banner-button--reject {
  display: block;
  width: 100%;
}
@media screen and (min-width: 48em) {
  .cookie-banner-button--reject {
    display: inline-block;
    width: auto;
  }
}

.govuk-body,
.govuk-fieldset__legend {
  font-size: 14px;
  margin-bottom: 0.8em;
}

.govuk-body:last-child {
  margin-bottom: 1.6em;
}

.govuk-radios__item {
  display: flex;
  margin-bottom: 1.6rem;
}

input[type=radio].govuk-radios__input {
  margin-top: unset;
}

.govuk-radios__label {
  padding: 2px 3px;
  line-height: 1;
  margin-bottom: 0;
  margin-left: 0.5rem;
}

#ccc {
  display: none;
}

.govuk-link {
  font-size: 1.8rem;
  margin-bottom: 0.8em;
}

.govuk-form-group {
  margin-bottom: 1.6em;
}