/*
Theme Name: Impactunlimited
Theme URI: https://impactunlimited.co.uk
Description: Child theme for 2024
Author: SLevine
Author URI: https://sonik-systems.com
Template: twentytwentyfour
Version: 1.0.0
*/









@font-face {
    	font-family: 'Satoshi-Italic';
 	src: 
        url('../../../wp-content/themes/Impactunlimited/fonts/Satoshi-Italic.eot') format('embedded-opentype'),
		url('../../../wp-content/themes/Impactunlimited/fonts/Satoshi-Italic.eot?#iefix') format('embedded-opentype'), 
		url('../../../wp-content/themes/Impactunlimited/fonts/Satoshi-Italic.woff2') format('woff2'),
		url('../../../wp-content/themes/Impactunlimited/fonts/Satoshi-Italic.woff') format('woff'),
		url('../../../wp-content/themes/Impactunlimited/fonts/Satoshi-Italic.otf') format("opentype"),
		url('../../../wp-content/themes/Impactunlimited/fonts/Satoshi-Italic.ttf') format('truetype');

	font-display:swap;
}



@font-face {
    	font-family: 'Satoshi-MediumItalic';
 	src: 
        url('../../../wp-content/themes/Impactunlimited/fonts/Satoshi-MediumItalic.eot') format('embedded-opentype'),
		url('../../../wp-content/themes/Impactunlimited/fonts/Satoshi-MediumItalic.eot?#iefix') format('embedded-opentype'), 
		url('../../../wp-content/themes/Impactunlimited/fonts/Satoshi-MediumItalic.woff2') format('woff2'),
		url('../../../wp-content/themes/Impactunlimited/fonts/Satoshi-MediumItalic.woff') format('woff'),
		url('../../../wp-content/themes/Impactunlimited/fonts/Satoshi-MediumItalic.otf') format("opentype"),
		url('../../../wp-content/themes/Impactunlimited/fonts/Satoshi-MediumItalic.ttf') format('truetype');

	font-display:swap;
}


@font-face {
    	font-family: 'Satoshi-Medium';
 	src: 
        url('../../../wp-content/themes/Impactunlimited/fonts/Satoshi-Medium.eot') format('embedded-opentype'),
		url('../../../wp-content/themes/Impactunlimited/fonts/Satoshi-Medium.eot?#iefix') format('embedded-opentype'), 
		url('../../../wp-content/themes/Impactunlimited/fonts/Satoshi-Medium.woff2') format('woff2'),
		url('../../../wp-content/themes/Impactunlimited/fonts/Satoshi-Medium.woff') format('woff'),
		url('../../../wp-content/themes/Impactunlimited/fonts/Satoshi-Medium.otf') format("opentype"),
		url('../../../wp-content/themes/Impactunlimited/fonts/Satoshi-Medium.ttf') format('truetype');

	font-display:swap;
}


@font-face {
    	font-family: 'Satoshi-Regular';
 	src: 
        url('../../../wp-content/themes/Impactunlimited/fonts/Satoshi-Regular.eot') format('embedded-opentype'),
		url('../../../wp-content/themes/Impactunlimited/fonts/Satoshi-Regular.eot?#iefix') format('embedded-opentype'), 
		url('../../../wp-content/themes/Impactunlimited/fonts/Satoshi-Regular.woff2') format('woff2'),
		url('../../../wp-content/themes/Impactunlimited/fonts/Satoshi-Regular.woff') format('woff'),
		url('../../../wp-content/themes/Impactunlimited/fonts/Satoshi-Regular.otf') format("opentype"),
		url('../../../wp-content/themes/Impactunlimited/fonts/Satoshi-Regular.ttf') format('truetype');

	font-display:swap;
}





:root {	
	--impactCharcoal:#212129;
	--impactWhite:#f2f7f5;
	--impactOrange:#ff5500;
}


body {

font-family: "Satoshi-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;

    background: white;

color: var(--impactCharcoal);

	max-width:1600px;

    margin: auto!important;

}

/* stop lateral movement on mobile */

html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

* {
  box-sizing: border-box;
}


a {

        text-decoration: none !important;
        -webkit-text-decoration-skip: objects !important; 
}




h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Satoshi-Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/* header overlay content */
.site-header-overlay {

    position: absolute;
    top: 20px;



    left: 50%;
    transform: translateX(-50%);

    max-width: 1420px;

    width: 90%;

/*    right:5%;
    left:5%;
*/

/*  left: 0;
*/

    background: transparent; 

    z-index: 1000;

    max-width: 1420px;
    
}

/* 2) Ensure the first block can sit under it cleanly */
body .wp-site-blocks > *:first-child {
  margin-top: 0;
}

/* 3) Give the first Cover enough top padding so text isn't hidden behind nav */
body .wp-site-blocks > .wp-block-cover:first-child,
body .wp-site-blocks > .wp-block-group:first-child .wp-block-cover:first-child {
  padding-top: clamp(64px, 8vw, 120px); /* match header height */
}

/* 4) Admin bar compatibility */
.admin-bar .site-header-overlay {
/*  top: var(--wp-admin--admin-bar--height, 32px);*/

}



.v_large_title {
font-family: "Satoshi-Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: clamp(3rem, 3.8vw + 1.575rem, 5.375rem);
    line-height: clamp(2.45rem, 3.2vw + 1.85rem, 5.15rem);
    
}



.impactButton, .cn-buttons-container button, .revokeCookies a, .readMore  {
    
    
    box-shadow: none !important;
    border-style: solid !important;
    text-decoration: none !important;
    align-content: center !important;
    box-sizing: border-box !important;
    display: inline-block !important;
    height: 100% !important;
    text-align: center !important;
    word-break: break-word !important;
    cursor: pointer !important;
    background-color: var(--wp--preset--color--contrast) !important;
    font-family: inherit !important;
    font-size:0.8rem;
    /* font-size: var(--wp--preset--font-size--small) !important; */
    font-style: normal !important;
    font-weight: 500 !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    padding-top: 0.4rem !important;
    padding-right: 1.2rem !important;
    padding-bottom: 0.4rem !important;
    padding-left: 1.2rem !important;
    text-transform: inherit !important;
    color: var(--wp--preset--color--custom-offwhit) !important;
    border-color: var(--wp--preset--color--custom-orange) !important;
    width: max-content !important;
    border-width: 2px !important;
    border-top-left-radius: 29px !important;
    border-top-right-radius: 29px !important;
    border-bottom-left-radius: 29px !important;
    border-bottom-right-radius: 29px !important;

    min-width:80px;

}

.revokeCookies a {
    background-color: unset !important;
    color: var(--impactCharcoal) !important;
    font-size:0.9rem;
}

.v_large_title em {
    
font-family: "Satoshi-Italic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;

    
}


@media (max-width: 600px) {
    .v_large_title {
        font-size: clamp(2rem, 3.24vw + 1.26rem, 2.9rem);
        line-height: clamp(1.95rem, 3.2vw + 1.25rem, 4.45rem);
    }
}






.red_title {
    color:var(--impactOrange);
}

.black_title {
    color:black;
}

:where(.wp-site-blocks *:focus) {

    outline-style: none;
}



#rmp_menu_trigger-150 .responsive-menu-pro-inner {
    width:46px;
    
}


#rmp_menu_trigger-150:hover {
    cursor: pointer;
}

#rmp_menu_trigger-150 .responsive-menu-pro-inner::before, #rmp_menu_trigger-150 .responsive-menu-pro-inner::after {
    width: 33px;
    right: 0px;
}

.rmp-menu-trigger-boring.is-active .responsive-menu-pro-inner {
    width: 33px !important;
}    
    
.rmp-menu-trigger-boring.is-active{
    
    right:6%!important;
}
    
.wp-block-navigation__responsive-container.is-menu-open {
    padding:0;
    padding-left: 2%;
    background-color: var(--impactCharcoal)!important;
}


@media screen and (min-width: 782px) { 

	.rmp_menu_trigger {

		display:none !important;
	}
}

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

	.desktopnav {

		display:none !important;
	}
}






/* ==========================================
   Change mobile breakpoint from 782px → 600px
   Works with:
   - "Stack on mobile" enabled
   - Columns inside Group block
========================================== */


/* STOP stacking between 601px–781px */

/*
@media (min-width: 601px) and (max-width: 781px) {

  .wp-block-columns.is-layout-flex {
    flex-wrap: nowrap !important;
  }


  .wp-block-columns.is-layout-flex > .wp-block-column {
    flex-basis: 0 !important;
    flex-grow: 1 !important;
  }

  .wp-block-columns.is-layout-flex > .wp-block-column.left_of_insights {
        flex-basis: 42.5%!important; 
    
    }


}

*/


/* STACK at 600px and below */

/*

@media (max-width: 600px) {

  .wp-block-columns.is-layout-flex {
    flex-wrap: wrap !important;
  }

  .wp-block-columns.is-layout-flex > .wp-block-column:not(.locale_container) {
    flex-basis: 100% !important;
    flex-grow: 0 !important;
  }


  .wp-block-columns.is-layout-flex > .wp-block-column.locale_container {
        flex-basis: 0!important; 
        flex-grow:1!important;    
    }


}

*/


/* Make both columns equal height */
.split-block-1 {
    display: flex;
    align-items: stretch;
}

/* Each column behaves like a flex column */
.split-block-1 > .wp-block-column:first-child, .leftrightswitch {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Make image fill its column */
.split-block-1 .wp-block-image,
.split-block-1 .wp-block-image img {
    height: 100%;
}

.split-block-1 .wp-block-image img {
    object-fit: cover;
}



.partners {
    max-width:630px;
}

@media (max-width: 782px) {
    .partners {
        max-width:600px;
    }
}

.white_button {
    transition: all 0.2s ease;
}

.white_button:hover {
    filter: brightness(85%);
}



.tag {
    color:white;
border-radius: 24px;
    background: var(--impactOrange);
    max-width: fit-content;
    padding: 1px 22px 5px 22px;
    margin-left: 6px;
    margin-block-start: 14px !important;
    
}



/* ===== Split Cards: equal height columns + aligned split line ===== */

/* 1) Force the Columns wrapper to stretch children */
.wp-block-columns.split-cards {
  align-items: stretch !important;
}

/* 2) IMPORTANT: override WP's is-vertically-aligned-top (align-self:flex-start) */
.wp-block-columns.split-cards > .wp-block-column, .columns-3.split-cards > .wp-block-post {
  align-self: stretch !important;
  display: flex;              /* make column a container */
}

/* 3) The inner group becomes the "card" and fills the column height */
.wp-block-columns.split-cards > .wp-block-column > .wp-block-group, .columns-3.split-cards > .wp-block-post  > .wp-block-group {
  flex: 1;
  display: grid;              /* 2-row layout: text + image */
  grid-template-rows: 1fr auto;
  min-height: 0;              /* prevents overflow quirks */
}

/* 4) Target the two inner groups: first is text, second is image */
.wp-block-columns.split-cards > .wp-block-column > .wp-block-group > .wp-block-group:first-child,  .columns-3.split-cards > .wp-block-post  > .wp-block-group > .wp-block-group:first-child  {
  min-height: 0;
}

.wp-block-columns.split-cards > .wp-block-column > .wp-block-group > .wp-block-group:last-child, .columns-3.split-cards > .wp-block-post  > .wp-block-group > .wp-block-group:last-child  {
  min-height: 0;
}


.wp-block-columns.split-cards.is-layout-flex {
    gap:0.8rem;
}




.wp-block-columns.split-cards .title {
    font-size: clamp(20px, 2.2vw + 6.8px, 42px);

}


@media (max-width: 600px) {

/*, .columns-3.split-cards .title*/

    .wp-block-columns.split-cards .title {

        font-size: clamp(31px, 1.5vw + 27px, 50px);
    }
}




.events_arrow_cover .wp-block-cover__inner-container {
    position:unset;

    
} 

.events_arrow {
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 0;
}



.event_date {
    font-size: clamp(1.5rem, 3vw + 0.675rem, 4.375rem);
    line-height: clamp(2.45rem, 3.2vw + 1.25rem, 4.45rem);
    
}

/* @media (min-width: 601px) and (max-width: 781px) { */

@media (max-width: 782px) {
    .event_date {
         font-size: clamp(2rem, 3.24vw + 3.26rem, 3.9rem);
   }

}


.split-cards .locale {
    
    padding-left:5%;
}


@media (max-width: 600px) {
    .event_date {
         font-size: clamp(2rem, 3.24vw + 3.26rem, 3.9rem);
   }

    .split-cards .locale {
    
        padding-left:10px;
    }

}

@media (max-width: 500px) {
 .wp-block-post-date {
    font-size: clamp(1.5rem, 5.4vw + 0.675rem, 4.375rem)!important;
 }
}

/*
.stories img {
    
    border-top-left-radius: 0px;
    border-top-right-radius: 24px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 24px;
}


*/


@media (min-width: 600px) {

.wp-block-columns.split-cards > .wp-block-column {
    border-left-color: var(--impactOrange);
    border-left-width: 2px;
    border-left-style:solid;
}

    .more_events {
        display:none!important;
    }
    
}


@media (max-width: 600px) {
    
    .wp-block-columns.split-cards > .wp-block-column {
        border-bottom-color: var(--impactOrange);
        border-bottom-width: 2px;
        border-bottom-style: solid;
        padding-bottom: 20px;
    }

    
   .stories img, .stories {
    
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 24px;
        border-bottom-right-radius: 24px;

    }

    .stories_ideas .spacer {display:none;}

}   



.testimonials em {
    color:var(--impactOrange);
}



.testimonials > div::before{
  content: "\0022" !important;
  content: "“" !important;
  color:var(--impactOrange);
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
/*  margin-right: .35em;*/

font-size:1.4rem;
    
    font-size:3rem;
line-height:1.3rem;

    
}

.testimonials > div::after{
  content: "\0022" !important;
  content: "”" !important;
  display: inline !important;
  visibility: visible !important;
  color:var(--impactOrange);
  opacity: 1 !important;
  margin-left: .05em;
line-height:1.3rem;
    font-size:3rem;

}


.nogap {
        gap: 0rem;
}

.insert-page {
    margin-block-start:0;
}

footer {
    margin-block-start: 0rem;
}


.mailchimp {
    
    line-height:1.2rem;
    
}


.mailchimp, .mailchimp a {
    color:var(--impactWhite)!important;
    font-size: var(--wp--preset--font-size--small);
}

.mailchimp span {
    font-size: var(--wp--preset--font-size--medium);
}

.mailchimp #email {
    overflow-wrap: break-word;
    word-break: break-word;
    width: 74%;
    line-height: 1.6rem;
    font-size: var(--wp--preset--font-size--medium);
    padding: 17px;
    border-radius: 29px;
    direction: ltr;
    padding-top: 8px;
    padding-bottom: 8px;
    background: var(--impactWhite);
    margin-bottom: 11px;
    margin-top: 11px;
    border: 2px solid var(--impactOrange);
}

.mailchimp input[type="checkbox"] {
    margin-left: 9px;
}

.mailchimp .submit {
    	cursor: pointer;
    background-color: var(--wp--preset--color--contrast);
    font-size: var(--wp--preset--font-size--medium);
    padding-top: 0.6rem;
    padding-right: 1rem;
    padding-bottom: 0.6rem;
    padding-left: 1rem;
    color: var(--wp--preset--color--custom-offwhit) !important;
    width: 40%;
    border: solid 2px var(--impactOrange);
    border-radius: 29px;
}


@media (min-width: 600px) {
    
    .mobile_only {
        display:none;
        
    }
}


@media (max-width: 600px) {

    .desktop_only {
        display:none!important;
        
    }


  .footer_column {
    display: flex;
    flex-direction: column;
  }

  .footer_column > *:nth-child(1) {
    order: 3; /* Column 1 goes last */
  }

  .footer_column > *:nth-child(2) {
    order: 1; /* Column 2 goes first */
  }

  .footer_column > *:nth-child(3) {
    order: 2; /* Column 3 goes second */
  }

    .company_number {
        text-align: center;

    }
    
}











.wpcf7-form {

    color:var(--impactWhite);
    width:600px;

    border: 2px solid var(--impactCharcoal);
    padding: 0;
    border-radius: 20px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: var(--impactCharcoal);
}


.wpcf7-form .formInnerWrapper{
    line-height:1.2rem;
    
}

.wpcf7-form .formInnerWrapper a {
    color:var(--impactWhite);
}


.wpcf7-form input, .wpcf7-form textarea, #getintouchTextarea {
    width:95%;

    line-height: 1.6rem;
    font-size: 1.1rem;
    padding: 4px;
    border-radius: 9px;
    border: 2px solid var(--impactCharcoal);
    margin-top:8px;
    padding-left: 10px;
} 



.wpcf7-form input[type="checkbox"]  {
    width:unset;
}

.wpcf7-list-item {
    margin:0;
}

.wpcf7-form textarea {
    height:175px;
}


.wpcf7-form .wpcf7-submit {

    width: max-content;
    font-size: 1.2rem;
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 900;
    padding: 11px;
    margin: 0;
    background-color: #111111;
    margin-left: 8px;
    border: 2px solid var(--impactOrange);
    font-family: "Satoshi-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: var(--varimpactWhite);
    margin-right: 10px;
    padding-left: 28px;
    padding-right: 28px;
    border-radius: 29px;

}


.wpcf7-form .wpcf7-submit:active {
    transform: scale(0.95);

}



.wpcf7-spinner {
    margin:0 5px;
}


.wpcf7-spinner, .wpcf7-spinner::before, .sfsiplus_footerLnk {
    display:none;
    opacity:0;
}

@media (max-width: 700px) {

    .wpcf7-form {
        width:unset;
    }

    .wpcf7-form input, .wpcf7-form textarea {
        width:98%;
    } 

    .wpcf7-form textarea {
        height:unset;
    }

    .wpcf7-form .wpcf7-submit {
/*        width:85px;*/
    }
    
    
}

@media (max-width: 400px) {

    .wpcf7-form .wpcf7-submit {

/*        width:unset;*/

        font-size:1.2rem;
        padding:6px;
        margin:0;
/*        margin-left:10px;    
*/
}

    
}