@charset "utf-8";
/* 

CSS Document  - These are the custom styles for this project: ClickAway - 28/10/23

Notes:

1. To change the google font 'Montserrat' - open header.php for a faster way to load than using @import

2. WhiteLabel theme has 3 custom image sizes defined in the functions.php
	'wl_featured' =  1600x1020
	'wl_large'	  =  1024x650
	'wl_thumb'    =  850x540

3. There are base styles defined in dd-nubase.css - please do not edit - override styles here
*/ 

/*Css Variables*/
:root {
	
	--brand-red: #E90302; /*Brand Colour*/
    --brand-yellow: #FFEA00;
    --brand-blue: #4280D1;
    
    --site-black: #1C1918;
    --site-dark-grey:#242D33;
    --site-mid-grey: #48586A;/*Body Text*/
    --site-light-grey:#878F9B;
    --site-border:#C8CFD8;
    
    --lp-green:#2C9560;
}


/*website*/
html {
  scroll-behavior: smooth;
}

/*Define Website Override Styles*/
body{
    color:var(--site-mid-grey);
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    font-size: 1.0em;
    line-height: 1.4em;
}

/*masthead*/
#masthead{
	background:#fff;
	position: relative;
	min-height:120px;
	padding:0;
	border-top: 4px solid var(--brand-yellow);
    border-bottom:1px solid #fff3;
    box-shadow: 0 15px 15px -22px rgba(0,0,0,0.65);

}
#masthead .innerframe {
	display: flex;
    justify-content: flex-end;
}
#logo {
	width: 300px;
	height: 60px;
	background: url("../img/ClickAway.svg") 0 center/ contain no-repeat;
	top: -40px;
	left: 0;
	padding: 0;
}
.header-tagline {
	display: block;
	position: absolute;
	bottom: 15px;
	left: 0;
	color: var(--site-light-grey);
	font-weight: 500;
	font-size: 0.9em;
	width: 256px;
	text-align: center;
}

/*footer*/
#footer{
    background:#fff;
    box-shadow: -15px 10px 18px 0 rgba(0,0,0,0.65);
}

#footer .widget_nav_menu{
	width:100%;
	margin: 10px 0 0;
}
#footer .widget_nav_menu ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#footer .widget_nav_menu ul li{
    flex-shrink: 0;
	display:block;
	margin: 10px 15px;
}
#footer .widget_nav_menu ul li a{
	font-size: 14px;
    color: var(--brand-red);
}
#footer .widget_nav_menu ul li.txt-label{
    display: none;
}

.footer-sidebar {
	display: flex;
	width: 100%;
	border-top: 1px solid var(--site-border);
	margin: 15px 0 0;
	padding:0;
	justify-content: center;
}
#footer aside {
	width: 50%;
}

#headerimg{
    position: fixed;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index: -20;
    min-height: 100vh;
}
#headerimg picture{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    padding: 0;
}


/*Navigation - override Nubase*/


.nav-menu > li{
	margin:0;
}
.nav-menu > li > a {
	padding: 15px 0 10px;
}

.nav-menu .hasdrop > a {
	padding-right: 0;
}
.nav-menu .sub-menu .hasdrop > a::after {
	right: 5px;
	background: url("../img/chevron-down.svg") center / contain no-repeat;
    display: none;
}

.nav-menu > li.button-link{
    display:block;
    padding:0;
    margin:0;
    min-height: unset;
}

.nav-menu .button-link > a {
	display: block;
	padding: 8px 16px;
	/*width: 160px;*/
	background: var(--brand-red);
	color: #fff !important;
	border-radius: 2px;
	text-align: center;
	font-size: 0.8em;
	text-transform: uppercase;
	line-height: 1.8em;
	font-weight: 400;
	text-decoration: none;
	border: none;
	margin: 0;
}

.button-link.alt a{
    background: var(--brand-blue);
}
.button-link > a:hover{
    background-color:var(--site-mid-grey);
}
.nav-menu > li.top-button{
    position: absolute;
    bottom:calc(100% + 15px);
    right:0;
}
.nav-menu li.top-button.btn2 {
	right: 204px;
	min-width: 154px;
}
.nav-menu li.top-button.btn3{
    right:364px;
}

#content{
    display: block;
    padding: 20px 0 100px;
    min-height: 60vh;
}

/* ----------------------------------------------------------------------- Typeography */
.h1,.h2,.h3,.h4,
h1,h2,h3,h4{
    
}
.h1,.h2,.h3,.h4,.h5,.h6,
h1,h2,h3,h4,h5,h6 {
	margin: 0 0 0.6em;
    line-height: 1.18em;
}
h4,h5,h6{
	font-weight: 400;
}
/*.h1-xl{
    font-size: 4.6em;
	line-height: 1em;
    margin-bottom: 25px;
    
}*/

h1, .h1 {
	font-size: 2.8em;
	line-height: 1em;
    margin-bottom: 25px;
    font-weight: 300;
    letter-spacing: -0.02em;
    white-space: break-spaces;
}
.h1 span,
h1 span{
    display: block;
    height: 25px;
}
.home .h1 {
    font-size: 2.5em;
    line-height: 1.1em;
    font-weight: 500;
}

.articlePage .post h1, 
h2, .h2 {
	font-size: 2.4em;
	line-height: 1.0em;
	font-weight: 400;
}
#ca_reviews .iFEZzR,
.rte .wp-block-quote p,
h3, .h3 {
	font-size: 1.9em;
    font-weight: 400;

}
.widget_block h2,
h4, .h4{
	font-size: 1.8em;
    font-weight: 400;
}

h5, .h5 {
	font-size: 1.4em;
    font-weight: 500;
}
h6, .h6 {
	font-size: 1.2em;
	text-transform: none;
    font-weight: 500;
}
p, .p {
	font-size: 1.0em;
    line-height: 1.4em;
	margin:0 0 0.6em;
}
.xs {
	font-size: 0.8em;
    line-height: 1.0em;
	margin:0 0 0.6em;
    position: absolute;
    top:-100vh;
}
#footer p,
#footer{
	font-size: 0.9em;
    line-height: 1em;
}

b, strong {
	font-weight: 500;
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong{
    font-weight: 400;
}

/*General UI*/

#ca_reviews div[class^="ReviewText__Container"],
#ca_reviews .iFEZzR{
    color: var(--site-mid-grey);
}
a:focus, a:active {
    outline: none;
    -moz-outline-style: none;
}

button,
.button,
input[type="button"], input[type="submit"]{
	background-color:var(--brand-blue);
	color: #fff;
    border-radius: 2px;
}
.button.alt{
    background-color: var(--brand-red);
}
.button.green{
    background-color: var(--lp-green);
}

.button.green:hover,
.button.alt:hover,
button:hover,
.button:hover{
    background-color:var(--site-mid-grey);
}




/*Gutenberg*/
.txt-center{
    text-align: center;
}
.rte a{
	color: var(--brand-blue);
	text-decoration: underline;
}
.rte .wp-block-button__link{
    background: var(--brand-blue);
    color: #fff;
}
.rte .wp-block-button.alt .wp-block-button__link{
    background: var(--brand-red);
    color: #fff;
}
.rte .wp-block-button.alt .wp-block-button__link:hover,
.rte .wp-block-button__link:hover {
	background-color: #1A1E22;
    color: #fff;
}
.rte .wp-block-button + *{
    margin-top:15px;
}
.rte .has-black-color{
	color: #262A2E ;
}
.rte .has-black-background-color{
	background-color: #262A2E  ;
}
.rte .has-white-color{
	color: #FFFFFF;
}
.rte .has-white-background-color{
	background-color: #FFF ;
}
.rte .has-color-1-color{
	color:#585863 ;
}
.rte .has-color-1-background-color{
	background-color: #585863  ;
}
.rte .has-color-2-color{
	color:#ED6EA7 ;
}

.rte .has-color-2-background-color{
	background-color:#ED6EA7 ;
    color: #fff;
}
.rte .has-color-3-color{
	color:#fee8d1 ;
}
.rte .has-color-3-background-color{
	background-color:#fee8d1  ;
}
.rte .has-color-4-color{
	color:#38A3C1 ;
}
.rte .has-color-4-background-color{
	background-color:#38A3C1 ;
    color: #fff;
}
.rte .has-color-5-color{
	color:var(--brand-red) ;
}
.rte .has-color-5-background-color{
	background-color:var(--brand-red)  ;
    color: #fff;
}
.rte .has-color-6-color{
	color:#B8B7BD ;
}
.rte .has-color-6-background-color{
	background-color:#B8B7BD  ;
}
.rte .has-color-7-color{
	color:#A3B8B6;
}
.rte .has-color-7-background-color{
	background-color:#A3B8B6  ;
}
.rte .has-color-8-color{
	color:#8A8A99;
}
.rte .has-color-8-background-color{
	background-color:#8A8A99  ;
}

/*.rte .is-style-outline .wp-block-button__link:active, 
.rte .is-style-outline .wp-block-button__link:focus, 
.rte .is-style-outline .wp-block-button__link:hover{
    color:currentColor ;
}*/

.rte .is-style-outline > .wp-block-button__link:not(.has-text-color), 
.rte .wp-block-button__link.is-style-outline:not(.has-text-color) {
	color: #4E5B80;
}
.rte .is-style-outline > .wp-block-button__link, 
.rte .wp-block-button__link.is-style-outline {
	border: 1px solid;
}
.rte .wp-block-button__link:not(.has-background):visited {
	color: #fff;
}
.is-style-outline > .wp-block-button__link:not(.has-background), 
.wp-block-button__link.is-style-outline:not(.has-background) {
	background-color: transparent;
    color: #fff;
}

.wp-block-cover-image::before,
.wp-block-cover::before {
	background-color: inherit;
}



.rte .wp-block-media-text.alignwide {
	margin: 0 auto;
    max-width:1440px;
}


.rte blockquote{
    padding: 50px 0;
}
.rte .wp-block-quote p,
.wp-block-cover .wp-block-pullquote blockquote p{
	font-family: 'MeshedDisplayLight','Raleway', sans-serif;
	font-weight:400;
}
.rte .wp-block-pullquote.is-style-solid-color blockquote p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: inherit ;
}

.rte .wp-block-quote.has-text-align-right,
.rte .wp-block-quote{
	border-color:#54AB8D;
}

.rte .zindex{
    z-index: 100 ;
}

.rte .blocks-gallery-grid{
    max-width:100%;
}

.rte .wp-block-gallery{
    padding: 0;
}

.rte .wp-block-columns{
	max-width: unset;
	padding: 0;
}
.rte figure.wp-block-embed.alignnone,
.rte figure.wp-block-image.alignnone {
	margin: 5px auto 10px;
    width:auto;
	max-width: 1020px;
    background: #ECEBDB;
    
}
.rte figure.wp-block-embed{
    margin: 20px auto 50px;
}
.rte figure img{
    object-fit: cover;
}
/*.rte figure.size-medium,
.rte figure.size-large {
	margin: 0 auto 50px;

}
.rte figure.size-thumbnail{
    max-width: 850px;
    margin: 30px auto;
}
.rte figure.size-medium img,
.rte figure.size-large img {
    width:100%;
}*/
.rte figure{
    position: relative;
    max-width:100%;
}
.rte .wp-block-column figure{
    margin-bottom: 15px;
}
.rte .wp-block-column figure + h2,
.rte .wp-block-column figure + h3,
.rte .wp-block-column figure + h4{
    margin-top: 15px;
}

.rte .wp-block-cover__image-background,
.rte .has-background-dim {
	margin: 0 auto;
    padding-top:80px;
    padding-bottom:80px;
    background-size: cover;
    color: #fff;
}
.rte .has-background-dim a{
    color: #fff;
}
.rte .has-background-dim .wp-block-cover__inner-container {
	min-height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
    z-index: 1;
}
/**/
.blocks-gallery-grid.columns-3 .blocks-gallery-image, 
.blocks-gallery-grid.columns-3 .blocks-gallery-item, 
.wp-block-gallery.columns-3 .blocks-gallery-image, 
.wp-block-gallery.columns-3 .blocks-gallery-item {
        padding: 0;
    }

.blocks-gallery-grid:not(.has-nested-images) figcaption, 
.wp-block-gallery:not(.has-nested-images) figcaption{
    margin-bottom:20px;
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image, 
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item, 
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image, 
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item {
	margin: 0 0 10px;
	display: flex;
	flex-grow: 0;
	width: calc(50% - 5px);
	padding: 0;
}
.blocks-gallery-grid:not(.has-nested-images), 
.wp-block-gallery:not(.has-nested-images) {
	justify-content: space-between;
}
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image, 
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item, 
.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image, 
.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item {
	max-width: calc(20% - .8em);
    width:auto ;
	margin: 0 0 .8em;
	flex-grow: 0;
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption, 
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption, 
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption, 
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption {
	font-size: .8em;
	line-height: 0.8em;
}
/*wp override*/
.rte .has-large-font-size{
    font-size: inherit ; 
}
.rte iframe + p,
.rte .wp-block-cover.has-background-dim + p{
    margin-top:20px;
}
.rte .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	background: linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,.1) 80%,transparent);
	padding: 30px 8px 8px;
}
/*footer content*/
#footer .tagline {
	margin:30px 0 0;
    font-size: 1.2em;
    padding: 15px 20px;
    text-align: center;
    color: #fff;
    border-top:2px solid var(--brand-yellow);
    background: var(--brand-red) url('../img/footer_bkg.jpg') center /  cover no-repeat;
    
}
#footer .copyright{
    color: var(--site-light-grey);
    border-top:1px solid var(--site-border);
    margin-top: 10px;
}
#footer .copyright .ddtag{
    margin-top: 20px;
    color:#9CA9BA;
}
/*Journal*/
.postlist .article h3, .postlist .article h4{
   font-family: 'MeshedDisplayLight','Raleway', sans-serif;
}
.postlist .article{
    border-bottom: 1px solid var(--site-border);
}
.postlist .article .txtbox {
	text-align: center;
	padding: 0 20px 10px;
	
}

#blogside .postlist .article{
    background: none;
}
#blogside > h3{
    text-align: center;
}
.articlePage .post h1{
    font-family: 'MeshedDisplayLight','Raleway', sans-serif;
    padding: 0 0 40px;
}


.articlePage .post {
	border-bottom:4px solid #878F9B;
}

.single #sidebar {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-gap: 20px;
}
.single #sidebar .widget_search{
    grid-column:span 2;
}


/*Page intro*/
.introbox{
    display: flex;
    /*min-height:calc(100vh - 140px);*/
    /*border-bottom: 2px dotted #E1E8F0;*/
    padding: 0;
    margin: 0 auto 50px;
}

.introbox::before {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	top: -80px;
	bottom: 0px;
	left: 50%;
	right: 0;
	margin: 0 auto;
	width: 100vw;
	transform: translateX(-50%);
	background: url('../img/wave3.svg') right 90% / 110% auto no-repeat;
    opacity: 0.8;
}
.introbox .txtbox{
    display: flex;
    flex-direction: column;
    position: relative;
    width:50%;
    z-index: 10;
    padding:4% 0 0 0;
    text-align: center;
}

.introbox .imgbox{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    width: 50%;
    padding: 0 3%;
}
.introbox .imgbox .featimg{
    
}
.imgbox.portrait .featimg{
    padding-top:0;
    /*border-left:1px dashed #fc0;*/
}


.imgbox.portrait img {
    display: block;
    margin: -20px auto 0;
    max-height: 600px;
}
.introbox .txtbox .subtitle{
    display: block;
    margin: 0 auto;
    max-width:550px;
    width:80%;
    font-weight: 500;
}
.introbox .txtbox .subtitle:before{
    content:"";
    display: block;
    width:100px;
    height: 3px;
    background: var(--brand-yellow);
    position: relative;
    margin: 50px auto 30px;
}
.introbox .txtbox .subtitle span {
	font-size: 0.8em;
	line-height: 1em;
    font-weight: 400;
}
.introbox .button-cta{
    display: block;
    margin: 50px 0 0;
}
.introbox .button-cta .button{
    margin:0 8px;
}
.introbox .locations-menu {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
	margin: 30px auto;
}
.introbox .locations-menu li{
    display: block;
    flex-shrink: 0;
    margin: 5px 3px;
}
.introbox .locations-menu li:not(.txt-label) a {
	display:block;
    padding: 8px 16px;
	background-color: var(--brand-red);
	color: #fff;
	border-radius: 2px;
}
.introbox .locations-menu li.current_page_item a,
.introbox .locations-menu li:not(.txt-label) a:hover{
    background-color: var(--site-mid-grey);
}
.introbox .locations-menu li.txt-label{
    width:100%;
    pointer-events: none;
}
.introbox .locations-menu li.txt-label a{
    color: inherit;
}

/*product page*/
.page-id-19 .introbox .txtbox{
    padding: 0;
    justify-content: center;
}
.introbox .h1 strong,
.introbox h1 strong {
	display: block;
	margin: 20px 0 0;
	font-size: 0.4em;
	line-height: 1.1em;
	font-weight: 400;
}
/*homepage header*/
.home .introbox:before{
    display: none;
}
.home .introbox{
    min-height: 65vh;
}
.home .introbox .imgbox {
	position: absolute;
	top: -22px;
	right: -40px;
	width: 60%;
	z-index: 0;
	padding: 0;
	max-width: 1000px;
}
.home .introbox .imgbox img{
    object-position: center 0;
    object-fit: contain;
}
.home .introbox .txtbox{
    z-index: 100;
    width:40%;
}
.home .ca-awards h3{
    text-align: center;
}
/*blog headers*/
.blog .introbox,
.introbox.short{
    height: 40vh;
    border-bottom: 2px solid #E1E8F0;
    min-height: initial;
    margin-bottom: 100px;
}
.single-post .introbox{
    padding:0 0 10px 0;
    min-height: 40vh;
    height:auto;
}
.introbox.short::before{
	bottom: 0;
	width: 100vw;
	top: -20px;
    opacity: 0.8;
}
.single-post .introbox.short::before{
    content:initial;
}

.introbox.short .imgbox{
    padding: 0;
}

.introbox.short .imgbox img {
	max-height: 520px;
	margin-bottom: -60px;
}
.single-post .introbox.short .imgbox img{
    margin-bottom:0;
}
.introbox.short .txtbox{
    padding:3% 0;
    justify-content:flex-start;
}

.introbox .search-form{
    display: flex;
    margin: 20px 0 0;
}
.introbox .search-form label{
    width:100%;
}
.introbox .search-form .search-submit{
    width:160px;
    border-color:#fc0;
}

.basic-header{
    display: block;
    padding: 100px 0 50px;
    border-bottom: 2px solid #E1E8F0;
    margin-bottom: 50px;
}
.basic-header,
.innerframe.narrow-block{
    max-width:1020px;
}
.basic-header::before{
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	top: -22px;
	bottom: 0px;
	left:0;
	right: 0;
	margin: 0;
	width: 100%;
	background: url('../img/wave2.svg') right 0 / contain no-repeat;
}






/*split-box*/

.splitbox{
    width:100%;
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    flex-direction: row;
}

.splitbox .txtbox{
    width:50%;
    padding: 6%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 0;
}
.splitbox .imgbox{
    width:50%;
}
/*footer content*/
#footer .splitbox{
    padding-top:50px;
    align-items: center;
}
.footer-logo{
    display: block;
    width:150px;
    height: 40px;
    background: url('../img/ClickAway.svg') 0 center / contain no-repeat;
    margin: 0 30px 0 0;
}
.socials{
    display: flex;
    align-items: center;
    width:40%;
}
.socials .s-icons {
    width: 50%;
    display: flex
}
.socials a{
    display: block;
    margin: 0 5px 0 0;
    color: var(--site-light-grey);
    padding: 5px;
}
.socials a svg{
    width:20px;
    height:20px;
}
.menu-footer-menu-container {
	display:block;
	width: 60%;
}
.footer-menu{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items:flex-start;
	width: 100%;
}
.footer-menu li{
    display: block;
    list-style: none;
    margin: 0 0 10px;
    width:33.33%;
    line-height: 1.4em;
}

.footer-menu li a{
    display: block;
    color: var(--site-light-grey);
}

.footer-menu li.current_page_item a,
.footer-menu li.current_menu_item a,
.footer-menu li.current_page_parent a,
#footer a:hover{
    color: var(--brand-red);
}
.footer-menu li.remote{
    /*margin-left:20px;*/
}
.footer-menu li.remote a{
    padding: 8px 16px;
    width: 140px;
    background:#2C9560;
    color: #fff !important;
    border-radius: 2px;
    text-align: center;
    font-size: 0.8em;
    text-transform: uppercase;
    line-height: 1.8em;
    font-weight: 400;
}
.footer-menu li.remote a:hover{
    background: var(--site-mid-grey);
}
/*CTA*/
.wp-block-group.service-footer {
    display: block;
    margin: 100px auto 0;
}
.service-footer .section-icons{
    gap:100px;
    justify-content: center;
}
.service-footer .section-icons > div{
    max-width:250px;
    position: relative;
}

.service-footer .section-icons > div:not(:last-child)::before{
    content:"";
    display: block;
    position: absolute;
    width:90px;
    height: 25px;
    top:65px;
    left:calc(100% + 5px);
    margin: auto;
    background: url('../img/blue-arrow.png') center / auto 80% no-repeat;
}
.service-footer .section-icons > div:nth-child(2)::before{
    transform: scaleY(-1);
}




/*contact us*/
.rte .wp-block-columns.google-map{
    gap:0;
    margin-bottom: 0;
}

.rte .wp-block-columns.google-map .wp-block-column{
    min-width:50%;
    max-width:50%;
}
.rte .wp-block-columns.google-map .wp-block-column.txtbox{
    padding: 6%;
    display: flex ;
    flex-direction: column;
    justify-content: center;
}
.home .rte .home-intro{
    padding-top:50px;
}
.home .rte .home-intro .minus-margin{
    margin-top:-100px;
}
.home .rte .home-intro .minus-margin p,
.home .rte .home-intro .minus-margin h3,
.home .rte .home-intro .minus-margin h4,
.home .rte .home-intro .minus-margin h5,
.home .rte .home-intro .minus-margin h2{
    max-width:550px;
    margin-left:0;
}
.home .rte iframe{
    margin: 20px 0 ;
}
.home .rte .home-intro .minus-margin figure + * {
    margin-top:30px;
}

.home .rte .dFwLrb {
	max-width: 1440px;
}

.rte figure.size-wl_large img{
    width:100%;
    max-height: 600px;
    object-fit: cover;
}

.rte figure.size-wl_featured{
    display: block;
	/*min-width:calc(100vw - 16px);*/
    width:100dvw;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	top: 0;
	margin:5em 0 0;
	padding:0;
	min-height: 450px;
    max-width:initial;
}
.rte figure.size-wl_featured img{
    max-height: 90vh;
    margin-bottom:0;
    padding: 0;
    width:100%;
    object-fit: cover;
}


/*Resusable content blocks*/
.wp-block-group.problem-solution{
    position: relative;
    margin:100px 0;
    padding:150px 0;
    gap:0;
}
.problem-solution .wp-block-column::after,
.problem-solution .wp-block-column::before,
.wp-block-group.problem-solution::before{
    content:"";
    display: block;
    position: absolute;
    margin: auto;
    text-transform: uppercase;
}
.wp-block-group.problem-solution::before {
	top: 0;
	left: 0;
	right: 6%;
	bottom: 10%;
	background:url('../img/ps-bkg.svg') center / contain no-repeat;
	z-index: -1;
	width: 450px;
	height: 450px;
}
.problem-solution .wp-block-columns{
    margin: 0;
    gap:0;
    position: relative;
}

.problem-solution .wp-block-column{
    width:calc(50% + 80px);
    padding:10% 6%;
    position: relative;
}
.problem-solution .wp-block-columns:nth-child(1):before{
    content:"";
    display: block;
    background:var(--brand-yellow);
    position: absolute;
    top:-150px;
    right:50%;
    width:50vw;
    bottom:-70px;
}
.problem-solution .wp-block-columns:nth-child(1) .wp-block-column:nth-child(1){
    margin-top:-150px;
    margin-right:-70px;
    margin-bottom:-70px;
    background:var(--brand-yellow);
    z-index: 0;   
}

.problem-solution .wp-block-columns:nth-child(2)::before {
	content: "";
	display: block;
	background: var(--brand-blue);
	position: absolute;
	top: 0;
	left: 50%;
	width: 50vw;
	bottom: -150px;
}

.problem-solution .wp-block-columns:nth-child(2) .wp-block-column:nth-child(2){
    margin-bottom:-150px;
    margin-left:-70px;
    background:var(--brand-blue);
    color: #fff;
    z-index: 10;
}

/*colour vectors*/
.problem-solution .wp-block-columns:nth-child(1) .wp-block-column:nth-child(1)::before,
.problem-solution .wp-block-columns:nth-child(2) .wp-block-column:nth-child(2)::before{
    z-index: 10;
	color: var(--brand-red);
	font-size: 1.2em;
	font-weight: 500;
	text-transform: uppercase;
    white-space: nowrap;
	height: 25px;
}



.problem-solution .wp-block-columns:nth-child(1) .wp-block-column:nth-child(1)::before {
	content: "Problem";
	top: 40px;
	left: calc(100% - 50px);
	width: 0;
	padding-left: 160px;
	text-indent: 10px;
	background: url('../img/dot-line.svg') 0 center / auto 25px no-repeat;
}
.problem-solution .wp-block-columns:nth-child(1) .wp-block-column:nth-child(1)::after{
    background:url('../img/ps-1.svg') center / contain no-repeat;
	border-radius: 50%;
	z-index: -1;
	width: 150px;
	height: 150px;
    right:30%;
    bottom:-80px;
}
.problem-solution .wp-block-columns:nth-child(2) .wp-block-column:nth-child(2)::before {
	content: "Solution";
	bottom: 40px;
	right: calc(100% - 50px);
	width: 0;
	padding-right: 290px;
	background: url('../img/dot-line-2.svg') right center / auto 25px no-repeat;
}
.problem-solution .wp-block-columns:nth-child(2) .wp-block-column:nth-child(2)::after{
    background:url('../img/ps-2.svg') center / contain no-repeat;
	border-radius: 50%;
	z-index: -1;
	width: 200px;
	height: 200px;
    left:20%;
    top:-150px;
}

.wp-block-group.problem-solution p a{
    color:inherit;
    text-decoration: underline;
}

/*careers*/
.rte .ca-job .wp-block-button__link{
    min-width: 200px;

}

/*Contact Page locations*/

.ca-location{
    background:#FAFAFA;
    border:1px solid #e6e5e6;
    border-radius: 8px;
    overflow: hidden;
    gap:0;
}
.ca-location .txtbox {
	padding: 3%;
	width: 33.3%;
	justify-content: center;
	display: flex;
	flex-direction: column;
}
.ca-location .map {
	width: 33.3%;
	border-left: 1px solid #e6e5e6;
	display: flex;
	border-right: 1px solid #e6e5e6;
}
.rte .ca-location .wp-block-column:nth-child(2) figure:first-child{
    border-bottom: 1px solid #e6e5e6;
}
.ca-location .map iframe{
    width:100%;
    height: 100%;
    margin: 0;
}
.ca-location .map iframe, .ca-location .map figure {
	aspect-ratio: 5/2;
    height: 100%;
}
.rte .ca-location .txtbox .wp-block-columns p,
.rte .ca-location .wp-block-image,
.rte .ca-location .wp-block-column figure{
    margin: 0;
}
.rte .ca-location .txtbox .wp-block-columns{
    margin: 0 0 10px;
}
.rte .ca-location .txtbox .wp-block-columns:nth-of-type(1){
    margin-top:50px;
}
.rte .ca-location .txtbox figure image{
    min-width: 50px;
}
.rte .wp-block-columns.ca-icons {
	gap: 10px;
    padding:0;
}
/*.rte .wp-block-columns.ca-icons *{
    margin: 0 auto;
    padding:0;
}*/
.rte .wp-block-columns.ca-icons .wp-block-image{
    margin: 5px auto;
}
.rte .icon-button{
    padding: 0;
    margin: 0;
}
.rte .icon-button a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: var(--brand-blue);
	color: #fff;
	text-align: left;
	font-size: 14px;
	line-height: 18px;
	text-decoration: none;
	padding: 5px 0 5px 20px;
	height: 50px;
	border-radius: 2px;
	overflow: hidden;
}

.rte .icon-button a:after {
    content:"";
	display: block;
    min-width:50px;
    height: 50px;
    margin-left: 20px;
    background: #0002 url('') center / auto no-repeat;
    border-left:1px solid #0002;
}

.rte .icon-button.phone a::after {
	background-image: url('../img/icon-tel-2.png');
    
}
.rte .icon-button.loc a::after {
	background-image: url('../img/icon-map-2.png');
}

.rte .icon-button.quote a::after {
	background-image: url('../img/icon-quote-2.png'); 
}
.rte .icon-button.calendar a::after {
	background-image: url('../img/icon-date-2.png');
}
.rte .icon-button.info a::after {
	background-image: url('../img/icon-info-2.png');
}
.rte .icon-button.mail a::after {
	background-image: url('../img/icon-mail-2.png'); 
}

.rte .icon-button a:hover{
    background-color: var(--site-mid-grey);
}

/*Book Appointment*/
.ca-enquiry{
    display: block;
    max-width:1020px;
    margin:0 auto;
}
.ca-enquiry .splitbox{
    margin:50px 0 20px;
}
.ca-enquiry .splitbox > h5{
    width:100%;
}

.ca-enquiry .splitbox > div,
.ca-enquiry .splitbox > label{
    width:48%;
}

.ca-enquiry .splitbox .wrap{
    display: block;
    margin-bottom: 20px;
}
.ca-enquiry .wrap input{
    margin-top: 10px;
}
.ca-enquiry .section{
    display: block;
    margin: 50px 0 0;
}
.ca-enquiry .hidden{
    display: none;
}
.ca-enquiry .radiobox input[type="radio"]{
    margin:0 10px 0 0;
    padding: 0;
}
.ca-enquiry .store-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding:20px 0;
    margin: 0;
}
.ca-enquiry .store-box.active{
    display: flex;
}
.ca-enquiry .col3{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ca-enquiry .col3 label{
    width:30%;
}
.radiobox{
    display: block;
    margin-bottom: 20px;
    cursor:pointer;
    border:1px solid #e6e5e6;
    padding: 10px 15px;
    /*border-radius: 8px;*/
    font-size: 14px;
}
.store-list label.radiobox,
.store-box label.radiobox {
    width:48%;
    display:flex;
    align-items: flex-start;
    
}
.store-box label.radiobox input{
    margin-top:3px;
}
.radiobox.active{
    border:1px solid var(--brand-blue);
}
.store-list span,
.store-box span{
    color: var(--site-light-grey);
    max-width: 98%;
}
.store-list > h6,
.store-box > h6{
    width:100%;
    margin-bottom: 20px;
}
.store-list span h6,
.store-box span h6{
    width:100%;
    color:var(--site-mid-grey);
}
.ca-enquiry input[name="date"],
.ca-enquiry select[name="time"]{
    margin-top: 10px;
    text-align :left !important;
    font-size: 16px;
}
.ca-enquiry .radiobox input{
    min-width: 16px;
}
.ca-enquiry fieldset {
	margin: 50px 0 20px;
	border: none;
	padding: 20px 0 0;
}
.ca-enquiry fieldset.splitbox {
	
}
.center-title{
    display: block;
    width:80%;
    max-width:850px;
    margin:50px auto;
}
.is-layout-flex.wp-block-columns.service-bullets {
	max-width: 850px;
	margin: 0 auto 50px;
}
/*get a quote*/
.ca-enquiry .boxright .wpcf7-radio{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ca-enquiry .boxright .wpcf7-list-item{
    width:48%;
    margin: 0 0 15px 0;
}
.ca-enquiry .wpcf7-list-item label{
    display: flex;
    align-content: center;
    
}
.ca-enquiry .g-recaptcha {
	height: 45px;
	width: 100%;
	font-size: 0.9em;
	font-weight: 500;
}
.wpcf7 form.sent .wpcf7-response-output {
	max-width: 1020px;
	margin: 2.0rem auto;
}
/*careers*/
.rte .ca-job {
    margin:80px 0;
    border-bottom:2px solid var(--site-border);
}
.rte .ca-job + .wp-block-separator{
    margin-bottom: 0;
}


/*--------------New Landing page template*/
#content.Landing_Page{
    
}
.Landing_Page .introbox{
    margin-bottom: 0;
}
.Landing_Page .introbox .txtbox{
    text-align: left;
    width:40%;
    padding-bottom: 50px;
    padding-right:5%;
}
.Landing_Page .introbox::before{
    display: none;
}
.Landing_Page .introbox .introtxt::before {
	content: "";
	display: block;
	width: 100px;
	height: 3px;
	background: var(--brand-red);
	position: relative;
	margin: 50px 0 30px;
}
.Landing_Page .introbox .imgbox{
    
    margin-top: -20px;
}
.Landing_Page .introbox .imgbox img {
	position: absolute;
	top: 0;
	right: calc((-100vw + 1440px) / 2);
	width: 121%;
	max-height: 100%;
	object-fit: contain;
	object-position: right;
	max-width: unset;
}
.Landing_Page .introbox .cta{
    margin: 40px 0 0;
}
.Landing_Page .introbox .imgbox h3 {
	width: 60%;
}
.Landing_Page .introbox .imgbox:has(form) {
	justify-content: flex-start;
    align-items: flex-end;
	padding:100px 0 50px;
   position: relative;
}

.Landing_Page .introbox .imgbox form {
	padding:30px;
	margin: 0;
	border: 1px solid #D9E0E9;
    background: #fff;
	border-radius: 12px;
	width:100%;
    max-width: 600px;
    position: relative;
     
}
.Landing_Page .introbox .imgbox form::before {
	content: "";
	width: 150px;
	aspect-ratio: 1/1;
	background: url("../img/ps-2.svg") center / contain no-repeat;
	position: absolute;
	bottom: -40px;
	left: -60px;
	z-index: -1;
	pointer-events: none;
}
.Landing_Page .introbox .imgbox:has(form) .badge {
	width: 200px;
	height: auto;
	right: 25px;
    left:auto;
	margin: auto;
	top: 0;
	z-index: 10;
	position: absolute;
}

.Landing_Page .introbox .imgbox form .splitbox{
    margin:20px 0 0;
}
.Landing_Page .introbox .imgbox form .splitbox .wrap{
    margin-bottom:0;
}
.Landing_Page .introbox .imgbox form .sub{
    margin: 10px 0 0;
    width:100%;
}
.Landing_Page .lp-logos{
    background: var(--site-black);
    color: #fff;
    display: block;
    padding: 50px 0;
    position: relative;
}
.Landing_Page .lp-logos:before{
    content:"";
    display: block;
    position: absolute;
    z-index: -1;
    top:0;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    width:100vw;
    background: inherit;
}
.Landing_Page .lp-logos .wp-block-columns{
    margin: 0;
}
.Landing_Page .lp-logos .wp-block-columns .wp-block-column{
    text-align: center;
}
.Landing_Page .lp-logos h4{
    margin-bottom: 30px;
}
.Landing_Page .lp-logos figure{
    margin: 0;
}
.Landing_Page .wp-block-columns.wp-container-6{
    margin: 40px 0 0;
    padding: 0;
}
.Landing_Page .lp-accordion-frame{
   /* border:1px dotted #000;*/
    display: block;
    position: relative;
    padding-top: 80px;
    margin: 50px 0;
}
.Landing_Page .lp-accordion{
    
}
.lp-accordion .lp-ac-txt{
    display: none;
    border:2px solid #131313;
    margin: 10px 0;
    background: rgb(201,222,208);
    background: linear-gradient(242deg, rgba(201,222,208,1) 10%, rgba(255,255,255,1) 50%, rgba(212,226,244,1) 90%); 
    padding: 4% 8%;
    border-radius: 8px;
}
.lp-accordion.active .lp-ac-txt{
    display: block;
}
.lp-accordion .lp-ac-title{
    position: absolute;
    top:0;
    left:0;
    display: block;
    border:2px solid #131313;
    padding: 20px;
    width:calc(25% - 10px);
    margin: 0;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
    font-size: 0.95rem;
    height: 60px;
}
.lp-accordion.active h6{
    background: linear-gradient(242deg, rgba(201,222,208,1) 10%, rgba(255,255,255,1) 50%, rgba(212,226,244,1) 90%); 
}
.wp-block-group__inner-container .lp-accordion:nth-child(2) h6{
    left:calc(25% + 3px);
}
.wp-block-group__inner-container .lp-accordion:nth-child(3) h6{
    left:calc(50% + 6px);
}
.wp-block-group__inner-container .lp-accordion:nth-child(4) h6{
    left:auto;
    right:0;
}

.lp-pricing{
    margin: 50px 0;
}
.lp-pricing .wp-block-column{
    border:2px solid var(--brand-blue);
    color:var(--brand-blue);
    padding: 4% 2% calc(4% + 30px);
    border-radius: 8px;
    position: relative;
    margin-bottom: 30px;
}
.lp-pricing .wp-block-buttons > .lp-cta{
    position: absolute;
    left:0;
    right:0;
    margin: auto;
    max-width:80%;
    bottom:30px;
    text-align: center;
}
.lp-pricing .wp-block-buttons > .lp-cta a:not(:hover){
    background-color: var(--lp-green);
}
.lp-pricing .wp-block-column h2{
    font-weight: 600;
    color:var(--lp-green);
}
.lp-pricing .wp-block-column > h6{
    min-height: 40px;
    font-size: 0.96rem;
}

.lp-pricing .wp-block-column h2 + h5{
    font-size: 0.96rem;
    margin-bottom: 30px;
}
.Landing_Page .hide{
    display: none;
}

.lp-black-section{
    background: #000;
    color:#fff;
    position: relative;
    display: block;
}
.lp-black-section::before {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: -1px;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
	background: inherit;
}
.lp-black-section .wp-block-group__inner-container .wp-block-columns{
    margin: 0;
    position: relative;
}
.lp-black-section .wp-block-group__inner-container .wp-block-columns:nth-child(2) .wp-block-column:nth-child(2),
.lp-black-section .wp-block-group__inner-container .wp-block-columns:nth-child(2) .wp-block-column:nth-child(1),
.lp-black-section .wp-block-group__inner-container .wp-block-columns:nth-child(1) .wp-block-column:nth-child(2){
    padding: 4% 4% 3%;
    max-width: 50%;
    
}
.lp-black-section .lp-img-left figure {
	margin-bottom:0;
	height: 100%;
    min-height: 60vh;
}
.lp-black-section .lp-img-left img {
	position: absolute;
	top: 0;
	left: calc((-100vw + 1440px) / 2);
	width: 50vw;
	max-height: 100%;
	object-fit: cover;
	object-position: 0 bottom;
	max-width: unset;
}
.lp-dot-line:before{
    content: "";
	width: 180px;
	background: url('../img/dot-line.svg') 0 center / auto 24px no-repeat;
	position: absolute;
	height: 30px;
    transform-origin: 0 center;
}
.lp-black-section .wp-block-column .lp-dot-line:nth-child(1) {
	position: relative;
	width: 160px;
	margin:50px auto;
    left:80px;
}
.lp-black-section .wp-block-column .lp-dot-line:nth-child(1)::before {
	bottom: 160px;
	left: -20px;
	transform: rotate(90deg);
}
.lp-black-section .wp-block-column .lp-dot-line:nth-child(2) {
	position: relative;
	width: 160px;
	margin: 20px 0 40px;
}
.lp-black-section .wp-block-column .lp-dot-line:nth-child(2)::before {
	bottom: -30px;
	left: -100px;
}
.rte .lp-black-section .wp-block-button__link:not(:hover) {
	background: var(--lp-green);
	color: #fff;
}

.wp-block-columns.lp-box-shadow{
    box-shadow: 2px 4px 6px #0003;
    background: #fff;
    margin-bottom: 50px;
}
.rte .lp-box-shadow figure{
    margin: 0;
    height: 100%;
}
.rte .lp-box-shadow figure img{
    height: 100% !important;
    object-fit: cover;
}
.lp-box-shadow .wp-block-column{
    width:50%;
}
.lp-box-shadow .wp-block-column:nth-child(2){
    padding: 20px 40px 20px 10px;
}
.rte .wp-block-button.green .wp-block-button__link:not(:hover) {
	background: var(--lp-green);
	color: #fff;
}

/*----------------------------------------------------------------------------------------------------------------------- Begin Responsive Queries*/

/* ----------------------------------------------------------------------- Min Withs Smallest to largest */
@media only screen and (min-width: 768px) {

/*--End Media Query*/   
}
@media only screen and (min-width: 1024px) {
    .ca-location .txtbox{
        max-width: 33.3%;
        border-right: 1px solid #e6e5e6;
    }
    .ca-location .map {
	    max-width: 33.3%;
    }
    .rte .ca-location .wp-block-column:nth-child(2) figure{
        height: 50%;
    }
    .rte .ca-location .wp-block-column:nth-child(2) figure img{
        min-height: 100%;
    }
    
    
    
/*--End Media Query*/ 	
}
@media only screen and (min-width: 1280px) {
    
    #navframe ul.nav-menu {
        justify-content: space-between;
        padding-left: 400px;
    }
    
	.nav-menu > li{
       
	}

    .nav-menu > li > a {
        font-size: 1.2em;
        line-height: 1em;
        font-weight:400;
    }
    .nav-menu > li.widenav.active:not(.button-link) > a,
    .nav-menu > li:hover:not(.button-link) > a {
        color:var(--brand-red);
    }
	.nav-menu > li.widenav{
		position: static;
	}
    .nav-menu > li.widenav > a:after{
        display: none;
    }
    .nav-menu > li.widenav > ul {
        top: 50px;
        width: 100%;
        padding: 60px 0 80px 400px;
        background: #fff;
        color:currentColor;
        border: none;
        margin: auto;
        left: 50%;
        min-height: 520px;
        transform: translateX(-50%);
        right: auto;
        max-height: calc(100vh - 120px);
    }
	
    .nav-menu > li.widenav > ul::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left:0;
        width: 360px;
        z-index: 10;
        background: url('') center bottom / 100% auto no-repeat;
        height: 430px;
    }
    .nav-menu > li.widenav > ul:after{
        content:"";
		display: block;
		position: absolute;
		top:0;
		left:50%;
        transform: translateX(-50%);
		width:100vw;
		height: 100%;
        background: inherit;
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef;
        z-index: -1;
        box-shadow: 0 15px 15px -22px rgba(0,0,0,0.65);
    }
	.nav-menu > li > ul{
		background:#fff;
		color: currentColor;
		border:none;
	}
	.nav-menu li ul li {
		width: 50%;
		padding: 0;
		margin: 0;
	}
	
	.nav-menu > li > ul > li {
		width: 100%;
		position: static;
		padding: 0;
	}
	.nav-menu > li > ul > li > a{
		padding: 5px 25px;
	}
    
	.nav-menu > li > ul ul {
		top: 0;
		left: auto;
		background: none;
		width: calc(100% - 40px);
		padding: 10px 0 10px 20%;
		border: none;
		border-top: 1px solid rgba(0,0,0,0.2);
		/*border-bottom: 1px solid rgba(0,0,0,0.2);*/
		right: auto;
		flex-wrap: wrap;
		height: 100%;
		flex-direction: row;
		align-content: flex-start;
		display: flex;
		position: relative;
		margin: 0 20px 10px;
	}

	.nav-menu > li > ul ul li a{
		font-size: 0.9em;
		line-height: 1em;
        color: var(--site-light-grey);
	}
    .nav-menu > li > ul ul li a:hover{
        color:var(--brand-red);
    }

    .nav-menu > li.current-menu-item > a, 
    .nav-menu > li.current-page-ancestor > a, 
    .nav-menu > li.current_page_item > a, 
    .nav-menu > li.current_page_parent > a {
		color: var(--brand-red);
        border-color: var(--brand-red);
	}
    /*widenav*/
    .nav-menu > li.widenav li.nav-col > a{
        display: none;
    }
    
    .widenav > .sub-menu {
        /*display: flex;*/
        justify-content: space-between;
        flex-wrap: wrap;
        align-content: flex-start;
         border:none;
    }
    .nav-menu > li.widenav.active > .sub-menu,
    .nav-menu > li.widenav:hover > .sub-menu{
        display: flex;
    }
    .widenav .sub-menu > li{
        display: block;
        margin: 0;
         width:100%;
    }
    .widenav .sub-menu > li.nav-col{
        width:48%;
    }
    .nav-menu > li.widenav li.nav-section-title{
        width:100%;
        margin:0 0 20px;
        padding:0;

    }
    .widenav .sub-menu > li.nav-col > ul{
        margin: 0;
    }
    .nav-menu > li.widenav li.nav-section-title > a{
        font-size: 1.6em;
        padding: 0 0 20px;
        pointer-events: none;
        cursor: default;
        border-bottom: 1px solid var(--site-border);
    }
    .nav-menu > li.widenav li.nav-section-title > a span{
        color:var(--brand-red);
    }
    .widenav .sub-menu > li.nav-title{
        margin-top: 20px;
        width:100%;
    }
    .widenav .sub-menu > li.nav-title:first-child{
        margin-top:0;
    }
    .widenav .sub-menu > li.nav-title > a:hover,
    .widenav .sub-menu > li.nav-title > a{
        pointer-events: none;
        cursor: default;
        font-size: 1.16em;
        font-weight: 500;
        color: var(--site-mid-grey);
    }
    .widenav .sub-menu > li.nav-col{
        
    }
    .widenav .sub-menu > li:nth-child(1){
        
    }
    .widenav .sub-menu > li:nth-child(2){
        
    }
    
    .nav-menu > li.widenav ul ul {
        display: block;
        padding: 0;
        height: auto;
        width: 100%;
        margin:10px 0 0;
        border:none;
    }
    /*widenav cta*/
    .nav-menu > li.widenav li.nav-cta {
        position: absolute;
        display: block;
        top:440px;
        left: 0;
        margin: 0;
        padding: 0;
        width:370px;
        z-index: 100;
    }
    .nav-menu > li.widenav li.nav-cta > a{
        display: none;
        border:none;
    }
    .nav-menu > li.widenav li.nav-cta ul {
        display: block;
        padding: 0 0 20px;
        border: none;
        width: 100%;
        text-align: center;
    }
    .nav-menu > li.widenav li.nav-cta ul li{
        display: inline-block;
        width:auto;
    }
    .nav-menu > li.widenav li.nav-cta ul li a{
        width:100%;
        color: #fff;
    }
    
    /*Development only*/
    /*.nav-menu > li.computers.widenav > ul{
        display: flex;
    }*/
    /*Development only*/
    .center-title{
        margin:80px auto;
    }
    
    
    

/*--End Media Query*/ 	
}
@media only screen and (min-width: 1440px) {
    .introbox.short{
        height: 420px;
    }
    .introbox.short .imgbox img {
        max-height: 520px;
        margin-bottom: -75px;
    }
    
    
    
    
/*--End Media Query*/ 
}
@media only screen and (min-width: 1680px) {
    h1, .h1 {
        font-size: 2.8em;
    }
    .home .h1, .h1 {
        font-size: 2.6em;
    }
    .introbox::before,
	.introbox.short::before {
        background-size:cover;
    }
    

/*--End Media Query*/ 	
}
@media only screen and (min-width: 1920px) {
    
	.introbox::before {
        top: -120px;
        bottom: 0;
    }
    .introbox.short::before{
        bottom:0;
    }
    .home .introbox .txtbox {
        width: 40%;
    }
    .imgbox.portrait img {
        max-height: 650px;
    }
    .home .h1, .h1 {
        font-size: 2.8em;
    }
    
    
/*--End Media Query*/ 	
}


/* ----------------------------------------------------------------------- MAX Withs Largest to smallest */
@media only screen and (max-width: 1919px) {
	
/*--End Media Query*/ 	
}
@media only screen and (max-width: 1679px) {
    
    /*nav-menu*/
    .nav-menu > li.widenav > ul {
        padding: 40px 0 40px 400px;
    }
    .home .introbox .txtbox {
        width: 45%;
        padding-right: 50px;
    }
    .home .introbox .imgbox{
        right:-20px;
        width:58%;
    }
    .Landing_Page .introbox .imgbox{
        width:55%;
    }
    .Landing_Page .introbox .txtbox{
        width:45%;
    }
    
    .Landing_Page .introbox .imgbox img{
        right:-50px;
        width: 105%;
        object-fit: cover;
        object-position: 0;
        height: 100%;
    }
    .lp-black-section .lp-img-left img {
        left: -50px;
        object-position: 0 right;
        height: 100%;
    }
    
/*--End Media Query*/ 
}
@media only screen and (max-width: 1439px) {
	
    .home .h1 {
        font-size: 2.2em;
    }
    .widget_block h2, h4, .h4 {
        font-size: 1.6em;
        font-weight: 400;
    }
    h5 {
        font-size: 1.3em;
        font-weight: 500;
    }
    
    #logo {
        width: 270px;
    }
    /*nav-menu*/
    
    #navframe ul.nav-menu,
    .nav-menu > li.widenav > ul{
        padding-left: 350px;
    }
    .nav-menu > li.widenav > ul::before {
        width: 320px;
        height: 380px;
    }
    .nav-menu > li.widenav li.nav-cta {
        width: 320px;
        top:400px;
    }
    .widenav .sub-menu > li.nav-title > a:hover, 
    .widenav .sub-menu > li.nav-title > a {
        font-size: 1.02em;
    }
    
    /*introbox*/
    .introbox .txtbox {
        padding: 3% 0 0 0;

    }
    /*short header*/
    .introbox.short{
        height: 360px;
    }
    .imgbox.portrait img {
        max-height: 500px;
    }
    .introbox.short .imgbox img {
        max-height: 450px;
        margin-bottom: -60px;
    }
    .introbox.short .txtbox {
        padding: 3% 0;
    }
    .home .introbox .txtbox {
        padding: 3% 50px 0 0;
    }
    
    
/*--End Media Query*/ 	
}
@media only screen and (max-width: 1279px) {

    /*structure*/
    .innerframe {
        width: calc(100% - 40px);
        padding: 0;
    }
    /*Type*/
    
    .home .h1 {
        font-size: 1.8em;
    }
    .articlePage .post h1, 
    h2, .h2 {
        font-size: 2.2em;
    }
    h5 {
        font-size: 1.2em;
    }
    /*masthead*/
    #wrapper.active{
        padding-top:80px;
    }
    #masthead{
        min-height: 80px;
        overscroll-behavior: none;
        align-content: flex-start;
        padding-top:10px;
    }
    #wrapper.active #masthead{
        position: fixed;
        top:0;
        left:0;
        width:100%;
    }
    #logo {
        width: 200px;
        height:40px;
        top:10px;
        left: 10px;
    }
    .header-tagline {
        bottom: auto;
        left: 220px;
        font-size: 0.8em;
        width: auto;
        top: 20px;
    }
    #menu_icon {
        top:15px;
        right:10px;
    }
    .menu-icon span{
        background:var(--site-mid-grey);
    }
    #wrapper.active .menu-icon span{
        background:var(--brand-red);
    }
    

    /*navigation*/

    #navframe ul.nav-menu {
        margin: 0;
        padding: 0;
    }
	.nav-menu > .hasdrop {
        position: unset;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .nav-menu li ul li,
    .nav-menu > li{
        min-height: unset;
        max-width: 550px;
        margin:0 auto;
    }
    
	    
	.nav-menu li a {
		color: currentColor;
        position:relative;
	}
    .nav-menu > li > a {
        font-size: 1.14em;
    }
	
    
    .nav-menu > li.widenav > ul {
        padding: 20px;
    }
    .nav-menu > li > a {
        padding: 5px 0 5px;
        min-height:unset;
        font-size: 1.4em;
        line-height: 2em;

    }
    .nav-menu > li.top-button.btn3,
    .nav-menu > li.top-button.btn2,
    .nav-menu > li.top-button {
        position: relative;
        bottom: auto;
        right: auto;
    }
    .nav-menu > li.button-link {
        margin: 50px auto 0;
        display: flex;
        width: 100%;
        justify-content:center;
        padding: 0;
        max-width: 550px;
    }
    .nav-menu > li.top-button.btn3,
    .nav-menu > li.top-button.btn2{
        margin: 10px auto 0;
    }
    .nav-menu .button-link > a{
        min-width: 200px;
    }
            
	.nav-menu > li > ul {
        display: block;
        border: none;
        padding:20px;
        position: absolute;
        background: #fff;
        top: -81px;
        width: 100%;
        height: 100%;
        left: 100%;
        z-index: 1000;
        overflow: auto;
        transition: all 0.8s cubic-bezier(.65,0,0.2,1);
        -webkit-transition: all 0.8s cubic-bezier(.65,0,0.2,1);
    }
    .nav-menu > li.active > ul{
        left:0;
    }
    .nav-menu > li.widenav > ul::before {
        content: "";
        display: block;
        position:relative;
        width: 100%;
        z-index:0;
        background: url('') center bottom / 290px auto no-repeat;
        height: 330px;
        /*border-bottom: 1px solid var(--brand-yellow);*/
        max-width: 550px;
        margin:0 auto;
    }
    .nav-menu > li > ul ul ul{
        display: none;
        padding:20px 0;
    }
    .nav-menu > li > ul ul {
        display: block;
        position: relative;
        border:none;
        padding: 0;
    }
	.nav-menu > li > ul ul li{
		padding: 0;
		margin: 0;
	}

    .nav-menu > li.current_page_item > a,
    .nav-menu > li.current_page_parent > a, 
    .nav-menu > li.current-menu-item > a, 
    .nav-menu > li.current-page-ancestor > a {
        color: var(--brand-red);
        border-color: var(--brand-red);
        
    }
    
    .nav-menu > li.hasdrop.widenav > a{
        display: inline-block;
    }

    .nav-menu > li.hasdrop .back {
        display: block;
        width: 65px;
        height: 45px;
        position: absolute;
        top: 10px;
        left: 20px;
        z-index: 100;
        background: #fff url("../img/nav_back.svg") center / auto no-repeat;
        cursor: pointer;
    }
    .nav-menu > li.hasdrop .trigger {
        display: block;
        width: 45px;
        height: 45px;
        background: #fff url("../img/nav_arrow.svg") center / auto no-repeat;
        cursor: pointer;
    }
    /*widenav*/
    .nav-menu > li.widenav li.nav-col > a{
        display: none;
    }
    
    .nav-menu > li.widenav li.nav-section-title {
        width: 100%;
        padding:0;
        text-align: center;
    }
    .nav-menu > li.widenav li.nav-section-title > a{
        font-size: 1.6em;
        line-height: 1.2em;
        padding: 0 20px 20px;
        pointer-events: none;
        cursor: default;
        border-bottom: 1px solid var(--site-border);
    }
    .nav-menu > li.widenav li.nav-section-title > a span{
        color:var(--brand-red);
    }
    
    .widenav .sub-menu > li.nav-title{
        margin-top:0;
        width:100%;
        line-height: 2em;
    }
    
    .sub-menu > li.nav-title.active ul{
        border-top:1px solid var(--site-border);
        border-bottom:1px solid var(--site-border);
    }
    
    .widenav .sub-menu > li.nav-title > a{
        font-size: 1.06em;
        line-height: 2em;
        font-weight: 500;
        color: var(--site-mid-grey);
        display:flex;
        justify-content: space-between;
        align-items: center;
        width:100%;
        padding: 5px 0;
    }
    .widenav .sub-menu > li.nav-title > a:after{
        content:"+";
        color: inherit;
        display:flex;
        justify-content:center;
        align-items: center;
        width:30px;
        height: 30px;
        font-size: 20px;
        font-weight: 500;
        position: relative;
        min-width:30px;
        transform-origin: center;
    }
    .widenav .sub-menu > li.nav-title.active > a{
        color:var(--brand-red);
    }
    .widenav .sub-menu > li.nav-title.active > a:after{
        transform: rotate(45deg);
    }
    
    /*widenav cta*/
    .nav-menu > li.widenav li.nav-cta {
        display: block;
        padding:0;
        margin: 30px auto;
        top:auto;
        width:100%;
    }
    .nav-menu > li.widenav li.nav-cta > a{
        display: none;
        border:none;
    }
    .nav-menu > li.widenav li.nav-cta ul {
        display: flex;
        justify-content: center;
        margin: 0 auto;
        padding: 10px 0 0;
        border: none;
        width: 100%;
    }
    .nav-menu > li.widenav li.nav-cta ul li{
        margin: 0;
    }
    .nav-menu > li.widenav li.nav-cta ul li a{
        width:100%;
        color: #fff;
    }
    
    /*introbox*/
    .introbox:not(.short) {
        margin-bottom:50px;
        min-height: calc(100vh - 250px);
        height: auto;
    }
    .introbox::before {
        top: -40px;
        opacity: 1;
        bottom: 40px;
        background-size: cover;
    }

    .introbox .imgbox {
        padding: 0 1%;
        right:-20px
    }
    .home .introbox .txtbox {
        width: 40%;
        left: 0;
        padding: 5% 0 0;
    }
    .introbox .button-cta {
        display: block;
        margin: 40px 0 0;
    }
    .basic-header, .innerframe.narrow-block {
        max-width: 650px;
    }
    .basic-header{
        padding: 50px 0 10px;
    }
    .Landing_Page .introbox .imgbox:has(form) {
        padding: 100px 0 50px 50px;
        right: 0;
    }
    /*footer*/
    
    #footer .innerframe {
		width: 100%;
		padding: 0 25px;
	}
    .footer-menu {
        /*flex-wrap: wrap;
        justify-content: flex-start;*/
    }
    .footer-menu li {
        width: 50%;
        margin: 0 0 15px;
    }
    .footer-menu li.remote {
        /*width:100%;*/
    }
    /*blog*/
    .single .introbox.short{
        border-bottom:2px solid var(--site-border);
    }
	#blogframe {
        padding: 0 25px;
    }
    
    /*rte*/
    .rte > .wp-block-columns {
        max-width: unset;
    }
    .rte .wp-block-spacer {
        max-height: 50px;
    }
    .rte .wp-block-cover.has-background-dim {
        /*margin: -80px -25px;*/
        width: auto;
        margin:30px auto;
    }
    .rte .wp-block-gallery.alignfull {
        margin: 0;
    }
    .rte .wp-block-gallery{
        padding: 0;
    }
    .rte .wp-block-gallery.columns-2 .blocks-gallery-grid, 
    .rte .wp-block-gallery.columns-2 .wp-block-gallery,
    .rte .wp-block-gallery.columns-3 .blocks-gallery-grid, 
    .rte .wp-block-gallery.columns-3 .wp-block-gallery{
        justify-content: space-between;
        
    }
    .rte .wp-block-gallery.columns-2 .blocks-gallery-item:nth-child(n),
    .rte .wp-block-gallery.columns-3 .blocks-gallery-item:nth-child(n){
        width:calc(50% - 10px);
        margin:0 0 1em 0;
        flex-grow: 0;
    }
    /*type*/
    h1, .h1 {
        font-size: 2.8em;
    }
    .widget_block h2, h4, .h4 {
        font-size: 1.6em;
    }
    /*LandingPage*/
    .Landing_Page .introbox {
        margin-bottom: 0;
    }
    .Landing_Page .introbox .txtbox{
        padding-right:0;
    }
    .lp-pricing .wp-block-buttons > .lp-cta a {
        min-width:unset;
        max-width:100%;
        width:100%;
    }

/*--End Media Query*/ 
}

@media only screen and (max-width: 1023px) {
    /*masthead*/
    #logo {
        left:10px;
    }
    #menu_icon {
        top:15px;
        right:10px;
    }
    /*nav-menu*/
    #navframe .menu-main-menu-container{
        padding: 50px 20px;
    }
    
    
    
    /*rte*/
    .rte .wp-block-media-text.is-stacked-on-mobile {
        grid-template-columns: 100% ;
    }
    .rte .wp-block-media-text .wp-block-media-text__media{
        grid-column:1;
        grid-row:1;
    }
    .rte .wp-block-media-text .wp-block-media-text__content{
        padding:6% 0;
        grid-column:1;
        grid-row:1;
    }
    /*introbox*/
    .introbox {
        flex-direction: column-reverse;
        min-height: calc(100vh - 140px);
        height: auto;
        justify-content: flex-end;
        margin-bottom: 50px;
    }
    .Landing_Page .introbox {
        flex-direction: column;
    }
    .Landing_Page .introbox .imgbox h3 {
        width: 100%;
    }
    .introbox.short::before,
    .introbox::before{
        bottom:auto;
        height: 70vh;
        background-size: 160% auto;
        background-position:right 30%;
        top: -80px;
        opacity: 1;
    }
    .introbox.short .imgbox,
    .introbox .imgbox {
        padding: 0;
        margin: -20px auto 30px;
        width: 70%;
        right: initial;
    }
    .introbox .txtbox {
        padding: 3% 0 6%;
        width: 80%;
        margin: 0 auto;
    }
    .imgbox.portrait img {
        margin: 0 auto;
        max-height: unset;
    }
    /*short header*/
    
    .introbox.short .imgbox img {
        max-height: unset;
        margin-bottom: 0;
    }
    .introbox.short{
        min-height: unset;
        height: auto;
        border:none;
    }
    
    /*product page*/
    .introbox h1 strong {
        font-size: 0.5em;
        line-height: 1.1em;
    }
    /*home*/
    .home .introbox::before{
        height: 60vh;
    }
    .home .introbox .imgbox {
        position: relative;
        top:0;
        right: 0;
        width: 100%;
        z-index: 0;
        padding: 0;
        max-width: 650px;
        margin: -22px auto 0;
    }
    .home .introbox .txtbox {
        width: 80%;
        left: 0;
        padding: 6% 0 6%;
    }
    .introbox .locations-menu li {
        width: 48%;
    }
    /*footer*/       
    #footer .splitbox {
        padding-top: 20px;
        flex-direction: column;
    }
    .menu-footer-menu-container {
        width: 100%;
        margin: 30px auto 10px;
    }
    .footer-menu {
        flex-wrap:wrap;
        justify-content: space-between;
        width: 100%;
    }
    .footer-menu li {
        width:50%;
    }
    .socials {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
    }
    .socials .s-icons {
        width: 50%;
        display: flex;
        justify-content: flex-end;
    }

    /*blog*/
    
    .single .introbox .imgbox {
        padding: 0;
        margin: 0 auto;
        width: 100%;
    }
    .single .introbox.short .txtbox {
        padding: 6% 0 3%;
    }
    /*rte*/
    .rte .wp-block-columns{
        flex-direction: column !important;
    }
    .rte .wp-block-columns .wp-block-column{
        flex-basis: 100% !important;
    }
    .rte .wp-block-columns.is-layout-flex{
        gap: 0 !important;
    }
    /*custom blocks*/
    .wp-block-group.service-footer {
        display: block;
        margin: 50px auto 0;
    }
    
    .wp-block-group.service-footer {
        
    }
    .service-footer .section-icons {
        gap:0;
    }
    .service-footer .section-icons > div{
       /* border:1px dashed #ccc;*/
        margin: 0 auto;
        min-width: 250px;
        max-width: 250px;
        position: relative;
    }
    
    .service-footer .section-icons > div:not(:last-child)::before {
        width: 90px;
        height: 25px;
        top:auto;
        bottom:0;
        left:230px;
        margin: auto;
        background: url('../img/blue-arrow.png') center / auto 80% no-repeat;
        transform: rotate(90deg);
    }
    .service-footer .section-icons > div:nth-child(2)::before {
        transform: scaleY(-1) rotate(-90deg);
        left:-70px;
    }
    .rte .wp-block-group.ca-awards .wp-block-columns{
        display: grid;
        grid-template-columns: repeat(6,1fr);
        grid-gap:20px;
    }
    .rte .wp-block-group.ca-awards .wp-block-column{
        text-align: center;
    }
    /*contact*/
    .ca-location .txtbox{
        border-bottom: 1px solid #e6e5e6;
    }
    .rte .ca-location .txtbox .wp-block-columns {
	   flex-direction:row !important;
    } 
    
     .rte .wp-block-columns.ca-location .map,
    .rte .wp-block-columns.ca-location .txtbox{
       width:100%;
    }
    .ca-location .map{
        width:50%;
        border-left:none;
        border-top:1px solid #e6e5e6;
    }
    .ca-location .map figure img,
    .ca-location .map iframe{
        aspect-ratio:16/10;
    }
    .rte .ca-icons .wp-block-columns {
        margin-bottom: 1rem;
    }
    /*custom blocks*/
    .wp-block-group.problem-solution {
        padding: 100px 0;
        display: block;
        margin: 50px -20px;

    }
    .problem-solution .wp-block-column {
        padding:0;
        margin: 0;
        position: relative;
    }
    .problem-solution .wp-block-columns:nth-child(2)::before,
    .problem-solution .wp-block-columns:nth-child(1)::before {
        display: none;
    }
    .problem-solution .wp-block-columns:nth-child(2) .wp-block-column:nth-child(2),
    .problem-solution .wp-block-columns:nth-child(1) .wp-block-column:nth-child(1) {
        margin: 0;
        padding: 120px 8%;
        width:100%;
        
    }
    .problem-solution .wp-block-columns:nth-child(1) {
        margin-bottom:150px;
    }
    /*colour creative*/
    .wp-block-group.problem-solution::before {
        right: 6%;
        bottom: 12%;
        width: 70%;
        height: auto;
    }
    .problem-solution .wp-block-columns:nth-child(2) .wp-block-column:nth-child(2)::after {
        width: 160px;
        height: 160px;
        left: 5%;
        top: -100px;
    }
    .problem-solution .wp-block-columns:nth-child(1) .wp-block-column:nth-child(1)::after {
        width: 130px;
        height: 130px;
        right: 10%;
        bottom: -70px;
    }
    /*labels*/
    .problem-solution .wp-block-columns:nth-child(1) .wp-block-column:nth-child(1)::before {
        bottom: calc(100% - 40px);
        left: 5%;
        width: auto;
        background: url('../img/dot-line-vert.svg') 0 0 / contain no-repeat;
        padding: 0 0 100px 25px;
        height: 0;
        top: auto;
    }
    .problem-solution .wp-block-columns:nth-child(2) .wp-block-column:nth-child(2)::before {
        bottom: auto;
        left: 5%;
        right: auto;
        width: auto;
        background: url('../img/dot-line-2-vert.svg') 0 0 / contain no-repeat;
        top: calc(100% - 40px);
        padding: 80px 0 20px 25px;
        height: 0;
    }
    /*careers*/
    .rte .wp-block-columns.ca-job {
        margin:80px 0 0;
    }
    /*LandingPage*/
    
    .Landing_Page .introbox .imgbox img {
        right: auto;
        left: -40px;
        width: calc(100% + 80px);
        object-fit: contain;
        object-position: 0;
        height: 100%;
        position: relative;
        top: -10px;
    }
    
    
    .Landing_Page .introbox .imgbox:has(form) {
        padding: 100px 0 50px;
        right: 0;
        max-width: 600px;
        width:90%;
    }
    .Landing_Page .introbox .txtbox {
        width: 90%;
        margin-top: 30px;
        max-width: 600px;
    }
    .Landing_Page .rte .lp-logos  .wp-block-columns.is-layout-flex{
        flex-direction: row !important;
    }
    
    .wp-block-group__inner-container .lp-accordion:nth-child(n) h6 {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0 0 30px;
    }
    .lp-accordion .lp-ac-txt {
        margin: -20px 0 30px;
    }
    .lp-pricing .wp-block-buttons > .lp-cta a {
        max-width: 200px;
    }
    .lp-black-section .lp-img-left figure {
        height:auto;
        min-height: unset;
    }
    .lp-black-section .lp-img-left img {
        left: -20px;
        position: relative;
        width: 100vw;
    }
    .lp-black-section .wp-block-group__inner-container .wp-block-columns:nth-child(1) .wp-block-column:nth-child(2),
    .lp-black-section .wp-block-group__inner-container .wp-block-columns:nth-child(2) .wp-block-column:nth-child(n) {
        max-width: 100%;
    }
    .lp-black-section .wp-block-column .lp-dot-line:nth-child(1)::before {
        bottom: 110px;
    }
    .lp-black-section .wp-block-column .lp-dot-line:nth-child(1) {
        margin: 100px auto 0;
        left: 100px;
        width:250px;
    }
    
    .lp-black-section .wp-block-column .lp-dot-line:nth-child(2)::before {
        display: none;
    }
    .lp-black-section .wp-block-column .lp-dot-line:nth-child(2) {
        position: relative;
        width: 250px;
        margin: 0 auto 0;
        left: 100px;
    }
    .rte .lp-black-section .wp-block-button {
        width: 100%;
        text-align: right;
    }
    .lp-box-shadow .wp-block-column {
        width: 100%;
    }
    .lp-box-shadow .wp-block-column:nth-child(2) {
        padding: 4%;
    }
/*--End Media Query*/   
}

@media only screen and (max-width: 767px) {
    /*masthead*/
	#logo {
         left:0;
    }
    .header-tagline {
        left: 210px;
    }
    #menu_icon{
        right:0;
    }
    
    /*footer*/
	#footer aside {
		width: 100%;
		padding: 0;
		margin: 10px 0;
	}
    
    /*rte*/
    .rte .blocks-gallery-grid .blocks-gallery-image, 
    .rte .blocks-gallery-grid .blocks-gallery-item, 
    .rte .wp-block-gallery .blocks-gallery-image, 
    .rte .wp-block-gallery .blocks-gallery-item {
        margin: 0 0 1em 0;
        width: 100%;
    }
    .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	    width: 160px;
    }
    .rte figure.size-large,
    .rte figure.size-medium,
    .rte figure.size-thumbnail {
        margin:15px auto;
    }

    .rte .wp-block-gallery.columns-2 .blocks-gallery-item:nth-child(n), 
    .rte .wp-block-gallery.columns-3 .blocks-gallery-item:nth-child(n) {
        width: 100%;
    }
    .rte .wp-block-button__link {
        margin: 5px 0 0;
    }
    

    /*.rte .wp-block-column + .wp-block-column{
        margin-top: 30px;
    }*/
    
    /*blog*/
    .postlist .article {
        width: 100%;
    }
    
    /*nav-menu*/
    .nav-menu > li.widenav > ul::before {
        margin-bottom: 20px;
    }
    
    /*introbox*/
    .introbox.short::before,
    .introbox::before {
        height: 60vh;
    }
    .introbox .txtbox {
        width: 100%;
    }
    .introbox .txtbox .subtitle::before {
        margin: 10px auto 15px;
    }
    .introbox .imgbox {
        margin: -30px auto 0;
    }
    .introbox .button-cta {
        width: 100%;
        margin: 30px auto 0;
    }    
    
    
    /*contact*/
    .rte > .wp-block-columns.ca-location{
        margin-bottom: 30px;
    }
    .ca-location .txtbox {
        padding: 8% 5%;
        width:100%;
    }
    .rte .ca-location .txtbox .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column{
        flex-basis: initial !important;
    }
    .rte .ca-location .txtbox .wp-block-columns {
	    margin: 0 0 10px;
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap !important;
    }
    
    .rte .ca-location .map{
        width:100%;
    }
    .rte .ca-location .map iframe {
        aspect-ratio: 16/10;
    }
    .rte .wp-block-group.ca-awards .wp-block-columns{
        grid-template-columns: repeat(3,1fr);
    }
    /*footer*/
    .footer-menu li {
        /*width:30%;
        margin: 0 0 10px;*/
    }
    
    /*contact awards*/
    .rte .ca-awards .wp-block-columns{
        display: grid !important;
        grid-template-columns: repeat(3,1fr);
        grid-gap:20px;
    }
    .rte .ca-awards .wp-block-columns figure{
        margin:0 auto;
    }
    /*appointment*/
    .ca-enquiry .col3 label,
    .store-box label.radiobox,
    .ca-enquiry .splitbox > div,
    .ca-enquiry .splitbox > label{
        width:100%;
    }
    /*LandingPage*/
    .Landing_Page .rte .lp-logos .wp-block-columns.is-layout-flex > .wp-block-column {
        flex-basis: 50% !important;
        justify-content: center;
        display: flex;
    }
    .Landing_Page .introbox .imgbox:has(form){
        padding-top: 140px;
    }
    .Landing_Page .introbox .imgbox:has(form) .badge {
        right: 25px;
        left: 25px;

    }
    .Landing_Page .introbox .imgbox form{
        padding-top: 100px;
    }
    .lp-black-section .wp-block-group__inner-container .wp-block-columns:nth-child(2) .wp-block-column:nth-child(2) {
        padding: 6% 4%;
    }
    .lp-black-section .wp-block-column .lp-dot-line:nth-child(1) {
        margin: 100px 0 0;
    }
    .lp-black-section .wp-block-column .lp-dot-line:nth-child(2){
        margin: 0;
    }
    .lp-accordion .lp-ac-txt {
        padding: 40px 30px;
    }
    
/*--End Media Query*/    
}
@media only screen and (max-width: 599px) {

    /*type*/
    h1, .h1 {
        font-size: 2.0em;
        line-height: 1.0em;
        margin-bottom: 15px;
    }
    .home .h1 {
        font-size: 1.5em;
        margin-bottom:0;
        padding:0 5px;
    }
    .articlePage .post h1, 
    h2, .h2 {
        font-size: 2.0em;
    }
    #ca_reviews .iFEZzR,
    h3, .h3 {
        font-size: 1.8em;
    }
    .widget_block h2, h4, .h4 {
        font-size: 1.4em;
        font-weight: 400;
    }
    /*introbox*/
    .introbox.short::before,
    .introbox::before {
        height: 70vh;
        background-size: 210% auto;
        background-position: 92% 10%;
    }
    .introbox.short .imgbox, .introbox .imgbox {
        width: 90%;
        margin: 0 auto 20px;
    }

    .introbox .txtbox {
        padding:0;
    }
    /*home*/
    .home .introbox::before{
        background-size: cover;
        height: 38vh;
    }
    .home .introbox .txtbox {
        width: 100%;
        padding-top:3%;
    }
    .home .introbox .imgbox {
        width: 80%;
        
    }
    /*footer*/
    .footer-menu li {
        width:48%;
    }
    /*rte*/
    .rte .wp-block-spacer {
        max-height: 30px;
    }
    .rte .wp-block-group.ca-awards .wp-block-columns{
        grid-template-columns: repeat(2,1fr);
        grid-gap:20px !important;
    }
    .rte .wp-block-buttons > .wp-block-button:last-child{
        margin-bottom: 15px;
    }
    .rte .lp-pricing .wp-block-buttons > .lp-cta {
        position: relative;
        bottom: auto;
        margin: 15px 0 0;
    }
    .lp-pricing .wp-block-column {

        padding: 6% 4%;
    }
    
    .Landing_Page .introbox .imgbox:has(form) .badge {
        width: 180px;
        right: 25px;
        left: 25px;        
    }
    .Landing_Page .introbox .imgbox form {
        padding: 120px 20px 20px;
    }
/*--End Media Query*/ 
}
/*iphone6 + regular android*/
@media only screen and (max-width: 479px) { 

    /*masthead*/
    #logo{
        top:0;
    }
    .header-tagline {
        left: 0;
        top: 35px;
    }
    
    
    /*nav-menu*/
    #navframe .menu-main-menu-container {
        padding: 10px 20px 50px;

    }
    .nav-menu > li > a {
        line-height: 1.8em;
    }
    .nav-menu > li.widenav li.nav-section-title > a {
        font-size: 1.5em;
        padding: 0 0 10px;
        margin: 0 0 10px;
    }
    .nav-menu > li.widenav > ul::before {
        height: 40vh;
        background-size: contain;
        margin-bottom:0;
    }
    .nav-menu > li.button-link {
        margin-top: 20px;
    }
    .nav-menu > li.button-link.btn3  {
        margin-bottom: 100px;
    }
    .nav-menu > li.widenav > ul {
        padding-bottom:50px;
    }
    .nav-menu > li.widenav li.nav-cta {
        margin-bottom:100px;
        width: 100%;
    }
    .nav-menu .button-link > a {
        width: 100%;
    }
    /*rte*/
    .rte .alignfull iframe {
        height: 400px;
    }
    .rte > .wp-block-columns {
        display: block;
        margin: 0;
    }

    /*appointment*/
    .ca-enquiry input[type="radio"]{
        font-size: 16px;
        float: none;
        display: inline-block;
        padding: 0;
        margin: 0 5px 0 0 !important;
    }
    .ca-enquiry .wpcf7-list-item .wpcf7-list-item-label{
        margin: 0;
        padding: 0;
    }
    .ca-enquiry input[name="date"]{
        background:#fff url('../img/calendar.svg') 96% center / 16px auto no-repeat;
    }
    .ca-enquiry input::-webkit-date-and-time-value{
        text-align: left !important;
    }
    input[type="date"]::-webkit-inner-spin-button,
    input[type="date"]::-webkit-calendar-picker-indicator {
        display: none;
        -webkit-appearance: none;
    }
    /*LandingPage*/
    
    .Landing_Page .introbox .txtbox {
        width:100%;        
    }
    .Landing_Page .introbox .imgbox:has(form) {
	width: 100%;
}
    .Landing_Page .introbox .imgbox form {
        padding: 90px 20px 20px;
    }
    .wp-block-columns.lp-box-shadow {
        margin-bottom: 30px;
    }
    .lp-black-section .wp-block-column .lp-dot-line:nth-child(n) {
        left: 40px;
    }
    .lp-black-section .wp-block-column .lp-dot-line:nth-child(2){
        margin-bottom: 30px;
    }

/*--End Media Query*/   
}
/*Iphone 4&5*/
@media only screen and (max-width: 359px) { 

/*--End Media Query*/ 
}

/* Size and Orientation */
@media only screen and (max-width: 479px) and (orientation: portrait){ 

/*--End Media Query*/ 
}
/* Landscape Orientation */
@media screen and (orientation: landscape) {

/*--End Media Query*/ 
}

/* Portrait Orientation */
@media screen and (orientation: portrait) {

/*--End Media Query*/ 
}

/*--------------------------------------------------------------------- End Responsive Queries*/