/*
Theme Name: IDv4
Theme URI: 
Author: AnnMarie DeVito 
Author URI: 
Description: A custom curated block theme.
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version:  4.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: idv4
Tags: 
*/


/* Header Styles ---------------------------------------------------------- */
.wp-site-blocks { position: relative; }
/* transparent header - add class to header .transparent-header */
header.transparent-header {
    position: absolute;
    z-index: 99;
    width: 100%;
}
header.transparent-header + main #hero {
    padding-top: 175px !important;
}


/* Hover Styles ---------------------------------------------------------- */
/* .hover-grow - makes image/background scale on hover. Add class to image block */
.hover-grow {
    transition: transform 0.3s ease-in-out;
}
.hover-grow:hover {
    transform: scale(1.05);
}


/* Pattern Styles ---------------------------------------------------------- */
/* Home Page Hero Pattern Styles */
@media screen and (max-width: 1279px) {
    .home-hero-four-images,
    .home-hero-five-images {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .home-hero-four-images > .wp-block-cover:first-child,
    .home-hero-five-images > .wp-block-cover {
        grid-column: span 1;
    }
}
@media screen and (max-width: 1023px) {
    .home-hero-four-images {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .home-hero-four-images > .wp-block-cover {
        grid-column: span 1;
        grid-row: span 1;
    }

    .home-hero-five-images {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .home-hero-five-images > .wp-block-cover {
        grid-column: span 2;
        grid-row: span 1;
    }
    .home-hero-five-images > .wp-block-cover:first-child,
    .home-hero-five-images > .wp-block-cover:nth-child(2) {
        grid-column: span 3;
        grid-row: span 1;
    } 
}

@media screen and (max-width: 781px) {
    .home-hero-two-images,
    .home-hero-three-images,
    .home-hero-four-images,
    .home-hero-five-images {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

/* Scope all heroes */
:where(.home-hero-one-image,
       .home-hero-two-images,
       .home-hero-three-images,
       .home-hero-four-images,
       .home-hero-five-images) .wp-block-cover {
  overflow: hidden; /* so the zoom doesn't spill outside */
}

/* Transition on the actual background image element (img or span pattern) */
:where(.home-hero-one-image,
       .home-hero-two-images,
       .home-hero-three-images,
       .home-hero-four-images,
       .home-hero-five-images)
  .wp-block-cover :is(.wp-block-cover__image-background,
                      .wp-block-cover__image-background img) {
  display: block; /* guards against inline/strange display from plugins */
  transition: transform .3s ease-in-out;
  will-change: transform;
  transform-origin: center center;
}

/* Hover zoom */
:where(.home-hero-one-image,
       .home-hero-two-images,
       .home-hero-three-images,
       .home-hero-four-images,
       .home-hero-five-images)
  .wp-block-cover:hover :is(.wp-block-cover__image-background,
                            .wp-block-cover__image-background img) {
  transform: scale(1.1);
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  :where(.home-hero-one-image,
         .home-hero-two-images,
         .home-hero-three-images,
         .home-hero-four-images,
         .home-hero-five-images)
    .wp-block-cover :is(.wp-block-cover__image-background,
                        .wp-block-cover__image-background img) {
    transition: none;
  }
}


/* alternating loop helper */
.alternating-h-loop > ul > li:nth-child(odd) .is-vertical {
    flex-direction: column-reverse;
}

.alternating-v-loop > ul > li:nth-child(even) .wp-block-columns {
    flex-direction: row-reverse;
}



/* Special Styles ----------------------------------------------------------- */


/* Form Styles -------------------------------------------------------------- */
/* Form Style #1 
.form-style-1 .gfield_required_asterisk {
	color: #ee0000;
	font-size: 18px;
}
.form-style-1 form fieldset {
	border: none;
	padding: 0;
	margin: 0;
}
.form-style-1 form input,
.form-style-1 form select,
.form-style-1 form textarea {
	background: #eee;
	color: #000;
	border: none;
	border-radius: 0;
	height: 24px;
	padding: .5rem;
	margin-bottom: 1rem;
}
.form-style-1 form select {
	height: 40px;
	border-right: .5rem solid #eee;
}
.form-style-1 form .gfield_label {
	font-size: 12px;
	text-transform: uppercase;
}

.form-style-1 form .gf_placeholder,
.form-style-1 form input::placeholder {
  color: #c9c9c9;
  text-transform: uppercase;
}*/