body,
.editor-styles-wrapper {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--dark-gray);
}
.editor-styles-wrapper h1.wp-block-post-title {
  color: var(--wp--preset--color--dark-gray)!important;
}

.wp-block-image img {
  /* WP 6.3 doesn't let this work with "defined" image sizes now */
  height: auto !important;
}

@media (max-width: 960px) {
  /* TODO: add into parent theme */
  .mobile-justify-space-between {
    justify-content: space-between !important;
  }
}

/* better default to use? */
.wp-block-gallery.has-nested-images figure.wp-block-image {
  flex-grow: 0;
}

/* elements that are first remove the owl selector -- talk to visbility selector plugin dev */
.remove-top-margin {
  margin-top: 0 !important;
}



/* TODO: parent theme default? */
.wp-element-button > * {
  vertical-align: middle;
}

/* TODO: remove from parent */
header .wp-block-navigation {
  order: unset;
}
.equal-height-cols>.wp-block-column {
  max-width: none;
}

div h2 a:focus,
div h2 a:hover,
div h3 a:focus,
div h3 a:hover {
  color: var(--wp--preset--color--orange) !important;
}

h2 strong {
  color: var(--wp--preset--color--orange) !important;
  font-weight: inherit;
}


/* customize */

h1:not([class*='wp-block']),
h2:not([class*='wp-block']),
h3:not([class*='wp-block']) {
  margin-top: 0; /* WC non-block items */
}


/* parent theme override */
.wp-site-blocks .wp-block-group .wp-block-button__link:focus,
.wp-site-blocks .wp-block-group .wp-block-button__link:hover,
.wp-site-blocks .wp-block-group .wp-block-button__link:active {
  background: var(--wp--preset--color--amber) !important;
  color: var(--wp--preset--color--white);
  border:none  !important;
}
.wp-site-blocks .wp-block-group .wp-block-button__link:focus img,
.wp-site-blocks .wp-block-group .wp-block-button__link:hover img,
.wp-site-blocks .wp-block-group .wp-block-button__link:active img {
  filter: brightness(100);
}




/*--- Gravity Forms customization ---*/
.gform_fields input, .gform_fields textarea,.gform_fields select {
  border: 2px solid #E6E6E6!important;
  border-radius: 10px!important;
  box-shadow: none!important;
}
.gform_wrapper{
  margin-top: 1rem;
}
.gform_fields{
  grid-row-gap: 20px!important;
}
.gform_footer input[type="submit"]{
  width: 100%!important;
  color: var(--wp--preset--color--dark-gray)!important;
  background: var(--wp--preset--gradient--orange-gradient-v);
  border: none!important;
  border-radius: 10px!important;
  font-weight: 600!important;
}
.gform_footer input[type="submit"]:hover,
.gform_footer input[type="submit"]:focus{
  background: var(--wp--preset--color--dark-gray)!important;
  color: var(--wp--preset--color--white)!important;
}

.ginput_container_date > input{
  width: 100%!important;
}

.ginput_container_time{
  flex: 33%!important;
}
/* Services Radio buttons */
.form-service-type{
  border: 2px solid #E6E6E6!important;
  border-radius: 10px!important;
  padding: 20px 10px!important;
}

.form-service-type > legend {
  font-weight: 300!important;
}

.form-service-type .gfield_radio{
  flex-direction: row!important;
}
/* choices */
.form-service-type .gchoice{
  height: 80px;
  width: 170px;
  border-radius: 10px;
  background-color: gray;
  position: relative;
  text-align: center;
}
.form-service-type .gchoice:nth-child(1){
  background-image: url('/wp-content/uploads/2024/06/Residential-Glass-Services.png');
}
.form-service-type .gchoice:nth-child(2){
  background-image: url('/wp-content/uploads/2024/06/Commercial-Glass-Services.png');
}
.form-service-type .gchoice:nth-child(3){
  background-image: url('/wp-content/uploads/2024/06/Specialty-Glass-Services.png');
}

/* radio button */
.form-service-type .gfield-choice-input{
  position: absolute;
  width: 100%!important;
  height: 100%!important;
  background-color: unset!important;
  z-index: 1;
  border: none!important;
}
.form-service-type .gfield-choice-input:checked,.form-service-type .gfield-choice-input:hover{
  border:2px solid var(--wp--preset--color--orange)!important;
}
.form-service-type .gfield-choice-input::before{
  display: none;
}

.form-service-type .gchoice > label{
  position: absolute;
  top: 50%;
  left:0;
  transform:translate(0, -50%);

  margin:0;
  font-weight: 700;
  color: var(--wp--preset--color--white);
}




/* Gutenberg missing features */
/* classes to use (that aren't BlockStyles) */
figure.full-width img{
  width: 100%!important;
}

/* might be able to remove these or clean up, didn't use as much as I thought */
.gradient-h{
  background: var(--wp--preset--gradient--orange-gradient-h);
}

.gradient-v, .gradient-v-a a{
  background: var(--wp--preset--gradient--orange-gradient-v);
}

.box-shadow{
  box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.05);
}


.contain-image{
  background-size: 40% auto !important;
  background-position: 100% 0%;
  background-repeat: no-repeat!important;
}

/* guy holding window */
.window-install{
  position: relative;
  z-index: 1;
}
.window-install::after, .window-install::before {
  content:'';
  top:0;
  left:0;
  min-width: 1100px;
  max-width: 1920px;
  width: 100%;
  height: 100%;
  position: absolute;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  transform: translateX(210px);
}
.window-install::after{
  background-image: url('/wp-content/uploads/2024/06/Frame-1000003195.png');
  z-index: -1;
}
.window-install::before{
  background-image: url('/wp-content/uploads/2024/06/Image.png');
  mix-blend-mode: multiply;
  z-index: -2;
}

@media (max-width:780px) {
  .window-install::after, .window-install::before {
    display: none;
  }
}

/* blobs */
.services-blob-sm, .services-blob-bg, .dots-right-bottom, .dots-left-middle, .blog-blob{
  position: relative;
  z-index: 1;
}

.services-blob-sm::after,.services-blob-bg::after, .dots-left-middle::after, .dots-right-bottom::after, .blog-blob::after{
  content: '';
  position: absolute;
  z-index: -1;
  background-size: cover;
  background-repeat: no-repeat;
}

.services-blob-sm::after{
  bottom: 0;
  right: 0;
  transform: translate(40%,-10%);

  width: 160px;
  height: 150px;
  background-image: url('/wp-content/uploads/2024/06/Services-Blob.svg');
}
.services-blob-bg::after{
  bottom: 0;
  right: 0;
  transform: translate(50%,-5%);

  width: 240px;
  height: 225px;
  background-image: url('/wp-content/uploads/2024/06/Services-Blob.svg');
}

.blog-blob::after{
  bottom: 0;
  right: 0;
  transform: translate(40%,-10%);

  width: 248px;
  height: 195px;
  background-image: url('/wp-content/uploads/2024/06/Blog-Blob.svg');
}


/* dots */
.dots-left-middle::after{
  top: 50%;
  left: 0;
  transform: translate(0%,-50%);

  width: 150px;
  height: 150px;
  background-image: url('/wp-content/uploads/2024/06/pattren.svg');
}


.dots-right-bottom::after{
  top: 80%;
  right: 0;
  transform: translate(0%,-80%);

  width: 150px;
  height: 150px;
  background-image: url('/wp-content/uploads/2024/06/pattren.svg');
}


@media (max-width:780px) {
  .dots-left-middle::after, .dots-right-bottom::after{display: none;}
}
/* services page */
.glass-service-big{
  display: flex;
  gap:1rem;
  flex-wrap: wrap;
}
.glass-service-big > div {
  display: flex;
  align-items: end;
  padding-bottom: 4%!important;
  text-align: center;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  flex: 1 0 calc(25% - 1rem);
  position: relative;
  transition: none;
  transition: box-shadow .25s ease-out;
}
.glass-service-big > div:hover {
  box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15);
}

.glass-service-big > div > h3 > a:hover{
  color: var(--wp--preset--color--white)!important;
}

.glass-service-big > div:after {
  content: '';
  width: 100%;
  height: 60%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url('/wp-content/uploads/2024/06/Orange-Wedge-1.svg');
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  transition: all .5s ease-out;
}
.glass-service-big > div:hover:after{
  height: 140%; 
}

@media (max-width:780px) {
  .glass-service-big > div {
    flex: 1 0 calc(50% - 1rem);
  }
}
@media (max-width:450px) {
  .glass-service-big > div {
    flex: 1 0 calc(100% - 1rem);
  }
}

/* BlockStyle Variations to use (see functions.php) */
/* .is-style- <name>*/
.is-style-smoother-border img{
  border-radius: 55% 12% 20% 6%;
  aspect-ratio: 10 / 7!important;
}


/* custom block */
button.kt-accordion-panel-active, 
div.kt-accordion-panel-active > div{
  border: none!important;
  border-radius: 10px 10px 0 0!important;
}

.active-panel{
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.05);
}

/* latest posts */
.latest-posts ul{
  display: flex;
  justify-content:space-between;
  flex-wrap: wrap;
  gap: 15px;
  align-items: stretch;
}

.latest-posts li{
  flex: 0 1 calc(33% - 15px);
  margin: 0;
  border-radius: 12px;
  overflow: hidden;
  transition: box-shadow .25s ease-out;
}

.latest-posts li:hover{
  box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15);
}

.load-more-post > div > div > button{
  color: var(--wp--preset--color--dark-gray)!important;
  border: 2px solid var(--wp--preset--color--dark-gray)!important;
  border-radius: 10px!important;
  padding: 15px 2.5rem 15px 2.5rem!important;
  height: auto!important;
  transition: all .25s ease-out!important;
  font-weight: 600!important;
}

.load-more-post > div > div > button:hover{
  color: var(--wp--preset--color--white)!important;
  background-color: var(--wp--preset--color--dark-gray)!important;
}

@media (max-width:781px) {
  .latest-posts li{
    flex: 0 1 100%;
  }
}

.review:hover{
  box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.05);
}