/*!
Theme Name: BGS 2019
Author: Jack Goolden
Author URI: https://www.malago.co.uk/
Version: 4.0
Text Domain: Bristol Groundschool
*/

body {margin: 0; font-family: 'Montserrat', sans-serif; font-weight: 400; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block; }
hr {box-sizing: content-box; height: 0; overflow: visible; /* 2 */ }
pre {font-family: monospace, monospace; font-size: 1em; /* 2 */ }
abbr[title] {border-bottom: none; text-decoration: underline; text-decoration: underline dotted; /* 2 */ }
b, strong {font-weight: 600; }
code, kbd, samp {font-family: monospace, monospace; font-size: 1em; /* 2 */ }
small {font-size: 80%; }
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub {bottom: -0.25em; }
sup {top: -0.5em; }

img {border-style: none; }

/* Forms */
button, input, optgroup, select, textarea {font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; /* 2 */ }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button; cursor: pointer;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText; }
fieldset {padding: 0.35em 0.75em 0.625em; }
legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; /* 1 */ }
progress {vertical-align: baseline; }
textarea {overflow: auto; }
[type="checkbox"], [type="radio"] {box-sizing: border-box; padding: 0; margin: 1em .5em 1em 0; /* 2 */ }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto; }
[type="search"] {-webkit-appearance: textfield; outline-offset: -2px; /* 2 */ }
[type="search"]::-webkit-search-decoration {-webkit-appearance: none; }
::-webkit-file-upload-button {-webkit-appearance: button; font: inherit; /* 2 */ }



details {display: block; }
summary {display: list-item; }
template {display: none; }
[hidden] {display: none; }

/* ==========================================================================
 Base styles: opinionated defaults
 ========================================================================== */
html {color: #424242; font-size: 1em; line-height: 1.4; }
::-moz-selection {background: #e0e0e0; text-shadow: none; }
::selection {background: #e0e0e0; text-shadow: none; }
hr {display: block; height: 0px; border: 0; border-bottom: 6px solid #efefef; border-top: 6px solid #fff; margin: 1em 0 3em; padding: 0; }
audio, canvas, iframe, img, svg, video {vertical-align: middle; }
fieldset {border: 0; margin: 0; padding: 0; }
textarea {resize: vertical; }

.browserupgrade {margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

.assistive-text {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; /* 1 */ }
.assistive-text:active, .assistive-text:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; white-space: inherit; }

main:before, header:before, footer:before, .product-overview:before, aside.recent-news:before, main:after, header:after, footer:after, .product-overview:after, aside.recent-news:after {content: " "; display: table; /* 2 */ }
main:after, header:after, footer:after, .product-overview:after, aside.recent-news:after {clear: both; }
html.lt-ie7 main, html.lt-ie7 header, html.lt-ie7 footer, html.lt-ie7 .product-overview, html.lt-ie7 aside.recent-news { 	transform-origin: 0 0 }

html {overflow-x: hidden;}

h1, h2, h3, h4 {line-height: 1.2em; }

h1 { font-size: 2em; margin:0 0 0.67em 0; }
.headerImageTitle h1 {margin: 0 0 0.67em 0;}
h2 {font-size: 2.1em; }
h3 {font-size: 1.35em; font-weight: 300;}
h4 {font-size: 1.2em; margin: 0.6em 0; font-weight:600;}

a {text-decoration: none; outline: none !important; background-color: transparent; color: inherit;}
.no-touch a:hover { text-decoration: underline;}
a:active { text-decoration: none; }

.entry-content a, .teamTeasers a, .singleProductPage a, #partnerForm a {color:#DB0934; text-decoration: underline;}
.entry-content a:hover, .teamTeasers a:hover, .singleProductPage a:hover, #partnerForm a:hover {color:#AD0233;}

.entry-content {line-height: 1.5em; position: relative;}


input, textarea {outline: none !important; }
main .entry-content a:link, main .entry-content a:visited {}
main .entry-content section.mainWide a:link, main .entry-content section.mainWide a:visited {text-decoration: none; }

main .entry-content a:focus, main .entry-content a:hover, main .entry-content a:active {outline: none !important; }
nav ul, nav li, nav a {padding: 0; margin: 0; }

/* WordPress Core Styles
-------------------------------------------------------------- */
.alignnone {margin: 0; }
.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto; }
.alignright {float: right; margin: 5px 0 20px 20px; }

figure.alignright, figure.alignleft {width: 50%; }

.hidden {display:none;}


.alignleft {float: left; margin: 5px 20px 20px 0; }
.aligncenter {display: block; margin: 5px auto 5px auto; }
a img.alignright {float: right; margin: 5px 0 20px 20px; }
a img.alignnone {margin: 5px 20px 20px 0; }
a img.alignleft {float: left; margin: 5px 20px 20px 0; }
a img.aligncenter {display: block; margin-left: auto; margin-right: auto; }
.wp-caption {background: transparent; border: none; padding: 0; text-align: center; }
.wp-caption.alignnone {margin: 5px 20px 20px 0; }
.wp-caption.alignleft {margin: 5px 20px 20px 0; }
.wp-caption.alignright {margin: 5px 0 20px 20px; }
.wp-caption img {border: none; height: auto; margin: 0; max-width: none; padding: 0; width: 100%; }
.wp-caption p.wp-caption-text, .wp-caption figcaption.wp-caption-text {font-size: 0.7em; line-height: 1.1; margin: 0.5em 0; padding: 0 4px 5px; }

/.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail, img {max-width: 100%; height: auto; }

header, footer, body.home .entry-content, .product-overview article, body.blog main div.overview article, .recent-news div.overview article {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

main p a {color: #DB0934;}

.no-touch header nav a:focus, .no-touch header nav a:hover, .no-touch header nav a:active {text-decoration: none; }
/* button,[type="button"],[type="reset"],[type="submit"], div.buy-form button, div.buy-form [type="button"], div.buy-form [type="reset"], div.buy-form [type="submit"] {position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } */
.size-windowwidth, .style-windowwidth {display: block; width: 100vw; margin-left: 50% !important; margin-right: 0 !important; position: relative; left: -50vw; max-width: 3000px !important; }

@media only screen and (min-width: 3000px) {
	 .size-windowwidth, .cycle-slideshow, .size-product-hero, .product-overview, aside.recent-news, .style-windowwidth { left: -1500px; }
}

.size-extrawidth, .style-extrawidth { display: block; width: 1200px; margin-left: 50% !important; margin-right: 0 !important; position: relative; left: -600px; max-width: 100vw !important; }
.size-contentwidth, .style-contentwidth { display: block; width: 100%; }
.main {padding: 0; margin: 0 20px; max-width: 960px; }
.mainWide { padding: 0; margin: 0 20px; }

@media only screen and (min-width: 1000px) {
	.main {margin: 0 auto; }
}

@media screen and (min-width:1100px) {
	.mainWide { width: calc(100vw - 140px); max-width: 1400px; margin: 0 auto; }
}

header {margin: 0 auto; position: fixed; top: 0; width: 100%; z-index: 500; background-color: rgba(255,255,255,1);}
body.admin-bar > header {top: 32px; }

img.size-windowwidth {margin-top: 90px; margin-bottom: 90px; }
.alignleft {margin: 5px 60px 60px 0; }
.alignright {margin: 5px 0 60px 60px; }


/* VIDEO  */
.videowrapper  {width: 100%; padding-top: 56.25%; height: 0px; position: relative; /* margin: 50px 0; */}
.videowrapper iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}


table.BGSTable {width: 100%;     border-spacing: 0;}
table.BGSTable td {padding: 3px; }
	.entry-content table {border: solid 1px  #ccc; width: 100%;}
	.entry-content table td {padding: 5px; border: solid 1px #ccc;}
	.entry-content table td p {margin: 0;}
table.BGSTable tr:nth-of-type(odd), .entry-content tr:nth-of-type(odd)  {background-color: #efefef;}
table.BGSTable tr:nth-of-type(even), .entry-content  tr:nth-of-type(even) {background-color: #fff;}
@media screen and (MAX-width:450px) {
	table.BGSTable {font-size: .9em;}
}

/* JG STANDARD */
.jumptoOffset {margin-top: 160px;}

.error {color: #cc0000;}

.marginTop35px {margin-top: 35px;}

.padding, .padding10 {padding:10px;}

.clear, hr, .clearBoth {clear: both; float: none; width: 100%;}
.center { text-align: center;}
.hide {display: none;}

.greyRow {background-color: #e1e1e1;}
.gray {color: #999;}

.standOut {background-color: #e1e1e1; padding: 1em;}
.standOut p:nth-last-of-type(1) {margin-bottom: 0;}

a.standOutRed {background-color: #DB0934; padding: 1em; color: #fff; font-size: 120%; font-weight: 600; text-align: center; margin: .5em 0; display: block;}
a.standOutRed:hover {color: #fff; text-decoration: underline !important;}


.positionRelative {position:relative;}

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

.flexVerticalCenter {display:-ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-direction:column; flex-direction: column;}
@media screen and (min-width: 500px) {
	.flex {display:-ms-flexbox; display:flex; -ms-flex-pack: start; justify-content: start;}
	.flexEqual > *, .flexEqual article {-ms-flex: 1; flex-grow: 1; flex-basis: 0;} /* equal widths */
	.flexEqualGaps > * {-ms-flex: 1; flex-grow: 1; flex-basis: 1;} /* equal space */
	.flexWrap {-ms-flex-wrap:wrap; flex-wrap:wrap;}
	.flexVertical {-ms-flex-direction:column; flex-direction: column; display:-ms-flexbox; display:flex; -ms-flex-pack: start; justify-content: flex-start;}
}

.iFrame {width: 100%; height: calc(58vw - 40px);}
.page-id-4024 .iFrame {width: 100%; height: calc(80vw - 40px);} /* set for https://dev.bristol.gs/atpla/materials-sample/ */
@media only screen and (min-width: 940px) {
	.iFrame {width: 100%; height: 549px;}
	.page-id-4024 .iFrame {width: 100%; height: 844px; } /* set for https://dev.bristol.gs/atpla/materials-sample/ */
}

/* FOOTER */
.socialMedia {text-align:center; font-size:2em; margin-top:80px;}

footer a {color:#fff;}
footer{padding:10px;width:100%;font-size:.8em;line-height:1.8em;position:relative;color:#fff;background-color:#333}
footer .links{list-style:none;padding:0}
footer .links li{margin:0;list-style:none;padding:0;display:block}
footer .flex{justify-content:space-between}
footer .flex div{min-width:100%}
footer .custom-logo-link{position:relative;margin-bottom:1.5rem}
@media only screen and (min-width:600px){footer .flex{gap:1rem}
footer .flex div{min-width:calc(50% - .5rem);max-width:calc(50% - .5rem)}
footer .flex .menu-social-media{margin:0 0 0 -15px}
}
@media only screen and (min-width:1000px){footer .menu-social-media{float:right;margin:0 -15px 0 0}
}
@media only screen and (max-width:499px){footer{text-align:center}
footer .links li{margin:10px 0}
}
@media only screen and (min-width:700px){footer{padding:40px 60px}
footer .copyright,footer .credit{margin:0}
footer .credit p{text-align:right}
footer .links{float:left;margin:0;list-style:none;padding:0}
footer .links li{margin:0;list-style:none;display:inline-block;border-right:1px solid #fff;padding:0 10px;line-height:14px}
footer .links li:nth-last-of-type(1){border-right:none}
footer .footerAlign{text-align:left;display:inline-block}
}
.footerLogos{text-align:center;background-color:#fff}
.footerLogos ul{display:inline-block;padding:0}
.footerLogos li{display:inline-block;text-align:center;vertical-align:middle;position:relative;margin:20px 50px}
.footerLogos li a{position:relative;top:50%;transform:translateY(-50%)}
.footerLogos li img{max-width:180px}
ul.footer-nav{list-style:none;padding:0;margin:0}
@media only screen and (max-width:499px){ul.footer-nav{text-align:center}
}
@media only screen and (min-width:700px){ul.footer-nav{text-align:right}
}



/* LOGO */
.custom-logo-link {display: block; float: left; text-align: center; height: 60px; transition: height .5s;}
.custom-logo-link img { width: auto; height: 100%;}
@media only screen and (min-width: 1200px) {
	.custom-logo-link { height: 100px; }
	header .mainWide {margin-top:20px; margin-bottom:20px; transition: margin .5s;}
	.scrolled header .mainWide {margin-top:0; margin-bottom:0; }
}
@media only screen and (min-width: 1300px) {
	body:not(.scrolled) .custom-logo-link, .home:not(.scrolled) .custom-logo-link { height: 130px; }
}




 body.home .entry-content h2 { font-size: 1.6em; }

/* MAIN NAV */
/* .scrolled header {-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5); background-color: rgba(255,255,255,1); } */
body {background-color: #fff; transition: background-color 1s;}
body.scrolled {background-color: #efefef;}

/* body.post-type-archive-product section.main {background-color: #fff;} */

.woocommerce div.product div.images.woocommerce-product-gallery,
.entry-title {position:relative; z-index: 3;}
.woocommerce div.product div.summary,
.post-type-archive-product .entry-content {position:relative; }
.woocommerce div.product div.summary *:not(.ui-corner-all),
.post-type-archive-product .entry-content * {position:relative; z-index: 2;}
.woocommerce div.product div.summary::after {content: ''; display:block; z-index: 1; width: 220%; height: 100%; min-height: 460px; background-color: #fff; position:absolute; top: 0; left: -114%;}
.post-type-archive-product .summary::after {content: ''; display:block; z-index: 1; width: 200vw; height: 200%; background-color: #fff; position:absolute; top: -90%; left: -100%; padding-bottom: 2em;}


.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    width: 45%;
    overflow: visible;
}

.single-virtualtraining .entry-title, .single-webinars .entry-title {margin-bottom: 0;}
.sub-title {margin-top: 0;}

.woocommerce-breadcrumb {display:none;}


header nav .menu-toggle { display: block; cursor: pointer; color: #fff; width: 42px; height: 42px; font-size: 2em; overflow: hidden; margin: 9px; position: fixed; top: 0px; right: 10px; z-index: 100; }
header nav ul, header nav li { list-style: none; padding: 0; margin: 0; }
header nav li li a:hover {color: #fff; }
header nav a { display: block; padding: 0; text-align: center;}

header .nav-menu > li > a {font-weight: 600; letter-spacing: 0.16em; }

@media only screen and (MAX-width: 374px) {
	header nav .menu-toggle { font-size: 1.8em; right: 0; }
 	body.admin-bar > header nav .menu-toggle { top: 60px; }
}
@media only screen and (MAX-width: 413px) {
	 header nav .menu-toggle { right: 10px; }
}
/* MOBILE NAV */
@media only screen and (MAX-width: 1199px) {
	body {padding-top: 90px;}
	body.hasHeaderImage {padding-top: 60px;}
	header .sub-menu li a {text-transform: none; background-color: #f2f2f2;}
	header .sub-menu li li a {background-color: #e0e0e0;}
	.menu-item-63 {display:none}
	body > header {height: 60px; }
	body.scrolled > header {background-color:#fff; }
	header nav { padding: 0; background-color: #fff; position: fixed !important; padding-bottom: 60px; top: -100%; bottom: auto; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; left: 0; right: 0; z-index: 10000 !important; transition: 0.3s; }
	header nav.open { top: 0; }
	header nav.open > ul { -webkit-overflow-scrolling: touch; display: block; margin-top: 70px; height: 100%; overflow-y: scroll; }
	header nav > ul { display: none; }
	header nav .menu-toggle { display: block; }
	header nav li { display: block; }
	body.admin-bar > header nav .menu-toggle { top: 48px; }
	nav li, nav ul { position: relative; }
	header nav ul.sub-menu { top: 0; }
	.open-menu-link { display: none; position: absolute; right: 23px; top: 0; line-height: 2.9; cursor: pointer; }
	li .sub-menu { display: none; }
	.visible { display: block !important; }
	.open-menu-link:before { font-family: FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; speak: none; text-align: right; width: 100vw; }
	.open-menu-link.close:before { width: 50px;}
	.open-menu-link.close:before {}
	.open-menu-link.open:before { content: "\f054"; }
	.open-menu-link.close:before { content: "\f078"; }
	.menu-item-has-children:hover .open:before, .menu-item-has-children:hover .close:before { color: #fff;}
	header nav a { color: #000; line-height: 3em;}
	header nav > ul > .current-menu-item > a, header nav > ul > .current-menu-parent > a, header nav > ul > .current-menu-ancestor > a, header nav ul li:hover > a {background-color: #DB0934; color: #fff;}

	/* hamburger */
	nav .menu-toggle { float: right; line-height: 1; font-size: 2em; margin: 0.3em 0 0 0; position: absolute; right:0; height: 40px; width: 50px; cursor: pointer;}
	.menu-toggle span {top: 20px; left: 0; text-indent: -9999em;	}
	.menu-toggle span::before, .menu-toggle span::after, .menu-toggle span {cursor: pointer; height: 3px; width: 40px; background: #DB0934; position: absolute; display: block; content: ''; transition: all 250ms ease-in-out;}
	.menu-toggle span::before {top: -12px;	}
	.menu-toggle span::after {	bottom: -12px;}
	.menu-toggle span.open {background-color: transparent;}
	.open .menu-toggle span::before, .open .menu-toggle span::after {top: 0; }
	.open .menu-toggle span::before {transform: rotate(45deg); }
	.open .menu-toggle span::after {transform: rotate(-45deg); }
	.open .menu-toggle span {background-color: transparent;}
}
@media only screen and (MAX-width: 782px) {
	 body.admin-bar > header nav .menu-toggle { top: 62px; }
}
/* DESKTOP NAV */
@media only screen and (min-width: 1200px) {
	header .nav-menu li a {letter-spacing: 0.05em; font-size: 0.85em; transition: all .5s;}

	header {background: rgba(255,255,255,1); transition: background 1s;}
	body.hasHeaderImage:not(.scrolled) header {background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); 	background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); 	background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
	body.hasHeaderImage:not(.scrolled) header nav a {color: #fff;}
	body.hasHeaderImage:not(.scrolled) header nav .sub-menu a {color: #000;}
	body.hasHeaderImage:not(.scrolled) header nav .sub-menu a:hover {color: #fff;}

	header nav {text-align: right; font-size: 16px; }
	header nav .menu-toggle { display: none; }
	header nav > ul { display: block; }
	header nav .menu-toggle { display: none; }
	header nav li { display: inline-block; position: relative; }
	header nav li:hover ul { display: block; }

	header .nav-menu > li > a { padding: 0 10px; color: #000; line-height: 42px; margin: 29px 2px; background-image: url('img/navMO.svg'); background-size: 200px; background-repeat: no-repeat; background-position: center top; transition:background-position 1s, color 1s;}
	header nav > ul > .current-menu-item > a, header nav > ul > li:hover > a {color: #fff; background-position: center bottom; }

	header nav .sub-menu {-webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.4); box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.4);}
	header nav .sub-menu li { padding:0px; border-right: none;}
	header nav li ul { display: none; position: absolute; left: 50%; transform: translate(-50%, 0); background-color: #fff; width: 300px; margin-top: -29px; border-top: 4px solid #DB0934;}
		header nav li ul ul { margin-top: -4px; }
	header nav li ul li { display: block; margin: 0; }
	header nav .sub-menu a { line-height: 19px; padding: 12px 5px; margin: 0;}
	header nav .sub-menu a:hover {background-color: #DB0934; color: #fff;}

	header nav .sub-menu li .sub-menu {margin-left: 300px; top: 0; display: none; }
	header nav .sub-menu li:hover .sub-menu {display: block; }

	/* home button is hidden on desktop */
	.menu-item-home {display: none;}
}

@media only screen and (min-width: 1200px) {
	header nav a { padding: 0 20px; margin: 29px 2px; }
	header .nav-menu li a, header .nav-menu li a {font-size: 0.8em;}
	body:not(.scrolled) header nav a, body.home:not(.scrolled) header nav a {margin: 44px 2px; }
		body:not(.scrolled) header nav .sub-menu a,
		body.home:not(.scrolled) header nav .sub-menu a {margin: 0;}
		body:not(.scrolled) ul.sub-menu,
		body.home:not(.scrolled) ul.sub-menu {margin-top: -45px;}
}

@media only screen and (min-width: 1400px) {
	header .nav-menu li a, header .nav-menu li a {font-size: 0.85em;}
	}


/* BREADCRUMBS */
.breadcrumbs {display:none;}
/*
.breadcrumbs {font-size: 0.8em; color: #c3c2c2; margin-top: 50px; position: relative; z-index: 501;}
.breadcrumbs a:link {text-decoration: underline;}
.breadcrumbs a:hover {color: #ec2327;}
@media only screen and (min-width: 940px) {
	.breadcrumbs {margin-bottom: 50px;}
}
 */

/* HAS HEADER IMAGE */
.headerImage {height: 170px;  overflow: hidden; position: relative; margin-bottom: 40px;}
.headerImage img {width: auto; min-width: 100vw; min-height: 33vw;position: absolute;
top: 50%;
transform: translateY(-50%);}

.entry-title, .page-title {font-size:1.5em; line-height: 1.2em;}

@media only screen and (min-width: 500px) {
	.entry-title, .page-title {font-size:2.5em; line-height: 1.2em;}
}
@media only screen and (min-width: 940px) {
	.entry-title, .page-title {margin:70px 0; font-size:3.5em;}
	body.noHeaderImage, body.woocommerce-page {padding-top: 120px;}
}



.striking {font-size: 1.4em; line-height: 1.4em; font-weight: 200;}



/* FONT AWESOME CORE */
[class^="icon-"], [class*=" icon-"], a[href^="tel:"]::before, a[href^="fax:"]::before, a[href^="mailto:"]::before, a[href*="twitter"]:before, a[href*="vimeo"]:before, a[href*="facebook"]:before, a[href*="instagram"]:before, a[href*="linkedin"]:before, a[href*="youtube"]:before, a[href*="pinterest"]:before {border-radius: 50%; font-family: FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; font-style: normal; text-decoration: none !important; *margin-right: .3em; position: relative; display: inline-block; width: 1.5em; text-align: center;}
.icon-facebook:before, a[href*="facebook"]:before {content: "\f09a"; }
	.icon-facebook:hover:before, a[href*="facebook"]:hover:before {color:#4267B2;}
.icon-instagram:before, a[href*="instagram"]:before {content: "\f16d"; }
	.icon-instagram:hover:before, a[href*="instagram"]:hover:before {color:#C13584;}
.icon-linkedin:before, a[href*="linkedin"]:before {content: "\f0e1"; }
	.icon-linkedin:hover:before, a[href*="linkedin"]:hover:before {color:#0077B5;}
.icon-youtube:before, a[href*="youtube"]:before {content: "\f167"; }
	.icon-youtube:hover:before, a[href*="youtube"]:hover:before {color:#FF0000;}
.icon-pinterest:before, a[href*="pinterest"]:before {content: "\f0d2"; }
.icon-vimeo:before, a[href*="vimeo"]:before {content: "\f27d"; }
a[href^="tel:"]::before {content: "\f095"; }
a[href^="mailto:"]::before {content: "\f0e0"}
a[href^="fax:"]::before {content: "\f1ac"}


a[href*="twitter"]:before {font-family: FontAwesomeBrands;}

.icon-twitter:before, a[href*="twitter"]:before {content: "\e61b"; }
	.icon-twitter:hover:before, a[href*="twitter"]:hover:before {color:#000000;}


/* Brand colours on transparent inverting to white on brand square. With captions. */
.icon-linkedin:before {content: "\f0e1"; }
.icon-envelope:before {content: "\f0e0"; }
.icon-envelope-o::before {content: "\f003"; line-height: 1; }
.icon-angle-double-down::before {content: "\f103"; font-size: 1.2em !important; line-height: 0.9; }
.icon-google-plus:before {content: "\f0d5"; }
.icon-google-plus:hover::before {color: #dd4b39; border-color: #dd4b39; background-color: #dd4b39; color: white; }
.icon-flickr:before {content: "\f16e"; }
.icon-pinterest:hover::before {background-color: #cb2027; color: white; border-color: #cb2027; }
.icon-vimeo:before {content: "\f27d"; }
.icon-vimeo:hover::before {background-color: #1ab7ea; color: white; border-color: #1ab7ea; }
.icon-phone::before {content: "\f095";}
.icon-cart::before {content: "\f07a";}


/* MY TOGGLE JQUERY */
.toggledDiv {display: none;}
.toggledDiv.open {display: block;}

.shopTile {background-color: #d1d2d4; margin: 0 2px;}
.shopTile img {border-top: solid 1px #9f9f9f;}
.shopTile h4 {margin: 6px 0;}




/* CONTACT */
.twoCol {width: 100%; vertical-align: top; margin:0; margin-bottom: 3em;}
.twoCol p:nth-of-type(1), .twoCol h3:nth-of-type(1) {margin-top: 0;}
.wpcf7-form p {width: 100%; margin: 0 0 1em 0;}

/* MY BUTTONS */
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, [type="submit"], .wpcf7-submit, .button
	{margin-top: .75em; color: #fff !important; text-decoration: none !important; letter-spacing: 0.16em;font-size: 0.75em;text-transform: uppercase; font-weight: 600; padding: 15px 20px; border: none; display:inline-block;
	background: linear-gradient(to top, #DB0934, #DB0934 50%, #40ABD1 50%, #40ABD1); background-position: 0 100%; background-size: 100% 200%; transition: all .25s ease-in;}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .wpcf7-submit:hover, .button:hover, [type="submit"]:hover, [type="submit"]:hover
{text-decoration: none !important; background-position: 0 0; background: linear-gradient(to top, #DB0934, #DB0934 50%, #40ABD1 50%, #40ABD1); background-position: 0 0; background-size: 100% 200%;}
	.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {margin-top: 0; border-radius: 0;}

#cookie-notice .button {font-size: 1em;}


/* CALL OUT PARA */
.callOutPara {padding: 1em; background-color: #ccc;}
@media only screen and (min-width: 940px) {
	.callOutPara {width: calc(50% - 3em); float: right; margin-left: 1em;}
}



.newsFlash {background-color: #40ABD1; margin-top: 1.7em; color: #fff;}
.newsFlash .padding {padding: 1em;}


/* TEASER SIZE 4 up */
.teasers4up {width: 100%; margin:30px 0px;}
.teasers4up article {width: 100%; margin:0 0 30px 0; position:relative; overflow: hidden;}
@media screen and (min-width:500px){
	.teasers4up {width: 100%; }
	.teasers4up article {width: calc(50% - 20px); margin: 10px; }
	.teasers4up article:nth-child(1):nth-last-child(1) {width: calc(100% - 60px);}
}
@media screen and (min-width:1200px){
	.teasers4up {width: calc(100% + 60px); margin:30px -30px;}
	.teasers4up article {width: calc(25% - 60px); margin: 30px; }
	body:not(.home) .teasers4up article.doublewide {width: calc(50% - 60px); margin: 30px; }
	body:not(.home) .teasers4up article.doublewide .testimonialPic {width: 50%; padding: 30px 30px 0 30px;}
}






iframe.videoIframe {position: relative; width: calc(100vw - 55px); max-width: 960px; height: 54vw; max-height: 540px;}


.flowChart {background-color: #efefef; line-height: 1.6em;}
@media only screen and (Min-width: 599px) {
	.flowChart .twoCol {width: 50%; float: left; clear: right; margin: 0;}
	.flowChart .threeCol {width: 33.3%; float: left; }
}
.flowChart .padding {padding:10px}
.flowChart h4 {margin: 0; padding: 0;}
.downArrow {text-align: center; clear: both; float: none; background-color: #fff;}
.icon-downArrow:before {content: "\f063"; color: #40ABD1;}





/* ACCORDION */
.accordion { color: #737373; cursor: pointer; border: none; outline: none; transition: 0.4s; margin: 20px 0; }
h3.accordion {font-size: 1.2em; font-weight: 300;}
h3.accordion:hover {color: #DB0934;}
.panel {padding: 0x; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; border-bottom: 2px solid #efefef;}
.scrolled .panel {border-bottom: 2px solid #fff;}
.panel p {padding:.5em 1em;}
.accordion:after {content: '\02795'; /* Unicode character for "plus" sign (+) */ font-size: 13px; color: #00a79d; float: right; margin-left: 5px; line-height: 40px;}
.active:after {content: "\2796"; /* Unicode character for "minus" sign (-) */}


#loginform {display: none;}
.entry-content #loginform {display: block;}

#loginform label {width: 240px;display: inline-block;}


/* cookie consent */
body #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content .moove-gdpr-branding-cnt {display: none !important;}




/* Stop transition on load */
.preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important;}