@charset "utf-8";
/******************************************************************

Theme Name: Eight Wire
Theme URI: https://eightwire.uk
Description: Web Design & Development
Author: Eight Wire
Author URI: https://eightwire.uk
Version: 201110
Tags:
Text Domain: eightwire

******************************************************************/


/***
VARS
***/
:root {
	--bluegreen: #2F525D;
	--yellow: #CD9604;
	--greengrey: #91A59C;
	--pink: #CCB0A9;
	--terracotta: #B66946;

    --primary: var(--bluegreen,#2F525D);
    --secondary: var(--yellow,#CD9604);
    --text: var(--bluegreen,#2F525D);

    --font-sys: -apple-system, BlinkMacSystemFont, "Segoe UI", "Montserrat", "Oxygen", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    --fontsize-body: 17;
    --lineheight: 1.5;

    --width-max:     1920px;
    --width-content: 1640px;
    --width-text:    1140px;
    --headerheight: 184; /* set using JS if height varies responsively */
    --fullheight: 0;
    --bannerheight: 0;

    --vh:0;
    --uivh: calc(var(--vh,1vh) * 100); /* --vh calculated by script */
    --adminbarheight: 0;
    --scrollbarwidth: calc(100vw - 100%);
    --uivw:calc(100vw - var(--scrollbarwidth));

    --transition-attr:all;
    --transition-time:0.2s;
    --transition-type:ease;

	--gridgap: 0;

	margin-top: 0 !important;
}
/***
BASE
***/
@font-face {
    font-family: "Brandon Grotesque";
    src: url('assets/fonts/brandongrotesque-medium-webfont.woff2') format('woff2'),
         url('assets/fonts/brandongrotesque-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html, body {
    margin: 0;
    padding:0;
    font-family: "Montserrat", var(--font-sys);
	max-width: 100vw;
}
html {
    /*height: var(--uivh,100vh);*/
	height: 100%;
    font-size: 62.5%;
    -ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
*,
*::after,
*::before {
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
}
body {
	font-weight: 400;
	font-size: calc(var(--fontsize-body, 17) * 0.1rem);
	line-height: var(--lineheight, 1.5);
	color: var(--text);
	-webkit-font-smoothing: antialiased;
    background-color: #fff;
	overflow-y: scroll;
	overflow-x: hidden;
    min-height:100%;
	min-width: 320px;
	display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}
body.admin-bar {
    --adminbarheight: 32;
}
@media screen and (max-width: 782px) {
    body.admin-bar {
        --adminbarheight: 46;
    }
}
@media screen and (max-width: 959px) {
    :root {
        --headerheight: 184; /* may need JS to set if height varies responsively */
    }
}
@media only screen and (max-device-width : 1024px) and (orientation : portrait) {
    .fullheight {
        height: 100vh; /* fallback */
    }
    .fullheight {
        --fullheight:calc(var(--uivh) - var(--adminbarheight) * 1px);
        height: var(--fullheight,100vh);
    }
}
/*@supports ( backdrop-filter: blur(3px) ) {
    #wpadminbar {
        -webkit-backdrop-filter: blur(3px) contrast(.8) hue-rotate(45deg);
        backdrop-filter: blur(3px) contrast(.8) hue-rotate(45deg);
        background: rgba(0,0,0,0.7);
    }
}*/
body.logged-in.admin-bar #wpadminbar { background-color: rgba(0,0,0,1); display: block; transition: opacity  0.3s ease; opacity:0.05; box-shadow: 0 0 15px 15px rgba(0,0,0,0); /*pointer-events: none;*/ }
body.logged-in.admin-bar #wpadminbar:hover { background-color: rgba(0,0,0,1); box-shadow: 0 0 15px 15px rgba(0,0,0,0.5); opacity: 1; }
/*body.logged-in.admin-bar #wpadminbar a { pointer-events: all; background: rgba(0,0,0,1); }
*/

/****
RESET
****/

/*! normalize.css v8.0.1 | 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;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

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

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

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

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

/**
 * 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;
  font-size: 1em;
}

/* 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: 0;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

/**
 * 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;
  font-size: 1em;
}

/**
 * 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: -.25em;
}

sup {
  top: -.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;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

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

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

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  -moz-appearance: button;
  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: .35em .75em .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 {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * 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"] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * 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;
  outline-offset: -2px;
}

/**
 * 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;
  font: inherit;
}

/* 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;
}

/**
 * Background helpers
 */
/**
 * Typography helpers
 */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  pointer-events: none !important;
}

.screen-reader-text.skip-link {
  margin: 5px;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 0;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

[tabindex="-1"]:focus {
  outline: 0;
}

/*[data-whatinput="mouse"] *:focus {
  outline: none;
}

[data-whatinput="keyboard"] input:focus,
[data-whatinput="keyboard"] button:focus,
[data-whatinput="keyboard"] select:focus,
[data-whatinput="keyboard"] textarea:focus {
  outline: 4px solid #f9bf47;
  opacity: 1;
}

[data-whatinput="keyboard"] nav ul li a:focus {
  background: #f9bf47;
  color: #000;
}

[data-whatinput="keyboard"] a:focus {
  outline: 2px solid #f9bf47;
  background: rgba(249, 191, 71, .5);
  opacity: 1;
}

[data-whatinput="keyboard"] a.global-link:focus {
  background: rgba(249, 191, 71, .5);
}*/

.no-js *:focus {
  /*outline: 4px solid #f9bf47;*/
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden], template {
	display: none;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b, strong {
	font-weight: 700;
}
dfn, i, em {
	font-style: italic;
}
mark {
	background: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	max-width: 100%;
	height: auto;
	display: block;
}
figure {
	margin: 0;
	display: inline-block;
}
figcaption {
	margin: 0.5em 0;
	padding: 0.5em 0;
	border-top: 1px solid rgba(127,127,127,0.5);
	border-bottom: 1px solid rgba(127,127,127,0.5);
}
svg:not(:root) {
	overflow: hidden;
}
code, kbd, pre, samp {
	font-family: monospace;
	font-size: 1em;
}
pre {
	overflow: auto;
}
code, pre {
	text-align: left;
	padding: 5px 10px;
	background: #f5f5f5;
}
blockquote {
	padding: 0 0 0 1em;
	margin: 0 0 0 .1em;
	-webkit-box-shadow: inset 5px 0 rgba(17, 17, 17, 0.3);
	        box-shadow: inset 5px 0 rgba(17, 17, 17, 0.3);
}
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
button {
	overflow: visible;
}
button, select {
	text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
input[disabled] {
	cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
fieldset {
	border: 0;
	padding: 0;
}
legend {
	border: 0;
	padding: 0;
}
label {
	cursor: pointer;
}
textarea {
	overflow: auto;
}
optgroup {
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
}
td, th {
	padding: 5px 2.4em 5px 10px;
}
th {
	text-align: left;
	font-weight: 900;
	color: #fff;
	background-color: var(--primary);
}
@media screen and (max-width:480px) {
    td, th {
        /*display: block;*/
        width: auto;
        padding:5px 1px;
    }
    th {
        word-break: break-all;
        word-wrap: break-word;
    }
    table {
        table-layout: fixed;
        width: auto;
    }

}
tr:nth-child(even) {
	background: rgba(0, 0, 0, 0.05);
}
header ul ,
footer ul {
    margin: 0;
	padding: 0;
	list-style: none;
}
main ul {
    margin: 0 0 1em 0;
	padding: 0 0 0 1.2em;
}

/***
FLEX
***/
.flex {
    display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.flex.flexo>* {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}

.flex.nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.flex.grow>* {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1
}

.flexcol {
	-webkit-box-orient: vertical;
	box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.flexrow {
	-webkit-box-orient: horizontal;
	box-orient: horizontal;
	-ms-flex-direction: row;
	flex-direction: row;
}
.flexdirection {
	-webkit-box-direction: normal;
	box-direction: normal;
}
.flexdirectionreverse {
	-webkit-box-direction: reverse;
	box-direction: reverse;
}
.flexstretch {
	-webkit-box-pack: justify;
	box-pack: justify;
	-ms-flex-pack: stretch;
	justify-content: space-between;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-box-align: stretch;
	box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.flexstart {
	-ms-flex-line-pack: flex-start;
	align-content: flex-start;
	-webkit-box-align: flex-start;
	box-align: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
}
.flexwrap {
	-webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.flexfirst {
	-webkit-box-ordinal-group: 0;
	box-ordinal-group:-1;
	-ms-flex-order: -1;
	order: -1;
}
.flexorder {
	-webkit-box-ordinal-group: 1;
	box-ordinal-group:0;
	-ms-flex-order: -1;
	order: -1;
}
.flexistretch {
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	-ms-grid-row-align: stretch;
	    align-self: stretch;
}
.flexaround {
	-moz-justify-content: space-around;
	-ms-justify-content: space-around;
 -ms-flex-pack: distribute;
     justify-content: space-around;
}
.flexspaceb {
	-webkit-box-pack: space-between;
	box-pack: space-between;
	-ms-flex-pack: space-between;
	-moz-flex-pack: space-between;
	justify-content: space-between;
}
.flexevenly {
	-webkit-box-pack: space-evenly;
	box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	-moz-flex-pack: space-evenly;
	justify-content: space-evenly;
}
.flexcenter {
	-moz-justify-content: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.flexend {
	-moz-justify-content: flex-end;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

.flexvcenter {
	-webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
/* https://css-tricks.com/css-grid-in-ie-debunking-common-ie-grid-misconceptions/ */
.grid {
	display: -ms-grid;
    display: grid;
}
.ie .grid {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}
.grid > * {
	-webkit-align-self: center;
        -ms-flex-item-align: center;
                -ms-grid-row-align: center;
            align-self: center;
}
.gridcenter {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}
.gridvcenter {
	-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.gridgap {
	--gridgap: 20px;
    gap: var(--gridgap);
}
.gridcol,
.grid21col,
.grid31col,
.grid321col,
.grid421col {
	-ms-grid-columns: 1fr var(--gridgap);
    grid-template-columns: repeat(1, 1fr);
}
@media screen and (min-width:640px) {
	.grid421col {
		-ms-grid-columns: 1fr var(--gridgap) 1fr var(--gridgap);
    	grid-template-columns: repeat(2, 1fr);
	}
	.grid21col {
		-ms-grid-columns: 1fr var(--gridgap) 1fr var(--gridgap);
    	grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width:960px) {
	.grid21col .grid21col {
		-ms-grid-columns: 1fr var(--gridgap);
		grid-template-columns: repeat(1, 1fr);
	}
}
@media screen and (min-width:768px) {
	.grid31col {
		-ms-grid-columns: 1fr var(--gridgap) 1fr var(--gridgap) 1fr var(--gridgap);
    	grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (min-width:640px) {
	.grid321col {
		-ms-grid-columns: 1fr var(--gridgap) 1fr var(--gridgap);
    	grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (min-width:960px) {
	.grid321col {
		-ms-grid-columns: 1fr var(--gridgap) 1fr var(--gridgap) 1fr var(--gridgap);
    	grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (min-width:1280px) {
	.grid421col {
		-ms-grid-columns: 1fr var(--gridgap) 1fr var(--gridgap) 1fr var(--gridgap) 1fr var(--gridgap);
    	grid-template-columns: repeat(4, 1fr);
	}
}





/******
STYLING
******/
.wrapper,
.content {
	max-width: var(--width-content);
	margin: 0 auto;
    padding: 0 20px;
	width: 100%;
}
.content.max {
	max-width: var(--width-max);
}
.content.text {
	max-width: var(--width-text);
}
.primary, .purple {
    color: var(--primary);
}
.secondary, .blue {
    color: var(--secondary);
}
h1, h2, h3, h4, h5, h6 {
    all: unset;
    display: block;
    font-family: "Brandon Grotesque", var(--font-sys);
    text-rendering: optimizelegibility;
	line-height: inherit;
	margin: 0 0 0.5em 0;
    font-weight: 400;
    color: inherit;
    font-size: inherit;
}
h1,.h1 {
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    line-height: 1.3;
    font-size: 3.2rem;
}
h2,.h2 {
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.3;
    font-size: 2.4rem;
}
.home h2,.h2 {
    font-size: 3rem;
}
h3,.h3 {
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.3;
    font-size: 2rem;
}
.home h3,.h3 {
    font-size: 2.8rem;
}

p {
	font-weight: inherit;
	text-rendering: optimizeSpeed;
    font-size: inherit;
	line-height: inherit;
	margin: 0 0 1em 0;
}
a {
	text-decoration: none;
	color: inherit;
    display: inline-block;
}
a:active, a:hover {
	outline: none;
}
:focus:not(:focus-visible) { outline: none !important; }
article p a {
    color: var(--secondary);
	text-decoration: underline;
}
article p a:hover {
    text-decoration-color: var(--secondary);
}
button, .btn {
    unset: all;
    display: inline-block;
    background: none;
	border: none;
}
.btn {
    border: 1px solid #fff;
    color: #fff;
    padding:0.6em 2em;
    text-decoration: none !important;
	text-transform: uppercase;
	text-align: center;
    font-family: "Brandon Grotesque", var(--font-sys);
	font-weight: 400;
	font-size: 1.6rem;
	letter-spacing: 0.075em;
}
.btn:hover {
    background-color: #fff;
    color: var(--primary) !important;
}

/*****
HEADER
*****/
header.header {
	text-align:center;
	position: relative;
}
.toprow {
	max-width: var(--width-max);
	margin:0 auto;
	position: relative;
}
.toprow .header-telephone {
	text-align: center;
}
.sitelogo {
	position: relative;
	z-index: 2;
	margin: 10px auto;
	max-width: 370px;
	padding: 0 20px;
	width: 100%;
}
.sitelogo img ,
.sitelogo svg {
	position: relative;
	z-index: 3;
	width: 100%;
	height: auto;
	display: block;
}
.header-telephone,
.header-email{
	margin: 1em;
}
.header-telephone a,
.header-email a {
	color: var(--primary);
    -webkit-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
    display: block;
    font-family: "Brandon Grotesque", var(--font-sys);
	font-weight: 400;
	font-size: 2rem;
	letter-spacing: 0.075em;
}
.telephone:hover ,
.email:hover {
	color: var(--secondary);
}
.social {
	position: relative;
	z-index: 2;
}
.social a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 35px;
    height: 35px;
	position: relative;
    margin: 0.75em 0.5em;
}
.social a svg path {
	-webkit-transition: fill .5s;
    -o-transition: fill .5s;
    transition: fill .5s;
	fill: var(--primary) !important;
}
footer.footer .social a svg path {
	fill: #fff !important;
}
body .social a:hover svg path {
	fill: var(--secondary) !important;
}
@media screen and (min-width:960px) {
	.toprow {
		display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
		-webkit-box-align:center;
    -webkit-align-items:center;
        -ms-flex-align:center;
            align-items:center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
	.toprow .header-telephone {
    	margin-left: 10%;
		padding-top: 40px;
		text-align: left;
		min-width: 200px;
	}
	.toprow .sitelogo {
		margin: 30px auto;
	}
	.toprow .social {
    	margin-right: 10%;
		padding-top: 40px;
		min-width: 200px;
	}
}

/*****
PAGE
*****/
.info {
	background-color: var(--primary);
	color: #fff;
	letter-spacing: 0.075em;
	position: relative;
    z-index: 100;
}
.info2 .info {
	background-color: transparent;
}
.home .info2 .info ,
.info3 .info {
	margin-bottom: -82px;
}
.info2 .info .info-inner {
	padding: 40px 0;
	background: var(--yellow) url() 100% calc(100% - 5vw) no-repeat scroll;
	background-size: 100%;
	position: relative;
}
.page-id-846 .info2 .info .info-inner {
	background: var(--primary) url() 100% calc(100% - 5vw) no-repeat scroll;
}
.page-id-868 .info2 .info .info-inner {
	background: var(--greengrey) url() 100% calc(100% - 5vw) no-repeat scroll;
}
.page-id-866 .info2 .info .info-inner {
	background: var(--pink) url() 100% calc(100% - 5vw) no-repeat scroll;
}
.page-id-870 .info2 .info .info-inner {
	background: var(--terracotta) url() 100% calc(100% - 5vw) no-repeat scroll;
}
.home .info2 .info .info-inner {
	padding: 40px 0 150px 0;
	background-image: url("assets/images/avo-bg.svg");
	background-size: 100%;
}
.page-id-846 .info2 .info .info-inner {
	padding: 40px 0 40px 0;
	background-image: url("assets/images/quotes.svg");
	background-position: 102% 102%;
	background-size: 300px 240px;
}
.page-id-868 .info2 .info .info-inner {
	padding: 40px 0 150px 0;
	background-image: url("assets/images/avo-bg3.svg");
	background-size: 1920px auto;
}
.page-id-870 .info2 .info .info-inner {
	padding: 40px 0 150px 0;
	background-image: url("assets/images/avo-bg3.svg");
	background-size: 1920px auto;
}
.page-id-866 .info2 .info .info-inner {
	padding: 40px 0 150px 0;
	background-image: url("assets/images/weddings.svg");
	background-position: 100% 100%;
	background-size: 45% auto;
}
@media screen and (max-width:960px) {
	.info-inner {
		background-size: 960px auto !important;
	}
	.page-id-846 .info2 .info .info-inner ,
	.page-id-866 .info2 .info .info-inner {
		background-size: 100% auto !important;
	}
}
.page-template-default:not(.home) .info .content {
	max-width: 1124px;
}
.page-template-default:not(.home) article .content {
	max-width: 1300px;
	margin-top: 50px;
	margin-bottom: 80px;
}
.page-template-default:not(.home) .info b ,
.page-template-default:not(.home) .info strong {
	font-size: 2.4rem;
	font-weight: 400;
}
.info2 .info .content {
	background: rgba(205,150,4,0.75);
	border-radius: 50px;
}
.page-id-846 .info2 .info .content {
	background: rgba(47,82,93,0.75);
}
.page-id-868 .info2 .info .content {
	background: rgba(145,165,156,0.75);
}
.page-id-866 .info2 .info .content {
	background: rgba(204,176,169,0.75);
}
.page-id-870 .info2 .info .content {
	background: rgba(182,105,70,0.75);
}
.info2 .info:before,
.info2 .info:after {
	content:"";
	display:block;
	left:0;
	right:0;
	background: transparent url("assets/images/yellow-bg.svg") 50% 0% no-repeat scroll;
	background-size: 101%;
}
.page-id-846 .info2 .info:before,
.page-id-846 .info2 .info:after {
	background-image: url("assets/images/bluegreen-bg.svg");
}
.page-id-868 .info2 .info:before,
.page-id-868 .info2 .info:after {
	background-image: url("assets/images/green-bg.svg");
}
.page-id-866 .info2 .info:before,
.page-id-866 .info2 .info:after {
	background-image: url("assets/images/pink.svg");
}
.page-id-870 .info2 .info:before,
.page-id-870 .info2 .info:after {
	background-image: url("assets/images/terracotta.svg");
}
.home .info2 .info:before ,
.page-id-868 .info2 .info:before ,
.page-id-870 .info2 .info:before ,
.page-id-866 .info2 .info:before {
	top:0;
	margin-top:-50px;
	height:50px;
}
.info2 .info::after {
	bottom: 100%;
	height:82px;
	background-position: 50% 100%;
}
.heading {
	position: relative;
	margin: 0 auto;
}
.heading::after {
    content: "";
    background: #fff;
    left: 0;
    right: 0;
    margin: 0.7em 0;
    width: 100%;
	display: block;
    max-width: 100px;
    height: 4px;
}
/*****
CTAS
*****/
.ctas {
	margin: 0 auto;
	width: 100%;
}
.ctas .gridgap {
	--gridgap: 40px;
}
.ctas1 {
	background: var(--greengrey);
	height: 100%;
	padding: 100px 20px 30px 20px;
}
.ctas1 .btn:hover {
	color: var(--greengrey) !important;
}
.ctas2 {
	background: var(--pink);
	height: 100%;
	padding: 50px 20px 30px 20px;
}
.ctas2 .btn:hover {
	color: var(--pink) !important;
}
.ctas-image {
	background: var(--primary) url() 50% 50% no-repeat scroll;
	background-size: cover;
	max-width: 315px;
    width: 100%;
	min-height: 322px;
	margin: 0 auto 0 0;
}
.ctas-info {
	position: relative;
	z-index: 5;
	color: #fff;
	max-width: 315px;
}
.ctas-info h3 {
	text-transform: none;
	font-size: 3.6rem;
	letter-spacing: 0.05em;
}
.ctas-info h3::after {
    content: "";
    background: #fff;
    left: 0;
    right: 0;
    margin: 0.5em 0 0.6em -100px;
    width: 100%;
	display: block;
    max-width: 214px;
    height: 6px;
}
@media screen and (min-width:640px) {
	.ctas-image {
		margin: 0 0 0 auto;
	}
	.ctas1 {
		padding: 100px 20px 30px 20px;
	}
	.ctas2 {
		padding: 100px 20px 30px 20px;
	}

}
@media screen and (max-width:960px) {
	.ctas-image,
	.ctas-info {
		margin: 0 auto;
	}
}
@media screen and (min-width:960px) {
	.ctas1 {
		padding: 100px 20px 80px 20px;
	}
	.ctas2 {
		padding: 100px 20px 80px 20px;
	}
	.ctas-info {
		max-width: 350px;
	}
}
/*****
CTA
*****/
.cta {
	background: var(--terracotta);
	padding: 50px 20px;
	width: 100%;
	--gridgap: 40px;
}
.cta .btn:hover {
	color: var(--terracotta) !important;
}
.cta .gridgap {
	--gridgap: 20px;
}
.cta-image {
	background: var(--primary) url() 50% 50% no-repeat scroll;
	background-size: cover;
	max-width: 663px;
    width: 100%;
	min-height: 381px;
	margin: 0 auto;
}
.cta-info {
	position: relative;
	z-index: 5;
	color: #fff;
	max-width: 610px;
}
.cta-info h3 {
	text-transform: none;
	font-size: 3.6rem;
	letter-spacing: 0.05em;
}
.cta-info h3::after {
    content: "";
    background: #fff;
    left: 0;
    right: 0;
    margin: 0.5em 0 0.6em -80px;
    width: 100%;
	display: block;
    max-width: 214px;
    height: 6px;
}
@media screen and (min-width:640px) {
	.cta-image {
		margin: 0 0 0 auto;
	}
}


/*******
OUR FOOD
*******/
.page-id-870 .ourfood-outer {
	margin:0 20px;
}
.page-id-870 .ourfood {
	max-width: 1290px;
	margin:100px auto 70px auto;
	--gridgap: 20px;
}
.food-card {
	position: relative;
	color: #fff;
	background: var(--greengrey) url() 50% 50% no-repeat scroll;
	background-size: 100%;
	margin: 0 auto;
	width: 100%;
/*	-webkit-transition: background-size 3s;
    -o-transition: background-size 3s;
    -moz-transition: background-size 3s;
    transition: background-size 3s;*/
}
.food-card-inner {
	padding: 29px 29px;
    position: relative;
	background-color: rgba(0,0,0,0.4);
}
.food-card-title {
	font-size: 3.6rem;
	font-weight: 500;
	min-height: 5em;
}
.food-card-title.heading::after {
	margin: 0.5em 0;
}
/*.food-card:hover {
	background-size: 125%;
}*/
.food-card:hover .btn {
	background-color: #fff;
	color: var(--primary);
}
@media screen and (min-width:640px) {
	.food-card {
		padding-top: 100%;
	}
	.food-card-inner {
		position: absolute;
		top:0;right:0;bottom:0;left:0;
		z-index: 2;
		padding: 40px 40px 40px 80px;
		overflow: hidden;
	}
}
@media screen and (min-width:1200px) {
	.page-id-870 .ourfood {
		--gridgap: 60px;
	}
}

/**************
OUR FOOD SINGLE
**************/
.food-content {
	padding: 60px 0;
	position: relative;
}
.food-content::before {
	content:"";
	position: absolute;
	z-index: 2;
	top:0;
	height:33px;
	width:100%;
	background: transparent url("assets/images/white-bg.svg") 50% 0 no-repeat scroll;
	background-size: 1920px auto;
	margin-top: -32px;
	pointer-events: none;
}
.food-content .content.text {
	max-width: 780px;
	letter-spacing: 0.075em;
	line-height: 1.7;
}
.food-content h2 {
	font-size: 3.6rem;
	font-weight: 500;
	position: relative;
	margin: 0 auto;
}
.food-content h2::after {
    content: "";
    background: var(--primary);
    left: 0;
    right: 0;
    margin: 1em 0;
    width: 100%;
	display: block;
    max-width: 100px;
    height: 4px;
}
.food-content h3 {
	font-size: 2.4rem;
	font-weight: 400;
	font-family: Montserrat, var(--fontsys);
}
.food-content strong {
	font-weight: 500;
}

/***********
BACK TO FOOD
***********/
.backtofood {
	padding:60px 20px 80px 20px;
	background: var(--greengrey) url() 50% 50% no-repeat scroll;
	background-size: cover;
	min-height: 200px;
	color: #fff;
	position: relative;
}
.backtofood::after {
	content:"";
	position: absolute;
	z-index: 2;
	top:0;right:0;bottom:0;left:0;
	background-color: rgba(0,0,0,0.4);
}
.backtofood .content {
	display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
    -ms-flex-direction:column;
        flex-direction:column;
	position: relative;
	z-index: 5;
}
.backtofood .in {
	padding: 20px;
}
.backtofood h3 {
	font-family: "Brandon Grotesque", var(--font-sys);
	font-size: 3.6rem;
	font-weight: 400;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	letter-spacing: 0.075em;
}
.backtofood h3::after {
	content:"";
	display:block;
	margin:0.5em 0 0 0;
	width:100%;
	max-width:100px;
	height:4px;
	background-color:#fff;
}
.backtofood .btn {
	display: block;
	max-width: 180px;
}
.backtofood .btn:hover {
	display: block;
	max-width: 180px;
	background-color: #fff;
	color: var(--primary) !important;
}


/******************
TESTIMONIALS SLIDER
******************/
.testimonials {
	background-color: var(--primary);
	background-image: url(/wp-content/themes/eightwire/assets/images/quote1.svg), url(/wp-content/themes/eightwire/assets/images/quote2.svg);
	background-position: 9% 0, 91% 100%;
	background-repeat: no-repeat, no-repeat;
	background-attachment: scroll, scroll;
	background-size: 100px 79px, 100px 79px;
	padding:80px 20px;
	text-align: left;
	color: #fff;
	color: #fff;
	color: #fff;
	color: #fff;
	color: #fff;
	position: relative;
}
.testimonials h3 {
	color: var(--secondary);
	font-family: "Brandon Grotesque", var(--font-sys);
	font-size: 3.6rem;
	font-weight: 400;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	margin: 0 auto 1em auto;
	letter-spacing: 0.075em;
}
.testimonials h3::after {
	content:"";
	position: absolute;
	left:0;
	bottom: -0.75em;
	display:inline-block;
	width:100%;
	max-width:100px;
	height:4px;
	background-color:var(--secondary);
}
.lightslider-testimonials .slide {
	display: none;
}
.lSSlideOuter .lightslider-testimonials .slide {
	display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.testimonials .slide {
	padding: 1em 30px 1em 30px;
	height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.testimonials .btnx {
	padding: 0 30px;
	text-align: left;
	max-width: 770px;
	margin: 20px auto 0 auto;
}
.testimonials .slide-text {
	max-width: 710px;
	margin: 0 auto;
}
.testimonials .slide-text p {
	font-family: "Montserrat", var(--font-sys);
	font-size: 1.8rem;
	font-style: italic;
	font-weight: 400;
	letter-spacing: 0.075em;
	text-align: left;
	margin: 0;
}
.testimonials .lSAction>.lSPrev {
    left:0;
}
.testimonials .lSAction>.lSNext{
    right:0;
}
@media screen and (min-width:960px) {
	.testimonials {
		text-align: center;
	}
	.testimonials .slide-text p {
		font-size: 2.4rem;
	}
	.testimonials .lSAction>.lSPrev {
		left:5%;
	}
	.testimonials .lSAction>.lSNext{
		right:5%;
	}
}

/****************
TESTIMONIALS PAGE
****************/
.testimonialz {
	max-width: 1160px;
	margin:30px auto;
}
.testimonialz-box {
	--gridgap:0;
}
.testimonialz-box + .testimonialz-box {
	margin: 30px 0 0 0;
}
.testimonialz-img {
	background: #fff;
	max-width: 400px;
	position: relative;
	z-index: 5;
	box-shadow: rgba(0, 0, 0, 0.5) 5px 5px 10px 0px;
	min-height:calc(100% - 80px);
	margin: 0 auto;
}
.testimonialz-img img {
	margin: auto;
}
.testimonialz-txt {
	background: var(--greengrey);
}
.testimonialz-box:nth-child(4n + 1) .testimonialz-txt {
	background: var(--greengrey);
}
.testimonialz-box:nth-child(4n + 2) .testimonialz-txt {
	background: var(--yellow);
}
.testimonialz-box:nth-child(4n + 3) .testimonialz-txt {
	background: var(--terracotta);
}
.testimonialz-box:nth-child(4n + 4) .testimonialz-txt {
	background: var(--pink);
}
.testimonialz-txt-inner {
	padding: 40px 80px;
	color: #fff;
}
.testimonialz-quote {
	font-style: italic;
	line-height: 1.7;
	letter-spacing: 0.075em;
}
.testimonialz-by {
	font-family: "Montserrat", var(--font-sys);
	font-weight: 500;
	font-size: 1.7rem;
	letter-spacing: 0.075em;
	margin-top: 1em;
}
@media screen and (min-width:640px) {
	.testimonialz-box {
		--gridgap:40px;
	}
	.testimonialz-box.grid21col {
		-ms-grid-columns: 1fr 2fr;
    	grid-template-columns: 1fr 2fr;
	}
	.testimonialz-box.grid .testimonialz-img {
		margin: 0 -20px 0 0;
	}
	.testimonialz-box.grid .testimonialz-txt {
		margin: 0 0 0 -40px;
	}
	.testimonialz-box.grid:nth-child(even).grid21col {
		-ms-grid-columns: 2fr 1fr;
    	grid-template-columns: 2fr 1fr;
	}
	.testimonialz-box.grid:nth-child(even) .testimonialz-img {
		order: 1;
		margin: 0 0 0 -20px;
	}
	.testimonialz-box.grid:nth-child(even) .testimonialz-txt {
		margin: 0 -40px 0 0;
	}
}

/**
FAQ
**/
.page-id-806 article h2:not(:first-child) ,
.page-id-806 article h3:not(:first-child) {
	margin:2em 0 0.5em 0;
}

/*****
INSTAGRAM
*****/
.instagramx-panel {
	background: var(--greengrey);
	color: #fff;
display: -ms-grid;
    	display: grid;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.instagramx-panel > div {
	padding: 50px 20px;
}
.instagramx-panel h3 {
	font-family: "Brandon Grotesque", var(--font-sys);
	font-size: 2.4rem;
	font-weight: 400;
	text-transform: uppercase;
}
.instagramx-panel a {
	display: inline-block;
	line-height: 35px;
	vertical-align: middle;
	font-family: "Brandon Grotesque", var(--font-sys);
	font-size: 2.4rem;
	font-weight: 400;
}
.instagramx-panel a.in {
	margin: 0.5em 1em 1em 0;
}
.instagramx-panel svg {
	display: block;
	width: 35px;
	height: 35px;
}
.instagramx-panel svg path {
	fill: #fff !important;
}
@media screen and (max-width:767px) {
	#sb_instagram.sbi_col_5 #sbi_images .sbi_item {
		width: 50% !important;
	}
}
@media screen and (min-width:1024px) {
	.instagramx {
		background: var(--greengrey);
		color: #fff;
		width: 100%;
	display: -webkit-box;
    	display: -webkit-flex;
    	display: -ms-flexbox;
    	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
		-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-webkit-flex-direction:row-reverse;
    -ms-flex-direction:row-reverse;
        flex-direction:row-reverse;
	}
	.instagramx-panel {
		flex-basis: calc(100% / 6);
	}
	.instagramx-panel > div {
		padding: 50px 40px;
	}
	.instagramx-feed {
		width: 100%;
	}
}

/*****
CONTACT FORM
*****/
.contactform {
	padding:60px 20px 80px 20px;
	background: #fff url("assets/images/avo.svg") 0 40px no-repeat scroll;
	background-size: auto 95%;
}
.contactform h3 {
	color: var(--secondary);
	font-family: "Brandon Grotesque", var(--font-sys);
	font-size: 3.6rem;
	font-weight: 400;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	margin: 0 auto 1em auto;
	letter-spacing: 0.075em;
}
.contactform h3::after {
	content:"";
	position: absolute;
	left:0;
	bottom: -0.75em;
	display:inline-block;
	width:100%;
	max-width:100px;
	height:4px;
	background-color:var(--secondary);
}
.contactform .content {
	background: rgba(255,255,255,0.9);
	max-width: 1092px;
}
.contactform textarea,
.contactform input:not([type="submit"]) {
	background: transparent;
	color: var(--primary);
	font-weight: 500;
}
.contactform input[type="submit"] {
	color: var(--secondary);
	border-color: var(--secondary);
	float:right;
}
.contactform input[type="submit"]:hover {
	color: #fff !important;
	background-color: var(--secondary) !important;
}
.contactform .form-row,
.contactform .form-textarea {
	border-bottom: 1px solid var(--primary);
}
.contactform form p:empty {
	display: none;
}

/*****
GET IN TOUCH
*****/
.getintouch {
	padding:60px 20px 80px 20px;
	background: #fff url("assets/images/avo.svg") 0 50% no-repeat scroll;
	background-size: auto 85%;
	min-height: 200px;
	border-top: 5px solid var(--primary);
}
.testimonials + .getintouch {
	border: none;
}
.getintouch .content {
	display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
    -ms-flex-direction:column;
        flex-direction:column;
}
.getintouch .in {
	background: rgba(255,255,255,0.9);
	padding: 20px;
}
.getintouch h3 {
	color: var(--secondary);
	font-family: "Brandon Grotesque", var(--font-sys);
	font-size: 3.6rem;
	font-weight: 400;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	letter-spacing: 0.075em;
}
.getintouch h3::after {
	content:"";
	display:block;
	margin:0.5em 0 0 0;
	width:100%;
	max-width:100px;
	height:4px;
	background-color:var(--secondary);
}
.getintouch .btn {
	display: block;
	max-width: 180px;
	color: var(--yellow);
	border-color: var(--yellow);
}
.getintouch .btn:hover {
	display: block;
	max-width: 180px;
	background-color: var(--yellow);
	color: #fff !important;
}

/*****
ORDER ONLINE
*****/
.orderonline {
	padding:40px 20px;
	background: var(--primary) url("assets/images/wood.jpg") 50% 50% no-repeat scroll;
	background-size: cover;
	min-height: 258px;
	position: relative;
}
.orderonline::after {
	content:"";
	display:block;
	position: absolute;
	top: 0; left:0; right:0; bottom:0;
	z-index: 2;
	background: rgba(0,0,0,0.4);
}
.orderonline .content {
	position: relative;
	z-index: 5;
	display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
    -ms-flex-direction:column;
        flex-direction:column;
}
.orderonline .in {
	padding: 20px;
}
.orderonline h3 {
	color: var(--yellow);
	font-family: "Brandon Grotesque", var(--font-sys);
	font-size: 3.6rem;
	font-weight: 400;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	letter-spacing: 0.075em;
}
.orderonline h3::after {
	content:"";
	display:block;
	margin:0.5em 0 0 0;
	width:100%;
	max-width:100px;
	height:4px;
	background-color:var(--yellow);
}
.orderonline .btn {
	display: block;
	max-width: 180px;
	color: #fff;
	border-color: #fff;
}
.orderonline .btn:hover {
	display: block;
	max-width: 180px;
	background-color: #fff;
	color: var(--primary) !important;
}

/********
OUR STORY
********/
.lead {
    background: var(--yellow) url(/wp-content/themes/eightwire/assets/images/avo-bg2.svg) 100% 80% no-repeat scroll;
    background-size: 960px 350px;
	--gridgap: 0;
}
.lead-image {
    height: 100%;
    background: var(--greengrey) url() 46% 50% no-repeat scroll;
    background-size: cover;
	padding-top: 68.967%;
}
.lead-text {
    color: #fff;
	padding: 30px 11%;
	letter-spacing: 0.075em;
}
.lead-text h1 {
	position: relative;
}
.lead-text h1::after {
	content:"";
	position: relative;
	left:0;
	margin: 0.5em 0;
	display:block;
	width:100%;
	max-width:100px;
	height:4px;
	background-color:#fff;
}
.lead-text p:first-of-type {
	font-size: 2.4rem;
}


/*****
GROUP
*****/
.group-image {
    height: 100%;
    background: var(--greengrey) url() 46% 50% no-repeat scroll;
    background-size: cover;
	padding-top: 68.967%;
}
.group.group1 .group-image {
	padding-top: 52.495%;
}
.group-images > * {
    height: 100%;
    background: var(--greengrey) url() 46% 50% no-repeat scroll;
    background-size: cover;
	padding-top: 68.967%;
}
.group-text {
	padding: 30px 11%;
	letter-spacing: 0.075em;
}
.info3 + .group .group-text {
	padding: 120px 11%;
}
.group2 {
	background: var(--yellow);
	color: #fff;
}
.page-id-868 .group2 {
	background: var(--greengrey);
}
.page-id-866 .group2 {
	background: var(--pink);
}
.group2 .group-images > * {
    background-position: 50% 50%;
	padding-top: 104.99%;
}
.group2 .heading {
	font-size: 3.6rem;
	font-weight: 500;
}
.group2 .btn {
	margin-top: 1em;
}
@media screen and (min-width:960px){
	.group-images {
		height: 100%;
	}
	.group1 .group-image {
		order:2;
	}
}

/********
OUR STORY
********/
.gallery a {
	margin: 0 auto;
	justify-self: center;
}

/*****
BLOGS
*****/
.blogs {
	max-width: 1170px;
	margin: 40px auto 60px auto;
	padding: 0 20px;
}
.blogs > .grid {
	--gridgap: 0;
}
.blog + .blog {
	margin-top: 30px;
}
.blog-imgdate {
	position: relative;
	background: var(--greengrey);
}
.blog-imgdate a {
	display: block;
}
.blog-date {
	background: var(--primary);
	color: #fff;
	position: absolute;
	top: 20px;
	left: -20px;
	z-index: 5;
	text-align: center;
	text-transform: uppercase;
	font-size: 2.4rem;
	font-weight: 500;
	padding: 13px 16px;
	line-height: 1.1;
	min-width: 105px;
	min-height: 105px;
}
.blog-date span {
	display: block;
}
.blog-text {
	background-color: var(--primary);
	color: #fff;
	min-height: calc(100% - 60px);
	position: relative;
		z-index: 2;
	display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
    -ms-flex-direction:column;
        flex-direction:column;
}
.blog:nth-child(2n + 2) .blog-text ,
.blog:nth-child(2n + 2) .blog-date {
	background-color: var(--terracotta);
}
.blog:nth-child(3n + 3) .blog-text ,
.blog:nth-child(3n + 3) .blog-date {
	background-color: var(--yellow);
}
.blog-text-inner {
	padding: 20px 60px;
	letter-spacing: 0.075em;
}
.blog-excerpt {
	margin-bottom: 1em;
}
@media screen and (max-width:960px) {
	.blog-imgdate {
		z-index: 10;
	}
}
@media screen and (min-width:640px) {
	.blogs > .grid {
		--gridgap: 0;
	}
	.blog-imgdate {
		margin: 0 -15px 0 0;
	}
	.blog-text {
		margin: 0 0 0 -15px;
	}
	.blog:nth-child(2n + 2) .blog-imgdate {
		order: 2;
		margin: 0 0 0 -15px;
	}
	.blog:nth-child(2n + 2) .blog-text {
		margin: 0 -15px 0 0;
	}
	.blog:nth-child(2n + 2) .blog-date {
		left: auto;
		right: -20px;
	}
}
/***
BLOG
***/
.blogx {
	max-width: 1480px;
	margin: 40px auto 60px auto;
	padding: 0 20px;
}
.blogx .heading::after {
	background: var(--primary);
}
.blogx p {
	letter-spacing: 0.075em;
}
.blog-main {
	position: relative;
}
.blog-image {
	background-color: var(--greengrey);
	display: block;
}
.blog-image img {
	width: 100%;
}
.blogx .wysiwyg {
	padding:20px 0 10px 0;
}
.wysiwyg strong {
	font-size: 2.4rem;
	font-weight: 400;
}

/* LAYOUTS */
.layouts {
	margin-bottom: 60px;
}
.layout-row {
	margin: 0 auto 30px auto;
}
.layouts .gridgap {
	--gridgap: 20px;
}
.layouts .grid {
	-ms-grid-columns: 1fr var(--gridgap);
    grid-template-columns: 1fr;
	-webkit-box-align: center;
-webkit-align-items: center;
    -ms-flex-align: center;
        align-items: center;
}
.layout-img {
	height: 100%;
}
.layout-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.wyseditor {
	margin: 20px 0;
	padding: 40px 30px;
	position: relative;
	z-index: 5;
}
.post-nav {
	-ms-grid-columns: (1fr)[3];
	grid-template-columns: repeat(3, 1fr);
	--gridgap: 5px;
}
.post-nav a {
	display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-transform: uppercase;
	line-height: 1.2;
}
.post-nav span {
	font-size: 2.4rem;
}
.post-nav-prev {
	text-align: left;
}
.post-nav-back {
	text-align: center;
}
.post-nav-next {
	text-align: right;
}
@media screen and (min-width:768px) {
	.layouts .gridgap {
		--gridgap: 40px;
	}
	.layout-media.grid {
		-ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
	}
	body:not(.single-post) .layout-media.grid:nth-child(odd) .layout-img {
		order: 1;
	}
	.single-post .layout-alt .layout-img {
		order: 1;
	}
}



/* CONTACT */
.contact-details {
	margin: 0 auto 60px auto;
	max-width: 1308px;
}
.contact-details .contact-info {
	margin-top:20px;
	-webkit-align-self: start;
        -ms-flex-item-align: start;
                -ms-grid-row-align: start;
            align-self: start;
}
.contact-details .socialx a {
	color: var(--text) !important;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 34px;
}
.contact-details .socialx a:hover {
	color: var(--secondary) !important;
}
.contact-details .socialx div {
	color: var(--text);
}
.contact-details .socialx svg {
	width: 35px;
	height: 35px;
	display: inline-block;
	margin-right: 34px;
}
.contact-details .socialx .tl {
	font-size: 2.4rem;
	font-weight: 600;
}
.contact-details .socialx .tl svg ,
.contact-details .socialx .em svg {
	width: 30px;
	height: 30px;
	display: inline-block;
	margin-left: 3px;
}
.contact-details .socialx svg path {
	fill: var(--text) !important;
}
.contact-details .socialx a:hover svg path {
	fill: var(--secondary) !important;
}
@media screen and (min-width:768px) {
	.contact-details .grid {
		--gridgap: 0 60px;
		-ms-grid-columns: 1fr var(--gridgap) 2fr var(--gridgap);
    	grid-template-columns: 1fr 2fr;
	}
	.contact-form {
		border-left: 2px solid var(--secondary);
		padding-left: 58px;
	}
}
.contact-form textarea,
.contact-form input:not([type="submit"]) {
	background: transparent;
	color: var(--primary);
	font-weight: 500;
}
.contact-form input[type="submit"] {
	color: var(--secondary);
	border-color: var(--secondary);
	float:right;
}
.contact-form input[type="submit"]:hover {
	color: #fff !important;
	background-color: var(--secondary) !important;
}
.contact-form .form-row ,
.contact-form .form-textarea {
	border-bottom: 1px solid var(--primary);
}
.contact-form form p:empty {
	display: none;
}
.wpcf7 {
	max-width: 100%;
}
.wpcf7 input[size],
.wpcf7 textarea[cols] {
	-webkit-appearance: none;
	appearance: none;
	/*border: 1px solid var(--primary);*/
	border: none;
	width: 100%;
	padding: 2%;
	margin: 0.5em 0;
	color: var(--primary);
	letter-spacing: 0.075em;
}
.wpcf7 textarea[cols] {
	padding: 2%;
	height: 144px;
}
.wpcf7 select {
	border: 1px solid var(--primary);
	width: calc(100% - 2px);
	padding: 2%;
	margin: 0 0 1em 0;
	color: var(--primary);
}
.wpcf7 select option:first-of-type{
	color: var(--primary);
}
.wpcf7 span {
	margin: 0 !important;
	display: block;
}
.wpcf7 label {
	margin: 0 2em 0 0 !important;
}
.wpcf7 label input {
	margin: 0 0 0 0.5em !important;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
	clear: both;
	color: var(--terracotta);
	border-color: var(--terracotta);
	margin: 1em 0;
}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
	color: var(--greengrey);
	border-color: var(--greengrey);
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--primary);
	text-transform: uppercase;
	left: -2%;
	position: relative;
	font-weight: 500;
}
::-moz-placeholder { /* Firefox 19+ */
	color: var(--primary);
	text-transform: uppercase;
	left: -2%;
	position: relative;
	font-weight: 500;
}
:-ms-input-placeholder { /* IE 10+ */
	color: var(--primary);
	text-transform: uppercase;
	left: -2%;
	position: relative;
	font-weight: 500;
}
:-moz-placeholder { /* Firefox 18- */
	color: var(--primary);
	text-transform: uppercase;
	left: -2%;
	position: relative;
	font-weight: 500;
}

:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	left: 0;
}
:focus::-moz-placeholder { /* Firefox 19+ */
	left: 0;
}
:focus:-ms-input-placeholder { /* IE 10+ */
	left: 0;
}
:focus:-moz-placeholder { /* Firefox 18- */
	left: 0;
}

.contact-form .gform-theme--foundation .gform_fields {
	grid-gap: 0 !important;
}

.contact-form .gform-theme--foundation .gfield:not(.gfield--type-captcha) {
	border-bottom: 1px solid var(--primary) !important;
}
.contact-form .gform-theme--foundation .gfield.gfield--type-captcha {
	margin-top: 17px !important;
}

.contact-form .gform-theme--foundation .gfield .ginput_container {
	margin-bottom: 1em;
}

.contact-form .gform-theme--foundation .gfield input:not([type="submit"]),
.contact-form .gform-theme--foundation .gfield textarea {
	margin: 0.5em 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 2% !important;
	background: transparent !important;
  color: var(--primary) !important;
	font-size: 17px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
	letter-spacing: 0.075em !important;
	block-size: auto !important;
	line-height: 1 !important;
}
.contact-form .gform-theme--foundation .gfield textarea {
	height: 144px !important;
}
.contact-form .gform-theme--foundation .gfield input:not([type="submit"]):focus,
.contact-form .gform-theme--foundation .gfield textarea:focus {
	outline: var(--secondary) auto 1px !important;
}

.gform-theme--foundation input[type="submit"] {
    margin-left: auto !important;
    border: 1px solid var(--secondary) !important;
    border-radius: 0 !important;
    padding: 0.6em 2em !important;
    background: transparent !important;
    color: var(--secondary) !important;
    font-family: "Brandon Grotesque", var(--font-sys) !important;
    font-weight: 400 !important;
    font-size: 1.6rem !important;
    letter-spacing: 0.075em !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    text-align: center !important;
    line-height: inherit !important;
    float: right;
}
.gform-theme--foundation input[type="submit"]:hover {
    color: #fff !important;
    background-color: var(--secondary) !important;
}


/* SITEMAP */
.sitemapz.grid > *{
	-webkit-align-self: start;
	-ms-flex-item-align: start;
	-ms-grid-row-align: start;
	align-self: start;
}

/*****
FOOTER
*****/
footer.footer {
    padding: 40px 20px;
	background: var(--primary);
	color: #fff;
	font-size: 1.6rem;
	font-family: "Brandon Grotesque" , var(--font-sys);
	position: relative;
	text-transform: uppercase;
	line-height: 1.7;
}
footer.footer::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top:-29px;
	left:0;
	right:0;
	height:30px;
	background: transparent url("/wp-content/themes/eightwire/assets/images/footer.svg") bottom center no-repeat scroll;
	background-size: 100%;
	pointer-events: none;
}
footer.footer > div > * {
	flex-basis: 100%;
	padding: 10px;
}
footer.footer .donate {
    text-align: center;
}
footer.footer h6 {
	text-transform: uppercase;
	color: var(--secondary);
}
footer.footer a:hover {
    color: var(--secondary);
}
footer.footer .contact-details > div {
    margin-bottom: 1em;
}
footer.footer .contact-details svg,
footer.footer .contact-details img {
	width: 25px;
	margin-right: 10px;
	vertical-align: middle;
}
footer.footer .contact-details svg path ,
footer.footer .contact-details svg path {
	fill: var(--secondary) !important;
}
footer.footer .contact-details div:hover svg path ,
footer.footer .contact-details a:hover svg path {
	fill: var(--secondary) !important;
}
footer.footer .footer-email {
	word-break: break-all;
}
footer.footer .badge img {
	max-width: 160px;
}
@media screen and (min-width:768px) {
    footer > div {
		position: relative;
		display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
	footer.footer > div > section {
		flex: 1 1 50%;
		padding: 10px 20px 10px 40px;
		min-height: 113px;
		margin: 10px 0;
	}
}
@media screen and (min-width:1024px) {
	footer.footer > div > section {
		flex: 1 1 auto;
		padding: 10px 20px 10px 30px;
	}
}
@media screen and (min-width:1280px) {
	footer.footer > div > section {
		padding: 10px 20px 10px 40px;
	}
}

/******
UTILITY
******/
.lg-on #wpadminbar {
    display: none;
}
#gototop {
    display:none; /* script shows on scroll */
    background-color: var(--greengrey);
    text-align: center;
	width: 40px;
	height: 40px;
	padding-top: 7px;
    position:fixed;
    left:5px;
    bottom:20px;
    z-index: 999;
	border-radius: 50%;
	opacity: 0.8;
}
#gototop svg path {
    fill: #fff;
}
#gototop:hover {
    background-color: var(--secondary);
	opacity: 1;
}
.js .js-nav-active #gototop {
    display: none;
}
.transition-all, .ta  {
	-webkit-transition: var(--transition-attr,all) var(--transition-time,0.2s) var(--transition-type,ease);
	-moz-transition: var(--transition-attr,all) var(--transition-time,0.2s) var(--transition-type,ease);
	-o-transition: var(--transition-attr,all) var(--transition-time,0.2s) var(--transition-type,ease);
	-ms-transition: var(--transition-attr,all) var(--transition-time,0.2s) var(--transition-type,ease);
	transition: var(--transition-attr,all) var(--transition-time,0.2s) var(--transition-type,ease);
}
/* ALIGN */
.alignleft {
	float: left;
}
.aligncenter {
    display: inline-block;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, 0px);
        -ms-transform: translate(-50%, 0px);
            transform: translate(-50%, 0px);
}
.alignright {
	float: right;
}
.alignright {
	margin: 0 0 1em 2em;
}
.wp-caption {
	text-align: center;
}
article .text {
    max-width: var(--width-text);
	width: 100%;
}
article .alignwide {
	max-width: var(--width-content);
	width: 100%;
}
article .alignfull {
	max-width: var(--width-max);
	width: 100%;
}
article .alignwide .text,
article .alignfull .text {
    max-width: none;
}
.textcenter {
    text-align: center;
}
iframe {
	max-width: 100%;
}
/* RATIO EMBED */
/*https://codepen.io/cvn/pen/WbXEoX/ */
.vcontainer {
  position: relative;
  padding-top: 56.25%;
  pointer-events: none;
}
.vcontainer::before {
  content: '';
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.video-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}
.video-bg .video-fg,
.video-bg iframe,
.video-bg video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*
  Full page video background
  Simulate object-fit: cover
  Based on http://fvsch.com/code/video-background/
*/
@media (min-aspect-ratio: 16/9) {
  .video-bg.cover .video-fg {
    height: 300%;
    top: -100%;
  }
}
@media (max-aspect-ratio: 16/9) {
  .video-bg.cover .video-fg {
    width: 300%;
    left: -100%;
  }
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .video-bg.cover .video-fg.supports-cover {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .video-bg.cover video {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
/*
  Vertical centering for 16/9 youtube iframes and video elements
  Simulate object-fit: contain for entire element, not just contents of element
*/
.video-bg.contain {
  font-size: 0;
}
.video-bg.contain * {
  font-size: 16px;
}
.video-bg.contain::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.video-bg.contain .video-fg {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  /* 16:9 */
  pointer-events: none;
}
.video-bg.contain iframe,
.video-bg.contain video {
  pointer-events: auto;
}
@media (min-aspect-ratio: 16/9) {
  .video-bg.contain .video-fg {
    height: 100%;
    padding-bottom: 0;
    max-width: 53.33333333vh;
    left: 50%;
    margin-left: -26.66666667vh;
  }
}

/* 16x9 Aspect Ratio */
.ratio {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
}
.ratio-youtube {
    padding-bottom: 56.25%;
    pointer-events:none;
}
/* 4x3 Aspect Ratio */
.ratio-4x3 {
  padding-bottom: 75%;
}
.ratio iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  border:none;
}
/* CLEARFIX */
.cf {
	zoom: 1;
}
.cf::before, .cf::after {
	content: ' ';
	display: table;
}
.cf::after {
	clear: both;
}
/* MAP */
.acf-map {
    width: 100%;
    height: 400px;
}
.acf-map img {
   max-width: inherit !important;
}
/* GREY */
.greyscale {
    -webkit-filter: saturate(0%);
    filter: saturate(0%);
}

/****************
HERO
****************/
.banner {
    background-color: var(--greengrey);
    position: relative;
	max-height: 650px;
	min-height: 33vh;
	aspect-ratio: 1905/650;
}
.banner.vid {
	max-height: 100vh;
	/*min-height: 50vh;*/
	aspect-ratio: 1920/1080;
}
.single .banner.vid {
	max-height: 100vh;
	min-height: unset;
	aspect-ratio: unset;
}
.banner-caption {
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	top:0;right:0;bottom:40px;left:0;
	z-index: 30;
	font-family: "Brandon Grotesque",var(--font-sys);
	font-weight: 400;
	letter-spacing: 0.1em;
	font-size: 4.8rem;
	font-size: calc(0.8rem + 2vw);
	padding: 0 60px;
	text-align: center;
	pointer-events: none;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.banner video {
	display: block;
	-o-object-fit: cover;
	object-fit: cover;
	object-position: center;
	width:100%;
	height: 100%;
	position: relative;
	aspect-ratio: 1920/1080;
}
.banner.vid .vidlink {
	color: #fff;
	position: absolute;
	right:0;
	bottom:60px;
	z-index: 30;
	font-family: "Brandon Grotesque",var(--font-sys);
	font-weight: 400;
	letter-spacing: 0.1em;
	font-size: 2rem;
	padding: 0 60px;
	text-align: right;
}
.banner .lSSlideOuter  {
	max-width:1920px;
	margin: 0 auto;
    position: relative;
	min-height: 33vh;
}
.banner .banner-caption + .lSSlideOuter::before {
    content: "";
    background: rgba(0,0,0,0.35);
    position: absolute;
	z-index: 20;
	top: 0;
	bottom: 0;
    left: 0;
    right: 0;
}
.banner .lightSlider > div {
    height:100%;
    background-size: cover;
    margin: 0;
	min-height: 150px;
}
/*
.lightslider {
    padding-bottom: 45.6% !important;
}
.lightslider .lslide::before  {
    content: "";
    position: absolute;
    z-index: 10;
    top: 0; right: 0; bottom: 0; left: 0;
    background-color: rgba(26, 26, 26, 0.32);
}
*/
.lSSlideOuter .lSPager.lSpg{
    position: absolute;
    z-index: 10;
	bottom: 20px;
    left: 0;
    width: 100%;
}
.lSSlideOuter .lSPager.lSpg > li {
	cursor: default;
}
.lSSlideOuter .lSPager.lSpg li:only-child{
    display: none;
}
.lSSlideOuter .lSPager.lSpg>li a {
    background-color: var(--greengrey);
    border: 3px solid var(--greengrey);
    border-radius: 50%;
	width: 14px;
	height: 14px;
	cursor: pointer;
}
.lSSlideOuter .lSPager.lSpg>li.active a {
    background-color: transparent !important;
    border-color: var(--greengrey) !important;
}
.lSSlideOuter .lSPager.lSpg>li:hover a {
    background-color: var(--secondary);
    border-color: var(--secondary);
}
.lSAction>.lSPrev ,
.lSAction>.lSNext{
    height: 39px;
    width: 21px;
    margin-top: -20px;
	background: transparent url() 50% 50% no-repeat scroll;
	background-size: contain;
}
.lSAction>.lSPrev {
    background-image: url("/wp-content/themes/eightwire/assets/images/left.png");
}
.lSAction>.lSNext{
    background-image: url("/wp-content/themes/eightwire/assets/images/right.png");
}


/*********
SHOP
*********/
@media screen and (max-width: 480px){
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
		width: 100% !important;
		float: none !important;
		clear: both !important;
		margin: 0 0 2.992em 0 !important;
	}
}
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
    display: block !important;
	position: relative !important;
}
.linkfadeimg {
	position: relative !important;
}
.woocommerce ul.products li.product a.woocommerce-loop-product__link::after ,
.linkfadeimg::after {
    content:"" !important;
	position: absolute !important;
	top: 0 !important; left:0 !important; right:0 !important;
	padding-top: 100% !important;
	background: black !important;
	opacity:0 !important;
	will-change: opacity;
	transition: opacity 0.3s ease;
}
.woocommerce ul.products li.product a.woocommerce-loop-product__link:hover::after ,
.linkfadeimg:hover::after {
	opacity:0.35 !important;
}
@media screen and (max-width:1024px) {
	.linkfadeimg::after {
		opacity:0.35 !important;
	}
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: "Brandon Grotesque", var(--font-sys) !important;
	font-weight: 500 !important;
	font-size: 2.4rem !important;
    letter-spacing: 0.075em !important;
}
.woocommerce ul.products li.product .price {
    font-size: 2rem !important;
    color: var(--greengrey) !important;
	font-weight: 500 !important;
}
.related.products {
	clear: both !important;
}
.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text {
    padding: 10px 20px !important;
}
.woocommerce .quantity .qty {
    padding: 7.5px !important;
}
#coupon_code { width: 155px !important; padding: 8.5px !important; }

.added_to_cart {
	text-transform: uppercase !important;
	text-align: center !important;
    font-family: "Brandon Grotesque", var(--font-sys) !important;
    font-weight: 400 !important;
    font-size: 1.6rem !important;
    letter-spacing: 0.075em !important;
	margin-left: 1em !important;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table .cart-subtotal,
.woocommerce table.shop_table .order-total {
	text-transform: uppercase !important;
    font-family: "Brandon Grotesque", var(--font-sys) !important;
	font-weight: 500 !important;
	font-size: 2rem !important;
    letter-spacing: 0.075em !important;
}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {
	background-color: none !important;
	background: none !important;
	color:var(--primary) !important;
	text-shadow: transparent !important;
	border-color:var(--primary) !important;
	border:1px solid var(--primary) !important;
	text-transform: uppercase !important;
	text-align: center !important;
    font-family: "Brandon Grotesque", var(--font-sys) !important;
    font-weight: 400 !important;
    font-size: 1.6rem !important;
    letter-spacing: 0.075em !important;
	border-radius: 0 !important;
}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {
	background:var(--primary) !important;
	background-color:var(--primary) !important;
	color:white !important;
	text-shadow: transparent !important;
	box-shadow: none !important;
	border-color:var(--primary) !important;
}


/*********
PAGINATION
*********/
.custom-pagination {
	clear:both;
	margin: 30px auto 60px auto;
	text-align:center;
    font-size: 1.4rem;
}
.custom-pagination span,
.custom-pagination a {
  display: inline-block;
  padding: 2px 10px;
  text-decoration:none !important;
}
.custom-pagination a {
	color: #CCCCCC;
	border: 1px solid #CCCCCC;
	border-radius:0;
	display:inline-block;
	padding:5px 20px;
	background:none;
	position:relative;
	text-transform:uppercase;
}
.custom-pagination a:hover {
  background-color: var(--secondary);
  color: #fff;
}
.custom-pagination span.page-num {
  margin-right: 10px;
  padding: 0;
}
.custom-pagination span.dots {
  padding: 0;
  color: #CCCCCC;
}
.custom-pagination span.current {
  background-color: var(--primary);
  color: #fff;
  padding:6px 21px;
}


/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 50px 15px;
  padding: 5rem 1.5rem;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: .15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger-box {
  width: 40px;
  width: 4rem;
  height: 18px;
  height: 1.8rem;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
  margin-top: -0.1rem;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 40px;
  width: 4rem;
  height: 2px;
  height: .2rem;
  background-color: var(--primary) !important;
  border-radius: 0;
  position: absolute;
  transition-property: transform;
  transition-duration: .15s;
  transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: '';
  display: block;
}

.hamburger-inner::before {
  top: -8px;
  top: -0.8rem;
}

.hamburger-inner::after {
  bottom: -8px;
  bottom: -0.8rem;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #fff !important;
}

.hamburger:hover .hamburger-inner,
.hamburger:hover .hamburger-inner::before,
.hamburger:hover .hamburger-inner::after {
  background-color: var(--secondary) !important;
}

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  perspective: 8rem;
}

.hamburger--3dx .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
}

.hamburger--3dx .hamburger-inner::before,
.hamburger--3dx .hamburger-inner::after {
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, .8rem, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -0.8rem, 0) rotate(-45deg);
}

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  perspective: 8rem;
}

.hamburger--3dx-r .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
}

.hamburger--3dx-r .hamburger-inner::before,
.hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
}

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
  transform: translate3d(0, .8rem, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -0.8rem, 0) rotate(-45deg);
}

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  perspective: 8rem;
}

.hamburger--3dy .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
}

.hamburger--3dy .hamburger-inner::before,
.hamburger--3dy .hamburger-inner::after {
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
}

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg);
}

.hamburger--3dy.is-active .hamburger-inner::before {
  transform: translate3d(0, .8rem, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner::after {
  transform: translate3d(0, -0.8rem, 0) rotate(-45deg);
}

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  perspective: 8rem;
}

.hamburger--3dy-r .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
}

.hamburger--3dy-r .hamburger-inner::before,
.hamburger--3dy-r .hamburger-inner::after {
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
}

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, .8rem, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -0.8rem, 0) rotate(-45deg);
}

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
  perspective: 8rem;
}

.hamburger--3dxy .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
}

.hamburger--3dxy .hamburger-inner::before,
.hamburger--3dxy .hamburger-inner::after {
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
}

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg);
}

.hamburger--3dxy.is-active .hamburger-inner::before {
  transform: translate3d(0, .8rem, 0) rotate(45deg);
}

.hamburger--3dxy.is-active .hamburger-inner::after {
  transform: translate3d(0, -0.8rem, 0) rotate(-45deg);
}

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
  perspective: 8rem;
}

.hamburger--3dxy-r .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
}

.hamburger--3dxy-r .hamburger-inner::before,
.hamburger--3dxy-r .hamburger-inner::after {
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
}

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, .8rem, 0) rotate(45deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -0.8rem, 0) rotate(-45deg);
}

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-0.8rem, 0, 0) rotate(-45deg) scale(.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-0.8rem, 0, 0) rotate(45deg) scale(.7, 1);
}

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(.8rem, 0, 0) rotate(45deg) scale(.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(.8rem, 0, 0) rotate(-45deg) scale(.7, 1);
}

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-0.8rem, -1rem, 0) rotate(-45deg) scale(.7, 1);
  transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-0.8rem, 1rem, 0) rotate(45deg) scale(.7, 1);
  transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
}

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(.8rem, -1rem, 0) rotate(45deg) scale(.7, 1);
  transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(.8rem, 1rem, 0) rotate(-45deg) scale(.7, 1);
  transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
}

/*
   * Arrow Turn
   */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(.7, 1);
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(.7, 1);
}

/*
   * Arrow Turn Right
   */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(.7, 1);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(.7, 1);
}

/*
   * Boring
   */
.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::before,
.hamburger--boring .hamburger-inner::after {
  transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: .13s;
  transition-delay: .13s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -16px;
  top: -1.6rem;
  transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -0.8rem, 0) rotate(-45deg);
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1);
}

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: .13s;
  transition-delay: .13s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}

.hamburger--collapse-r .hamburger-inner::after {
  top: -16px;
  top: -1.6rem;
  transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear;
}

.hamburger--collapse-r .hamburger-inner::before {
  transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -0.8rem, 0) rotate(45deg);
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1);
}

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 1px;
  top: .1rem;
  transition-duration: .275s;
  transition-timing-function: cubic-bezier(.68, -0.55, .265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
  top: 8px;
  top: .8rem;
  transition: opacity .125s .275s ease;
}

.hamburger--elastic .hamburger-inner::after {
  top: 16px;
  top: 1.6rem;
  transition: transform .275s cubic-bezier(.68, -0.55, .265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, .8rem, 0) rotate(135deg);
  transition-delay: .075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -1.6rem, 0) rotate(-270deg);
  transition-delay: .075s;
}

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 1px;
  top: .1rem;
  transition-duration: .275s;
  transition-timing-function: cubic-bezier(.68, -0.55, .265, 1.55);
}

.hamburger--elastic-r .hamburger-inner::before {
  top: 8px;
  top: .8rem;
  transition: opacity .125s .275s ease;
}

.hamburger--elastic-r .hamburger-inner::after {
  top: 16px;
  top: 1.6rem;
  transition: transform .275s cubic-bezier(.68, -0.55, .265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, .8rem, 0) rotate(-135deg);
  transition-delay: .075s;
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -1.6rem, 0) rotate(270deg);
  transition-delay: .075s;
}

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
  transition: background-color .125s .175s ease-in;
}

.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s .125s linear, left .125s .175s ease-in;
}

.hamburger--emphatic .hamburger-inner::after {
  top: 8px;
  top: .8rem;
  right: 0;
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s .125s linear, right .125s .175s ease-in;
}

.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}

.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -80px;
  left: -8rem;
  top: -80px;
  top: -8rem;
  transform: translate3d(8rem, 8rem, 0) rotate(45deg);
  transition: left .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(.075, .82, .165, 1);
}

.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -80px;
  right: -8rem;
  top: -80px;
  top: -8rem;
  transform: translate3d(-8rem, 8rem, 0) rotate(-45deg);
  transition: right .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(.075, .82, .165, 1);
}

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
  transition: background-color .125s .175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s .125s linear, left .125s .175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::after {
  top: 8px;
  top: .8rem;
  right: 0;
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s .125s linear, right .125s .175s ease-in;
}

.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -80px;
  left: -8rem;
  top: 80px;
  top: 8rem;
  transform: translate3d(8rem, -8rem, 0) rotate(-45deg);
  transition: left .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(.075, .82, .165, 1);
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -80px;
  right: -8rem;
  top: 80px;
  top: 8rem;
  transform: translate3d(-8rem, -8rem, 0) rotate(45deg);
  transition: right .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(.075, .82, .165, 1);
}

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before,
.hamburger--minus .hamburger-inner::after {
  transition: bottom .08s 0s ease-out, top .08s 0s ease-out, opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner::before,
.hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom .08s ease-out, top .08s ease-out, opacity 0s .08s linear;
}

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0;
}

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0;
}

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 1px;
  top: .1rem;
}

.hamburger--slider .hamburger-inner::before {
  top: 8px;
  top: .8rem;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: .15s;
}

.hamburger--slider .hamburger-inner::after {
  top: 16px;
  top: 1.6rem;
}

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, .8rem, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-0.57143rem, -0.6rem, 0);
  opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -1.6rem, 0) rotate(-90deg);
}

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 1px;
  top: .1rem;
}

.hamburger--slider-r .hamburger-inner::before {
  top: 8px;
  top: .8rem;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: .15s;
}

.hamburger--slider-r .hamburger-inner::after {
  top: 16px;
  top: 1.6rem;
}

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, .8rem, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(.57143rem, -0.6rem, 0);
  opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -1.6rem, 0) rotate(90deg);
}

/*
   * Spin
   */
.hamburger--spin .hamburger-inner,
.hamburger .hamburger-inner {
  transition-duration: .22s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spin .hamburger-inner::before,
.hamburger .hamburger-inner::before {
  transition: top .1s .25s ease-in, opacity .1s ease-in;
}

.hamburger--spin .hamburger-inner::after,
.hamburger .hamburger-inner::after {
  transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spin.is-active .hamburger-inner,
.is-active.hamburger .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before,
.is-active.hamburger .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top .1s ease-out, opacity .1s .12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after,
.is-active.hamburger .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1);
}

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  transition-duration: .22s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spin-r .hamburger-inner::before {
  transition: top .1s .25s ease-in, opacity .1s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
  transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top .1s ease-out, opacity .1s .12s ease-out;
}

.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1);
}

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 1px;
  top: .1rem;
  transition: background-color 0s .13s linear;
}

.hamburger--spring .hamburger-inner::before {
  top: 8px;
  top: .8rem;
  transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spring .hamburger-inner::after {
  top: 16px;
  top: 1.6rem;
  transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: .22s;
  background-color: transparent !important;
}

.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
  transform: translate3d(0, .8rem, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
  transform: translate3d(0, .8rem, 0) rotate(-45deg);
}

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: .13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spring-r .hamburger-inner::after {
  top: -16px;
  top: -1.6rem;
  transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner::before {
  transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -0.8rem, 0) rotate(-45deg);
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s .22s linear;
}

.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
}

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  transition: transform .075s .15s cubic-bezier(.55, .055, .675, .19), background-color 0s .075s linear;
}

.hamburger--stand .hamburger-inner::before {
  transition: top .075s .075s ease-in, transform .075s 0s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--stand .hamburger-inner::after {
  transition: bottom .075s .075s ease-in, transform .075s 0s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform .075s 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear;
}

.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top .075s .1s ease-out, transform .075s .15s cubic-bezier(.215, .61, .355, 1);
}

.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom .075s .1s ease-out, transform .075s .15s cubic-bezier(.215, .61, .355, 1);
}

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  transition: transform .075s .15s cubic-bezier(.55, .055, .675, .19), background-color 0s .075s linear;
}

.hamburger--stand-r .hamburger-inner::before {
  transition: top .075s .075s ease-in, transform .075s 0s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--stand-r .hamburger-inner::after {
  transition: bottom .075s .075s ease-in, transform .075s 0s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform .075s 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear;
}

.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top .075s .1s ease-out, transform .075s .15s cubic-bezier(.215, .61, .355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom .075s .1s ease-out, transform .075s .15s cubic-bezier(.215, .61, .355, 1);
}

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: .075s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}

.hamburger--squeeze .hamburger-inner::before {
  transition: top .075s .12s ease, opacity .075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom .075s .12s ease, transform .075s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top .075s ease, opacity .075s .12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom .075s ease, transform .075s .12s cubic-bezier(.215, .61, .355, 1);
}

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.hamburger--vortex .hamburger-inner::before,
.hamburger--vortex .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: .1s;
  transition-timing-function: linear;
}

.hamburger--vortex .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.hamburger--vortex.is-active .hamburger-inner::before,
.hamburger--vortex.is-active .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
}

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.hamburger--vortex-r .hamburger-inner::before,
.hamburger--vortex-r .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: .1s;
  transition-timing-function: linear;
}

.hamburger--vortex-r .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.hamburger--vortex-r.is-active .hamburger-inner::before,
.hamburger--vortex-r.is-active .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}



/**
NAV
**/
header .nav-primary {
	background-color: var(--primary);
	position: relative;
	padding: 0 20px;
}
.nav-primary .menu-items > li > a {
    font-family: "Brandon Grotesque", var(--font-sys);
	font-weight: 400;
	font-size: 1.6rem;
	letter-spacing: 0.075em;
	padding: 7px 8px 4px 8px;
	color: #fff;
	-webkit-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
	border-bottom: transparent 4px solid;
}
.nav-primary .menu-items > li > a:hover ,
	.nav-primary .menu-items > li.focus > a ,
.nav-primary .menu-items a:focus {
  color: var(--secondary);
}

.nav-primary .menu-items .current-menu-parent > a,
.nav-primary .menu-items .current-menu-item > a,
.single-post .menu-item-835 a ,
.single-product .menu-item-944 a {
	border-color: var(--secondary) !important;
}

@media (max-width: 1024px) {
  .nav-primary .menu-items .current-menu-parent > a,
  .nav-primary .menu-items .current-menu-item > a {
    color: var(--secondary);
	  border-color: transparent !important;
  }
}

.nav-primary .menu-items .menu-item .menu-item .dropdown-toggle {
  color: var(--secondary);
}

.nav-primary .menu-items {
  position: relative;
  z-index: 9999;
}

.nav-primary .menu-items ul,
.nav-primary .menu-items li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: normal;
  direction: ltr;
  text-align: left;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.nav-primary .menu-items li,
.nav-primary .menu-items a {
  position: relative;
}

.nav-primary .menu-items .disabled {
  cursor: not-allowed;
}

.nav-primary .menu-items li > h1,
.nav-primary .menu-items li > h2,
.nav-primary .menu-items li > h3,
.nav-primary .menu-items li > h4,
.nav-primary .menu-items li > h5,
.nav-primary .menu-items li > h6 {
  margin: 0;
  padding: 0;
}

@media only screen and (min-width: 1025px) {
  .nav-primary .menu-items ul {
    display: none;
  }
}

@media only screen and (-ms-high-contrast: active) and (min-width: 1024px), only screen and (-ms-high-contrast: none) and (min-width: 1025px) {
  .nav-primary .menu-items ul {
    display: none;
  }
}

@media only screen and (max-width: 1024px) {
  .js .nav-primary .menu-items ul {
    display: none;
  }
}

.nav-primary ul ul {
  margin-top: 0;
  margin-left: 25px;
}

.nav-primary ul ul ul {
  margin-left: 25px;
}

@media only screen and (min-width: 1025px) {
  .js .nav-primary ul .sub-menu.toggled-on {
    display: block;
  }
}

@media only screen and (-ms-high-contrast: active) and (min-width: 1024px), only screen and (-ms-high-contrast: none) and (min-width: 1025px) {
  .js .nav-primary ul .sub-menu.toggled-on {
    display: block;
  }
}

@media only screen and (max-width: 1024px) {
  .js .nav-primary ul .sub-menu.toggled-on {
    display: block;
	  padding-left: 3.5%;
  }
}

.dropdown-toggle::after,
.dropdown-toggle.toggled-on::after,
.nav-toggle::before,
.nav-toggle.toggled-on::before {
  speak: none;
}

.dropdown-toggle::after,
.dropdown-toggle.toggled-on::after {
  font-size: 13px;
  font-size: 1.3rem;
}

.no-js .nav-toggle {
  display: none;
}

.nav-container {
  background-color: transparent;
  position: absolute;
  width: 100%;
}

.nav-container .nav-primary > ul > li > a,
.nav-container .nav-primary > ul > li > button {
  color: #fff;
  position: relative;
}

.nav-container .nav-primary > ul > li > a:hover {
  color: #fff;
}

@media only screen and (min-width: 1025px) {
  .nav-container {
    background: #0c142a;
  }

  .nav-primary ul li:hover > ul {
    display: block;
  }

  .no-js .nav-primary ul li:hover > ul,
  .no-js .nav-primary ul li:focus > ul {
    display: block;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1025px) {
  .nav-primary ul li:hover > ul {
    display: block;
  }
}

@media only screen and (min-width: 1024px) and (-ms-high-contrast: active), only screen and (min-width: 1025px) and (-ms-high-contrast: none) {
  .nav-primary ul li:hover > ul {
    display: block;
  }
}

@media only screen and (min-width: 1025px) {
  .nav-toggle {
    display: none;
  }

  .nav-primary .menu-items {
    margin: 0 auto;
	  max-width: var(--width-content);
    padding: 0;
    background: transparent;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
			-ms-flex-pack: center;
				justify-content: center;
    flex-wrap: wrap;
  }
  .nav-primary .menu-items {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
	  margin: 0 auto;
	  max-width: 1280px;
	}
  .nav-primary .menu-item {
    position: relative;
    margin: 0;
  }

  .nav-primary .menu-item a {
    color: #fff;
    font-size: 1.6rem;
    padding: 0 1rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    min-height: 3rem;
	  text-transform: uppercase;
  }

  .nav-primary .menu-item a.disabled {
    color: #bbb;
  }

  .nav-primary .menu-item a:hover,
  .nav-primary .menu-item a:focus,
  .nav-primary .menu-item a:active,
  .nav-primary .menu-item a.highlighted,
  .nav-primary .menu-item a.current {
    color: #fff;
  }

  .nav-primary .menu-item ul {
    position: absolute;
    top: 80%;
    left:0;
    right: 0;
    min-width: 24rem;
	background-color: var(--primary);
    margin-left: 0;
    padding-bottom: 1rem;
    padding-top: .5rem;
    padding-left: 0;
    margin-top: 1rem;
    z-index: 999;
  }

  .nav-primary .menu-item ul.sub-menu {
    /*padding: 0;*/
  }

  .nav-primary .menu-item ul.sub-menu li {
    margin: 0;
  }

  /*.nav-primary .menu-item ul.sub-menu li:not(:last-child)::after {
    content:"";
	display:block;
	width:100%;
	height: 4px;
	background: transparent url("/wp-content/themes/eightwire/assets/images/navsep.svg") 50% 50% no-repeat scroll;
	background-size: contain;
  }*/

  .nav-primary .menu-item ul li {
    float: none;
    padding: 0;
  }

  .nav-primary .menu-item ul ul {
    top: 0;
    left: 100%;
    margin-left: 0;
    margin-top: -5px;
  }

  .nav-primary .menu-item ul a {
    padding: .8rem 1.5rem;
    font-size: 1.4rem;
    font-weight: 600;
    color: #fff;
    display: block;
  }

  .nav-primary .menu-item ul a:hover,
/*  .nav-primary .menu-item ul a:focus,
  .nav-primary .menu-item ul a:active,
*/  .nav-primary .menu-item ul a.highlighted {
    color: var(--greengrey);
  }

  .nav-primary .menu-item ul .disabled {
    background: #fff;
    color: #ccc;
  }

  .nav-primary .menu-item ul li .dropdown-toggle {
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: var(--secondary);
    height: 3rem;
    width: 3rem;
    flex-shrink: 0;
  }

  .nav-primary .menu-item ul li .dropdown-toggle:hover,
  .nav-primary .menu-item ul li .dropdown-toggle:active {
    background-color: transparent;
    border: none;
    color: var(--secondary);
  }

  .nav-primary .menu-item ul li .dropdown-toggle svg {
    transform: rotate(-90deg) rotateX(0deg);
    width: 1rem;
    height: 1rem;
  }

  .nav-primary .menu-item ul li .dropdown-toggle.toggled-on svg {
    transform: rotate(-90deg) rotateX(180deg);
  }

  .nav-primary .menu-item button.dropdown-toggle {
    background-color: transparent;
    border: none;
    border-radius: 50%;
    color: #fff;
    height: 3rem;
    width: 3rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	margin-left: -0.75em;
  }

  .nav-primary .menu-item button.dropdown-toggle svg {
    transition: transform .3s ease-in;
    width: 1rem;
    height: 1rem;
  }

  .nav-primary .menu-item button.dropdown-toggle:hover,
  .nav-primary .menu-item button.dropdown-toggle:active {
    background-color: #fff;
    border: 1px solid #fff;
    color: var(--secondary);
  }

  .nav-primary .menu-item button.dropdown-toggle.toggled-on svg {
    transform: rotateX(180deg);
  }

  .nav-primary .menu-item > li > ul::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    border-style: dashed dashed solid;
    top: -16px;
    left: 31px;
    border-width: 8px;
    border-color: transparent transparent #fff;
  }

  .nav-primary .menu-item.menu-item-has-children {
/*    margin-right: .8rem;
*/    position: relative;
    display: flex;
    justify-content: space-between;
  }

  .nav-primary .menu-item.menu-item-has-children::after {
    display: block;
    position: absolute;
    content: '';
    height: 1rem;
    width: 100%;
    top: 100%;
  }

  .nav-primary .menu-item.menu-item-has-children > a {
    padding-right: 1.5rem;
  }

  .nav-primary .sub-menu .menu-item-has-children::after {
    display: none;
  }
}


@media screen and (max-width: 1024px) {
  .no-js {
    position: static;
    /*background: rgba(12, 20, 42, .97);*/
  }

  .disable-scroll {
    overflow: hidden;
  }

  .js .js-nav-active {
    overflow: hidden;
  }

  .js .js-nav-active .nav-primary {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    background: rgba(47,82,93, 0.97);
    padding: 0;
  }

  .js .js-nav-active .nav-primary .menu-items {
    opacity: 1;
  }

  .js .nav-primary {
    position: fixed;
    z-index: 500;
    top: 0;
    left: 0;
  }

  .js .nav-primary .menu-items {
    padding: calc(50px + calc(var(--adminbarheight) * 1px)) 0 15% 0;
    height: 100vh;
  }

  .nav-primary {
    height: 100vh;
    width: 100vw;
    overflow: auto;
    transition: all 300ms ease-in-out;
    margin: 0;
    display: block;
    will-change: opacity;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }

  .nav-primary .menu-items {
    opacity: 0;
    margin: 0;
    width: 100%;
    float: none;
    padding: 2rem 0;
    outline: none;
  }

  .nav-primary .menu-items > li > a {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 5%;
    font-size: 1.6rem;
	font-size: calc(16px + 4vw) !important;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
    position: relative;
    z-index: 0;
    display: block;
    outline: none;
  }

  .nav-primary .menu-items a:focus {
    outline: none;
  }

  .nav-primary .menu-items a.has-submenu {
    width: 80%;
    position: static;
  }

  .nav-primary .menu-items a:hover,
  .nav-primary .menu-items a:focus,
  .nav-primary .menu-items a:active {
    color: #fff;
  }

  .nav-primary .menu-items .current-menu-parent > a,
  .nav-primary .menu-items .current-menu-item > a {
    /*color: #fff;*/
  }

  .nav-primary .menu-items .disabled {
    color: #bbb;
  }

  .nav-primary .menu-items .highlighted .sub-arrow::before {
    display: block;
    content: '-';
  }

  .nav-primary .menu-items .dropdown-toggle {
    position: absolute;
    top: 0;
    margin-top: 0;
    left: auto;
    right: 2rem;
    width: 3.7rem;
    height: 6.3rem;
    overflow: hidden;
    font: bold 28px/63px monospace;
    text-align: center;
    background: transparent;
    color: #fff;
    border: 0;
    padding: 0;
    z-index: 9999;
  }

  .nav-primary .menu-items .dropdown-toggle:focus {
    z-index: 10000;
  }

  .nav-primary .menu-items .dropdown-toggle svg {
    display: none;
  }

  .nav-primary .menu-items .dropdown-toggle::before {
    content: '+';
  }

  .nav-primary .menu-items .dropdown-toggle.toggled-on {
    background: transparent;
    color: #fff;
  }

  .nav-primary .menu-items .dropdown-toggle.toggled-on::before {
    display: block;
    content: '-';
  }

    .sub-menu:not(.toggled-on) {
      visibility: hidden;
    }

    .sub-menu.toggled-on,
    .dropdown.hovered .sub-menu,
    .dropdown:hovered + .sub-menu {
      visibility: visible;
    }

  .nav-primary .menu-items ul {
    background: transparent;
    margin-left: 0;
    padding: 0;
  }

  .nav-primary .menu-items ul a {
    font-size: 2rem;
	line-height: 1.5;
	color: #fff;
  }

  .nav-primary .menu-items ul > li {
    padding-left: 1.5rem;
  }
}
@media only screen and (max-width: 1024px) {
  .js .nav-primary ul .sub-menu.toggled-on > li:not(:last-child) {
    margin-bottom: 1em;
  }
}

  .nav-primary .menu-items ul > li ul {
    margin-left: -1.5rem;
  }

  .nav-primary .menu-items ul > li ul li {
    padding-left: 3rem;
  }

  .nav-primary .menu-items ul > li ul li ul {
    margin-left: -3rem;
  }

  .nav-primary .menu-items ul > li ul li ul li {
    padding-left: 4.5rem;
  }

.nav-toggle {
  list-style: none;
  z-index: 100000;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border: 0;
  overflow: visible;
  color: var(--primary);
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  padding: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  position: relative;
  display: none;
}

.nav-toggle span {
  color: inherit;
  font-size: 1.2em;
}

.nav-toggle:focus {
    outline: none;
}

.nav-toggle:focus span span {
  background-color: #fff;
}

.nav-toggle:focus span span::before,
.nav-toggle:focus span span::after {
  background-color: #fff;
}

.nav-toggle:hover,
.nav-toggle:active {
  color: #fff;
}

.nav-toggle:hover span,
.nav-toggle:active span {
  color: #fff;
}

@media (max-width: 1024px) {
  .nav-toggle {
    display: block;
    position: absolute;
    top: 25px;
    top: calc( 5px + ( var(--adminbarheight) * 1px ) );
    right: 5px;
    padding: 20px;
    z-index: 999;
  }
}

.nav-toggle.is-active {
  color: #fff;
}

.nav-toggle.is-active span:focus .hamburger-box .hamburger-inner,
.nav-toggle.is-active span.focus .hamburger-box .hamburger-inner {
  background-color: #fff;
}

.nav-toggle.is-active span:focus .hamburger-box .hamburger-inner::after,
.nav-toggle.is-active span.focus .hamburger-box .hamburger-inner::after {
  background-color: #fff;
}

.nav-toggle.is-active span.hamburger-box .hamburger-inner {
  background-color: #fff;
}

.nav-toggle.is-active span.hamburger-box .hamburger-inner::after {
  background-color: #fff;
}

.nav-toggle.is-active span:focus,
.nav-toggle.is-active span:hover,
.nav-toggle.is-active span:active {
  color: #fff;
}

.nav-toggle.is-active span:focus span,
.nav-toggle.is-active span:hover span,
.nav-toggle.is-active span:active span {
  color: #fff;
}

.nav-toggle.is-active span {
  color: #fff;
}


/*** QUOTE FORM ***/
.quote-form-outer.content {
    max-width: var(--width-text);
    margin-bottom: 60px;
}

.ew-quote-form_wrapper .gform_required_legend {
    display: none;
}

.gform-theme--framework.ew-quote-form_wrapper .gfield--input-type-datepicker .ginput_container_date input {
    width: 100%;
}

.gform-theme--framework.ew-quote-form_wrapper {
    --gf-ctrl-border-color-focus: var(--yellow);
    --gf-ctrl-outline-color-focus: var(--yellow);
    --gf-ctrl-font-size: 16px;
    --gf-ctrl-font-weight: 500;
}

.gform-theme--foundation.ew-quote-form_wrapper .gfield.ew-quote-total label {
    position: relative;
    padding-bottom: 8px;
    font-size: 18px;
    font-weight: 500;
}
.gform-theme--foundation.ew-quote-form_wrapper .gfield.ew-quote-total label:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 120px;
    height: 2px;
    background: var(--bluegreen);
}

.gform-theme--foundation.ew-quote-form_wrapper .gfield.ew-quote-total input {
    color: var(--yellow);
    font-size: 28px;
    font-weight: 500;
    pointer-events: none;
}

.gform-theme--foundation.ew-quote-form_wrapper ::placeholder {
    text-transform: none;
    color: var(--greengrey);
}
.gform-theme--foundation.ew-quote-form_wrapper ::-webkit-input-placeholder {
    left: 0;
}

.ew-quote-form_wrapper .ew-quote-extra select:has(option:first-child:checked) {
    color: var(--greengrey) !important;
}


/************
THEME CHECKER
************/
.sticky {}
.gallery-caption {}
.bypostauthor {}

/* *********
PRINT STYLES
***********/

@media print {
	* {
		background: transparent !important;
		color: black !important;
		text-shadow: none !important;
		-webkit-filter: none !important;
		        filter: none !important;
		-ms-filter: none !important;
	}
	a, a:link, a:visited {
		color: #444 !important;
		text-decoration: underline;
	}
	a::after, a:visited::after {
		content: " (" attr(href) ")";
	}
	a abbr[title]::after, a:visited abbr[title]::after {
		content: " (" attr(title) ")";
	}
	.ir a::after,  a[href^="javascript:"]::after,  a[href^="#"]::after {
		content: "";
	}
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr, img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	@page {
		margin: 0.5cm;
	}
	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}
	h2,  h3 {
		page-break-after: avoid;
	}
	.searchform,  nav {
		display: none;
	}
}