/*
Theme Name: FLIPCOLIVING | 1.0
Theme URI: http://davidboyero.com
Description: Custom Theme
Version: 1.0
Author: David Boyero Serrano
Tags: custom, personalizado
*/

.wp-block-button.is-style-outline-light .wp-block-button__link {
  background-color:transparent; 
  border-color: var(--wp--preset--color--light);
  color: var(--wp--preset--color--light);
}
.wp-block-button.is-style-outline-light .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--light);
      color: var(--mainColor);
} 

/*.dots {
  --color:white;
}

.dots::after,
.dots::before { 
     content: '';
    position: absolute;
    mask-image: url(../flipcoliving/assets/images/dots/dotscut.svg);
    inset:0 0 var(--dotY) auto;
    transform: rotate(var(--dotRotate));
    width: var(--dotSize);
    mask-size: contain;
    mask-repeat: no-repeat;
    background-color: var(--color);
    z-index: 3;
}
 

.dots {
  --dotY:    0px;
  --dotSize: 270px;
  --dotRotate:180deg;
  position: relative;
}
 
.dots::before  {
  --dotRotate:0deg;
  inset:var(--dotY) 0 0 0;
}*/
 
[class*="is-style-dots-"] {
  --dotSize: 270px;
  --dotRotate:180deg;
  position: relative;
}
[class*="is-style-dots-"]::after,
[class*="is-style-dots-"]::before {
  content: '';
  position: absolute;
  mask-image: url(../flipcoliving/assets/images/dots/dotscut.svg);
  inset:0 0 0 auto;
  transform: rotate(var(--dotRotate));
  width: var(--dotSize);
  mask-size: contain;
  mask-repeat: no-repeat;
  background-color: var(--color);
  z-index: 3;
  pointer-events: none;
}

[class*="is-style-dots-"]::before  {
  --dotRotate:0deg;
  inset:0 0 0 0;
}


@media only screen and (max-width:620px) {
 
[class*="is-style-dots-"] {
  --dotSize:40vw;
}

}

/* -------------------------------- 
----
---- HEADERS
----
-------------------------------- */

/*.section-main {
  position: relative;
  background-color: white;
  height: calc(100vh + 50px);
}*/
 
.header-tax,
.page-header {
  --height:  100vh;
  --imgSize: 100%;
  height: var(--height);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: var(--wp--preset--spacing--xxl);
  position: relative;
  overflow: clip;
  background-color: var(--wp--preset--color--verde);
}

.header-tax img,
.page-header img {
  position: absolute;
  object-fit: cover;
  inset:0;
  height: var(--imgSize);
  width:  var(--imgSize);
  z-index: 0;
  filter:saturate(1.2) brightness(.65);
/*  -webkit-mask: linear-gradient(180deg, black 20%, transparent 100%);*/
  transition: all 350ms ease;
}

.page-header:not(:has(img)) {
  background-color: var(--wp--preset--color--verde);
} 
 
/* -------------------------------- 
----
---- TARJETAS EDIFICIOS
----
-------------------------------- */


.apartment-image {
  height: 300px;
  position: relative;
  background-color: #252525;
/*  border-radius:12px;*/
/*  overflow: clip;*/
  transition: all 350ms ease;
}

.card-meta {
  display: flex;
  align-items: center;
  color:var(--wp--preset--color--verde);
  gap:var(--wp--preset--spacing--xxs);
  z-index: 3;

  font-size: var(--wp--preset--font-size--xs);
/*  position: absolute;*/
}

.apartment-image .card-meta {
  position: absolute;
  inset:14px 14px auto 14px;
}

.apartment-image .chip-estado {
  position: absolute;
  inset:auto 0 0 auto;
  z-index: 2;
}
.chip-estado {
  --catColor: white!important;
  --backColor:white!important;
  color: black;
  padding: 3px 12px;
  border-radius: 6px 0 0 0;
}

.apartment-image img {
  display: block;
  object-fit: cover;
  height: 100%;
  filter: saturate(1.2);

  -webkit-mask: linear-gradient(0deg, rgb(0 0 0 / .95) 30%, rgb(0 0 0 / .35) 100%);
}

.apartment-data {
  font-size: var(--wp--preset--font-size--s);
  font-weight: 600;

  display: flex;
  flex-wrap: wrap;
  column-gap:var(--wp--preset--spacing--xs);
}

.apartment-card:hover .apartment-image {
  box-shadow: var(--shadow-5);
}

.apartment-data div {
  padding:8px 0;
  display: flex;
  align-items: center;
  gap:4px;
  line-height: 1;
}
 


/*///////////////////////////////////////////////////////////////////////////////////*/

.apartment-cardimage {
  --backColor:#252525;
 
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  
  overflow: clip;
  padding: var(--wp--preset--spacing--m);
  color:var(--wp--preset--color--light);
  background-color: var(--backColor);
  height: 500px;
}


/*.apartment-cardimage.apartment_type-coliving   { --backColor: var(--wp--preset--color--verde); }*/
/*.apartment-cardimage.apartment_type-urban-flex { --backColor: var(--wp--preset--color--terracota); }*/
/*.apartment-cardimage.apartment_type-flex-space { --backColor: var(--wp--preset--color--ocre); }*/

.apartment-cardimage img {
  position: absolute;
  object-fit: cover;
  object-position: top center;
  inset:0;
  height: 100%;
  width:  100%;
  z-index: 0;
  filter:saturate(1.2);

  -webkit-mask: linear-gradient(180deg, rgb(0 0 0 / .95) 50%, rgb(0 0 0 / .35) 100%);
  transition: all 350ms ease;
}

.apartment-cardimage :not(img) {
  position: relative;
  z-index: 2;
  color:var(--wp--preset--color--light);
}
 
/*
.apartment-cardimage img {
  filter:brightness(.75) saturate(1.2);
  -webkit-mask:unset;
}*/

.apartment-cardimage:hover {
  box-shadow: var(--shadow-5);
  border-radius: 12px;
}

.apartment-cardimage:hover img {
  transform: scale(1.05);
  filter:brightness(.75) saturate(1.2);
}



.section-body {
 
  position: relative;
  z-index: 1;
 
}

 
 


.blog-grid {
  --padding:var(--wp--preset--spacing--s); 
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
  gap:var(--wp--preset--spacing--s);
}

.blog-grid-slide   { 
  --padding:var(--wp--preset--spacing--s); 
  list-style: none;
  display: flex; 
  flex-wrap: nowrap!important;
  gap:var(--wp--preset--spacing--s);

  overflow-x: auto;
  padding-inline: calc((100% - var(--wp--style--global--content-size)) / 2 );
  padding-bottom:var(--wp--preset--spacing--l) ;
  -webkit-overflow-scrolling: touch;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}

.blog-grid-slide > *   { flex: 0 1 33%;  }

 
@media only screen and (max-width:1024px) {
 
.blog-grid-slide > *   { flex: 0 0 320px;  }

}

.homeblog {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  gap:var(--wp--preset--spacing--s);
}

.card-blog {
  transition: all 350ms ease;
}


.card-blog { --backColor:var(--wp--preset--color--ocre); --textColor:var(--wp--preset--color--light) }
.category-favourites,
.category-favoritos  { --backColor:var(--wp--preset--color--verde); --textColor:var(--wp--preset--color--light) }
.category-agenda,
.category-agenda-es  { --backColor:var(--wp--preset--color--terracota); --textColor:var(--wp--preset--color--light) }

.card-blog {
  background-color:var(--backColor); 
  color:var(--textColor);
  border:1px solid var(--wp--preset--color--lightgrey);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow:   hidden;
  padding:    var(--wp--preset--spacing--m);
  height:     380px;
  position:   relative;
}
  
.card-blog > *:not(.card-image, a) {
    position: relative;
    z-index: 2;
    color:var(--textColor);
}

.card-image {
  position: absolute;
  inset:0;
  z-index: 0;
 }

.card-image img {
  object-fit: cover;
  object-position: center;
  height: 100%;
  width:  100%;
  filter: brightness(.85) saturate(1.2);
  clip-path: inset(0 0 100% 0);
  transition: all 350ms ease;
 }

.card-blog:hover { 
  border-color: var(--wp--preset--color--lightgrey);
  box-shadow:var(--shadow-3); 
  border-radius:12px; 
}

.card-blog:hover .card-image img { transform:scale(1.1); clip-path: inset(0); }
 


.date,
.time,
.author  {
  font-size: var(--wp--preset--font-size--s);
  text-transform: uppercase;
  color:var(--textColor);
}
 

.card-blog:hover .date,
.card-blog:hover .time,
.card-blog:hover .card-meta,
.card-blog:hover .card-title {  color:white; }



.card-review {
  --sizeImg:50px;
  --sizeSvg:12px;
  --padd: var(--wp--preset--spacing--s);
  border:1px solid var(--wp--preset--color--lightgrey);
  border-radius: 12px;
  padding: var(--wp--preset--spacing--m);
}

.card-review:hover {
  box-shadow: var(--shadow-4);
}


.card-review-img {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--xxs);
  padding-bottom: var(--padd);
  margin-bottom:  var(--padd);
  border-bottom: 1px solid var(--wp--preset--color--lightgrey);
}

.card-review-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.card-review-img img {
  width: var(--sizeImg);
  aspect-ratio: 1;
}
.card-review-img svg {
  height: var(--sizeSvg);
}

.bloglink {
  position: absolute;
  inset: 0;
  z-index: 4;
}


.single-blog {
  height:100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-color: var(--wp--preset--color--verde);
  position: relative;
}



.page-legales {
  height: 50vh;
  background-color: var(--wp--preset--color--verde);
  padding-bottom: var(--wp--preset--spacing--xxl);
}

 

.single-blog img {
  position: absolute;
  inset:0;
  z-index: 0;
  object-fit: cover;
  height: 100%;
  width: 100%;
  filter:brightness(.7);
  -webkit-mask: linear-gradient(180deg, black, transparent 100%);
} 

.single-blog:has(img) .card-meta,
.single-blog:has(img) .date,
.single-blog:has(img) .time,
.single-blog:has(img) .author,
.single-blog:has(img) .is-style-pretitle,
.single-blog:has(img) h1
 { color:white }

.single-title {
  padding-bottom: var(--wp--preset--spacing--xxl);
}

.bodyblog a {

  color:black;
  text-decoration: underline;

}

.sectionnext {
  border-top:1px solid var(--wp--preset--color--verde);
  padding-block: var(--wp--preset--spacing--xl);
  margin-top: var(--wp--preset--spacing--xl);
}


.nextprev:hover { color:var(--wp--preset--color--verde);}



.blog-navigation { 
  --size:   40px;
  --color:  var(--wp--preset--color--verde);
  --back:   var(--wp--preset--color--lightgrey); 
  --border: var(--wp--preset--color--verde);
  display: flex; 
  align-items: center;
  justify-content:center;
  gap:4px;
  position: relative;
  list-style: none;
  padding: 0;
}
 

.blog-navigation li a, 
.blog-navigation li.ellipsis { 
  font-size: var(--wp--preset--font-size--s);
  font-weight: 400; 
  color:  var(--color); 
  width:  var(--size);
  height: var(--size);
  display: grid;
  place-content:center;
  border:2px solid var(--border);
  text-decoration: none;
}
 
.blog-navigation li a.current, 
.blog-navigation li a.current:hover, 
.blog-navigation li a:hover, 
.blog-navigation li a:focus {
  font-weight:600;
  background-color: var(--color);
  color:white;
}

.blog-navigation li a svg {
  transition: all 350ms ease;
}

a.nextprev {
  text-decoration: none;
}


.avatar {
    --size: 40px;
    --iconSize:12px;
    background-color:white ;
    color: var(--wp--preset--color--verde);
    border-radius: 100%;
    height: var(--size);
    width:  var(--size);
    display: grid;
    place-content: center;
}

.avatar svg {
  width:var(--iconSize);
}
/*.blog-navigation li a.blog-navigation__prev,
.blog-navigation li a.blog-navigation__next,
.blog-navigation li a.blog-navigation__prev:hover,
.blog-navigation li a.blog-navigation__next:hover {
  box-shadow: none;
  border: none;
}*/

/*.blog-navigation li a.blog-navigation__prev svg { --translate:-10px; }
.blog-navigation li a.blog-navigation__next svg { --translate:10px; }
.blog-navigation li a.blog-navigation__prev:hover svg,
.blog-navigation li a.blog-navigation__next:hover svg {
 transform: translateX(var(--translate));
}*/
 
@media only screen and (max-width: 540px) { 
 
.blog-navigation { 
   --size:40px;  
   flex-wrap:wrap;
}

}
 

 

.chip {
    --catColor: white;
    --backColor:transparent;
    display: inline-flex;
    align-items: center;
    gap:10px;
    padding: 5px 6px 3px;
    line-height: 1;
    border-radius: 4px;
    border:2px solid var(--catColor);
    background-color: var(--backColor);
    color: var(--catColor);
    font-size: var(--wp--preset--font-size--xs);
    font-weight: 600;
}



.chip-verde,
.apartment_type-coliving .chip    { --catColor: var(--wp--preset--color--verde); }
.chip-terracota,
.apartment_type-urban-flex .chip  { --catColor: var(--wp--preset--color--terracota); }
.chip-ocre,
.apartment_type-flex-space .chip  { --catColor: var(--wp--preset--color--ocre); }

.chip-white {
  --catColor: white!important;
  --backColor:transparent!important;
}
.chip-verde {
  --catColor: var(--wp--preset--color--verde)!important;
  --backColor:transparent!important;
}
.chip-error {
  border:2px solid red;
  background-color: red;
  color: white;
}

.chip-fill {
  border:2px solid var(--backColor);
  background-color: var(--catColor);
  color: white;
}

.card-type {
  position: relative;
  overflow: hidden;
  padding: var(--wp--preset--spacing--l) var(--wp--preset--spacing--m);
  color:var(--wp--preset--color--light);
}

.card-type .flow {
  height: 450px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}

.card-location {
  background-color: black;
}

.card-type :not(img) {
  position: relative;
  z-index: 2;
  color:var(--wp--preset--color--light);
}

.card-type img {
  position: absolute;
  object-fit: cover;
  inset:0;
  height: 100%;
  width:  100%;
  z-index: 0;
  filter:brightness(.55) saturate(1.2);
  -webkit-mask: linear-gradient(180deg, black 20%, transparent 100%);
  transition: all 350ms ease;
}

.card-type:hover {
  box-shadow: var(--shadow-5);
  border-radius: 12px;
}

.card-type:hover img {
  transform: scale(1.05);
  opacity: .25;  
}


.card-location img {
  filter:brightness(.75) saturate(1.2);
  -webkit-mask:unset;
}


.card-location:hover img {
  transform: scale(1.05);
  filter:brightness(.45) saturate(1.2);
  opacity: 1;  
}


/* -------------------------------- 
----
---- SLIDER
----
-------------------------------- */

 
.productrow {
  --cardWidth: 300px;
  --cardGap: var(--wp--preset--spacing--l);
  --mainTop: var(--wp--preset--spacing--xxl);

  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--cardWidth), 1fr));
  gap:var(--cardGap);
  margin-top: var(--wp--preset--spacing--xl);
}

.productrow:hover .slider-card:not(:hover) {
  opacity: .55;
  transform: scale(0.98);
  filter: blur(2px);
}
 

.slider-img {
  position: relative;
  border-radius: var(--radius-16);
}

.slider-img::after {
  content: "";
  position: absolute;
  background-image: inherit;
  background-size: cover;
  border-radius: inherit;
  z-index: -1;
  filter: blur(6px) saturate(1.2);
  opacity: 1;
  inset:-4px;
  transform: scale(.95);
  transition: all 350ms linear;
}

.slider-img img {
  display: block;
  border-radius: inherit;
  position: relative;
  z-index: 1;
  pointer-events: none;
}


.slider-card:hover .slider-img::after {
  transform: scale(1); 
  opacity: 1;
}

.slider-content {
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap:var(--wp--preset--spacing--xxs);
}



.slider-card {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    min-width: var(--cardWidth);

    transition: all 350ms cubic-bezier(0.215,0.61,0.355,1);
}

@media only screen and (max-width: 620px) {

  .slider-cards {
    --cardWidth: 250px;
    --cardGap: var(--wp--preset--spacing--m);
    --mainTop: var(--wp--preset--spacing--xl);
  }

}



/* -------------------------------- 
----
---- FOOTER
----
-------------------------------- */

.footervideo {
  position: relative;
  border-radius:12px;
  overflow:clip;
  box-shadow: var(--shadow-4);
  padding-block:  var(--wp--preset--spacing--xl);
  padding-inline: var(--wp--preset--spacing--l);
  margin-top:    var(--wp--preset--spacing--l);
  margin-bottom: var(--wp--preset--spacing--xl);
}


.footervideo :not(video, img) {
  position: relative;
  z-index: 1;
} 

.footervideo > video,
.footervideo > img {
  object-fit: cover;
  height: 100%;
  width: 70%;
/*  mix-blend-mode: luminosity;*/
  filter:brightness(1);
 
  position: absolute;
  inset:0 0 0 auto;
}

.footervideo a {
  width: auto;
}

.footervideo::before {
  content: '';
  background: linear-gradient(-90deg, rgba(2, 0, 36, 0) 0%, var(--mainColor) 70%) !important;
  z-index: 1;
  display: block;
   position: absolute;
  inset: 0;
} 

.footervideo .wp-block-button, 
.apartment-header .wp-block-button {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--xxs);
}

@media only screen and (max-width: 620px) {
  .footervideo .wp-block-button a, 
  .apartment-header .wp-block-button a { 
      width: 100%;
      justify-content:center;
  }
}

.section-faqs {
  scroll-margin-top: 120px;
} 

footer {
  --newsletterBack:var(--wp--preset--color--light);
  --newsletterMain:var(--wp--preset--color--verde);
/*  border-top: 4px solid black;*/
  background-color: var(--newsletterBack);
/*  background-color: var(--wp--preset--color--ocre);*/
/*  background-color: var(--wp--preset--color--terracota);*/
  color:var(--newsletterMain);
  padding-top:    var(--wp--preset--spacing--xxl);
  padding-bottom: var(--wp--preset--spacing--m);
  position: relative;
}

footer.inverted {
  --newsletterBack:var(--wp--preset--color--verde);
  --newsletterMain:var(--wp--preset--color--light);
}



footer::before,
footer::after {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    mask-image: url(../flipcoliving/assets/images/dots/dots.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    background-color: var(--newsletterMain);
    width: 100px;
    z-index:3;
}

footer::after {
  inset:0 0 0 auto;
  transform: scaleX(-1);
}

footer input:not([type=submit])::placeholder {
  color:var(--newsletterBack);
}
.footer-menu {
  display: flex;
  flex-direction: column;
  gap:var(--wp--preset--spacing--s);
} 


.footer-social {
  display: flex;
  gap:var(--wp--preset--spacing--s);
}

.footer-social a {
  --size:36px;
  background-color:var(--newsletterMain);
  color: var(--newsletterBack);
  font-weight: 600;

  display: grid;
  place-content: center;
  height: var(--size);
  aspect-ratio: 1;
  border-radius: 100vmin;
}

 

footer a:not(.wp-block-button__link) { opacity: .75;}
.footer-menu li span                 { opacity: .75; display:block; }
footer a:hover                       { opacity:1 }


.footer-copy {
  display: flex;
  align-items: center;
  gap:var(--wp--preset--spacing--m);
}


.section-copy {
  padding-top: var(--wp--preset--spacing--m);
  border-top: 1px solid var(--newsletterMain);
}

@media only screen and (max-width: 820px) {

    .footer-social {
      justify-content: center;
    }
    .footer-copy {
      flex-direction: column;
    }
}


.newsletter {
  
  background-color: var(--newsletterMain);
  padding: var(--wp--preset--spacing--s);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap:var(--wp--preset--spacing--m);
  border-radius: 8px;
  
}



.newsletter-text,
.newsletter-form {
  display: flex;
  align-items:stretch;
  gap:var(--wp--preset--spacing--xs);
  color:var(--newsletterBack);
  flex: 1 1 40%;
}

.newsletter-form {
  position: relative;
  flex: 1 1 350px;
}

.newsletter .icono {
  background-color: var(--newsletterBack);
  color:var(--newsletterMain);
  display: grid;
  place-content: center;
  min-width: 50px;
  border-radius: 4px;
}

.newsletter-form input:not([type=submit]) {
  border:none;
  border-bottom:2px solid var(--wp--preset--color--lightgrey);
  background-color: var(--newsletterMain);
  color:var(--newsletterBack);
}

.newsletter-form [type=submit] {
  position: absolute;
  inset: 5px 0 7px auto;
  background-color: var(--newsletterBack);
  color: var(--newsletterMain);
}

.newsletter-form input:focus {
  box-shadow: none;
  border-radius: 0px;
  border-color:  var(--newsletterBack);
}
 


/* -------------------------------- 
----
---- 404
----
-------------------------------- */

.page-404 {
  height: 20vh;
  background-color: var(--wp--preset--color--verde);
  padding-bottom: var(--wp--preset--spacing--xxl);
}

/* -------------------------------- 
----
---- FORMULARIO
----
-------------------------------- */

.apartment_type-coliving { --color:var(--wp--preset--color--verde) }


.card-building {
  border:2px solid var(--color);
}

.form-wrapper {
  background-color:var(--wp--preset--color--lightgrey);
  width: var(--wp--style--global--content-size); 
  margin-inline:auto; 
  padding:var(--wp--preset--spacing--xl); 
  border-radius: 30px;
}

@media only screen and (max-width: 820px) {
  .form-wrapper {
    padding:var(--wp--preset--spacing--l); 
    border-radius: 20px;
  }
}

.form-mesagge:not(:empty) {
  text-align: center;
  padding: var(--wp--preset--spacing--s);
}

.bg-danger:not(:empty) {
  border:2px solid red;
  color:red;
  background: #f7cdcd;
  font-size: var(--wp--preset--font-size--s);
}

.bg-success:not(:empty) {
    border:2px solid #2fb52f;
    color: #2fb52f;
    background: #d0fad0;
}




.player-code {
  display: flex;
  align-items: center;
  gap: 6px;
  text-transform: uppercase;
  font-size: var(--text-s);
  margin-bottom: var(--space-s);
}

.player-code svg {
  border:1px solid #ccc;
  border-radius: 4px;
}





.block-movies {
  display: grid;
  grid-template-columns: 290px 1fr;
  gap:var(--wp--preset--spacing--m);
  align-items: center;
} 

.block-movies-image {
  overflow: hidden;
  border-radius: 8px;
  height: 400px;
}

.block-movies-image img {
  display: block;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.block-movies + .block-movies {
  margin-top: var(--wp--preset--spacing--l);
}

.block-movies-data ul {
  --size:50px;
  list-style: none;
  padding: 0;
}

.block-movies-data ul a {
  display: flex;
  gap:var(--wp--preset--spacing--xxs);
}

.block-movies-data ul img {
  border:1px solid #f2f2f2;
  display: block;
  height: var(--size);
  width: var(--size);
  border-radius: 4px;
}





.is-style-hover-card figure { 
  --marginY:calc(var(--wp--preset--spacing--l) * -1);
  --marginX:calc(var(--wp--preset--spacing--m) * -1);
  position: absolute;
  inset: var(--marginY) var(--marginX) var(--marginY) var(--marginX);
  margin: 0;
  z-index: 0;

}

.is-style-hover-card figure img {
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: all 350ms ease;
}

.is-style-hover-card:hover > img {
  opacity: 0;
}

.is-style-hover-card:hover figure img {
  opacity: 1;
  filter: brightness(.75);
}

.is-style-hover-card .wp-block-cover__inner-container .wp-block-group {
  position: relative;
  z-index: 4;
}


/*.gallery-launcher-block {
  height: 600px;
}

.open-gallery-image img {
  height: 100%!important;
  width: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 782px) {
  .gallery-launcher-block {
    height: auto;
  }
}*/