@charset "utf-8";
@charset "utf-8";

  *,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin:0;
padding:0;
} body.logged-in.admin-bar{
padding-top:0;
margin-top: -32px;
}
body.logged-in.admin-bar #wpadminbar{
background: rgba(0,0,0,0.2);
border-bottom: 1px solid rgba(255,255,255,0.13);
}
body.logged-in.admin-bar #wpadminbar:hover{
background: #131313;
}
a{
color: inherit;
text-decoration:none;
}
a:hover,
a:focus, button:focus {
outline: none;
}
a:hover{
color:#4280D1; 
}
svg.icon {
width: 40px;
height: 40px;
display: inline-block;
vertical-align: middle;
margin:0;
fill:currentColor;
}
svg.hidden{
display: none;
}
img{
display: inline-block;
max-width:100%;
border-radius: 0;
}
.innerframe {
display:block;
position:relative;
width: calc(100% - 80px);
margin: 0 auto;
max-width: 1440px;
z-index: 10;
} #wrapper {
display:block;
position:relative;
overflow:hidden;
min-height:100vh;
height:100%;
width:100%;
}
#main {
margin:0;
width:100%;
position:relative;
left:0;
z-index: 1;
}
#masthead {
display:block;
z-index: 5000;
} #menu_icon {
position:absolute;
top:30px;
right:20px;
z-index:5000;
display:none;
height:26px;
width:40px;
padding:0;	
} .menu-icon span {
position: absolute;
height:2px;
width: 100%;
background-color:#00A8C1;
transition: all 250ms ease-in-out;
transform: rotate(0deg);
}
.menu-icon span:nth-child(1) {
top:0;
}
.menu-icon span:nth-child(2),
.menu-icon span:nth-child(3) {
top: 48%;
}
.menu-icon span:nth-child(4) {
bottom:0;
}
#wrapper.active .menu-icon span:nth-child(1),
#wrapper.active .menu-icon span:nth-child(4) {
opacity: 0; 
}
#wrapper.active .menu-icon span:nth-child(2) {
transform: rotate(45deg);
}
#wrapper.active .menu-icon span:nth-child(3) {
transform: rotate(-45deg);
} textarea,
input[type="date"],
input[type="search"],
input[type="email"], 
input[type="tel"],
input[type="text"], 
input[type="password"],
input[type="button"], 
input[type="submit"],
select{
padding:8px;
color:#262A2E;
display:block;
width:100%;
border:1px solid #e6e5e6;
background:none;
margin:0 0 8px 0;
font-family:inherit;
-webkit-appearance: none;
border-radius: 0;
height:45px;
}
select{
background: url(//clickaway.com/wp-content/themes/WP_Theme_ClickAway/img/chevron-down.svg) 96% center / 14px auto no-repeat;
}
input{
padding:14px 8px;
}
input:focus, textarea:focus {
background-color:#fff;
color:#262A2E;
outline:none;
}
select:focus {
outline:none;
}
textarea{
min-height: 200px;
}
input[type="button"], input[type="submit"] {
-webkit-appearance: none;
background: #A4AEB6;
border:none;
color: #fff;
cursor: pointer;
}
::-moz-placeholder {
opacity: 1;
}
button:hover,
input[type="button"]:hover, 
input[type="submit"]:hover{
background-color: #566575;
} ::-webkit-input-placeholder {
color: #A5ADB6;
}
::-moz-placeholder {
color: #A5ADB6;
}
:-ms-input-placeholder {
color:#A5ADB6;
}
:-moz-placeholder {
color: #A5ADB6;
}
label.hidden{
display:none;
}
input:focus::placeholder {
color: transparent;
} button,
.button {
background:#435891;
color:#fff;
cursor:pointer;
padding:9px 16px;
display:inline-block;
text-align: center;
min-width: 160px;
font-weight: 400;
font-size:0.84em;
position:relative;
text-transform:uppercase;
-webkit-transition: background ease-in-out 0.4s, color ease-in-out 0.3s;
transition: background ease-in-out 0.4s, color ease-in-out 0.3s;
border:none;
}
.button:hover {
background:#566575;
color:#fff;
}
.button.line {
border:1px solid #fff;
background:none;
}
.button.line:hover {
background:#fff;
color:#484d54;
}
.button.line.black {
border:1px solid #1A2128;
color:#1A2128;
background:none;
}
.button.line.black:hover{
border:1px solid #222 ;
background:#222 ;
color:#fff;
} img { 
display: inline-block;
vertical-align: middle;
}
.featimg,
picture,
.v_iframe {
display: block;
width:100%;
max-width: 100%;
position:relative;
padding-top: 56%;
}
.featimg img,
picture img,
.v_iframe video,
.v_iframe iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.featimg img,
picture img,
.v_iframe video{
object-fit: cover;
object-position:center;
}
.videobox .txtbox{
padding: 30px 0 0;
}  #masthead {
min-height: 120px;
padding: 30px 20px;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-content: flex-end; }
#footer{
display: block;
padding: 30px 0 0;
margin:0;
}
#footer .innerframe {
display: flex;
flex-wrap: wrap;
max-width: 1440px;
margin: 0 auto;
z-index: 10;
}
#footer aside{
width:33.33%;
}
#footer .copyright{
display: block;
width:100%;
padding: 30px 0 10px;
margin:0;
font-size:0.9em;
text-align:center;
}
#footer aside .widget-title{
margin:0 0 15px;
text-transform: none;
}
#footer aside ul li{
display: block;
margin: 0 0 5px;
}
#footer p{
margin:5px 0;
} #logo {
display: block;
width: 200px;
height: 75px;
background: url() 0 center / contain no-repeat;
margin: 0;
padding: 75px 0 0 0;
text-align: center;
font-size: 0;
position: absolute;
top:10px;
left:20px;
z-index: 9000 !important;
} #navframe{
position: relative;
padding: 0;
margin: 0;
width:100%;
}
#navframe ul.nav-menu {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
list-style: none;
justify-content: flex-end;
}
.nav-menu li{
position: relative;
display: block;
padding: 0 20px;
}
.nav-menu > li{
padding: 0 0 2px;
margin: 0 15px;
min-height: 50px;
}
.nav-menu > li:last-child{
margin-right: 0;
}
.nav-menu li a {
display: block;
padding: 5px 0 5px;
font-weight: 400;
}
.nav-menu > li > a {
font-size: 14px;
font-weight: 500; padding: 10px 0 10px;
color: currentColor;
}
.nav-menu > li > ul{
display: none;
position: absolute;
top:100%;
left:0;
width:280px;
padding: 20px 0;
background: #fff;
border:1px solid #e6e5e6;
margin-left: calc(50% - 140px);
} .nav-menu > li > ul ul {
display: none;
padding-left: 20px;
position: absolute;
top: -21px;
left: 100%;
background: #fff;
width: 280px;
padding: 20px 0;
border: 1px solid #e6e5e6;
border-left-width:3px;
margin-left:-2px;
}
.nav-menu .hasdrop > a{
position: relative;
padding-right: 25px;
} .nav-menu li ul li{
display:block;
width:100%;
padding: 0 20px;
margin: 0 0 10px;
} .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: #435891;
}
.nav-menu > li:hover > a{
border-color:#e6e5e6;
}
.nav-menu > li.current-menu-item > a,
.nav-menu > li.current-page-ancestor > a{
border-color:#435891;
}
.nav-menu ul li:hover > a,
.nav-menu ul li.current-menu-item > a{
color:#435891;
} #content{
display: block;
min-height: 40vh;
}
#content.innerframe {
padding: 50px 0;
}
#blogframe{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin:50px auto 0;
width:100%;
}
#blogmain {
display: block;
width: 75%;
padding-right: 4%;
}
#blogmain.fullwidth{
width:100%;
max-width:unset;
padding:0;	
}
#blogside{
display: block;
width:25%;
padding: 100px 0 0;
}
#blogside .widget{
display: block;
padding: 20px 0;
}
#blogside .widget ul,
#blogside .widget ol{
display: block;
list-style: none;
}
#blogside .widget ul li a,
#blogside .widget ol li a{
display: block;
padding: 5px 0;
}
#blogside .widget a:hover{
color:#728294;
}
#blogside .widget_search form {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
#blogside .widget_search form label{
width:100%;
}
#blogside .wp-block-search__button {
border: none;
padding: 10px;
min-width: 100px;
line-height: 25px;
height: 45px;
text-align: center;
font-weight: 600;
}
#postframe{
display: block;
padding:0;
}
.postlist{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin:40px auto;
}
.postlist .article{
width:48%;
margin: 0 0 30px;
padding:0;
border-bottom: 1px solid #e6e5e6;
}
.rte .postlist .article{
width:30.33%;
margin: 0 1.5% 40px;
}
.rte .postlist .article a{
color: inherit;
text-decoration: none;
}
.article .txtbox{
display: block;
margin: 15px 0 0;
}
.article .date{
display: block;
margin:5px 0 0;
text-transform: uppercase;
color: #A4AEB6;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.5px;
}
.postlist .article h3,
.postlist .article h4{
margin: 0 0 15px;
}
.postlist .article h4{ }
.post{
display: block;
margin:15px auto;
}
.articlePage{
max-width: 1020px;
margin: 0 auto;
}
.articlePage .post h1{
padding-bottom:20px;
border-bottom:1px solid #A4AEB6;
margin-bottom: 30px;
}
.articlePage .post{
margin-bottom: 100px;
position: relative;
z-index: 0;
}
.articlePage .featimg{
margin-bottom:30px;
}
.rte p.postmeta{
display: block;
margin: 50px 0;
padding: 10px 0 0;
border-top:1px solid #A4AEB6;
text-align: center;
color: #A4AEB6;
}
.rte p.postmeta a{
color: inherit;
}
.paging {
width:100%;
display:flex;
justify-content: space-between;
margin:6px auto 0;
}
.paging a {
display:block;
vertical-align:top;
margin:0;
padding:4px 15px;
line-height:30px;
color:#A5ADB6;
border:1px solid #A5ADB6;
text-align: center;
width:120px;
font-size: 11px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px;
}
.paging a:hover {
color: #fff;
background-color:#A5ADB6;
}
.paging div {
display:inline-block;
vertical-align:top;
}
.paging .navleft {
float:left;
}
.paging .navright {
float:right;
}
.error404{
background:url(//clickaway.com/wp-content/themes/WP_Theme_ClickAway/img/404.jpg) center 5vh / auto no-repeat;
}
.error404 #content{
display: flex;
align-content: center;
justify-content: center;
flex-wrap: wrap;
min-height: 70vh;
}
.error404 #content .header{
width:100%;
} .header{
padding:20px;
display:block;
text-align: center;
margin: 0;
}
.rte > .widewidth{
max-width: 1080px;
}
.rte > .alignfull,
.rte > .fullwidth{
max-width: 100%;
}
.rte ol,
.rte ul{
}
.rte ol li,
.rte ul li{
margin-left:15px;
padding-left:10px;
margin-bottom: 10px;
}
.rte ol + h2,
.rte ol + h3,
.rte ol + h4,
.rte ul + h2,
.rte ul + h3,
.rte ul + h4,
.rte p + h2,
.rte p + h3,
.rte p + h4{
margin-top: 40px;
}
.rte p + h5,
.rte p + h6{
margin-top: 30px;
}
.rte .wp-block-button{
margin-bottom:25px;
}
.rte .wp-block-media-text__media img,
.rte .wp-block-image img {
max-width: 100%;
height: auto !important;
}
.rte .wp-block-cover__inner-container {
display: block;
max-width: 850px;
}
.rte .wp-block-latest-posts,
.rte p{
margin: 0 auto 20px;
width:100%;
}
.rte figure{
margin:0;
}
.rte figure img{
height:auto;
}
.rte p + figure{
margin: 30px auto;
}
.rte .wp-block-separator{
margin: 30px auto 50px;
border-color: #C8CFD8;
width: 100%;
}
.rte .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
width: 100%;
}
.rte .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background):hover, 
.rte .wp-block-button .wp-block-button__link.is-style-outline:not(.has-background):hover {
border-color:#9CA9BA;
color: #9CA9BA !important;
}
.rte div.has-background,
.rte p.has-background{
position: relative;
margin:30px auto;
padding: 4em 2.5em;
}
.rte div.has-background *,
.rte p.has-background *{
z-index: 0;
}
.rte div.has-background .wp-block-group__inner-container,
.rte p.has-background .wp-block-group__inner-container{
max-width:850px;
margin:0 auto;
}
.rte .wp-block-media-text.alignfull + p{
margin-top:30px;
}
.rte .wp-block-button__link {
border: none;
border-radius: 2px;
box-shadow: none;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 13px;
font-weight: 500;
margin: 20px 5px 0;
padding: 12px 24px;
text-align: center;
text-decoration: none;
overflow-wrap: break-word;
min-width: 200px;
text-transform: uppercase;
letter-spacing: 1px;
}
.rte .wp-block-button__link:hover{
background-color: #262A2E;
color: #fff !important;
}
.rte .wp-block-button.is-style-outline > .wp-block-button__link, 
.rte .wp-block-button .wp-block-button__link.is-style-outline {
padding: 0.8em 1.333em;
} .rte .wp-block-cover{
padding: 20% 10%;
}
.rte .wp-block-cover + .wp-block-cover{
margin-top:30px;
}
.rte .wp-block-cover div:not(.wp-block-button) a,
.rte .wp-block-cover .wp-block-cover__inner-container
{
color:#fff !important;
}
.rte .wp-block-cover .wp-block-pullquote{
border:none;
padding: 0;
color:inherit;
width:80%;
max-width:850px;
}
.rte .wp-block-cover + p{
margin-top:15px;
}
.rte .wp-block-cover .wp-block-pullquote blockquote p{
color:inherit;
}
.rte .wp-block-cover .wp-block-pullquote cite{
color:inherit;
text-transform: none;
font-weight: 400;
font-size: 16px;
}
.rte .wp-block-cover__inner-container h2.has-text-align-center,
.rte .wp-block-cover__inner-container h3.has-text-align-center{
max-width: 750px;
}
.rte .wp-block-quote.is-large, 
.rte .wp-block-quote.is-style-large{
margin:20px auto;
}
.rte .wp-block-media-text.alignfull {
position: relative;
padding:0;
}
.rte .wp-block-media-text.alignfull .wp-block-media-text__content {
padding:40px 20px;
max-width: 600px;
margin: 0 auto;
}
.rte .wp-block-media-text.alignfull .wp-block-media-text__media {
height: 100%;
}
.rte .wp-block-media-text.alignfull .wp-block-media-text__media img {
min-height: 100%;
display: block;
object-fit: cover;
}
.wp-block-media-text__content h3,
.wp-block-media-text__content h2{
margin-top:0;
}
.wp-block-media-text__content p + h3,
.wp-block-media-text__content p + h2{
margin-top: 40px;
} .rte .wp-block-column h2 + p,
.rte .wp-block-column h3 + p,
.rte .wp-block-column h4 + p{
margin-top:2em;
}
.rte .wp-block-column figure{
margin-bottom: 15px;
}
.rte .wp-block-buttons{
margin-bottom:1.5em;
} #blogside {
display: block;
width: 90%;
max-width: 850px;
padding: 0 0 50px;
margin: 0 auto;
}
#blogside .widget a:hover{
color: #435891;
}
#blogside .more{
text-align: center;
}  @media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 1024px) {
}
@media only screen and (min-width: 1280px) {
.nav-menu li:hover > ul{
display: block;
}
}
@media only screen and (min-width: 1680px) {
} @media only screen and (max-width: 1679px) {
}
@media only screen and (max-width: 1279px) { #wrapper.active {
overflow: hidden;
height: 100vh;
}
#menu_icon{
display: block;
z-index: 9000;
}
#navframe{
padding: 0;
position: fixed;
top:80px;
left:100%;
width:100%;
height: 1px;
z-index: 9999;
}
#navframe .menu-main-menu-container{
display: block;
position: relative;
background: #fff;
padding:50px 30px 30px;
min-height:100vh;
width:100%;
transform:translateX(0);
transition: all 0.8s cubic-bezier(.65,0,0.2,1);
-webkit-transition: all 0.8s cubic-bezier(.65,0,0.2,1);
z-index: 8000;
border-top:1px solid #efefef;
} #wrapper.active .menu-main-menu-container{
transform:translateX(-100%);
} #navframe {
}
#navframe::before {
height: 100px;
}
.nav-menu li ul li,
.nav-menu > li{
margin:0 0 10px;
width:100%;
padding: 0;
}
.nav-menu > li > ul ul,
.nav-menu li ul {
display: none;
position: relative;
top: auto;
left: 0;
width: 100%;
background:none;
border-left:none;
border-right:none;
margin: 0;
padding: 20px 0;
}
.nav-menu li.active > ul{
display: block;
}
.nav-menu > li  > a{
border-bottom:none;
}
.nav-menu li.active  > a{
color: #435891;
}
.nav-menu li li a {
padding:5px 0;
} .nav-menu .sub-menu .hasdrop > a::after {
transform: initial;
right:0;
}
#content.page .post > div > div{
padding-left:30px;
padding-right: 30px;
}
}
@media only screen and (max-width: 1023px) {
#navframe,
#navframe::before{
max-width:100vw;
}
#wrapper.active #navframe:before{
right:0;
}
#blogmain {
display: block;
width: 90%;
padding-right: 0;
margin: 0 auto;
} #masthead{
padding-top:0;
} #footer aside {
padding-right: 20px;
}
.rte .wp-block-button__link {
margin: 20px 0 0;
min-width:170px;
}
}
@media only screen and (max-width: 767px) { #footer .innerframe{
width: 80%;
}
#footer aside {
width:100%;
margin: 0 auto 30px;
} #blogmain.fullwidth .postlist .article, 
.rte .postlist .article {
width: 80%;
margin: 0 auto 40px;
}
#blogmain.fullwidth .postlist .article.news:nth-child(n){
width: 47%;
margin: 0 1.5% 40px;
}
.innerframe {
max-width:100%;
}
}
@media only screen and (max-width: 599px) {
} @media only screen and (max-width: 479px) { 
#navframe {
}
#blogframe{
margin-top: 30px;
}
#blogmain {
width: 100%;
margin: 0;
}
#pageheader {
height:80vh;
}
.rte .postlist .article,
#blogmain.fullwidth .postlist .article.news:nth-child(n),
#blogside,
#blogmain,
#footer .innerframe,
#pageheader .innerframe {
width: 100%;
}
#blogmain.fullwidth .postlist .article.news:nth-child(n),
.rte .postlist .article {
margin: 0 auto 30px;
}
.wp-block-column{
margin-bottom:30px;
}
.innerframe {
padding: 0 25px;
}
} @media only screen and (max-width: 359px) { 
} @media only screen and (max-width: 479px) and (orientation: portrait){ 
} @media screen and (orientation: landscape) {
} @media screen and (orientation: portrait) {
}
  :root {
--brand-red: #E90302; --brand-yellow: #FFEA00;
--brand-blue: #4280D1;
--site-black: #1C1918;
--site-dark-grey:#242D33;
--site-mid-grey: #48586A; --site-light-grey:#878F9B;
--site-border:#C8CFD8;
--lp-green:#2C9560;
} html {
scroll-behavior: smooth;
} body{
color:var(--site-mid-grey);
font-family: 'Rubik', sans-serif;
font-weight: 400;
font-size: 1.0em;
line-height: 1.4em;
} #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(//clickaway.com/wp-content/themes/WP_Theme_ClickAway/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{
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;
} .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(//clickaway.com/wp-content/themes/WP_Theme_ClickAway/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; 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;
} .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, .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;
} #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);
} .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: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{
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;
} .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 .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(//clickaway.com/wp-content/themes/WP_Theme_ClickAway/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;
} .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;
} .introbox{
display: flex;  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(//clickaway.com/wp-content/themes/WP_Theme_ClickAway/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; }
.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;
} .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;
} .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 .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(//clickaway.com/wp-content/themes/WP_Theme_ClickAway/img/wave2.svg) right 0 / contain no-repeat;
} .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 .splitbox{
padding-top:50px;
align-items: center;
}
.footer-logo{
display: block;
width:150px;
height: 40px;
background: url(//clickaway.com/wp-content/themes/WP_Theme_ClickAway/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{ }
.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);
} .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(//clickaway.com/wp-content/themes/WP_Theme_ClickAway/img/blue-arrow.png) center / auto 80% no-repeat;
}
.service-footer .section-icons > div:nth-child(2)::before{
transform: scaleY(-1);
} .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; 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;
} .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(//clickaway.com/wp-content/themes/WP_Theme_ClickAway/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;
} .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(//clickaway.com/wp-content/themes/WP_Theme_ClickAway/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(//clickaway.com/wp-content/themes/WP_Theme_ClickAway/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(//clickaway.com/wp-content/themes/WP_Theme_ClickAway/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(//clickaway.com/wp-content/themes/WP_Theme_ClickAway/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;
} .rte .ca-job .wp-block-button__link{
min-width: 200px;
} .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 .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(//clickaway.com/wp-content/themes/WP_Theme_ClickAway/img/icon-tel-2.png);
}
.rte .icon-button.loc a::after {
background-image: url(//clickaway.com/wp-content/themes/WP_Theme_ClickAway/img/icon-map-2.png);
}
.rte .icon-button.quote a::after {
background-image: url(//clickaway.com/wp-content/themes/WP_Theme_ClickAway/img/icon-quote-2.png); 
}
.rte .icon-button.calendar a::after {
background-image: url(//clickaway.com/wp-content/themes/WP_Theme_ClickAway/img/icon-date-2.png);
}
.rte .icon-button.info a::after {
background-image: url(//clickaway.com/wp-content/themes/WP_Theme_ClickAway/img/icon-info-2.png);
}
.rte .icon-button.mail a::after {
background-image: url(//clickaway.com/wp-content/themes/WP_Theme_ClickAway/img/icon-mail-2.png); 
}
.rte .icon-button a:hover{
background-color: var(--site-mid-grey);
} .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: none;
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; 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;
} .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;
} .rte .ca-job {
margin:80px 0;
border-bottom:2px solid var(--site-border);
}
.rte .ca-job + .wp-block-separator{
margin-bottom: 0;
} #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(//clickaway.com/wp-content/themes/WP_Theme_ClickAway/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{ 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(//clickaway.com/wp-content/themes/WP_Theme_ClickAway/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;
}  @media only screen and (min-width: 768px) { }
@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%;
} }
@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); 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);
} .nav-menu > li.widenav li.nav-col > a{
display: none;
}
.widenav > .sub-menu { 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;
} .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;
}   .center-title{
margin:80px auto;
} }
@media only screen and (min-width: 1440px) {
.introbox.short{
height: 420px;
}
.introbox.short .imgbox img {
max-height: 520px;
margin-bottom: -75px;
} }
@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;
} }
@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;
} } @media only screen and (max-width: 1919px) { }
@media only screen and (max-width: 1679px) { .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%;
} }
@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;
} #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 .txtbox {
padding: 3% 0 0 0;
} .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;
} }
@media only screen and (max-width: 1279px) { .innerframe {
width: calc(100% - 40px);
padding: 0;
} .home .h1 {
font-size: 1.8em;
}
.articlePage .post h1, 
h2, .h2 {
font-size: 2.2em;
}
h5 {
font-size: 1.2em;
} #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);
} #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; 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(//clickaway.com/wp-content/themes/WP_Theme_ClickAway/img/nav_back.svg) center / auto no-repeat;
cursor: pointer;
}
.nav-menu > li.hasdrop .trigger {
display: block;
width: 45px;
height: 45px;
background: #fff url(//clickaway.com/wp-content/themes/WP_Theme_ClickAway/img/nav_arrow.svg) center / auto no-repeat;
cursor: pointer;
} .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);
} .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: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 .innerframe {
width: 100%;
padding: 0 25px;
}
.footer-menu { }
.footer-menu li {
width: 50%;
margin: 0 0 15px;
}
.footer-menu li.remote { } .single .introbox.short{
border-bottom:2px solid var(--site-border);
}
#blogframe {
padding: 0 25px;
} .rte > .wp-block-columns {
max-width: unset;
}
.rte .wp-block-spacer {
max-height: 50px;
}
.rte .wp-block-cover.has-background-dim { 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;
} h1, .h1 {
font-size: 2.8em;
}
.widget_block h2, h4, .h4 {
font-size: 1.6em;
} .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%;
} }
@media only screen and (max-width: 1023px) { #logo {
left:10px;
}
#menu_icon {
top:15px;
right:10px;
} #navframe .menu-main-menu-container{
padding: 50px 20px;
} .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 {
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;
} .introbox.short .imgbox img {
max-height: unset;
margin-bottom: 0;
}
.introbox.short{
min-height: unset;
height: auto;
border:none;
} .introbox h1 strong {
font-size: 0.5em;
line-height: 1.1em;
} .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 .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;
} .single .introbox .imgbox {
padding: 0;
margin: 0 auto;
width: 100%;
}
.single .introbox.short .txtbox {
padding: 6% 0 3%;
} .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;
} .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{ 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(//clickaway.com/wp-content/themes/WP_Theme_ClickAway/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;
} .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;
} .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;
} .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;
} .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(//clickaway.com/wp-content/themes/WP_Theme_ClickAway/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(//clickaway.com/wp-content/themes/WP_Theme_ClickAway/img/dot-line-2-vert.svg) 0 0 / contain no-repeat;
top: calc(100% - 40px);
padding: 80px 0 20px 25px;
height: 0;
} .rte .wp-block-columns.ca-job {
margin:80px 0 0;
} .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%;
} }
@media only screen and (max-width: 767px) { #logo {
left:0;
}
.header-tagline {
left: 210px;
}
#menu_icon{
right:0;
} #footer aside {
width: 100%;
padding: 0;
margin: 10px 0;
} .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;
}  .postlist .article {
width: 100%;
} .nav-menu > li.widenav > ul::before {
margin-bottom: 20px;
} .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;
} .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-menu li { } .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;
} .ca-enquiry .col3 label,
.store-box label.radiobox,
.ca-enquiry .splitbox > div,
.ca-enquiry .splitbox > label{
width:100%;
} .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;
} }
@media only screen and (max-width: 599px) { 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.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 .introbox::before{
background-size: cover;
height: 38vh;
}
.home .introbox .txtbox {
width: 100%;
padding-top:3%;
}
.home .introbox .imgbox {
width: 80%;
} .footer-menu li {
width:48%;
} .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;
} } @media only screen and (max-width: 479px) { #logo{
top:0;
}
.header-tagline {
left: 0;
top: 35px;
} #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 .alignfull iframe {
height: 400px;
}
.rte > .wp-block-columns {
display: block;
margin: 0;
} .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(//clickaway.com/wp-content/themes/WP_Theme_ClickAway/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;
} .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;
} } @media only screen and (max-width: 359px) { } @media only screen and (max-width: 479px) and (orientation: portrait){ } @media screen and (orientation: landscape) { } @media screen and (orientation: portrait) { }