h1, h2, h3, h4, h5, h6{
font-family: 'Hammersmith One', sans-serif;
line-height: 130%;
font-weight: normal
}
p, li {
font-family: "Hind", sans-serif !important;
line-height: 130%;
font-weight: normal
}
h2, h3, h4, h5, h6 {
margin-bottom: 20px
}
h1 {
font-size: 40px;
}
h2 {
font-size: 28px;
}
@media (max-width: 768px) {
h1 {
font-size: 28px;
}
h2 {
font-size: 22px;
line-height: 140%;
}
}
h3 {
font-size: 1.4rem;
line-height: 130%;
}
h4 {
font-size: 22px;
line-height: 130%;
}
h3 a {
font-weight: 700;
}
.has-huge-font-size, .has-larger-font-size {
font-size: 3rem;
margin-bottom: 35px;
line-height: 110%
}
.has-medium-font-size {
font-size: 1.6vw;
}
@media (max-width: 768px) {
.has-huge-font-size,
.has-larger-font-size,
.has-large-font-size,
.has-medium-font-size {
font-size: 28px;
line-height: 140%;
}
}
p, p.has-normal-font-size  {
font-size: 1.2rem;
font-weight: 300;
line-height: 140%
}
main ul {
margin-bottom: 25px
}
main li {
font-size: 20px;
font-size: 1.1rem;
line-height: 140%;
margin-bottom: 12px
}
p.large {
font-size: 25px;
font-size: 1.4rem;
}
p.large2,
.testimonial p.large2 {
font-size: 25px;
font-size: 1.2rem
}
strong {
font-weight: 600
} .box p {
font-size: 1.1rem;
}
.box p.large {
font-size: 1.3rem;
}
@media only screen  and (min-width : 681px) {
.box p.large {
font-size: 1.3Frem;
}
}
.box-inner,
.box2 {
background: #fff;
padding-bottom: 45px;
margin-bottom: 45px;
transition: all 0.2 ease-in;
border: 1px solid #efefef;
position: relative;
border-radius: 10px;
}
.box2 {
padding: 35px
}
.box-inner img:first-of-type {
width: 100%;
margin-bottom: 25px;
border-radius: 10px 10px 0 0;
}
.box-inner img ~ * {
margin-left: 8%;
margin-right: 8%;
}
.box-inner2  {
padding: 8%;
box-shadow: 6px 6px 0 0 #e3e5f3;
}
.box-inner2.show {
border-bottom: none !important
}
.box-inner-logo {
height: 40px;
width: auto;
margin-top: 15px;
margin-bottom: 20px;
}
.box-inner h4 {
margin-top: 15px
}
.box-inner img:nth-of-type(2) {
max-width: auto !important;
width: auto !important;
height: 35px !important;
margin-bottom: 20px
}
@media only screen  and (max-width : 1023px) {
.box-inner img:nth-of-type(2) {
height: 30px !important;
margin-bottom: 20px
}
}
.case-studies .box-inner a {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
display:flex;
align-items: flex-end;
width: 100%;
height: 100%;
padding-bottom: 20px;
margin-left: 8%;
margin-right: 8%;
}
.case-studies .box-inner  {
box-shadow: 6px 6px 0 0 #efefef;
}
.case-studies .box-inner:hover img:first-of-type {
-webkit-filter: saturate(2);
filter: saturate(2);
} .gradientbg  {
background: linear-gradient(180deg, #1A2238 53%, #2D3A5D 47%);
}
@media only screen  and (min-width : 681px) {
.gradientbg  {
background: linear-gradient(90deg, #1A2238 50%, #2D3A5D 50%);
}}
.service-box1 .services-list {
position: relative;
} .box-service {
text-align: left;
padding: 0;
border-bottom: 1px solid #ccc;
height: 100px;
}
.box-service img {
width: 70px;
float: left;
height: auto;
margin: 0 20px 20px 0;
transition: all 0.2s ease-in;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.page-id-5321 .box-service img{
width: 50px;
margin: 0 15px 20px 0;
}
.box-service .current-page img {
filter: grayscale(100%);
opacity: 0.7
}
.box-service p {
font-weight: 300;
line-height: 120%;
margin-bottom: 15px;
font-size: 1.4rem;
position: relative;
top: 50%;
transform: translateY(-50%);
display: block
}
.page-id-5321 .box-service p {
font-size: 1.2rem;
}
@media (max-width : 767px) {
.home .services-list {
margin-top: 40px !important
}
.box-service {
height: auto;
border-bottom: none
}
.box-service img {
width: 65px;
}
}
.box-service a {
color: #1a2238 !important
}
.box-service:hover a {
text-decoration: none;
color: #FF6A3D !important
}
.box-service:hover a.current-page {
color: #1a2238 !important;
cursor: default
}
.box-service:hover a img {
box-shadow: 2px 2px 0 0 #d0542e;
}
.box-inner:hover {
cursor: pointer;
}
.box-stat .wp-block-column {
min-height: 300px;
padding: 5%;
background: #fff;
text-align: center;
box-shadow: 6px 6px 0 0 #e3e5f3;
}
@media only screen  and (max-width : 680px) {
.box-stat .wp-block-column {
min-height: auto;
padding: 5%;
margin: 0 0 20px 0
}
}
.box-stat .wp-block-column p {
font-weight: 400;
font-size: 22px;
line-height: 130%;
text-align: center
}
.box-stat img {
width: 80px;
height: 80px;
margin-bottom: 20px;
background: #9DAAF2;
border-radius: 50% !important
} .button,
.wp-block-button__link {
border: none;
background: #FF5F2E;
border-radius: 3px;
color: #FFF !important;
font-size: 18px;
line-height: 1;
padding: 7px 20px 6px 20px;
transition: background 0.2s ease-in;
margin-top: 10px;
box-shadow: 3px 3px 0 0 #E24312
}
.service-icon {
background: #FF6A3D;
border-radius: 50%
}
.service-box1 .service-icon {
background: #9DAAF2;
}
.button.large,
.wp-block-button__link {
font-size: 23px;
}
.buttons-small .wp-block-button__link {
font-size: 18px
}
a.button:hover,
.wp-block-button__link:hover {
background: #ed4d1d;
color: #FFF;
text-decoration: none;
box-shadow: 0 0 0 0;
transform: translateY(3px);
transform: translateX(3px);
}
a.text--brandGreen {
color: #24dcc4;
font-weight: 600
}
a.super-link {
color: #574E67 !important;
font-weight: 600;
text-decoration: none;
padding: 0 0 20px 0;
transition: all 0.2s ease-in;
}
a.super-link:after {
content: '';
width: 20px;
height: 20px;
display: inline-block;
background: url(//www.weareallconnected.co.uk/wp-content/themes/waac/img/chevron-right-orange.svg) center -5px no-repeat;
transition: all 0.1s ease-in
}
.testimonial a.super-link {
position: absolute;
bottom: -55px;
right: 0;
left: 0;
margin: 0 auto;
display: flex;
align-items: flex-end;
width: 150px;
height: 100%;
padding-bottom: 20px;
text-align: center
}
.home .testimonial a.super-link,
.page-id-4966 .testimonial a.super-link,
.page-id-5321 .testimonial a.super-link  {
bottom: -65px;
}
.testimonial a.super-link:after {
content: '';
width: 20px;
height: 20px;
display: inline-block;
background: url(//www.weareallconnected.co.uk/wp-content/themes/waac/img/chevron-right-orange.svg) center -5px no-repeat;
transition: all 0.1s ease-in;
}
.box-inner2 a.super-link {
padding: 7px 0
}
.box-inner2 a.super-link:after {
background: url(//www.weareallconnected.co.uk/wp-content/themes/waac/img/chevron-right-orange.svg) center 2px no-repeat;
}
.super-link:hover {
text-decoration: none;
color: #FF6A3D !important
}
a.super-link:hover:after {
content: '';
margin-left: 3px
}
.box-inner .text-orange  {
color: #7588F0
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: none;
border-bottom: 3px solid #FF5F2E;
border-right: 3px solid #FF5F2E;
background: #FF5F2E;
color: #FFF !important;
font-size: 18px;
line-height: 1;
padding: 10px 20px;
transition: background 0.2s ease-in;
margin-top: 10px;
box-shadow: 3px 3px 0 0 #E24312;
border-radius: 3px
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background: #ed4d1d;
color: #FFF;
text-decoration: none;
box-shadow: 0 0 0 0;
transform: translateY(3px);
transform: translateX(3px);
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
background: #ed4d1d;
color: #FFF;
text-decoration: none;
box-shadow: 0 0 0 0;
transform: translateY(3px);
transform: translateX(3px);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #574e67;
border: 0px solid #ccc!important;
border-radius: 3px;
padding: 5px 8px !important;
font-weight: 400;
font-size: 20px !important;
font-size: 1rem !important;
font-family: "Hind", sans-serif !important;
}
@media only screen  and (max-width : 1023px) {
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
font-size: 16px !important;
}
}
select {
border: 1px solid #ccc;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
textarea {
width: 100%;
}
.top-form,
.side-form{
padding: 7%;
background: #fff;
box-shadow: 6px 6px 0 0 #9DAAF2;
border-radius: 3px
}
.side-form {
border: 1px solid #9DAAF2;
background: #1a2238;
background: linear-gradient(to bottom,  #1a2238 0%,#354372 100%);
color: #fff
}
.top-form textarea,
.side-form textarea {
height: 80px
}
.side-form p {
font-size: 1.05rem;
}
.side-form .legal-consent-container .hs-form-booleancheckbox-display p {
color: #fff !important
}
@media only screen  and (max-width : 1023px) {
.top-form p,
.side-form p{
margin: 0
}
}
.top-form label,
.side-form label{
display: none !important
}
textarea {height: 170px; margin-top: 15px; font-size: 1.1rem !important}
textarea, input[type="text"], input[type="email"] {border: 1px solid #ccc !important}
.hs_name, .hs_email {width: 50%; float: left;  }
.side-form .hs_name,
.side-form .hs_email  {width:100%; }
.hs_name input {width: 100% !important; font-size: 1.1rem !important}
.hs_email  input {width: 98% !important; margin-left: 2%; font-size: 1.1rem !important}
.side-form .hs_email  input {width:100% !important; margin: 15px 0 0 0}
#field_1_4 {display: none !important}
.legal-consent-container label {
display: block !important;
margin-left: -20px
}
main .legal-consent-container ul.inputs-list li::marker {
display: none !important;
color: #fff !important
}
.legal-consent-container span {
line-height: 90% !important
}
.legal-consent-container .hs-form-booleancheckbox-display p {
font-size: 0.8rem !important;
color: #333 !important;
line-height: 100% !important
}
.legal-consent-container input {
float: left;
margin: 2px 0 0 0
}
form .hs_submit  {
margin-top: -20px
} #masthead {
position: sticky;
top: 0;
background: #fff;
z-index: 100;
padding: 15px 0 10px 0;
-webkit-box-shadow: 0px 0px 5px 3px rgb(0 0 0 / 8%);
-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.08);
box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.0.8);
}
#top-contact p {
font-size: 20px;
font-size: 1.4rem;
text-align: right;
margin-top: 10%;
font-weight: 400;
}
#top-contact a {
font-size: 1rem;
margin-top: 10%;
font-weight: 400;
display: inline-block;
padding: 10px 15px;
}
.hide-mob {
display: none !important;
}
#site-navigation #menu-item-4989 a { border-right: none
}
@media only screen  and (max-width : 680px) {
#top-contact a {
display: none
}
.hide-mob {
display: block !important
}
}
.hero {
height: auto;
}
@media only screen  and (max-width : 1100px) {
.hero {
padding-top: 50px;
padding-bottom: 15px
}
}
@media only screen  and (min-width : 1025px) {
.hero {
height: 87vh;
max-height: 600px
}
.page-id-4966 .hero,
.page-id-5321 .hero {
height: 80vh;
max-height: 420px
}
.page-id-4966 .hero-title {
padding-top: 50px
}
.page-id-5321 .hero-title  {
padding-top: 80px
}
}
.hero .row {
height: 100%;
display: flex;
align-items: center;
}
.hero-title {
color: #9DAAF2;
font-size: 4.2rem;
width: 100%;
line-height: 110%;
margin-bottom: 25px;
vertical-align: middle !important;
}
.hero-title.icon {
font-size: 3.2rem;
}
.home  .hero-title {
font-size: 4.2rem;
align-items: center;
padding-top: 9%
}
@media only screen  and (max-width : 1024px) {
.home  .hero-title {
font-size: 2.8rem;
}
}
@media only screen  and (max-width : 767px) {
.hero-title
{
font-size: 1.8rem
}
.hero-title.icon
{
font-size: 2.2rem
}
.home  .hero-title {
font-size: 2.4rem;
padding-top: 4%;
margin-bottom: 10px
}
}
.hero-para p {
color: #fff;
font-size: 1.6rem;
line-height: 140%;
margin-bottom: 35px;
vertical-align: middle!important;
font-weight: 400;
padding-right: 10%
}
.home .hero-para p {
padding-right: 0
}
.single .hero-para p {
font-size: 1.4rem;
margin: 0 0 15px 0
}
@media only screen  and (max-width : 800px) {
.hero-para,
.hero-para2,
.hero-para p
{
font-size: 1.2rem;
padding-top: 15px
}
}
@media only screen  and (max-width : 767px) {
.home .hero-para p
{
font-size: 1.4rem;
}
.home .hero-para p br {
display: none
}
.single .hero-para p {
font-size: 1.2rem;
padding-right: 0
}
}
.hero6 h1,
.hero6 .hero-para-case p {
color: #574E67
}
@media only screen  and (min-width : 1025px) {
.hero-para  { clear: both
}
.home .hero-para {
padding-right: 0;
}
.hero-title {
padding-right: 10%;
}
.single .hero-title {
padding-right: 0;
}
}
.hero-label {
margin-bottom: 0;
color: #fff;
font-weight: bold;
font-size: 18px;
margin-top: 7%
}
.hero-overlay {
width: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
z-index: 0; background-image: linear-gradient(to right bottom, rgba(251,108,133, 1), rgba(251,108,133, 0.5));
background-image: none;
background-color: #1A2238
}
.hero-overlay2 {
width: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
z-index: 0; background-image: linear-gradient(to right bottom, rgba(26,34,56, 0.9), rgba(26,34,56, 0.9));
}
.home .hero-overlay2 {
width: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
z-index: 0; background-color: #361999
}
.single .hero-overlay2 {
width: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
z-index: 0;
background-image: linear-gradient(to right bottom, rgba(26,34,56, 0.8), rgba(26,34,56, 0.8));
background-color: transparent
}
.hero img.icon {
float: left;
width: 75px;
height: auto;
margin: -15px 15px 25px -90px;
border: 2px solid #fff;
border-radius: 50%
}
.hero li {
margin-bottom: 7px
}
@media only screen  and (max-width : 767px) {
.hero-right {
display: none
}
.hero img.icon {
width: 60px;
margin: -12px 15px 0px 0
}
}
.hero .svg1 {
position: absolute;
bottom: -45%;
left:32%;
opacity: 0.2;
width: 68%;
z-index: 0
}
.lottie {
position: absolute;
bottom: -22%;
right:5%;
}
@media only screen  and (max-width : 768px) {
.lottie {
display: none !important
}
}
.page-id-4966 .hero .svg1,
.page-id-5321 .hero .svg1 {
bottom: -50%;
}
.svg2 {
background-color: #f6f5f6;
}
@media only screen  and (min-width : 1023px) {
.svg2 {
margin-top: -82px;
}
.page-id-4966 .svg2,
.page-id-5321 .svg2 {
margin-top: -92px;
}
}
@media (max-width : 1023px) {
.hero .svg1, .home .svg2 {
display: none
}
}
.page-id-721  .svg2 {
background-color: #fff;
}
.hero-left {
z-index: 1
}
@media only screen  and (min-width : 1700px) {
.hero .svg1 {
bottom: -38%;
}
}
@media only screen  and (min-width : 2100px) {
.hero .svg1 {
bottom: -40%;
}
}
@media only screen  and (min-width : 2700px) {
.hero .svg1 {
bottom: -38%;
}
}
.svg3 {
transform:rotate(0deg);
transition: 0.3s;
margin-top: -140px
}
@media only screen  and (max-width : 1023px) {
.hero .svg1 {
bottom: 0;
}
.svg3 {
margin-top: -20px
}
}
@media only screen  and (max-width : 767px) {
.hero .svg1 {
bottom: 0;
}
.svg3 {
margin-top: -40px
}
}
@media  (min-width: 1800px) {
.svg3 {
margin-top: -180px
}
} #site-navigation {
position: relative;
float: none;
width: 100%;
height: 100%;
clear: none;
text-align: center;
display: flex;
align-items: center;
justify-content: space-evenly;
}
#site-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
text-align: center;
}
#site-navigation li {
text-transform: lowercase;
display: inline-block;
float: none;
position: relative;
padding: 15px 0px;
font-size: 1.1rem
}
#site-navigation li a {
display: block;
text-decoration: none;
color: #574E67;
padding: 3px 25px;
border-right: 1px solid #d8d8d8;
font-weight: 400;
}
#site-navigation li:last-child a {
border-right: 0;
}
#site-navigation a:hover {
color: #FF6A3D;
text-decoration: none;
}
#site-navigation .current_page_item > a, #site-navigation .current-menu-item > a {
color: #FF6A3D;
}
#site-navigation ul.sub-menu {
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 50px;
left: -999em;
z-index: 99999;
background: #FFF;
text-align: left;
padding: 25px;
width: 50vw;
margin-left: 5vw;
border-radius: 7px
}
@media only screen  and (min-width : 681px) {
#site-navigation ul.sub-menu {
min-width: 500px;
max-width: 45vw;
margin-left: -12vw
}
#site-navigation ul.sub-menu li {
padding: 0 2.5%;
width: 47.5%;
}
}
@media only screen  and (min-width : 681px) and (max-width : 1023px)   {
#site-navigation ul.sub-menu {
margin-left: -120px
}
}
#site-navigation ul.sub-menu li a {
border-right: 0px; padding: 10px 0;
display: block
}
@media only screen  and (min-width : 1800px) {
#site-navigation ul.sub-menu li a {
padding: 8px 0;
}
}
@media only screen  and (min-width : 1950px) {
#site-navigation ul.sub-menu li a {
padding: 20px 0;
}
}
#site-navigation ul li:hover > ul, #site-navigation ul li.focus > ul {
left: -30px;
}
#site-navigation ul ul ul {
left: -999em;
top: 0;
}
#site-navigation .mega-title {
font-weight: 600;
font-size: 1.4rem;
}
#site-navigation .sub-menu .mega-title a {
color: #ccc;
padding-bottom: 15px;
display: block;
cursor: auto
}
@media only screen  and (max-width : 680px) {
#site-navigation .mega-title {
display: none
}
}
.header-padding {
padding: 0 15px;
position: relative;
}
header.site-header {
padding: 0 0%;
margin: 0 -15px;
}
#site-branding {
float: left;
display: block;
}
@media only screen  and (min-width : 1024px) {
#site-branding img {
width: 10vw;
height: auto
}
}
@media only screen  and (max-width : 1024px) {
#site-navigation li {
font-size: 18px
}
#top-contact p {
margin-top: 18px;
font-size: 16px;
color: #fb6c85;
text-align: right;
}
}
@media only screen  and (max-width : 680px) {
#site-branding {
width: 100%
}
#site-branding img {
margin-left: 15px
}
#site-navigation {
position: static
}
#site-navigation .menu-toggle {
text-transform: lowercase;
color: #ff6a3d !important;
font-size: 15px;
padding: 12px 10px 12px 32px;
background: transparent url(//www.weareallconnected.co.uk/wp-content/themes/waac/img/menu-selected@3x.svg) no-repeat scroll 10px 12px;
border-radius: 5px;
position: absolute;
top: 6px;
right: 20px;
z-index: 100;
border: none !important;
box-shadow: none
}
#site-navigation .menu-toggle.toggled-on {
background-image: url(//www.weareallconnected.co.uk/wp-content/themes/waac/img/menu@3x.svg);
color: #fff !important;
background-color: #ff6a3d;
border: none !important;
}
#site-navigation ul {
background: #fff;
margin-top: 35px;
position: absolute;
top: 35px;
width: 100%;
height: 100vh;
padding: 25px 0
}
#site-navigation li {
display: block;
padding: 5px 0;
font-size: 22px;
line-height: 100%
}
#site-navigation li a {
color: #333;
border-right: 0 none;
display: block;
border-top: 1px solid #d8d8d8;
padding: 15px 15px 6px 15px
}
#site-navigation li a:hover {
color: #9DAAF2;
}
#site-navigation li:first-child a {
border-top: 0;
}
#site-navigation ul.sub-menu {
background: transparent none repeat scroll 0 0;
padding: 20px;
float: none;
left: 0 !important;
right: 0 !important;
top: 0;
margin: 0;
position: relative;
width: 100%;
height: auto;
text-align: center;
box-shadow: none
}
#site-navigation ul.sub-menu li a {
width: 100%;
border: none;
padding: 8px 0
}
#top-contact p {
margin-top: 9px;
font-size: 15px;
}
h3 a {
font-weight: 400;
}
.three-posts-side h3 {
margin-top: 0px;
}
} .menu-toggle,
#site-navigation .nav-menu.toggled-on {
display: block;
}
@media screen and (min-width: 680px) {
.menu-toggle {
display: none;
}
#site-navigation ul {
display: block;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
#menu-item-3098 > a:hover {
cursor: default
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .widget {
margin: 0 0 1.5em;
} .widget select {
max-width: 100%;
}  .sticky {
display: block;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.single .entry-content img, .single .post-thumbnail {
margin: 30px 0
}
.box p.label {
color:#1cccb5;
text-transform: uppercase;
font-size: 0.9rem;
margin-top: -10px;
margin-bottom: 10px
}
.single .entry-content h2,
.single .entry-content h3 {
margin-top: 40px
} .blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
} @media (min-width: 1700px) { .has-dark-blue-background-color .wp-block-column:first-of-type[style*=flex-basis],
.wp-container-5 .wp-block-column:first-of-type {
padding-right: 0
}
}
.wp-block-columns.no-pt {
padding-top: 0;
}
.wp-block-separator {
width: 180px;
border-top: 5px solid #9DAAF2;
border-radius: 5px;
margin-bottom: 35px
}
figure.no-pt {
margin-top: -60px
}
@media (min-width: 600px) and (max-width: 781px) {
.has-dark-blue-background-color .wp-block-column:not(:only-child):nth-of-type(2),
.home .has-dark-blue-background-color .wp-block-column:not(:only-child):nth-of-type(2){
flex-basis: calc(60% - 2em)!important;
flex-grow: 0;
margin-left: 1em
}
.has-dark-blue-background-color .wp-block-column:not(:only-child):first-of-type,
.home .has-dark-blue-background-color .wp-block-column:not(:only-child):first-of-type {
flex-basis: calc(40% - 2em)!important;
flex-grow: 0;
margin-right: 1em
}
.home .wp-block-column:not(:only-child):first-of-type,
.home .wp-block-column:not(:only-child):nth-of-type(2){
flex-basis: calc(50% - 1em)!important;
flex-grow: 0;
margin-left: auto
}
.wp-block-column:not(:only-child) {
flex-basis: 0 !important;
flex-grow: 1;
}
.home .tablet-columns .wp-block-column {
min-width: 100% !important;
display: block !important;
}
}
body {
font-size: 16px;
color: #1A2238;
line-height: 23px;
font-family: "soleil",sans-serif;
font-weight: 200;
}
a, a:visited {
color: #FF6A3D;
font-weight: 400;
text-decoration: none;
}
a:hover {
color: #FF6A3D;
text-decoration: underline;
}
main ul {
padding-left: 20px
}
main ul li {
list-style: square
}
main ul li::marker {
color: #9daaf2;
}
.pullup {
margin-top: -110px !important
}
.pullup30 {
margin-top: -30px !important
}
@media (min-width: 1650px) {
.pullup30 {
margin-top: -160px !important
}
}
.pullup60 {
margin-top: -60px !important
}
.pullup.list-image {
margin-top: -130px  !important
}
@media (max-width: 681px) {
.pullup.list-image {
margin-top: -80px  !important
}
.home .pullup {
margin-top: -30px !important
}
.pullup60 {
margin-top: -50px !important
}
}
.list-image li {
display:list-item;
}
.list-image ul {
display: block;
overflow:hidden;
}
.list-image h3 {
margin-bottom: 10px
}
.list-image img {
margin-top: -7px
}
@media (max-width: 681px) {
.list-image img {
max-width: 80px !important;
margin: 0 0 0 -15px
}
}
.testimonial {
background: rgb(242,241,242);
background: linear-gradient(110deg, rgba(236,238,251,0.4) 40%, rgba(236,238,251,0.4) 100%);
padding: 7% 8% 50px 7%;
text-align: center;
box-shadow: 6px 6px 0 0 #ddddde;
border-radius: 10px
}
main > .testimonial {
background: #fff !important;
padding: 7% 8% 0 7%;
text-align: center;
box-shadow: none;
border-radius: 3px
}
.home .testimonial,
.page-id-4966  .testimonial,
.page-id-5321 .testimonial {
min-height: 300px;
}
@media (max-width: 680px) {
.testimonial {
margin-top: 55px;
padding: 35px;
}
.home .testimonial.box {
margin-top: 0;
}
}
@media (min-width: 681px) and (max-width: 1023px) {
.testimonial {
margin-left: 25px
}
}
.has-background .testimonial {
background: #fff;
}
.testimonial p {
font-size: 1.1rem;
position: relative;
max-width: 860px;
margin: 0 auto;
margin-bottom: 10px
}
.testimonial-quote {
padding-top: 15px
}
.testimonial-quote:before {
float: left;
content: '';
display: block;
width: 20px;
height: 20px;
background: url(//www.weareallconnected.co.uk/wp-content/themes/waac/img/quote-blue.png) top left no-repeat;
background-size: contain;
margin: 0 5px 0 0
}
.testimonial .testimonial-name {
font-size: 0.95rem
}
.testimonial img {
width: auto;
height: 37px;
margin: 0 auto;
display: block;
margin-top: 25px
}
.testimonial .eyebrow {
display: inline-block;
font-weight: bold;
color: #9DAAF2;
margin: 0;
font-size: 1.5rem
}
.page-id-4966 .wp-container-5,
.page-id-5321  .wp-container-5  {
margin-top: -130px
}
.page-id-4966 .hero-para  p,
.page-id-5321 .hero-para  p {
margin-bottom: 0
}
.quote {
margin: 10px 0 0 0;
background: rgb(242,241,242);
background: linear-gradient(110deg, rgba(242,241,242,0.6) 40%, rgba(242,241,242,0.35) 100%);
padding: 10%;
border-radius: 10px;
text-align: center
}
.quote img {
width: 40%;
margin: 0 auto;
margin-bottom: 25px;
}
blockquote {
padding: 30px 50px;
background: #fff;
border-radius: 10px
}
blockquote:before {
content: '';
width: 55px;
height: 55px;
display: block;
float: left;
background: url(//www.weareallconnected.co.uk/wp-content/themes/waac/img/quote-blue.png) top left no-repeat;
background-size: contain;
margin: 0px;
margin-left: -75px;
margin-top: -45px
}
@media (max-width: 680px) {
blockquote:before {
content: '';
width: 55px;
height: 55px;
display: block;
float: left;
background: url(//www.weareallconnected.co.uk/wp-content/themes/waac/img/quote-blue.png) top left no-repeat;
background-size: contain;
margin: 0px;
margin-left: -50px;
margin-top: -45px
}
}
blockquote p {
font-size: 21px;
line-height: 31px;
margin-bottom: 1em;
}
cite  {
font-style: normal
}
blockquote footer {
font-size: 12px;
text-transform: uppercase;
}
.before-blockquote {
width: 80px;
height: 2px;
background: #24dcc4;
margin: 40px 0px 40px 80px;
}
.wp-block-group {
width: 100%;
margin: 0;
padding: 30px 0
}
.wp-block-columns {
padding: 80px 0
}
.container-fluid > .row,
.wp-block-columns
{
max-width:1100px;
margin: 0 auto;
}
@media (min-width: 1023px)  {
#masthead.container-fluid > .row {
max-width:1300px;
}
}
@media (max-width: 1100px) {
.wp-block-columns
{
width: 95%;
margin: 0 auto;
}
}
@media (max-width: 680px) {
.wp-block-columns
{
width: 90%;
padding: 40px 0
}
}
.wp-block-columns .wp-block-columns{
width: 100%;
margin: 0 auto;
padding: 30px 0 0 0;
}
@media (min-width: 782px) {
.wp-block-column:not(:first-child) {
margin-left: 1em;
}
} footer .row {
padding-top: 40px;
padding-bottom: 15px
}
footer ul {
margin: 0 0 15px -32px
}
footer li {
list-style: none !important
}
.footer-social-icon {
width: 38px;
height: 38px
}
footer p {
margin-top: 0px;
font-size: 0.9rem
}
footer p,
footer li {
font-size: 16px;
font-size: 1rem;
line-height: 140%
}
footer .site-info {
text-align: right;
margin-bottom: 10px;
}
footer .site-info a {
text-decoration: none;
color: #979797;
}
.site-info-wrap {
margin-right: 1%;
}
footer li a {
color: #574E67 !important;
font-weight: 300
}
footer h5 {
color: #6C6473;
font-weight: 400;
margin: 0 0 12px 0
}
.footer-social-icon {
width: 38px;
height: 38px;
display: inline-block;
background-size: cover !important;
}
.footer-social-icon:hover {
opacity: 0.5;
}
.footer-form h3,
.footer-form h4 {
margin: 0 0 35px 0;
font-size: 36px;
color: #fff;
}
.footer-form  p {
color: #fff;
font-size: 1.4rem;
}
#form {
margin-top: -17px;
position: relative;
z-index: 0;
overflow: hidden;
padding-bottom: 65px;
padding-top: 40px
}
.page-id-2988 #form {
padding-bottom: 75px;
padding-top: 75px;
}
.page-id-2988 .svg3  {
display: none
}
#social-facebook {
background: url(//www.weareallconnected.co.uk/wp-content/themes/waac/img/Facebook@3x.svg) no-repeat;
}
#social-linkedin,
.social-linkedin {
background: url(//www.weareallconnected.co.uk/wp-content/themes/waac/img/Linkedin@3x.svg) no-repeat;
}
#social-twitter {
background: url(//www.weareallconnected.co.uk/wp-content/themes/waac/img/Twitter@3x.svg) no-repeat;
}
.icon-email {
background: url(//www.weareallconnected.co.uk/wp-content/themes/waac/img/icon-email.png) no-repeat;
}
@media only screen  and (max-width : 680px) {
#form .hero-right {
display: block
}
h3 a {
font-weight: 400;
}
.three-posts-side h3 {
margin-top: 0px;
}
#top-contact p {
margin-top: 9px;
font-size: 15px;
color: #fb6c85;
text-align: right;
}
}
#form {  scroll-margin-top: 250px;
} .team-member--header img {
max-width: 90% !important;
height: auto !important;
margin: 0 auto ;
margin-bottom: 25px
} .show {
border-bottom: 1px solid #FF6A3D;
}
.show:hover {
cursor: pointer
}
.showtext {
display: block;
padding: 11px 0 0 0;
font-size: 1rem
} #services {
scroll-margin-top: 60px;
} @media only screen  and (max-width : 680px) {
.mob-hide {
display: none
}
}
.hideall a {
color: #fff !important
}
@media only screen  and (max-width : 680px) {
.hideall a {
display: none !important
}
}
@media only screen  and (min-width : 681px) {
li.menubefore1::before {
content: 'marketing services';
font-weight: 700;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
padding-bottom: 10px;
display: block
}
li.menubefore2::before {
content: 'hubspot services'; ;
font-weight: 700;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
padding-bottom: 10px;
display: block
}
} .submitted-message {
position: absolute;
top: 30px;
left: 30px;
right: 30px;
background: #fff;
height: 90%;
}
@media only screen  and (min-width : 681px) {
.submitted-message p {
padding: 50px
}
}
.hbspt-form {min-height: 200px} img {
display: block;
height: auto;
max-width: 100%; }
.aos-animate .checkmark__circle,
.checkmark__circle{
stroke-dasharray: 166;
stroke-dashoffset: 166;
stroke-width: 2;
stroke-miterlimit: 10;
stroke: #9DAAF2;
fill: none;
animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.page-id-5303 .aos-animate .checkmark__circle,
.page-id-5303 .checkmark__circle {
stroke:#FF5F2E
}
.aos-animate .checkmark,
.checkmark {
width: 56px;
height: 56px;
border-radius: 50%;
display: block;
stroke-width: 2;
stroke: #fff;
stroke-miterlimit: 10;
margin: 10% auto;
box-shadow: inset 0px 0px 0px #9DAAF2;
animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}
.page-id-5303 .aos-animate .checkmark,
.page-id-5303 .checkmark {
box-shadow: inset 0px 0px 0px #FF5F2E;
}
.page-id-5303 .box2 img,
.page-id-5397 .box2 img {
margin: 0 0 20px 0;
}
.aos-animate .checkmark__check,
.checkmark__check {
transform-origin: 50% 50%;
stroke-dasharray: 48;
stroke-dashoffset: 48;
animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
.page {
--c: #9DAAF2;
}
.page-id-5303 {
--c: #FF5F2E;
}
@keyframes stroke {
100% {
stroke-dashoffset: 0;
}
}
@keyframes scale {
0%, 100% {
transform: none;
}
50% {
transform: scale3d(1.1, 1.1, 1);
}
}
@keyframes fill {
100% {
box-shadow: inset 0px 0px 0px 30px var(--c);
}
} .theme--brandDark {
background-color: #564f66; }
@media only screen and (min-width: 768px) {
.theme--brandDark.theme--detail {
position: relative;
z-index: 20; }
.theme--brandDark.theme--detail:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
width: 32px;
height: 32px;
background-color: #564f66;
border-style: solid;
border-color: white;
border-width: 0;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
z-index: 25; } }
.theme--brandGreen {
background-color: #24dcc4; }
@media only screen and (min-width: 768px) {
.theme--brandGreen.theme--detail {
position: relative;
z-index: 20; }
.theme--brandGreen.theme--detail:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
width: 32px;
height: 32px;
background-color: #24dcc4;
border-style: solid;
border-color: white;
border-width: 0;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
z-index: 25; } }
.theme--brandPink,
.has-pink-background-color {
background-color: #fb6c85;
background: linear-gradient(309deg, rgba(251,108,133,1) 55%, rgba(251,84,113,1) 100%);
}
.has-pink-color {
color: #fb6c85
}
.has-lilac-color {
color: #9DAAF2
}
.has-lilac-background-color {
background-colo: #9DAAF2
}
.has-light-background-color {
background-color: #f6f5f6;
}
.has-light-color {
color: #f6f5f6
}
.has-dark-blue-background-color {
background-color: #2c395d;
margin-top: -17px !important
}
.has-dark-blue-color {
color: #2c395d
}
@media only screen and (max-width: 767px) {
.has-dark-blue-background-color img {
max-width: 50%;
margin: 0 auto;
margin-bottom: 20px;
margin-top: -15px
}
}
.has-dark-blue-background-color h2,
.has-dark-blue-background-color h3,
.has-dark-blue-background-color h4,
.has-dark-blue-background-color p,
.has-dark-blue-background-color li,
.has-dark-blue-background-color a {
color: #fff !important
}
.has-dark-blue-background-color p.has-lilac-color {
color: #9DAAF2 !important
}
.has-dark-blue-background-color a {
border-bottom: 1px solid #fff;
padding: 0 0 1px 0;
transition: all 0.2s ease-in;
}
.has-dark-blue-background-color a:hover {
text-decoration: none;
}
.has-turquoise-background-color {
background-color: #24dcc4;
}
.has-turquoise-color {
color: #24dcc4
}
@media only screen and (min-width: 768px) {
.theme--brandPink.theme--detail {
position: relative;
z-index: 20; }
.theme--brandPink.theme--detail:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
width: 32px;
height: 32px;
background-color: #fb6c85;
border-style: solid;
border-color: white;
border-width: 0;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
z-index: 25; } }
.theme--brandPurple {
background-color: #42308e; }
@media only screen and (min-width: 768px) {
.theme--brandPurple.theme--detail {
position: relative;
z-index: 20; }
.theme--brandPurple.theme--detail:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
width: 32px;
height: 32px;
background-color: #42308e;
border-style: solid;
border-color: white;
border-width: 0;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
z-index: 25; } }
.theme--brandDarkLight {
background-color: #676175; }
.theme--brandDarkLight.theme--detail {
position: relative;
z-index: 20; }
.theme--brandDarkLight.theme--detail:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
width: 32px;
height: 32px;
background-color: #676175;
border-style: solid;
border-color: white;
border-width: 0;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
z-index: 25; }
.theme--light {
background-color: #f6f5f6; }
.entry-footer .cat-links {
display: none !important
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button {
color: #666 !important
}
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
border-top: none
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: none
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover {
color: #1A2238
}
#moove_gdpr_cookie_info_bar {
background: #303e63 !important
} .slick-slider
{
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.logo-slider  {
padding: 30px 0
}
.logo-slider .slick-slide img {
position: relative;
top: 50%;
transform: translateY(-50%);
z-index: 10;
max-width: 130px;
max-height: auto !important;
height: auto !important;
margin: 10px
}
.logo-slider .slick-slide  {
padding-top: 30px;
}
.hideblock {
display: none !important
}