/*
Theme Name: SUITE for Crosscurrent Strategies
Theme URI:
Author: SUITE Digital Strategies
Author URI:
Description: Child theme of Twentytwentyfive
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version:
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: suite-for-crosscurrent-strategies
Tags: blog, photography, portfolio, one-column, accessibility-ready, block-patterns, block-styles, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, front-page-post-form, full-site-editing, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, style-variations, template-editing, theme-options, threaded-comments,
*/

html body:not(.wp-admin) {
    -webkit-animation: fadeInAnimation ease 2s;
            animation: fadeInAnimation ease 2s;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}
@-webkit-keyframes fadeInAnimation {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

strong {
	font-weight: 600;
}
li:not(.comment,.wp-block-navigation-item),
body.wp-child-theme-suite-for-crosscurrent-strategies .metaslider .flexslider .slides ul:not(.slider-link) li {
  list-style: circle;
  padding: 0 0 0.25rem 0.75rem;
  line-height: 1.7rem;
}
ul {
  padding-left: 1em;
}
sup {
	font-size: 40%;
}
/* .wp-site-blocks {
    overflow-x: hidden;
} */
.wp-child-theme-suite-for-crosscurrent-strategies .wp-element-caption {
	margin-bottom: 0;
	text-align: center;
}
.ccs-list-link-double-chevron a {
  letter-spacing: 1.4px;
  text-transform: uppercase;
  font-family: var(--wp--preset--font-family--nunito-sans);
  line-height: 1.125;
  font-size: var(--wp--preset--font-size--small);
}
.ccs-list-link-double-chevron::marker {
  content: "»";
  transform: translateY(-6px);
}

/* Header */
#home-header-slogan div {
	width: 100%;
	line-height: 5px;
}
#home-header-slogan div:first-child {
	justify-content: right;
}
#home-header-slogan div:nth-child(2) {
	justify-content: center;
	text-indent: -30px;
}
#home-header-slogan div:last-child {
	justify-content: left;
}
#home-header-slogan-mobile {
    display: none;
}

/* Menu */
.wp-child-theme-suite-for-crosscurrent-strategies .wp-block-navigation.items-justified-right .wp-block-navigation__submenu-container.wp-block-navigation-submenu {
  right: -95px;
  padding: 0;
  flex-direction: initial;
  min-width: initial;
}
.wp-child-theme-suite-for-crosscurrent-strategies .wp-block-navigation .wp-block-navigation-item li:hover {
	background-color: #c2e0f4;
}
.wp-child-theme-suite-for-crosscurrent-strategies .wp-block-navigation .wp-block-navigation-submenu li.menu-long-item.menu-public:hover {
	background-color: #ede6e1;
}
.wp-child-theme-suite-for-crosscurrent-strategies .wp-block-navigation.items-justified-right .wp-block-navigation__submenu-container.wp-block-navigation-submenu li a {
  padding: 2.1rem;
  flex-direction: column;
  text-align: center;
}
.wp-child-theme-suite-for-crosscurrent-strategies a.wp-block-navigation-item__content:hover {
	text-decoration: none;
}
.wp-child-theme-suite-for-crosscurrent-strategies .wp-block-navigation__responsive-container-close svg,
.wp-child-theme-suite-for-crosscurrent-strategies .wp-block-navigation__responsive-container-open svg {
	height: 34px;
	width: 34px;
}
.wp-child-theme-suite-for-crosscurrent-strategies .wp-block-navigation .wp-block-navigation-submenu .menu-long-item {
    width: 180px;
}
.wp-child-theme-suite-for-crosscurrent-strategies .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 0;
}
.wp-child-theme-suite-for-crosscurrent-strategies .wp-block-navigation .menu-long-item .wp-block-navigation-item__label {
  font-size: 1.2rem;
}
.wp-child-theme-suite-for-crosscurrent-strategies .wp-block-navigation .wp-block-navigation-item__description {
	display: block;
	text-transform: initial;
	color: #666;
	margin-top: 7px;
	font-size: 0.8rem;
}
#modal-2 .wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	flex-direction: column;
}
/* Prevent the parent menu item from jumping when clicked */
.wp-block-navigation-item__content[href="#"] {
    cursor: default; /* Makes it look non-clickable */
    pointer-events: auto; /* Keeps hover working */
}


/* home */
.home .menu-home-link {
	display: none;
}

/* homepage slider */
/* Hide the slider container initially */
.metaslider {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}
/* This class will be added by our JS once the slider is ready */
.metaslider.is-ready {
    opacity: 1;
}
.ccrstr-home-slider.metaslider.ms-theme-draxler .flexslider {
	margin: 0;
}
.ccrstr-home-slider.metaslider.ms-theme-draxler .flexslider .caption-wrap .caption {
	max-width: clamp(450px, 41vw, 700px);
	background: none;
    padding-left: 10vw;
	margin-top: 1vw;
}
.ccrstr-home-slider.metaslider.ms-theme-draxler .flexslider .caption-wrap .caption > div {
  background-color: #A27C5DD6;
  padding: 10px 30px;
}
.ccrstr-home-slider .home-slider-pre-title {
	color: #EEEEEE;
	margin: 0 0 15px 0;
	text-align: center;
}
.ccrstr-home-slider.metaslider.ms-theme-draxler .flexslider .caption-wrap .caption h2 {
  margin: 0 0 10px;
	font-size: clamp(25px, 2vw, 40px);
}
.ccrstr-home-slider.metaslider.ms-theme-draxler .flexslider .caption-wrap .caption p {
	font-size: clamp(18px, 1.5vw, 24px);
	line-height: clamp(19px, 1.9vw, 28px);
}
.ccrstr-home-slider.metaslider.ms-theme-draxler .flexslider .slide-34 .caption-wrap .caption > div,
.ccrstr-home-slider.metaslider.ms-theme-draxler .flexslider .slide-38 .caption-wrap .caption > div {
  background-color: rgba(58, 135, 197, 0.81);
}
.ccrstr-home-slider.metaslider.ms-theme-draxler .flexslider .slide-34 .caption-wrap .caption h2 {
  color: #A27C5D;
}
.ccrstr-home-slider.metaslider .flexslider .slides ul:not(.slider-link) {
  padding-left: 20px;
}
.ccrstr-home-slider.metaslider .flexslider .slides ul h6 {
  margin: 0 0 10px;
}
body .metaslider .flexslider .slides ul.slider-link {
	margin-top: 15px;
}
.ccrstr-home-slider.metaslider .flexslider .slides ul.slider-link li {
  list-style: none;
  display: flex;
  align-items: flex-start;
  padding-right: 10px;
}
.ccrstr-home-slider.metaslider .flexslider .slides .caption ul.slider-link li::before {
  content: "»" !important;
  transform: translateY(-9px);
  color: #FFF;
  display: block !important;
  padding-right: 10px;
}
#ccs-intro-mobile li {
  list-style: none;
  display: flex;
  align-items: flex-start;
  font-family: var(--wp--preset--font-family--nunito-sans);
  text-transform: uppercase;
  font-size: 65%;
  margin-top: 10px;
}
#ccs-intro-mobile li::before {
	content: "»" !important;
	margin-right: 10px;
	transform: translateY(-7px);
	color: #FFF;
	font-size: 160%;
}
#ccs-intro-mobile li a {
  color: #fff;
}
/* Hero Scroll Indicator */
.scroll-indicator {
  position: absolute;
  bottom: 30px;      /* Distance from the bottom of the slider */
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 10;       /* Ensure it sits above the slider images */
  /* pointer-events: none; /* Allows clicks to pass through to the slider if needed */
  transition: opacity 0.4s ease-out, visibility 0.4s;
  text-shadow: 1px 1px 3px rgb(0, 0, 0);
}
/* A helper class we will trigger with JS */
.scroll-indicator.hidden {
  opacity: 0;
  visibility: hidden;
}
.scroll-text {
  font-family: sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #ffffff;
  margin-bottom: -6px;
  opacity: 0.8;
}
.scroll-arrow {
  width: 30px;
  height: 30px;
  fill: #ffffff;
  /* Apply the animation */
  animation: bounce 2s infinite;
}
.scroll-text a {
  color: #fff;
  text-decoration: none;
}
.scroll-text a:hover {
  text-decoration: underline;
}
/* The Elegant Bobbing Effect */
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(8px);
  }
  60% {
    transform: translateY(4px);
  }
}



/* services */
#home-core-services .safelayout-ei-icon-block {
	line-height: 0;
}
.wp-child-theme-suite-for-crosscurrent-strategies summary {
	color: var(--wp--preset--color--accent-1);
	font-family: var(--wp--preset--font-family--nunito-sans);
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.04em;
	line-height: 1.02;
	text-transform: none;
	font-size: 1.65rem;
}
.page-id-21 .service-toggle summary {
	color: var(--wp--preset--color--accent-4);
}
.service-toggle {
	margin-block-start: 2rem;
}
.three-services-block a {
  text-decoration: none;
  color: var(--wp--preset--color--accent-1);
}
.three-services-block a:hover {
  color: var(--wp--preset--color--accent-3);
  text-decoration: underline;
}

/* homepage private/public blocks */
#home-private-public-blocks .wp-block-cover__inner-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 40vw;
}
.private-public-blocks-wrap {
	width: 50%;
}
/* #home-private-public-blocks .wp-block-cover__inner-container h2,
#home-private-public-blocks .wp-block-cover__inner-container p {
	text-shadow: 5px 5px 10px #4f4f4f;
} */
#home-private-public-blocks .wp-block-cover {
	padding: 0;
}
#client-logos .wp-block-gallery.has-nested-images figure.wp-block-image img {
    transition: filter 0.5s ease, transform 0.3s ease;
    cursor: pointer;
    max-width: clamp(200px,40%,215px) !important;
}
#client-logos .wp-block-gallery.has-nested-images figure.wp-block-image img:hover {
    transform: translateY(-3px);
}
.home #client-logos .wp-block-gallery.has-nested-images figure.wp-block-image img {
    max-width: 100%;
}
.home #client-logos #client-logos-fade.wp-block-gallery.has-nested-images figure.wp-block-image img {
    /* Low saturation (30%) makes it washed out but still colored */
    /* High brightness (1.5) makes it look "faded" or overexposed */
    /* Low opacity (0.4) lets the white background bleed through */
    filter: saturate(30%) brightness(1.4) opacity(0.5);
    max-width: 100%;
}
.home #client-logos #client-logos-fade.wp-block-gallery.has-nested-images figure.wp-block-image img:hover {
  /* Returns all values to their natural state (100% / 1) */
    filter: saturate(100%) brightness(1) opacity(1);
}
/* Hide all images in the limited gallery by default */
[class*="max-images-shown-"] .wp-block-image {
    display: none !important;
}
/* Reveal only the images selected by our JS */
[class*="max-images-shown-"] .wp-block-image.is-visible {
    display: block !important;
}
.wp-child-theme-suite-for-crosscurrent-strategies figure.wp-block-gallery.has-nested-images {
	justify-content: center;
}
.home.wp-child-theme-suite-for-crosscurrent-strategies figure.wp-block-gallery.has-nested-images {
	gap: 40px;
}
#client-logos .wp-block-gallery.has-nested-images figure.wp-block-image {
	height: 110px;
	align-items: center;
}
.home #client-logos .wp-block-gallery.has-nested-images figure.wp-block-image {
	height: initial;
}
#ccs-about-all-clients summary {
    margin: 50px 1vw;
}

/* Template: Pages */
#ccs-page-template-title {
	max-width: var(--wp--style--global--wide-size);
	margin: 0 auto;
}

/* Posts/Articles/Insights */
.vlp-layout-ccs-basic .vlp-layout-zone-main {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
  margin-left: 10px;
}
.wp-child-theme-suite-for-crosscurrent-strategies .esg-grid.show-message .no-filter-message {
	top: 120px;
	font-family: "Nunito Sans", sans-serif;
	font-size: 1.5rem;
	font-weight: 200;
	color: #3a87c5;
	-webkit-font-smoothing: auto;
}
.filter-insight-private-sector .eg-css-insights-post-grid-element-35 { /* Private Sector insight */
	background-color: #3a87c5;
}
div.esg-filterbutton[data-filter="filter-insight-private-sector"]:hover,
div.esg-filterbutton[data-filter="filter-insight-private-sector"].selected {
    background-color: rgba(174,214,230,0.6);
}
.ccs-insights .eg-css-insights-post-grid-element-0-a a {
  transition: color 0.3s ease, transform 0.3s ease;
}
.ccs-insights .eg-css-insights-post-grid-element-0-a a:hover {
  transform: translateX(15px);
}
.ccs-insights .esg-media-cover-wrapper {
	padding: 0 30px;
}
.linkedin-outbound-link {
  display: flex;
  font-family: var(--wp--preset--font-family--nunito-sans);
  font-size: 1.3rem;
  border-radius: 20px;
  border-color: var(--wp--preset--color--accent-6);
  border-width: 0.8px;
  border-style: solid;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  width: fit-content;
}
.linkedin-outbound-link img {
  height: 24px;
  width: 24px;
  margin-right: 5px;
}
.linkedin-outbound-link a {
  text-decoration: none;
}
.linkedin-outbound-link a:hover {
	text-decoration: underline;
}
.wp-child-theme-suite-for-crosscurrent-strategies .crp_related_block h3 {
	text-transform: uppercase;
	font-size: 1rem;
	padding-left: 1.4em;
	letter-spacing: 0.12em;
	word-spacing: 0.2em;
}
.wp-child-theme-suite-for-crosscurrent-strategies .crp_excerpt {
  display: block;
  font-size: 1.2rem;
}
.wp-child-theme-suite-for-crosscurrent-strategies .crp_link, .crp_date {
  font-family: var(--wp--preset--font-family--nunito-sans);
  font-size: 1.6rem;
}
.wp-child-theme-suite-for-crosscurrent-strategies .crp_date {
  font-size: 1rem;
  color: #a27c5d;
}
.wp-child-theme-suite-for-crosscurrent-strategies .crp_link {
  margin-right: 10px;
  text-decoration: none;
}
.wp-child-theme-suite-for-crosscurrent-strategies .crp_link:hover {
  text-decoration: underline;
}
.wp-child-theme-suite-for-crosscurrent-strategies .crp_related_block ul li {
  padding-bottom: 20px;
  border-bottom: 1px solid #CCC;
  margin-bottom: 20px;
  list-style: none;
  padding-left: 0;
}

/* About */
/* #ccs-about-partners h3.wp-block-heading {
	text-transform: uppercase;
	font-size: 95%;
} */
/* 1. Position the menu in the top right */
.floating-jump-menu {
    position: fixed;
    top: 190px;       /* Distance from the top */
    right: 10px;      /* Distance from the right edge */
    z-index: 9999;    /* Ensure it stays above all other content */

    /* 2. Make it look like a floating UI element */
    background: #ffffffc2;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    border: 1px solid #e5e5e5;
    max-width: 133px;
}
ul.floating-jump-menu {
	padding: 10px 10px 0;
}

/* 3. Style the internal links */
.floating-jump-menu .wp-block-navigation-item {
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 12px;
}

.floating-jump-menu a {
    text-decoration: none;
    color: #333;
}

.floating-jump-menu a:hover {
    color: #007cba;
    text-decoration: underline;
}
/** Floating jump menu **/
}/* 1. Position the menu in the top right */
.floating-jump-menu {
    position: fixed;
    top: 150px;       /* Distance from the top */
    right: 30px;      /* Distance from the right edge */
    z-index: 9999;    /* Ensure it stays above all other content */

    /* 2. Make it look like a floating UI element */
    background: #ffffff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    border: 1px solid #e5e5e5;
    max-width: 200px;
}
.floating-jump-menu .wp-block-navigation-item {
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 12px;
}
.floating-jump-menu a {
    text-decoration: none;
    color: #333;
}
.floating-jump-menu a:hover {
    color: #007cba;
    text-decoration: underline;
}


/* Sidebar */
.wp-block-search__label {
  color: var(--wp--preset--color--accent-1);
  font-family: var(--wp--preset--font-family--nunito-sans);
  font-size: var(--wp--preset--font-size--small);
  letter-spacing: 1.6px;
  text-transform: uppercase;
}
.ccs-sidebar-insights li {
	list-style: none;
	padding: 0;
}

/* contact */
.wpforms-form .wpforms-field-label,
.wpforms-form .wpforms-field-sublabel.after,
.wpforms-form .wpforms-field-label-inline,
.wpforms-form .wpforms-field-description,
div.wpforms-container-full .wpforms-form .wpforms-submit {
	font-family: var(--wp--preset--font-family--nunito-sans);
}
div.wpforms-container-full .wpforms-form .wpforms-submit {
	background-color: var(--wp--preset--color--accent-3);
	border-width: 0;
	color: var(--wp--preset--color--base);
	font-size: var(--wp--preset--font-size--medium);
	font-style: normal;
	font-weight: 500;
	letter-spacing: 3px;
	line-height: inherit;
	padding-top: 0.9rem;
	padding-right: 2.25rem;
	padding-bottom: 1rem;
	padding-left: 2.25rem;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 50px;
}
div.wpforms-container-full .wpforms-form input[type="text"] {
	font-size: 1.3rem;
}
div.wpforms-container.wpforms-container-full .wpforms-confirmation-container-full,
div[submit-success] > .wpforms-container .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
	background: rgba(174, 214, 230, 0.52);
	border: 1px solid rgba(174, 214, 230, 0.52);
	box-sizing: border-box;
}
div.wpforms-container.wpforms-container-full .wpforms-form textarea,
div.wpforms-container.wpforms-container-full input[type="email"] {
	font-size: 22px;
}

/* footer */
.wp-child-theme-suite-for-crosscurrent-strategies footer.wp-block-template-part {
	margin-block-start: 0;
}
#logo-slogan-footer-wrap {
	justify-content: center;
}
#logo-footer-white.wp-block-site-logo img {
	/* filter: grayscale(100%) brightness(200%); <-- respects gradients */
	filter: brightness(0) invert(1); /* Turns everything black, then flips it to white */
}
#scrollToTop {
    /* Positioning */
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;

    /* Look & Feel */
    border: none;
    outline: none;
    background-color: #11111187;
    color: white;
    cursor: pointer;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;

    /* The Fade Effect */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease, background-color 0.3s;
}
footer .wp-block-search__label {
  color: #FFFFFF;
}

/* This class will be toggled by JS */
#scrollToTop.show {
    opacity: 1;
    visibility: visible;
}

#scrollToTop:hover {
    background-color: #555;
}


/*************************************************************/
/****************** Responsive versions **********************/
/*************************************************************/

@media (min-width: 993px) {

    /* 1. Hide the text but keep it for screen readers */
    .menu-home-icon .wp-block-navigation-item__label {
        text-indent: -9999px;
        display: inline-block;
        width: 24px; /* Adjust size */
        position: relative;
    }
    /* 2. Inject the icon using a pseudo-element */
    .menu-home-icon .wp-block-navigation-item__label:after {
        content: "\f102"; /* This is the WordPress Dashicon for a house */
        font-family: dashicons;
        text-indent: 0;
        position: absolute;
        top: -6px;
        left: 0;
        font-size: 20px;
        color: inherit; /* Matches your other menu links */
        display: block;
    }

}

@media (max-width: 599px) {

    body {
    	font-size: 1.5rem;
    }
    h3,
    h4 {
    	font-size: 110%;
    }
    h5,
    h6 {
    	font-size: 90%;
    }

    .wp-child-theme-suite-for-crosscurrent-strategies .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-half,
    .wp-child-theme-suite-for-crosscurrent-strategies .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-sixths,
    .wp-child-theme-suite-for-crosscurrent-strategies .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fourths,
    .wp-child-theme-suite-for-crosscurrent-strategies .wpforms-container .wpforms-one-half,
    .wp-child-theme-suite-for-crosscurrent-strategies .wpforms-container .wpforms-three-sixths,
    .wp-child-theme-suite-for-crosscurrent-strategies .wpforms-container .wpforms-two-fourths {
      width: 100%;
      padding: 0;
      margin: 0;
    }
    .wpforms-container .wpforms-field.wpforms-five-sixths, .wpforms-container .wpforms-field.wpforms-four-sixths, .wpforms-container .wpforms-field.wpforms-four-fifths, .wpforms-container .wpforms-field.wpforms-one-fifth, .wpforms-container .wpforms-field.wpforms-one-fourth, .wpforms-container .wpforms-field.wpforms-one-half, .wpforms-container .wpforms-field.wpforms-one-sixth, .wpforms-container .wpforms-field.wpforms-one-third, .wpforms-container .wpforms-field.wpforms-three-fourths, .wpforms-container .wpforms-field.wpforms-three-fifths, .wpforms-container .wpforms-field.wpforms-three-sixths, .wpforms-container .wpforms-field.wpforms-two-fourths, .wpforms-container .wpforms-field.wpforms-two-fifths, .wpforms-container .wpforms-field.wpforms-two-sixths, .wpforms-container .wpforms-field.wpforms-two-thirds {
    	float: none;
    	margin-bottom: 10px;
    }
    #about-why-bb,
    #about-why-bb > div {
      padding: 0;
    }
}

@media (max-width: 768px) {

    /* 1. Target Columns blocks that are NOT inside a header
    main .wp-block-columns.is-not-stacked-on-mobile,
    footer .wp-block-columns.is-not-stacked-on-mobile {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }

    main .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column,
    footer .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
        flex-basis: 100% !important;
        margin-left: 0 !important;
        margin-bottom: var(--wp--style--block-gap, 2rem);
    }

    /* 2. Target Group 'Rows' that are NOT inside a header
    main .wp-block-group.is-layout-flex,
    footer .wp-block-group.is-layout-flex {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    /* 3. Cleanup spacing for stacked items outside the header
    main .wp-block-group.is-layout-flex > *,
    footer .wp-block-group.is-layout-flex > * {
        margin-inline-start: 0 !important;
        margin-top: var(--wp--style--block-gap, 1.5rem);
    } */

    .three-services-block .wp-block-group.is-vertical {
        flex-basis: 100%;
        flex-direction: row;
        gap: 5px;
        justify-content: center;
    }
    .three-services-block > .wp-block-group.wp-block-group-is-layout-flex {
        flex-wrap: wrap;
    }
    .three-services-block > .wp-block-group.wp-block-group-is-layout-flex h4 {
    	line-height: 1.5em !important;
    	font-size: 90%;
    }
    .wp-block-group.three-services-block.is-layout-flow.wp-block-group-is-layout-flow {
    	padding: 5% !important;
    }
    .wp-block-column.is-style-sticky {
    	position: initial;
    }
    .has-background div:not(#home-private-public-blocks) > .wp-block-group:not(.private-public-blocks-wrap) {
    	padding: 10px;
    }
    .has-background .wp-block-group .wp-block-columns {
    	padding: 15px 15px 30px !important;
    	gap: 1em;
    }
    .has-background .wp-block-group .wp-block-columns .wp-block-column {
    	padding: 0 !important;
    }
    .wp-block-columns {
      padding: 5px;
    }
    .wp-block-group:not(.no-padding-mobile).has-global-padding {
      padding: 40px 10px;
    }
    .wp-block-group.ccs-services-slogan {
      margin-bottom: 20px;
      gap: 1rem;
    }
    .wp-block-group.ccs-services-slogan h4 {
      font-size: 80%;
      line-height: 1rem;
    }
    #ccs-cta-button {
    	flex-direction: column-reverse;
    	text-align: center;
    }
    .wp-block-image.alignright {
    	float: none;
    	padding: 0;
    	margin: 0 25px 40px;
    }
    #about-top .wp-block-cover__inner-container {
        padding: 0;
    }
    #about-top .wp-block-column.is-vertically-aligned-center {
        padding: 0 !important;
    }

}

@media screen and (max-width:992px) {

    .wp-child-theme-suite-for-crosscurrent-strategies figure.wp-block-gallery.has-nested-images {
    	gap: 20px;
    }
    .floating-jump-menu,
    .scroll-indicator {
    	display: none;
    }
    .private-public-blocks-wrap {
    	width: initial;
    }
    #home-private-public-blocks .wp-block-cover__inner-container {
    	height: 70vw;
    }
    .home.wp-child-theme-suite-for-crosscurrent-strategies #client-logos-fade figure.wp-block-gallery.has-nested-images {
    	gap: 10px;
    }
    .floating-jump-menu {
        display: none;
    }
    #modal-2-content .wp-block-navigation-item__content {
    	font-size: 115%;
    }
    .wp-child-theme-suite-for-crosscurrent-strategies .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
    	margin-bottom: 20px;
    }
    #logo-footer-menu-mobile .wp-block-navigation__container {
    	gap: 1.5rem;
    }

}

@media screen and (max-width:1199px) {

    #home-header-slogan {
      display: none;
    }
    #home-header-slogan-mobile {
      display: flex;
    }
    .wp-child-theme-suite-for-crosscurrent-strategies .wp-block-media-text > .wp-block-media-text__content {
    	padding: 8%;
    }

}

@media screen and (max-width:1340px) {

  #ccs-page-template-title h1 {
  	padding-left: 20px !important;
  }

}