@charset "UTF-8";
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  background: #fff;
  overflow-x: hidden; }

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, main {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

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

* {
  text-rendering: optimizeLegibility; }

strong,
b {
  font-weight: 700; }

em,
i {
  font-style: italic; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

ins {
  text-decoration: none; }

mark {
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

dfn {
  font-style: italic; }

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

td {
  vertical-align: top; }

hr {
  border: 0;
  display: block;
  height: 1px;
  margin: 0;
  padding: 0; }

address {
  font-style: normal; }

legend {
  border: 0;
  padding: 0;
  white-space: normal; }

figure {
  margin: 0; }

[hidden] {
  display: none; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0;
  vertical-align: middle;
  max-width: 100%; }

a {
  text-decoration: none; }

a:hover,
a:focus,
a:active {
  text-decoration: none; }

pre,
code,
kbd,
samp,
tt {
  font-family: monospace;
  line-height: 100%; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

input,
button {
  -moz-appearance: none;
  -webkit-appearance: none; }

input,
button,
select {
  border: 0;
  -webkit-border-radius: 0;
          border-radius: 0;
  padding: 0;
  vertical-align: middle; }

input[type="search"] {
  -webkit-border-radius: 0;
          border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none; }

input[type="checkbox"] {
  -moz-appearance: checkbox;
  -webkit-appearance: checkbox; }

input[type="radio"] {
  -moz-appearance: radio;
  -webkit-appearance: radio; }

input[type="range"] {
  -moz-appearance: slider-horizontal;
  -webkit-appearance: slider-horizontal; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

button,
input,
select,
textarea {
  font-size: 100%;
  line-height: normal;
  margin: 0;
  vertical-align: baseline; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button; }

button[disabled],
input[disabled] {
  cursor: default; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

.clearfix:before, .wrap:before, .wrap-call-out:before, .row:before,
.clearfix:after,
.wrap:after,
.wrap-call-out:after,
.row:after {
  content: "";
  display: table; }


.clearfix:after,
.wrap:after,
.wrap-call-out:after,
.row:after {
  clear: both; }

/*=VARIABLES - COLOURS
------------------------------------------------*/
/* Branding ---------------------- */
/*= Grayscale colours
------------------------------------------------*/
/*= Variables - Text size
------------------------------------------------*/
/*= Variables - Fonts
------------------------------------------------*/
/*=Vorder radius
------------------------------------------------*/
/*= Typescale
------------------------------------------------*/
/*= Typescale
------------------------------------------------*/
/*=VARIABLES - GRID 
------------------------------------------------*/
.wrap {
  margin: 0 auto;
  max-width: 1400px;
  width: 94%;
  position: relative; }
  @media (max-width: 65em) {
    .wrap {
      width: 97%; }
      .wrap.full-width {
        width: 100%; }
      .wrap.overlay {
        margin: -80px auto 0; } }
  @media (max-width: 48.7em) {
    .wrap {
      max-width: 1400px;
      width: 94%; }
      .wrap.full-width {
        width: 100%; } }
  @media (max-width: 30em) {
    .wrap {
      width: 94%; } }
  .wrap.remove-rel {
    position: static; }
  .wrap.top-wrap {
    margin-top: -80px; }
    .wrap.top-wrap.whatson-car-wrap {
      padding: 20px; }
    @media (max-width: 105em) {
      .wrap.top-wrap {
        margin-top: -40px; }
        .wrap.top-wrap.article-upper-blocks {
          margin: 0 auto 0;
          max-width: 1220px;
          position: relative;
          background: #313131;
          border-top: none; } }

.wrap-call-out {
  margin: 0 auto;
  max-width: 1500px;
  position: relative;
  /*
    @media (min-width: $bp-large) {
        padding: 0 ($gutter * 2);
    }*/ }
  @media (max-width: 48.7em) {
    .wrap-call-out {
      width: 100%; }
      .wrap-call-out.full-width {
        width: 100%; } }
  @media (max-width: 30em) {
    .wrap-call-out {
      width: 100%; } }
  @media (min-width: 1040px) {
    .wrap-call-out {
      max-width: 1400px;
      width: 94%; } }

.content-box {
  background: #313131;
  border-top: 3px solid #7b7b7b; }

.half-wrap-padding {
  padding: 0 3.8%; }

.col {
  float: left;
  width: -webkit-calc(100% - 3%);
  width: calc(100% - 3%);
  margin-left: 1.5%;
  margin-right: 1.5%; }

.row {
  margin-left: 0;
  margin-right: 0; }

.col {
  margin-left: 1.5%;
  margin-right: 1.5%; }
  .col .row {
    margin-left: -1.5%;
    margin-right: -1.5%; }

.small--switch {
  float: right; }

.small--center {
  float: none;
  margin: 0 auto; }

.small-1 {
  width: -webkit-calc(8.33333% - 3%);
  width: calc(8.33333% - 3%); }

.small--push-1 {
  margin-left: -webkit-calc(8.33333% + (3%/2));
  margin-left: calc(8.33333% + (3%/2)); }

.small-2 {
  width: -webkit-calc(16.66667% - 3%);
  width: calc(16.66667% - 3%); }

.small--push-2 {
  margin-left: -webkit-calc(16.66667% + (3%/2));
  margin-left: calc(16.66667% + (3%/2)); }

.small-3 {
  width: -webkit-calc(25% - 3%);
  width: calc(25% - 3%); }

.small--push-3 {
  margin-left: -webkit-calc(25% + (3%/2));
  margin-left: calc(25% + (3%/2)); }

.small-4 {
  width: -webkit-calc(33.33333% - 3%);
  width: calc(33.33333% - 3%); }

.small--push-4 {
  margin-left: -webkit-calc(33.33333% + (3%/2));
  margin-left: calc(33.33333% + (3%/2)); }

.small-5 {
  width: -webkit-calc(41.66667% - 3%);
  width: calc(41.66667% - 3%); }

.small--push-5 {
  margin-left: -webkit-calc(41.66667% + (3%/2));
  margin-left: calc(41.66667% + (3%/2)); }

.small-6 {
  width: -webkit-calc(50% - 3%);
  width: calc(50% - 3%); }

.small--push-6 {
  margin-left: -webkit-calc(50% + (3%/2));
  margin-left: calc(50% + (3%/2)); }

.small-7 {
  width: -webkit-calc(58.33333% - 3%);
  width: calc(58.33333% - 3%); }

.small--push-7 {
  margin-left: -webkit-calc(58.33333% + (3%/2));
  margin-left: calc(58.33333% + (3%/2)); }

.small-8 {
  width: -webkit-calc(66.66667% - 3%);
  width: calc(66.66667% - 3%); }

.small--push-8 {
  margin-left: -webkit-calc(66.66667% + (3%/2));
  margin-left: calc(66.66667% + (3%/2)); }

.small-9 {
  width: -webkit-calc(75% - 3%);
  width: calc(75% - 3%); }

.small--push-9 {
  margin-left: -webkit-calc(75% + (3%/2));
  margin-left: calc(75% + (3%/2)); }

.small-10 {
  width: -webkit-calc(83.33333% - 3%);
  width: calc(83.33333% - 3%); }

.small--push-10 {
  margin-left: -webkit-calc(83.33333% + (3%/2));
  margin-left: calc(83.33333% + (3%/2)); }

.small-11 {
  width: -webkit-calc(91.66667% - 3%);
  width: calc(91.66667% - 3%); }

.small--push-11 {
  margin-left: -webkit-calc(91.66667% + (3%/2));
  margin-left: calc(91.66667% + (3%/2)); }

.small-12 {
  width: -webkit-calc(100% - 3%);
  width: calc(100% - 3%); }

.small--push-12 {
  margin-left: -webkit-calc(100% + (3%/2));
  margin-left: calc(100% + (3%/2)); }

@media (min-width: 30em) {
  .col {
    margin-left: 1.5%;
    margin-right: 1.5%; }
    .col .row {
      margin-left: -1.5%;
      margin-right: -1.5%; }
  .small-medium--switch {
    float: right; }
  .small-medium--center {
    float: none;
    margin: 0 auto; }
  .small-medium-1 {
    width: -webkit-calc(8.33333% - 3%);
    width: calc(8.33333% - 3%); }
  .small-medium--push-1 {
    margin-left: -webkit-calc(8.33333% + (3%/2));
    margin-left: calc(8.33333% + (3%/2)); }
  .small-medium-2 {
    width: -webkit-calc(16.66667% - 3%);
    width: calc(16.66667% - 3%); }
  .small-medium--push-2 {
    margin-left: -webkit-calc(16.66667% + (3%/2));
    margin-left: calc(16.66667% + (3%/2)); }
  .small-medium-3 {
    width: -webkit-calc(25% - 3%);
    width: calc(25% - 3%); }
  .small-medium--push-3 {
    margin-left: -webkit-calc(25% + (3%/2));
    margin-left: calc(25% + (3%/2)); }
  .small-medium-4 {
    width: -webkit-calc(33.33333% - 3%);
    width: calc(33.33333% - 3%); }
  .small-medium--push-4 {
    margin-left: -webkit-calc(33.33333% + (3%/2));
    margin-left: calc(33.33333% + (3%/2)); }
  .small-medium-5 {
    width: -webkit-calc(41.66667% - 3%);
    width: calc(41.66667% - 3%); }
  .small-medium--push-5 {
    margin-left: -webkit-calc(41.66667% + (3%/2));
    margin-left: calc(41.66667% + (3%/2)); }
  .small-medium-6 {
    width: -webkit-calc(50% - 3%);
    width: calc(50% - 3%); }
  .small-medium--push-6 {
    margin-left: -webkit-calc(50% + (3%/2));
    margin-left: calc(50% + (3%/2)); }
  .small-medium-7 {
    width: -webkit-calc(58.33333% - 3%);
    width: calc(58.33333% - 3%); }
  .small-medium--push-7 {
    margin-left: -webkit-calc(58.33333% + (3%/2));
    margin-left: calc(58.33333% + (3%/2)); }
  .small-medium-8 {
    width: -webkit-calc(66.66667% - 3%);
    width: calc(66.66667% - 3%); }
  .small-medium--push-8 {
    margin-left: -webkit-calc(66.66667% + (3%/2));
    margin-left: calc(66.66667% + (3%/2)); }
  .small-medium-9 {
    width: -webkit-calc(75% - 3%);
    width: calc(75% - 3%); }
  .small-medium--push-9 {
    margin-left: -webkit-calc(75% + (3%/2));
    margin-left: calc(75% + (3%/2)); }
  .small-medium-10 {
    width: -webkit-calc(83.33333% - 3%);
    width: calc(83.33333% - 3%); }
  .small-medium--push-10 {
    margin-left: -webkit-calc(83.33333% + (3%/2));
    margin-left: calc(83.33333% + (3%/2)); }
  .small-medium-11 {
    width: -webkit-calc(91.66667% - 3%);
    width: calc(91.66667% - 3%); }
  .small-medium--push-11 {
    margin-left: -webkit-calc(91.66667% + (3%/2));
    margin-left: calc(91.66667% + (3%/2)); }
  .small-medium-12 {
    width: -webkit-calc(100% - 3%);
    width: calc(100% - 3%); }
  .small-medium--push-12 {
    margin-left: -webkit-calc(100% + (3%/2));
    margin-left: calc(100% + (3%/2)); } }

@media (min-width: 48em) {
  .col {
    margin-left: 1.5%;
    margin-right: 1.5%; }
    .col .row {
      margin-left: -1.5%;
      margin-right: -1.5%; }
  .medium--switch {
    float: right; }
  .medium--center {
    float: none;
    margin: 0 auto; }
  .medium-1 {
    width: -webkit-calc(8.33333% - 3%);
    width: calc(8.33333% - 3%); }
  .medium--push-1 {
    margin-left: -webkit-calc(8.33333% + (3%/2));
    margin-left: calc(8.33333% + (3%/2)); }
  .medium-2 {
    width: -webkit-calc(16.66667% - 3%);
    width: calc(16.66667% - 3%); }
  .medium--push-2 {
    margin-left: -webkit-calc(16.66667% + (3%/2));
    margin-left: calc(16.66667% + (3%/2)); }
  .medium-3 {
    width: -webkit-calc(25% - 3%);
    width: calc(25% - 3%); }
  .medium--push-3 {
    margin-left: -webkit-calc(25% + (3%/2));
    margin-left: calc(25% + (3%/2)); }
  .medium-4 {
    width: -webkit-calc(33.33333% - 3%);
    width: calc(33.33333% - 3%); }
  .medium--push-4 {
    margin-left: -webkit-calc(33.33333% + (3%/2));
    margin-left: calc(33.33333% + (3%/2)); }
  .medium-5 {
    width: -webkit-calc(41.66667% - 3%);
    width: calc(41.66667% - 3%); }
  .medium--push-5 {
    margin-left: -webkit-calc(41.66667% + (3%/2));
    margin-left: calc(41.66667% + (3%/2)); }
  .medium-6 {
    width: -webkit-calc(50% - 3%);
    width: calc(50% - 3%); }
  .medium--push-6 {
    margin-left: -webkit-calc(50% + (3%/2));
    margin-left: calc(50% + (3%/2)); }
  .medium-7 {
    width: -webkit-calc(58.33333% - 3%);
    width: calc(58.33333% - 3%); }
  .medium--push-7 {
    margin-left: -webkit-calc(58.33333% + (3%/2));
    margin-left: calc(58.33333% + (3%/2)); }
  .medium-8 {
    width: -webkit-calc(66.66667% - 3%);
    width: calc(66.66667% - 3%); }
  .medium--push-8 {
    margin-left: -webkit-calc(66.66667% + (3%/2));
    margin-left: calc(66.66667% + (3%/2)); }
  .medium-9 {
    width: -webkit-calc(75% - 3%);
    width: calc(75% - 3%); }
  .medium--push-9 {
    margin-left: -webkit-calc(75% + (3%/2));
    margin-left: calc(75% + (3%/2)); }
  .medium-10 {
    width: -webkit-calc(83.33333% - 3%);
    width: calc(83.33333% - 3%); }
  .medium--push-10 {
    margin-left: -webkit-calc(83.33333% + (3%/2));
    margin-left: calc(83.33333% + (3%/2)); }
  .medium-11 {
    width: -webkit-calc(91.66667% - 3%);
    width: calc(91.66667% - 3%); }
  .medium--push-11 {
    margin-left: -webkit-calc(91.66667% + (3%/2));
    margin-left: calc(91.66667% + (3%/2)); }
  .medium-12 {
    width: -webkit-calc(100% - 3%);
    width: calc(100% - 3%); }
  .medium--push-12 {
    margin-left: -webkit-calc(100% + (3%/2));
    margin-left: calc(100% + (3%/2)); } }

@media (min-width: 1040px) {
  .col {
    margin-left: 1.5%;
    margin-right: 1.5%; }
    .col .row {
      margin-left: -1.5%;
      margin-right: -1.5%; }
  .large--switch {
    float: right; }
  .large--center {
    float: none;
    margin: 0 auto; }
  .large-1 {
    width: -webkit-calc(8.33333% - 3%);
    width: calc(8.33333% - 3%); }
  .large--push-1 {
    margin-left: -webkit-calc(8.33333% + (3%/2));
    margin-left: calc(8.33333% + (3%/2)); }
  .large-2 {
    width: -webkit-calc(16.66667% - 3%);
    width: calc(16.66667% - 3%); }
  .large--push-2 {
    margin-left: -webkit-calc(16.66667% + (3%/2));
    margin-left: calc(16.66667% + (3%/2)); }
  .large-3 {
    width: -webkit-calc(25% - 3%);
    width: calc(25% - 3%); }
  .large--push-3 {
    margin-left: -webkit-calc(25% + (3%/2));
    margin-left: calc(25% + (3%/2)); }
  .large-4 {
    width: -webkit-calc(33.33333% - 3%);
    width: calc(33.33333% - 3%); }
  .large--push-4 {
    margin-left: -webkit-calc(33.33333% + (3%/2));
    margin-left: calc(33.33333% + (3%/2)); }
  .large-5 {
    width: -webkit-calc(41.66667% - 3%);
    width: calc(41.66667% - 3%); }
  .large--push-5 {
    margin-left: -webkit-calc(41.66667% + (3%/2));
    margin-left: calc(41.66667% + (3%/2)); }
  .large-6 {
    width: -webkit-calc(50% - 3%);
    width: calc(50% - 3%); }
  .large--push-6 {
    margin-left: -webkit-calc(50% + (3%/2));
    margin-left: calc(50% + (3%/2)); }
  .large-7 {
    width: -webkit-calc(58.33333% - 3%);
    width: calc(58.33333% - 3%); }
  .large--push-7 {
    margin-left: -webkit-calc(58.33333% + (3%/2));
    margin-left: calc(58.33333% + (3%/2)); }
  .large-8 {
    width: -webkit-calc(66.66667% - 3%);
    width: calc(66.66667% - 3%); }
  .large--push-8 {
    margin-left: -webkit-calc(66.66667% + (3%/2));
    margin-left: calc(66.66667% + (3%/2)); }
  .large-9 {
    width: -webkit-calc(75% - 3%);
    width: calc(75% - 3%); }
  .large--push-9 {
    margin-left: -webkit-calc(75% + (3%/2));
    margin-left: calc(75% + (3%/2)); }
  .large-10 {
    width: -webkit-calc(83.33333% - 3%);
    width: calc(83.33333% - 3%); }
  .large--push-10 {
    margin-left: -webkit-calc(83.33333% + (3%/2));
    margin-left: calc(83.33333% + (3%/2)); }
  .large-11 {
    width: -webkit-calc(91.66667% - 3%);
    width: calc(91.66667% - 3%); }
  .large--push-11 {
    margin-left: -webkit-calc(91.66667% + (3%/2));
    margin-left: calc(91.66667% + (3%/2)); }
  .large-12 {
    width: -webkit-calc(100% - 3%);
    width: calc(100% - 3%); }
  .large--push-12 {
    margin-left: -webkit-calc(100% + (3%/2));
    margin-left: calc(100% + (3%/2)); } }

@media (min-width: 90.075em) {
  .col {
    margin-left: 1.5%;
    margin-right: 1.5%; }
    .col .row {
      margin-left: -1.5%;
      margin-right: -1.5%; }
  .xlarge--switch {
    float: right; }
  .xlarge--center {
    float: none;
    margin: 0 auto; }
  .xlarge-1 {
    width: -webkit-calc(8.33333% - 3%);
    width: calc(8.33333% - 3%); }
  .xlarge--push-1 {
    margin-left: -webkit-calc(8.33333% + (3%/2));
    margin-left: calc(8.33333% + (3%/2)); }
  .xlarge-2 {
    width: -webkit-calc(16.66667% - 3%);
    width: calc(16.66667% - 3%); }
  .xlarge--push-2 {
    margin-left: -webkit-calc(16.66667% + (3%/2));
    margin-left: calc(16.66667% + (3%/2)); }
  .xlarge-3 {
    width: -webkit-calc(25% - 3%);
    width: calc(25% - 3%); }
  .xlarge--push-3 {
    margin-left: -webkit-calc(25% + (3%/2));
    margin-left: calc(25% + (3%/2)); }
  .xlarge-4 {
    width: -webkit-calc(33.33333% - 3%);
    width: calc(33.33333% - 3%); }
  .xlarge--push-4 {
    margin-left: -webkit-calc(33.33333% + (3%/2));
    margin-left: calc(33.33333% + (3%/2)); }
  .xlarge-5 {
    width: -webkit-calc(41.66667% - 3%);
    width: calc(41.66667% - 3%); }
  .xlarge--push-5 {
    margin-left: -webkit-calc(41.66667% + (3%/2));
    margin-left: calc(41.66667% + (3%/2)); }
  .xlarge-6 {
    width: -webkit-calc(50% - 3%);
    width: calc(50% - 3%); }
  .xlarge--push-6 {
    margin-left: -webkit-calc(50% + (3%/2));
    margin-left: calc(50% + (3%/2)); }
  .xlarge-7 {
    width: -webkit-calc(58.33333% - 3%);
    width: calc(58.33333% - 3%); }
  .xlarge--push-7 {
    margin-left: -webkit-calc(58.33333% + (3%/2));
    margin-left: calc(58.33333% + (3%/2)); }
  .xlarge-8 {
    width: -webkit-calc(66.66667% - 3%);
    width: calc(66.66667% - 3%); }
  .xlarge--push-8 {
    margin-left: -webkit-calc(66.66667% + (3%/2));
    margin-left: calc(66.66667% + (3%/2)); }
  .xlarge-9 {
    width: -webkit-calc(75% - 3%);
    width: calc(75% - 3%); }
  .xlarge--push-9 {
    margin-left: -webkit-calc(75% + (3%/2));
    margin-left: calc(75% + (3%/2)); }
  .xlarge-10 {
    width: -webkit-calc(83.33333% - 3%);
    width: calc(83.33333% - 3%); }
  .xlarge--push-10 {
    margin-left: -webkit-calc(83.33333% + (3%/2));
    margin-left: calc(83.33333% + (3%/2)); }
  .xlarge-11 {
    width: -webkit-calc(91.66667% - 3%);
    width: calc(91.66667% - 3%); }
  .xlarge--push-11 {
    margin-left: -webkit-calc(91.66667% + (3%/2));
    margin-left: calc(91.66667% + (3%/2)); }
  .xlarge-12 {
    width: -webkit-calc(100% - 3%);
    width: calc(100% - 3%); }
  .xlarge--push-12 {
    margin-left: -webkit-calc(100% + (3%/2));
    margin-left: calc(100% + (3%/2)); } }

@media (min-width: 48em) {
  .push-1--medium {
    margin-right: -webkit-calc(8.33333% + 1.5%);
    margin-right: calc(8.33333% + 1.5%); } }

@media (min-width: 1040px) {
  .push-1--large {
    margin-right: -webkit-calc(8.33333% + 1.5%);
    margin-right: calc(8.33333% + 1.5%); } }

@media (min-width: 48em) {
  .pull-1--medium {
    margin-left: -webkit-calc(8.33333% + 1.5%);
    margin-left: calc(8.33333% + 1.5%); } }

@media (min-width: 1040px) {
  .pull-1--large {
    margin-left: -webkit-calc(8.33333% + 1.5%);
    margin-left: calc(8.33333% + 1.5%); } }

@media (min-width: 1040px) {
  .pull-3--large {
    margin-left: -webkit-calc(25% + 1.5%);
    margin-left: calc(25% + 1.5%); } }

@media (min-width: 1040px) {
  .pull-4--large {
    margin-left: -webkit-calc(33.33333% + 1.5%);
    margin-left: calc(33.33333% + 1.5%); } }

@media (min-width: 1040px) {
  .push-2--large {
    margin-right: -webkit-calc(16.66667% + 1.5%);
    margin-right: calc(16.66667% + 1.5%); } }

@media (min-width: 48em) {
  .push-1--medium {
    margin-right: -webkit-calc(8.33333% + 1.5%);
    margin-right: calc(8.33333% + 1.5%); } }

@media (min-width: 48em) {
  .push-4--medium {
    margin-right: -webkit-calc(33.33333% + 1.5%);
    margin-right: calc(33.33333% + 1.5%); } }

@media (min-width: 48em) {
  .pull-4--medium {
    margin-left: -webkit-calc(33.33333% + 1.5%);
    margin-left: calc(33.33333% + 1.5%); } }

@media (min-width: 1040px) {
  .pull-2--large {
    margin-left: -webkit-calc(16.66667% + 1.5%);
    margin-left: calc(16.66667% + 1.5%); } }

@media (min-width: 1040px) {
  .push-3--large {
    margin-right: -webkit-calc(25% + 1.5%);
    margin-right: calc(25% + 1.5%); } }

@media (min-width: 1040px) {
  .pull-3--large {
    margin-left: -webkit-calc(25% + 1.5%);
    margin-left: calc(25% + 1.5%); } }

@media (min-width: 1040px) {
  .last-child-pull-right--large .col:last-child {
    float: right; } }

.small-12-flush {
  width: 100%; }

@media (min-width: 48em) {
  .medium-8-flush {
    float: left;
    width: 66%; } }

@media (min-width: 48em) {
  .medium-4-flush {
    float: left;
    width: 34%; } }

@media (max-width: 720px) {
  .small-medium-5 {
    width: 100% !important; } }

.wrapper--medium-up {
  *zoom: 1; }
  .wrapper--medium-up:before, .wrapper--medium-up:after {
    content: "";
    display: table; }
  .wrapper--medium-up:after {
    clear: both; }
  @media (min-width: 48em) {
    .wrapper--medium-up {
      margin: 0 auto;
      width: 94%; } }
  @media (min-width: 1040px) {
    .wrapper--medium-up {
      max-width: 1400px;
      width: 94%; } }

.flex-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

body {
  background: #fff;
  color: #3e4543;
  font-family: "gill-sans-nova", sans-serif;
  font-size: 16px;
  line-height: 24px; }
  @media (min-width: 1040px) {
    body.has-sub-nav {
      padding-top: 206px; } }

.primary-font {
  font-family: "gill-sans-nova", sans-serif;
  font-weight: 400; }

.primary-font--semi {
  font-family: "gill-sans-nova", sans-serif;
  font-weight: 600; }

.primary-font--bold {
  font-family: "gill-sans-nova", sans-serif;
  font-weight: 700; }

.secondary-font {
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: 400; }
  .secondary-font span {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: 400; }

.secondary-font--bold {
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: 700;
  line-height: 1.4rem; }

.tertiary-font {
  font-family: "Trajan W01";
  font-weight: 400; }

.tera {
  font-size: 1.75rem;
  line-height: 1.75rem; }
  @media (min-width: 48em) {
    .tera {
      font-size: 2.8rem;
      line-height: 3.2rem; } }
  @media (min-width: 80em) {
    .tera {
      font-size: 3.4rem;
      line-height: 4rem; } }

.giga {
  font-size: 1.6rem;
  line-height: 2rem; }
  @media (min-width: 48em) {
    .giga {
      font-size: 1.8rem;
      line-height: 2rem; } }
  @media (min-width: 1040px) {
    .giga {
      font-size: 2rem;
      line-height: 2.4rem; } }

.mega {
  font-size: 1.4rem;
  line-height: 2rem; }
  @media (min-width: 48em) {
    .mega {
      font-size: 1.5rem;
      line-height: 2rem; } }

.kilo {
  font-size: 1.3rem;
  line-height: 1.6rem; }

.alpha {
  font-size: 1.26rem;
  line-height: 1.6rem; }

.beta {
  font-size: 1.1rem;
  line-height: 1.5rem; }

.gamma {
  font-size: 1rem;
  line-height: 1.4rem; }

.delta {
  font-size: 0.8rem;
  line-height: 1.2rem; }

.delta--deep {
  line-height: 1.4rem; }

.kicker {
  color: #b2b5b4;
  font-family: "Trajan W01";
  font-size: 1rem;
  margin: 0.5rem 0; }

.kicker:before {
  content: "";
  height: 25px;
  width: 2px;
  background: #8b8f8e;
  position: absolute;
  top: 0; }

.kicker--large:before {
  height: 60px; }

.summary {
  font-size: 0.95rem;
  line-height: 1.2rem; }

a {
  color: #3e4543;
  text-decoration: none;
  font-family: "gill-sans-nova", sans-serif;
  opacity: 1; }
  a:hover {
    color: #595c3a;
    opacity: 0.8; }

.uppercase {
  text-transform: uppercase; }

.mono-link,
a.mono-link {
  color: #ffffff; }

.dark-link {
  color: #515856; }

.gold-link {
  color: #ddc99d; }

.gold-link:hover {
  color: #eee4ce; }

.line-link {
  border-top: 2px solid #f0f0f0;
  -webkit-transition: 0.5s;
  transition: 0.5s; }
  .line-link:hover {
    border-top: 2px solid #66a1ad; }

.facebook-link {
  color: #3B5998; }
  .facebook-link:hover {
    color: #4E71BA; }

.twitter-link {
  color: #5EA9DD; }
  .twitter-link:hover {
    color: #7DBBE3; }

h1, h2, h3, h4, h5, h6 {
  color: #656a69;
  font-family: "gill-sans-nova", sans-serif;
  font-weight: 500; }

p {
  color: #515a57;
  font-size: 1em;
  line-height: 1.4rem;
  margin-bottom: 1em; }

span {
  font-family: "gill-sans-nova", sans-serif; }

ul, ol {
  list-style-type: none;
  margin: 0;
  padding: 0; }

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

@media (min-width: 48em) {
  .text-right--medium {
    text-align: right; } }

.no-wrap {
  white-space: nowrap; }

/*=VARIABLES - COLOURS
------------------------------------------------*/
/* Branding colour tints ---------------------- */
.blue {
  color: #3e4543; }

.blue--75 {
  color: #40b8d3; }

.blue--50 {
  color: #80d0e2; }

.blue--25 {
  color: #bfe7f0; }

.bg-blue {
  background-color: #00A0C4; }

.bg-blue--75 {
  background-color: #40b8d3; }

.bg-blue--50 {
  background-color: #80d0e2; }

.bg-blue--25 {
  background-color: #bfe7f0; }

.edinburgh {
  color: #3e4543; }

.edinburgh--75 {
  color: #bc575f; }

.edinburgh--50 {
  color: #d38f94; }

.edinburgh--25 {
  color: #e9c7ca; }

.bg-edinburgh {
  background-color: #a61f29; }

.bg-edinburgh--75 {
  background-color: #bc575f; }

.bg-edinburgh--50 {
  background-color: #d38f94; }

.bg-edinburgh--25 {
  background-color: #e9c7ca; }

.black {
  color: #3e4543; }

.black--75 {
  color: #6e7472; }

.black--50 {
  color: #9fa2a1; }

.black--25 {
  color: #cfd1d0; }

.bg-black {
  background-color: #3e4543; }

.bg-black--75 {
  background-color: #6e7472; }

.bg-black--50 {
  background-color: #9fa2a1; }

.bg-black--25 {
  background-color: #cfd1d0; }

.jade {
  color: #006276; }

.jade--20 {
  color: #cce0e4; }

.jade--30 {
  color: #b3d0d6; }

.jade--40 {
  color: #99c0c8; }

.bg-jade {
  background-color: #006276; }

.bg-jade--5 {
  background-color: #f2f7f8; }

.bg-jade--10 {
  background-color: #e6eff1; }

.bg-jade--20 {
  background-color: #cce0e4; }

.bg-jade--30 {
  background-color: #b3d0d6; }

.bg-jade--40 {
  background-color: #99c0c8; }

.stone {
  color: #5c5a45; }

.stone--20 {
  color: #dededa; }

.stone--30 {
  color: #cecec7; }

.stone--40 {
  color: #bebdb5; }

.bg-stone {
  background-color: #5c5a45; }

.bg-stone--20 {
  background-color: #dededa; }

.bg-stone--30 {
  background-color: #cecec7; }

.bg-stone--40 {
  background-color: #bebdb5; }

.gold {
  color: #aa780a; }

.gold--5 {
  color: #fbf8f3; }

.gold--10 {
  color: #f7f2e7; }

.gold--20 {
  color: #eee4ce; }

.gold--30 {
  color: #e6d7b6; }

.gold--40 {
  color: #ddc99d; }

.gold--50 {
  color: #d5bc85; }

.gold--60 {
  color: #ccae6c; }

.bg-gold {
  background-color: #aa780a; }

.bg-gold--5 {
  background-color: #fbf8f3; }

.bg-gold--10 {
  background-color: #f7f2e7; }

.bg-gold--20 {
  background-color: #eee4ce; }

.bg-gold--30 {
  background-color: #e6d7b6; }

.bg-gold--40 {
  background-color: #ddc99d; }

.velvet {
  color: #4e1e66; }

.velvet--20 {
  color: #dcd2e0; }

.velvet--30 {
  color: #cabcd1; }

.velvet--40 {
  color: #b8a5c2; }

.bg-velvet {
  background-color: #4e1e66; }

.bg-velvet--20 {
  background-color: #dcd2e0; }

.bg-velvet--30 {
  background-color: #cabcd1; }

.bg-velvet--40 {
  background-color: #b8a5c2; }

.robe {
  color: #8a012a; }

.robe--20 {
  color: #e8ccd4; }

.robe--30 {
  color: #dcb3bf; }

.robe--40 {
  color: #d099aa; }

.bg-robe {
  background-color: #8a012a; }

.bg-robe--20 {
  background-color: #e8ccd4; }

.bg-robe--30 {
  background-color: #dcb3bf; }

.bg-robe--40 {
  background-color: #d099aa; }

.bronze {
  color: #5c3700; }

.bronze--20 {
  color: #ded7cc; }

.bronze--30 {
  color: #cec3b3; }

.bronze--40 {
  color: #beaf99; }

.bg-bronze {
  background-color: #5c3700; }

.bg-bronze--20 {
  background-color: #ded7cc; }

.bg-bronze--30 {
  background-color: #cec3b3; }

.bg-bronze--40 {
  background-color: #beaf99; }

.moss {
  color: #5c6a18; }

.moss--20 {
  color: #dee1d1; }

.moss--30 {
  color: #ced2ba; }

.moss--40 {
  color: #bec3a3; }

.bg-moss {
  background-color: #5c6a18; }

.bg-moss--20 {
  background-color: #dee1d1; }

.bg-moss--30 {
  background-color: #ced2ba; }

.bg-moss--40 {
  background-color: #bec3a3; }

.rust {
  color: #ac3f10; }

.rust--20 {
  color: #eed9cf; }

.rust--30 {
  color: #e6c5b7; }

.rust--40 {
  color: #deb29f; }

.bg-rust {
  background-color: #ac3f10; }

.bg-rust--20 {
  background-color: #eed9cf; }

.bg-rust--30 {
  background-color: #e6c5b7; }

.bg-rust--40 {
  background-color: #deb29f; }

.light-gold {
  color: #d7c482; }

.light-gold-20 {
  color: #f7f3e6; }

.light-gold--30 {
  color: #f3edda; }

.light-gold--40 {
  color: #efe7cd; }

.bg-light-gold {
  background-color: #d7c482; }

.bg-light-gold--20 {
  background-color: #f7f3e6; }

.bg-light-gold--30 {
  background-color: #f3edda; }

.bg-light-gold--40 {
  background-color: #efe7cd; }

.waterford {
  color: #009CC4; }

.waterford--20 {
  color: #ccebf3; }

.waterford--30 {
  color: #b3e1ed; }

.waterford--40 {
  color: #99d7e7; }

.waterford--60 {
  color: #66c4dc; }

.waterford--70 {
  color: #4dbad6; }

.waterford--80 {
  color: #33b0d0; }

.kilda {
  color: #B9BA0E; }

.kilda--20 {
  color: #f1f1cf; }

.kilda--30 {
  color: #eaeab7; }

.kilda--40 {
  color: #e3e39f; }

.kilda--60 {
  color: #d5d66e; }

.kilda--70 {
  color: #cecf56; }

.kilda--80 {
  color: #c7c83e; }

.kilda-shade--90 {
  color: #a7a70d; }

.kilda-shade--80 {
  color: #94950b; }

.grey {
  color: #666666; }

.grey--75 {
  color: #8c8c8c; }

.grey--50 {
  color: #b3b3b3; }

.grey--25 {
  color: #d9d9d9; }

.grey--5 {
  color: #f7f7f7; }

.bg-grey {
  background-color: #666666; }

.bg-grey--75 {
  background-color: #8c8c8c; }

.bg-grey--50 {
  background-color: #b3b3b3; }

.bg-grey--25 {
  background-color: #d9d9d9; }

.bg-grey--7 {
  background-color: #f4f4f4; }

.bg-grey--5 {
  background-color: #f7f7f7; }

.white {
  color: #ffffff; }

.grey-75 {
  color: #d9d9d9; }

p.white a {
  color: white; }

.dark-green {
  color: #767b4d; }

.muted {
  color: #888888; }

.bg-white {
  background-color: #ffffff; }

.bg-dark-grey {
  background-color: #4a4a4a; }

.bg-dark-grey-1 {
  background-color: #313131; }

.bg-mid-grey-1 {
  background-color: #adadad; }

.bg-mid-grey-2 {
  background-color: #7b7b7b; }

.bg-mid-grey-3 {
  background-color: #888888; }

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

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

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

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

.bg-digifest-black-1 {
  background: #292929; }

.bg-digifest-black-2 {
  background: #222222; }

.bg-digifest-black-3 {
  background: #1E1E1E; }

.bg-digifest-black-4 {
  background: #1B1B1B; }

.block {
  display: block; }

.inline-block {
  display: inline-block !important;
  width: auto !important; }

.absolute {
  position: absolute; }

.relative {
  position: relative; }

.overflow-hide {
  overflow: hidden; }

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

@media (min-width: 48em) {
  .pull-right--medium {
    float: right !important; } }

@media (min-width: 1040px) {
  .pull-right--large {
    float: right !important; } }

.pull-left {
  float: left !important; }

@media (min-width: 48em) {
  .pull-left--medium {
    float: left; } }

@media (min-width: 1040px) {
  .pull-left--large {
    float: left; } }

/*---------------- Add/remove margins -------------*/
.push {
  margin: 1.5rem !important; }

@media (min-width: 48em) {
  .push--medium {
    margin: 1.5rem !important; } }

.push--top {
  margin-top: 1.5rem !important; }

.push--right {
  margin-right: 1.5rem !important; }

.push-double--right {
  margin-right: 4.5rem !important; }

.push--bottom {
  margin-bottom: 1.5rem !important; }

@media (max-width: 46em) {
  .push-bottom--small {
    margin-bottom: 1.5rem !important; } }

@media (max-width: 65em) {
  .push-vert--bottom {
    margin-bottom: 4.5rem !important; } }

.push--left {
  margin-left: 1.5rem !important; }

.push--ends {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important; }

.push-double--ends {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important; }
  @media (max-width: 42.5em) {
    .push-double--ends {
      margin-top: 0.375rem !important;
      margin-bottom: 0.375rem !important; } }

.push-double--bottom {
  margin-bottom: 3rem !important; }
  @media (max-width: 60em) {
    .push-double--bottom {
      margin-bottom: 2.25rem !important; } }

.push-tripple--bottom {
  margin-bottom: 4.5rem !important; }
  @media (max-width: 60em) {
    .push-tripple--bottom {
      margin-bottom: 2.75rem !important; } }

.push-double--sides {
  margin-right: 3rem !important;
  margin-left: 3rem !important; }

.push-big--sides {
  margin-right: 7.5rem !important;
  margin-left: 7.5rem !important; }
  @media (max-width: 67.5em) {
    .push-big--sides {
      margin-right: 4.5rem !important;
      margin-left: 4.5rem !important; } }
  @media (max-width: 48.7em) {
    .push-big--sides {
      margin-right: 1.5% !important;
      margin-left: 1.5% !important; } }

.push--sides {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important; }

.push-half {
  margin: 0.75rem !important; }

.push-half--top {
  margin-top: 0.75rem !important; }

.push-half--right {
  margin-right: 0.75rem !important; }

.push-half--bottom {
  margin-bottom: 0.75rem !important; }

.push-half--left {
  margin-left: 0.75rem !important; }

.push-half--ends {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important; }

.push-half--sides {
  margin-right: 0.75rem !important;
  margin-left: 0.75rem !important; }

.push-small--ends {
  margin-top: 0.75rem / 2 !important;
  margin-bottom: 0.75rem / 2 !important; }

.push-small--top {
  margin-top: 0.75rem / 2 !important; }

.push-small--bottom {
  margin-bottom: 0.75rem / 2 !important; }

.push-double--top {
  margin-top: 3rem !important; }
  @media (max-width: 400px) {
    .push-double--top {
      margin-top: 1.5rem !important; } }

@media (max-width: 65em) {
  .push-double--top.reduce {
    margin-top: 0.375rem !important; } }

.flush {
  margin: 0 !important; }

.flush--top {
  margin-top: 0 !important; }

.flush--right {
  margin-right: 0 !important; }

.flush--bottom {
  margin-bottom: 0 !important; }

.flush--left {
  margin-left: 0 !important; }

.flush--ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.flush--sides {
  margin-right: 0 !important;
  margin-left: 0 !important; }

/*---------------- Add/remove paddings -------------*/
.soft {
  padding: 1.5rem !important; }

.soft--half {
  padding: 0.75rem !important; }

@media (max-width: 65em) {
  .soft--vert {
    padding: 1.5rem !important; } }

.soft--top {
  padding-top: 1.5rem !important; }

.soft-double--top {
  padding-top: 3rem !important; }

@media (max-width: 65em) {
  .soft-vert--top {
    padding-top: 1.5rem !important; } }

.soft--right {
  padding-right: 1.5rem !important; }

@media (max-width: 65em) {
  .soft-vert--right {
    padding-right: 1.5rem !important; } }

.soft--bottom {
  padding-bottom: 1.5rem !important; }

@media (max-width: 65em) {
  .soft-vert--bottom {
    padding-bottom: 1.5rem !important; } }

.soft--left {
  padding-left: 1.5rem !important; }

@media (max-width: 65em) {
  .soft-vert--left {
    padding-left: 1.5rem !important; } }

.soft--ends {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

.soft--sides {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important; }

.soft-half--sides {
  padding-right: 0.75rem !important;
  padding-left: 0.75rem !important; }

.soft-half {
  padding: 0.75rem !important; }

.soft-half--top {
  padding-top: 0.75rem !important; }

.soft-small--top {
  padding-top: 0.75rem / 2 !important; }

.soft-double--top {
  padding-top: 3rem !important; }

.soft-treble--top {
  padding-top: 4.5rem !important; }
  @media (max-width: 60em) {
    .soft-treble--top {
      padding-top: 1.5rem !important; } }

.soft-half--right {
  padding-right: 0.75rem !important; }

.soft-half--bottom {
  padding-bottom: 0.75rem !important; }

.soft-half--left {
  padding-left: 0.75rem !important; }

.soft-half--ends {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important; }

.soft-half--sides {
  padding-right: 0.75rem !important;
  padding-left: 0.75rem !important; }

@media (min-width: 48em) {
  .soft--medium {
    padding: 1.5rem !important; } }

.soft--large {
  padding: 1.5rem !important; }
  @media (min-width: 1040px) {
    .soft--large {
      padding: 1.5rem !important; } }

@media (min-width: 1040px) {
  .soft--xllarge {
    padding: 3rem !important; } }

@media (min-width: 1040px) {
  .soft-half--large {
    padding: 0.75rem !important; } }

@media (min-width: 1040px) {
  .soft-right--large {
    padding-right: 24px !important; } }

.soft--double {
  padding: 3rem !important; }

.soft-double--ends {
  padding-bottom: 3rem !important;
  padding-top: 3rem !important; }
  @media (max-width: 35em) {
    .soft-double--ends {
      padding-bottom: 1.5rem !important;
      padding-top: 1.5rem !important; } }

.soft-double--bottom {
  padding-bottom: 3rem !important; }

.soft-tripple--ends {
  padding-bottom: 4.5rem !important;
  padding-top: 4.5rem !important; }
  @media (max-width: 60em) {
    .soft-tripple--ends {
      padding-bottom: 2.85rem !important;
      padding-top: 2.85rem !important; } }
  @media (max-width: 35em) {
    .soft-tripple--ends.smaller {
      padding-bottom: 1.5rem !important;
      padding-top: 1.5rem !important; } }

.soft-tripple--top {
  padding-top: 4.5rem !important; }
  @media (max-width: 60em) {
    .soft-tripple--top {
      padding-top: 3rem !important; } }
  @media (max-width: 35em) {
    .soft-tripple--top.smaller {
      padding-top: 0.75rem !important; } }

.soft-tripple--bottom {
  padding-bottom: 4.5rem !important; }

.soft-tripple--sides {
  padding-right: 15rem !important;
  padding-left: 15rem !important; }
  @media (max-width: 65em) {
    .soft-tripple--sides {
      padding-right: 7.5rem !important;
      padding-left: 7.5rem !important; } }
  @media (max-width: 40em) {
    .soft-tripple--sides {
      padding-right: 0rem !important;
      padding-left: 0rem !important; } }

@media (min-width: 1040px) {
  .gutter-right--large {
    padding-right: 0.75rem !important; } }

@media (min-width: 1040px) {
  .gutter-left--large {
    padding-left: 0.75rem !important; } }

.hard {
  padding: 0 !important; }

.hard--top {
  padding-top: 0 !important; }

.hard--right {
  padding-right: 0 !important; }

.hard--bottom {
  padding-bottom: 0 !important; }

.hard--left {
  padding-left: 0 !important; }

.hard--ends {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.hard--sides {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.border-bottom--light {
  border-bottom: 1px solid #f0f0f0; }

.border-top--light {
  border-top: 1px solid #f0f0f0; }

.border-top--thick {
  border-top: 2px solid #f0f0f0; }

ul.list--inline li {
  display: inline; }
  ul.list--inline li a {
    color: #3e4543; }

.rightside-content-block {
  background-color: rgba(39, 39, 39, 0.2);
  padding: 35px; }
  .rightside-content-block hr {
    background: #fff;
    width: 20px;
    margin: 8px 0 8px 0; }
  .rightside-content-block span {
    color: #a2a2a2 !important; }
  .rightside-content-block p {
    color: #a2a2a2 !important; }
  .rightside-content-block a {
    color: #a2a2a2 !important; }
  .rightside-content-block a:hover {
    opacity: 0.7; }
  .rightside-content-block.remove-back {
    background-color: transparent !important; }

.rightside-content-block ul li {
  color: #a2a2a2 !important; }

hr {
  background: #fff;
  width: 20px;
  margin: 10px 0 10px 0;
  text-align: left; }
  hr.full-width {
    width: 100%;
    background: #3e4543;
    opacity: 0.4;
    display: inline-block;
    margin: 32px 0 20px 0; }

.back-green {
  background: #767b4d; }

.dark-back {
  background: #3e4543; }
  .dark-back p {
    color: #fff; }
  .dark-back a {
    color: #dddddd; }
    .dark-back a:hover {
      color: #fff; }

.lighter-green-back {
  background: #71764a; }
  .lighter-green-back p a {
    color: #ffffff !important; }

.grey-band-bg {
  position: relative; }
  .grey-band-bg:before {
    background: #dddddd;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 0; }
  @media (min-width: 48em) {
    .grey-band-bg:before {
      min-width: 100vw; } }

.flex-equal-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

.btn {
  background-color: transparent;
  border: 1px solid #fff;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "gill-sans-nova", sans-serif;
  font-size: 0.85rem;
  text-transform: uppercase;
  font-weight: 100;
  height: 2.8rem;
  padding: 0 1rem 0 0;
  position: relative;
  text-decoration: none;
  text-rendering: auto;
  -webkit-transition: background-color 0.1s ease-in;
  transition: background-color 0.1s ease-in; }
  .btn.normal {
    line-height: 2.8rem;
    padding: 0 1rem; }
  .btn.dark-btn {
    border: 1px solid #3e4543;
    color: #3e4543; }
    .btn.dark-btn:hover {
      background-color: #3e4543;
      border-bottom: 1px solid #3e4543;
      color: #f4f4f4 !important;
      text-decoration: none;
      opacity: 1; }
  .btn.green-btn {
    border: 1px solid #767b4d;
    color: #f4f4f4;
    background-color: #767b4d; }
    .btn.green-btn:hover {
      color: #767b4d;
      background-color: #f4f4f4; }
  @media (max-width: 47.9em) {
    .btn.mobile-dark-btn {
      border: 1px solid #3e4543;
      color: #3e4543; } }
  .btn:hover, .btn:focus {
    background-color: #fff;
    color: #3e4543 !important;
    text-decoration: none;
    opacity: 1; }
  .btn.green-back-btn:hover, .btn.green-back-btn:focus {
    color: #71764a !important; }
  .btn.active, .btn:active {
    background-color: #313131;
    color: #ffffff; }
  .btn .icon {
    font-size: 0.9rem;
    line-height: 3rem;
    padding-left: 0.8rem;
    padding-right: 0.8rem; }
    .btn .icon.icon-left-open {
      line-height: 1; }
    .btn .icon.icon-right-open {
      line-height: 1; }

.btn--outline {
  border: 1px solid #cccccc;
  color: #313131;
  line-height: 44px;
  padding: 0; }
  .btn--outline:hover {
    color: #333333; }

.btn-small {
  font-size: 0.75rem;
  height: 2.2rem;
  line-height: 2.4;
  overflow: hidden;
  padding: 0 0.7rem 0 0; }
  .btn-small.btn-3d:before {
    font-size: 0.6rem;
    margin-left: -1px;
    margin-right: 1.6em !important;
    padding: 14px 6px 11px;
    width: 1.7em; }
  .btn-small.btn-3d:after {
    border-width: 18px 0 18px 8px;
    left: 25px;
    top: 25%; }

.btn-3d:before {
  z-index: 12;
  background: #fff;
  color: #8d935c;
  padding: 15px;
  margin-right: 1.5em !important; }

.btn-3d.dark-btn:before {
  color: #f4f4f4; }

.btn-3d.dark-back-btn:before {
  color: #3e4543; }

.btn-3d.green-back-btn:before {
  color: #8d935c; }

@media (max-width: 47.9em) {
  .btn-3d.mobile-dark-btn:before {
    background: #3e4543; } }

.btn-3d.dark-btn:before {
  background: #3e4543; }

.btn-3d:after {
  left: 40px;
  top: 20%;
  margin: -10px 0 0 -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 22px 0 22px 8px;
  border-color: transparent transparent transparent #fff;
  z-index: 10; }

@media (max-width: 47.9em) {
  .btn-3d.mobile-dark-btn:after {
    border-color: transparent transparent transparent #3e4543; } }

.btn-3d.dark-btn:after {
  border-color: transparent transparent transparent #3e4543; }

.btn:after {
  content: '';
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 9; }

.btn.normal:after {
  display: none; }

.icon-right-1:before {
  position: relative;
  z-index: 20; }

.col-btn {
  border: 1px solid #fff;
  color: #fff;
  padding: 13px;
  line-height: 0;
  font-size: 0.85rem;
  display: inline-block;
  position: absolute;
  bottom: 0; }
  @media (max-width: 900px) {
    .col-btn {
      position: relative; } }

.skip {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }
  .skip .btn-skip {
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    top: -10px;
    color: #74794b;
    text-decoration: underline;
    font-weight: bold;
    left: 0;
    -webkit-transition: height 0.2s;
    transition: height 0.2s; }
    .skip .btn-skip:focus {
      position: fixed;
      height: auto;
      width: auto;
      margin: 0 auto;
      background: #fff;
      display: block;
      left: 0;
      right: 0;
      top: 5px;
      outline: 0;
      z-index: 3;
      text-align: center; }

.expand-btn {
  cursor: pointer;
  display: inline-block;
  font-family: "gill-sans-nova", sans-serif;
  font-size: 0.9rem;
  padding: 0.5rem 1.5rem 0.5rem 0;
  position: relative; }
  .expand-btn:before {
    content: '\e823';
    font-family: fontello;
    font-size: 1.6rem;
    right: 0rem;
    position: absolute;
    top: 0.4rem;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .expand-btn span.two {
    display: none;
    visibility: hidden; }

.active .expand-btn span.one {
  display: none;
  visibility: hidden; }

.active .expand-btn span.two {
  display: block;
  visibility: visible; }

.active .expand-btn:before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

body {
  background: #fff;
  color: #3e4543;
  font-family: "gill-sans-nova", sans-serif;
  font-size: 16px;
  line-height: 24px; }
  @media (min-width: 1040px) {
    body.has-sub-nav {
      padding-top: 206px; } }

.primary-font {
  font-family: "gill-sans-nova", sans-serif;
  font-weight: 400; }

.primary-font--semi {
  font-family: "gill-sans-nova", sans-serif;
  font-weight: 600; }

.primary-font--bold {
  font-family: "gill-sans-nova", sans-serif;
  font-weight: 700; }

.secondary-font {
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: 400; }
  .secondary-font span {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: 400; }

.secondary-font--bold {
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: 700;
  line-height: 1.4rem; }

.tertiary-font {
  font-family: "Trajan W01";
  font-weight: 400; }

.tera {
  font-size: 1.75rem;
  line-height: 1.75rem; }
  @media (min-width: 48em) {
    .tera {
      font-size: 2.8rem;
      line-height: 3.2rem; } }
  @media (min-width: 80em) {
    .tera {
      font-size: 3.4rem;
      line-height: 4rem; } }

.giga {
  font-size: 1.6rem;
  line-height: 2rem; }
  @media (min-width: 48em) {
    .giga {
      font-size: 1.8rem;
      line-height: 2rem; } }
  @media (min-width: 1040px) {
    .giga {
      font-size: 2rem;
      line-height: 2.4rem; } }

.mega {
  font-size: 1.4rem;
  line-height: 2rem; }
  @media (min-width: 48em) {
    .mega {
      font-size: 1.5rem;
      line-height: 2rem; } }

.kilo {
  font-size: 1.3rem;
  line-height: 1.6rem; }

.alpha {
  font-size: 1.26rem;
  line-height: 1.6rem; }

.beta {
  font-size: 1.1rem;
  line-height: 1.5rem; }

.gamma {
  font-size: 1rem;
  line-height: 1.4rem; }

.delta {
  font-size: 0.8rem;
  line-height: 1.2rem; }

.delta--deep {
  line-height: 1.4rem; }

.kicker {
  color: #b2b5b4;
  font-family: "Trajan W01";
  font-size: 1rem;
  margin: 0.5rem 0; }

.kicker:before {
  content: "";
  height: 25px;
  width: 2px;
  background: #8b8f8e;
  position: absolute;
  top: 0; }

.kicker--large:before {
  height: 60px; }

.summary {
  font-size: 0.95rem;
  line-height: 1.2rem; }

a {
  color: #3e4543;
  text-decoration: none;
  font-family: "gill-sans-nova", sans-serif;
  opacity: 1; }
  a:hover {
    color: #595c3a;
    opacity: 0.8; }

.uppercase {
  text-transform: uppercase; }

.mono-link,
a.mono-link {
  color: #ffffff; }

.dark-link {
  color: #515856; }

.gold-link {
  color: #ddc99d; }

.gold-link:hover {
  color: #eee4ce; }

.line-link {
  border-top: 2px solid #f0f0f0;
  -webkit-transition: 0.5s;
  transition: 0.5s; }
  .line-link:hover {
    border-top: 2px solid #66a1ad; }

.facebook-link {
  color: #3B5998; }
  .facebook-link:hover {
    color: #4E71BA; }

.twitter-link {
  color: #5EA9DD; }
  .twitter-link:hover {
    color: #7DBBE3; }

h1, h2, h3, h4, h5, h6 {
  color: #656a69;
  font-family: "gill-sans-nova", sans-serif;
  font-weight: 500; }

p {
  color: #515a57;
  font-size: 1em;
  line-height: 1.4rem;
  margin-bottom: 1em; }

span {
  font-family: "gill-sans-nova", sans-serif; }

ul, ol {
  list-style-type: none;
  margin: 0;
  padding: 0; }

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

@media (min-width: 48em) {
  .text-right--medium {
    text-align: right; } }

.no-wrap {
  white-space: nowrap; }

.site-footer {
  padding: 1rem 0; }

.site-footer p,
.site-footer {
  color: #cecec7; }

.site-footer a {
  color: #cecec7; }

.site-footer a:hover {
  color: #ccae6c; }

.list--footer a {
  color: #74794b; }

.add-footer-border {
  border-top: 5px solid #767b4d; }

.footer .h4,
.footer h4 {
  text-transform: uppercase;
  font-size: 1rem; }

.footer a {
  border-bottom: none;
  color: #3e4543;
  text-decoration: none;
  font-family: "gill-sans-nova", sans-serif;
  opacity: 1; }
  .footer a:hover {
    opacity: 0.8; }

.contact-col ul.contact li {
  list-style: none !important;
  margin-left: 0; }

.contact-col ul.contact i {
  color: #a0a671; }

.add-light-border-top {
  border-top: 1px solid rgba(200, 206, 204, 0.4); }

.add-light-border-top.footer {
  border-top: 1px solid #767b4d; }

@media (min-width: 550px) {
  .two-col {
    margin-top: 43px; } }

.contain-footer-graphic {
  background-image: url(/public/20250225232123oe_/https://www.engineshed.scot/content/images/engineshed.svg);
  background-repeat: no-repeat;
  position: absolute;
  bottom: -4px;
  height: 136px;
  right: 140px;
  z-index: 100;
  opacity: 1;
  width: 200px; }
  @media (max-width: 1024px) {
    .contain-footer-graphic {
      height: 99px;
      right: 20px;
      width: 145px; } }
  @media (max-width: 320px) {
    .contain-footer-graphic {
      display: none; } }

ul.logo-list li {
  display: inline;
  padding-right: 20px; }

.list__item i {
  color: #a0a671; }

.list__item.dark-btns i {
  color: #fff; }

.push-bottom-mobile {
  margin-bottom: 40px !important; }

.logo-link {
  height: 70px;
  overflow: hidden;
  width: 200px; }
  .logo-link img {
    margin-left: 0;
    margin-top: 0;
    max-width: none;
    width: 200px; }

.masthead {
  padding-bottom: 1rem; }
  @media (min-width: 1040px) {
    .masthead {
      padding: 0;
      position: absolute;
      top: 0;
      width: 100%;
      height: 110px; } }

.header {
  background: #313131;
  padding: 25px 0 25px 0;
  position: relative;
  z-index: 2000; }

.header__logo-hes {
  float: right;
  margin: 28px 24px 0 0; }
  .header__logo-hes img {
    width: 120px; }
  @media (min-width: 65em) {
    .header__logo-hes {
      margin: 28px 0 0 0; } }
  @media (min-width: 1140px) {
    .header__logo-hes {
      margin: 28px 12px 0 0; }
      .header__logo-hes img {
        width: 160px; } }

.header__logo-hes-small {
  display: block;
  text-align: center; }
  @media (min-width: 30em) {
    .header__logo-hes-small {
      display: none; } }

.header__logo-hes--medium {
  display: none; }
  @media (min-width: 30em) {
    .header__logo-hes--medium {
      display: block;
      margin-right: 96px; } }

.contain-logo {
  float: left; }

span.strapline {
  margin-left: 20px;
  display: inline-block;
  margin-top: 35px;
  color: #3e4543; }

.add-header-border {
  border-top: 5px solid #767b4d; }

.contain-intro-section {
  width: 550px;
  float: right;
  margin-top: -260px;
  margin-right: 1.5%;
  margin-left: 1.5%; }
  .contain-intro-section h1 {
    color: #fff;
    font-size: 2em;
    margin-bottom: 10px;
    line-height: 35px; }
  .contain-intro-section p {
    color: #fff; }
  @media (max-width: 1180px) {
    .contain-intro-section {
      margin-top: -222px;
      width: 100%;
      max-width: 420px; } }
  @media (max-width: 820px) {
    .contain-intro-section {
      max-width: 390px;
      margin-top: -186px; } }
  @media (max-width: 720px) {
    .contain-intro-section {
      float: none;
      max-width: 100%;
      margin: 0; } }

@media (max-width: 720px) {
  .home-intro {
    padding: 10px 3% 0 3%; } }

*, *::after, *::before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.contain-intro-content {
  padding: 40px;
  background: rgba(62, 69, 67, 0.7); }
  @media (max-width: 720px) {
    .contain-intro-content {
      padding: 25px;
      background: #3e4543; } }
  .contain-intro-content.intro-signup {
    background: #74794b;
    position: relative; }
    .contain-intro-content.intro-signup:after {
      content: '';
      position: absolute;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      z-index: 9;
      bottom: -25px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 275px solid transparent;
      border-right: 275px solid transparent;
      border-top: 25px solid #767b4d;
      z-index: 10; }
      @media (max-width: 1180px) {
        .contain-intro-content.intro-signup:after {
          border-left: 210px solid transparent;
          border-right: 210px solid transparent; } }
      @media (max-width: 820px) {
        .contain-intro-content.intro-signup:after {
          border-left: 195px solid transparent;
          border-right: 195px solid transparent; } }
      @media (max-width: 720px) {
        .contain-intro-content.intro-signup:after {
          display: none; } }

.landing-intro {
  padding: 25px;
  background: rgba(62, 69, 67, 0.9);
  position: absolute;
  max-width: 400px;
  right: 7.5%;
  bottom: 0;
  margin-right: 1.5%;
  margin-left: 1.5%; }
  .landing-intro h1 {
    color: #fff;
    font-size: 1.75em;
    margin-bottom: 10px; }
  .landing-intro p {
    color: #fff; }

.wrap-home-img {
  position: relative;
  height: 0;
  background-color: #fff; }
  @media (min-width: 35em) {
    .wrap-home-img {
      padding-bottom: 35.7142857143%;
      /* ratio of image height to width */ } }
  @media (min-width: 65em) {
    .wrap-home-img {
      padding-bottom: 32.5%;
      /* ratio of image height to width */ } }
  @media (max-width: 35em) {
    .wrap-home-img {
      padding-bottom: 66.6666666667%;
      /* ratio of image height to width */ } }

.wrap-landing-img {
  position: relative;
  height: 0;
  background-color: #fff; }
  @media (min-width: 35em) {
    .wrap-landing-img {
      padding-bottom: 40.1785714286%;
      /* ratio of image height to width */ } }
  @media (min-width: 65em) {
    .wrap-landing-img {
      padding-bottom: 30%;
      /* ratio of image height to width */ } }
  @media (max-width: 35em) {
    .wrap-landing-img {
      background-color: #f2f2f2;
      height: auto; } }

.title-header-spacing {
  padding: 3rem 0 1.5rem; }
  @media (min-width: 1040px) {
    .title-header-spacing {
      padding: 6rem 0 1.5rem; } }

.feedback-banner {
  height: 75px; }
  .feedback-banner a {
    color: #6d7147;
    opacity: 0.8;
    text-decoration: underline; }
    .feedback-banner a:hover {
      color: #515a57;
      opacity: 1;
      text-decoration: none; }
  @media (min-width: 48em) {
    .feedback-banner {
      height: 50px; } }

/* --------------------------------

Main components - Primary Nav

-------------------------------- */
.nav-overlay {
  background-color: rgba(0, 0, 0, 0.9);
  bottom: 0;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999; }

.js .nav-primary {
  display: none; }
  @media (min-width: 1040px) {
    .js .nav-primary {
      display: block !important; } }

.nav-primary {
  background: #515856;
  padding: 1em 0; }
  @media (min-width: 1040px) {
    .nav-primary {
      background: #fff;
      border-top: 1px solid rgba(200, 206, 204, 0.4);
      display: block !important;
      overflow: visible;
      padding: 0;
      position: relative;
      width: 100%;
      z-index: 1000; }
      .nav-primary.has-sub-nav {
        margin-bottom: 48px; } }

.nav-primary__list li {
  padding-right: 30px; }

@media (min-width: 1040px) {
  .nav-primary__list {
    float: left;
    width: 97.5%;
    margin: 0 1.5%; } }

.nav-primary__item {
  padding-left: 1.6rem;
  position: relative; }
  @media (min-width: 1040px) {
    .nav-primary__item {
      border-bottom: 0;
      float: left;
      margin: 0;
      overflow: visible;
      width: auto;
      padding: 0;
      position: static; }
      .nav-primary__item.active .nav-secondary {
        display: block !important; } }
  @media (min-width: 1040px) {
    .nav-primary__item.active a.nav-primary__link {
      border-bottom: 3px solid #767b4d; } }
  @media (min-width: 1040px) {
    .nav-primary__item:first-child .nav-primary__link {
      padding-left: 0; } }

.nav-primary__link {
  color: #3e4543;
  display: block;
  line-height: 1.3rem;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1rem;
  padding: 16px 0 15px 0;
  text-rendering: auto;
  opacity: 1; }
  @media (min-width: 1040px) {
    .nav-primary__link {
      border-bottom: none;
      font-size: 0.75rem; }
      .nav-primary__link:hover {
        opacity: 0.8; } }
  @media (min-width: 90.075em) {
    .nav-primary__link {
      font-size: 0.85rem; } }

@media (min-width: 1040px) {
  .active .nav-primary__link {
    color: #74794b; } }

.js .nav-secondary {
  display: none; }
  @media (min-width: 1040px) {
    .js .nav-secondary {
      background: rgba(62, 69, 67, 0.8);
      left: 0;
      top: 3.32rem;
      position: absolute;
      width: 100%; } }

.nav-secondary {
  z-index: 5; }
  @media (min-width: 1040px) {
    .nav-secondary {
      background: #ccc;
      left: 0;
      top: 3.2rem;
      position: absolute;
      width: 100%;
      display: none; } }

.nav-secondary__list {
  padding: 0.4rem 0.4rem 0.8rem 0.4rem;
  *zoom: 1; }
  .nav-secondary__list:before, .nav-secondary__list:after {
    content: "";
    display: table; }
  .nav-secondary__list:after {
    clear: both; }
  @media (min-width: 1040px) {
    .nav-secondary__list {
      display: block;
      margin-left: auto;
      margin-right: auto;
      max-width: 1400px;
      padding: 0 1.5%;
      width: 94%; } }

@media (min-width: 1040px) {
  .nav-secondary__item {
    border-bottom: 0;
    float: left;
    margin: 0;
    padding: 0; } }

a.nav-secondary__link {
  color: #fff; }

.nav-secondary__link {
  color: #d8dad9;
  display: block;
  line-height: 1.2rem;
  font-weight: 100;
  font-size: 1.2rem;
  padding: 0.6em 0 0.6em 0; }
  .nav-secondary__link:hover {
    color: #c5c7c7; }
  @media (min-width: 1040px) {
    .nav-secondary__link {
      border-bottom: none;
      color: #cce0e4;
      font-size: 0.9rem;
      padding: 0.9rem 0 0.9rem 0; }
      .nav-secondary__link:hover {
        color: #80b1bb; } }

.nav-secondary__item.active {
  position: relative; }
  @media (min-width: 1040px) {
    .nav-secondary__item.active .nav-secondary__link {
      color: white;
      border-bottom: 3px solid #fff; } }

.expander {
  display: none; }
  @media (max-width: 59.938em) {
    .expander {
      display: block;
      position: absolute;
      left: 0;
      top: 0.6rem; } }

.nav-tertiary-wrapper {
  background: #313131;
  display: none;
  margin: 0 auto; }
  @media (min-width: 1040px) {
    .nav-tertiary-wrapper {
      background: #ffffff;
      display: block !important; } }

.nav-tertiary {
  *zoom: 1;
  margin: 0 auto;
  width: 94%; }
  .nav-tertiary:before, .nav-tertiary:after {
    content: "";
    display: table; }
  .nav-tertiary:after {
    clear: both; }
  @media (min-width: 1040px) {
    .nav-tertiary {
      max-width: 1200px;
      width: 96%; } }
  @media (min-width: 90.075em) {
    .nav-tertiary {
      max-width: 1400px;
      width: 96%; } }

.nav-tertiary__list {
  *zoom: 1;
  margin: 1.25%; }
  .nav-tertiary__list:before, .nav-tertiary__list:after {
    content: "";
    display: table; }
  .nav-tertiary__list:after {
    clear: both; }
  @media (min-width: 1040px) {
    .nav-tertiary__list {
      border-bottom: 1px solid #dddddd;
      margin-bottom: 2.5%;
      margin-left: 1.25%;
      margin-right: 1.25%;
      margin-top: 1.25%; } }

@media (min-width: 1040px) {
  .nav-tertiary__item {
    border-bottom: 0;
    float: left;
    margin: 0 1.5rem 0 0;
    padding-bottom: 0.8rem; }
    .nav-tertiary__item:first-child {
      margin-left: 17.2%; }
    .nav-tertiary__item.active {
      border-bottom: 3px solid #d8dad9; } }

.nav-tertiary__link {
  color: #ffffff;
  display: block;
  line-height: 1.2rem;
  font-weight: 400;
  font-size: 1rem;
  padding: 0.4rem 0 0.4rem 0; }
  @media (min-width: 1040px) {
    .nav-tertiary__link {
      border-bottom: none;
      color: #313131;
      font-size: 1.2rem; } }

.active-breadcrumb {
  border-bottom: 1px solid #3e4543; }

@media (max-width: 1040px) {
  .stick {
    position: fixed;
    top: 0;
    z-index: 10000;
    width: 100%; } }

.nav-breadcrumb {
  display: block;
  padding-top: 2rem; }
  @media (min-width: 1037px) {
    .nav-breadcrumb {
      padding-top: 5em; } }

.nav-breadcrumb__list {
  *zoom: 1;
  display: block; }
  .nav-breadcrumb__list:before, .nav-breadcrumb__list:after {
    content: "";
    display: table; }
  .nav-breadcrumb__list:after {
    clear: both; }

.nav-breadcrumb__item {
  display: inline-block;
  font-size: 0.9rem;
  line-height: normal;
  text-rendering: auto; }

.nav-breadcrumb__link {
  color: #6d7147;
  margin: 0;
  padding: 0; }
  .nav-breadcrumb__link:hover {
    color: #686c44;
    opacity: 1; }
  .nav-breadcrumb__link:after {
    border-bottom: none;
    content: '\e813';
    font-family: "fontello";
    font-size: 80%;
    color: #6d7147;
    margin-left: 0.5rem;
    padding: 0; }

.pointer-events-on {
  pointer-events: bounding-box; }

.pager {
  *zoom: 1;
  padding-left: 0;
  margin: 1rem 0;
  list-style: none; }
  .pager:before, .pager:after {
    content: "";
    display: table; }
  .pager:after {
    clear: both; }

.pager__item {
  display: inline; }

.pager__link {
  display: inline-block;
  padding-bottom: 3px;
  text-transform: uppercase; }
  .pager__link.btn .icon {
    line-height: 1 !important; }

@media (min-width: 48em) {
  .pager__item--mobile-only {
    display: none; } }

.paging-wrapper {
  clear: right;
  float: left;
  min-height: 95px;
  position: relative;
  width: 100%;
  text-align: center; }

.numbered-paging {
  display: none;
  left: 50%;
  position: absolute;
  text-align: center;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 60%; }
  .numbered-paging ul {
    padding: 0 0 0 0;
    margin: 0;
    list-style: none; }
    .numbered-paging ul li {
      display: inline-block;
      margin: 0 5px;
      padding: 0; }
      .numbered-paging ul li a {
        display: block;
        font-size: 1rem;
        line-height: 2.6rem; }
    .numbered-paging ul .active a {
      color: #888888;
      cursor: default;
      opacity: 0.75; }
  @media (min-width: 1040px) {
    .numbered-paging ul li a {
      font-size: 1.3rem; } }
  @media (min-width: 48em) {
    .numbered-paging {
      display: block; } }

.pagination-btn--left {
  left: 0;
  position: absolute; }

.pagination-btn--right {
  position: absolute;
  right: 0; }
  .pagination-btn--right span:before {
    top: 10px; }

.sticky-search {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s linear 0.5s,opacity 0.1s linear;
  transition: visibility 0s linear 0.5s,opacity 0.1s linear; }
  @media (max-width: 68em) {
    .sticky-search {
      display: none; } }

.fixed .sticky-search {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0s;
          transition-delay: 0s; }
  @media (max-width: 68em) {
    .fixed .sticky-search {
      display: none; } }

@media (min-width: 1040px) {
  .no-touch .nav-primary.fixed {
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999; } }

/* --------------------------------

Main components - Mobile Nav

-------------------------------- */
.cd-contain-content {
  /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
  position: relative;
  background-color: #f2f2f2;
  z-index: 2;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s; }
  @media (max-width: 1040px) {
    .cd-contain-content {
      padding-top: 0px; } }
  .cd-contain-content.lateral-menu-is-open {
    /* translate to show the lateral menu - all content needs to be put in the .cd-contain-content to translate*/
    -webkit-transform: translateX(-260px);
        -ms-transform: translateX(-260px);
            transform: translateX(-260px); }

.cd-contain-content--white {
  background: none; }

header {
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 3;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s; }
  header.lateral-menu-is-open {
    /* translate to show the lateral menu */
    -webkit-transform: translateX(-260px);
        -ms-transform: translateX(-260px);
            transform: translateX(-260px); }
  header.is-fixed {
    position: fixed; }
  @media (min-width: 30em) {
    header {
      top: 0; } }

.with-feedback header {
  top: 75px; }
  @media (min-width: 30em) {
    .with-feedback header {
      top: 50px; } }
  @media (min-width: 1040px) {
    .with-feedback header {
      top: 0; } }

#cd-logo {
  display: block;
  float: left;
  padding: 20px 0; }
  #cd-logo img {
    display: block; }
  @media (max-width: 1040px) {
    #cd-logo {
      margin-left: 2%; } }

#cd-logo-mobile {
  display: block;
  float: left;
  padding: 20px 0; }
  #cd-logo-mobile img {
    display: block; }
  @media (max-width: 1040px) {
    #cd-logo-mobile {
      margin-left: 2%; } }

#cd-top-nav {
  position: absolute;
  top: 0;
  right: 120px;
  height: 100%;
  display: none; }
  #cd-top-nav ul {
    height: 100%;
    padding-top: 18px; }
  #cd-top-nav li {
    display: inline-block;
    margin-right: 1em; }
  #cd-top-nav a {
    display: inline-block;
    padding: .5em;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 600; }
    #cd-top-nav a.current {
      background-color: #313131; }
    .no-touch #cd-top-nav a:hover {
      color: rgba(255, 255, 255, 0.7); }
  @media only screen and (min-width: 768px) {
    #cd-top-nav {
      display: block; } }

#cd-menu-trigger {
  position: absolute;
  right: 10px;
  top: 20px;
  height: 48px;
  width: 48px;
  padding: 20px;
  background: #3e4543; }
  #cd-menu-trigger .cd-menu-text {
    display: none; }
  #cd-menu-trigger .cd-menu-icon {
    /* this span is the central line in the menu menu */
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    width: 18px;
    height: 2px;
    background-color: #fff;
    /* these are the upper and lower lines in the menu menu */ }
    #cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      background-color: #fff;
      left: 0; }
    #cd-menu-trigger .cd-menu-icon::before {
      bottom: 5px; }
    #cd-menu-trigger .cd-menu-icon::after {
      top: 5px; }
  #cd-menu-trigger.is-clicked .cd-menu-icon {
    background-color: rgba(255, 255, 255, 0); }
    #cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {
      background-color: white; }
    #cd-menu-trigger.is-clicked .cd-menu-icon::before {
      bottom: 0;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
    #cd-menu-trigger.is-clicked .cd-menu-icon::after {
      top: 0;
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg); }

a.move-icon {
  margin-right: 55px; }

#cd-lateral-nav {
  position: fixed;
  height: 100%;
  right: 0;
  top: 0;
  padding: 0px 20px 25px 20px;
  visibility: hidden;
  /* the secondary navigation is covered by the main element */
  z-index: 101;
  width: 260px;
  background: #3e4543;
  overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
  -webkit-transition: visibility 0s .4s, -webkit-transform .4s 0s;
  transition: visibility 0s .4s, -webkit-transform .4s 0s;
  transition: transform .4s 0s, visibility 0s .4s;
  transition: transform .4s 0s, visibility 0s .4s, -webkit-transform .4s 0s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateX(80px);
      -ms-transform: translateX(80px);
          transform: translateX(80px); }
  #cd-lateral-nav .sub-menu {
    padding: 0 10px 20px 15px;
    display: none; }
  #cd-lateral-nav h2 {
    margin: 30px 0 15px 0;
    font-size: 1.25rem; }
  #cd-lateral-nav a {
    display: block;
    line-height: 1em;
    color: #fff;
    font-size: 1.15rem;
    padding: 0.5rem 0; }
    .no-touch #cd-lateral-nav a:hover {
      color: #FFF; }
  @media only screen and (min-width: 768px) {
    #cd-lateral-nav .cd-navigation {
      margin: 30px 0; } }
  #cd-lateral-nav.lateral-menu-is-open {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    visibility: visible;
    -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
    -webkit-transition: visibility 0s 0s, -webkit-transform .4s 0s;
    transition: visibility 0s 0s, -webkit-transform .4s 0s;
    transition: transform .4s 0s, visibility 0s 0s;
    transition: transform .4s 0s, visibility 0s 0s, -webkit-transform .4s 0s;
    /* smooth the scrolling on touch devices - webkit browsers */
    -webkit-overflow-scrolling: touch; }

#cd-menu-trigger.move-icon {
  padding: 13px; }
  #cd-menu-trigger.move-icon i {
    font-size: 1.25rem; }

#cd-menu-trigger {
  opacity: 1 !important; }

#cd-logo {
  opacity: 1 !important; }

/* style menu items which have a submenu  */
#cd-lateral-nav .item-has-children > a {
  position: relative;
  /* this is the right arrow to show that the item has a submenu  */ }
  #cd-lateral-nav .item-has-children > a::after {
    content: '';
    display: block;
    height: 11px;
    width: 8px;
    position: absolute;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 1em;
    background: url("/public/20250225232123oe_/https://www.engineshed.scot/content/images/cd-arrow.svg") no-repeat center center;
    background-size: 8px 11px;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s; }
  #cd-lateral-nav .item-has-children > a.submenu-open::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg); }

#cd-lateral-nav .socials {
  *zoom: 1; }
  #cd-lateral-nav .socials:before, #cd-lateral-nav .socials:after {
    content: "";
    display: table; }
  #cd-lateral-nav .socials:after {
    clear: both; }
  #cd-lateral-nav .socials a {
    height: 32px;
    width: 32px;
    float: left;
    padding: 0;
    background-image: url("/public/20250225232123oe_/https://www.engineshed.scot/content/images/cd-socials.svg");
    background-repeat: no-repeat;
    background-size: 128px 64px;
    background-color: #767b4d;
    margin-right: .5em;
    -webkit-border-radius: 50%;
            border-radius: 50%; }
    #cd-lateral-nav .socials a.cd-twitter {
      background-position: 0 0; }
    #cd-lateral-nav .socials a.cd-github {
      background-position: -32px 0; }
    #cd-lateral-nav .socials a.cd-facebook {
      background-position: -64px 0; }
    #cd-lateral-nav .socials a.cd-google {
      background-position: -96px 0; }
    .no-touch #cd-lateral-nav .socials a:hover {
      background-color: #313131; }
      .no-touch #cd-lateral-nav .socials a:hover.cd-twitter {
        background-position: 0 -32px; }
      .no-touch #cd-lateral-nav .socials a:hover.cd-github {
        background-position: -32px -32px; }
      .no-touch #cd-lateral-nav .socials a:hover.cd-facebook {
        background-position: -64px -32px; }
      .no-touch #cd-lateral-nav .socials a:hover.cd-google {
        background-position: -96px -32px; }

ul.primary-nav {
  padding: 13px 0 14px 0; }
  ul.primary-nav li {
    display: inline; }
  ul.primary-nav a {
    color: #fff;
    line-height: 20px;
    padding: 15px; }
  ul.primary-nav a.active {
    border-bottom: 2px solid #767b4d; }
  ul.primary-nav a:hover {
    background: #7b7b7b;
    border-bottom: 2px solid #fff; }

.main-nav-wrap {
  margin: 0 auto;
  max-width: 1500px;
  width: 100%;
  height: 54px; }
  @media (max-width: 30em) {
    .main-nav-wrap {
      width: 94%; } }
  @media (max-width: 1040px) {
    .main-nav-wrap {
      height: 92px; } }
  @media (min-width: 1040px) {
    .main-nav-wrap {
      max-width: 1400px;
      width: 94%; } }

.contain-anchor-nav {
  text-align: center; }

.anchor-nav {
  position: relative;
  z-index: 12; }

.contain-anchor-nav ul {
  padding: 10px 0 10px 0; }

.contain-anchor-nav li {
  display: inline;
  padding: 13px; }

.contain-anchor-nav a {
  color: #fff; }

.contain-anchor-nav a:hover {
  opacity: 0.8; }

ul.top-links {
  display: inline-block; }
  ul.top-links li {
    display: inline;
    margin-left: 10px;
    text-transform: uppercase; }
  ul.top-links a {
    color: #74794b; }

.move-right {
  float: right;
  width: auto; }

.scroll-tabs-nav-wrap {
  margin: 0 auto;
  max-width: 1500px;
  width: 100%;
  height: 56px; }
  @media (max-width: 30em) {
    .scroll-tabs-nav-wrap {
      width: 94%; } }
  @media (min-width: 1040px) {
    .scroll-tabs-nav-wrap {
      max-width: 1400px;
      width: 94%; } }

.scroll-tabs {
  background: #767b4d;
  display: block;
  z-index: +10; }

.scroll-tabs-nav {
  display: block;
  height: 56px;
  padding: 0 1.5%;
  overflow-x: scroll;
  overflow-y: hidden;
  position: relative;
  webkit-overflow-scrolling: touch;
  white-space: nowrap;
  width: 100%;
  z-index: +10; }
  @media (min-width: 48em) {
    .scroll-tabs-nav {
      overflow-x: hidden; } }

.scroll-tabs-nav__link {
  border-bottom: none;
  color: rgba(255, 255, 255, 0.6);
  display: inline-block;
  font-size: 1.2rem;
  height: 56px;
  margin-right: 1.5rem;
  padding: 0.9rem 0 0.9rem 0; }
  .scroll-tabs-nav__link:hover {
    color: rgba(255, 255, 255, 0.9); }
  .scroll-tabs-nav__link.active {
    border-bottom: 3px solid #f2f2f2;
    color: #ffffff; }

.scroll-tabs__mobile-background {
  background: #767b4d; }
  @media (min-width: 48em) {
    .scroll-tabs__mobile-background {
      background: none; } }

.scroll-tabs__mobile-background--digifest {
  background: black; }

.scroll-tabs--digifest {
  background: black;
  text-align: center; }

.contain-hero-image {
  position: relative; }
  .contain-hero-image img {
    width: 100%; }

.img-content {
  display: block;
  position: relative; }
  .img-content img {
    margin: 0 auto;
    display: block; }

.contain-hero-content {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 100;
  padding: 25px;
  max-width: 450px;
  background: rgba(62, 69, 67, 0.8); }
  .contain-hero-content p {
    max-width: 400px; }
  @media (max-width: 46em) {
    .contain-hero-content {
      margin: -36px 0;
      padding: 20px;
      position: relative;
      background: #3e4543;
      margin-bottom: 5px;
      min-width: 100%;
      /*span {
			display:none;
			margin:-50px 0;
		}*/ } }

.contain-hero-content__row {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 10px; }
  .contain-hero-content__row p {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 0; }

.book-btn {
  background-color: #adadad;
  padding: 8px;
  max-width: 190px;
  text-align: center; }
  .book-btn a {
    color: #fff; }
  .book-btn:hover {
    background-color: rgba(173, 173, 173, 0.8); }

.cta-side-panel {
  background: white;
  border-top: 2px solid #767b4d;
  display: block;
  margin-bottom: 2.5rem;
  margin-top: -1.5rem;
  padding: 0 1rem;
  position: relative; }
  @media (min-width: 48em) {
    .cta-side-panel {
      float: right;
      margin-bottom: 1.5rem;
      margin-top: 0; } }

.cta-side-panel__video-container {
  display: block;
  height: 0;
  padding-bottom: 56.25%;
  padding-top: 25px;
  position: relative; }

.cta-side-panel__video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.cta-side-panel__section {
  border-top: 1px solid #dddddd;
  display: block;
  padding: 0.5rem 0 0.75rem; }
  .cta-side-panel__section:first-of-type {
    border-top: none; }
  .cta-side-panel__section p {
    margin-bottom: 0; }
    .cta-side-panel__section p a {
      border-bottom: 1px solid #767b4d;
      color: #707549;
      font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; }

.cta-side-panel__extra-section {
  border-top: 10px solid #f2f2f2;
  display: block;
  padding: 1.2rem 1rem 0.75rem;
  margin-left: -1rem;
  margin-right: -1rem; }
  .cta-side-panel__extra-section:first-of-type {
    border-top: none; }
  .cta-side-panel__extra-section p {
    margin-bottom: 0; }
    .cta-side-panel__extra-section p a {
      border-bottom: 1px solid #767b4d;
      color: #707549;
      font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; }

.cta-side-panel__info-item {
  display: inline-block;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
  padding-top: 10px;
  position: relative;
  width: 49%;
  vertical-align: top; }
  .cta-side-panel__info-item:before {
    background: rgba(0, 0, 0, 0.1);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px; }
  .cta-side-panel__info-item .label {
    display: block;
    margin-bottom: 4px;
    line-height: 1;
    font-weight: 400; }
  .cta-side-panel__info-item .info {
    display: block;
    letter-spacing: -0.02rem; }

.cta-row {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  display: block;
  padding: 0.5rem 0 1rem;
  position: relative; }

.cta-row__label {
  font-size: 1rem;
  line-height: 1.4rem;
  display: inline-block;
  color: #fff;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  line-height: 1.3;
  position: relative;
  margin-top: 0;
  width: -webkit-calc(100% - 150px);
  width: calc(100% - 150px); }

@font-face {
  font-family: 'fontello';
  src: url("/public/20250225232123oe_/https://www.engineshed.scot/content/fonts/font/fontello.eot?13639309");
  src: url("/public/20250225232123oe_/https://www.engineshed.scot/content/fonts/font/fontello.eot?13639309#iefix") format("embedded-opentype"), url("/public/20250225232123oe_/https://www.engineshed.scot/content/fonts/font/fontello.woff?13639309") format("woff"), url("/public/20250225232123oe_/https://www.engineshed.scot/content/fonts/font/fontello.ttf?13639309") format("truetype"), url("/public/20250225232123oe_/https://www.engineshed.scot/content/fonts/font/fontello.svg?13639309#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('/public/20250225232123oe_/https://www.engineshed.scot/content/fonts/font/fontello.svg?42187370#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2rem;
  text-align: center;
  text-rendering: auto;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-toilets:before {
  content: '\e800'; }

/* '' */
.icon-display:before {
  content: '\e801'; }

/* '' */
.icon-cafe:before {
  content: '\e802'; }

/* '' */
.icon-dogs:before {
  content: '\e803'; }

/* '' */
.icon-shop:before {
  content: '\e804'; }

/* '' */
.icon-wheelchair-access:before {
  content: '\e805'; }

/* '' */
.icon-disabled-toilets:before {
  content: '\e806'; }

/* '' */
.icon-expand:before {
  content: '\e807'; }

/* '' */
.icon-user:before {
  content: '\e808'; }

/* '' */
.icon-image:before {
  content: '\e809'; }

/* '' */
.icon-cancel:before {
  content: '\e80a'; }

/* '' */
.icon-plus:before {
  content: '\e80b'; }

/* '' */
.icon-minus:before {
  content: '\e80c'; }

/* '' */
.icon-external:before {
  content: '\e80d'; }

/* '' */
.icon-tag:before {
  content: '\e80e'; }

/* '' */
.icon-share:before {
  content: '\e80f'; }

/* '' */
.icon-phone:before {
  content: '\e810'; }

/* '' */
.icon-clock:before {
  content: '\e811'; }

/* '' */
.icon-left-open:before {
  content: '\e812'; }

/* '' */
.icon-right-open:before {
  content: '\e813'; }

/* '' */
.icon-check:before {
  content: '\e814'; }

/* '' */
.icon-check-empty:before {
  content: '\e815'; }

/* '' */
.icon-ticket:before {
  content: '\e816'; }

/* '' */
.icon-youtube:before {
  content: '\e817'; }

/* '' */
.icon-search:before {
  content: '\e818'; }

/* '' */
.icon-mail:before {
  content: '\e819'; }

/* '' */
.icon-menu:before {
  content: '\e81a'; }

/* '' */
.icon-tick:before {
  content: '\e81b'; }

/* '' */
.icon-link:before {
  content: '\e81c'; }

/* '' */
.icon-feather:before {
  content: '\e81d'; }

/* '' */
.icon-card:before {
  content: '\e81e'; }

/* '' */
.icon-location:before {
  content: '\e81f'; }

/* '' */
.icon-map:before {
  content: '\e820'; }

/* '' */
.icon-info:before {
  content: '\e821'; }

/* '' */
.icon-calendar:before {
  content: '\e822'; }

/* '' */
.icon-down:before {
  content: '\e823'; }

/* '' */
.icon-right:before {
  content: '\e824'; }

/* '' */
.icon-twitter:before {
  content: '\e825'; }

/* '' */
.icon-facebook:before {
  content: '\e826'; }

/* '' */
.icon-google:before {
  content: '\e827'; }

/* '' */
.icon-linkedin:before {
  content: '\e828'; }

/* '' */
.icon-clock-1:before {
  content: '\e829'; }

/* '' */
.icon-right-1:before {
  content: '\e82a'; }

/* '' */
.icon-left:before {
  content: '\e82b'; }

/* '' */
.icon-pause:before {
  content: '\e82c'; }

/* '' */
.icon-play:before {
  content: '\e82d'; }

/* '' */
.icon-mute:before {
  content: '\e82e'; }

/* '' */
.icon-mic:before {
  content: '\e82f'; }

/* '' */
.icon-wrench:before {
  content: '\e830'; }

/* '' */
.icon-quote-left:before {
  content: '\e831'; }

/* '' */
.icon-quote-right:before {
  content: '\e832'; }

/* '' */
.icon-angle-double-left:before {
  content: '\f100'; }

/* '' */
.icon-angle-double-right:before {
  content: '\f101'; }

/* '' */
.icon-angle-left:before {
  content: '\f104'; }

/* '' */
.icon-angle-right:before {
  content: '\f105'; }

/* '' */
/*.social-links{ display: flex; }
.social-links .icon{ display: flex; margin-right: 5px; }
.icon-twitter:before {
  border-radius: 50%;
	background: currentColor no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24' aria-label='X' role='img' width='12' height='12'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'%3E%3C/path%3E%3C/svg%3E");
	background-size: 10px;
	content:'';
  height: 22.39px;
  width: 22.39px;

  @media screen and (min-width: 48em) {
    background-size: 11px;
    height: 24px;
    width: 24px;
  }
} */
.editor h1 {
  font-size: 1.75rem;
  padding-bottom: 20px;
  line-height: 1.15em;
  text-transform: uppercase; }
  @media (max-width: 35em) {
    .editor h1 {
      font-size: 1.5rem; } }

.editor h1.main-article {
  border-bottom: 1px solid #515a57; }

.editor h2 {
  font-size: 1.5rem;
  font-family: "gill-sans-nova", sans-serif;
  padding-bottom: 15px;
  padding-top: 15px;
  line-height: 30px; }
  @media (max-width: 35em) {
    .editor h2 {
      padding-bottom: 5px;
      padding-top: 0px; } }

.editor h3 {
  font-size: 1.25rem;
  font-family: "gill-sans-nova", sans-serif;
  padding-bottom: 15px;
  line-height: 25px; }

.editor iframe {
  margin-top: 30px; }

.editor.events h2,
.editor.events h3,
.editor.events h4 {
  padding-bottom: 0;
  padding-top: 0;
  text-align: left; }

.editor ul,
.editor ol {
  list-style-type: disc;
  margin-bottom: 15px; }
  .editor ul li,
  .editor ol li {
    margin-bottom: 5px;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    color: #515a57;
    margin-left: 20px;
    font-size: 0.9rem;
    line-height: 1.4rem; }

.editor span {
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  line-height: 1.4rem;
  font-size: 0.9rem; }

.editor ol {
  list-style: decimal; }

.editor figure {
  text-align: center; }
  .editor figure img {
    margin-top: 20px; }

.editor a:not(.btn) {
  color: #6d7147;
  font-weight: 400;
  border-bottom: 1px solid #a0a671;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  opacity: 1;
  line-height: 1.4rem;
  font-size: 0.9rem; }
  .editor a:not(.btn) .btn {
    font-size: 1rem; }

.editor.bg-light-grey-2 a:not(.btn) {
  color: #60643e; }

.editor .btn {
  font-family: "gill-sans-nova", sans-serif;
  line-height: 1.4rem; }

.editor p {
  line-height: 1.4rem;
  font-size: 0.9rem;
  text-align: left;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; }
  .editor p.primary-font {
    font-family: "gill-sans-nova", sans-serif; }
  .editor p a {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.4rem;
    font-size: 0.9rem; }

.editor strong {
  font-weight: 700; }

.editor a:hover {
  color: #595c3a;
  border-bottom: none; }

.editor.publications h3 {
  padding-bottom: 10px;
  padding-top: 10px; }

.editor.publications p {
  font-family: "gill-sans-nova", sans-serif;
  font-size: 1rem;
  line-height: 30px; }
  .editor.publications p:first-of-type {
    margin-top: 10px; }

.editor.publications a {
  line-height: 50px; }

.editor.publications .formats__item {
  display: block;
  margin-bottom: 24px;
  padding-top: 0.75rem;
  position: relative; }
  .editor.publications .formats__item:before {
    background: #7b7b7b;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px; }
  .editor.publications .formats__item:first-of-type {
    padding-top: 0; }
    .editor.publications .formats__item:first-of-type:before {
      display: none; }
  .editor.publications .formats__item a {
    line-height: 1.2; }
  .editor.publications .formats__item a:not(.btn) {
    text-decoration: underline;
    border-bottom: none; }
    .editor.publications .formats__item a:not(.btn):hover {
      text-decoration: none; }
  .editor.publications .formats__item .download-heading {
    padding-top: 0; }

.on-img a {
  color: #fff !important;
  border-bottom: 1px solid #fff !important; }

.on-img a:hover {
  color: #fff;
  opacity: 0.8;
  border-bottom: 1px solid #fff; }
  .on-img a:hover.btn {
    color: #878d58 !important; }

.on-img.on-color a:hover {
  color: #fff;
  border-bottom: 1px solid #fff; }

.on-img ul li {
  color: #fff; }

.on-img p {
  color: #fff; }

.learning p a,
.learning ul a,
.learning li a,
.learning span a {
  color: #fff;
  border-bottom: 1px solid #fff; }

.learning p a:hover,
.learning ul a:hover,
.learning li a:hover,
.learning span a:hover {
  border-bottom: 1px solid #fff;
  color: #fff;
  opacity: 0.8; }

.learning a.btn {
  border-bottom: 1px solid #fff; }

.learning a.btn:hover {
  color: #8d935c !important; }

.learning p {
  color: #fff; }

.center-contact-block ul li {
  padding-bottom: 10px;
  font-size: 1.25rem;
  list-style: none;
  margin-left: 0; }

.center-contact-block h2 {
  padding-bottom: 0;
  font-size: 2rem; }

a.more-info-btn {
  padding: 5px 10px 5px 10px;
  background: #4b4e32;
  border-bottom: none !important;
  font-size: 0.9rem;
  text-transform: uppercase; }

.contain-article-content {
  text-align: center;
  max-width: 800px;
  width: 100%;
  margin: 30px auto; }
  @media (min-width: 64.375em) {
    .contain-article-content {
      margin: 100px auto; } }
  .contain-article-content h1 {
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: left;
    border-bottom: 1px solid #3e4543;
    padding-bottom: 20px; }
  .contain-article-content ul {
    margin-bottom: 0px; }
  .contain-article-content ul li {
    text-align: left;
    padding: 0;
    margin: 10px 0 10px 20px; }
  .contain-article-content h2,
  .contain-article-content h3,
  .contain-article-content h4 {
    margin-top: 30px;
    text-align: left !important; }

a.link {
  color: #6d7147;
  font-size: 1rem; }
  @media (max-width: 768px) {
    a.link {
      padding-top: 20px;
      display: block; } }
  a.link i {
    color: #a0a671; }

.inline-list li {
  display: inline; }

a.no-editor:hover {
  background-color: #fff;
  color: #3e4543;
  text-decoration: none;
  opacity: 1;
  border-bottom: 1px solid #fff; }

.add-height {
  margin-top: 54px; }

ul.logo-list-article {
  margin-top: 40px;
  text-align: left; }
  ul.logo-list-article li {
    list-style: none !important;
    display: inline !important;
    margin: 0; }

@media (min-width: 42.5em) {
  .push-top-article {
    margin-top: 1.5em; } }

.site-map ul li {
  list-style: disc;
  margin-bottom: 30px; }

.site-map ul.second-list {
  margin-top: 10px; }
  .site-map ul.second-list li {
    display: block;
    margin-bottom: 5px; }

a.solid-book-btn {
  background: #71764a;
  color: #fff;
  display: block;
  float: left;
  margin-top: 1.5rem;
  padding: 10px 20px 10px 20px;
  text-transform: uppercase; }
  a.solid-book-btn:hover {
    background: #868c57;
    color: #fff; }

.circle-contact a {
  color: #6d7147 !important;
  text-decoration: underline; }

.search-results a[href*='://']:after {
  display: none; }

.contain-search {
  display: inline-block;
  border-bottom: 1px solid #3e4543;
  margin-left: 12px;
  padding: 31px 0 0 0; }
  @media (min-width: 1140px) {
    .contain-search {
      margin-left: 30px; } }

.contain-search__btn {
  background: transparent; }
  .contain-search__btn:hover {
    color: #666666; }

::-webkit-input-placeholder {
  color: #999; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #999; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #999; }

:-ms-input-placeholder {
  color: #999; }

.mobile-search {
  background: #3e4543;
  color: #fff;
  margin-bottom: 20px;
  position: relative; }
  .mobile-search i {
    color: #fff; }
  .mobile-search form input {
    background-color: #fff;
    color: #3e4543;
    padding: 15px 45px 15px 15px;
    width: 100%;
    display: block; }

.mobile-search__btn {
  background: transparent;
  position: absolute;
  top: 15px;
  right: 10px; }
  .mobile-search__btn:hover {
    color: #666666; }

.contain-links {
  border-top: 1px solid #515a57;
  border-bottom: 1px solid #515a57;
  padding: 5px 0 5px 0;
  margin-top: 10px; }

.facet__heading {
  font-size: 0.9rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0;
  padding: 1rem 1rem 0.5rem 1.5rem; }

.facet__heading a {
  color: #787d7b; }
  .facet__heading a:hover {
    color: #9fa2a1; }

.facet__heading--mono a {
  color: #f7f7f7; }
  .facet__heading--mono a:hover {
    color: #d6d6d6; }

.search-results a {
  position: relative;
  display: block;
  border-bottom: 0 none !important; }

.search-results a[href*=".pdf"] {
  padding-right: 64px;
  padding-right: 4rem; }

.search-results a[href*=".pdf"]:before {
  border-left: 1px solid rgba(200, 206, 204, 0.4);
  content: '\f1c1';
  font-family: 'fontello';
  font-size: 2.1rem;
  line-height: normal;
  padding-left: 1rem;
  position: absolute;
  right: 0;
  top: 30px;
  bottom: 30px; }

.parsley-errors-list {
  position: relative; }

.editor ul.search-lister {
  list-style: none;
  margin: 0;
  padding: 0; }

.editor ul.search-lister li {
  border-top: 1px #ccc solid;
  padding: 1rem 0 0;
  margin: 0 0 0.5rem; }

.editor ul.search-lister li a h3 {
  color: #74794b; }

.form-components {
  text-align: left;
  margin-top: 4rem; }
  .form-components h2 {
    margin: 0 0 1rem;
    padding: 0; }
  .form-components label,
  .form-components .label {
    display: block;
    font-size: 1rem;
    margin-bottom: 0.5rem;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; }
    .form-components label a,
    .form-components .label a {
      color: #313131;
      font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
      font-weight: bold;
      text-decoration: underline; }
      .form-components label a:hover,
      .form-components .label a:hover {
        color: #0289A6; }
  .form-components input, .form-components textarea {
    width: 100%;
    padding: 0.5rem 0.8rem;
    border: 1px #ccc solid;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    font-size: 16px;
    line-height: 24px;
    font-family: "gill-sans-nova", sans-serif; }
    .form-components input[type="radio"], .form-components textarea[type="radio"] {
      width: auto;
      float: left;
      position: relative;
      top: 4px;
      margin-right: 8px; }
    .form-components input[type="checkbox"], .form-components textarea[type="checkbox"] {
      width: auto;
      margin-right: 8px;
      position: relative;
      display: inline-block; }
  .form-components .row {
    margin: 0 0 2rem; }
  .form-components select {
    border: 1px #ccc solid;
    -webkit-appearance: none;
    background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);
    background-repeat: no-repeat;
    background-position: center right;
    padding: 0.5rem 0.8rem;
    height: 44px;
    font-size: 16px;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    width: 100%; }
  .form-components .checkbox-container {
    display: block;
    padding: 0.6rem 0 0.6rem;
    position: relative; }
  .form-components .checkbox-container__sub-container {
    padding-bottom: 1.5rem; }
  .form-components .checkbox__label {
    display: inline-block;
    font-size: 0.9rem;
    line-height: 1;
    position: absolute;
    top: 0.9rem; }

@media (min-width: 40em) {
  .form-section {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-bottom: 1rem; }
  .form-content {
    width: 68%;
    float: right; }
  .form-title {
    width: 25%;
    float: left; }
    .form-title span {
      display: block;
      font-size: 1rem; } }

.contain-article-content .validation-error,
.contain-article-content .parsley-errors-list,
.editor .validation-error,
.editor .parsley-errors-list {
  margin: 0;
  list-style: none;
  font-weight: 600;
  font-size: 1.2rem; }
  .contain-article-content .validation-error li,
  .contain-article-content .parsley-errors-list li,
  .editor .validation-error li,
  .editor .parsley-errors-list li {
    color: #a61f29;
    margin: 0 0 10px 0; }

.field-validation-error {
  color: #a61f29; }

.required-asterisk {
  color: #EB0000; }

.privacy-banner {
  --privacy-banner-depth: 0px;
  background-color: #74794b;
  bottom: 0;
  color: #fff;
  font-family: inherit;
  font-size: 1rem;
  left: 0;
  position: fixed;
  right: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 10001; }
  .privacy-banner :focus-visible {
    -webkit-box-shadow: 0px 0px 0px 4px #28ccd2;
            box-shadow: 0px 0px 0px 4px #28ccd2;
    outline: 0 none !important; }
  .privacy-banner.privacy-banner-no-outline * {
    outline: 0 none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important; }
  .on--preferences .privacy-banner {
    display: block;
    height: 100%;
    margin-top: var(--privacy-banner-depth);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
    @media (prefers-reduced-motion) {
      .on--preferences .privacy-banner {
        margin-top: 0;
        top: 0 !important; } }
  .privacy-banner:before {
    content: '';
    display: block;
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease; }
    .on--preferences .privacy-banner:before {
      background: #171717; }

.privacy-banner__grid-wrap {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 12px; }

.privacy-banner__grid-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px; }

.privacy-banner__grid-col {
  margin-left: 12px;
  margin-right: 12px; }

.privacy-banner.preferences-closed {
  -webkit-transition-duration: 50ms;
          transition-duration: 50ms; }

.privacy-banner__wrap {
  max-height: 100vh;
  overflow-y: auto;
  position: relative; }

.privacy-banner__title {
  display: inline-block;
  font-family: inherit;
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: -webkit-calc(1.5rem / 2);
  margin-bottom: calc(1.5rem / 2); }

.privacy-banner__link {
  font-size: 100%;
  line-height: 1.5;
  background-color: transparent;
  color: #fff;
  text-decoration: underline;
  -webkit-transition: color 120ms ease;
  transition: color 120ms ease;
  border: 0 none;
  cursor: pointer;
  -webkit-appearance: button; }
  .privacy-banner__link:hover, .privacy-banner__link:focus {
    color: #fff;
    opacity: 0.8;
    text-decoration: none; }

.privacy-content {
  background-color: #74794b;
  border-top: 4px solid #cccccc;
  min-height: 100%;
  padding: 1.5rem 0;
  position: relative;
  color: #fff; }
  .privacy-content h2, .privacy-content p {
    color: #fff; }

.privacy-banner__content {
  margin-right: auto; }

.privacy-banner__btn {
  font-size: 100%;
  line-height: 1.5;
  background-color: #74794b;
  border: 1px solid #fff;
  color: white;
  display: inline-block;
  margin-right: -webkit-calc(1.5rem / 2);
  margin-right: calc(1.5rem / 2);
  padding: -webkit-calc(1.5rem / 4) 12px;
  padding: calc(1.5rem / 4) 12px;
  -webkit-transition: background-color 350ms ease;
  transition: background-color 350ms ease; }
  .privacy-banner__btn:hover, .privacy-banner__btn:focus {
    background-color: #fff;
    color: #74794b; }

.privacy-banner__btn--secondary {
  background-color: #74794b;
  border: 1px solid #fff;
  color: #fff;
  display: inline-block;
  margin-right: -webkit-calc(1.5rem / 2);
  margin-right: calc(1.5rem / 2);
  padding: -webkit-calc(1.5rem / 4) 12px;
  padding: calc(1.5rem / 4) 12px;
  -webkit-transition: background-color 350ms ease;
  transition: background-color 350ms ease; }
  .privacy-banner__btn--secondary:hover, .privacy-banner__btn--secondary:focus {
    background-color: #fff;
    color: #74794b; }

.privacy-banner__summary {
  margin-bottom: -webkit-calc(1.5rem / 2);
  margin-bottom: calc(1.5rem / 2);
  max-width: 45rem;
  padding-right: 5px; }

@media (max-width: 480px) {
  .privacy-banner__actions .privacy-banner__btn {
    margin-bottom: -webkit-calc(1.5rem / 2);
    margin-bottom: calc(1.5rem / 2); } }

.privacy-banner__mbl-close--wrapper {
  position: absolute;
  top: 0;
  right: 0; }
  @media (max-width: 480px) {
    .privacy-banner__mbl-close--wrapper {
      margin-top: -webkit-calc(1.5rem * -1.5);
      margin-top: calc(1.5rem * -1.5); } }

.privacy-banner__mbl-close--btn {
  background-color: #74794b;
  border: 2px solid #fff;
  color: #fff;
  display: none;
  font-size: 1.2rem;
  -webkit-transition: background-color 350ms ease;
  transition: background-color 350ms ease; }
  .privacy-banner__mbl-close--btn:hover {
    background-color: white;
    color: #74794b; }
  .privacy-banner__mbl-close--btn::after {
    content: '\2190';
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 7px 3px;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out; }
  .privacy-banner__mbl-close--btn:hover::after {
    padding: 0 8px 3px 6px; }
  .on--preferences .privacy-banner__mbl-close--btn {
    display: block; }

.privacy-banner__actions,
.privacy-banner__summary {
  display: block; }
  .on--preferences .privacy-banner__actions, .on--preferences
  .privacy-banner__summary {
    display: none; }

.privacy-banner__panel {
  display: none; }
  .on--preferences .privacy-banner__panel {
    display: block; }

.privacy-banner__form-container {
  background-color: transparent;
  bottom: initial;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-top: 1.5rem;
  padding-top: 0;
  position: relative;
  z-index: 0; }
  .privacy-banner__form-container::before {
    content: none; }

.privacy-banner__col {
  width: -webkit-calc(((99.999% / 12) * 12) - 24px);
  width: calc(((99.999% / 12) * 12) - 24px);
  position: relative; }
  .privacy-banner__col:after {
    content: '';
    background-color: #cccccc;
    width: 100%;
    height: 1px;
    bottom: -webkit-calc(1.5rem / 2);
    bottom: calc(1.5rem / 2);
    top: auto;
    left: 0;
    position: absolute; }

.privacy-banner__btn-wrapper {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.privacy-banner__btn-wrapper--stacked {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: -webkit-calc(1.5rem / 2);
  row-gap: calc(1.5rem / 2);
  width: 100% !important;
  max-width: 320px; }

.privacy-banner__set {
  width: -webkit-calc(((99.999% / 12) * 12) - 24px);
  width: calc(((99.999% / 12) * 12) - 24px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }

.privacy-banner__set--upper {
  margin-bottom: -webkit-calc(1.5rem * 2);
  margin-bottom: calc(1.5rem * 2); }

.privacy-banner__form-container--page .privacy-banner__set-accept {
  display: none; }

.privacy-banner__inner {
  position: relative;
  width: -webkit-calc(((99.999% / 12) * 12) - 24px);
  width: calc(((99.999% / 12) * 12) - 24px); }
  @media (min-width: 1024px) {
    .privacy-banner__inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
  @media (max-width: 480px) {
    .privacy-banner__inner {
      margin-top: -webkit-calc(1.5rem * 1.5);
      margin-top: calc(1.5rem * 1.5); } }

.privacy-banner__form-title {
  font-family: "gill-sans-nova", sans-serif;
  font-size: 1.2rem;
  display: block;
  font-weight: 600;
  margin-bottom: -webkit-calc(1.5rem / 4);
  margin-bottom: calc(1.5rem / 4); }

.privacy-banner__fieldset {
  border: 0;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #cccccc; }
  .privacy-banner__fieldset:last-of-type {
    border-bottom: 0 none; }

.privacy-banner__legend {
  border: 0;
  padding: 0;
  white-space: normal; }

.privacy-banner__legend-title {
  display: block;
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: -webkit-calc(1.5rem / 2);
  margin-bottom: calc(1.5rem / 2); }

.privacy-banner__label {
  line-height: 1.2;
  display: block;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  display: inline-block;
  padding-left: -webkit-calc(1.5rem * 1.5);
  padding-left: calc(1.5rem * 1.5);
  padding-top: .1875rem;
  position: relative; }

.privacy-banner__row {
  margin-bottom: -webkit-calc(1.5rem / 2);
  margin-bottom: calc(1.5rem / 2); }

.privacy-banner__field {
  position: absolute;
  width: -webkit-calc(1.5rem / 2);
  width: calc(1.5rem / 2);
  opacity: 0; }

.privacy-banner__btn-text--row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }

.privacy-banner__btn-text {
  background-color: transparent;
  text-decoration: underline;
  color: currentColor;
  margin: 0 5px 0 0;
  padding: 0; }
  .privacy-banner__btn-text:hover {
    text-decoration: none; }

.privacy-banner__field:focus + .privacy-banner__label-text:before {
  -webkit-box-shadow: 0 0 0 4px #28ccd2;
          box-shadow: 0 0 0 4px #28ccd2; }

.privacy-banner__label-text {
  display: block;
  font-weight: 600; }
  .privacy-banner__label-text:before {
    background-color: white;
    border: 1px solid #171717;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    content: '';
    display: block;
    height: 1.5rem;
    left: 0;
    position: absolute;
    top: 0px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    width: 1.5rem; }

.privacy-banner__field:checked ~ .privacy-banner__label-text:before {
  background-color: #171717;
  border: 1px solid #171717; }

.privacy-banner__field:checked ~ .privacy-banner__label-text:after {
  -webkit-border-radius: 50%;
          border-radius: 50%;
  content: '';
  display: block;
  background-color: white;
  height: 0.5rem;
  width: 0.5rem;
  top: 0.5rem;
  left: 0.5rem;
  position: absolute; }

.privacy-banner__form-description {
  line-height: 1.2;
  display: inline-block;
  font-weight: 400;
  letter-spacing: 0.3px;
  margin-bottom: 1.5rem; }

.privacy-banner__label-description {
  font-size: 0.85rem;
  font-weight: 400;
  color: #4d4d4d;
  letter-spacing: 0.3px;
  margin-bottom: 0; }

.privacy-banner__submit {
  display: inline-block;
  margin-left: 12px; }
  .privacy-banner__submit:disabled {
    opacity: .6;
    cursor: default; }
  @media (min-width: 1200px) {
    .privacy-banner__submit {
      margin-right: 0;
      margin-bottom: -webkit-calc(1.5rem / 2);
      margin-bottom: calc(1.5rem / 2); } }

.privacy-banner__form-announcement {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0; }

.embed {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  margin: 0 0 -webkit-calc(1.5rem * 2) 0;
  margin: 0 0 calc(1.5rem * 2) 0; }
  .embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.embed__placeholder {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #4d4d4d;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .embed__placeholder p {
    margin-bottom: -webkit-calc(1.5rem / 2);
    margin-bottom: calc(1.5rem / 2); }

.embed__placeholder-btn {
  background-color: transparent;
  text-decoration: underline;
  color: currentColor; }
  .embed__placeholder-btn:hover {
    text-decoration: none; }

@media screen and (forced-colors: active) {
  .privacy-banner__field:focus + .privacy-banner__label-text:before {
    border: 4px solid transparent; }
  .privacy-banner__field:checked ~ .privacy-banner__label-text:before {
    background-color: CanvasText;
    forced-color-adjust: none; }
  .privacy-banner__submit:disabled {
    opacity: 1; }
  .privacy-banner .input-toggle__input[aria-pressed=true] .input-toggle__display,
  .privacy-banner .input-toggle__input:focus-visible + .input-toggle__display,
  .privacy-banner .input-toggle__input:focus + .input-toggle__display,
  .privacy-banner .input-toggle__input:focus-within + .input-toggle__display {
    border-color: Highlight !important;
    -webkit-transition-duration: 0s;
            transition-duration: 0s; } }

.privacy-banner__field {
  opacity: 0;
  position: absolute;
  width: 10px; }

.cookies-details__summary {
  border: 1px solid transparent;
  margin-bottom: -webkit-calc(1.5rem / 2);
  margin-bottom: calc(1.5rem / 2);
  padding-left: 4px; }
  .cookies-details__summary:focus-visible {
    border-color: #171717; }

.cookies-details__list {
  background: #fefff4;
  color: #171717;
  max-height: 230px;
  max-width: 100%;
  overflow-y: auto;
  padding: -webkit-calc(1.5rem / 2);
  padding: calc(1.5rem / 2); }

.cookies-details__list--item {
  font-size: 0.85rem;
  line-height: .75; }

.cookies-details__list--item:not(:first-of-type) {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin: -webkit-calc(1.5rem / 6) 0 0 0;
  margin: calc(1.5rem / 6) 0 0 0;
  padding-top: -webkit-calc(1.5rem / 2);
  padding-top: calc(1.5rem / 2); }

.cookies-details__list--dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.cookies-details__list--dt {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 30%;
     -moz-box-flex: 0;
      -ms-flex: 0 1 30%;
          flex: 0 1 30%;
  margin-bottom: .5em; }

.cookies-details__list--dd {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 70%;
     -moz-box-flex: 0;
      -ms-flex: 0 1 70%;
          flex: 0 1 70%;
  margin-bottom: .5em; }

.privacy-banner__pushBottom {
  margin-bottom: 1.5rem; }

#preferences .privacy-banner__form-container,
#privacy-banner__preferences.privacy-banner__form-container {
  padding-top: 0; }

.main .privacy-banner__btn--secondary {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content; }

.contain-article-content .privacy-banner__form-msg {
  margin-bottom: 0;
  margin-top: .5rem; }
  @media (min-width: 1200px) {
    .contain-article-content .privacy-banner__form-msg {
      margin-left: 0.75rem; } }

.contain-article-content .privacy-banner__form-container {
  text-align: left;
  color: #515a57; }

@media (min-width: 84em) {
  .contain-upper-blocks {
    position: absolute;
    top: -110px;
    min-width: 73em; } }

.upper-blocks {
  background: #313131;
  padding: 25px;
  min-height: 151px;
  opacity: 1; }
  .upper-blocks hr {
    background: #fff;
    width: 20px;
    margin: 8px 0 8px 0; }

@media (min-width: 60em) {
  .diploma-page .add-padding {
    padding-top: 7em !important; } }

.newsletter-signup-page button.dark-btn {
  color: #fff !important;
  background: #a0a671 !important;
  border: none; }

.newsletter-signup-page button.dark-btn:hover {
  opacity: 0.8; }

.newsletter-signup-page input[type="text"] {
  margin-top: 30px; }

.newsletter-signup-page .contain-article-content {
  margin: 50px auto; }

@media (max-width: 820px) {
  .newsletter-signup-page .form-components input[type="text"] {
    width: 65%; } }

@media (max-width: 34.5em) {
  .newsletter-signup-page .form-components input[type="text"] {
    width: 100%; } }

.middle-blocks {
  padding: 25px;
  min-height: 170px;
  background: #313131; }
  .middle-blocks hr {
    background: #fff;
    width: 20px;
    margin: 8px 0 8px 0; }
  @media (max-width: 35em) {
    .middle-blocks {
      min-height: 0;
      padding: 20px; } }

.info-panel {
  background: #313131;
  min-height: 296px; }
  .info-panel hr {
    background: #fff;
    width: 20px;
    margin: 8px 0 8px 0; }

.full-width-info-panel hr {
  background: #fff;
  width: 20px;
  margin: 8px 0 8px 0; }

.signup {
  text-align: center;
  background: #7b7b7b !important; }

.right-info-panel hr {
  background: #fff;
  width: 20px; }

.lift {
  position: absolute;
  top: -50px;
  background: #313131; }

.fix-height {
  min-height: 224px; }
  @media (max-width: 580px) {
    .fix-height {
      min-height: 100%; } }

.contain-arrow {
  float: right; }
  .contain-arrow i {
    color: #313131; }

.contain-block-content {
  position: relative; }
  .contain-block-content span, .contain-block-content i {
    color: white; }

.content-over-img {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10; }
  .content-over-img p {
    margin-bottom: 0; }

.dark-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  width: 100%;
  opacity: 0.6;
  z-index: 9; }

.block-social {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-left: 1.5rem;
  z-index: 10;
  margin-bottom: 1rem !important; }

.icon-color-dark {
  color: #313131; }

/*****************************/
/* Underline */
/*****************************/
.tabs-style-underline .tab-nav {
  background: #fff; }

.tabs-style-underline .tab-nav a {
  padding: 0.25em 0 0.5em;
  border-left: 1px solid #e7ecea;
  -webkit-transition: color 0.2s;
  transition: color 0.2s; }

.tabs-style-underline .tab-nav li:last-child a {
  border-right: 1px solid #e7ecea; }

.tabs-style-underline .tab-nav li a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: #313131;
  content: '';
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translate3d(0, 150%, 0);
  transform: translate3d(0, 150%, 0); }

.tabs-style-underline .tab-nav li.tab-current a::after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.tabs-style-underline .tab-nav a span {
  font-weight: 700; }

.tabs {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  font-weight: 300;
  font-size: 1.25em; }

/* .tab-nav */
.tabs .tab-nav {
  text-align: center; }

.tabs .tab-nav ul {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  margin: 0 auto;
  padding: 0;
  max-width: 1200px;
  list-style: none;
  -ms-box-orient: horizontal;
  -ms-box-pack: center;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.tabs .tab-nav ul li {
  position: relative;
  z-index: 1;
  display: block;
  margin: 0;
  text-align: center;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
          flex: 1; }

.tabs .tab-nav a {
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 2.5; }

.tabs .tab-nav a span {
  vertical-align: middle;
  font-size: 0.75em;
  color: #313131; }

.tabs .tab-nav li.tab-current a {
  color: #74777b; }

/* Content */
.content-wrap {
  position: relative; }

.content-wrap section {
  display: none;
  margin: 0 auto;
  padding: 1em;
  max-width: 1240px; }

.content-wrap section.content-current {
  display: block; }

/* Fallback */
.no-js .content-wrap section {
  display: block;
  padding-bottom: 2em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6); }

.no-flexbox .tab-nav ul {
  display: block; }

.no-flexbox .tab-nav ul li {
  min-width: 15%;
  display: inline-block; }

@media screen and (max-width: 58em) {
  .tabs .tab-nav a:before {
    margin-right: 0; } }

.full-width-info-panel {
  background-color: #fff !important; }
  .full-width-info-panel.grey-bck {
    background-color: #f2f2f2 !important; }

.full-width-info-panel:nth-of-type(even) {
  background-color: #3b3b3b; }

.dark-bck {
  background: #313131 !important; }

.anchor-nav {
  border-bottom: 1px solid #7b7b7b; }

.arrow-left {
  width: 0;
  height: 0;
  border-bottom: 20px solid transparent;
  /* left arrow slant */
  border-top: 20px solid transparent;
  /* right arrow slant */
  border-right: 20px solid #fff;
  /* bottom, add background color here */
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: -20px;
  bottom: 0;
  top: 6.3%; }
  .arrow-left.small-block {
    left: 47%;
    top: 13%; }
  @media (max-width: 65em) {
    .arrow-left {
      display: none; } }
  @media (max-width: 68em) {
    .arrow-left {
      width: 0;
      height: 0;
      border-left: 20px solid transparent;
      /* left arrow slant */
      border-right: 20px solid transparent;
      /* right arrow slant */
      border-bottom: 20px solid #fff;
      /* bottom, add background color here */
      font-size: 0;
      line-height: 0;
      left: 45%;
      bottom: 0;
      top: -40px;
      right: 0; }
      .arrow-left.small-block {
        left: 6%;
        top: 57%; } }
  @media (max-width: 68em) and (max-width: 65em) {
    .arrow-left {
      display: none; } }

.arrow-up {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  /* left arrow slant */
  border-right: 20px solid transparent;
  /* right arrow slant */
  border-bottom: 20px solid #fff;
  /* bottom, add background color here */
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 3.6%;
  right: 50%;
  bottom: 0;
  top: -11%; }
  .arrow-up.tripple-block {
    top: 93%; }
  @media (max-width: 65em) {
    .arrow-up {
      display: none; } }

.one-item {
  position: relative; }

.text-button i {
  padding-left: 6px; }

.wrap-blocks {
  background: #fff; }

@media (max-width: 65em) {
  ul.right-widget-list li {
    display: inline-block;
    width: 26%;
    float: left;
    margin-right: 45px; } }

@media (max-width: 50em) {
  ul.right-widget-list li {
    display: inline-block;
    width: 100%;
    float: left;
    margin-right: 45px; } }

.block-height {
  min-height: 175px; }

.ad-height {
  min-height: 175px; }

.height-small-blocks {
  min-height: 224px; }

.item-one img {
  display: block; }

.contain-one-img {
  display: table-cell;
  vertical-align: top;
  min-width: 200px; }

.contain-one-content {
  display: table-cell;
  padding-right: 15px;
  padding-left: 15px; }

.add-top-margin {
  margin-top: 2.5em; }

.large-block-content {
  position: relative;
  padding: 25px;
  background: #fff;
  float: right;
  max-width: 400px;
  margin-right: 20px;
  margin-top: -150px;
  -webkit-box-shadow: 1px 1px 1px #666666;
          box-shadow: 1px 1px 1px #666666;
  z-index: 20; }
  .large-block-content.video {
    margin-right: 0;
    margin-top: -155px;
    -webkit-box-shadow: none;
            box-shadow: none;
    float: left; }
    @media (max-width: 680px) {
      .large-block-content.video {
        margin-top: 0;
        border-bottom: none;
        float: none;
        position: relative;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto; } }
  @media (max-width: 42.5em) {
    .large-block-content {
      margin-top: 0px;
      margin-right: 0;
      padding: 25px 20px 20px 20px;
      -webkit-box-shadow: none;
              box-shadow: none;
      border-bottom: 4px solid #4a4a4a;
      max-width: 100%;
      width: 100%; }
      .large-block-content p {
        margin-bottom: 0; } }

.small-block-content {
  position: relative;
  padding: 15px;
  background: #fff;
  float: right;
  min-width: 200px;
  margin-right: 20px;
  margin-left: 20px;
  margin-top: -50px;
  -webkit-box-shadow: 1px 1px 1px #666666;
          box-shadow: 1px 1px 1px #666666;
  z-index: 20; }
  .small-block-content a {
    display: block;
    font-weight: 500; }

@media (min-width: 900px) {
  ul.building-advice-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
    ul.building-advice-list img {
      width: 100%;
      min-height: 450px; } }

ul.building-advice-list li {
  position: relative;
  display: inline-block;
  width: 22.5833333333%; }

ul.building-advice-list li a:hover {
  opacity: 1; }

ul.building-advice-list li a .first-block-content .col-btn {
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in; }

ul.building-advice-list li a:hover .first-block-content .col-btn {
  background-color: white;
  color: black; }

ul.building-advice-list img {
  width: 100%; }

ul.building-advice-list li:first-child img {
  max-height: 450px; }

ul.building-advice-list li:first-child {
  margin-left: 0;
  width: 32.25%; }

@media (max-width: 900px) {
  ul.building-advice-list li {
    width: 100%;
    margin-left: 0;
    display: block; }
  ul.building-advice-list img {
    max-height: 300px; }
  ul.building-advice-list li:first-child {
    width: 100%;
    margin-left: 0;
    max-width: 100%; }
    ul.building-advice-list li:first-child img {
      max-height: 350px; } }

.first-block-content {
  position: absolute;
  top: 0;
  left: 0;
  padding: 40px 25px;
  z-index: 10;
  min-height: 200px;
  color: #fff; }
  .first-block-content i {
    color: #fff; }
  .first-block-content h2 {
    color: #fff; }
    @media (max-width: 800px) {
      .first-block-content h2 {
        margin-top: 0; } }
  .first-block-content h3 {
    color: #fff;
    padding-top: 13px; }
    @media (max-width: 800px) {
      .first-block-content h3 {
        margin-top: 0; } }
  .first-block-content p {
    color: #fff; }

.add-image-border img {
  border: 6px solid #fff; }

.add-image-border--dark img {
  border: 6px solid rgba(0, 0, 0, 0.3); }

.add-publication-border img {
  border: 5px solid #3e4543;
  padding: 25px; }

.add-dark-image-border img {
  border: 6px solid #3e4543; }

.add-image-border--h2 {
  color: #656a69;
  font-weight: 500; }

.add-line {
  height: 2px;
  width: 20px;
  background: #3e4543;
  margin-bottom: 4px; }
  .add-line.white-line {
    background: #fff; }
  .add-line.add-line--digifest {
    background: #31c5f4; }
  .add-line.add-line--digidoc {
    background: #B9BA0E; }
  @media (max-width: 47.9em) {
    .add-line.mobile-dark-line {
      background: #3e4543; } }

.featured-tag {
  height: 9px;
  width: 20px;
  background: #e5c100;
  position: absolute;
  left: 0;
  top: 30px; }
  @media (max-width: 1430px) {
    .featured-tag {
      width: 8px;
      top: 16px; } }
  .featured-tag.publications {
    background: #786b97;
    width: 10px;
    top: 30px; }
  .featured-tag.projects {
    background: #97786b;
    width: 10px;
    top: 30px; }

ul.list {
  font-family: "gill-sans-nova", sans-serif; }

p.featured-text {
  font-size: 0.8rem;
  margin: 0; }

.contain-grid-content h2 {
  margin-bottom: 4px;
  margin-top: 4px; }

@media (max-width: 1430px) {
  .contain-grid-content {
    padding: 10px !important; }
    .contain-grid-content h2 {
      font-size: 1rem; } }

@media (max-width: 1040px) {
  .contain-grid-content {
    padding: 10px !important; }
    .contain-grid-content h2 {
      font-size: 1.2rem; } }

.about-image-one {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6))), url(/public/20250225232123oe_/https://www.engineshed.scot/content/images/about-img.jpg) center center no-repeat;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(/public/20250225232123oe_/https://www.engineshed.scot/content/images/about-img.jpg) center center no-repeat;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(/public/20250225232123oe_/https://www.engineshed.scot/content/images/about-img.jpg) center center no-repeat;
  background-size: cover; }
  @media (max-width: 47.9em) {
    .about-image-one {
      background: none; } }

.about-image-two {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6))), url(/public/20250225232123oe_/https://www.engineshed.scot/content/images/about-img.jpg) center center no-repeat;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(/public/20250225232123oe_/https://www.engineshed.scot/content/images/about-img.jpg) center center no-repeat;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(/public/20250225232123oe_/https://www.engineshed.scot/content/images/about-img.jpg) center center no-repeat;
  background-size: cover; }
  @media (max-width: 47.9em) {
    .about-image-two {
      background: none; } }

@media (max-width: 47.9em) {
  .learning-image-one {
    background: none; } }

@media (max-width: 47.9em) {
  .learning-image-two {
    background: none; } }

.about-size-half {
  position: relative;
  width: 50%;
  float: left;
  height: 495px;
  background: #3e4543; }
  @media (max-width: 47.9em) {
    .about-size-half {
      height: 100%; } }

.squeeze-blocks {
  padding: 0 3% 0 0; }
  .squeeze-blocks.two {
    padding: 0 0 0 3%; }
  @media (max-width: 47.9em) {
    .squeeze-blocks.two {
      padding: 0 0 0 0; } }

.img-circle {
  -webkit-border-radius: 50%;
          border-radius: 50%;
  height: 150px;
  width: 150px !important;
  border: 6px solid #8d935c;
  max-width: 150px; }

.place-img-circle__container {
  background: #767b4d;
  padding-top: 54%;
  position: relative; }

.place-img-circle {
  position: absolute;
  bottom: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }

.date-info-box {
  background: #747A4D;
  padding: 20px;
  width: 100%; }

.split-2 {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
  color: #515a57;
  font-size: 0.9rem; }
  @media (max-width: 42.5em) {
    .split-2 {
      -webkit-column-count: 1;
      /* Chrome, Safari, Opera */
      -moz-column-count: 1;
      /* Firefox */ } }

.add-border-bottom {
  border-bottom: 1px solid #767b4d; }

.add-border-bottom--light {
  border-bottom: 1px solid #8b915b; }

.push-text-down {
  padding-top: 13px; }

.center-contact-block {
  max-width: 600px;
  width: 100%; }

.gradient-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.2)), color-stop(80%, rgba(0, 0, 0, 0.8)));
  background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.8) 80%);
  background: linear-gradient(to left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.8) 80%);
  -webkit-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
  overflow: hidden; }

a.white-hover {
  color: #fff;
  border-bottom: 2px solid #fff;
  opacity: 1; }
  a.white-hover:hover {
    opacity: 0.8; }

.content-strip-teams {
  background: #fff;
  padding: 16px;
  position: absolute;
  bottom: 16px;
  width: 90%;
  margin: 0;
  left: 50%;
  margin-right: -50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
  .content-strip-teams p {
    margin-bottom: 0;
    font-size: 0.9rem; }

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .5;
  -webkit-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
  overflow: hidden; }

.gradient-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.2)), color-stop(80%, rgba(0, 0, 0, 0.8)));
  background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.8) 80%);
  background: linear-gradient(to left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.8) 80%);
  -webkit-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
  overflow: hidden; }

.thin-graphic {
  position: absolute;
  bottom: -86px;
  right: 0;
  z-index: 1; }
  .thin-graphic img {
    opacity: 0.3;
    border: none !important; }
  @media (max-width: 65em) {
    .thin-graphic {
      display: none; } }

.block-graphic {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100; }
  .block-graphic img {
    opacity: 0.1;
    min-height: 100% !important;
    max-height: 100% !important;
    width: 275px !important; }
  @media (max-width: 65em) {
    .block-graphic {
      display: none; } }

ul.article-next {
  display: block;
  text-transform: uppercase;
  font-size: 1rem;
  color: #515a57;
  margin: 0 0 16px;
  padding: 0;
  overflow: hidden;
  text-align: center; }
  ul.article-next a {
    padding-bottom: 3px;
    display: block; }
  ul.article-next li {
    list-style: none;
    margin-left: 0; }
  ul.article-next i {
    color: #a0a671; }
  ul.article-next p {
    font-size: 0.75rem;
    text-align: center; }
  ul.article-next.right {
    float: none;
    text-align: center; }
  @media (min-width: 38em) {
    ul.article-next {
      float: left;
      text-align: left; }
      ul.article-next p {
        text-align: left; }
      ul.article-next.right {
        float: right;
        text-align: right; }
        ul.article-next.right p {
          text-align: right; } }

.rwd-table {
  width: 100%;
  font-family: "gill-sans-nova", sans-serif;
  background: transparent;
  color: #fff;
  overflow: hidden; }
  .rwd-table th {
    display: none; }
  .rwd-table tr:nth-child(even) {
    background: #71764a; }
  .rwd-table tr:nth-child(odd) {
    background: #5E623E; }
  .rwd-table th {
    background: #4B4E32;
    text-transform: uppercase; }
  .rwd-table td {
    display: block;
    font-size: 1.25rem;
    overflow: hidden; }
    .rwd-table td:first-child {
      max-width: 100px; }
    .rwd-table td:before {
      content: attr(data-th) ": ";
      width: 100%;
      color: #000; }
      @media (min-width: 828px) {
        .rwd-table td:before {
          display: none; } }
    @media (max-width: 60em) {
      .rwd-table td:first-child {
        max-width: 100%; } }
  .rwd-table th, .rwd-table td {
    text-align: left;
    font-weight: 100; }
    .rwd-table th:before, .rwd-table td:before {
      color: #000; }
    @media (min-width: 480px) {
      .rwd-table th, .rwd-table td {
        display: table-cell;
        padding: 1em 0.5em 1em 2.5em; } }
    @media (max-width: 60em) {
      .rwd-table th, .rwd-table td {
        padding: 0em 0.5em 0.5em 0.9em; } }

.lighter-green-back .rwd-table a {
  color: #fff; }

@media (max-width: 60em) {
  .rwd-table.learning-article th, .rwd-table.learning-article td {
    text-align: left;
    font-weight: 100;
    display: table-cell;
    padding: 1em 0.5em 1em 0.5em; }
    .rwd-table.learning-article th:before, .rwd-table.learning-article td:before {
      color: #3e4543; } }

@media (max-width: 42.5em) {
  .rwd-table.learning-article th, .rwd-table.learning-article td {
    display: block;
    padding: 0.5em 0.5em 0em 0.5em; }
  .rwd-table.learning-article tr {
    padding: 20px 0 20px 0px;
    display: block; } }

.rwd-table.unit-center th, .rwd-table.unit-center td {
  text-align: left;
  font-weight: 100;
  display: table-cell;
  padding: 1em 0.5em 1em 0.5em; }
  .rwd-table.unit-center th:before, .rwd-table.unit-center td:before {
    color: #3e4543; }

@media (max-width: 828px) {
  .rwd-table.unit-center tr {
    padding: 30px 0 30px 0px;
    display: block; }
    .rwd-table.unit-center tr.remove-tr {
      display: none !important; } }

@media (max-width: 828px) {
  .rwd-table.unit-center td {
    padding: 6px 0 6px 0;
    display: block; } }

.rwd-table.landing-center th, .rwd-table.landing-center td {
  text-align: left;
  font-weight: 100;
  display: table-cell;
  padding: 1em 0.5em 1em 1em; }
  .rwd-table.landing-center th:before, .rwd-table.landing-center td:before {
    color: #fff; }

@media (max-width: 828px) {
  .rwd-table.landing-center tr {
    padding: 20px;
    display: block; }
    .rwd-table.landing-center tr.remove-tr {
      display: none !important; } }

@media (min-width: 828px) {
  .rwd-table.landing-center td:last-child {
    float: right;
    padding-right: 4rem; } }

@media (max-width: 828px) {
  .rwd-table.landing-center td {
    padding: 6px 0 6px 0;
    display: block; }
    .rwd-table.landing-center td:last-child {
      padding: 16px 0 6px 0; } }

.rwd-table td:last-child:before {
  content: none; }

@media (max-width: 60em) {
  .learning-article td:before {
    display: none !important; } }

.learning-article tr:nth-child(even) {
  background: #636e6c; }

.learning-article tr:nth-child(odd) {
  background: #5a6462; }

.rwd-table.unit-center tr:nth-child(even) {
  border-bottom: 1px solid #dbdbdb;
  background: transparent; }

.rwd-table.unit-center tr:nth-child(odd) {
  border-bottom: 1px solid #dbdbdb;
  background: transparent; }

.rwd-table.unit-center th {
  background: #5a6462; }

.rwd-table.unit-center td {
  color: #3e4543; }

.learning-article th {
  background: #474f4e;
  padding: 1em 0.5em 1em 3em; }

@media (max-width: 42.5em) {
  .rwd-table.fees tr:first-child {
    display: none; } }

.rwd-table.fees td:first-child {
  max-width: 100%; }

.btn-left {
  padding: 10px;
  border: 1px solid #3e4543;
  float: left;
  margin-top: 20px; }

.btn-right {
  padding: 10px;
  border: 1px solid #3e4543;
  float: right;
  margin-top: 20px; }

@media (max-width: 678px) {
  .mobile-top {
    padding-top: 20px !important; } }

@media (max-width: 1040px) {
  .remove-top-mobile {
    padding-top: 0 !important; } }

.modules-details {
  padding-top: 4.5em !important; }
  @media (max-width: 60em) {
    .modules-details {
      padding-top: 2em !important; } }

.split-list ul {
  float: left; }

.split-list li {
  padding-right: 3em;
  line-height: 1.5em;
  font-size: 12px;
  font-size: 0.75rem; }

/*****************************/
/* Hover Effects */
/*****************************/
.effect-action-block:hover {
  background: #333;
  -webkit-transition: background 1s ease;
  transition: background 1s ease;
  -webkit-backface-visibility: hidden; }

.effect-action-block:hover .block-social .text-button {
  color: #fff;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
  -webkit-backface-visibility: hidden; }

.effect-action-block:hover .block-social .text-button i {
  color: #fff;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
  -webkit-backface-visibility: hidden; }

.text-button i {
  color: #131313; }

.effect-action-block hr {
  background: #333;
  height: 2px; }

.effect-action-block:hover hr {
  background: #fff;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease;
  -webkit-backface-visibility: hidden; }

.effect-action-block h2 {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0); }

.effect-action-block p {
  opacity: 0;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.35s;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
  transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
      transform-origin: 50% 0%; }
  @media (max-width: 65em) {
    .effect-action-block p {
      opacity: 1;
      -ms-transform: none;
          transform: none;
      -webkit-transform: none;
      margin-top: 20px; } }

.effect-action-block:hover h2 {
  color: #fff;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.effect-action-block:hover p {
  color: #fff;
  opacity: 1;
  -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0);
  transform: perspective(1000px) rotate3d(1, 0, 0, 0); }

/*---------------*/
/***** Bubba *****/
/*---------------*/
.effect-block-images {
  background: none; }

.effect-block-images hr {
  background: #dddddd;
  height: 1px; }

.effect-block-images figcaption::before,
.effect-block-images figcaption::after {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }

.effect-block-images figcaption::before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
      transform: scale(0, 1); }

.effect-block-images figcaption::after {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
      transform: scale(1, 0); }

.effect-block-images h2 {
  padding-top: 1%; }

.effect-block-images:hover figcaption::before,
.effect-block-images:hover figcaption::after {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
      transform: scale(1); }

/* -------------------------------- 

Main components 

-------------------------------- */
#google-container {
  position: relative;
  width: 100%;
  height: 300px;
  background-color: #313131; }
  @media only screen and (min-width: 768px) {
    #google-container {
      height: 350px; } }
  @media only screen and (min-width: 1170px) {
    #google-container {
      height: 400px; } }

#cd-google-map {
  position: relative; }
  #cd-google-map address {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 1em 1em;
    background-color: rgba(49, 49, 49, 0.9);
    color: #313131;
    font-size: 13px;
    font-size: 0.8125rem; }
    @media only screen and (min-width: 768px) {
      #cd-google-map address {
        font-size: 15px;
        font-size: 0.9375rem;
        text-align: center; } }

#cd-zoom-in, #cd-zoom-out {
  height: 32px;
  width: 32px;
  cursor: pointer;
  margin-left: 10px;
  background-color: rgba(49, 49, 49, 0.9);
  background-repeat: no-repeat;
  background-size: 32px 64px;
  background-image: url("/public/20250225232123oe_/https://www.engineshed.scot/content/images/cd-icon-controller.svg"); }
  .no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover {
    background-color: #313131; }
  @media only screen and (min-width: 768px) {
    #cd-zoom-in, #cd-zoom-out {
      margin-left: 50px; } }

#cd-zoom-in {
  background-position: 50% 0;
  margin-top: 10px;
  margin-bottom: 1px; }
  @media only screen and (min-width: 768px) {
    #cd-zoom-in {
      margin-top: 50px; } }

#cd-zoom-out {
  background-position: 50% -32px; }

.map-info-blocks {
  margin-bottom: 40px; }
  @media (min-width: 65em) {
    .map-info-blocks {
      position: absolute;
      max-width: 72em;
      bottom: 30px;
      margin-bottom: 0px; } }

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* -------------------------------- 

Basic Style - Breadcrumbs

-------------------------------- */
.cd-breadcrumb, .cd-multi-steps {
  width: 100%;
  background: transparent;
  *zoom: 1; }
  .cd-breadcrumb:before, .cd-breadcrumb:after, .cd-multi-steps:before, .cd-multi-steps:after {
    content: "";
    display: table; }
  .cd-breadcrumb:after, .cd-multi-steps:after {
    clear: both; }
  .cd-breadcrumb li, .cd-multi-steps li {
    display: inline-block;
    float: left; }
    .cd-breadcrumb li::after, .cd-multi-steps li::after {
      /* this is the separator between items */
      display: inline-block;
      content: '\00bb';
      margin: 0em;
      color: #7b7b7b; }
    .cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
      /* hide separator after the last item */
      display: none; }
  .cd-breadcrumb li > *, .cd-multi-steps li > * {
    /* single step */
    display: inline-block;
    font-size: 1rem;
    color: #adadad; }
  .cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
    /* selected step */
    color: #adadad; }
  .no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
    /* steps already visited */
    color: #adadad; }
  .cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
    /* replace the default arrow separator with a custom icon */
    content: '';
    height: 16px;
    width: 16px;
    background: url(/public/20250225232123oe_/https://www.engineshed.scot/content/img/cd-custom-separator.svg) no-repeat center center;
    vertical-align: middle; }
  @media only screen and (min-width: 768px) {
    .cd-breadcrumb, .cd-multi-steps {
      padding: 0em; }
      .cd-breadcrumb li, .cd-multi-steps li {
        margin: 0; }
        .cd-breadcrumb li::after, .cd-multi-steps li::after {
          margin: 0 1em; }
      .cd-breadcrumb li > *, .cd-multi-steps li > * {
        font-size: 1rem; } }

/* -------------------------------- 

Basic Style

-------------------------------- */
.cd-breadcrumb, .cd-multi-steps {
  width: 100%;
  *zoom: 1; }
  .cd-breadcrumb:before, .cd-breadcrumb:after, .cd-multi-steps:before, .cd-multi-steps:after {
    content: "";
    display: table; }
  .cd-breadcrumb:after, .cd-multi-steps:after {
    clear: both; }
  .cd-breadcrumb li, .cd-multi-steps li {
    display: inline-block;
    float: left;
    margin: 0.5em 0; }
    .cd-breadcrumb li::after, .cd-multi-steps li::after {
      /* this is the separator between items */
      display: inline-block;
      content: '\00bb';
      margin: 0 .6em;
      color: #7b7b7b; }
    .cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
      /* hide separator after the last item */
      display: none; }
  .cd-breadcrumb li > *, .cd-multi-steps li > * {
    /* single step */
    display: inline-block;
    font-size: 1rem;
    color: #7b7b7b; }
  .cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
    /* selected step */
    color: #adadad; }
  .no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
    /* steps already visited */
    color: #7b7b7b; }
  .cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
    /* replace the default arrow separator with a custom icon */
    content: '';
    height: 16px;
    width: 16px;
    background: url(/public/20250225232123oe_/https://www.engineshed.scot/content/img/cd-custom-separator.svg) no-repeat center center;
    vertical-align: middle; }
  @media only screen and (min-width: 768px) {
    .cd-breadcrumb, .cd-multi-steps {
      padding: 0em; }
      .cd-breadcrumb li, .cd-multi-steps li {
        margin-bottom: 10px; }
        .cd-breadcrumb li::after, .cd-multi-steps li::after {
          margin: 0 1em; }
      .cd-breadcrumb li > *, .cd-multi-steps li > * {
        font-size: 1rem; } }

.view-tabs {
  display: block;
  padding: 0.5rem 0 1.5rem;
  position: relative;
  text-align: center;
  width: 100%; }

.view-tabs__list {
  display: block;
  position: relative; }

.view-tabs__item {
  display: inline-block;
  margin: 1.5rem 3rem 1.5rem 0;
  position: relative; }
  @media (min-width: 1040px) {
    .view-tabs__item {
      margin: 1.5rem; } }

.view-tabs__link {
  padding-bottom: 10px;
  position: relative; }
  .view-tabs__link.active {
    border-bottom: 2px solid #31c5f4;
    font-weight: 600; }

.view-tabs--digifest {
  background: #222222;
  color: #d9d9d9; }
  .view-tabs--digifest .view-tabs__link {
    color: #d9d9d9; }
    .view-tabs--digifest .view-tabs__link.active {
      border-bottom: 2px solid #31c5f4;
      color: #ffffff; }

.view-tabs--digidoc {
  background: #1E1E1E;
  color: #d9d9d9; }
  .view-tabs--digidoc .view-tabs__link {
    color: #d9d9d9; }
    .view-tabs--digidoc .view-tabs__link.active {
      border-bottom: 2px solid #B9BA0E;
      color: #ffffff; }

/*
*   Owl Carousel Owl Demo Theme 
* v1.3.3
*/
.owl-theme .owl-controls {
  text-align: center; }

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */ }

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background: #869791; }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1; }

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  border-radius: 30px; }

/* preloading images */
.owl-item.loading {
  min-height: 150px;
  background: url(AjaxLoader.gif) no-repeat center center; }

/* 
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

/* 
 *  Core Owl Carousel CSS File
 *  v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

.owl-carousel .owl-item {
  visibility: hidden; }
  .owl-carousel .owl-item.active {
    visibility: visible; }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer; }

.owl-controls {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* mouse grab icon */
.grabbing {
  cursor: url(grabbing.png) 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/* 
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-touch-action: pan-Y; }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel .owl-refresh .owl-item {
  display: none; }

.owl-carousel .owl-item {
  background: #fff;
  border-bottom: 5px solid #767b4d;
  padding-bottom: 80px;
  position: relative;
  min-height: 1px;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-item .contain-event-content__event-type {
  margin-top: -37px !important; }

.owl-item .contain-event-content h2 {
  margin-top: 0;
  min-height: 68px;
  padding-top: 0; }

.owl-carousel .owl-item img {
  display: block;
  -webkit-transform-style: preserve-3d; }

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto; }

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: -moz-grab;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/* 
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

/* 
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("/public/20250225232123oe_/https://www.engineshed.scot/content/css/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  transition: scale 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1; }

/* New Nav Buttons */
.owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  display: none; }
  @media (min-width: 1040px) {
    .owl-theme .owl-nav {
      display: block;
      position: absolute;
      width: 100%;
      z-index: 1; } }

.owl-theme .owl-nav .owl-next {
  color: #3e4543;
  zoom: 1;
  font-size: 300%;
  position: relative;
  text-align: center;
  top: 20pt;
  float: right;
  width: 44px;
  height: 44px;
  visibility: hidden;
  background-color: transparent; }
  .owl-theme .owl-nav .owl-next:hover {
    opacity: 1; }
  @media (min-width: 1040px) {
    .owl-theme .owl-nav .owl-next {
      visibility: visible;
      right: -44px;
      top: 170pt; } }
  .owl-theme .owl-nav .owl-next:before {
    content: "";
    display: inline-block;
    width: 0.4em;
    height: 0.4em;
    border-right: 0.15em solid #fff;
    border-top: 0.15em solid #fff;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 0.4em;
    height: 0.4em;
    position: relative;
    top: -15px;
    opacity: 0.8; }
  .owl-theme .owl-nav .owl-next:hover:before {
    opacity: 1; }
  .owl-theme .owl-nav .owl-next.disabled:before, .owl-theme .owl-nav .owl-next.disabled:hover:before {
    opacity: 0.5; }
  .owl-theme .owl-nav .owl-next:focus {
    outline: 4px solid black; }

.owl-theme .owl-nav .owl-prev {
  color: #3e4543;
  zoom: 1;
  font-size: 300%;
  position: relative;
  top: 20pt;
  float: left;
  width: 44px;
  height: 44px;
  visibility: hidden;
  background-color: transparent; }
  @media (min-width: 1040px) {
    .owl-theme .owl-nav .owl-prev {
      visibility: visible;
      left: -44px;
      top: 170pt; } }
  .owl-theme .owl-nav .owl-prev:before {
    content: "";
    display: inline-block;
    border-left: 0.15em solid #fff;
    border-bottom: 0.15em solid #fff;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 0.4em;
    height: 0.4em;
    position: relative;
    top: -15px;
    opacity: 0.8; }
  .owl-theme .owl-nav .owl-prev:hover:before {
    opacity: 1; }
  .owl-theme .owl-nav .owl-prev.disabled:before, .owl-theme .owl-nav .owl-prev.disabled:hover:before {
    opacity: 0.5; }
  .owl-theme .owl-nav .owl-prev:focus {
    outline: 4px solid black; }

.owl-theme .owl-nav:hover {
  color: #767b4d;
  text-decoration: none; }

.owl-theme .owl-nav .disabled {
  cursor: default; }

.owl-theme .owl-dots {
  padding: 15px 0;
  text-align: center; }

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  background-color: transparent;
  zoom: 1;
  *display: inline; }

.owl-theme .owl-dots .owl-dot span {
  width: 13px;
  height: 13px;
  margin: 0 7px;
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.3);
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  -webkit-border-radius: 35px;
  border-radius: 35px; }

.owl-theme .owl-dots .owl-dot.active span {
  background: rgba(255, 255, 255, 0.8);
  border: 2px solid rgba(255, 255, 255, 0.5); }

.owl-theme .owl-dots .owl-dot:hover span {
  border: 2px solid rgba(255, 255, 255, 0.5); }

.owl--dark-controls .owl-theme .owl-nav .owl-prev:before {
  border-left: 0.15em solid #313131;
  border-bottom: 0.15em solid #313131; }

.owl--dark-controls .owl-theme .owl-nav .owl-next:before {
  border-right: 0.15em solid #313131;
  border-top: 0.15em solid #313131; }

.owl--dark-controls .owl-theme .owl-dots .owl-dot span {
  border: 2px solid #3e4543; }

.owl--dark-controls .owl-theme .owl-dots .owl-dot.active span, .owl--dark-controls .owl-theme .owl-dots .owl-dot span:hover {
  background: #3e4543; }

.carousel-cta {
  text-align: left; }
  @media (min-width: 48em) {
    .carousel-cta {
      text-align: right; } }

.images-container {
  display: block;
  position: relative; }

.owl-carousel--images .owl-item {
  border-bottom: 0;
  padding-bottom: 0; }

.owl-carousel--images .owl-controls .owl-nav .owl-prev {
  border-bottom: 0.15em solid #4a4a4a;
  border-left: 0.15em solid #4a4a4a; }

.owl-carousel--images .owl-controls .owl-nav .owl-next {
  border-right: 0.15em solid #4a4a4a;
  border-top: 0.15em solid #4a4a4a; }

.owl-carousel--images .owl-controls .owl-dots .owl-dot span {
  border: 2px solid #adadad; }

.owl-carousel--images .owl-controls .owl-dots .owl-dot.active span {
  background: #767b4d;
  border: 2px solid #767b4d; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background-color: rgba(0, 0, 0, 0.05); }

.video i {
  cursor: pointer; }

.video-container iframe,
.video-container object,
.video-container embed,
.video-container picture,
.video-container img {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%; }

.video-container picture,
.video-container img {
  z-index: 1; }

.video-container.loaded iframe,
.video-container.loaded object,
.video-container.loaded embed {
  z-index: 2; }

.video-no-cookies__message {
  padding: 1em;
  text-align: center !important; }
  .video-no-cookies__message a {
    border-bottom: 1px solid currentColor; }
    .video-no-cookies__message a:hover {
      border-bottom: 0 none; }

@media (max-width: 1280px) {
  .video-section .remove-padding {
    padding: 0 !important; }
  .video-section .wrap, .video-section .col {
    width: 100%;
    max-width: 100%; } }

@media (max-width: 1280px) {
  .video-section .remove-margin {
    margin: 0 !important; } }

.event-block {
  background: #fff;
  border-bottom: 5px solid #767b4d;
  display: inline-block;
  position: relative; }
  .event-block.modules {
    background: #fff;
    border-bottom: none; }
  .event-block.no-border {
    border-bottom: none; }
  .event-block p {
    color: inherit; }
  .event-block img {
    width: 100%; }
  .event-block.publication {
    -webkit-transition: all .5s ease;
    transition: all .5s ease; }
  .event-block.publication:hover {
    opacity: 0.8; }
  .event-block.fully-booked .fully-booked__indicator {
    display: inline-block; }
  .event-block.event-block--event {
    padding-bottom: 80px; }

.event-block__location {
  position: relative;
  display: block;
  font-size: 0.9rem;
  padding-top: 20px;
  padding-bottom: 8px; }

.event-block__details {
  bottom: 10px;
  display: block;
  left: 1.2rem;
  pointer-events: none;
  position: absolute;
  right: 1.2rem;
  vertical-align: baseline; }
  .event-block__details p {
    display: inline-block;
    font-size: 0.9rem;
    margin-right: 15px; }

.event-block__details-sub {
  border-top: 1px solid #dddddd;
  display: block;
  padding-top: 5px; }

.event-block__location {
  padding-top: 20px; }

.event-block--module {
  border-bottom: 5px solid #767b4d; }
  .event-block--module .contain-event-content {
    padding-bottom: 3rem; }
    .event-block--module .contain-event-content hr {
      background: #dddddd;
      margin: 0 0 3px; }
  .event-block--module a {
    color: #74794b;
    margin: 0;
    font-size: 0.75rem;
    opacity: 1;
    text-transform: uppercase; }
    .event-block--module a h2 {
      min-height: 65px;
      text-transform: none; }
      @media (min-width: 1040px) {
        .event-block--module a h2 {
          min-height: 90px; } }
      @media (min-width: 90.075em) {
        .event-block--module a h2 {
          min-height: 65px; } }
  .event-block--module a:hover {
    opacity: 0.9; }

.event-block__bottom-link {
  bottom: 0.7rem;
  position: absolute; }

.event-block__link:hover {
  color: inherit !important; }

.event-block__link:hover::after {
  opacity: .2; }

.event-block__link::after {
  background-color: #fff;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1; }

.event-block__link.event-block__link--shrt::after {
  bottom: 1.5rem; }

.book-mod-btn {
  color: #fff;
  width: 100%;
  text-align: center;
  position: relative;
  bottom: 0px;
  display: block; }
  .book-mod-btn a {
    background: #767b4d;
    color: #fff !important;
    display: inline-block;
    width: 100%;
    font-size: 1rem !important;
    padding: 10px 0 10px 0; }

.contain-event-content {
  padding: 1.2rem; }
  .contain-event-content .contain-event-content__event-type {
    display: block;
    position: absolute;
    margin-top: -1.2rem; }
    .contain-event-content .contain-event-content__event-type span {
      background: #676b43;
      color: white;
      display: inline-block;
      font-size: 0.8rem;
      line-height: 1;
      padding: 2px 6px 3px;
      vertical-align: top; }
  .contain-event-content .contain-event-content__sub-event-date {
    bottom: 1rem;
    font-size: 0.9rem;
    line-height: 1.2;
    position: absolute; }
  .contain-event-content h2 {
    font-size: 1.35rem;
    line-height: 1.2;
    padding-bottom: 15px;
    margin-top: 6px;
    color: #3e4543; }
  .contain-event-content h2.contain-event-title + p.contain-event-subtitle {
    margin-top: -15px;
    font-size: 18px;
    margin-bottom: 15px; }
  .contain-event-content p {
    margin-bottom: 0; }
    .contain-event-content p.secondary-font {
      padding: 10px 0 5px; }
  .contain-event-content hr {
    background: #dddddd; }
  .contain-event-content a.no-style {
    background: none;
    padding: 0;
    margin: 0; }
  .contain-event-content .contain-event-content__date {
    font-size: 0.9rem;
    line-height: 1.2; }

.contain-more-btn {
  background: #888888;
  padding: 10px 20px 10px; }
  .contain-more-btn span, .contain-more-btn i {
    color: #313131; }
  .contain-more-btn i {
    float: right; }

.contain-top-content {
  position: relative; }
  .contain-top-content.publications {
    text-align: center;
    padding: 25px;
    border-bottom: 1px solid #f2f2f2; }

.contain-event-type {
  background: #3e4543;
  padding: 4px 10px;
  top: 0;
  right: 0;
  position: absolute; }
  .contain-event-type span {
    color: #fff;
    font-size: 0.9rem; }

.contain-events-nav {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: block; }
  .contain-events-nav a {
    background: #fff;
    color: #3e4543;
    padding: 10px 15px 10px 15px;
    line-height: 0; }
  .contain-events-nav a:hover {
    opacity: 0.8; }

.border-bottom {
  border-bottom: 2px solid #fff; }

ul.events-list li {
  font-size: 1.1rem;
  padding-bottom: 8px; }

ul.events-list i {
  color: #fff; }

ul.events-list a {
  color: #fff;
  text-decoration: underline; }
  ul.events-list a:hover {
    text-decoration: none; }

.the-site {
  position: relative;
  display: block;
  padding-top: 20px; }

.view-pub-btn {
  text-align: center;
  padding: 30px 0;
  font-size: 1rem;
  text-transform: uppercase;
  color: #fff; }
  .view-pub-btn a {
    padding: 10px 15px 10px 15px;
    background: #3e4543;
    color: #fff; }

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

p.results {
  float: right;
  color: #fff; }

.events-btn {
  margin-bottom: 10px; }
  .events-btn a {
    color: #747A4D;
    background: #fff;
    text-decoration: none;
    padding: 10px 20px 10px 20px;
    display: inline-block;
    opacity: 1; }
  .events-btn i {
    color: #fff; }
  .events-btn a:hover {
    background: #fff;
    color: #747A4D;
    opacity: 0.8; }

.fully-booked__indicator {
  background: #ffffff;
  color: #a61f29;
  font-size: 0.9rem;
  left: 0;
  padding: 4px 10px;
  position: absolute;
  top: 0; }

.fully-booked__hero-container {
  position: absolute;
  top: 0;
  z-index: +10; }
  @media (min-width: 48em) {
    .fully-booked__hero-container {
      position: relative;
      top: auto; } }

.fully-booked__indicator--hero {
  display: inline-block;
  font-size: 1rem;
  position: relative;
  top: -25px;
  left: -25px; }
  @media (min-width: 30em) {
    .fully-booked__indicator--hero {
      margin-left: 0;
      margin-bottom: 5px; } }

.tickets-available-soon__indicator {
  background: #ffffff;
  color: #5c6a18;
  font-size: 0.9rem;
  left: 0;
  padding: 4px 10px;
  position: absolute;
  top: 0; }

.tickets-available-soon__hero-container {
  position: absolute;
  top: 0;
  z-index: +10; }
  @media (min-width: 48em) {
    .tickets-available-soon__hero-container {
      position: relative;
      top: auto; } }

.tickets-available-soon__indicator--hero {
  display: inline-block;
  font-size: 1rem;
  position: relative;
  top: -25px;
  left: -25px; }
  @media (min-width: 30em) {
    .tickets-available-soon__indicator--hero {
      margin-left: 0;
      margin-bottom: 5px; } }

.event-price-description,
.event-price-description p {
  color: white;
  margin-bottom: 0; }
  .event-price-description a,
  .event-price-description p a {
    text-decoration: underline;
    color: #fff; }
    .event-price-description a:hover,
    .event-price-description p a:hover {
      text-decoration: none; }

.topic {
  background: #585c39;
  bottom: 0;
  color: white;
  display: inline-block;
  font-size: 0.8rem;
  line-height: 1;
  margin-bottom: 0;
  padding: 2px 6px 3px;
  position: absolute; }

.contain-more-btn {
  background: #888888;
  padding: 10px 20px 10px; }
  .contain-more-btn span, .contain-more-btn i {
    color: #313131; }
  .contain-more-btn i {
    float: right; }

.whats-on-carousel {
  position: absolute;
  top: -360px;
  max-width: 59rem; }
  @media (min-width: 1170px) {
    .whats-on-carousel {
      top: -410px;
      max-width: 71rem; } }

.contain-space {
  background: #fff;
  height: 175px; }
  .contain-space.events {
    height: 75px; }
  @media (min-width: 1170px) {
    .contain-space {
      height: 175px;
      background: #fff; }
      .contain-space.events {
        height: 75px; } }

.contain-the-car {
  background: #fff;
  padding: 15px; }

.contain-image-content {
  padding: 0 50% 0 50%; }

.move-title {
  position: absolute;
  top: -50px;
  margin-left: 30px; }

/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-header {
  position: relative;
  background-color: #353b39;
  padding: 1em 0 1em 0; }
  .cd-header.modules {
    background-color: #74794b; }

.cd-header h1 {
  color: #fff; }

.cd-main-content {
  position: relative;
  min-height: 100vh;
  background: #3e4543; }
  .cd-main-content.modules {
    background: #8d935c;
    min-height: 100%; }

.cd-main-content:after {
  content: "";
  display: table;
  clear: both; }

.cd-main-content.is-fixed .cd-tab-filter-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; }

.cd-main-content.is-fixed .cd-gallery {
  padding-top: 76px; }

.cd-main-content.is-fixed .cd-filter {
  position: fixed;
  height: 100vh;
  overflow: hidden; }

.cd-main-content.is-fixed .cd-filter form {
  height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.cd-main-content.is-fixed .cd-filter-trigger {
  position: fixed; }

@media only screen and (min-width: 768px) {
  .cd-main-content.is-fixed .cd-gallery {
    padding-top: 90px; } }

@media only screen and (min-width: 1170px) {
  .cd-main-content.is-fixed .cd-gallery {
    padding-top: 100px; } }

/* -------------------------------- 

xtab-filter 

-------------------------------- */
.cd-tab-filter-wrapper {
  background-color: #3e4543;
  -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.08);
          box-shadow: 0 1px 1px rgba(255, 255, 255, 0.08);
  z-index: 1; }

.cd-tab-filter-wrapper:after {
  content: "";
  display: table;
  clear: both; }

.cd-tab-filter {
  /* tabbed navigation style on mobile - dropdown */
  position: relative;
  padding: 20px 0 20px 0;
  margin: 0 auto;
  z-index: 1; }

.cd-tab-filter ul {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #7b7b7b; }

.cd-tab-filter li {
  display: none; }

.cd-tab-filter li:first-child {
  /* this way the placehodler is alway visible */
  display: block; }

.cd-tab-filter a {
  display: block;
  /* set same size of the .cd-tab-filter */
  height: 50px;
  width: 140px;
  color: #fff;
  line-height: 50px;
  padding-left: 14px; }

.cd-tab-filter a.selected {
  background: #3e4543;
  color: #ffffff; }

.cd-tab-filter.is-open::after {
  /* small arrow rotation */
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg); }

.cd-tab-filter.is-open ul {
  -webkit-box-shadow: inset 0 -2px 0 #3e4543, 0 2px 10px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 -2px 0 #3e4543, 0 2px 10px rgba(0, 0, 0, 0.2); }

.cd-tab-filter.is-open ul li {
  display: block; }

.cd-tab-filter.is-open .placeholder a {
  /* reduces the opacity of the placeholder on mobile when the menu is open */
  opacity: .4; }

@media only screen and (min-width: 768px) {
  .cd-tab-filter {
    /* tabbed navigation style on medium devices */
    width: auto;
    cursor: auto; }
  .cd-tab-filter::after {
    /* hide the arrow */
    display: none; }
  .cd-tab-filter ul {
    background: transparent;
    position: static;
    -webkit-box-shadow: none;
            box-shadow: none;
    float: right; }
  .cd-tab-filter li {
    display: inline-block;
    font-family: "gill-sans-nova", sans-serif; }
  .cd-tab-filter li.placeholder {
    display: none !important; }
  .cd-tab-filter a {
    display: inline-block;
    padding: 0 1em;
    width: auto;
    color: #fff;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 1rem; }
  .no-touch .cd-tab-filter a:hover {
    color: #3e4543; }
  .cd-tab-filter a.selected {
    background: transparent;
    color: #fff;
    /* create border bottom using box-shadow property */
    -webkit-box-shadow: inset 0 -2px 0 #fff;
            box-shadow: inset 0 -2px 0 #fff; }
  .cd-tab-filter.is-open ul li {
    display: inline-block; } }

@media only screen and (min-width: 1170px) {
  .cd-tab-filter {
    /* tabbed navigation on big devices */
    width: 100%;
    float: right;
    margin: 0;
    background: #3e4543;
    -webkit-transition: width 0.3s;
    transition: width 0.3s; }
    .cd-tab-filter.modules {
      background: #8d935c; }
  .cd-tab-filter.filter-is-visible {
    /* reduce width when filter is visible */
    width: 80%; } }

/* -------------------------------- 

xgallery 

-------------------------------- */
.cd-gallery {
  width: 100%;
  margin-bottom: 20px;
  padding-top: 30px; }

.cd-gallery li {
  margin-bottom: 1.6em;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
  display: none;
  vertical-align: top; }

.cd-gallery li.gap {
  /* used in combination with text-align: justify to align gallery elements */
  opacity: 0;
  height: 0;
  display: inline-block; }

.cd-gallery img {
  display: block;
  width: 100%; }

.cd-fail-message {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 20px; }

@media only screen and (min-width: 768px) {
  .cd-gallery {
    padding-top: 30px; }
  .cd-gallery ul {
    text-align: justify; }
  .cd-gallery ul:after {
    content: "";
    display: table;
    clear: both; }
  .cd-gallery li {
    width: 48%;
    margin-bottom: 2em; } }

@media only screen and (min-width: 1170px) {
  .cd-gallery {
    padding-top: 30px;
    float: right;
    -webkit-transition: width 0.3s;
    transition: width 0.3s; }
  .cd-gallery li {
    width: 24%; }
  .cd-gallery.filter-is-visible {
    /* reduce width when filter is visible */
    width: 80%; } }

/* -------------------------------- 

xfilter 

-------------------------------- */
.cd-filter {
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
  visibility: hidden;
  height: 100%;
  overflow-y: scroll;
  padding-top: 80px;
  background: #ffffff;
  -webkit-box-shadow: 4px 4px 20px transparent;
          box-shadow: 4px 4px 20px transparent;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s;
  -webkit-transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s; }
  @media (max-width: 1169px) {
    .cd-filter {
      overflow: hidden;
      z-index: 2; } }

.cd-filter::before {
  /* top colored bar */
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  width: 100%;
  background-color: #3e4543;
  z-index: 2; }

.cd-filter form {
  padding: 70px 20px; }

.cd-filter.events form {
  padding: 0 20px; }
  .cd-filter.events form.events-search {
    padding: 20px 20px 0 20px; }

.cd-filter .cd-close {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  line-height: 50px;
  width: 60px;
  color: #ffffff;
  font-size: 1rem;
  text-align: center;
  background: #313131;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 3; }

.no-touch .cd-filter .cd-close:hover {
  background: #32255f; }

.cd-filter.filter-is-visible {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
  visibility: visible; }

.cd-filter.filter-is-visible .cd-close {
  opacity: 1; }

@media only screen and (min-width: 1170px) {
  .cd-filter {
    width: 20%; }
  .cd-filter form {
    padding: 70px 10%; } }

.cd-filter-trigger {
  /* image replacement */
  white-space: nowrap;
  background: transparent url("/public/20250225232123oe_/https://www.engineshed.scot/content/images/cd-icon-filter.svg") no-repeat center center;
  z-index: 1; }

.cd-filter-trigger.filter-is-visible {
  pointer-events: none; }

.cd-filter-trigger {
  width: auto;
  text-indent: 0;
  color: #fff;
  font-size: 1rem;
  font-weight: 100;
  padding-left: 24px;
  background-position: left center;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.no-touch .cd-filter-trigger:hover {
  color: #3e4543; }

.cd-filter-trigger.filter-is-visible, .cd-filter-trigger.filter-is-visible:hover {
  color: #ffffff; }

/* -------------------------------- 

xcustom form elements 

-------------------------------- */
.cd-filter-block {
  margin-bottom: 1.6em; }

.cd-filter-block h4 {
  /* filter block title */
  position: relative;
  margin-bottom: .2em;
  padding: 10px 0 10px 20px;
  color: #3e4543;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer; }

.no-touch .cd-filter-block h4:hover {
  color: #3e4543; }

.cd-filter-block h4::before {
  /* arrow */
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 16px;
  height: 16px;
  background: url("/public/20250225232123oe_/https://www.engineshed.scot/content/images/cd-icon-arrow.svg") no-repeat center center;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.cd-filter-block h4.closed::before {
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg); }

.cd-filter-block input, .cd-filter-block select,
.cd-filter-block .radio-label::before {
  /* shared style for input elements */
  font-family: "gill-sans-nova", sans-serif;
  -webkit-border-radius: 0;
          border-radius: 0;
  background-color: #ffffff;
  border: 2px solid #e6e6e6; }

.cd-filter-block input[type='search'],
.cd-filter-block input[type='text'],
.cd-filter-block select {
  font-family: "gill-sans-nova", sans-serif;
  width: 100%;
  padding: .5rem .4em;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
          box-shadow: none; }
  @media (min-width: 90.075em) {
    .cd-filter-block input[type='search'],
    .cd-filter-block input[type='text'],
    .cd-filter-block select {
      padding: .5rem .8em; } }

.cd-filter-block input[type='search']:focus,
.cd-filter-block input[type='text']:focus,
.cd-filter-block select:focus {
  background-color: #ffffff;
  outline: 2px solid #3e4543; }

.cd-filter-block input[type='search'] {
  /* custom style for the search element */
  border-color: transparent;
  background-color: #e6e6e6;
  /* prevent jump - ios devices */
  font-size: 1rem !important; }

.cd-filter-block input[type='search']::-webkit-search-cancel-button {
  display: none; }

.cd-filter-block .cd-select {
  /* select element wrapper */
  position: relative; }

.cd-filter-block .cd-select::after {
  /* switcher arrow for select element */
  content: '';
  position: absolute;
  z-index: 1;
  right: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 16px;
  height: 16px;
  background: url("/public/20250225232123oe_/https://www.engineshed.scot/content/images/cd-icon-arrow.svg") no-repeat center center;
  pointer-events: none; }

.cd-filter-block select {
  cursor: pointer;
  font-size: 1rem; }

.cd-filter-block select::-ms-expand {
  display: none; }

.cd-filter-block .list li {
  padding-bottom: 8px;
  position: relative;
  margin-bottom: .5rem;
  color: #3e4543;
  font-family: "gill-sans-nova", sans-serif;
  font-size: 1rem; }

.cd-filter-block .list .list__link {
  display: block; }

.cd-filter-item {
  padding-left: 24px; }

.cd-filter-remove {
  position: relative; }
  .cd-filter-remove span.lister__icon {
    position: absolute;
    left: 0; }
  .cd-filter-remove .cd-filter-remove__label {
    display: block;
    padding-top: 2px;
    line-height: 1.3;
    margin-left: 24px; }

.cd-filter-block .list i,
.cd-filter-block .icon-check,
.cd-filter-block .icon-check-empty {
  position: absolute;
  left: 0;
  top: 0; }

.cd-filter-block .icon-check-empty {
  color: #adadad; }

.cd-filter-block .list i:before {
  position: absolute;
  top: 3px;
  left: 0; }

.cd-filter-block .list li:last-of-type {
  margin-bottom: 0; }

.cd-filter-block input[type=radio],
.cd-filter-block input[type=checkbox] {
  /* hide original check and radio buttons */
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 2; }

.cd-filter-block .checkbox-label,
.cd-filter-block .radio-label {
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.cd-filter-block .checkbox-label::before, .cd-filter-block .checkbox-label::after,
.cd-filter-block .radio-label::before,
.cd-filter-block .radio-label::after {
  /* custom radio and check boxes */
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.cd-filter-block .radio-label::before {
  width: 16px;
  height: 16px;
  left: 0;
  top: .75rem; }

.cd-filter-block .checkbox-label::after,
.cd-filter-block .radio-label::after {
  /* check mark - hidden */
  display: none; }

.cd-filter-block .checkbox-label::after {
  /* check mark style for check boxes */
  width: 16px;
  height: 16px;
  background: url("/public/20250225232123oe_/https://www.engineshed.scot/content/images/cd-icon-check.svg") no-repeat center center; }

.cd-filter-block .radio-label::before,
.cd-filter-block .radio-label::after {
  -webkit-border-radius: 50%;
          border-radius: 50%; }

.cd-filter-block .radio-label::after {
  /* check mark style for radio buttons */
  width: 6px;
  height: 6px;
  background-color: #ffffff;
  left: 6px; }

.cd-filter-block input[type=radio]:checked + label::before,
.cd-filter-block input[type=checkbox]:checked + label::before {
  border-color: #3e4543;
  background-color: #3e4543; }

.cd-filter-block input[type=radio]:checked + label::after,
.cd-filter-block input[type=checkbox]:checked + label::after {
  display: block; }

@-moz-document url-prefix() {
  /* hide custom arrow on Firefox - select element */
  .cd-filter-block .cd-select::after {
    display: none; } }

.event-grid {
  margin-right: 0; }

.cd-filter-content input {
  background: #fff;
  color: #3e4543;
  font-family: "gill-sans-nova", sans-serif;
  font-size: 0.9rem;
  padding: .4rem .4rem;
  min-height: 48px;
  width: 100%;
  margin-bottom: 10px;
  font-weight: 400;
  float: left;
  cursor: pointer; }
  @media (min-width: 90.075em) {
    .cd-filter-content input {
      font-size: 1rem;
      padding: .4rem .8rem; } }
  .cd-filter-content input.js-rome--events:focus {
    outline: 2px solid #3e4543; }

.cd-filter-content select {
  background: #fff;
  color: #3e4543;
  font-family: "gill-sans-nova", sans-serif;
  padding: 14px;
  width: 100%;
  max-width: 300px;
  margin-right: 10px;
  font-weight: 400;
  float: left; }

.cd-filter-content input.search {
  width: 100%; }

.cd-filter-content button.search-btn {
  border: 2px solid #767b4d;
  float: right;
  margin-top: 1px;
  margin-right: 2px;
  padding: 0.45rem 0;
  width: 100%; }

@media (max-width: 55em) {
  .cd-filter-content input.search {
    width: 100%;
    min-width: 250px; }
  .cd-filter-content input {
    width: 100%;
    margin-bottom: 10px; } }

.cd-filter-content.list li {
  position: relative; }
  .cd-filter-content.list li .cd-filter-item {
    padding-top: 2px;
    line-height: 1.3;
    top: 0; }
    .cd-filter-content.list li .cd-filter-item .filter {
      font-size: 0.8rem; }

.cd-filter-content button {
  background: #71764a;
  color: #fff;
  font-family: "gill-sans-nova", sans-serif;
  font-size: 1.2rem;
  float: right;
  padding: .4rem 1.4rem .6rem;
  margin-right: 5px;
  font-weight: 400;
  -webkit-transition: background 0.25s ease-in;
  transition: background 0.25s ease-in; }
  .cd-filter-content button.modules {
    background: #71764a; }

.cd-filter-content button:hover {
  background: #767b4d; }

.list.second-level-facet-list {
  margin-left: 1.5rem;
  margin-bottom: 1.5rem; }
  .list.second-level-facet-list li {
    margin-bottom: .4rem; }

.cd-filter-container {
  display: none; }
  @media (min-width: 65em) {
    .cd-filter-container {
      display: block; } }

.color-2 {
  background: #adadad; }

.color-1 {
  background: #7b7b7b; }

.color-3 {
  background: #888888; }

.contain-event-content.remove {
  margin-right: 0; }

.contain-more-btn.remove {
  margin-right: 0; }

.contain-visiting-block {
  background: #fff;
  min-height: 193px; }
  .contain-visiting-block h2 {
    color: #313131; }

.block-grid-one {
  float: left;
  width: 50%; }
  @media (max-width: 500px) {
    .block-grid-one {
      width: 100%; }
      .block-grid-one img {
        display: none; } }

.block-grid-two {
  width: 50%;
  float: right;
  height: 100%; }
  @media (max-width: 500px) {
    .block-grid-two {
      width: 100%; }
      .block-grid-two img {
        display: none; } }

.content-box-inner img {
  float: left;
  padding-right: 10px; }

.single-block-one {
  float: left;
  width: 50%; }
  @media (max-width: 56em) {
    .single-block-one {
      float: none;
      width: 100%; } }

.single-block-two {
  width: 50%;
  float: right; }
  @media (max-width: 56em) {
    .single-block-two {
      float: none;
      width: 100%;
      margin-bottom: 20px; } }

.fix-height-med {
  min-height: 442px; }
  @media (max-width: 90em) {
    .fix-height-med {
      border: none;
      min-height: 100%; } }

.fix-height-small {
  min-height: 224px; }
  @media (max-width: 90em) {
    .fix-height-small {
      border: none;
      min-height: 100%; } }

.white-bck {
  background: #fff;
  position: relative; }
  .white-bck.large-article {
    padding: 3em; }
    @media (max-width: 60em) {
      .white-bck.large-article {
        padding: 1.5rem 1rem; } }
  .white-bck h2 {
    color: #3e4543; }

@media (max-width: 90em) {
  .white-bck-mobile {
    background: #fff; } }

.small-cubes {
  margin-bottom: 3em;
  -webkit-box-shadow: 1px 1px 1px #888888;
          box-shadow: 1px 1px 1px #888888; }
  @media (max-width: 500px) {
    .small-cubes {
      margin-bottom: 1em; } }

.on-coloured-back .small-cubes {
  -webkit-box-shadow: none;
          box-shadow: none; }

.on-coloured-back.large-block-content {
  -webkit-box-shadow: none;
          box-shadow: none; }

.two-img-split ul li.contain-image {
  position: relative;
  float: left;
  overflow: hidden;
  width: 16.6666667%;
  width: -webkit-calc(100% / 2);
  width: calc(100% / 2); }

.wrap-block-content {
  position: absolute;
  z-index: 999;
  top: 10%;
  left: 34.2%; }
  .wrap-block-content h2 {
    color: #fff; }
  .wrap-block-content p {
    color: #fff; }
  .wrap-block-content li {
    color: #fff;
    margin-right: 6px; }

.color-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 102%;
  background-color: #000;
  opacity: .6;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  overflow: hidden;
  -webkit-backface-visibility: hidden; }

.related-block {
  margin-top: 60px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .related-block img {
    width: 100%; }
  @media (max-width: 47.9em) {
    .related-block {
      position: relative;
      margin-top: 0;
      padding: 60px 0 60px 0;
      background: #3e4543;
      color: #fff; }
      .related-block.remove-back {
        background: transparent;
        background: #767b4d; } }

.about-text h2, .about-text p {
  color: #fff; }

.contain-related-blocks {
  padding: 1.5rem 1rem;
  background: #fff; }
  .contain-related-blocks.publications {
    border-bottom: 5px solid #786b97; }
  .contain-related-blocks.projects {
    border-bottom: 5px solid #97786b; }
  .contain-related-blocks h2 {
    padding-top: 4px;
    color: #515a57; }
  .contain-related-blocks a {
    color: #515a57; }

.related-image {
  background: url(/public/20250225232123oe_/https://www.engineshed.scot/content/images/section-image.jpg) center center no-repeat;
  background-size: cover; }
  @media (max-width: 47.9em) {
    .related-image {
      background: none; } }

.contact-image {
  background: url(/public/20250225232123oe_/https://www.engineshed.scot/content/images/jobs-img.jpg) center center no-repeat;
  background-size: cover; }
  @media (max-width: 47.9em) {
    .contact-image {
      background: none; } }

.related-size {
  position: relative;
  width: 100%;
  float: left;
  height: 600px; }
  @media (max-width: 47.9em) {
    .related-size {
      height: 100%;
      float: none; } }

.contact-size {
  height: 400px; }
  @media (max-width: 47.9em) {
    .contact-size {
      height: 100%;
      float: none; } }

.expand-rows {
  display: block;
  position: relative; }
  .expand-rows h3 {
    font-size: 1.26rem;
    line-height: 1.6rem;
    display: inline-block;
    padding-bottom: 0.4rem; }
  .expand-rows .time {
    display: block;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    position: relative; }
    .expand-rows .time:after {
      background: rgba(255, 255, 255, 0.2);
      bottom: 0;
      content: '';
      height: 1px;
      left: 0;
      position: absolute;
      width: 20px; }
  .expand-rows p {
    max-width: 650px; }

.expand-rows__row table th, .expand-rows__row table td {
  padding: 0 0.5em 0 1em;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.expand-rows__row.active .expand-rows__area {
  background: #676b44;
  display: block;
  height: auto;
  padding: 1rem 1.5rem 3rem 1rem;
  opacity: 1;
  visibility: visible; }

.expand-rows__row.active .expand-rows__trigger {
  background: #676b44; }

.expand-rows__row.active .expand-rows__trigger:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

.expand-rows__row.active .day-tag:after, .expand-rows__row.active .day-tag:before {
  background: #676b44; }

.expand-rows__row.active table th, .expand-rows__row.active table td {
  padding: 1em 1.5em 1em 1em; }

.expand-rows__trigger {
  border-bottom: none !important;
  border-top: 1px solid #8b915b;
  cursor: pointer;
  display: block;
  padding: 1rem 2rem 1rem 1rem;
  position: relative;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out; }
  .expand-rows__trigger:after {
    color: #ffffff;
    content: '\e823';
    font-family: fontello;
    font-size: 1.6rem;
    opacity: 0.6;
    position: absolute;
    right: 0.75rem;
    top: 1.1rem; }
  .expand-rows__trigger:hover {
    background: #676b44;
    border-bottom: none !important;
    opacity: 1; }
    .expand-rows__trigger:hover:after {
      opacity: 1; }
    .expand-rows__trigger:hover .day-tag:after, .expand-rows__trigger:hover .day-tag:before {
      background: #676b44; }

.expand-rows__trigger--soft {
  padding-left: 6.5rem; }

.day-tag {
  background: #5E623E;
  color: #ffffff;
  display: inline-block;
  padding: 5px 25px 5px 1rem;
  position: absolute;
  left: 16px;
  margin-left: -1rem;
  margin-right: 20px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  width: 95px; }
  .day-tag:before {
    background: #71764a;
    content: '';
    height: 24px;
    position: absolute;
    right: -10px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    top: -12px;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    width: 24px; }
  .day-tag:after {
    background: #71764a;
    bottom: -12px;
    content: '';
    height: 24px;
    position: absolute;
    right: -10px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    width: 24px; }

.expand-rows__area {
  display: none;
  height: 0;
  padding: 0 0.75rem 0 1rem;
  position: relative;
  -webkit-transition: opacity 0.2s ease-in-out, padding 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, padding 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden; }

.expand-rows__area--white p, .expand-rows__area--white ul, .expand-rows__area--white li, .expand-rows__area--white h2, .expand-rows__area--white h3, .expand-rows__area--white h4, .expand-rows__area--white a {
  color: #fff !important; }

.expand-rows--full-width {
  max-width: none; }

.expand-rows--checkboxes {
  width: 100%; }
  .expand-rows--checkboxes .expand-rows__row {
    border-top: 1px solid #dddddd; }
  .expand-rows--checkboxes .checkbox__label {
    top: 0.9rem; }
  .expand-rows--checkboxes .expand-rows__trigger {
    border-top: none;
    display: inline-block;
    float: right;
    width: 30px; }
    .expand-rows--checkboxes .expand-rows__trigger:after {
      top: 0.1rem; }

.expand-rows__info-right {
  border-top: 2px solid #40432a;
  background: #5E623E; }
  @media (min-width: 48em) {
    .expand-rows__info-right {
      float: right; } }

.expand-rows__info-right__item {
  border-bottom: 1px solid #4f5234;
  padding: 1.5rem 1rem; }
  .expand-rows__info-right__item:last-of-type {
    border-bottom: none; }

.expand-rows__info-table {
  background: #5E623E;
  display: inline-block;
  font-weight: normal;
  position: relative;
  text-align: left; }
  @media (min-width: 48em) {
    .expand-rows__info-table {
      display: inline-block; } }
  .expand-rows__info-table tr {
    border-bottom: 1px solid #71764a;
    width: 100%; }
  .expand-rows__info-table th {
    font-weight: normal;
    width: 50%; }
    .expand-rows__info-table th p {
      display: block;
      margin-bottom: 0; }
  .expand-rows__info-table td {
    text-align: left; }

.expand-rows__pull-out {
  background: #5E623E;
  padding: 1rem 1rem 1.5rem; }

.quotes {
  display: block;
  padding-top: 2rem;
  position: relative; }
  .quotes .owl-item {
    background: none;
    border-bottom: none;
    padding-bottom: 1rem; }
  .quotes .owl-nav {
    display: none;
    position: absolute;
    top: 120px;
    width: 100%; }
    @media (min-width: 48em) {
      .quotes .owl-nav {
        display: block; } }
  @media (min-width: 1040px) {
    .quotes .owl-prev, .quotes .owl-next {
      top: 0 !important; } }
  @media (min-width: 1040px) {
    .quotes .owl-prev {
      left: -38px !important; } }
  @media (min-width: 1040px) {
    .quotes .owl-next {
      right: -60px !important; } }

.quotes-item {
  background: #6b7046;
  border-left: 2px solid #626640;
  margin: auto;
  padding: 2rem 1rem;
  position: relative;
  overflow: visible;
  width: 100%; }
  @media (min-width: 48em) {
    .quotes-item:before {
      content: '\e831';
      color: #71764a;
      font-family: fontello;
      font-size: 5rem;
      position: absolute;
      left: 10px;
      top: 0; }
    .quotes-item:after {
      bottom: 5px;
      content: '\e832';
      color: #71764a;
      font-family: fontello;
      font-size: 5rem;
      position: absolute;
      right: 10px; } }

.quotes-item__image {
  display: none;
  position: relative; }
  @media (min-width: 30em) {
    .quotes-item__image {
      display: inline-block !important;
      vertical-align: top; } }
  .quotes-item__image img {
    -webkit-border-radius: 50%;
            border-radius: 50%;
    display: block;
    margin: 0 auto; }
    @media (min-width: 30em) {
      .quotes-item__image img {
        max-height: 120px;
        max-width: 120px; } }
    @media (min-width: 48em) {
      .quotes-item__image img {
        max-height: 200px;
        max-width: 200px; } }

.quotes-item__quote {
  display: block;
  margin-top: 1rem;
  padding-top: 40px;
  position: relative; }
  @media (min-width: 30em) {
    .quotes-item__quote {
      display: inline-block;
      margin-top: 0;
      padding-left: 1rem; } }
  @media (min-width: 30em) {
    .quotes-item__quote {
      padding-left: 0; } }
  .quotes-item__quote p:first-of-type:before {
    content: '\e831';
    display: block;
    font-family: fontello;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 2rem;
    opacity: 0.5;
    padding-right: 10px;
    padding-bottom: 0.5rem;
    top: 0;
    position: absolute; }
  .quotes-item__quote p:first-of-type:after {
    content: '\e832';
    display: inline-block;
    font-family: fontello;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 1.2rem;
    opacity: 0.5;
    padding-left: 20px;
    position: relative;
    speak: none; }

.quotes-item__author {
  border-top: 1px solid #8b915b;
  display: inline-block;
  position: relative; }

.contain-form {
  width: 84%; }
  @media (max-width: 65em) {
    .contain-form {
      width: 100%; } }

.contain-form .col1 {
  display: inline-block;
  width: 100%;
  float: none;
  margin-right: 4%; }
  @media (min-width: 65em) {
    .contain-form .col1 {
      float: left;
      width: 48%; } }

.contain-form .col2 {
  display: inline-block;
  width: 100%; }
  @media (min-width: 65em) {
    .contain-form .col2 {
      float: left;
      width: 48%; } }

.contain-form label {
  display: block;
  padding: 20px 5px 5px 2px;
  font-size: 1.1em;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer; }

.contain-form input, .contain-form select, .contain-form textarea {
  padding: 15px 20px;
  color: #fff;
  display: block;
  width: 100%;
  background: #313131;
  border: 1px solid #fff; }

.contain-form textarea {
  height: 152px; }

.contain-form input.submit-btn {
  width: 50%; }

ul.contact-times li {
  display: block !important;
  list-style-type: disc !important;
  margin: 5px 0 5px 0;
  width: 100%; }

input[type=text], input[type=button] {
  -webkit-appearance: none !important; }

.contact-blocks {
  min-height: 155px; }
  .contact-blocks a:hover {
    opacity: 0.7; }

.contact-blocks i, .contact-blocks span {
  color: #131313; }

ul.contact-list li {
  margin: 0;
  padding: 0; }
  ul.contact-list li a {
    border-bottom: none; }

.visuallyhidden, .away {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

@media (min-width: 48em) {
  .show-for-small-only {
    display: none !important; } }

@media (max-width: 1039px) {
  .hide-for-small {
    display: none !important; } }

@media (max-width: 59.95em) {
  .show-for-large-up {
    display: none !important; } }

@media (max-width: 70em) {
  .show-for-xlarge-up {
    display: none !important; } }

@media (max-width: 47.938em) {
  .show-for-medium-up {
    display: none !important; } }

@media (min-width: 65em) {
  .hide-for-large-up {
    display: none !important; } }

.overflow-show {
  overflow: visible; }

.js .guide__steps.show {
  display: block !important; }

.js .guide__steps {
  display: none; }
  @media (min-width: 48em) {
    .js .guide__steps {
      display: block !important; } }

@media (min-width: 48em) {
  .guide-link {
    display: none; } }

.visit .js-visit .nav-secondary {
  display: block; }

.visit .js-events-article .nav-secondary {
  display: block; }

.visit .nav-primary__item.js-visit {
  background: #ccc;
  color: #313131; }

.visit .nav-primary__link.diff {
  color: #313131; }

.contact .nav-primary__link.diff {
  color: #313131; }

.whats-on .nav-primary__link.diff {
  color: #313131; }

.plan .nav-primary__link.diff {
  color: #313131; }

.article .nav-primary__link.diff {
  color: #313131; }

.contact .wrap-nav {
  height: 100%; }

.whats-on .wrap-nav {
  height: 100%; }

.plan .wrap-nav {
  height: 100%; }

.article .wrap-nav {
  height: 100%; }

.contact .nav-primary {
  margin: 0; }

.whats-on .nav-primary {
  margin: 0; }

.plan .nav-primary {
  margin: 0; }

.article .nav-primary {
  margin: 0; }

.contact .nav-primary__item.js-contact {
  background: #ccc;
  color: #313131; }

.whats-on .nav-primary__item.js-whats-on {
  background: #ccc;
  color: #313131; }

.plan .nav-primary__item.js-plan {
  background: #ccc;
  color: #313131; }

.article .nav-primary__item.js-article {
  background: #ccc;
  color: #313131; }

.wrap-nav {
  background: #ccc; }
  @media (max-width: 65em) {
    .wrap-nav {
      height: 100%; } }

/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important; }

#swipebox-overlay img {
  border: none !important; }

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%; }

#swipebox-slider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer; }
  #swipebox-slider .slide {
    height: 100%;
    width: 100%;
    line-height: 1px;
    text-align: center;
    display: inline-block; }
    #swipebox-slider .slide:before {
      content: "";
      display: inline-block;
      height: 50%;
      width: 1px;
      margin-right: -1px; }
    #swipebox-slider .slide img,
    #swipebox-slider .slide .swipebox-video-container,
    #swipebox-slider .slide .swipebox-inline-container {
      display: inline-block;
      max-height: 100%;
      max-width: 100%;
      margin: 0;
      padding: 0;
      width: auto;
      height: auto;
      vertical-align: middle; }
    #swipebox-slider .slide .swipebox-video-container {
      background: none;
      max-width: 1140px;
      max-height: 100%;
      width: 100%;
      padding: 5%;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box; }
      #swipebox-slider .slide .swipebox-video-container .swipebox-video {
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
        overflow: hidden;
        position: relative; }
        #swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
          width: 100% !important;
          height: 100% !important;
          position: absolute;
          top: 0;
          left: 0; }
  #swipebox-slider .slide-loading {
    background: url(/public/20250225232123oe_/https://www.engineshed.scot/content/images/loader.gif) no-repeat center center; }

#swipebox-bottom-bar,
#swipebox-top-bar {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%; }

#swipebox-bottom-bar {
  bottom: -50px; }
  #swipebox-bottom-bar.visible-bars {
    -webkit-transform: translate3d(0, -50px, 0);
            transform: translate3d(0, -50px, 0); }

#swipebox-top-bar {
  top: -50px; }
  #swipebox-top-bar.visible-bars {
    -webkit-transform: translate3d(0, 50px, 0);
            transform: translate3d(0, 50px, 0); }

#swipebox-title {
  display: block;
  width: 100%;
  text-align: center; }

#swipebox-prev,
#swipebox-next,
#swipebox-close {
  background-image: url(/public/20250225232123oe_/https://www.engineshed.scot/content/images/icons.png);
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  width: 50px;
  height: 50px;
  top: 0; }

#swipebox-arrows {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 50px; }

#swipebox-prev {
  background-position: -32px 13px;
  float: left; }

#swipebox-next {
  background-position: -78px 13px;
  float: right; }

#swipebox-close {
  top: 0;
  right: 0;
  position: absolute;
  z-index: 9999;
  background-position: 15px 12px; }

.swipebox-no-close-button #swipebox-close {
  display: none; }

#swipebox-prev.disabled,
#swipebox-next.disabled {
  opacity: 0.3; }

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  -webkit-animation: rightSpring 0.3s;
          animation: rightSpring 0.3s; }

.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  -webkit-animation: leftSpring 0.3s;
          animation: leftSpring 0.3s; }

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  content: ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 20px;
  opacity: 0; }

.swipebox-touch #swipebox-container:before {
  left: 0;
  -webkit-box-shadow: inset 10px 0px 10px -8px #656565;
          box-shadow: inset 10px 0px 10px -8px #656565; }

.swipebox-touch #swipebox-container:after {
  right: 0;
  -webkit-box-shadow: inset -10px 0px 10px -8px #656565;
          box-shadow: inset -10px 0px 10px -8px #656565; }

.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
  opacity: 1; }

.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
  opacity: 1; }

@-webkit-keyframes rightSpring {
  0% {
    left: 0; }
  50% {
    left: -30px; }
  100% {
    left: 0; } }

@keyframes rightSpring {
  0% {
    left: 0; }
  50% {
    left: -30px; }
  100% {
    left: 0; } }

@-webkit-keyframes leftSpring {
  0% {
    left: 0; }
  50% {
    left: 30px; }
  100% {
    left: 0; } }

@keyframes leftSpring {
  0% {
    left: 0; }
  50% {
    left: 30px; }
  100% {
    left: 0; } }

@media screen and (min-width: 800px) {
  #swipebox-close {
    right: 10px; }
  #swipebox-arrows {
    width: 92%;
    max-width: 800px; } }

/* Skin 
--------------------------*/
#swipebox-overlay {
  background: #0d0d0d; }

#swipebox-bottom-bar,
#swipebox-top-bar {
  text-shadow: 1px 1px 1px black;
  background: #000;
  opacity: 0.95; }

#swipebox-top-bar {
  color: white !important;
  font-size: 15px;
  line-height: 43px;
  font-family: Helvetica, Arial, sans-serif; }

.js-wall-item {
  will-change: height; }
  @media (max-width: 420px) {
    .js-wall-item {
      width: -webkit-calc(100% - 3%);
      width: calc(100% - 3%); } }

.js-wall-trigger {
  width: 100%;
  display: block;
  cursor: pointer;
  background: transparent;
  text-align: left; }

.js-wall-child {
  visibility: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
  overflow: hidden;
  border: 0;
  max-height: 0;
  z-index: 2;
  background: #262626; }

.js-wall-button-close,
.js-wall-button-previous,
.js-wall-button-next {
  position: absolute;
  font-size: 1.25rem;
  color: #fff;
  font-weight: 100;
  background: transparent;
  cursor: pointer;
  top: 20px;
  z-index: 1; }

.js-wall-button-close {
  top: 20px;
  right: 20px; }

.js-wall-button-previous {
  right: 100px; }

.js-wall-button-next {
  right: 60px; }

.contain-team-member {
  background-color: white;
  padding: 0 0 100% 0;
  height: 0;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease; }
  .contain-team-member img {
    width: -webkit-calc(100% - 12px);
    width: calc(100% - 12px);
    margin: 6px; }

.js-wall-trigger[aria-expanded=true] .contain-team-member img {
  border: 6px solid #8d935c; }

.contain-team-member:hover {
  background-color: #8d935c; }

.js-wall-button-next {
  right: 60px; }

.js-wall-panel button {
  background: #767b4d;
  padding: 6px; }

.js-wall-panel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  background-color: #8d935c;
  clear: left;
  overflow: hidden; }

.js-wall-panel-inner {
  opacity: 0;
  will-change: opacity;
  -webkit-transition: opacity 260ms ease;
  transition: opacity 260ms ease; }

.js-is-animating.js-wall--is-open .js-wall-panel-inner {
  opacity: 0;
  -webkit-transition: opacity 260ms ease;
  transition: opacity 260ms ease; }

.js-wall--is-open .js-wall-panel-inner {
  opacity: 1; }

.contain-profile-info h3 {
  font-size: 1.4rem;
  color: #fff; }

.contain-profile-info h4 {
  font-size: 1.2rem;
  color: #fff; }

.contain-profile-info p {
  color: #ccc;
  padding-top: 10px;
  color: #fff; }

.contain-profile-info ul {
  padding-top: 10px; }
  .contain-profile-info ul li {
    font-family: "gill-sans-nova", sans-serif;
    color: #fff; }

@media (max-width: 60em) {
  .contain-profile-info.first-block {
    margin-top: 50px; } }

.speakers {
  background: #1E1E1E;
  color: #ffffff;
  padding: 2rem 0;
  position: relative; }

.wrap--js-wall {
  position: static; }

.js-wall--speakers .wrap--js-wall {
  position: absolute; }

.js-wall--speakers .js-wall-item {
  margin-bottom: 1.5rem; }

.js-wall--speakers .js-wall-trigger {
  background: rgba(0, 0, 0, 0.1);
  background: #1B1B1B;
  border-top: 1px solid #7b7b7b;
  color: #ffffff;
  min-height: 175px;
  padding: 1.2rem;
  position: relative; }
  .js-wall--speakers .js-wall-trigger:hover {
    border-top: 1px solid #B9BA0E; }
    .js-wall--speakers .js-wall-trigger:hover .js-wall-item__title {
      color: #B9BA0E; }
  .js-wall--speakers .js-wall-trigger[aria-expanded="true"] {
    background: #161616;
    border-top: 1px solid #B9BA0E; }
    .js-wall--speakers .js-wall-trigger[aria-expanded="true"]:after {
      background: #161616;
      bottom: -15px;
      content: '';
      height: 30px;
      left: -webkit-calc(50% - 15px);
      left: calc(50% - 15px);
      position: absolute;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      width: 30px; }
    .js-wall--speakers .js-wall-trigger[aria-expanded="true"] .icon-plus {
      opacity: 0;
      visibility: hidden; }
    .js-wall--speakers .js-wall-trigger[aria-expanded="true"] .js-wall-item__title {
      color: #ffffff; }
    .js-wall--speakers .js-wall-trigger[aria-expanded="true"] .js-wall-item__sub p {
      color: #ffffff; }

.js-wall--speakers .js-wall-item__title {
  color: #d9d9d9;
  display: block;
  line-height: 1.1;
  padding-bottom: 3rem;
  position: relative; }

.js-wall--speakers .js-wall-item__sub {
  bottom: 1.2rem;
  display: block;
  line-height: 1.1;
  padding-top: 1rem;
  position: absolute;
  width: -webkit-calc(100% - 2.4rem);
  width: calc(100% - 2.4rem); }
  .js-wall--speakers .js-wall-item__sub:before {
    background: #B9BA0E;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px; }
  .js-wall--speakers .js-wall-item__sub p {
    color: #b3b3b3;
    margin-bottom: 3px;
    line-height: 1.1; }

.js-wall--speakers .js-wall-next, .js-wall--speakers .js-wall-previous {
  display: none; }

.js-wall--speakers .js-wall-close {
  right: 5px;
  top: 25px;
  position: absolute; }
  .js-wall--speakers .js-wall-close:hover:before {
    color: #ffffff; }

.js-wall--speakers .js-wall-panel {
  background: none;
  padding: 0;
  padding-top: 1.5rem; }
  .js-wall--speakers .js-wall-panel button {
    background: none; }
    .js-wall--speakers .js-wall-panel button:before {
      color: #656a69; }

.js-wall--speakers .js-wall-panel-inner {
  background: #161616; }
  .js-wall--speakers .js-wall-panel-inner *:not(.btn) {
    color: #d9d9d9; }
  .js-wall--speakers .js-wall-panel-inner:after {
    background: #1E1E1E;
    bottom: 0;
    content: '';
    height: 20px;
    left: 0;
    position: absolute;
    right: 0; }

.js-wall-item__event-info {
  padding-left: 0.75rem;
  padding-bottom: 0.75rem; }
  @media (min-width: 48em) {
    .js-wall-item__event-info {
      border-left: 1px solid #313131;
      padding-left: 1rem;
      padding-bottom: 0; } }

.wall__profile-pic {
  -webkit-border-radius: 50%;
          border-radius: 50%;
  height: 90px;
  margin-left: 0;
  margin-top: 1rem;
  overflow: hidden;
  width: 90px; }
  @media (min-width: 48em) {
    .wall__profile-pic {
      height: 140px;
      margin: 1rem auto 0;
      width: 140px; } }
  @media (min-width: 1040px) {
    .wall__profile-pic {
      height: 170px;
      width: 170px; } }

/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-accordion-menu {
  width: 100%;
  background: #f4f4f4;
  margin: 4em auto; }
  @media (max-width: 65em) {
    .cd-accordion-menu {
      margin: 2em auto;
      margin-bottom: 0; } }

.cd-accordion-menu ul {
  /* by default hide all sub menus */
  display: none; }

ul.cd-accordion-menu {
  margin-right: 0 !important;
  margin-right: 0 !important; }

.cd-accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  list-style: none !important;
  padding-left: 12px; }

.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0; }

.cd-accordion-menu label, .cd-accordion-menu a {
  position: relative;
  display: block;
  padding: 18px 18px 18px 0px;
  background: #f4f4f4;
  color: #3e4543;
  font-size: 1.1rem; }

.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
  background: #52565d; }

.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {
  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.cd-accordion-menu label {
  cursor: pointer; }

.cd-accordion-menu label::before, .cd-accordion-menu label::after {
  background-image: url(/public/20250225232123oe_/https://www.engineshed.scot/content/images/cd-icons.svg);
  background-repeat: no-repeat; }

.cd-accordion-menu label::before {
  /* arrow icon */
  right: 18px;
  background-position: 0 0;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg); }

.cd-accordion-menu label::after {
  /* folder icons */
  right: 41px;
  background-position: -16px 0;
  display: none; }

.cd-accordion-menu a::after {
  /* image icon */
  right: 36px;
  background: url(/public/20250225232123oe_/https://www.engineshed.scot/content/images/cd-icons.svg) no-repeat -48px 0;
  display: none; }

.cd-accordion-menu input[type=checkbox]:checked + label::before {
  /* rotate arrow */
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.cd-accordion-menu input[type=checkbox]:checked + label::after {
  /* show open folder icon if item is checked */
  background-position: -32px 0; }

.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block; }

.cd-accordion-menu ul label,
.cd-accordion-menu ul a {
  background: #313131;
  -webkit-box-shadow: inset 0 -1px #41444a;
          box-shadow: inset 0 -1px #41444a;
  padding-right: 82px; }

.no-touch .cd-accordion-menu ul label:hover, .no-touch .cd-accordion-menu ul a:hover {
  background: #3c3f45; }

.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a {
  -webkit-box-shadow: none;
          box-shadow: none; }

.cd-accordion-menu ul label::before {
  right: 36px; }

.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after {
  right: 59px; }

.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {
  padding-right: 100px; }

.cd-accordion-menu ul ul label::before {
  right: 54px; }

.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after {
  right: 77px; }

.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
  padding-right: 118px; }

.cd-accordion-menu ul ul ul label::before {
  right: 72px; }

.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after {
  right: 95px; }

@media only screen and (min-width: 600px) {
  .cd-accordion-menu label, .cd-accordion-menu a {
    padding: 24px 12px 24px 0px;
    font-size: 1rem; }
  .cd-accordion-menu label::before {
    right: 18px; }
  .cd-accordion-menu label::after {
    right: 53px; }
  .cd-accordion-menu ul label,
  .cd-accordion-menu ul a {
    padding-right: 106px; }
  .cd-accordion-menu ul label::before {
    right: 48px; }
  .cd-accordion-menu ul label::after,
  .cd-accordion-menu ul a::after {
    right: 77px; }
  .cd-accordion-menu ul ul label,
  .cd-accordion-menu ul ul a {
    padding-right: 130px; }
  .cd-accordion-menu ul ul label::before {
    right: 72px; }
  .cd-accordion-menu ul ul label::after,
  .cd-accordion-menu ul ul a::after {
    right: 101px; }
  .cd-accordion-menu ul ul ul label,
  .cd-accordion-menu ul ul ul a {
    padding-right: 154px; }
  .cd-accordion-menu ul ul ul label::before {
    right: 96px; }
  .cd-accordion-menu ul ul ul label::after,
  .cd-accordion-menu ul ul ul a::after {
    right: 125px; } }

.cd-accordion-menu.animated label::before {
  /* this class is used if you're using jquery to animate the accordion */
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

ul li.has-children:last-child {
  border-bottom: 1px solid #3e4543; }

ul li.has-children {
  border-top: 1px solid #3e4543; }

.collapse__heading {
  padding: 1rem 1rem 1rem 1.5rem;
  margin-bottom: 0.2rem;
  position: relative; }

.collapse__heading a {
  display: block; }

.collapse__heading i {
  position: absolute;
  left: 0;
  top: 1rem; }

.collapse__heading .icon-down {
  display: none; }

.collapse__heading .icon {
  font-size: 1.2rem; }

.open .icon-right {
  display: none; }

.open .icon-down {
  display: inline-block; }

.collapse__heading .icon-minus {
  display: none; }

.open .icon-plus {
  display: none; }

.open .icon-minus {
  display: inline-block; }

.collapse__body {
  overflow: hidden; }

.collapse__body--accordion {
  float: left;
  height: 0;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  overflow: hidden;
  display: block !important; }

.collapse__heading--boxed {
  background-color: #F1F1F1;
  margin-bottom: 0.8rem;
  padding: 0;
  position: relative; }

.collapse__heading--boxed > a {
  display: block;
  padding: 1rem 1rem 1rem 3rem; }

.collapse__heading--boxed i {
  position: absolute;
  left: 1rem;
  top: 1rem; }

/* Jump links
-------------------------------------------------------------- */
.jump-links-nav {
  display: block;
  width: 100%; }
  @media (min-width: 48em) {
    .jump-links-nav {
      overflow: hidden;
      float: left;
      width: 22%;
      margin-right: 3%; } }

.jump-links-bd {
  width: 100%; }
  @media (min-width: 48em) {
    .jump-links-bd {
      width: 75%;
      float: left; } }

.jump-links-link {
  padding: .5rem;
  display: block;
  margin-right: 1px;
  text-decoration: underline; }

.jump-links-heading,
.jump-links-panel {
  color: #666666; }

/* Vertical tabs
-------------------------------------------------------------- */
.vt-toggle {
  width: 100%; }

.vt-toggle-btn {
  background-color: #3e4543;
  background-image: url("data:image/svg;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDx0aXRsZS8+IDxkZXNjLz4gPGc+ICA8dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+ICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iNDAyIiB3aWR0aD0iNTgyIiB5PSItMSIgeD0iLTEiLz4gPC9nPiA8Zz4gIDx0aXRsZT5MYXllciAxPC90aXRsZT4gIDxwYXRoIGZpbGw9IiNmZmZmZmYiIGlkPSJTaGFwZSIgZD0ibTAsMTJsMTgsMGwwLC0ybC0xOCwwbDAsMmwwLDB6bTAsLTVsMTgsMGwwLC0ybC0xOCwwbDAsMmwwLDB6bTAsLTdsMCwybDE4LDBsMCwtMmwtMTgsMGwwLDB6Ii8+IDwvZz48L3N2Zz4=");
  color: #fff;
  padding: 1rem 4%;
  margin-bottom: 4px;
  display: block;
  font-size: 16px;
  width: 100%;
  text-align: left; }
  .vt-toggle-btn svg {
    float: right;
    margin-top: 3px; }
  .vt-nav--is-active .vt-toggle-btn {
    background-image: url("data:image/svg;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDx0aXRsZS8+IDxkZXNjLz4gPGc+ICA8dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+ICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iNDAyIiB3aWR0aD0iNTgyIiB5PSItMSIgeD0iLTEiLz4gPC9nPiA8Zz4gIDx0aXRsZT5MYXllciAxPC90aXRsZT4gIDxwYXRoIGZpbGw9IiNmZmZmZmYiIGlkPSJTaGFwZSIgZD0ibTE0LDEuNGwtMS40LC0xLjRsLTUuNiw1LjZsLTUuNiwtNS42bC0xLjQsMS40bDUuNiw1LjZsLTUuNiw1LjZsMS40LDEuNGw1LjYsLTUuNmw1LjYsNS42bDEuNCwtMS40bC01LjYsLTUuNmw1LjYsLTUuNnoiLz4gPC9nPjwvc3ZnPg==");
    background-size: 16px; }
  @media (min-width: 48em) {
    .vt-toggle-btn {
      display: none; } }

.vt-nav {
  display: none; }
  .vt-nav--is-active .vt-nav {
    display: block; }
  @media (min-width: 48em) {
    .vt-nav {
      display: block;
      overflow: hidden;
      float: left;
      width: 30%;
      margin-right: 3%; } }

@media (min-width: 48em) {
  .vt-bd {
    width: 65%;
    float: left; } }

@media (min-width: 68em) {
  .vt-bd {
    width: 58%;
    float: left; } }

.vt-nav-link {
  padding: 0.85rem;
  display: block;
  margin-right: 1px;
  border-bottom: 1px solid #767b4d;
  color: #6d7147;
  -webkit-transition: all 0.75s ease;
  transition: all 0.75s ease; }
  .vt-nav-link.current {
    color: #fff;
    background: #74794b; }
    .vt-nav-link.current i {
      display: inline-block; }
  .vt-nav-link:hover {
    color: #fff;
    background: #767b4d; }
    .vt-nav-link:hover i {
      display: inline-block; }

.vt-nav-link i {
  display: none; }

.edit_hover_class a {
  visibility: hidden; }

.edit_hover_class:hover a {
  visibility: visible; }

.vt-heading {
  padding: 1rem 4%;
  background: #3e4543;
  cursor: pointer;
  color: #fff;
  border-bottom: 1px solid #fff;
  margin-bottom: 0; }
  @media (min-width: 48em) {
    .vt-heading {
      display: none; } }

.vt-wrap {
  max-height: 0;
  overflow: hidden;
  clear: both; }
  @media (max-width: 48em) {
    .vt-wrap {
      -webkit-transition: max-height 160ms ease;
      transition: max-height 160ms ease; } }

.vt-panel {
  padding-bottom: 25px;
  overflow: hidden; }
  @media (max-width: 48em) {
    .vt-panel {
      padding: 15px; } }
  .vt-panel i {
    color: #a0a671; }
  .vt-panel ul.vt-list li {
    list-style: none;
    margin-left: 0; }

.contain-article-content ul.vt-list li {
  list-style: none;
  margin-left: 0; }
  .contain-article-content ul.vt-list li i {
    color: #a0a671; }

.center-share ul.list {
  text-align: center;
  margin: 0 auto; }
  @media (max-width: 320px) {
    .center-share ul.list li:first-child {
      display: block;
      padding-bottom: 10px; } }

.vt-target.current .vt-wrap {
  max-height: none; }
  @media (max-width: 47.9em) {
    .vt-target.current .vt-wrap {
      -webkit-transition: max-height 260ms ease;
      transition: max-height 260ms ease;
      background: #fff; } }

.vt-target.current .vt-heading {
  background: #767b4d;
  color: #fff; }

a[rel*=external]:after {
  content: none !important; }

/*.editor a[href*='://']:not(.btn):after {
    content: "\e80d";
    font-family: fontello;
    margin-left: 5px;
    font-size: 0.75em;
}

.events-btn a[href*='://']:after {
    content: "\e80d";
    font-family: fontello;
    margin-left: 5px;
    font-size: 0.75em;
} */
.article-nav {
  display: block; }
  .article-nav p {
    display: block; }

.center-share {
  margin-top: 60px;
  text-align: center;
  padding-top: 20px;
  border-top: 1px solid #515a57; }
  @media (max-width: 35em) {
    .center-share {
      margin-top: 30px; } }
  .center-share ul li:first-child {
    font-size: 1.15rem;
    text-transform: uppercase;
    padding-right: 20px;
    line-height: 10px; }
  .center-share li {
    margin: 0 !important; }

/**
 * rome - Customizable date (and time) picker. Opt-in UI, no jQuery!
 * @version v2.1.22
 * @link https://github.com/bevacqua/rome
 * @license MIT
 */
.rd-container {
  display: none;
  border: 1px solid #fff;
  border-top: 2px solid #e6e6e6;
  background-color: #fff;
  padding: 10px 5px 5px;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 10px; }

.rd-container-attachment {
  position: absolute;
  z-index: 999; }

.float-left {
  float: left; }

.time span {
  font-size: 1rem;
  color: #fff; }

.rd-month {
  display: inline-block;
  margin-right: 25px; }

.rd-month:last-child {
  margin-right: 0; }

.rd-back,
.rd-next {
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
  padding: 0;
  margin: 0; }

.rd-back[disabled],
.rd-next[disabled] {
  cursor: default; }

.rd-back {
  float: left;
  margin-left: 10px; }

.rd-next {
  float: right;
  margin-right: 10px; }

.rd-back:before {
  display: block;
  content: '\2190'; }

.rd-next:before {
  display: block;
  content: '\2192'; }

.rd-day-body {
  cursor: pointer;
  text-align: center;
  padding: 13px; }

.rd-month-label {
  padding-bottom: 15px; }

.rd-day-selected,
.rd-time-selected,
.rd-time-option:hover {
  cursor: pointer;
  background-color: #333;
  color: #fff; }

.rd-day-prev-month,
.rd-day-next-month {
  color: #999; }

.rd-day-disabled {
  cursor: default;
  color: #ccc; }

.rd-time {
  position: relative;
  display: inline-block;
  margin-top: 5px;
  min-width: 80px; }

.rd-time-list {
  display: none;
  position: absolute;
  overflow-y: scroll;
  max-height: 160px;
  left: 0;
  right: 0;
  background-color: #fff;
  color: #333; }

.rd-time-selected {
  padding: 5px; }

.rd-time-option {
  padding: 5px; }

.rd-day-concealed {
  visibility: hidden; }

/* Event calendar */
.rd-container.calendar {
  display: block;
  max-width: 336px;
  background-color: #747A4D;
  border: 0 none; }
  .rd-container.calendar .rd-month {
    display: block; }
  .rd-container.calendar .rd-days {
    table-layout: fixed; }
  .rd-container.calendar .rd-days-row,
  .rd-container.calendar .rd-days {
    width: 100%; }
  .rd-container.calendar .rd-month-label {
    color: #fff; }
  .rd-container.calendar .rd-day-head,
  .rd-container.calendar .rd-day-body {
    padding: 13px 0;
    color: #fff; }
  .rd-container.calendar .rd-day-body {
    border: 1px #fff solid; }
    .rd-container.calendar .rd-day-body.rd-day-disabled {
      border: 0;
      opacity: 0.75; }
  .rd-container.calendar .rd-day-selected {
    cursor: auto; }
  .rd-container.calendar .rd-day-selected {
    background-color: #fff;
    color: #71764a; }
  .rd-container.calendar .rd-back[disabled],
  .rd-container.calendar .rd-next[disabled] {
    display: none; }
  .rd-container.calendar .rd-next,
  .rd-container.calendar .rd-back {
    color: #fff; }

.rome__event-calendar-container {
  width: 50px;
  height: 50px;
  background-color: #fff;
  display: inline-block;
  margin-right: 12px;
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding-top: 12px; }

.date-info-box h2 {
  position: relative;
  top: 4px;
  display: inline-block; }

.rome__event-calendar {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 50px;
  left: 0;
  right: 0;
  width: 100%;
  cursor: pointer; }

[hidden] {
  display: none; }

.visually-hidden {
  position: absolute;
  clip: rect(0, 0, 0, 0); }

div.awesomplete {
  position: relative;
  width: 100%; }

div.awesomplete > ul {
  position: absolute;
  left: 0;
  z-index: 100000;
  min-width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
  padding: 0;
  -webkit-border-radius: .3em;
          border-radius: .3em;
  margin: .2em 0 0;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0.05em 0.2em 0.6em rgba(0, 0, 0, 0.2);
          box-shadow: 0.05em 0.2em 0.6em rgba(0, 0, 0, 0.2);
  text-shadow: none;
  top: 50px; }

div.awesomplete > ul[hidden],
div.awesomplete > ul:empty {
  display: none; }

@supports ((-webkit-transform: scale(0)) or (transform: scale(0))) {
  div.awesomplete > ul {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transform-origin: 1.43em -.43em;
        -ms-transform-origin: 1.43em -.43em;
            transform-origin: 1.43em -.43em; }
  div.awesomplete > ul[hidden],
  div.awesomplete > ul:empty {
    opacity: 0;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    display: block;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease; } }

div.awesomplete > ul:before {
  content: "";
  position: absolute;
  top: -.43em;
  left: 1em;
  width: 0;
  height: 0;
  padding: .4em;
  background: white;
  border: inherit;
  border-right: 0;
  border-bottom: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg); }

div.awesomplete > ul > li {
  border-bottom: 1px solid #eaeaea;
  color: #666666;
  position: relative;
  padding: .4em .5em;
  cursor: pointer; }

div.awesomplete > ul > li:hover {
  background: #eaeef3;
  color: black; }

div.awesomplete > ul > li[aria-selected="true"] {
  background: #eaeef3;
  color: #305983; }

div.awesomplete mark {
  font-style: normal; }

div.awesomplete li[aria-selected="true"] mark {
  color: inherit; }

.index {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center; }
  .index a {
    margin: 0 auto; }

.digifest-banner {
  background: #292929;
  display: block;
  padding: 15px 0 0;
  position: relative; }
  .digifest-banner .col {
    padding-bottom: 15px;
    position: relative; }
    .digifest-banner .col:before {
      background: rgba(255, 255, 255, 0.2);
      bottom: -1px;
      content: '';
      height: 1px;
      left: 0;
      position: absolute;
      right: 0;
      z-index: 0; }

.digifest-banner__title {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 700;
  text-transform: uppercase; }
  .digifest-banner__title p {
    color: #ffffff;
    display: inline-block;
    margin-bottom: 15px;
    margin-top: 5px; }
    .digifest-banner__title p span {
      color: #31c5f4; }
    @media (min-width: 35em) {
      .digifest-banner__title p {
        margin-bottom: 10px; } }

.digifest-banner__nav {
  color: #ffffff;
  display: block;
  position: relative;
  text-align: left; }
  @media (min-width: 35em) {
    .digifest-banner__nav {
      display: inline-block;
      float: right;
      margin-top: 5px;
      text-align: right; } }

.digifest-banner__nav-item {
  display: inline-block;
  position: relative; }
  .digifest-banner__nav-item a {
    color: #ffffff;
    font-size: 0.75rem;
    padding: 0.5rem 0.75rem 0 0;
    text-transform: uppercase; }
    .digifest-banner__nav-item a:after {
      background: #31c5f4;
      bottom: -15px;
      content: '';
      height: 2px;
      left: 0;
      opacity: 0;
      position: absolute;
      right: 0.75rem; }
    @media (min-width: 35em) {
      .digifest-banner__nav-item a {
        padding: 0.75rem 0 0.75rem 1.5rem; }
        .digifest-banner__nav-item a:after {
          bottom: -22px;
          height: 3px;
          left: 1.5rem;
          right: 0; } }
    @media (min-width: 90.075em) {
      .digifest-banner__nav-item a {
        font-size: 0.85rem; } }
  .digifest-banner__nav-item.active a {
    color: #31c5f4; }
    .digifest-banner__nav-item.active a:after {
      opacity: 1; }

.digifest-banner--digidoc .digifest-banner__title span {
  color: #B9BA0E; }

.wrap-landing-img--digifest {
  background-color: #222222; }
  @media (min-width: 400px) {
    .wrap-landing-img--digifest picture:before {
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(40%, rgba(0, 0, 0, 0.2)), color-stop(70%, rgba(0, 0, 0, 0.5)), to(black));
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.5) 70%, black 100%);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.5) 70%, black 100%);
      bottom: 0;
      content: '';
      left: 0;
      position: absolute;
      right: 0;
      top: 0; } }

.wrap-landing-content {
  display: block; }
  @media (min-width: 400px) {
    .wrap-landing-content {
      padding: 23% 0 0;
      position: absolute;
      margin: 0 auto;
      top: 0;
      width: 100%; } }
  @media (min-width: 35em) {
    .wrap-landing-content {
      padding: 11% 0 0;
      top: 0; } }
  @media (min-width: 48em) {
    .wrap-landing-content {
      padding: 12% 0 0;
      top: 0; } }
  @media (min-width: 65em) {
    .wrap-landing-content {
      padding: 10% 0 0; } }
  @media (min-width: 90.075em) {
    .wrap-landing-content {
      padding: 8% 0 0; } }

.wrap-landing-content__logo-row {
  display: block;
  position: relative; }

.wrap-landing-content__title {
  color: #ffffff;
  display: block;
  font-size: 2.8rem;
  font-weight: 700;
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: -2px;
  line-height: 1;
  position: relative;
  text-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  text-transform: uppercase; }
  @media (min-width: 400px) {
    .wrap-landing-content__title {
      font-size: 3.5rem; } }
  @media (min-width: 35em) {
    .wrap-landing-content__title {
      font-size: 4.5rem;
      margin-left: -5px; } }
  @media (min-width: 48em) {
    .wrap-landing-content__title {
      font-size: 6rem;
      margin-left: -8px; } }
  @media (min-width: 65em) {
    .wrap-landing-content__title {
      font-size: 7rem;
      margin-left: -8px; } }

.wrap-landing-content__digidoc {
  border-left: 2px solid #B9BA0E;
  color: #ffffff;
  display: block;
  margin-top: 0.5rem;
  padding-left: 15px;
  position: relative; }
  @media (min-width: 35em) {
    .wrap-landing-content__digidoc {
      display: inline-block;
      float: right; } }
  @media (min-width: 90.075em) {
    .wrap-landing-content__digidoc {
      display: block;
      float: none;
      margin-top: 2rem; } }
  .wrap-landing-content__digidoc span {
    display: block; }
  .wrap-landing-content__digidoc h2 {
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase; }
    .wrap-landing-content__digidoc h2 span {
      display: inline; }

.wrap-landing-content__digifest-date {
  background: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  display: inline-block;
  font-size: 0.8rem;
  padding: 5px 30px 5px 15px;
  position: relative;
  font-weight: 600; }
  .wrap-landing-content__digifest-date:before {
    background: #009CC4;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 2px; }
  @media (min-width: 35em) {
    .wrap-landing-content__digifest-date {
      font-size: 1rem; } }

.wrap-landing-content__digidoc-date {
  background: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  display: inline-block;
  font-size: 0.8rem;
  padding: 5px 30px 5px 15px;
  position: relative;
  font-weight: 600; }
  .wrap-landing-content__digidoc-date:before {
    background: #B9BA0E;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 2px; }
  @media (min-width: 35em) {
    .wrap-landing-content__digidoc-date {
      font-size: 1rem; } }

.wrap-landing-content__left {
  display: inline-block;
  position: relative; }

.wrap-landing-content__logo-row {
  display: block;
  position: relative; }

.wrap-landing-content__right {
  bottom: 0;
  position: relative;
  text-align: right; }
  @media (min-width: 35em) {
    .wrap-landing-content__right {
      position: absolute;
      right: 0; } }

.digifest-intro {
  display: block;
  padding: 2rem 0;
  position: relative; }
  @media (min-width: 35em) {
    .digifest-intro {
      padding: 4.5rem 0 2.5rem; } }
  @media (min-width: 65em) {
    .digifest-intro {
      -webkit-align-content: center;
          -ms-flex-line-pack: center;
              align-content: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      padding: 4.5rem 0 4rem; } }

@media (min-width: 65em) {
  .digifest-intro-container {
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; } }

.digifest-intro--dark {
  background: #222222; }
  .digifest-intro--dark p {
    color: #d9d9d9; }

.digifest-intro__text {
  font-size: 1rem;
  line-height: 1.4rem;
  display: block;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  position: relative;
  margin-bottom: 3rem;
  max-width: 900px; }
  @media (min-width: 65em) {
    .digifest-intro__text {
      font-size: 1.1rem;
      line-height: 1.5rem;
      margin-bottom: 1rem;
      margin-right: 3rem;
      margin-top: 0.75rem; } }

.digifest-intro-cta {
  display: inline-block;
  position: relative; }

.digifest-intro-tickets-cta {
  background: #1E1E1E;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-top: 1px solid #31c5f4;
  padding: 1.5rem; }

.digidoc-intro-tickets-cta {
  background: #1E1E1E;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-top: 1px solid #B9BA0E;
  padding: 1.5rem; }

.digifest-intro-cta__link-container {
  width: 100%; }

.digifest-intro-cta__link {
  border: 2px solid #49ccf5;
  border: 2px solid #888888;
  bottom: 0;
  color: #3e4543;
  display: inline-block;
  font-size: 1.1rem;
  padding: 0.5rem 65px 0.7rem 1rem;
  position: relative; }
  @media (min-width: 65em) {
    .digifest-intro-cta__link {
      bottom: auto;
      position: relative;
      right: 0; } }
  .digifest-intro-cta__link:after {
    background: #49ccf5;
    background: #888888;
    border-left: 2px solid #49ccf5;
    border-left: 2px solid #888888;
    bottom: 0;
    color: #ffffff;
    content: '\e823';
    font-family: fontello;
    font-size: 1.4rem;
    padding-top: 11px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    width: 50px; }

.cta-row__link {
  display: inline-block;
  margin-top: 0.5rem; }

.digidoc-intro {
  display: block;
  padding: 2.5rem 0 2rem;
  position: relative; }
  @media (min-width: 35em) {
    .digidoc-intro {
      padding: 4.5rem 0 2rem; } }
  @media (min-width: 65em) {
    .digidoc-intro {
      -webkit-align-content: center;
          -ms-flex-line-pack: center;
              align-content: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      padding: 6rem 0 3rem; } }
  .digidoc-intro p {
    display: block;
    position: relative;
    margin-bottom: 3rem;
    max-width: 900px; }
    @media (min-width: 65em) {
      .digidoc-intro p {
        margin-bottom: 1rem;
        margin-top: 0.75rem; } }

.about-panel {
  background: #ffffff;
  position: relative;
  vertical-align: middle; }

.about-panel__image {
  background-image: url("/public/20250225232123oe_/https://www.engineshed.scot/content/images/digifest/about-image.jpg");
  background-position: center center;
  display: block;
  max-height: 650px;
  overflow: hidden;
  position: relative;
  width: 100%;
  vertical-align: middle; }
  @media (min-width: 42.5em) {
    .about-panel__image {
      bottom: 0;
      display: inline-block;
      left: 0;
      position: absolute;
      top: 0;
      width: 48%; } }

.about-panel__content {
  display: inline-block;
  padding: 4rem 2rem 4rem 2rem;
  position: relative;
  vertical-align: middle; }
  @media (min-width: 42.5em) {
    .about-panel__content {
      margin-left: 48%;
      width: 50%; } }

.about-panel__title {
  display: block;
  font-size: 1.4rem;
  position: relative; }
  .about-panel__title:after {
    background: #31c5f4;
    content: '';
    display: block;
    height: 3px;
    margin: 1rem 0;
    position: relative;
    width: 30px; }

.about-panel__description {
  display: block;
  font-size: 0.9rem;
  margin-bottom: 2rem; }
  @media (min-width: 42.5em) {
    .about-panel__description {
      font-size: 0.9rem; } }

.btn--digifest {
  background: #3fd5ae;
  margin-right: 0.5rem; }
  .btn--digifest:hover {
    background: #28b993;
    color: #ffffff; }

.event-descriptor {
  display: block;
  padding: 0 0 4rem;
  position: relative; }

.event-descriptor__item {
  background: #ffffff;
  background: rgba(255, 255, 255, 0.75);
  display: inline-block;
  margin-bottom: 1.5rem;
  padding: 2rem 1.5rem 2rem 1.5rem;
  position: relative; }

.event-descriptor__sub-item {
  background: #ffffff;
  padding: 2rem 2rem 1rem 2rem;
  position: relative;
  margin-bottom: -6rem;
  margin-top: 2rem; }
  @media (min-width: 48em) {
    .event-descriptor__sub-item {
      float: right; } }

.event-descriptor__title {
  color: #3e4543;
  display: block;
  font-weight: 700;
  margin-bottom: 1.5rem;
  position: relative;
  text-transform: uppercase; }

.event-descriptor__logo {
  display: block;
  margin-bottom: 2rem;
  position: relative;
  width: 200px; }

.event-descriptor__date {
  color: rgba(0, 0, 0, 0.7);
  font-weight: 600;
  font-size: 1.1rem; }
  .event-descriptor__date:after {
    background: rgba(0, 0, 0, 0.5);
    content: '';
    display: block;
    height: 2px;
    margin: 1rem 0;
    position: relative;
    width: 30px; }

.event-descriptor__date--digifest:after {
  background: #009CC4; }

.event-descriptor__date--digidoc:after {
  background: #B9BA0E; }

.event-descriptor__description {
  font-size: 0.9rem; }
  @media (min-width: 35em) {
    .event-descriptor__description {
      padding: 0 3rem 0 0; } }

.events-digifest {
  background: #222222; }
  .events-digifest .event-block--digifest {
    border-bottom: none;
    border-bottom: 1px solid #31c5f4;
    background: #1E1E1E;
    padding-bottom: 0.75rem;
    min-height: 300px; }
    .events-digifest .event-block--digifest:hover {
      background: #1B1B1B; }
    .events-digifest .event-block--digifest .contain-event-content {
      padding-bottom: 3rem; }
  .events-digifest .event-block--digidoc {
    border-bottom: 1px solid #B9BA0E;
    border-top: 1px solid #B9BA0E;
    background: #1E1E1E;
    padding-bottom: 0.75rem;
    min-height: 300px; }
    .events-digifest .event-block--digidoc a {
      bottom: 0;
      left: 0;
      position: absolute;
      right: 0;
      top: 0; }
    .events-digifest .event-block--digidoc .contain-event-content {
      bottom: 0;
      position: absolute; }
      .events-digifest .event-block--digidoc .contain-event-content .event-descriptor__title {
        margin-bottom: 0.75rem; }
      .events-digifest .event-block--digidoc .contain-event-content p:not(.contain-event-content__sub-event-date) {
        margin-bottom: 4rem; }
    .events-digifest .event-block--digidoc:hover {
      background: #1B1B1B; }
  .events-digifest .event-block--digidoc-mini {
    background: #1E1E1E;
    border-bottom: 1px solid #B9BA0E;
    border-top: 1px solid #B9BA0E;
    min-height: 300px;
    padding-bottom: 20px;
    position: relative; }
    .events-digifest .event-block--digidoc-mini:hover {
      background: #1B1B1B; }
    .events-digifest .event-block--digidoc-mini .contain-event-content__sub-event-date {
      bottom: 1rem;
      font-size: 0.9rem;
      line-height: 1;
      margin-bottom: 0;
      position: absolute; }
  .events-digifest .event-block--digifest__type {
    background: rgba(0, 0, 0, 0.4);
    color: white;
    display: inline-block;
    font-size: 0.8rem;
    left: 1.2rem;
    line-height: 1;
    padding: 2px 6px 3px;
    position: absolute;
    top: 0; }
  .events-digifest .contain-event-content h2 {
    color: #ffffff;
    padding-bottom: 5px; }
  .events-digifest .contain-event-content p {
    color: #d9d9d9; }
  .events-digifest .contain-event-content a {
    color: #d9d9d9;
    text-transform: uppercase; }
    .events-digifest .contain-event-content a h2, .events-digifest .contain-event-content a span, .events-digifest .contain-event-content a p {
      text-transform: none; }
  .events-digifest .contain-event-content a.delta {
    bottom: 1rem;
    position: absolute; }
  .events-digifest .contain-event-content .event-descriptor__title {
    font-size: 1.6rem;
    margin-top: 1rem;
    text-transform: uppercase; }
    @media (min-width: 48em) {
      .events-digifest .contain-event-content .event-descriptor__title {
        font-size: 1.8rem; } }
    @media (min-width: 1040px) {
      .events-digifest .contain-event-content .event-descriptor__title {
        font-size: 2rem; } }
    .events-digifest .contain-event-content .event-descriptor__title span {
      text-transform: uppercase; }
  .events-digifest .contain-event-content__event-type span {
    background: rgba(0, 0, 0, 0.5); }
  .events-digifest .cd-filter-container {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 100%; }
  .events-digifest .cd-filter-block {
    padding-left: 0.75rem;
    position: relative;
    margin: 0 auto;
    text-align: left;
    width: 100%;
    color: #d9d9d9; }
    @media (min-width: 1040px) {
      .events-digifest .cd-filter-block {
        text-align: center;
        width: 50%; } }
    .events-digifest .cd-filter-block h4 {
      color: #d9d9d9;
      display: inline-block;
      margin: 0 auto 0.75rem; }
    .events-digifest .cd-filter-block .checkbox-label {
      color: #d9d9d9; }
    .events-digifest .cd-filter-block .filter {
      color: #ffffff; }
    .events-digifest .cd-filter-block .list__icon {
      display: inline-block;
      position: relative; }
    .events-digifest .cd-filter-block .cd-filter-item {
      display: inline-block;
      padding-left: 5px; }
    .events-digifest .cd-filter-block .icon-check:before {
      color: #ffffff; }

.events-digifest--preview {
  background: #1f1f1f; }
  .events-digifest--preview .event-block--digifest {
    background: #1E1E1E;
    min-height: 150px; }

.events-digifest--preview__container {
  color: #d9d9d9;
  display: block;
  padding: 2rem 0 0.75rem;
  position: relative; }
  .events-digifest--preview__container h2, .events-digifest--preview__container p, .events-digifest--preview__container a {
    color: #d9d9d9; }
  @media (min-width: 1040px) {
    .events-digifest--preview__container {
      padding: 2rem 0 0rem; } }

.events-digifest--preview__more {
  background: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-align: center; }
  .events-digifest--preview__more .link {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    color: #3e4543;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.2rem;
    position: relative; }

.digifest-cta {
  color: rgba(255, 255, 255, 0.7);
  display: block;
  padding: 0 0 3rem;
  position: relative; }

.digifest-cta__title {
  color: #ffffff;
  display: block;
  margin-bottom: 2rem;
  position: relative; }
  .digifest-cta__title:after {
    background: #009CC4;
    bottom: -1rem;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    width: 30px; }

.digifest-cta__subtitle {
  color: #ffffff;
  display: block;
  font-weight: 500;
  margin-bottom: 1.5rem; }
  .digifest-cta__subtitle span {
    display: block;
    font-size: 1.1rem;
    font-weight: 600; }

.digifest-cta__deadline {
  color: #ffffff;
  display: block;
  color: #33b0d0;
  margin-bottom: 2rem;
  position: relative; }

.digifest-cta__description {
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.9rem;
  max-width: 700px;
  margin: 0 auto 1rem;
  padding: 0 2rem 0 0; }
  @media (min-width: 48em) {
    .digifest-cta__description {
      padding: 0 2rem 0 1rem; } }
  .digifest-cta__description p {
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.9rem;
    max-width: 700px; }

.topic-list {
  background: #292929; }

.topic-list__title {
  color: #ffffff;
  display: block;
  margin-bottom: 3rem;
  position: relative;
  text-align: center;
  width: 100%; }
  .topic-list__title:after {
    background: #009CC4;
    bottom: -1rem;
    content: '';
    height: 2px;
    left: -webkit-calc(50% - 15px);
    left: calc(50% - 15px);
    position: absolute;
    width: 30px; }

.topic-list__list {
  display: block;
  position: relative; }

.topic-list__item {
  background: rgba(0, 0, 0, 0.1);
  border-left: 2px solid #076785;
  border-left: 2px solid rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.75);
  display: inline-block;
  font-size: 0.9rem;
  font-weight: 300;
  line-height: 1.2;
  margin-bottom: 0.75rem;
  padding: 0.75rem 1rem;
  position: relative; }
  @media (min-width: 35em) {
    .topic-list__item {
      padding: 1rem 2rem 1rem 1rem; } }

.digifest-submit {
  background: #222222; }

.digifest-submit-cta {
  border: 2px solid #49ccf5;
  border: 2px solid #009CC4;
  color: #ffffff;
  display: block;
  padding: 1rem 1.5rem 4rem;
  position: relative;
  max-width: 700px;
  margin: 4rem auto 2rem;
  width: -webkit-calc(100% - 2rem);
  width: calc(100% - 2rem); }
  @media (min-width: 35em) {
    .digifest-submit-cta {
      padding: 1rem 2rem; } }

.digifest-submit-cta__title {
  color: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  display: block;
  margin-bottom: 2rem;
  position: relative;
  width: 100%; }
  @media (min-width: 35em) {
    .digifest-submit-cta__title {
      width: 80%; } }
  .digifest-submit-cta__title:after {
    background: #009CC4;
    bottom: -1rem;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    width: 30px; }

.digifest-submit-cta__subtitle {
  color: #ffffff;
  font-size: 1.1rem;
  font-weight: 500; }

.digifest-submit-cta__description {
  color: #ffffff;
  font-size: 0.8rem;
  width: 100%; }
  @media (min-width: 35em) {
    .digifest-submit-cta__description {
      padding: 0 2rem 0 0;
      width: 80%; } }

.digifest-submit-cta__button {
  background: #009CC4;
  bottom: 0;
  color: rgba(0, 0, 0, 0.8);
  display: block;
  font-size: 1.1rem;
  font-weight: 500;
  left: 0;
  line-height: 1.1;
  padding: 10px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 100%;
  vertical-align: middle; }
  @media (min-width: 35em) {
    .digifest-submit-cta__button {
      bottom: 0;
      display: inline-block;
      left: auto;
      position: absolute;
      right: 0;
      top: 0;
      width: 20%; } }
  .digifest-submit-cta__button .icon-mail {
    color: rgba(0, 0, 0, 0.8);
    display: inline-block;
    font-family: fontello;
    font-size: 1.4rem;
    margin-right: 0.5rem;
    position: relative;
    text-align: center;
    width: auto; }
    @media (min-width: 35em) {
      .digifest-submit-cta__button .icon-mail {
        display: block;
        margin-right: 0;
        margin-top: 50%;
        width: 100%; } }

.digifest-contact {
  display: block;
  position: relative;
  max-width: 700px; }
  @media (min-width: 48em) {
    .digifest-contact {
      padding: 0 2rem; } }

.digifest-contact__title {
  color: #3e4543;
  display: block;
  margin-bottom: 3rem;
  position: relative; }
  .digifest-contact__title:after {
    background: #009CC4;
    bottom: -1rem;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    width: 30px; }

.digifest-contact__description {
  font-size: 0.9rem;
  max-width: 700px;
  margin-bottom: 1rem; }

.digifest-contact__link {
  display: inline-block;
  font-size: 1rem;
  margin-bottom: 0.5rem;
  margin-right: 2rem;
  padding-left: 1.5rem;
  position: relative; }

.digifest-contact__link--email:before {
  content: '\e819';
  display: inline-block;
  font-family: fontello;
  left: 0;
  position: absolute;
  top: 3px; }

.digifest-contact__link--phone:before {
  content: '\e810';
  display: inline-block;
  font-family: fontello;
  left: 0;
  position: absolute;
  top: 3px; }

.large-block--digifest {
  background: #292929;
  color: #d9d9d9; }
  .large-block--digifest .large-block-content {
    background: #222222;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #d9d9d9; }
  .large-block--digifest h2, .large-block--digifest p {
    color: #d9d9d9; }

.small-block--digidoc {
  background: #1b1b1b;
  color: #d9d9d9; }
  .small-block--digidoc h2, .small-block--digidoc p {
    color: #d9d9d9; }

.digifest-sponsors__list {
  display: block;
  position: relative; }

.digifest-sponsors__logo {
  border-top: 1px solid #dddddd;
  display: inline-block;
  margin-bottom: 1.5rem;
  margin-right: 1.5rem;
  padding-top: 1rem;
  position: relative;
  vertical-align: top; }
  .digifest-sponsors__logo img {
    display: block;
    position: relative;
    max-width: 190px; }

.timetable {
  display: block;
  padding-top: 1rem;
  position: relative; }

.timetable-day {
  display: block;
  padding: 2rem 0 2rem;
  position: relative; }

.timetable-day--digidoc .timetable-day__date {
  border-top: 1px solid #B9BA0E; }

.timetable-day--digidoc .timetable-event:first-of-type {
  border-top: 1px solid #B9BA0E; }

.timetable-day--digidoc .timetable-event:last-of-type {
  background: #1E1E1E;
  border-top: 1px solid #B9BA0E; }
  @media (min-width: 1040px) {
    .timetable-day--digidoc .timetable-event:last-of-type:hover {
      background: #1B1B1B; } }

.timetable-day__date {
  border-top: 1px solid #dddddd;
  display: block;
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 2.5rem;
  padding: 1rem 0; }
  .timetable-day__date span {
    display: block;
    font-size: 1rem;
    font-weight: 500;
    padding: 0 0 0.5rem; }

.timetable-day__title {
  color: #313131;
  display: block;
  font-weight: 400;
  margin-bottom: 1rem;
  margin-top: -1rem; }
  @media (min-width: 48em) {
    .timetable-day__title {
      margin-top: 0; } }

.timetable-event {
  border-top: 1px solid #dddddd;
  padding: 0.75rem 1.2rem 1.5rem 0;
  position: relative;
  width: 100%; }
  .timetable-event:first-of-type {
    border-top: 1px solid #31c5f4;
    border-top: 1px solid #dddddd; }

.timetable-event--with-link {
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }
  .timetable-event--with-link:after {
    content: '\e824';
    font-family: fontello;
    font-size: 1.4rem;
    opacity: 0.6;
    position: absolute;
    right: 1rem;
    top: 1rem;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out; }
    @media (min-width: 1040px) {
      .timetable-event--with-link:after {
        font-size: 1.8rem;
        opacity: 0;
        right: 3rem; } }
  @media (min-width: 1040px) {
    .timetable-event--with-link:hover {
      background: #1E1E1E; }
      .timetable-event--with-link:hover:after {
        opacity: 1;
        right: 2rem; } }

.timetable-event__title--digidoc {
  color: #3e4543;
  display: block;
  font-weight: 700;
  margin-bottom: 1.5rem;
  position: relative;
  text-transform: uppercase; }

.timetable-event__time {
  font-size: 0.8rem;
  line-height: 1.2rem;
  line-height: 1;
  margin-bottom: 20px;
  position: relative; }
  .timetable-event__time:after {
    background: rgba(255, 255, 255, 0.2);
    bottom: -12px;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    width: 20px; }
  @media (min-width: 30em) {
    .timetable-event__time {
      width: 160px;
      padding: 0 1.5%;
      display: block;
      float: left; }
      .timetable-event__time:after {
        display: none; } }
  @media (min-width: 48em) {
    .timetable-event__time {
      font-size: 1rem;
      line-height: 1.4rem; } }

@media (min-width: 30em) {
  .timetable-event__bd {
    display: block;
    float: left;
    width: -webkit-calc(100% - 160px);
    width: calc(100% - 160px);
    padding: 0 1.5%; } }

.timetable-day__sponsor {
  color: #888888;
  font-size: 0.8rem;
  margin-bottom: 1rem;
  margin-top: -5px; }
  .timetable-day__sponsor p {
    margin-bottom: 0; }
  .timetable-day__sponsor:before {
    background: #adadad;
    content: '';
    display: block;
    height: 1px;
    margin-bottom: 8px;
    position: relative;
    width: 30px; }
  .timetable-day__sponsor .sponsors {
    display: block;
    margin-bottom: 0; }
    .timetable-day__sponsor .sponsors span {
      color: #3e4543;
      display: inline-block;
      font-size: 1rem;
      padding-left: 15px;
      position: relative; }
      .timetable-day__sponsor .sponsors span:before {
        background: #3e4543;
        bottom: 8px;
        content: '';
        height: 2px;
        left: 7px;
        position: absolute;
        width: 2px; }
      .timetable-day__sponsor .sponsors span:first-of-type {
        padding-left: 0; }
        .timetable-day__sponsor .sponsors span:first-of-type:before {
          display: none; }

.timetable-event__type {
  display: block;
  margin-bottom: 4px; }

.timetable-event__sub {
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  margin-bottom: 0; }

.timetable-event__description {
  max-width: 600px;
  margin-bottom: 0;
  margin-right: 1.5rem; }

.timetable-event__link {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

.timetable-day__session {
  display: block;
  margin-bottom: 1rem;
  position: relative; }

.timetable-day__session-title {
  text-transform: uppercase; }
  .timetable-day__session-title span {
    background: #dddddd;
    color: #313131;
    display: inline-block;
    padding: 1px 1.5% 1px;
    position: relative; }

.timetable--digifest,
.timetable--digidoc {
  color: #d9d9d9; }
  .timetable--digifest .timetable-day__date,
  .timetable--digidoc .timetable-day__date {
    border-top: 1px solid #f2f2f2;
    color: #ffffff; }
    @media (min-width: 48em) {
      .timetable--digifest .timetable-day__date,
      .timetable--digidoc .timetable-day__date {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        color: #d9d9d9; } }
  .timetable--digifest .timetable-day__title,
  .timetable--digidoc .timetable-day__title {
    font-size: 1.1rem;
    line-height: 1.5rem;
    color: #d9d9d9;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    overflow: visible;
    position: relative; }
    .timetable--digifest .timetable-day__title:before,
    .timetable--digidoc .timetable-day__title:before {
      background-color: #B9BA0E;
      content: '';
      height: 1px;
      left: 0;
      position: absolute;
      top: -0.75rem;
      width: 1.5rem; }
  .timetable--digifest .timetable-day__sponsor p, .timetable--digifest .timetable-day__sponsor span,
  .timetable--digidoc .timetable-day__sponsor p,
  .timetable--digidoc .timetable-day__sponsor span {
    color: #d9d9d9; }
  .timetable--digifest .timetable-event,
  .timetable--digidoc .timetable-event {
    border-top: 1px solid rgba(255, 255, 255, 0.2); }
  .timetable--digifest .timetable-event__title,
  .timetable--digidoc .timetable-event__title {
    color: #d9d9d9;
    display: block;
    margin-bottom: 0.25rem; }
  .timetable--digifest .timetable-event__sub,
  .timetable--digidoc .timetable-event__sub {
    color: #b3b3b3;
    font-size: 1rem;
    line-height: 1.4rem; }
  .timetable--digifest .timetable-event__description,
  .timetable--digidoc .timetable-event__description {
    color: #d9d9d9; }
  .timetable--digifest .event-descriptor__title,
  .timetable--digidoc .event-descriptor__title {
    color: #ffffff; }
  .timetable--digifest .timetable-day__session-title span,
  .timetable--digidoc .timetable-day__session-title span {
    background: rgba(255, 255, 255, 0.2);
    border-left: 1px solid #B9BA0E;
    color: #d9d9d9; }

.timetable--digifest {
  background: #222222; }

.timetable--digidoc {
  background: #1E1E1E; }

.event-notice {
  border-top: 3px solid #313131;
  padding-top: 1.5rem; }
  @media (min-width: 48em) {
    .event-notice {
      margin-left: 1.5rem; } }
  .event-notice p a:not(.btn) {
    color: #6d7147;
    border-bottom: 1px solid #a0a671;
    opacity: 1; }
  .event-notice p a:hover {
    color: #595c3a;
    border-bottom: none; }

.event-notice__title {
  font-size: 1.4rem;
  line-height: 1.6rem;
  margin-bottom: 0.75rem; }
  @media (min-width: 48em) {
    .event-notice__title {
      font-size: 1.5rem;
      line-height: 1.8rem; } }

.event-notice__summary {
  font-size: 1rem;
  line-height: 1.4rem;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; }

.event-col {
  font-size: 1rem;
  line-height: 1.4rem;
  font-weight: 400;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; }

.event-col--heading {
  font-size: 1rem;
  line-height: 1.4rem;
  margin-bottom: 0.375rem; }
  @media (min-width: 48em) {
    .event-col--heading {
      margin-bottom: 0; } }

.events-paging {
  display: block;
  margin: 3rem auto 0 auto;
  text-align: center;
  max-width: 250px; }

.event-location {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem; }

.event-location__title {
  font-size: 1.26rem;
  line-height: 1.6rem;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: 600;
  margin-bottom: 0.375rem; }

.event-location__summary {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: 300;
  margin-bottom: 1.5rem; }

.event-location__link {
  font-size: 1rem;
  line-height: 1.4rem;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; }

.event-partner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.event-partner__item {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  margin-bottom: 1.5rem;
  margin-right: 1.5rem; }

.programme:first-child .programme__date {
  border: 0;
  padding-top: 0; }

@media (min-width: 48em) {
  .programme__inner {
    border-top: 2px solid #dddddd;
    padding-top: 1.5rem; } }

.programme__date {
  font-size: 1.1rem;
  line-height: 1.5rem;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: 700;
  margin-bottom: 0.75rem; }
  @media (max-width: 48em) {
    .programme__date {
      border-top: 2px solid #dddddd;
      padding-top: 1.5rem; } }

.programme__summary {
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  width: 100%; }
  @media (min-width: 30em) {
    .programme__summary {
      width: 64.16667%; } }

.programme__session {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 1.5rem;
  width: 100%; }

.programme__title {
  font-size: 1rem;
  line-height: 1.4rem;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: 700;
  margin-bottom: 0.375rem; }

.programme__time {
  font-size: 1rem;
  line-height: 1.4rem;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: 700;
  margin-bottom: 0.375rem;
  width: 100%; }
  @media (min-width: 30em) {
    .programme__time {
      width: 30.83333%;
      padding-right: 1.5rem; } }

.programme-list__item {
  font-size: 1rem;
  line-height: 1.4rem;
  margin-bottom: 0.375rem; }

.event-speaker__title {
  font-size: 1.1rem;
  line-height: 1.5rem;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: 600; }

.event-speaker__position {
  font-size: 0.8rem;
  line-height: 1.2rem;
  color: #666666;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: 400; }

.accordion {
  border-bottom: 2px solid #dddddd; }

.accordion__row {
  display: block;
  width: 100%; }

.accordion__heading {
  border-bottom: 2px solid #dddddd;
  font-size: 1.1rem;
  line-height: 1.5rem;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: 700;
  margin-top: 3rem;
  padding-bottom: 1.5rem; }
  .accordion__heading:first-of-type {
    margin-top: 0; }

.accordion-btn {
  background-color: transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.75rem 0;
  position: relative;
  text-align: left;
  width: 100%; }
  .accordion-btn:after {
    position: absolute;
    right: 20px;
    top: 20px;
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    border-right: 2px solid #666666;
    border-bottom: 2px solid #666666;
    -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg); }
    .active .accordion-btn:after {
      top: 28px;
      -webkit-transform: translateY(-50%) rotate(-135deg);
          -ms-transform: translateY(-50%) rotate(-135deg);
              transform: translateY(-50%) rotate(-135deg); }

.accordion__inner {
  display: none;
  overflow: hidden;
  padding-bottom: 1.5rem; }
  .active .accordion__inner {
    display: block; }

.tab__list {
  *zoom: 1;
  display: block;
  font-size: 1.2rem;
  height: 48px;
  list-style: none;
  padding: 0; }
  .tab__list:before, .tab__list:after {
    content: "";
    display: table; }
  .tab__list:after {
    clear: both; }

@media (min-width: 1040px) {
  .tab__list--indent .tab__item:first-child {
    padding-left: 17.8%; } }

.tab__item {
  display: block;
  float: left;
  list-style: none; }

.tab__link {
  background-color: #f4f4f4;
  border-spacing: 0;
  color: #6e7472;
  display: block;
  font-family: "gill-sans-nova", sans-serif;
  font-weight: 600;
  font-size: 1.1rem;
  height: 48px;
  line-height: 32px;
  margin: 0;
  padding: 0.5rem 0.8rem;
  text-decoration: none; }
  .tab__link:hover {
    color: #9fa2a1;
    cursor: pointer;
    text-decoration: none; }
  .tab__link:visited {
    color: #666666; }
    .tab__link:visited:hover {
      color: #666666; }
  @media (min-width: 48em) {
    .tab__link {
      font-size: 1.3rem;
      padding: 0.5rem 1.6rem; } }

.tab__link[aria-selected] {
  background-color: #3e4543;
  border-spacing: 0;
  color: #ffffff;
  cursor: default;
  margin-left: 0; }

.tab__link--light {
  background-color: transparent;
  color: #666666;
  padding: 0 1rem 0 0;
  position: relative; }
  @media (min-width: 48em) {
    .tab__link--light {
      padding: 0 1.5rem 0 0; } }
  .tab__link--light[aria-selected] {
    background-color: transparent;
    color: #3e4543; }
    .tab__link--light[aria-selected]:after {
      content: "";
      background-color: #313131;
      bottom: 0;
      display: block;
      position: absolute;
      width: 50px;
      height: 3px; }

.tab__panel {
  padding: 3rem 0; }

[role="tabpanel"][aria-hidden="true"] {
  display: none; }

[role="tabpanel"]:focus {
  outline: thin dotted; }

.tab__list--scroll {
  margin-left: 1.25%;
  margin-right: 1.25%; }
  @media (max-width: 30em) {
    .tab__list--scroll {
      overflow-x: scroll;
      overflow-y: hidden;
      display: block;
      white-space: nowrap; }
      .tab__list--scroll .tab__item {
        display: inline-block;
        float: none;
        list-style: none; } }

@media (max-width: 48em) {
  .tabs__shadow {
    position: relative; }
    .tabs__shadow:before {
      left: 0;
      -webkit-box-shadow: inset 8px 0 7px -7px rgba(0, 0, 0, 0.5);
              box-shadow: inset 8px 0 7px -7px rgba(0, 0, 0, 0.5); }
    .tabs__shadow:after {
      right: 0;
      -webkit-box-shadow: inset -8px 0 7px -7px rgba(0, 0, 0, 0.5);
              box-shadow: inset -8px 0 7px -7px rgba(0, 0, 0, 0.5); }
    .tabs__shadow:before, .tabs__shadow:after {
      content: "";
      position: absolute;
      top: 0;
      height: 100%;
      width: 100%;
      pointer-events: none; } }

.event-info__title {
  font-size: 1rem;
  color: #000;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  margin-bottom: 16px; }
  .event-info__title:after {
    display: block;
    width: 24px;
    height: 2px;
    background-color: #5c6a18;
    content: "";
    margin-top: 8px; }

.event-contacts {
  margin: 0 0 20px; }

.event-contacts__item {
  border-bottom: 1px #eee solid;
  margin-bottom: 8px;
  padding-bottom: 8px; }

.event-contacts__name {
  display: block;
  margin-bottom: 4px;
  font-weight: 500; }

.event-contacts__title,
.event-contacts__address,
.event-contacts__link {
  display: block; }

.event-contacts__link {
  color: #5c6a18;
  text-decoration: underline; }

.ticket__name {
  font-weight: 500; }

.ticket__desc {
  margin-bottom: 12px; }