/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Template: twentytwentyfive
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
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
Version: 1.0.3
Updated: 2025-7-11 16:25:42

*/

:root {
  --header-h: 55px; /* match your fixed header height */
}


/* THIS IS DETECTED BY LIGHTHOUSE AS EVENTUALLY BEING VISIBLE */
body {
    /* default opacity of 1, if animation is not supported */
    opacity: 1;
    background-color: #f2f2f2;
    animation-name: fadeIn;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.5s;
}

@keyframes fadeIn {
    0% {
        opacity: 0.01;
    }
    1% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}




/* Remove global padding only where you add the helper class */

.FeaturedCoverImage {
  margin-top: var(--header-h)!important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* Navigation */


/* Background color when scrolled */
.StickyHeader.scrolled {
    background: #f2f2f280; /* Adjust the color and opacity */
    backdrop-filter: blur(15px); /* Apply a blur effect */
    -webkit-backdrop-filter: blur(15px); /* Safari support */
}

/* Fixed header fallback */
.StickyHeader {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 10000;
  background: #f2f2f2;
  height:55px!important;
  transition: background 0.4s ease, backdrop-filter 0.4s ease;
  -webkit-transition: background 0.4s ease, -webkit-backdrop-filter 0.4s ease; /* Safari support */
    backdrop-filter: blur(15px); /* Apply a blur effect */
    -webkit-backdrop-filter: blur(15px); /* Safari support */
}





/* Custom focus outline */
:focus {
  outline: 1px solid #adadad; /* Change colour to match your brand */
  outline-offset: 1px;
}

/* Optionally remove focus outlines when using a mouse */
:focus:not(:focus-visible) {
  outline: none;
}


.LatestPostsFooter.ul {

line-height: 30px!important;
text-decoration: none!important;

}


/** Push menu onto new line **/ 
#{$wrap} { 
    clear: both; 
}

#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle + #mega-menu-max_mega_menu_1  {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link {
	  text-align: center };




@include mobile {
    #{$wrap} .mega-menu-toggle.mega-menu-open:after {
        opacity: 0;
    }
}



.mega-toggle-animated-box {
z-index: 99999999999 !important;
}

#mega-menu-max_mega_menu_1 
{
    backdrop-filter: blur(20px); /* Apply a blur effect */
    -webkit-backdrop-filter: blur(20px); /* Safari support */
}
 


    #mega-menu-wrap-max_mega_menu_1:has(.mega-menu-open) #mega-menu-max_mega_menu_1[data-effect-mobile^="slide_right"] + button.mega-close {
        left: calc(100vw - 60px) !important;
        top: calc(0vh - -20px) !important;
    }

#mega-menu-max_mega_menu_1 .mega-menu-link {
  margin-left: auto!important;
  margin-right: auto!important;
}


#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1.mega-menu-vertical > li.mega-menu-flyout.mega-menu-item {
  align-self: center;
}

@media (max-width: 781px) {
  .mega-menu-item-4205 {
    display: block; /* Show the item */
  }
  
  .mega-menu-item-42053 {
    display: block; /* Show the item */
  }
  
}

@media (min-width: 782px) {
  .mega-menu-item-42052 {
    display: none!important; /* Hide the item */
  }
  
  .mega-menu-item-42053 {
    display: none!important; /* Hide the item */
  }  
  
}



.wp-block-media-text__content {  
margin-left: 13px!important;
}


.page-id-31549 .wp-block-media-text__content {
    margin-left: 0px !important;
}



.folio-title {
    margin-right: 10px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.wp-block-group.ProjectURL {
  display: flex;
  justify-content: center; /* centre horizontally */
}

/* Style the button itself */
.wp-block-button__link {
  border-radius: 30px;   /* round corners */
  padding: 15px 30px;
  color: #fff;
  text-decoration: none;
  font-size: 1rem;
   letter-spacing: 1px;
}

.wp-block-button__link:hover {
  background-color: #005177;
}





.topnav {
  max-width:1340px;
  margin-left: auto!important;
  margin-right: auto!important;
  --wp--preset--spacing--20: 0px;
  --wp--preset--spacing--30: 0px;
  --wp--preset--spacing--40: 0px;
  

}



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

.home .wp-block-cover {
	margin-top: -130px; /* Adjust margin as needed */
    position: relative; /* Required for proper stacking order */

}


.TopNavLeft { 
  margin-left: auto!important;
  margin-right: auto!important;
  text-align: center!important;
  pointer-events: auto;
  width:100px!important;
}

.TopNavCenter {
  margin-left: auto!important;
  margin-right: auto!important;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  pointer-events: auto;  
width:200px!important;
  
}

.TopNavRight {
  margin-left: auto!important;
  margin-right: auto!important;
  }
  

.mega-toggle-blocks-center {
display:none!important;
}

.mega-toggle-blocks-right {
display:none!important;

}

 .wp-block-site-logo .custom-logo {
	  z-index: 90;
    
        }

.SiteTitle {
	font-size:0.6rem!important;
}
 
#mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 {
 text-align: center!important;
}

#mega-menu-max_mega_menu_3 .mega-menu-link {
font-size: 9px!important;
}



}




.PageHeaderMovie 
{
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); /* Optional: Adds a shadow for emphasis */

}






#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle {
  pointer-events: none;
  padding-left:10px;
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated {
  pointer-events: auto;
  padding-left:10px;
}


/* Fixed logo size inside .ClientLogos */
.ClientLogos .wp-block-image img,
.ClientLogos img {
  width: 135px !important;
  height: 100px !important;
  max-width: none !important; /* stop width:auto / max-width:100% from shrinking it */
  height: 100px !important;   /* override any height:auto */
  margin-left: auto!important;
  margin-right: auto!important;
  margin-top: 10px!important;
  margin-bottom: 10px!important;

}


.ClientLogos .wp-block-image {
border: 1px solid #cccccc;
}


.wp-block-media-text > .wp-block-media-text__content {

    padding: 0px!important;
}



/* Footer Icons */
.footer-logo {
	width: 270px;
	height: 40px;
	padding: 5px 5px 5px 40px;	
}



p.footer-phone {
	width: 270px;
	height: 40px;
	margin: 0 0 5px;
	padding: 5px 5px 5px 40px;
	background: url(https://www.willpearson.co.uk/wp-content/themes/twentytwentyfive-child/images/Phone.png) 0 5px no-repeat;
	text-align: left;
	}

p.footer-email {
	width: 270px;
	height: 40px;
	margin: 0 0 5px;
	padding: 5px 5px 5px 40px;
	background: url(https://www.willpearson.co.uk/wp-content/themes/twentytwentyfive-child/images/Email.png) 0 8px no-repeat;
	text-align: left;
}

p.footer-location {
	width: 270px;
	height: 40px;
	margin: 0 0 5px;
	padding: 5px 5px 5px 40px;
	background: url(https://www.willpearson.co.uk/wp-content/themes/twentytwentyfive-child/images/Location.png) 0 9px no-repeat;
	text-align: left;
}



.FeaturedImageGroup.has-global-padding {
	padding:0px!important;
}