.fc_banner {
background: linear-gradient(0deg, #05577a 0%, #0a2450 49%, #0d013a 99%);
display: flex;
gap: 60px;
align-items: center;
justify-content: center;
}
.fc_banner.larger_banner {
min-height: 100vh;
}
.fc_banner {
display: flex;
flex-flow: column;
}
.fc_banner.larger_banner svg {
flex-shrink: 0;
}
.fc_banner.larger_banner.default_banner .left_content {
flex: 1;
width: 100%;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
.fc_banner.larger_banner.default_banner .left_content .banner-large {
color: var(--lime);
}
.fc_banner.larger_banner .the_usps {
margin-top: auto;
}
.fc_banner.larger_banner.two_column_banner .col_wrapper {
width: 100%;
gap: var(--gap-l);
display: flex;
justify-content: space-between;
align-items: center;
flex: 1;
}
.fc_banner:not(.larger_banner) .left_content p {
max-width: 800px;
}
@media (min-width: 1200px) {
.fc_banner.two_column_banner .col_wrapper > div {
width: 50%;
}
}
@media (max-width: 1200px) {
.fc_banner.two_column_banner .col_wrapper {
flex-flow: column;
}
}
@media (min-width: 1024px) {
.fc_banner {
padding-top: 130px;
padding-bottom: 60px;
min-height: 700px;
}
#e0ospzik5HV1 {
max-width: 800px;
}
#mobile-hero-svg {
display: none;
}
.fc_banner .wp_content p[style*="center"] {
margin: 0 auto 1em;
}
.fc_banner .usp {
max-width: 450px;
}
}
@media (max-width: 1024px) {
#e0ospzik5HV1 {
display: none;
}
#mobile-hero-svg {
max-width: 100%;
}
.fc_banner {
padding-top: 115px;
padding-bottom: 30px;
gap: 0;
}
.fc_banner.larger_banner.two_column_banner {
min-height: calc(100vh - 145px);
height: auto;
}
}.fc_usps .the_usps:after,
.fc_usps .the_usps:before {
background: var(--teal-light);
}.fc_simple_content.circle_bg {
position: relative;
isolation: isolate;
}
.fc_simple_content.circle_bg:not([style*="background"]) {
background-position: 0 100%;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1186' height='1017' fill='none'%3E%3Ccircle cx='349.5' cy='836.5' r='836.5' fill='%23fff' fill-opacity='.1'/%3E%3Cpath fill='%23fff' fill-opacity='.15' d='M874.74 1015.47c0 350.25-283.93 634.19-634.18 634.19-350.25 0-634.18-283.94-634.18-634.19 0-350.25 283.93-634.18 634.18-634.18 350.25 0 634.18 283.93 634.18 634.18Z'/%3E%3Ccircle cx='158.86' cy='1174.99' r='443.54' fill='%23fff' fill-opacity='.2'/%3E%3C/svg%3E");
}
.fc_simple_content.circle_bg[style*="background"]:after {
content: "";
display: block;
position: absolute;
z-index: -1;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0.2;
background: 0 100% no-repeat
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 711 583'%3E%3Cpath fill='%23026773' d='M213.5 995C488.26 995 711 772.26 711 497.5S488.26 0 213.5 0-284 222.74-284 497.5c0 139.23 57.19 265.1 149.36 355.4a375.74 375.74 0 0 1-93.83-248.96c0-208.3 168.87-377.17 377.18-377.17 208.3 0 377.17 168.86 377.17 377.17 0 208.3-168.86 377.18-377.17 377.18a378 378 0 0 1-91.67-11.22A497.01 497.01 0 0 0 213.5 995Z'/%3E%3Cpath fill='%230092A4' d='M148.71 971.86c203.2 0 367.92-164.73 367.92-367.92 0-203.2-164.72-367.92-367.92-367.92-203.2 0-367.91 164.72-367.91 367.92 0 118.88 56.38 224.6 143.87 291.86-54.2-48.31-88.34-118.66-88.34-196.99 0-145.69 118.1-263.79 263.8-263.79 145.68 0 263.78 118.1 263.78 263.8 0 145.68-118.1 263.78-263.79 263.78-19.81 0-39.11-2.18-57.67-6.32a367.92 367.92 0 0 0 106.26 15.58Z'/%3E%3Cpath fill='%230092A4' d='M103.43 953.33c139.04-1.78 251.21-115.05 251.21-254.52 0-140.57-113.96-254.53-254.53-254.53-140.58 0-254.54 113.96-254.54 254.53A253.57 253.57 0 0 0-91 866.94a175.07 175.07 0 0 1-21.77-84.82c0-97.13 78.74-175.86 175.86-175.86 97.13 0 175.86 78.73 175.86 175.86 0 83.24-57.83 152.97-135.51 171.2Z'/%3E%3C/svg%3E");
}
.fc_simple_content.circle_bg.content_light .wp_content a:not(.wp_exclude) {
color: var(--white);
}.posts_wrapper {
display: flex;
gap: var(--gap-xl);
}
@media (max-width: 950px) {
.posts_wrapper {
flex-flow: column;
}
}
.post_list_wrapper {
flex: 1;
}
.search_form .search_box {
width: 100%;
display: flex;
align-items: center;
border-radius: 3px;
border: 1px solid #e6e6e6;
background: var(--white);
padding: 10px;
}
.search_form input {
border: none;
box-shadow: none;
}
.search_form input[type="search"] {
flex-grow: 0;
width: calc(100% - 30px);
}
.search_form input[type="search"]:focus {
outline: none;
}
.search_form input[type="search"]::placeholder {
color: var(--grey);
}
.search_form input[type="submit"] {
flex-shrink: 0;
height: 25px;
width: 25px;
background: center / cover no-repeat
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath fill='%231A1A1A' fill-rule='evenodd' d='M15.62 6.54a3.32 3.32 0 0 1 2.39 2.37c.09.52.54.9 1.07.9.6 0 1.1-.49 1.1-1.09 0-.78-.67-1.98-1.57-2.87-.88-.87-1.93-1.49-2.8-1.49a1.1 1.1 0 0 0-.2 2.18ZM.63 20.84A2.17 2.17 0 0 0 3.7 23.9l6.27-6.26a9.54 9.54 0 1 0-3.06-3.06L.62 20.83Zm7.55-11.3a6.82 6.82 0 1 1 13.63 0 6.82 6.82 0 0 1-13.63 0Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.search_form input[type="submit"]:hover {
cursor: pointer;
}
.archive_filter {
display: flex;
flex-flow: column;
gap: 30px;
flex-shrink: 0;
}
@media (min-width: 950px) {
.archive_filter {
width: 300px;
}
}
.archive_filter ul {
list-style: none;
}
.term_list {
padding: var(--gap-s);
border: 1px solid #e6e6e6;
background: #fff;
}
.term_list ul li {
padding: 10px 8px;
}
.term_list a {
display: block;
width: 100%;
}
.term_list > ul > li > a {
text-decoration: none;
}
.term_list ul li,
.term_list > ul > li > a {
color: #1a1a1a;
font-family: "Signika Negative", sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 22px;
margin: 0;
}
.term_list > ul > li {
display: flex;
align-items: center;
gap: 10px;
}
.term_list > ul > li:hover {
cursor: pointer;
}
.term_list > ul > li:after {
content: "";
margin-left: auto;
display: block;
height: 16px;
width: 9px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='16' fill='none'%3E%3Cpath fill='%23232323' fill-rule='evenodd' d='m2.16.85 6.01 6.48c.37.4.37 1.05 0 1.44l-6 6.48a.9.9 0 0 1-1.34 0 1.08 1.08 0 0 1 0-1.44l5.25-5.76L.83 2.3a1.08 1.08 0 0 1 0-1.44.9.9 0 0 1 1.33 0Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.term_list > ul > li.open,
.term_list > ul > li.active {
border-radius: 3px;
background: var(--lime);
color: var(--white);
}
.term_list > ul > li.open:after,
.term_list > ul > li.active:after {
height: 8px;
width: 15px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='8' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='m14.7 1.72-6.48 6c-.4.37-1.04.37-1.44 0l-6.48-6A.9.9 0 0 1 .3.38C.7.01 1.34.01 1.74.38L7.5 5.63 13.26.38c.4-.37 1.04-.37 1.44 0 .4.37.4.97 0 1.34Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.term_list ul > li:not(.open) + ul {
display: none;
}
.term_list ul ul li {
padding-left: 22px;
}
.term_list ul ul li.active {
background: #f3f3f3;
}
.term_list ul ul li a {
font-size: 18px;
font-weight: 400;
color: #1a1a1a;
text-decoration: none;
}
p.post_list_current_page i {
font-weight:400;
}.single_post_list {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 5px;
}
@media (max-width: 1720px) {
.single_post_list {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 1400px) {
.single_post_list {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 1400px) {
.single_post_list {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 1200px) {
.single_post_list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 950px) {
.single_post_list {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 822px) {
.single_post_list {
grid-template-columns: repeat(2, 1fr);
}
}
.single_post {
border: 1px solid #e8e8e8;
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 238 / 238;
width: 100%;
position: relative;
}
.single_post .tooltip {
background: var(--teal);
color: var(--white);
font-size: 18px;
visibility: hidden;
position: absolute;
inset: 0 auto auto 20px;
z-index: 2;
opacity: 0;
height: auto;
width: calc( 100% - 40px );
padding: 20px 15px;
transition: 0.3s;
transform: translateY( calc(-100% + 25px ) );
}
.single_post:hover .tooltip {
visibility: visible;
opacity: 1;
}
.single_post .tooltip:after {
content: "";
display: block;
position: absolute;
border: 10px solid rgba(0, 0, 0, 0);
border-top-color: var(--teal);
width: 0;
height: 0;
bottom: -20px;
right: 50%;
transform: translateX(50%);
}
.single_post:not(.related_case_study) {
padding: 20px;
}
@media (max-width: 768px) {
.single_post:not(.related_case_study) {
padding: 10px;
}
}
.single_post img {
max-height: 75px;
width: auto;
max-width: 128px;
filter: grayscale(1);
}
.single_post a {
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.related_case_study a {
position: relative;
}
.related_case_study a:hover::after {
content: "";
display: block;
position: absolute;
inset: 0 auto 0 auto;
height: 100%;
width: 100%;
background: linear-gradient(
229deg,
rgba(168, 193, 40, 0.5) 0.57%,
rgba(2, 103, 115, 0.7) 56.75%,
#026773 100%
);
}#pagination {
display: flex;
justify-content: center;
flex-wrap: wrap;
padding: 30px 0;
}
#pagination a,
#pagination > span {
display: inline-block;
padding: 10px 20px;
font-size: 16px;
color: #a3a3a3;
margin: 0 5px 5px 5px;
text-decoration: none;
font-weight: 400;
border: 1px solid transparent;
text-transform: lowercase;
}
#pagination a:hover,
#pagination > span,
#pagination a.prev,
#pagination a.next {
color: var(--grey);
}
#pagination a:hover,
#pagination > span.current {
border: 1px solid var(--lime);
border-radius: 5px;
}
.post_list_current_page {
font-size: 18px;
font-weight: bold;
}.fc_column_content {
display: flex;
gap: clamp(15px, 6vw, 60px);
}
.fc_column_content.circle_bg {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1186' height='1017' fill='none'%3E%3Ccircle cx='349.5' cy='836.5' r='836.5' fill='%23fff' fill-opacity='.1'/%3E%3Cpath fill='%23fff' fill-opacity='.15' d='M874.74 1015.47c0 350.25-283.93 634.19-634.18 634.19-350.25 0-634.18-283.94-634.18-634.19 0-350.25 283.93-634.18 634.18-634.18 350.25 0 634.18 283.93 634.18 634.18Z'/%3E%3Ccircle cx='158.86' cy='1174.99' r='443.54' fill='%23fff' fill-opacity='.2'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 0 100%;
}
.fc_column_content > div {
flex-grow: 1;
}
.fc_column_content.ratio_30_70 > .left,
.fc_column_content.ratio_70_30 > .right {
flex-basis: 30%;
}
.fc_column_content.ratio_30_70 > .right,
.fc_column_content.ratio_70_30 > .left {
flex-basis: 70%;
}
.fc_column_content.ratio_40_60 > .left,
.fc_column_content.ratio_60_40 > .right {
flex-basis: 40%;
}
.fc_column_content.ratio_40_60 > .right,
.fc_column_content.ratio_60_40 > .left {
flex-basis: 60%;
}
.fc_column_content.ratio_50_50 > .right,
.fc_column_content.ratio_50_50 > .left {
flex-basis: 50%;
}
.fc_column_content.top {
align-items: flex-start;
}
.fc_column_content.center {
align-items: center;
}
.fc_column_content.bottom {
align-items: flex-end;
}
@media (min-width: 1200px) {
.fc_column_content > div.desktop_left {
text-align: left;
}
.fc_column_content > div.desktop_centre {
text-align: center;
}
.fc_column_content > div.desktop_right {
text-align: right;
}
}
@media (max-width: 1200px) {
.fc_column_content.ratio_40_60 > .left,
.fc_column_content.ratio_60_40 > .right,
.fc_column_content.ratio_50_50 > .right,
.fc_column_content.ratio_50_50 > .left,
.fc_column_content.ratio_40_60 > .left,
.fc_column_content.ratio_60_40 > .right,
.fc_column_content.ratio_30_70 > .right,
.fc_column_content.ratio_70_30 > .left,
.fc_column_content.ratio_30_70 > .left,
.fc_column_content.ratio_70_30 > .right,
.fc_column_content.ratio_40_60 > .right,
.fc_column_content.ratio_60_40 > .left {
width: 100%;
}
.fc_column_content {
flex-direction: column;
}
.fc_column_content > div.mobile_left {
text-align: left;
}
.fc_column_content > div.mobile_centre {
text-align: center;
}
.fc_column_content > div.mobile_right {
text-align: right;
}
}.fc_block_links {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.fc_block_links.padding_full {
padding-left: 0;
padding-right: 0;
}
.fc_block_links.gap {
gap: var(--gap-m);
}
.fc_block_links.below a {
display: flex;
flex-flow: column;
}
.fc_block_links a {
position: relative;
display: flex;
align-items: flex-start;
text-decoration: none;
transition: 0.1s;
isolation: isolate;
}
.fc_block_links.below a:hover .block_image:before {
position: absolute;
content: "";
display: block;
height: 100%;
width: 100%;
}
.fc_block_links.overlay .block_content {
background: linear-gradient(
229deg,
rgba(0, 0, 0, 0.2) 0.57%,
rgba(0, 0, 0, 0.8) 100%
);
display: flex;
flex-flow: column;
justify-content: flex-end;
padding: 30px;
}
.fc_block_links.below .block_content {
flex: 1;
}
.fc_block_links.below .block_content:after {
margin-top: auto;
}
.fc_block_links.overlay a:hover .block_content,
.fc_block_links.below a:hover .block_image:before {
z-index: 2;
background: linear-gradient(
229deg,
rgba(168, 193, 40, 0.5) 0.57%,
rgba(2, 103, 115, 0.7) 56.75%,
#026773 100%
);
}
.fc_block_links.overlay a > div {
height: 100%;
width: 100%;
position: absolute;
inset: 0 auto auto 0;
z-index: 1;
}
.fc_block_links.overlay.col_3 a,
.fc_block_links.overlay.col_3 a > div {
aspect-ratio: 640 / 600;
width: 100%;
}
.fc_block_links.col_2 {
grid-template-columns: repeat(2, 1fr);
}
.fc_block_links.col_2 .block_image {
aspect-ratio: 810 / 573;
width: 100%;
}
.fc_block_links.col_3 .block_image {
aspect-ratio: 10 / 5;
width: 100%;
}
.fc_block_links .block_content {
padding: 32px 20px;
display: flex;
flex-flow: column;
}
.fc_block_links.overlay .block_content {
flex-flow: row;
align-items: flex-end;
}
.fc_block_links .block_content:after {
content: "";
display: block;
width: 100%;
height: 16px;
background: 100% 50% / 31px 16px no-repeat
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='16' fill='none'%3E%3Cpath fill='%23fff' d='M30.7 8.64a1 1 0 0 0 0-1.41L24.35.86a1 1 0 1 0-1.41 1.42l5.66 5.65-5.66 5.66a1 1 0 0 0 1.41 1.42l6.37-6.37ZM0 8.94h30v-2H0v2Z'/%3E%3C/svg%3E");
}
.fc_block_links.overlay .block_content:after {
width: 31px;
}
.fc_block_links.overlay .block_content * {
flex: 1;
}
.fc_block_links.below a:hover .block_image {
position:relative;
}
.fc_block_links.below a:hover .block_image:before {
content: "View";
color: var(--white);
font-size: 35px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 767px) {
.fc_block_links,
.fc_block_links.col_2 {
grid-template-columns: repeat(1, 1fr);
}
}.fc_newsletter_subscribe {
display: flex;
gap: var(--gap-l);
}
.fc_newsletter_subscribe > * {
width: 50%;
}
.fc_newsletter_subscribe form {
display: flex;
}
.fc_newsletter_subscribe input[type="email"] {
flex: 1;
padding: 10px 20px;
border-radius: 3px;
border: 1px solid rgba(35, 35, 35, 0.4);
background: #fff;
}
.fc_newsletter_subscribe .button {
margin-left: 10px;
margin-bottom: 0;
}
@media (max-width: 768px) {
.fc_newsletter_subscribe {
flex-flow: column;
}
.fc_newsletter_subscribe > * {
width: 100%;
}
.fc_newsletter_subscribe form {
flex-flow: column;
}
.fc_newsletter_subscribe input[type="email"] {
width: 100%;
}
.fc_newsletter_subscribe .button {
margin-top: 1rem;
margin-left: 0;
width: 100%;
}
}