/*
Theme Name: Inspiro Child
Theme URI: https://www.wpzoom.com/free-wordpress-themes/inspiro-lite/
Template: inspiro
Author: WPZOOM
Author URI: https://www.wpzoom.com/
Description: Inspiro is a professional & lightweight photo and video-focused WordPress theme with a modern design. Packed with features including a fullscreen area that supports Vimeo, YouTube & self-hosted video background, Page Builder integration, Inspiro is perfect for showing off your photography and video portfolio. Moreover, the theme is compatible with WooCommerce and popular Page Builders such as Elementor, Beaver Builder. Learn more and check out our powerful premium version at https://www.wpzoom.com/themes/inspiro/
Tags: one-column,two-columns,right-sidebar,flexible-header,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready,e-commerce,wide-blocks,portfolio,blog,custom-background,featured-image-header,full-width-template,theme-options,block-styles
Version: 1.4.1.1631167551
Updated: 2021-09-09 06:05:51

*/

/*
.custom-logo-link img,
	body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
	body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
		max-width: 700px;
	}

	.title-tagline-hidden.home.has-header-image .custom-logo-link img,
	.title-tagline-hidden.home.has-header-video .custom-logo-link img {
		max-height: 500px;
	}

	.wrap {
		max-width: 1000px;
		padding-left: 1em;
		padding-right: 3em;
	}

	*/


/* Gutenberg image block used as clickable project card */
/* Figure is the positioning container */
.wp-block-image:has(> a.project-feature) {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  margin: 0;
}

/* Link wraps the image */
.wp-block-image > a.project-feature {
  display: block;
}

/* Image */
.wp-block-image > a.project-feature img {
  width: 100%;
  display: block;
  transition: transform 0.4s ease;
}

/* Overlay */ /*
.wp-block-image:has(> a.project-feature)::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.25);
  z-index: 1;
  pointer-events: none;
}
  */
/* Strengthen Gradient on Hover */
.wp-block-image:has(> a.project-feature):hover::after {
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.75) 0%,
    rgba(0,0,0,0.4) 35%,
    rgba(0,0,0,0.0) 65%
  );
}

/* Caption centered on image */ /*
.wp-block-image:has(> a.project-feature) figcaption {
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  width: auto !important;
  max-width: 90%;
  color: #fff !important;
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  z-index: 2 !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.6);
  pointer-events: none;
}
*/
/* Caption Bottom Placement */
.wp-block-image figcaption {
  position: absolute !important;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%) !important;

  margin: 0 !important;
  width: 90%;
  text-align: center;

  color: #fff !important;
  font-size: 1.6rem;
  font-weight: 600;

  z-index: 2 !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.6);
}

/* Hover */
.wp-block-image:has(> a.project-feature):hover img {
  transform: scale(1.05);
}

.wp-block-image:has(> a.project-feature):hover::after {
  /* background: rgba(0,0,0,0.4); */
}

.wp-block-image:has(> a.project-feature)::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.6) 0%,
    rgba(0,0,0,0.3) 30%,
    rgba(0,0,0,0.0) 60%
  );
  z-index: 1;
  pointer-events: none;
}