/*Site title no underline*/
.wp-block-site-title a:hover{
    text-decoration: none;
}
/*Site title no underline END*/

/*menu hamburger*/
.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
    color: #F2F2EF;
    padding-top: 38px;
    padding-right: 16px;
}
/*menu hamburger END*/

/*OVERLAY MENU */
/* OM top padding */
ul.wp-block-navigation {
	margin-top: 6em;
}
/*OM – top padding END*/

/*Font style*/
.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 200;	
    color: #F2F2EF;
}
/*OM Font style END*/

/*OM – font style hover*/
  .wp-block-navigation-item__label:hover {
  font-weight: 300;
  color: #316D87;
}
/*OM – font style END*/

/*OM – hover transition*/
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item__label {
  transition: color 0.4s ease;
	transition: font-weight 0.2s ease;

}
/*OM – hover transition END*/

/*overlay menu – background blur & transition ease*/
#modal-1 {
    background-color: #00395285;
    -webkit-backdrop-filter: blur(6.5px);
    backdrop-filter: blur(6.5px);
}

/* Override WordPress's default opacity fade and animate the blur instead */
#modal-1.is-menu-open {
    animation: overlay-blur-in 0.4s ease-out forwards;
}

@keyframes overlay-blur-in {
    from {
        opacity: 1;
        background-color: #00395200;
        -webkit-backdrop-filter: blur(0px);
        backdrop-filter: blur(0px);
    }
    to {
        opacity: 1;
        background-color: #00395285;
        -webkit-backdrop-filter: blur(6.5px);
        backdrop-filter: blur(6.5px);
    }
}
/* menu overlay blur END*/

/*Link decoration*/
.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
    text-decoration: none;
}
/*Link decoration END*//



/*OVERLAY MENU END */

/*no social share links on posts*/
.sd-sharing {
	display: none;
}
div.sharedaddy {
		display: none;
}
/*no social share links on posts END*/

 




/* Placeholder for posts without a featured image */
.image-grid .wp-block-post:not(:has(.wp-block-post-featured-image img))::before {
  content: "";
  display: block;
  aspect-ratio: 16 / 9;
  background:
    linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), 
url(https://shaping-places.co/wp-content/uploads/2026/10/SP-avatar-image.png) center / cover no-repeat #e5e5e5;
  margin-bottom: 1em;
}

/* Tint on real featured images */
.image-grid .wp-block-post-featured-image {
  position: relative;
}

.image-grid .wp-block-post-featured-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}

/* Placeholder for posts without a featured image */
.wp-block-post-template.is-layout-grid.columns-3 .wp-block-post:not(:has(.wp-block-post-featured-image img))::before {
  content: "";
  display: block;
  aspect-ratio: 3 / 2;
  background:
    linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
url(https://shaping-places.co/wp-content/uploads/2026/10/SP-avatar-image.png) center / cover no-repeat #e5e5e5;
		opacity:70%;
}
/* Placeholder for posts without a featured image END*/

/*home page posts border*/
.wp-block-group.alignwide.hover-swap.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-5f9e567b.wp-block-group-is-layout-flex {
	/*border-top-color: var(--wp--preset--color--theme-4); */}
/*home page posts border END*/

/*mobile layout*/
@media screen and (max-width: 780px) {
	.wp-block-group.alignwide.wp-states-fb43cc8c.is-content-justification-space-between.is-layout-flex.wp-container-core-group-is-layout-d433c6e7.wp-block-group-is-layout-flex {
    flex-wrap: nowrap;
	}
.wp-block-group.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-051ba9f1.wp-block-group-is-layout-flex {
    padding-right: var(--wp--preset--spacing--70);
    padding-left: 10px !important;
    text-wrap: nowrap;
}}
	/*mobile layout END*/

	/*button colour hover*/
	:root :where(.wp-block-button.is-style-clean--1 .wp-block-button__link):hover {
    background-color: #003952 !important;
}
	/*button colour hover  END*/

/*post linkedin button colour*/
.jetpack-sharing-button__button.style-icon.share-linkedin {
    background-color:#F2F2EF !important;
}