/*   
Theme Name: PSPV PSOE CASTELLO
Description: Un tema desarrollado para LaBase
Author: W.Wallace
Version: 1.03
*/

body {margin: 0; padding: 0; font-family: 'Overpass', sans-serif; background-color: #ffffff;}
b {font-weight: 600;}
p {font-weight: 400; text-align: left; font-size: calc(12px + 0.25vw); line-height: calc(20px + 0.25vw); }
a {color: inherit;}
h3 a {text-decoration: none; color: inherit;}
h3 {margin: 0; padding: 0; font-weight: 600; font-size: clamp(18px, 1.25vw, 36px); line-height: clamp(24px, 1.75vw, 40px); }
h4 {margin: 0; padding: 0; font-weight: 600; font-size: clamp(16px, 1vw, 30px); line-height: clamp(22px, 1.5vw, 40px); }

h2 {margin: 0; padding: 0; font-weight: 600; font-size: clamp(24px, 2.00vw, 48px); line-height: clamp(28px, 2.25vw, 52px); }


.header {background-color: #C00812; padding: 25px 50px 50px 50px; background-image: url(https://pspvpsoecastello.com/wp-content/themes/pspvpsoecastello/imagenes/provincia.svg); background-repeat: no-repeat; background-position: center center; }
.header-content { min-height: 60vh; display: grid; grid-template-rows: max-content 1fr;}
.header-content > div:first-of-type {display: grid; grid-template-columns: max-content 1fr; column-gap: 50px;}
.header-content > div:first-of-type > div:first-of-type > img {max-width: 100px;}
.header-content > div:first-of-type > div:first-of-type > a > img {max-width: 100px;}
.header-content > div:first-of-type > div:last-of-type {justify-self: flex-end; display: grid; grid-template-columns: repeat(5,max-content); column-gap: 25px; padding-top: 25px;}
.header-content > div:first-of-type > div:last-of-type > img {max-height: 20px;}
.header-content > div:first-of-type > div:last-of-type > a > img {max-height: 20px;}

.header-content > div:last-of-type {display: grid; align-content: center; justify-content: center;}
.header-content > div:last-of-type > img { width: 100%; padding-bottom: 50px;}

.header-default {background-color: #C00812; padding: 25px 50px 50px 50px; background-image: url(https://pspvpsoecastello.com/wp-content/themes/pspvpsoecastello/imagenes/provincia.svg); background-repeat: no-repeat; background-position: center center; }
.header-content-default { display: grid; }
.header-content-default  > div:first-of-type {display: grid; grid-template-columns: max-content 1fr max-content; column-gap: 50px;}
.header-content-default  > div:first-of-type > div:first-of-type > img {max-width: 100px;}
.header-content-default  > div:first-of-type > div:first-of-type > a > img {max-width: 100px;}
.header-content-default  > div:first-of-type > div:last-of-type {justify-self: flex-end; display: grid; grid-template-columns: repeat(5,max-content); column-gap: 25px; padding-top: 25px;}
.header-content-default  > div:first-of-type > div:last-of-type > img {max-height: 20px;}
.header-content-default  > div:first-of-type > div:last-of-type > a > img {max-height: 20px;}

.header-content-default  > div:last-of-type {display: grid; align-content: center; justify-content: center;}
.header-content-default  > div:last-of-type > img { width: 100%; padding-bottom: 50px;}
.header-content-default > div > div:nth-of-type(2) > img {  width: 100%; max-width: 800px;}
.header-content-default > div > div:nth-of-type(2) {display: grid; justify-content: center; align-content: center;}

.mennu a {text-decoration: none;}

.carta { padding: 100px;}
.carta-content { }
.carta-content > div:nth-of-type(2) {display: grid; grid-template-columns: 1fr 1fr; column-gap: 50px; }
.carta-content > div:last-of-type {display: grid; grid-template-columns: 1fr 1fr; column-gap: 50px; }
.firma {margin-top: 50px; max-width: 400px; width: 100%;}

.pre-actualidad {padding: 100px 100px 0 100px; background-color: #C00812; color: #fff;}
.pre-actualidad-content {display:grid; grid-template-columns:repeat(2,1fr); column-gap:50px;}
.pre-actualidad-content > div:last-of-type {justify-self: flex-end;}

.actualidad {padding: 50px 100px 100px 100px; background-color: #C00812; color: #fff;}
.actualidad-content {display:grid; grid-template-columns:repeat(3,1fr); column-gap:50px; }
.actualidad-content  img {width: 100%; aspect-ratio: 54 / 36; object-fit: cover; border-radius: 5px; margin-bottom: 25px;}

.pre-arxiu {padding: 100px 100px 0 100px; }
.pre-arxiu-content {display:grid; grid-template-columns:repeat(2,1fr); column-gap:50px;}
.pre-arxiu-content > div:last-of-type {justify-self: flex-end;}

.arxiu {padding: 50px 100px 100px 100px; }
.arxiu-content {display:grid; grid-template-columns:repeat(3,1fr); column-gap:50px; row-gap: 50px; }
.arxiu-content  img {width: 100%; aspect-ratio: 54 / 36; object-fit: cover; border-radius: 5px; margin-bottom: 25px;}

.banner {background-color: #f8f8f8; padding: 50px 50px 0px 50px; }
.banner-content { min-height: 60vh; display: grid; grid-template-columns:1fr 1fr; column-gap: 50px;}
.banner-content > div:first-of-type img:first-of-type {max-width: 100px; }
.banner-content > div:last-of-type { display: grid; align-content: center;}
.banner-content > div:last-of-type > img {max-width: 100%;}
.banner-content > div:first-of-type {display: grid; grid-template-columns: 1fr;}
.banner-content > div:first-of-type > img:last-of-type {justify-self: center; max-width: 100%; align-self: flex-end;}
.banner-content a {color: #C00812;}

.pre-decaleg {padding: 100px 100px 0 100px; }
.pre-decaleg-content {display:grid; grid-template-columns:repeat(1,1fr); }

.decaleg {padding: 100px 100px 50px 100px; }
.decaleg-content {display:grid; grid-template-columns:repeat(2,1fr); column-gap:50px; padding-bottom: 100px; }
.decaleg-content > div {display: grid; grid-template-columns: 1fr 2fr; column-gap: 25px;}
.decaleg-content img {border-radius: 5px; width: 100%;}

p span.textoc {
    display: none;
  }
  
  p .ver-menos {
    display: none;
  }

  .ver-menos { color: #C00812; cursor: pointer; text-decoration: underline;}
  .ver-mas {color: #C00812; cursor: pointer; text-decoration: underline;}

  .video { background-color: #ffffff ; padding: 50px 100px 100px 100px; }
  .video-content { background-color: #C00812; aspect-ratio: 16/9; border-radius: 5px;  display: grid; align-content: center; justify-content: center; color: #fff;}

  .footer {background-color: #f8f8f8; padding: 50px 100px 50px 100px;}
  .footer-content {}
  .footer-content > div:first-of-type {display: grid; grid-template-columns: repeat(3,1fr); column-gap: 50px;}
  .footer-content > div:first-of-type > div:first-of-type {display: flex; column-gap: 25px; }
  .footer-content > div:first-of-type > div:first-of-type > p {margin: 0; }
  .footer-content > div:last-of-type {display: grid; grid-template-columns: repeat(2,1fr); column-gap: 50px;}
  .footer-content > div:first-of-type img:first-of-type {
    max-width: 100px; height: 100px;
}
.footer-content > div:first-of-type a {color: #C00812; text-decoration: none;}

.footer-content > div:first-of-type > div:last-of-type {
  justify-self: flex-end;
  display: grid;
  grid-template-columns: repeat(4,max-content);
  column-gap: 25px;
}
.footer-content > div:last-of-type {margin-top: 100px;}
.footer-content > div:first-of-type > div:last-of-type img  {max-height: 20px;}
.footer-content > div:last-of-type > div:first-of-type {display: flex; column-gap: 25px; }
.footer-content > div:last-of-type > div:last-of-type {display: flex; column-gap: 25px; justify-self: flex-end; }
.footer-content a {text-decoration: none; color: inherit;}

.contenido {padding: 100px 100px 100px 100px; }
.contenido-content {display:grid; grid-template-columns:1fr 3fr; column-gap:50px; }
.contenido-content > div:last-of-type > div:first-of-type { display: grid; grid-template-columns: 5fr 4fr; column-gap: 50px; margin-bottom: 100px;}
.contenido-content > div:last-of-type > div:first-of-type img {width: 100%; border-radius: 5px;}
.contenido-content > div:last-of-type p {font-weight: 400; text-align: left; font-size: calc(12px + 0.4vw); line-height: calc(20px + 0.4vw);}
.contenido-content > div:last-of-type h1 {margin: 0; padding: 0; font-weight: 600; font-size: clamp(28px, 2.25vw, 48px); line-height: clamp(32px, 2.75vw, 52px); }

.extracto h4 {max-width: 80%; font-style: italic; margin: 0;   position: sticky;
  top: 100px;}
.extracto {

}
.wp-block-table {
  overflow-x: auto;
  font-size: 14px;
}
.embed-container { 
  position: relative; 
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
@media only screen and (max-width: 980px) {
  .carta, .contenido {padding: 50px;}
  .pre-actualidad, .pre-arxiu {
    padding: 50px 50px 0 50px;
  

}
.actualidad, .arxiu {
  padding: 50px 50px 50px 50px;

}
.wp-block-table {
  overflow-x: auto;
  font-size: 11px;
}
.pre-decaleg {
  padding: 50px 50px 0 50px;
}
.decaleg {
  padding: 50px 50px 50px 50px;
}
.video {
  padding: 50px 50px 50px 50px;
}
.footer {
  padding: 50px 50px 50px 50px;
}
.carta-content > div:nth-of-type(2) {

  grid-template-columns: 1fr;

}
.actualidad-content {

  grid-template-columns: repeat(2,1fr);
  row-gap: 50px;

}
.arxiu-content {

  grid-template-columns: repeat(2,1fr);
  row-gap: 50px;

}
.banner-content {


  grid-template-columns: 1fr;

}
.banner-content > div:last-of-type { display: grid; align-content: center; order: 1;}
.banner-content > div:first-of-type {display: grid; grid-template-columns: 1fr; order: 2;}
.decaleg-content {

  grid-template-columns: repeat(1,1fr); row-gap: 50px;

}
.decaleg-content {

  padding-bottom: 50px;
}
.footer-content > div:first-of-type {

  grid-template-columns: repeat(1,1fr);
  row-gap: 50px;
}
.footer-content > div:first-of-type > div:last-of-type {
  justify-self: flex-start;

}
.footer-content > div:last-of-type {

  grid-template-columns: repeat(1,1fr);
  row-gap: 50px;
}
.footer-content > div:last-of-type > div:first-of-type {
  display: block;
}
.footer-content > div:last-of-type > div:last-of-type {

display: block;
  justify-self: flex-start;
}
.footer-content p {
margin: 0;
}
.banner-content > div:last-of-type > img {
  max-width: 60%;
}
.contenido-content {

  grid-template-columns: 1fr;
  row-gap: 50px;
}
.contenido-content > div:last-of-type > div:first-of-type {

  margin-bottom: 50px;
}
.header-content-default > div:first-of-type {

  grid-template-columns: 1fr;
  row-gap: 25px;
}
.header-content-default > div:first-of-type > div:last-of-type {
  justify-self: flex-start;

  grid-template-columns: repeat(5,max-content);
  row-gap: 25px;
  padding-top: 0;
}
}

@media only screen and (max-width: 680px) {
  
    .actualidad-content {
        grid-template-columns: repeat(1,1fr);

    }
    .arxiu-content {
      grid-template-columns: repeat(1,1fr);

  }
   
      .banner-content > div:last-of-type > img {
          max-width: 80%;
      }
      .decaleg-content > div {

        grid-template-columns: 1fr;
        row-gap: 25px;
    }
    .carta-content > div:last-of-type {

      grid-template-columns: 1fr;
      row-gap: 50px;
  }
  .contenido-content > div:last-of-type > div:first-of-type {

    grid-template-columns: 1fr;
    row-gap: 50px;
    margin-bottom: 50px;
}

}
@media only screen and (max-width: 480px) {
.header-content > div:first-of-type {

  grid-template-columns: 1fr;
  row-gap: 25px;
}
.header-content > div:first-of-type > div:last-of-type {
  justify-self: flex-start;

  grid-template-columns: repeat(5,max-content);
  row-gap: 25px;
  padding-top: 0;
}

.carta, .contenido {padding: 25px;}
  .pre-actualidad {
    padding: 25px 25px 0 25px;
  

}
.actualidad, .arxiu, .pre-arxiu {
  padding: 25px 25px 25px 25px;

}
.pre-decaleg {
  padding: 25px 25px 0 25px;
}
.decaleg {
  padding: 25px 25px 25px 25px;
}
.video {
  padding: 25px 25px 25px 25px;
}
.footer {
  padding: 25px 25px 25px 25px;
}
.header {

  padding: 25px;


}
.header-default {

  padding: 25px;


}
}