/* typefaces */
.title-big {font-family: 'Sorts Mill Goudy', serif; font-weight: 400; font-style: normal; }
.title-small {font-family: 'Roboto Slab', serif; font-weight: 700; font-style: normal; }


/* color */
.ham-bg {background-color: #e19e8d;}
.brown-bg {background-color: #2e2120;}
.rose-bg {background-color: #f0dece;}
.gray-bg {background-color: #ededed;}
.transparent-bg {background-color: transparent;}
.green-bg {background-color: #a1ad4180;}
.cyan-bg {background-color: #b3d8d380;}

/* main stuff */
html {font-size: 1.0em;}
body {background-color:#ddd; font-family: 'Roboto Slab',serif; font-weight: 400; font-style: normal;}
h1, h2, h3, h4, h5, h6 { font-size:1.0em; font-family: 'Sorts Mill Goudy', serif; font-weight: 400; font-style: normal; }
a:link, a:visited {color:inherit;}
ul, ol {margin-left:0;}

#page {background-color:white; margin: 0 auto;}
.blog #page, 
.page-template-page-press-kit #page,
.archive #page {background-color: #f0dece;}

.main, .wide { margin-left:auto; margin-right:auto;}
.page {margin-bottom:0;}

#logo svg path {fill:black}

.fit {object-fit:cover; width:100%; height:100%}
.fit-width {object-fit:cover; width:100%;}
.to-bottom {position:absolute; bottom:0;}
.to-bottom-center {position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0%); margin: 0 auto; }

.text-white {border-color:white;}
.text ul {margin:0 0 1.5em 0;}

.hide {display:none;}

.bottom-spacer {margin-bottom:3em;}

.border-left-dashed {border-left: 2px dashed #ccc; padding-left:2em;}

/* titles */

.plain h1 {margin-bottom: 1em;}
.plain h3,
.plain h4,
.title-small {font-family: 'Roboto Slab', serif; font-weight: 700; font-style: normal; }

.plain h2,
.plain h3 {font-size:1.5em;}

h1.title {font-size:4.0em;}
h2.title {font-size:3.0em;}
h3.title {font-size:2.5em;}
h4.title {font-size:2.0em;}
h5.title {font-size:1.5em;}
h3.title-small {font-size:1.5em;}


body.freeze {overflow:hidden; padding-right:15px;}


/* guthenburg integration on second level pages */

.first > .wp-block-group > .wp-block-group__inner-container,
.second > .wp-block-group > .wp-block-group__inner-container{ max-width:1140px; margin: 0em auto; padding: 4em 0;}


.wp-block-group h2,
.wp-block-group h3,
.wp-block-group h4, 
.wp-block-group h5 {text-align: center; padding:0.5em 0 0.5em;}

.wp-block-group h2 {font-size:2.50em;}
.wp-block-group h3 {font-size:1.75em;}
.wp-block-group h4 {font-size:1.50em;}
.wp-block-group h5 {font-size:1.25em;}

.second .callout {text-align: center; padding:2em; margin-top:2em; margin-bottom:2em;}

.second .wp-block-quote { background-color:#2e2120; color:white; font-size: 1.2em; padding:1.2em; text-align: center; width:30%; margin-left:1.2em; float:right;}
.second .wp-block-image {margin-bottom: 0;}

/* citation box */

.second .citation {background-color: #e19e8d30; padding:1.5em 3em; margin-bottom: 2em;}
.second .citation figcaption {text-align: center; width:10em;}
.second .citation .wp-block-columns {margin:2em 0 0; flex-wrap: nowrap;}
.second .citation .wp-block-column:nth-child(2n) {margin-left: 2em;} 

.second .box {padding:1.0em; margin-bottom:1.5em;}

.second .tbox table {border-spacing: 2em; margin:0;}
.second .tbox td {padding:1.0em;}

.second .text-big {font-family: 'Sorts Mill Goudy', serif; font-weight: 700; font-size:4em; line-height:1em;}

.second figure {display:block!important;}
.second figure img {display:block; margin:0 auto 1em;}

.max-30vw {max-width: 30vw;}

/* you tube embed */

.wp-block-embed {margin-bottom:0; padding:4em 0;}
.wp-block-embed__wrapper {max-width: 1140px; margin:0 auto;}

.border-bottom-dotted {border-bottom: 1px dotted #ffffff40;}

/* elements */

.posts-navigation {overflow:auto; margin:1em 1em 2em;}
.search .posts-navigation {margin:1em 0em 2em;}
.nav-links .nav-previous,
.nav-links .nav-next,
.button { display:inline-block; width:auto; border-width: 2px; border-style:solid ; min-width: 16em; padding:1em 3em!important; background-image: none!important; overflow: hidden; text-align: center; text-transform:uppercase; font-size:0.8em; font-weight:700;}

.top-link {display:block; position:fixed; right:2em; bottom:2em; z-index: 1; font-size:2em; color:white!important; text-shadow: 0 0 0.2em black;}
.top-of-page .top-link {opacity: 0; transition: opacity .5s ease-out;}
.top-link {opacity: 1; transition: opacity .5s ease-out;}

/* header */

.sticky-header {position:fixed; z-index: 10; top:0; left:0;}
.admin-bar .sticky-header {top: 46px;}

.header {margin:-2em 0; background: black; background: 
	linear-gradient(180deg, #2e2120c0 0%, #2e2120a0 99%,  #2e212000 100%);
	transition: margin 0.3s ease-in-out;}
.header #logo {position:absolute; display:block; top:-4em;}
.header #logo svg path {fill:white;}
.header #logo svg {transform: matrix(1.1, 0, 0, 1.1, 10, 10); 
	transition: transform 0.3s ease-in-out;}

/* header for cover */

.page-template-page-cover .top-of-page .header {margin:0; background:transparent; transition: margin 0.3s ease-in-out;}
.page-template-page-cover .top-of-page .header #logo svg {transform: matrix(1.4, 0, 0, 1.4, 40, 0);
	transition: transform 0.3s ease-in-out;}


.menu-header {margin-top:4em; margin-bottom:4em; }
.menu-header .sub-menu {display:none; position:absolute; text-align: left; padding-top:0.5em; margin-right: -10em;}
.menu-header .sub-menu .menu-item {font-weight: 400; color:#ccc; text-decoration: none; text-transform: none; padding-left:0; padding-right: 2em;}

.menu-header, .menu-header a {color:white; text-shadow: 0 1px 4px black; pointer-events: auto;}
.menu-header-main {width:auto;}
.menu-header-main ul {margin:0; padding:0;}
.menu-header-main .no-click {pointer-events: none;}
.menu-header-main .menu-item {display:inline-block; padding:0 1em; text-transform: uppercase; font-size: 0.9rem; font-weight: 700;}
.menu-header-main .current-menu-item {text-decoration: underline;}

.menu-header .menu-item:hover > .sub-menu, 
.menu-header .menu-item .sub-menu:hover {display:block; }

.menu-main-languages-en-container, .menu-main-languages-4-container,.menu-main-languages-3-container,
.menu-main-languages-container {display: inline-block; margin-right: 0.5em;}
.menu-main-languages-en-container ul,.menu-main-languages-3-container ul,
.menu-main-languages-container ul, .menu-main-languages-4-container ul{list-style: none; margin:0; padding:0;}
.menu-main-languages-en-container ul, .menu-main-languages-4-container ul, .menu-main-languages-3-container ul,
.menu-main-languages-container ul .sub-menu {margin:0; padding:0;}






.anchor:before { content: ''; display: block; position: relative; width: 0; height: 5em; margin-top: -5em;}
.anchor.cover-tall:before { content: ''; display: block; position: relative; width: 0; height: 0; margin-top: 0em }
.hand {cursor: pointer;}

/* mobile menu */

#mobile-menu { position: fixed; z-index: 1100; width: auto; height: 110vh; box-shadow: 0 0 30px black; margin: -50px 0 0 -50px; padding: 100px; background-color: #F5F6FA; 
	transform-origin: 0% 0%; transform: translate(-100%, 0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); 
	text-transform: uppercase; font-size: 1.0em; overflow-y:auto;}
#mobile-menu.show {transform:none;}
#mobile-menu ul {list-style: none; margin:0; padding:0;}
#mobile-menu .menu-item { font-weight: 700; padding:0; }
#mobile-menu .sub-menu { padding-left: 2em; }
#mobile-menu .sub-menu .menu-item { font-weight: 400; text-transform: none;}
#mobile-menu .menu > .menu-item { padding-bottom:1em; }

#mobile-menu ul[id^=menu-menu-secondary],
#mobile-menu #menu-menu-secondary {padding-top:1em; border-top: 1px dotted gray;}

#mobile-menu ul[id^=menu-menu-secondary] .menu-item,
#mobile-menu #menu-menu-secondary .menu-item { font-weight: 400; }

/* search form */
#search-form { padding:1em 2em; background-color: #2e2120c0; position:fixed; top:0em; left:10%; width:80%; border-radius: 15px; z-index: 10;}
#search-form {top:-10em; transition: .5s ease;}
#search-form.show {top:20em; transition: .5s ease;}
#search-form form {display:inline-block; width:75%; font-size: 2em;}
#search-form label {width:100%;}
#search-form .search-field {width:100%; color:white; background-color: transparent; border: none; outline: none}
#search-form .search-submit {display:none;}
#search-form .search-buttons {color:white; white-space: nowrap; font-size: 2.5em; float:right; margin-left: 0.2em;}
#search-form a {margin-left: 0.2em;}


/* cover */
.cover {position:relative;}
.cover .cover-image {height:auto; background: rgba(0, 0, 0, .5)  url(none); background-size: cover; background-position:center;}

.cover-image.cover-tall {height:100vh;}
.cover-short .cover-content {width:100%; margin-top:3em; margin-bottom:3em; min-height:10em;}

.cover-second-level .cover-image {height:50vh;}
.cover-second-level .cover-content {margin-bottom:5vh;}
.cover-second-level .image {position:absolute; width:100%; height:100%;}


.cover-content {z-index:1;}
.cover-content .image {width:100%;}
.cover-content.text-white {text-shadow: 0 1px 8px black;}

.cover-image .summary {font-size: 1.2em;}

.cover .cover-end {position:absolute; bottom:0; color:white; width:100%; z-index:1;}
.cover .cover-end .social-links {padding:1em 1em 3em 3em; text-align: left;}
.cover .cover-end .dop-logo {width:6em; height:auto; position:absolute; right:3em; bottom:3em;}

.admin-bar .cover-top .cover-image {margin-top:-46px;}


/* cover slides */

#cover-slides {position:absolute; width:100%; height:100%;}
#cover-slides .carousel-inner, #cover-slides .carousel-item {width:100%; height:100%;}
#cover-slides .cover .cover-image {background:none;}

.cover-mask {position:absolute; top:0; z-index:1; width:100%; height:100%; background-image: radial-gradient( ellipse, transparent, #00000040, #000000C0 );}



/* scroll icon */

.icon-mousescroll svg path#wheel {
	-webkit-animation-duration: 2.5s; animation-duration: 2.5s;
	-webkit-animation-name: scrollWheelAni; animation-name: scrollWheelAni;
	-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;
}
.icon-mousescroll { position:absolute; bottom:0; left:50%; margin-left:-8px; opacity: 0; transition: opacity .5s ease-out}

.top-of-page .icon-mousescroll {
					opacity: 1; transition: opacity .5s ease-out }

@keyframes scrollWheelAni{
	0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}
	15%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
	85%{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}
	to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}
}





/* sentinel */
#header-sentinel {position:absolute; height:2em;}





/* page main content */

.text a, 
.wp-block-file a {color:#2e2120; display:inline-block; font-weight:700; padding-left:24px; min-height:16px; 
	background: transparent url(link.svg) no-repeat 0 0; background-position: 0 0.3em;}
.wp-block-file a.wp-block-file__button {display:none;}

.wp-block-column a {color:#2e2120; display:inline-block; font-weight:700; padding-left:24px; min-height:16px; 
	background: transparent url(link.svg) no-repeat 0 0; background-position: 0 0.3em;}


/* cards, slider and shoulder card */

.c05-cards .card {background-color:gray; position: relative; top:0; left:0; width:15em; height:20em; border-radius: 15px; border:none; overflow: hidden; margin:0em 1em 1em;}
.c05-cards .card, .press-card {box-shadow: 0 0px 0px 0 rgba(0,0,0,0); opacity:0.6; transition: opacity .25s ease-out, box-shadow .25s;}

.c05-cards .card:hover, .c05-cards .card.slick-current, .press-card:hover { box-shadow: 0 5px 10px 0 rgba(0,0,0,.4); opacity:1;
	transition: opacity .25s ease-out, box-shadow .25s;}
	
.c05-cards .card h4 {position:absolute; bottom:0.5em; left:1em; width:10em; text-align:left; color:white; text-shadow: 0 1px 3px black;}

.shoulder-card {position:fixed; z-index: 1100; width: 30em; height: 100vh; top:0; right:-30px; padding-right:30px;
	box-shadow: 0 0 30px black; margin: 0/*-50px 0 0 -50px*/; background-color: #F5F6FA; overflow:auto;
	transform-origin: 0% 0%; transform: translate(100%, 0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
.shoulder-card.show {transform: none;}
.shoulder-card .btn-close {top: 0em; right: 0em; position: fixed; font-size: 3em; color:white; text-shadow: 0 1px 4px black;}
.shoulder-card .image {width:100%; height: auto;}

.slick-slide { outline: none }

.modal { display:block; position: fixed; z-index: 1099; left: 0; top: 0; width: 100%; height:100%; overflow: auto; 
	background-color: black; opacity:0.01; max-height: 0px; transition: opacity 0.5s, max-height 0s 0.5s; }
.modal.show { opacity:0.4; max-height:100%; transition: opacity 0.5s, max-height 0s;}


/* produttori fase 2 */

.producers .producer {position: relative;}
.producers .producer img {-webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.2s ease}
.producers .producer:hover img {-webkit-filter: grayscale(0%); filter: grayscale(0%); transition: all 0.2s ease}
.producers .producer {display: none;}
.producers .producer.show {display: block;}

.producers .producer .name {width:100%; position: absolute; bottom:0.5em; text-align:center; font-size: 0.8em; transition: all 0.2s ease}
.producers .producer:hover .name {color:#e19e8d; transition: all 0.2s ease;}

.producer-card {display:none; background-color: white; box-shadow: 0 5px 10px 0 rgba(0,0,0,.4);}
.producer-card.centered {position:fixed; z-index:1; top:15%; left:50%; margin-left:-570px; width:100%; max-width:1140px;}
.producer-card.inline {position:relative; z-index:1; top:0; left:0; width:100%; margin-top:3em;}
.producer-card.show {display:block;}
.producer-card .logo {width:100%;}
.producer-card .close {position:absolute; top:1em; right:1em;}
.producer-card h4 {font-size:1.5em; font-weight: 700;}

.producers-map {}
.producers-map #map {min-height:40em;}

.prod-marker {position:absolute; display: block; width:64px; height:64px; cursor: pointer; background-color: #00000080; border-radius: 32px; overflow:hidden;
					box-shadow: 0 4px 3px 3px rgba(0,0,0,0.3); opacity:1;}
.prod-marker img {object-fit:cover; width:150%; height:150%; margin:-25%;}

/* storia fase 2 */


.ig-story figure {margin:1em 2em; z-index:1;}
.ig-story .wp-block-column hr {border-top:2px dashed #ccc; background:none;}
.ig-story .wp-block-column hr:first-of-type {margin-left: -4em;}
.ig-story .wp-block-column hr:nth-of-type(2) {margin-right: -4em;}

.ig-processing .wp-block-column:first-child figure {margin-left:50%; z-index: 1; opacity:0.7;}
.ig-processing .wp-block-column:nth-child(2) h2:first-of-type {border-bottom:2px dashed #2E2120CC; margin-left:-1.5em; margin-right:-3em; 
					text-align: left; padding-left:1.5em; line-height: 1em; margin-bottom:0.5em;}
.ig-processing .wp-block-column:nth-child(3) img {filter: sepia(0.7);}


/* blocchi fase 1 */

.c03-slider .text {text-align: left; padding-left: 4em; padding-right:0; }
.c03-slider .image {max-height:28em; margin-bottom: 3em}

.c03-slider .glossary {padding: 4em 0 0;}
.c03-slider .glossary .letter {display:inline-block; padding: 0 0.8em; cursor:pointer; font-size: 1.5rem; font-weight: 700; color:black; opacity:0.3;}
.c03-slider .glossary .letter:hover {opacity: 1;}

.c08-link {padding-top:4em; padding-bottom:4em;}
.c08-link a:hover {text-decoration: none; color:#e19e8d;}

.c10-news .text {text-align: left; padding-left: 4em; padding-right:0; }

.c11-image-text {padding-top:3em; padding-bottom:3em;}
.c11-image-text .image {max-height:28em;}
.c11-image-text .image-right .text {text-align: right; padding-right: 4em; padding-left:0; }
.c11-image-text .image-left .text {text-align: left; padding-left: 4em; padding-right:0; }

.c11-image-text .extra-switch {cursor: pointer; position:absolute; opacity:1; transition: opacity 0.5s ease;}
.c11-image-text .extra {overflow:hidden; opacity:0; max-height:0; transition: opacity 0.5s ease, max-height 0.5s ease;}

.c11-image-text.show-extra .extra-switch {opacity:0; transition: opacity 0.5s ease;}
.c11-image-text.show-extra .extra {opacity:1; max-height:200em; transition: opacity 0.5s ease, max-height 0.5s ease; cursor: pointer;}



.c12-downloads .file-block {min-height:12em; margin-top:3em; overflow: hidden; border-right:2px solid black;}
.c12-downloads .file-block:nth-child(3n+0) {border-right: none;}
.c12-downloads .file-link {margin-top: 1em; display:inline-block; font-weight:700; padding-right:24px; min-height:16px; background: transparent url(link.svg) no-repeat center right}

.c16-text-image-list .grid-cell {XXXborder-right:1px solid black; border-bottom:1px solid black; }
.c16-text-image-list .grid-cell:nth-child(2n+0) {border-right: none;}
.c16-text-image-list .grid-cell:nth-last-child(2),.c16-text-image-list .grid-cell:nth-last-child(1) {border-bottom: none;}

.c16-text-image-list.width-limited .image {max-width:60%;}
.c16-text-image-list.width-limited .grid {max-width:70%; margin-left:auto; margin-right: auto;}


.c13-producers .producer img {-webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.2s ease}
.c13-producers .producer:hover img {-webkit-filter: grayscale(0%); filter: grayscale(0%); transition: all 0.2s ease}

.c17-block-links .block-links {padding-top:4em; padding-bottom:4em;}
.c17-block-links .block-links .block-link {box-shadow: 0 0px 0px 0 rgba(0,0,0,0); opacity:1; transition: opacity .25s ease-out, box-shadow .25s;}
.c17-block-links .block-links .block-link:hover { box-shadow: 0 5px 10px 0 rgba(0,0,0,.4); opacity:1; transition: opacity .25s ease-out, box-shadow .25s; z-index:1;}

.c17-block-links .block-links a {text-decoration: none;}
.c17-block-links .block-links p a {color:#2e2120; display:inline-block; font-weight:700; padding-left:24px; min-height:16px; 
	background: transparent url(link.svg) no-repeat 0 0; background-position: 0 0.3em;}

.c17-block-links .icon {width:6em; height:6em; margin:0 auto; background: url() no-repeat; background-position: center;}
.c17-block-links .icon.icone-impegno-sostenibilita {background-image: url("icone-impegno-sostenibilita.svg")}
.c17-block-links .icon.icone-impegno-tracciabilita {background-image: url("icone-impegno-tracciabilita.svg")}
.c17-block-links .icon.icone-impegno-ambiente {background-image: url("icone-impegno-ambiente.svg")}
.c17-block-links .icon.icone-impegno-nutrizione {background-image: url("icone-impegno-nutrizione.svg")}
.c17-block-links .icon.icone-impegno-animale {background-image: url("icone-impegno-animale.svg")}
.c17-block-links .icon.icone-consorzio-governance {background-image: url("icone-consorzio-governance.png")}
.c17-block-links .icon.icone-consorzio-attivita {background-image: url("icone-consorzio-attivita.png")}

.c17-block-links .icon.icona-lavorazione {background-image: url("icona-lavorazione.png");background-size: contain;}
.c17-block-links .icon.icona-istruzioni {background-image: url("icona-istruzioni.png");background-size: contain;}
.c17-block-links .icon.icona-istruzioni {background-image: url("icona-istruzioni.png");background-size: contain;}
.c17-block-links .icon.icona-come-riconoscerlo {background-image: url("icona-come-riconoscerlo.png");background-size: contain;}
.c17-block-links .icon.icona-come-riconoscerlo {background-image: url("icona-come-riconoscerlo.png");background-size: contain;}
.c17-block-links .icon.icona-materie-prime {background-image: url("icona-materie-prime.png");background-size: contain;}
.c17-block-links .icon.icona-materie-prime {background-image: url("icona-materie-prime.png");background-size: contain;}
.c17-block-links .icon.icona-fa-bene {background-image: url("icona-fa-bene.png");background-size: contain;}
.c17-block-links .icon.icona-filiera {background-image: url("icona-filiera.png");background-size: contain;}
.c17-block-links .icon.icona-territorio {background-image: url("icona-territorio.png");background-size: contain;}
.c17-block-links .icon.icona-storia {background-image: url("icona-storia.png");background-size: contain;}
.c17-block-links .icon.icona-compendio {background-image: url("icona-compendio.png");background-size: contain;}
.c17-block-links .icon.icona-vendita-dettaglio {background-image: url("icona-vendita-dettaglio.png");background-size: contain;}
.c17-block-links .icon.icona-vendita-online {background-image: url("icona-vendita-online.png");background-size: contain;}
.c17-block-links .icon.icona-vendita-online {background-image: url("icona-vendita-online.png");background-size: contain;}
.c17-block-links .icon.icona-visite-guidate {background-image: url("icona-visite-guidate.png");background-size: contain;}
.c17-block-links .icon.icona-consorzio-in-breve {background-image: url("icona-consorzio-in-breve.png");background-size: contain;}
.c17-block-links .icon.icona-attivita {background-image: url("icona-attivita.png");background-size: contain;}
.c17-block-links .icon.icona-governance {background-image: url("icona-governance.png");background-size: contain;}
.c17-block-links .icon.icona-benessere-animale {background-image: url("icona-benessere-animale.png");background-size: contain;}
.c17-block-links .icon.icona-modello-eccellenza {background-image: url("icona-modello-eccellenza.png");background-size: contain;}
.c17-block-links .icon.icona-impatti-ambientali {background-image: url("icona-impatti-ambientali.png");background-size: contain;}
.c17-block-links .icon.icona-nutrizione-sicurezza {background-image: url("icona-nutrizione-sicurezza.png");background-size: contain;}
.c17-block-links .icon.icona-tracciabilita {background-image: url("icona-tracciabilita.png");background-size: contain;}

.c17-block-links .icon.icona-area-stampa {background-image: url("icona-area-stampa.png");background-size: contain;}
.c17-block-links .icon.icona-tutte-notizie {background-image: url("icona-tutte-notizie.png");background-size: contain;}
.c17-block-links .icon.icona-stampa-it {background-image: url("icona-stampa-it.png");background-size: contain;}
.c17-block-links .icon.icona-stampa-en {background-image: url("icona-stampa-en.png");background-size: contain;}
.c17-block-links .icon.icona-stampa-de {background-image: url("icona-stampa-de.png");background-size: contain;}


.line  {display:inline-block; width:2em; color:white; border-top:1px solid white; margin:0.5em 0;}
.two-columns.title-left .left {padding-right:4em; text-align: right;}

/* slick sliders */
.arrow {position:absolute; margin-top:-0.8rem; font-size: 2rem; line-height: 2rem; color:black; opacity:0.3;}
.arrow:hover {cursor: pointer; opacity:1;}
.arrow.prev {left:1em;}
.arrow.next {right:1em;}

.slick-dots {bottom: -3rem;}
.slick-dots li button:before { font-size: 1rem; line-height: 1rem; }

.slick-slide { margin: 0 4em; }

/* svg managamenent */

#modello_eccellenza {display:block; max-width:40em; margin:0 auto 2em;}


#affidabilita, #trust,
#tradizione, #tradition,
#benessere_animale, #animal_welfare,
#impatti_ambientali, #environmental_impacts,
#nutrizione_sicurezza, #nutrition_safety,
#tracciabilita_filiera, #traceability {transform-origin: 50% 50%; cursor:pointer; transition: all 0.2s ease;}

#affidabilita:hover, #trust:hover,
#tradizione:hover, #tradition:hover,
#benessere_animale:hover, #animal_welfare:hover,
#impatti_ambientali:hover, #environmental_impacts:hover,
#nutrizione_sicurezza:hover, #nutrition_safety:hover,
#tracciabilita_filiera:hover, #traceability:hover {transform:scale(1.05); transition: all 0.2s ease;}


/* search page */
.main.search,
.main.plain {padding:10em 0 0;}

/* press */
.press-buttons .btn {min-width: 10em; margin:0 1em 1em;}
.press-card {background-color: white; height:35em; opacity: 1;}
.press-card-cover {height:15em; position:relative; overflow:hidden;}
.press-card-cover img {object-fit:cover; width:100%; height:100%; opacity:0.8;}
.press-card-cover .title-over {position:absolute; bottom:0; padding:1.2em; font-size:1.2em; text-transform: uppercase; text-shadow: 0 1px 3px black;}


/* contact form */
.wpcf7 {max-width:800px;}
.wpcf7 h2 {margin:2em 0 1em;}
.form-row {width:100%; margin-bottom:0.3em;}
.form-row label {width:30%; text-align: right; padding-right:1em;}
.form-row > span {width:70%;}
.form-row span input[type="text"],
.form-row span input[type="tel"],
.form-row span input[type="email"] {width:100%;}
.form-row span select {width:100%;}
.form-row span label {width:auto; text-align: left;}
.form-row .wpcf7-list-item {margin:0;}
.wpcf7-form input[type="submit"] { display:inline-block; border: 2px solid black; min-width: 16em; padding:1em 3em; text-transform:uppercase; font-size:0.8em; font-weight:700; background:transparent; border-radius: 0;}

/* 404 */
.bg-404 {width:80%; padding-bottom: 50%; position:relative; background: transparent url("404.svg") no-repeat; background-size: contain; background-position:top;}

/* login form */
#loginform label {display:block; font-size:0.8em; text-transform: uppercase;}
#loginform .input {min-width:60%; font-size:1.2em; background-color: #ffffff60; border:none;}
#loginform .button { display:inline-block; background:transparent; border: 2px solid black; border-radius: 0; min-width: 16em; padding:1em 3em; overflow: hidden; text-align: center; text-transform:uppercase; font-size:0.8em; font-weight:700;}



/* footer */
.footer {color:white; font-size: 0.8em;}
.footer a {color:white; opacity:0.5; padding-left: 0;}
.footer .stamp svg {fill:white; margin-bottom:1em;}
.footer .text {opacity:0.5;}
.footer .stamp .iosonofvg {opacity: 1; margin-left: 20px; max-width: 50%; width: 105px; display: inline-block; padding-left: 20px; border-left: 1px solid; margin-right: auto; margin-bottom: 1em; }
.footer .stamp .iosonofvg svg { max-width: 16%; min-width: 85px; margin-bottom: 0; height: auto; }

.footer .footer-menu {padding:3em 0;}
.footer .footer-menu li {list-style: none; padding: 0 0 0.5em 0; }

.footer-menu ul {list-style: none; margin:0; padding:0;}
.menu-footer-main {}
.menu-footer-main .menu-item { font-weight: 700; padding:0; }
.menu-footer-main .menu > .menu-item { display:block; width:12em; float:left; padding: 0 1em 0 0;}
.menu-footer-main .menu > .menu-item > a {display:block; text-transform: uppercase; min-height:2em; padding-bottom: 1em;}
.menu-footer-main .sub-menu { }
.menu-footer-main .sub-menu .menu-item { font-weight: 400; }

.menu-footer-secondary .menu-item { font-weight: 700; padding:0; display:block; width:12em; float:left; padding: 0 1em 0 0;}
.menu-footer-secondary .menu-item > a {display:block; text-transform: uppercase; min-height:2em; padding-bottom: 1em;}



.footer .footer-end {border-top: 1px solid rgba(255,255,255,0.2);}
.footer .footer-product {padding:1em;}
.footer .footer-product .flag {display:inline-block; margin-right:1em;}
.footer .footer-social {padding:1em; border-left: 1px solid rgba(255,255,255,0.2); float:right;}

/* social links */
.social-links a:hover {text-decoration: none;}
.social-links a svg {fill:white; margin-left:1em;}
.social-links a:hover svg {opacity:0.5}


@media (min-width: 1140px) {
	.wide { max-width: 1140px; margin-left:auto; margin-right:auto;}
	.press .wide { max-width: 900px;}
}

@media (min-width: 769px) {
	.c13-producers .producer:nth-child(4n+0) {border-right: none!important;}
	.c13-producers .producer:nth-last-child(4),
	.c13-producers .producer:nth-last-child(3),
	.c13-producers .producer:nth-last-child(2),
	.c13-producers .producer:nth-last-child(1) {border-bottom: none!important;}
}

@media (max-width: 1280px) {
	.first .wp-block-group,
	.second .wp-block-group {padding-left:15px; padding-right:15px;}
	.page-template-page-cover .top-of-page .header #logo svg {transform: matrix(1.2, 0, 0, 1.2, -0, -10); }
	.header #logo svg {transform: matrix(1.0, 0, 0, 1.0, 0, 10); }
}

@media (max-width: 1140px) {
	.menu-header-main .item {font-size:0.8em;}

	.c16-text-image-list.width-limited .image {max-width:70%;}
	.c16-text-image-list.width-limited .grid {max-width:70%;}

	.producer-card.centered {left:0; margin-left:0; width:100%;}
}


@media (max-width: 1024px) {
	.menu-header-main .menu-item {display:none;}
	.mobile-menu-icons {font-size:1.6em;}
	.top-menu-icons {font-size:1.6em; margin-right:1em;}
	.top-menu-icons .wpml-ls-flag {width:auto; height:0.8em;}
	.page-template-page-cover .top-of-page .header #logo svg {transform: matrix(1.0, 0, 0, 1.0, -24, -10); }
	.header #logo svg {transform: matrix(0.8, 0, 0, 0.8, -40, 10); }
	.menu-header {margin-top:3em; margin-bottom:3em; }
}


@media (max-width: 992px) {
	html { font-size:0.9em; }
}

/* getting wordpress and sticky header go well together */
@media screen and (min-width: 783px) {
	.admin-bar .sticky-header {top: 32px;}
	.admin-bar .cover-top .cover-image {margin-top:-32px;}
}


@media (max-width: 768px) {
	.cover h1 br, .cover .summary br {display:none;}

	.c03-slider .text {padding-left: 0em; }

	.c10-news .text, 
	.c11-image-text .image-left .text, 
	.c11-image-text .image-right .text {text-align: left; padding: 2em 0 0 0; }

	.c13-producers .producer {border-right: none!important;}
	
	.c12-downloads .file-block {border-right: none;}
	.c16-text-image-list .grid-cell {border-right: none;}
	.c16-text-image-list .grid-cell:nth-last-child(2) {border-bottom:1px solid black;}

	.c16-text-image-list.width-limited .image {max-width:90%;}
	.c16-text-image-list.width-limited .grid {max-width:70%;}

	.icon-mousescroll { left:auto; right:13em;}
	.top-link {right:1em;}

	.slick-slide { margin: 0 2em;}

	.wp-block-column { flex-basis:100%!important; }
	.wp-block-column:nth-child(2n) {margin-left: 0;}

	.wp-block-column figure img {width:100%;}

	.ig-story figure {margin:0em 4em; z-index:1;}
	.ig-story .wp-block-column hr {display:none;}
	.ig-story .wp-block-column:nth-of-type(2) {padding:0em 4em;}

	.ig-processing .wp-block-column {padding-left:4em; padding-right: 4em;}
	.ig-processing .wp-block-column:nth-child(2) h2:first-of-type {margin:0 0 0.5em; padding-left:0em;}
	.ig-processing .wp-block-column:first-child figure {margin-left:70%; margin-bottom:-8em;}
	.ig-processing .wp-block-column:nth-child(3) img {max-width:256px; float:right; margin-top:2em;}

}



}

@media screen and (max-width: 600px){
	#wpadminbar {position: fixed;}
}

@media (max-width: 576px) {
	html { font-size:0.7em; }
	.project .description {padding-left:1.5rem!important;}
	.two-columns.title-left .left {padding-right:0em; text-align: left;}
	.two-columns.title-left .left br {display:none;}
	.footer .logo {margin-left:2.5em; width:9em; height:3em;}

	.icon-mousescroll { left:auto; right:3em;}
	.cover .cover-end .dop-logo {left:3em; bottom:7em;}
	.mobile-dark {background-blend-mode:darken;}

	.top-menu-icons {font-size:1.5em; margin-right:1em;}
	.page-template-page-cover .top-of-page .header #logo svg {transform: matrix(1.0, 0, 0, 1.0, -24, -16); }
	.header #logo svg {transform: matrix(0.6, 0, 0, 0.6, -80, -10); }
	.menu-header {margin-top:3em; margin-bottom:2em; }
}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
  .page-id-1008166 h1.title {
    font-size: 3.0em;
}
.page-id-1008175 h1.title {
    font-size: 3.0em;
}

.page-id-1008172 h1.title {
    font-size: 3.0em;
}
.producer .fit {
    object-fit: contain;
    width: 100%;
    height: 70%;
}
  }
/*GESTISCO NUOVO LOGO*/
.site.w-screen.wrapper a#logo {
    width: 110px;
    margin-top: 2.2rem;
}


.site.w-screen.wrapper.top-of-page a#logo {
    width: 110px;
    margin-top: 2rem;
}
/*GESTISCO NUOVO LOGO*/