/******************************************************************
Theme Name: Simpsons Creative Grid 2020
Description: A responsive theme for WordPress, developed by Simpsons Creative, allowing for development of responsive websites - through the use of a dynamic grid system.
Author: Alex Wells
Version: 3.0
Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats, rtl-language-support
******************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Roboto:wght@400;700&display=swap');
/*
font-family: 'Lato', sans-serif; - BODY COPY
font-family: 'Roboto', sans-serif; - HEADINGS
*/
@import url("https://use.typekit.net/tfa0saz.css");
/*
font-family: proxima-nova, sans-serif;
*/
/* Site Structure */
body
{
font-family: proxima-nova,Arial, Helvetica, sans-serif;
font-size: calc(12px + 0.5vw); /* Responsive base font size */
}
/* Website Maximum Width - Default: 1920px */
.site-width { max-width: 1650px; padding: 0 20px; }
/*Website Inner Width - Default: 1280px*/
body.home .inner-width { max-width: 1280px; }
.inner-width { max-width: 960px; } /*was 1080*/
#footer .inner-width { max-width: 1280px; }
/*Post Maximum Width - Default: 960px*/
/*.single-post article.post { max-width: 960px; }*/
/*Footer*/
#footer {background-color: pink;}
.inner-footer { background-color: purple; }
.right { float: right; }
/*==================== Standards ====================*/
/* 'Standards' contains all of the code that you're likely to change - font sizes, colors, buttons, etc. */
/*Text*/
h1, h2, h3, h4, h5, h6, p { margin: 0 0 5px 0; color: #00274C; }
h1, h2, h3, h4, h5, h6 { font-family: proxima-nova, sans-serif; font-style: normal; }
a { color: #1D2647; text-decoration: none; }
a:hover { color :#1D2647; text-decoration: none; opacity: 0.7; }
a:visited { color: #0095C7; }
h1 { font-size: 1.912em; }
h2 { font-size: 1.5em; padding-bottom: 0.8em; text-align: center; font-weight:300; }
h3 { font-size: 1.3em; padding-bottom: 0.8em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.243em; }
h6 { font-size: 1.132em; }
p, #content li { font-family: 'proxima-nova', sans-serif; font-size: 1em; line-height: 1.4em;padding-bottom: 1.5em; color: #707070; }
#content { clear: both; }
#content li { margin-left:20px; padding-bottom: 0.5em; list-style: disc; }
#content ul { margin-bottom: 1.5em; }
/**
* Lazy load via Jquery
*/
.lazy { background-image: none!important;}
/*Full width title styles*/
body.home h2,
h1.page-title
{ width: 100%; display: block; background-color: #00274C; color: white; font-weight:300; padding: 20px; margin:0; }
h1.page-title { text-align: center; margin-bottom: 20px; }
h2 {color: #707070;}
/*Gallery Fix*/
#content .wp-block-gallery li { margin-left: unset; padding-bottom: unset; }
/*Gallery Caption*/
.wp-caption-text, .gallery-caption { text-align: center; }
.wp-block-gallery figcaption { line-height: normal; text-align: center; }
/*Bullet Points/Numbered Lists*/
.entry-content ul > li { list-style-type: disc; color: #000; padding-bottom: 5px; }
.entry-content ol > li { list-style-type: decimal; padding-bottom: 5px; }
/*==================== Header ====================*/
/*Overlap*/
.header { height: 200px;}
div.headerImage { margin-top: -200px; }
div.headerImageStatic {margin-top: 0px; }
.header { position: relative; top: 0px; z-index: 9999; display: block; background-color: rgba(255, 255, 255, 0.75);
transition: all 0.5s ease-in;
}
#logo { transition: all 1s ease-in;
}
.header.pinned { position: sticky; height: 80px; }
.header.pinned .inner-header { padding-top: 15px; }
.header.pinned #logo { width: 223px; }
.header.pinned .phone { display: none; }
.header.pinned .socialsMenu { padding-top: 5px;}
div.headerImage { position: relative; }
div.headerImage div.image { width: 100%; line-height: 0; }
div.headerImage div.image img {object-fit: contain; width: 100%; height: auto;}
.inner-header { padding-top:35px;}
.mural, .header_CTA{ flex-grow:1; }
.mural a img {height: 80px; margin-top: 20px; }
.header_CTA a {float: left; max-width: 300px; background-color: #24B7B4; margin-top: 40px;}
@media (max-width: 1080px)
{
.header_CTA {display: none;}
}
/**
* Non home page featured image - parallax scroll effect, image URL in header
*/
.smallerFTimage{ width: 100%; height: 640px; overflow:hidden; background-color: #03264b;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
body.page-id-255 .smallerFTimage{
background-attachment: unset;
}
/*
case study page
*/
.casestudiesFI { height: 800px; }
/**
* Video header option
*/
.nav {width: 400px; float: right; background: none;} /* w 350 -> 400 16/3/22*/
.socialsMenu {float: right; width: 100%;}
.socialsMenu button {float: right; margin-top:10px;}
p.clientPortalLinkText {display: block;float: left; width: 60px; color: #03274c;font-size:14px; line-height: 14px; text-align: right; padding: 8px 5px; font-weight:bold;}
.phone {width: 100%; clear: both; padding-right:100px;}
.phone a {font-size: 44px; color: #00274C; text-align: right; display: block;}
/*Burger menu styles*/
/*Button itself*/
button.rmp_menu_trigger {overflow: unset; }
#rmp_menu_trigger-11400 { background: none; width: 100px; display: inline-block; position: relative; top: -30px; right: 0px; }
#rmp_menu_trigger-11400 .responsive-menu-pro-inner, #rmp_menu_trigger-11400 .responsive-menu-pro-inner::before, #rmp_menu_trigger-11400 .responsive-menu-pro-inner::after {background-color: #00274C; height: 7px; border-radius: 0; float: right;}
#rmp_menu_trigger-11400 .responsive-menu-pro-inner, #rmp_menu_trigger-11400 .responsive-menu-pro-inner::before, #rmp_menu_trigger-11400 .responsive-menu-pro-inner::after { margin:10px 0;}
button.rmp_menu_trigger .responsive-menu-pro-inner
{width: 45px!important; right: 0px; left: 15px;}
button.rmp_menu_trigger .responsive-menu-pro-inner::before
{top: 15px; width: 30px!important; left: 15px; }
button.rmp_menu_trigger .responsive-menu-pro-inner::after
{width: 60px!important; bottom: 15px; left: -15px; }
#rmp_menu_trigger-11400:hover, #rmp_menu_trigger-11400:focus, #rmp_menu_trigger-11400.is-active:hover { background:none; }
#rmp_menu_trigger-11400:hover .responsive-menu-pro-inner,
#rmp_menu_trigger-11400:hover .responsive-menu-pro-inner::before,
#rmp_menu_trigger-11400:hover .responsive-menu-pro-inner::after,
#rmp_menu_trigger-11400.is-active .responsive-menu-pro-inner,
#rmp_menu_trigger-11400.is-active .responsive-menu-pro-inner::before,
#rmp_menu_trigger-11400.is-active .responsive-menu-pro-inner::after
{background-color: #F7931E;}
#rmp_menu_trigger-11400.is-active .responsive-menu-pro-inner,
#rmp_menu_trigger-11400.is-active .responsive-menu-pro-inner::before,
#rmp_menu_trigger-11400.is-active .responsive-menu-pro-inner::after
{ width: 45px!important; left: 0px!important; bottom: 0px!important; }
#rmp_menu_trigger-11400.is-active {background: none; top: -20px;}
#rmp_menu_trigger-11400.is-active .responsive-menu-pro-inner, #rmp_menu_trigger-11400.is-active.responsive-menu-pro-inner::before, #rmp_menu_trigger-11400.is-active .responsive-menu-pro-inner::after { margin: 0;}
.responsive-menu -pro-inner {background-color:#F7931E!important; }
#rmp-menu-wrap-11400 .rmp-menu-current-item .rmp-menu-item-link:hover {background-color: #F7931E;}
/***/
#rmp-container-11400 { background: none; background-color: rgba(0, 39, 76, .9);
width: 540px; }
#rmp-menu-wrap-11400 .rmp-menu {margin-top:75px; padding-left:30px;}
#rmp-menu-wrap-11400 .rmp-menu-item-link { background: none; font-size: 40px; line-height: 60px; font-weight: 300; height: 60px; }
#rmp-menu-wrap-11400 .rmp-menu-item-link:hover, #rmp-menu-wrap-11400 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link:hover { background-color: #F7931E; }
/* Subarrows */
#rmp-menu-wrap-11400 .rmp-menu-subarrow {background-color: #F7931E;}
#rmp-menu-wrap-11400 .rmp-submenu .rmp-menu-item-link {background: none;}
#rmp-menu-wrap-11400 .rmp-menu-item-link:hover .rmp-menu-subarrow
{background-color: #00274C;}
#rmp-menu-wrap-11400 .rmp-menu-subarrow {height: 60px; width: 60px;}
#rmp-menu-wrap-11400 .rmp-menu-current-item .rmp-menu-item-link,
.current-page-ancestor,
#rmp-menu-wrap-11400 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link
{ background: none; }
.current-page-ancestor a,
.current-menu-item a
{ background: none; }
/* Current Menu Item */
#rmp-menu-wrap-11400 .rmp-menu-current-item > a.rmp-menu-item-link { color: #f7931e; }
#rmp-menu-wrap-11400 .rmp-menu-item-current-ancestor > a.rmp-menu-item-link
{ color: #F7931E; }
#rmp-menu-wrap-11400 .rmp-menu-item-current-ancestor > a.rmp-menu-item-link:hover
{ color: #fff; }
#rmp-menu-wrap-11400 .rmp-submenu .rmp-menu-item-link {font-size: 30px; line-height: 55px; font-weight:300; height: 55px;}
#rmp-menu-wrap-11400 .rmp-submenu .rmp-menu-item-link:hover { background-color: #F7931E; text-decoration: none; }
#rmp-menu-wrap-11400 #rmp-menu-item-11375 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link { color: #fff; }
/*'additional content'*/
#rmp-menu-additional-content-11400 {padding-left: 40px; padding-top: 20px; display: block; clear: both; }
#rmp-menu-additional-content-11400 a {padding-left: 10px; }
#rmp-menu-additional-content-11400 a svg {color: white;}
/*==================== Body ====================*/
.wp-block-image.size-full { margin-bottom: 10px; padding: 0px; background:none; position: relative; }
.wp-block-image.size-full figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption
{ text-align: center; color: #fff; position: absolute;bottom: 0; width: 100%; display: block; background-color: rgba(0, 39, 76, 0.75); padding: 5px; font-size:1em; font-weight:300; margin-bottom: 0px;}
.wp-block-columns { margin-bottom: 1.75em; }
/*==================== Home Page ====================*/
.slide {width: 100%;}
/*.frontPageImage {filter: brightness(0.6);}*/
.textOverlay { position: absolute; top: 74vh; max-width: 1200px; }
.textOverlay h1, .slide h2.sliderHeading { font-size:56px; text-align: center; font-weight:400; margin-bottom: 60px; background: none;
text-shadow: 0px 0px 2px #ffffff;
text-shadow: 3px 3px 2px #ffffff;
color: #1A2947;
padding: 5px;
font-weight: 600;
}
.slide {
transition: opacity 1s; }
.slideHidden { opacity:0; display: none;
} /*/ hide all slides */
.slide .sliderHeading
{
font-weight: 600;
}
.slide .cta_Home a {background-color:rgba(247, 147, 29, 0.75);
padding: 30px 60px; max-width: unset!important; }
.homeCaseStudy { background-image: url("library/images/boxBG.svg"); background-repeat: no-repeat;
background-size: contain;
background-position:120% 50%;
background-attachment: fixed;
}
.homeCaseStudy .flex-container { padding: 55px; justify-content: space-between; }
.singleCaseStudy { width:calc(33.33% - 12px); height: 272px; margin-bottom:20px; position: relative; }
.singleCaseStudy .hiddenCopy,
.singleOurPeople .hiddenCopy
{ padding: 10%; width: 100%; height: 100%; background-color: rgba(247, 147, 30, 0.5); text-align: center; color: white; display: none; }
.singleCaseStudy .hiddenCopy a,
.singleOurPeople .hiddenCopy a
{display: block; width: 100%; color: white;}
.singleCaseStudy .hiddenCopy a:first-of-type,
.singleOurPeople .hiddenCopy a:first-of-type
{font-weight:bold; padding-bottom: 20px; }
.singleCaseStudy .hiddenCopy a:last-of-type,
.singleOurPeople .hiddenCopy a:last-of-type
{ position: absolute; bottom: 10px; left: 0;}
.singleCaseStudy:hover > .hiddenCopy ,
.singleOurPeople:hover > .hiddenCopy
{display: block;}
.homeOurPeople { background-color: #F7931E; padding: 40px 0px;}
.homeOurPeople .flex-container { justify-content: space-between; }
body.home .homeOurPeople h2 { background:none; margin-bottom: 20px; }
/* Featured Image - Different Aspect Ratios Fix */
.post-image-container { position: relative; padding-top: 66.66%; margin-bottom: 20px; }
.post-image-container > a { position: absolute; height: 100%; width: 100%; line-height: 0; top: 0; }
.post-image-container img { width: 100%; height: 100%; object-fit: cover; }
.singleOurPeople .post-image-container { padding-top: 100%; margin-bottom: 0px;}
.singleOurPeople {/*width: 20%;*/ position: relative;
width: calc((100% / 6) - 10px);
margin:5px;
}
.singleOurPeople:nth-child(1),
.singleOurPeople:nth-child(12)
{ margin-left: calc(((100% / 6) - 10px) / 2); }
.singleOurPeople:nth-child(5),
.singleOurPeople:nth-child(16)
{ margin-right: calc(((100% / 6) - 10px) / 2); }
.singleOurPeople img { background-color: #bbb;
border: solid 1px #888;
border-radius: 50%;
display: inline-block;
width: 100%;
height: 100%;
}
.singleOurPeople img.personal_image {display: none;}
.singleOurPeople .info { position: absolute; top: 0%; width: 100%; padding: 0px 20px; padding-top:40%; text-align: center;
background-color: rgba(0, 39, 76, .5); height: 100%;
border-radius: 50%;
display: none;
}
.singleOurPeople .info a, .singleOurPeople .info p {font-size:12px; line-height: 12px; color: white; padding: 0px; margin:0px; text-shadow: 5px 5px 15px #888;
}
.singleOurPeople .info h3 { color: white; font-weight: bold; padding: 0; margin:0; margin-bottom: 10px; }
.singleOurPeople:hover img.personal_image {display: block;}
.singleOurPeople:hover .info {display: block;}
.singleOurPeople:hover img.post-image {display: none;}
.latestNews,
body.home .latestNews h2 {margin-bottom: 40px;}
.singleNewsPost {/*width: 20%;*/ position: relative;
width: calc((100% / 3) - 20px);
margin:10px;
background-color: #d8d8d8;
flex-direction: column;
justify-content: space-between;
}
.singleNewsPost p,.singleNewsPost h3 { padding: 0 20px; text-align: center;
}
.singleNewsPost p, .singleNewsPost h3 {display: block; width: 100%; color: #707070;}
.singleNewsPost h3 { font-size: 1.1em; line-height: 1.3em; padding-bottom: 0px; color: #00274C; }
.singleNewsPost p.post-date { padding-bottom: 5px; font-size: 0.8em; }
.singleNewsPost p.post-excerpt { font-size: 0.8em; }
.singleNewsPost a.excerpt-read-more { display: none; }
.singlePostFI { padding-bottom: 1.5em; }
.news-post-image-container img {width: 100%; height: auto;}
/* Featured Image - Different Aspect Ratios Fix, LinkedIn size */
.news-post-image-container { position: relative; padding-top: 52.356020942408%; margin-bottom: 20px; }
.news-post-image-container a { position: absolute; height: 100%; width: 100%; line-height: 0; top: 0; }
.news-post-image-container img { width: 100%; height: 100%; object-fit: cover; }
.news-post-image-container img.video { position: absolute;top: 10px; left: 10px; width: 40px; height: 28px; z-index: 10; }
.videoHomeH2,
.videoHomeH2 a {color: white;}
.socialHome {background-color: #15B7B4; }
.socialHome { background-image: url("library/images/wonky3.png"); background-repeat: no-repeat;
background-size: contain;
background-position:-10% 50%;
background-attachment: fixed;
flex-direction: column;
padding: 60px 40px;
overflow-x: hidden;
}
.socialHome p, .socialHome a {color: white; font-size:40px; text-align: center; }
.socialHome p.socialPostCopy,
.socialHome p.followUs,
.socialHome a.socialLinkText { display: block; width: 100%; }
.socialHome p.followUs { margin-top: 80px; padding-bottom: 0px; }
.followUSIconCont { width: 323px; margin:0 auto; } /*w242 - 16/3/22*/
.followUSIconCont a:hover {text-decoration: none;}
.newsletterHome {background-color: #03264b; padding: 40px 10px;}
body.home h2.newsletter-title { margin-bottom: 20px; }
.newsletterHome .inner-width { max-width:600px; }
.newsletterHome .name-field,
.newsletterHome .email-field,
.newsletterHome .subscribe-button {margin: 10px; padding: 10px; font-size:12px;}
.newsletterHome .name-field {flex-basis: 40%;}
.newsletterHome .email-field {flex-basis: 40%;}
.newsletterHome .subscribe-button { border:none; flex-basis: 20%; color: white; background-color: #F7931E;}
.newsletterHome input {padding: 5px;}
.accreditation-banner-holder {
overflow: hidden;
width: 100%;
max-width:1200px;
margin: 0px auto 0px auto;
padding: 70px 0;
justify-content: center;
}
.accreditation-banner-holder a {
display: block;
flex-basis:14.28%;
margin: 20px 12px 0 12px;
}
.accreditation-banner-holder img {
width: 100%;
height: auto;
}
.accreditation-banner-holder img.supplychainschool {
padding: 0 15px;
}
/*==================== Pagination ====================*/
.pagination, #content .pagination { text-align: center; width: 100%; clear: both; padding: 20px 0px; }
.pagination ul, #content .pagination ul {display: inline-block;background-color: white;white-space: nowrap;padding: 0;margin: 0;clear: both;border-radius: 3px;}
.pagination li, #content .pagination li { padding: 0; margin: 0; float: left; display: inline; overflow: hidden; border-right: 1px solid #eaedf2; }
.pagination a, .pagination span, #content .pagination a, #content .pagination span { margin: 0; text-decoration: none; padding: 0; line-height: 14px; font-size: 14px; font-weight: normal; padding: 0.75em; min-width: 1em; display: block; color: #2592E9; }
.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus { background-color: #2592E9 !important; color: white !important; }
.pagination .current, #content .pagination .current { cursor: default; color: #fff !important; background-color: #2592E9; }
.pagination .current:hover, .pagination .current:focus { background-color: #2592E9; color: white !important; }
/*==================== Our Clients Page ====================*/
.page-id-10233 h1.page-title { margin-bottom: 0; }
.page-id-10233 #content { background: #F2F2F2; padding-top: 1.75em; }
.page-id-10233 #content .wp-block-gallery { margin-bottom: 1.75em; }
.page-id-10233 #content .wp-block-gallery figure.wp-block-image { background-color: #fff; aspect-ratio: 1/1; flex-grow: unset; padding: 20px; margin: 0 !important; }
.page-id-10233 #content .wp-block-gallery figure.wp-block-image img { max-height: 80px; object-fit: contain; }
@media (max-width: 767px)
{
/* Change to 4 columns */
.page-id-10233 #content .wp-block-gallery figure.wp-block-image { width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px)* .75) !important; }
}
@media (max-width: 600px)
{
/* Change to 3 columns */
.page-id-10233 #content .wp-block-gallery figure.wp-block-image { width: calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)* .66667) !important; }
}
@media (max-width: 480px)
{
/* Change to 2 columns */
.page-id-10233 #content .wp-block-gallery figure.wp-block-image { width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) / 2) !important; }
}
/*==================== Contact Us Page ====================*/
.contact p, .social p { color: #1D2647; text-align: center; }
/* Ninja Form */
.nf-before-form-content { display: none; }
.ninja-forms-req-symbol { display: none; }
.nf-error-msg{ font-size: 14px; }
.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content .ninja-forms-field { font-size: 16px; margin: 0; padding: 12px; }
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea, .nf-form-content select { background: #f7f7f7; border: 1px solid #c4c4c4; border-radius: 0; box-shadow: none; color: #787878; transition: all .5s; }
.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] { background-color: #00274C; color: #fff; font-size: 18px; font-weight: bold; width: fit-content; min-width: 210px; padding: 15px 20px; border: 1px solid #00274C; border-radius: 3px; transition: all .5s; }
.nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover { background: transparent; color: #00274C; border: 1px solid #00274C; transition: all .5s; }
#nf-form-1-cont, #nf-form-2-cont { margin-bottom: 3em; }
.field-wrap>div input[type=checkbox], .field-wrap button, .field-wrap input[type=button], .field-wrap input[type=submit] {width: 100%!important;} /*4/3/24*/
/*==================== Footer ====================*/
#footer {background-color: #00274C; padding: 40px 0;}
.inner-footer {background:none;}
.footerNav,
.footerSmallMenu {display: flex; justify-content:space-between;}
.footerNav li a,
.footerSmallMenu li a {color: white; font-size:0.8em;}
.footerNav li,
.footerSmallMenu li { text-align: center; border-right: white solid 1px; padding: 0 15px; flex-grow: 1;}
.footerSmallMenu li:last-of-type,
.footerNav li:last-of-type {border:none; padding-right: 0;}
.socialsMenuFooter {padding: 50px 0 40px 0;}
.socialsMenuFooter a {margin: 0 5px;}
.footerContact { flex-direction:column; margin-bottom: 30px; }
.footerContact a {color: #F7931E; text-decoration: none; font-size:44px; padding: 10px; font-weight:300;}
.footerSmallMenu { font-size:0.7em; padding: 0 20vw; }
a.copyright { color: white; display: block; text-align: center; font-size: 10px; clear: both; width: 100%; padding-top:20px;}
/**
* CTAS
*/
.cta_Home { display: flex; justify-content: space-around; }
.cta_Home a.tiff { max-width: 400px; }
.cta, .cta:visited { min-width: 200px; padding:15px 20px; text-align: center; background-color: #00274C; color: white; margin:20px auto; display: block; border-radius: 3px;
font-size: 0.8em;}
.cta.largeCopy { font-size: 1.2em; max-width:250px; }
.cta:hover {text-decoration: none; background-color: #F7931E; color: white;}
.cta.orange {background-color: #F7931E;}
.cta.orange:hover {background-color: #00274C;}
.cta.teal {background-color: #25B7B3;}
.cta.teal:hover {background-color: #00274C;}
.cta.white { background-color: #fff; color: #323232; }
.cta.white:hover { background-color: #00274C; color: #fff; }
.cta.tiff {background-color: #25B7B3;}
.ctaCont { width: 100%; height: 600px; background-color: rgba(247, 147, 30, 0.75);
overflow:hidden;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.ctaCont .colourOverlay {width: 100%; height: 100%; background-color: rgba(247, 147, 30, 0.75); flex-direction:column;}
.ctaCont .colourOverlay h3,
.ctaCont .colourOverlay p {color: white; max-width: 500px; text-align: center;}
.ctaCont .colourOverlay h3 {font-size:2em;}
.ctaCont .colourOverlay p {font-size:1em; padding: 0 20px; }
.portal { background-color: #F7931E; padding:10px 20px; text-align: center; color: white!important; margin:20px auto; display: block; border-radius: 3px;
font-size: 0.8em; width:100%; max-width: 150px; margin-bottom: 40px;}
.cta.ctaFull {max-width:100%;}
/**
* Case Study Shortcode
*/
.casestudyRow { background-color: #00274C; padding: 60px 0px; }
.casestudyRow .flex-center {flex-direction:column;}
.casestudyRow h3,
.casestudyRow p {color: white; padding-bottom: 10px;}
.casestudyRow h3 {font-size:2em; font-weight:300;}
.casestudyGroup { margin:20px 0; }
.casestudyRow a.cta {margin-bottom: 50px;}
.casestudyhiddenCopy { position: absolute; top: 0; padding: 10%; width: 100%; height: 100%; text-align: center; color: white; /*display: none;*/ z-index: 10; flex-direction:column; flex-basis: space-between; }
.casestudyhiddenCopy {background-color: rgba(247, 147, 30, 0.3);}
.casestudyhiddenCopy:hover {background-color: rgba(247, 147, 30, 0.90);}
.postTypeeducation .casestudyhiddenCopy {background-color: rgba(112, 112, 112, 0.3);}
.postTypeeducation .casestudyhiddenCopy:hover {background-color: rgba(112, 112, 112, 0.90);}
.postTypeoffice .casestudyhiddenCopy {background-color:rgba(247, 147, 30, 0.3);}
.postTypeoffice .casestudyhiddenCopy:hover {background-color:rgba(247, 147, 30, 0.90);}
.postTypewarehouse .casestudyhiddenCopy { background-color: rgba(61, 66, 96, 0.3); }
.postTypewarehouse .casestudyhiddenCopy:hover { background-color: rgba(61, 66, 96, 0.90); }
.postTypespecialist .casestudyhiddenCopy {background-color: rgba(21, 183, 180, 0.3);}
.postTypespecialist .casestudyhiddenCopy:hover {background-color: rgba(21, 183, 180, 0.90);}
.casestudyhiddenCopy a {display: block; width: 100%; color: white; font-size:120%; margin-bottom:10px;}
.casestudyhiddenCopy a:hover {text-decoration:none;}
.casestudyhiddenCopy a.readMoreLink { padding-top: 20px;}
.casestudyhiddenCopy a.readMoreLink:hover { text-decoration:underline;}
.post-image-container:hover .casestudyhiddenCopy{display:flex; }
/*case study function output*/
.homeCaseStudyFunction img{ height:100%!important; }
.search-form { display: flex; }
.search-form select,
.search-form button { margin: 10px; padding: 10px; background-color: rgba(255, 255, 255, 0.2); border:none; color: white;
}
.search-form button {padding: 10px 40px; background-color: #f7931d;}
.searchCont {background-color: #00274C; padding: 20px; margin-bottom: 20px;}
/*
Case study single page
*/
.casestudyInfo {display: flex; margin-bottom: 20px; flex-wrap:wrap; align-content: space-around; background-color: #03274C; padding: 10px;}
.casestudyInfo .details {flex-basis: 30%; text-align: center;}
.casestudyInfo .details p { padding-bottom: 0px; color:#fff; }
.casestudyInfo .details p strong { color:#fff; }
/*
.individual-case-study-image-grid { display: flex; flex-direction:row; flex-wrap:wrap; }
.individual-case-study-image-grid img {padding:5px;flex-basis:50%; width: 50%;}
*/
.individual-case-study-image-grid { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; }
.individual-case-study-image-grid img { flex-basis: 42.5%; width: 42.5%; flex-grow: 1; padding: 0; }
.individual-case-study-image-grid picture { display: flex; flex-basis: 50%; width: 50%; padding: 5px; }
.individual-case-study-image-grid picture img { flex-basis: 100%; width: 100%; padding: 0; }
/* Case Study YouTube Video Embed */
body.single-casestudies .youtube-video { margin-bottom: 1.75em; }
/**
* Map Styles
*/
#map { height: 500px; width:100%; background-color:#8d8e8d; display:block; position: relative;}
.caseStudyMap #map {height: 600px; margin-top: -20px; }
div.popUpCopy { max-width:300px; display:block; clear:both; position:relative;}
div.popUpCopy p.status {position:absolute; top:0px; left:0px; background-color:#E01B25; color:white; margin:0px; width:100px!important; padding:2px; text-align:center;}
div.popUpCopy img {width:100px!important; height:auto!important; float:left;}
div.popUpCopy p {width:190px!important; float:right; margin-left:10px;}
div.popUpCopy a { color:#03264b;}
div.popUpCopy a.findOutMore{padding-left: 10px;}
.key {display: flex; width: 1040px; margin:0 auto; padding:10px 0px; justify-content: center; align-items: center; justify-content: space-between; }
.marker {display: flex; flex-direction:column; flex-basis: 200px; align-items: center; align-self: flex-start; }
.marker img {width: 50px; height: 50px; }
.marker.breeam {align-self:center; flex-grow:1;}
.marker.breeam img {width: 150px; height: auto; padding-bottom: 10px;}
.marker a {text-align: center; color: #03274c; padding: 10px 0px; font-size:14px;}
/**
* Case Study Grid layout
*/
.colCont {display: flex; flex-wrap: wrap; }
.colType {flex-basis: 25%; display: flex; flex-direction:column; /*height: 1200px;*/ height: 100vh; }
.colTypeB {flex-basis: 50%; }
.colItem { border: solid white 5px; background-color: white; flex-basis: 33%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
/* background-image: none!important;*/ }
/*deal with the differing sizes effect*/
.colTypeA .colItem{ flex-basis: 30%; }
.colTypeA .colItem:nth-of-type(2) { flex-basis: 40%; }
.colTypeB { flex-direction: row; flex-wrap: wrap;}
.colTypeB .colItem { flex-basis: 50%; }
.colTypeB .colItem:nth-of-type(1) { flex-basis: 100%; }
.colTypeC .colItem{ flex-basis: 30%; }
.colTypeC .colItem:nth-of-type(3) { flex-basis: 40%; }
.colTypeEnd { flex-basis:100%; flex-direction: row; flex-wrap: wrap; height: unset; }
.colTypeEnd .colItem{ flex-basis: 25%; height: 300px; }
.colItemCover {width: 100%; height: 100%; display: flex; padding: 20px; flex-wrap: wrap; }
.colItemCover a{color: white; text-decoration: none; display: block; width: 100%;}
.colItemCover a:nth-of-type(1){font-size: 1.2em;}
.colItemCover a:nth-of-type(2){font-size: 1.3em; align-self: flex-end;
}
.colItemCover a:nth-of-type(2):hover{ text-decoration:underline; }
.colTypeeducation .colItemCover {background-color: rgba(112, 112, 112, 0.50);}
.colTypeoffice .colItemCover {background-color:rgba(247, 147, 30, 0.50);}
.colTypewarehouse .colItemCover { background-color: rgba(61, 66, 96, 0.50); }
.colTypespecialist .colItemCover {background-color: rgba(21, 183, 180, 0.50);}
/*Col menu styles*/
.colTypeMenu { justify-content: space-around; }
.colTypeMenu .colItemCover a {font-weight: bold; }
.colTypeMenu .colTypeeducation .colItemCover {background-color: rgba(112, 112, 112, 1);}
.colTypeMenu .colTypeoffice .colItemCover {background-color:rgba(247, 147, 30, 1);}
.colTypeMenu .colTypewarehouse .colItemCover { background-color: rgba(61, 66, 96, 1); }
.colTypeMenu .colTypescience .colItemCover { background-color: rgba(0, 66, 37); }
.colTypeMenu .colTypespecialist .colItemCover {background-color: rgba(21, 183, 180, 1);}
.colTypeMenu .colTypebreeam .colItemCover {background-color:#5A9C21;}
.colTypeEnd.colTypeMenu .colItem{ flex-basis: 20%; height: 175px; }
.colTypeEnd.colTypeMenuThree .colItem{ flex-basis: 33.333333%; height: 175px; }
.colTypeEnd.colVideo { flex-wrap: nowrap; }
.colTypeEnd.colVideo .colItem {flex-basis: 20%;}
.colTypeEnd.colVideo .colItemCover a:nth-of-type(1) {font-size:1em;}
.colTypeEnd.colVideo .colItemCover a:nth-of-type(2) {font-size:0.8em;}
/*
Home page services col edits
*/
.colTypeHomePage .colItemCover a{ text-align: center; align-self: center; }
/**
* Select styles for dropdowns
* https://www.filamentgroup.com/lab/select-css.html
*/
.select-css {
display: block;
font-size: 16px;
font-family: sans-serif;
font-weight: 700;
color: #444;
line-height: 1.3;
padding: .6em 1.4em .5em .8em;
width: 100%;
max-width: 100%;
box-sizing: border-box;
margin: 0;
border: 1px solid #aaa;
box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
background-color: #fff;
background-repeat: no-repeat, repeat;
background-position: right .7em top 50%, 0 0;
background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
display: none;
}
.select-css:hover {
border-color: #888;
}
.select-css:focus {
border-color: #aaa;
box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
box-shadow: 0 0 0 3px -moz-mac-focusring;
color: #fff;
background-color:#00274f;
outline: none;
}
.select-css option {
font-weight:normal;
}
/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
background-position: left .7em top 50%, 0 0;
padding: .6em .8em .5em 1.4em;
}
/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}
.select-css:disabled:hover, .select-css[aria-disabled=true] {
border-color: #aaa;
}
/**
* NEWS page
*/
.pagination .current, #content .pagination .current
{background-color:#03264b;}
.pagination a, .pagination span, #content .pagination a, #content .pagination span {color:#03264b; }
.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus{ background-color:#03264b!important; }
/* Categories Menu */
.menu-blog-menu-container, #content .menu-blog-menu-container { display: flex; padding-left: 5%; padding-right: 5%; justify-content: center; align-items: center; }
.menu-blog-menu-container ul, #content .menu-blog-menu-container ul { display: flex; flex-wrap: wrap; gap: 5px; }
.menu-blog-menu-container ul li, #content .menu-blog-menu-container ul li { padding: 0; margin: 0; list-style: none; }
.menu-blog-menu-container ul li a, #content .menu-blog-menu-container ul li a { background-color: #03264b; font-size: 14px; color: #fff; text-decoration: none; text-align: center; float: left; padding: 10px 20px; }
.menu-blog-menu-container ul li a:hover, #content .menu-blog-menu-container ul li a:hover { background-color: #f7931d; color: #fff; }
.menu-blog-menu-container ul li.current-menu-item a, #content .menu-blog-menu-container ul li.current-menu-item a { background-color: #f7931d; }
/**
*
*/
/**
* Careers page
*/
.singleWorkCont {display: flex; flex-wrap: wrap; flex-direction:row; justify-content: space-between;}
.singleWork {flex-basis: 32%; border: solid #DDDDDD 1px; padding-bottom: 20px;
display: flex; flex-direction:column;}
.singleWork img {width: 100%; height: auto; padding-bottom: 20px;}
.singleWork h3,
.singleWork p,
.singleWork a
{margin: 0 20px; text-align: center; font-size:80%;}
.singleWork a { display:block;
}
.page-id-1900 .workForPexhurst { margin-top: 1.75em; }
/* Accordion Block */
.c-accordion__title { background-color: #00274C; color: #fff; font-size: 1.2em; text-align: left; padding: 20px; margin-bottom: 10px; }
.c-accordion__title:after { color: #fff; font-size: 25px; right: 20px; }
.wp-block-pb-accordion-item.is-open .c-accordion__title { margin-bottom: 20px; }
/**
* Sitemap
*/
.sitemapMenu a {color: #03264b;}
/**
* Team page
*/
.teamCont {display: flex; flex-wrap: wrap; flex-direction: row; border-top: solid 2px #F7931E;}
.singleTeam { flex-basis: 20%; position: relative; border: solid 2px #F7931E; }
.singleTeam .post-image-container{padding-top: 100%; margin-bottom: 0px;}
.singlePeopleCopy { padding-left:40px; }
.singlePeopleImageCont { padding-bottom: 40px; }
.singleTeam .personal_image { display: none; position: absolute; top: 0px; }
.singleTeam .info { display: none; position: absolute; top: 0px; padding: 10%; width: 100%; height: 100%; background-color: rgba(0, 39, 76, .5); text-align: center; color: white; padding-top: 40%;}
.singleTeam .info a { display: block; width: 100%; }
.singleTeam .info a,
.singleTeam .info h3,
.singleTeam .info p
{color: white;}
.singleTeam:hover .personal_image { display: block; }
.singleTeam:hover .info { display: block; }
/**
* Services Grid
*/
.servicesGrid { display: flex; flex-wrap: wrap; justify-content: center; }
.serviceSingle { flex-basis: 50%; }
.serviceSingle div {position: relative; padding-top: 75%; }
.serviceSingle a.cont { position: absolute; height: 100%; width: 100%; line-height: 0; top: 0; }
.serviceSingle img {width: 100%; height: 100%; object-fit: cover; opacity: 0.5;
}
.serviceSingle h2 { position: absolute; top: 25%; color: white; font-size:3em; line-height: 1em; text-align: center; display: block; width: 100%; color: #04284D; font-weight:bold;}
.serviceSingle a.serviceGridReadMore { position: absolute; top: 75%; color: white; font-size:30px; text-align: center; color: #04284D!important; background-color: white; padding: 10px 20px; margin: 0 auto; width: 50%; left: 25%;}
.serviceSingle div.overlay { position: absolute; top:0; width: 100%; height: 100%; background-color: rgba(247, 147, 30, 0.5); display: none; }
.serviceSingle:hover img { opacity: 1; }
.serviceSingle:hover div.overlay { display: block;}
.serviceSingle:hover a.serviceGridReadMore {color: white;}
.serviceSingle:hover h2 {color: white;}
body.page-id-12213 h2 {text-align: left;}
.wpcf7-submit {width: 100%; display: block; background-color: #03274c; color: white; text-align: center; padding: 15px 20px; border:none; font-size:0.8em;}
.wpcf7-submit:hover {background-color: #f7931d;}
.wpcf7-text {padding:10px; width: 100%;}
.wpcf7 p {padding-bottom: 0.5em;}
.accountAdvert { margin-left:20px; margin-top: 10px; padding:0px 15px; background-color: #03274c; width: 100%;
background: url("https://www.pexhurst.co.uk/wp-content/uploads/2021/05/PortalBG2.jpg") no-repeat center;
min-height:660px;
}
.accountAdvert h2, #content .accountAdvert li {color: white; }
.accountAdvert h2 { font-size: 1.9em; }
#content .accountAdvert li {font-size: 1.5em; }
.accountAdvertSM { margin:0 auto; display: block; width: 140px; padding-bottom:20px; }
/*==================== January 2022 Changes ====================*/
.header.janTwentyTwo { position: fixed; }
.header.janTwentyTwo .inner-header { float: unset; display: flex; justify-content: space-between; width: 100%; height: 100%; align-items: center; padding-top: 0px; }
.janTwentyTwo .logoArea { width: 450px; float: left; line-height: 0; }
.header.janTwentyTwo #logo { transition: unset; }
.janTwentyTwo .logoArea img { /*padding: 10px 0px;*/ margin: 0 auto; }
.janTwentyTwo .logoArea a { display: block; }
.header.janTwentyTwo .socialsMenu { height: 55px; display: flex; flex-wrap: wrap; justify-content: flex-end; align-self: center; }
.janTwentyTwo .socialsMenu a.socialLink { height: 40px; float: left; margin-right: 5px; }
.janTwentyTwo .socialsMenu .socialLink svg { width: 40px; height: 40px; }
.janTwentyTwo .socialsMenu p.clientPortalLinkText { padding: 6px 5px; margin-bottom: 0; }
/* Pinned Header */
.header.janTwentyTwo.pinned { height: 80px; }
.header.janTwentyTwo.pinned .inner-header { padding-top: 0px; }
.header.janTwentyTwo.pinned .logoArea { width: 225px; }
.header.janTwentyTwo.pinned .mural a img { height: 60px;}
.header.janTwentyTwo.pinned #logo { width: unset; }
.header.janTwentyTwo.pinned .socialsMenu { height: 40px; padding-top: 0; }
/*Animation going smaller*/
.header.pinned, .header.pinned .navArea { transition: height 0.20s ease-out; }
.header.pinned .logoArea { transition: width 0.20s ease-out; }
/*Animation going larger again*/
.header, .header .navArea { transition: height 0.10s ease-in; }
.header .logoArea { transition: width 0.20s ease-out; }
/* Move header when logged in - Admin Bar */
body.admin-bar .header.janTwentyTwo { top: 32px; }
@media (max-width: 782px)
{
body.admin-bar .header.janTwentyTwo { top: 46px; }
}
@media (max-width: 600px)
{
.janTwentyTwo .logoArea { width: 300px; }
body.admin-bar .header.janTwentyTwo.pinned { top: 0px; }
}
/* Changes due to header now being always fixed instead of relative -> sticky */
.article-header { margin-top: 200px; }
@media (max-width: 960px)
{
.article-header { margin-top: 170px; }
.cta_Home { flex-direction: column; }
}
@media (max-width: 599px)
{
.article-header { margin-top: 100px; }
}
/* --- */
div.headerImage + .article-header { margin-top: 0; }
div.headerImage { margin-top: 0px; }
div.headerImage.headerImageStatic { margin-top: 200px; }
@media (max-width: 960px)
{
div.headerImage.headerImageStatic { margin-top: 170px !important; }
}
@media (max-width: 789px)
{
div.headerImage { margin-top: 170px !important; }
}
@media (max-width: 599px)
{
div.headerImage { margin-top: 100px !important; }
div.headerImage.headerImageStatic { margin-top: 100px !important; }
}
/* Home Featured Image Changes*/
div.headerImage div.image { background-color: #fff; opacity: 0.8; }
.textOverlay { top: 55vh; }
.textOverlay h1 { font-weight: 600; }
/*==================== End of January 2022 Changes ====================*/
/*==================== October 2022 - Whitepaper changes ====================*/
.whitePaper { display: flex; background-color: #25B7B3; /*border-top: 10px solid #00274C;*/ /*border-bottom: 10px solid #00274C;*/ }
.whitePaper .wp_image { line-height: 0; flex-basis: 50%; }
.whitePaper .wp_image img { width: 100%; height: auto;}
.whitePaper .wp_copy { flex-basis: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; padding-left: 3%; padding-right: 20px; }
.whitePaper .wp_copy h3 { font-weight:bold; color: white; font-size: 2.2em; line-height: 110%; padding-bottom: 20px;}
.whitePaper .wp_copy .cta { margin-top: 0; margin-bottom: 0; margin-left:0; max-width: 400px;}
@media (max-width: 1029px)
{
.whitePaper .wp_copy h3 { font-size: 1.5em;}
}
@media (max-width: 640px)
{
.whitePaper .wp_image { display: none; }
.whitePaper .wp_copy { flex-basis: 100%; padding: 30px 20px; }
.whitePaper .wp_copy h3 { text-align:center;}
.whitePaper .wp_copy .cta { margin-left:auto; max-width: unset;}
}
/*========================================*/
/*
Feb 23 - testimonial section in footer
*/
div.testimonial { display: flex; background-color: #f7931b; padding:7% ; margin-top: 30px; clear: both;
background-image: url("library/images/wonky3.png"); background-repeat: no-repeat;
background-size: contain;
background-position:120% 50%;
background-attachment: fixed;
}
.testimonialsCopy { max-width: 1920px; width: 100%; text-align: center; }
.testimonialsCopy h3 {color: #1b2a48; font-size: 2.5em; padding-bottom: 20px; }
.testimonialsCopy p {color: white; font-size: 1.8em; font-style: italic;}
.testimonialsCopy p span { font-size: 70%; }
.text-focus-in {
-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
/* ----------------------------------------------
* Generated by Animista on 2023-2-15 14:49:2
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation text-focus-in
* ----------------------------------------
*/
@-webkit-keyframes text-focus-in {
0% {
-webkit-filter: blur(12px);
filter: blur(12px);
opacity: 0;
}
100% {
-webkit-filter: blur(0px);
filter: blur(0px);
opacity: 1;
}
}
@keyframes text-focus-in {
0% {
-webkit-filter: blur(12px);
filter: blur(12px);
opacity: 0;
}
100% {
-webkit-filter: blur(0px);
filter: blur(0px);
opacity: 1;
}
}
/**
* Internal links
*
*/
.internalLink {
position: relative;
display: block;
margin-top: -100px;
margin-bottom: 100px;
}
/*
Apr 23 - landingPageCTA
*/
#landingPageCTA { background-color: #26b7b4; width: 100%; }
#landingPageCTA a {color: white; width: 100%; display: block; text-align: center; padding: 20px; font-size: 200%;}
.wp-block-button__link { background-color: #03264B; color: white; border-radius: 10px; font-size: 1em; }
.wp-block-button__link:hover, .wp-block-button__link:visited {color: white;}
.wp-block-button.orange a {background-color: #F6941A;}
.wp-block-button.blue a {background-color: #03264B;}
/*
April 11th 2023
Progressive pages
*/
body.page-id-14779 .wp-block-column h2 { padding-bottom: 15px; color: #03264B; font-weight: bold; }
body.page-id-14779 .wp-block-column .wp-block-image { margin-bottom: 15px; }
.introGrid .wp-block-column { justify-content: space-between; display: flex;
flex-direction: column; }
.introGrid .wp-block-column
.wp-block-buttons {align-self: flex-end; width: 100%}
@media (max-width: 600px)
{
.wp-block-buttons>.wp-block-button.wp-block-button__width-50 {width: 100%;}
}
/*14803 - https://www.pexhurst.co.uk/progressive/pro-sustainability/ - Dec 2024*/
body.page-id-14803 .singleNewsPost .post-date,
body.page-id-14803 .singleNewsPost .post-excerpt{display:none;}
/*==================== SC blocks====================*/
/* ----- Fifty Fifty (50:50) Block ----- */
.fiftyFiftyBlock { background-color: var(--primary); aspect-ratio: unset !important; }
.fiftyFiftyBlock * { color: #fff; }
.fiftyFiftyBlock h2 { color: #fff; }
.fiftyFiftyBlock .overlay { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 1; }
.fiftyFiftySection { position: relative; }
.fiftyFiftyText { padding: 5%; }
.fiftyFiftyImage { width: 100%; height: 100%; position: relative; padding-top: 66.66%; }
.fiftyFiftyImage img.background, #main .fiftyFiftyImage img.background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.fiftyFiftyImage .fiftyFiftyText { position: absolute; top: 0; left: 0; z-index: 9999; }
/* Aspect Ratios */
.fiftyFiftyBlock.Square .fiftyFiftyImage { padding-top: 100%; }
.fiftyFiftyBlock.Four-to-Three .fiftyFiftyImage { padding-top: 75%; }
.fiftyFiftyBlock.Three-to-Two .fiftyFiftyImage { padding-top: 66.66%; }
.fiftyFiftyBlock.Sixteen-to-Nine .fiftyFiftyImage { padding-top: 56.25%; }
.fiftyFiftyBlock.Fit-Content .fiftyFiftyImage { padding-top: 0; }
/* Align Content */
/*Horizontally Centred*/
.fiftyFiftySection.h_center { text-align: center; }
/*Vertically Centred*/
.fiftyFiftySection.v_center { display: flex; align-items: center; }
.fiftyFiftySection.v_center .fiftyFiftyImage .fiftyFiftyText { top: 50%; left: 0; transform: translate(0, -50%); }
/*Horizontally & Vertically Centred*/
.fiftyFiftySection.hv_center { text-align: center; display: flex; justify-content: center; align-items: center; }
.fiftyFiftySection.hv_center .fiftyFiftyImage .fiftyFiftyText { top: 50%; left: 50%; transform: translate(-50%, -50%); }
.fiftyFiftyBlock.Fit-Content .fiftyFiftyImage .fiftyFiftyText, .fiftyFiftyBlock.Fit-Content .fiftyFiftySection.v_center .fiftyFiftyImage .fiftyFiftyText, .fiftyFiftyBlock.Fit-Content .fiftyFiftySection.hv_center .fiftyFiftyImage .fiftyFiftyText { position: relative; top: unset; left: unset; transform: unset; z-index: 9999; }
@media (max-width: 767px)
{
/*Mobile*/
.fiftyFiftyBlock .fiftyFiftySection.rightImageOnly { order: -1; }
}
.has-white-color * { color: #fff; }
/*==================== =================*/
/*==================== Mobile Safari Fixes ====================*/
@supports (-webkit-touch-callout: none) {
/* CSS specific to iOS devices */
.smallerFTimage{background-attachment: unset; height: 300px;}
.ctaCont {background-attachment: unset;}
}
@media (max-width: 1700px)
{
/*.textOverlay { top: 62vh; }*/
}
/*==================== Media Queries ====================*/
@media (max-width: 1440px)
{
.textOverlay { top: 400px; }
#main {padding:0 20px;}
}
@media (max-width: 1280px)
{
/*Small Desktop*/
.textOverlay { top: 300px; }
#rmp-container-11400 { width: 80%; }
.key {width: 100%; }
}
@media (max-width: 1029px)
{
/*Tablet*/
.headerImage { flex-direction: column; }
.textOverlay { position:static; display: block; top: unset; width: 100%; clear: both; margin-top:40px; padding: 0 20px;}
.smallerFTimage, .ctaCont { height: 440px; }
body.page-template-pageFIInfographic .smallerFTimage {height: 675px;}
.casestudiesFI { height: 700px; }
.textOverlay h1 { font-size:40px; margin-bottom: 40px; }
.nav {width: 50%; }
.phone a {font-size: 30px; }
.singleCaseStudy { height: 250px; }
.homeCaseStudy .flex-container {padding: 20px 0px;}
/* * Case Study Grid layout * */
.colType {height: 600px;}
.colTypeEnd { height: unset;}
.colTypeEnd .colItem{height: 200px; }
/**/
/*Team page*/
.singleTeam { flex-basis: 25%; }
.slide {flex-direction: column;}
}
@media (max-width: 960px)
{
#content { padding: 0px; }
.blog-grid .d-1of3 { width: 50%; flex-basis: 49%; }
.header { height: 170px;}
.phone { display: none;}
.singleCaseStudy { width:calc(50% - 12px); height: 250px; }
.singleOurPeople { width: calc((100% / 4 - 10px)); }
.singleOurPeople,
.singleOurPeople:nth-child(1),
.singleOurPeople:nth-child(12),
.singleOurPeople:nth-child(5),
.singleOurPeople:nth-child(16) {margin:5px;}
.accreditation-banner-holder {flex-wrap: wrap;}
.accreditation-banner-holder a {flex-basis:20%;}
.footerNav {display: none;}
.casestudyGroup >div:nth-child(n+7) { display:none; }
/* * Case Study Grid layout * */
.colType {flex-basis: 100%; flex-direction:row; height: unset;}
.colType .colItem{ height: 250px; flex-basis: 33%!important; }
.colTypeEnd.colTypeMenu .colItem{ flex-basis: 50%!important; height: 150px; }
/**/
/*Team page*/
.singleTeam { flex-basis: 33.33%; }
}
@media (max-width: 812px)
{
.individual-case-study-image-grid img {flex-basis:100%; width: 100%; height: auto; min-height: unset; max-height: unset; }
.individual-case-study-image-grid picture { flex-basis: 100%; width: 100%; }
.colTypeEnd.colVideo { flex-wrap: wrap; }
}
@media (max-width: 789px)
{
.nav {width: 100px; }
.socialHome p, .socialHome a { font-size:30px; }
.socialsMenu a.socialLink {display: none;}
div.headerImage {margin-top: 0px; }
.smallerFTimage{background-attachment: unset; height: 300px;}
.singleNewsPost {width: calc((100% / 1) - 20px); margin:10px;}
.newsletterHome .flex-center {flex-direction:column;}
.newsletterHome .name-field,
.newsletterHome .email-field,
.newsletterHome .subscribe-button {flex-basis: 100%; width: 100%; }
.rmp-submenu .rmp-menu-item-link {line-height: 35px!important;}
/* * Case Study Grid layout * */
.colType {flex-basis: 100%; flex-direction:row; height: unset; flex-wrap: wrap;}
.colType .colItem{ height: 250px; flex-basis: 100%!important; }
/**/
.casestudyInfo .details {flex-basis: 50%; }
.singleWork {flex-basis: 100%; }
}
@media (max-width: 767px)
{
.serviceSingle { flex-basis: 100%; }
.smallerFTimage.videoOption { height: 300px; }
#rmp-container-11400 { width: 100%; }
.singleCaseStudy { width:calc(100%); height: 250px; }
.singleOurPeople { width: calc((100% / 2 - 10px)); }
.singleOurPeople:nth-child(n+7) { display:none; }
.search-form-holder { width: 80%; }
.search-form { flex-direction: column; width: 100%; }
.search-form select,
.search-form button { width: 100%; display: block; }
.accreditation-banner-holder a {flex-basis:25%;}
/*Mobile*/
.blog-grid .d-1of3 {width: 100%; flex-basis: 100%;}
/*=== Landing page - Home page===*/
.intro h1 { font-size: 3em; }
.footerSmallMenu { flex-direction:column; font-size:0.9em; }
.footerSmallMenu li { border:none; padding: 10px; }
/*Team page*/
.singleTeam { flex-basis: 50%; }
/*Mobile menu*/
#rmp-menu-wrap-11400 .rmp-submenu .rmp-menu-item-link { height: auto; padding-top: 10px; padding-bottom: 10px; }
}
@media (max-width: 599px)
{
.accountAdvert { margin:0px;}
.header {height: 100px;}
.textOverlay { padding:0px; margin-top:0px;}
.textOverlay h1 { font-size:30px; }
.textOverlay h1 {
background-color: #03274c;
color: white;
padding: 20px 5px;
margin-top: 0px;
text-shadow: none;
}
}
@media (max-width: 480px)
{
/*Small Mobile*/
.singleOurPeople { width: calc((100% / 1 - 10px)); }
.singleOurPeople:nth-child(n+4),
.casestudyGroup >div:nth-child(n+4) { display:none; }
/*=== Landing page - Home page===*/
.intro { padding: 200px 12%; }
.intro p.seemore { font-size: 2em; }
.smallerFTimage.videoOption { height: 250px; }
.accreditation-banner-holder a {flex-basis:40%;}
.colTypeEnd.colTypeMenu .colItem{ flex-basis: 100%!important; height: 100px; }
.casestudyInfo .details {flex-basis: 100%; }
.singlePeopleCopy { padding-left:0px; }
.portal {max-width: 80%;}
.key {flex-wrap: wrap;}
.marker { flex-basis: 50%; }
}
@media (hover: none) {
.casestudyhiddenCopy,
.singleOurPeople .info
{ display: block; }
}
[data-videoid="arv64JT3sDA"]{ display: none!important; }
/*
04284D
*/
.wp-block-eedee-block-gutenslider .eedee-gutenslider-nav svg #arrow, .wp-block-eedee-block-gutenslider .eedee-gutenslider-nav svg .arrow {stroke: #F9B234!important; fill: #082D50!important; stroke-width: 4; /*display: none;*/
}
.wp-block-eedee-block-gutenslider.arrow-position-sides .eedee-gutenslider-prev,
.wp-block-eedee-block-gutenslider.arrow-position-sides .eedee-gutenslider-next
{top: -30px!important;}
.wp-block-eedee-block-gutenslider {margin-top:50px;}
.wp-block-eedee-block-gutenslider .swiper-pagination-bullet {background-color:#F9B234!important; }
.eedee-gutenslider-pagination {bottom: unset!important; top: -40px;}
.wp-block-eedee-block-gutenslider .swiper-pagination-bullet {height: 20px!important; width: 20px!important; stroke: #F9B234!important; }