@charset "UTF-8";
/*!
Theme Name: Crush Theme
Theme URI: http://crush-design.co.uk
Author: Crush Design
Author URI: http://www.crush-design.co.uk
Description: Just another Crush theme
Version: 3.0
License: GNU General Public License
License URI: license.txt
Text Domain: crush
Domain Path: /languages/
=============================================================================================================================
==
==  Building on version 2, this theme is has been redeveloped to use namespace and classes. We are now using 5 break points
==  as we found that three were too far apart:
==		-  320px
==      -  450px
==		-  690px
==      -  999px
==      -  1200px
==  As you can see, there are no styles applied to devices below 320px wide. This is because it would be difficult to fit
==  anything decent into a viewport of that size, so we just serve it style-less.
==
=============================================================================================================================
*/
/**
 * Breakpoints
 * ----------------
 * For each breakpoint styles will be applied
 * from the size e.g. for "large" styles will
 * be applied once the width of the viewport
 * is 1200px.
 *
 * Use default styles that are applicable
 * from 0px and only override
 * styles using breakpoints
 * when needed.
 */
/**
 * Fonts
 */
@font-face {
  font-family: "Roboto";
  src: url("fonts/roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}
/* Font size labels correspond to breakpoints */
/**
 * Colours
 */
/*  name            background/colour   text-colour */
/**
 * Colour themes these are for page/section specific where template-$name is being used
 */
/* formatting is as follows, sorry its terrible template-name and prefix are for mapping old colours to new */
/* again sorry for the mess made as a result of this */
/* name background, text, link, highlight */
/**
 * Layout
 */
/**
 * Font sizes
 */
/**
 * Applys a breakpoint around the provided content
 * @param  {string} $size size of the breakpoint
 * @return {null}       nothing returned breakpoint code wrapped around content
 */
/**
 * Creates a class for each colour and a second class with each colour applied as background-color
 */
html, body, div, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small,
strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
summary, details {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

button, input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

html {
  font-size: 100%;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
}

body {
  background: #FFF;
}

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

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

caption, th, td {
  font-weight: 400;
  text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

a:focus {
  outline: thin dotted;
}

a:hover, a:active {
  outline: 0;
}

a img {
  border: 0;
}

* {
  box-sizing: border-box;
}

h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  text-decoration: none;
  font-weight: 400;
}
h4 a, .h4 a, h3 a, .h3 a, h2 a, .h2 a, h1 a, .h1 a {
  color: inherit;
  text-decoration: none;
}

h1, .h1 {
  font-size: 35px;
  margin: 0 0 1em;
}

h2, .h2 {
  font-size: 30px;
  margin: 0 0 1em;
}

h3, .h3 {
  font-size: 24px;
  margin: 0 0 1em;
}

h4, .h4 {
  font-size: 20px;
}

p {
  margin-bottom: 1em;
  line-height: 1.4;
}
p:empty {
  margin: 0;
}

ul, ol {
  padding: 0 0 0 1em;
  margin: 0 0 1em;
}
ul li, ol li {
  margin: 0 0 8px;
}

hr {
  margin: 75px 0 65px;
  border: 2px solid #BABCBE;
}
hr.red {
  border-color: #D81F27;
}

a {
  color: #D81F27;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.uppercase {
  text-transform: uppercase;
}

.no-margin {
  margin: 0;
}

b, strong, .bold {
  font-weight: bold;
}

.colour-red {
  color: #D81F27;
}

.background-red {
  background: #D81F27;
  color: #FFF;
}
.background-red .see-all {
  background-color: #FFF;
  color: #D81F27;
}
@media only screen and (min-width: 1600px) {
  .background-red .clipped-corner-bottom {
    position: relative;
  }
  .background-red .clipped-corner-bottom:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 100px solid transparent;
    border-left: 100px solid #D81F27;
  }
}
@media only screen and (min-width: 999px) {
  .background-red .clipped-corner-top {
    position: relative;
  }
  .background-red .clipped-corner-top:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 100px solid #D81F27;
    border-left: 100px solid transparent;
  }
}

.colour-dark-red {
  color: #471524;
}

.background-dark-red {
  background: #471524;
  color: #FFF;
}
.background-dark-red .see-all {
  background-color: #FFF;
  color: #471524;
}
@media only screen and (min-width: 1600px) {
  .background-dark-red .clipped-corner-bottom {
    position: relative;
  }
  .background-dark-red .clipped-corner-bottom:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 100px solid transparent;
    border-left: 100px solid #471524;
  }
}
@media only screen and (min-width: 999px) {
  .background-dark-red .clipped-corner-top {
    position: relative;
  }
  .background-dark-red .clipped-corner-top:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 100px solid #471524;
    border-left: 100px solid transparent;
  }
}

.colour-fuchsia {
  color: #D9295F;
}

.background-fuchsia {
  background: #D9295F;
  color: #FFF;
}
.background-fuchsia .see-all {
  background-color: #FFF;
  color: #D9295F;
}
@media only screen and (min-width: 1600px) {
  .background-fuchsia .clipped-corner-bottom {
    position: relative;
  }
  .background-fuchsia .clipped-corner-bottom:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 100px solid transparent;
    border-left: 100px solid #D9295F;
  }
}
@media only screen and (min-width: 999px) {
  .background-fuchsia .clipped-corner-top {
    position: relative;
  }
  .background-fuchsia .clipped-corner-top:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 100px solid #D9295F;
    border-left: 100px solid transparent;
  }
}

.colour-cardinal-red {
  color: #D9295F;
}

.background-cardinal-red {
  background: #D9295F;
  color: #FFF;
}
.background-cardinal-red .see-all {
  background-color: #FFF;
  color: #D9295F;
}
@media only screen and (min-width: 1600px) {
  .background-cardinal-red .clipped-corner-bottom {
    position: relative;
  }
  .background-cardinal-red .clipped-corner-bottom:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 100px solid transparent;
    border-left: 100px solid #D9295F;
  }
}
@media only screen and (min-width: 999px) {
  .background-cardinal-red .clipped-corner-top {
    position: relative;
  }
  .background-cardinal-red .clipped-corner-top:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 100px solid #D9295F;
    border-left: 100px solid transparent;
  }
}

.colour-orange {
  color: #EF4724;
}

.background-orange {
  background: #EF4724;
  color: #FFF;
}
.background-orange .see-all {
  background-color: #FFF;
  color: #EF4724;
}
@media only screen and (min-width: 1600px) {
  .background-orange .clipped-corner-bottom {
    position: relative;
  }
  .background-orange .clipped-corner-bottom:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 100px solid transparent;
    border-left: 100px solid #EF4724;
  }
}
@media only screen and (min-width: 999px) {
  .background-orange .clipped-corner-top {
    position: relative;
  }
  .background-orange .clipped-corner-top:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 100px solid #EF4724;
    border-left: 100px solid transparent;
  }
}

.colour-breaker-bay {
  color: #EF4724;
}

.background-breaker-bay {
  background: #EF4724;
  color: #FFF;
}
.background-breaker-bay .see-all {
  background-color: #FFF;
  color: #EF4724;
}
@media only screen and (min-width: 1600px) {
  .background-breaker-bay .clipped-corner-bottom {
    position: relative;
  }
  .background-breaker-bay .clipped-corner-bottom:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 100px solid transparent;
    border-left: 100px solid #EF4724;
  }
}
@media only screen and (min-width: 999px) {
  .background-breaker-bay .clipped-corner-top {
    position: relative;
  }
  .background-breaker-bay .clipped-corner-top:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 100px solid #EF4724;
    border-left: 100px solid transparent;
  }
}

.colour-dark-orange {
  color: #6D2111;
}

.background-dark-orange {
  background: #6D2111;
  color: #FFF;
}
.background-dark-orange .see-all {
  background-color: #FFF;
  color: #6D2111;
}
@media only screen and (min-width: 1600px) {
  .background-dark-orange .clipped-corner-bottom {
    position: relative;
  }
  .background-dark-orange .clipped-corner-bottom:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 100px solid transparent;
    border-left: 100px solid #6D2111;
  }
}
@media only screen and (min-width: 999px) {
  .background-dark-orange .clipped-corner-top {
    position: relative;
  }
  .background-dark-orange .clipped-corner-top:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 100px solid #6D2111;
    border-left: 100px solid transparent;
  }
}

.colour-green {
  color: #A1CB37;
}

.background-green {
  background: #A1CB37;
  color: #FFF;
}
.background-green .see-all {
  background-color: #FFF;
  color: #A1CB37;
}
@media only screen and (min-width: 1600px) {
  .background-green .clipped-corner-bottom {
    position: relative;
  }
  .background-green .clipped-corner-bottom:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 100px solid transparent;
    border-left: 100px solid #A1CB37;
  }
}
@media only screen and (min-width: 999px) {
  .background-green .clipped-corner-top {
    position: relative;
  }
  .background-green .clipped-corner-top:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 100px solid #A1CB37;
    border-left: 100px solid transparent;
  }
}

.colour-dark-green {
  color: #1D3717;
}

.background-dark-green {
  background: #1D3717;
  color: #FFF;
}
.background-dark-green .see-all {
  background-color: #FFF;
  color: #1D3717;
}
@media only screen and (min-width: 1600px) {
  .background-dark-green .clipped-corner-bottom {
    position: relative;
  }
  .background-dark-green .clipped-corner-bottom:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 100px solid transparent;
    border-left: 100px solid #1D3717;
  }
}
@media only screen and (min-width: 999px) {
  .background-dark-green .clipped-corner-top {
    position: relative;
  }
  .background-dark-green .clipped-corner-top:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 100px solid #1D3717;
    border-left: 100px solid transparent;
  }
}

.colour-white {
  color: #FFF;
}

.background-white {
  background: #FFF;
  color: #2D2926;
}
.background-white .see-all {
  background-color: #2D2926;
  color: #FFF;
}
@media only screen and (min-width: 1600px) {
  .background-white .clipped-corner-bottom {
    position: relative;
  }
  .background-white .clipped-corner-bottom:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 100px solid transparent;
    border-left: 100px solid #FFF;
  }
}
@media only screen and (min-width: 999px) {
  .background-white .clipped-corner-top {
    position: relative;
  }
  .background-white .clipped-corner-top:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 100px solid #FFF;
    border-left: 100px solid transparent;
  }
}

.colour-grey {
  color: #E2E8EA;
}

.background-grey {
  background: #E2E8EA;
  color: #2D2926;
}
.background-grey .see-all {
  background-color: #2D2926;
  color: #E2E8EA;
}
@media only screen and (min-width: 1600px) {
  .background-grey .clipped-corner-bottom {
    position: relative;
  }
  .background-grey .clipped-corner-bottom:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 100px solid transparent;
    border-left: 100px solid #E2E8EA;
  }
}
@media only screen and (min-width: 999px) {
  .background-grey .clipped-corner-top {
    position: relative;
  }
  .background-grey .clipped-corner-top:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 100px solid #E2E8EA;
    border-left: 100px solid transparent;
  }
}

.colour-slate {
  color: #444353;
}

.background-slate {
  background: #444353;
  color: #FFF;
}
.background-slate .see-all {
  background-color: #FFF;
  color: #444353;
}
@media only screen and (min-width: 1600px) {
  .background-slate .clipped-corner-bottom {
    position: relative;
  }
  .background-slate .clipped-corner-bottom:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 100px solid transparent;
    border-left: 100px solid #444353;
  }
}
@media only screen and (min-width: 999px) {
  .background-slate .clipped-corner-top {
    position: relative;
  }
  .background-slate .clipped-corner-top:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 100px solid #444353;
    border-left: 100px solid transparent;
  }
}

.colour-dark-slate {
  color: #2D2926;
}

.background-dark-slate {
  background: #2D2926;
  color: #FFF;
}
.background-dark-slate .see-all {
  background-color: #FFF;
  color: #2D2926;
}
@media only screen and (min-width: 1600px) {
  .background-dark-slate .clipped-corner-bottom {
    position: relative;
  }
  .background-dark-slate .clipped-corner-bottom:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 100px solid transparent;
    border-left: 100px solid #2D2926;
  }
}
@media only screen and (min-width: 999px) {
  .background-dark-slate .clipped-corner-top {
    position: relative;
  }
  .background-dark-slate .clipped-corner-top:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 100px solid #2D2926;
    border-left: 100px solid transparent;
  }
}

.colour-black {
  color: #2D2926;
}

.background-black {
  background: #2D2926;
  color: #FFF;
}
.background-black .see-all {
  background-color: #FFF;
  color: #2D2926;
}
@media only screen and (min-width: 1600px) {
  .background-black .clipped-corner-bottom {
    position: relative;
  }
  .background-black .clipped-corner-bottom:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 100px solid transparent;
    border-left: 100px solid #2D2926;
  }
}
@media only screen and (min-width: 999px) {
  .background-black .clipped-corner-top {
    position: relative;
  }
  .background-black .clipped-corner-top:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 100px solid #2D2926;
    border-left: 100px solid transparent;
  }
}

.colour-blue {
  color: #0982BA;
}

.background-blue {
  background: #0982BA;
  color: #FFF;
}
.background-blue .see-all {
  background-color: #FFF;
  color: #0982BA;
}
@media only screen and (min-width: 1600px) {
  .background-blue .clipped-corner-bottom {
    position: relative;
  }
  .background-blue .clipped-corner-bottom:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 100px solid transparent;
    border-left: 100px solid #0982BA;
  }
}
@media only screen and (min-width: 999px) {
  .background-blue .clipped-corner-top {
    position: relative;
  }
  .background-blue .clipped-corner-top:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 100px solid #0982BA;
    border-left: 100px solid transparent;
  }
}

.colour-gold {
  color: #ECC26C;
}

.background-gold {
  background: #ECC26C;
  color: #2D2926;
}
.background-gold .see-all {
  background-color: #2D2926;
  color: #ECC26C;
}
@media only screen and (min-width: 1600px) {
  .background-gold .clipped-corner-bottom {
    position: relative;
  }
  .background-gold .clipped-corner-bottom:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 100px solid transparent;
    border-left: 100px solid #ECC26C;
  }
}
@media only screen and (min-width: 999px) {
  .background-gold .clipped-corner-top {
    position: relative;
  }
  .background-gold .clipped-corner-top:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 100px solid #ECC26C;
    border-left: 100px solid transparent;
  }
}

.background-white.pattern {
  background-image: url(img/spiral-slate-bg.png);
  background-repeat: no-repeat;
  background-position: right;
}

iframe {
  max-width: 100%;
}

/*
----------------------------------
BoxGrid
----------------------------------
Author: Stuart Lindley
Description: A CSS Grid based grid
Version: 1.0
License: MIT
*/
.boxgrid {
  width: 100%;
  display: grid;
  flex-wrap: wrap;
  box-sizing: border-box;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: auto;
  gap: 5px;
}
@media only screen and (min-width: 690px) {
  .boxgrid {
    gap: 22px;
  }
}
@media only screen and (min-width: 999px) {
  .boxgrid {
    gap: 38px;
  }
}

.boxgrid-gap {
  gap: 5px;
}
@media only screen and (min-width: 690px) {
  .boxgrid-gap {
    gap: 22px;
  }
}
@media only screen and (min-width: 999px) {
  .boxgrid-gap {
    gap: 38px;
  }
}

@media screen and (min-width: 320px) {
  .boxgrid > .xs-1 {
    grid-column: span 1;
  }
  .boxgrid > .xs-2 {
    grid-column: span 2;
  }
  .boxgrid > .xs-3 {
    grid-column: span 3;
  }
  .boxgrid > .xs-4 {
    grid-column: span 4;
  }
  .boxgrid > .xs-5 {
    grid-column: span 5;
  }
  .boxgrid > .xs-6 {
    grid-column: span 6;
  }
  .boxgrid > .xs-7 {
    grid-column: span 7;
  }
  .boxgrid > .xs-8 {
    grid-column: span 8;
  }
  .boxgrid > .xs-9 {
    grid-column: span 9;
  }
  .boxgrid > .xs-10 {
    grid-column: span 10;
  }
  .boxgrid > .xs-11 {
    grid-column: span 11;
  }
  .boxgrid > .xs-12 {
    grid-column: span 12;
  }
  .boxgrid > .xs_0 {
    display: none;
  }
  .boxgrid > .xs_first {
    order: -1;
  }
  .boxgrid > .xs_last {
    order: 999;
  }
  .boxgrid > .xs_left {
    display: flex;
    justify-content: flex-start;
  }
  .boxgrid > .xs_center {
    display: flex;
    justify-content: center;
  }
  .boxgrid > .xs_right {
    display: flex;
    justify-content: flex-end;
  }
  .boxgrid > .xs_text_left {
    text-align: left;
  }
  .boxgrid > .xs_text_center {
    text-align: center;
  }
  .boxgrid > .xs_text_right {
    text-align: right;
  }
  .boxgrid > .xs_top {
    display: flex;
    align-items: flex-start;
  }
  .boxgrid > .xs_middle {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .boxgrid > .xs_bottom {
    display: flex;
    align-items: flex-end;
  }
}
@media screen and (min-width: 450px) {
  .boxgrid > .sm-1 {
    grid-column: span 1;
  }
  .boxgrid > .sm-2 {
    grid-column: span 2;
  }
  .boxgrid > .sm-3 {
    grid-column: span 3;
  }
  .boxgrid > .sm-4 {
    grid-column: span 4;
  }
  .boxgrid > .sm-5 {
    grid-column: span 5;
  }
  .boxgrid > .sm-6 {
    grid-column: span 6;
  }
  .boxgrid > .sm-7 {
    grid-column: span 7;
  }
  .boxgrid > .sm-8 {
    grid-column: span 8;
  }
  .boxgrid > .sm-9 {
    grid-column: span 9;
  }
  .boxgrid > .sm-10 {
    grid-column: span 10;
  }
  .boxgrid > .sm-11 {
    grid-column: span 11;
  }
  .boxgrid > .sm-12 {
    grid-column: span 12;
  }
  .boxgrid > .sm_0 {
    display: none;
  }
  .boxgrid > .sm_first {
    order: -1;
  }
  .boxgrid > .sm_last {
    order: 999;
  }
  .boxgrid > .sm_left {
    display: flex;
    justify-content: flex-start;
  }
  .boxgrid > .sm_center {
    display: flex;
    justify-content: center;
  }
  .boxgrid > .sm_right {
    display: flex;
    justify-content: flex-end;
  }
  .boxgrid > .sm_text_left {
    text-align: left;
  }
  .boxgrid > .sm_text_center {
    text-align: center;
  }
  .boxgrid > .sm_text_right {
    text-align: right;
  }
  .boxgrid > .sm_top {
    display: flex;
    align-items: flex-start;
  }
  .boxgrid > .sm_middle {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .boxgrid > .sm_bottom {
    display: flex;
    align-items: flex-end;
  }
}
@media screen and (min-width: 690px) {
  .boxgrid > .md-1 {
    grid-column: span 1;
  }
  .boxgrid > .md-2 {
    grid-column: span 2;
  }
  .boxgrid > .md-3 {
    grid-column: span 3;
  }
  .boxgrid > .md-4 {
    grid-column: span 4;
  }
  .boxgrid > .md-5 {
    grid-column: span 5;
  }
  .boxgrid > .md-6 {
    grid-column: span 6;
  }
  .boxgrid > .md-7 {
    grid-column: span 7;
  }
  .boxgrid > .md-8 {
    grid-column: span 8;
  }
  .boxgrid > .md-9 {
    grid-column: span 9;
  }
  .boxgrid > .md-10 {
    grid-column: span 10;
  }
  .boxgrid > .md-11 {
    grid-column: span 11;
  }
  .boxgrid > .md-12 {
    grid-column: span 12;
  }
  .boxgrid > .md_0 {
    display: none;
  }
  .boxgrid > .md_first {
    order: -1;
  }
  .boxgrid > .md_last {
    order: 999;
  }
  .boxgrid > .md_left {
    display: flex;
    justify-content: flex-start;
  }
  .boxgrid > .md_center {
    display: flex;
    justify-content: center;
  }
  .boxgrid > .md_right {
    display: flex;
    justify-content: flex-end;
  }
  .boxgrid > .md_text_left {
    text-align: left;
  }
  .boxgrid > .md_text_center {
    text-align: center;
  }
  .boxgrid > .md_text_right {
    text-align: right;
  }
  .boxgrid > .md_top {
    display: flex;
    align-items: flex-start;
  }
  .boxgrid > .md_middle {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .boxgrid > .md_bottom {
    display: flex;
    align-items: flex-end;
  }
}
@media screen and (min-width: 999px) {
  .boxgrid > .lg-1 {
    grid-column: span 1;
  }
  .boxgrid > .lg-2 {
    grid-column: span 2;
  }
  .boxgrid > .lg-3 {
    grid-column: span 3;
  }
  .boxgrid > .lg-4 {
    grid-column: span 4;
  }
  .boxgrid > .lg-5 {
    grid-column: span 5;
  }
  .boxgrid > .lg-6 {
    grid-column: span 6;
  }
  .boxgrid > .lg-7 {
    grid-column: span 7;
  }
  .boxgrid > .lg-8 {
    grid-column: span 8;
  }
  .boxgrid > .lg-9 {
    grid-column: span 9;
  }
  .boxgrid > .lg-10 {
    grid-column: span 10;
  }
  .boxgrid > .lg-11 {
    grid-column: span 11;
  }
  .boxgrid > .lg-12 {
    grid-column: span 12;
  }
  .boxgrid > .lg_0 {
    display: none;
  }
  .boxgrid > .lg_first {
    order: -1;
  }
  .boxgrid > .lg_last {
    order: 999;
  }
  .boxgrid > .lg_left {
    display: flex;
    justify-content: flex-start;
  }
  .boxgrid > .lg_center {
    display: flex;
    justify-content: center;
  }
  .boxgrid > .lg_right {
    display: flex;
    justify-content: flex-end;
  }
  .boxgrid > .lg_text_left {
    text-align: left;
  }
  .boxgrid > .lg_text_center {
    text-align: center;
  }
  .boxgrid > .lg_text_right {
    text-align: right;
  }
  .boxgrid > .lg_top {
    display: flex;
    align-items: flex-start;
  }
  .boxgrid > .lg_middle {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .boxgrid > .lg_bottom {
    display: flex;
    align-items: flex-end;
  }
}
@media screen and (min-width: 1600px) {
  .boxgrid > .xl-1 {
    grid-column: span 1;
  }
  .boxgrid > .xl-2 {
    grid-column: span 2;
  }
  .boxgrid > .xl-3 {
    grid-column: span 3;
  }
  .boxgrid > .xl-4 {
    grid-column: span 4;
  }
  .boxgrid > .xl-5 {
    grid-column: span 5;
  }
  .boxgrid > .xl-6 {
    grid-column: span 6;
  }
  .boxgrid > .xl-7 {
    grid-column: span 7;
  }
  .boxgrid > .xl-8 {
    grid-column: span 8;
  }
  .boxgrid > .xl-9 {
    grid-column: span 9;
  }
  .boxgrid > .xl-10 {
    grid-column: span 10;
  }
  .boxgrid > .xl-11 {
    grid-column: span 11;
  }
  .boxgrid > .xl-12 {
    grid-column: span 12;
  }
  .boxgrid > .xl_0 {
    display: none;
  }
  .boxgrid > .xl_first {
    order: -1;
  }
  .boxgrid > .xl_last {
    order: 999;
  }
  .boxgrid > .xl_left {
    display: flex;
    justify-content: flex-start;
  }
  .boxgrid > .xl_center {
    display: flex;
    justify-content: center;
  }
  .boxgrid > .xl_right {
    display: flex;
    justify-content: flex-end;
  }
  .boxgrid > .xl_text_left {
    text-align: left;
  }
  .boxgrid > .xl_text_center {
    text-align: center;
  }
  .boxgrid > .xl_text_right {
    text-align: right;
  }
  .boxgrid > .xl_top {
    display: flex;
    align-items: flex-start;
  }
  .boxgrid > .xl_middle {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .boxgrid > .xl_bottom {
    display: flex;
    align-items: flex-end;
  }
}
.btn, input[type=submit] {
  appearance: none;
  display: inline-block;
  background-color: #dad9d6;
  padding: 8px 20px;
  margin: 0;
  cursor: pointer;
  font-weight: 400;
  transition: background-color 0.2s;
  border: none;
}
.btn:hover, input[type=submit]:hover {
  background-color: #d2d3d3;
  transition: background-color 0.2s;
}
.btn.dark-red, input[type=submit].dark-red {
  background-color: #770e11;
  color: #FFF !important;
}
.btn.dark-red:hover, input[type=submit].dark-red:hover {
  background-color: #85282a;
}
.btn.blue, input[type=submit].blue {
  background-color: #0d739f;
  color: #FFF;
}
.btn.blue:hover, input[type=submit].blue:hover {
  background-color: #2796c6;
}
.btn.green, input[type=submit].green {
  background-color: #048c44;
  color: #FFF;
}
.btn.green:hover, input[type=submit].green:hover {
  background-color: #1cbe68;
}
.btn.btn-close, input[type=submit].btn-close {
  float: right;
  border: none;
  background: transparent;
  outline: none;
}
.btn.btn-close:before, input[type=submit].btn-close:before {
  font-family: "destination-chesterfield";
  font-size: 20px;
  content: "\e609";
}

.msg {
  background-color: #f3f3f3;
  padding: 15px;
  border-radius: 3px;
}

.msg .title {
  font-weight: bold;
  font-size: 18px;
  display: block;
  margin-bottom: 6px;
}

.msg.error,
.formbuilder.notifications.error {
  background-color: #cf0000;
  color: #fff;
}

.msg.warning {
  background-color: #e1b419;
}

.msg.success,
.formbuilder.notifications.success {
  background-color: #afc01d;
}

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

img.alignright {
  float: right;
  margin: 10px 0 10px 15px;
}

img.alignleft {
  float: left;
  margin: 10px 15px 10px 0;
}

/* -- Strips -------------------------------------------------------------------------------------------------------- */
.strip .content,
.site-header .content {
  width: 100%;
  padding: 0 20px;
}
@media only screen and (min-width: 999px) {
  .strip .content,
  .site-header .content {
    width: 1380px;
    margin: 0 auto;
    padding: 0;
  }
}

.strip {
  padding: 35px 0;
}
@media only screen and (min-width: 690px) {
  .strip {
    padding: 70px 0;
  }
}
@media only screen and (min-width: 999px) {
  .strip {
    margin: 0 auto;
  }
}
.strip .content {
  padding: 25px 20px 0;
}
@media only screen and (min-width: 690px) {
  .strip .content {
    position: relative;
    border-top: 2px solid;
    padding: 25px 20px 0;
  }
}
@media only screen and (min-width: 999px) {
  .strip .content {
    padding: 25px 0 0;
  }
}
.strip.no-divider .content {
  border-top: none;
  padding: 0 20px;
}
@media only screen and (min-width: 690px) {
  .strip.no-divider .content {
    padding: 0;
  }
}

.strip-widgets .content {
  border-color: #ECC26C;
}
.strip-widgets .promo_block_content:first-of-type a {
  color: #FFF;
}
.strip-widgets .promo_block_content:last-of-type a {
  color: #ECC26C;
}

.strip-events,
.strip-news {
  background: url(img/spiral-white-bg.png) no-repeat center right -100px;
}
.strip-events .content, .strip-events .card .date:after,
.strip-news .content,
.strip-news .card .date:after {
  border-color: #D81F27;
}
.strip-events .see-all,
.strip-news .see-all {
  background-color: #D81F27;
  color: #FFF;
}

.strip-news time {
  color: #D81F27;
}

.template-default tbody td:before {
  background-color: #471524;
}
.template-default .section-heading {
  background: #471524;
}
@media only screen and (min-width: 690px) {
  .template-default .section-heading {
    background: #471524 url(img/spiral-default-bg.png) no-repeat right -60px center;
  }
}
.template-default th, .template-default .background-white a,
.template-default .aside-text,
.template-default .breadcrumbs a {
  color: #D81F27;
}
.template-default .section-heading,
.template-default tbody td:before,
.template-default .btn,
.template-default .background-slate a,
.template-default .background-white .see-all,
.template-default .children-list a,
.template-default .parent-list a,
.template-default .page-previous,
.template-default .page-next,
.template-default .strip-o-news,
.template-default .read-more-link {
  color: #FFF;
}
.template-default tbody td:before {
  background-color: #471524;
}
.template-default .btn {
  background-color: #D81F27;
}
@media only screen and (min-width: 690px) {
  .template-default .background-slate.pattern {
    background: #444353 url(img/spiral-slate-bg.png) no-repeat center left -500px;
  }
}
.template-default .strip-o-news {
  background: #471524;
}
@media only screen and (min-width: 690px) {
  .template-default .strip-o-news {
    background: #471524 url(img/spiral-default-bg.png) no-repeat center left -500px;
  }
}
.template-default .strip-o-news .title a {
  color: inherit;
}
.template-default .children-list a, .template-default .parent-list a {
  background-color: #D81F27;
}
@media only screen and (min-width: 1600px) {
  .template-default .children-list li:first-of-type a, .template-default .parent-list li:first-of-type a {
    position: relative;
  }
  .template-default .children-list li:first-of-type a:after, .template-default .parent-list li:first-of-type a:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-left: 25px solid #FFF;
  }
}
.template-default .sibling-list a {
  color: #471524;
}
.template-default .sibling-list a :after {
  color: #D81F27;
}
.template-default .date-wrap time {
  background-color: #FFF;
  color: #471524;
}
@media only screen and (min-width: 999px) {
  .template-default .site-header .sub {
    background-color: #D81F27;
  }
}
@media only screen and (min-width: 999px) {
  .template-default .site-header .content {
    border-top: 2px solid #D81F27;
  }
}
.template-default .page-previous, .template-default .page-next {
  background-color: #D81F27;
}

.template-fuchsia tbody td:before {
  background-color: #D9295F;
}
.template-fuchsia .section-heading {
  background: #D9295F;
}
@media only screen and (min-width: 690px) {
  .template-fuchsia .section-heading {
    background: #D9295F url(img/spiral-fuchsia-bg.png) no-repeat right -60px center;
  }
}
.template-fuchsia th, .template-fuchsia .background-white a,
.template-fuchsia .aside-text,
.template-fuchsia .breadcrumbs a {
  color: #D9295F;
}
.template-fuchsia .section-heading,
.template-fuchsia tbody td:before,
.template-fuchsia .btn,
.template-fuchsia .background-slate a,
.template-fuchsia .background-white .see-all,
.template-fuchsia .children-list a,
.template-fuchsia .parent-list a,
.template-fuchsia .page-previous,
.template-fuchsia .page-next,
.template-fuchsia .strip-o-news,
.template-fuchsia .read-more-link {
  color: #FFF;
}
.template-fuchsia tbody td:before {
  background-color: #D9295F;
}
.template-fuchsia .btn {
  background-color: #D9295F;
}
@media only screen and (min-width: 690px) {
  .template-fuchsia .background-slate.pattern {
    background: #444353 url(img/spiral-slate-bg.png) no-repeat center left -500px;
  }
}
.template-fuchsia .strip-o-news {
  background: #D9295F;
}
@media only screen and (min-width: 690px) {
  .template-fuchsia .strip-o-news {
    background: #D9295F url(img/spiral-fuchsia-bg.png) no-repeat center left -500px;
  }
}
.template-fuchsia .strip-o-news .title a {
  color: inherit;
}
.template-fuchsia .children-list a, .template-fuchsia .parent-list a {
  background-color: #D9295F;
}
@media only screen and (min-width: 1600px) {
  .template-fuchsia .children-list li:first-of-type a, .template-fuchsia .parent-list li:first-of-type a {
    position: relative;
  }
  .template-fuchsia .children-list li:first-of-type a:after, .template-fuchsia .parent-list li:first-of-type a:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-left: 25px solid #FFF;
  }
}
.template-fuchsia .sibling-list a {
  color: #D9295F;
}
.template-fuchsia .sibling-list a :after {
  color: #D9295F;
}
.template-fuchsia .date-wrap time {
  background-color: #FFF;
  color: #D9295F;
}
@media only screen and (min-width: 999px) {
  .template-fuchsia .site-header .sub {
    background-color: #D9295F;
  }
}
@media only screen and (min-width: 999px) {
  .template-fuchsia .site-header .content {
    border-top: 2px solid #D9295F;
  }
}
.template-fuchsia .page-previous, .template-fuchsia .page-next {
  background-color: #D9295F;
}

.template-cardinal-red tbody td:before {
  background-color: #D9295F;
}
.template-cardinal-red .section-heading {
  background: #D9295F;
}
@media only screen and (min-width: 690px) {
  .template-cardinal-red .section-heading {
    background: #D9295F url(img/spiral-fuchsia-bg.png) no-repeat right -60px center;
  }
}
.template-cardinal-red th, .template-cardinal-red .background-white a,
.template-cardinal-red .aside-text,
.template-cardinal-red .breadcrumbs a {
  color: #D9295F;
}
.template-cardinal-red .section-heading,
.template-cardinal-red tbody td:before,
.template-cardinal-red .btn,
.template-cardinal-red .background-slate a,
.template-cardinal-red .background-white .see-all,
.template-cardinal-red .children-list a,
.template-cardinal-red .parent-list a,
.template-cardinal-red .page-previous,
.template-cardinal-red .page-next,
.template-cardinal-red .strip-o-news,
.template-cardinal-red .read-more-link {
  color: #FFF;
}
.template-cardinal-red tbody td:before {
  background-color: #D9295F;
}
.template-cardinal-red .btn {
  background-color: #D9295F;
}
@media only screen and (min-width: 690px) {
  .template-cardinal-red .background-slate.pattern {
    background: #444353 url(img/spiral-slate-bg.png) no-repeat center left -500px;
  }
}
.template-cardinal-red .strip-o-news {
  background: #471524;
}
@media only screen and (min-width: 690px) {
  .template-cardinal-red .strip-o-news {
    background: #471524 url(img/spiral-fuchsia-bg.png) no-repeat center left -500px;
  }
}
.template-cardinal-red .strip-o-news .title a {
  color: inherit;
}
.template-cardinal-red .children-list a, .template-cardinal-red .parent-list a {
  background-color: #D9295F;
}
@media only screen and (min-width: 1600px) {
  .template-cardinal-red .children-list li:first-of-type a, .template-cardinal-red .parent-list li:first-of-type a {
    position: relative;
  }
  .template-cardinal-red .children-list li:first-of-type a:after, .template-cardinal-red .parent-list li:first-of-type a:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-left: 25px solid #FFF;
  }
}
.template-cardinal-red .sibling-list a {
  color: #471524;
}
.template-cardinal-red .sibling-list a :after {
  color: #D9295F;
}
.template-cardinal-red .date-wrap time {
  background-color: #FFF;
  color: #471524;
}
@media only screen and (min-width: 999px) {
  .template-cardinal-red .site-header .sub {
    background-color: #D9295F;
  }
}
@media only screen and (min-width: 999px) {
  .template-cardinal-red .site-header .content {
    border-top: 2px solid #D9295F;
  }
}
.template-cardinal-red .page-previous, .template-cardinal-red .page-next {
  background-color: #D9295F;
}

.template-dark-red tbody td:before {
  background-color: #471524;
}
.template-dark-red .section-heading {
  background: #471524;
}
@media only screen and (min-width: 690px) {
  .template-dark-red .section-heading {
    background: #471524 url(img/spiral-dark-red-bg.png) no-repeat right -60px center;
  }
}
.template-dark-red th, .template-dark-red .background-white a,
.template-dark-red .aside-text,
.template-dark-red .breadcrumbs a {
  color: #471524;
}
.template-dark-red .section-heading,
.template-dark-red tbody td:before,
.template-dark-red .btn,
.template-dark-red .background-slate a,
.template-dark-red .background-white .see-all,
.template-dark-red .children-list a,
.template-dark-red .parent-list a,
.template-dark-red .page-previous,
.template-dark-red .page-next,
.template-dark-red .strip-o-news,
.template-dark-red .read-more-link {
  color: #FFF;
}
.template-dark-red tbody td:before {
  background-color: #471524;
}
.template-dark-red .btn {
  background-color: #471524;
}
@media only screen and (min-width: 690px) {
  .template-dark-red .background-slate.pattern {
    background: #444353 url(img/spiral-slate-bg.png) no-repeat center left -500px;
  }
}
.template-dark-red .strip-o-news {
  background: #471524;
}
@media only screen and (min-width: 690px) {
  .template-dark-red .strip-o-news {
    background: #471524 url(img/spiral-dark-red-bg.png) no-repeat center left -500px;
  }
}
.template-dark-red .strip-o-news .title a {
  color: inherit;
}
.template-dark-red .children-list a, .template-dark-red .parent-list a {
  background-color: #471524;
}
@media only screen and (min-width: 1600px) {
  .template-dark-red .children-list li:first-of-type a, .template-dark-red .parent-list li:first-of-type a {
    position: relative;
  }
  .template-dark-red .children-list li:first-of-type a:after, .template-dark-red .parent-list li:first-of-type a:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-left: 25px solid #FFF;
  }
}
.template-dark-red .sibling-list a {
  color: #471524;
}
.template-dark-red .sibling-list a :after {
  color: #471524;
}
.template-dark-red .date-wrap time {
  background-color: #FFF;
  color: #471524;
}
@media only screen and (min-width: 999px) {
  .template-dark-red .site-header .sub {
    background-color: #D81F27;
  }
}
@media only screen and (min-width: 999px) {
  .template-dark-red .site-header .content {
    border-top: 2px solid #D81F27;
  }
}
.template-dark-red .page-previous, .template-dark-red .page-next {
  background-color: #D81F27;
}

.template-green tbody td:before {
  background-color: #1D3717;
}
.template-green .section-heading {
  background: #1D3717;
}
@media only screen and (min-width: 690px) {
  .template-green .section-heading {
    background: #1D3717 url(img/spiral-green-bg.png) no-repeat right -60px center;
  }
}
.template-green th, .template-green .background-white a,
.template-green .aside-text,
.template-green .breadcrumbs a {
  color: #A1CB37;
}
.template-green .section-heading,
.template-green tbody td:before,
.template-green .btn,
.template-green .background-slate a,
.template-green .background-white .see-all,
.template-green .children-list a,
.template-green .parent-list a,
.template-green .page-previous,
.template-green .page-next,
.template-green .strip-o-news,
.template-green .read-more-link {
  color: #FFF;
}
.template-green tbody td:before {
  background-color: #1D3717;
}
.template-green .btn {
  background-color: #A1CB37;
}
@media only screen and (min-width: 690px) {
  .template-green .background-slate.pattern {
    background: #444353 url(img/spiral-slate-bg.png) no-repeat center left -500px;
  }
}
.template-green .strip-o-news {
  background: #1D3717;
}
@media only screen and (min-width: 690px) {
  .template-green .strip-o-news {
    background: #1D3717 url(img/spiral-green-bg.png) no-repeat center left -500px;
  }
}
.template-green .strip-o-news .title a {
  color: inherit;
}
.template-green .children-list a, .template-green .parent-list a {
  background-color: #A1CB37;
}
@media only screen and (min-width: 1600px) {
  .template-green .children-list li:first-of-type a, .template-green .parent-list li:first-of-type a {
    position: relative;
  }
  .template-green .children-list li:first-of-type a:after, .template-green .parent-list li:first-of-type a:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-left: 25px solid #FFF;
  }
}
.template-green .sibling-list a {
  color: #1D3717;
}
.template-green .sibling-list a :after {
  color: #A1CB37;
}
.template-green .date-wrap time {
  background-color: #FFF;
  color: #1D3717;
}
@media only screen and (min-width: 999px) {
  .template-green .site-header .sub {
    background-color: #1D3717;
  }
}
@media only screen and (min-width: 999px) {
  .template-green .site-header .content {
    border-top: 2px solid #1D3717;
  }
}
.template-green .page-previous, .template-green .page-next {
  background-color: #1D3717;
}

.template-orange tbody td:before {
  background-color: #EF4724;
}
.template-orange .section-heading {
  background: #EF4724;
}
@media only screen and (min-width: 690px) {
  .template-orange .section-heading {
    background: #EF4724 url(img/spiral-fuchsia-bg.png) no-repeat right -60px center;
  }
}
.template-orange th, .template-orange .background-white a,
.template-orange .aside-text,
.template-orange .breadcrumbs a {
  color: #EF4724;
}
.template-orange .section-heading,
.template-orange tbody td:before,
.template-orange .btn,
.template-orange .background-slate a,
.template-orange .background-white .see-all,
.template-orange .children-list a,
.template-orange .parent-list a,
.template-orange .page-previous,
.template-orange .page-next,
.template-orange .strip-o-news,
.template-orange .read-more-link {
  color: #FFF;
}
.template-orange tbody td:before {
  background-color: #EF4724;
}
.template-orange .btn {
  background-color: #EF4724;
}
@media only screen and (min-width: 690px) {
  .template-orange .background-slate.pattern {
    background: #444353 url(img/spiral-slate-bg.png) no-repeat center left -500px;
  }
}
.template-orange .strip-o-news {
  background: #6D2111;
}
@media only screen and (min-width: 690px) {
  .template-orange .strip-o-news {
    background: #6D2111 url(img/spiral-orange-bg.png) no-repeat center left -500px;
  }
}
.template-orange .strip-o-news .title a {
  color: inherit;
}
.template-orange .children-list a, .template-orange .parent-list a {
  background-color: #EF4724;
}
@media only screen and (min-width: 1600px) {
  .template-orange .children-list li:first-of-type a, .template-orange .parent-list li:first-of-type a {
    position: relative;
  }
  .template-orange .children-list li:first-of-type a:after, .template-orange .parent-list li:first-of-type a:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-left: 25px solid #FFF;
  }
}
.template-orange .sibling-list a {
  color: #6D2111;
}
.template-orange .sibling-list a :after {
  color: #EF4724;
}
.template-orange .date-wrap time {
  background-color: #FFF;
  color: #6D2111;
}
@media only screen and (min-width: 999px) {
  .template-orange .site-header .sub {
    background-color: #6D2111;
  }
}
@media only screen and (min-width: 999px) {
  .template-orange .site-header .content {
    border-top: 2px solid #6D2111;
  }
}
.template-orange .page-previous, .template-orange .page-next {
  background-color: #6D2111;
}

.template-breaker-bay tbody td:before {
  background-color: #EF4724;
}
.template-breaker-bay .section-heading {
  background: #EF4724;
}
@media only screen and (min-width: 690px) {
  .template-breaker-bay .section-heading {
    background: #EF4724 url(img/spiral-fuchsia-bg.png) no-repeat right -60px center;
  }
}
.template-breaker-bay th, .template-breaker-bay .background-white a,
.template-breaker-bay .aside-text,
.template-breaker-bay .breadcrumbs a {
  color: #EF4724;
}
.template-breaker-bay .section-heading,
.template-breaker-bay tbody td:before,
.template-breaker-bay .btn,
.template-breaker-bay .background-slate a,
.template-breaker-bay .background-white .see-all,
.template-breaker-bay .children-list a,
.template-breaker-bay .parent-list a,
.template-breaker-bay .page-previous,
.template-breaker-bay .page-next,
.template-breaker-bay .strip-o-news,
.template-breaker-bay .read-more-link {
  color: #FFF;
}
.template-breaker-bay tbody td:before {
  background-color: #EF4724;
}
.template-breaker-bay .btn {
  background-color: #EF4724;
}
@media only screen and (min-width: 690px) {
  .template-breaker-bay .background-slate.pattern {
    background: #444353 url(img/spiral-slate-bg.png) no-repeat center left -500px;
  }
}
.template-breaker-bay .strip-o-news {
  background: #6D2111;
}
@media only screen and (min-width: 690px) {
  .template-breaker-bay .strip-o-news {
    background: #6D2111 url(img/spiral-orange-bg.png) no-repeat center left -500px;
  }
}
.template-breaker-bay .strip-o-news .title a {
  color: inherit;
}
.template-breaker-bay .children-list a, .template-breaker-bay .parent-list a {
  background-color: #EF4724;
}
@media only screen and (min-width: 1600px) {
  .template-breaker-bay .children-list li:first-of-type a, .template-breaker-bay .parent-list li:first-of-type a {
    position: relative;
  }
  .template-breaker-bay .children-list li:first-of-type a:after, .template-breaker-bay .parent-list li:first-of-type a:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-left: 25px solid #FFF;
  }
}
.template-breaker-bay .sibling-list a {
  color: #6D2111;
}
.template-breaker-bay .sibling-list a :after {
  color: #EF4724;
}
.template-breaker-bay .date-wrap time {
  background-color: #FFF;
  color: #6D2111;
}
@media only screen and (min-width: 999px) {
  .template-breaker-bay .site-header .sub {
    background-color: #6D2111;
  }
}
@media only screen and (min-width: 999px) {
  .template-breaker-bay .site-header .content {
    border-top: 2px solid #6D2111;
  }
}
.template-breaker-bay .page-previous, .template-breaker-bay .page-next {
  background-color: #6D2111;
}

.template-blue tbody td:before {
  background-color: #0982BA;
}
.template-blue .section-heading {
  background: #0982BA;
}
@media only screen and (min-width: 690px) {
  .template-blue .section-heading {
    background: #0982BA url(img/spiral-white-bg.png) no-repeat right -60px center;
  }
}
.template-blue th, .template-blue .background-white a,
.template-blue .aside-text,
.template-blue .breadcrumbs a {
  color: #0982BA;
}
.template-blue .section-heading,
.template-blue tbody td:before,
.template-blue .btn,
.template-blue .background-slate a,
.template-blue .background-white .see-all,
.template-blue .children-list a,
.template-blue .parent-list a,
.template-blue .page-previous,
.template-blue .page-next,
.template-blue .strip-o-news,
.template-blue .read-more-link {
  color: #FFF;
}
.template-blue tbody td:before {
  background-color: #0982BA;
}
.template-blue .btn {
  background-color: #0982BA;
}
@media only screen and (min-width: 690px) {
  .template-blue .background-slate.pattern {
    background: #444353 url(img/spiral-slate-bg.png) no-repeat center left -500px;
  }
}
.template-blue .strip-o-news {
  background: #444353;
}
@media only screen and (min-width: 690px) {
  .template-blue .strip-o-news {
    background: #444353 url(img/spiral-blue-bg.png) no-repeat center left -500px;
  }
}
.template-blue .strip-o-news .title a {
  color: inherit;
}
.template-blue .children-list a, .template-blue .parent-list a {
  background-color: #0982BA;
}
@media only screen and (min-width: 1600px) {
  .template-blue .children-list li:first-of-type a, .template-blue .parent-list li:first-of-type a {
    position: relative;
  }
  .template-blue .children-list li:first-of-type a:after, .template-blue .parent-list li:first-of-type a:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-left: 25px solid #FFF;
  }
}
.template-blue .sibling-list a {
  color: #444353;
}
.template-blue .sibling-list a :after {
  color: #0982BA;
}
.template-blue .date-wrap time {
  background-color: #FFF;
  color: #444353;
}
@media only screen and (min-width: 999px) {
  .template-blue .site-header .sub {
    background-color: #444353;
  }
}
@media only screen and (min-width: 999px) {
  .template-blue .site-header .content {
    border-top: 2px solid #444353;
  }
}
.template-blue .page-previous, .template-blue .page-next {
  background-color: #444353;
}

.template-red tbody td:before {
  background-color: #D81F27;
}
.template-red .section-heading {
  background: #D81F27;
}
@media only screen and (min-width: 690px) {
  .template-red .section-heading {
    background: #D81F27 url(img/spiral-white-bg.png) no-repeat right -60px center;
  }
}
.template-red th, .template-red .background-white a,
.template-red .aside-text,
.template-red .breadcrumbs a {
  color: #D81F27;
}
.template-red .section-heading,
.template-red tbody td:before,
.template-red .btn,
.template-red .background-slate a,
.template-red .background-white .see-all,
.template-red .children-list a,
.template-red .parent-list a,
.template-red .page-previous,
.template-red .page-next,
.template-red .strip-o-news,
.template-red .read-more-link {
  color: #FFF;
}
.template-red tbody td:before {
  background-color: #D81F27;
}
.template-red .btn {
  background-color: #D81F27;
}
@media only screen and (min-width: 690px) {
  .template-red .background-slate.pattern {
    background: #444353 url(img/spiral-slate-bg.png) no-repeat center left -500px;
  }
}
.template-red .strip-o-news {
  background: #D81F27;
}
@media only screen and (min-width: 690px) {
  .template-red .strip-o-news {
    background: #D81F27 url(img/spiral-red-bg.png) no-repeat center left -500px;
  }
}
.template-red .strip-o-news .title a {
  color: inherit;
}
.template-red .children-list a, .template-red .parent-list a {
  background-color: #D81F27;
}
@media only screen and (min-width: 1600px) {
  .template-red .children-list li:first-of-type a, .template-red .parent-list li:first-of-type a {
    position: relative;
  }
  .template-red .children-list li:first-of-type a:after, .template-red .parent-list li:first-of-type a:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-left: 25px solid #FFF;
  }
}
.template-red .sibling-list a {
  color: #D81F27;
}
.template-red .sibling-list a :after {
  color: #D81F27;
}
.template-red .date-wrap time {
  background-color: #FFF;
  color: #D81F27;
}
@media only screen and (min-width: 999px) {
  .template-red .site-header .sub {
    background-color: #D81F27;
  }
}
@media only screen and (min-width: 999px) {
  .template-red .site-header .content {
    border-top: 2px solid #D81F27;
  }
}
.template-red .page-previous, .template-red .page-next {
  background-color: #D81F27;
}

@media only screen and (min-width: 1600px) {
  .clipped-corner-bottom {
    position: relative;
  }
  .clipped-corner-bottom:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 100px solid transparent;
    border-left: 100px solid #FFF;
  }
}

@media only screen and (min-width: 999px) {
  .clipped-corner-top {
    position: relative;
  }
  .clipped-corner-top:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 100px solid #FFF;
    border-left: 100px solid transparent;
  }
}

.pagination {
  display: block;
  margin: 0 0 30px;
  text-align: center;
}

.pagination ul {
  display: inline-block;
  text-align: center;
  padding: 0;
  margin: 0;
}

.pagination ul li {
  display: inline-block;
  list-style: none;
  margin: 0;
}

.pagination ul .page-numbers {
  background: #e8e8e8;
  width: 32px;
  height: 32px;
  display: block;
  text-align: center;
  line-height: 32px;
  margin-bottom: 5px;
}

.pagination .previous-next {
  display: block;
  text-align: center;
  margin-top: 20px;
}
@media only screen and (min-width: 690px) {
  .pagination .previous-next {
    margin-top: 0px;
  }
}

.pagination .previous-next .next-page-link {
  margin-left: 20px;
}
@media only screen and (min-width: 690px) {
  .pagination .previous-next .next-page-link {
    float: right;
    margin-top: -30px;
  }
}

.pagination .previous-next .prev-page-link {
  margin-right: 20px;
}
@media only screen and (min-width: 690px) {
  .pagination .previous-next .prev-page-link {
    float: left;
    margin-top: -30px;
  }
}

/* -- Breadcrumbs --------------------------------------------------------------------------------------------------- */
.breadcrumbs {
  padding: 0;
  margin: 0 0 2em;
}
.breadcrumbs li {
  list-style: none;
  display: inline-block;
  margin: 0;
  font-weight: normal;
  font-size: 11px;
}
@media only screen and (min-width: 690px) {
  .breadcrumbs li {
    font-size: 12px;
  }
}
.breadcrumbs li:before {
  content: "|";
  padding: 0 5px;
}
.breadcrumbs li:first-child:before {
  display: none;
}
.breadcrumbs li a:hover {
  text-decoration: underline;
}

/* -- Tables ---------------------------------------------------------------------------------------------------- */
table {
  width: 100%;
}
table thead {
  display: none;
}
@media only screen and (min-width: 690px) {
  table thead {
    display: table-header-group;
  }
}
@media only screen and (min-width: 690px) {
  table thead th {
    border-bottom: #b7b7b7 solid 1px;
  }
}
@media only screen and (min-width: 690px) {
  table thead th:last-of-type {
    border: none;
  }
}
table a {
  color: #2D2926;
}
table th,
table tbody td:before {
  font-weight: bold;
  vertical-align: middle;
  padding: 8px 0;
  line-height: 1.1;
}
table tbody tr {
  margin-bottom: 20px;
  display: block;
}
@media only screen and (min-width: 690px) {
  table tbody tr {
    margin-bottom: 0;
    display: table-row;
  }
}
@media only screen and (min-width: 690px) {
  table tbody tr:last-child td {
    border: none;
  }
}
table tbody td {
  display: block;
  position: relative;
  width: 100%;
  padding: 10px;
  padding-left: 50%;
  vertical-align: middle;
  border-bottom: #b7b7b7 solid 1px;
}
@media only screen and (min-width: 690px) {
  table tbody td {
    display: table-cell;
    width: auto;
    padding-left: 0;
  }
}
table tbody td:last-child, table tbody td:last-child:before {
  border: none;
}
table tbody td:before {
  content: attr(data-th);
  border-bottom: #fff solid 1px;
  display: block;
  width: 40%;
  font-size: 14px;
  height: 100%;
  overflow: hidden;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 10px;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 690px) {
  table tbody td:before {
    content: "";
    display: none;
  }
}
table thead th:last-child,
table tbody td:last-child {
  border-bottom: #b7b7b7 solid 1px;
}

/* -- Forms --------------------------------------------------------------------------------------------------------- */
label {
  display: block;
  margin-top: 2px;
  margin-bottom: 6px;
}

input[type=text],
input[type=number],
input[type=email],
input[type=password],
input[type=url],
textarea,
select {
  border: none;
  background: #F6F6F6;
  width: 100%;
  padding: 12px 10px;
}

textarea {
  height: 240px;
}

.form-row {
  margin: 0 0 20px;
}

input[type=submit], .submit {
  background-color: #D81F27;
  color: #FFF;
}

.crush_slider_content {
  margin: 0 auto;
  max-width: 1728px !important;
}
.crush_slider_content a {
  color: #FFF !important;
  text-decoration: underline !important;
}

@media only screen and (min-width: 999px) {
  .crush_slider_background {
    position: relative;
  }
  .crush_slider_background:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 100px solid #FFF;
    border-left: 100px solid transparent;
  }
}

.crush_sliders_slide.side_text .box:after {
  background-color: #D81F27;
}

.template-green .crush_sliders_slide.side_text .box:after {
  background-color: #1D3717;
}
@media only screen and (min-width: 690px) {
  .template-green .crush_sliders_slide.side_text .box:after {
    background-color: #A1CB37;
  }
}

.template-orange .crush_sliders_slide.side_text .box:after {
  background-color: #EF4724;
}

.template-blue .crush_sliders_slide.side_text .box:after {
  background-color: #0982BA;
}

.template-cardinal-red .crush_sliders_slide.side_text .box:after,
.template-fuchsia .crush_sliders_slide.side_text .box:after {
  background-color: #D9295F;
}

.site-header {
  display: block;
  z-index: 6;
  width: 100%;
  margin-top: -62px;
  border-top: none;
  border-bottom: #D81F27 solid 2px;
  position: fixed;
  transition: margin-left 0.4s;
  background: #fff;
}
@media only screen and (min-width: 690px) {
  .site-header {
    margin-top: -82px;
  }
}
@media only screen and (min-width: 999px) {
  .site-header {
    position: relative;
    margin-top: 0;
    border: none;
    z-index: 5;
  }
}
@media only screen and (min-width: 999px) {
  .site-header .content {
    border-top: 2px solid #D81F27;
  }
}
.site-header .content:after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  visibility: hidden;
  clear: both;
}

.site-title {
  float: left;
  margin: 0;
}
.site-title a {
  display: block;
  text-indent: -999px;
  width: 214px;
  height: 52px;
  background: url(img/destination_chesterfield_logo.png) center/contain no-repeat;
  overflow: hidden;
  margin: 4px 0;
}
@media only screen and (min-width: 690px) {
  .site-title a {
    height: 72px;
  }
}
@media only screen and (min-width: 999px) {
  .site-title a {
    margin: 0;
    width: 362px;
    height: 119px;
  }
}

.crush-ad-banners img {
  margin: 0 auto;
  padding: 30px 0;
  width: auto;
}

/* -- Mobile Menu Button -------------------------------------------------------------------------------------------- */
#mobile-menu-toggle button,
#mobile-menu-close button {
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
}
@media only screen and (min-width: 999px) {
  #mobile-menu-toggle,
  #mobile-menu-close {
    display: none;
  }
}
#mobile-menu-toggle span,
#mobile-menu-close span {
  display: none;
}

#mobile-menu-toggle button {
  font-size: 28px;
  color: #a81d3a;
  margin: 13px 0 0;
  float: right;
}
@media only screen and (min-width: 690px) {
  #mobile-menu-toggle button {
    margin: 21px 0 0;
  }
}
@media only screen and (min-width: 690px) {
  #mobile-menu-toggle button i {
    vertical-align: middle;
    display: inline-block;
    margin: 2px 0 0;
  }
}
@media only screen and (min-width: 690px) {
  #mobile-menu-toggle button span {
    display: inline-block;
    font-size: 16px;
    line-height: 28px;
    margin: 0 0 0 10px;
    text-transform: uppercase;
    vertical-align: middle;
  }
}

#mobile-menu-close button {
  position: absolute;
  font-size: 18px;
  color: #dad9d6;
  top: 21px;
  right: 5px;
}

/* -- Main Menu ----------------------------------------------------------------------------------------------------- */
nav.navigation {
  width: 90%;
  height: 100%;
  margin-left: -90%;
  padding: 0;
  background-color: #dad9d6;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2;
  transition: margin-left 0.4s;
  box-shadow: -8px 0 15px 0 rgba(1, 1, 1, 0.2) inset;
  overflow-y: scroll;
}
@media only screen and (min-width: 999px) {
  nav.navigation {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    background-color: transparent;
    position: relative;
    float: right;
    transition: none;
    box-shadow: none;
    overflow: visible;
  }
}
nav.navigation:before {
  content: "Chesterfield";
  padding: 10px 15px;
  line-height: 1;
  font-size: 18px;
  background: #D81F27;
  color: #dad9d6;
  display: block;
  text-transform: uppercase;
  margin: 12px 0 20px;
}
@media only screen and (min-width: 999px) {
  nav.navigation:before {
    display: none;
  }
}
nav.navigation a {
  color: #2D2926;
  text-decoration: none;
  vertical-align: middle;
}
nav.navigation ul {
  padding: 0;
  margin: 0;
}
nav.navigation li {
  list-style: none;
  margin-bottom: 8px;
}
@media only screen and (min-width: 999px) {
  nav.navigation li:last-child .sub-menu {
    right: 0;
  }
}
@media only screen and (min-width: 999px) {
  nav.navigation li:last-child .sub-menu:after {
    right: 20px;
    left: auto;
  }
}
@media only screen and (min-width: 999px) {
  nav.navigation li:hover .sub-menu {
    opacity: 1;
    height: auto;
    top: auto;
    transition: opacity 0.4s;
    border-top: none;
  }
}
@media only screen and (min-width: 999px) {
  nav.navigation #menu-main-menu {
    display: flex;
    gap: 20px;
  }
}
@media only screen and (min-width: 999px) {
  nav.navigation #menu-main-menu > li {
    text-transform: uppercase;
  }
}
nav.navigation .sub,
nav.navigation .primary {
  display: block;
  padding: 0 20px 10px 20px;
}
nav.navigation .sub > div,
nav.navigation .primary > div {
  border-bottom: #770e11 solid 1px;
}
@media only screen and (min-width: 999px) {
  nav.navigation .sub > div,
  nav.navigation .primary > div {
    border: none;
  }
}
@media only screen and (min-width: 999px) {
  nav.navigation .primary {
    margin: 60px 0 0;
    padding: 0;
    border: none;
  }
}
@media only screen and (min-width: 999px) {
  nav.navigation .primary li {
    display: inline-block;
    margin: 0;
    padding: 0;
  }
}
nav.navigation .primary li:last-child a {
  padding-right: 0;
}
@media only screen and (min-width: 999px) {
  nav.navigation .primary a {
    display: block;
    padding: 5px 10px;
    font-weight: 400;
  }
}
@media only screen and (min-width: 999px) {
  nav.navigation .sub {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 24px;
    min-width: 280px;
    text-align: center;
    border: none;
  }
}
@media only screen and (min-width: 999px) {
  nav.navigation .sub ul {
    margin: 0;
    padding: 0;
  }
}
@media only screen and (min-width: 999px) {
  nav.navigation .sub li {
    display: inline-block;
    margin: 0;
    padding: 0;
  }
}
@media only screen and (min-width: 999px) {
  nav.navigation .sub li:after {
    content: "";
    border-left: 1px solid #FFF;
    margin: 0 12px;
    vertical-align: bottom;
  }
}
@media only screen and (min-width: 999px) {
  nav.navigation .sub li:last-child:after {
    display: none;
  }
}
@media only screen and (min-width: 999px) {
  nav.navigation .sub a {
    text-transform: uppercase;
    color: #FFF;
  }
}
nav.navigation .sub-menu {
  margin: 5px 0 12px 10px;
  text-transform: none;
}
@media only screen and (min-width: 999px) {
  nav.navigation .sub-menu {
    display: block;
    height: 0;
    opacity: 0;
    top: -999px;
    position: absolute;
    padding: 15px 20px;
    margin: 0;
    background-color: #D81F27;
    transition: opacity 0.4s, height 5s;
  }
}
@media only screen and (min-width: 999px) {
  nav.navigation .sub-menu:after {
    bottom: 100%;
    left: 30px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(119, 14, 17, 0);
    border-bottom-color: #D81F27;
    border-width: 8px;
    margin-left: -8px;
  }
}
nav.navigation .sub-menu li {
  padding-left: 24px;
}
@media only screen and (min-width: 999px) {
  nav.navigation .sub-menu li {
    padding: 0;
    display: block;
  }
}
nav.navigation .sub-menu li:before {
  content: "…";
  display: inline-block;
  margin-right: 10px;
  margin-left: -24px;
  color: #8f8f8f;
  font-size: 12px;
  line-height: 20px;
  vertical-align: middle;
}
@media only screen and (min-width: 999px) {
  nav.navigation .sub-menu li:before {
    display: none;
  }
}
@media only screen and (min-width: 999px) {
  nav.navigation .sub-menu a {
    padding: 4px 0;
    color: #FFF;
    font-weight: normal;
  }
}

.menu-open nav {
  margin-left: 0;
  transition: margin 0.4s;
}
@media only screen and (min-width: 999px) {
  .menu-open nav {
    transition: none;
  }
}

.parent-list,
.sibling-list,
.children-list {
  padding: 0;
  list-style-type: none;
}
.parent-list li,
.sibling-list li,
.children-list li {
  /*text-transform: uppercase;*/
}
.parent-list a,
.sibling-list a,
.children-list a {
  display: block;
  height: 100%;
}
.parent-list a span,
.sibling-list a span,
.children-list a span {
  display: flex;
}
.parent-list a :after,
.sibling-list a :after,
.children-list a :after {
  content: ">";
  vertical-align: middle;
  margin: 0 0 0 auto;
}

.sibling-list li {
  margin-bottom: 22px;
}

.sibling-list span:after {
  margin: 0 35px 0 auto;
}

.parent-list a, .children-list a {
  padding: 15px;
}
@media only screen and (min-width: 690px) {
  .parent-list a, .children-list a {
    padding: 35px;
  }
}

@media only screen and (min-width: 690px) {
  .children-list {
    display: flex;
    gap: 40px;
    margin: 0 0 38px;
  }
}
@media only screen and (min-width: 690px) {
  .children-list li {
    width: 50%;
  }
}

article a {
  color: #2D2926;
  text-decoration: underline;
}

.single-by-line {
  margin: 0 0 2em;
}

.article-thumb {
  margin: 0 0 30px;
}
.article-thumb img {
  min-width: 100%;
}

.events-articles {
  display: grid;
  grid-template-columns: 1fr;
  gap: 38px;
}
@media only screen and (min-width: 690px) {
  .events-articles {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 999px) {
  .events-articles {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (min-width: 999px) {
  .events-articles .upcoming-events {
    grid-column: 4;
  }
}

.card {
  display: grid;
  grid-template-rows: auto 1fr auto 0.5fr auto;
  gap: 22px;
}
.card.short {
  grid-template-rows: auto 1fr;
}
.card h2 {
  order: 2;
  margin: 0;
}
.card a {
  text-decoration: none;
}
.card .thumb {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  order: 1;
}
.card .thumb a {
  display: block;
}
.card p {
  order: 4;
}
.card .read-more-link {
  order: 5;
  text-decoration: none;
}
.card .date {
  order: 3;
}
.card .date:after {
  content: "";
  display: block;
  border: 1px solid;
  margin: 22px 0 0;
}
.card .date, .card .read-more-link {
  font-weight: 400;
}

.see-all {
  display: block;
  padding: 10px 35px;
  margin: 30px 0 0;
}
@media only screen and (min-width: 999px) {
  .see-all {
    text-decoration: none;
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 35px;
    font-weight: 400;
    margin: 0;
  }
}

.social-media .newsletter, .social-media .social {
  padding: 20px 0;
  border-top: 2px solid #D81F27;
}
@media only screen and (min-width: 690px) {
  .social-media .newsletter, .social-media .social {
    padding: 40px 0 0;
  }
}
.social-media .social .social-link {
  color: #D81F27;
}

.social {
  display: flex;
  gap: 22px;
  flex-direction: row;
  flex-shrink: 0;
  flex-wrap: wrap;
}
.social .h3 {
  display: none;
}

.social-link {
  display: flex;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  border: 2px solid #D81F27;
  justify-content: center;
  align-items: center;
  font-size: 32px;
}
.social-link:hover {
  text-decoration: none;
}
.social-link span {
  display: none;
}

.news-articles > h2 {
  color: #2D2926;
}

.date-wrap {
  font-size: 14px;
  flex-shrink: 0;
}
.date-wrap time {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-radius: 50%;
  width: 45px;
  height: 45px;
}
.date-wrap .day {
  order: 1;
}
.date-wrap .month {
  order: 2;
  text-transform: uppercase;
}

.date-range .date-wrap {
  display: flex;
  gap: 12px;
  align-items: center;
}

.date-range-seperator span {
  display: none;
}
.date-range-seperator:after {
  content: "•";
  font-size: 20px;
}

.date {
  font-weight: 400;
}

.custom-content,
.bottom-article-item {
  padding: 20px;
}

.custom-content,
.bottom-articles {
  display: grid;
  gap: 38px;
  grid-template-columns: 1fr;
  align-items: stretch;
}
@media only screen and (min-width: 690px) {
  .custom-content,
  .bottom-articles {
    grid-template-columns: 1fr 1fr;
    gap: 38px;
    padding: 0;
  }
}
@media only screen and (min-width: 999px) {
  .custom-content,
  .bottom-articles {
    align-items: center;
  }
}

.custom-content .thumb,
.bottom-articles .thumb,
.bottom-article-item .thumb {
  justify-self: flex-start;
}
.custom-content .text,
.bottom-articles .text,
.bottom-article-item .text {
  padding: 0 38px 0 0;
}
.custom-content .excerpt,
.bottom-articles .excerpt,
.bottom-article-item .excerpt {
  font-size: 20px;
  font-weight: 400;
}
.custom-content .description,
.bottom-articles .description,
.bottom-article-item .description {
  font-size: 18px;
  font-weight: 400;
}

.bottom-article-item {
  display: grid;
  gap: 38px;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
}
@media only screen and (min-width: 999px) {
  .bottom-article-item {
    align-items: center;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 38px;
    padding: 0;
  }
}

.custom-content {
  margin: 0 0 38px;
}

.bottom-articles {
  align-items: stretch;
}
@media only screen and (min-width: 690px) {
  .bottom-articles {
    margin: 0 0 38px;
  }
}

.bottom-article-item,
.custom-content {
  background-color: #E2E8EA;
}

.promo_block_content .h2 {
  display: block;
  margin: 0;
}
.promo_block_content a {
  display: block;
}

.widget_crush_promo_block_widget > div {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.widget_crush_promo_block_widget .promo_block_content:first-of-type {
  order: 2;
}
.widget_crush_promo_block_widget .promo_block_content:last-of-type {
  order: 3;
}
.widget_crush_promo_block_widget .promo_block_thumb {
  order: 1;
}

@media only screen and (min-width: 999px) {
  .strip-widgets .promo_block_thumb {
    position: relative;
  }
  .strip-widgets .promo_block_thumb:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 50px solid #444353;
    border-left: 50px solid transparent;
  }
}

.section-heading {
  padding: 30px 0;
  margin: 0 auto 44px;
}
.section-heading h2 {
  margin: 0;
}

.section-heading + .strip {
  padding: 0;
}
.section-heading + .strip .content {
  border: none;
  padding: 0 20px;
}
@media only screen and (min-width: 690px) {
  .section-heading + .strip .content {
    padding: 0;
  }
}

.author-bio {
  display: flex;
  gap: 22px;
  align-self: center;
  border: 1px solid #f1f1f1;
  padding: 25px;
}
.author-bio img {
  border-radius: 50%;
  height: auto;
  min-width: 80px;
  width: 100%;
}
.author-bio .content {
  padding: 0 20px;
}
.author-bio .content p {
  font-size: 16px;
  margin-bottom: 5px;
}
.author-bio .content a {
  font-size: 15px;
  text-decoration: underline;
}
.author-bio .content a:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='24px' id='Layer_1' style='enable-background:new 0 0 512 512;' version='1.1' viewBox='0 0 512 512' width='24px' xml:space='preserve'%3E%3Cpath d='M64,128v256h384V128H64z M256,267.9L93.2,144h325.6L256,267.9z M80,368V154.1l115.1,87.6L127,319l2,2l78.9-69.6L256,288 l48.1-36.6L383,321l2-2l-68.1-77.4L432,154.1V368H80z'/%3E%3C/svg%3E");
  content: "";
  display: inline-block;
  height: 20px;
  position: relative;
  top: 3px;
  width: 25px;
}

.strip-o-news-container,
.related-articles {
  direction: rtl;
}
.strip-o-news-container .card, .strip-o-news-container .news-item,
.related-articles .card,
.related-articles .news-item {
  direction: ltr;
}

.strip-o-news-container .title a {
  margin: 0;
}
.strip-o-news-container .date {
  display: block;
  margin: 0 0 1em;
}

.strip-o-news-container,
.news-articles,
.related-articles,
.grid-display {
  display: grid;
  grid-template-columns: 1fr;
  gap: 38px;
}
@media only screen and (min-width: 690px) {
  .strip-o-news-container,
  .news-articles,
  .related-articles,
  .grid-display {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 999px) {
  .strip-o-news-container,
  .news-articles,
  .related-articles,
  .grid-display {
    grid-template-columns: repeat(4, 1fr);
  }
}
.strip-o-news-container .card,
.news-articles .card,
.related-articles .card,
.grid-display .card {
  direction: ltr;
}

.case-studies {
  display: grid;
  gap: 38px;
  grid-template-columns: repeat(3, 1fr);
}

.champions-list {
  display: grid;
  gap: 38px;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 690px) {
  .champions-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.champions-list a {
  display: block;
}
.champions-list .champion {
  display: flex;
  flex-direction: column;
  gap: 22px;
  background-color: #E2E8EA;
  padding: 0 0 20px;
}
.champions-list .champion p, .champions-list .champion h2, .champions-list .champion .read-more-link, .champions-list .champion .excerpt {
  padding: 0 20px;
}
.champions-list .champion .excerpt {
  margin: 0 0 20px;
}

.developments-grid .card,
.developments-grid .support-item, .support-grid .card,
.support-grid .support-item {
  display: flex;
  flex-direction: column;
  gap: 22px;
  background-color: #E2E8EA;
  padding: 0 0 20px;
}
.developments-grid .card p, .developments-grid .card h2, .developments-grid .card h3, .developments-grid .card .read-more-link,
.developments-grid .support-item p,
.developments-grid .support-item h2,
.developments-grid .support-item h3,
.developments-grid .support-item .read-more-link, .support-grid .card p, .support-grid .card h2, .support-grid .card h3, .support-grid .card .read-more-link,
.support-grid .support-item p,
.support-grid .support-item h2,
.support-grid .support-item h3,
.support-grid .support-item .read-more-link {
  padding: 0 20px;
}
.developments-grid .card ul,
.developments-grid .support-item ul, .support-grid .card ul,
.support-grid .support-item ul {
  margin: 0 20px;
}
.developments-grid .support-item h3:first-child, .support-grid .support-item h3:first-child {
  padding: 20px 20px 0;
}

.news-articles {
  direction: rtl;
}

.home-news .news-articles {
  direction: ltr;
}

.aside-thumb img {
  min-width: 100%;
}

aside.sidebar {
  display: flex;
  flex-direction: column;
  gap: 38px;
}
aside.sidebar .parent-list {
  order: 3;
}
aside.sidebar .sibling-list {
  order: 2;
}

@media only screen and (min-width: 690px) {
  article.main, .sidebar {
    margin: 0 0 90px;
  }
}

@media only screen and (min-width: 690px) {
  .board-of-directors {
    display: grid;
    gap: 38px;
    grid-template-columns: repeat(4, 1fr);
  }
}
.board-of-directors .excerpt {
  font-weight: bold;
}
.board-of-directors .content {
  display: none;
}

.support-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
}
@media only screen and (min-width: 690px) {
  .support-grid {
    grid-template-columns: 1fr 1fr;
    gap: 38px;
  }
}
@media only screen and (min-width: 690px) {
  .support-grid .support-item {
    display: flex;
    flex-direction: column;
    gap: 22px;
  }
}
@media only screen and (min-width: 690px) {
  .support-grid h3, .support-grid p {
    margin: 0;
  }
}
.support-grid .alignleft {
  margin: 0;
}

.more-news {
  display: grid;
  grid-template-columns: 1fr;
  gap: 80px 38px;
  margin: 0 0 30px;
}
@media only screen and (min-width: 690px) {
  .more-news {
    grid-template-columns: 1fr 1fr;
    margin: 0 0 60px;
  }
}
.more-news .simple-date {
  margin: 0 0 20px;
}

.events-sidebar .promo_block_content a.h2 {
  color: #FFF;
}

.article-block .description {
  padding: 20px;
}

.directory-container {
  width: 90vw;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
  padding: 30px;
}
@media only screen and (min-width: 690px) {
  .directory-container {
    width: 50vw;
    background-color: #fff;
    min-height: 200px;
    border: none;
  }
}
.directory-container .excerpt {
  color: #D81F27;
}

.event-details ul, .event-details li {
  list-style-type: none;
}
.event-details .time {
  display: block;
}

.events-item {
  display: grid;
  gap: 12px;
  grid-template-rows: auto auto auto;
}
.events-item h2 {
  margin: 0;
}

.events-filters {
  display: flex;
  gap: 22px;
  align-items: flex-end;
}
@media only screen and (min-width: 690px) {
  .events-filters {
    margin: 0 0 90px;
  }
}
.events-filters .caption {
  font-size: 25px;
  font-weight: bold;
  margin: 0 0 8px;
}
.events-filters label {
  margin: 0 0 8px;
}
.events-filters .btn {
  padding: 8px 30px;
  margin: 0 0 4px auto;
}
.events-filters select {
  border: none;
  border-radius: 0;
}

.events-list {
  list-style-type: none;
}
.events-list li {
  display: flex;
  gap: 20px;
  align-items: center;
  margin: 0 0 16px;
  padding: 0 0 16px;
  border-bottom: 1px solid;
  border-color: currentColor;
  font-weight: 400;
}
.events-list li:last-of-type {
  border: none;
}
.events-list li .h3 {
  margin: 0;
}

.upcoming-events-short a {
  color: currentColor;
}

.upcoming-events-full .events-item {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 0 38px;
}
.upcoming-events-full .events-item img {
  grid-row: 1/span 4;
}
.upcoming-events-full .events-item:after {
  display: block;
  content: "";
  margin: 34px 0;
  border: 1px solid #D81F27;
  grid-column: 1/span 2;
}
.upcoming-events-full .events-item:last-of-type:after {
  display: none;
}
.upcoming-events-full .events-item .read-more-link {
  color: red;
}

.events-table #date, .events-table #time {
  width: 15%;
}
.events-table .pagination {
  display: flex;
  gap: 10px;
  justify-content: center;
}
.events-table .pagination .page-previous:after, .events-table .pagination .page-next:after {
  content: "";
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
}
.events-table .pagination .page-previous span, .events-table .pagination .page-next span {
  display: none;
}
.events-table .pagination .page-previous:after {
  content: "<";
}
.events-table .pagination .page-next:after {
  content: ">";
}

.event-details {
  padding: 40px 50px;
}

.event-detail {
  padding: 0 0 30px 20px;
  margin: 0 0 22px;
  border-bottom: 1px solid #58576B;
}
.event-detail:last-of-type {
  border: none;
  margin: 0;
  padding-bottom: 0;
}
.event-detail li {
  padding: 0 0 0 10px;
}
.event-detail li::marker {
  font-family: "destination-chesterfield";
}

.event-locations li::marker {
  content: "\e610";
}

.event-prices li::marker {
  content: "\e60f";
}

.event-dates {
  padding: 0;
}
.event-dates li {
  padding: 0;
  margin: 0 0 15px;
}
.event-dates li .description {
  margin: 0 0 12px;
}
.event-dates li:after {
  display: block;
  content: "";
  width: 50%;
  margin: 25px 0;
  border-bottom: 1px solid #58576B;
}
.event-dates li:last-of-type:after {
  border-bottom: none;
}
.event-dates .icon-calendar,
.event-dates .icon-clock {
  padding: 0 10px 0 0;
}

.event-contact .phone::marker {
  content: "\e611";
}
.event-contact .mail::marker {
  content: "\e612";
}
.event-contact .earth::marker {
  content: "\e613";
}

.site-footer {
  background: #E2E8EA;
  padding: 90px 0 30px;
}
.site-footer .content {
  max-width: 1380px;
  margin: 0 auto;
  padding: 0 20px;
}
@media only screen and (min-width: 999px) {
  .site-footer .menus {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 38px;
    margin: 0 0 80px;
  }
}
@media only screen and (min-width: 999px) {
  .site-footer .menus:after {
    display: block;
    content: "";
    background: url(img/destination-chesterfield-logo-red.png) center/contain no-repeat;
    height: 40px;
    margin: -20px 0 0;
  }
}
.site-footer .col {
  padding: 0 20px 20px;
}
@media only screen and (min-width: 690px) {
  .site-footer .col {
    padding: 0;
  }
}
.site-footer ul {
  list-style-type: none;
  padding: 0;
}
.site-footer .sub-menu {
  margin: 0;
}
.site-footer li a {
  display: block;
  margin: 0 0 15px;
  font-size: 16px;
}
.site-footer .title {
  border-top: 2px solid #D81F27;
  padding: 37px 0 0;
  margin: 0 0 15px;
}
.site-footer a {
  color: #2D2926;
  text-decoration: none;
}
.site-footer .funded-by .inner {
  display: flex;
  gap: 10px 38px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.site-footer .funded-by .inner .logo {
  max-width: 100px;
}
@media only screen and (min-width: 1600px) {
  .site-footer .funded-by .inner .logo {
    max-width: 120px;
  }
}
.site-footer .logo {
  max-width: 150px;
  height: auto;
  object-fit: contain;
  flex-shrink: 0;
}
.site-footer .produced-by {
  margin-bottom: 38px;
}
.site-footer .produced-by img {
  width: auto;
}

.menu-footer-sub-container {
  padding: 0 20px;
}
@media only screen and (min-width: 690px) {
  .menu-footer-sub-container {
    padding: 0;
  }
}
.menu-footer-sub-container .menu {
  border-top: 2px solid #D81F27;
  padding: 37px 0;
  margin: 0;
}
@media only screen and (min-width: 690px) {
  .menu-footer-sub-container .menu {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: stretch;
    padding: 0;
    border: none;
  }
}
@media only screen and (min-width: 690px) {
  .menu-footer-sub-container .menu {
    margin: 0 0 50px;
  }
}
.menu-footer-sub-container .menu-item {
  margin: 0 0 15px;
}
@media only screen and (min-width: 690px) {
  .menu-footer-sub-container .menu-item {
    margin: 0;
  }
}
@media only screen and (min-width: 690px) {
  .menu-footer-sub-container .menu-item a {
    display: block;
    border-right: 1px solid #000;
    padding: 0 10px 0 0;
    margin: 0;
  }
}
.menu-footer-sub-container .menu-item:last-of-type a {
  border: none;
  padding: 0;
}

.copyright-text {
  margin: 0 0 20px;
}
@media only screen and (min-width: 690px) {
  .copyright-text {
    margin: 0;
  }
}

.social-link:after {
  content: "";
  display: block;
  height: 58px;
  width: 58px;
}
.social-link.facebook:after {
  background: transparent url(img/icons/facebook.svg) center/auto 30px no-repeat;
}
.social-link.xitter:after {
  background: transparent url(img/icons/xitter.svg) center/auto 30px no-repeat;
}
.social-link.linkedin:after {
  background: url(img/icons/linked-in.svg) center/auto 30px no-repeat;
}
.social-link.tiktok:after {
  background: url(img/icons/tiktok.svg) center/auto 30px no-repeat;
}
.social-link.youtube:after {
  background: url(img/icons/youtube.svg) center/30px auto no-repeat;
}
.social-link.instagram:after {
  background: url(img/icons/instagram.svg) center/30px auto no-repeat;
}

body {
  font-family: "Roboto", noto sans, calibri, Helvetica;
  position: relative;
  overflow-x: hidden;
  padding-top: 62px;
  word-wrap: break-word;
}
@media only screen and (min-width: 690px) {
  body {
    padding-top: 82px;
  }
}
@media only screen and (min-width: 999px) {
  body {
    padding: 0;
  }
}

body.menu-open > header,
body.menu-open > #page-wrapper,
body.menu-open > footer {
  margin-left: 90%;
  transition: margin 0.4s;
}

#page-wrapper {
  margin: 15px 0 0;
  width: 100%;
  transition: margin 0.4s;
}
@media only screen and (min-width: 690px) {
  #page-wrapper {
    margin: 0;
  }
}

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