/*
Theme Name: Fencing
Theme URI: http://www.graphixweb.co.uk/
Version: 10.0.0
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}
body {background: #000;font-family: "Montserrat", sans-serif;font-optical-sizing: auto;font-style: normal;font-weight: 400;font-style: normal;clear: both;color: #000;padding: 0px;}
.wrapper {position: relative;overflow: hidden;}
.clear { clear:both; }
ol, ul {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-weight: 800;font-style: normal;clear: both;color: #000;text-transform: uppercase;}
h1 {font-size: 50px;line-height: 1.1em;padding: 0;margin: 0px;}
h2 {font-size: 50px;line-height: 60px;color:#95c11f;padding: 0 0 12px 0;margin: 0;text-decoration: underline;}
h3 {font-size: 29px;line-height: 40px;margin: 0;padding:0 0 20px 0;text-transform: none;}
h4 { font-size: 22px; line-height:28px; padding:0;margin:0;text-transform:none }
h5 { font-size: 13px; }
h6 { font-size: 12px; }
p, li, address {margin: 0 0 20px;font-size: 17px;line-height: 25px;}
address {font-style: normal; }
ol, ul { margin: 0 0 0 25px; }
ul ul { margin-bottom: 0; }
ul { list-style: disc outside; }
html {overflow-y: scroll;font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {	display: block;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

img {border: 0;	-ms-interpolation-mode: bicubic;}

/* Clearing floats */
.clear:after, .wrapper:after, .format-status .entry-header:after {clear: both;}
.clear:before, .clear:after, .wrapper:before, .wrapper:after, .format-status .entry-header:before, .format-status .entry-header:after {display: table;content: "";}


.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {cursor: pointer;}
button[disabled],
input[disabled] {cursor: default;}
.menu-toggle:hover,
.menu-toggle:focus,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {border-color: transparent;}
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {border-color: transparent;}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* Navigation */
.site-content nav {
	clear: both;
	line-height: 2;
	overflow: hidden;
}

/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
html { font-size: 100%; }
a { outline: none; text-decoration:none; }
a:hover { }
.entry-content a { }

/* Assistive text */
.assistive-text,
.site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	height: 1px;
	width: 1px;
}
.main-navigation .assistive-text:focus,
.site .screen-reader-text:hover,
.site .screen-reader-text:active,
.site .screen-reader-text:focus {
	clip: auto !important;
	display: block;
	font-size: 12px;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar */
}

/* Page structure */
.site { padding: 0 20px; position:relative; }
.container { position: relative;margin: 0 auto; width: 1200px; max-width:90%; }
#main.container { width: 100%; max-width: 100%; position: relative; }
section { padding:90px 0;display:block; width:100%;background-color:#fff }
section#home { padding:0; }
a.button {
    padding: 15px 20px;
    font-size: 21px;
    color: #000;
    margin: 30px auto 0 auto;
    display: inline-block;
    background: #fff;
	border:1px solid #fff;
    width: auto;
    text-align: center;
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
    font-weight: 900;
}
a:hover.button { background:#000;color:#fff; }

/* ############ 1. Header ############### */
header { position:fixed;background-color:#000; top: 0; left: 0; line-height: 47px; z-index: 1000; white-space: nowrap;width:100%; display:block; -webkit-transition: 1s; transition: 1s;}
.topper, .cta {transition: 1s ease-out;background: #95c11f;width: 100%;padding: 5px 0;text-align: center;color: #000;font-size: 18px;line-height: 26px;font-weight: 800;}
.topper a, .cta a{color:#000}
.topper a.button, .cta a.button {padding: 3px 15px;font-size: 18px;margin: 0 0 0 15px;border:3px solid #000;background: #95c11f;}
.topper a.button:hover, .cta a.button;hover {background: #fff;color:#000;}
.cta{position:fixed;bottom:-70px}

hgroup {position: relative;padding: 0px;border-top:8px solid #000;}
hgroup .container {position: relative;height:125px;transition: 1s ease-out;}
#logo {z-index: 10;position:absolute;display: block;left: 0;top: 0;}
#logo img {display: block; margin:10px 15px 15px 15px; width: auto;height: 100px;transition: 1s ease-out;}
.themenu {position: absolute;right: 0;top: 40px;transition: 0.5s ease-out;}
.themenu a {color: #fff;font-size:18px;text-transform: uppercase;text-align: center;font-weight:800;padding: 0 20px;line-height: 22px;transition: 1s ease-out;}
.themenu a:hover {color:#95c11f}
.sticky #primary { margin-top: 0px; }
.sticky hgroup{border-top:8px solid #95c11f}
.sticky .topper {display:none}
.sticky hgroup .container {height: 70px;}
.sticky #logo img {display: block;margin: 10px 15px;width: auto;height: 50px;}
.sticky .themenu {top: 15px;}
.sticky .cta{bottom:0}

nav { display:none; }
.hamburger{position: absolute;top: 0;right: 0;z-index: 10;}
.home .hamburger-inner, .home .hamburger-inner::before, .home .hamburger-inner::after {background-color: #fff}
.home .sticky .hamburger-inner,.home .sticky .hamburger-inner::before,.home .sticky .hamburger-inner::after {background-color: #000}
.thenav{transition: all 1.5s ease;position: absolute;top: 0;right:-100%;height:100vh;width:100%;background:#ea6f00;color:#fff}
.innernav{position: absolute;top: 50%;-ms-transform: translateY(-50%);transform: translateY(-50%);width: 100%;}
.thenav a {display:block;width:100%;color:#fff;font-size:30px;text-align: center;padding: 20px 0;}
.thenav a:first-child{padding-top:20px}
.thenav.pullout{right:0%;}
#topnav { padding: 15px 20px 0 0; text-align: right; font-size: 14px; font-weight: 500; }
#topnav a { color: #444; margin: 0 0 0 30px; text-transform: uppercase; -webkit-transition: .7s; transition: .7s; }
#topnav a:first-child { margin: 0px; }
#topnav a:hover, .sticky #topnav a:hover { color:#FC7A03; }
.sticky #topnav { font-size: 12px; padding-top: 10px; }
.sticky #topnav a { color: #000; }
.socials {position: absolute;top: 0;right: 0;}
.socials a {width: 35px;height: 35px;margin: 0 0 0 10px;display: inline-block}
.socials a.social_facebook{background-image: url(images/logo-facebook.png);background-size:cover;}
.socials a.social_instagram{background-image: url(images/logo-instagram.png);background-size:cover;}

#banner { background-color:#ccc; }
#banner, #banner ul, #banner ul li {height: 60vh;min-height:600px; }
#banner, #banner ul { position: relative; margin: 170px 0 0 0; padding: 0; width: 100% !important; list-style: none; }
#banner ul li { position: relative; display: block; float: left; margin: 0; padding: 0; width: 100%; background-size: cover; background-position: center; }
#banner .owl-carousel { z-index:1; }
#banner .container{z-index: 2;margin: 0; width:75%; position: absolute;  top: 50%;  left: 50%;  -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);text-align: center;}
#banner h1 {color:#95c11f;text-transform:none;font-size:35px;line-height:45px;text-align:center;margin-bottom:10px}
#banner h2 {color:#fff;text-transform:none;text-decoration:none;font-size:72px;line-height:76px;text-align:center;margin-bottom:0px}
#banner .button { z-index: 2; position: absolute; bottom: 0; right: 50%; width: 200px; margin-right: -100px; padding: 15px 0; text-align: center; height: 80px; background-color: #000; }
#banner ul li::before {z-index: 2;content: '';width: 100%;height: 100%;display: block;position: absolute;background: #000;opacity: 0.5;top: 0; left: 0;}
#banner .owl-dots { position: absolute; bottom: 30px; z-index: 2; text-align: center; width: 100%; }
.owl-dots button.owl-dot { width: 20px; height: 20px; border:none;border-radius:10px;background-color: #fff !important; padding: 0; margin: 0 8px; }
.owl-dots button.owl-dot.active { background-color: #95c11f !important; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {position: absolute;top: 50%;width: 60px;height: 60px;font-size: 0;background-image: url(images/prev.svg);background-size: 60px 60px;background-position: center;background-repeat: no-repeat;margin-left: 40px;    margin-top: -30px;transition: 0.5s;}
.owl-carousel .owl-nav button.owl-next{background-image: url(images/next.svg);right:0;margin-left:0px;margin-right:40px}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover{opacity:0.5}

a.down {content: '';z-index: 100;position: absolute;bottom: 80px;left: 50%;display: block;width: 40px;height: 40px;background-image: url(images/down.png);background-repeat: no-repeat;background-position: center;background-size: 40px;margin-left: -20px;padding: 0;opacity: 1;}
.about a.down, .services a.down { color: #FFF; background-color: #2d2d2d; bottom: -105px; }

.entry-content .topper h1 { font-size: 40px; text-align: center; padding: 30px 0; text-transform: uppercase; }
.entry-content .topper p { text-align: center; margin-bottom: 25px; }

/* ######## SLIDERS ######### */
.owl-dots { text-align:center; margin-top: 30px; }
.owl-carousel button.owl-dot {width: 17px;height: 17px;background-color: transparent;margin: 4px;border-radius: 10px;border: 2px solid #fff;}
.owl-carousel button.owl-dot.active { background-color: #fff; }
#slider.owl-carousel .owl-nav button.owl-next,
#slider.owl-carousel .owl-nav button.owl-prev,
#owl-one.owl-carousel .owl-nav button.owl-next,
#owl-one.owl-carousel .owl-nav button.owl-prev,
#owl-two.owl-carousel .owl-nav button.owl-next,
#owl-two.owl-carousel .owl-nav button.owl-prev,
#owl-three.owl-carousel .owl-nav button.owl-next,
#owl-three.owl-carousel .owl-nav button.owl-prev,
#owl-four.owl-carousel .owl-nav button.owl-next,
#owl-four.owl-carousel .owl-nav button.owl-prev
	{ font-size:80px; color:#fff; font-weight:100; }
.arrow { width: 20px; height: 30px; display: block; background-image: url(images/next.svg); background-size:cover; margin-left: 8px;opacity:0.5 }
.arrow.prev { background-image: url(images/prev.svg); }
.arrow.next { margin-left: 20px; }
.banner #slider.owl-carousel .owl-nav button.owl-next { position: absolute; top: 47vh; right: 0px; width: 50px; height: 50px; border-radius: 25px 0 0 25px; -webkit-transition: .9s; transition: .9s; }
.banner #slider.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 47vh;
    left: 0px;
    width: 50px;
    height: 50px;
    -webkit-transition: .9s;
    transition: .9s;
    border-radius: 0 25px 25px 0;
}
.banner:hover #slider.owl-carousel .owl-nav button.owl-next {  }
.banner:hover #slider.owl-carousel .owl-nav button.owl-prev {  }

.half{width:50%;display: inline-block;vertical-align: middle;}
.half.halfleft {margin-right: 2.5%;height: 100%;position: absolute;}
.half img {height: 100%;width: 100%;object-fit: cover;border-radius: 20px;}
.half.halfright {margin-left: 52.5%;padding: 0;}
.text {padding: 40px 0;}

/* ############# 2. Navigation Menu ############# */
.main-navigation { float: none; margin: 0; }
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { display: none; }
.main-navigation ul.nav-menu.toggled-on, .menu-toggle { display: block; background: #fff; list-style: none; margin: 0; }
.main-navigation ul.nav-menu.toggled-on a { display: block; font-size: 15px; padding: 20px; color: #333; text-transform:uppercase; border-bottom: none; }
.menu-menu-1-container { position: absolute; width: 100%; top: -10px;; box-shadow: 0px 5px 5px #ccc; }
.sticky .menu-menu-1-container { top: 40px; }
.menu-menu-1-container ul, .menu-menu-1-container li { margin-bottom:0; }
.nav-menu { position: absolute; width: 100%; top: 0; }
.toggled-on .on, .off { display:none;}
.on, .toggled-on .off { display:block; }

/* ##################### SECTIONS ####################### */

.checkatrade {text-align: center;margin: 50px auto 0 auto;border: 3px solid #000;padding-top: 20px;border-radius: 20px;width: 80%;}
.checkatrade h3{color:#95c11f}
.checkatrade img { width: 250px;max-width: 70%;margin: 0 auto 15px auto;}
.checkatrade a.button {
    padding: 15px 20px;
    font-size: 18px;
    color: #fff;
    margin: 0px auto 20px auto;
    display: inline-block;
    background: #000;
    border: 1px solid #000;
}

/*DOMESTIC*/
.section_domestic {background-color:#000}
.section_domestic h3, .section_domestic p{color:#fff}
.call {color: #fff;font-size: 21px;font-weight: 700;padding-left: 20px;}
.section_domestic .call a{color:#fff}

/*GALLERY*/
.gallery{display:block;margin-top:30px}
.gallery .gallerypic{display:none;width:33.3%;height:auto;float:left;background-color:#95c11f}
.gallery .gallerypic:hover{background-image:url(images/magnify.png);background-repeat:no-repeat;background-size:50px 50px;background-position:center center}
.gallery .gallerypic:hover img{opacity:.6}
.gallery .gallerypic img{width:100%;display:block;height:400px;overflow:hidden;object-fit:cover;border-left:2px solid #fff;border-bottom:2px solid #fff}
.more, .less {background-color:#95c11f;clear: both;color: #000;cursor: pointer;display: block;font-size: 17px;margin-top: 10px;padding: 20px;text-align: center;text-transform: uppercase;font-weight: 800;}

/*CONTACT*/
.section_contact {background-color:#000;text-align:center;color:#fff}
.section_contact h3, .section_contact h4, .section_contact p{color:#fff}
.section_contact a{color:#fff}

.methods {display: flex;justify-content:space-between; width:400px;margin:50px auto 10px auto}
.thenumber {text-align: center;font-weight: 800;font-size: 35px;color: #fff;padding-bottom: 50px;}
.methods .method {width: 33%;}
.methods_alt {display: flex;justify-content:space-between; margin:0 auto 50px auto;}
.methods_alt .method {width: 33%;}
a.method {color:#fff}
.methods a.method strong {font-weight:800;font-size:25px;color:#fff;display:block}
.methods_alt a.method strong {font-weight:800;font-size:15px;color:#fff;display:block}

.method img{width:60px;height:auto;margin:0 auto 10px auto;display:block;}
.methods img{width:100px;}

.location {padding-top: 30px;margin-top: 20px;border-top: 2px dashed #95c11f}
.location h4 span {background-color: #95c11f;padding: 0 5px;color: #000}

/* ############# Footer ############ */
footer {background:#000 }
footer .container{padding:0 0 80px 0}
footer .copy{text-align:center;font-size:13px;color:#ccc}


/* =Media queries
-------------------------------------------------------------- */

@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

/* Minimum width of 800 pixels. */
@media screen and (min-width: 800px) {
	.site {
		margin: 0 auto;
		max-width: 940px;
		overflow: hidden;
	}
	.site-content {
	}
	body.template-front-page .site-content,
	body.attachment .site-content,
	body.full-width .site-content {
		width: 100%;
	}
}

@media screen and (max-width: 1000px) {
	p, li, address {margin: 0 0 15px;font-size: 16px;line-height: 23px}
	h2 {font-size: 45px;line-height: 50px;padding: 0 0 10px 0}
	h3 {font-size: 25px;line-height: 34px;padding: 0 0 10px 0;}
	h4 {font-size: 19px;line-height: 26px;}
	#banner h2 {font-size: 60px;line-height: 65px;}
	section {padding: 70px 0;}
	.gallery .gallerypic img {height: 300px;}
	.methods_alt a.method strong {font-size: 15px}
}
@media screen and (max-width: 800px) {
	p, li, address {margin: 0 0 12px;font-size: 15px;line-height: 20px}
	h2 {font-size: 40px;line-height: 42px}
	h3 {font-size: 20px;line-height: 28px}
	h4 {font-size: 17px;line-height: 22px;}
	section {padding: 60px 0;}
	.topper, .cta {font-size: 16px;line-height: 20px}
	.topper a.button, .cta a.button {font-size: 16px}
	hgroup .container {height: 105px;}
	#logo img {margin: 5px 15px 10px 15px;height: 90px;}
	.themenu {top: 25px}
	.themenu a {font-size: 16px;padding: 0 13px}
	.socials a {width: 30px;height: 30px}
	#banner, #banner ul {margin: 150px 0 0 0}
	#banner, #banner ul, #banner ul li {min-height: 570px;}
	#banner h1 {font-size: 30px;line-height: 40px;margin-bottom: 5px}
	#banner h2 {font-size: 50px;line-height: 55px;}
	.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {margin-left:15px}
	.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {margin-right:15px}
	.half {display: block;width: 100%;padding-bottom:0px}
	.half.halfleft {margin-right: 0;position: relative;}
	.half.halfright {margin: 0 auto;width: 90%;}
	.text {padding-bottom: 0;}
	.gallery_pic {width: 90%;float: none;margin: 0 auto;border: 20px solid #000;}
	.arrows {padding-top: 100px}
	.arrows:before {height: 80px;background-size: cover; }
	.gallery .gallerypic {width: 50%}
	.methods {width: 100%;margin: 40px auto;}
	.methods_alt {display: block}
	.methods_alt .method {width: 100%;padding-bottom:25px;display: block}
	footer .copy {font-size: 12px}
}
@media screen and (max-width: 700px) {
	hgroup .container {height: 85px;}
	#logo img {height: 70px}
	.themenu {top:15px}
	.themenu a {font-size: 14px;padding: 0 8px}
	#banner, #banner ul {margin: 130px 0 0 0}
}
@media screen and (max-width: 600px) {
	.topper, .cta {font-size: 15px;line-height: 26px}
	.topper a.button, .cta a.button {display:none}
	.socials a {width: 25px;height: 25px;margin-left: 5px}
	hgroup .container {height: auto}
	#logo{position: relative;}
	#logo img {height: 70px;margin: 5px auto 10px auto}
	.themenu{position: relative;text-align:center;top: auto;}
	.sticky hgroup .container {height: auto}
	.sticky #logo {display:none}
	.sticky .themenu {top: auto}
	h2 {font-size: 32px;line-height: 38px}
	h3 {font-size: 18px;line-height: 24px}
	h4 {font-size: 16px;line-height: 20px;}
	#banner h1 {font-size: 26px;line-height: 32px}
	#banner h2 {font-size: 43px;line-height: 48px;}
	section {padding: 50px 0;}
	.gallery .gallerypic img {height: 240px
	.methods a.method strong {font-size: 23px}
}



/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}
}