html,body {
height:100%;
}
* {
margin:0;
padding:0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} 
#outerWrapper {
display: block;
width: 100%;
padding-bottom: 0px;
clear: both;
background-color: transparent;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
position: relative;
overflow: hidden !important;
}
#innerWrapper {
position: relative;
background-color: transparent;
margin-top: 0;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-right: 0px;
padding-left: 0px;
width: 100%;
padding-bottom: 0px;
}
#wrapper {
position: relative;
background-color: transparent;
margin-top: 0px !important;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-right: 0px;
padding-left: 0px;
width: auto	;	
}
#wrapper.home {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
#topBorder {
background: rgb(0,178,140,1) ;
width: 100%;
height: 0.3rem;
display: block;
}
#topwrapper {
position: fixed;
width: 100%;
z-index: 1000;
background-color: #ffffff;
}
#wrapper, #topwrapper {
margin-top: 0;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 0px;
}
body {
text-align: left;
font-family: minerva-modern, sans-serif;
font-optical-sizing: auto;
font-weight: normal;
margin-top: 0px;
margin-bottom: 0px;
background-repeat: no-repeat;
background-color: #ffffff;
}
#topInner {
width: 100%;
max-width: 79rem;
display: flex;
justify-content: space-between;
align-items: center;
margin-left: auto;
margin-right: auto;
flex-wrap: wrap;
}
#logo {
width: 10rem;
padding-top: 1rem;
padding-bottom: 1rem;
text-align: left;
padding-right: 4rem;
flex-grow: 1;
}
#middleBanner {
width: calc(50% - 12rem);
padding-top: 1.8rem;
padding-bottom: 1rem;
padding-right: 1rem;
flex-grow: 1;
text-align: right;
}
#middleBanner h3 {
font-weight: 600 !important;
font-size: 130%;
color: #123b62;
padding-bottom: 15px !important;
}
#contactBanner {
width: calc(40% - 12rem);
padding-top: 1rem;
padding-bottom: 1rem;
text-align: right;
flex-grow: 1;
}
#contactBanner p {
line-height: 1.75rem;
color: #ffffff;
font-weight: 500;
}
#topBanner p {
padding-bottom: 5px;
}
#navWrapper {
width: 100%;
margin: 0 auto;
background-color: transparent;
text-align: center;
}
.innerBanner {
border-bottom: 4px solid #00B28C;
min-height: 170px;
}
.topNav {
width:  100%;
background: rgb(109,110,113,1) ;
padding-top: 0px;
margin-bottom: 0px;
display: inline-block;
z-index: 100 !important;
position: relative;
vertical-align: middle;
}
#middleWrapper {	
clear: both;
background-color: transparent;
background-repeat: no-repeat;
position: relative;
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#mainContent {
width: 100%;
padding: 0;
position:relative;
margin-bottom: 0px;
}
#wrapper.blog #mainContent {
padding-top: 200px;
}
#middleWrapper.posttype #mainContent {
width: 68% !important;
float: left !important;
padding-top: 200px;
padding-bottom: 40px;
}
#middleWrapper.posttype {
width: 100% ;
max-width: 1260px;
}
#wrapper.blog #mainContent {
padding-top: 200px;
}
#mainNav, #wrapper.blog #mainNav {
float: right;
padding-top: 200px;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
margin-right: 0px;
overflow: hidden;
width: 28%;	
background-color: transparent;
margin-top: 0px;
position: relative;
}
#outerWrapper.fullwidth #wrapper #mainNav 
{
display: none;
}
#utility {
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color: #ffffff;
width: 100%;
position: relative;
clear:both;
border-top: 4px rgb(0,178,140,1) solid;
margin-top: 0px;
height: auto;
display: block;
}
#utilityInner {
width: 100%;
max-width: 79rem;
display: flex;
justify-content: space-between;
align-items: center;
margin-left: auto;
margin-right: auto;
flex-wrap: wrap;
}
#logoFooter {
width: 10rem;
padding-top: 1rem;
padding-bottom: 1rem;
text-align: left;
padding-right: 4rem;
flex-grow: 1;
}
#signoff p, #bottomNav p {
font-size: 100% !important;
color: #123b62 !important;
padding-bottom: 0.7rem;
}
#bottomNav {
width: calc(48% - 10rem);
padding-top: 1.8rem;
padding-bottom: 1rem;
padding-right: 2rem;
flex-grow: 1;
}
#socialBottom {
width: calc(48% - 10rem);
padding-top: 1rem;
padding-bottom: 1rem;
text-align: right;
flex-grow: 1;
}
.orangeGrad {
background: rgb(0,178,140,1) ;
}
.blueGrad {
background: rgb(18,59,98);
}
.whiteIconBox {
padding: 15px !important;	
position: relative;
}
.whiteIconBox p, .whiteIconBox h1, .whiteIconBox h2, .whiteIconBox h3, .whiteIconBox h4, .whiteIconBox h5, .whiteIconBox h6  {
text-align: center !important;	
}
.bottomButtonPosition {
position: absolute;
bottom: 2.5rem;
left: 50%;
transform: translate(-50%, 0);
width:80%;
text-align: center;
}
.solutions, .sectors, .training, .whiteBlock {
position: relative;
}
.solutions::before, .sectors::before, .training::before, .whiteBlock::before {
position: absolute;
top: 45px;
left: 50%;
transform: translate(-50%, 0);
display: block;
height: 64px;
width: 64px;
z-index: 100;
}
.solutions::before {
content: url(//healthsafety.co.uk/wp-content/themes/quadriga/images/solutions.svg);
}
.sectors::before {
content: url(//healthsafety.co.uk/wp-content/themes/quadriga/images/sectors.svg);
}
.training::before {
content: url(//healthsafety.co.uk/wp-content/themes/quadriga/images/training.svg);
}
.healthcare::before {
content: url(//healthsafety.co.uk/wp-content/themes/quadriga/images/healthcare.svg);
}
.corporate::before {
content: url(//healthsafety.co.uk/wp-content/themes/quadriga/images/corporate.svg);
}
.smallbusiness::before {
content: url(//healthsafety.co.uk/wp-content/themes/quadriga/images/smallbusiness.svg);
}
.government::before {
content: url(//healthsafety.co.uk/wp-content/themes/quadriga/images/government.svg);
}
.pfi::before {
content: url(//healthsafety.co.uk/wp-content/themes/quadriga/images/PFI.svg);
}
.education::before {
content: url(//healthsafety.co.uk/wp-content/themes/quadriga/images/education.svg);
}
.retail::before {
content: url(//healthsafety.co.uk/wp-content/themes/quadriga/images/retail.svg);
}
.renewables::before {
content: url(//healthsafety.co.uk/wp-content/themes/quadriga/images/renewables.svg);
}
.charity::before {
content: url(//healthsafety.co.uk/wp-content/themes/quadriga/images/charity.svg);
}
.carehome::before {
content: url(//healthsafety.co.uk/wp-content/themes/quadriga/images/carehome.svg);
}
.manufacturing::before {
content: url(//healthsafety.co.uk/wp-content/themes/quadriga/images/manufacturing.svg);
}
.construction::before {
content: url(//healthsafety.co.uk/wp-content/themes/quadriga/images/construction.svg);
}
.eye::before {
content: url(//healthsafety.co.uk/wp-content/themes/quadriga/images/eye.svg);
}
.heritage::before {
content: url(//healthsafety.co.uk/wp-content/themes/quadriga/images/heritage.svg);
}
.audit::before {
content: url(//healthsafety.co.uk/wp-content/themes/quadriga/images/audit.svg);
}
.corpsupp::before {
content: url(//healthsafety.co.uk/wp-content/themes/quadriga/images/corpsupp.svg);
}
.risk::before {
content: url(//healthsafety.co.uk/wp-content/themes/quadriga/images/risk.svg);
}
.international::before {
content: url(//healthsafety.co.uk/wp-content/themes/quadriga/images/international.svg);
}
.fire::before {
content: url(//healthsafety.co.uk/wp-content/themes/quadriga/images/fire.svg);
}
.legislation::before {
content: url(//healthsafety.co.uk/wp-content/themes/quadriga/images/legislation.svg);
}
.aquisitions::before {
content: url(//healthsafety.co.uk/wp-content/themes/quadriga/images/aquisitions.svg);
}
.practitioner::before {
content: url(//healthsafety.co.uk/wp-content/themes/quadriga/images/practitioner.svg);
}
.with_gap .vc_column_container > .vc_column-inner{
padding-left: 0px;
padding-right: 0px;
margin-left: 15px !important;
margin-right: 15px !important;
background-color: #ffffff !important;
border-left: 3px solid #6d6e71;
padding-top:8rem !important;
padding-bottom:8rem !important;	
}
.with_gapNoicon .vc_column_container > .vc_column-inner{
padding-left: 0px;
padding-right: 0px;
margin-left: 15px !important;
margin-right: 15px !important;
background-color: #ffffff !important;
border-left: 3px solid #6d6e71;
padding-top:45px !important;
padding-bottom:8rem !important;	
}
.with_gapNoButton .vc_column_container > .vc_column-inner{
padding-left: 0px;
padding-right: 0px;
margin-left: 15px !important;
margin-right: 15px !important;
background-color: #ffffff !important;
border-left: 3px solid #6d6e71;
padding-top:45px !important;
padding-bottom:4rem !important;	
}
.with_gap .vc_column_container.empty > .vc_column-inner, .with_gapNoicon .vc_column_container.empty > .vc_column-inner, .with_gapNoButton .vc_column_container.empty > .vc_column-inner{
background-color: transparent !important;
border-left: 3px solid transparent;
}
.innerBlock {
padding-top: 2.8rem;
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 7rem;
} iframe{
width: 100%;
aspect-ratio: 16 / 9;
height: auto;
}
.clearfix::after {
content: "."; 
display: block;  
height: 0; 
clear: both; 
visibility: hidden;
}
.hovergrow img { transition: all .2s ease-in-out; 
}
.hovergrow img:hover { transform: scale(1.1); 
}
.indenttext {
padding-left: 20px;
}
.relativeBox {
position: relative !important;
}
.noPadding .wpb_content_element, .noPadding .wpb_content_element, .noPadding .wpb_content_element {
padding-bottom: 0px !important;
margin-bottom: 0px !important;
}
.noPaddingTop, .noPaddingTop .vc_column-inner{
padding-top: 0px !important;
margin-top: 0px !important;
}
.noPadding, .noPadding .vc_column-inner{
padding-top: 0px !important;
margin-top: 0px !important;    
padding-bottom: 0px !important;
margin-bottom: 0px !important;
}
.nodata {
display: none;
}
.greyBackground {
background-image:url(//healthsafety.co.uk/wp-content/themes/quadriga/images/greyBackground.webp);
background-size: cover;
background-repeat: none;
}
.whiteOpacityBackground {
background: rgba(255, 255, 255, .4) }
#mainContent .testslider .sp-testimonial-content p {
color: #ffffff;
text-align: center;
font-size: 170%;
font-style: italic;
line-height: 36px;
}
a.PDFbutton:link, a.PDFbutton:visited {
padding-left: 30px;
padding-bottom: 20px;
padding-top: 20px;
font-family: minerva-modern, sans-serif;
font-weight: 400;
font-style: normal;
font-optical-sizing: auto;
font-variation-settings:"slnt" 0;
background-image: url(//healthsafety.co.uk/wp-content/themes/quadriga/images/AdobePDFicon.png);
background-repeat: no-repeat;
background-position: left center;
font-size: 100%;	
display: block;
}
a.colorButton:link, a.colorButton:visited, p a.colorButton:link, p a.colorButton:visited, a.moretag:link, a.moretag:visited, a.more-link:link, a.more-link:visited {
background: rgb(0,178,140,1) ;
color: #ffffff ;
font-family: minerva-modern, sans-serif;
font-optical-sizing: auto;
font-variation-settings:"slnt" 0;
padding-left: 20px;	
padding-top: 5px;	
padding-bottom: 5px;	
padding-right: 50px;
font-size: 110% !important;
text-align: center;
font-weight: 600;
font-style: normal;
margin-left: auto;
margin-right: auto;
display: inline-block;
margin-top: 10px;
-webkit-transition: all 0.3s ease-in-out;
background-repeat: no-repeat;
border-radius: 20px;
position: relative;
}
a.colorButton:link::after, a.colorButton:visited::after, p a.colorButton:link::after, p a.colorButton:visited::after, a.moretag:link::after, a.moretag:visited::after, a.more-link:link::after, a.more-link:visited::after {
position: absolute;
display: block;
right: 15px;
top: 0.4rem;
height: 1.5rem;
width: 1.5rem;
content:url(//healthsafety.co.uk/wp-content/themes/quadriga/images/arrow.svg);
}
a.emailbutton:link, a.emailbutton:visited {
background: rgb(0,178,140,1) ;
color: #ffffff;
font-family: minerva-modern, sans-serif;
font-optical-sizing: auto;
font-variation-settings:"slnt" 0;
padding-left: 50px;	
padding-top: 5px;	
padding-bottom: 5px;	
padding-right: 20px;
font-size: 110% !important;
text-align: center;
font-weight: 600;
font-style: normal;
display: inline-block;
-webkit-transition: all 0.3s ease-in-out;
background-repeat: no-repeat;
border-radius: 20px;
position: relative;
}
.contactBlock a.emailbutton:link, .contactBlock a.emailbutton:visited {
color: #123b62;
background-color: transparent;
font-family: minerva-modern, sans-serif;
font-optical-sizing: auto;
font-variation-settings:"slnt" 0;
padding-left: 40px;	
text-align: center;
font-weight: 600;
font-style: normal;
display: inline-block;
-webkit-transition: all 0.3s ease-in-out;
background-repeat: no-repeat;
position: relative;
}
a.phonebutton:link, a.phonebutton:visited {
padding-right: 20px;
font-size: 110% !important;
text-align: center;
font-weight: 600;
font-style: normal;
display: inline-block;
-webkit-transition: all 0.3s ease-in-out;
position: relative;
}
.contactBlock a.phonebutton:link, .contactBlock a.phonebutton:visited {
text-align: left;
padding-left: 35px;
font-weight: 600;
font-style: normal;
display: block;
-webkit-transition: all 0.3s ease-in-out;
position: relative;
color: #123b62;
}
a.emailbutton:link {
margin-right: 20px;
}
a.emailbutton:link::after, a.emailbutton:visited::after, p a.emailbutton:link::after, p a.emailbutton:visited::after{
position: absolute;
display: block;
left: 15px;
top: 20%;
height: 1.5rem;
width: 1.5rem;
content:url(//healthsafety.co.uk/wp-content/themes/quadriga/images/email.svg);
-webkit-transition: all 0.3s ease-in-out;
}
.contactBlock a.emailbutton:link::after, .contactBlock a.emailbutton:visited::after, .contactBlock p a.emailbutton:link::after, p a.emailbutton:visited::after{
position: absolute;
display: block;
left: 0;
top: 13%;
height: 2rem;
width: 2rem;
content:url(//healthsafety.co.uk/wp-content/themes/quadriga/images/emailNavy.svg);
-webkit-transition: all 0.3s ease-in-out;
}
a.phonebutton:link::after, a.phonebutton:visited::after, p a.phonebutton:link::after, p a.phonebutton:visited::after{
position: absolute;
display: block;
left: -25px;
top: 15%;
height: 1.5rem;
width: 1.5rem;
content:url(//healthsafety.co.uk/wp-content/themes/quadriga/images/phone.svg);
-webkit-transition: all 0.3s ease-in-out;
}
.contactBlock a.phonebutton:link::after, .contactBlock a.phonebutton:visited::after, .contactBlock p a.phonebutton:link::after, p a.phonebutton:visited::after{
position: absolute;
display: block;
left: 0;
top: 15%;
height: 2rem;
width: 2rem;
content:url(//healthsafety.co.uk/wp-content/themes/quadriga/images/phoneNavy.svg);
-webkit-transition: all 0.3s ease-in-out;
}
a.emailbutton:hover, a.emailbutton:active, p a.emailbutton:hover, p a.emailbutton:active, a.phonebutton:hover, a.phonebutton:active, p a.phonebutton:hover, p a.phonebutton:active{	
text-decoration: none;
color:  rgb(18,59,98) !important;
}
.contactBlock a.emailbutton:hover, .contactBlock a.emailbutton:active, .contactBlock p a.emailbutton:hover, .contactBlock p a.emailbutton:active, .contactBlock a.phonebutton:hover, .contactBlock a.phonebutton:active, p a.phonebutton:hover, .contactBlock p a.phonebutton:active{	
text-decoration: none;
color: #00B28C !important;
}
a.phonebutton:hover::after, a.phonebutton:active::after, p a.phonebutton:hover::after, p a.phonebutton:active::after{
height: 1.7rem;
width: 1.7rem;
top: 16%;
-webkit-transition: all 0.3s ease-in-out;
color:  rgb(18,59,98) !important;
}
.contactBlock a.phonebutton:hover::after, .contactBlock a.phonebutton:active::after, .contactBlock p a.phonebutton:hover::after, p a.phonebutton:active::after{
height: 2.5rem;
width: 2.5rem;
top: 16%;
-webkit-transition: all 0.3s ease-in-out;
color: #00B28C !important;
}
a.emailbutton:hover::after, a.emailbutton:active::after, p a.emailbutton:hover::after, p a.emailbutton:active::after{
height: 1.7rem;
width: 1.7rem;
top: 20%;
-webkit-transition: all 0.3s ease-in-out;
color:  rgb(18,59,98) !important;
}
.contactBlock a.emailbutton:hover::after, .contactBlock a.emailbutton:active::after, .contactBlock p a.emailbutton:hover::after, .contactBlock p a.emailbutton:active::after{
height: 2.5rem;
width: 2.5rem;
top: 18%;
-webkit-transition: all 0.3s ease-in-out;
color:  #00B28C !important;
}
a.whiteButton:link, a.whiteButton:visited, p a.whiteButton:link, p a.whiteButton:visited{
font-family: minerva-modern, sans-serif;
font-optical-sizing: auto;
font-variation-settings:"slnt" 0;
background-color: #ffffff;
color:  rgb(18,59,98) ;
padding-left: 50px;	
padding-top: 5px;	
padding-bottom: 5px;	
padding-right: 50px;
font-size: 110% !important;
text-align: center;
font-weight: 600;
font-style: normal;
margin-left: auto;
margin-right: auto;
display: inline-block;
margin-top: 10px;
-webkit-transition: all 0.3s ease-in-out;
background-repeat: no-repeat;
background-position: right center;
border: 2px solid  rgb(18,59,98);
border-radius: 20px;
}
a.colorButton:hover, a.colorButton:active, a.big_link:hover a.colorButton, .with_gap div.whiteBlock:hover a.colorButton, .with_gapNoicon div.whiteBlock:hover a.colorButton{
text-decoration: none !important;
background-repeat: no-repeat;
background-position: right center;
-webkit-transition: all 0.3s ease-in-out;
padding-right: 75px !important;
background: rgb(0,178,140,1) !important;
color:  rgb(18,59,98) !important;
}
a.whiteButton:hover, a.whiteButton:active {
text-decoration: none !important;
background-repeat: no-repeat;
background-position: right center;
-webkit-transition: all 0.3s ease-in-out;
border: 2px solid  #6d6e71 !important;
color:#00B28C !important;
}
.blogthreeboxes{
border-radius: 20px;
} img.nospace {
vertical-align: middle;
}
.clearme img {
height: 0;
}
.iframe-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 35px;
height: 0;
overflow: hidden;
}
.iframe-container iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}	
.roundedImage img {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
#wrapperMain.clearme img, #wrapperMain .postmeta img {
border: none;
}
#mainNav .widgettitle   {
display: none;
}
#mainNav div:after {
display: block !important;
content: "";
height: 15px;
width: 100%;
}
.blogfooterimage {
display: block !important;
margin-bottom: 20px;
text-align: center !important;
width: auto;
background-color: transparent;
}
.blogfooterimage img {
float: none !important;
padding-bottom: 0px !important;
margin-bottom: 0px !important;
vertical-align: middle;
} .White {
color: #FFFFFF;
}
.DarkOrange {
color: #6d6e71;
}
.Navy {
color:  rgb(18,59,98);
}
.Orange {
color: rgb(109,110,113);
}
.Yellow{
color: rgb(109,110,113);
}
.centerWidth, div.centerWidth {
max-width: 1300px;
width:  calc(100% - 40px);
margin-left: auto;
margin-right: auto;
}
.centerNarrow, div.centerNarrow {
max-width: 950px;
width: 100%	;
margin-left: auto;
margin-right: auto;
}
.centerTextLeft {
max-width: 600px;
margin-left: auto;
margin-right: 30px;
}
.centerTextRight{	
max-width: 600px;
margin-left: 30px;
margin-right: auto;
} H1, H2, H3, H4, H5, H6, h1, h2, h3, h4, h5, h6 {
position: relative;
text-decoration: none;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 25px;
padding-left: 0px;
margin: 0px;
font-family: minerva-modern, sans-serif;
font-weight: 600;
font-optical-sizing: auto;
font-variation-settings:"slnt" 0;
font-style: normal;
line-height: 125%;
color:  rgb(18,59,98); 
}
H1 {
font-size: 350%;
}
H2 {
font-size: 300%;
}
H3 {
font-size: 250%;
}
H4 {
font-size: 200%;
}
H5 {
font-size: 170%;
}
H6 {
font-size: 150%;
}
#mainContent p {
padding-bottom: 20px;
font-size: 140%;
color:  rgb(18,59,98);
line-height: 130%;
text-align: left;
text-decoration: none;
font-family: minerva-modern, sans-serif;
font-weight: 400;
font-optical-sizing: auto;
font-variation-settings:"slnt" 0;
}
.largeBodytext {
font-size: 120%;
}
.extralargeBodytext {
font-size: 150%;
}
.smallBodytext {
font-size: 90%;
line-height: 14px  !important;
}
.smallExtraBodytext {
font-size: 80%;
line-height: 14px  !important;
}
#mainContent p .largeBodytext, #mainContent p.largeBodytext {
line-height: 35px  !important;
}
#mainContent p .extralargeBodytext, #mainContent p.extralargeBodytext {
line-height: 35px  !important;
}
#mainContent p .smallBodytext, #mainContent p.smallBodytext  {
line-height: 14px  !important;
}
#mainContent p .smallExtraBodytext, #mainContent p.smallExtraBodytext {
line-height: 14px !important;
}
#mainNav p {
padding-bottom: 10px;
font-size: 140%;
font-family: minerva-modern, sans-serif;
font-optical-sizing: auto;
font-variation-settings:"slnt" 0;
line-height: 1.75rem;
text-align: left;
text-decoration: none;
font-weight: 400;
}
#news img {
display: none;
} ul {
margin-top: 0px;
margin-bottom: 0px;
list-style-type: none;
font-weight: 500;
}
#mainContent ul, #mainContent ol, #mainNav ul  {
padding-top: 0px;
padding-bottom: 10px;
font-family: minerva-modern, sans-serif;
font-optical-sizing: auto;
font-variation-settings:"slnt" 0;
font-weight: 400;
}
#mainContent ul li {
font-family: minerva-modern, sans-serif;
font-optical-sizing: auto;
font-variation-settings:"slnt" 0;
line-height: 1.75rem;
padding-left:25px;
font-size: 140%;
padding-bottom: 10px;
color: #123b62;
}
#mainContent ul li::before {
content:url(//healthsafety.co.uk/wp-content/themes/quadriga/images/bullet.png);
font-weight: 400; 
display: block; 
width: 18px; 
height: 18px; 
left: 20px;
position: absolute;
}
#middleWrapper.posttype #mainContent ul li::before {
left: 0px;
}
#mainNav ul, #mainNav ol  {
padding-top: 0px;
padding-bottom: 10px;
}
#mainContent ol li ol, #mainNav ol li ol, #mainContent ol li ul li {
font-size: 100%;
background-image: none;
}
#mainContent ol {
margin-top: 0px;
margin-bottom: 0px;
list-style-type: decimal;
margin-right: 0px;
margin-left: 10px;
color: #123b62;
font-size: 140%;
} 
#mainNav ol {
margin-top: 0px;
margin-bottom: 0px;
list-style-type: decimal;
margin-right: 0px;
margin-left: 10px;
color: #123b62;
font-size: 140%;
} 
#mainContent ol.letter {
margin-top: 0px;
margin-bottom: 0px;
list-style-type: lower-alpha;
margin-right: 0px;
margin-left: 15px;
font-size: 140%;
color: #123b62;
} 
#mainContent ol li, #mainNav ol li {
line-height: 1.75rem;
margin-left: 15px;
margin-bottom: 10px;
}
form {
margin:  0px;
padding: 0px;
}
.blocklink {
display: block;
}
.space {
display: block;
height: 10px;
width: 5px;
}
.space img {
height: 10px;
width: 5px;
}
.padmetop {
padding-top: 10px;
}
.padmebottom {
padding-bottom: 10px;
}
.padmeright {
padding-right: 10px;
}
.padmeleft {
padding-left: 10px;
}
.marginright {
margin-right: 10px;
margin-top: 0px;
}
.marginleft {
margin-left: 10px;
} .alignright {
text-align: right;
}
.alignleft {
text-align: left;
}
.centreme {
text-align: center;
}
.floatright {
float: right;
}
.floatleft {
float: left;
}
.clearme {
clear: both;
margin: 0;
padding: 0;
line-height: 0;
height: 0;
}
.clearleft {
clear: left;
}
.clearright {
clear: right;
} .hideme {
display: none;
}
* {
margin: 0;
padding: 0;
}
hr {
height: 1px;
border-bottom-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-bottom-color: #666666;
}
.nounderline {
text-decoration: none;
}
em {
font-weight: 400;
font-style: italic;
}
strong, b {
font-weight: 600;
font-style: normal;
}
em b, em strong, strong em, b em  {
font-weight: 600;
font-style: italic;
}
.light {
font-weight: 400;
font-style: normal;
}
.hand {
cursor:pointer;
cursor:hand;
}
#qualifications {
padding-top: 30px;
padding-bottom: 15px;
}
#qualifications p {
color: #ffffff;
}
#footerNav {
width: auto;
margin: 0 auto;
padding-bottom: 10px;
padding-top: 5px;
float: left;
text-align: left;
}
#footerNav ul.horiz {
margin: 0px;
padding: 0px;
list-style-type: none;
background-image: none;
}
#footerNav ul.horiz li {
float: left;
background-image: none;
}
#footerNav ul.horiz a, #footerNav ul.horiz a:visited {
font-weight: 500;
font-style: normal;
color: #123b62 !important;
text-decoration: none;
display: block;
width: auto;
padding-right: 15px;
padding-left: 15px;
margin-top: 0px;
margin-bottom: 0px;
font-size: 100%;
border-left-width: 1px;
border-top-style: none;
border-left-style: solid;
border-bottom-style: none;
border-right-style: none;
border-left-color: #ffffff;
height: auto;
padding-top: 0px;
background-image: none;
}
#footerNav ul.horiz li:first-child a, #footerNav ul.horiz li:first-child a:visited {
padding-left: 0px !important;
border-left-width: 0px !important;
border-left-style: none !important;
}
#footerNav ul.horiz a:hover, #footerNav ul.horiz a:active {
text-decoration: underline;
border-bottom: none;
color: #00B28C;
background-image: none;
}
#footerNav ul.horiz li {
display: inline; }
#footerNav ul.vert {
margin: 0px;
padding: 0px;
list-style-type: none;
background-image: none;
}
#footerNav ul.vert li {
float: none;
background-image: none;
}
#footerNav ul.vert a, #footerNav ul.vert a:visited {
text-decoration: none;
display: block;
font-weight: normal !important;
width: auto;
padding-right: 5px;
padding-left: 5px;
margin-top: 5px;
margin-bottom: 0px;
color:  #6d6e71;
font-size: 80%;
height: auto;
padding-top: 0px;
background-image: none;
}
#footerNav ul.vert a:hover, #footerNav ul.vert a:active {
text-decoration: underline;
border-bottom: none;
color:  #ffffff;
background-image: none;
}
#footerNav ul.vert li {
display: inline; } .pagination {
width: auto;
max-width: 50%;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
text-align: center;
}
.pagination .screen-reader-text {
display: none;
}
.pagination .nav-links a.page-numbers {
background-image: url(//healthsafety.co.uk/wp-content/themes/quadriga/images/bulletPagination.png) !important;
background-position: center center !important;
background-repeat:no-repeat;
opacity: 0.5;
display: inline-block;
width: 15px;
height: 20px;
font-size: 0%;
}
.pagination .nav-links .current {
opacity: 1 !important;
background-image: url(//healthsafety.co.uk/wp-content/themes/quadriga/images/bulletPagination.png) !important;
background-position: center center !important;
background-repeat:no-repeat;
display: inline-block;
width: 15px;
height: 20px;
font-size: 0%;
}
.pagination .nav-links a.prev  {
background-color: transparent;
background-image:url(//healthsafety.co.uk/wp-content/themes/quadriga/images/LeftArrow.png)!important;
background-repeat:no-repeat;
background-position:left center;
width: 40px;
height: 20px;
opacity: 1;
display: inline-block;
}
.pagination .nav-links a.next {
background-color: transparent;
background-image:url(//healthsafety.co.uk/wp-content/themes/quadriga/images/rightArrow.png) !important;
background-repeat:no-repeat;
background-position:right center;
width: 40px;
height: 20px;
opacity: 1;	
display: inline-block;
} a:link img, a:visited img, a:hover img, a:active img {
border: none;
}
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited  {
text-decoration: none;
font-weight: 500;
font-style: normal;
color: #00B28C;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {
text-decoration: underline;
color:   rgb(18,59,98); 
font-weight: 500;
font-style: normal;
}
a:link, a:visited {
text-decoration: none;
font-weight: 600;
color:  #00B28C;
}
a:hover, a:active {
text-decoration: underline;
color:  rgb(18,59,98);
font-weight: 600;
}
#categoryposts-3 ul li.cat-post-item{
background-image: none;
list-style-type: none;
}
#categoryposts-3 ul li.cat-post-item a {
background-image: none;
list-style-type: none;
}
.rss{
float:right;
width:25px;
} .rssicon
{
position: relative;
display:block;
float:right;
background-image: url(//healthsafety.co.uk/wp-content/themes/quadriga/images/rss.png);
background-position: center right;
background-repeat: no-repeat;
margin: 5px 5px auto auto;
height: 17px;
width: 17px;
}
.title {
padding: 5px 5px 5px 20px;
color: #fff;
}
#nextprev {
clear: both;
display: block;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
} .post {
padding-bottom: 0px;
}
.article {
width: auto;
}
.article  {
padding-right: 0px;
padding-bottom: 0px;
}
blockquote
{
padding-left: 0px;
padding-right: 0px;
position: relative;
font-size: 110%;
font-weight: 600;
font-style: italic;
}	
.postmeta
{
font-size: 80%;
padding-top:0px;
color: #666;
padding-bottom:10px;
float:none;
width: 100%;
text-align:left;
}
.commentCount
{
text-align:right;
margin-right:10px;
font-size:10px;
}
.small {
font-size: 10px;
}
code {
font: 12px 'Courier New', Courier, Fixed;
}
.tesimonialgrid {
max-width: 79rem;
display: grid;
grid-template-columns:repeat(2,1fr);
gap: 50px;
align-items: stretch;
-webkit-transition: all 0.3s ease-in-out;
position: relative;
}
.archive .tesimonialgrid {
margin-bottom: 90px;
}
.testimonialsitem {
background-color: #ffffff;
border: 3px solid #00B28C;
border-radius: 20px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 60px;
position: relative;
}
.testimonaldetails {
display: flex;
justify-content: center;
align-items: top;
margin-left: auto;
margin-right: auto;
flex-wrap: wrap;
position: relative;
padding-top: 2rem;
}
p.testimonialName {
font-weight: 600 !important;
padding-bottom: 5px !important;
}
.testimonialstitles {
width: 79%;
}
.testimonialsimage {
width: 20%;
text-align: right;
}
.testimonialsimage img {
width: 100%;
}
.testimonialButton {
position: absolute !important;
bottom: 1.5rem;
}
p.testimonalcontent {
font-size: 150% !important;
font-style: italic;
}
#archivesbox, .bloggrid {
max-width: 79rem;
display: grid;
grid-template-columns:repeat(3,1fr);
gap: 50px;
align-items: stretch;
margin-left: auto;
margin-right: auto;
flex-wrap: wrap;
-webkit-transition: all 0.3s ease-in-out;
}
#archivesbox .post {
border-bottom: solid 1px  rgb(18,59,98);
margin-bottom: 2rem;
padding-bottom: 2rem;
flex-grow: 2;
}
.bloggrid .blogboxs {
margin-top: 2rem;
margin-bottom: 2rem;
flex-grow: 2;
}
.blogboxs h6 a:link, .blogboxs h6 a:visited {
color: #123b62 !important;
font-weight: 600 !important;
}
.archivetitle {
margin-bottom: 3rem;
}
#wrapper.blog .post h4.posttitle {
text-align: center !important;
font-style: normal;
}
#wrapper.blog .post h4.posttitle a {
font-style: normal;
}
#wrapper.blog .post .blogthumbnail, #wrapper.blog .post .blogexcerpt,  .bloggrid .blogthumbnail {
display: block !important;
vertical-align: top !important;
float: none !important;
text-align: center !important;
}
#wrapper.blog .post .blogexcerpt {
width: 100% !important;
}
#wrapper.blog .post .blogexcerpt img.attachment-index-categories{
display: none !important;
}
#wrapper.blog .post .blogexcerpt p, #wrapper.blog .post .blogexcerpt .postmeta {
text-align: center !important;
}
#wrapper.blog .post .blogthumbnail,  .bloggrid .blogthumbnail {
width: 100% !important;
}
#wrapper.blog .post .blogthumbnail img, .bloggrid .blogthumbnail img {
margin-bottom: 20px;
}   #mainContent table#twentyfive {
width: 25%;
}
#mainContent table {
width: 100%;
empty-cells: show;
border-top-width: 0px;
border-right-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: none;
border-right-color: #eeeeee;
background-color: transparent;
border-bottom-width: 0px;
border-left-width: 0px;
border-bottom-color: transparent;
border-left-color: transparent;
letter-spacing: normal;
border-spacing: 0;
border-collapse: collapse;
text-align: left;
font-weight: normal;
}
table caption {
font-size: 60%;
}
#mainContent table th {
background-color: #6d6e71;
border-right-color: #ffffff;
border-bottom-color:  #ffffff;
color: #ffffff;
letter-spacing: normal;
font-size: 150%;
padding: 7px;
border-collapse: collapse;
border-spacing: 0;
border-right-width: 5px;
border-bottom-width: 5px;
border-right-style: solid;
border-bottom-style: solid;
text-align: left;
font-weight: bold;
}
#mainContent table th:last-child {
border-right-width: 0px;
border-right-style: solid;
}
#mainContent table td {
padding: 7px;
border-collapse: collapse;
border-spacing: 0;
border-right-width: 5px;
border-bottom-width: 5px;
border-bottom-color: #ffffff;
border-right-style: solid;
border-right-color: #ffffff;
border-bottom-style: solid;
text-align: left;
color: #6d6e71;
font-weight: normal;
font-size: 150%;
}
#mainContent table tr:nth-child(odd) td {
background-color: #e1eefa;
}
#mainContent table tr:nth-child(even) td {
background-color: #c7e1f6;
}
#mainContent table tr:nth-child(1) td.ninja_column_0 {
background-color: #b0d236 !important;
font-weight: 600 !important;
color: #ffffff !important;
}
#mainContent table tr:nth-child(2) td.ninja_column_0 {
background-color: #f7901e !important;
font-weight: 600 !important;
color: #ffffff !important;
}
#mainContent table tr:nth-child(3) td.ninja_column_0 {
background-color: #8c4f93 !important;
font-weight: 600 !important;
color: #ffffff !important;
}
#mainContent table tr:nth-child(4) td.ninja_column_0 {
background-color: #e22b27!important;
font-weight: 600 !important;
color: #ffffff !important;
}
#mainContent table td:last-child {
border-right-width: 0px;
border-right-style: solid;
}  .widget_search {
clear: both;
text-align: right;
}
.ysm-search-widget {
margin-bottom: 0px;
}
.search-field {
background-color: #ffffff !important;
padding: 3px !important;
}
input#s{
width: 88px;
background: #fff;
border: 1px solid #999999;
color: #000;
font-size: 11px;
display: inline-block;
font-weight: normal;
margin-top: 2px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 0;
padding-top: 7px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
}
#searchform {
text-align:left;
}
.nf-form-fields-required {
font-size: 80%;
color: #123b62;
padding-bottom: 10px;
}
.nf-form-content input.ninja-forms-field {
height: 50px;
border: none;
padding: 5px;
}
.mc4wp-form-fields {
margin-top: 15px;
}
.mc4wp-form-fields input[type=text], .mc4wp-form-fields input[type=email] {
width: 93%;
padding: 3%;
}
.mc4wp-form-fields p {
margin-bottom: 15px;
}
.mc4wp-form-fields input[type=submit] {
display: inline-block; 
clear: both;
float:none;
margin-left: auto; 
}
.nf-field-element input[type=checkbox] {
border: none;
height: 20px;
width: 20px;
}
#searchsubmit, input#submit, .form-group input[type=submit], .nf-form-content input[type=submit], .submit-container input.submit, input#em-booking-submit, input#subscribe, input.submit {
background-color: #00B28C !important;
background-repeat: no-repeat;
border-radius: 20px !important;
position: relative;
color: #FFFFFF !important;
padding-left: 30px !important;	
padding-top: 10px !important;	
padding-bottom: 10px !important;	
padding-right: 30px !important;	
font-size: 110% !important;
text-align: center;
font-style: normal;
border: none;
-webkit-transition: all 0.3s ease-in-out;
font-weight: 600;
height: auto !important;
}
#searchsubmit {
display: inline-block;
}
#searchsubmit:hover, input#submit:hover, .form-group input[type=submit]:hover, #mainContent .ninja-forms-cont input[type=submit]:hover, input#em-booking-submit:hover, input#subscribe:hover, input.submit, .nf-form-content input[type=submit]:hover {
text-decoration: none !important;
background-repeat: no-repeat;
background-position: right center;
-webkit-transition: all 0.3s ease-in-out;
background-color: #ffffff !important;
color:  rgb(18,59,98) !important;
} #callbackbox form {
background-image: none;
padding: 0px;
margin: 0px;
} 
#callbackbox form p#hidden {
padding: 0px;
margin: 0px;
}
select {
-webkit-appearance: button;
-webkit-border-radius: 0px;
-webkit-padding-end: 20px;
-webkit-padding-start: 10px;
-webkit-user-select: none;
background-image: none;
background-position: 97% center;
background-repeat: no-repeat;
border: 1px solid #AAA;
color: #555;
font-size: inherit;
margin: 10px;
overflow: hidden;
padding: 5px 10px !important;
text-overflow: ellipsis;
white-space: nowrap;
width: auto;
}
select#format {
-webkit-appearance: button;
-webkit-border-radius: 0px;
-webkit-padding-end: 20px;
-webkit-padding-start: 10px;
-webkit-user-select: none;
background-image: none;
background-position: 97% center;
background-repeat: no-repeat;
border: 1px solid #AAA;
color: #555;
font-size: inherit;
margin: 10px;
overflow: hidden;
padding: 5px 10px !important;
text-overflow: ellipsis;
white-space: nowrap;
width: auto;
}
input:focus, textarea:focus, select:focus {
background-color: #f2f2f2;
}
.textbox-container, .email-container, .textarea-container {
margin: 0px !important;
padding: 0px !important;
}
.nf-form-content input:not([type=submit]) {
font-family: minerva-modern, sans-serif;
background-color: #ffffff !important;
font-size: 100%;
color: #123b62;
}
label.nowidth {
float: none;
padding-left: 0px;
padding-right: 0px;
color: #6d6e71;
text-decoration: none;
}
#mainContent .ninja-forms-cont label {
font-weight: normal;
padding-left: 0px;
padding-right: 0px;
color: #6d6e71;
text-decoration: none;
display: block;
width: 170px;
float: left;
font-size: 100%;
}
div.form-group{
clear: both;
margin-bottom: 10px;
}
input#user_captcha {
margin-left: 100px;
}
div.form-group label {
padding-left: 0px;
padding-right: 0px;
color: #6d6e71;
text-decoration: none;
display: block;
width: 100px;
float: left;
font-size: 100%;
}
input.radio, input.checkbox {
width: auto;
margin: 0px;
padding-right: 0px;
padding-left: 0px;
border: none;
}
#mainContent textarea {
height: 120px;
background-color: #ffffff !important;
font-family: minerva-modern, sans-serif;
padding: 5px;
border: none;
font-size: 100%;
}
input::placeholder, textarea::placeholder {
color: #123b62;
opacity: 1; }
input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #123b62;
}
fieldset {
padding: 1em;
padding-top: 1em;
border: 1px solid #6d6e71;
}
legend {
font-size: 90%;
background-color: #FFFFFF;
color: #6d6e71; } #sidebarLeft {
width: 200px;
float: left;
color: #000;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}
.sidebar ul li { 
margin: 0 0 0.6em 7px; 
list-style-position: inside;
}
.sidebar ul li ul, .sidebar ul li ol, .sidebar ol li ul, .sidebar ol li ol { 
margin: 0.5em 0 0.5em 5px; 
} img.post {
padding: 1px;
margin: 5px 5px 5px 5px;
float: right;
background: transparent;
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
padding-bottom: 10px;
border: none;
}
img.alignright {
padding: 1px;
border: none;
margin: 10px 10px 10px 10px;
display: inline;
background: transparent;
}
img.alignleft {
padding: 1px;
border: none;
margin: 10px 10px 10px 10px;
display: inline;
background: transparent;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
} #comments {
width: 100%;
float:left;
margin: 5px 0px 5px 0px;
}
.commentlist {
width: 95%;
float:left;
margin: 5px;
}
.commentlist li ul li {
font-size: 12px;
}
.commentlist li {
font-weight: normal;
color: #666;
}
.commentlist li .avatar { 
background: #FFFFFF;
float: right;
border: 1px solid #EEEEEE;
margin: 0px 5px 0px 10px;
padding: 2px;
}
.commentlist cite, .commentlist cite a {
font-weight: normal;
color: #666;
font-style: normal;
font-size: 12px;
}
.commentlist p {
font-weight: normal;
text-transform: none;
}
.commentmetadata {
padding: 5px 0 0 0;
font-weight: normal;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0px;
}
#commentform {
margin: 5px 10px 0px 0px;
}
#commentform textarea {
width: 98%;
padding: 10px;
border: none;
background-color: #f2f2f2;
}
#respond:after {
content: "."; 
display: block; 
height: 0px; 
clear: both; 
visibility: hidden;
}
#commentform p {
margin: 5px 0px 5px 0px;
}
#commentform #submit {
margin: 5px 0px 20px 0px;
float: left;
border: 1px solid #6d6e71;
}
.alt {
margin: 0px;
padding: 10px;
}
.commentlist {
margin: 0px;
padding: 0px;
}
.commentlist ol {
margin: 0px;
padding: 10px;
}
.commentlist li {
margin: 15px 0px 10px;
padding: 10px 5px 10px 10px;
list-style: none;
}
.commentlist li ul li { 
margin-right: -5px;
margin-left: 10px;
}
.commentlist p {
margin: 10px 0px 10px 0px;
padding: 0px;
}
.children { 
margin: 0px;
padding: 0px;
}
.nocomments {
text-align: center;
margin: 0px;
padding: 0px;
}
.commentmetadata {
font-size: 10px;
margin: 0px;
display: block;
}
#author, #email, #url {
background: #FFFFFF;
color: #222222;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 4px;
border: 1px solid #666;
}
.thread-alt {
background: #FFFFFF;
margin: 0px;
padding: 0px;
}
.thread-even {
background: #F2F2F2;
margin: 0px;
padding: 0px;
}
.depth-1 {
border: 1px solid #E6E6E6;
margin: 0px;
padding: 0px;
}
.even, .alt {
border: 1px solid #CCC;
margin: 0px;
padding: 0px;
}
.pinglist {
padding-top: 10px; 
width: 500px; 
float: left; 
margin-left: 20px
}
li.pings {
border-bottom: 1px dotted #CCC;
margin: 0;
padding: 5px 0 5px 5px;
width: 500px;
}
.pings:first-child { border-top: none; }
.pings:last-child { border-bottom: none; padding-bottom: 30px; } .wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: transparent;
padding-top: 4px;
overflow: hidden;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
#mainContent .wp-caption p.wp-caption-text {
font-size: 100%;
line-height: 1.75rem;
padding: 3px;
margin: 0;
text-align: center;
font-weight: normal;
color: #6d6e71;
z-index: 2000;
position: relative;
} #wp-calendar {
border: 1px solid #900;
empty-cells: show;
font-size: 14px;
margin: 0;
width: 90%;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
text-decoration: none;
}
#wp-calendar a:hover {
background: #e0e6e0;
color: #333;
}
#wp-calendar caption {
color: #630;
font-size: 16px;
text-align: left;
}
#wp-calendar td {
color: #933;
font-weight: normal;
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}
#wp-calendar td.pad:hover {
background: #fff;
}
#wp-calendar td:hover, #wp-calendar #today {
background: #eee;
color: #bbb;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
img.wp-post-image {
margin-right: 10px;
margin-bottom: 10px;
background-color: transparent;
}
#mainImage {
padding-bottom: 15px;
width: 100%;
height: 300px;
overflow: hidden;
}
#mainImage img.attachment-page-single {
float: none;
}
#mainContent.page img.attachment-page-single {
display: none;
}
img.attachment-page-single {
float: right;
}
img.attachment-index-categories {
float: left;
}
#mainContent img {
background-color: transparent;
}
li.menu-item {
background-color: transparent;
}
li.menu-item a:link, li.menu-item a:visited {
background-color: transparent;
}
#outerWrapper #wrapper #middleWrapper .featuredposts-excerpt {
background-image: none;
color: #ffffff;
left: 0px;
background-color: #989A9D;
position: absolute;
text-align:left;
}
#mainImage img.attachment-page-single, .pageColumns #mainContent img.attachment-page-single {
display: none;
}
.ninja-forms-required-items {
color: #aaaaaa;
font-size: 70%;
}
#mobileHeader {
display: none;
}
video {
width: 100%;
max-height: 100%;
box-sizing: border-box;
}
#player-overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #ccc;        
z-index:999;
}
.homeBannerText {
padding-bottom: 0px;
padding-top: 40px;
} .nav-button, #mobileNav  { display: none; } @media (min-width:1250px) {
#mainContent {
padding-top: 8.9rem;	
-webkit-transition: all 0.3s ease-in-out;
}
}
@media screen and (min-width: 1120px) and (max-width: 1250px) {
#mainContent {
padding-top: 8.9rem;
-webkit-transition: all 0.3s ease-in-out;
}
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
#topWrapper, .centerWidth, div.centerWidth, #topInner, #utilityInner, #archivesbox, .bloggrid {
-webkit-transition: all 0.3s ease-in-out;
width:  calc(100% - 30px);
background-color: transparent;
}
#mainContent {
padding-top: 8.9em;	
}
H1 {
font-size: 300%;
-webkit-transition: all 0.3s ease-in-out;
}
H2 {
font-size: 220%;
-webkit-transition: all 0.3s ease-in-out;
}
H3 {
font-size: 200%;
-webkit-transition: all 0.3s ease-in-out;
}
H4 {
font-size: 170%;
-webkit-transition: all 0.3s ease-in-out;
}
H5 {
font-size: 160%;
-webkit-transition: all 0.3s ease-in-out;
}
H6 {
font-size: 150%;
-webkit-transition: all 0.3s ease-in-out;
}
#mainContent p {
font-size: 110%;
-webkit-transition: all 0.3s ease-in-out;
}
.contactBlock p {
font-size: 130%;
-webkit-transition: all 0.3s ease-in-out;
}
#logo {
width: 8rem;
padding-top: 1.5rem;
padding-bottom: 1rem;
text-align: left;
padding-right: 2rem;
-webkit-transition: all 0.3s ease-in-out;
}
#middleBanner {
width: calc(45%-18rem);
}
#contactBanner {
width: calc(50%-18rem);
text-align: right;
}
a.emailbutton:link, a.phonebutton:link, a.emailbutton:visited, a.phonebutton:visited {
display: block;
margin-bottom: 1rem;
}
}
@media screen and (min-width: 0px) and (max-width: 1120px) {
.integration, .training, .pfi, .renewables, .charity, .retail {
margin-top: 70px;
}
}
@media screen and (min-width: 0px) and (max-width: 768px) {
.development, .integration, .training, .pfi, .renewables, .charity, .retail {
margin-top: 70px;
}
.with_gap .vc_column_container > .vc_column-inner, .with_gapNoicon .vc_column_container > .vc_column-inner{
margin-bottom: 45px;
}
.bottomButtonPosition {
bottom: 4.5rem;
}
.tesimonialgrid {
max-width: 79rem;
display: grid;
grid-template-columns:repeat(1,1fr);
}
#archivesbox, .bloggrid {
grid-template-columns:repeat(2,1fr);
gap: 50px;
-webkit-transition: all 0.3s ease-in-out;
}
#qualifications {
text-align: center!important;
}
#qualifications p {
font-size: 90%;
}
#logoFooter {
width: 6rem;
text-align: center;
padding-right: 0;
}
#signoff p, #bottomNav p {
font-size: 100% !important;
color: #123b62 !important;
padding-bottom: 0.7rem;
}
#bottomNav {
width: 100%;
text-align: center;
margin-right: 0;
margin-left: 0;
padding-left: 0;
padding-right: 0;
}
#socialBottom {
width: 100%;
text-align: center;
}
#topInner {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
flex-wrap: wrap;
position: relative;
}
#logo {
width: 6rem;
text-align: center;
padding-right: 0;
}
#middleBanner h3 {
font-size: 170%	;
}
#middleBanner {
display: none
}
#contactBanner {
width: 100%;
text-align: center;
}
a.emailbutton:link, a.phonebutton:link, a.emailbutton:visited, a.phonebutton:visited {
display: inline-block;
margin-bottom: 1rem;
}
.topNav {
background: transparent;
padding-top: 0px;
margin-bottom: 0px;
display: block;
z-index: 1000 !important;
position: absolute;
top: 2rem;
}
#contactBanner p {
text-align: center !important;
}
#bottomNav {
display: block;
width: 100%;
vertical-align: top;
}
#signoffinner {
width: 100%;
margin-left: auto;
margin-right: auto;
vertical-align: middle;
text-align: center;
}
.largeBodytext {
font-size: 100%;
}
.extralargeBodytext {
font-size: 140%;
}
#mainContent p {
padding-bottom: 15px;
font-size: 130%;
}
#utilityInner {
width:  calc(100% - 20px);
}
#newsblock h6 {
text-align: center !important;
}
#wrapper.blog #mainContent {
padding-top: 200px;
} body { padding-top: 0px; } 
#banner {
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
clear: both;
display: block;
background-color: transparent;
height: auto;
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
}
#bannerInner {
width: 100%;
position: relative;
margin-left: auto;
margin-right: auto;
height: auto;
}
img.attachment-snippet {
width: 20%;
}
ul.horiz {
float: none;
width: auto;	
display: inline-block;
}
#utilityInner {
width:  calc(85% - 20px);
}
#utilityLeft {
width:  calc(85% - 20px);
display: block !important;
margin-right: auto !important;
margin-left: auto !important;
text-align: center !important;
padding-top: 20px;
}
#utilityRight {
width:  calc(100% - 20px);
display: block !important;
margin-right: auto !important;
margin-left: auto !important;
text-align: center !important;
padding-top: 20px;
}
#wrapper.home {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
#mainImage {
clear: both;
}
.blogitem {
padding-top: 0px;
width: 94%;
float: none;
margin-right: auto;
margin-left: auto;
text-align: center;
}
div.centerWidth, .centerWidth, .centerNarrow, div.centerNarrow {
width: 85% !important;
margin-left: auto !important;
margin-right: auto !important;
}
#mainContent {
padding-top: 12.2rem;
}
#middleWrapper.innerPage #mainContent {
float: none;
width: 100% !important;
margin-left: auto;
margin-right: auto;
}
#middleWrapper.posttype #mainContent {
float: none;
width: 100% !important;
margin-left: auto;
margin-right: auto;
}
#mainNav {
float: none;
width:  calc(100% - 20px);
margin-left: auto;
margin-right: auto;
}
#wrapper.blog #mainNav {
display: none;
}
#leftWrapper {
width: 100%;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 0px;
margin: 0px;
border: none;
display: block;
float: none;
}
img.alignleft {
border: none;
display: block !important;
float: none !important;
text-align: center !important;
margin-left: auto;
margin-right: auto;
}
a.whiteButton:link, a.whiteButton:visited {
margin-top: 5px;
margin-bottom: 5px;
}
#footerNav ul.horiz {
display: inline-block;
}
#footerNav ul.horiz li {
float: left;
background-image: none;
}
#footerNav {
float: none;
text-align: center;
}
img.attachment-snippet {
float: left;
max-width: 20%;
height:auto;
}
#twitterBox {
padding-top: 0px;
width:  calc(100% - 20px);
float: none;
margin-right: auto;
margin-left: auto;
}
#wrapper #leftWrapper {
float: none;
padding-top: 0px;
padding-bottom: 0px;
width:  calc(100% - 20px);
margin-right: auto;
margin-left: auto;
overflow:visible;
}
.blog #leftWrapper {
float: none;
padding-top: 10px;
padding-bottom: 0px;
width:  calc(100% - 20px);
margin-right: auto;
margin-left: auto;
overflow:visible;
}
#socialFooter {
float: none;
width:  calc(100% - 20px);
text-align: center;
}
#mainContent .thumbnails {
display: inline-block;
width: 98%;
margin-top: 0px;
vertical-align: top;
position: relative;	
}
H1 {
font-size: 280%;
-webkit-transition: all 0.3s ease-in-out;
}
H2 {
font-size: 230%;
-webkit-transition: all 0.3s ease-in-out;
}
H3 {
font-size: 200%;
-webkit-transition: all 0.3s ease-in-out;
}
H4 {
font-size: 160%;
-webkit-transition: all 0.3s ease-in-out;
}
H5 {
font-size: 150%;
-webkit-transition: all 0.3s ease-in-out;
}
H6 {
font-size: 130%;
-webkit-transition: all 0.3s ease-in-out;
}
#mainContent p {
font-size: 110%;
-webkit-transition: all 0.3s ease-in-out;
}
.contactBlock p {
font-size: 120%;
-webkit-transition: all 0.3s ease-in-out;
}
.notMobile {
display: none;  
}
#innerImageWrapper {
margin-top: 0px !important;
position:relative;
padding-top: 110px !important;
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center !important;
}   
.whiteTransparent {
text-align: center !important;
padding: 10px;
width: auto;
display: block;
}
}
@media screen and (min-width: 0px) and (max-width: 500px) {
#archivesbox, .bloggrid  {
grid-template-columns:repeat(1,1fr);
gap: 0px;
-webkit-transition: all 0.3s ease-in-out;
}
} img { 
max-width:100%;
height: auto;
}