/** Strumenti -START- **/

.sol-accento {
  color: var(--verde-solrecycle-1);
}
.sol-accento-1 {
  color: var(--verde-solrecycle-2);
}
.h2-decoration-none {
  text-decoration: none;
}

/** -END- **/
/** Barra di navigazione superiore -START- **/

.top-bar .inside-top-bar {
  justify-content: flex-end;
  /* gap: 20px; */
}
.top-bar p {
  transition: background 150ms ease-in-out;
  margin-bottom: 0;
  padding: 0 10px;
}
div.top-bar .widget:last-child {
  background: var(--giallo);
  padding: 0 10px;
  margin: 0;
}
div.top-bar .widget:last-child p a {
  font-weight: 900;
  color: var(--contrast);
}
div.top-bar .widget:not(:last-child) p:hover {
  transition: background 150ms ease-in-out;
  background: var(--verde-1);
}

/** -END- **/

/** Pulsanti -START- **/

button {
	transition: background-color 300ms ease;
	border-radius: 9px;
}

button:hover {
	transition: background-color 300ms ease;
}

/** -END- **/

/** Menu principale -START- **/

header .main-navigation .main-nav ul li a {
  transition: border-bottom 300ms ease, border-top 300ms ease, padding 300ms ease;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  padding: 30px 0;
  margin: 0 20px;
  line-height: 0;
}
header .main-navigation .main-nav ul li:hover a, header .main-navigation .main-nav ul li.current_page_item a {
  transition: border-bottom 300ms ease, border-top 300ms ease, padding 300ms ease;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  padding: 17px 0; 
}

/** -END- **/

/** Menu sticky -START- **/

#sticky-navigation.main-navigation .main-nav ul li a {
  transition: border-bottom 300ms ease, border-top 300ms ease, padding 300ms ease;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  padding: 30px 0;
  margin: 0 20px;
  line-height: 0;
}
#sticky-navigation.main-navigation .main-nav ul li:hover a, header #sticky-navigation.main-navigation .main-nav ul li.current_page_item a {
  transition: border-bottom 300ms ease, border-top 300ms ease, padding 300ms ease;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  padding: 17px 0; 
}

/** -END- **/

/** Big banner -START- **/

.page .page-hero .inside-page-hero {
  padding-right: 40px;
  padding-left: 40px;
}

.page .page-hero .inside-page-hero h3 {
  margin-top: 30px;
  padding-bottom: 18px;
}

.page .page-hero .inside-page-hero button
{
  padding: 10px 55px;
}

/** -END- **/

/** Contenitore principale -START- **/

.mission-wrapper {
  box-shadow: 15px 15px 30px rgba(0,0,0,0.09);
  border: 0 solid var(--accent);
  border-bottom-width: 0;
}

.mission-container {
  border-bottom: 0 solid var(--verde-1);
}

/** -end- **/

@media only screen and ( min-width: 1167px ) {
  .hidden-desktop {
    display: none!important;
  }
  #rifiuto-innovativo, #risorse {
    background-color: transparent !important;
  }
  #contatti-contenitore-con-sfondo {
    background-image: none;
  }
}

@media only screen and ( min-width: 1280px ) {

  /** Big banner -START- **/

  .page .page-hero {
    padding-top: 205px;
    padding-bottom: 125px;
  }

  /** -END- **/
}

@media only screen and ( min-width: 1366px ) {

  /** Big banner -START- **/

  .page .page-hero {
    padding-top: 270px;
    padding-bottom: 170px;
  }

  /** -END- **/
}


@media only screen and ( min-width: 1440px ) {

  /** Big banner -START- **/

  .page .page-hero {
    padding-top: 210px;
    padding-bottom: 190px;
  }  
}

@media only screen and ( min-width: 1680px ) {
  
  /** Big banner -START- **/

  .page .page-hero {
    padding-top: 280px;
    padding-bottom: 190px;
  }

  /** -END- **/

}

@media only screen and ( min-width: 1920px ) {
  
  /** Big banner -START- **/

  .page .page-hero {
    padding-top: 315px;
    padding-bottom: 200px;
  }

  /** -END- **/

}

@media only screen and (min-width: 1025px) and (max-width: 1024px) {
  .main-navigation.sticky-navigation-transition .site-logo img.is-logo-image, .main-navigation.sticky-navigation-transition .navigation-search input[type="search"], .main-navigation.sticky-navigation-transition .navigation-branding img.is-logo-image {
    height: 60px;
  }
}

@media only screen and ( min-width: 768px ) and ( max-width: 1166px ) {
  .hidden-tablet {
    display: none !important;
  }  
  #rifiuto-innovativo, #risorse {
    background-color: transparent !important;
  }
  #contatti-contenitore-con-sfondo {
    background-image: none;
  }
}

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

  /** Big banner -START-

  .page .page-hero .inside-page-hero h1 {
    font-size: 10rem;
  }
  .page .page-hero .inside-page-hero h3 {
    font-size: 3rem;
  }
  .page .page-hero .inside-page-hero button {
    font-size: 2rem;
  }

  -END- **/
}

@media only screen and ( max-width: 767px ) {
  .hidden-mobile {
    display: none!important;
  }
  .page-hero .inside-page-hero.grid-container {
    text-align: center;
  }
  #contatti-img  {
    background-image: none;
  }
}

@media only screen and ( max-width: 600px ) {
  .top-bar {
    display: none;
  }
}