/*
Theme Name: GCC Block Theme
Theme URI: https://greenclosetcreative.com/
Author: AnnMarie DeVito - Web Developer 
Author URI: https://greenclosetcreative.com/
Description: Custom block theme created by Green Closet Creative.
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 8.1
Version: 3.0.7
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: gcc-block-theme
*/

html, body { overflow-x: hidden; }

.icon-grid {
    align-items: flex-end;
}

h1 mark {
    display: block;
    background-color: transparent;
    color: inherit;
    font-family: var(--wp--preset--font-family--source-sans-3);
    font-weight: normal;
}

#hero {
    z-index: 10;
}

@media screen and (max-width: 781px) {
    body.page-template-default:not(.home) #hero .wp-block-column .wp-block-group {
        min-height: auto !important;
    }
    body.page-template-default:not(.home) #hero h1 {
        margin: 0 auto;
    }
    body.page-template-default:not(.home) #hero .wp-block-post-featured-image {
        margin-bottom: var(--wp--preset--spacing--70);
    }
}

.ghost-icon {
    position: relative;
}
.ghost-icon::before {
    content: url(assets/images/ghost-icon.png);
    display: block;
    position: absolute;
    left: -180px;
}


#living-your-way .wp-block-group-is-layout-grid .is-vertical {
    overflow: hidden;
    position: relative;
}
#living-your-way .wp-block-group-is-layout-grid .is-vertical:hover {
    transform: scale(1.025);
}
/* Default state for each block */
#living-your-way .wp-block-group.is-layout-grid > .wp-block-group {
  opacity: 1;
  transition: all 0.3s ease;
}

/* When any block inside the grid is hovered, dim the ones not hovered */
#living-your-way .wp-block-group.is-layout-grid:has(> .wp-block-group:hover) > .wp-block-group:not(:hover) {
  opacity: 0.5;
}

.arrow-link {
  position: relative;
  display: inline-block;
  width: 48px;  /* adjust as needed */
  height: 48px;
}

.arrow-link svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  fill: #003b75; /* Allows color inheritance from the link */
}

.arrow-link svg .line {
    opacity: 1;
    transform: translate(-20px, 42px);
    
}
.arrow-link svg .arrow {
    transform: translate(42px, -10px);
    transition: all 0.3s ease;
}
.arrow-link svg .arrow1,
.arrow-link svg .arrow2 {
    transform: translate(-120px, -10px);
    opacity: 0;
    transition: all 0.3s ease;
}

.arrow-link:hover svg .line {
    /*transform: translate(-105px, 42px);*/
    opacity: 0;
    transition: all 0.3s ease;
}
.arrow-link:hover svg .arrow {
    transform: translate(75px, -10px);
}
.arrow-link:hover svg .arrow1,
.arrow-link:hover svg .arrow2 {
    transform: translate(-30px, -10px);
    opacity: 1;
}

.ghost-leaf {
    position: relative;
}
.ghost-leaf:before {
    content: url(assets/images/ghost-leaf.png);
    display: block;
    position: absolute;
    left: -40px;
    top: -65px;
}

#hear-from-our-community .slider {
    position: relative;
    text-align: right;
    overflow: hidden;
}

#hear-from-our-community .slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

#hear-from-our-community .slide {
    min-width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    text-align: left;
}

#hear-from-our-community .prev, #hear-from-our-community .next {
    color: var(--wp--preset--color--theme-primary-2);
    border: 3px solid var(--wp--preset--color--theme-primary-2);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    cursor: pointer;
    font-size: 24px;
    z-index: 10;
}

    
.copyright img { 
    vertical-align: middle;
}
.copyright a img { 
    transition: opacity 0.3s ease;
}
.copyright a:hover img { 
    opacity: 0.5;
}


/* Leadership Team columns */
@media screen and (max-width: 889px) {
    #leadership-team > .wp-block-columns .wp-block-columns {
        flex-wrap: wrap!important;
        justify-content: center;
        text-align: center;
    }
}
@media screen and (min-width: 600px) and (max-width: 781px) {
    #leadership-team > .wp-block-columns {
        flex-wrap: nowrap!important;
    }
}