/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
.contGridProgettoCase {
 background: #000;
}
.gridProgettoCase {
 margin: auto;
 display: flex;
 flex-wrap: wrap;
}
.gridProgettoCase > div {
 position: relative;
}
.innerColProgettoCase {
 border-inline: 1px solid #fff;
 border-top: 1px solid #fff;
 height: 100%;
}
.innerColProgettoCase a {
 text-decoration: none;
 display: block;
}
.metaProgettoCase {
 z-index: 2;
 position: relative;
 display: flex;
 flex-direction: column;
}
.contGridProgettoCase {
 border-top: 1px solid #fff;
}
.gradienteCase {
 position: absolute;
 content: "";
 background-image: linear-gradient(180deg, transparent, #000000bd 15%, #000000 69%, black 100%);
 width: calc(100% + 3px);
 bottom: 0;
 z-index: 1;
 left: -1.5px;
}
img.imgProgettoCase {
 object-fit: cover;
}
h2.titlePostCase {
 font-family: 'Albert Sans', sans-serif;
 font-weight: bold;
 color: #fff;
}
p.subtitleCaseProgetto {
 font-family: 'Albert Sans', sans-serif;
 font-weight: 100;
 color: #fff;
}
.contBtnProgetto {
 text-align: center;
 margin-top: auto;
}
button.btnProgettoCase {
 background: transparent;
 border: 0.5px solid #fff;
 border-radius: 50px;
 width: 100%;
}
button.btnProgettoCase:hover {
 background: #000;
}
button.btnProgettoCase a {
 color: #4074B9;
 text-decoration: none;
 font-family: 'Albert Sans', sans-serif;
 font-weight: bold;
 display: flex;
 align-items: center;
 justify-content: center;
}
.dotCase {
 background: #3f74b9;
 border-radius: 50%;
}
@media (max-width: 550px){
 .contGridProgettoCase {
  padding: 15vw 0;
 }
 .gridProgettoCase {
  grid-gap: 12vw;
 }
 .innerColProgettoCase {
  padding: 4vw;
 }
 h2.titlePostCase {
  font-size: 8vw;
  line-height: 8.5vw;
 }
 p.subtitleCaseProgetto, button.btnProgettoCase {
  font-size: 4vw;
 }
 p.subtitleCaseProgetto {
  line-height: 5vw;
 }
 button.btnProgettoCase {
  padding: 3.5vw;
 }
 .dotCase {
  width: 5vw;
  height: 5vw;
 }
 .gradienteCase {
  height: 65%;
 }
}
@media (min-width: 551px) and (max-width: 766.9px){
 .contGridProgettoCase {
  padding: 10vw 0;
 }
 .gridProgettoCase {
  grid-gap: 10vw;
 }
 .innerColProgettoCase {
  padding: 3.5vw;
 }
 .gradienteCase {
  height: 53%;
 }
 h2.titlePostCase {
  font-size: 6vw;
 }
 p.subtitleCaseProgetto, button.btnProgettoCase {
  font-size: 3.5vw;
 }
 p.subtitleCaseProgetto{
  line-height: 4vw;
 }
 button.btnProgettoCase {
  padding: 3vw 5vw;
 }
 .dotCase {
  width: 5vw;
  height: 5vw;
 }
}
@media (max-width: 766.9px){
 .gridProgettoCase {
  flex-direction: column;
  width: 80vw;
 }
 img.imgProgettoCase {
  height: 60vw;
 }
 button.btnProgettoCase a {
  grid-gap: 3vw;
 }
}
@media (min-width: 551px) and (max-width: 899.9px){
 .gridProgettoCase {
  width: 80vw;
 }
}
@media (min-width: 767px) and (max-width: 899.9px){
 .gridProgettoCase {
  grid-gap: 6vw 4vw;
 }
 .gridProgettoCase > div {
  flex: 0 1 calc((100% - 4vw) / 2);
 }
 .innerColProgettoCase {
  padding: 2vw;
 }
 h2.titlePostCase {
  font-size: 3.2vw;
 }
 p.subtitleCaseProgetto {
  font-size: 2vw;
  line-height: 2.5vw;
 }
 button.btnProgettoCase {
  font-size: 2vw;
  padding: 1.5vw 2vw;
 }
 .gradienteCase {
  height: 60%;
 }
}
@media (min-width: 767px) and (max-width: 1099.9px){
 .contGridProgettoCase {
  padding: 8vw 0;
 }
 button.btnProgettoCase a {
  grid-gap: 1.5vw;
 }
 .dotCase {
  width: 2.5vw;
  height: 2.5vw;
 }
}
@media (min-width: 767px) and (max-width: 1400px){
 img.imgProgettoCase {
  height: 30vw;
 }
 .metaProgettoCase {
  height: calc(100% - 30vw);
 }
}
@media (min-width: 900px){
 .gridProgettoCase {
  width: 70vw;
 }
}
@media (min-width: 900px) and (max-width: 1099.9px){
 .innerColProgettoCase {
  padding: 1.5vw;
 }
 .gradienteCase {
  height: 62%;
 }
}
@media (min-width: 900px) and (max-width: 1400px){
 .gridProgettoCase {
  grid-gap: 6vw 3vw;
 }
 .gridProgettoCase > div {
  flex: 0 1 calc((100% - 3vw) / 2);
 }
 h2.titlePostCase {
  font-size: 3vw;
 }
 p.subtitleCaseProgetto {
  font-size: 1.6vw;
  line-height: 2vw;
 }
 button.btnProgettoCase {
  font-size: 1.6vw;
  padding: 1.5vw 2vw;
 }
}
@media (min-width: 1100px){
 .contGridProgettoCase {
  padding: 5vw 0;
 }
}
@media (min-width: 1100px) and (max-width: 1400px){
 .innerColProgettoCase {
  padding: 1.2vw;
 }
 .gradienteCase {
  height: 55%;
 }
 button.btnProgettoCase a {
  grid-gap: 1vw;
 }
 .dotCase {
  width: 2vw;
  height: 2vw;
 }
}
@media (min-width: 1401px){
 .gridProgettoCase {
  grid-gap: 3vw 1.5vw;
 }
 .gridProgettoCase > div {
  flex: 0 1 calc((100% - 3vw) / 3);
 }
 .innerColProgettoCase {
  padding: 0.6vw;
 }
 .gradienteCase{
  height: 53%;
 }
 img.imgProgettoCase{
  height: 20vw;
 }
 .metaProgettoCase {
  height: calc(100% - 20vw);
 }
 h2.titlePostCase {
  font-size: 1.8vw;
 }
 p.subtitleCaseProgetto, button.btnProgettoCase a  {
  font-size: 1vw;
 }
 button.btnProgettoCase {
  padding: 1vw;
 }
 button.btnProgettoCase a{
  grid-gap: 0.5vw;
 }
 .dotCase {
  width: 1.5vw;
  height: 1.5vw;
 }
}