/*
Theme Name: SJ Fencing
Theme URI: https://www.flexxcreative.com
Author: The FLEXX Creative team
Author URI: https://www.flexxcreative.com
Author Email: hello@flexxcreative.com
Author Twitter: @flexxcreative
Author Facebook: https://www.facebook.com/flexxcreative
Description: Design | Develop | Deliver
Version: 1.0
Licence: NOT for public use, only for use of RootHost Ltd team members for RootHost, and its clients, projects.
	
	1.0 Fonts
	2.0 Global Styling
        2,1 Body
        2.2 Typography
            2.2.1 Headings and Sub-Headings
            2.2.2 Paragraphs
            2.2.3 Links
		2.3 Breadcrumb Trail
		2.4 Media
			2.4.1 Responsive Media
			2.4.2 Image Floats
            2.4.3 Images with Captions
		2.5 Blockquotes
		2.6 Forms
            2.6.1 Contact Form 7
		2.7 Lists
			2.7.1 Comments List	
		2.8 Tables
		2.9 Tabs
        2.10 Buttons
        2.11 Global Helpers
    3.0 Global Structure Overrides
	4.0 Global Header Styling
	5.0 Global Navigation Styling
	6.0 Global Sidebar Styling
	7.0 Global Footer Styling
	8.0 Page Templates
	9.0 Widgets and Features
		9.1 Social Share Buttons
		9.2 Twitter Widget
		9.3 Cookie Notice
	10.0 MISC
	11.0 Responsive
*/

/* =============================================================================
1.0 Fonts
========================================================================== */

/* =============================================================================
2.0 Global Styling
========================================================================== */
/* 2.1 Body */
body, input, button {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 400;
}

body {
	background: #eaeaea;
	color: #494949;
}

.grecaptcha-badge { 
    visibility: hidden;
}

/* 2.2 Typography */

/* 2.2.1 Headings and Sub-Headings */
h1, h2, h3, h4, h5, h6 {
  color: #494949;
  margin: 0 0 1.255rem 0;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
  position: relative;
  overflow: hidden;
}

h1 {
  font-size: 2.625rem;
}

h1 span {
  margin: 0 auto;
  max-width: 60%;
  display: inline-block;
  background: #eaeaea;
  position: relative;
  z-index: 1;
  padding: 0 1.425rem;
}

h1:after {
  position: absolute;
  top: 50%;
  overflow: hidden;
  width: 100%;
  height: 2px;
  content: "";
  left: 0;
  right: 0;
  background-color: #559a1d;
}

h2 {
  font-size: 1.525rem; 
}

h3 {
  font-size: 1.375rem; 
}

h4 {
  font-size: 1.225rem; 
}

h5 {
  font-size: 1.125rem; 
}

h6 {
  font-size: 1rem; 
}

/* 2.2.2 Paragraphs */
p {
  font-size: 1.325rem;
  line-height: 1.2;
}

small {
    font-size: 80%;
}

strong, b {
    font-weight: 600;
}

/* 2.2.3 Links */
a {
  -webkit-transition: background 500ms ease, color 500ms ease;
  -moz-transition: background 500ms ease, color 500ms ease;
  -o-transition: background 500ms ease, color 500ms ease;
  transition: background 500ms ease, color 500ms ease;
  color: #559a1d;
}

a:hover, a:focus, a:active {
  color: #895d2e;
}

/* 2.3 Breadcrumb Trail */

/* 2.4 Media */

	/* 2.4.1 Responsive Media */
	.entry-content-asset {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	
	.entry-content-asset iframe,
	.entry-content-asset object,
	.entry-content-asset embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	/* 2.4.2 Image Floats */
	img.alignleft, figure.wp-caption.alignleft {
		float: left;
		margin: 0.455rem 1.1875rem 1.1875rem 0;
	}
	
	img.alignright, figure.wp-caption.alignright {
		float: right;
		margin: 0.455rem 0 1.1875rem 1.1875rem;
	}
	
	/* 2.4.3 Images with Captions */
	figure.wp-caption {
		background-color: #f3f3f3;
		padding: 8px;
	}
	
	figure.wp-caption figcaption.wp-caption-text {
		font-weight: 400;
		font-size: 0.7rem;
		padding-top: 5px;
		color: #424141;
	}

/* 2.5 Blockquotes */

/* 2.6 Forms */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], input[type="submit"], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

input[type="submit"] {
    border: none;
    padding: 0.425rem 0.955rem;
}

textarea {
	resize: none;
}

/* 2.6.1 Contact Form 7 */
div.wpcf7 label span.contact-label {
  font-weight: 600;
  font-size: 1.125rem;
}

div.wpcf7 label input, div.wpcf7 label textarea {
  font-size: 1rem;
  margin: 0;
}

div.wpcf7 input.wpcf7-submit {
  background: transparent;
  color: #494949;
  border: 2px solid #494949;
}

div.wpcf7 input.wpcf7-submit:hover, div.wpcf7 input.wpcf7-submit:focus, div.wpcf7 input.wpcf7-submit:active {
  background: #494949;
  color: #ffffff;
  border: 2px solid #494949;
}

div.wpcf7 span.wpcf7-not-valid-tip {
  font-weight: 500;
  color: #ca0101;
}

div.wpcf7 input.wpcf7-not-valid, div.wpcf7 textarea.wpcf7-not-valid, div.wpcf7-validation-errors {
  border: 1px solid #ca0101;
}

div.wpcf7-mail-sent-ok {
  border: 1px solid #559a1d;
}

div.wpcf7 div.screen-reader-response {
    display: none;
}

div.wpcf7 div.wpcf7-response-output {
    padding: 0.425rem 0.655rem;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 50px;
    display: none;
}

/* 2.7 Lists */
ol li ul, ol li ol {
	margin: 1.25rem 0 1.25rem 1.25rem;
}

ol.lower-alpha li {
	list-style-type: lower-alpha;
}

ol.lower-roman li {
	list-style-type: lower-roman;
}

	/* 2.7.1 Comments List	 */
	ol.commentlist {
		margin-left: 0px;
	}
	
	ol.commentlist li {
		list-style-type: none;
	}
	
	ol.commentlist li .comment-author img {
		float: left;
		margin: 0 1em 0 0;
	}
	
	ol.commentlist li .author-meta {
		display: inline-block;
	}
	
	ol.commentlist li .author-meta cite.fn {
		font-style: normal;
		font-weight: 600;
	}
	
	ol.commentlist li header.vcard {
		padding: 0px 0px 0.625rem 0px;
		margin: 0px;
		border: none;
	}
	
	ol.commentlist li section.comment {
		margin-left: 4rem;
		margin-bottom: 2rem;
	}
	
	ol.commentlist ul.children {
		margin-left: 4rem;
	}
	
/* 2.8 Tables */

/* 2.9 Tabs */
.tabs-content > .content {
	padding: 0;
}

/* 2.10 Buttons */
button, .button, input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin: 0;
  padding: 0.5rem 1.1rem;
  border: 2px solid #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: transparent;
  font-weight: 500;
  line-height: 1;
  color: #ffffff;
  font-size: 1.255rem;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

button:focus, .button:focus {
    outline: 0;
}

button:hover, .button:hover, button:focus, .button:focus, button:active, .button:active {
  background: rgba(255, 255, 255, 0.8);
  color: #494949;
  border: 2px solid #494949;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* 2.11 Global Helpers */

/* =============================================================================
3.0 Global Structure Overrides
========================================================================== */
.row, .reveal-modal, dialog {
  max-width: 80rem;
}

.fullwidth {
  max-width: 100%;
}

.flexx-show-for-small-only {
  display: none;
}

/* =============================================================================
4.0 Global Header Styling
========================================================================== */
header#global-header {
  background: #ffffff;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

header#global-header div#header-inner {
  background: #559a1d;
  padding: 0.555rem 0;
  color: #ffffff;
}

header#global-header div#header-inner ul#header-contact {
  margin: 0;
}

header#global-header div#header-inner ul#header-contact li {
  display: inline-block;
  padding-right: 15px;
  font-size: 1.455rem;
  line-height: 1;
  font-weight: 500;
}

header#global-header div#header-inner ul#header-contact li:last-of-type {
  float: right;
}

header#global-header div#header-inner ul#header-contact li a {
  color: #ffffff!important;
}

header#global-header div#header-logo {
  padding: 1.255rem 0;
  text-align: center;
  position: relative;
}

header#global-header div#header-logo img {
  margin: 0;
  max-height: 135px;
}

/* =============================================================================
5.0 Global Navigation Styling
========================================================================== */
#header-nav {
  padding-bottom: 1.255rem;
}

ul#menu-primary-navigation {
  margin: 0;
  text-align: center;
}

ul#menu-primary-navigation li {
  text-transform: uppercase;
  font-size: 1.055rem;
  font-weight: 400;
  display: inline-block;
  padding: 0 0.525rem;
  line-height: 1;
}

ul#menu-primary-navigation li a {
  color: #7a7a7a;
  position: relative;
  padding-bottom: 1px;
}

ul#menu-primary-navigation li a:hover, ul#menu-primary-navigation li.current-menu-item a {
  color: #559a1d;
}

ul#menu-primary-navigation li a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #895d2e;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

ul#menu-primary-navigation li a:hover:before, ul#menu-primary-navigation li.current-menu-item a:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Menu Reveal */
#mobile-menu {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  right: 0;
  z-index: 6000;
}

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 30px;
  height: 20px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  float: right;
  top: 50%;
  z-index: 6000;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #494949;
  border-radius: 3px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 8px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 16px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -5px;
  left: 8px;
}

#nav-icon4.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -5px;
  left: 5px;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 16px;
  left: 5px;
}

#nav-icon4.open span:nth-child(4) {
  display: none;
}

.header-meta-reveal {
  height: 100vh;
  min-height: 520px;
  top: 0px;
  overflow: hidden;
  transition: all 1s;
  padding-left: 0px;
  background: #ffffff;
  position: absolute;
  z-index: 5000;
  left: 0;
  right: 0;
}

.header-meta-reveal.close {
  top: 0px;
  height: 0px;
  min-height: 0px;
}

ul#menu-mobile-navigation {
  margin: 1rem 0;
}

ul#menu-mobile-navigation li {
  list-style-type: none;
  padding: 0.455rem 0;
}

ul#menu-mobile-navigation li a {
  color: #7a7a7a;
  text-transform: uppercase;
  font-size: 1.325rem;
  font-weight: 400;
  padding: 0.855rem 0;
}

ul#menu-mobile-navigation li a:hover, ul#menu-mobile-navigation li.current-menu-item a {
  color: #559a1d;
}



/* =============================================================================
6.0 Global Sidebar Styling
========================================================================== */

/* =============================================================================
7.0 Global Footer Styling
========================================================================== */
footer#global-footer {
  background: #7a7a7a;
}

footer#global-footer a {
  color: #ffffff;
}

footer#global-footer a:hover {
  color: #559a1d;
}

footer#global-footer #footer-top {
  padding: 1.255rem 0;
}

footer#global-footer #footer-top h6 {
  color: #ffffff;
  font-size: 1.225rem;
  margin-bottom: 0.455rem;
}

footer#global-footer #footer-top ul {
  margin: 0;
  -moz-column-width: 11.5em; /* Firefox */
  -webkit-column-width: 11.5em; /* webkit, Safari, Chrome */
  column-width: 11.5em;
}

footer#global-footer #footer-top ul li {
  list-style-type: none;
  font-size: 1rem;
}

footer#global-footer #footer-top p {
  color: #ffffff;
  font-size: 1rem;
}

footer#global-footer #footer-top p:last-of-type {
  margin: 0;
}

footer#global-footer #footer-bottom {
  background-color: rgba(0, 0, 0, 0.32);
  padding: 1.255rem 0;
}

footer#global-footer #footer-bottom p {
  font-size: 1rem;
  color: #ffffff;
  line-height: 1;
}

footer#global-footer #footer-bottom p:last-of-type {
  margin: 0;
}

footer#global-footer #footer-bottom ul#footer-contact {
  margin: 0.325rem 0 0 0;
}

footer#global-footer #footer-bottom ul#footer-contact li {
  display: block;
  padding-right: 15px;
  font-size: 1rem;
  line-height: 1;
  font-weight: 400;
  color: #ffffff;
}



/* =============================================================================
8.0 Page Templates
========================================================================== */
#intro {
  text-align: center;
  padding: 1.955rem 0;
}

#intro p:last-of-type {
  margin: 0;
}

#intro .alignleft {
  text-align: left;
}

#intro .alignleft p {
  font-size: 1.155rem;
}

/* Slider */
.slider-wrap .slider-block {
  height: 600px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.slider-wrap .slider-block .slider-block-inner {
  height: 100%;
  background: rgba(59, 59, 59, 0.4);
}

.slider-wrap .slider-block .slider-block-inner .slider-block-content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  width: 50%;
  margin: 0 auto;
}

.slider-wrap .slider-block .slider-block-inner .slider-block-content span {
  display: block;
  color: #ffffff;
  text-align: center;
}

.slider-wrap .slider-block .slider-block-inner .slider-block-content span.slider-block-title {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 3.225rem;
  line-height: 1;
  margin-bottom: 1.255rem;
}

.slider-wrap .slider-block .slider-block-inner .slider-block-content span.slider-block-description {
  font-size: 1.825rem;
  line-height: 1;
  margin-bottom: 1.255rem;
}

.slider-wrap .slider-block .slider-block-inner .slider-block-content span.slider-block-button a {
  display: inline-block;
  position: relative;
  
}

/* Fencing Types */
#fencing-type-promo ul li .fencing-type-promo-image {
  height: 345px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border: 5px solid #ffffff;
  position: relative;
}

#fencing-type-promo ul li .fencing-type-promo-overlay {
  background: rgba(255, 255, 255, 0.6);
  padding: 0.655rem 1.025rem 0.555rem 1.025rem;
  position: absolute;
  bottom: 15px;
  left: 0px;
  right: 0px;
  line-height: 1;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

#fencing-type-promo ul li .fencing-type-promo-overlay:hover {
  background: rgba(59, 59, 59, 0.6);
}

#fencing-type-promo ul li .fencing-type-promo-overlay a h3 {
  color: #494949;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.455rem;
  line-height: 1;
  display: block;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  margin: 0 0.655rem 0 0;
}

#fencing-type-promo ul li .fencing-type-promo-overlay:hover a h3 {
  color: #ffffff;
}

#fencing-type-promo ul li .fencing-type-promo-overlay a span {
  display: block;
}

#fencing-type-promo ul li .fencing-type-promo-overlay a span i {
  position: absolute;
  right: 1.025rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #494949;
  font-size: 1.555rem;
}

#fencing-type-promo ul li .fencing-type-promo-overlay:hover a span i {
  color: #ffffff;
}

/* Default Page Template */
#page-header {
  height: 400px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

#page-header #page-header-inner {
  height: 100%;
  background: rgba(59, 59, 59, 0.4);
  position: relative;
}

#page-header #page-header-inner span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  max-width: 80rem;
  margin: 0 auto;
}

#page-header #page-header-inner span p {
  margin: 0;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 3.225rem;
  line-height: 45px;
  color: #ffffff;
}

#page-header #page-header-inner span small {
  text-transform: none;
  font-size: 1rem;
  color: #ffffff;
}

/* Single Fencing Type Featured Blocks */
#fencing-type-features {
  margin: 0 1.25rem;
}

.fencing-type-feature-block {
  margin-bottom: 1.25rem;
}

.fencing-type-feature-block:nth-of-type(1) {
  border-right: 0.625rem solid #eaeaea;
}

.fencing-type-feature-block:nth-of-type(2) {
  border-left: 0.625rem solid #eaeaea;
}

.fencing-type-feature-block-image, .fencing-type-feature-block-image-slider .slide-image {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.fencing-type-feature-block-image-slider .fencing-type-slider, .fencing-type-feature-block-image-slider .slick-list, .fencing-type-feature-block-image-slider .slick-track, .fencing-type-feature-block-image-slider .slide-image {
  height: 100%;
}

.fencing-type-feature-block-image-slider {
  padding: 0;
}

.fencing-type-feature-block-text-block {
  padding: 1.255rem;
  background: #ffffff;
}

.fencing-type-feature-block-text-block h4 {
  margin-top: 1.25rem;
}

.fencing-type-feature-block-text-block p {
  font-size: 1.155rem;
}

.fencing-type-feature-block-text-block p:last-of-type {
  margin: 0;
}

.fencing-type-feature-block-text-block ul li {
  font-size: 1rem;
}

.fencing-type-feature-block-text-block a.button {
  background: transparent;
  color: #494949;
  border: 2px solid #494949;
}

.fencing-type-feature-block-text-block a.button:hover {
  background: #494949;
  color: #ffffff;
}

.fencing-type-row:nth-of-type(even) .fencing-type-feature-block-text-block {
  left: 50%;
}

.fencing-type-row:nth-of-type(even) .fencing-type-feature-block-image, .fencing-type-row:nth-of-type(even) .fencing-type-feature-block-image-slider {
  left: -50%;
}

 .fencing-type-row:nth-of-type(even) .fencing-type-feature-block:nth-of-type(1) {
  border-left: 0.625rem solid #eaeaea;
  border-right: none;
}

.fencing-type-row:nth-of-type(even) .fencing-type-feature-block:nth-of-type(2) {
  border-right: 0.625rem solid #eaeaea;
  border-left: none;
}

/* Contact */
#contact p {
  font-size: 1.155rem;
}

/* Get Quote */
#get-quote {
  text-align: center;
  padding: 1.955rem 0;
  background-color: #895d2e;
}

#get-quote h4, #get-quote p {
  color: #ffffff;
}

#get-quote h4 {
  font-size: 2.625rem;
}

#get-quote h4 span {
  margin: 0 auto;
  max-width: 60%;
  display: inline-block;
  background: #895d2e;
  position: relative;
  z-index: 1;
  padding: 0 1.425rem;
}

#get-quote h4:after {
  position: absolute;
  top: 50%;
  overflow: hidden;
  width: 100%;
  height: 2px;
  content: "";
  left: 0;
  right: 0;
  background-color: #ffffff;
}

#get-quote p {
  font-size: 1.525rem;
  line-height: 1;
}

#get-quote p:last-of-type {
  margin: 0;
}

/* =============================================================================
9.0 Widgets and Features
========================================================================== */
/* 9.1 Social Share Buttons */
ul.social-share {
	margin-left: 0px;
}

ul.social-share li {
	list-style-type: none;
	display: inline-block;
	margin-right: 5px;
}

ul.social-share li i:before {
	font-size: 1.6rem;
}



/* 9.3 Cookie Notice */
div#cookie-law-info-bar {
	border: 0;
	font-size: 1rem;
	margin: 0 auto;
	padding: 5px;
	text-align: center;
	width: 100%;
	z-index: 9999;
}

div#cookie-law-info-bar {
	color: #ffffff!important;
	background-color: #559a1d!important;
	border-top-width: 0px!important;
	border-top-style: none!important;
	border-top-color: transparent!important;
}

div#cookie-law-info-bar span {
	vertical-align: middle;
}

div#cookie-law-info-bar span a#cookie_action_close_header {
	border-style: solid;
	border-width: 0;
	cursor: pointer;
	font-weight: 600!important;
	line-height: normal;
	margin: auto 10px;
	position: relative;
	text-decoration: none;
	text-align: center;
	-webkit-appearance: none;
	border-radius: 0;
	display: inline-block;
	padding: 8px 14px 9px;
	font-size: 0.88889rem;
	background-color: #ffffff!important;
	color: #494949!important;
	transition: background-color 300ms ease-out;
}

div#cookie-law-info-bar span a#cookie_action_close_header:hover {
	background-color: #494949!important;
  color: #ffffff!important;
}

div#cookie-law-info-bar span a.cli-plugin-main-link, div#cookie-law-info-bar span a.cli-plugin-main-link:hover {
	color: #ffffff!important;
}

/* Slider */
.slider-wrap {
  height: 600px;
}

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

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

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

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

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slider { 
  display: none; 
}

.slider.slick-initialized { 
  display: block; 
}

.slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  z-index: 1;
}

.slick-prev {
  left: 10px;
}

.slick-next {
  right: 10px;
}

/* =============================================================================
10.0 MISC
========================================================================== */

/* =============================================================================
11.0 Responsive
========================================================================== */
@media only screen and (min-width: 0) and (max-width: 641px) { 
  
  .slider-wrap, .slider-wrap .slider-block {
    height: 250px;
  }
  
  .slider-wrap .slider-block .slider-block-inner .slider-block-content {
    width: 95%;
  }
  
  .slider-wrap .slider-block .slider-block-inner .slider-block-content span.slider-block-title {
    font-size: 1.855rem;
    margin-bottom: 0.755rem;
  }
  
  .slider-wrap .slider-block .slider-block-inner .slider-block-content span.slider-block-description {
    font-size: 1.055rem;
    margin-bottom: 0.655rem;
  }
  
  .slider-wrap .slider-block .slider-block-inner .slider-block-content span.slider-block-button a, #get-quote a.button {
    font-size: 1rem;
  }
  
  h1, #get-quote h4 {
    font-size: 1.855rem;
  }
  
  h1 span, #get-quote h4 span {
    max-width: 70%;
  }
  
  h2, #get-quote p {
    font-size: 1.225rem;
  }
  
  p {
    font-size: 1.125rem;
  }
  
  #fencing-type-promo ul li .fencing-type-promo-image {
    height: 260px;
  }
  
  #fencing-type-promo ul li .fencing-type-promo-overlay a {
    font-size: 1.225rem;
  }
  
  #footer-about {
    margin-top: 1.255rem;
  }
  
  footer#global-footer #footer-bottom ul#footer-contact {
    margin-top: 1.255rem;
  }
  
  #footer-credit {
    float: left;
    margin-top: 1.255rem;
    text-align: left!important;
  }
  
  #page-header {
    height: 200px;
  }
  
  #page-header #page-header-inner span p {
    font-size: 1.855rem;
    line-height: 1;
  }
  
  #page-header #page-header-inner span small {
    font-size: 0.9rem;
    line-height: 1;
  }
  
  #page-header #page-header-inner span {
    left: 1.255rem;
    right: 1.255rem;
  }
  
  .fencing-type-feature-block:nth-of-type(1), .fencing-type-feature-block:nth-of-type(2) {
    border: none;
  }
  
  .fencing-type-feature-block-image-slider .fencing-type-slider, .fencing-type-feature-block-image-slider .slick-list, .fencing-type-feature-block-image-slider .slick-track, .fencing-type-feature-block-image-slider .slide-image {
    height: 220px;
  }
  
  .fencing-type-row:nth-of-type(even) .fencing-type-feature-block-text-block {
    left: 0;
    border: none;
  }

  .fencing-type-row:nth-of-type(even) .fencing-type-feature-block-image, .fencing-type-row:nth-of-type(even) .fencing-type-feature-block-image-slider {
    left: 0;
    border: none;
  }
  
  .fencing-type-row:nth-of-type(even) .fencing-type-feature-block:nth-of-type(1), .fencing-type-row:nth-of-type(even) .fencing-type-feature-block:nth-of-type(2) {
    border: none;
  }
  
  .slick-arrow {
    font-size: 1rem;
    padding: 0.3555rem 0.855rem;
  }
  
  footer#global-footer #footer-top ul {
    margin: 0;
    -moz-column-width: 8.5em;
    -webkit-column-width: 8.5em;
    column-width: 8.5em;
}
  
}

@media only screen and (min-width: 0) and (max-width: 768px) { 
  
  header#global-header div#header-inner, #header-nav {
    display: none;
  }
  
  #logo-wrap {
    width: 25%;
  }
  
  .flexx-show-for-small-only {
    display: block;
  }
  
}

@media only screen and (min-width: 642px) and (max-width: 768px) {
  
  .slider-wrap, .slider-wrap .slider-block {
    height: 400px;
  }
  
  .slider-wrap .slider-block .slider-block-inner .slider-block-content {
    width: 95%;
  }
  
  .slider-wrap .slider-block .slider-block-inner .slider-block-content span.slider-block-title {
    font-size: 2.555rem;
    margin-bottom: 0.755rem;
  }
  
  .slider-wrap .slider-block .slider-block-inner .slider-block-content span.slider-block-description {
    font-size: 1.455rem;
    margin-bottom: 0.655rem;
  }
  
  .slider-wrap .slider-block .slider-block-inner .slider-block-content span.slider-block-button a, #get-quote a.button {
    font-size: 1.255rem;
  }
  
  #page-header {
    height: 300px;
  }
  
  #page-header #page-header-inner span p {
    font-size: 2.55rem;
    line-height: 1;
  }
  
  #page-header #page-header-inner span small {
    font-size: 1.025rem;
    line-height: 1;
  }
  
  #page-header #page-header-inner span {
    left: 1.255rem;
    right: 1.255rem;
  }
  
  h1, #get-quote h4 {
    font-size: 2.555rem;
  }
  
  h1 span, #get-quote h4 span {
    max-width: 70%;
  }
  
  h2, #get-quote p {
    font-size: 1.355rem;
  }
  
  p {
    font-size: 1.225rem;
  }
  
  header#global-header div#header-logo img {
    max-height: 100px;
  }
  
  #fencing-type-promo ul li .fencing-type-promo-image {
    height: 300px;
  }
  
  .fencing-type-feature-block-image-slider .fencing-type-slider, .fencing-type-feature-block-image-slider .slick-list, .fencing-type-feature-block-image-slider .slick-track, .fencing-type-feature-block-image-slider .slide-image {
    height: 400px;
  }
  
}

@media only screen and (min-width: 642px) and (max-width: 1025px) {
  
  .fencing-type-feature-block {
    width: 100%;
  }
  
  .fencing-type-feature-block:nth-of-type(1), .fencing-type-feature-block:nth-of-type(2) {
    border: none;
  }
  
  .fencing-type-row:nth-of-type(even) .fencing-type-feature-block-text-block {
    left: 0;
    border: none;
  }

  .fencing-type-row:nth-of-type(even) .fencing-type-feature-block-image, .fencing-type-row:nth-of-type(even) .fencing-type-feature-block-image-slider {
    left: 0;
    border: none;
  }
  
  .fencing-type-row:nth-of-type(even) .fencing-type-feature-block:nth-of-type(1), .fencing-type-row:nth-of-type(even) .fencing-type-feature-block:nth-of-type(2) {
    border: none;
  }
  
}

@media only screen and (min-width: 769px) and (max-width: 1025px) {
  
  #page-header #page-header-inner span {
    left: 1.255rem;
    right: 1.255rem;
  }
  
  .fencing-type-feature-block-image-slider .fencing-type-slider, .fencing-type-feature-block-image-slider .slick-list, .fencing-type-feature-block-image-slider .slick-track, .fencing-type-feature-block-image-slider .slide-image {
    height: 550px;
  }
  
}