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

 
/* -------------------------------- 
----
---- HEADER
----
-------------------------------- */
.tax-sc_event_category .wp-block-cover {
	overflow:unset
}
.section-main {
  position: relative;
  background-color: white;
  height: calc(100vh + 50px);
}

 

.section-video,
.single-event,
.calendar-page,
.image-page,
.normal-page  {
  --secHeight: 100vh;
  --topTitle:   50vh;
  --paddBottom:  var(--wp--preset--spacing--l);
  --back:var(--wp--preset--color--dark);
  overflow: clip;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  height: var(--secHeight);
  padding-bottom: var(--paddBottom);
}

.image-page {
   --secHeight: 70vh;
   background-color: var(--back);
   border-radius: 16px;
   justify-content: flex-end;
} 

.normal-page {
    --secHeight: 40vh;
    --paddBottom:var(--wp--preset--spacing--m);
    justify-content: flex-end;
    border-bottom: 2px solid var(--wp--preset--color--bordergrey);
}

.image-page > img,
.calendar-page > img {
  object-fit: cover;
  height: 100%;
  width:  100%;
  inset: 0;
  position: absolute;
  filter:brightness(.55);
}  

.single-title {
  width:100%;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 620px) {
  .calendar-page {
    width: 100%;
    border-radius: 16px 16px 0 0;
  }
}


.stacked {
  display: grid;
  position: relative;
}

.stacked > * {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}

@media only screen and (max-width: 620px) {
  .section-video {
    --paddBottom:var(--wp--preset--spacing--xl);
  }
 
}
 
.fullscreen {
  position: absolute;
  top:0;
  height: var(--secHeight);
  width:  100%;
  background: var(--wp--preset--color--contrast);
  background: #212121;
}

.fullscreen video,
.fullscreen img {
  position: sticky;
  position: absolute;
  inset:0;
  object-fit: cover;
  height: var(--secHeight);
  width:  100%;
  opacity: .55;
}  


.top-excerpt {
  --padd:var(--wp--preset--spacing--m);
  border-top: 2px solid var(--wp--preset--color--light);
  color: var(--wp--preset--color--light);
  padding-top: var(--padd);
  margin-top:  var(--padd);
}


 
/* -------------------------------- 
----
---- IMAGENES MAIN
----
-------------------------------- */

 


/* -------------------------------- 
----
---- TARJETAS
----
-------------------------------- */
 

.chip {
  --catColor:transparent;
    display: inline-flex;
    align-items: center;
    gap:10px;
    padding: 6px 8px;
    border-radius: 4px;
    border:2px solid white;
    background-color: var(--catColor);
    color: var(--wp--preset--color--light);
    font-size: var(--wp--preset--font-size--xs);
    font-weight: 600;
}
 
/* -------------------------------- 
----
---- SLIDER
----
-------------------------------- */

 

/* -------------------------------- 
----
---- FOOTER
----
-------------------------------- */
body {
 /*  background-color: var(--wp--preset--color--contrast);*/
/*  background-color: #f2f2f2;*/
 
}

 




.grecaptcha-badge { 
    visibility: hidden;
}

footer {
 
  background-color: var(--wp--preset--color--contrast);
 
}

.footer-align { 
  align-items: center;
  justify-content: space-between;
}

.footer-align > * {
  color: var(--wp--preset--color--light);
  font-weight: 600;
  font-family: var(--font-data);
}



.logo-footer { 
  display:block;
}