/*
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: 6.6.1
Requires PHP: 8.1
Version: 3.0.3
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: gcc-block-theme
*/


.site-header.header-transparent {
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 100px;
    background-color: transparent;
}

/* Brands boxes */
#highlighted-brands .wp-block-image {
    position: relative;
}
#highlighted-brands .wp-block-image > a {
    background-color: var(--wp--preset--color--theme-primary);
}
#highlighted-brands .wp-block-image img {
    opacity: .3;
    transition: opacity 0.3s ease-in-out;
}
#highlighted-brands .wp-block-image:hover img {
    opacity: .05;
}
#highlighted-brands .wp-block-image .wp-element-caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center; /* Centers vertically */
}
#highlighted-brands .wp-block-image .wp-element-caption a {
    color: var(--wp--preset--color--theme-white);
    font-family: var(--wp--preset--font-family--cormorant);
    font-size: var(--wp--preset--font-size--xl);
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    display: flex; /* Allows centering with flexbox */
    justify-content: center;
    align-items: center;
}

#standard-brands .wp-block-image a img {
    transition: all 0.3s ease-in-out;
}
#standard-brands .wp-block-image a:hover img {
    filter: brightness(0) saturate(100%) invert(42%) sepia(69%) saturate(441%) hue-rotate(169deg) brightness(92%) contrast(97%);
}

/* Schedule Appt. Form Callout */
#schedule-appointment .gform_wrapper {
    max-width: 600px;
    margin-left: 0 !important;
}
#schedule-appointment .gform_wrapper input,
#schedule-appointment .gform_wrapper textarea {
    background: none;
    border: none;
    border-bottom: 1px solid var(--wp--preset--color--theme-white);
    color: var(--wp--preset--color--theme-white);
    font-family: var(--wp--preset--font-family--montserrat);
    font-size: 14px;
}
#schedule-appointment .gform_wrapper input::placeholder,
#schedule-appointment .gform_wrapper textarea::placeholder {
    color: var(--wp--preset--color--theme-white);
    font-family: var(--wp--preset--font-family--montserrat);
    font-size: 14px;
}

#schedule-appointment .gform_wrapper input[type="submit"] {
    background: var(--wp--preset--color--theme-white);
    border: 1px solid var(--wp--preset--color--theme-white);
    border-radius: 0;
    color: var(--wp--preset--color--theme-primary);
    font-weight: 700;
    line-height: 40px;
    padding: 0 1rem;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
}
#schedule-appointment .gform_wrapper input[type="submit"]:hover {
    background: var(--wp--preset--color--theme-black);
    border-color: var(--wp--preset--color--theme-black);
    color: var(--wp--preset--color--theme-white);
}

@media screen and (max-width: 781px) {
    #schedule-appointment .wp-block-cover .wp-block-heading.has-text-align-right {
        text-align: center !important;
    }
}


.slider {
	width: auto;
	height: auto;
	margin: auto;
	overflow: hidden;
	position: relative;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}
.slider::before, .slider::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 20%;
	z-index: 2;
}
.slider::before {
	left: 0;
	background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}
.slider::after {
	right: 0;
	background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}
.slider .slide-track.scroll-left {
	display: flex;
	will-change: transform;
	transform: translate3d(0, 0, 0); /* Trigger hardware acceleration */
	flex-wrap: nowrap;
}
.slider .slide-track.scroll-right {
	display: flex;
	will-change: transform;
	transform: translate3d(0, 0, 0); /* Trigger hardware acceleration */
	flex-wrap: nowrap;
}
.slider .wp-block-image {
	width: 200px; /* Ensure each slide has the correct width */
}
.slider .wp-block-image img {
	width: 70%;
}
@media (max-width: 767px) {
	.slider .wp-block-image img {
		width: 70%;
	}
}



@media screen and (max-width:1199px) {
    .error404 .alignright img {
        max-width: 500px;
    }
}
@media screen and (max-width:991px) {
    .error404 .alignright img {
        max-width: 400px;
    }
}
@media screen and (max-width:781px) {
    .error404 .alignright img {
        width: 100%;
        max-width: 100%;
    }
}


/* Education Center page styles */
.wp-block-post-date {
	display: inline-block;
}