// Silence is gold
header {
  display: none;
}


.wrapper {
  padding: 0 !important;
}


.p-0 {
  padding: 0;
  .vc_column-inner {
    padding: 0 !important;
  }
}

.ps-5x2 {
  padding-left: 6rem !important;
}

.pe-5x2 {
  padding-right: 6rem !important;
}

.more-pad-left-25 {
  padding-left: 25%;
  padding-right: 4rem;
  @media (max-width: 767px) {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.more-pad-right-25 {
  padding-right: 25%;
  padding-left: 4rem;
  @media (max-width: 767px) {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}


.post-navigation,
.entry-title,
.entry-meta,
//.wp-post-image,
.entry-footer {
  display: none !important;
}

.logo-footer-mob {
  max-width: 140px;
  margin: auto;
}

.link-back-news {
  a {
    color: #F26419;
    text-transform: uppercase;
    transition: all .3s;
    &:hover {
      color: #48B9FF;
    }
  }
}

.evidenza-link {
  color: #F26419;
  &:hover {
    color: #F26419;
  }
  a {
    color: #F26419 !important;
    &:hover {
      color: #F26419 !important;
    }
  }
}

.bold-link {
  a {
    font-weight: 700;
  }
}

.freccina-link {
  &:after {
    content: '';
    background-image: url(https://crocebluitalia.giustieventi.it/wp-content/uploads/2025/08/next.png);
    position: relative;
    margin-left: 10px;
    display: inline-block;
    width: 15px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
  }
}


.logo-foot-grande img {
	max-width: 70% !important;
  @media (max-width: 767px) {
    max-width: 60% !important;
  }
}
.logo-foot img {
	max-width: 50% !important;
}

@media (max-width: 767px) {
	.logo-foot-grande figure,
	.logo-foot figure {
		text-align: center;
	}
}


/*////// font ///////*/

@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap');

.atkinson {
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-weight: 400;
  font-style: normal;
  p, a, button {
    font-family: "Atkinson Hyperlegible", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
}

.atkinson-bold {
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-weight: 700;
  font-style: normal;
  h1, h2, h3, h4, h5, h6, p, a, button {
    font-family: "Atkinson Hyperlegible", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
}


p, li {
 font-size: 1.2rem;
 line-height: 1.6;
 //font-weight: 300;
}

li {
  //color: #5A5555;
}

.post {
  p {
    //color: #797988;
  }
  a {
    //color: #CE323F;
  }
}

.huge {
  font-size: 4.5rem;
  line-height: 1.1;
  h1, h2, h3, p {
    font-size: 4.5rem;
    line-height: 1.1;
  }
  @media (max-width: 1023px) {
    font-size: 2.85rem;
    h1, h2, h3, p {
      font-size: 2.85rem;

    }
  }
}

h2 {
  span {
    font-family: inherit;
  }
}


.bigga {
  font-size: 3.75rem;
  line-height: 1.2;
  h1, h2, h3, p {
    font-size: 3.75rem;
    line-height: 1.2;
  }
  @media (max-width: 1023px) {
    font-size: 2.25rem;
    h1, h2, h3, p {
      font-size: 2.25rem;
    }
  }
}

.biggy {
  font-size: 2.75rem;
  line-height: 1.25;
  h1, h2, h3, p {
    font-size: 2.75rem;
    line-height: 1.25;
  }
  @media (max-width: 1023px) {
    font-size: 2rem;
    h1, h2, h3, p {
      font-size: 2rem;
    }
  }
}

.bigger {
  font-size: 2.2rem;
  line-height: 1.25;
  h1, h2, h3, p {
    font-size: 2.2rem;
    line-height: 1.25;
  }
  @media (max-width: 1023px) {
    font-size: 1.5rem;
    h1, h2, h3, p {
      font-size: 1.5rem;
    }
  }
}

.lil-bigger {
  font-size: 1.4rem;
    line-height: 1.6;
    font-weight: 400 !important;
  h1, h2, h3, h4, p {
    font-size: 1.4rem;
    line-height: 1.4;
    font-weight: 400 !important;
  }
  @media (max-width: 1023px) {
   font-size: 1.25rem;
   h1, h2, h3, h4, p{
     font-size: 1.25rem;
   }
 }
 a  {
	 font-size: 1.4rem;
	 line-height: 1.6;
 }
 @media (max-width: 1023px) {
 		a {
		font-size: 1.25rem;
	}
}
}


.p-mb0 {
  p {
    margin-bottom: 0px;
  }
}

.smaller {
  font-size: .9rem !important;
  p, a {
    font-size: .9rem !important;
  }
}

.smallest {
  font-size: .75rem;
  p, a {
    font-size: .75rem;
  }
}

.fatty {
  font-weight: 700 !important;
  h1, h2, h3, p, a, button {
    font-weight: 700 !important;
  }
}

.mid-fatty {
  font-weight: 500 !important;
  h1, h2, h3, p, a, button {
    font-weight: 500 !important;
  }
}


.regular {
  font-weight: 400 !important;
  h1, h2, h3, p, a {
    font-weight: 400 !important;
  }
}

.lighty {
  font-weight: 200 !important;
  h1, h2, h3, p, a {
    font-weight: 200 !important;
  }
}

.letter-spaced {
  letter-spacing: 1px;
  p, h1, h2, h3, a {
    letter-spacing: 1px;
  }
}

.flat-button {
  .vc_btn3.vc_btn3-style-custom,
  a, button {
    background-image: none;
    //font-size: 1.2rem;
    //letter-spacing: 1px;
    opacity: 1;
    transition: all .3s;
		&:hover {
			opacity: .9;
		}
  }
  &.letter-spaced {
    a,button {
      letter-spacing: 2px;
    }
  }
}

.no-deco {
  text-decoration: none;
  a {
    text-decoration: none !important;
  }
}

.less-line-height {
  p {
    line-height: 1;
  }
}

.minh-text-block {
  min-height: 120px;
}

.logo-coop {
  figure {
    max-width: 160px !important;
  }
}

#introduzione {
  &::before {
    position: absolute;
    width: 33vw;
    height: 80vw;
    background-image: url(https://motiva.coop/wp-content/uploads/2025/09/bg_motiva.png);
    display: block;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
    bottom: 0;
    //left: -8%;
    z-index: 0;
    @media (max-width: 767px) {
      width: 100vw;
      height: 150vw;
      left: -12%;
    }
    @media (min-width: 2560px) {
      //width: 50vw;
      //height: 100vh;
    }
    @media (min-width: 3840px) {
      //width: 40vw;
      //height: 100vh;
    }
  }
}

.logo-prefooter {
  figure {
    @media (max-width: 767px) {
      max-width: 240px !important;
    }
  }
}


@media (min-width: 768px) {
  .hide-desktop {
    display: none !important
  }
}

@media (max-width: 1024px) {
  //.hide-desktop {
    //display: none !important
  //}
  .show-device {
    display: block !important;
  }

  .hide-device  {
    display: none !important
  }
}

@media (max-width: 767px) {

  .navbar-toggler {
    border: 0 !important;
  }

  .hide-mobile {
    display: none !important
  }

}