/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

body {
	overflow-x: hidden;
}


.main-banner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  min-height: 400px;
	
}

.text-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
	margin-top: 3em;
}

.image-column {
  flex: 1;
  display: flex;
  justify-content: center;
	padding-top: 3em;
}


.client-logo{
	text-align: center;
}

#menu-item-30 a{
	background-color: #7DCCC3;
	border-radius: 5px; /* Adjust for roundness */
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2); /* Drop shadow */
  transition: all 0.3s ease-in-out;
color: #ffffff;
}

#menu-item-30 a:hover{
	background-color: #4c928a;

}

.is-style-default{
	margin-top: 0px;
	margin-bottom: 0.3em;
}

.what-we-do-p{
	margin-bottom: 0.5em;
}

.wp-block-cb-carousel.testimonials-slider{
	max-width: 1440px;
	margin-top: 3em;
	margin-left: auto;
	margin-right: auto;
}

.wp-block-cb-slide {
	
	background-color: #ffffff;
	border: 1px solid #FAFAFA;
	border-radius: 5px;
	padding-top: 50px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 15px;
}

.wp-block-cb-slide.testimonial-slide{
	height: 450px;
}

.wp-block-cb-slide:hover{
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}

/* footer */

.pre-footer{
	display: flex;
	background-color: #ffffff;
}

.footer-logo{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3em;
}

.footer-widget-1 p, .footer-widget-2 p, .footer-widget-3 p{
	margin-bottom: 0px;
}

.footer-widget-1 a, .footer-widget-2 a, .footer-widget-3 a{
	color: #000000;
	text-decoration: none;
}






/*case studies */
.is-layout-grid{
	row-gap:0.1em;
}

.cs-column {
    position: relative;
    overflow: hidden; /* Ensure the zoomed image doesn't overflow */
    transition: background-size 0.5s ease-in-out; /* Smooth zoom transition */
}

.cs-column:hover {
    background-size: 170%; /* Zoom in the background image */
}

/* Hover effect for text */
.cs-column:hover .cs-text {
    bottom: 0px;
    border-radius: 0px;
    opacity: 1;
}

.cs-text a{
	color: #000000;
	text-decoration: none;
}

.cs-text a:visted{
	color: #000000;
	text-decoration: none;
}

/* Initial state of the white flash overlay */
.cs-column::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0); /* Invisible initially */
    z-index: 1; /* Ensure it's on top of the image */
    pointer-events: none; /* Prevent interaction with the overlay */
    transition: background-color 0.3s ease; /* Smooth flash transition */
}

/* White flash visible during hover, then fades out after 3 seconds */
.cs-column.flash::after {
    background-color: rgba(255, 255, 255, 0.6); /* White flash */
}

/* Who We Are */
.who-we-are{
	margin-left: 60px;
	margin-right: 60px;
	
}

.who-we-are.is-layout-grid{
	gap: 20px;
}

.who-we-are-points:hover{
	bottom: 20px;
	border-color: rgba(50, 143, 133, 1);

}

/* What we do */
.what-we-do-text{
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
}

.what-we-do-text a{
	color: #000000;
	text-decoration: none;
}

.what-we-do-separator{
	margin-bottom: 10px;
	margin-top: 10px;
}




.fluentform.ff-default.fluentform_wrapper_1.ff_guten_block.ffs_default_wrap {
    width: 700px; /* You can adjust this value to any width you prefer */
}

@media (max-width: 767px) {

	

	
	.wp-container-core-group-is-layout-1{
		grid-template-columns: repeat(1, minmax(0, 1fr))!important;
	}
	
	.is-layout-grid{
	row-gap: 0em;
}
	

	
	.fluentform.ff-default.fluentform_wrapper_1.ff_guten_block.ffs_default_wrap {
    width: 90%; /* You can adjust this value to any width you prefer */		
}
	
	.wp-block-group-is-layout-grid{
			grid-template-columns: repeat(1, minmax(0, 1fr))!important;
		}
	
	
	
	.wp-block-cb-carousel.testimonials-slider{
	max-width: 96%;
		margin-top: 1em;
}
	
	
	.wp-block-cb-slide.testimonial-slide{
	height: 550px;
}
	
	.wp.image-274{
		display: none;
	}
	
	.footer-widget-1, .footer-widget-3 {
		display: none;
	}
	
	.footer-widget-2 p {
		width: 320px;
	}
	
	.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled{
			background-color: #ffffff!important;
		}
}
	
	@media (min-width: 768px) and (max-width: 1024px) {
	
		.fluentform.ff-default.fluentform_wrapper_1.ff_guten_block.ffs_default_wrap {
    width: 90%; /* You can adjust this value to any width you prefer */
}
		
		.wp-block-cb-carousel.testimonials-slider{
	max-width: 96%;
			margin-top: 1em;
}
	
		
			
		.footer-widget-1, .footer-widget-3 {
		display: none;
	}
		
			.is-layout-grid{
	row-gap: 0em;
}
		
			.wp-block-cb-slide.testimonial-slide{
	height: 550px;
}
		
		.wp.image-274{
		width: none;
	}
		
		.footer-widget-1{
	display: none;
}
		
		.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled{
			background-color: #ffffff!important;
		}
		
}



/* Single Blog CSS */

.dynamic-content-template .gb-text p,
.dynamic-content-template p.gb-text {
  margin-bottom: 0 !important;
}

.dynamic-content-template .gb-text-9e60e184 {
  margin-bottom: 0 !important;
}

.gb-text-3f12191a {
	margin-bottom: 0;
}

.gb-element-364cff19 h2 {
	margin-bottom: 0;
}

.breadcrumbs a.home {
	font-family: Raleway;
	font-weight: 700;
	font-style: Bold;
	font-size: 16px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 0%;
	text-decoration: none;

}

.gb-element-4a18981c {
    font-family: 'Raleway';
    font-size: 0.9em;
}

span.post.post-post.current-item {
    color: #439188;
}

.breadcrumbs {
	font-family: Raleway !important;
}

.gb-element-67348e84 {
	font-family: Raleway !important;
}

.success-story-content p, .success-story-name-quote {
    font-family: 'Raleway', sans-serif;
}

.gb-accordion__item-open{
	background-color: #EFF8FF !important;
}

.gb-media-c0b1faf0 {
	border-radius: 95% 0 0 5% / 350% 0 0 30%;
	box-shadow: -20px 4px 25px 0px #00000040;
}