/*! HTML5 Boilerplate v5.1.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #575756;
  font-size: 1em;
  line-height: 1;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #007ebd;
  color: #aee2fa;
  text-shadow: none;
}

::selection {
  background: #007ebd;
  color: #aee2fa;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

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

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   We Are Inverurie
   ========================================================================== */

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

a {
  text-decoration: none;
  color: #575756;
}

img {
  display: block;
  max-width: 100%;
}

ul {
  list-style: none;
}

body, input, textarea {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400; /* 400 + 700 */
  font-style: normal;
}

strong {
  font-weight: 700;
}

ul, li, p, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  line-height: 1;
}

h1, h2, h3, h4 {
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
}

ul {
  list-style: none;
}

.wrapper {
  position: relative;
}

.slicknav_menu {
  position: absolute;
  z-index: 9999;
  width: 100%;
}

.slicknav_nav {
  font-size: 14px;
}

.slicknav_nav li {
  line-height: 1.4;
}

.slicknav_nav li a {
  color: #fff;
}

.slicknav_menu,
.mobile-nav {
  display: none;
}

.slicknav_btn {
  float: left;
  background-color: #b7376a;
  text-shadow: none;
}

.slicknav_menu {
  background-color: #575756;
}

.pure-form input[type="text"],
.pure-form input[type="password"],
.pure-form input[type="email"],
.pure-form input[type="url"],
.pure-form input[type="date"],
.pure-form input[type="month"],
.pure-form input[type="time"],
.pure-form input[type="datetime"],
.pure-form input[type="datetime-local"],
.pure-form input[type="week"],
.pure-form input[type="number"],
.pure-form input[type="search"],
.pure-form input[type="tel"],
.pure-form input[type="color"],
.pure-form select,
.pure-form textarea {
  padding: 0 14px;
  font-size: 16px;
  height: 44px;
  display: block;
  box-shadow: none;
  border-radius: 0;
  width: 100%;
  vertical-align: middle;
  margin-bottom: 20px;
}

.pure-form textarea {
  padding: 14px;
  margin-bottom: 20px;
}

.pure-form label {
  display: block;
  margin-bottom: 8px;
  color: #111;
}

.pure-form label.required:after {
  content: ' *';
}

.pure-form .notifications {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: bold;
}

.pure-form .error-message {
  color: crimson;
}

.pure-form .success-message {
  color: #9abb43;
}

.pure-form textarea {
  height: 180px;
}

.pure-form button {
  border: 0;
}

.pure-form .field {
  margin-bottom: 20px;
}

::-webkit-input-placeholder {
  text-transform: uppercase;
  color: #c0c0c0;
}
::-moz-placeholder {
  text-transform: uppercase;
  color: #c0c0c0;
}
:-ms-input-placeholder {
  text-transform: uppercase;
  color: #c0c0c0;
}
:-moz-placeholder {
  text-transform: uppercase;
  color: #c0c0c0;
}

.container {
  margin: 0 auto;
  max-width: 1020px;
  padding: 0 20px;
}

.container:before,
.container:after {
  content: "";
  display: table;
  clear: both;
}

header {
  position: relative;
  margin-bottom: 48px;
}

header .logo {
  float: left;
  width: 40%; /* 492px */
  margin: 52px 6.122448979591836% 0 0; /* 60px */
}

header .social {
  float: left;
  margin-top: 78px;
}

header .social__be-inspired {
  margin-bottom: 13px;
}

header .social__links:before,
header .social__links:after {
  content: "";
  display: table;
  clear: both;
}

header .social__links span {
  display: block;
  float: left;
  font-size: 17px;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
  color: #575756;
  text-transform: uppercase;
  padding-top: 8px;
  margin-right: 22px;
}

header .social__links a,
footer .social a {
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 8px;
}

.social-icons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.social-icons a {
  display: block;
  margin-right: 8px;
}

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

.social-icons a {
  width: 24px;
  height: 24px;
}

header .social__links a img,
footer .social a img {
  width: 24px;
  height: 24px;
}

footer .social a {
  display: inline-block;
  float: none;
}

header .social__links a.email,
footer .social a.email {
  background-image: url(/img/header-email.svg?v=2);
}

header .social__links a.facebook,
footer .social a.facebook {
  background-image: url(/img/header-facebook.svg?v=2);
}

header .social__links a.twitter,
footer .social a.twitter {
  background-image: url(/img/header-twitter.svg?v=2);
}

header .social__links a.instagram,
footer .social a.instagram {
  background-image: url(/img/header-instagram.svg?v=2);
}

header .social__links a:last-of-type {
  margin-right: 0;
}

header .were-in {
  float: right;
  margin-top: 48px;
  width: 100%;
  max-width: 176px;
}

header nav {
  background-position: center bottom;
  background-repeat: repeat-x;
  background-image: url(/img/nav-bg.svg);
  background-size: auto 36px;
  padding-bottom: 36px;
  margin-top: 36px;
}

header nav ul:before,
header nav ul:after {
  content: "";
  display: table;
  clear: both;
}

header nav li {
  display: inline;
}

header nav li a {
  display: block;
  float: left;
  width: 15.816326530612246%; /* 155px */
  height: 96px;
  margin-right: 1.0204081632653061%; /* 10px */
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
  color: #fff;
  text-transform: uppercase;
}

header nav li a span {
  display: block;
  height: 66px;
  padding: 10px;
}

header nav li.first a span {
  background-color: #b7376a;
}

header nav li.second a span {
  background-color: #0098d9;
}

header nav li.third a span {
  background-color: #e3993e;
}

header nav li.fourth a span {
  background-color: #9abb43;
}

header nav li.fifth a span {
  background-color: #ca3b2f;
}

header nav li.sixth a span {
  background-color: #155d76;
}

header nav li:last-of-type a {
  margin-right: 0;
}

header .logos {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  height: 148px;
}

header .logos__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(25% - 6px);
  height: 112px;
  border: 1px solid #e2e2e2;
}

.home__promos {
  margin: 0 0 30px 0;
}

.home__promos__promo {
  position: relative;
  height: 341px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.home__promos__promo__text {
  position: absolute;
  width: 56.92307692307692%; /* 370px */
  bottom: 30px;
  left: 30px;
  background-color: #000;
  background-color: rgba(0,0,0,.8);
  padding: 20px;
}

.home__promos__promo__text h3 {
  font-size: 26px;
  color: #fff;
  margin-bottom: 8px;
  text-transform: uppercase;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
}

.home__promos__promo__text p {
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
}

.home__visiting {
  margin-bottom: 30px;
  background-color: #e3993e;
  color: #fff;
}

.home__job {
  margin-bottom: 30px;
  background-color: #b7376a;
  color: #fff;
}

.home__job--bid {
  background-color: #e3993e;
}


.inspiring-inverurie {
  width: 100%;
  margin-bottom: 30px;
}

.home__visiting h3,
.home__job h3 {
  font-size: 26px;
  line-height: 1.1;
  text-transform: lowercase;
  margin-bottom: 16px;
}

.home__visiting h3 strong,
.home__job h3 strong {
  text-transform: uppercase;
  font-size: 40px;
}

.home__visiting p,
.home__job p {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 22px;
}

.home__job p a {
  color: #fff;
  border-bottom: 1px solid #d66897;
}

.home__job--bid p a {
  border-bottom: 1px solid #fff;
}

.home__visiting h4,
.home__job h4 {
  text-transform: uppercase;
  font-size: 15px;
  margin-bottom: 8px;
}

.home__visiting__main,
.home__job__main {
  padding: 20px;
}

.home__visiting__main input[type=text] {
  border: 0;
  color: #575756;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
}

.home__visiting__button {
  display: block;
  width: 100%;
  height: 60px;
  color: #fff;
  background-color: #f9ad57;
  text-transform: uppercase;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
  font-size: 26px;
  text-align: center;
  padding: 18px 0 16px;
}

.home__main {
  float: left;
  width: 66.3265306122449%; /* 650px */
  margin: 0 3.061224489795918% 60px 0; /* 30px */
}

.home__main .logo {
  margin-bottom: 50px;
  border-bottom: 1px solid #e6e6e6;
}

.home__main .logo img {
  width: 46.15384615384615%; /* 300px */
  background-color: #fff;
  padding-right: 30px;
  margin-bottom: -1px;
}

.home__main__intro {
  margin-bottom: 50px;
}

.home__main__intro:before,
.home__main__intro:after {
  content: "";
  display: table;
  clear: both;
}

.home__main__intro__col {
  float: left;
  width: 47.69230769230769%; /* 310px */
}

.home__main__intro__col:first-of-type {
  margin-right: 4.615384615384616%; /* 30px */
}

.home__main__intro__col h3 {
  font-size: 24px;
  line-height: 1.25;
  text-transform: uppercase;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
}

.home__main__intro__col p {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 20px;
}

.home__main__intro__col p:last-of-type {
  margin-bottom: 0;
}

.home__main__get-inspired {
  margin-bottom: 50px;
}

.home__main__get-inspired:before,
.home__main__get-inspired:after {
  content: "";
  display: table;
  clear: both;
}

.home__main__get-inspired__col {
  float: left;
  display: block;
  width: 47.69230769230769%; /* 310px */
}

.home__main__get-inspired__col:first-of-type {
  margin-right: 4.615384615384616%; /* 30px */
}

.home__main__get-inspired__col img {
  margin-bottom: 16px;
}

.home__main__get-inspired__col h3 {
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 16px;
  text-transform: uppercase;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
}

.home__main__get-inspired__col p {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 16px;
}

.home__main__get-inspired__col p.date {
  font-weight: bold;
  font-size: 13px;
  text-transform: uppercase;
}

.home__main__in-the-spotlight {
  margin-bottom: 50px;
}

.home__main__in-the-spotlight:before,
.home__main__in-the-spotlight:after {
  content: "";
  display: table;
  clear: both;
}

.home__main__in-the-spotlight__col {
  float: left;
  width: 47.69230769230769%; /* 310px */
}

.home__main__in-the-spotlight__col:first-of-type {
  margin-right: 4.615384615384616%; /* 30px */
}

.home__main__in-the-spotlight__col h3 {
  font-size: 24px;
  line-height: 1.2;
  text-transform: uppercase;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
}

.home__main__in-the-spotlight__col h4 {
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 16px;
  text-transform: uppercase;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
}

.home__main__in-the-spotlight__col p {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 16px;
}

.home__main__in-the-spotlight__col p.i4u {
  text-transform: uppercase;
  font-size: 13px;
}

.home__main__in-the-spotlight__col p.i4u strong {
  color: #b7376a;
}

.big-button {
  display: block;
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
  padding: 16px 0 14px;
  text-align: center;
}

.home .big-button {
  margin-bottom: 50px;
}

.big-button--dark-blue {
  background-color: #155d76;
}

.big-button--orange {
  background-color: #e3993e;
}

.big-button--pink {
  background-color: #b7376a;
}

.image-heading {
  position: relative;
  padding-bottom: 16px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 30px;
}

.home__social {
  float: left;
  width: 30.612244897959183%; /* 300px */
  margin-bottom: 60px;
}

.home__social__twitter {
  background-color: #b7376a;
  margin-bottom: 30px;
}

.home__social__twitter__main {
  padding: 20px 0 20px 20px;
  color: #fff;
  background-position: right 20px top 20px;
  background-repeat: no-repeat;
  background-image: url(/img/sidebar-twitter.svg);
}

.home__social__twitter__main h3 {
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
  font-size: 26px;
  text-transform: uppercase;
  padding-bottom: 12px;
  margin-bottom: 22px;
  border-bottom: 1px solid #fff;
}

.tweet {
  margin-bottom: 32px;
  font-size: 14px;
  line-height: 1.6;
  padding: 0 20px 0 50px;
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url(/img/sidebar-twitter.svg);
}

.tweet:last-of-type {
  margin-bottom: 12px;
}

.tweet a {
  color: #fff;
  font-weight: bold;
}

.home__social__twitter__button {
  display: block;
  height: 60px;
  color: #fff;
  background-color: #d7538e;
  text-transform: uppercase;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
  font-size: 26px;
  text-align: center;
  padding: 18px 0 16px;
}

.home__social__instagram {
  background-color: #0098d9;
}

.home__social__instagram__main {
  padding: 20px 0 20px 20px;
  color: #fff;
  background-position: right 20px top 20px;
  background-repeat: no-repeat;
  background-image: url(/img/sidebar-instagram.svg);
}

.home__social__instagram__main h3 {
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
  font-size: 26px;
  text-transform: uppercase;
  padding-bottom: 12px;
  margin-bottom: 22px;
  border-bottom: 1px solid #fff;
}

.home__social__instagram__button {
  display: block;
  height: 60px;
  color: #fff;
  background-color: #33bef2;
  text-transform: uppercase;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
  font-size: 26px;
  text-align: center;
  padding: 18px 0 16px;
}

.home__social__instagram .instagram {
  padding-right: 20px;
}

.home__social__instagram .instagram:before,
.home__social__instagram .instagram:after {
  content: "";
  display: table;
  clear: both;
}

.home__social__instagram .instagram__photo {
  float: left;
  display: block;
  width: 48.07692307692308%; /* 125px */
  height: 125px;
  margin-bottom: 10px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.home__social__instagram .instagram__photo--large {
  width: 100%;
  height: 260px;
}

.home__social__instagram .instagram__photo--first,
.home__social__instagram .instagram__photo--fourth {
  margin-right: 3.8461538461538463%; /* 10px */
}

.page {
  margin-bottom: 50px;
}

.page h1 {
  margin-bottom: 40px;
  text-transform: uppercase;
  font-size: 40px;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
}

.page h4 {
  font-size: 0.75rem;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}

.page-logo {
  margin-bottom: 10px;
}

.page-image {
  margin-bottom: 50px;
}

.main {
  float: left;
  width: calc(68.36734693877551% - 40px);
  margin-right: 40px;
  margin-bottom: 40px;
}

.main--full {
  width: 100%;
  margin-right: 0;
}

.sidebar {
  float: left;
  width: 31.63265306122449%; /* 310px */
}

.sidebar .were-in,
.sidebar__logo {
  text-align: center;
  margin: 10px 0 50px;
}

.sidebar__logo {
  margin: 40px 0 80px;
}

.sidebar .were-in img {
  display: inline-block;
  width: 50%;
}

.sidebar__logo img {
  display: inline-block;
  width: 80%;
}

.sidebar__facebook {
  display: block;
  padding: 16px 16px 13px;
  background-position: right 16px center;
  background-repeat: no-repeat;
  background-image: url(/img/sidebar-facebook.svg);
  background-color: #575756;
  font-size: 26px;
  text-transform: uppercase;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
  color: #fff;
  margin-bottom: 20px;
}

.sidebar__related-content {
  padding: 20px 0 20px 20px;
  background-color: #ebeeed;
}

.sidebar__related-content h3 {
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
  font-size: 22px;
  padding-bottom: 10px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e6e6e6;
  text-transform: uppercase;
}

.sidebar__related-content a {
  display: block;
  background-position: right 20px top;
  background-repeat: no-repeat;
  background-image: url(/img/related-content.svg);
  min-height: 35px;
  padding-right: 70px;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.sidebar__related-content a:last-of-type {
  margin-bottom: 0;
}

.body h2 {
  font-size: 26px;
  line-height: 1.25;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.body h3 {
  font-size: 20px;
  line-height: 1.25;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.body p {
  font-size: 14px;
  line-height: 1.75;
  margin-bottom: 24px;
}

.body ul {
  margin-bottom: 30px;
  margin-left: 30px;
  list-style-type: disc;
}

.body ul li {
  font-size: 14px;
  line-height: 1.75;
}

.body p a {
  color: #0098d9;
  text-decoration: underline;
  font-weight: bold;
}

.body hr {
  border-color: #e6e6e6;
  margin: 0 0 40px;
}

.bid-content__block {
  display: none;
}

.bid-content__block#bid-1 {
  display: block;
}

.quick-enquiry {
  background-color: #ebeeed;
  padding: 20px;
  margin-bottom: 20px;
}

.quick-enquiry h3 {
  font-size: 22px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
}

.quick-enquiry h5 {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.quick-enquiry p {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 20px;
}

.quick-enquiry p strong {
  padding-right: 6px;
}

p.quick-enquiry__name {
  font-size: 18px;
  margin-bottom: 12px;
}

.quick-enquiry__form input[type=text],
.quick-enquiry__form textarea {
  border: 0;
}

.quick-enquiry__form button {
  display: block;
  width: 100%;
  padding: 16px 0 14px;
  text-align: center;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  color: #fff;
  background-color: #575756;
  background-position: left 60px center;
  background-repeat: no-repeat;
  background-image: url(/img/get-in-touch.svg);
  background-size: auto 18px;
  font-size: 18px;
}

.quick-enquiry .notifications {
  margin-top: 20px;
}

.bid-selector {
  padding: 0 80px;
  margin-bottom: 50px;
}

.bid-selector li {
  font-size: 20px;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  padding: 16px 0 12px;
  border-bottom: 1px dashed #e6e6e6;
}

.bid-selector li:last-of-type {
  border-bottom: 0;
}

.bid-selector li a:hover,
.bid-selector li a.here {
  color: #b7376a;
}

body {
  counter-reset: item;
}

.body ol {
  list-style: none;
  margin: 0 0 40px;
  padding: 0;
}

.body ol li {
  counter-increment: item;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 4px;
  padding-top: 6px;
}

.body ol li:before,
.body ol li:after {
  content: "";
  display: table;
  clear: both;
}

.body ol li:before {
  margin: 4px 20px 14px 0;
  content: counter(item);
  background: #575756;
  border-radius: 100%;
  color: white;
  width: 30px;
  height: 30px;
  text-align: center;
  display: block;
  float: left;
  font-size: 20px;
  padding: 6px 0 4px;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
  line-height: 1;
}

.body-logo {
  width: 60%;
}

ul.link-list {
  margin: 0 0 40px;
  border-top: 1px solid #e6e6e6;
  list-style-type: none;
}

.link-list li {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1rem;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  border-bottom: 1px solid #e6e6e6;
  line-height: 1.375;
}

.link-list li a {
  display: block;
}

.gallery__item__description {
  padding: 16px 0;
  font-size: 14px;
  border-bottom: 1px solid #e6e6e6;
}

.gallery .slick-prev,
.gallery .slick-next {
  display: block;
  position: absolute;
  bottom: 13px;
  width: 22px;
  height: 22px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
  cursor: pointer;
}

.gallery .slick-prev {
  background-image: url(/img/prev.svg);
  right: 32px;
}

.gallery .slick-next {
  background-image: url(/img/next.svg);
  right: 0;
}

.members-directory h3 {
  font-size: 26px;
  text-transform: uppercase;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
  margin-bottom: 40px;
}

.members-directory__filter {
  padding: 20px;
  background-color: #ebeeed;
  margin-bottom: 40px;
}

.members-directory__filter .pure-form label {
  font-size: 22px;
  text-transform: uppercase;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
  color: #575756;
  display: inline-block;
}

.members-directory__filter .pure-form .field {
  display: inline-block;
  margin: 0 30px;
}

.member {
  background-color: #ebeeed;
  margin-bottom: 10px;
}

.member:before,
.member:after {
  content: "";
  display: table;
  clear: both;
}

.member__photo {
  float: left;
  width: 25.510204081632654%; /* 250px */
}

.member--inspired .member__photo {
  border-top: 1px solid #ebeeed;
  border-left: 1px solid #ebeeed;
  border-bottom: 1px solid #ebeeed;
}

.member__details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}

.member__details p {
  font-size: 14px;
  margin-bottom: 6px;
  line-height: 1.5;
}

.member--inspired .member__details p:first-of-type {
  text-transform: uppercase;
}

.member__details p:last-of-type {
  margin-bottom: 0;
}

.member__details p strong {
  padding-right: 4px;
}

.member__details h2 {
  font-size: 22px;
  margin-bottom: 8px;
  line-height: 1.25;
  text-transform: uppercase;
}

.member--inspired .member__details h2 {
  min-height: 1px;
  text-transform: uppercase;
}

.member__details__main {
  float: left;
  width: calc(50% - 20px);
  padding-right: 20px;
}

.member__details__links {
  float: left;
  width: calc(50% - 20px);
}

.member__details__links > div {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.member__details__links a {
  display: block;
  font-size: 14px;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  padding: 18px 24px 16px;
  background-position: 16px center;
  background-repeat: no-repeat;
  border: 2px solid #575756;
  border-radius: 6px;
  margin-right: 20px;
  transition: all 0.5s;
}

.member__details__links a:hover {
  background-color: #fff;
}

.member__details__links a.facebook {
  padding: 18px 24px 16px 40px;
  background-image: url(/img/member-facebook.svg?v=2);
}

.member__details__links a:last-of-type {
  margin-right: 0;
}

.submit-event {
  display: inline-block;
  font-size: 20px;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
  color: #e3993e;
  text-transform: uppercase;
  background-position: right center;
  background-repeat: no-repeat;
  background-image: url(/img/submit-event.svg);
  background-size: 34px 34px;
  padding: 8px 51px 6px 0;
}

.body--blue h2,
.body--blue h3,
.body--blue p a {
  color: #0098d9;
}

.body--blue ol li:before {
  background: #0098d9;
}

.body--darkBlue h2,
.body--darkBlue h3,
.body--darkBlue p a {
  color: #045d76;
}

.body--darkBlue ol li:before {
  background: #045d76;
}

.body--green h2,
.body--green h3,
.body--green p a {
  color: #9abb43;
}

.body--green ol li:before {
  background: #9abb43;
}

.body--orange h2,
.body--orange h3,
.body--orange p a {
  color: #e3993e;
}

.body--orange ol li:before {
  background: #e3993e;
}

.body--pink h2,
.body--pink h3,
.body--pink p a {
  color: #b7376a;
}

.body--pink ol li:before {
  background: #b7376a;
}

.body--red h2,
.body--red h3,
.body--red p a {
  color: #e12b22;
}

.body--red ol li:before {
  background: #e12b22;
}

.sidebar--blue .quick-enquiry h5,
.sidebar--blue .quick-enquiry p strong,
.sidebar--blue .sidebar__related-content a {
  color: #0098d9;
}

.sidebar--blue .quick-enquiry__form button,
.sidebar--blue .sidebar__facebook {
  background-color: #0098d9;
}

.sidebar--darkBlue .quick-enquiry h5,
.sidebar--darkBlue .quick-enquiry p strong,
.sidebar--darkBlue .sidebar__related-content a {
  color: #045d76;
}

.sidebar--darkBlue .quick-enquiry__form button,
.sidebar--darkBlue .sidebar__facebook {
  background-color: #045d76;
}

.sidebar--green .quick-enquiry h5,
.sidebar--green .quick-enquiry p strong,
.sidebar--green .sidebar__related-content a {
  color: #9abb43;
}

.sidebar--green .quick-enquiry__form button,
.sidebar--green .sidebar__facebook {
  background-color: #9abb43;
}

.sidebar--orange .quick-enquiry h5,
.sidebar--orange .quick-enquiry p strong,
.sidebar--orange .sidebar__related-content a {
  color: #e3993e;
}

.sidebar--orange .quick-enquiry__form button,
.sidebar--orange .sidebar__facebook {
  background-color: #e3993e;
}

.sidebar--pink .quick-enquiry h5,
.sidebar--pink .quick-enquiry p strong,
.sidebar--pink .sidebar__related-content a {
  color: #b7376a;
}

.sidebar--pink .quick-enquiry__form button,
.sidebar--pink .sidebar__facebook {
  background-color: #b7376a;
}

.sidebar--red .quick-enquiry h5,
.sidebar--red .quick-enquiry p strong,
.sidebar--red .sidebar__related-content a {
  color: #e12b22;
}

.sidebar--red .quick-enquiry__form button,
.sidebar--red .sidebar__facebook {
  background-color: #e12b22;
}

.get-in-touch {
  position: relative;
  display: none;
  padding: 80px;
  background-color: #575756;
}

.close {
  position: absolute;
  right: 25px;
  top: 25px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 62px;
  height: 62px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(/img/close.svg);
}

.get-in-touch__details {
  float: left;
  width: 30%; /* 230px */
}

.get-in-touch__details h3 {
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 30px;
  font-size: 26px;
}

.get-in-touch__details p {
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 20px;
}

.get-in-touch__details p a {
  color: #fff;
}

.get-in-touch__details p strong {
  padding-right: 4px;
}

.get-in-touch__form {
  float: left;
  width: 70%; /* 750px */
}

.get-in-touch__form label {
  display: none;
}

.get-in-touch__form .pure-form input {
  margin-bottom: 0;
}

.pure-form .field {
  margin-bottom: 10px;
}

.pure-form .field .heading {
  display: none;
}

.get-in-touch__form .fields {
  float: left;
  width: 78.66666666666666%; /* 590px */
  margin-right: 1.3333333333333335%; /* 10px */
}

.get-in-touch__form .pure-form input,
.get-in-touch__form .pure-form textarea {
  border: 1px solid #fff;
}

.get-in-touch__form .pure-form .field {
  float: left;
  width: 49.152542372881356%; /* 290px */
  margin-right: 1.694915254237288%; /* 10px */
}

.get-in-touch__form .pure-form .field:nth-of-type(even) {
  margin-right: 0;
}

.get-in-touch__form .pure-form .field:last-of-type {
  width: 100%;
  margin-right: 0;
}

.get-in-touch__form button {
  float: left;
  display: block;
  width: 20%; /* 150px */
  height: 288px;
  border: 0;
  background-color: #b7376a;
  background-position: center bottom 80px;
  background-repeat: no-repeat;
  background-image: url(/img/get-in-touch.svg);
  color: #fff;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 1.2;
}

.get-in-touch__form .pure-form:before,
.get-in-touch__form .pure-form:after {
  content: "";
  display: table;
  clear: both;
}

.get-in-touch__form .notifications {
  float: left;
  width: 100%;
}

.happening-soon {
  height: 400px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(/img/happening-soon.jpg);
  background-size: cover;
  padding: 24px;
}

.happening-soon .image {
  margin-bottom: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.happening-soon__event {
  float: left;
  display: block;
  width: 24.387755102040817%; /* 239px */
  height: 300px;
  background-color: #fff;
  margin-right: 0.8163265306122449%; /* 8px */
}

.happening-soon__event:last-of-type {
  margin-right: 0;
}

.happening-soon__event h3 {
  text-transform: uppercase;
  font-size: 18px;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
  padding: 16px;
}

.events {
  padding: 60px 0;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.events h2 {
  font-size: 42px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 60px;
}

.events-wrapper {
  position: relative;
}

.calendar {
  position: relative;
  min-height: 520px;
}

.calendar:before,
.calendar:after {
  content: "";
  display: table;
  clear: both;
}

.calendar .slick-prev,
.calendar .slick-next {
  display: block;
  position: absolute;
  top: 54px;
  width: 24px;
  height: 46px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
  cursor: pointer;
}

.calendar .slick-prev {
  background-image: url(/img/calendar-back.svg);
  left: -54px;
}

.calendar .slick-next {
  background-image: url(/img/calendar-forward.svg);
  right: -54px;
}

.calendar__col {
  float: left;
  width: 32.6530612244898%; /* 320px */
  margin-right: 1.0204081632653061%; /* 10px */
}

.calendar__col.third {
  margin-right: 0;
}

.calendar__col__month {
  height: 154px;
  background-color: #fbfbfc;
  text-align: center;
  padding-top: 44px;
  margin-bottom: 10px;
}

.calendar__col__month h3 {
  text-transform: uppercase;
  font-size: 40px;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
  margin-bottom: 16px;
}

.calendar__col__month p {
  font-size: 14px;
  text-transform: uppercase;
}

.calendar__col__month p strong {
  color: #e3993e;
}

.calendar__col.here .calendar__col__month {
  background-color: #e3993e;
  color: #fff;
}

.calendar__col.here .calendar__col__month p strong {
  color: #fff;
}

.calendar__col__event {
  padding: 20px;
  background-color: #ebedeb;
  min-height: 170px;
  margin-bottom: 10px;
}

.calendar__col__event p {
  font-size: 14px;
  margin-bottom: 12px;
}

.calendar__col__event h3 {
  text-transform: uppercase;
  font-size: 24px;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
  line-height: 1.1;
  min-height: 78px;
  margin-bottom: 10px;
}

.calendar__col__event a.more-information {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  color: #e3993e;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
  padding: 3px 0 2px 28px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(/img/more-information.svg);
}

.event {
  display: none;
  width: 100%;
  min-height: 520px;
  background-color: #ebeeed;
}

.event:before,
.event:after {
  content: "";
  display: table;
  clear: both;
}

.close-event {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(/img/event-close.svg);
  width: 47px;
  height: 47px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.event__image {
  float: left;
  width: 38.775510204081634%; /* 380px */
}

.event__description {
  float: left;
  width: 61.224489795918366%; /* 600px */
  padding: 40px;
}

.event__description p {
  font-size: 14px;
  margin-bottom: 16px;
  line-height: 1.6;
}

.event__description p.date,
.event__description p.location {
  text-transform: uppercase;
}

.event__description p strong {
  color: #e3993e;
}

.event__description h4 {
  font-size: 40px;
  line-height: 1.1;
  margin-bottom: 16px;
  text-transform: uppercase;
}

.event__description hr {
  margin: 0 0 20px;
}

.event__description h5 {
  font-size: 12px;
  text-transform: uppercase;
  color: #e3993e;
  margin-bottom: 6px;
}

.event__description h6 {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 400;
}

.colour-pink {
  color: #b7376a;
}

.colour-orange {
  color: #e3993e;
}

.colour-green {
  color: #9abb43;
}

.colour-blue {
  color: #0098d9;
}

.colour-darkBlue {
  color: #045d76;
}

.colour-red {
  color: #ca3b2f;
}

.page__heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 40px;
}

.page__heading h1 {
  margin-bottom: 0;
}

.page__heading h2 {
  text-transform: uppercase;
  font-size: 40px;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
}

.page__banner {
  margin-bottom: 40px;
}

.articles {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-gap: 28px;
}

.articles--1 {
  grid-template-columns: repeat(1,1fr);
}

.articles__article img {
  margin-bottom: 1.25rem;
}

.articles__article h4 {
  font-size: 0.75rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

.articles__article h3 {
  font-size: 1.375rem;
  line-height: 1.25;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.articles__article p {
  font-size: 0.875rem;
  line-height: 1.75;
  margin-bottom: 1.25rem;
}

.new-button {
  display: inline-block;
  font-size: 0.875rem;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  padding: 18px 36px 16px 24px;
  background-position: right 16px center;
  background-repeat: no-repeat;
  background-image: url(/img/new-button.svg);
  border: 2px solid #575756;
  border-radius: 6px;
  margin-right: 20px;
}

.new-button--white {
  background-image: url(/img/new-button-white.svg);
  border: 2px solid #fff;
  color: #fff;
}

.new-button--small {
  font-size: 0.75rem;
  padding: 4px 8px 2px;
  background-image: none;
  border-radius: 4px;
  margin-right: 0;
}

.new-button--email {
  background-position: left 8px center;
  background-repeat: no-repeat;
  background-image: url(/img/button-email.svg);
  padding-left: 28px;
}

.boxes {
  display: grid;
  grid-gap: 15px;
  margin-bottom: 60px;
}

.boxes--1 {
  grid-template-columns: repeat(1,1fr);
}

.boxes--2 {
  grid-template-columns: repeat(2,1fr);
}

.boxes--3 {
  grid-template-columns: repeat(3,1fr);
  grid-gap: 16px;
}

.boxes--4 {
  grid-template-columns: repeat(4,1fr);
}

.boxes__box > img {
  width: 100%;
}

.boxes__box__text {
  padding: 20px 32px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.boxes__box--pink {
  background-color: #b7376a;
}

.boxes__box--orange {
  background-color: #e3993e;
}

.boxes__box--green {
  background-color: #9abb43;
}

.boxes__box--blue {
  background-color: #0098d9;
}

.boxes__box__text h3 {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.375rem;
  margin-bottom: 1rem;
  line-height: 1.25;
  width: 100%;
}

.boxes__box__text p {
  color: #fff;
  line-height: 1.5;
  font-size: 0.875rem;
  margin-bottom: 16px;
}

.boxes__box__text p a {
  color: #fff;
  text-decoration: underline;
}

.main--news {
  margin-bottom: 60px;
}

.instagramFeed__feed {
  margin-bottom: 60px;
}

.instagramFeed__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
}

.instagramFeed__icon a {
  display: block;
}

.contactCard {
  border: 1px solid #e9e9e9;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 40px;
  text-align: center;
}

.contactCard h4 {
  margin-bottom: 0.5rem;
}

.grid--people .contactCard {
  margin-bottom: 0;
}

.grid--people .contactCard h5 {
  font-size: 0.875rem;
  color: #b7376a;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 0.75rem;
}

.grid--people .contactCard h3 {
  margin-bottom: 0.5rem;
}

.grid--people .contactCard h6 {
  font-size: 0.875rem;
  color: #b7376a;
  font-weight: bold;
}

.contactCard--pink h4 {
  color: #b7376a;
}

.contactCard--orange h4 {
  color: #e3993e;
}

.contactCard--green h4 {
  color: #9abb43;
}

.contactCard--blue h4 {
  color: #0098d9;
}

.contactCard--darkBlue h4 {
  color: #045d76;
}

.contactCard--red h4 {
  color: #ca3b2f;
}

.contactCard h3 {
  font-size: 1.375rem;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
  line-height: 1.25;
}

.contactCard p {
  margin-bottom: 1rem;
}

.contactCard p em {
  font-style: normal;
}

.contactCard--pink p em {
  color: #b7376a;
}

.contactCard--orange p em {
  color: #e3993e;
}

.contactCard--green p em {
  color: #9abb43;
}

.contactCard--blue p em {
  color: #0098d9;
}

.contactCard--darkBlue p em {
  color: #045d76;
}

.contactCard--red p em {
  color: #ca3b2f;
}

.join {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.join__left {
  width: 30.612244897959183%;
  margin-right: 40px;
}

.join__left .body h2 {
  margin-bottom: 12px;
}

.join__left .body p {
  margin-bottom: 4px;
}

.grid {
  display: grid;
  grid-gap: 24px;
  margin-bottom: 60px;
}

.grid--3 {
  grid-template-columns: repeat(3,1fr);
}

.fastest {
  padding: 2rem 0;
  text-align: center;
}

.fastest h2 {
  font-size: 1.125rem;
  text-transform: uppercase;
}

.features__feature {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.features__feature__main {
  padding: 2rem;
  min-height: 400px;
  width: 34.69387755102041%; /* 340px */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.features__feature--pink .features__feature__main {
  background-color: #b7376a;
}

.features__feature--orange .features__feature__main {
  background-color: #e3993e;
}

.features__feature--green .features__feature__main {
  background-color: #9abb43;
}

.features__feature--blue .features__feature__main {
  background-color: #0098d9;
}

.features__feature--darkBlue .features__feature__main {
  background-color: #045d76;
}

.features__feature--red .features__feature__main {
  background-color: #ca3b2f;
}

.features__feature__main h2 {
  color: #fff;
  line-height: 1.25;
  font-size: 1.5rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
  width: 100%;
}

.features__feature__main h4 {
  margin-bottom: 1.5rem;
  background-color: #fff;
  padding: 6px 8px 4px;
  border-radius: 4px;
  font-size: 0.75rem;
  text-transform: uppercase;
}

.features__feature--pink .features__feature__main h4 {
  color: #b7376a;
}

.features__feature--orange .features__feature__main h4 {
  color: #e3993e;
}

.features__feature--green .features__feature__main h4 {
  color: #9abb43;
}

.features__feature--blue .features__feature__main h4 {
  color: #0098d9;
}

.features__feature--darkBlue .features__feature__main h4 {
  color: #045d76;
}

.features__feature--red .features__feature__main h4 {
  color: #ca3b2f;
}

.features__feature__main p {
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.75;
  margin-bottom: 1.5rem;
  width: 100%;
}

.features__feature__main p a {
  color: #fff;
  text-decoration: underline;
}

.features__feature__image {
  width: 65.3061224489796%; /* 640px */
  min-height: 400px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

.feature-slider .slick-arrow {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 6000;
  cursor: pointer;
}

.feature-slider .slick-arrow--prev {
  right: 40px;
}

footer {
  height: 750px;
}

footer .logo {
  padding: 60px 0;
  text-align: center;
  border-bottom: 1px solid #e6e6e6;
}

footer .logo img {
  display: inline-block;
  width: 46.93877551020408%; /* 460px */
}

footer .logos {
  padding: 40px 0;
  text-align: center;
  border-bottom: 1px solid #e6e6e6;
}

footer .logos img {
  display: inline-block;
  vertical-align: top;
  height: 38px;
  margin-right: 50px
}

footer .logos a:last-of-type img {
  margin-right: 0;
}

footer .logos img.small {
  height: 26px;
}

footer nav {
  padding: 60px 0;
  border-bottom: 1px solid #e6e6e6;
}

footer nav:before,
footer nav:after {
  content: "";
  display: table;
  clear: both;
}

footer nav ul {
  float: left;
  margin-left: 30px;
  padding: 10px 0 10px 30px;
  min-height: 80px;
}

footer nav ul.first {
  border-left: 1px solid #b7376a;
}

footer nav ul.second {
  border-left: 1px solid #9abb43;
}

footer nav ul.third {
  border-left: 1px solid #0098d9;
}

footer nav ul.fourth {
  border-left: 1px solid #e3993e;
}

footer nav li {
  font-size: 14px;
  margin-bottom: 14px;
  text-transform: uppercase;
}

footer nav li:last-of-type {
  margin-bottom: 0;
}

footer .social {
  padding: 10px 0;
  border-bottom: 1px solid #e6e6e6;
  font-size: 0;
}

footer .social:before,
footer .social:after {
  content: "";
  display: table;
  clear: both;
}

footer .social__col {
  float: left;
  width: 50%;
  padding: 10px 0;
  text-align: center;
  font-size: 18px;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
  text-transform: uppercase;

}

footer .social__col span,
footer .social a {
  vertical-align: top;
  display: inline-block;
}

footer .social__col span {
  padding-top: 5px;
  margin-right: 10px;
}

footer .social a {
  background-size: auto 22px;
}

footer .base {
  margin: 40px 0;
}

footer .base:before,
footer .base:after {
  content: "";
  display: table;
  clear: both;
}

footer .base__legal,
footer .base__cpco {
  float: left;
  width: 50%;
  font-size: 13px;
  line-height: 1.5;
}

footer .base__cpco {
  text-align: right;
}

footer .base__legal a,
footer .base__cpco a {
  text-decoration: underline;
}

footer .social__col:first-of-type {
  border-right: 1px solid #e6e6e6;
}

.home__main__covid19 {
  background-color: #b7376a;
  padding: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: 20px;
}

.home__main__covid19 h3 {
  font-size: 1.5rem;
  text-transform: uppercase;
  color: #fff;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
  margin-bottom: 12px;
}

.home__main__covid19 p {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  margin-bottom: 16px;
}

.home__main__covid19 a {
  display: block;
  background-color: #fff;
  color: #b7376a;
  padding: 12px 16px 8px;
  font-family: 'DINPro', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 1rem;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

  .boxes,
  .articles,
  .grid,
  .grid--3,
  .boxes--1,
  .articles--1 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    flex-wrap: wrap;
  }

  .articles {
    justify-content: flex-start;
  }

  .boxes--4 .boxes__box {
    width: 24%;
  }

  .boxes--3 .boxes__box,
  .articles__article,
  .grid--3 .contactCard {
    width: 32%;
  }

  .articles__article {
    width: calc(33.33333333333333% - 16px);
    margin-right: 22px;
    margin-bottom: 24px;
  }

  .articles__article:nth-of-type(3n+3) {
    margin-right: 0;
  }

  .articles--1 .articles__article {
    width: 100%;
  }

  .grid--3 .contactCard {
    margin-bottom: 20px;
  }

  .boxes--1 .boxes__box {
    width: 100%;
  }

}

.event__description p a {
  color: #0098d9;
  text-decoration: underline;
}

figure {
  margin: 0;
}

.explore {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-gap: 20px;
}

.explore a {
  display: block;
}

@media (max-width: 767px) {

  .explore a img {
    height: 40px;
  }

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

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

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *  `contenteditable` attribute is included anywhere else in the document.
 *  Otherwise it causes space to appear at the top and bottom of elements
 *  that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *  `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print,
     (-webkit-min-device-pixel-ratio: 1.25),
     (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important; /* Black prints faster:
                   http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}