/*!
 * Site: treencoward.com
 * File: app
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 *
 * Contents
 *
 *  1. Settings                                                            29:1
 *  2. Colours                                                             43:1
 *  2. Helpers                                                             57:1
 *  3. Normalize                                                           88:1
 *  4. Base                                                                :1
 *  5. Objects                                                             :1
 *  6. Components                                                          :1
 *  7. Sections                                                            :1
 *  8. Layout                                                              :1
 *  9. Templates                                                           :1
 * 10. Utilities                                                           :1
 * 11. Vendor                                                              :1
 * 12. Shame                                                               :1
 */
/*------------------------------------*\
	Settings
\*------------------------------------*/
/**
 * Some description...
 */
/*
 * Site: treencoward.com
 * File: _settings
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
/**
 * Contents
 *
 *  1. Base Values
 *  2. Breakpoints
 *  3. Font Families
 *  4. Font Weights
 *  5. Layers
 *  6. Paths
 */
/*------------------------------------*\
	Base Values
\*------------------------------------*/
/*------------------------------------*\
	Breakpoints
\*------------------------------------*/
/**
 * Some description...
 */
/**
 * Some description...
 */
/**
 * Some description...
 */
/*------------------------------------*\
	Font Families
\*------------------------------------*/
/**
 * Some description...
 */
/**
 * Some description...
 */
/*------------------------------------*\
	Font Weights
\*------------------------------------*/
/**
 * Some description...
 */
/*------------------------------------*\
	Z-Index
\*------------------------------------*/
/**
 * Some description...
 */
/*------------------------------------*\
	Paths
\*------------------------------------*/
/**
 * Some description...
 */
/**
 * Some description...
 */
/*------------------------------------*\
	Colours
\*------------------------------------*/
/**
 * Some description...
 */
/*
 * Site: treencoward.com
 * File: base/_colours
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 *
 * Contents
 *
 *  1. Alerts                                                              18:1
 *  2. Brand                                                               30:1
 *  3. Neutral                                                             40:1
 *  5. Social Platforms                                                    57:1
 */
/*------------------------------------*\
	Alerts
\*------------------------------------*/
/*------------------------------------*\
	Brand
\*------------------------------------*/
/*------------------------------------*\
	Neutral
\*------------------------------------*/
/*------------------------------------*\
	Social Media
\*------------------------------------*/
/*------------------------------------*\
	Helpers
\*------------------------------------*/
/**
 * Some description...
 */
/*
 * Site: treencoward.com
 * File: base/_functions
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 *
 * Contents
 *
 *  N.                                                                     NN:1
 */
/*
 * Site: treencoward.com
 * File: base/_mixins
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 *
 * Contents
 *
 *  1. Alignment                                                           NN:1
 *  2. Anchor States                                                       NN:1
 *  3. Appearance                                                          NN:1
 *  4. Background                                                          NN:1
 *  5. Breakpoints                                                         NN:1
 *  6. Container                                                           NN:1
 *  7. Display                                                             NN:1
 *  8. Font                                                                NN:1
 *  9. Positioning                                                         NN:1
 * 10. Sprite                                                              NN:1
 * 11. Transition                                                          NN:1
 * 12. Triangle                                                            NN:1
 * 13. Z-Index                                                             NN:1
 */
/*------------------------------------*\
	Alignment
\*------------------------------------*/
/**
 * Some description...
 */
/*------------------------------------*\
	Anchor States
\*------------------------------------*/
/**
 * Some description...
 */
/*------------------------------------*\
	Appearance
\*------------------------------------*/
/**
 * Some description...
 */
/*------------------------------------*\
	Background
\*------------------------------------*/
/**
 * Some description...
 */
/*------------------------------------*\
	Breakpoints
\*------------------------------------*/
/**
 * Some description...
 */
/*------------------------------------*\
	Container
\*------------------------------------*/
/**
 * Some description...
 */
/*------------------------------------*\
	Display
\*------------------------------------*/
/**
 * Some description...
 */
/*------------------------------------*\
	Font
\*------------------------------------*/
/**
 * Some description...
 */
/**
 * Some description...
 */
/**
 * Some description...
 */
/**
 * Some description...
 */
/*------------------------------------*\
	Positioning
\*------------------------------------*/
/**
 * Some description...
 */
/**
 * Some description...
 */
/*------------------------------------*\
	Sprite
\*------------------------------------*/
/**
 * Some description...
 */
/*------------------------------------*\
	Transition
\*------------------------------------*/
/*------------------------------------*\
	Triangle
\*------------------------------------*/
/**
 * Some description...
 */
/*------------------------------------*\
	Z-Index
\*------------------------------------*/
/**
 * Some description...
 */
/*------------------------------------*\
	Normalize
\*------------------------------------*/
/**
 * v8.0.0
 *
 * Last updated: 25/02/2018
 */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*------------------------------------*\
	Base
\*------------------------------------*/
/**
 * Some description...
 */
/*
 * Site: treencoward.com
 * File: base/_fonts
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
/**
 * Proxima Nova
 *
 * Weight/s: Bold, exrta-bold, light, regular and semi-bold
 */
.stack-1 {
  font-family: "effra", sans-serif;
}
.stack-1--black {
  font-weight: 900;
}
.stack-1--bold {
  font-weight: 700;
}
.stack-1--extra-bold {
  font-weight: 800;
}
.stack-1--light {
  font-weight: 300;
}
.stack-1--regular {
  font-weight: 400;
}
.stack-1--semi-bold {
  font-weight: 600;
}
.stack-1--thin {
  font-weight: 100;
}

/*
 * Site: treencoward.com
 * File: base/_html
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  height: 100%;
  line-height: 1;
}

/*
 * Site: treencoward.com
 * File: base/_all
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
*,
*::after,
*::before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

/*
 * Site: treencoward.com
 * File: base/_body
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
body {
  font-family: "effra", sans-serif;
  font-weight: 300;
  color: #999999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  line-height: 1;
  padding-top: 112px;
  position: relative;
}
body::after {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
  transition: opacity 0.5s, visibility 0s 0.5s;
  visibility: hidden;
  width: 100%;
}
body.is-blurred::after {
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  visibility: visible;
}

/*
 * Site: treencoward.com
 * File: base/_button
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  outline: none;
}

/*
 * Site: treencoward.com
 * File: base/_a
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
a {
  color: #323E48;
}
a:focus, a:hover {
  color: #13171b;
}

/*
 * Site: treencoward.com
 * File: base/_address
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
address {
  color: #FFFFFF;
  font-size: 17px;
  font-style: normal;
  line-height: 1.5;
  margin-bottom: 32px;
}
address span {
  display: block;
}

/*
 * Site: treencoward.com
 * File: base/_cite
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
cite {
  font-weight: 400;
  color: #323E48;
  font-size: 28px;
  font-style: normal;
  line-height: 1.25;
}
cite span {
  color: #999999;
  display: block;
  font-size: 20px;
}
@media only screen and (max-width: 414px) {
  cite {
    font-size: 22px;
  }
  cite span {
    font-size: 14px;
  }
}

/*
 * Site: treencoward.com
 * File: base/_italic
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
em {
  font-style: italic;
}

/*
 * Site: treencoward.com
 * File: base/_figcaption
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
figcaption {
  padding: 16px;
}

/*
 * Site: treencoward.com
 * File: base/_figure
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
figure {
  margin: 64px 0;
}

/*
 * Site: treencoward.com
 * File: base/_headings
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
h1,
h2,
h3,
h4 {
  font-weight: 700;
}

h2,
h3,
h4 {
  margin-bottom: 16px;
}

h1 {
  font-family: "Cormorant", serif;
  font-size: 68px;
  font-weight: 800;
  color: #FFFFFF;
  text-transform: uppercase;
}

h2 {
  color: #323E48;
  font-size: 28px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 28px;
}

/*
 * Site: treencoward.com
 * File: base/_hr
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
hr {
  background-color: #323E48;
  border: none;
  height: 1px;
  margin: 0 auto;
  width: 100%;
}

/*
 * Site: treencoward.com
 * File: base/_iframe
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
iframe {
  border: none;
  width: 100%;
}

/*
 * Site: treencoward.com
 * File: base/_images
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
img {
  display: inline-block;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

/*
 * Site: treencoward.com
 * File: base/_input
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
input:not([type=checkbox]):not([type=radio]),
select,
textarea {
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  color: #333333;
  font-size: 16px;
  width: 85%;
}
input:not([type=checkbox]):not([type=radio]):focus, input:not([type=checkbox]):not([type=radio]):hover,
select:focus,
select:hover,
textarea:focus,
textarea:hover {
  border-color: #323E48;
}
input:not([type=checkbox]):not([type=radio]).error,
select.error,
textarea.error {
  border-color: #E81C4F;
}

input[type=checkbox],
input[type=radio] {
  position: absolute;
  opacity: 0;
}

label {
  font-size: 16px;
  cursor: pointer;
}
label.error {
  position: absolute;
  right: 16px;
  top: 16px;
  color: #E81C4F;
}

input:not([type=checkbox]) {
  padding: 16px;
}

textarea {
  line-height: 1.5;
  padding: 8px 16px;
  resize: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #FFFFFF url("https://placehold.it/56x56") no-repeat right center;
  padding: 16px 32px 16px 16px;
}

@media only screen and (max-width: 1024px) {
  input:not([type=checkbox]):not([type=radio]),
select,
textarea {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  input:not([type=checkbox]):not([type=radio]),
select,
textarea {
    width: 85%;
  }
}
@media only screen and (max-width: 414px) {
  input:not([type=checkbox]):not([type=radio]),
select,
textarea {
    width: 100%;
  }
}
/*
 * Site: treencoward.com
 * File: base/_lists
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
ol,
ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
ol:not([class]),
ul:not([class]) {
  margin: 0 0 16px 21.3333333333px;
}
ol:not([class]) li,
ul:not([class]) li {
  font-size: 18px;
  line-height: 1.5;
  position: relative;
}

ol:not([class]) li {
  counter-increment: step-counter;
}
ol:not([class]) li::before {
  left: -21.3333333333px;
  position: absolute;
  top: 0;
  color: #323E48;
  content: counter(step-counter) ".";
}

ul:not([class]) li::before {
  left: -21.3333333333px;
  position: absolute;
  top: 10px;
  display: block;
  height: 8px;
  width: 8px;
  background-color: #323E48;
  border-radius: 50%;
  content: "";
}

/*
 * Site: treencoward.com
 * File: base/_p
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
p {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 16px;
}
@media only screen and (max-width: 1024px) {
  p {
    font-size: 22px;
  }
}

/*
 * Site: treencoward.com
 * File: base/_placeholder
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
::-webkit-input-placeholder {
  color: #999999;
}

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

::-moz-placeholder {
  color: #999999;
}

/*
 * Site: treencoward.com
 * File: base/_quotes
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
blockquote {
  margin: 0;
}

/*
 * Site: treencoward.com
 * File: base/_selection
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
::-moz-selection {
  background-color: #323E48;
  color: #FFFFFF;
}

::selection {
  background-color: #323E48;
  color: #FFFFFF;
}

/*
 * Site: treencoward.com
 * File: base/_bold
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
strong {
  font-weight: 700;
}

/*
 * Site: treencoward.com
 * File: base/_table
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
table {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

/*
 * Site: treencoward.com
 * File: base/_time
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
time {
  font-size: 24px;
  font-weight: 300;
  color: #333333;
}

/*------------------------------------*\
	Layout
\*------------------------------------*/
/**
 * Some description...
 */
/*
 * Site: treencoward.com
 * File: layout/_container
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.l-container {
  margin: 0 auto;
  max-width: 1280px;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}
@media only screen and (max-width: 414px) {
  .l-container {
    padding: 0 16px;
  }
}

/*
 * Site: treencoward.com
 * File: layout/_site-content
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.l-site-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

/*
 * Site: treencoward.com
 * File: layout/_site-footer
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.l-site-footer {
  background-color: #323E48;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  padding: 64px 0;
}
.l-site-footer .o-icon--social-platform[href*=facebook] {
  background-position-y: -25px;
}
.l-site-footer .o-icon--social-platform[href*=google] {
  background-position-y: -25px;
}
.l-site-footer .o-icon--social-platform[href*=instagram] {
  background-position-y: -25px;
}
.l-site-footer .o-icon--social-platform[href*=linkedin] {
  background-position-y: -25px;
}
.l-site-footer .o-icon--social-platform[href*=pinterest] {
  background-position-y: -25px;
}
.l-site-footer .o-icon--social-platform[href*=twitter] {
  background-position-y: -25px;
}
.l-site-footer .o-icon--social-platform[href*=vimeo] {
  background-position-y: -25px;
}
.l-site-footer .o-icon--social-platform[href*=youtube] {
  background-position-y: -25px;
}
.l-site-footer .o-logo {
  margin-bottom: 32px;
}
.l-site-footer .wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
.l-site-footer .wrapper:nth-of-type(1) h3,
.l-site-footer .wrapper:nth-of-type(1) p {
  color: #FFFFFF;
  font-size: 17px;
  margin-bottom: 32px;
}
.l-site-footer .wrapper:nth-of-type(1) h3 {
  font-weight: 500;
}
.l-site-footer .wrapper:nth-of-type(1) p a {
  color: #FFFFFF;
  text-decoration: none;
}
.l-site-footer .wrapper:nth-of-type(1) p a:focus, .l-site-footer .wrapper:nth-of-type(1) p a:hover {
  text-decoration: underline;
}
.l-site-footer .wrapper:nth-of-type(2) li,
.l-site-footer .wrapper:nth-of-type(2) p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 32px;
}
.l-site-footer .wrapper:nth-of-type(2) li a,
.l-site-footer .wrapper:nth-of-type(2) p a {
  color: #999999;
  text-decoration: none;
}
.l-site-footer .wrapper:nth-of-type(2) li a:focus, .l-site-footer .wrapper:nth-of-type(2) li a:hover,
.l-site-footer .wrapper:nth-of-type(2) p a:focus,
.l-site-footer .wrapper:nth-of-type(2) p a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 414px) {
  .l-site-footer .wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .l-site-footer .wrapper:nth-of-type(1) {
    margin-bottom: 32px;
  }
  .l-site-footer .wrapper:nth-of-type(2) p {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

/*
 * Site: treencoward.com
 * File: layout/_site-header
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.l-site-header {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  background-color: #FFFFFF;
  padding: 32px 0;
}
.l-site-header .l-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.l-site-header.headroom {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  will-change: transform;
}
.l-site-header.headroom--pinned {
  opacity: 1;
  position: fixed;
}
.l-site-header.headroom--unpinned {
  opacity: 0;
}

/*
 * Site: treencoward.com
 * File: layout/_site-nav
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.l-site-nav {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 100;
  background-color: rgba(50, 62, 72, 0.95);
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
  transition: opacity 0.5s, visibility 0s 0.5s;
  visibility: hidden;
  width: 100%;
}
.l-site-nav .l-container {
  margin-bottom: 96px;
  text-align: right;
}
.l-site-nav .o-button {
  margin-top: 32px;
}
.l-site-nav.is-open {
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  visibility: visible;
}
@media only screen and (max-width: 1024px) {
  .l-site-nav .l-container {
    margin-bottom: 16px;
  }
}

/*------------------------------------*\
	Objects
\*------------------------------------*/
/**
 * Some description...
 */
/*
 * Site: treencoward.com
 * File: objects/_buttons
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.o-button {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border: 1px solid;
  display: inline-block;
  font-size: 18px;
  line-height: 44px;
  min-height: 44px;
  min-width: 44px;
  padding: 0 32px;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
}
.o-button--close {
  background-color: transparent;
  border-color: transparent;
  font-size: 32px;
  padding: 0 8px;
  position: relative;
}
.o-button--close::after, .o-button--close::before {
  left: 18px;
  position: absolute;
  top: 4px;
  background-color: #FFFFFF;
  position: absolute;
  content: "";
  height: 36px;
  width: 4px;
}
.o-button--close::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.o-button--close::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.o-button--close:focus::after, .o-button--close:focus::before, .o-button--close:hover::after, .o-button--close:hover::before {
  background-color: #d9d9d9;
}
.o-button--disabled {
  background-color: #EEEEEE;
  border-color: #EEEEEE;
  color: #CCCCCC;
  cursor: default;
}
.o-button--disabled:focus, .o-button--disabled:hover {
  color: #CCCCCC;
}
.o-button--ghost {
  background-color: transparent;
  border-color: #999999;
  color: #999999;
}
.o-button--ghost:focus, .o-button--ghost:hover {
  background-color: #999999;
  color: #323E48;
}
.o-button--hamburger {
  background-color: transparent;
  border-color: transparent;
  border-radius: 4px;
  font-size: 11px;
  padding: 0;
}
.o-button--hamburger .hamburger {
  display: inline-block;
  height: 4px;
  width: 36px;
  background-color: #323E48;
  border-radius: 4px;
  position: relative;
}
.o-button--hamburger .hamburger::after, .o-button--hamburger .hamburger::before {
  left: 0;
  position: absolute;
  display: inline-block;
  height: 4px;
  width: 36px;
  content: "";
  background-color: #323E48;
  border-radius: 4px;
}
.o-button--hamburger .hamburger::after {
  top: 12px;
}
.o-button--hamburger .hamburger::before {
  top: -12px;
}
.o-button--hamburger:focus .hamburger, .o-button--hamburger:hover .hamburger {
  background-color: #13171b;
}
.o-button--hamburger:focus .hamburger::after, .o-button--hamburger:focus .hamburger::before, .o-button--hamburger:hover .hamburger::after, .o-button--hamburger:hover .hamburger::before {
  background-color: #13171b;
}
.o-button--solid, .o-button--submit {
  background-color: #323E48;
  border-color: #323E48;
  border-radius: 32px;
  color: #FFFFFF;
}
.o-button--solid:focus, .o-button--submit:focus, .o-button--solid:hover, .o-button--submit:hover {
  background-color: #13171b;
  color: #FFFFFF;
}
/*
 * Site: treencoward.com
 * File: objects/_fields
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.o-field {
  font-size: 19px;
  font-weight: 400;
  color: #323E48;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
  position: relative;
}
.o-field span {
  margin-top: 16px;
}
.o-field__indicator {
  left: 0;
  position: absolute;
  top: 0;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  margin-top: 0 !important;
  min-height: 44px;
  min-width: 44px;
}
.o-field__indicator::after {
  left: 9px;
  position: absolute;
  top: 5px;
  display: none;
  height: 10px;
  width: 5px;
  border: solid #323E48;
  border-width: 0 3px 3px 0;
  content: "";
  display: none;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.o-field--checkbox {
  padding-left: 64px;
}
.o-field--checkbox:hover input ~ .o-field__indicator {
  border-color: #323E48;
}
.o-field--checkbox input:checked ~ .o-field__indicator::after {
  display: block;
}
.o-field--honeypot {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .o-field {
    display: block;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 768px) {
  .o-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
  }
}
@media only screen and (max-width: 414px) {
  .o-field {
    display: block;
    line-height: 1.5;
  }
}

/*
 * Site: treencoward.com
 * File: base/_figure
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.o-figure--image--x2, .o-figure--image--x3, .o-figure--image--x4 {
  display: -ms-grid;
  display: grid;
  grid-gap: 32px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.o-figure--image--x3 img:first-child {
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-row-span: 2;
  grid-row-end: 3;
}
.o-figure--image--x3 img:last-child {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
}

/*
 * Site: treencoward.com
 * File: objects/_icon
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.o-icon--social-platform {
  height: 25px;
  width: 25px;
  background: url("/images/icn_sprite_social.svg") no-repeat;
  direction: ltr;
  display: inline-block;
  background-size: 200px 50px;
}
.o-icon--social-platform[href*=facebook] {
  background-position: 0 0;
}
.o-icon--social-platform[href*=google] {
  background-position: -25px 0;
}
.o-icon--social-platform[href*=instagram] {
  background-position: -50px 0;
}
.o-icon--social-platform[href*=linkedin] {
  background-position: -75px 0;
}
.o-icon--social-platform[href*=pinterest] {
  background-position: -100px 0;
}
.o-icon--social-platform[href*=twitter] {
  background-position: -125px 0;
}
.o-icon--social-platform[href*=vimeo] {
  background-position: -150px 0;
}
.o-icon--social-platform[href*=youtube] {
  background-position: -175px 0;
}

/*
 * Site: treencoward.com
 * File: objects/_lead
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.o-lead {
  font-size: 38px;
  font-weight: 300;
  line-height: 1.25;
  margin-bottom: 32px;
}
@media only screen and (max-width: 1024px) {
  .o-lead {
    font-size: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .o-lead {
    font-size: 38px;
  }
}
@media only screen and (max-width: 414px) {
  .o-lead {
    font-size: 30px;
  }
}

/*
 * Site: treencoward.com
 * File: objects/_logo
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.o-logo {
  display: block;
}

/*
 * Site: treencoward.com
 * File: objects/_map
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.o-map {
  height: 375px;
}

/*
 * Site: treencoward.com
 * File: objects/_table
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.o-table td,
.o-table th {
  font-size: 21px;
  font-weight: 600;
}
.o-table td {
  color: #666666;
  padding: 16px 32px;
}
.o-table td:nth-of-type(1) {
  color: #323E48;
}
.o-table td:nth-of-type(2) {
  font-size: 41px;
  font-weight: 800;
  color: #333333;
}
.o-table th {
  color: #FFFFFF;
  padding: 32px;
}
.o-table tbody tr {
  border-bottom: 2px solid #323E48;
}
.o-table thead {
  background-color: #323E48;
}
.o-table--fixtures {
  margin-bottom: 64px;
}
.o-table--fixtures td time {
  font-size: 30px;
  font-weight: 600;
  color: #323E48;
}
.o-table--fixtures td:nth-of-type(4) {
  font-size: 27px;
}
.o-table--fixtures th {
  font-size: 30px;
  font-weight: 800;
  text-align: left;
}
.o-table--fixtures tbody tr:last-child {
  border-bottom: none;
}
.o-table--league-table td:nth-of-type(2),
.o-table--league-table th:nth-of-type(2) {
  text-align: left;
}
.o-table--league-table td:nth-of-type(3), .o-table--league-table td:nth-of-type(4), .o-table--league-table td:nth-of-type(5), .o-table--league-table td:nth-of-type(6), .o-table--league-table td:nth-of-type(7), .o-table--league-table td:nth-of-type(8), .o-table--league-table td:nth-of-type(9),
.o-table--league-table th:nth-of-type(3),
.o-table--league-table th:nth-of-type(4),
.o-table--league-table th:nth-of-type(5),
.o-table--league-table th:nth-of-type(6),
.o-table--league-table th:nth-of-type(7),
.o-table--league-table th:nth-of-type(8),
.o-table--league-table th:nth-of-type(9) {
  font-size: 19px;
}
.o-table--league-table td {
  text-align: center;
}

/*------------------------------------*\
	Components
\*------------------------------------*/
/**
 * Some description...
 */
/*
 * Site: treencoward.com
 * File: components/_alert
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.c-alert {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
  margin-bottom: 16px;
  min-height: 44px;
  padding: 0 44px 0 16px;
  position: relative;
  width: 100%;
}
.c-alert__text {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #000000;
  margin-bottom: 0;
}
.c-alert .o-button--close {
  position: absolute;
  right: 0;
  top: 0;
  background-color: transparent;
  border-color: transparent;
  opacity: 0.5;
}
.c-alert .o-button--close::after, .c-alert .o-button--close::before {
  background-color: #000000;
}
.c-alert .o-button--close:focus, .c-alert .o-button--close:hover {
  opacity: 1;
}
.c-alert .o-button--close:focus::after, .c-alert .o-button--close:focus::before, .c-alert .o-button--close:hover::after, .c-alert .o-button--close:hover::before {
  background-color: #000000;
}
.c-alert--error {
  background-color: #E81C4F;
}
.c-alert--success {
  background-color: #19CF86;
}
.c-alert--warning {
  background-color: #ED734A;
}

/*
 * Site: treencoward.com
 * File: components/_article
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.c-article a {
  display: block;
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  text-decoration: none;
}
.c-article a:focus, .c-article a:hover {
  background-color: #323E48;
}
.c-article a:focus .c-article__read-more, .c-article a:focus .c-article__title, .c-article a:hover .c-article__read-more, .c-article a:hover .c-article__title {
  color: #FFFFFF;
}
.c-article__byline {
  color: #999999;
  font-size: 21px;
  margin-bottom: 0;
}
.c-article__header {
  padding: 32px;
}
.c-article__read-more {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 0;
}
.c-article__title {
  font-size: 24px;
  font-weight: 500;
  color: #323E48;
}
.c-article--featured {
  position: relative;
}
.c-article--featured .c-article__byline {
  color: #FFFFFF;
}
.c-article--featured .c-article__header {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}
.c-article--featured .c-article__title {
  color: #FFFFFF;
  font-size: 48px;
  width: 55%;
}
.c-article--latest {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  background-color: #FFFFFF;
}
.c-article--latest a:focus, .c-article--latest a:hover {
  background-color: #999999;
}
.c-article--latest a:focus .c-article__byline, .c-article--latest a:focus .c-article__read-more, .c-article--latest a:focus .c-article__title, .c-article--latest a:hover .c-article__byline, .c-article--latest a:hover .c-article__read-more, .c-article--latest a:hover .c-article__title {
  color: #FFFFFF;
}
@media only screen and (max-width: 768px) {
  .c-article--featured .c-article__title {
    width: 65%;
  }
}
@media only screen and (max-width: 414px) {
  .c-article--featured .c-article__thumbnail {
    height: 75vh;
  }
  .c-article--featured .c-article__title {
    font-size: 38px;
    width: 100%;
  }
}
@media only screen and (max-width: 375px) {
  .c-article__header {
    padding: 32px 0;
  }
  .c-article--featured .c-article__header {
    padding: 32px 0;
  }
}

/*
 * Site: treencoward.com
 * File: components/_banner
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.c-banner .l-container {
  max-width: 778px;
  text-align: center;
}
.c-banner__background {
  height: 810px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.c-banner__foreground {
  height: 100%;
  left: 0;
  position: absolute;
  top: 100px;
  width: 100%;
}
.c-banner__text {
  font-size: 35px;
  line-height: 1.25;
  text-transform: lowercase;
}
.c-banner__title {
  font-size: 73px;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 32px;
  letter-spacing: 3px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .c-banner__background {
    height: 100vh;
  }
}
@media only screen and (max-width: 414px) {
  .c-banner__text {
    font-size: 28px;
  }
  .c-banner__title {
    font-size: 55px;
  }
}
@media only screen and (max-width: 375px) {
  .c-banner .l-container {
    padding: 0;
  }
  .c-banner__foreground {
    top: 80px;
  }
  .c-banner__title {
    font-size: 47px;
  }
}

/*
 * Site: treencoward.com
 * File: components/_category
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.c-category a {
  display: block;
  position: relative;
}
.c-category a:hover .c-category__foreground {
  background-color: rgba(50, 62, 72, 0.75);
}
.c-category__background img {
  height: 486px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.c-category__foreground {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  background-color: rgba(50, 62, 72, 0.25);
  padding: 32px;
  text-align: center;
}
.c-category__title {
  color: #FFFFFF;
  font-size: 42px;
  text-shadow: 1px 1px #323E48;
}

/*
 * Site: treencoward.com
 * File: components/_event
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.c-event {
  background-color: #323E48;
  border: 1px solid #323E48;
  padding: 32px;
}
.c-event__title, .c-event__time, .c-event__type {
  color: #FFFFFF;
}
.c-event__date, .c-event__time {
  font-size: 20px;
}
.c-event__date time, .c-event__time time {
  font-size: 20px;
  font-weight: 400;
}
.c-event__date {
  margin-bottom: 0;
}
.c-event__location p {
  color: #333333;
  font-size: 20px;
}
.c-event__more-link {
  font-size: 20px;
  text-transform: uppercase;
}
.c-event__more-link a {
  color: #FFFFFF;
  text-decoration: none;
}
.c-event__more-link a:focus, .c-event__more-link a:hover {
  text-decoration: underline;
}
.c-event__team {
  font-size: 28px;
  font-weight: 800;
  color: #FFFFFF;
  padding-right: 64px;
  position: relative;
}
.c-event__team span {
  position: absolute;
  right: 0;
  top: -60%;
  font-size: 71px;
}
.c-event__time {
  text-transform: uppercase;
}
.c-event__time time {
  color: #FFFFFF;
}
.c-event__title {
  font-size: 46px;
  font-weight: 800;
}
.c-event__type {
  font-size: 24px;
  font-weight: 300;
  text-transform: capitalize;
}
.c-event--next {
  background-color: rgba(50, 62, 72, 0.25);
  border-color: rgba(50, 62, 72, 0.25);
}
.c-event--next .c-event__date time {
  color: #323E48;
}
.c-event--next .c-event__location p {
  color: #323E48;
}
.c-event--past {
  background-color: transparent;
}
.c-event--past .c-event__location p {
  color: #323E48;
}

/*
 * Site: {SITE}
 * File: components/_figure
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.c-figure--2-objects .wrapper, .c-figure--3-objects .wrapper, .c-figure--4-objects .wrapper {
  display: -ms-grid;
  display: grid;
  grid-gap: 32px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.c-figure--3-objects img:first-child {
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-row-span: 2;
  grid-row-end: 3;
}
.c-figure--3-objects img:last-child {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
}

/*
 * Site: treencoward.com
 * File: components/_forms
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.c-form .wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -ms-grid;
  display: grid;
  grid-gap: 32px;
  -ms-grid-columns: 2fr 1fr;
  grid-template-columns: 2fr 1fr;
}
.c-form .wrapper * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-form .wrapper .o-field {
  margin: 0 0 0 105px;
}
.c-form--enquiries, .c-form--unsubscribes {
  background-color: #EEEEEE;
  padding: 32px;
}
.c-form--search {
  margin-top: 64px;
  position: relative;
}
.c-form--search .o-button {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0;
  height: 52px;
  line-height: 52px;
  padding: 0 32px;
}
.c-form--search input:not([type=checkbox]):not([type=radio]) {
  border-color: #CCCCCC;
}
.c-form--unsubscribes .wrapper .o-field {
  margin-left: 100px;
}
@media only screen and (max-width: 1024px) {
  .c-form .wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .c-form .wrapper .o-field {
    margin-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .c-form .wrapper {
    -ms-grid-columns: 2fr 1fr;
    grid-template-columns: 2fr 1fr;
  }
  .c-form .wrapper .o-field {
    margin-left: 95px;
  }
}
@media only screen and (max-width: 414px) {
  .c-form .wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .c-form .wrapper .o-field {
    margin-left: 0;
  }
}

/*
 * Site: treencoward.com
 * File: components/_links
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.c-links__item {
  display: inline-block;
  margin-right: 8px;
}
.c-links__item:not(:last-child) {
  border-right: 2px solid #323E48;
  padding-right: 8px;
}

/*
 * Site: treencoward.com
 * File: components/_menu
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.c-menu {
  list-style: none;
  text-align: left;
}
.c-menu--lvl-0 .c-menu__item {
  font-size: 30px;
  font-weight: 500;
  border-bottom: 1px solid #999999;
  text-align: center;
}
.c-menu--lvl-0 .c-menu__item a {
  color: #999999;
  display: block;
  padding: 40px 0;
  text-decoration: none;
}
.c-menu--lvl-0 .c-menu__item a:focus, .c-menu--lvl-0 .c-menu__item a:hover {
  color: #FFFFFF;
}
@media only screen and (max-width: 414px) {
  .c-menu--lvl-0 .c-menu__item {
    font-size: 22px;
  }
  .c-menu--lvl-0 .c-menu__item a {
    padding: 32px 0;
  }
}

/*
 * Site: treencoward.com
 * File: components/_modals
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.c-modal {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 1000;
  background-color: rgba(50, 62, 72, 0.95);
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
  transition: opacity 0.5s, visibility 0s 0.5s;
  visibility: hidden;
  width: 100%;
}
.c-modal__content {
  margin: 0 auto;
  max-width: 768px;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}
@media only screen and (max-width: 414px) {
  .c-modal__content {
    padding: 0 16px;
  }
}
.c-modal__role {
  margin-bottom: 32px;
}
.c-modal__role ~ p {
  color: #FFFFFF;
}
.c-modal__title {
  color: #FFFFFF;
  margin-bottom: 0;
}
.c-modal .o-button--close {
  position: absolute;
  right: 32px;
  top: 32px;
}
.c-modal .o-button--close::after, .c-modal .o-button--close::before {
  background-color: #999999;
}
.c-modal.is-open {
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  visibility: visible;
}
@media only screen and (max-width: 375px) {
  .c-modal__content {
    overflow: auto;
  }
  .c-modal__content p {
    font-size: 18px;
  }
}

/*
 * Site: treencoward.com
 * File: components/_pagination
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.c-pagination__item {
  display: inline-block;
}
.c-pagination__item a {
  font-weight: 500;
  text-decoration: none;
  text-transform: capitalize;
}

/*
 * Site: treencoward.com
 * File: components/_person
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
/*
 * Site: treencoward.com
 * File: components/_result
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.c-result a {
  display: block;
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 32px;
  text-decoration: none;
}
.c-result a:focus, .c-result a:hover {
  background-color: #EEEEEE;
}
.c-result__description {
  color: #666666;
}
.c-result__title {
  color: #323E48;
  margin-bottom: 8px;
}
.c-result__url {
  color: #CCCCCC;
  font-size: 14px;
  margin-bottom: 16px;
}

/*
 * Site: treencoward.com
 * File: components/_service
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.c-service {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.c-service .wrapper {
  padding: 64px 64px 48px;
}
.c-service__rate {
  font-size: 53px;
  font-weight: 700;
  color: #323E48;
  display: inline-block;
  margin-bottom: 0;
}
.c-service__rate sup {
  font-size: 21px;
  top: -16px;
}
.c-service__rate-type {
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
}
.c-service__text {
  margin-bottom: 32px;
}
.c-service__thumbnail {
  height: 504px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.c-service__title {
  font-size: 33px;
  font-weight: 500;
  color: #323E48;
  margin-bottom: 32px;
}
@media only screen and (max-width: 1024px) {
  .c-service .wrapper {
    padding: 48px;
  }
}
@media only screen and (max-width: 768px) {
  .c-service .wrapper {
    padding: 64px 32px;
  }
  .c-service__thumbnail {
    height: 639px;
  }
}
@media only screen and (max-width: 414px) {
  .c-service {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .c-service__thumbnail {
    height: auto;
  }
}

/*
 * Site: treencoward.com
 * File: components/_service-overview
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.c-service-overview {
  display: -ms-grid !important;
  display: grid !important;
  grid-gap: 64px;
  -ms-grid-columns: 1fr 2fr;
  grid-template-columns: 1fr 2fr;
}
.c-service-overview div {
  padding-top: 32px;
}
.c-service-overview__title {
  font-size: 36;
  font-weight: 500;
  color: #323E48;
}
@media only screen and (max-width: 1024px) {
  .c-service-overview {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .c-service-overview {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .c-service-overview div {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

/*
 * Site: treencoward.com
 * File: components/_sharing-buttons
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.c-sharing-buttons {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-sharing-buttons__item {
  margin-right: 8px;
}
.c-sharing-buttons__item:first-child {
  font-weight: 400;
  color: #323E48;
  margin-right: 16px;
}

/*
 * Site: treencoward.com
 * File: components/_social-media
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.c-social-media {
  margin-left: -12px;
}
.c-social-media__item {
  display: inline-block;
  margin: 0 8px;
}

/*
 * Site: treencoward.com
 * File: components/_table
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.c-table td,
.c-table th {
  padding: 16px 8px;
}
.c-table td {
  vertical-align: top;
}
.c-table th {
  color: #FFFFFF;
  text-align: left;
}
.c-table tbody tr:nth-child(even) {
  background-color: #EEEEEE;
}
.c-table thead {
  background-color: #323E48;
}

/*
 * Site: treencoward.com
 * File: components/_tabs
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.c-tabs {
  overflow: hidden;
}
.c-tabs__tab {
  font-size: 23px;
  font-weight: 500;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  background-color: #323E48;
  color: #FFFFFF;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 32px;
  border: none;
  position: relative;
  text-align: center;
  text-transform: capitalize;
}
.c-tabs__tab:focus, .c-tabs__tab:hover {
  background-color: #999999;
}
.c-tabs__tab.is-selected {
  background-color: #999999;
}
.c-tabs__panel {
  margin: 0 auto;
  max-width: 1280px;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
  display: none;
  padding: 96px 0;
}
@media only screen and (max-width: 414px) {
  .c-tabs__panel {
    padding: 0 16px;
  }
}
.c-tabs__panel.is-visible {
  display: block;
}
.c-tabs__tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 414px) {
  .c-tabs .c-tabs__tab {
    -webkit-box-flex: 50%;
        -ms-flex: 50%;
            flex: 50%;
    font-size: 20px;
  }
}

/*
 * Site: treencoward.com
 * File: components/_testimonial
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.c-testimonial {
  text-align: center;
}
.c-testimonial__quote {
  color: #323E48;
  font-size: 37px;
  line-height: 1.25;
  margin-bottom: 64px;
}
@media only screen and (max-width: 1024px) {
  .c-testimonial__quote {
    font-size: 34px;
  }
}
@media only screen and (max-width: 414px) {
  .c-testimonial__quote {
    font-size: 28px;
  }
}

/*------------------------------------*\
	Sections
\*------------------------------------*/
/**
 * Some description...
 *
 * @import 'sections/section';
 */
/*
 * Site: treencoward.com
 * File: sections/_articles
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.s-articles {
  padding: 96px 0;
}
.s-articles__main {
  margin: 0 auto;
  max-width: 1280px;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
  display: -ms-grid;
  display: grid;
  grid-gap: 32px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  padding-bottom: 96px;
}
@media only screen and (max-width: 414px) {
  .s-articles__main {
    padding: 0 16px;
  }
}
.s-articles__footer {
  text-align: center;
}
@media only screen and (max-width: 414px) {
  .s-articles__main {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

/*
 * Site: treencoward.com
 * File: sections/_banner
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.s-banner {
  position: relative;
}
.s-banner .l-container {
  display: -ms-grid;
  display: grid;
  grid-gap: 96px;
  -ms-grid-columns: 1fr 2fr;
  grid-template-columns: 1fr 2fr;
}
.s-banner__background {
  height: 640px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.s-banner__foreground {
  left: 0;
  position: absolute;
  top: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
}
.s-banner__title {
  font-size: 63px;
  font-weight: 700;
  text-transform: uppercase;
}
.s-banner__text {
  color: #FFFFFF;
  font-size: 34px;
}
@media only screen and (max-width: 768px) {
  .s-banner .l-container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 414px) {
  .s-banner__background {
    height: 100vh;
  }
  .s-banner__title {
    font-size: 45px;
    margin-bottom: 64px;
  }
  .s-banner__text {
    font-size: 34px;
  }
}

/*
 * Site: treencoward.com
 * File: sections/_body
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.s-body, .s-people__body {
  padding: 96px 0;
}
.s-body h2, .s-people__body h2,
.s-body h3,
.s-people__body h3,
.s-body h4,
.s-people__body h4 {
  margin-top: 32px;
}
.s-body h2, .s-people__body h2 {
  font-weight: 400;
}
.s-body__main {
  margin: 0 auto;
  max-width: 1280px;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}
@media only screen and (max-width: 414px) {
  .s-body__main {
    padding: 0 16px;
  }
}

/*
 * Site: treencoward.com
 * File: sections/_feature-article
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.s-feature-article {
  position: relative;
}
.s-feature-article .wrapper {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 10;
  padding: 64px 0;
  width: 100%;
}
.s-feature-article__title {
  font-size: 30px;
  font-weight: 500;
  color: #FFFFFF;
  text-transform: lowercase;
}
@media only screen and (max-width: 1024px) {
  .s-feature-article__title {
    margin-left: 32px;
  }
}
@media only screen and (max-width: 768px) {
  .s-feature-article__title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 375px) {
  .s-feature-article__title {
    margin-left: 0;
  }
}

/*
 * Site: treencoward.com
 * File: sections/_form
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.s-form {
  padding-bottom: 116px;
}
.s-form__body {
  margin: 0 auto;
  max-width: 852px;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}
@media only screen and (max-width: 414px) {
  .s-form__body {
    padding: 0 16px;
  }
}
.s-form__body p {
  margin-bottom: 64px;
}

/*
 * Site: treencoward.com
 * File: sections/_hero
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.s-hero {
  position: relative;
}
.s-hero .o-logo {
  margin-bottom: 160px;
}
@media only screen and (max-width: 414px) {
  .s-hero .o-logo {
    margin-bottom: 96px;
  }
}

/*
 * Site: treencoward.com
 * File: sections/_latest-events
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.s-latest-events {
  position: relative;
}
.s-latest-events__background {
  height: 600px;
  margin-top: 58px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.s-latest-events__foreground {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.s-latest-events .c-event {
  height: 348px;
  margin: 0 16px;
}

/*
 * Site: treencoward.com
 * File: sections/_latest-news
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.s-latest-news {
  background-color: #EEEEEE;
  padding: 64px 0;
}
.s-latest-news__body, .s-latest-news__header {
  margin: 0 auto;
  max-width: 1280px;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}
@media only screen and (max-width: 414px) {
  .s-latest-news__body, .s-latest-news__header {
    padding: 0 16px;
  }
}
.s-latest-news__header {
  text-align: center;
}
.s-latest-news__title {
  font-size: 38px;
  font-weight: 300;
  color: #323E48;
  margin-bottom: 64px;
}

/*
 * Site: treencoward.com
 * File: sections/_our-thoughts
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.s-our-thoughts {
  z-index: 10;
  background-color: #EEEEEE;
  overflow: hidden;
  padding: 96px 0;
  position: relative;
}
.s-our-thoughts::after {
  position: absolute;
  right: -25%;
  top: 200px;
  background: url("/images/bgr_fur.png") no-repeat center center;
  background-size: cover;
  display: block;
  height: 540px;
  width: 100%;
  z-index: -1;
  background-color: #323E48;
  content: "";
}
.s-our-thoughts__header {
  margin: 0 auto;
  max-width: 798px;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}
@media only screen and (max-width: 414px) {
  .s-our-thoughts__header {
    padding: 0 16px;
  }
}
.s-our-thoughts__header h2 {
  font-size: 38px;
  font-weight: 300;
  margin-bottom: 96px;
  text-align: center;
}
.s-our-thoughts__header .slick-next, .s-our-thoughts__header .slick-prev {
  margin-bottom: 0;
}
.s-our-thoughts__main {
  margin: 0 auto;
  max-width: 1280px;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
  padding: 32px 0 64px;
}
@media only screen and (max-width: 414px) {
  .s-our-thoughts__main {
    padding: 0 16px;
  }
}
.s-our-thoughts .c-article {
  margin: 0 16px;
}
@media only screen and (max-width: 1024px) {
  .s-our-thoughts__controls {
    margin-left: 160px;
  }
  .s-our-thoughts .c-article {
    height: 354px;
  }
}
@media only screen and (max-width: 768px) {
  .s-our-thoughts__controls {
    margin-left: 192px;
  }
}
@media only screen and (max-width: 414px) {
  .s-our-thoughts__controls {
    margin-left: 96px;
    padding-bottom: 32px;
  }
  .s-our-thoughts .c-article {
    height: auto;
  }
}

/*
 * Site: treencoward.com
 * File: sections/_patrons
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.s-patrons {
  padding: 64px 0;
}
.s-patrons .o-logo {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.s-patrons__body {
  margin: 0 auto;
  max-width: 1280px;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 414px) {
  .s-patrons__body {
    padding: 0 16px;
  }
}
@media only screen and (max-width: 768px) {
  .s-patrons {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

/*
 * Site: treencoward.com
 * File: sections/_people
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.s-people__body {
  margin: 0 auto;
  max-width: 1280px;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
  display: -ms-grid;
  display: grid;
  grid-gap: 16px;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 414px) {
  .s-people__body {
    padding: 0 16px;
  }
}
.s-people__footer {
  padding-bottom: 116px;
  text-align: center;
}
.s-people__footer a {
  color: #333333;
  font-size: 23px;
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .s-people__body {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 414px) {
  .s-people__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

/*
 * Site: treencoward.com
 * File: sections/_person
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.s-person {
  background-color: #EEEEEE;
  height: 650px;
}
.s-person .c-person {
  margin: 0 auto;
  max-width: 1088px;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 414px) {
  .s-person .c-person {
    padding: 0 16px;
  }
}

/*
 * Site: treencoward.com
 * File: sections/_pictures
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.s-pictures__main {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.s-pictures img {
  height: 384px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media only screen and (max-width: 414px) {
  .s-pictures__main {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

/*
 * Site: {SITE}
 * File: sections/_results
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.s-results {
  padding-bottom: 96px;
}
.s-results__main {
  margin: 0 auto;
  max-width: 914px;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}
@media only screen and (max-width: 414px) {
  .s-results__main {
    padding: 0 16px;
  }
}

/*
 * Site: treencoward.com
 * File: sections/_services
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.s-services {
  padding: 64px 0;
}
.s-services__main {
  margin: 0 auto;
  max-width: 1280px;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
  display: -ms-grid;
  display: grid;
  grid-gap: 32px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  -ms-grid-rows: 486px 722px 486px;
  grid-template-rows: 486px 722px 486px;
}
@media only screen and (max-width: 414px) {
  .s-services__main {
    padding: 0 16px;
  }
}
.s-services__main--x5 {
  -ms-grid-rows: 486px 722px 486px;
  grid-template-rows: 486px 722px 486px;
}
.s-services__main--x5 .c-category:nth-of-type(3) {
  -ms-grid-column-span: 2;
  grid-column-end: 3;
  -ms-grid-column: 1;
      grid-column-start: 1;
}
.s-services__main--x5 .c-category:nth-of-type(3) .c-category__background img {
  height: 722px;
}
.s-services__main--x6 {
  -ms-grid-rows: (486px)[3];
  grid-template-rows: repeat(3, 486px);
}
@media only screen and (max-width: 414px) {
  .s-services__main {
    display: block;
  }
  .s-services__main .c-category__background img {
    height: 243px;
  }
  .s-services__main .c-category:not(:last-child) {
    margin-bottom: 32px;
  }
  .s-services__main--x5 .c-category:nth-of-type(3) .c-category__background img {
    height: 243px;
  }
}

/*
 * Site: treencoward.com
 * File: sections/_services-overview
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.s-services-overview {
  padding-bottom: 96px;
}
.s-services-overview__main {
  margin: 0 auto;
  max-width: 1280px;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}
@media only screen and (max-width: 414px) {
  .s-services-overview__main {
    padding: 0 16px;
  }
}
.s-services-overview__main .o-button {
  margin-top: 32px;
}

/*
 * Site: treencoward.com
 * File: sections/_share
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.s-share-article__body, .s-share-article__header {
  margin: 0 auto;
  max-width: 1280px;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}
@media only screen and (max-width: 414px) {
  .s-share-article__body, .s-share-article__header {
    padding: 0 16px;
  }
}
.s-share-article__title {
  font-weight: 400;
  color: #333333;
  margin-bottom: 16px;
  text-transform: uppercase;
}

/*
 * Site: treencoward.com
 * File: sections/_social-media
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.s-social-media {
  background-color: #323E48;
  padding: 32px 0;
}
.s-social-media .l-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.s-social-media__title {
  font-size: 23px;
  font-weight: 400;
  color: #FFFFFF;
  margin: 0 32px 0 0;
  text-transform: uppercase;
}

/*
 * Site: treencoward.com
 * File: sections/_testimonials
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.s-testimonials {
  position: relative;
}
.s-testimonials__background {
  height: 592px;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.5;
  width: 100%;
}
.s-testimonials__foreground {
  left: 0;
  position: absolute;
  top: 128px;
  text-align: center;
  width: 100%;
}
.s-testimonials__main {
  margin: 0 auto;
  max-width: 1070px;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}
@media only screen and (max-width: 414px) {
  .s-testimonials__main {
    padding: 0 16px;
  }
}
@media only screen and (max-width: 768px) {
  .s-testimonials__background {
    height: 622px;
    -o-object-fit: cover;
       object-fit: cover;
    opacity: 0.5;
    width: 100%;
  }
}
@media only screen and (max-width: 414px) {
  .s-testimonials__background {
    height: 702px;
  }
}
@media only screen and (max-width: 375px) {
  .s-testimonials__background {
    height: 782px;
  }
}

/*
 * Site: treencoward.com
 * File: sections/_text
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.s-text {
  background: url("/images/bgr_fur.png") no-repeat center center;
  background-size: cover;
  background-color: #323E48;
  padding: 96px;
}
.s-text__main {
  margin: 0 auto;
  max-width: 1070px;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 414px) {
  .s-text__main {
    padding: 0 16px;
  }
}
.s-text__main p {
  font-family: "Cormorant", serif;
  font-size: 50px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 1.25;
}
@media only screen and (max-width: 414px) {
  .s-text {
    padding: 64px 0;
  }
  .s-text__main p {
    font-size: 40px;
  }
}

/*------------------------------------*\
	Templates
\*------------------------------------*/
/**
 * Some description...
 */
/*
 * Site: treencoward.com
 * File: templates/_404
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.t-404 .s-banner__background {
  height: 560px;
}
.t-404 .s-banner__foreground {
  height: auto;
  margin-top: -110px;
  top: 100%;
}
.t-404 .s-banner__foreground h1 {
  font-family: "effra", sans-serif;
  font-size: 48px;
  font-weight: 500;
  text-transform: none;
}
.t-404 .s-banner__foreground .l-container {
  display: block;
}
.t-404 .s-banner__foreground .wrapper {
  background: url("/images/bgr_fur.png") no-repeat center center;
  background-size: cover;
  background-color: #323E48;
  padding: 32px;
  width: 60%;
}
.t-404 .s-body, .t-404 .s-people__body {
  padding-top: 192px;
}
.t-404 .s-body__main {
  max-width: 800px;
}

/*
 * Site: treencoward.com
 * File: templates/_about
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.t-about .s-banner .l-container {
  grid-gap: 32px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.t-about .s-banner__background {
  height: 768px;
}
.t-about .s-banner__foreground {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 96px;
  text-align: left;
}
.t-about .s-banner__foreground h1,
.t-about .s-banner__foreground h2,
.t-about .s-banner__foreground p {
  color: #323E48;
}
.t-about .s-banner__foreground h1 {
  text-transform: uppercase;
}
.t-about .s-banner__foreground h2 {
  font-size: 22;
  font-weight: 400;
}
.t-about .s-banner__foreground p {
  font-size: 20px;
}
.t-about .s-body .wrapper, .t-about .s-people__body .wrapper {
  -ms-grid-column: 2;
      grid-column-start: 2;
}
.t-about .s-body__main {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.t-about .s-team {
  padding: 96px 0;
}
.t-about .s-team .l-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.t-about .s-team__header h2 {
  font-family: "Cormorant", serif;
  font-size: 64px;
  font-weight: 700;
  text-transform: uppercase;
}
.t-about .s-team__main h2 {
  font-weight: 400;
}
.t-about .c-person {
  position: relative;
}
.t-about .c-person img {
  height: 768px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.t-about .c-person__content {
  position: absolute;
  right: 64px;
  top: 0;
  background-color: #323E48;
  padding: 32px;
  width: 416px;
}
.t-about .c-person__role {
  font-size: 24px;
  margin-bottom: 32px;
}
.t-about .c-person__title {
  font-size: 31px;
  font-weight: 900;
  color: #FFFFFF;
  margin-bottom: 0;
}
.t-about .c-person .o-button {
  margin-bottom: 32px;
}
@media only screen and (max-width: 1024px) {
  .t-about .c-person__content {
    right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .t-about .s-banner .l-container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .t-about .s-body .wrapper, .t-about .s-people__body .wrapper {
    -ms-grid-column: 1;
        grid-column-start: 1;
  }
  .t-about .s-body__main {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .t-about .s-team .l-container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .t-about .c-person {
    position: relative;
  }
  .t-about .c-person img {
    height: 375px;
  }
  .t-about .c-person__content {
    height: 100%;
    width: 375px;
  }
}
@media only screen and (max-width: 414px) {
  .t-about .s-banner__background {
    height: 936px;
  }
  .t-about .c-person__content {
    position: static;
    width: 100%;
  }
}

/*
 * Site: treencoward.com
 * File: templates/_contact
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.t-contact .s-banner__background {
  height: 366px;
}
.t-contact .s-body h1, .t-contact .s-people__body h1 {
  font-family: "effra", sans-serif;
  font-size: 53px;
  font-weight: 700;
  color: #323E48;
  margin-bottom: 32px;
  text-transform: capitalize;
}
.t-contact .s-body p, .t-contact .s-people__body p {
  margin-bottom: 32px;
}
.t-contact .s-body__main {
  display: -ms-grid;
  display: grid;
  grid-gap: 32px;
  -ms-grid-columns: auto 755px;
  grid-template-columns: auto 755px;
}
.t-contact .s-maps {
  padding-bottom: 96px;
}
.t-contact .s-maps__main {
  margin: 0 auto;
  max-width: 1280px;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
  display: -ms-grid;
  display: grid;
  grid-gap: 32px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 414px) {
  .t-contact .s-maps__main {
    padding: 0 16px;
  }
}
.t-contact .s-maps .wrapper > div {
  background-color: #323E48;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 299px;
  padding: 32px;
}
.t-contact .s-maps .wrapper > div h3,
.t-contact .s-maps .wrapper > div p {
  color: #FFFFFF;
}
.t-contact .s-maps .wrapper > div h3 {
  font-size: 22px;
  font-weight: 500;
}
.t-contact .s-maps .wrapper > div p a {
  color: #FFFFFF;
  text-decoration: none;
}
.t-contact .s-maps .wrapper > div p a:focus, .t-contact .s-maps .wrapper > div p a:hover {
  text-decoration: underline;
}
.t-contact .s-maps .wrapper > div p:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: auto;
}
.t-contact .s-maps .wrapper > div p:last-child a:last-child {
  margin-right: 48px;
}
@media only screen and (max-width: 1024px) {
  .t-contact .s-body__main {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .t-contact .s-maps .wrapper > div {
    min-height: 332px;
  }
}
@media only screen and (max-width: 768px) {
  .t-contact .s-body__main {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .t-contact .s-maps .wrapper > div p:last-child a:last-child {
    margin-right: 0;
  }
  .t-contact .s-maps .wrapper img {
    height: 280px;
  }
}
@media only screen and (max-width: 414px) {
  .t-contact .s-maps__main {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

/*
 * Site: treencoward.com
 * File: templates/_default
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.t-default .s-banner__background {
  height: 560px;
}
.t-default .s-banner__foreground {
  height: auto;
  margin-top: -110px;
  top: 100%;
}
.t-default .s-banner__foreground h1 {
  font-family: "effra", sans-serif;
  font-size: 48px;
  font-weight: 500;
  text-transform: none;
}
.t-default .s-banner__foreground .l-container {
  display: block;
}
.t-default .s-banner__foreground .wrapper {
  background: url("/images/bgr_fur.png") no-repeat center center;
  background-size: cover;
  background-color: #323E48;
  padding: 32px;
  width: 60%;
}
.t-default .s-body, .t-default .s-people__body {
  padding-top: 192px;
}
.t-default .s-body__main {
  max-width: 800px;
}

/*
 * Site: treencoward.com
 * File: templates/_events
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.t-events .s-body, .t-events .s-people__body {
  padding-top: 0;
}
.t-events .s-body__body {
  max-width: 100%;
  padding: 0;
}
.t-events .c-tabs__panel.is-visible {
  display: block;
}

/*
 * Site: treencoward.com
 * File: templates/_home
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.t-home {
  padding-top: 0;
}
.t-home .l-site-header.headroom--top {
  background-color: transparent;
}
.t-home .l-site-header.headroom--top .hamburger {
  background-color: #FFFFFF;
}
.t-home .l-site-header.headroom--top .hamburger::after, .t-home .l-site-header.headroom--top .hamburger::before {
  background-color: #FFFFFF;
}
.t-home .l-site-header.headroom--top .o-logo {
  visibility: hidden;
}
.t-home .s-body__main {
  max-width: 1070px;
  text-align: center;
}
.t-home .c-person {
  display: -ms-grid !important;
  display: grid !important;
  -ms-grid-columns: 2fr 1fr;
  grid-template-columns: 2fr 1fr;
}
.t-home .c-person img {
  height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.t-home .c-person p:not([class]) {
  margin-bottom: 32px;
}
.t-home .c-person__content {
  background-color: #323E48;
  padding: 32px;
}
.t-home .c-person__role {
  font-size: 24px;
  margin-bottom: 32px;
}
.t-home .c-person__title {
  font-size: 31px;
  font-weight: 900;
  color: #FFFFFF;
  margin-bottom: 0;
}
.t-home .c-person .o-button {
  margin-bottom: 32px;
}
@media only screen and (max-width: 1024px) {
  .t-home .c-person {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .t-home .c-person {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .t-home .c-person img {
    height: 375px;
  }
  .t-home .c-person__content {
    height: 450px;
  }
}
@media only screen and (max-width: 414px) {
  .t-home .c-person img {
    height: 280px;
  }
  .t-home .c-person__title {
    font-size: 29px;
  }
}

/*
 * Site: treencoward.com
 * File: templates/_post
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.t-post .s-banner__background {
  height: 560px;
}
.t-post .s-banner__foreground {
  height: auto;
  margin-top: -110px;
  top: 100%;
}
.t-post .s-banner__foreground h1 {
  font-family: "effra", sans-serif;
  font-size: 48px;
  font-weight: 500;
  text-transform: none;
}
.t-post .s-banner__foreground .l-container {
  display: block;
}
.t-post .s-banner__foreground .wrapper {
  background: url("/images/bgr_fur.png") no-repeat center center;
  background-size: cover;
  background-color: #323E48;
  padding: 32px;
  width: 60%;
}
.t-post .s-body, .t-post .s-people__body {
  padding-top: 192px;
}
.t-post .s-body__main {
  max-width: 800px;
}
.t-post .s-share {
  padding-bottom: 96px;
}
.t-post .s-share__footer, .t-post .s-share__main {
  margin: 0 auto;
  max-width: 800px;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}
@media only screen and (max-width: 414px) {
  .t-post .s-share__footer, .t-post .s-share__main {
    padding: 0 16px;
  }
}
.t-post .s-share__main {
  margin-bottom: 64px;
}
.t-post .s-share__footer a {
  font-size: 36px;
  text-decoration: none;
}
.t-post .s-share__footer a:focus, .t-post .s-share__footer a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 1024px) {
  .t-post .s-banner__background {
    height: 414px;
  }
  .t-post .s-banner__foreground h1 {
    font-size: 43px;
    line-height: 1.125;
  }
  .t-post .s-share__footer a {
    font-size: 27px;
  }
}
@media only screen and (max-width: 768px) {
  .t-post .s-banner__background {
    height: 414px;
  }
  .t-post .s-banner__foreground {
    margin-left: -32px;
    margin-top: -110px;
  }
  .t-post .s-banner__foreground .wrapper {
    width: 65%;
  }
  .t-post .s-body .o-lead, .t-post .s-people__body .o-lead {
    font-size: 30px;
  }
}
@media only screen and (max-width: 414px) {
  .t-post .s-banner__foreground {
    margin-left: 0;
  }
  .t-post .s-banner__foreground h1 {
    font-size: 38px;
    margin-bottom: 0;
  }
  .t-post .s-banner__foreground .wrapper {
    width: 100%;
  }
  .t-post .s-body .o-lead, .t-post .s-people__body .o-lead {
    font-size: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .t-post .s-banner__foreground {
    margin-left: -16px;
  }
  .t-post .s-banner__foreground .wrapper {
    padding: 16px;
  }
}

/*
 * Site: treencoward.com
 * File: templates/_search
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.t-search .s-banner__background {
  height: 560px;
}
.t-search .s-banner__foreground {
  height: auto;
  margin-top: -110px;
  top: 100%;
}
.t-search .s-banner__foreground h1 {
  font-family: "effra", sans-serif;
  font-size: 48px;
  font-weight: 500;
  text-transform: none;
}
.t-search .s-banner__foreground .l-container {
  display: block;
}
.t-search .s-banner__foreground .wrapper {
  background: url("/images/bgr_fur.png") no-repeat center center;
  background-size: cover;
  background-color: #323E48;
  padding: 32px;
  width: 60%;
}
.t-search .s-body, .t-search .s-people__body {
  padding-top: 192px;
}
.t-search .s-body__main {
  margin: 0 auto;
  max-width: 882px;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}
@media only screen and (max-width: 414px) {
  .t-search .s-body__main {
    padding: 0 16px;
  }
}
.t-search .c-form--search {
  margin: 0 0 64px;
}

/*
 * Site: treencoward.com
 * File: templates/_service
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.t-service .o-lead {
  font-size: 28px;
  margin-bottom: 80px;
}
.t-service .s-banner__foreground {
  background-color: rgba(50, 62, 72, 0.25);
}
.t-service .s-banner__title {
  margin-bottom: 32px;
}
.t-service .s-banner .l-container {
  display: -ms-grid;
  display: grid;
  grid-gap: 96px;
  -ms-grid-columns: 1fr 2fr;
  grid-template-columns: 1fr 2fr;
}
.t-service .s-banner .wrapper {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
      grid-column-start: 2;
}
.t-service .s-body, .t-service .s-people__body {
  padding-top: 48px;
}
.t-service .s-body footer, .t-service .s-people__body footer {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
      grid-column-start: 2;
}
.t-service .s-body nav, .t-service .s-people__body nav {
  -ms-grid-column-span: 2;
  grid-column-end: 3;
  -ms-grid-column: 1;
      grid-column-start: 1;
}
.t-service .s-body__main {
  padding: 0;
}
.t-service .s-body .l-container, .t-service .s-people__body .l-container {
  display: -ms-grid;
  display: grid;
  grid-gap: 96px;
  -ms-grid-columns: 1fr 2fr;
  grid-template-columns: 1fr 2fr;
}
@media only screen and (max-width: 768px) {
  .t-service .s-banner .l-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .t-service .s-body aside, .t-service .s-people__body aside {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .t-service .s-body .l-container, .t-service .s-people__body .l-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (max-width: 414px) {
  .t-service .s-banner__background {
    height: 636px !important;
  }
  .t-service .s-banner__title {
    margin-bottom: 32px;
  }
  .t-service .s-banner__text {
    font-size: 28px;
  }
}

.c-breadcrumbs ul li {
  color: #323E48;
  display: inline-block;
}
.c-breadcrumbs ul li:not(:last-child)::after {
  content: "/";
  margin: 0 8px;
}
.c-breadcrumbs ul li a {
  color: #8C9091;
  text-decoration: none;
}
.c-breadcrumbs ul li a:hover {
  text-decoration: underline;
}

aside ul li {
  font-size: 23px;
}
aside ul li a {
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  border-bottom: 1px solid #323E48;
  display: block;
  padding: 16px 32px;
  text-decoration: none;
}
aside ul li a:hover {
  background-color: rgba(50, 62, 72, 0.1);
}
aside ul li.is-selected a {
  position: relative;
}
aside ul li.is-selected a::after {
  position: absolute;
  right: 8px;
  top: 19px;
  border-color: #323E48;
  border-style: solid;
  border-width: 1px 1px 0 0;
  content: "";
  display: inline-block;
  height: 16px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: top;
  width: 16px;
}

/*
 * Site: treencoward.com
 * File: templates/_home
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.t-services .o-lead {
  font-size: 28px;
  margin-bottom: 80px;
}
.t-services .c-service:nth-of-type(1) {
  margin-top: 96px;
}
.t-services .c-tabs__panel > div {
  margin-bottom: 120px;
  text-align: center;
}
.t-services .c-tabs__panel > div h2,
.t-services .c-tabs__panel > div h3,
.t-services .c-tabs__panel > div p:not([class]) {
  margin: 0 auto 16px;
  max-width: 940px;
}
@media only screen and (max-width: 414px) {
  .t-services .s-banner .l-container {
    grid-gap: 0;
  }
  .t-services .s-banner__background {
    height: 636px !important;
  }
  .t-services .s-banner__title {
    margin-bottom: 32px;
  }
  .t-services .s-banner__text {
    font-size: 28px;
  }
}

/*
 * Site: treencoward.com
 * File: templates/_unsubscribe
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.t-unsubscribe .s-banner__background {
  height: 768px;
}
.t-unsubscribe .s-banner__foreground {
  height: auto;
  margin-top: -60px;
  top: 100%;
}
.t-unsubscribe .s-banner__foreground h1 {
  font-size: 48px;
}
.t-unsubscribe .s-banner__foreground .l-container {
  display: block;
}
.t-unsubscribe .s-banner__foreground .wrapper {
  background: url("/images/bgr_fur.png") no-repeat center center;
  background-size: cover;
  background-color: #323E48;
  padding: 32px;
  width: 60%;
}
.t-unsubscribe .s-body, .t-unsubscribe .s-people__body {
  padding-top: 192px;
}
.t-unsubscribe .s-body__main {
  max-width: 800px;
}
.t-unsubscribe .s-body__main p {
  margin-bottom: 64px;
}

/*------------------------------------*\
	Utilities
\*------------------------------------*/
/**
 * Some description...
 */
/*
 * Site: treencoward.com
 * File: utilities/_accessibility
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
/**
 * Some description...
 */
.u-screen-reader {
  left: -9999px;
  position: absolute;
  top: auto;
  height: 1px;
  overflow: hidden;
  width: 1px;
}

/*
 * Site: treencoward.com
 * File: utilities/_visibility
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
/**
 * Some description...
 */
.u-hide {
  display: none;
}

/*
 * Site: treencoward.com
 * File: utilities/_custom
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
/*------------------------------------*\
	Vendor
\*------------------------------------*/
/**
 * Cookie Control
 *
 * v7.2
 *
 * Last updated:
 */
/*
 * Site: treencoward.com
 * File: vendor/overwrite/_cookieControl
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.ccc-c p {
  font-size: 16px;
}
.ccc-close::before {
  color: #FFFFFF;
}

/**
 * Slick
 *
 * v1.8.0
 *
 * Last updated: 25/02/2018
 */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

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

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

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

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

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

/*
 * Site: treencoward.com
 * File: vendor/overwrites/_slick
 * ============================================================================
 * Some description...
 * ============================================================================
 * Built by Xanthe Studios | xanthestudios.co.uk
 * ============================================================================
 */
.slick-slider {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}
.slick-prev, .slick-next {
  height: 24px;
  width: 24px;
  background: url("/images/icn_sprite_arrows.svg") no-repeat;
  direction: ltr;
  display: inline-block;
  background-clip: content-box;
  background-size: 48px 24px;
  background-position-y: 0;
  border: none;
  font-size: 0;
  margin-bottom: 64px;
  padding: 0;
}
.slick-next {
  background-position-x: -24px;
  margin-left: 16px;
}
.slick-prev {
  background-position-x: 0;
}
.slick-dots {
  margin-top: 64px;
  text-align: center;
  width: 100%;
}
.slick-dots li {
  display: inline-block;
  height: 12px;
  width: 12px;
  margin: 0 4px;
}
.slick-dots li button {
  background-color: #323E48;
  border: none;
  border-radius: 50%;
  color: transparent;
  font-size: 0;
  padding: 6px;
}
.slick-dots li button:focus, .slick-dots li button:hover {
  background-color: #999999;
}
.slick-dots li.slick-active button {
  background-color: #999999;
  cursor: default;
}

/*------------------------------------*\
	Shame
\*------------------------------------*/
/**
 * Some description...
 */
/*# sourceMappingURL=app.css.map*/