/*
 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);
}

/* 


*/

.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;
}

/*

*/

.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;
}