@charset "UTF-8";

/* VARIABILI */
:root {
  /* Colors */
  --accent-color: #7aaf53;
  --accent-color-light: #a1cc3a;
  --gradient-color: linear-gradient(0deg, #00559f 0%, #a1cc3a 100%);
  --primary-blue: #0c3c60;
  --secondary-blue: #0d6efd;
  --secondary-dark-blue: #062035;
  --dark-grey: #979797;
  --light-grey: #d8d8d8;
  --white: #ffffff;
  --translucent-primary-blue: rgba(12, 60, 96, 0.8);
  /* Colors - BS overrides */
  --primary: var(--primary-blue);
  --secondary: var(--secondary-dark-blue);
  /* Font family */
  --main-font-family: "JosefinSans-Light", Helvetica, Arial, sans-serif;
  /* Font sizes */
  --font-size-60: 3.75rem;
  --font-size-45: 2.8125rem;
  --font-size-36: 2.25rem;
  --font-size-28: 1.75rem;
  --font-size-26: 1.625rem;
  --font-size-20: 1.25rem;
  --font-size-sm: 1rem;
  --font-size-xs: 0.75rem;
  /* Font weights */
  --fw-regular: 400;
  --fw-light: 300;
  /* Spaces */
  --margin-top-default: 6rem;
  /* da confermare */
  --margin-bottom--default: 6rem;
  --padding-top-default: 6rem;
  --padding-bottom--default: 6rem;
  /* Transitions */
  --default-transition: all 0.3s ease-in-out;
}

/* FONTS */

@font-face {
  font-family: "JosefinSans";
  src: url("Fonts/JosefinSans-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: var(--fw-regular);
}

@font-face {
  font-family: "JosefinSans-Italic";
  src: url("Fonts/JosefinSans-Regular.ttf") format("truetype");
  font-style: italic;
  font-weight: var(--fw-regular);
}

@font-face {
  font-family: "JosefinSans-Light";
  src: url("Fonts/JosefinSans-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: var(--fw-light);
}

@font-face {
  font-family: "JosefinSans-Light-Italic";
  src: url("Fonts/JosefinSans-LightItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: var(--fw-light);
}

/* Icone: font-face "FontAwesome" definito in Css/font-awesome.min.css */

/* RESETS */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: var(--main-font-family);
}

body {
  font-family: var(--main-font-family);
}

/* Remove focus-outline-shadow */
a,
a:focus,
a:active,
a:visited,
a:hover,
button,
button:focus,
button:active,
button:visited,
input,
input:focus,
input:active,
input:visited {
  box-shadow: none;
  text-decoration: none;
}

ul,
ol {
  padding-left: 0;
  margin-left: 0;
}

/* BACKGROUND COLORS */

/* BS override */
.bg-primary {
  background-color: var(--primary) !important;
  /* BS override */
}

.bg-secondary {
  background-color: var(--secondary) !important;
  /* BS override */
}

.bg-light {
  background-color: var(--light-grey) !important;
}

.bg-grey {
  background-color: var(--dark-grey) !important;
}

.bg-translucent-blue {
  background-color: var(--translucent-primary-blue);
}

.bg-white {
  background-color: var(--white);
}

/* TEXT COLORS */

/* BS override */
.text-primary {
  color: var(--primary) !important;
}

.text-dark,
.text-secondary {
  color: var(--secondary) !important;
}

.text-light {
  color: var(--light-grey) !important;
}

.text-grey {
  color: var(--dark-grey) !important;
}

.text-white {
  color: var(--white) !important;
}

.text-transparent {
  color: transparent;
}

.text-accent {
  color: var(--accent-color);
}

.text-accent-light {
  color: var(--accent-color-light);
}

p {
  color: var(--secondary);
}

.bg-primary p,
.bg-secondary p,
.bg-translucent-blue p {
  color: var(--white);
}

/* TEXT SIZES */

h1,
.h1,
.h1-payoff,
h2,
.h2,
h3,
.h3 {
  font-family: "JosefinSans-Light";
}

h1,
.h1 {
  font-size: var(--font-size-60);
}

/* .h1-payoff {
  font-size: var(--font-size-45);
} */

h2,
.h2,
.h1-payoff {
  font-size: var(--font-size-36);
}

h3,
.h3 {
  font-size: var(--font-size-26);
}

.h3-news,
.h3-news a {
  font-family: "JosefinSans";
  font-size: var(--font-size-28);
}

@media (max-width: 480px) {
  h1,
  .h1 {
    font-size: var(--font-size-36);
  }

  h2,
  .h2 {
    font-size: 2rem;
  }

  .h1-payoff,
  .h3-news,
  .h3-news a {
    font-size: var(--font-size-26);
  }
}

/* resets */
p,
a,
span,
ul,
.cke_editable ul li,
ol,
.cke_editable ol li,
li,
.text-light {
  font-family: "JosefinSans-Light";
  font-size: var(--font-size-20);
}

em {
  font-family: "JosefinSans-Light-Italic";
}

strong,
b,
.text-regular {
  font-family: "JosefinSans";
  font-weight: var(--fw-regular);
}

.text-regular {
  font-size: var(--font-size-20);
}

.text-sm {
  font-size: var(--font-size-sm);
}

.text-xs {
  font-size: var(--font-size-xs);
}

/* .text-email {
  font-size: 0.8rem;
} 
.text-spacing {
  letter-spacing: 0.1em;
}
*/

.Normal,
.NormalDisabled,
.NormalDeleted {
  color: inherit;
  line-height: inherit;
  font-size: inherit;
}

/* SPAZIATURE */

.spacer-mt {
  margin-top: var(--margin-top-default);
}

.spacer-mb {
  margin-bottom: var(--margin-bottom--default);
}

.spacer-pt {
  padding-top: var(--padding-top-default);
}

.spacer-pb {
  padding-bottom: var(--padding-bottom--default);
}

p {
  margin-bottom: 1.1rem;
}

@media (max-width: 480px) {
  .spacer-mt {
    margin-top: 4rem;
  }

  .spacer-mb {
    margin-bottom: 4rem;
  }

  .spacer-pt {
    padding-top: 4rem;
  }

  .spacer-pb {
    padding-bottom: 4rem;
  }

  p {
    margin-bottom: 1rem;
  }
}

/* LINKS E PULSANTI */

a,
p a,
a:visited,
p a:visited {
  color: var(--accent-color);
  transition: var(--default-transition);
  text-decoration: underline;
}

.bg-primary a,
.bg-primary p a,
.bg-primary a:visited,
.bg-primary p a:visited,
.bg-secondary a,
.bg-secondary p a,
.bg-secondary a:visited,
.bg-secondary p a:visited {
  color: var(--accent-color-light);
}

a:hover,
p a:hover,
a:focus,
p a:focus {
  color: var(--secondary-blue);
  text-decoration: underline;
}

a.btn-primary,
a.btn-secondary,
a.btn-primary-white {
  text-decoration: none !important;
}

/* BS override */
.btn {
  appearance: unset;
  -webkit-appearance: unset;
  padding: 0.95rem 2.4rem 0.7rem;
  border-radius: 0;
  transition: var(--default-transition);
  font-family: "JosefinSans";
  font-weight: var(--fw-regular);
  font-size: var(--font-size-20);
}

.btn-primary,
.btn-primary:visited,
.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary:disabled:focus,
.btn-primary:disabled:hover {
  color: var(--primary);
  background-color: transparent;
  border-color: var(--primary);
}

.btn-primary:focus,
.btn-primary:hover {
  color: var(--white);
  background-color: var(--primary);
  border-color: var(--primary);
}

.disabled {
  opacity: 0.2;
}

.btn-secondary,
.btn-secondary:visited,
.btn-secondary.disabled,
.btn-secondary:disabled,
.btn-secondary.disabled:focus,
.btn-secondary.disabled:hover,
.btn-secondary:disabled:focus,
.btn-secondary:disabled:hover {
  color: var(--white);
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn-secondary:focus,
.btn-secondary:hover {
  color: var(--primary);
  background-color: var(--white);
}

.btn-sm {
  padding: 0.4rem 1.35rem 0.25rem;
  /* padding: 0.25rem 0.5rem; */
  font-size: var(--font-size-sm);
  line-height: 1.5;
  min-width: 5rem;
  height: auto;
}

.btn-primary-white,
.btn-primary-white:visited,
.btn-primary-white.disabled,
.btn-primary-white:disabled,
.btn-primary-white.disabled:focus,
.btn-primary-white.disabled:hover,
.btn-primary-white:disabled:focus,
.btn-primary-white:disabled:hover {
  color: var(--white);
  background-color: transparent;
  border-color: var(--white);
}

.btn-primary-white:focus,
.btn-primary-white:hover {
  color: var(--primary);
  background-color: var(--white);
}

.bg-primary a.btn-primary-white {
  color: var(--white);
}

.bg-primary a.btn-primary-white:focus,
.bg-primary a.btn-primary-white:hover {
  color: var(--primary);
}

/* Pulsante circolare */
.btn-secondary.btn-secondary-circle {
  width: 22px;
  height: 22px;
  min-width: 22px;
  max-width: 22px;
  padding: 0;
  border-radius: 50%;
  line-height: 1;
}

.btn-secondary.btn-secondary-circle > i {
  font-size: var(--font-size-xs);
  margin-right: 1px;
}

/* Pulsante Accedi */

.btn-primary-white.btn-accedi::after {
  content: "";
  width: 1rem;
  height: 1rem;
  margin-left: 0.6rem;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 1rem;
  background-position: 0 0.09em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transition: var(--default-transition);
}

.btn-primary-white.btn-accedi:hover:after,
.btn-primary-white.btn-accedi:focus::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c3c60'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* HEADER */

/* Loghi */
.portal-logo-wrapper img {
  height: 3.125rem;
  margin: 0.8rem 0;
}

/* MAIN NABVAR */

.mainNavbarWrapper .navbar {
  z-index: 999;
  padding: 0;
}

.mainNavbarWrapper.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999999;
}

#responsiveMenu .nav-link a:hover,
#responsiveMenu .nav-link a.active,
#responsiveMenu .nav-link a:focus {
  color: var(--accent-color-light) !important;
}

/* Sottomenu */
#responsiveMenu .dropdown-menu {
  margin-top: 0.5rem !important;
  left: -0.7rem !important;
  border-radius: 0;
  background-color: var(--primary);
}

@media (min-width: 992px) {
  #responsiveMenu
    > .navbar-nav
    > .nav-item
    > .contains-dropdown
    > .dropdown-menu {
    width: 18.5rem;
  }
}

#responsiveMenu .dropdown-menu .dropdown-menu {
  position: relative;
  right: 0;
  padding: 0;
  left: 0 !important;
  box-shadow: none;
  border: none !important;
}

/* voce sottomenu */
#responsiveMenu .dropdown-menu .dropdown-item {
  padding: 0.5rem 1.5rem;
  transition: 0.3s;
  white-space: normal;
}

#responsiveMenu .dropdown-menu .dropdown-menu .dropdown-item {
  padding: 0.3rem 2.25rem;
}

#responsiveMenu .dropdown-menu .dropdown-item.active,
#responsiveMenu .dropdown-menu .dropdown-item:focus,
#responsiveMenu .dropdown-menu .dropdown-item:hover {
  background-color: var(--primary);
}

/* freccetta sottomenu */

#responsiveMenu .dropdown-menu .secondCaret {
  position: absolute;
  right: 0;
  top: 0.5rem;
  width: 2.55rem;
  text-align: center;
  padding-right: 5px;
}

@media (max-width: 576px) {
  #responsiveMenu .dropdown-item {
    white-space: normal;
  }
}

@media (min-width: 992px) {
  #responsiveMenu .navbar-nav .nav-item {
    margin-right: 15px;
  }

  #responsiveMenu .navbar-nav .nav-item:last-child {
    margin-right: 0px;
  }

  #responsiveMenu
    .navbar-nav
    .nav-item
    .nav-link.contains-dropdown
    > a[contains-dropdown="true"],
  #responsiveMenu .navbar-nav .nav-item .nav-link a {
    position: relative;
  }

  #responsiveMenu
    .navbar-nav
    .nav-item
    .nav-link.contains-dropdown
    > a[contains-dropdown="true"],
  #responsiveMenu .navbar-nav .nav-item .nav-link:not(.contains-dropdown) a {
    padding: 0.5rem 0;
  }

  #responsiveMenu
    .navbar-nav
    > .nav-item:last-child
    .nav-link:not(.contains-dropdown) {
    padding-right: 0;
  }

  #responsiveMenu
    .navbar-nav
    .nav-item
    .nav-link.contains-dropdown
    > a[contains-dropdown="true"]
    + a[data-bs-toggle="dropdown"] {
    cursor: pointer;
  }

  #responsiveMenu
    .navbar-nav
    .nav-item
    .nav-link.contains-dropdown
    > a[contains-dropdown="true"]
    + a[data-bs-toggle="dropdown"]
    svg {
    margin-top: -3px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  #responsiveMenu .navbar-nav .nav-item {
    margin-right: 0px;
  }

  #responsiveMenu .navbar-nav .nav-item .nav-link a {
    font-size: var(--font-size-sm);
  }
}

@media (max-width: 991px) {
  #responsiveMenu .navbar-nav {
    margin: 0;
  }

  #responsiveMenu .dropdown-menu {
    border: none !important;
  }

  #responsiveMenu .dropdown-menu .dropdown-menu .dropdown-item {
    padding: 0.3rem 3.25rem;
  }

  /* icona toggle - responsive menu */
  .mainNavbarWrapper .navbar-toggler,
  .mainNavbarWrapper .navbar-toggler .navbar-toggler-icon > i {
    font-size: 1.7rem;
    /* padding-right: 0; */
  }

  .mainNavbarWrapper .navbar-toggler .navbar-toggler-icon {
    width: 1.44rem;
    height: 1.6rem;
  }

  /* BS override */
  .navbar-toggler:focus {
    outline: 1px solid white;
    border: none;
    box-shadow: none;
  }

  /* freccetta submenu */
  #responsiveMenu
    > .navbar-nav
    .contains-dropdown
    > a[data-bs-toggle="dropdown"] {
    float: right;
    padding: 0 0.8rem;
  }
}

#responsiveMenu .dropdown-menu .dropdown-item.tabID-51::after,
#responsiveMenu .dropdown-menu .dropdown-item.tabID-62::after,
#responsiveMenu .dropdown-menu .dropdown-item.tabID-64::after {
  content: "\003E";
  display: inline-block;
  margin-left: 0.4em;
}

/* FOOTER -- FOOTER -- FOOTER */

.footer {
  padding-top: 2.2rem;
  padding-bottom: 2.2rem;
}

.footer p {
  margin: 0;
  line-height: 1.3;
}

.footer-menu {
  padding: 0;
  margin: 0;
}

.footer-menu a {
  text-decoration: none;
  transition: var(--default-transition);
  font-size: clamp(0.875rem, 0.5rem + 0.6667vw, var(--font-size-20));
}

.footer-menu a:hover,
.footer-menu a.active,
.footer-menu a:focus {
  color: var(--accent-color-light) !important;
}

@media screen and (max-width: 480px) {
  .footer-menu a.nav-link {
    padding: 0.3rem 0.6rem;
  }
}

/* HERO BANNER */

.home-page #Hero_Banner {
  position: relative;
  height: 75vh;
  margin-bottom: 2rem;
}

.home-page #carouselHeroBanner img {
  height: 75vh;
  object-fit: cover;
}

/* BS override */
.carousel-control-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5rem;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.carousel-control-next,
.carousel-control-prev,
.carousel-control-next:active,
.carousel-control-prev:active {
  width: 3.125rem;
  height: 1.875rem;
  position: unset;
  background-color: var(--primary);
  border: 1px solid var(--primary);
  opacity: 1;
  transition: var(--default-transition);
}

.carousel-control-next:hover,
.carousel-control-prev:hover,
.carousel-control-next:focus,
.carousel-control-prev:focus {
  background-color: var(--white);
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: 1rem;
  height: 1rem;
}

.carousel-control-prev:hover .carousel-control-prev-icon,
.carousel-control-prev:focus .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c3c60'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next:hover .carousel-control-next-icon,
.carousel-control-next:focus .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c3c60'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-payoff {
  position: absolute;
  bottom: 0;
  padding: 1em 1em 0.65em;
  margin-bottom: 0;
  max-width: max-content;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(
    255,
    255,
    255,
    0.8
  ); /*rgba(var(--white), .8) not working*/
}

@media screen and (min-width: 1200px) {
  .home-page #Hero_Banner,
  .home-page #carouselHeroBanner {
    height: 640px;
  }

  .home-page #carouselHeroBanner img {
    height: 680px;
  }

  .carousel-control-wrapper {
    bottom: 4rem;
  }
}

@media screen and (max-width: 991px) {
  .carousel-payoff {
    width: 92%;
    padding-top: 2.8em;
  }

  .carousel-control-wrapper {
    bottom: 10rem;
  }
}

@media screen and (max-width: 768px) {
  /* .carousel-payoff .h1-payoff {
    font-size: var(--font-size-26) !important;
  } */
  .home-page #Hero_Banner {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 480px) {
  .home-page #Hero_Banner,
  .home-page #carouselHeroBanner img {
    height: 80vh;
  }
}

/* HOME - CHI SIAMO */

.home-page #Chi_Siamo {
  position: relative;
  background-image: linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.8),
      rgba(255, 255, 255, 0.8)
    ),
    url("/Portals/_default/Skins/AgriReteService/Img/Banners/chi-siamo-bg-img.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media (max-width: 768px) {
  .home-page #Chi_Siamo {
    background-image: linear-gradient(
        0deg,
        rgba(255, 255, 255, 0.8),
        rgba(255, 255, 255, 0.8)
      ),
      url("/Portals/_default/Skins/AgriReteService/Img/Banners/chi-siamo-bg-img-mobile.png");
  }
}

/* LISTING - GRID 2 e 3 COLONNE */

.grid-due-colonne,
.grid-tre-colonne {
  display: grid;
  grid-auto-rows: minmax(100px, auto);
  column-gap: 2rem;
  row-gap: 5.625rem;
  justify-content: space-between;
}

.grid-due-colonne {
  grid-template-columns: repeat(2, minmax(16.5rem, 21.25rem));
  /* TODO: da correggere ? */
}

.grid-tre-colonne {
  grid-template-columns: repeat(3, minmax(16.5rem, 21.25rem));
  /* TODO: da correggere ? */
}

.grid-due-colonne .singolo-articolo,
.grid-tre-colonne .singolo-articolo {
  display: grid;
}

.grid-due-colonne .wrapper-immagine-articolo .category_listing_inner,
.grid-tre-colonne .wrapper-immagine-articolo .category_listing_inner {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.grid-due-colonne .wrapper-immagine-articolo .category_listing_inner a,
.grid-tre-colonne .wrapper-immagine-articolo .category_listing_inner a {
  color: var(--white);
  text-decoration: none;
  font-family: "JosefinSans";
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 0.4rem 1.35rem 0.25rem;
}

.grid-due-colonne .wrapper-immagine-articolo .category_listing_inner:hover a,
.grid-tre-colonne .wrapper-immagine-articolo .category_listing_inner:hover a,
.grid-due-colonne .wrapper-immagine-articolo .category_listing_inner:focus a,
.grid-tre-colonne .wrapper-immagine-articolo .category_listing_inner:focus a {
  color: var(--primary);
}

.grid-due-colonne .immagine-articolo,
.grid-tre-colonne .immagine-articolo {
  height: 11.875rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-due-colonne .wrapper-contenuto-articolo .edn_articleTitle a,
.grid-tre-colonne .wrapper-contenuto-articolo .edn_articleTitle a {
  color: var(--primary);
  text-decoration: none;
}

.grid-due-colonne .wrapper-contenuto-articolo .edn_publishDate span,
.grid-tre-colonne .wrapper-contenuto-articolo .edn_publishDate span {
  font-family: "JosefinSans";
}

.grid-due-colonne .wrapper-contenuto-articolo .edn_articleSummary,
.grid-tre-colonne .wrapper-contenuto-articolo .edn_articleSummary {
  font-family: "JosefinSans-Light";
  font-size: var(--font-size-20);
}

/* COMPATIBILITA IE 11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .h2_basic_gridDueColonne
    .eds_template_List_Article_gridDueColonne
    > div
    > .container-fluid {
    display: block;
  }

  .grid-due-colonne,
  .grid-tre-colonne {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }

  .grid-due-colonne .singolo-articolo,
  .grid-tre-colonne .singolo-articolo {
    flex: 1 1 47.5%;
    -ms-flex: 1 1 47.5%;
    margin-bottom: 30px;
  }

  .grid-due-colonne .singolo-articolo:nth-child(odd),
  .grid-tre-colonne .singolo-articolo:nth-child(odd) {
    margin-right: 5%;
  }

  .grid-due-colonne .singolo-articolo > .wrapper-articolo,
  .grid-tre-colonne .singolo-articolo > .wrapper-articolo {
    height: 100%;
  }
}

/* LISTING - GRID 3 COLONNE - PAGINA ORG. PRODUTTORI */

.grid-tre-colonne.org-produttori {
  grid-template-columns: repeat(3, 1fr);
  column-gap: 1rem;
  row-gap: 2rem;
}

.grid-tre-colonne.org-produttori article {
  padding: 2rem;
  background-image: url("/Portals/_default/Skins/AgriReteService/Img/Banners/ufficio-ortofrutta-banner.png");
  background-repeat: no-repeat;
  background-size: 900px auto;
  transition: var(--default-transition);
}

@media screen and (max-width: 480px) {
  .grid-tre-colonne.org-produttori article {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
}

.grid-tre-colonne.org-produttori article:nth-child(1) {
  background-position: bottom left;
}

.grid-tre-colonne.org-produttori article:nth-child(2) {
  background-position: top right;
}

.grid-tre-colonne.org-produttori article:nth-child(3) {
  background-position: top left;
}

.grid-tre-colonne.org-produttori article:nth-child(1):hover,
.grid-tre-colonne.org-produttori article:nth-child(2):hover,
.grid-tre-colonne.org-produttori article:nth-child(3):hover {
  background-size: 600px auto;
  background-position: bottom left top right;
}

/* responsiveness */

@media (max-width: 991px) {
  .grid-tre-colonne,
  .grid-tre-colonne.org-produttori {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 2rem;
  }
}

@media (max-width: 768px) {
  .grid-due-colonne,
  .grid-tre-colonne,
  .grid-tre-colonne.org-produttori {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}

/* SWIPER SLIDER - I NOSTRI PARTNER */

.swiper.mySwiper {
  width: 100%;
  height: 220px;
}

@media (max-width: 480px) {
  .swiper.mySwiper {
    height: auto;
  }
}

.swiper.mySwiper .swiper-wrapper {
  align-items: center;
}

.swiper.mySwiper .swiper-slide {
  font-size: 18px;
  text-align: center;
  background: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper.mySwiper .swiper-slide img {
  display: block;
  margin: auto;
  width: 100%;
  max-width: 200px;
  height: auto;
}

/* indicatori */
.swiper.mySwiper .swiper-button-prev,
.swiper.mySwiper .swiper-button-next {
  height: 1.875rem !important;
  width: 3.125rem !important;
  background-color: var(--primary);
  top: 50% !important;
  transform: translateY(-50%);
  margin-top: 0px !important;
  border: 1px solid var(--primary);
  transition: var(--default-transition);
}

.swiper.mySwiper .swiper-button-prev:hover,
.swiper.mySwiper .swiper-button-next:hover,
.swiper.mySwiper .swiper-button-prev:focus,
.swiper.mySwiper .swiper-button-next:focus {
  background-color: var(--white);
}

.swiper.mySwiper .swiper-button-prev {
  left: 0px !important;
  right: auto;
}

.swiper.mySwiper .swiper-button-next {
  right: 0px !important;
  left: auto;
}

/* indicatori Swiper per default */
.swiper.mySwiper .swiper-button-prev:after,
.swiper.mySwiper .swiper-button-next:after {
  display: none;
  /* color: var(--white) ;
  font-size: 1rem !important; */
}

.swiper.mySwiper .swiper-button-prev,
.swiper.mySwiper .swiper-button-next {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem;
}

.swiper.mySwiper .swiper-button-prev {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.swiper.mySwiper .swiper-button-next {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.swiper.mySwiper .swiper-button-prev:hover,
.swiper.mySwiper .swiper-button-prev:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c3c60'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.swiper.mySwiper .swiper-button-next:hover,
.swiper.mySwiper .swiper-button-next:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c3c60'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* .swiper.mySwiper .swiper-button-prev .fa-chevron-left,
.swiper.mySwiper .swiper-button-next .fa-chevron-right {
  color: var(--white);
} */

/* Paginazione - infinite via button */

div[id*="ednMoreArticlesTriggerWrapper"] {
  text-align: center;
  margin-top: 70px;
}

button.trigger.edNews_loadMoreTrigger,
button.trigger.edNews_loadMoreTrigger:disabled,
button.trigger.edNews_loadMoreTrigger:disabled:hover,
button.trigger.edNews_loadMoreTrigger:disabled:focus {
  margin-top: 1rem;
  appearance: unset;
  -webkit-appearance: unset;
  color: var(--white);
  background-color: var(--primary);
  border-color: var(--primary);
  padding: 0.95rem 2.4rem 0.7rem;
  border-radius: 0;
  transition: var(--default-transition);
  font-family: "JosefinSans";
  font-weight: var(--fw-regular);
  font-size: var(--font-size-20);
}

button.trigger.edNews_loadMoreTrigger:hover,
button.trigger.edNews_loadMoreTrigger:focus {
  color: var(--primary);
  background-color: var(--white);
}

button.trigger.edNews_loadMoreTrigger .actionTextContainer,
button.trigger.edNews_loadMoreTrigger .actionTextContainer span {
  font-family: "JosefinSans";
}

button.trigger.edNews_loadMoreTrigger .loadingOverlay {
  display: none;
}

button.trigger.edNews_loadMoreTrigger.hide,
.hide {
  display: none !important;
}

/* PAGINA CHI SIAMO */

/* Immagine del testo intro */
.section2 [id*="S2_dx_col_5"] [id*="_ModuleContent"] img {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
  padding: 0;
  object-fit: cover;
}

/* .listing-team .immagine-articolo {
} */
.listing-team .wrapper-contenuto-articolo .edn_articleSubTitle {
  font-family: "JosefinSans";
  display: inline-block;
  line-height: 1.2;
}

.listing-team .wrapper-contenuto-articolo a.edn_articleSubTitle {
  text-decoration: none;
  transition: 0.3s;
}

.listing-team .wrapper-contenuto-articolo a.edn_articleSubTitle:hover,
.listing-team .wrapper-contenuto-articolo a.edn_articleSubTitle:focus {
  color: var(--secondary-blue) !important;
  text-decoration: underline;
}

/* UFFICI SERVIZI - BANNERS  */

.uffici-banner {
  width: 100%;
  height: 25rem;
  display: flex;
  justify-content: center;
  align-items: end;
  background-repeat: no-repeat;
  background-position: 0 -3rem;
  background-size: cover;
}

.uffici-banner.ortofrutta {
  background-image: url("/Portals/_default/Skins/AgriReteService/Img/Banners/ufficio-ortofrutta-banner.png");
}

.uffici-banner.patate {
  background-image: url("/Portals/_default/Skins/AgriReteService/Img/Banners/ufficio-patate-banner.jpg");
  background-position: center;
}

@media (max-width: 768px) {
  .uffici-banner.patate {
    background-image: url("/Portals/_default/Skins/AgriReteService/Img/Banners/ufficio-patate-banner-mobile.jpg");
    background-position: center;
  }
}

.uffici-banner.lattiero {
  background-image: url("/Portals/_default/Skins/AgriReteService/Img/Banners/ufficio-lattiero-caseario-banner.jpg");
  background-position: center;
}

@media (max-width: 768px) {
  .uffici-banner.lattiero {
    background-image: url("/Portals/_default/Skins/AgriReteService/Img/Banners/ufficio-lattiero-caseario-banner-mobile.jpg");
    background-position: center;
  }
}

.uffici-banner.biologico {
  background-image: url("/Portals/_default/Skins/AgriReteService/Img/Banners/ufficio-bio-banner.jpg");
  background-position: center;
}

@media (max-width: 768px) {
  .uffici-banner.biologico {
    background-image: url("/Portals/_default/Skins/AgriReteService/Img/Banners/ufficio-bio-banner-mobile.jpg");
    background-position: center;
  }
}

.uffici-banner.finanza {
  background-image: url("/Portals/_default/Skins/AgriReteService/Img/Banners/ufficio-finanza-banner.jpg");
  background-position: center;
}

@media (max-width: 768px) {
  .uffici-banner.finanza {
    background-image: url("/Portals/_default/Skins/AgriReteService/Img/Banners/ufficio-finanza-banner-mobile.jpg");
    background-position: center;
  }
}

.uffici-banner.promozione {
  background-image: url("/Portals/_default/Skins/AgriReteService/Img/Banners/ufficio-promozione-banner.jpg");
  background-position: center;
}


/* TODO: aggiornare img */
.uffici-banner.agroindustriale {
  background-image: url("/Portals/_default/Skins/AgriReteService/Img/Banners/ufficio-ortofrutta-banner.png");
}

.logo-uffici-wrapper {
  margin-right: var(--bs-gutter-x, 0.75rem);
  margin-left: var(--bs-gutter-x, 0.75rem);
  width: 30rem;
  max-width: 30rem;
  height: auto;
  background-color: var(--white);
  position: relative;
  top: 3.5rem;
}

img.logo-uffici {
  margin: 0 auto;
  width: 90%;
  display: block;
}

@media (max-width: 480px) {
  .logo-uffici-wrapper {
    top: unset;
  }
}

/* UFFICI SERVIZI - sezione contatti */

#Contatti_Uffici:has(.DnnModule-DNN_HTML) {
  background-image: url("/Portals/_default/Skins/AgriReteService/Img/Banners/ufficio-ortofrutta-banner.png");
  background-repeat: no-repeat;
  background-position: 0 -10rem;
  background-size: cover;
}

@media (max-width: 768px) {
  #Contatti_Uffici:has(.DnnModule-DNN_HTML) {
    background-position: unset;
  }
}

[id*="dnn_S7_contatti_"] .DnnModule-DNN_HTML {
  height: 100%;
}

/* LISTING NEWS */

.listing-news .single-articolo-listing > .row {
  min-height: 260px;
  --bs-gutter-x: 0;
  /* BS override */
}

.listing-news .immagine-articolo-listing {
  height: 100%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.listing-news .pre-titolo-listing {
  line-height: 31px;
}

.listing-news .titolo-listing {
  line-height: 20px;
  transition: 0.3s;
  text-transform: uppercase;
}

.listing-news .link-autore-listing > a {
  font-weight: 700;
  letter-spacing: 0.1em;
  font-size: 14px;
  color: var(--primary);
  transition: 0.3s;
}

.listing-news .titolo-listing:hover,
.listing-news .link-autore-listing > a:hover {
  color: var(--secondary);
}

/* paginazione */
.listing-news ~ .article_pager {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.listing-news ~ .article_pager > .page {
  color: var(--primary);
  box-shadow: 0 0 0 1px var(--light-grey);
  height: 32px;
  width: 32px;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
  font-weight: bold;
}

.listing-news ~ .article_pager > .page.active {
  color: var(--secondary);
}

.listing-news ~ .article_pager > .page:last-child {
  border-right: solid 1px var(--light-grey);
}

.listing-news ~ .article_pager > .page:hover {
  color: var(--secondary);
}

.listing-news .listing-categorie > a {
  color: var(--primary) !important;
}

.listing-news .btn-registrati {
  border: solid 1px var(--primary);
  transition: 0.3s;
}

.listing-news .btn-registrati:hover {
  border: solid 1px var(--secondary);
}

@media (max-width: 991px) {
  .listing-news .immagine-articolo-listing {
    min-height: 250px;
  }
}

/* COMPATIBILITA IE 11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .listing-news .single-articolo-listing > .row > div.col-md-5 {
    min-height: 260px;
  }
}

/* DETTAGLIO NEWS */

/* immagine principale */

.dettaglio-articolo .edn_mediaContainer {
  margin-bottom: 5rem;
}

@media (max-width: 468px) {
  .dettaglio-articolo .edn_mediaContainer {
    margin-bottom: 2rem;
  }
}

.dettaglio-articolo .dettaglio-articolo-immagine {
  width: 100%;
  height: auto;
  max-height: 600px;
  object-fit: cover;
}

/* @media (max-width: 468px) {
  .dettaglio-articolo .dettaglio-articolo-immagine {
    min-height: 300px;
  }
} */

.dettaglio-articolo .edn_articleSummary {
  margin-bottom: 2.5rem;
}

.dettaglio-articolo .edn_articleSummary p {
  font-family: "JosefinSans";
  font-weight: var(--fw-regular);
}

/* evento */
.dettaglio-articolo .dettaglio-articolo-evento {
  border: solid 1px var(--primary);
}

.dettaglio-articolo .dettaglio-articolo-evento .dettaglio-articolo-esporta {
  font-size: 1rem;
}

.dettaglio-articolo .dettaglio-articolo-content ul,
.dettaglio-articolo .dettaglio-articolo-content ol {
  padding-left: 1rem;
  margin-bottom: 1.1rem;
}

.dettaglio-articolo address {
  font-style: italic;
}

.dettaglio-articolo .edn_eventInfoMessage {
  text-align: center;
}

/* categorie articolo */
.dettaglio-articolo .dettaglio-articolo-categorie a {
  color: var(--primary) !important;
  /* display: block; */
}

.dettaglio-articolo .article_gallery {
  margin-bottom: 2.5rem;
}

/* galleria articolo */
.dettaglio-articolo #ChameleonGallery .thumb_container ul {
  text-align: center;
}

.dettaglio-articolo #ChameleonGallery .thumb_container ul > li {
  display: inline-block;
  float: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.dettaglio-articolo #ChameleonGallery .thumb_container ul > li.on {
  border: solid 1px #123456;
}

.dettaglio-articolo #ChameleonGallery .chameleon_slider.NewsOne .thumb_wrapper {
  box-shadow: none;
  background: none;
  top: 480px !important;
}

.social_buttons_toggle,
.standalone_button {
  display: none !important;
}

.dettaglio-articolo #ChameleonGallery > .chameleon_slider {
  border: none;
  border-radius: 0;
  background-color: var(--white) !important;
}

.dettaglio-articolo
  #ChameleonGallery
  .chameleon_slider
  .main_panel
  .items_wrapper
  .item_container {
  /* padding-top: 40px; */
  /* margin-top: 20px; */
  margin-bottom: 20px;
  text-align: center;
  right: 0;
  bottom: 0;
  /* max-height: 400px; */
  max-height: 600px;
  height: auto !important;
}

.dettaglio-articolo
  #ChameleonGallery
  .chameleon_slider
  .main_panel
  .items_wrapper
  .item_container
  > div[id*="chameleon_video_container"] {
  transform: translateY(-40px);
  width: calc(100% - 40px) !important;
  margin: auto !important;
}

.dettaglio-articolo
  #ChameleonGallery
  .chameleon_slider
  .main_panel
  .items_wrapper
  .item_container
  > div[id*="chameleon_video_container"]
  > iframe {
  height: calc(100% - 100px) !important;
  width: 100% !important;
}

.dettaglio-articolo
  #ChameleonGallery
  .chameleon_slider.NewsOne
  a.navigation_button {
  text-indent: 0;
  color: transparent;
}

.dettaglio-articolo
  #ChameleonGallery
  .chameleon_slider.NewsOne
  a.navigation_button.prev,
.dettaglio-articolo
  #ChameleonGallery
  .chameleon_slider.NewsOne
  a.navigation_button.next {
  left: 0px;
  opacity: 1 !important;
  height: 600px;
  top: -50px !important;
  width: 50px;
  background: var(--white) !important;
}

.dettaglio-articolo
  #ChameleonGallery
  .chameleon_slider.NewsOne
  a.navigation_button.prev::before,
.dettaglio-articolo
  #ChameleonGallery
  .chameleon_slider.NewsOne
  a.navigation_button.next::before {
  /* content: "\f053"; */
  /* font-family: "Font Awesome 5 Free"; */
  /* font-weight: 600; */
  /* text-align: center; */
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  /* color: var(--white); */
  z-index: 1;
  width: 100%;
  height: 30px;
  /* font-size: 20px; */
  background-color: var(--primary);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem;
  border: 1px solid var(--primary);
  transition: var(--default-transition);
}

.dettaglio-articolo
  #ChameleonGallery
  .chameleon_slider.NewsOne
  a.navigation_button.prev::before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.dettaglio-articolo
  #ChameleonGallery
  .chameleon_slider.NewsOne
  a.navigation_button.next::before {
  /* content: "\f054"; */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.dettaglio-articolo
  #ChameleonGallery
  .chameleon_slider.NewsOne
  a.navigation_button.prev:focus:before,
.dettaglio-articolo
  #ChameleonGallery
  .chameleon_slider.NewsOne
  a.navigation_button.prev:hover:before,
.dettaglio-articolo
  #ChameleonGallery
  .chameleon_slider.NewsOne
  a.navigation_button.next:focus:before,
.dettaglio-articolo
  #ChameleonGallery
  .chameleon_slider.NewsOne
  a.navigation_button.next:hover:before {
  background-color: var(--white);
}

.dettaglio-articolo
  #ChameleonGallery
  .chameleon_slider.NewsOne
  a.navigation_button.prev:focus:before,
.dettaglio-articolo
  #ChameleonGallery
  .chameleon_slider.NewsOne
  a.navigation_button.prev:hover:before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c3c60'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.dettaglio-articolo
  #ChameleonGallery
  .chameleon_slider.NewsOne
  a.navigation_button.next:focus:before,
.dettaglio-articolo
  #ChameleonGallery
  .chameleon_slider.NewsOne
  a.navigation_button.next:hover:before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c3c60'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.dettaglio-articolo .chameleon_slider.NewsOne .main_panel .media_link:hover {
  background: none !important;
}

/* disable share button gallery */
.smbLightOverlayWrapper .actions.socialButtonsTrigger {
  display: none !important;
}

.smbLightOverlayWrapper.modern {
  z-index: 1000000 !important;
}

.chameleon_slider .main_panel .items_wrapper .item_container > img {
  height: auto !important;
  width: auto !important;
  /* max-width: 100% !important; */
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
}

@media (max-width: 468px) {
  .dettaglio-articolo .chameleon_slider {
    overflow: visible !important;
  }

  .dettaglio-articolo .chameleon_slider.NewsOne a.navigation_button {
    overflow: visible !important;
  }

  .dettaglio-articolo
    #ChameleonGallery
    .chameleon_slider
    .main_panel
    .items_wrapper
    .item_container {
    max-height: 400px;
  }

  .dettaglio-articolo
    #ChameleonGallery
    .chameleon_slider.NewsOne
    a.navigation_button.prev,
  .dettaglio-articolo
    #ChameleonGallery
    .chameleon_slider.NewsOne
    a.navigation_button.next {
    height: 400px;
    top: 0 !important;
  }

  .dettaglio-articolo
    #ChameleonGallery
    .chameleon_slider.NewsOne
    a.navigation_button.prev::before {
    left: -2rem;
  }

  .dettaglio-articolo
    #ChameleonGallery
    .chameleon_slider.NewsOne
    a.navigation_button.next::before {
    right: -2rem;
  }

  .dettaglio-articolo
    .chameleon_slider
    .main_panel
    .items_wrapper
    .item_container
    > img {
    max-width: 600px !important;
  }

  .dettaglio-articolo
    #ChameleonGallery
    .chameleon_slider.NewsOne
    .thumb_wrapper {
    top: 390px !important;
  }

  .dettaglio-articolo
    #ChameleonGallery
    .chameleon_slider.NewsOne
    a.navigation_button.prev,
  .dettaglio-articolo
    #ChameleonGallery
    .chameleon_slider.NewsOne
    a.navigation_button.next {
    position: absolute;
    z-index: 10;
    background: transparent !important;
  }
}

/* links - allegati - mappa articolo */

.dettaglio-articolo .dettaglio-articolo-mappa > .edn_article_map {
  max-width: 100% !important;
}

.dettaglio-articolo .dettaglio-articolo-mappa {
  margin-bottom: 6rem;
}

.dettaglio-articolo .dettaglio-articolo-links,
.dettaglio-articolo .dettaglio-articolo-documenti {
  margin-bottom: 4rem;
}

.dettaglio-articolo .dettaglio-articolo-links .link-box,
.dettaglio-articolo .dettaglio-articolo-documenti .document-box {
  border: 1px solid var(--primary);
}

.dettaglio-articolo .dettaglio-articolo-documenti .fas.fa-file-download {
  position: relative;
  top: 4px;
}

.dettaglio-articolo .edn_numberOfVievs {
  position: relative;
  top: 3px;
  color: var(--primary);
}

.dettaglio-articolo .edn_numberOfVievs i {
  color: var(--primary);
}

/* social sharing */
.dettaglio-articolo .dropdown-social-menu .dettaglio-drop-container {
  display: none;
  position: absolute;
  width: 250px;
  right: -1em;
  margin-top: 20px;
  background-color: var(--light-grey);
  padding: 8px;
  text-align: center;
}

.dettaglio-articolo .dropdown-social-menu .dettaglio-drop-container.show {
  display: block;
}

@media (max-width: 992px) {
  .dettaglio-articolo .dropdown-social-menu .dettaglio-drop-container {
    right: -5em;
  }

  .dettaglio-articolo .dettaglio-articolo-copyright {
    flex-direction: column !important;
  }

  .dettaglio-articolo
    .dettaglio-articolo-copyright
    .dettaglio-articolo-copytext {
    margin-bottom: 10px;
  }

  .dettaglio-articolo .dettaglio-articolo-categorie {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}

/* MARKERS - MAPPA */

.edMaps_map {
  --border-width: 2px;
}

.edMaps_map .edMaps_infoWindow {
  height: auto !important;
  background-color: var(--primary) !important;
  border: var(--border-width) solid var(--white) !important;
}

.edMaps_map .marker-popup {
  padding-right: 20px;
}

.edMaps_map .edMaps_infoWindow .edMaps_contentOverflow {
  height: auto !important;
  position: static !important;
}

.edMaps_map .edMaps_infoWindow .descrizione-marker {
  line-height: 20px;
}

.edMaps_map .edMaps_infoWindow .edMaps_closeTrigger {
  top: 10px !important;
}

.edMaps_map .edMaps_infoWindow .edMaps_closeTrigger::after {
  color: var(--white) !important;
}

.personabar-visible .ui-dialog .ui-dialog-content {
  overflow-x: hidden !important;
}

.edMaps_map .edMaps_bubbleArrow .edMaps_leftSide:after,
.edMaps_map .edMaps_bubbleArrow .edMaps_rightSide:after {
  background-color: var(--primary) !important;
}

.edMaps_map .edMaps_bubbleArrow .edMaps_leftSide:after {
  border-left: var(--border-width) solid var(--white) !important;
}

.edMaps_map .edMaps_bubbleArrow .edMaps_rightSide:after {
  border-right: var(--border-width) solid var(--white) !important;
}

.edMaps_map .edMaps_newsContent > a {
  color: var(--accent-color) !important;
}

/* CONTATTI */

.section7 [id*="S7_col_dx"] [id*="_ModuleContent"] img,
.section7 [id*="S7_col_sx"] [id*="_ModuleContent"] img {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid var(--primary);
}

/* MODULO LIVE FORMS */

.LFModuloContatti .LiveForm {
  background-color: var(--primary);
}

.LFModuloContatti .LiveForm.Default .Field .Field-Container-Wide {
  display: block !important;
}

.LFModuloContatti .LiveForm.Default .Field select {
  width: 100%;
}

.LFModuloContatti .Field-Sub-Label label {
  color: var(--white) !important;
  display: block;
  font-size: 1rem !important;
}

.LFModuloContatti .LiveForm .page-break-section {
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background-color: var(--primary) !important;
}

.LFModuloContatti .LiveForm .page-break-section > .Field {
  /*padding: 0 !important;*/
  margin-bottom: 3.75rem;
}

.LFModuloContatti .LiveForm .page-break-section > .First.Field,
.LFModuloContatti .LiveForm .page-break-section > .Field.Email {
  padding-right: 1rem !important;
}

.LFModuloContatti .LiveForm .page-break-section > .Field.Captcha {
  padding: 0 !important;
  margin: 0;
}

.LFModuloContatti .LiveForm .page-break-section > .Field.Captcha label.error {
  display: none;
}

@media (max-width: 991px) {
  .LFModuloContatti .LiveForm .page-break-section > .First.Field,
  .LFModuloContatti .LiveForm .page-break-section > .Field.Email {
    padding-right: 0 !important;
  }
}

.LFModuloContatti .LiveForm .page-break-section > .Field * {
  font-family: var(--main-font-family);
}

.LFModuloContatti .LiveForm .page-break-section > .Field.Textarea > div {
  display: block;
}

.LFModuloContatti
  .LiveForm
  .page-break-section
  > .Field.Textarea
  > div
  > textarea {
  width: 100%;
  min-height: 120px;
}

.LFModuloContatti
  .LiveForm
  .page-break-section
  > .Field.Textarea
  > div
  > textarea,
.LFModuloContatti .LiveForm .page-break-section > .Field input {
  padding-left: 0 !important;
  padding-right: 0;
  border-radius: 0;
  border: none;
  border-bottom: solid 1px var(--white) !important;
  background-color: transparent;
}

.LFModuloContatti
  .LiveForm
  .page-break-section
  > .Field.Textarea
  > div
  > textarea:focus,
.LFModuloContatti .LiveForm .page-break-section > .Field input:focus {
  outline: none !important;
  border-bottom-width: 2px !important;
}

.LFModuloContatti
  .LiveForm
  .page-break-section
  > .Field.Textarea
  > div
  > textarea,
.LFModuloContatti .LiveForm .page-break-section > .Field input,
.LFModuloContatti .LiveForm .page-break-section > .Field > label:not(.error) {
  color: var(--white);
  font-size: var(--font-size-20);
  font-weight: var(--fw-light) !important;
}

.LiveForm.Default .Field.Required input {
  border-left: none !important;
}

.LFModuloContatti
  .LiveForm
  .page-break-section
  > .Field.Phone
  .intl-tel-input
  .flag-container {
  display: none;
}

.LFModuloContatti
  .LiveForm
  .page-break-section
  > .formcontatti-informativa
  > label {
  display: none;
}

.LFModuloContatti
  .LiveForm
  .page-break-section
  > .formcontatti-informativa
  > div[class*="Field-Container"] {
  width: max-content;
  margin: auto;
  color: var(--white);
}

.LFModuloContatti
  .LiveForm
  .page-break-section
  > .formcontatti-informativa
  > div[class*="Field-Container"]
  + label.error {
  text-align: center !important;
  width: 100%;
}

.LFModuloContatti
  .LiveForm
  .page-break-section
  > .formcontatti-informativa
  table
  label,
.LFModuloContatti
  .LiveForm
  .page-break-section
  > .formcontatti-informativa
  table
  label
  a
  u {
  font-size: var(--font-size-20) !important;
}

.LiveForm.Default .Field.Required.Checkbox table {
  border: none !important;
}

.LFModuloContatti
  .LiveForm
  .page-break-section
  > .formcontatti-btnSend
  input.bSubmit,
.LFModuloContatti
  .LiveForm
  .page-break-section
  > .formcontatti-btnSend
  input.bSubmit:visited {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.95rem 2.4rem 0.7rem !important;
  line-height: 1.5;
  background-color: transparent;
  color: var(--white) !important;
  border-radius: 0;
  border: 1px solid var(--white) !important;
  transition: var(--default-transition);
  font-size: var(--font-size-20);
  font-family: "JosefinSans";
  font-weight: var(--fw-regular);
  font-size: var(--font-size-20);
}

.LFModuloContatti
  .LiveForm
  .page-break-section
  > .formcontatti-btnSend
  input.bSubmit:hover,
.LFModuloContatti
  .LiveForm
  .page-break-section
  > .formcontatti-btnSend
  input.bSubmit:focus {
  color: var(--primary) !important;
  background-color: var(--white);
  border: 1px solid var(--white) !important;
  box-shadow: none !important;
}

.LFModuloContatti
  .LiveForm
  .page-break-section
  .Field.Required
  label:first-child:not(.error) {
  position: relative;
}

.LFModuloContatti
  .LiveForm
  .page-break-section
  .Field.Required
  label:first-child:not(.error)::after {
  position: absolute;
  content: "*";
  color: var(--white);
  line-height: 23px;
  margin-left: 0.3rem;
}

.LFModuloContatti
  .LiveForm
  .page-break-section
  > .formcontatti-informativa
  > div[class*="Field-Container"]
  + label.error,
.LiveForm.Default label.error {
  padding: 6px 0 !important;
  color: red !important;
  font-size: var(--font-size-xs);
}

/* THANKYOU MESSAGE */

.LFModuloContatti .LiveForm .thank-you {
  box-shadow: none !important;
  background-color: var(--primary) !important;
}

@media (max-width: 768px) {
  .LFModuloContatti
    .LiveForm
    .page-break-section
    > .formcontatti-informativa
    table
    td {
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .LFModuloContatti
    .LiveForm
    .page-break-section
    > .formcontatti-informativa
    table
    label,
  .LFModuloContatti
    .LiveForm
    .page-break-section
    > .formcontatti-informativa
    table
    label
    a
    u {
    font-size: var(--font-size-sm) !important;
  }
}

@media (max-width: 480px) {
  .LFModuloContatti
    .LiveForm
    .page-break-section
    > .formcontatti-informativa
    table
    input {
    position: relative;
    top: -12px;
  }

  .LFModuloContatti
    .LiveForm
    .page-break-section
    > .formcontatti-informativa
    table
    label {
    display: flex;
    flex-direction: column;
  }
}

/* RESET DNN -- RESET DNN -- RESET DNN */

.DNNEmptyPane.col-12 {
  flex: 0 0 100%;
}

/* MODULO LOGIN */

/* contenitore */
.DnnModule .dnnLogin {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.DnnModule .dnnLogin .LoginPanel {
  padding-right: 0;
  margin: auto;
  width: auto;
}

/* input e label */
.DnnModule .dnnLogin .LoginPanel .dnnFormItem .dnnLabel {
  display: block;
  float: none;
  padding: 0;
  margin: 0;
  margin-top: 30px;
  text-align: left;
  font-weight: bold;
  color: var(--secondary);
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-size: 14px;
  width: 100%;
}

.DnnModule .dnnLogin .LoginPanel .dnnFormItem .dnnLabel + input {
  display: block;
  width: 100%;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  min-width: 240px;
  border-color: var(--light-grey);
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  transition: 0.3s;
}

.DnnModule .dnnLogin .LoginPanel .dnnFormItem .dnnLabel + input:hover,
.DnnModule .dnnLogin .LoginPanel .dnnFormItem .dnnLabel + input:focus {
  box-shadow: none !important;
  border-color: var(--secondary);
}

/* checkbox remember me */
.DnnModule
  .dnnLogin
  .LoginPanel
  .dnnFormItem
  > [id*="_lblLoginRememberMe"].dnnFormLabel {
  width: 0;
  margin: 0;
  margin-bottom: 30px;
}

.DnnModule .dnnLogin .LoginPanel .dnnFormItem > .dnnLoginRememberMe {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.DnnModule
  .dnnLogin
  .LoginPanel
  .dnnFormItem
  > .dnnLoginRememberMe
  > .dnnCheckbox {
  margin: 0;
  margin-right: 10px;
}

.DnnModule
  .dnnLogin
  .LoginPanel
  .dnnFormItem
  > .dnnLoginRememberMe
  > .dnnCheckbox
  > .mark {
  background: transparent;
  padding: 0;
}

.DnnModule
  .dnnLogin
  .LoginPanel
  .dnnFormItem
  > .dnnLoginRememberMe
  > .dnnCheckbox
  + .dnnBoxLabel {
  margin: 0;
  color: var(--dark-grey);
  font-weight: bold;
  font-size: 13px;
  text-transform: uppercase;
  cursor: pointer;
}

/* pulsanti accedi-cancella */
.DnnModule .dnnLogin .LoginPanel .dnnFormItem > [id*="_lblLogin"].dnnFormLabel {
  width: 0;
  margin: 0;
}

.DnnModule .dnnLogin .LoginPanel .dnnFormItem > .dnnPrimaryAction,
.DnnModule .dnnLogin .LoginPanel .dnnFormItem > .dnnSecondaryAction {
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.95rem 2.4rem 0.7rem;
  line-height: 1.5;
  min-width: 220px;
  max-width: 100%;
  text-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border: 1px solid var(--primary);
  outline: none !important;
  transition: 0.3s;
  background: var(--primary);
  color: var(--white);
  font-style: normal;
  font-family: "JosefinSans";
  font-weight: var(--fw-regular);
  font-size: var(--font-size-20);
  text-decoration: none;
}

.DnnModule .dnnLogin .LoginPanel .dnnFormItem > .dnnPrimaryAction {
  margin-top: 30px;
}

.DnnModule .dnnLogin .LoginPanel .dnnFormItem > .dnnPrimaryAction:focus,
.DnnModule .dnnLogin .LoginPanel .dnnFormItem > .dnnPrimaryAction:hover {
  color: var(--primary);
  background-color: var(--white);
}

.DnnModule .dnnLogin .LoginPanel .dnnFormItem > .dnnSecondaryAction {
  margin-top: 10px;
  background-color: var(--light-grey);
  border: 1px solid var(--light-grey);
}

.DnnModule .dnnLogin .LoginPanel .dnnFormItem > .dnnSecondaryAction:focus,
.DnnModule .dnnLogin .LoginPanel .dnnFormItem > .dnnSecondaryAction:hover {
  background-color: var(--dark-grey);
  border: 1px solid var(--dark-grey);
}

/* tasto reimposta password - tasto registrazione */
.DnnModule .dnnLogin .LoginPanel .dnnFormItem > .dnnLoginActions {
  width: 100%;
}

.DnnModule .dnnLogin .LoginPanel .dnnFormItem > .dnnLoginActions > .dnnActions {
  padding-left: 0;
  /* ul padding reset */
}

.DnnModule
  .dnnLogin
  .LoginPanel
  .dnnFormItem
  > .dnnLoginActions
  > .dnnActions
  > li[id*="_liPassword"],
.DnnModule
  .dnnLogin
  .LoginPanel
  .dnnFormItem
  > .dnnLoginActions
  > .dnnActions
  > li[id*="_liRegister"] {
  float: none;
  margin: 0;
}

.DnnModule
  .dnnLogin
  .LoginPanel
  .dnnFormItem
  > .dnnLoginActions
  > .dnnActions
  > li[id*="_liPassword"]
  > a,
.DnnModule
  .dnnLogin
  .LoginPanel
  .dnnFormItem
  > .dnnLoginActions
  > .dnnActions
  > li[id*="_liPassword"]
  > a:visited,
.DnnModule
  .dnnLogin
  .LoginPanel
  .dnnFormItem
  > .dnnLoginActions
  > .dnnActions
  > li[id*="_liRegister"]
  > a,
.DnnModule
  .dnnLogin
  .LoginPanel
  .dnnFormItem
  > .dnnLoginActions
  > .dnnActions
  > li[id*="_liRegister"]
  > a:visited {
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.95rem 2.4rem 0.7rem;
  line-height: 1.5;
  min-width: 220px;
  max-width: 100%;
  text-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border: 1px solid var(--primary);
  transition: 0.3s;
  transition: 0.3s;
  background: var(--primary);
  color: var(--white);
  font-style: normal;
  font-family: "JosefinSans";
  font-weight: var(--fw-regular);
  font-size: var(--font-size-20);
  text-decoration: none;
}

.DnnModule
  .dnnLogin
  .LoginPanel
  .dnnFormItem
  > .dnnLoginActions
  > .dnnActions
  > li[id*="_liRegister"]
  > a,
.DnnModule
  .dnnLogin
  .LoginPanel
  .dnnFormItem
  > .dnnLoginActions
  > .dnnActions
  > li[id*="_liRegister"]
  > a:visited,
.DnnModule
  .dnnLogin
  .LoginPanel
  .dnnFormItem
  > .dnnLoginActions
  > .dnnActions
  > li[id*="_liPassword"]
  > a,
.DnnModule
  .dnnLogin
  .LoginPanel
  .dnnFormItem
  > .dnnLoginActions
  > .dnnActions
  > li[id*="_liPassword"]
  > a:visited {
  background: var(--primary);
}

.DnnModule
  .dnnLogin
  .LoginPanel
  .dnnFormItem
  > .dnnLoginActions
  > .dnnActions
  > li[id*="_liPassword"]
  > a:hover,
.DnnModule
  .dnnLogin
  .LoginPanel
  .dnnFormItem
  > .dnnLoginActions
  > .dnnActions
  > li[id*="_liPassword"]
  > a:focus,
.DnnModule
  .dnnLogin
  .LoginPanel
  .dnnFormItem
  > .dnnLoginActions
  > .dnnActions
  > li[id*="_liRegister"]
  > a:hover,
.DnnModule
  .dnnLogin
  .LoginPanel
  .dnnFormItem
  > .dnnLoginActions
  > .dnnActions
  > li[id*="_liPassword"]
  > a:focus {
  color: var(--primary);
  background-color: var(--white);
}

/* PAGINA RESET PASSWORD */

.DnnModule .dnnForm.dnnPasswordReset {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.DnnModule .dnnForm.dnnPasswordReset .dnnPasswordResetContent {
  width: 300px;
}

.DnnModule .dnnForm.dnnPasswordReset > .dnnPasswordResetContent > .dnnFormItem {
  margin-bottom: 20px;
}

.DnnModule
  .dnnForm.dnnPasswordReset
  > .dnnPasswordResetContent
  > .dnnFormItem:first-child {
  margin-bottom: 35px;
}

.DnnModule .dnnForm.dnnPasswordReset > .dnnPasswordResetContent input {
  display: block;
  width: 310px;
  max-width: 100%;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  min-width: 240px;
  border-color: #ddd;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  transition: 0.3s;
}

.DnnModule .dnnForm.dnnPasswordReset > .dnnPasswordResetContent input:hover,
.DnnModule .dnnForm.dnnPasswordReset > .dnnPasswordResetContent input:focus {
  border-color: var(--secondary);
}

.DnnModule
  .dnnForm.dnnPasswordReset
  > .dnnPasswordResetContent
  .password-strength-container {
  width: 100%;
}

.DnnModule
  .dnnForm.dnnPasswordReset
  > .dnnPasswordResetContent
  .password-strength-tooltip {
  padding: 5px !important;
}

.DnnModule
  .dnnForm.dnnPasswordReset
  > .dnnPasswordResetContent
  .password-strength-tooltip-content {
  width: 100% !important;
}

.DnnModule
  .dnnForm.dnnPasswordReset
  > .dnnPasswordResetContent
  .password-strength-tooltip-content
  > ul {
  margin: 0 !important;
}

.DnnModule
  .dnnForm.dnnPasswordReset
  > .dnnPasswordResetContent
  .password-strength-tooltip-content
  > ul
  label {
  font-size: 12px !important;
}

.DnnModule .dnnForm.dnnPasswordReset .dnnPrimaryAction,
.DnnModule .dnnForm.dnnPasswordReset .dnnSecondaryAction {
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.95rem 2.4rem 0.7rem;
  line-height: 1.5;
  min-width: 220px;
  max-width: 100%;
  background: var(--primary);
  text-shadow: none;
  box-shadow: none;
  color: var(--white) !important;
  border-radius: 0;
  border: 1px solid transparent !important;
  outline: none !important;
  transition: 0.3s;
  font-size: var(--font-size-20);
  font-style: normal;
  font-weight: 400;
  font-family: "JosefinSans";
  text-decoration: none;
}

.DnnModule .dnnForm.dnnPasswordReset .dnnActions > li {
  float: none !important;
}

.DnnModule .dnnForm.dnnPasswordReset .dnnPrimaryAction {
  margin-top: 50px;
}

.DnnModule .dnnForm.dnnPasswordReset .dnnPrimaryAction:focus,
.DnnModule .dnnForm.dnnPasswordReset .dnnPrimaryAction:hover {
  background: var(--white);
  color: var(--primary) !important;
  border: 1px solid var(--primary) !important;
}

.DnnModule .dnnForm.dnnPasswordReset .dnnSecondaryAction {
  margin-top: 10px;
  background-color: var(--light-grey);
}

.DnnModule .dnnForm.dnnPasswordReset .dnnSecondaryAction:focus,
.DnnModule .dnnForm.dnnPasswordReset .dnnSecondaryAction:hover {
  background-color: var(--dark-grey);
}

/* MAPPA DEL SITO */

.menu-sitemap,
.menu-sitemap ul {
  padding-left: 0;
}

.menu-sitemap > li {
  margin-bottom: 15px;
}

.menu-sitemap > li a {
  text-decoration: none;
  color: var(--primary);
}

.menu-sitemap .top,
.menu-sitemap .child {
  font-family: "JosefinSans";
  font-size: var(--font-size-20);
}

/* CONSERVAZIONE DEI DATI PRIVACY - TABELLA */

table.tabCookies {
  margin-bottom: 20px;
}

.tabCookies td,
.tabCookies th {
  padding: 8px 20px;
  border: solid 1px #999;
}

/* COMPATIBILITA FIREFOX */
@-moz-document url-prefix() {
  #responsiveMenu .navbar-nav .nav-item {
    margin-right: 12px;
  }
}

@supports (-ms-ime-align: auto) {
  #responsiveMenu .navbar-nav .nav-item {
    margin-right: 10px;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #responsiveMenu .navbar-nav .nav-item {
    margin-right: 10px;
  }
}

/* Correzioni - Mappa o articoli con img di sfondo */
/* Mobile - rimuovere i padding laterali */
@media screen and (max-width: 480px) {
  [id*="S6_col_12"] {
    padding-left: 0;
    padding-right: 0;
  }
}

.DnnModule.DnnModule-EasyDNNnews .article_pager {
  margin-top: 3rem;
  border-top: 1px solid var(--light-grey);
}
.DnnModule.DnnModule-EasyDNNnews .article_pager > a {
  padding: 0.5rem;
}

/* LISTING GESTIONE PARTNERS */
.listing-news.listing-partners .immagine-articolo-listing {
  min-height: 100px;
}
.listing-news.listing-partners .single-articolo-listing {
  margin-bottom: 5rem;
}
.listing-news.listing-partners .single-articolo-listing > .row {
  min-height: 120px;
}

/* Market Intelligence - Iframe */
.marker-intelligence {
  margin: 0 auto;
  max-width: 860px;
}


/*
 * Placeholder per contenuti bloccati causa cookies
 */

.DnnModule .edMaps_container {
  background-color: #EFEFEF;
  background-image: url("/Portals/_default/Skins/AgriReteService/Img/cookie_info_blocked_content.svg");
  background-size: 260px 130px;
  background-repeat: no-repeat;
  background-position: center;
}