@charset "utf-8";
 .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;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;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[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}.slick-slider{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.slick-slide{outline:none}.slick-list{width:100%;order:1}.slick-dots{list-style:none;padding:0;margin:0;line-height:12px;text-align:center}.slick-dots li{display:inline-block;cursor:pointer;padding:9px 0}.slick-dots li:before{display:none}.slick-dots li+li{margin-left:12px}.slick-dots li button{width:12px;height:12px;vertical-align:top;padding:0;background:none;font-size:0;border-radius:50%;color:inherit;border:2px solid;opacity:0.25;transition:0.2s;outline:none;cursor:pointer}.slick-dots li:hover button,.slick-dots li.slick-active button{border-width:6px;opacity:1;color:var(--primary)}.slick-dots li:first-child:last-child{display:none}.slick-arrow{width:36px;height:30px;display:block;position:relative;z-index:10;text-align:center;font-size:0;background:none;border:none;color:inherit;padding:0;outline:none;margin:0;left:unset;right:unset;opacity:0.25}.slick-arrow:not(.slick-disabled):hover{opacity:1;cursor:pointer}.slick-arrow:before,.slick-arrow:after{content:"";display:block;position:absolute;top:50%;left:0;width:16px;border-top:2px solid;margin-top:-1px}.slick-arrow:before{transform:rotate(-45deg);transform-origin:bottom left}.slick-arrow:after{transform:rotate(45deg);transform-origin:top left}.slick-arrow.slick-next{transform:scaleX(-1)}.slick-prev{order:2}.slick-dots{order:3}.slick-next{order:4}.slick-slider .slick-track{display:flex}.slick-slider a{outline:none}
:root {
--primary: #74b954; 
--secondary: #1e4a72;
--bg-grey: #dee2e6;
--black: #0F1D22;
}
@font-face {
font-family: 'Outfit';
src: url(//adfinsurance.co.uk/wp-content/themes/adf/fonts/Outfit-VariableFont_wght.ttf) format('truetype');
font-style: normal;
font-display: swap;
} *,
*:before,
*:after {
box-sizing: border-box;
}
body {
margin: 0;
font-family: 'Outfit', sans-serif;
font-weight: 300; font-size: 16px;
background-color: #fff;
color: var(--secondary);
line-height: 1.6;
}
@media (min-width: 568px) {
body {
font-size: 18px;
}
}
.wpcf7-checkbox input,
.wpcf7-radio input,
.screen-reader-response,
.screen-reader-text,
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
hr {
border: none;
border-top: 1px solid;
margin: 30px 0;
}
img {
max-width: 100%;
height: auto;
}
h1, h2, h3, h4, h5, h6, p, ul {
margin: 0 0 20px;
}
b,
strong {
font-weight: 600;
}
h1 b,
h1 strong,
h2 b,
h2 strong,
h3 b,
h3 strong {
font-weight: inherit;
}
h1,
h2 {
font-size: 28px;
line-height: 1.25;
font-weight: 600; }
h3 {
letter-spacing: -0.005em;
}
h3,
h4,
h5 {
font-size: 22px;
line-height: 1.333;
font-weight: 500;
} ul + h2,
ol + h2,
p:not(.pre-heading) + h2 {
margin-top: 60px;
}
small {
display: block;
font-size: 14px;
line-height: 20px;
}
blockquote small {
font-size: 0.8em;
}
figure,
blockquote,
figcaption {
margin: 0;
}
.text-lg,
.text-xl {
font-size: 20px;
}
.text-primary {
color: var(--primary);
}
.text-secondary {
color: var(--secondary);
}
@media (min-width: 414px) {
.text-lg,
.text-xl {
font-size: 21px;
}
}
@media (min-width: 568px) {
.lede {
font-size: 21px;
}
h1, h2 {
font-size: 40px; }
h3, h4, h5 {
font-size: 25px;
}
} @media (min-width: 1080px) {  .heading-lg {
font-size: 48px;
}
}
@media (min-width: 1300px) {
.text-md {
font-size: 19px;
} .text-xl {
font-size: 26px;
}  }
@media (min-width: 1700px) {  }
.heading-profile-pic {
position: relative; 
border-bottom: 3px solid var(--primary);
padding-bottom: 24px;
padding-right: 100px;
}
.heading-profile-pic img {
position: absolute; 
right: 30px; 
bottom: 0; 
height: 150px; 
width: auto;
}
@media (max-width: 567px) {
.heading-profile-pic img {
height: 140px;
right: 0;
}
} svg {
vertical-align: top;
}
a,
a u {
color: inherit;
text-decoration: none;
} @keyframes underline {
0% {
transform-origin: right;
transform: scaleX(1);
}
40% {
transform-origin: right;
transform: scaleX(0); }
60% {
transform: scaleX(0);
transform-origin: left; }
100% {
transform-origin: left;
transform: scaleX(1); }
}
a u,
small a {
display: inline-block;
position: relative;
line-height: 2;
}
small a {
line-height: 1.75;
}
small a:after,
a u:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -1px;
border-top: 1px solid;
transform-origin: right;
}
@media (hover: hover) {
.current-menu-item a:hover:after,
.current_page_parent a:hover:after,
small a:hover:after,
a:hover u:after {
animation-name: underline;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
.section-text ul a {
transition: 0.2s;
display: inline-block;
}
.section-text ul a:hover {
transform: translateX(10px);
}
}
.link-contact {
line-height: 24px;
color: inherit;
display: inline-flex;
align-items: center;
} .link-contact svg {
width: 24px;
height: 24px;
vertical-align: top;
color: inherit;
margin-right: 20px; } .pre-heading {
text-transform: uppercase;
margin-bottom: 15px;
letter-spacing: 0.075em;
}
@media (min-width: 568px) {
.pre-heading {
font-size: 17px;
}
} .container {
width: calc(100% - 60px);
margin-left: auto;
margin-right: auto;
}
@media (min-width: 568px) {
.container {
width: 84vw;
}
}
.row {
display: flex;
flex-wrap: wrap;
margin: 0 -20px -40px;
clear: both;
}
.col {
flex-basis: 0;
flex-grow: 1;
padding: 0 20px 40px;
}
.row.no-gutter {
margin: 0;
}
.row.no-gutter > .col {
padding: 0;
}
.col-auto {
flex-basis: auto;
flex-grow: 0;
flex-shrink: 0;
}
.col-16 {
flex-basis: 50%;
max-width: 50%;
flex-grow: 0;
flex-shrink: 0;
}
.col-33,
.col-25,
.col-40,
.col-50,
.col-60,
.col-66,
.col-75,
.col-100 {
flex-basis: 100%;
max-width: 100%;
flex-grow: 0;
flex-shrink: 0;
}
@media (max-width: 567px) {
.row {
margin: 0 -15px -30px
}
.col {
padding: 0 15px 30px;
}
.hidden-mobile {
display: none;
}
}
@media (min-width: 568px) {
.hidden-not-mobile {
display: none;
}
.col .col-33,
.col-16 {
flex-basis: 33.333%;
max-width: 33.333%;
}
.col .col-66 {
flex-basis: 66.666%;
max-width: 66.666%;
}
.col-33,
.col-25 {
flex-basis: 50%;
max-width: 50%;
}
}
@media (min-width: 1024px) {
.col-50 {
flex-basis: 50%;
max-width: 50%;
}
}
@media (max-width: 1199px) {
.col-50:empty {
display: none;
}
}
@media (min-width: 1200px) {
.row.wide-gutter {
margin: 0 -30px -60px;
}
.row.wide-gutter > .col {
padding: 0 30px 60px;
}
.col-16 {
flex-basis: 16.666%;
max-width: 16.666%;
}
.col-33 {
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-25 {
flex-basis: 25%;
}
.col-40 {
flex-basis: 40%;
}
.col-60 {
flex-basis: 60%;
}
.col-66 {
flex-basis: 66.666%;
max-width: 66.666%;
}
.col-75 {
flex-basis: 75%;
}
}
@media (min-width: 1600px) {
.row.x-wide-gutter {
margin: 0 -40px -80px;
}
.row.x-wide-gutter > .col {
padding: 0 40px 80px;
}
} li.button a,
.btn {
margin: 0;
padding: 16px 28px;
font-size: 17px;
font-weight: 500;
letter-spacing: 0;
border: none;
background: linear-gradient(to right, var(--primary), #445da7 150%);
color: #fff;
display: inline-block;
text-align: center;
transition: 0.3s;
line-height: 24px;
cursor: pointer;
border-radius: 8px;
font-family: inherit;
white-space: nowrap;
} .btn-white {
background: #fff;
} @media (max-width: 567px) {
.btn {
padding-top: 16px;
padding-bottom: 16px;
font-size: 15px;
}
} p + .btn,
p + p .btn,
div + p .btn,
h1 + p .btn,
h2 + p .btn,
h2 + div .btn {
margin-top: 10px;	
}
.btn svg {
width: 24px;
height: 24px;
vertical-align: top;
margin-left: 16px;
margin-right: -6px;
opacity: 0.6;
}
.btn svg:first-child {
margin-left: -6px;
margin-right: 16px;
} .btn-outline {
background: transparent;
}
.btn-outline-primary {
border: 1px solid var(--primary);
color: var(--primary);
}
.btn-outline-secondary {
border: 1px solid var(--secondary);
color: var(--secondary);
}
@media (min-width: 568px) {
.section-contact .wpcf7 {
border: 1px solid #dee2e6;
padding: 50px;
padding-top: 0;
padding-bottom: 30px;
border-radius: 12px;
max-width: 860px;
}
.section-contact form > h4 {
background: #fff;
float: left;
position: relative;
padding: 0 30px;
margin-left: -30px;
margin-top: -15px;
margin-bottom: 40px;
line-height: 30px;
}
.section-contact form > h4:before, 
.section-contact form > h4:after {
content: "";
position: absolute;
width: 10px;
height: 10px;
top: calc(50% - 5px);
border: 1px solid #dee2e6;
border-radius: 50%;
}
.section-contact form > h4:before {
left: 0;
}
.section-contact form > h4:after {
right: 0;
}
}
@media (max-width: 567px) {
.section-contact .col {
flex-basis: 100%;
max-width: 100%;
}
.wpcf7 small {
text-align: center;
}
}
.btn-outline-white {
border: 1px solid rgba(255,255,255,0.15);
color: #fff;
}
.btn-outline-white svg {
opacity: 1;
}
.btn-outline-white:hover svg {
color: inherit;
opacity: 0.6;
}
@media (hover: hover) {
li.button a:hover,
.btn:hover {
transform: translateY(-6px);
box-shadow: 
0 30px 40px rgba(0,0,0,0.15), 
0 15px 20px rgba(68, 93, 167, 0.2);
}
.btn:active {
transform: none !important;
box-shadow: none !important;
transition: 0.15s;
} .btn-outline-white:hover {
background: var(--primary);
border-color: var(--primary);
color: #fff;
}
.btn-outline-secondary:hover {
background: var(--secondary);
color: #fff;
box-shadow: 
0 30px 40px rgba(0,0,0,0.15), 
0 15px 20px hsl(234deg, 90%, 31%, 0.1);
}
} .floating-btn-container {
position: fixed; 
z-index: 20; 
right: 5vw; 
bottom: 5vw; 
transition: 0.2s;
}
body:not(.scrolled-down) .floating-btn-container,
body.scroll-max .floating-btn-container {
transform: translateX(30px);
opacity: 0;
}
body.main-nav-active .floating-btn {
box-shadow: none;
}
.floating-btn { display: flex; 
align-items: center; 
white-space: nowrap;
box-shadow: 
0 30px 40px rgba(0,0,0,0.1), 
0 15px 20px rgba(68, 93, 167, 0.2);
border-radius: 50px;
}
.floating-btn span {
transform: translateY(1px);
}
@media (max-width: 567px) {
.floating-btn-container {
bottom: 20px;
right: 20px;
}
.floating-btn {
border-radius: 10px;
}
}
body.main-nav-active .floating-btn {
box-shadow: none;
}
@media (hover: hover) {
.floating-btn:hover {
transform: translateY(-6px);
box-shadow: 
0 48px 64px rgba(0,0,0,0.1), 
0 24px 32px rgba(68, 93, 167, 0.2); }
body.main-nav-active .floating-btn:hover {
box-shadow: 
0 30px 40px rgba(0,0,0,0.15), 
0 15px 20px hsl(234deg, 90%, 31%, 0.2);
}
}   .site-header {  z-index: 10;
position: relative; }
.site-header .container {
display: flex;
justify-content: center;
}
.header-bar {
color: var(--primary);
font-size: 16px;
padding-top: 16px;
line-height: 20px;
}
.site-header .header-bar .container {
align-items: center;
}
.header-bar .link-contact u {
line-height: 24px;
}
.header-bar .link-contact svg {
width: 16px;
height: 16px;
margin-right: 12px;
}
.header-bar a:not(.link-contact) + a:not(.link-contact) {
margin-left: 16px;
}
.header-bar a:not(.link-contact) svg {
width: 20px;
height: 20px;
} body.scrolled-up .site-header {
transform: none;
transition-delay: 0s, 0s;
}
.logo-square {
background: var(--primary);
}
.bg-light .logo-square {
background: var(--secondary);
}
.site-header-menu {
position: fixed;
top: 0;
width: 100%;
right: 0;
bottom: 0;
z-index: 15;
opacity: 0;
pointer-events: none;
visibility: hidden;
display: flex;
justify-content: flex-end;
background: rgba(15, 29, 34, 0.333);
}
.site-header-menu svg {
position: absolute;
left: 5vw;
bottom: 5vw;
transform: skewX(-15deg);
transform-origin: bottom left;
color: #fff;
display: none;
}
.site-header-menu .inner {
background: var(--black);
color: #fff;
box-shadow: 0 0 20vw rgba(0,0,0,0.5);
display: flex;
align-items: center;
transition: 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
transform: translateX(100%);
padding-left: 7.5vw;
font-size: 40px;
}
@media (max-width: 567px) {
.site-header-menu .inner {
transform: translateX(100%);
width: 100%;
padding-left: 10%;
box-shadow: 0 0 20vw rgba(0,0,0,0.05); }
}
@media (min-width: 568px) {
.site-header-menu {
}
.site-header-menu .inner {
width: 60%;
}
}
@media (min-width: 1300px) {
.site-header-menu .inner {
width: 40%;
}
}
@media (hover: hover) {
.site-header-menu a:hover {
color: var(--primary);
}
}
.site-header-menu .current-menu-item {
font-weight: 500;
letter-spacing: -0.025em;
color: var(--primary);
}
.site-header-menu li {
transform: translateX(3em);
opacity: 0;
}
.site-header-menu li + li {
transition-delay: 0.05s;
}
.site-header-menu li + li + li {
transition-delay: 0.1s;
}
.site-header-menu li + li + li + li{
transition-delay: 0.15s;
}
.site-header-menu li + li + li + li + li {
transition-delay: 0.2s;
}
.site-header-menu li:last-child {
display: none;
}
body.main-nav-active .site-header-menu {
opacity: 1;
pointer-events: auto;
visibility: visible;
transition: 0.4s;
}
body.main-nav-active .site-header-menu li {
opacity: 1;
transform: none;
transition-duration: 1s;
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
body.main-nav-active .site-header-menu .inner {
opacity: 1;
transform: none;
} .logo {
display: block;
}
.site-header .logo {
display: flex;
align-items: center;
min-height: 100px;
}
.logo img {
height: 100px;
width: auto;
} .menu-primary-menu-container ul,
nav ul {
padding: 0;
margin: 0;
list-style: none;
}
@media (max-width: 1023px) {
.site-header .logo img {
height: 60px;
}
.site-header .logo img.logo-slogan {
display: none;
}
.header-bar {
display: none;
}
.site-header nav {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 60%; z-index: 5;
background: #fff;
transform: translateX(-100%);
transition: 0.3s;
pointer-events: none;
overflow: auto;
padding: 30px 0;
}
body.main-nav-active .site-header nav {
transform: none;
pointer-events: auto;
}
body:before {
content: "";
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0);
pointer-events: none;
z-index: 4;
transition: 0.3s;
}
body.main-nav-active:before {
background: rgba(0,0,0,0.5);
}
.dropdown-toggle {
position: absolute;
right: 0;
top: 0;
width: 60px;
height: 40px;
padding: 0;
background-color: transparent;
outline: none;
display: flex;
align-items: center;
justify-content: center;
padding-right: 10px;
color: inherit;
border: none;
cursor: pointer;
}
.dropdown-toggle:after {
content: "";
position: absolute;
width: 1px;
top: 10px;
bottom: 10px;
right: calc(100% - 1px);
background: rgba(0, 0, 0, 0.1);
}
.dropdown-toggle svg {
transition: transform 0.2s;
}
a[href="#"] + .dropdown-toggle {
width: 100%;
}
a[href="#"] + .dropdown-toggle:after {
display: none;
}
.site-header ul.menu {
line-height: 2.5; }
.site-header ul.menu a {
padding-left: 30px;
padding-right: 30px;
}
.site-header ul.menu .current-menu-item > a,
.site-header ul.menu .current-menu-ancestor > a {
font-weight: 600;
} .site-header ul.menu > li > a {
font-size: 20px;
}
.site-header ul.menu > li > .dropdown-toggle {
height: 50px;
}
.site-header ul.menu li {
position: relative;
}
.site-header ul.menu a {
display: block;
}
.site-header ul.menu .sub-menu {
height: 0;
overflow: hidden;
box-shadow: inset 0 0 60px var(--bg-grey);
}
.site-header ul.menu .toggled-on > .dropdown-toggle svg,
.site-header ul.menu > li > a[href$="specialisms/"] + .dropdown-toggle svg {
transform: rotate(180deg);
}
.site-header ul.menu .toggled-on > .sub-menu,
.site-header ul.menu > li > a[href$="specialisms/"] ~ .sub-menu {
height: auto;
overflow: visible;
padding-top: 20px;
padding-bottom: 20px;
margin: 15px 0;
transition: 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.site-header ul.menu > li > a[href$="specialisms/"] + .dropdown-toggle,
.site-header ul.menu a[href$="specialisms/"] ~ .sub-menu a[href$="specialisms/"] {
display: none;
}
.site-header ul.menu > li > .sub-menu {
display: flex;
flex-direction: column;
}
.site-header ul.menu > li > .sub-menu > li > a {
display: flex;
align-items: center;
}
}
@media (max-width: 567px) {
.site-header nav {
width: calc(100% - 50px);
}
}
@media (min-width: 1024px) {
.site-header img.logo-no-slogan {
display: none;
}
.site-header .container {
justify-content: space-between;
}
.site-header .logo {
margin-top: -40px;
}
ul.menu .current-menu-item > a,
ul.menu .current-menu-ancestor > a {
font-weight: 600;
color: var(--primary);
} .dropdown-toggle {
display: none;
}
.menu-primary-menu-container > ul {
display: flex;
}
.menu-primary-menu-container > ul > li {
padding: 46px 0;
transition: 0.2s;
}
.menu-primary-menu-container > ul > li + li {
margin-left: 40px;
}
.menu-primary-menu-container  a { 
position: relative;
display: block; 
}
.menu-primary-menu-container > ul > li:not(.button) > a:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-bottom: 1px solid;
transform: scaleX(0);
transform-origin: right;
transition: transform 0.2s;
}
.menu-primary-menu-container > ul > li.button a {
margin: -8px 0;
}
.menu-primary-menu-container > ul li.current-menu-item > a:after,
.menu-primary-menu-container > ul li.current-page-parent > a:after {
transform: none;
} ul.menu > li.menu-item-has-children:not(.megamenu) {
position: relative;
}
ul.menu > li:not(.megamenu) > ul.sub-menu {
position: absolute;
z-index: 20;
background: #fff;
width: 20em;
left: calc(50% - 10em);
padding-top: 1em;
padding-bottom: 30px;
top: 100%;
border-radius: 0 0 16px 16px;
line-height: 1.5;
display: block;
text-align: center;
opacity: 0;
transform: scale(0.95);
transform-origin: top;
transition: 0.2s;
box-shadow: 0 40px 40px rgba(68, 93, 167, 0.1);
pointer-events: none;
}
ul.menu > li:not(.megamenu) .sub-menu li + li {
margin-top: 1em;
}
ul.menu > li:hover ul.sub-menu {
opacity: 1;
transform: none;
pointer-events: auto;
} li.megamenu > ul.sub-menu {
position: absolute;
left: 0;
top: 100%;
width: 100%;
z-index: 50;
display: flex;
background: #fff;
color: var(--secondary);
transition: 0.1s;
opacity: 0;
transform: scale(0.985);
transform-origin: top;
pointer-events: none;
box-shadow: 0 60px 60px rgba(68, 93, 167, 0.1);
line-height: 1.5; }
li.megamenu .sub-menu li + li {
margin-top: 0.5em;
}
li.megamenu > ul.sub-menu > li	 { flex-grow: 1;
padding: 40px 50px 60px;
}
li.megamenu > ul.sub-menu > li + li + li {
border-left: 1px solid var(--bg-grey);
}
li.megamenu:hover ul.sub-menu {
transition: 0.2s;
opacity: 1;
transform: none;
pointer-events: auto;
}
li.megamenu > ul.sub-menu > li:first-child {
background-size: cover;
background-position: center; color: #fff;
flex-basis: 25%;
position: relative;
border-top-right-radius: 16px;
}
li.megamenu > ul.sub-menu > li:first-child:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to right, var(--primary), #445da7 150%);
opacity: 0.8;
border-top-right-radius: 16px;
}
li.megamenu > ul.sub-menu > li:first-child:after {
position: relative;
z-index: 2;
}
li.megamenu > ul.sub-menu > li > a:first-child {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
color: var(--primary);
}
li.megamenu > ul.sub-menu > li:first-child > a:first-child {
font-size: 30px;
color: inherit;
position: relative;
display: block;
}
ul.sub-menu a:hover {
color: var(--primary);
}
.menu-primary-menu-container ul.menu > li.menu-item-has-children > a:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
bottom: -60px;
transform: translateX(-50%);
width: 40vw;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
pointer-events: none;
}
.menu-primary-menu-container ul.menu > li.menu-item-has-children:hover > a:before {
pointer-events: auto;
}
}
@media (min-width: 1700px) {
.menu-primary-menu-container > ul > li + li {
margin-left: 50px;
} }
@media (hover: hover) {
.menu-primary-menu-container > ul > li > a:hover:after {
transform-origin: left;
transform: none;
}
} .site-header-menu .sub-menu,
.site-footer .sub-menu {
display: none !important;
}    @media (min-width: 1200px) {
.float-right {
position: absolute; 
width: 100%;
}
.float-right > p {
position: absolute; 
bottom: 0; 
width: 100%; 
max-width: 100%;
text-align: right;
}
} .section-image {
display: flex; 
align-items: center; 
background-size: cover; 
background-position: center; 
position: relative;
}
.section-image .container {
margin-bottom: -20px;
}
.section-image .overlay {
content: "";
position: absolute; 
top: 0; 
left: 0; 
right: 0; 
bottom: 0; 
}
.section-image .overlay:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--black);
pointer-events: none;
transition: 0.6s;
}
.section-image.image-loaded .overlay:before {
opacity: 0;
transition-delay: 0.4s;
} .section-text p:last-child {
margin-bottom: 0;
}
.section-text .lede {
font-size: 24px; 
font-weight: 450; 
background: linear-gradient(to right, var(--primary), #445da7); 
background-clip: text; 
color: transparent;
line-height: 1.5;
}
@media (max-width: 567px) {
.section-text .lede {
line-height: 1.4;
}
}
@media (min-width: 568px) {
.section-text .lede {
font-size: 26px;
}
}
@media (min-width: 1024px) {
.section-text .lede {
font-size: 28px;
}
}
.section-text h2:first-child:last-child {
line-height: 1.5;
}
.section-image h2:not(.heading-lg),
blockquote h2 {
line-height: 1.333;
}
@media (max-width: 1199px) {
.section-text h2:first-child:last-child,
.section-image h2:not(.heading-lg) {
font-size: 28px;
}
}
@media (max-width: 567px) {
.section-text h2:first-child:last-child,
.section-image h2:not(.heading-lg) {
font-size: 20px;
}
}
.section-image.full-height {
min-height: 100vh;
}
.section-image.full-height .container {
padding-top: 5vw;
}
.section-image:not(.full-height) .container {
padding-top: max(10vw, 80px); }
.section-grid + .section-grid,
.section-image:not(.full-height) + section {
position: relative;
z-index: 1;
}   .section-image-text ul,
.list-border {
list-style: none;
margin-top: 40px;
padding: 0;
border-top: 1px solid rgba(255,255,255,0.25);
}
.section-image-text ul li,
.list-border li {
border-bottom: 1px solid rgba(255,255,255,0.25);
padding: 0.75em 0;
padding-left: 32px;
position: relative;
}
.section-image-text ul li:before {
content: "→";
position: absolute;
left: 0;
color: var(--primary);
}
.section-image-text.bg-light ul,
.list-border-secondary {
border-top: 1px solid rgba(0,0,0,0.1);
}
.section-image-text.bg-light ul li,
.list-border-secondary li {
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.section-image-text.bg-light ul li:before {
color: var(--secondary);
} .section-hero-image {
background-size: cover; 
background-position: center; 
z-index: 2; 
mix-blend-mode: multiply; 
filter: grayscale(100%);
}
@media (max-width: 1199px) {
body.home .section-hero .highlighted {
max-width: 9em;
}
.section-hero-image {
position: relative;
padding-top: 60vw;
}
.section-hero-image + .grid-square-row {
margin-top: -60vw;
}
}
@media (min-width: 1200px) {
.section-hero-image {
position: absolute; 
top: 0; 
right: 0; 
width: 40%; 
height: 100%; 
}
.section-hero {
margin-bottom: max(calc((60vw - 100vh) / 2), 0px);
min-height: 100vh;
}
}
@media (min-width: 1200px) and (max-width: 1600px) and (min-height: 50vw) {
.section-hero:first-child .pink {
background: transparent;
}
} .section-padded {
padding: max(80px, 7.5vw) 0;
}
.section-intro {
display: flex;
justify-content: center;
} .highlighted {
display: flex;
flex-wrap: wrap;
line-height: 1.2;
margin-left: -0.025em; 
overflow: hidden;
}
.highlighted + .highlighted {
margin-top: -0.1em;
}
.highlighted > span {
padding-right: 0.2em;
} .section-clients {
background: var(--secondary); 
color: #fff;
}
.client-logos {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.client-logos img {
width: 43.333%;
height: auto;
margin: 0 3.333%;
filter: invert();
mix-blend-mode: screen;
}
@media (min-width: 568px) {
.client-logos img {
width: 26.666%;
}
}
@media (min-width: 800px) {
.client-logos img {
width: 10%;
}
}
@media (max-width: 1199px) {
.section-clients h2 {
text-align: center;
}
}
@media (min-width: 1200px) {
.section-clients .container {
display: flex; 
align-items: center;
}
.section-clients h2 {
margin-bottom: 0;
}
.client-logos-container {
border-right: 3px solid #fff; 
padding: 0 3.333%;
}
}      .newsletter {
position: relative;
}
.newsletter input[type="email"] {
padding-right: 60px;
background: none;
border-radius: 0;
color: #fff;
border-color: transparent;
border-bottom: 1px solid;
padding-left: 0;
}
.newsletter input[type="email"]::placeholder {
color: rgba(255,255,255,0.5);
}
.newsletter button {
position: absolute; 
top: 0; 
right: 0; 
bottom: 0; 
z-index: 2;
width: 60px;
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: flex-end;
background: none;
border: none;
color: #fff;
}
.newsletter button svg {
width: 24px;
height: 24px;
} .social-icons {
display: flex;
}
.social-icons a {
width: 56px;
height: 56px;
background: #fff;
color: var(--secondary);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s;
flex-shrink: 0;
}
.section-contact a + a,
.social-icons a + a {
margin-left: 20px;
} .site-footer {
background: var(--secondary); color: #fff;
overflow: hidden;
}
.site-footer:before {
content: "";
display: block;
height: 16px;
background: linear-gradient(90deg, #44a481, #2e949f);
}
.site-footer .link-contact svg + * {
color: #fff;
}
.footer-main {
padding: max(8vw, 80px) 0 max(8vw, 60px);
}
.footer-main .col {
min-width: 240px;
}
.footer-bottom {
background: rgba(0,0,0,0.25);
font-size: 16px; padding-top: 40px;
padding-bottom: 40px;
margin-bottom: env(safe-area-inset-bottom);
}
@media (hover: hover) {
.footer-bottom a:hover {
border-bottom: 1px solid;
}
}
.menu-footer-bottom-menu-container * {
display: inline;
}
.menu-footer-bottom-menu-container ul {
list-style: none;
padding: 0;
margin: 0;
}
.menu-footer-bottom-menu-container li + li:before {
content: "\00a0\00a0|\00a0\00a0\00a0";
}
@media (min-width: 568px) {
.footer-main ul {
line-height: 2;
}
.menu-footer-bottom-menu-container {
display: inline;
}
.menu-footer-bottom-menu-container li:before {
content: "\00a0\00a0|\00a0\00a0\00a0";
}
}
@media (min-width: 568px) and (max-width: 1399px) {
.site-footer .col {
flex-basis: 50%;
max-width: 50%;
}
}
@media (min-width: 1400px), (max-width: 567px) {
.col-social-icons {
display: flex;
justify-content: center;
}
}
@media (min-width: 840px) {
.footer-bottom .container {
display: flex;
justify-content: space-between;
}
}
@media (max-width: 567px) {
.site-footer {
text-align: center;
}
.site-footer .logo {
display: inline-block;
}
.site-footer .col {
flex-basis: 100%;
max-width: 100%;
}
.footer-bottom {
font-size: 14px;
line-height: 20px;
flex-direction: column;
}
} @media (prefers-reduced-motion: no-preference) {
.animate {
transition: opacity 0.6s, transform 0.6s;
}
body.intersection-observer .animate.animate-hidden {
opacity: 0;
transform: translateY(50px);
}
body.intersection-observer .animate.animate-hidden.animate-from-left {
opacity: 0;
transform: translateX(-20px);
}
body.intersection-observer .animate.animate-hidden.animate-from-right {
opacity: 0;
transform: translateX(20px);
}
body.intersection-observer .animate.animate-hidden.animate-up {
opacity: 0;
transform: translateY(90px);
}
body.intersection-observer .animate.animate-hidden.animate-up-100 {
opacity: 0;
transform: translateY(100%);
}
body.intersection-observer .animate.animate-hidden.animate-down-100 {
opacity: 0;
transform: translateY(-100%);
}
body.intersection-observer .animate.animate-hidden.animate-opacity {
opacity: 0;
}
body.intersection-observer .animate.wipe-from-right {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
opacity: 1 !important;
transition: 0.5s clip-path cubic-bezier(0.075, 0.82, 0.165, 1);
}
body.intersection-observer .animate.animate-hidden.wipe-from-right {
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
.animate + .animate {
transition-delay: 0.05s;
}
.animate + .animate + .animate {
transition-delay: 0.1s;
}
.animate + .animate + .animate + .animate {
transition-delay: 0.15s;
}
.animate + .animate + .animate + .animate + .animate {
transition-delay: 0.2s;
}
.animate + .animate + .animate + .animate + .animate + .animate {
transition-delay: 0.25s;
}
.animate + .animate + .animate + .animate + .animate + .animate + .animate {
transition-delay: 0.3s;
}
.animate + .animate + .animate + .animate + .animate + .animate + .animate + .animate {
transition-delay: 0.35s;
}
.animate + .animate + .animate + .animate + .animate + .animate + .animate + .animate + .animate {
transition-delay: 0.4s;
}
.animate + .animate + .animate + .animate + .animate + .animate + .animate + .animate + .animate + .animate {
transition-delay: 0.45s;
}
.animate + .animate + .animate + .animate + .animate + .animate + .animate + .animate + .animate + .animate + .animate {
transition-delay: 0.5s;
}
.animate + .animate + .animate + .animate + .animate + .animate + .animate + .animate + .animate + .animate + .animate + .animate {
transition-delay: 0.55s;
}
.animate + .animate + .animate + .animate + .animate + .animate + .animate + .animate + .animate + .animate + .animate + .animate + .animate {
transition-delay: 0.6s;
} .animate-slow + .animate-slow {
transition-delay: 0.2s;
}
.animate-slow + .animate-slow + .animate-slow {
transition-delay: 0.4s;
}
.animate-slow + .animate-slow + .animate-slow + .animate-slow {
transition-delay: 0.6s;
}
.animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow {
transition-delay: 0.8s;
}
.animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow {
transition-delay: 1.0s;
}
.animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow {
transition-delay: 1.2s;
}
.animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow {
transition-delay: 1.4s;
}
.animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow {
transition-delay: 1.6s;
}
.animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow {
transition-delay: 1.8s;
}
.animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow {
transition-delay: 2.0s;
}
.animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow {
transition-delay: 2.2s;
}
.animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow {
transition-delay: 2.4s;
}
}   .entry-content {
max-width: 44em;
}
.section-text h2:first-child:last-child {
margin-bottom: 0;
}
.section-text p {
max-width: 100%;
}
.entry-content p,
.entry-content ul,
.entry-content ol {
max-width: 100%; }
.entry-content p + h3,
.entry-content ul + h3,
.entry-content ol + h3 {
margin-top: 50px;
}
.entry-content h1 {
margin-bottom: 48px;
}
.entry-content h2,
.entry-content h3 {
color: var(--secondary);
scroll-margin-top: 120px;
margin-bottom: 30px;
} .entry-content h2 {
margin-bottom: 32px; }
.entry-content img {
display: block;
margin: 48px auto;
}
@media (min-width: 568px) {
.entry-content h2 {
margin-bottom: 32px;
}
}
.entry-content blockquote {
margin: 48px 0;
padding: 0 48px;
border-left: 3px solid var(--primary);
}
.section-text ul,
.entry-content ul {
margin-bottom: 48px;
padding: 0;
list-style: none;
}
.section-text ul li,
.entry-content ul li {
padding-left: 32px;
position: relative;
}
.section-text ul li:before,
.entry-content ul li:before {
content: "→";
position: absolute;
left: 0;
}
.section-text ul li + li,
.entry-content ul li + li {
margin-top: 5px;
}
.entry-content ul ul {
margin-left: -32px;
border-left: 2px solid var(--secondary);
padding-left: 32px;
margin-top: 20px;
}
.entry-content ul ul li {
padding-left: 0;
}
.entry-content ul ul li:before {
display: none;
} @media (min-width: 1024px) {
.section-image-text:not(.image-left) .col-image {
padding-left: 7.5%;
}
.section-image-text.image-left .col-image {
order: -1;
padding-right: 7.5%;
}
}
@media (min-width: 1200px) {
.bg-light + .bg-light,
.bg-dark + .bg-dark {
padding-top: 0;
}
}
@media (max-width: 1199px) {
.bg-light:not(.section-parallax-images) + .bg-light,
.bg-dark:not(.section-parallax-images) + .bg-dark {
padding-top: 0;
}
}
.bg-dark {
background: linear-gradient(#2b7ca0, #205b75);
color: #fff;
}
.bg-light {
background: #fff; }
.section-image-text {
font-size: 19px;
background-color: #fff; 
clip-path: circle(500vw at 50% calc(100% - 500vw)); 
position: relative; 
z-index: 1;
}
.section-image-text .container {
max-width: 60em;
}
.section-image-text .image {
padding-top: 100%; 
background-size: cover; 
background-position: center; 
position: relative;
} .section-image-text .image:before {
content: "";
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
background: #fff;
}
.section-image-text .image.image-loaded:before {
background: transparent;
transition-delay: 1.6s;
}
@keyframes drawsquare {
0% {
transform-origin: top left;
transform: scale(0, 0.0025);
}
30% {
transform: scale(1, 0.0025);
}
30.1% {
transform: scale(1, 0.0025);
}
60% {
transform: scale(1, 1);
transform-origin: top left;
}
66.666% { transform: scale(1, 1);
opacity: 1;
}
100% { transform: scale(1, 1); opacity: 0;
}
}
.section-image-text .image.image-loaded:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--bg-grey);
transform: scale(0, 0.01);
animation-name: drawsquare;
animation-duration: 1.8s;
animation-delay: 0.4s;
animation-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
animation-fill-mode: forwards;
}
@media (max-width: 1199px) {
.section-image-text .col-image {
order: -1;
margin-bottom: 50px;
}
}
@media (min-width: 568px) {
.section-image-text .image {
clip-path: circle(100% at 100% 0%);
}
.section-image-text.image-triangle .image {
clip-path: polygon(0 0, 100% 100%, 100% 0);
}
}  .section-text h2 {
margin-bottom: 40px;
}  .grid-item-icon {
width: 72px;
height: 80px;
background-color: var(--primary);
margin-bottom: 30px;
clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
background-size: cover;
background-position: center;
font-size: 2em;
display: flex;
align-items: center;
justify-content: center;
color: var(--black);
}
.grid-item-icon svg {
width: 32px;
height: 32px; } .section-testimonial img {
width: 100%; 
height: 100vh; 
object-fit: cover; 
display: block;
}
.testimonial-wrapper {
position: absolute; 
left: 25%; 
width: 50%; 
top: 50%; 
transform: translateY(-50%);
}
@media (max-width: 567px) {
.testimonial-wrapper {
left: 10%;
width: 80%;
}
} @keyframes animateLabel {
0% {
transform: translateY(10px);
}
100% {
transform: none;
}
}
.infield-label label.gfield_label {
margin-left: 15px !important;
}
.infield-label label.gfield_label,
label.infield {
position: absolute;
top: 20px;
left: 21px;
z-index: 5;
pointer-events: none;
margin: 0;
color: #aaa;
font-size: 16px;
line-height: 20px;
letter-spacing: 0;
font-weight: 400;
}
.infield-label label.gfield_label.active,
.infield-label label.gfield_label.stay-active,
label.infield.active,
label.infield.stay-active {
font-size: 10px;
left: 10px;
top: 8px;
padding-left: 6px;
padding-right: 6px;
border-radius: 0 0 8px 8px;
text-transform: uppercase;
letter-spacing: 0.01em;
animation-name: animateLabel;
animation-duration: 0.2s;
animation-fill-mode: forwards;
font-style: normal;
}
.infield-label input,
label.infield + .form-control,
label.infield + span .form-control,
label.infield + div .form-control {
padding: 15px 15px 0 !important;
} label {
display: block;
font-weight: 600;
margin-bottom: 10px;
}
.form-group {
margin-bottom: 30px;
position: relative;
}
@media (max-width: 567px) {
.form-group {
margin-bottom: 20px;
}
}
::placeholder {
color: #aaa;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
select,
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
.form-control {
height: 56px;
border: 1px solid #dee2e6;
font-size: inherit;
font-family: inherit;
line-height: 20px;
padding: 20px 24px 18px;
font-size: 18px;
display: block;
width: 100%;
outline: none;
background: #fff;
-webkit-appearance: none;
appearance: none;
border-radius: 8px;
transition: 0.2s;
letter-spacing: 0; }  select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,
.form-control:focus {
border-color: #007bff;
box-shadow: 0 0 0 5px rgba(0, 123, 255, 0.2), 0 30px 40px rgba(0, 0, 0, 0.05), 0 15px 20px rgba(0, 123, 255, 0.1);
position: relative;
z-index: 2;
}
textarea,
textarea.form-control {
resize: vertical;
min-height: 120px;
}
select,
select.form-control {
color: inherit;
background-image: url(//adfinsurance.co.uk/wp-content/themes/adf/img/angle-down.svg);
background-repeat: no-repeat;
background-position: calc(100% - 16px) 50%;
background-size: 24px;
}
.input-group {
position: relative;
display: flex;
}
.input-group .form-control {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right: none;
}
.input-group .btn {
width: auto;
min-width: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
white-space: nowrap;
flex-shrink: 0;
margin: 0;
}
input[type="radio"],
input[type="checkbox"] {
vertical-align: -1px;
margin: 0 10px 0 0;
} .radio-container {
display: flex;
}
.radio-container label ~ label {
margin-left: 30px;
}
.radio-container p {
margin-bottom: 0;
}
input[type="checkbox"],
input[type="radio"] {
position: absolute;
opacity: 0;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
display: flex !important;
align-items: center;
position: relative;
}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
content: "";
width: 2em;
height: 2em;
border-radius: 20%;
border: 1px solid #dee2e6;
margin-right: 0.75em;
flex-shrink: 0;
box-shadow: inset 0 5px 3px -3px rgba(0, 0, 0, 0.05);
}
input[type="radio"] + label:before {
border-radius: 50%;
}
input[type="radio"] + label:after {
content: "";
width: 1em;
height: 1em;
border-radius: 50%;
background: #007bff;
position: absolute;
top: calc(50% - 0.5em);
left: 0.5em;
visibility: hidden;
}
input[type="checkbox"] + label:after {
content: "";
position: absolute;
left: 1em;
top: 50%;
width: 0.5em;
height: 1em;
border: solid #007bff;
border-width: 0 3px 3px 0;
transform: translate(-40%, -60%) rotate(45deg);
visibility: hidden;
}
input[type="radio"]:checked + label:after,
input[type="checkbox"]:checked + label:after {
visibility: visible;
}
input[type="radio"] + label:focus:before,
input[type="radio"]:focus + label:before,
input[type="checkbox"] + label:focus:before,
input[type="checkbox"]:focus + label:before {
border-color: #007bff;
box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.2), 0 30px 40px rgba(0, 0, 0, 0.05), 0 15px 20px rgba(0, 123, 255, 0.1);
} .grecaptcha-badge {
visibility: hidden;
}
.gfield_error input,
.form-control.wpcf7-not-valid {
border-color: #dc3545 !important;
box-shadow: 0 0 0 4px rgba(220, 53, 69, 0.2), 0 30px 40px rgba(0, 0, 0, 0.05), 0 15px 20px rgba(220, 53, 69, 0.1) !important;
}
.wpcf7-checkbox,
.wpcf7-radio {
display: flex;
align-items: center;
flex-wrap: wrap;
padding-top: 10px;
}
.wpcf7-checkbox label,
.wpcf7-radio label {
margin: 0 0 10px;
pointer: cursor;
}
.wpcf7-checkbox .last .wpcf7-list-item-label,
.wpcf7-radio .last .wpcf7-list-item-label {
padding-right: 0;
}
.wpcf7-checkbox .wpcf7-list-item-label,
.wpcf7-radio .wpcf7-list-item-label {
position: relative;
display: flex;
align-items: center;
text-align: left;
line-height: 1.25;
padding-right: 30px;
}
.wpcf7-checkbox .wpcf7-list-item-label:before,
.wpcf7-radio .wpcf7-list-item-label:before {
content: "";
width: 2em;
height: 2em;
border-radius: 20%;
border: 1px solid #dee2e6;
margin-right: 0.75em;
flex-shrink: 0;
box-shadow: inset 0 5px 3px -3px rgba(0, 0, 0, 0.05);
}
.wpcf7-checkbox input:checked ~ .wpcf7-list-item-label:after,
.wpcf7-checkbox input:checked ~ span:after,
.wpcf7-radio input:checked ~ .wpcf7-list-item-label:after,
.wpcf7-radio input:checked ~ span:after {
opacity: 1;
visibility: visible;
}
.wpcf7-checkbox input:focus ~ .wpcf7-list-item-label:before,
.wpcf7-checkbox input:focus ~ span:before,
.wpcf7-radio input:focus ~ .wpcf7-list-item-label:before,
.wpcf7-radio input:focus ~ span:before {
border-color: #0f4c94;
box-shadow: 0 0 0 4px rgba(15, 76, 148, 0.2);
}
.wpcf7-radio .wpcf7-list-item-label:before {
border-radius: 50%;
}
.wpcf7-radio .wpcf7-list-item-label:after {
content: "";
width: 1em;
height: 1em;
border-radius: 50%;
background: #0f4c94;
position: absolute;
top: calc(50% - 0.5em);
left: 0.5em;
visibility: hidden;
}
.wpcf7-checkbox .wpcf7-list-item-label:before {
border-radius: 8px;
}
.wpcf7-checkbox .wpcf7-list-item-label:after {
content: "";
position: absolute;
left: 1em;
top: 50%;
width: 0.5em;
height: 1em;
border: solid #0f4c94;
border-width: 0 3px 3px 0;
transform: translate(-40%, -60%) rotate(45deg);
visibility: hidden;
}
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
opacity: 0;
}
.wpcf7-display-none {
display: none;
}
@keyframes spin {
0% {
transform: none;
}
100% {
transform: rotate(360deg);
}
}
.calendly-inline-widget:before {
position: absolute;
top: calc(50% - 12px);
left: calc(50% - 12px);
margin: 0;
}
.calendly-inline-widget:before,
.wpcf7 form.submitting button[type="submit"]:after {
content: "";
display: inline-block;
vertical-align: top;
border: 2px solid transparent;
border-left: 2px solid;
animation: spin 1s infinite linear;
border-radius: 50%;
width: 24px;
height: 24px;
margin-left: 10px;
margin-right: -10px;
}
.wpcf7 form.submitting button[type="submit"] svg {
display: none;
}
.validation_message,
.wpcf7-not-valid-tip {
display: block;
color: #dc3545;
font-size: 14px;
margin-top: 10px;
text-align: left;
padding-left: 16px;
font-style: italic;
display: none;
}
.wpcf7-response-output:empty {
display: none;
}
.validation_error,
.wpcf7-response-output {
color: #dc3545;
background-color: hsla(330deg, 75%, 90%, 0.4);
background-image: url(//adfinsurance.co.uk/wp-content/themes/adf/img/alert-red.svg);
background-repeat: no-repeat;
background-size: 24px;
background-position: 20px 50%;
border-radius: 8px;
padding: 20px;
padding-left: 60px;
line-height: 20px;
font-size: 17px;
margin-top: 30px;
}
.wpcf7-form.sent .validation_error,
.validation_error.wpcf7-mail-sent-ok,
.wpcf7-form.sent .wpcf7-response-output,
.wpcf7-response-output.wpcf7-mail-sent-ok {
color: #28a745;
background-color: rgba(40, 167, 69, 0.1);
background-image: url(//adfinsurance.co.uk/wp-content/themes/adf/img/check.svg);
} form .row {
margin: 0 -15px;
}
form .col {
padding: 0 15px;
} .btn-burger {
transition: 0s; position: fixed;
z-index: 30;
background: var(--primary);
color: #fff;
border: none;
width: 60px;
height: 60px;
border-radius: 50%;
padding: 0;
top: 20px;
right: 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
cursor: pointer;
}
@media (min-width: 568px) {
.btn-burger {
right: max(20px, calc(8vw - 45px));
}
}
@media (min-width: 1200px) {
.btn-burger {
top: 48px;
transform: scale(0.75);
opacity: 0;
pointer-events: none;
}
}
body.scrolled-down:not(.modal-active) .btn-burger {
transition: 0.2s;
}
body.main-nav-active .btn-burger,
body.modal-active .btn-burger {
transform: none;
opacity: 1;
pointer-events: auto;
box-shadow: 0 20px 20px rgba(0,0,0,0.2);
}
.btn-burger:active {
transform: scale(0.9) !important;
transition: 0s;
}
.burger-bar {
display: block;
width: 22px;
border-top: 2px solid;
transition: transform 0.3s;
}
.btn-burger .state-inactive .burger-bar + .burger-bar {
margin-top: 4px;
}
.btn-burger .state-inactive {
display: flex;
flex-direction: column;
justify-content: center;
}
.btn-burger .state-inactive,
.btn-burger .state-active {
width: 22px;
height: 22px;
position: relative;
overflow: hidden;
}
.btn-burger .state-active {
position: absolute;
}
.btn-burger .state-inactive .burger-bar:nth-child(1) {
transition-delay: 0.3s;
}
.btn-burger .state-inactive .burger-bar:nth-child(2) {
transition-delay: 0.35s;
}
.btn-burger .state-inactive .burger-bar:nth-child(3) {
transition-delay: 0.4s;
width: 16px;
}
.btn-burger .state-active .burger-bar {
position: absolute;
top: calc(50% - 1px);
left: calc(50% - 11px);
}
.btn-burger .state-active .burger-bar:nth-child(1) {
transform: rotate(-45deg) translateX(-27px);
transition-delay: 0.1s;
}
.btn-burger .state-active .burger-bar:nth-child(2) {
transform: rotate(45deg) translateX(27px);
} body.modal-active .btn-burger,
body.main-nav-active .btn-burger {
transition-delay: 0s;
}
body.modal-active .btn-burger .state-inactive .burger-bar,
body.main-nav-active .btn-burger .state-inactive .burger-bar {
transform: translateX(22px);
}
body.modal-active .btn-burger .state-inactive .burger-bar:nth-child(1),
body.main-nav-active .btn-burger .state-inactive .burger-bar:nth-child(1) {
transition-delay: 0s;
}
body.modal-active .btn-burger .state-inactive .burger-bar:nth-child(2),
body.main-nav-active .btn-burger .state-inactive .burger-bar:nth-child(2) {
transition-delay: 0.05s;
}
body.modal-active .btn-burger .state-inactive .burger-bar:nth-child(3),
body.main-nav-active .btn-burger .state-inactive .burger-bar:nth-child(3) {
transition-delay: 0.1s;
} @keyframes cross_1 {
0% {
transform: rotate(-45deg) translateX(27px);
}
100% {
transform: rotate(-45deg);
}
}
@keyframes cross_2 {
0% {
transform: rotate(45deg) translateX(-27px);
}
100% {
transform: rotate(45deg);
}
}
body.modal-active .btn-burger .state-active .burger-bar:nth-child(1),
body.main-nav-active .btn-burger .state-active .burger-bar:nth-child(1) {
transform: rotate(-45deg);
transition: 0s;
transition-delay: 0s;
animation-name: cross_1;
animation-duration: 0.3s;
animation-fill-mode: backwards;
animation-delay: 0.5s;
}
body.modal-active .btn-burger .state-active .burger-bar:nth-child(2),
body.main-nav-active .btn-burger .state-active .burger-bar:nth-child(2) {
transform: rotate(45deg);
transition: 0s;
transition-delay: 0s;
animation-name: cross_2;
animation-duration: 0.3s;
animation-fill-mode: backwards;
animation-delay: 0.4s;
} .modal-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0);
display: flex;
align-items: flex-start;
justify-content: center;
opacity: 0;
pointer-events: none;
visibility: hidden;
transition: background-color 0.3s; overflow: hidden;
} .modal-container.modal-container-fixed {
position: fixed;
padding-top: 0 !important;
align-items: center;
justify-content: flex-start;
}
.modal-container-fixed .modal {
border-radius: 0;
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.modal-container-fixed:not(.modal-active) .modal {
transform: translateX(-100%);
}
.modal-container-fixed .modal-close {
background: none;
color: #fff;
}
.modal-container.modal-active {
opacity: 1;
pointer-events: auto; 
visibility: visible;
z-index: 9999999; transition-delay: 0s;
background-color: rgba(0,0,0,0.5);
}
.modal-container.modal-active .modal {
opacity: 1;
transform: none; }
.modal-close {
position: absolute;
top: 0; 
right: 0;
width: 70px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
cursor: pointer;
color: var(--primary);
border-bottom-left-radius: 16px;
background: var(--bg-grey);
} .modal {
background: #fff;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
width: 100%;
max-width: 740px;
transform: translateX(-20px);
opacity: 0;
transition: 0.3s;
position: relative;
overflow: hidden; 
font-size: 16px;
border-radius: 16px;
}
@media (min-width: 1200px) {
.modal {
max-width: 780px;
}
}
.modal .pre-heading {
padding-right: 20px;
}
.modal .pad {
padding: 30px;
}
@media (min-width: 1200px) {
.modal .pad {
padding: 50px;
}
}
.modal-title,
.modal-header h2 {
font-size: 30px;
}
.modal blockquote {
border: none;
margin: 0;
padding: 0;
}
.modal .btn,
.sidebar .btn {
margin-top: 0;
}
.modal .btn svg {
display: none;
}
.modal p,
.modal input[type="submit"],
.modal .btn-lg,
.sidebar .btn {
width: 100%;
max-width: 100%;
}
.modal .wpcf7-form.sent .hide-on-sent {
display: none;
} .modal-header {
background-size: cover;
background-position: 50% 40%;
background-color: var(--primary);
color: #fff;
position: relative;
}
.modal-header:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to right, var(--primary), #445da7 150%);
opacity: 0.9;
pointer-events: none;
}
.modal-header h2,
.modal-header h3,
.modal-header p {
position: relative;
}
.modal-header a {
color: inherit !important;
}
.modal-header p:last-child {
margin-bottom: 0;
}  .section-map,
.section-text:first-child {
background: linear-gradient(to bottom, rgba(68, 93, 167, 0.05), rgba(68, 93, 167, 0) 33.333%);
}
.section-contact:first-child {
background: linear-gradient(to bottom right, rgba(68, 93, 167, 0.05), rgba(68, 93, 167, 0) 33.333%);
}
.section-cta,
.section-team,
.section-posts,
.section-reviews-grid {
background: linear-gradient(rgba(68, 93, 167, 0.05), rgba(68, 93, 167, 0), rgba(68, 93, 167, 0.05)); }
.section-image-text.bg-dark + .section-cta {
background: linear-gradient(to bottom, rgba(68, 93, 167, 0), rgba(68, 93, 167, 0.05));
}
@media (max-width: 1199px) {
.section-news .col-33:nth-child(4) {
display: none;
}
}
@media (min-width: 1200px) {
.section-map .container > .row > .col + .col,
.section-contact .container > .row > .col + .col {
padding-top: 40px;
}
}  .post-image {
padding-top: 60%;
background-size: cover;
background-position: center;
background-color: var(--bg-grey);
} .post-container {
display: block;
overflow: hidden;
height: 100%;
display: flex;
flex-direction: column;
transition: 0.3s;
border-radius: 24px;
box-shadow: 0 40px 40px rgba(68, 93, 167, 0.1);
}
.post .btn {
background: var(--primary);
transform: none !important;
box-shadow: none !important;
}
@media (hover: hover) {
.post-container:hover {
transform: translateY(-20px);
box-shadow: 0 60px 60px rgba(68, 93, 167, 0.1);
}
}
.post-container .post {
padding: 30px;
background: #fff;
color: var(--secondary); flex-grow: 1;
}
.post-container.case_study .post {
background: var(--black);
color: #fff;
} .post-container.case_study .post-read-more {
color: var(--primary);
}
.post-title {
font-weight: 600;
line-height: 1.1; }
.post-read-more {
color: var(--secondary);
}
@media (max-width: 567px) {  .section-posts h1 {
text-align: center;
} }
@media (min-width: 578px) { .post-container .post {
padding: 50px;
}
}
@media (min-width: 1200px) { .section-posts .row > .col-50:nth-child(odd) {
margin-top: 180px;
margin-bottom: -180px;
}
.section-posts .row > .col-50:nth-child(odd) + .col-nav-links {
margin-top: 180px;
}
}  .nav-links {
text-align: center;
display: flex;
justify-content: center;
}
.nav-links a,
.nav-links span {
min-width: 60px;
line-height: 60px;
padding: 0px 20px;
color: inherit;
}
@media (hover: hover) {
.nav-links a:hover,
.nav-links a:focus {
color: var(--primary);
}
}
.nav-links .current {
font-weight: 500;
color: var(--secondary);
background: #fff;
box-shadow: 
0 15px 20px rgba(68, 93, 167, 0.1);
cursor: default;
margin: 0 10px;
border-radius: 30px;
}
@media (max-width: 480px) {
.nav-links .prev,
.nav-links .next {
display: none;
}
} .sidebar-cta {
text-align: center; 
border-radius: 24px; 
overflow: hidden; 
box-shadow: 0 40px 40px rgba(0,0,0,0.1);
margin-bottom: 100px;
}
.sidebar-nav {
margin-bottom: 20px;
}
@media (min-width: 568px) {
.sidebar-nav {
font-size: 17px;
}
}
@media (max-width: 1023px) {
.col-sidebar {
display: none;
}
}
@media (min-width: 1024px) {
.col-sidebar {
padding-right: 5% !important;
}
}
@media (min-width: 1200px) {
.sidebar-nav.sticky {
position: sticky; 
top: calc(96px + 40px);
}
}
.sidebar-nav ul {
padding: 0;
margin: 0;
list-style: none;
border-left: 2px solid var(--secondary);
} .sidebar-nav a {
display: block;
line-height: 1.4;
padding: 0.4em 0;
padding-left: 32px; border-left: 5px solid transparent;
margin-left: -1px;
} .sidebar-nav a:hover,
.sidebar-nav a.active {
border-left: 5px solid;
opacity: 1;
} .post-author-bio {
max-width: 36em;
} body.page-template-landing .section-landing ~ section,
body.page-template-landing .site-footer,
body.page-template-landing .site-header nav {
display: none;
}
body.page-template-landing .logo {
pointer-events: none;
}
body.page-template-landing .site-header {
min-height: calc(100vw / 9);
}
.grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
transform: translateZ(0);
}
.grid-9 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
@keyframes shape {
0% {
clip-path: circle(100% at 100% 0%);	
}
50% {
clip-path: circle(100% at 0% 100%);	
}
100% {
clip-path: circle(100% at 100% 0%);	
}
}
.shape-animation {
padding-top: 100%;
background: var(--primary);
clip-path: circle(100% at 100% 0%);	
animation-name: shape;
animation-duration: 10s;
animation-iteration-count: 10;
animation-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
animation-fill-mode: forwards;
}
.grid-9 .shape-animation {
background: #1D3944;
opacity: 0.2;
}
.section-landing {
position: relative;
}
.section-landing .container {
position: relative; 
z-index: 20;
}
@media (max-width: 567px) {
.section-landing .container {
margin-top: calc((-150vw / 9) - 10px);
}
}
@media (min-width: 568px) {
.section-landing {
min-height: 100vh; 
display: flex; 
align-items: center;
}
.section-landing .grid-container {
position: absolute; 
left: 0; 
top: 0; 
width: 100%;
}
} .section-grid {
text-align: center;
}
.section-grid .image {
background-size: cover; 
background-position: center;
padding-top: 100%;
width: 40%;
padding-top: 40%;
margin-left: auto;
margin-right: auto;
filter: invert();
}
.bg-dark ul a,
.bg-dark ul li:before,
.bg-dark .pre-heading,
.bg-dark .slick-dots,
.bg-dark .slick-arrow,
.bg-dark .quote-icon,
.site-footer .pre-heading,
.section-grid.bg-dark .content a
.bg-dark p.icon {
color: var(--primary);
}
.bg-light ul a,
.bg-light ul li:before,
.bg-light .pre-heading,
.bg-light .slick-dots,
.bg-light .slick-arrow,
.bg-light .quote-icon,
.section-grid.bg-light .content a,
.bg-light p.icon {
color: var(--secondary);
}
.section-grid .pre-heading + .row {
margin-top: 30px;
}
.section-grid .inner {
position: relative;
}
.section-grid .inner > svg {
width: 33.333%;
height: auto;
margin-left: auto;
margin-right: auto;
} .section-grid a .inner.image-behind {
transition: 0.5s cubic-bezier(0.05, 0.2, 0.1, 1);
}
.section-grid .inner.image-behind .image:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.75)); } .section-grid a:hover .inner.image-behind {
transform: translateY(-12px);
box-shadow: 
0 60px 80px rgba(0,0,0,0.15), 
0 30px 40px rgb(62, 57, 213, 0.1);
}
.section-grid.bg-dark a:hover .inner.image-behind {
box-shadow: 
0 60px 80px rgba(0,0,0,0.15), 
0 30px 40px rgb(0, 0, 0, 0.1);
} .section-grid a:active .inner.image-behind {
transition: none;
transform: none;
box-shadow: none;
}
.section-grid .inner .content {
padding-top: 40px;
}
.section-grid .inner:not(.image-behind) .image {
clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%);
}
.section-grid .inner.image-behind .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 40px;
color: #fff;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.section-grid .inner.image-behind .content h3 {
margin-bottom: 10px;
}
.section-grid .inner.image-behind .content p:last-child {
margin-bottom: 0;
} .section-quote {
margin-top: -10vw; 
background: linear-gradient(#65b5e6, var(--secondary)); 
color: #fff; 
clip-path: circle(500vw at 50% calc(100% - 500vw)); 
text-align: center;
}
.section-quote .container {
margin-top: 10vw; 
max-width: 54em;
}
.section-quote blockquote {
font-size: 18px;
}
@media (min-width: 568px) {
.section-quote blockquote {
font-size: 22px;
}
} .section-parallax-images .parallax {
background-size: cover; 
background-position: center; 
}
.section-parallax-images .parallax2 {
position: absolute; 
right: 0; 
bottom: 16.666%; 
width: 16.666%; 
background-size: cover; 
background-position: center;
}
.section-parallax-images .section-padded img {
position: relative; 
z-index: 1;
}
@media (max-width: 567px) {
.section-parallax-images .row .section-padded {
padding: 0;
padding-bottom: 30px;
}
.section-parallax-images .parallax2 {
right: -30px;
width: calc(50% + 30px);
bottom: unset;
top: 33.333%;
z-index: 2;
}
.section-parallax-images.bg-dark .parallax2 {
border: 30px solid var(--black);
}
.section-parallax-images.bg-light .parallax2 {
border: 30px solid #fff;
}
}
@media (min-width: 568px) {
.section-parallax-images .col-40 {
flex-basis: 40%;
}
.section-parallax-images .col-50 {
flex-basis: 50%;
}
.section-parallax-images .parallax {
box-shadow: 0px 60px 80px rgba(0, 0, 0, 0.2);
}
}   .section-logos .col {
min-width: 120px;
}
.section-logos img {
height: 50px;
width: 100%;
object-fit: contain;
vertical-align: top;
}  .testimonials-slider {
font-size: 19px;
}
@media (min-width: 1024px) {
.testimonials-slider {
font-size: 22px;
}
} .expander-title {
position: relative;
padding-right: 60px;
margin-bottom: 0;
}
.expander-title:after {
content: "";
position: absolute;
width: 24px;
height: 24px;
top: calc(50% - 16px);
right: 6px;
background-image: url(//adfinsurance.co.uk/wp-content/themes/adf/img/angle-down.svg);
background-size: cover;
transition: 0.4s
}
.expander-title.toggled-on:after {
transform: rotate(180deg);
}
.expander-title:hover {
color: var(--lightblue);
cursor: pointer;
}
.expander { padding-top: 30px;
}
@media (min-width: 568px) {
.expander-title:after {
width: 32px;
height: 32px;
right: 0;
}
.expander {
padding-right: 60px;
}
}
.expander *:last-child {
margin-bottom: 0;
} .section-faq hr {
border-top-width: 2px;
opacity: 0.1;
} .icon {
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
box-shadow: 0 5px 8px rgba(68, 93, 167, 0.1);
border-radius: 50%;
}
.icon svg {
width: 32px;
height: 32px;
fill: var(--primary);
}
.icon + h2 {
margin-top: 30px !important;
} #teamOverlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.25);
pointer-events: none;
opacity: 0;
visibility: hidden;
z-index: 10;
}
#teamOverlay.active {
opacity: 1;
visibility: visible;
transition: 0.5s;
}
.section-team {
overflow: visible;
} .section-team .col {
position: relative;
}
.section-team .post-container {
padding: 30px;
cursor: pointer;
background: #fff;
transition: transform 0.3s;
}
.section-team .post {
padding: 0;
padding-top: 20px;
display: flex;
flex-direction: column;
height: 100%;
transform: none !important;
}    .section-team .post-image {
padding-top: 125%;
border-radius: 8px;
}
@media (max-width: 567px) {
.section-team .post-image {
padding-top: 100%;
background-position: 50% 25%;
margin-bottom: 30px;
}
}
.section-team .post-excerpt,
.section-team .post-content {
flex-grow: 1;
}
.section-team .post-content {
display: none;
}
.section-team .post-close {
display: none;
position: absolute;
top: 0;
right: 0;
width: 80px;
height: 80px;
align-items: center;
justify-content: center;
color: #dc3106;
} .section-team .contact-details-container {
display: flex;
align-items: center;
}
.section-team .social-icons {
margin-right: 20px;
}
.section-team .active {
z-index: 20;
}
.section-team .active .post-container {
position: absolute;
left: 0;
right: 0;
top: -20px;
height: auto;
padding: 50px;	
}
@media (min-width: 1200px) {
.section-team .active .post-container {
top: -30px;
padding: 60px;
}
}
@media (hover: hover) {
.section-team .active .post-container {
transform: translateY(-40px);
}
}
.section-team .active .post-excerpt {
display: none;
}
.section-team .active .post-close {
display: flex;
}
.section-team .active .post-content {
display: block;
} .grid-item {
display: block;
padding-top: 100%;
background-color: var(--bg-grey);
background-size: cover;
background-position: center;
position: relative;
overflow: hidden;
border-radius: 16px;
}
.grid-item:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(transparent 50%, var(--royalblue));
}
.grid-item,
.grid-item-content,
.grid-item-title,
.grid-item-gradient {
transition: 0.5s cubic-bezier(0.05, 0.2, 0.1, 1);
}
.grid-item:hover {
transform: translateY(-12px);
box-shadow: 
0 60px 80px rgba(0,0,0,0.15), 
0 30px 40px rgba(15, 76, 148, 0.1);
}
.grid-item:hover .grid-item-content {
transform: translateY(-6px);
}
.grid-item-gradient {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 8px;
overflow: hidden; }
.grid-item-gradient:before,
.grid-item-gradient:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: 0.6s;
}
.grid-item-gradient:before {
background: linear-gradient(rgba(30, 74, 113, 0) 50%, var(--secondary) 90%);
}
.grid-item-gradient:after {
background: linear-gradient(rgba(30, 74, 113, 0), rgba(30, 74, 113, 0.75) 50%);
opacity: 0;
}
.grid-item:hover .grid-item-gradient:after {
opacity: 1;
}
.grid-item-content {
position: absolute;
top: 100%;
left: 0;
width: 100%;
display: flex;
align-items: flex-end;
font-size: 15px;	
line-height: 1.4;
padding: 0 35px 0 40px;
color: #fff;
}
.grid-item-title {
position: absolute;
top: 0;
transform: translateY(calc(-100% - 40px));
margin: 0;
color: inherit;
width: calc(100% - 80px);
padding-right: 48px;
font-weight: 600;
line-height: 1.1;
}
.grid-item svg.bi-arrow-right {
width: 24px;
height: 24px;
position: absolute;
bottom: 40px;
right: 40px;
z-index: 2;
color: #fff;
transition: 0.2s;
}
.grid-item:hover svg.bi-arrow-right {
transform: translateX(12px);
opacity: 0;
}
.grid-item-desc {
transform: translateY(0);
opacity: 0;
color: inherit;
transition: transform 0.6s cubic-bezier(0.05, 0.2, 0.1, 1);
}
.grid-item:hover .grid-item-content {
transform: translateY(-100%);
}
.grid-item:hover .grid-item-desc {
transform: translateY(-20px);
transition: transform 0.6s cubic-bezier(0.05, 0.2, 0.1, 1), opacity 0.6s cubic-bezier(0.05, 0.2, 0.1, 1);
transition-delay: 0.2s;
opacity: 1;
}
@media (min-width: 1200px) {
.col-50 .grid-item {
padding-top: 60%;
}
.col-50 .grid-item-title {
font-size: 28px;
line-height: 1.25;
font-weight: 700;
letter-spacing: -0.02em;
}
.col-33 .grid-item-content,
.col-50 .grid-item-content {
font-size: 18px;
}
}  .section-sectors-image {
background-color: var(--secondary); 
background-size: cover; 
background-position: center; 
color: #fff; 
text-align: center; 
display: flex; 
align-items: center;
position: relative;
text-shadow: 0 0.5em 0.5em rgba(0,0,0,0.333);
clip-path: circle(500vw at 50% calc(100% - 500vw));
}
.section-sectors-image:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.25);
}
.section-sectors-image .container {
position: relative;
}
.section-sectors {
background: transparent;
}
.cta-item {
display: block;
text-align: center;
border-radius: 24px;
padding-top: 100%;
position: relative;
color: #fff;
overflow: hidden; font-size: 18px;
transition: 0.3s;
}
.cta-item:before { }
.cta-item .inner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.cta-item svg {
width: 33.333%;
height: auto;
margin-bottom: 5%;
}
@media (min-width: 1024px) {
.section-sectors-image .container {
margin-bottom: 5vw;
} .cta-item {
font-size: 28px;
}
}
@media (min-width: 1200px) {
.section-sectors {
padding-bottom: 0;
}
.cta-item {
transform: translateY(-50%);
}
.section-sectors-image h1,
.section-sectors-image h2 {
font-size: 48px;
}
}
@media (max-width: 1199px) {
.section-sectors {
margin-top: -50px;
}
}
@media (max-width: 1023px) {
.section-sectors-image .container {
margin-bottom: 15px;
}
}
@media (max-width: 567px) {
.section-sectors {
margin-top: -30px;
}
.section-sectors .col {
flex-basis: 50%;
}
}
@media (hover: hover) {
a.cta-item:hover {
transform: translateY(-12px); box-shadow: 
0 60px 80px rgba(0,0,0,0.15), 
0 30px 40px rgba(68, 93, 167, 0.2);
}
}
@media (min-width: 1200px) and (hover: hover) {
a.cta-item:hover {
transform: translateY(calc(-50% - 12px));
}
} .centered-cta {
background: var(--secondary); 
color: #fff; 
text-align: center; 
position: relative;
} @media (max-width: 567px) {
.section-cta {
padding: 0;
}
.centered-cta {
margin-left: -30px;
margin-right: -30px;
border-radius: 0;
padding: 60px 30px 40px;
}
}
@media (min-width: 568px) {
.centered-cta {
padding: 60px 60px 40px; 
border-radius: 16px;
}
} .banner-image {
background-size: cover;
background-position: center;
}
.banner-image,
.banner-image:before {
position: absolute; 
top: 0; 
left: 0; 
right: 0; 
bottom: 0; 
}
.banner-image:before {
content: "";
}
.expanding-form {
margin-left: auto;
font-size: 16px;
line-height: 1.4;
}
@media (min-width: 1200px) {
.expanding-form {
width: 460px;
}
}
.expanding-form .inner {
background: #fff; 
color: var(--secondary);
padding: 40px;
padding-top: 30px;
padding-bottom: 20px;
border-radius: 20px;
text-align: center;
}
.expanding-form.active .inner {
box-shadow: 0 30px 40px rgba(0,0,0,0.1);
}
.expanding-form:not(.active) .show-on-active, 
.expanding-form:not(.active) input[type="submit"] {
display: none;
}
.expanding-form:not(.active) textarea {
min-height: 0;
}
.expanding-form.active textarea {
min-height: 100px;
}
.expanding-form h3 {
margin-bottom: 10px;
}
.expanding-form .btn {
margin-top: 0;
}
.expanding-form .wpcf7-form-control {
height: 50px;
font-size: 16px;
padding: 16px 18px 12px;
}
.expanding-form .wpcf7 p {
margin-bottom: 16px;
}
@media (max-width: 1199px) {
.banner-image {
max-height: 100vw;
}
.banner-image:before {
background: linear-gradient(rgba(30, 74, 113, 0.5) 10%, var(--secondary));
}
}
@media (min-width: 1200px) {
.banner-image:before {
background: rgba(0,0,0,0.333);
background: linear-gradient(to top right, rgba(0,0,0,0.9), rgba(0,0,0,0.75), rgba(0,0,0,0) 66.666%);
}
.expanding-form {
max-height: 427px;
}						
} .reviews-grid {
display: grid;
grid-template-columns: 1fr;
grid-gap: 20px;
}
.reviews-grid .image {
height: 100%;
padding-top: 50%;
background-size: cover;
background-position: center;
}
.reviews-grid .rating-stars,
.reviews-grid .quote-icon {
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.reviews-grid .quote-icon {
color: #44a481;
}
.reviews-grid .item {
background: #fff;
box-shadow: 0 40px 40px rgba(68, 93, 167, 0.1);
display: flex;
flex-direction: column;
text-align: center;
border-radius: 24px;
}
.reviews-grid h3 {
margin-top: 20px;
}
.reviews-grid h4 {
margin-bottom: 5px;
margin-top: 30px;
}
.reviews-grid blockquote {
border: none;
padding: 0;
}
.reviews-grid .inner {
padding: 30px;
}
@media (min-width: 568px) {
.row-span-2 {
grid-row-start: span 2;
}
.row-span-3 {
grid-row-start: span 3;
}
.reviews-grid .inner {
padding: 50px;
}
.reviews-grid {
grid-gap: 40px;
}
}
@media (min-width: 1024px) {
.reviews-grid {
grid-template-columns: 1fr 1fr;
grid-auto-flow: dense;
}
.col-span-2 {
grid-column-start: span 2;
}
}
@media (min-width: 1200px) {
.reviews-grid {
grid-gap: 60px;
}
}