/*
Theme Name: APS 2025
Theme URI: https://github.com/tidythemes/blankslate
Based on: blankslate
Adapted by: e-Motive Media Ltd for Air Pressure Solutions

Blankslate WordPress Theme © 2011-2021 TidyThemes
Blankslate is distributed under the terms of the GNU GPL
*/
@font-face {
	font-family: "Lato";
	src: url("/wp-content/themes/APS25/fonts/Lato-VariableFont_wght.woff2") format("woff2");
	font-display: swap;
}

@font-face {
	font-family: "Lato-Italic";
	src: url("/wp-content/themes/APS25/fonts/Lato-Italic-VariableFont_wght.woff2") format("woff2");
	font-display: swap;
}




html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
margin:0;
padding:0;
border:0;
font-size:100%;
vertical-align:baseline;
}

html{
scroll-behavior:smooth;
}

body{
line-height:1;
}

#wrapper {
overflow:hidden;
}

a{
text-decoration-skip-ink:auto;
}

a[href^="tel"]{
color:inherit;
text-decoration:none;
}

button{
outline:0;
}

ol,ul{
list-style:none;
}

blockquote,q{
/*quotes:none;*/
}

blockquote:before,blockquote:after,q:before,q:after{
content:'';
content:none;
}

q{
display:inline;
font-style:italic;
}

q:before{
content:'"';
font-style:normal;
}

q:after{content:'"';
font-style:normal;
}

textarea,input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="search"],
input[type="password"]{
-webkit-appearance:none;
appearance:none;
border-radius:0;
}

input[type="search"]{
-webkit-appearance:textfield;
}

table{
border-collapse:collapse;
border-spacing:0;
}

table.benefitsComparison {
border:1px solid #e5e6e7;
}


th,td{
padding:20px;
font-size: 1.7em;
line-height:150%;
}
th {
text-align:left;
}



table.benefitsComparison th,
table.benefitsComparison td {
padding:10px;
line-height:125%;
}

table.benefitsComparison tr th {
background-color:#eeeeee;
}

table.benefitsComparison tr td:first-of-type {
background-color: #f5f5f5;
}

table.benefitsComparison td .fa-circle-check {
color: #00CC33;
display:block;
text-align:center;
}

table.benefitsComparison td,
table.benefitsComparison th {
border-right:1px solid #e5e6e7;
border-bottom: 1px solid #e5e6e7;
}

th td:last-child {
padding-right:0 !important;
}

table.propertyListing {
width:100%;
border-bottom:1px solid #f5f5f5;
}

table.propertyListing td {
width:50%;
}

table.propertyListing td h3 {
font-size:inherit;
margin:0;
line-height:120%;
}

table.propertyListing td p {
font-size:90%;
margin:0;
line-height:120%;
}



big{
font-size:120%;
}

small,
sup,
sub{
font-size:80%;
}

sup{
vertical-align:super;
}

sub{
vertical-align:sub;
}

dd{
margin-left:20px;
}

kbd,
tt{
font-family:courier;font-size:12px;}

ins{
text-decoration:underline;}

del,
strike,
s{
text-decoration:line-through;
}

dt{
font-weight:bold;
}

address,cite,var{
font-style:italic;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display:block;
}

*{
box-sizing:border-box;
-webkit-tap-highlight-color:transparent;
}

.sticky{
}

.bypostauthor{
}

.wp-caption{
}

.wp-caption-text{
}

.gallery-caption{
}

div.alignright,
img.alignright{
float:right;
  margin-top: 9px;
  margin-left: 20px;
  margin-bottom: 20px;
  width:350px;
  max-width:60%;
  height:auto;
}

div.alignleft,
img.alignleft{
  float: left;
  margin-top: 9px;
  margin-right: 20px;
  margin-bottom: 20px;
    width:350px;
	max-width:60%;
  height:auto;
}

div.aligncenter,
img.aligncenter,
p img.aligncenter{
float:none;
clear:both;
display:block;
margin:20px auto;
width:100%;
  max-width:720px;
  height:auto;
}


div.alignnone,
img.alignnone,
p img.alignnone{
float:none;
clear:both;
display:block;
margin:20px auto;
width:100%;
  max-width:600px;
  height:auto;
}

.wp-caption-text {
display:none;
}

.screen-reader-text{
border:0;
clip:rect(1px,1px,1px,1px);
-webkit-clip-path:inset(50%);
clip-path:inset(50%);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute!important;
width:1px;
word-wrap:normal!important;
word-break:normal;
}

.screen-reader-text:focus{
background-color:#f7f7f7;
border-radius:3px;
box-shadow:0 0 2px 2px rgba(0,0,0,.6);
clip:auto!important;
-webkit-clip-path:none;
clip-path:none;
color:#007acc;
display:block;
font-size:14px;
font-size:.875rem;
font-weight:700;
height:auto;
right:5px;
line-height:normal;
padding:15px 23px 14px;
text-decoration:none;
top:5px;
width:auto;
z-index:100000;
}

.skip-link{
left:-9999rem;
top:2.5rem;
z-index:999999999;
text-decoration:underline;
}

.skip-link:focus{
display:block;
left:6px;
top:7px;
font-size:14px;
font-weight:600;
text-decoration:none;
line-height:normal;
padding:15px 23px 14px;
z-index:100000;
right:auto;}



.visually-hidden:not(:focus):not(:active), 
.form-allowed-tags:not(:focus):not(:active){
position:absolute !important;
height:1px;
width:1px;
overflow:hidden;
clip:rect(1px 1px 1px 1px);
clip:rect(1px, 1px, 1px, 1px);
white-space:nowrap;
}

.icon::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

/* My styles */
body{
font-size: 62.5%;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight:400;
background-color: #ffffff;
color: #011638;
line-height:150%;
/*margin-top:63px;*/
}


#siteContainer {
display:flex;
flex-direction:column;
width:100%;
}

#headerContainer {
display:flex;
flex-direction:column;
width:100%;
align-items:center;
height:450px;
background-position:center;
background-size: cover;
padding:0 25px;
}

.sticky header{
position:fixed;
top:0;
z-index: 1000;
background-color: #011638;
border:none;
padding:0 25px;
}

.sticky #heroContainer {
margin-top:100px;
}

.admin-bar .sticky header {
top:32px;
}

.home #headerContainer {
height:900px;
}

#heroContainer {
display:flex;
flex-direction:column;
justify-content:center;
width:100%;
max-width:1340px;
height:350px;
color:#ffffff;
}

.home #heroContainer {
height:800px;
}

#heroContainer h1 {
font-size:7em;
}



.home #heroContainer h1 {
font-size:2em;
text-transform:uppercase;
font-weight:700;
color: #e5e6e7;
}


#heroContainer .subtitle {
text-transform:uppercase;
font-size: 1.8em;
  font-weight: 500;
  color: #f69634;
  margin-bottom:10px;
}

.home #heroContainer p.mega {
font-size: 5em;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 120%;
  max-width: 800px;
  margin:25px 0;
  color: #e5e6e7;
  letter-spacing:3px;
}

.home #heroContainer p.mega strong {
font-weight: 800;
  font-size: 200%;
  color: #ffffff;
  line-height:90%;
  letter-spacing:0;
}

.home #heroContainer p.sub {
font-size:3em;
}

header {
display:flex;
width:100%;
flex-direction:row;
justify-content:space-around;
align-items:center;
height:100px;
border-bottom:1px solid #ffffff33;
}

#headerRight {
color: #f69634;
font-size:1.8em;
font-weight:600;
line-height:125%;
}


#contentContainer { 
display:flex;
background-color:#ffffff;
flex-direction:column;
align-items:center;
}

.pageContent,
.archiveContent,
.singleContent,
.content {
width:100%;
/*max-width:1200px;*/
display:flex;
flex-direction: column;
  align-items: center;
margin:50px 0;
}

#archive.content {
padding:0 25px;
}

#single.content {
padding:0 25px;
}

#page.content {
padding:0 25px;
}

.home .content {
margin:0;
}

section {
width:100%;
}

header section {
width:auto;
}

footer i.fa-sharp {
margin-right:6px;
}

.main {
width:100%;
}

.main > p {
margin-top:0;
}

.sidebar .main {
width:calc(100% - 451px);
margin-right:50px;
}

.aside {
width:400px;
border: 1px solid #e5e6e7;
background-color:#f5f5f5;
border-radius:10px;
}

.aside h2,
.aside h3,
.aside p {
margin:20px 30px;
}

.aside h3 {
border-bottom: 1px solid #cccccc;
padding-bottom:19px;
text-align:center;
}


#footerContainer {
width:100%;
display:flex;
flex-direction:column;
background-image:url(images/bg-navy.png);
background-repeat:repeat;
justify-content:center;
align-items:center;
}

#footerContainer p {
color:#e5e6e7;
}

#footerContainer p i {
color:#ffffff;
}

#footerCTAContainer {
width:100%;
display:flex;
justify-content:center;
background-color:#f69634;
}

#footerCTA {
width:100%;
max-width:1340px;
margin: 50px 0 35px;
display:flex;
justify-content:center;
align-items:center;
}

#footerCTA a {
font-size:5em;
font-weight:600;
color: #ffffff;
text-transform:uppercase;
}

#logoContainer {
width:100%;
display:flex;
justify-content:center;
background-color: #ffffff;
padding:0 25px;
}

#logos {
width:100%;
max-width:1340px;
display:flex;
justify-content:center;
column-gap:40px;
row-gap:25px;
align-items:center;
flex-wrap:wrap;
margin:50px 0;
}

#logos a {
flex-basis:10%;
}

#logos a img {
max-width:100%;
}

footer {
width:100%;
display:flex;
justify-content:center;
padding:0 25px;
}

#footerColumns {
margin-top:50px;
width:100%;
max-width:1340px;
display:flex;
justify-content:space-between;
}


#footerColumns #footer2 a{
color:#e5e6e7;
}



#copyrightContainer {
width:100%;
display:flex;
justify-content:center;
padding:0 25px;
}

#copyright {
width:100%;
max-width:1340px;
display:flex;
justify-content:space-between;
border-top:1px solid #ffffff33;
}

#copyright p {

color:#ffffff;

}




a:link {
color: #f69634;
text-decoration:none;
  -webkit-transition: color 0.2s ease-out;
 -moz-transition: color 0.2s ease-out;
 -o-transition: color 0.2s ease-out;
 -ms-transition: color 0.2s ease-out;
 transition: color 0.2s ease-out;
}

a:visited {
color: #f69634;
}

a:hover {
color: #d6832e;
text-decoration: underline;
}

a:active {
color: #d6832e;
}

p {
font-size: 1.7em;
line-height: 175%;
margin: 1.2em 0;
font-family: "Lato", Arial;
font-weight:400;
}

h1 {
line-height:120%;
font-size: 3.4em;
font-weight:700;
margin: 0;
font-family: "Lato", Arial;
letter-spacing:1px;
}

h2 {
font-size: 2.4em;
line-height:125%;
margin: 0.8em 0;
font-weight:600;
font-family: "Lato", Arial;
}

h2 strong,
h2 b {
font-weight:600;
}

h3 {
font-size: 2em;
line-height:125%;
margin: 0.6em 0;
font-family: "Lato", Arial;
font-weight:600;	
}

h3 strong,
h3 b {
font-weight:600;
}


h4 {
font-size: 1.8em;
line-height:125%;
margin: 0.6em 0;
font-family: "Lato", Arial;
font-weight:600;	
}

h4 strong,
h4 b {
font-weight:600;
}


h5 {
font-size: 1.6em;
line-height:125%;
margin: 0.6em 0;
font-family: "Lato", Arial;
font-weight:500;
}

h5 strong,
h5 b {
font-weight:600;
}

#contentContainer ul li {
font-size: 1.5em;
font-weight:400;
line-height:175%;
list-style-type:disc;
margin-left:25px;
margin-bottom:5px;
}

#footerContainer ul li {
font-size: 1.7em;
font-weight:400;
line-height:175%;
list-style-type:none;
margin-left:0;
margin-bottom:5px;
}

.footerHeading {
font-size:2.5em;
margin-bottom:25px;
color: #ffffff;
}

a.button {
color:#ffffff;
background: #f69634;
padding:20px 0;
text-align:center;
border-radius: 30px;
font-weight:600;
font-size:2em;
width:250px;
display:inline-block;
transition: background-color 0.2s ease-out;
}

p a.button {
font-size:inherit;
}

.aside p a.button {
padding:10px 0;
}

p:has(.button) {
  text-align:center;
}


a.button::after {

display: inline-block;
margin-left: 6px;
position: relative;
transition: transform .25s ease-out;
z-index: 1;
content: ">";
}

a.button:hover::after {
/*transform: translateX(50%);*/
transform: rotate(-45deg);
}

a.button:hover {
color: #ffffff;
background-color: #d6832e;
text-decoration:0;

}

/* Homepage styles */

.content {
display:flex;
flex-direction:column;
justify-content:space-between;
}

.section {
width:100%;
padding:50px 0;
}

.section.restricted {
max-width:1340px;
display:flex;
justify-content:space-between;
}

.section.unrestricted {
max-width:100%;
}

.section.unrestricted .section.restricted {
padding:0;
}

.section.unrestricted .section.restricted section{
padding:0;
}

.section.unrestricted.leftright,
.section.unrestricted.fullwidth {
display:flex;
justify-content:center;
}


#homeContent1 {
display:flex;
width:100%;
justify-content:space-between;
gap:50px;
padding:0 25px;
}

#homeContent2 {
background-image:url(images/bg-pale.png);
background-repeat:repeat;
background-color:#f5f5f5;
display:flex;
justify-content:center;
padding:0 25px;
}

#homeContent2 section.restricted {
display:flex;
}

#homeContent2 .boxItems {
gap:0;
}

#homeContent2 .boxItem {
width:100%;
border-bottom:1px solid #dddddd;
padding:30px 0;
}

#homeContent2 .boxItem:last-of-type {
border-bottom:0;
} 

.sectionLeft,
.sectionRight {
width:50%;
}

#homeContent1 .sectionLeft {
display:flex;
width:60%;
flex-direction:column;
}

#homeContent1 .sectionRight {
width:40%;
}

.sectionRight img {
border-radius:10px;
max-width:100%;
height:auto;
}

.homeIntro {
display:flex;
flex-direction:column;
justify-content:space-between;
gap:50px;
align-items:center;

}

.sectionHeading {
text-transform: uppercase;
  color: #f69634;
  font-weight: 600;
  font-size: 1.5em;
  letter-spacing: 0.5px;
}

.homeHeading {

}

.homeHeading h2 {
font-size:7em;
font-weight:500;
margin-top:10px;
line-height:110%
}

.homeHeading h2 span {
font-size:50%;
font-weight:300;
line-height:130%;
display:block;
}

.homeIntroCounter {
width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;

}

.homeIntroServices {
width:100%;
display:flex;
flex-direction:column;

}

.homeIntroCounter span {
text-align: center;
  display: block;
  font-weight:400;
  font-size: 2em;
}

@property --num {
  syntax: "<integer>";
  initial-value: 0;
  inherits: false;
}

div.counter {
  animation: counter 5s ease-in;
  counter-reset: num var(--num);
  animation-fill-mode: forwards;
  display:inline;
}
div.counter::after {
  content: counter(num);
}

.counterWrapper {
font-weight: 300;
  font-size:10em;
    padding:40px 0;
  }
.counterWrapper::after {
content:'';
}



@keyframes counter {
  from {
    --num: 99900;
  }
  to {
    --num: 100000;
  }
}


.boxItems {
display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
  gap: 40px;
}

.boxItem {
width: calc(50% - 20px);
  display: flex;
  padding: 20px 0;
  gap: 20px;
  border-bottom: 1px solid #f5f5f5;
}

.boxItem:nth-of-type(5),
.boxItem:nth-of-type(6) {

border-bottom:none;
}



.boxItemIcon {

}

.boxItemText {
display: flex;
  flex-direction: column;
  justify-content: center;
}

.boxItemText a {
color:#011638;
}

.boxItemTitle {
font-size:2em;
font-weight:400;
line-height:120%;
margin-bottom:10px;
}

#homeContent2 .boxItemTitle {
font-size:3em;
}

.boxItemSubtitle {
font-size:1.6em;
font-weight:300;
line-height:120%;
}

.boxItemIcon i.fa-sharp {
font-size: 4em;
  color: #f69634;
  background-color: #f5f5f5;
  padding: 20px;
  border-radius: 50%;
  width:80px;
  height:80px;

}

#homeContent2 .boxItemIcon i.fa-sharp {

  background-color: #ffffff;


}

.strip {
width:100%;
display:flex;
justify-content:center;
padding:0 25px;

}

.orange {
background-color:#f69634;
}

.navy {
background-color:#011638;
}

.white {
background-color:#ffffff;
}

.paleStripes {
background-image:url(images/bg-pale.png);
background-repeat:repeat;
}

.navyStripes {
background-image:url(images/bg-navy.png);
background-repeat:repeat;
}


.strip .boxItems {
color: #ffffff;
flex-wrap:wrap;
gap:0;
row-gap:25px;
justify-content:space-between;
}

.strip .boxItem {
border-bottom:none;
width:calc(33.3% - 25px);
justify-content:center;
}



.strip .boxItemIcon i.fa-sharp {
border:2px solid #ffffff;
  color: #ffffff;
  background-color: #f69634;
  margin-right:10px;

}

.strip .boxItem img {
width:80px;
height:80px;
border-radius:50%;
border:2px solid #ffffff;
}

#footerContainer .strip .restricted {
display:flex;
flex-direction:column;
color:#ffffff;
justify-content:center;
align-items:center;
padding:30px 0 10px;
}

#footerContainer .strip{
transition: background-color 0.2s ease-out;
}


#footerContainer .strip:hover {
background-color:#d6832e;
}

.strip .sectionHeading {
color: #ffffff;
font-size:3em;
}

.strip a:link {
color:#ffffff;
}

#footerContainer .strip p {
color: #ffffff;
font-size:2em;
}

.row3 .facetwp-template {
display:flex;
width:100%;
justify-content:space-between;
row-gap:5%;
column-gap:15px;
flex-wrap:wrap;
}

.row3 .facetwp-template article {
width:30%;
}

.row3 article {
border-radius:10px;
background-color: #f5f5f5;
margin-bottom:15px;
}

.row3 article .articleImage img {
max-width:100%;
height:auto;
border-top-left-radius:10px;
border-top-right-radius:10px;
}

.row3 .articleExcerpt {
padding:0 15px;
display:flex;
flex-direction:column;
}

article a.button {
max-width:100%;
padding:10px 0;
}