/*!
Theme Name: Gas Safety
Theme URI: https://underscores.me/
Author: Underscores.me
Author URI: https://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gas-safety
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Gas Safety is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	margin: 0.67em auto 0;
	color: #26588b;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Custom forms for Bookings */
.wb-form {
	background: #ddd;
    padding: 1.5rem 2rem;
    margin: 1rem;
}
.wb-form, .wb-form h3, .form-sec, .radio .wpcf7-list-item {
    border-radius: 3px;
}
.wb-form h2 {
    margin: 0.1rem 0 2rem 0;
}
.wb-form h3 {
	background: #fff;
    font-size: 1.8rem;
    margin: 2rem 0;
    padding: 0.5rem 1.1rem 0.6rem;
    opacity: 0.6;
    color: #101539;
}
.wb-form input.wpcf7-date, .radio label, .wpcf7-checkbox input {
	cursor: pointer;
}
.form-sec {
	padding: 0.5rem 1rem 0.1rem 1rem;
	margin: 0 0 2rem 0;
	max-width: 60%;
}	
.form-sec .form-label {
	display: inline-block;
	padding-right: 1rem;
	width: 33%;
	vertical-align: top;
}
.form-sec input, .form-sec textarea {
	width: 67%;
}
.form-sec textarea {
	margin-bottom: -0.5rem;
}
.form-sec .radio-label, .radio .form-label {
	display: inline-block;
	width: 60%;
	vertical-align: top;
	padding-right: 1rem;
}
.radio .wpcf7-form-control-wrap {
	width: 40%;
    display: inline-block;
	text-align: right;
}
.radio .wpcf7-list-item {
    background: #fff;
    color: #404040;
	display: inline-block;
	margin-left: 5.3%;
    text-align: center;
    width: 42%;
}
.radio label {
	display: block;
	width: 100%;
}
.form-sec.radio input {
	width: auto;
}
.radio input.wpcf7-number {
	width: 89.3%;
}
.form-sec.checkbox {
	max-width: 80%;
}
.checkbox-label {
	display: inline-block;
	width: 25%;
	vertical-align: top;
}
.checkbox-grid .wpcf7-form-control-wrap {
	width: 75%;
    display: inline-block;
}
.checkbox .wpcf7-list-item {
	border-left: 1rem solid #184e7d;
	border-bottom: 1rem solid #184e7d;
	display: inline-block;
	line-height: 35px;
	margin: 0;
    width: 33%;
}
.checkbox .wpcf7-list-item-label {
	padding-left: 1rem;
}
.form-sec.checkbox .checkbox-grid input {
	float: left;
	width: 35px;
	height: 35px;
}
	
	

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

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
@font-face {
    font-family: 'latoregular';
    src: url('css/fonts/lato-regular-webfont.woff2') format('woff2'),
         url('css/fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoregular';
    src: url('css/fonts/lato-bold-webfont.woff2') format('woff2'),
         url('css/fonts/lato-bold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'latoregular';
    src: url('css/fonts/lato-italic-webfont.woff2') format('woff2'),
         url('css/fonts/lato-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'lexend';
    src: url('css/fonts/lexend-latin-400-normal.woff2') format('woff2'),
         url('css/fonts/lexend-latin-400-normal.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'lexend';
    src: url('css/fonts/lexend-latin-700-normal.woff2') format('woff2'),
         url('css/fonts/lexend-latin-700-normal.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

body,
button,
input,
select,
optgroup,
textarea {
	color: #2c2c2c;
	font-family: lexend, sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.3;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: 400;
}
.hblue {
	color: #26588b;
}
h1 {
	font-size: 2.75rem;
}
h2, .h2 {
	font-size: 2.125rem;
}
h3 {
	font-size: 1.625rem;
}
h4 {
	font-size: 1.125rem;
}
p {
	font-size: 1rem;
	margin-bottom: 1.5rem;
	line-height: 1.5;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

.ls08 {
	letter-spacing: 0.08em;
}

p.hblue {
	font-size: 1.3rem;
	margin: 1.25rem 0;
}
p.small {
	font-size: 0.9rem;
	line-height: 1.5;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
	text-align: center;
}

body, html, .home #page {
  height: 100%;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 0.5em;
}

ul {
	list-style: none;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #fff;
	text-decoration: none;
	transition: all ease 0.3s;
}

a:visited {

}

a:hover, a:focus, a:active {

}

a:hover, a:active, a:focus {
	outline: 0;
}

.bblock, .wblock, .tblock, .pblock {
	display: inline-block;
	font-size: 1.1rem;
	padding: 0.45em 2em 0.5em;
	border-radius: 8px;
	text-decoration: none;
	transition: all ease 0.4s;
}
.bblock {
	background: #2e5ea5;
	color: #fff;
}
.wblock {
	background: #fff;
	border: 2px solid #fff;
	color: #000;
}
.tblock {
	background: transparent;
	border: 2px solid #fff;
	color: #fff;
}
.pblock, .gallery-item a.pblock {
	background: #214057;
	color: #fff;
}
.bblock:hover {
	background: #101539;
	color: #fff;
}
.wblock:hover {
	background: transparent;
	color: #fff;
}
.tblock:hover {
	background: #fff;
	color: #000;
}
.pblock:hover, .gallery-item a:hover.pblock {
	color: #214057;
	background: #fff;
}
a:visited.bblock {
	color: #fff;
}

.backb {
	margin: 1rem 0 2rem 0;
}
.backb::before {
	content: "\2190 \00A0 \00A0";
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/* header */
.top-contact {
	overflow: hidden;
	padding: 1rem 0;
}
.top-contact span {
	float: left;
	font-size: 1.1rem;
	line-height: 2.2rem;
}
.top-contact .tblock {
	float: right;
	font-size: 1rem;
}

.site-branding {
	position: relative;
	padding: 24px 0 16px 0;
}
.site-branding:after {
	content: "";
	display: table;
	clear: both;
}
.site-title {
	display: block;
	float: left;
	margin: 0;
	line-height: 1;
}
.home .site-header {
	background: transparent;
	transition: background ease 0.5s;
}
@media screen and (min-width: 1025px) {
	.home .site-header:hover {
	background: #fff;
	}	
	.site-title {
	height: 84px;
	width: 322px;
	}
	.home .site-title {
	background: transparent;
	transition: background ease 0.5s;
	}
	.home .site-header .site-title img {
	display: block;
	transition: display ease 0.5s;
	}
	.home .site-header:hover .site-title {
	background-image: url("images/gas-safe-logo-600-b.png");
	background-position-x: left;
	background-position-y: top;
	background-repeat: no-repeat;
	background-size: contain;
	}
	.home .site-header:hover .site-title img {
	display: none;
	}
	.home .site-header:hover .main-navigation a {
	color: #2c2c2c;
	}
	.home .site-header:hover .main-navigation a:hover {
	color: #206daf;
	}
	.home .site-header:hover .main-navigation li:hover a {
	background: #fff;
	color: #206daf;
	}
}


.site-branding a {
	color: #2c2c2c;
}
.site-branding a:hover {
	color: #206daf;
}
#rospaq {
	float: right;
	margin: 0 2px;
	width: 100px;
}
/* extension on rospa logo */
#rospaq p {
	font-size: 1rem;
	margin-bottom: 0;
	border-radius: 5px;
	border-left: 1px solid #2558a5;
	border-bottom: 1px solid #2558a5;
	border-right: 1px solid #2558a5;
	margin-top: -12px;
	padding-top: 5px;
	width: 100%;
}
/* separate button option 
#rospaq p {
font-size: 1rem;
margin: 0;
border: 2px solid #2558a5;
border-radius: 5px;
width: 100px;
background: #2558a5;
color: #fff;
}
*/
/* plain text and arrow option
#rospaq p {
font-size: 1rem;
margin: 0;
color: #2558a5;
}
#rospaq p::after {
content: " \2192";
}
*/

.main-navigation {
	display: block;
	float: right;
	font-size: 1.1rem;
	margin: 17px 0;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	background: #fff;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
	text-align: left;
	padding: 35px 90px;
	display: none;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}
.main-navigation ul ul a {
	width: max-content;
	color: #000;
	font-size: 0.9rem;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	display: block;
	left: auto;
/*	-webkit-box-shadow: 0px 1200px 0px 1200px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 1200px 0px 1200px rgba(0,0,0,0.25);
	box-shadow: 0px 1200px 0px 1200px rgba(0,0,0,0.25); */
}

.main-navigation li {
	display: inline-block;
	position: relative;
}
.main-navigation ul ul li {
	display: block;
}
.main-navigation li:hover a {
	background: #fff;
	color: #206daf;
}
.main-navigation ul ul li:hover a {
	font-weight: bold;
}
.main-navigation a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	padding: 16px 15px 13px;
}
.home .main-navigation a {
	color: #fff;
}
#menu-item-3760 {
	min-width: 272px;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 1025px) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 1.5rem 0;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: right;
	text-align: right;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: left;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
/*	display: inline; */
	float: left;
	margin-right: 1.5em;
}

.alignright {
/*	display: inline; */
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
/*	margin: 0 0 1.5em; */
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.post,
.page {
	margin: 0;
}

.updated:not(.published) {
	display: none;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* backgrounds & colours */
.bg222a3b {
	background: #222a3b;
}
.bg214057 {
	background: #214057;
}
.bg2e5ea5 {
	background: #2e5ea5;
	color: #fff;
}
.bgf0f5f8 {
	background: #f0f5f8;
}
.bgf4f5f7 {
	background: #f4f5f7;
}
.bgfff {
	background: #fff;
}

.bg159639 {
	background: #159639;
	color: #fff;
}
.bg101539 {
	background: #101539;
	color: #fff;
}
.bg206daf {
	background: #206daf;
}
.bg184e7d {
	background: #184e7d;
	color: #fff;
}
.bgcd171a {
	background: #cd171a;
	color: #fff;
}



article a, article a:visited, .archive-description a, a#txt-link {
	color: #184e7d;
}
article a:hover, .archive-description a:hover, a#txt-link:hover {
	color: #206daf;
	text-decoration: underline;
}

/* sections, widths & columns */
.row {
	width: 100%;
	overflow: hidden;
}

.c1440 {
	width: 1440px;
	max-width: 94%;
	margin: 0 auto;
}
.c990 {
	width: 990px;
	max-width: 94%;
	margin: 0 auto;
}

.vert-mid {
	position: absolute;
	top: 50%;
}

/* search form */
.search-form {
	position: relative;
	display: inline-block;
}
.site-header .search-form {
	position: absolute;
	right: 14%;
	top: 70px;
}
input.search-field {
	border: none;
	border-radius: 32px;
	-webkit-box-shadow: inset 0px 0px 18px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0px 0px 18px 0px rgba(0,0,0,0.15);
	box-shadow: inset 0px 0px 18px 0px rgba(0,0,0,0.15);
	padding: 6px 15px;
}
input.search-submit {
	position: absolute;
	right: 8px;
	top: 2px;
	border: none;
	font-size: 0;
	background: url("images/search-icon.png") center center no-repeat transparent;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

/* home page */
	/* top slider */
#metaslider-id-2724 {
	position: relative;
}
.rslides1_tabs {
	position: absolute;
	bottom: 2rem;
	left: 50%;
	margin: 0 0 0 -115px;
	padding: 0;
	color: #fff;
	z-index: 99;
}
.rslides1_tabs li {
	display: inline-block;
	position: relative;
	margin: 18px;
	width: 8px;
	height: 8px;
	background: #fff;
}
.rslides1_tabs li.rslides_here {
	background: #206daf;
}
.rslides1_tabs li a {
	width: 30px;
	height: 30px;
	display: block;
	position: relative;
	right: 11px;
	bottom: 11px;
	color: transparent;
}
	/* end top slider */
#switch {
	background: #fff;
	border-radius: 5px 5px 0 0;
	box-shadow: inset 0px 5px 20px 0px rgba(1,1,1,0.25);
	left: 20px;
	padding: 15px;
	position: fixed;
	text-transform: uppercase;
	bottom: 0;
	width: 220px;
	z-index: 99;
	color: #333;
	font-size: 0.9rem;
}
#switch span {
	display: block;
	margin-top: 5px;
	padding: 5px 15px;
	background: #e30c1f;
	color: #fff;
}
#switch:hover {
	box-shadow: inset 0px 5px 20px 0px rgba(23,79,127,0.5);
}
#switch:hover span {
	background: #159639;
	color: #fff;
}
.home-content {
	padding-top: 15px;
}
#post-2, #online-intro {
	width: 990px;
	margin: 0 auto;
	padding: 15px;
	max-width: 100%;
}
#post-2 h2 {
	margin-top: -0.3rem;
	line-height: 1.3;
}
#online-block {
	overflow: hidden;
}
#online-block h2 {
	margin-top: 1.5rem;
}
#online-block img {
	border-radius: 10px;
}
.online-usps {
	background: #fff;
	border-radius: 10px;
	margin: 0.1rem 1rem 1rem 1rem;
	padding: 0.1rem 2rem;
}
.online-usps p.hblue {
	background-position-x: left;
	background-position-y: center;
	background-repeat: no-repeat;
	background-size: 46px auto;
	font-size: 1.1rem;
	margin: 1rem 0;
	padding: 0.6rem 0 0.6rem 55px;
}
#lyw {
	background-image: url('images/learn-your-way-icon.png');	
}
#ict {
	background-image: url('images/instant-certification-icon.png');	
}
#elc {
	background-image: url('images/expert-led-content-icon.png');	
}
#ttp {
	background-image: url('images/track-team-progress-icon.png');	
}
#online-block .pblock {
	margin: 2rem 0;
}

/* not needed anymore a removed from home page
#handstr {
	background-image: url("images/medical-gas-safety.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	width: 100%;
	height: 698px;
	position: relative;
	text-align: left;
}
#handstr .vert-mid {
	right: 58%;
	height: 200px;
	margin-top: -100px;
}
#handstr p {
	font-size: 2.5rem;
	line-height: 1.35;
	margin: 0.3em 0 0.6em;
}
*/
/* end home page */

/* general pages, archives & posts, blocks & adjustments */
.content-area {
	position: relative;
	padding: 15px;
	text-align: left;
}
.content-area h1 {
	text-align: center;
}
#primary {
	width:76%;
	float: left;
}
#tertiary {
	width: 22%;
	float: left;
	margin: 60px 0 60px 2%;
}
.single-faqs #tertiary {
	margin-top: 40px;
}
.page-template-page-with-sidebar .post-thumbnail {
	margin-top: 1.1rem;
}
.help {
	padding: 1.4rem;
	margin: 15px;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(1,1,1,0.2);
	-moz-box-shadow: 0px 5px 10px 0px rgba(1,1,1,0.2);
	box-shadow: 0px 5px 10px 0px rgba(1,1,1,0.2);
}
.help h2 {
	margin: 0;
}
.test-slide ul {
	margin: 0;
	padding: 0;
}
.test-slide .slides li {
	background: #fff;
	border-radius: 10px;
	padding: 2rem 1.5rem 1rem 1.5rem;
}
.test-slide h3 {
	font-size: 1.6rem;
	padding: 3rem 0;
	margin: 0;	
}
.test-slide .caption-wrap {
	text-align: left;
}
.flex-direction-nav li {
	display: inline-block;
	margin: 2rem 0;
}
.flex-direction-nav li a {
	padding: 6px 10px;
	display: inline-block;
	border-radius: 100%;
	background: #214057;
	margin: 0 0.5rem 1rem 0.5rem;
	font-size: 1.2rem;
}
.flex-direction-nav li a:hover {
	background: #fff;
	color: #214057;
}
h2.testhead {
	margin: 2rem 0 0 0;
}
.bne-testimonial-slider.bne-flexslider .flex-content {
	padding: 0.5rem 0;
}
.testimonial-message p {
	color: #404040;
	margin: 0;
	font-style: italic;
	font-size: 1.1rem;
}
.testimonial-message p::before {
	content: "\0022  ";
}
.testimonial-message p::after {
	content: " \0022";
}
.page-id-35 .entry-content ul {
	list-style: unset;
}
.post-type-archive-gas_safety_training .site-main {
	overflow: hidden;
}
.post-type-archive-gas_safety_training .site-main h2, .post-type-archive-consultancy .site-main h2 {
	color: #26588b;
	font-size: 2.3rem;
	text-align: center;
}
.post-type-archive-consultancy .bgf4f5f7, .page-id-10 .bgfff {
	overflow: hidden;
}
.tax-training_category .archive-header {
	text-align: center;
}
.tax-training_category article {
	text-align: center;
}
.page-id-10 .site-content {
	background: #f4f5f7;
}
#post-10 {
	padding-top: 2rem;
}
#serv-intro {
	margin: 2rem auto;
	overflow: hidden;
}
.page-id-5074 #serv-intro {
	margin-bottom: 0;
}
.page-id-10 #serv-intro h2, .page-id-255 #serv-intro h2, .page-id-5074 #serv-intro h2, .term-refresher-training #serv-intro h2 {
	margin: 1rem 0 1.5rem 0;
	max-width: 75%;
}
#serv-intro .assos-ban {
	padding: 0 1rem 0 0;
}
.page-id-255 .c1440.content-areaa {
	display: none;
}
.page-id-5074 .bgf0f5f8 {
	padding: 1.5rem 0;
}
.term-refresher-training .pblock {
	border: 1px solid #214057;
}
	
/* end general pages, archives & posts, blocks & adjustments */

/* contact page */
.page-id-12 .site-content, .page-id-265 .site-content {
	background: #f4f5f7;
}
.contact-twocol {
	overflow: hidden;
	margin-bottom: 2rem;
}
.contact-twocol p {
	width: 45%;
}
.contact-twocol p:nth-child(n+1) {
	float: left;
}
.wpcf7-form p {
	margin: 1rem 2.5% 0.5rem;
}
.wpcf7-form input, .wpcf7-form textarea {
	border: none;
	color: #2c2c2c;
	margin-top: 1rem;
	padding: 1rem;
}
.wpcf7-form .contact-twocol input {
	width: 100%;
}
.wpcf7-radio {
	margin: 0.5rem 0 1.5rem 0;
	display: block;
}
input.wpcf7-submit {
	border: none;
	border-radius: 8px;
	color: #fff;
	cursor: pointer;
	display: block;
	margin: 0 auto;
    padding: 0.2rem 2rem 0.3rem;
	line-height: 1.8;
	font-size: 1.1rem;
	background: #2e5ea5;
	transition: all ease 0.4s;
}
input.wpcf7-submit:hover {	
	background: #101539;
	color: #fff;
}
.page-id-12 .site-footer {
	padding: 0;
}
.page-id-12 .footer-links {
	margin: 0;
}
.wpcf7 form.sent .wpcf7-response-output {
	border: none;
	text-align: center;
}

/* end contact page */

/* sidebars */
.widget-title {
	border: none;
	color: #26588b;
	font-size: 1.5rem;
	margin: 0;
	padding: 0 0 0.6rem 0;
}
#tertiary .widget-title {
	margin: 1rem 0 0 0;
	text-align: left;
	text-transform: uppercase;
}
.widget ul {
	margin: 0;
	padding: 0;
}
.widget ul li {
/*	border-bottom: 1px solid #206daf; */
	margin-bottom: 0.1rem;
}
.widget ul li a {
	background: rgb(46, 94, 165);
	border: 2px solid rgb(46, 94, 165);
	border-radius: 8px;
	color: #fff;
	display: block;
	line-height: 1.8;
	max-width: 98%;
	margin: 0 1%;
	padding: 0.5rem 1rem;
	transition: all ease 0.3s;
}
.widget ul li a:hover, .widget ul li.current-menu-item a, #catstrip .widget ul li.current-menu-item a, .widget ul li [aria-current] {
	background: #fff;
	color: #206daf;
}
.widget ul li a:hover, #catstrip .widget ul li.current-menu-item a {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#tertiary .widget ul li a {
	background: transparent;
	border: none;
	color: #26588b;
	display: block;
	line-height: 1.5;
	margin: 0.5rem 0;
	padding: 0.2rem 0 0.2rem 0.1rem;
	text-align: left;
}
#tertiary .widget ul li a:hover {
	text-decoration: underline;
}
#tertiary .bblock {
	display: block;
	margin-top: 1rem;
}
#tertiary .widget_media_image {
	padding: 1.5rem 1rem;
	background: #206daf;
}
#tertiary .widget_media_image .wp-caption {
	width: 100% !important;
	font-size: 1.1rem;
}
#tertiary .widget ul li#menu-item-3144 a, #menu-item-3158 a {
	font-size: 2.2rem;
	margin-left: 0;
	padding-left: 0;
}
blockquote p::before, blockquote p::after {
	content: '"';
}
blockquote p {
	font-style: italic;
}
#catstrip {
	clear: both;
	padding: 2rem 1rem;
	text-align: center;
}
#catstrip .widget {
	margin: 0;
}
#catstrip ul li {
	display: inline-block;
}
#catstrip .widget ul li a {
	width: auto;
	margin: 0.4rem;
	padding: 0.3rem 0.6rem;
	text-transform: uppercase;
}
.single-post #tertiary section {
	border-bottom: 0.5rem solid #fff;
}
/*.single-post #tertiary section#nav_menu-7, .single-post #tertiary section#categories-2 {
	border: none;
} */
/* end sidebars */

/* single */
.slider-title {
	text-align: center;
	position: absolute;
	top: -22rem;
	z-index: 10;
	color: #fff;
	width: 100%;
	font-size: 2.6em;
	margin: 2rem -15px;
}
.single h1 {
	margin-bottom: 1rem;
}
.single-legal_obligations h1, .single h1 {
	text-align: left;
}
.single .size-medium {
	display: block;
	margin: 2rem 0 1rem;
}
.single article ul {
	list-style: square;
}
.single-gas_safety_training h2.entry-title {
	color: #26588b;
}
.single-post .attachment-thumbnail {
	float: right;
	margin-left: 1.5rem;
}
.single-post .byline::after {
	content: "  |  ";
}
.single-post .posted-on a {
	margin-right: 0.2rem;
}
.single-post .cat-links {
	margin-left: 0.2rem;
}
.single-post article h3 {
	font-size: 1.6rem;
}
.nav-links a {
	border: 2px solid #2e5ea5;
	border-radius: 8px;
	display: inline-block;
	background: #2e5ea5;
	margin: 0 1rem;
	font-size: 1.1rem;
	line-height: 1.8;
}
.nav-previous a {
	padding: 0.2rem 1rem 0.3rem 1.5rem;
	margin: 0 0 0 1rem;
}
.nav-next a {
	padding: 0.2rem 1.5rem 0.3rem 1rem;
	margin: 0 1rem 0 0;
}
.nav-links a:hover {
	color: #2e5ea5;
	background: #fff;
}
.navigation .nav-next a::before {
	content: "\2190 \00A0 \00A0";
}
.navigation .nav-previous a::after {
	content: "\00A0 \00A0 \2192";
}

ul.legallist {
	margin: 0;
}
ul.legallist li {
	margin-bottom: 1rem;
}
.keytake {
	padding: 1rem 3rem;
	margin: 2rem;
	width: 650px;
	max-width: 80%;
	background: #eee;
}

/* end single */

/* authorship */
.author .archive-description h2, .author .archive-description h3 {
	clear: none;
}
.author .archive-description h3 {
	font-weight: 600;
}
.author .avatar {
	float: left;
	margin: 0 2rem 1rem 0;
}
.author .gallery.author-arc {
	border-top: 1px solid #c2d4e4;
	margin-top: 3rem;
}

/* end authorship */

/* footer */
.pre-footer {
	position: relative;
	margin: 0;
	border-bottom: 1px solid #aaaaaa;
	overflow: hidden;
	-webkit-box-shadow: inset 0px 14px 14px 0px rgba(23,79,127,0.5);
	-moz-box-shadow: inset 0px 14px 14px 0px rgba(23,79,127,0.5);
	box-shadow: inset 0px 14px 14px 0px rgba(23,79,127,0.5);
}
.assos-ban, .home-content .blogcat {
	background: #fff;
	margin: 0;
}
.assos-ban {
	padding: 2rem 0 0 0;
}
.home-content .blogcat {
	overflow: hidden;
	padding: 0 0 2rem 0;
}
.assos-ban li {
	display: inline-block;
	margin: 10px 0 8px;
}
.assos-ban li a {
	display: inline-block;
	margin: 0 25px;
	transition: all ease 0.3s;
}
.page-id-255 .assos-ban li a, .page-id-10 .assos-ban li a, .page-id-5074 .assos-ban li a, .single-gas_safety_training .assos-ban li a, .term-refresher-training .assos-ban li a {
	margin: 0 12px;
}
.assos-ban li a:hover {
	opacity: 0.7;
}
.single-gas_safety_training .assos-ban {
	padding: 1.5rem 0;
}
.choose {
	overflow: hidden;
	padding: 3rem;
	max-width: 1920px;
}
.choose h3 {
	font-size: 2.5rem;
	margin-top: 1.5rem;
}
.choose h4 {
	font-size: 1.1rem;
	font-weight: bold;
	margin: 0 0 0.5rem 0;
}
.choose p {
	color: #4f4f4f;
}
.choose ul {
	margin: 0;
	padding: 0;
}
.choose ul li {
	display: inline-block;
	float: left;
	padding: 1rem;
	width: 20%;
}
	/* brand carousel */
#clogo {
	background: #fff;
	overflow: hidden;
	padding: 2rem 0 1rem 0;
}
#clogo h3 {
	font-size: 1.6rem;
	padding: 0.5rem 0;
	margin: 0;
}
#metaslider-id-3913 {
	line-height: 1;
}
#metaslider_3913 ul {
	margin: 0;
	padding: 0;
}
	/* end brand carousel */
	
.site-footer {
	color: #fff;
	padding-top: 2rem;
}
.site-footer .wblock, .site-footer .tblock {
	margin: 1rem;
}
.footer-links {
	margin-top: 2rem;
	overflow: hidden;
	padding: 2rem 0;
	text-align: left;
}
.footer-links .c1440 {
	overflow: hidden;
}
.footerq {
	float: left;
	width: 25%;
}
.footer-title {
	display: block;
	margin: 25% 0 0 0;
}
.footerq li {
	margin: 0.25rem 0;
}
.footerq li a:hover {
	text-decoration: underline;
}
.footerq li a.lif:hover {
	text-decoration: none;
}

.q1 img {
	max-width: 90%;
}

.gssocial{
	display: inline-block;
	margin: 1rem 0 0 0;
}
.gssocial:hover {
	opacity: 0.7;
}
.author-lif {
	display: block;
	background-position: -85px -87px;
}
.author-lif:hover {
	opacity: 0.7;
}

.copyright p {
	font-size: 0.9em;
	margin: 0;
	padding: 1rem 0;
}

/* end footer */

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1rem;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 2.5em;
	overflow: hidden;
}

.single-legal_obligations .gallery {
	max-width: 990px;
}

.gallery-columns-3, .gallery-columns-2, .gallery-columns-1 {
	margin: 0;
	padding: 0;
}

.gallery-columns-3 #text {
	width: 0;
}

.gallery-item {
	text-align: left;
	vertical-align: top;
	width: 100%;
	float: left;
}
.gallery-item a {
	color: #000;
	overflow: hidden;
}
.gallery-item a:hover {
	background: #fff;
}
.gallery-item a:hover .gallery-caption {
	opacity: 0.8;
}
.gallery-item a:hover h3 {
	color: #26588b;
}
.page-id-255 .servig a:hover {
	background: #f0f5f8;
}

.gallery-columns-1 .gallery-item {
	float: none;
	max-width: 100%;
	text-align: left;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-3 li:nth-child(4), .gallery-columns-3 li:nth-child(7) {
	clear: both;
}
/* extension of above for category archives that cannot be capped at 9 */
.gallery-columns-3 li:nth-child(10), .gallery-columns-3 li:nth-child(13), .gallery-columns-3 li:nth-child(16), .gallery-columns-3 li:nth-child(19), .gallery-columns-3 li:nth-child(22), .gallery-columns-3 li:nth-child(25), .gallery-columns-3 li:nth-child(28), .gallery-columns-3 li:nth-child(31), .gallery-columns-3 li:nth-child(34), .gallery-columns-3 li:nth-child(37), .gallery-columns-3 li:nth-child(40) {
	clear: both;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.servig {
	padding: 0 3rem;
}

/* home services grid images */
.ilg {
	background-image: url('images/in-person-training.jpg');
}
.gse {
	background-image: url('images/online-gas-training.jpg');
}
.wtg {
	background-image: url('images/remote-teams-training.jpg');
}
.rtg {
	background-image: url('images/refresher-gas-training-g.jpg');
}
.gsn {
	background-image: url('images/compressed-gas-consultancy-png.jpg');
}
.gsm {
	background-image: url('images/gas-safety-compliancy-g.jpg');
}
#serv-grid {
	background-color: #184e7d;
	background-repeat: no-repeat;
}

.gallery-caption {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 10px;
	margin: 3.33%;
	min-height: 280px;
}

.gallery-content {
	margin: 3.33%;
}
.gallery-content h3 {
	font-size: 1.6rem;
	margin: 1.5rem 0 1rem;
}
.servig h3 {
	padding-left: 50px;
	background: url('images/gas-safe-icon.png') no-repeat top left;
	max-width: 330px;
}
.gallery-caption h3 a {
	display: block;
	font-size: 1.4rem;
	text-transform: uppercase;
	padding: 50px 0;
	background: url('images/white-arrow.png') no-repeat center bottom rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 0px 50px 140px rgba(0,0,0, 0.4);
	-moz-box-shadow: 0px 0px 50px 140px rgba(0,0,0, 0.4);
	box-shadow: 0px 0px 50px 140px rgba(0,0,0, 0.4);
}
/*
.servig .gallery-caption h3 a {	
	background: url('images/white-arrow.png') no-repeat center bottom transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
*/
#serv-grid a:hover {
	color: #fff;
}
/*
#serv-grid .gal-exc a {
	display: block;
	width: 100%;
	margin: auto;
	padding: 0;
	line-height: 1.8;
	font-size: 1.1rem;
}
.gal-exc {
	color: #000;
	min-height: 200px;
}
.gal-exc p {
	margin: auto;
}
#serv-grid .gal-exc {
	min-height: 265px;
}
.gallery-caption .gal-exc, .gallery-caption .bblock {
	display: none;
}
.gallery-caption:hover .gal-exc {
	display: flex;
}
.gallery-caption:hover .bblock {
	display: inline-block;
	margin-top: 20px;
}
.gallery-caption:hover h3 {
	display: none;
}
*/

/* gas_safety_training gallery grid adjustments */

.servig a, .post-type-archive-gas_safety_training .gallery-item a, .post-type-archive-consultancy .gallery-item a {
	border-radius: 10px;
	display: block;
}

.laboratory-environments {
	background-image: url('images/laboratory-gas-workshops.jpg');
}
.industrial-environments {
	background-image: url('images/industrial-gas-workshops.jpg');
}
.cryogenic-gas-users {
	background-image: url('images/liquid-nitrogen-workshops.jpg');
}
.oxy-fuel-gases-hot-work {
	background-image: url('images/oxyfuel-hot-work-workshops.jpg');
}
.practical-workshops {
	background-image: url('images/gas-safety-practical-workshops.jpg');
}
.welder-training {
	background-image: url('../../uploads/MIG-450x365.jpg');
}
.universities-colleges {
	background-image: url('images/university-gas-workshops.jpg');
}
.refresher-training {
	background-image: url('images/gas-safety-refresher-workshops.jpg');
}

/* tax-training_category gallery grid adjustments - also applies to training method */
.tax-training_category .gallery, .page-id-5074 .gallery {
	margin: 3rem 0 0 0;
}
.tax-training_category .gallery-item, .page-id-5074 .gallery-item {
	margin-bottom: 2.5rem;
}
.tax-training_category #serv-grid, .page-id-5074 #serv-grid {
	background-color: #f0f5f8;
	background-size: 30% auto;
	border: 2px solid #fff;
	border-radius: 10px;
	padding-left: 30%;
	transition: all ease 0.3s;
}
.tax-training_category a:hover #serv-grid, .page-id-5074 a:hover #serv-grid {
	background-color: #fff;
	border: 2px solid #eee;
}
.tax-training_category #serv-grid h3, .page-id-5074 #serv-grid h3 {
	color: #26588b;
	margin: 0;
	padding: 1.6rem 2rem 0 2rem;
	font-size: 1.4rem;
	text-transform: uppercase;
}
/*
.tax-training_category .read-more {
	background: #206daf;
	color: #fff;
	display: block;
	padding: 0.5rem 2rem;
	font-size: 1.1rem;
	margin-top: 1rem;
}
.tax-training_category .read-more::after {
	content: " \2192"
}
*/
.wksert {
	overflow: hidden;
	color: #2c2c2c;
	padding: 0 2rem 1.6rem 2rem;
}
.wksert .bblock {
	font-size: 1rem;
}

/* legal obligations and refrsher training adjustments */
.post-type-archive-legal_obligations .gallery-caption h3 {
	margin-top: 10%;
}
.term-refresher-training .gallery-caption h3 {
	margin-top: 0;
}
.industrial-legal {
	background-image: url('images/industral-gas-training-lo.jpg');
}
.laboratory-legal {
	background-image: url('images/laboratory-gas-training-lo.jpg');
}
.nitrogen-legal {
	background-image: url('images/liquid-nitrogen-training-lo.jpg');
}
.oxyfuel-legal {
	background-image: url('images/oxy-fuel-training-lo.jpg');
}

/* blog adjustments */
.blogcat .gallery, .post-type-archive-faqs .gallery {
	margin-top: 1.5em;
}
.gallery-img {
	margin: 3.33% 3.33% 0 3.33%;
}
.gallery-img img {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	display: block;
}
.blogcat .gallery-content {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-top: 0;
	padding: 0 1.5rem 1.5rem 1.5rem;
}
.blogcat .entry-title {
	font-size: 1.4rem;
	line-height: 1.2;
}
.blogcat .entry-title a, .blogcat .entry-meta {
	color: #214057;
}
.blogcat .entry-meta {
	font-size: 0.9rem;
	padding: 1rem 0 0 0;
}
.gallery .entry-meta a, .gallery .entry-footer a {
	font-weight: 600;
}
.blogcat .gallery-img a:hover {
	opacity: 0.7;
}
.blogcat .entry-title a:hover {
	background: transparent;
	text-decoration: underline;
}
.blogcat .gallery-content p {
	font-size: 1rem;
	line-height: 1.3;
}

/* about / team adjustments */
#about-ban {
	list-style: disc;
	padding-left: 1rem;
}
#about-ban li {
	margin-bottom: 0.5rem;
}
.page-id-10 .gallery-item img {
	border-radius: 10px;
}
.page-id-10 .gallery-item h3 {
	margin: 1rem 3.33%;
}

/* legal obligations adjustments */
.post-type-archive-legal_obligations #serv-grid {
	background-color: #206daf;
	transition: all ease 0.4s;
}
.post-type-archive-legal_obligations #serv-grid:hover {
	background-color: #184e7d;
}

/* Single Workshops */

.single-gas_safety_training .bgf4f5f7, .single-consultancy .bgf4f5f7 {
	overflow: hidden;
}
.single-gas_safety_training .content-area, .single-consultancy .content-area, .page-id-265 .content-area {
	margin: 2rem auto;
	overflow: hidden;
}
.single-gas_safety_training article, .single-consultancy article, .page-id-265 article {
	width: 55%;
	float: left;
}
.single-gas_safety_training .attachment-post-thumbnail, .single-consultancy .attachment-post-thumbnail, .page-id-265 .attachment-post-thumbnail {
	border-radius: 10px;
	width: 42%;
	float: right;
	margin-top: 1rem;
}
	/* Accordion styling for workshops and for FAQs */
.single-gas_safety_training .lightweight-accordion, .page-id-265 .lightweight-accordion, .single-faqs .lightweight-accordion {
	border-bottom: 1px solid #000;
	margin-bottom: -1rem;
	padding-bottom: 0.5rem;
}
.single-gas_safety_training .lightweight-accordion:last-of-type, .page-id-265 .lightweight-accordion:last-of-type, .single-faqs .lightweight-accordion:last-of-type {
	border-bottom: none;
}
.single-gas_safety_training .lightweight-accordion .lightweight-accordion-title, .page-id-265 .lightweight-accordion .lightweight-accordion-title, .single-faqs .lightweight-accordion .lightweight-accordion-title {
	background: transparent;
	display: block;
	line-height: 2;
}
.single-gas_safety_training .lightweight-accordion .lightweight-accordion-title h3, .page-id-265 .lightweight-accordion .lightweight-accordion-title h3, .single-faqs .lightweight-accordion .lightweight-accordion-title h2 {
	font-size: 1.7rem;
}
.single-gas_safety_training .lightweight-accordion .lightweight-accordion-title::before, .page-id-265 .lightweight-accordion .lightweight-accordion-title::before {
	content: url('images/gas-safe-icon.png');
	vertical-align: bottom;
}
.single-gas_safety_training .lightweight-accordion details[open] .lightweight-accordion-title::before, .page-id-265 .lightweight-accordion details[open] .lightweight-accordion-title::before {
	content: url('images/gas-safe-icon-open.png');
}
.single-gas_safety_training .lightweight-accordion .lightweight-accordion-title::after, .page-id-265 .lightweight-accordion .lightweight-accordion-title::after {
	content: "+";
	display: block;
	float: right;
	line-height: 1.1;
	font-size: 3rem;
	font-weight: lighter;
	font-family: initial;
}
.single-gas_safety_training .lightweight-accordion details[open] .lightweight-accordion-title::after, .page-id-265 .lightweight-accordion details[open] .lightweight-accordion-title::after {
	content: "—";
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.5;
}

.single-faqs #content, .post-type-archive-faqs #content {
	background: #f4f5f7;
}
.single-faqs #primary {
	margin-top: 15px;
}
.single-faqs .lightweight-accordion {
	margin: 0 20px -1rem 0;
}
.single-faqs .lightweight-accordion details {
	padding: 0 0 0 55px;
	background: url('images/gas-safe-icon.png') 0 0 no-repeat;
}
.single-faqs .lightweight-accordion details[open] {
	background: url('images/gas-safe-icon-open.png') 0 0 no-repeat;
}
.single-faqs .lightweight-accordion details .lightweight-accordion-title {
	padding: 0 55px 0 0;
	background: url('images/faq-plus.png') right -8px no-repeat;
}
.single-faqs .lightweight-accordion details[open] .lightweight-accordion-title {
	background: url('images/faq-minus.png') right -8px no-repeat;
}
.single-faqs .lightweight-accordion .lightweight-accordion-title {
	padding: 0;
}
.single-faqs .lightweight-accordion .lightweight-accordion-title h2 {
	font-size: 1.4rem;
	line-height: 1.4;
	display: block;
}
.single-faqs .lightweight-accordion .lightweight-accordion-body {
	padding: 0 55px 0 0;
}
#faq-contact {
	margin: 2rem 0;
}
#faq-contact a {
	color: #26588b;
}
#faq-contact a:hover {
	text-decoration: underline;
}

	/* end Accordion styling */
.lightweight-accordion-body li {
	line-height: 1.5;
}
.t-ways {
	overflow: hidden;
	padding: 1rem 6rem 2rem 6rem;
}
.t-ways h3 {
	font-size: 1.6rem;
}
.t-ways p {
	font-size: 1.2rem;
	line-height: 1.4;
	padding: 100px 0 0 0;
	margin: 0 0 2.5rem 0;
}
.book-l {
	display: block;
	width: 60%;
	float: left;
}
.book-l p {
	width: 50%;
	float: left;
}
.book-r {
	display: block;
	width: 40%;
	float: left;
}
#three-os {
	background: url('images/three-on-site-icon.png') no-repeat top center;
}
#three-rv {
	background: url('images/three-remote-icon.png') no-repeat top center;
}
#three-el {
	background: url('images/three-elearning-icon.png') no-repeat top center;
}
.3ways a {
	
}

 /* two ways */
.book-two {
	margin: 0 10%;
	overflow: hidden;
}
.book-two .book-r {
	width: 45%;
	margin: 0 2.5%;
}
 /* one way */
.t-ways.book-one {
	padding: 2rem 0;
}



/*--------------------------------------------------------------
## Slides
--------------------------------------------------------------*/
.rslides {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0 !important;
}

.rslides li {
	-webkit-backface-visibility: hidden;
	width: 100%;
	left: 0;
	top: 0;
	list-style: none;
}

.rslides img {
	height: auto;
	float: left;
	width: 100%;
	-moz-user-select: none;
}

.page-id-2 .metaslider .caption-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -135px -375px;
	width: 100%;
	max-width: 740px;
	color: #fff;
}

.metaslider .caption {
	padding: 20px 10px 10px 10px;
}

.slide-t {
	font-size: 2.6em;
	line-height: 1.3;
	margin: 10px 0;
}

.slide-d {
	font-size: 1.1em;
	width: 100%;
	max-width: 530px;
	padding: 0;
	margin: 10px auto;
}

.slide-b {
	font-size: 1.1em;
	display: inline-block;
	padding: 0.5em 2em;
	margin: 10px 0;
	border: 1px solid #fff;
	transition: all ease 0.4s;
}
#metaslider_2724 a:hover .slide-b {
	background: #fff;
	color: #206daf;
}

/* Static banners */

.home-ban {
	/* The image used */
	background-image: url("../../uploads/2026/04/gas-safe-consultants-ban.jpg");

	/* Full height */
	height: 100%;

	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  
	/* Apply transparent overlay to the background image */
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,.65);
}
.page-ban {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,.65);
}
.page-ban .banner-content {
	padding: 8% 0;
}
.single-gas_safety_training .page-ban .banner-content {
	padding: 5% 0 2.5% 0;
}
.page-id-255 .page-ban {
  background-image: url("../../uploads/2026/05/services-gas-safety-banner.jpg");
}
.page-id-10 .page-ban {
  background-image: url("../../uploads/2026/04/about-gas-safe-banner.jpg");
}
.page-id-12 .page-ban {
  background-image: url("../../uploads/2026/04/contact-banner.jpg");
}
.page-id-265 .page-ban {
  background-image: url("../../uploads/2026/04/compliance-banner.jpg");
}
.page-id-5074 .page-ban {
  background-image: url("../../uploads/2026/05/remote-training-banner.jpg");
}
.post-type-archive-consultancy .page-ban {
  background-image: url("../../uploads/2026/04/consultancy-banner.jpg");
}
.postid-3170 .page-ban {
  background-image: url("../../uploads/2026/04/risk-assessment-banner.jpg");
}
.postid-3164 .page-ban {
  background-image: url("../../uploads/2026/04/consultancy-banner.jpg");
}
.postid-3173 .page-ban {
  background-image: url("../../uploads/2026/04/compliance-banner.jpg");
}
	/* Workshop categories/environments */
.post-type-archive-gas_safety_training .page-ban {
  background-image: url("../../uploads/2026/05/services-gas-safe-banner.jpg");
}
.term-laboratory-environments .page-ban {
  background-image: url("../../uploads/2026/04/laboratory-banner.jpg");
}
.term-industrial-environments .page-ban {
  background-image: url("../../uploads/2026/04/industrial-banner.jpg");
}
.term-cryogenic-gas-users .page-ban {
  background-image: url("../../uploads/2026/04/cryogenic-banner.jpg");
}
.term-universities-colleges .page-ban {
  background-image: url("../../uploads/2026/04/universities-banner.jpg");
}
.term-welder-training .page-ban {
  background-image: url("../../uploads/2026/04/welding-banner.jpg");
}
.term-oxy-fuel-gases-hot-work .page-ban {
  background-image: url("../../uploads/2026/04/oxyfuel-hotwork-banner.jpg");
}
.term-practical-workshops .page-ban {
  background-image: url("../../uploads/2026/04/practical-banner.jpg");
}
.term-refresher-training .page-ban {
  background-image: url("../../uploads/2026/05/refresher-banner.jpg");
}
	/* Single workshops */
	/* Laboratory */
.postid-2813 .page-ban {
  background-image: url("../../uploads/2026/04/laboratory-gases-connecting-regulators-demonstration-banner.jpg");
}
.postid-3334 .page-ban {
  background-image: url("../../uploads/2026/04/laboratory-gases-manifold-systems-banner.jpg");
}
.postid-2807 .page-ban {
  background-image: url("../../uploads/2026/04/laboratory-gases-theory-banner.jpg");
}
.postid-2810 .page-ban {
  background-image: url("../../uploads/2026/04/laboratory-gases-connecting-regulators-practical-banner.jpg");
}
	/* Laboratory & Industrial*/
.postid-4782 .page-ban {
  background-image: url("../../uploads/2026/04/safe-storage-handling-gas-cylinders-banner.jpg");
}
.postid-2818 .page-ban {
  background-image: url("../../uploads/2026/04/safe-use-manifold-practical-connecting-regulators-banner.jpg");
}
.postid-3743 .page-ban {
  background-image: url("../../uploads/2026/04/using-compressed-nitrogen-safely-banner.jpg");
}
	/* Laboratory & Liquid Nitrogen*/
.postid-2815 .page-ban {
  background-image: url("../../uploads/2026/04/laboratory-gases-liquid-nitrogen-theory-banner.jpg");
}
	/* Industrial */
.postid-4814 .page-ban {
  background-image: url("../../uploads/2026/04/industrial-gases-connecting-regulators-practical-banner.jpg");
}
.postid-2764 .page-ban {
  background-image: url("../../uploads/2026/04/industrial-gases-connecting-regulators-demonstration-banner.jpg");
}
.postid-3780 .page-ban {
  background-image: url("../../uploads/2026/04/industrial-gases-manifold-systems-banner.jpg");
}
.postid-2739 .page-ban {
  background-image: url("../../uploads/2026/04/industrial-gases-theory-banner.jpg");
}
.postid-2754 .page-ban {
  background-image: url("../../uploads/2026/04/industrial-gases-liquid-nitrogen-theory-banner.jpg");
}
	/* Liquid Nitrogen */
.postid-2827 .page-ban {
  background-image: url("../../uploads/2026/04/liquid-nitrogen-decant-demonstration-banner.jpg");
}
.postid-2821 .page-ban {
  background-image: url("../../uploads/2026/04/liquid-nitrogen-theory-banner.jpg");
}
.postid-2824 .page-ban {
  background-image: url("../../uploads/2026/04/liquid-nitrogen-practical-decant-banner.jpg");
}
.postid-2779 .page-ban {
  background-image: url("../../uploads/2026/04/shrink-fitting-liquid-nitrogen-banner.jpg");
}
	/* Oxy-fuel & Hotwork */
.postid-4825 .page-ban {
  background-image: url("../../uploads/2026/04/using-oxyfuel-theory-banner.jpg");
}
.postid-2766 .page-ban {
  background-image: url("../../uploads/2026/04/using-oxyfuel-demonstration-banner.jpg");
}
.postid-2758 .page-ban {
  background-image: url("../../uploads/2026/04/using-oxyfuel-practical-banner.jpg");
}
.postid-2762 .page-ban {
  background-image: url("../../uploads/2026/04/using-oxyfuel-inspection-banner.jpg");
}
.postid-2768 .page-ban {
  background-image: url("../../uploads/2026/04/hotwork-operatives-banner.jpg");
}
.postid-3962 .page-ban {
  background-image: url("../../uploads/2026/04/hotwork-assessors-banner.jpg");
}
.postid-2770 .page-ban {
  background-image: url("../../uploads/2026/04/using-lpg-propane-banner.jpg");
}
.postid-5107 .page-ban {
  background-image: url("../../uploads/2026/05/inspectors-oxy-fuel-banner.jpg");
}
.postid-5110 .page-ban {
  background-image: url("../../uploads/2026/05/inspectors-single-cylinder-systems-banner.jpg");
}

	/* Welding & Process */
.postid-2838 .page-ban {
  background-image: url("../../uploads/2026/04/oxyfuel-cutting-burning-banner.jpg");
}
.postid-2841 .page-ban {
  background-image: url("../../uploads/2026/04/welding-mma-banner.jpg");
}
.postid-2832 .page-ban {
  background-image: url("../../uploads/2026/04/welding-mig-banner.jpg");
}
.postid-2835 .page-ban {
  background-image: url("../../uploads/2026/04/welding-tig-banner.jpg");
}
.postid-3754 .page-ban {
  background-image: url("../../uploads/2026/04/oxyfuel-plasma-cutting-banner.jpg");
}
.postid-2844 .page-ban {
  background-image: url("../../uploads/2026/04/welding-brazing-soldering-banner.jpg");
}
	/* Universities */
.postid-2854 .page-ban {
  background-image: url("../../uploads/2026/04/universities-liquid-nitrogen-banner.jpg");
}
.postid-2851 .page-ban {
  background-image: url("../../uploads/2026/04/universities-connecting-regulators-banner.jpg");
}
.postid-4051 .page-ban {
  background-image: url("../../uploads/2026/04/universities-manifold-systems-banner.jpg");
}
.postid-4055 .page-ban {
  background-image: url("../../uploads/2026/04/universities-manifold-practical-banner.jpg");
}
	/* Practical */
.postid-4995 .page-ban {
  background-image: url("../../uploads/2026/04/single-cylinder-safety-inspection.jpg");
}
.postid-4991 .page-ban {
  background-image: url("../../uploads/2026/04/oxy-fuel-safety-inspection.jpg");
}
.postid-4989 .page-ban {
  background-image: url("../../uploads/2026/04/decanting-liquid-nitrogen-practical.jpg");
}
.postid-4987 .page-ban {
  background-image: url("../../uploads/2026/04/oxy-fuel-practial-setup.jpg");
}
.postid-4985 .page-ban {
  background-image: url("../../uploads/2026/04/manifold-systems-practial-connecting-regulators.jpg");
}
.postid-4983 .page-ban {
  background-image: url("../../uploads/2026/04/connecting-regulators-practial.jpg");
}
	/* FAQs */
.postid-5177 .page-ban {
  background-image: url("../../uploads/2026/04/safe-use-manifold-practical-connecting-regulators-banner.jpg");
}
.postid-5283 .page-ban {
  background-image: url("../../uploads/2026/07/faqs-refresher-banner.jpg");
}
.postid-5236 .page-ban {
  background-image: url("../../uploads/2026/07/faqs-hoses-banner.jpg");
}
.postid-5253 .page-ban {
  background-image: url("../../uploads/2026/07/faqs-torches-nozzles-banner.jpg");
}
.postid-5245 .page-ban {
  background-image: url("../../uploads/2026/07/faqs-handling-banner.jpg");
}
.postid-5241 .page-ban {
  background-image: url("../../uploads/2026/07/faqs-regulators-banner.jpg");
}
.postid-5225 .page-ban {
  background-image: url("../../uploads/2026/07/faqs-flashback-arrestors-banner.jpg");
}
.postid-5256 .page-ban {
  background-image: url("../../uploads/2026/07/faqs-transportation-banner.jpg");
}

.banner-content {
	color: #fff;
	text-align: left;
	width: 850px;
	max-width: 100%;
}
.home .banner-content {
	position: absolute;
	bottom: 15%;
}
.banner-content h1 {
	color: #fff;
	line-height: 1.3;
	text-transform: uppercase;
}
.banner-content h1, .banner-content p {
	margin: 1rem 0;
}
.banner-content a {
	margin: 1rem 2rem 2rem 0;
}
#usp-ban img {
	padding: 0.2rem 1rem 0 1rem;
	width: 1200px;
}


/*--------------------------------------------------------------
## Responsive Styles
--------------------------------------------------------------*/

@media screen and (max-width: 1800px) {

/*	.slider-title {
	top: -20.5rem;
	} */
}

@media screen and (max-width: 1700px) {

/*	.slider-title {
	top: -19rem;
	} */
}

@media screen and (max-width: 1600px) {

	.single-post .attachment-thumbnail {
	max-width: 50%;
	margin-top: 1rem;
	}
	#tertiary {
	width: 20%;
	margin: 60px 2%;
	}
	.single-faqs #tertiary {
	margin-top: 40px;
	}
}

@media screen and (max-width: 1400px) {

	.tax-training_category #serv-grid h3, .page-id-5074 #serv-grid h3 {
	padding: 1rem 1rem 0.6rem 1rem;
	}
	.wksert {
	padding: 0 1rem 1.2rem 1rem;
	}
	.wksert p {
	margin: 0 0 1rem 0;
	}
}

@media screen and (max-width: 1300px) {
	
	#handstr {
	height: 400px;
	}
	#handstr .vert-mid {
	right: 58%;
	height: 150px;
	margin-top: -75px;
	}
	#handstr p {
	font-size: 1.8rem;
	line-height: 1.2;
	margin-bottom: 0.5em;
	}
	.single #primary {
	width: 68%;
	padding: 2%;
	}
	.single #tertiary {
	width: 28%;
	}
	.q3 {
	width: 18%;
	}
	.q4 {
	width: 32%;
	}
	.footerq ul {
	margin-left: 0;
	}
}

@media screen and (max-width: 1200px) {

	.tax-training_category .content-area {
	padding: 15px 0;
	}
	.tax-training_category #serv-grid, .page-id-5074 #serv-grid {
	background-size: 35% auto;
	padding-left: 35%;
	}
	.tax-training_category #serv-grid h3, .page-id-5074 #serv-grid h3 {
	font-size: 1.3rem;
	}
}

@media screen and (max-width: 1100px) {
	
	.gallery-columns-2 .gallery-item.widen {
	max-width: 100%;
	}
	.gallery-columns-2 .gallery-item.widen:first-of-type {
	text-align: center;
	margin-bottom: 2rem;
	}
	#online-block .pblock {
	margin: 2rem 0 4rem;
	}
	#serv-intro.gallery-columns-2 .gallery-item {
	max-width: 100%;
	}
	.tax-training_category #serv-grid, .page-id-5074 #serv-grid {
	background-size: 40% auto;
	padding-left: 40%;
	}
	.page-id-5074 .bgf0f5f8 #serv-intro .gallery-item:first-of-type  {
	margin-bottom: 0;
	}
}

/* Tablet Landscape 1024x768) */
@media screen and (max-width: 1024px) {
	
	.main-navigation {
	text-align: left;
	z-index: 99;
	}
	.menu-toggle {
	font-size: 1.8rem;
	cursor: pointer;
	background: transparent;
	border: none;
	padding: 1rem 2rem;
	}
	.home .menu-toggle {
	color: #fff;
	transition: color 0.4s ease;
	}
	.toggled .menu-toggle {
	color: #206daf;
	}
	.menu-main-menu-container {
	position: absolute;
	right: 0;
	top: 100%;
	}
	.main-navigation ul {
	background: #fff;
	padding: 1rem 2rem;
	}
	.toggled .menu-main-menu-container {
	box-shadow: 0px 700px 20px 700px rgba(0, 0, 0, 0.2);
	z-index: 1;
	}
	.main-navigation li {
	display: block;
	}
	.main-navigation a {
	margin: 15px 0;
	padding: 5px 15px;
	}
	.main-navigation ul ul {
	position: unset;
	float: none;
	padding: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	}
	.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	}
	.main-navigation ul ul a {
	font-size: 1rem;
	padding: 5px 30px;
	width: auto;
	}
	.main-navigation ul li:hover ul a {
	color: #2c2c2c;
	}
	.main-navigation ul li:hover ul li:hover a {
	color: #206daf;
	font-weight: normal;
	}
	.main-navigation ul ul a::before {
	content: "- ";
	}
	/* home page nav adjustments */
		.home .menu-toggle {
		border-radius: 0;
		}
		.home .toggled .menu-toggle {
		background: #fff;
		}
		.home .menu-main-menu-container {
		top: unset;
		}
		.home .main-navigation a {
		color: unset;
		}
	/* end home page nav adjustments */
	
	
	.home-content {
	padding-top: 15px;
	}
	.servig {
	padding: 0 1rem;
	}
	.choose {
	padding: 3rem 3% 3% 3%;
	}
	#post-2 {
	padding: 15px 30px 0 30px;
	}
	#catstrip .widget-title {
	padding: 0.2rem 1rem 0.6rem 1rem;
	}
	.single-gas_safety_training h2.entry-title {
	font-size: 1.8rem;
	margin: 1rem 0 0.2rem 0;
	}
	h2.testhead {
	margin: 1rem 0 0 0;
	}
	.page-id-5074 .gallery-item {
	margin-bottom: 1.5rem;
	}
/*	.pre-footer ul li {
	max-width: 24%;
	} */
	.footerq.q1 {
	float: none;
	margin-bottom: 1.5rem;
	width: 100%;
	}
	.q2 {
	width: 33%;
	}
	.q3 {
	width: 27%;
	}
	.q4 {
	width: 40%;
	}
	.footer-title {
	margin: 0;
	text-align: center;
	}
	.footerq li {
	margin: 0.5rem 0;
	}
}
@media screen and (max-width: 1023px) {

	.tax-training_category #serv-grid h3, .page-id-5074 #serv-grid h3 {
	font-size: 1.2rem;
    }
	.t-ways {
	padding: 1rem 5% 2rem 5%;
	}
	.book-two {
	margin: 0 15%;
	}
}
@media screen and (max-width: 901px) {
	
	.site-title a {
	max-width: 280px;
	}
	.site-header {
	position: relative;
	}
	.home .banner-content {
	bottom: 8%;
	width: 80%;
	}
	#usp-ban {
	display: none;
	}
	.choose ul li {
	display: inline-table;
	float: none;
	width: 30%;
	}
	.c1440.gallery {
	padding: 0;
	margin-bottom: 3.5%;
	}
	.gallery-columns-3 .gallery-item {
	max-width: 50%;
	}
	.tax-training_category .gallery-item {
	margin-bottom: 1.5rem;
	}
/* Control of the 3 column gallery items behaviour when switching to 2 columns */	
	.gallery-columns-3 li:nth-child(4) {
	clear: none;
	}
	.gallery-columns-3 li:nth-child(3), .gallery-columns-3 li:nth-child(5), .gallery-columns-3 li:nth-child(9) {
	clear: both;
	}
	/* extension of above for category archives that cannot be capped at 9 */
	.gallery-columns-3 li:nth-child(4), .gallery-columns-3 li:nth-child(10), .gallery-columns-3 li:nth-child(16), .gallery-columns-3 li:nth-child(22), .gallery-columns-3 li:nth-child(28), .gallery-columns-3 li:nth-child(34), .gallery-columns-3 li:nth-child(40) {
	clear: none;
	}
	.gallery-columns-3 li:nth-child(3), .gallery-columns-3 li:nth-child(5), .gallery-columns-3 li:nth-child(9), .gallery-columns-3 li:nth-child(11), .gallery-columns-3 li:nth-child(15), .gallery-columns-3 li:nth-child(17), .gallery-columns-3 li:nth-child(21), .gallery-columns-3 li:nth-child(23), .gallery-columns-3 li:nth-child(27), .gallery-columns-3 li:nth-child(29), .gallery-columns-3 li:nth-child(33), .gallery-columns-3 li:nth-child(35), .gallery-columns-3 li:nth-child(39) {
	clear: both;
	}
/* end of 3 column gallery items */	
	.single-gas_safety_training article, .single-consultancy article, .page-id-265 article {
	width: 100%;
	float: none;
	}
	.single-gas_safety_training .attachment-post-thumbnail, .single-consultancy .attachment-post-thumbnail, .page-id-265 .attachment-post-thumbnail {
	display: block;
	float: none;
	margin: 1rem auto 0;
	width: auto;
	}
	.t-ways .bblock {
	padding: 0.45rem 1rem 0.5rem
	}
	.single-legal_obligations #primary, .single-faqs #primary, .single-post #primary {
	width: 100%;
	padding: 2%;
	}
	.single-post #tertiary {
	width: 100%;
	margin: 0;
	}
	.single-legal_obligations #tertiary, .single-faqs #tertiary {
	width: 100%;
	margin: 0;
	padding: 2%;
	}
	.single-post #tertiary section {
	float: left;
	width: 30%;
	margin: 0 10%;
	}
	.single-post #tertiary #custom_html-2 {
	float: right;
	}
	#handstr {
	display: none;
	}
	.news-list li.gallery-item:last-of-type {
	display: none;
	}
	.assos-ban li a {
	margin: 0 15px;
	}
	.page-id-12 .post-thumbnail {
	float: none;
	width: 500px;
	max-width: 80%;
	margin: 1rem auto;
	}
	.page-id-12 .content-area {
	padding: 15px 0;
	}
	.contact-twocol p {
	float: none;
	width: 100%;
	max-width: 500px;
	}
	.blog .content-area, .category .content-area {
	padding: 15px 0;
	}
}

@media screen and (max-width: 1000px) and (orientation: landscape) {
	
	.home-ban {
	height: auto;
	}
	.home .banner-content {
    position: unset;
	width: 100%;
	}
}

/* Small Tablet Landscape 800x600) */
@media screen and (max-width: 800px) {
	
	#top-contact {
	clear: both;
	float: none;
	margin: 0 auto;
	padding-top: 1rem;
	text-align: center;
	}
	.tax-training_category #serv-grid, .page-id-5074 #serv-grid {
	background-image: none !important;
	padding: 0.5rem;
	}
	.single-gas_safety_training h2.entry-title {
	font-size: 1.6rem;
	}
	.t-ways p {
	font-size: 1.1rem;
	}
	.t-ways .bblock {
	font-size: 1rem;
	}
	.footerq ul {
    padding-left: 1rem;
	}
}

/* Tablet Portrait 768x1024) */
@media screen and (max-width: 768px) {
	
	.tax-training_category #catstrip, .single-gas_safety_training #catstrip {
	padding: 1rem 4%;
	}
}

@media screen and (max-width: 740px) {
	
	#rospaq {
	width: 90px;
	}
	#rospaq p {
	font-size: 0.9rem;
	}
	h1 {
	font-size: 2.4rem;
	}
	h2, .post-type-archive-gas_safety_training .site-main h2, .post-type-archive-consultancy .site-main h2 {
	font-size: 2rem;
	}
	.test-slide {
	display: none;
	}
	.single-gas_safety_training h2.entry-title {
	font-size: 1.5rem;
	}
	.q2, .q3 {
    width: 30%;
	}
	.q2 {
    margin: 0 0 0 20%;
	}
	.q3 {
    margin: 0 10% 0 10%;
	}
	.home .assos-ban li {
	max-width: 25%;
	}
	.home .assos-ban img {
	max-height: 86px;
	width: auto;
	}
	#serv-intro h2 {
	max-width: 100%;
	}
	.t-ways {
    padding: 1rem 0 2rem 0;
	}
	.footerq.q4 {
	float: none;
    width: 100%;
    clear: both;
    text-align: center;
    padding-top: 1rem;
	}
	.footerq ul {
    padding-left: 0;
  }
}

/* Mini Tablet Portrait (600x800) */
@media screen and (max-width: 600px) {
	
	.site-branding {
	padding: 1rem 0;
	}
	.site-title {
	max-width: 60%;
	}
	.main-navigation {
	margin: 10px 0;
	}
	#rospaq {
	display: block;
	float: none;
	margin: 1.4rem auto 0;
	}
	#top-contact {
	width: 100%;
	text-align: center;
	margin: 1rem 0 0.5rem 0;
	padding: 0;
	}
	.home .assos-ban img {
	max-height: 70px;
	}
	.tax-training_category #catstrip, .single-gas_safety_training #catstrip {
	padding: 1rem 0;
	}
	.single-gas_safety_training .lightweight-accordion .lightweight-accordion-title h3, .page-id-265 .lightweight-accordion .lightweight-accordion-title h3 {
	font-size: 1.5rem;
	}
	.single-gas_safety_training .lightweight-accordion .lightweight-accordion-title::after, .page-id-265 .lightweight-accordion .lightweight-accordion-title::after {
	font-size: 2.8rem;	
	}
	.book-l, .book-r, .book-two .book-r {
	display: block;
	float: none;
	margin: 0 auto 2rem;
	width: 60%;
	}
	.book-two {
	margin: 0;
	}
	.blog.hfeed .gallery-caption h3 a {
	font-size: 1.2rem;
	}
	.single-post #tertiary section {
	width: 40%;
	margin: 0 5%;
	}
}

@media screen and (max-width: 550px) {
	
	.home .banner-content {
    position: unset;
	width: 100%;
	}
	.gallery-columns-3 .gallery-item {
    max-width: 100%;
	}
	.servig h3 {
	max-width: unset;
	}
	#online-block .gallery-columns-2 .gallery-item {
	max-width: 100%;
	}
	.choose ul li {
    display: block;
    width: 100%;
	}
	#clogo {
	display: none;
	}
	#tertiary .bblock {
	margin-bottom: 2rem;
	}
	.assos-ban li {
	max-width: 25%;
	}
	.assos-ban img {
	width: auto;
	}
	.home .assos-ban img, .assos-ban img {
	max-height: 64px;
	}
	.single-gas_safety_training .lightweight-accordion .lightweight-accordion-title h3, .page-id-265 .lightweight-accordion .lightweight-accordion-title h3 {
	font-size: 1.4rem;
	line-height: 2.6;
	}
	.single-gas_safety_training .lightweight-accordion .lightweight-accordion-title::after, .page-id-265 .lightweight-accordion .lightweight-accordion-title::after {
	font-size: 3rem;	
	}
	.book-l, .book-r {
	width: 80%;
	}
	.entry-content .lightweight-accordion .lightweight-accordion-title {
	padding: 10px 0 10px 0;
	}
	.single-post #tertiary #custom_html-2 {
    margin-bottom: 2rem;
	}
}

/* Covers Mobile Landscape (480x320) */
@media screen and (max-width: 500px) {
	
	.top-contact span, .top-contact .tblock {
	float: none;
	font-size: 1rem;
	}
	.top-contact span {
	display: block;
	}
	.top-contact .tblock {
	margin: 0.8rem 0 0.4rem;
	}
	.site-branding {
    padding: 1rem 0 0 0;
	}
	.site-title {
	float: none;
	margin: 0 auto;
	max-width: 280px;
	}
	.main-navigation {
	display: inline-block;
	float: none;
	margin: 1.5rem auto 0.5rem;
	}
	.menu-main-menu-container {
	left: 0;
	}
	.c1440, .c990 {
	max-width: 92%;
	}
	.c1440.gallery {
	padding: 0;
	}
	.single-gas_safety_training .content-area {
	padding: 0;
	}
	.book-l, .book-r {
	width: 100%;
	}
	.blog.hfeed .gallery-caption h3 a {
	font-size: 1.1rem;
	}
	.single-post .attachment-thumbnail {
	max-width: 100%;
	margin: 1rem auto;
	}
	.q2, .q3 {
    width: 40%;
	}
	.q2 {
    margin: 0 0 0 10%;
	}
	.q3 {
    margin: 0 0 0 10%;
	}
	.home .assos-ban img, .assos-ban img {
	max-height: 55px;
	}
	.single-faqs .lightweight-accordion {
	margin-right: 20px;
	}
	.single-faqs .lightweight-accordion details, .single-faqs .lightweight-accordion details[open] {
	padding: 0;
	background: transparent;
	}
	.single-faqs .lightweight-accordion details .lightweight-accordion-title {
	padding: 0 35px 0 0;
	}
	.single-faqs .lightweight-accordion .lightweight-accordion-title h2 {
	font-size: 1.2rem;
}
}

@media screen and (max-width: 479px) {
	
	.single-gas_safety_training .lightweight-accordion .lightweight-accordion-title::after, .page-id-265 .lightweight-accordion .lightweight-accordion-title::after, .single-gas_safety_training .lightweight-accordion details[open] .lightweight-accordion-title::after, .page-id-265 .lightweight-accordion details[open] .lightweight-accordion-title::after {
	content: unset;
	}
	.nav-previous a {
    padding: 0.2rem 0.5rem 0.3rem 0.5rem;
	}
	.nav-next a {
    padding: 0.2rem 0.5rem 0.3rem 0.5rem;
	}
	.single-post #tertiary section {
	width: 90%;
    }
}
@media screen and (max-width: 440px) {
	
	.home-ban {
	height: auto;
	}
	.home .assos-ban img, .assos-ban img {
	max-height: 46px;
	}
}

@media screen and (max-width: 360px) {
	
	.main-navigation ul {
    padding: 0.5rem;
	}
	.q2, .q3 {
    margin: 0 5%;
	}
}