/*
 Theme Name:   Inspiro Child
 Theme URI:    https://example.com/inspiro-child
 Description:  Child theme of Inspiro
 Author:       Sean Stapleton
 Author URI:   https://example.com
 Template:     inspiro
 Version:      1.0.0
*/


/* make sure the image can “grow” without spilling */
.hover-zoom-cover .wp-block-cover__inner-container {
  overflow: hidden;
}

/* target the background image/video and overlay */
.hover-zoom-cover .wp-block-cover__image-background,
.hover-zoom-cover .wp-block-cover__video-background {
  transition: transform 0.6s ease;
}
.hover-zoom-cover .wp-block-cover__gradient-background,
.hover-zoom-cover .wp-block-cover__inner-container::before {
  /* depending on your theme, the dim might be a gradient or a pseudo-element */
  transition: opacity 0.6s ease;
}

/* on hover: zoom in */
.hover-zoom-cover:hover .wp-block-cover__image-background,
.hover-zoom-cover:hover .wp-block-cover__video-background {
  transform: scale(1.1);
}

/* on hover: remove overlay */

.hover-zoom-cover:hover .wp-block-cover__gradient-background,
.hover-zoom-cover:hover .wp-block-cover__inner-container::before {
  opacity: 0 !important;
}

.hover-zoom-cover:hover .wp-block-cover__image-background {
    opacity: 1 !important;
}

/* 1. Override the default dim on the cover’s ::before pseudo-element */
.hover-zoom-cover .wp-block-cover.has-background-dim::before {
  /* change to .5 for 50% opacity (your “5”), or any fraction you like */
  opacity: .5 !important;
  /* transition timer: change .8s to 0.5s, 1s, etc. */
  transition: opacity .8s ease;
  /* ensure it sits on top of the image but behind content */
  z-index: 1;
}

/* 2. On hover: kill that pseudo-element */
.hover-zoom-cover:hover .wp-block-cover.has-background-dim::before {
  opacity: 0 !important;
}

/* 3. Image zoom transition */
.hover-zoom-cover .wp-block-cover__image-background {
  transition: transform .8s ease;
}
.hover-zoom-cover:hover .wp-block-cover__image-background {
  transform: scale(1.1);
}


/* 

uncategorized

*/

.cover-push-bottom {
    align-items: flex-end !important;
}

.kiss-pink {
    color: #cc266b !important;
}

.hover-zoom-cover .has-background-dim {
    transition: opacity 0.6s ease-in-out !important;
}

.hover-zoom-cover:hover .has-background-dim {
    cursor: pointer !important;
    opacity: 0.5 !important;
}

.learn-more-btn a {
    background-color: transparent;
    /* color: #cc266b  !important; */
    color: #fff  !important;
    font-size: 2rem;
    opacity: 1;
}

.learn-more-btn a:hover {
    background-color: transparent !important;
}



.wp-blurb-backing > .wp-block-cover__image-background {
	opacity: 0.1;
}

/*

homepage cards

*/

.gs-team-popup .member-skill, .gs-team-popup .gs-team-skills {
    display: none !important;
}
/* kiss productions, bernie and sue */

.wp-blurb-backing {
	position: relative;
	overflow: hidden;
}

.wp-blurb-backing .wp-block-cover__background {
	z-index: 1;
}

.wp-blurb-backing > .wp-block-cover__inner-container {
	position: static !important;
    padding-top: clamp(5rem, 10vh, 8rem);
}

.wp-blurb-backing > .wp-block-cover__inner-container > *:not(.bas) {
	position: relative;
	z-index: 3;
}

.wp-blurb-backing .bas {
	position: absolute;
	left: 0;
	bottom: -1rem;
	z-index: 2;
	margin: 0;
	width: min(45vw, 660px);
}

.wp-blurb-backing > .wp-block-cover__inner-container > h2,
.wp-blurb-backing > .wp-block-cover__inner-container > p {
	max-width: 900px;
}

/* general card styles */

.small-card h3 {
    font-size: 1.25rem;
}


/* service reveal cards */

.service-reveal-card {
	position: relative;
	overflow: hidden;
	min-height: 430px;
	display: flex;
	align-items: flex-end;
}

.service-card-featured {
	min-height: 430px;
}

.service-reveal-card .wp-block-cover__image-background,
.service-reveal-card .wp-block-cover__video-background {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	object-fit: cover !important;
	object-position: center center;
}

.service-reveal-card .wp-block-cover__inner-container {
	position: absolute !important;
	inset: 0 !important;
	z-index: 3;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block;
	overflow: hidden;
}

.service-reveal-card .service-card-details {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 4;
	width: auto;
	margin: 0 !important;
	padding: 1.25rem 1.35rem;
	background: linear-gradient(
		to top,
		rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0.0)
	);
	transform: translateY(calc(100% - 5.5rem));
	transition: transform 0.45s ease;
}

.service-reveal-card .service-card-details h2,
.service-reveal-card .service-card-details h3,
.service-reveal-card .service-card-details h4 {
	margin: 0 0 0.35rem !important;
	color: #fff !important;
	font-family: "Permanent Marker", cursive !important;
	font-size: clamp(1.6rem, 2.1vw, 2.35rem);
	line-height: 1.05;
}

.service-reveal-card .service-card-details p {
	margin: 0.75rem 0 0 !important;
	color: rgba(255, 255, 255, 0.9);
	font-size: 0.95rem;
	line-height: 1.45;
	opacity: 0;
	transform: translateY(0.5rem);
	transition: opacity 0.35s ease, transform 0.35s ease;
}

.service-reveal-card .service-card-details p:last-child {
	margin-top: 0.85rem !important;
}

.service-reveal-card .service-card-details a {
	color: #cc266b !important;
	font-weight: 700;
	text-decoration: none;
	opacity: 0;
	transform: translateY(0.5rem);
	transition: opacity 0.35s ease, transform 0.35s ease, color 0.25s ease;
}

.service-reveal-card .service-card-details a:hover {
	color: #fff !important;
}

.service-reveal-card:hover .service-card-details,
.service-reveal-card:focus-within .service-card-details {
	transform: translateY(0);
}

.service-reveal-card:hover .service-card-details p,
.service-reveal-card:hover .service-card-details a,
.service-reveal-card:focus-within .service-card-details p,
.service-reveal-card:focus-within .service-card-details a {
	opacity: 1;
	transform: translateY(0);
}

@media (max-width: 767px) {
	.service-reveal-card {
		min-height: 280px;
	}

	.service-reveal-card .service-card-details {
		transform: none;
	}

	.service-reveal-card .service-card-details p,
	.service-reveal-card .service-card-details a {
		opacity: 1;
		transform: none;
	}
}

.greyscale-img {
    filter: grayscale(100%);
    --webkit-filter: grayscale(100%);
    transition: filter 0.6s ease-in-out !important;
}

.greyscale-img:hover {
    filter: grayscale(0%);
    --webkit-filter: grayscale(0%);
}
/*

.entry-cover-image .entry-header .entry-title

*/  

.entry-cover-image .entry-header .entry-title {
    font-family: "Permanent Marker", cursive !important;
    font-size: 3rem !important;
    letter-spacing: 0.1em !important;
}

.search-submit {
    background-color: #cc266b !important;
    border-color: #cc266b !important;
    color: #fff !important;
}

.search-submit:hover {
    background-color: #333 !important;
}


/*

menu overrides (client-based)

*/

.navbar-nav>li.current-menu-item>a,.navbar-nav>li.current-menu-parent>a,.navbar-nav>li.current_page_item>a {
    border-bottom: 1px solid #cc266b !important;
}

.navbar-nav>li>a:hover {
  border-bottom: 1px solid #cc266b !important;
  opacity: 1 !important;
}

.sb-search .sb-search-button-close .sb-icon-search:hover,.sb-search .sb-search-button-open .sb-icon-search:hover {
    opacity: 1 !important;
    color: #cc266b !important;
    fill: #cc266b !important;
}

/* 

font awsome overrides

*/

.fa-chevrons-down {
  margin-top: 1rem;
}