/* Navbar Colour */
/* header {
  background:#NA;
  height:70px;
  z-index:999;
  margin:0 auto;
  width:100%;
  position:fixed;
  top:0;
  left:0;
  right:0;
}
 */
html{
	 font-family: var(--wp--preset--font-family--body);
	 margin-top: 0px !important;
}
p{
	font-family: var(--wp--preset--font-family--body);
}

@media (max-width: 781px) {
  .has-text-align-right { text-align:left}
}


.entry-content,
footer.wp-block-template-part {margin-block-start: 0;}
.solid a{
  border-style: solid;
	color: ffffff;
}





/* Ensure the form takes the full width of the viewport */
.post-password-form {
    position: relative; /* Position the form relatively to allow absolute positioning of the background */
    padding-top: 10rem;
    padding-bottom: 10rem;
    background: #323E48; /* This will be overridden by the pseudo-element */
    box-sizing: border-box; /* Ensure padding is included in the total width */
    text-align: center; /* Center the text inside the form */
    margin: 0 auto; /* Center the form within the parent container */
}

.post-password-form::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw; /* Full viewport width */
    height: 100%;
    background: #323E48;
    transform: translateX(-50%); /* Center the background element */
    z-index: -1; /* Ensure the background stays behind the form content */
}

.post-password-form input[type="password"],
.post-password-form input[type="submit"] {
    width: calc(100% - 20px); /* Adjust width to accommodate padding */
    max-width: 400px; /* Add a max-width to prevent it from becoming too wide */
    height: 3rem; /* Increase the height */
    padding: 0.5rem; /* Add some padding for better appearance */
    font-size: 1.2rem; /* Increase the font size */
    box-sizing: border-box; /* Ensure padding is included within the width/height */
    margin: 0.5rem 0; /* Add some margin for spacing */
    border: none; /* Remove default border */
    border-radius: 5px; /* Add border radius for rounded corners */
}

.post-password-form input[type="submit"] {
    background-color: #DAE343; /* Set background color for the button */
    color: #323E48; /* Set text color for the button */
    cursor: pointer; /* Change cursor to pointer to indicate it's clickable */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition for hover effect */
    width: 6rem; /* Make the width same as input box */
    font-weight: bold; /* Make text bold */
}

.post-password-form input[type="submit"]:hover {
    background-color: #00AEEF; /* Change background color on hover */
    color: #ffffff; /* Change text color on hover */
}

/* Center the form elements horizontally */
.post-password-form p {
    margin-bottom: 0.5rem; /* Add some margin below each paragraph */
}

label[for="pwbox-7215"] {
    font-size: 0;
}

label[for="pwbox-7215"]::after {
    content: "";
    font-size: initial;
}


.text-white{
color: #ffffff!important;
}
/* Photo Gallery */
/* .gallery { cursor: not-allowed; } */

/* Stop Image Gallery Scaling */
.wp-block-gallery.has-nested-images figure.wp-block-image {
  flex-grow: 0!important;
  overflow: hidden;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  background: #dae343cf;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  left: 0;
  margin-bottom: 0;
  max-height: 60%;
  overflow: hidden;
  padding: 50% 20px 70%;
  position: absolute;
  scrollbar-color: #0000 #0000;
  scrollbar-gutter: stable both-edges;
  scrollbar-width: thin;
  text-align: center;
  width: 100%;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

/* Prevents Blur at the bottom of images before hover */
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
  backdrop-filter: none!important;
  -webkit-backdrop-filter: none!important;
}

.background-none {
  background: none;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption strong {
  font-size: 20px;
  line-height: 0.5rem;
}

/* Medium screens: 600px–1200px */
@media screen and (max-width: 1200px) and (min-width: 600px) {
  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption strong {
    font-size: 16px;
  }
}

/* Smaller tablet range */
@media screen and (max-width: 1024px) {
  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption strong {
    font-size: 15px;
  }
}

/* Large phones / small tablets */
@media screen and (max-width: 815px) {
  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption strong {
    font-size: 12px;
  }
}

/* Small phones */
@media screen and (max-width: 599px) {
  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption strong {
    font-size: 17px;
  }
}

/* Apply greyscale after a delay to the hovered image in the gallery */
.staff-photo-grayscale:hover img {
  filter: grayscale(100%) brightness(80%) contrast(120%) hue-rotate(90deg) saturate(120%) blur(0.8px);
  transition: filter 0.3s ease-in-out 0.3s;
}

/* Hover transition always active on all screen sizes */
.wp-block-gallery.has-nested-images figure.wp-block-image:hover figcaption {
  opacity: 1;
  pointer-events: none;
}

/* Center text within container */
.wp-block-column.has-base-color.has-text-color.has-link-color.wp-elements-e74562825668607487702186af2297cf.is-layout-flow.wp-block-column-is-layout-flow {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
}



/* Staff Photos - NOT WORKING (leaving commented as per original) */
/*
.staff-photo-container {
  position: relative;
  width: 200px;
}

.staff-photo {
  display: block;
  width: 100%;
}

.staff-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  color: #ffffff;
}
*/

@media (max-width: 781px) {
  .case-study-divider {
    padding-top: 1.5px!important;
    padding-bottom: 1.5px!important;
    width: 100%!important;
  }
}

@media (max-width: 781px) {
  .MTTDM-divider {
    padding-top: 1px!important;
    padding-bottom: 1px!important;
    width: 100%!important;
  }
}




/*What we do page header image mobile resize*/
@media (max-width: 781px) {
.header-graphic-mobile{
   align-items : flex-start!important;
	width: 3rem!important;
	padding-top: 2rem;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;

	
	}
}

@media (max-width: 781px) {
.header-graphic-mobile-BMBI{
   align-items : flex-start!important;
	width: 8rem!important;
	}
}


/*Anchor Offset*/
.anchor{
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}


/*Hide*/
.display-none {
display: none!important;
}

/*Hide on mobile*/
@media (max-width: 780px) {
.hide-on-mobile{
display: none;
	}
}

/*Staff Photos*/

.staff-photo{
    pointer-events: none;
}

/* Drop shadow for text */
.shadowtext{
  text-shadow: 2px 2px 8px #000000;
}

/* Drop shadow for Cloud POS Title on Homepage */
.cloud-pos-title{
  text-shadow:
			0 1px 1px hsl(0deg 0% 0% / 0.15),
      0 2px 2px hsl(0deg 0% 0% / 0.1),
      0 4px 4px hsl(0deg 0% 0% / 0.15),
      0 8px 8px hsl(0deg 0% 0% / 0.075),
      0 16px 16px hsl(0deg 0% 0% / 0.075);

}

/* Drop shadow for Cloud POS Subtitle on Homepage */
.cloud-pos-subtitle{
  text-shadow:
			0 1px 1px hsl(0deg 0% 0% / 0.15),
      0 1px 1px hsl(0deg 0% 0% / 0.1),
      0 2px 2px hsl(0deg 0% 0% / 0.15),
      0 4px 4px hsl(0deg 0% 0% / 0.075),
      0 8px 8px hsl(0deg 0% 0% / 0.075);
}

/* Drop shadow for Titles on standard pages */
.pagetitles{
  text-shadow:
			0 1px 1px hsl(0deg 0% 0% / 0.15),
      0 2px 2px hsl(0deg 0% 0% / 0.1),
      0 4px 4px hsl(0deg 0% 0% / 0.15),
      0 8px 8px hsl(0deg 0% 0% / 0.075),
      0 16px 16px hsl(0deg 0% 0% / 0.075);
}

.wp-block-button a .gradient-button{
	color: #232D34;
	background-image: linear-gradient(to right, 120deg, rgba(236,245,94,1) 5%, rgba(218,227,67,1) 19%, rgba(213,227,67,1) 25%, rgba(189,213,41,1) 48%, rgba(56,201,255,1) 65%, rgba(0,177,239,1) 78%, rgba(0,174,239,1) 84%, rgba(0,149,221,1) 95%)!important;
}

/* Standard button's colour */
.wp-block-button a {

	color: #232D34;
	background-image: linear-gradient(120deg, rgba(236,245,94,1) 5%, rgba(213,227,67,1) 18%, rgba(200,214,51,1) 30%, rgba(183,207,40,1) 48%, rgba(56,201,255,1) 65%, rgba(0,177,239,1) 78%, rgba(0,174,239,1) 84%, rgba(0,162,222,1) 98%) !important;
background-size: 340%;
	background-position: left;
/*transition: 1s background-image ease-in-out;*/

	 	transition: all 0.7s ease!important; 
	-webkit-transition: all 0.7s ease!important; 
	-moz-transition: all 0.7s ease!important; 
	-o-transition: all 0.7s ease!important;

border-radius: 2rem;
font-family: 'Questa Sans', Arial, sans-serif;
}


/* Standard button hover effect */
.wp-block-button a:hover {
	color: #ffffff;
	background-image: linear-gradient(120deg, rgba(236,245,94,1) 5%, rgba(213,227,67,1) 18%, rgba(200,214,51,1) 30%, rgba(183,207,40,1) 48%, rgba(56,201,255,1) 65%, rgba(0,177,239,1) 78%, rgba(0,174,239,1) 84%, rgba(0,162,222,1) 98%)!important;
background-size: 340%;
	background-position: right;
border-radius: 2rem;
}

/* Standard button Clicked Colour */
.wp-block-button a:focus {
	background-image: linear-gradient(120deg, rgba(236,245,94,1) 5%, rgba(213,227,67,1) 18%, rgba(200,214,51,1) 30%, rgba(183,207,40,1) 48%, rgba(56,201,255,1) 65%, rgba(0,177,239,1) 78%, rgba(0,174,239,1) 84%, rgba(0,162,222,1) 98%) !important;
background-size: 340%;
	background-position: right;
border-radius: 2rem;
}


/* Vertical button's colour */
.vertical-button a {
	background-color: #323E48;
	background-image: none!important;
	color: #ffffff;
	margin: 0px!important;
}

.vertical-button a:hover {
	background-color:#232D34!important;
	background-image: none!important;
	color: #00AEEF!important;
	margin: 0px!important;
}

.vertical-buttons{
  filter: drop-shadow(0px 0px 1rem rgb(0 0 0 / 0.1))!important;
}

/* Vertical button's colour */
.wwd-button a {
	background-color:#232D34;
	color: #ffffff;
}

.wwd-button a:hover {
	background-color:#232D34!important;
	color: #00AEEF!important;
	border-width:0.1rem;
	border-radius:1rem;
	border-color: #DAE343;
}

.wwd-buttons{
  filter: drop-shadow(0px 0px 1rem rgb(0 0 0 / 0.1))!important;
}

/*Third Tier Button - Light Deep Blue*/
.third-tier-button a {
background-color: #92a5b7!important;
background-image: none!important;
	width: 100%;
}

.third-tier-button a:hover {
	color: #ffffff;
background-color: #00AEEF!important;
background-image: none!important;
	width: 100%;
/*	background-image: linear-gradient(120deg, rgba(236,245,94,1) 5%, rgba(213,227,67,1) 18%, rgba(200,214,51,1) 30%, rgba(183,207,40,1) 48%, rgba(56,201,255,1) 65%, rgba(0,177,239,1) 78%, rgba(0,174,239,1) 84%, rgba(0,162,222,1) 98%)!important;
background-size: 340%!important;
	background-position: right!important;
border-radius: 2rem;*/
}

/* Heading Mobile Font Size */
@media (max-width: 700px) {
h2 {
    font-size: 2.5rem;
}
}

/* Title Padding - Right - 7.8rem */
@media (min-width: 700px) {
.title-mobile-padding {
    padding-right: 7.8rem!important;
}
}

@media (max-width: 1020px) {
.title-mobile-padding {
    padding-right: 0rem!important;
}
}


/* WWD button colour */
.wp-block-button.buttonsubtle a {
	border-style: solid;
	background-color:#2E3943;
	color: #ffffff;
}

/* WWD button hover effect */
.wp-block-button.buttonsubtle a:hover {
	background-color:#232D34;
	color: #00AEEF;
}


/* WWD column fixed height */
 /*	.wwd-column-fixed-height a {
  text-align: center;
}

.equal-button-col-height{
 position: relative;
 min-height: 100% !important;
}
.equal-button-col-height .wp-block-buttons{
 position: absolute;
 bottom: 3rem;
} */

/* Company Logo box mobile padding */
@media (max-width: 600px) {
.company-logos {
padding: 0rem!important;
background-color: transparent!important;
	}
}
	
/* Icon button Colour */
.wp-block-button.iconbutton a {
	border-style: solid;
	background-color:transparent;
	color: #ffffff;
}

/* Icon button hover effect */
.wp-block-button.iconbutton a:hover {
    background-color: #232D34;
    color: #00AEEF;
}

/* Banner Buttons */
.banner-buttons a:hover{
border-color: #DAE343!important;
}

/* Ticker Tape button Colour */
.wp-block-button.tickertapebutton a {
	color: #323E48;
}

/* Ticker Tape button hover effect */
.wp-block-button.tickertapebutton a:hover {
	background-color:#323E48;
	color: #ffffff;
}

/* BMBI Ticker Tape button Colour */
.wp-block-button.bmbi-tickertapebutton a {
	background-color:#86CB92;
	color: #272838;
}

/* BMBI Ticker Tape button hover effect */
.wp-block-button.bmbi-tickertapebutton a:hover {
	background-color:#272838;
	color: #86CB92;
}

/* NOT WORKING OR NEEDED datafrom Smmoth Scroll */
/* #dataform {
  scroll-behavior: smooth;
}


/* datafrom Smmoth Scroll */
.sticky{
	position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}

#now-hiring {
  scroll-behavior: smooth;
}


/* Numbers Alignment */
.numbers-alignment {
  font-variant-numeric: lining-nums;
  -moz-font-feature-settings: "lnum";
  -webkit-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
}

h3 span {
    font-variant-numeric: lining-nums;
    -moz-font-feature-settings: "lnum";
    -webkit-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
}


/* Selection Highlight Colour */
::selection {
	color: #323E48;
  background: #DAE343;
}

/* Accordion Paragraph Style */
.accordion-paragraph-style {
	font-size: 1.02rem;
	color: #cccccc;
}

/*Accordion Arrow Colour*/
::marker {
color: #DAE343;
}

/* Accordion Animation */
.accordion-content {
    max-height: 0; /* Start closed */
    overflow: hidden;
    transition: max-height 0.3s ease-out, padding 0.3s ease-out;
    padding: 0rem; /* Initial padding */
}

details[open] .accordion-content {
    max-height: 2000px; /* Set a sufficient height */
    padding: 3rem; /* Expanded padding */
}


/* Full Height */
.full-height {
  height: 100%;
}

/* Nav Height and sticky */
.nav-height{
height: 5rem;
position: fixed;
top: 0;
width: 100%;
	z-index: 999;
	text-shadow: 2px, 2px;
}

/* Link Transition */
a, a:link, a:active, a:visited {
 	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out;
	}

/* No Underline */
	a:link{
  text-decoration: none;
	}

/* International Quote Styling */
.international-quote{
font-size: 1.5rem;
}

/* Footer Links */
.footer-links{
	color: #cccccc;
}

/* Footer Links */
.footer-links a:hover {
	color: #DAE343;
}

/* No Underline */
.footer-links	a:link{
  text-decoration: none;
	}

/* All Integrations Margins */
.all-integration-margins{
  margin-top: 3rem;
  margin-bottom: 3rem;
  margin-right: 3rem;
  margin-left: 3rem;}

/* What We Do Box padding for mobile */
@media (max-width: 500px) {
.what-we-do-box {
    padding: 0rem;
background-color: transparent!important;
  filter: null;
border-radius: 0!important;
border-bottom: 2px solid #364551;
	padding-top: 20px!important;
	align-items: center;
text-align: center;
    padding-left: 2rem!important;
    padding-right: 2rem!important;
}
}

@media (max-width: 500px) {
	.what-we-do-buttons {
	padding-bottom: 10px!important;
	}
}


@media (max-width: 700px) {
.what-we-do-box {
    padding: 0rem;
background-color: transparent!important;
  filter: null;
border-radius: 0!important;
border-bottom: 2px solid #364551;
	padding-top: 20px!important;
	align-items: center;
text-align: center;
    padding-left: 2rem!important;
    padding-right: 2rem!important;
}
}

@media (max-width: 700px) {
	.what-we-do-buttons {
	padding-bottom: 20px!important;
	}
}

@media (max-width: 1023px) {
.what-we-do-box {
    padding: 1.1rem;
background-color: null;
}
}

@media (min-width: 1024px) {
.what-we-do-box {
    padding: 1.1rem;
}
}

.what-we-do-box{
  filter: drop-shadow(0px 0px 1rem rgb(0 0 0 / 0.1));
}

/*Vertical Button Alignment
.align-centre{
      display: flex;
      justify-content: center;}*/



.vertical-button-shadow{
  filter: drop-shadow(0px 0px 1rem rgb(0 0 0 / 0.2));
}

/**/
@media (max-width: 780px) {
.heading-video{
height: vw100!important;
	}}

/* Cloud POS Logo Shadow */
.cloudpos-svg-shadow{
  filter: drop-shadow(0px 0px 5px rgb(0 0 0 / 0.4));
}


@media (max-width: 781px) {
.heading-padding{
	padding-top: 6rem !important;
	}
}

@media (max-width: 781px) {
.wp-container-core-columns-is-layout-1.wp-container-core-columns-is-layout-1{
		gap: 2rem!important;
}
}

@media (max-width: 781px) {
.wp-container-core-columns-is-layout-1.wp-container-core-columns-is-layout-1.2rem-gap{
		gap: 0px;
}
}

@media (max-width: 1024px) {
.wwd-grid{
	gap: 1rem;
	}
}

@media (min-width: 1024px) {
.wwd-grid{
	gap: 3rem;
	}
}

@media (min-width: 1024px) {
.wwd-grid-minimal{
	row-gap: 0rem;
	column-gap: 3rem;
	}
}

/*Video Round Corners*/
.jetpack-videopress-player__wrapper {
    border-radius: 1.5rem;
    overflow: hidden;
}

.video-radius{
border-radius: 1.5rem; overflow: hidden; -webkit-transform: translateZ(0);
    padding: 0 !important;
    margin: 0 !important;
}

.wp-block-embed__wrapper {
    padding: 0 !important;
    margin: 0 !important;
}

.wp-block-embed__wrapper iframe {
    display: block;
    margin: 0 auto;
    padding: 0;
    vertical-align: middle;
}

.round-corners-1rem{
    border-radius: 1rem;
    overflow: hidden;
}


/*Block Spacing 1rem - NOT WORKING
.block-spacing-1rem{
margin-right: 0.4rem;
margin-bottom: 0.4rem;
}*/

/*Block Spacing 1rem - NOT WORKING
.taxonomy-category{
margin-right: 0.4rem;
margin-bottom: 0.4rem;
}*/


/*Acordian Links Colour*/
.wp-elements-2ae48b35a049214cc9c1a8fdb892000d a:where(:not(.wp-element-button)) {
  color: #00AEEF;
	}

.wp-elements-2ae48b35a049214cc9c1a8fdb892000d a:hover{
  color: #DAE343;
	}



/*Font Overwrite Questa*/
.font-overwrite-questa .wp-elements-572f5f8f9934305f4d6337fcb2825598 {
--wp--preset--font-family--heading"Questa Sans"!important;
}

/*Duotone Hover
.wp-duotone-duotone-2.wp-block-post-featured-image img .duotone-hover-green > img {
filter: none!important;
}

.duotone-hover-green a:hover{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
filter: #DAE343!important;

}*/

/*Duotone Hover*/
.duotone-hover-green a:hover{
filter: grayscale(50%)important;
}

/*Text Colour White*/
.text-colour-white :where(p){
color:#ffffff!important;
	font-size: 0.9rem;
}

.wp-block-post-author__name{
color: #ffffff;
font-size: 0.8rem;
align-content: center;
}

.wp-block-post-author__name :hover{
color: #00AEEF;
font-size: 0.8rem;
align-content: center;
}


@media (max-width: 781px) {
.single-post-sidebar-header{
padding-top: 2rem!important;
	}}

@media (max-width: 780px) {
body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
max-width: none!important;
	}}


.wp-block-post-excerpt__more-link{
font-size: 0.9rem;
}

.is-style-pill a, .is-style-pill span:not([class], [data-rich-text-placeholder]) {
background: #3A4853!important;
color: #cccccc!important;
	margin-bottom:0.4rem;
	margin-right: 0.4rem;
border-radius: 1rem;
}

.is-style-pill a:hover, .is-style-pill span:not([class], [data-rich-text-placeholder]) {
background: #00AEEF!important;
color: #ffffff!important;
border-radius: 1rem;
}

.wp-block-post-terms .wp-block-post-terms__separator{
	display: none;
}

/*Set Artcle Content Width*/
@media (min-width: 780px) {
.article-stack-width {
width: 85%;
	}}


@media (max-width: 780px) {
	.top-padding-1rem-mobile {
	padding-top: 2rem!important;
	}}


/*
Theme Name: Citrus Lime
Theme URI: https://www.citruslime.com/
Author: Citrus Lime Design Team
Author URI: https://wordpress.org
Description:  Citrus Lime is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Citrus Lime
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

.dataForm {
    position: relative;
    overflow: visible;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.dataForm > div {
    margin: 0;
}

.dataForm.bgw {
    background: #fff;
}

.dataForm > div > form > div:nth-child(7) {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 0;
    width: 0;
}

.dataForm form {
    position: relative;
}

.dataForm input:not(.cog-picker__native-placeholder),
.dataForm div select,
.dataForm textarea {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    outline: none;
    border: none;
    position: relative;
    min-height: 50px;
    line-height: 100%;
    background: #ffffff;
    border-radius: 0.7rem;
    color: #323E48;
    box-sizing: border-box; /* Ensures padding and border are included in the width and height */
}

.dataForm input:not(.cog-picker__native-placeholder):hover,
.dataForm div select:hover,
.dataForm textarea:hover,
.dataForm input:not(.cog-picker__native-placeholder):focus,
.dataForm div select:focus,
.dataForm textarea:focus {
    border-color: transparent; /* Only change the border color */
    color: #323E48;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-background-clip: padding-box; /* Ensures background doesn't clip to text */
    -webkit-text-fill-color: #323E48;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 0px 1000px #ffffff; /* Matches the background color to avoid changing color */
    color: #323E48; /* Ensures the text color doesn't change */
    width: 100%; /* Ensures width doesn't change */
    padding-left: 1rem; /* Ensures padding doesn't change */
    padding-right: 1rem; /* Ensures padding doesn't change */
    box-sizing: border-box; /* Ensures padding and border are included in the width and height */
}

.dataForm :is(legend, label) {
    margin-bottom: 0;
    display: block;
    padding: 0;
    font-size: 0.85rem !important;
    opacity: 0.5;
}

.dataForm input:focus,
.dataForm > div select:focus,
.dataForm textarea:focus {
    border-color: transparent; /* Only change the border color */
}

.dataForm textarea {
    padding: 20px;
    min-height: 80px;
    font-size: 14px;
}

.dataForm div select option {
    margin: 4px 0;
    color: #30363e;
    font-size: 14px;
}

.dataForm input[type="submit"] {
    color: #ffffff;
    border-color: #323e48;
    font-size: 1.5em;
    cursor: pointer;
    margin: 0;
    max-height: 100%;
    text-transform: uppercase;
    width: 100%;
    background: #323e48;
}

.dataForm input[type="submit"].inactive {
    pointer-events: none;
    color: #d4d4d4;
    border-color: #d4d4d4;
    background: transparent;
}

.dataForm input[type="submit"]:hover {
    background: #dae343;
    color: #323e48;
    opacity: 1;
    filter: grayscale(0);
    border-color: #dae343;
}

.dataForm [data-required="true"] {
    position: relative;
}

.dataForm [data-required="true"]::after {
    content: "*";
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 16px;
    color: #d22e5b;
    font-weight: bold;
}

.dataForm p > span {
    font-size: 16px;
    color: #d22e5b;
    font-weight: bold;
}

.dataForm a.closeSlide {
    display: none;
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 16px;
    background: #363744;
    color: #323E48;
    font-size: 12px;
    text-transform: uppercase;
}

.dataForm a.closeSlide i {
    color: #dae343;
}

.dataForm > div > div,
.dataForm > div > form {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.dataForm.slide {
    position: fixed;
    background: #fff;
    right: 0;
    z-index: 20;
    height: 100vh;
    top: 0;
    padding: 44px;
    transform: translate(100%, 0);
    width: min(800px, 100%);
}

.dataForm.slide.slide-active {
    transform: translate(100%, 0);
    overflow: auto;
}

.dataForm.slide > div {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.dataForm.slide > div > div,
.dataForm.slide > div > form {
    width: 100%;
}

.dataForm.slide a.closeSlide {
    display: block;
}

.dataForm.show-response {
    max-width: 880px;
    padding: 44px;
}

.dataForm.show-response form {
    width: 100%;
}

.dataForm.show-response form > div:nth-child(7),
.dataForm.show-response form > div:nth-child(8),
.dataForm.show-response form > span.xero-sso {
    display: none;
}

.dataForm > div .formIntro {
    flex: 1 1 auto;
    padding: 2rem;
    background: #323e48;
    border-radius: 1.25rem;
    color: #323E48;
}

.formIntro {
    order: 1;
}

.dataForm > div .formwrap {
    flex: 2 1 600px;
}

.dataForm header {
    position: static;
    background: transparent;
}

.dataForm header h1.cog-heading,
.dataForm header div.cog-header__description {
    display: none;
}

.dataForm .cog-body {
    margin: 0 !important;
}

.dataForm button {
    color: #ffffff;
    border-color: #323e48;
    font-size: 1.5em;
    cursor: pointer;
    margin: 0;
    max-height: 100%;
    text-transform: uppercase;
    width: 100%;
    background: #323e48;
    padding: 1rem;
    font-family: var(--wp--preset--font-family--heading);
}

.dataForm button:hover {
    background: var(--wp--preset--color--contrast-3) !important;
    color: var(--wp--preset--color--contrast) !important;
}

.dataForm :is(.cog-abuse, .cog-branding) {
    display: none;
}

.dataForm div select option[value=""] {
    display: none;
}

.dataForm.slide.slide-active form {
    margin-top: 1rem;
}

.dataForm > div .formwrap .cta-wrap {
    display: none;
}

@media screen and (min-width: 1295px) {
    div:not(.slide-active.slide).dataForm > div .formIntro {
        position: sticky;
        top: 107px;
    }
}

@media screen and (max-width: 1294px) {
    .dataForm > div .formIntro .cta-wrap {
        display: none;
    }
    
    .dataForm > div .formwrap .cta-wrap {
        display: block;
    }
}

div.slide-active.slide.dataForm > div .formIntro .cta-wrap {
    display: none;
}

div.slide-active.slide.dataForm > div .formwrap .cta-wrap {
    display: block;
}


/*Padding for standard blocks on mobile*/
@media (max-width: 781px) {
	.standard-text-and-image-block {
padding-top: 3rem!important;
padding-bottom: 3rem!important;
}
}

@media (max-width: 781px) {
	.standard-text-and-image-block .column-image {
margin-bottom: 1rem;
}
}

@media (max-width: 781px) {
  .standard-text-and-image-block .not-padded {
    margin-bottom: 0rem !important;
  }
}



@media (max-width: 781px) {
	.standard-text-and-image-block .column-image { order: -1;}
}

@media (max-width: 781px) {
	.standard-text-and-image-block .column-section-2 { order: -1;}
}

.image-width-100 {
width: 100%!important;
}

blockquote{
    color:white;
    border-color: var(--wp--preset--color--contrast-3) !important;
}
blockquote a{
    color: var(--wp--preset--color--contrast-3) !important;
}

/* 11/04/24 Oli's added Styles */
/*button.el-button.cog-button--has-status.cog-button--primary.cog-button--navigation.cog-button--submit.el-button--default.cog-button {
    transition: 0.3s all ease;
    border: none;
}

@media (max-width: 400px) {
a.wp-block-button__link.has-border-color.has-contrast-border-color.has-text-align-center.wp-element-button {
    height: 280px!important;
text-align: center;
display:table-cell;
vertical-align:middle;
}
}
@media (max-width: 768px) {
a.wp-block-button__link.has-border-color.has-contrast-border-color.has-text-align-center.wp-element-button {
    height: 210px;
}
}
@media (max-width: 1024px) {
a.wp-block-button__link.has-border-color.has-contrast-border-color.has-text-align-center.wp-element-button {
    height: 210px;
}
}
@media (min-width: 1024px) {
a.wp-block-button__link.has-border-color.has-contrast-border-color.has-text-align-center.wp-element-button {
    height: 180px;
}

}*/

p.has-text-color.has-link-color.has-small-font-size.wp-elements-b5b3ba263fa6fb415fa8a3d33abd24f0 {
    width: min-content;
}
/* BROKE THE SPACING ON IMAGE + TEXT BLOCKS, NOT SURE WHAT IT WAS BEING USED FOR
.wp-block-group-is-layout-constrained > :first-child:first-child {
    gap: 1rem;
}

.wp-block-group.has-contrast-2-background-color.has-background.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    padding-inline: 1rem;
}
*/

@media (max-width: 768px) {
.wp-block-group.alignwide.is-content-justification-space-between.is-layout-flex.wp-container-core-group-is-layout-21.wp-block-group-is-layout-flex {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
    
.wp-block-group.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-24.wp-block-group-is-layout-flex {display: flex;flex-direction: column;align-items: flex-start;}

.aligncenter.wp-block-site-logo.wp-duotone-unset-77 {margin-left: 0;}
}


.wp-block-columns.alignwide.is-layout-flex.wp-container-core-columns-is-layout-10.wp-block-columns-is-layout-flex {
    padding-inline: 1rem;
}

.wp-block-column.has-base-color.has-text-color.has-link-color.wp-elements-e74562825668607487702186af2297cf.is-layout-flow.wp-block-column-is-layout-flow {display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: center;align-items: flex-start;}