@charset "UTF-8";
  ::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
background-color: transparent;
}
::-webkit-scrollbar {
width: 7px;
background-color: transparent;
}
::-webkit-scrollbar-thumb {
background-color: rgba(162, 132, 62, 0.83);
border-radius: 20px;
}
.animate__fadeInUp {
animation-name: Up !important;
}
@keyframes Up {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
} html {
color: #4D4842;
font-style: normal;
font-weight: 200;
font-family: "mr-eaves-modern";
letter-spacing: 1.5px;
font-size: 24px;
}
body {
padding-top: 90px;
}
::selection {
background-color: #E4C98A !important;
color: #fff !important;
}
#page {
display: block;
margin: 0 50px;
}
#page header#masthead {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 90px;
z-index: 99999;
background: #FEF8EC;
}
#page header#masthead .header-inner {
display: flex;
margin: 0 50px;
align-items: center;
width: 100%;
border-bottom: 1px solid #A2843E;
height: 100%;
position: relative;
}
#page header#masthead .header-inner .site-branding {
width: 260px;
display: flex;
align-items: flex-start;
}
#page header#masthead .header-inner #site-navigation {
height: 100%;
position: unset;
}
#page header#masthead .header-inner #site-navigation .primary-menu-container {
height: 100%;
position: unset;
}
#page header#masthead .header-inner #site-navigation .primary-menu-container #primary-menu-list {
height: 100%;
position: unset;
}
#page header#masthead .header-inner #site-navigation .primary-menu-container #primary-menu-list li {
height: 100%;
cursor: pointer;
color: #004C93;
padding: 0 20px;
display: flex;
align-items: center;
position: unset;
}
#page header#masthead .header-inner #site-navigation .primary-menu-container #primary-menu-list li.current-menu-ancestor {
border-bottom: 6px solid #A2843E;
}
#page header#masthead .header-inner #site-navigation .primary-menu-container #primary-menu-list li.current-menu-item {
border-bottom: 6px solid #A2843E;
}
#page header#masthead .header-inner #site-navigation .primary-menu-container #primary-menu-list li .sub-menu {
background: #A2843E;
color: #fff;
padding: 22px 20px;
top: calc(100% + 1px);
justify-content: center;
}
#page header#masthead .header-inner #site-navigation .primary-menu-container #primary-menu-list li .sub-menu li {
background: #A2843E;
width: auto;
text-align: center;
justify-content: center;
}
#page header#masthead .header-inner #site-navigation .primary-menu-container #primary-menu-list li .sub-menu li a {
color: #fff;
text-transform: uppercase;
}
#page header#masthead .header-inner #site-navigation .primary-menu-container #primary-menu-list li .sub-menu li a:hover {
color: #fff;
text-shadow: -0.1px -0.1px 0.01px #fff, -0.1px 0.8px 0.01px #fff, 0.1px 0.5px 0.01px #fff, 0.5px 0.5px 0.01px #fff;
opacity: 0.95;
}
#page header#masthead .header-inner #site-navigation .primary-menu-container #primary-menu-list li.submenu-open .sub-menu {
display: flex;
}
#page header#masthead .header-inner #site-navigation .primary-menu-container #primary-menu-list li a {
font-size: 18px;
letter-spacing: 2px;
font-weight: 300;
font-style: normal;
color: #004C93;
text-transform: uppercase;
text-decoration: none;
}
#page header#masthead .header-inner #site-navigation .primary-menu-container #primary-menu-list li a:hover {
color: #004C93;
text-shadow: -0.1px -0.1px 0.01px #004C93, -0.1px 0.8px 0.01px #004C93, 0.1px 0.5px 0.01px #004C93, 0.5px 0.5px 0.01px #004C93;
opacity: 0.95;
}
#page header#masthead .header-inner #site-navigation .primary-menu-container #primary-menu-list li.only-mobile {
display: none;
}
#page header#masthead .header-inner #site-navigation .menu-button-container {
padding: 0 !important;
top: 50%;
transform: translateY(-50%);
}
#page header#masthead .header-inner .header-secondary-section {
width: 260px;
display: flex;
justify-content: flex-end;
align-items: center;
}
#page header#masthead .header-inner .header-secondary-section span.menu-item a {
font-size: 18px;
letter-spacing: 2px;
font-weight: 300;
font-style: normal;
color: #004C93;
text-transform: uppercase;
text-decoration: none;
}
#page header#masthead .header-inner .header-secondary-section span.menu-item a:hover {
color: #004C93;
text-shadow: -0.1px -0.1px 0.01px #004C93, -0.1px 0.8px 0.01px #004C93, 0.1px 0.5px 0.01px #004C93, 0.5px 0.5px 0.01px #004C93;
opacity: 0.95;
}
#page header#masthead .header-inner .header-secondary-section .social-side {
display: flex;
align-items: center;
flex-direction: column;
position: absolute;
justify-content: center;
right: -28px;
top: 35px;
transform: translateX(48%);
}
#page header#masthead .header-inner .header-secondary-section .social-side a {
font-size: 16px;
color: #A2843E;
}
#page header#masthead .header-inner .header-secondary-section .social-side a:not(:last-child) {
margin-right: 0px;
margin-bottom: 7px;
}
#page header#masthead .header-inner .header-secondary-section .social-side a:hover {
color: #004C93;
}
.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal {
margin-right: 15px;
margin-top: -2px;
}
.wpml-ls-current-language a {
font-weight: bold !important;
}
.header-inner > .wpml-ls-statics-shortcode_actions {
display: none !important;
}
.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal ul {
display: flex;
}
.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal ul a {
font-size: 20px;
color: #004C93;
font-weight: 500;
}
.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal ul a:hover {
color: #A2843E;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item:first-child::before {
content: "";
position: absolute;
pointer-events: none;
width: 1px;
height: 60%;
background: #004C93;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item {
position: relative;
}
body.mobile-navigation-open #mobile-navigation .primary-menu-container {
position: fixed;
visibility: visible;
opacity: 1;
transform: translateY(0);
transition: all 0.25s ease;
}
body.mobile-navigation-open #mobile-navigation .menu-button-container {
width: 100%;
z-index: 500;
}
#mobile-navigation {
display: none;
left: 0;
right: auto;
height: auto;
position: absolute;
}
#mobile-navigation .menu-button-container {
display: flex;
left: 35px;
right: auto !important;
}
#mobile-navigation .menu-button-container #mobile-menu-button {
margin: 0 !important;
padding: 0 !important;
}
#mobile-navigation .primary-menu-container {
background: #FEF8EC;
height: auto;
position: fixed;
visibility: hidden;
opacity: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding-top: 75px;
transform: translateY(30px);
height: 100vh;
z-index: 70;
overflow-x: hidden;
overflow-y: auto;
border: 2px solid transparent;
}
#mobile-navigation .primary-menu-container #mobile-menu-list {
height: auto;
list-style: none;
padding: 90px 35px;
}
#mobile-navigation .primary-menu-container #mobile-menu-list li {
display: flex;
height: auto;
justify-content: center;
}
#mobile-navigation .primary-menu-container #mobile-menu-list li.menu-item-has-children {
flex-direction: column;
align-items: center;
}
#mobile-navigation .primary-menu-container #mobile-menu-list li.menu-item-has-children .sub-menu {
width: 100%;
background: #fff;
padding: 0;
}
#mobile-navigation .primary-menu-container #mobile-menu-list li.menu-item-has-children .sub-menu li:not(:first-child) {
padding-top: 0;
}
#mobile-navigation .primary-menu-container #mobile-menu-list li a {
padding: 15px 0;
}
@media screen and (max-width: 1680px) {
#page header#masthead .header-inner #site-navigation .primary-menu-container #primary-menu-list li {
padding: 0 20px;
}
#page header#masthead .header-inner #site-navigation .primary-menu-container #primary-menu-list li a {
font-size: 16px;
letter-spacing: 1px;
font-weight: 300;
font-style: normal;
color: #004C93;
}
#page header#masthead .header-secondary-section {
width: 170px !important;
}
#page header#masthead .header-secondary-section .social-side a {
font-size: 16px;
color: #A2843E;
}
#page header#masthead .header-inner .header-secondary-section .social-side a:not(:last-child) {
margin-right: 7px;
}
#page header#masthead .header-inner .site-branding {
width: 170px !important;
}
#page header#masthead .header-inner .header-secondary-section span.menu-item a {
font-size: 16px;
letter-spacing: 1px;
}
.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal ul a {
font-size: 16px;
}
.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal {
margin-right: 0;
padding-right: 0 !important;
}
.wpml-ls-legacy-list-horizontal a {
padding: 5px 7px 6px;
line-height: 1;
}
}
@media screen and (max-width: 1480px) {
#page header#masthead {
height: 80px !important;
}
#page header#masthead .header-inner .site-branding .site-logo {
width: 90%;
}
#page header#masthead .header-inner .site-branding .site-logo * {
width: 100%;
}
.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal ul a {
font-size: 16px;
}
.wpml-ls-legacy-list-horizontal a {
padding: 5px 7px 6px;
line-height: 1;
}
.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal {
margin-right: 0;
padding-right: 0 !important;
}
#page header#masthead .header-inner #site-navigation .primary-menu-container #primary-menu-list li a {
font-size: 15px;
}
#page header#masthead .header-inner .header-secondary-section span.menu-item a {
font-size: 15px;
letter-spacing: 1px;
}
.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal {
margin-top: 3px;
}
}
@media screen and (max-width: 1366px) {
#page header#masthead .header-inner #site-navigation .primary-menu-container #primary-menu-list {
justify-content: center;
}
#page header#masthead .header-inner #site-navigation .primary-menu-container #primary-menu-list li {
padding: 0 15px;
}
}
@media screen and (max-width: 1250px) {
.site-branding {
margin: 0 auto;
position: relative;
z-index: 90;
justify-content: center;
}
.header-secondary-section {
display: none !important;
}
#site-navigation {
display: none !important;
}
#mobile-navigation {
display: block;
}
#page {
margin: 0 35px;
}
#page header#masthead {
height: 65px !important;
}
#page header#masthead .header-inner {
margin: 0 35px;
}
#page header#masthead .header-inner .site-branding .site-logo {
width: 83%;
padding-top: 5px;
}
#page header#masthead .header-inner .site-branding .site-logo * {
width: 100%;
}
#page header#masthead .header-inner #mobile-navigation {
height: 100% !important;
}
#page header#masthead .header-inner #mobile-navigation .menu-button-container {
padding: 0 !important;
left: 0 !important;
top: 50%;
transform: translateY(-50%);
}
#page header#masthead .header-inner #mobile-navigation .menu-button-container * {
color: #A2843E;
}
#page header#masthead .header-inner #mobile-navigation .primary-menu-container::-webkit-scrollbar {
display: none !important;
}
#page header#masthead .header-inner #mobile-navigation .primary-menu-container #mobile-menu-list {
padding: 50px 35px 50px !important;
}
#page header#masthead .header-inner #mobile-navigation .primary-menu-container #mobile-menu-list li.only-mobile {
display: flex;
}
#page header#masthead .header-inner #mobile-navigation .primary-menu-container #mobile-menu-list li a {
color: #A2843E;
font-size: 36px;
line-height: 40px;
text-decoration: none;
text-transform: uppercase;
font-weight: 300;
}
#page header#masthead .header-inner #mobile-navigation .primary-menu-container #mobile-menu-list li a:hover {
font-weight: bold;
}
#page header#masthead .header-inner #mobile-navigation .primary-menu-container #mobile-menu-list li .sub-menu {
background: #fef8ec;
}
#page header#masthead .header-inner #mobile-navigation .primary-menu-container #mobile-menu-list li .sub-menu li a {
font-size: 24px;
line-height: 36px;
}
.header-inner > .wpml-ls-statics-shortcode_actions {
display: flex !important;
position: absolute;
margin-right: 0 !important;
right: -10px;
padding-right: 0 !important;
}
.header-inner > .wpml-ls-statics-shortcode_actions a {
font-size: 16px !important;
}
}
@media screen and (max-width: 1023px) {
#page {
margin: 0 30px;
}
#page header#masthead .header-inner {
margin: 0 30px;
}
}
@media screen and (max-width: 767px) {
#page {
margin: 0 6vw;
}
#page header#masthead .header-inner {
margin: 0 6vw;
}
#page header#masthead .header-inner #mobile-navigation .primary-menu-container #mobile-menu-list li a {
font-size: 26px;
line-height: 31px;
text-align: center;
}
#page header#masthead .header-inner #mobile-navigation .primary-menu-container #mobile-menu-list li .sub-menu li a {
font-size: 20px;
line-height: 24px;
text-align: center;
}
} .wpml-ls-statics-footer.wpml-ls.wpml-ls-legacy-list-horizontal {
display: none !important;
}
body {
overflow-x: unset !important;
}
html {
overflow-x: hidden !important;
}
#page {
overflow: hidden !important;
}
p, .p-style {
font-size: 24px;
line-height: 28px;
font-family: "mr-eaves-modern";
font-style: normal;
font-weight: 200;
}
h1, .h1-style {
font-size: 72px;
line-height: 96px;
font-family: "ivypresto-display";
font-style: normal;
font-weight: 300;
}
h2, .h2-style {
font-size: 45px;
line-height: 60px;
font-family: "ivypresto-display";
font-style: normal;
font-weight: 400;
}
h3, .h3-style {
font-size: 30px;
line-height: 35px;
}
.img-desc {
display: block;
font-size: 18px;
line-height: 22px;
font-style: italic;
font-weight: 300;
margin-top: 20px;
color: #4D4842;
max-width: 70%;
}
.bold-gold {
color: #A2843E;
font-style: italic;
font-weight: 700;
}
.gold {
color: #A2843E;
}
.border-bottom {
padding-bottom: 25px;
margin: 0;
border-bottom: 1px solid #fff;
}
.top-image-mobile {
display: none !important;
}
.melegatti-word {
font-weight: bold;
color: #004C93;
font-style: italic;
}
.melegatti-word.w {
color: #fff;
}
.product-identity .melegatti-word {
color: #fff;
}
.single h2 {
font-weight: 300;
}
.share-box > .mele-button {
display: none !important;
}
.v-btn::before {
display: none !important;
}
.post-type-archive-press .top-page-inner .section-title a {
text-decoration: none;
color: #fff;
}
.post-type-archive-press .top-page-inner .section-title a:hover {
opacity: 0.7;
}
.post-type-archive-press .section-share {
position: absolute;
right: 100px;
display: flex;
flex-direction: column;
align-items: flex-end;
bottom: 0;
}
.post-type-archive-press .section-share span {
color: #fff;
}
.post-type-archive-press .top-page {
position: relative;
background-position: center top !important;
}
.mele-button {
display: inline-block;
padding: 0 10px;
transition: all 0.25s ease-in;
appearance: none;
border: none;
background: transparent;
}
.mele-button a, .mele-button span {
display: inline-block;
text-decoration: none;
padding: 10px 0;
font-size: 24px;
font-style: normal;
font-weight: 700;
color: #004C93;
position: relative;
transition: all 0.25s ease-in;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
}
.mele-button a::before, .mele-button span::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: #004C93;
transition: all 0.25s ease-in;
}
.mele-button a::after, .mele-button span::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #004C93;
transition: all 0.25s ease-in;
}
.mele-button:hover {
padding: 0;
transition: all 0.25s ease-in;
}
.mele-button:hover a, .mele-button:hover span {
color: #A2843E;
padding: 10px;
border-left: 1px solid #A2843E;
border-right: 1px solid #A2843E;
transition: all 0.25s ease-in;
}
.mele-button:hover a::before, .mele-button:hover span::before {
top: 100%;
background: #A2843E;
}
.mele-button:hover a::after, .mele-button:hover span::after {
bottom: 100%;
background: #A2843E;
}
.mele-button.light a {
color: #fff;
}
.mele-button.light a::before, .mele-button.light a::after {
background: #fff;
}
.mele-button.light:hover a {
color: #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
.mele-button.light:hover a::before, .mele-button.light:hover a::after {
background: #fff;
}
.content-boxed {
width: 1500px;
margin: 0 auto;
display: block;
}
.content-boxed.short {
width: 1250px;
}
.content-boxed.blog {
max-width: 1300px;
width: 100%;
}
.content-boxed.news {
max-width: 900px;
width: 100%;
}
.icona-lievito {
position: absolute;
width: 110px;
height: 115px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-image: url(https://www.melegatti.it/wp-content/themes/melegatti-child/assets/svg/lievito.svg);
right: 40px;
top: 45px;
}
.top-page {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.top-page.story .content-boxed .top-page-inner {
display: flex;
align-items: center;
justify-content: flex-start;
}
.top-page.story .content-boxed .top-page-inner .section-title {
display: flex;
flex-direction: column;
align-items: flex-start;
flex-basis: calc(100% / 3 * 2);
color: #fff;
}
.top-page.story .content-boxed .top-page-inner .section-title h1 {
margin: 0;
margin-bottom: 10px;
position: relative;
}
.top-page.story .content-boxed .top-page-inner .section-title h2 {
margin: 0;
}
.top-page.story .content-boxed .top-page-inner .section-img {
display: flex;
flex-basis: calc(100% / 3);
flex-direction: column;
justify-content: flex-end;
margin-bottom: -16.5vw;
padding-top: 5vw;
}
.top-page.story .content-boxed .top-page-inner .section-img img {
display: block;
object-fit: cover;
width: 100%;
height: auto;
}
.top-page.story .content-boxed .top-page-inner .section-img span {
color: #4D4842;
}
.top-page.top-archive .top-page-inner {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
}
.top-page.top-archive .top-page-inner .section-title {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
flex-basis: 50%;
padding: 0 100px;
color: #fff;
}
.top-page.top-archive .top-page-inner .section-title h1 {
margin-bottom: 25px;
}
.top-page.top-archive .top-page-inner .section-title p {
font-size: 22px;
line-height: 26px;
}
.top-page.top-archive .top-page-inner .section-img {
display: flex;
flex-basis: 50%;
align-items: center;
justify-content: flex-start;
padding-top: 2rem;
}
.top-page.top-archive .top-page-inner .section-img img {
width: 100%;
height: auto;
}
.top-page.top-archive.premiatacasa .top-page-inner {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
position: relative;
}
.top-page.top-archive.premiatacasa .top-page-inner::before {
content: "";
position: absolute;
width: 100%;
height: 40px;
left: 0;
top: 30px;
background-image: url(https://www.melegatti.it/wp-content/uploads/2021/10/fogliame.png);
background-repeat: repeat-x;
background-size: cover;
}
.top-page.top-archive.premiatacasa .top-page-inner::after {
content: "";
position: absolute;
width: 100%;
height: 40px;
left: 0;
bottom: 30px;
background-image: url(https://www.melegatti.it/wp-content/uploads/2021/10/fogliame.png);
background-repeat: repeat-x;
background-size: cover;
}
.top-page.top-archive.premiatacasa .top-page-inner .section-title {
width: 100%;
flex-basis: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 135px 100px;
position: relative;
}
.top-page.top-archive.premiatacasa .top-page-inner .section-title::before {
content: "";
position: absolute;
width: 360px;
height: 310px;
left: 6vw;
top: 50%;
transform: translateY(-50%);
background-image: url(https://www.melegatti.it/wp-content/themes/melegatti-child/assets/svg/premiata-ingredienti-left.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.top-page.top-archive.premiatacasa .top-page-inner .section-title::after {
content: "";
position: absolute;
width: 360px;
height: 310px;
right: 5.3vw;
top: 50%;
transform: translateY(-50%);
background-image: url(https://www.melegatti.it/wp-content/themes/melegatti-child/assets/svg/premiata-ingredienti-right.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.top-page.top-archive.premiatacasa .top-page-inner .section-title img {
margin-bottom: 35px;
}
.top-page.top-archive.premiatacasa .top-page-inner .section-title p {
max-width: 37vw;
text-align: center;
margin: 0;
}
.top-page.top-single {
height: auto;
position: relative;
}
.top-page.top-single.pandori::before {
content: "";
position: absolute;
width: 100%;
height: 31vw;
left: 0;
top: 0;
z-index: -1;
background-image: url(https://www.melegatti.it/wp-content/uploads/2021/04/sfondo-pandori.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.top-page.top-single.torte::before {
content: "";
position: absolute;
width: 100%;
height: 31vw;
left: 0;
top: 0;
z-index: -1;
background-image: url(https://www.melegatti.it/wp-content/uploads/2021/09/Torte-Melegatti-valori-condivisione-blu.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.top-page.top-single.panettoni::before {
content: "";
position: absolute;
width: 100%;
height: 31vw;
left: 0;
top: 0;
z-index: -1;
background-image: url(https://www.melegatti.it/wp-content/uploads/2021/09/Panettoni-Melegatti-valori-tradizione-blu.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.top-page.top-single.colombe::before {
content: "";
position: absolute;
width: 100%;
height: 31vw;
left: 0;
top: 0;
z-index: -1;
background-image: url(https://www.melegatti.it/wp-content/uploads/2021/09/Colomba-di-pasqua-Melegatti-valori-legami-blu.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.top-page.top-single.uova::before {
content: "";
position: absolute;
width: 100%;
height: 31vw;
left: 0;
top: 0;
z-index: -1;
background-image: url(https://www.melegatti.it/wp-content/uploads/2021/09/Uova-di-pasqua-Melegatti-valori-futuro-blu.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.top-page.top-single.biscotti::before {
content: "";
position: absolute;
width: 100%;
height: 31vw;
left: 0;
top: 0;
z-index: -1;
background-image: url(https://www.melegatti.it/wp-content/uploads/2021/09/Biscotti-Melegatti-valori-varieta-blu.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.top-page.top-single.croissant::before {
content: "";
position: absolute;
width: 100%;
height: 31vw;
left: 0;
top: 0;
z-index: -1;
background-image: url(https://www.melegatti.it/wp-content/uploads/2021/09/Croissant-Melegatti-valori-quotidianita-blu.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.top-page.top-single.piccoli-natale::before {
content: "";
position: absolute;
width: 100%;
height: 31vw;
left: 0;
top: 0;
z-index: -1;
background-image: url(https://www.melegatti.it/wp-content/uploads/2021/09/Pandoro-Melegatti-valori-originalita-blu.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.top-page.top-single.piccoli-pasqua::before {
content: "";
position: absolute;
width: 100%;
height: 31vw;
left: 0;
top: 0;
z-index: -1;
background-image: url(https://www.melegatti.it/wp-content/uploads/2021/09/Colomba-di-pasqua-Melegatti-valori-legami-blu.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.top-page.top-single::before {
content: "";
position: absolute;
width: 100%;
height: 31vw;
left: 0;
top: 0;
z-index: -1;
background-image: url(https://www.melegatti.it/wp-content/uploads/2021/04/sfondo-pandori.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.top-page.top-single.premiatacasa .top-page-inner {
position: relative;
}
.top-page.top-single.premiatacasa .top-page-inner::before {
content: "";
position: absolute;
width: 100%;
height: 40px;
left: 0;
top: 30px;
background-image: url(https://www.melegatti.it/wp-content/uploads/2021/10/fogliame.png);
background-repeat: repeat-x;
background-size: cover;
}
.top-page.top-single.premiatacasa .top-page-inner::after {
content: "";
position: absolute;
width: 100%;
height: 40px;
left: 0;
top: 27.3vw;
z-index: -1;
background-image: url(https://www.melegatti.it/wp-content/uploads/2021/10/fogliame.png);
background-repeat: repeat-x;
background-size: cover;
}
.top-page.top-single .top-page-inner {
display: flex;
flex-flow: row;
align-items: flex-start;
position: relative;
}
.top-page.top-single .top-page-inner .section-title {
display: flex;
flex-direction: column;
width: 40%;
color: #fff;
margin-top: 0;
padding-left: 8vw;
height: 31vw;
justify-content: center;
}
.top-page.top-single .top-page-inner .section-title h1 {
margin: 0;
margin-bottom: 0px;
display: flex;
justify-content: flex-start;
flex-direction: column;
font-size: 60px;
line-height: 80px;
}
.top-page.top-single .top-page-inner .section-title h2 {
margin: 0;
margin-bottom: 26px;
font-size: 40px;
line-height: 47px;
}
.top-page.top-single .top-page-inner .section-title span {
font-family: "mr-eaves-modern";
font-style: normal;
font-weight: 200;
}
.top-page.top-single .top-page-inner .section-title span .peso {
font-style: italic;
font-weight: 600;
}
.top-page.top-single .top-page-inner .section-img {
display: flex;
width: 55%;
align-items: flex-end;
justify-content: center;
}
.top-page.top-single .top-page-inner .section-img img {
display: block;
object-fit: cover;
margin-left: 0vw;
width: 100%;
height: 37vw;
margin-top: 3vw;
}
.top-page.top-single .share-box {
padding-left: 8vw;
position: absolute;
bottom: 5vw;
min-width: 23vw;
}
.top-page.top-single .share-box .share-article {
display: flex;
align-items: flex-start;
position: relative;
}
.top-page.top-single .share-box .share-article .share {
position: absolute;
top: 0;
align-self: flex-start;
font-size: 19px;
color: #004C93;
z-index: 9999;
margin-left: 15px;
cursor: pointer;
}
.top-page.top-single .share-box .share-article .share i {
color: #004C93;
margin-left: 10px;
}
.top-page.top-single .share-box .share-article .share:hover .social {
display: flex;
}
.top-page.top-single .share-box .share-article .social {
display: none;
flex-direction: column;
text-decoration: none;
width: 100%;
position: relative;
z-index: 99999;
align-items: flex-end;
}
.top-page.top-single .share-box .share-article .social a {
padding-top: 13px;
transition: all 0.3s ease;
}
.top-page.top-single .share-box .share-article .social a:hover {
opacity: 0.6;
}
.top-page.quality .content-boxed .top-page-inner {
height: 18vw;
}
.top-page.quality .content-boxed .top-page-inner .section-title h1 {
margin: 0;
margin-bottom: 0px;
max-width: 60%;
width: 100%;
}
.top-page.quality .content-boxed .top-page-inner .section-img {
flex-basis: calc(100% / 3 * 1.3);
}
.top-page.materie .top-page-inner {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
height: 24vw;
}
.top-page.materie .top-page-inner .section-title {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
flex-basis: 35%;
padding: 0 100px 0 0;
color: #fff;
}
.top-page.materie .top-page-inner .section-title h1 {
max-width: 25vw;
line-height: 90px;
margin: 0;
}
.top-page.materie .top-page-inner .section-title p {
font-size: 22px;
line-height: 26px;
}
.top-page.materie .top-page-inner .section-img {
display: flex;
flex-basis: 65%;
align-items: center;
justify-content: flex-start;
padding-top: 0rem;
}
.top-page.materie .top-page-inner .section-img img {
width: 100%;
height: auto;
}
.share-article.mobile {
display: none !important;
}
#melegatti-is {
font-family: "ivypresto-display";
font-weight: 300;
font-size: 60px;
line-height: 85px;
position: absolute;
top: 0 !important;
left: 50%;
transform: translate3d(-50%, 50%, 0);
color: #fff;
z-index: 1;
}
#melegatti-is img {
width: 19vw;
height: auto;
object-fit: contain;
display: block;
}
.home-banner {
margin-bottom: 35px;
}
.home-banner .home-banner-img {
width: 100%;
height: auto;
}
.home-banner .home-banner-img-mobile {
width: 100%;
height: auto;
display: none;
}
.home .main-section {
position: relative;
}
#home-slider {
height: calc(100vh - 90px);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
transition: background 0.5s ease;
}
#home-slider .home-slide {
position: relative;
height: calc(100vh - 90px);
}
#home-slider .home-slide .home-title {
position: absolute;
left: 50%;
top: 50%;
transform: translate3d(-50%, -50%, 0);
font-size: 150px;
line-height: 200px;
color: rgba(0, 0, 0, 0.3);
transition: transform 0.25s ease, left 0.25s ease;
font-family: "ivypresto-display";
font-weight: 200;
letter-spacing: 13px;
display: flex;
justify-content: center;
width: 100%;
}
#home-slider .home-slide .home-text {
position: absolute;
left: 50%;
bottom: 3.7%;
transform: translate3d(-50%, 0, 0);
font-size: 22px;
line-height: 28px;
color: #fff;
transition: opacity 0.5s ease-in-out 0.3s;
font-family: "mr-eaves-modern";
font-weight: 200;
text-align: center;
opacity: 0;
letter-spacing: 1.5px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
width: 80%;
}
#home-slider .home-slide .home-text .mele-button {
margin-top: 10px;
}
#home-slider .home-slide .home-slide-bg {
background-size: contain;
background-repeat: no-repeat;
background-position: center 4vw;
transition: opacity 0.5s linear;
opacity: 0;
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
display: inline-block;
transition-delay: 0.3s;
}
#home-slider .home-slide.slick-current .home-title {
color: #fff;
left: 50%;
}
#home-slider .home-slide.slick-current .home-text {
opacity: 1;
}
#home-slider .home-slide.slick-current .home-slide-bg {
opacity: 1;
}
#home-slider .home-slide.slick-current + .home-slide .home-title:hover {
left: 45%;
}
#home-slider .home-slide:not(.slick-current) .home-title:hover {
left: 55%;
color: #fff !important;
opacity: 0.27;
cursor: pointer;
}
#home-slider .slick-prev {
left: 100px;
bottom: 50px;
top: auto;
}
#home-slider .slick-arrow.slick-next {
right: 100px;
bottom: 50px;
top: auto;
}
#home-slider .slick-arrow.slick-next::before {
background-image: url(https://www.melegatti.it/wp-content/themes/melegatti-child/assets/svg/arrow.svg) !important;
}
#home-slider .slick-arrow::before {
content: "" !important;
left: 0;
top: 0;
position: absolute;
background-image: url(https://www.melegatti.it/wp-content/themes/melegatti-child/assets/svg/arrow2.svg) !important;
width: 100% !important;
height: 100% !important;
background-repeat: no-repeat;
background-size: contain;
}
#home-slider .slick-arrow {
z-index: 99;
width: 45px !important;
height: 23px !important;
z-index: 99999;
}
.section {
margin-top: 90px;
}
.section.home-second-section {
display: flex;
flex-direction: column;
width: 100%;
align-items: center;
}
.section.home-second-section .section-img {
margin-bottom: 50px;
}
.section.home-second-section .section-img img {
display: block;
}
.section.home-second-section .section-text {
width: calc(100% / 4 * 2);
text-align: center;
padding: 0 3rem;
}
.section.home-second-section .section-text p {
margin-bottom: 25px;
}
.section.home-second-section .section-text .section-links {
display: flex;
justify-content: center;
margin-top: 45px;
}
.section.home-second-section .section-text .section-links span:first-child {
margin-right: 25px;
}
.section.home-third-section .section-inner {
display: flex;
width: 100%;
flex-direction: row;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
padding-top: 4.65vw;
}
.section.home-third-section .section-inner .section-text {
display: flex;
align-items: flex-end;
justify-content: center;
flex-direction: column;
flex-basis: calc(100% / 3);
text-align: center;
color: #fff;
margin-top: -4.65vw;
}
.section.home-third-section .section-inner .section-text .section-title {
display: block;
margin-bottom: 17px;
text-align: center;
width: calc(100% / 3 * 2);
}
.section.home-third-section .section-inner .section-text .section-title h2 {
padding-bottom: 25px;
margin: 0;
border-bottom: 1px solid #fff;
display: inline-block;
}
.section.home-third-section .section-inner .section-text p {
text-align: center;
width: calc(100% / 3 * 2);
font-size: 22px;
line-height: 26px;
}
.section.home-third-section .section-inner .section-text p span.mele-button {
margin-top: 40px;
}
.section.home-third-section .section-inner .section-img {
display: flex;
}
.section.home-third-section .section-inner .section-img img {
margin-bottom: -4.65vw;
display: block;
}
.section:last-child {
margin-bottom: 90px;
}
.smooth-scroll {
position: relative;
}
span.vertical_line {
position: fixed;
top: 0;
bottom: 0;
height: 100%;
width: 1px;
left: calc(100% - 1500px - ((100% - 1500px) / 2));
background: #A2843E;
z-index: 2;
}
.date-section {
margin-top: 110px;
}
.date-section:last-child {
margin-bottom: 130px;
}
.date-section:not(.not):not(.animate__fadeInUp) {
visibility: hidden;
}
.date {
color: #004C93;
padding-bottom: 30px;
border-bottom: 1px solid #A2843E;
display: inline-block;
margin: 0;
position: relative;
}
.date .date-point {
position: absolute;
left: -105px;
bottom: 0;
width: 50px;
height: 19px;
border: 1px solid #a2843e;
background: #FEF8EC;
z-index: 88;
display: block;
visibility: hidden;
}
.story-start .date-point {
position: absolute;
left: -80px;
top: 50%;
transform: translate(-50%, 50%);
width: 45px;
height: 45px;
background-image: url(//www.melegatti.it/wp-content/themes/melegatti-child/assets/svg/story-point-light.svg);
background-repeat: no-repeat;
background-size: contain;
z-index: 88;
visibility: hidden;
}
.story-break .point-title .date-point {
position: absolute;
left: -80px;
top: 50%;
transform: translate(-50%, -50%);
width: 45px;
height: 45px;
background-image: url(//www.melegatti.it/wp-content/themes/melegatti-child/assets/svg/story-point-light.svg);
background-repeat: no-repeat;
background-size: contain;
z-index: 88;
visibility: hidden;
}
.date_paragraph {
width: calc(100% / 2);
margin-top: 30px; }
.date_paragraph p {
margin: 0;
}
.cit {
font-family: "ivypresto-display";
}
.cit span {
font-style: italic;
font-weight: 400;
color: #A2843E;
font-family: "ivypresto-display";
}
.img-inner {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.slick-arrow.slick-disabled {
opacity: 0.55;
}
.page-template-template-storia .content-boxed, .page-template-template-pandoro .content-boxed {
padding-left: 80px;
position: relative;
}
.slider-story-nav {
margin-top: 0px;
text-align: right;
}
.slider-story-nav .s-prev {
margin-right: 24px;
}
.slider-story-nav span {
cursor: pointer;
}
.cpoint {
position: fixed;
left: calc(100% - 1500px - ((100% - 1500px) / 2));
top: 16.79vw;
z-index: 99;
transform: translateX(-50%);
}
.cpoint svg:not(.animate__bounceIn) g #frame {
visibility: hidden;
}
.page-template-template-pandoro .cpoint svg:not(.animate__bounceIn) g #frame {
visibility: visible;
}
.section-1894 .date_img {
display: flex;
margin-top: 135px;
}
.section-1894 .date_img .img-left {
display: flex;
flex-direction: column;
align-items: flex-end;
flex-basis: calc(100% / 2);
padding-right: 80px;
}
.section-1894 .date_img .img-right {
display: flex;
flex-direction: column;
align-items: flex-start;
flex-basis: calc(100% / 2);
padding-left: 40px;
}
.section-1894 .date_img .img-right .cit {
display: flex;
width: 380px;
flex-direction: column;
}
.section-1894 .date_img .img-right .cit p {
display: flex;
flex-direction: column;
}
.section-1894 .date_img .img-right .cit p br {
display: none;
}
.section-1894 .date_img .img-right .cit p span {
font-style: italic;
font-weight: 400;
color: #A2843E;
}
.section-1894 .date_img .img-right .cit p span:first-child {
text-align: left;
}
.section-1894 .date_img .img-right .cit p span:last-child {
text-align: right;
}
.section-1904 .date_inner {
display: flex;
flex-flow: row wrap;
width: calc(100% - 2 * (100% / 9));
margin: 0 calc(100% / 9);
margin-top: 90px;
}
.section-1904 .date_inner .cit {
flex-basis: 100%;
text-align: center;
margin-bottom: 90px;
}
.section-1904 .date_inner .img-left {
display: flex;
flex-flow: row wrap;
flex-basis: 50%;
padding-right: 0px;
justify-content: flex-start;
}
.section-1904 .date_inner .img-left .img1, .section-1904 .date_inner .img-left .img2 {
flex-basis: calc(100% / 3 * 2);
}
.section-1904 .date_inner .img-left .img1 .img-inner, .section-1904 .date_inner .img-left .img2 .img-inner {
margin-bottom: 50px;
}
.section-1904 .date_inner .slider-right {
flex-basis: 50%;
overflow: hidden;
padding-left: 60px;
}
.section-1904 .date_inner .slider-right .img-desc {
max-width: 60%;
}
.section-1904 .date_inner .loghi_variations {
flex-basis: 100%;
margin-top: 55px;
margin-bottom: 60px;
}
.section-1904 .date_inner .loghi_variations .loghi-3 {
display: flex;
width: 100%;
flex-flow: row wrap;
justify-content: center;
align-items: center;
border: 1px solid #A2843E;
}
.section-1904 .date_inner .loghi_variations .loghi-3 .logo-old {
flex: 1;
}
.section-1904 .date_inner .loghi_variations .loghi-3 .logo-old img {
mix-blend-mode: darken;
width: 100%;
height: auto;
object-fit: cover;
}
.section-1904 .date_inner .loghi_variations .img-desc {
max-width: 25%;
}
.section-1920 {
display: flex;
flex-flow: row wrap;
}
.section-1920 .date_info {
flex-basis: 50%;
display: flex;
flex-flow: row wrap;
overflow-x: hidden;
}
.section-1920 .date_info .date-desc {
flex-basis: 100%;
margin-bottom: 35px;
}
.section-1920 .date_info .date-desc .date_paragraph {
width: 100%;
padding-right: 45px;
}
.section-1920 .date_info .slider-bottom {
flex-basis: 100%;
clear: both;
overflow: hidden;
}
.section-1920 .date_info .slider-bottom .img-desc {
max-width: 45%;
}
.section-1920 .date_img {
display: flex;
justify-content: flex-end;
flex-basis: 50%;
}
.section-1920 .date_img .img-inner {
padding-top: 3rem;
}
.story-break {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.story-break .content-boxed {
display: flex;
align-items: flex-end;
justify-content: center;
color: #fff;
height: 26vw;
}
.story-break .content-boxed .point-title {
height: 100%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
max-width: 100%;
}
.story-break .content-boxed .point-title:before {
content: "";
position: absolute;
background: #fff;
width: 34%;
height: 1px;
left: 0;
top: 50%;
}
.story-break .content-boxed .point-title h2 {
margin: 0;
display: flex;
width: 100%;
justify-content: flex-start;
padding-left: 37%;
align-items: center;
position: relative;
margin-bottom: 14px;
}
.story-break .content-boxed .point-title p {
width: 100%;
margin: 0;
padding-left: 37%;
padding-right: 8rem;
}
.section-1951 {
display: flex;
flex-flow: row wrap;
}
.section-1951 .date_info {
flex-basis: 50%;
display: flex;
flex-direction: column;
}
.section-1951 .date_info .date-desc {
margin-bottom: 50px;
}
.section-1951 .date_info .date-desc .date_paragraph {
width: 100%;
}
.section-1951 .date_info .img-inner img {
display: block;
width: 100%;
object-fit: cover;
}
.section-1951 .date_right {
flex-basis: 50%;
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
overflow-x: hidden;
}
.section-1951 .date_right .img-top {
margin-bottom: 95px;
flex-basis: 100%;
display: flex;
justify-content: flex-end;
margin-top: 4rem;
}
.section-1951 .date_right .slider-bottom {
flex-basis: 100%;
overflow-y: hidden;
padding-left: 100px;
}
.section-1951 .date_right .slider-bottom .img-desc {
max-width: 55%;
}
.section-1953 {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
}
.section-1953 .date_info, .section-1953 .date_img {
flex-basis: calc(100% / 3);
}
.section-1953 .date_info .date_paragraph {
width: 100%;
padding-right: 5.5rem;
}
.section-1955 {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
}
.section-1955 .date_info {
flex-basis: 50%;
}
.section-1955 .date_info .date_paragraph {
width: 100%;
padding-right: 3rem;
}
.section-1955 .slider-right {
flex-basis: 50%;
padding-left: 100px;
overflow-x: hidden;
overflow-y: hidden;
}
.section-1955 .slider-right .img-desc {
width: 45%;
}
.section-1956 {
margin-top: 30px;
}
.section-1956 .date_img {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
margin-top: 80px;
align-items: flex-end;
}
.section-1959 .date_info .date_paragraph {
padding-right: 3rem;
}
.section-1961 {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
}
.section-1961 .date_info {
flex-basis: calc(100% / 3 * 1.2);
}
.section-1961 .date_info .date_paragraph {
max-width: 17vw;
width: 100%;
}
.section-1961 .date_info .date_paragraph.first {
margin-bottom: 45px;
}
.section-1961 .date_img {
flex-basis: calc(100% / 3 * 1.8);
}
.section-1961 .date_img .img-desc {
width: 100%;
max-width: 100%;
}
.section-1970 {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
}
.section-1970 .date_info {
flex-basis: calc(100% / 3 * 1.7);
}
.section-1970 .date_info .date_paragraph {
max-width: 100%;
width: 100%;
padding-right: 4rem;
}
.section-1970 .date_img {
flex-basis: calc(100% / 3 * 1.3);
display: flex;
align-items: center;
justify-content: center;
}
.section-1970 .date_img .img-desc {
width: 100%;
max-width: 100%;
}
.section-1983 {
display: flex;
flex-flow: row wrap;
align-items: center;
}
.section-1983 .date_info {
flex-basis: calc(100% / 3 * 1.6);
display: flex;
overflow-x: hidden;
justify-content: flex-start;
flex-flow: row wrap;
}
.section-1983 .date_info .date_paragraph {
margin-bottom: 37px;
}
.section-1983 .slider-content {
flex-basis: 100%;
width: 100%;
overflow-x: hidden;
}
.section-1983 .slider-content .slider-bottom {
flex-basis: 100%;
width: 100%;
overflow-y: hidden;
}
.section-1983 .slider-content .slider-bottom .slick-slide img {
width: 100%;
height: 25vw;
object-fit: cover;
}
.section-1983 .slider-content .slider-bottom .img-desc {
max-width: 55%;
}
.section-1983 .date_info .date_paragraph {
max-width: 100%;
width: 100%;
}
.section-1983 .date_img {
flex-basis: calc(100% / 3 * 1.4);
display: flex;
align-items: center;
justify-content: flex-end;
}
.section-1983 .date_img .img-desc {
width: 100%;
max-width: 100%;
}
.section-1985 .date_img {
justify-content: flex-start;
}
.section-1985 .date_img .img-left {
margin-right: 80px;
}
.section-1985 .date_img img {
mix-blend-mode: darken;
}
.section-1993 {
display: flex;
flex-flow: row wrap;
align-items: center;
}
.section-1993 .date_info {
flex-basis: calc(100% / 2);
flex-flow: row wrap;
display: flex;
}
.section-1993 .date_info .date_paragraph {
max-width: 100%;
width: 100%;
margin-bottom: 35px;
}
.section-1993 .date_img {
flex-basis: 100%;
width: 100%;
}
.section-1993 .date_right {
flex-basis: calc(100% / 2);
}
.section-1993 .date_right .date_paragraph {
width: 90%;
}
.page-template-template-storia .last-section {
padding-left: 80px;
margin-top: 80px;
}
.page-template-template-storia .last-section p {
padding-right: 5.5rem;
padding-left: 37%;
}
.page-template-template-storia .last-section span.mele-button {
margin-left: 37%;
}
.page-template-template-storia .last-section:not(.animate__fadeInUp) {
visibility: hidden;
}
.mob-filterbox {
display: none;
flex-direction: column;
width: 80%;
margin: 0 auto;
border: 1px solid #A2843E;
padding: 10px;
padding-left: 17px;
margin-bottom: 25px;
background: #fef8ec;
position: relative;
z-index: 999;
}
.mob-filterbox span.current-filter {
color: #A2843E;
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
.mob-filterbox span.current-filter i {
opacity: 0.7;
transition: all 0.3s ease;
}
.mob-filterbox span.current-filter.active i {
transform: rotate(-180deg);
}
.mob-filterbox .filter-options {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 25px;
padding-left: 17px;
position: absolute;
top: calc(100% + 1px);
left: -1px;
background: #fef8ec;
z-index: -1;
width: calc(100% + 2px);
border: 1px solid #A2843E;
border-top: none;
transform: translateY(-3%);
visibility: hidden;
transition: transform 0.3s ease;
}
.mob-filterbox .filter-options.active {
visibility: visible;
transform: translateY(0);
}
.mob-filterbox .filter-options span {
padding-top: 15px;
}
.mob-filterbox .filter-options span a {
text-decoration: none;
color: #A2843E;
font-size: 18px;
text-transform: uppercase;
}
ul.categories_nav {
display: flex;
max-width: 100%;
width: 100%;
margin: 0 auto;
align-items: center;
justify-content: center;
padding: 25px;
margin-bottom: 55px;
border-bottom: 1px solid #A2843E;
list-style: none;
}
ul.categories_nav li {
padding: 0 15px;
}
ul.categories_nav li a {
font-size: 20px;
text-decoration: none !important;
text-transform: uppercase;
color: #A2843E;
display: block;
transition: all 0.18s ease;
}
ul.categories_nav li a:hover:not(.current) {
color: #004C93;
text-shadow: -0.1px -0.1px 0.01px #004C93, -0.1px 0.8px 0.01px #004C93, 0.1px 0.5px 0.01px #004C93, 0.5px 0.5px 0.01px #004C93;
opacity: 0.95;
}
ul.categories_nav li a.current {
color: #004C93;
font-weight: bold;
}
.product-loop {
max-width: 1250px;
width: 100%;
margin: 0 auto;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
margin-top: 65px;
}
.product-loop .product {
display: flex;
flex-basis: 100%;
align-items: center;
justify-content: flex-start;
padding-bottom: 40px;
margin-bottom: 50px;
}
.product-loop .product .product-img {
display: flex;
justify-content: flex-start;
align-items: center;
flex-basis: 50%;
}
.product-loop .product .product-img img {
width: 100%;
height: auto;
display: block;
}
.product-loop .product .product-info {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
flex-basis: 50%;
}
.product-loop .product .product-info span.product-cat {
font-size: 24px;
font-style: normal;
font-weight: 500;
color: #A2843E;
}
.product-loop .product .product-info span.list-peso {
font-size: 20px;
font-style: italic;
font-weight: bold;
color: #004C93;
margin-bottom: 12px;
}
.product-loop .product .product-info h2 {
color: #004C93;
margin: 0;
margin-bottom: 5px;
}
.product-loop .product .product-info h2 a {
color: #004C93;
margin: 0;
text-decoration: none;
transition: all 0.3s ease;
}
.product-loop .product .product-info h2 a:hover {
color: #A2843E;
}
.product-loop .product .product-info p {
margin: 0;
margin-bottom: 25px;
padding-right: 40px;
margin-top: 35px;
}
.product-loop .product .product-info .ingredients {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
margin-bottom: 20px;
width: 100%;
}
.product-loop .product .product-info .ingredients .ingredient {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
flex-basis: calc(100% / 4);
}
.product-loop .product .product-info .ingredients .ingredient .ing-image {
display: flex;
width: 73%;
position: relative;
height: auto;
align-items: center;
justify-content: center;
}
.product-loop .product .product-info .ingredients .ingredient .ing-image::before {
content: "";
width: 87px;
height: 87px;
border-radius: 50%;
position: absolute;
left: 50%;
z-index: -1;
top: 50%;
transform: translate(-50%, -50%);
border: 1.34px solid #A2843E;
}
.product-loop .product .product-info .ingredients .ingredient:not(:last-child) {
margin-right: 0px;
}
.product-loop .product .product-info .ingredients .ingredient img {
display: block;
height: auto;
width: 100%;
object-fit: contain;
}
.product-loop .product .product-info .ingredients .ingredient span {
font-size: 16px;
font-family: "ivypresto-display";
text-align: center;
}
.product-loop .product .product-info span.mele-button {
text-align: right;
display: inline-block;
margin-left: auto;
}
.product-loop .product:not(:last-child) {
border-bottom: solid 1px #A2843E;
}
.product-loop .product.new {
position: relative;
}
.product-loop .product.new:before {
content: "Novità";
position: absolute;
left: 20px;
top: 17px;
font-size: 14px;
font-weight: bold;
color: #A2843E;
border: 1px solid #A2843E;
width: 80px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
}
.product-loop.premiata {
position: relative;
}
.product-loop.premiata::before {
content: "";
position: absolute;
z-index: -1;
width: 46vw;
height: 46vw;
background-image: url(https://www.melegatti.it/wp-content/themes/melegatti-child/assets/svg/araldicaantica.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
top: 5vw;
left: 50%;
transform: translateX(-50%);
}
html[lang="en-US"] .product-loop .product.new:before {
content: "new" !important;
}
.product-page {
display: flex;
flex-flow: row wrap;
align-items: center;
margin-bottom: 100px;
margin-top: 3vw;
}
.product-page .section-img {
flex-basis: 50%;
display: flex;
}
.product-page .section-img img {
width: 100%;
object-fit: contain;
display: block;
height: auto;
mix-blend-mode: darken;
}
.product-page .product-info {
display: flex;
flex-direction: column;
justify-content: center;
flex-basis: 50%;
padding: 0 90px;
}
.product-page .product-info .product-desc p {
margin: 0;
}
.product-page .product-info .ingredients {
display: flex;
flex-flow: row wrap;
align-items: flex-end;
justify-content: flex-start;
margin-bottom: 20px;
margin-top: 20px;
width: 100%;
}
.product-page .product-info .ingredients .ingredient {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
flex-basis: calc(100% / 3 - 20px);
}
.product-page .product-info .ingredients .ingredient .ing-image {
display: flex;
width: 73%;
position: relative;
height: auto;
align-items: center;
justify-content: center;
}
.product-page .product-info .ingredients .ingredient .ing-image::before {
content: "";
width: 95px;
height: 95px;
border-radius: 50%;
position: absolute;
left: 50%;
z-index: -1;
top: 50%;
transform: translate(-50%, -50%);
border: 1.34px solid #A2843E;
}
.product-page .product-info .ingredients .ingredient:not(:last-child) {
margin-right: 20px;
}
.product-page .product-info .ingredients .ingredient img {
display: block;
height: auto;
width: 100%;
object-fit: contain;
}
.product-page .product-info .ingredients .ingredient span {
font-size: 18px;
font-family: "ivypresto-display";
}
.product-page .product-info .product-cacao-trace {
display: flex;
flex-direction: column;
align-items: center;
width: calc(100% / 3 - 20px);
margin-top: 15px;
}
.product-page .product-info .product-cacao-trace img {
max-width: 100px;
height: auto;
}
.product-page .product-info .product-cacao-trace span {
margin-top: 15px;
}
.product-page .product-info .product-cacao-trace span a {
font-size: 18px;
}
.product-identity {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
margin-bottom: 9rem;
}
.product-identity .product-identity-inner {
display: flex;
flex-flow: row wrap;
}
.product-identity .product-identity-inner .identity-info {
display: flex;
flex-direction: column;
justify-content: center;
width: calc(100% / 6 * 2.2);
padding-top: 3vw;
padding-bottom: 3vw;
}
.product-identity .product-identity-inner .identity-info .id-title {
padding-top: 2vw;
}
.product-identity .product-identity-inner .identity-info .identity-desc p {
color: #fff;
margin: 0;
margin-bottom: 35px;
font-size: 22px;
line-height: 26px;
}
.product-identity .product-identity-inner .identity-info .id-title h2 {
color: #fff;
margin: 0;
margin-bottom: 30px;
display: inline-block;
}
.product-identity .product-identity-inner .identity-info span.pronunciation {
color: #fff;
font-size: 22px;
margin-bottom: 40px;
font-family: "Segoe UI";
}
.product-identity .product-identity-inner .identity-info .row-link {
padding-bottom: 2vw;
}
.product-identity .product-identity-inner .section-img {
width: calc(100% / 6 * 3.8);
}
.product-identity .product-identity-inner .section-img img {
width: 64vw;
height: auto;
display: block;
object-fit: cover;
margin-bottom: -16vw;
padding-top: 5vw;
margin-left: -2vw;
margin-top: 2vw;
}
.product-identity.uno .product-identity-inner .section-img img {
width: 100%;
height: 40vw;
display: block;
object-fit: cover;
margin-bottom: -16vw;
padding-top: 5vw;
margin-left: 2vw;
margin-top: 2vw;
}
.related-products {
margin-bottom: 120px;
margin-top: 50px;
}
.related-products h3 {
color: #004C93;
text-align: center;
margin: 0;
margin-bottom: 65px;
}
.related-products .related-product-loop {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
}
.related-products .related-product-loop .product {
flex-basis: calc(100% / 3 - 20px);
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
}
.related-products .related-product-loop .product .total-product-img {
display: flex;
position: relative;
height: 16.5vw;
width: 100%;
}
.related-products .related-product-loop .product .total-product-img .product-img {
position: absolute;
left: 50px;
bottom: 0;
transition: transform 0.3s ease;
transform-origin: top left;
}
.related-products .related-product-loop .product .total-product-img .product-img img {
width: 100%;
display: block;
}
.related-products .related-product-loop .product .total-product-img .product-img.left {
transform: scale(1) translateX(0) translateZ(0);
width: 250px;
height: 240px;
}
.related-products .related-product-loop .product .total-product-img .product-img.right {
left: auto !important;
right: 0;
z-index: -1;
transform: translateX(0) scale(1) translateZ(0);
width: 300px;
height: 300px;
}
.related-products .related-product-loop .product .total-product-img .product-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.related-products .related-product-loop .product .total-product-img:hover .product-img.left {
z-index: -2;
transform: scale(0.83) translateX(-40px) translateZ(0);
transform-origin: top left;
}
.related-products .related-product-loop .product .total-product-img:hover .product-img.right {
transform: translateX(-40px) scale(1.1) translateZ(0);
transform-origin: top left;
}
.related-products .related-product-loop .product .product-name {
text-align: center;
margin-top: 20px;
}
.related-products .related-product-loop .product .product-name span {
color: #004C93;
margin: 0;
margin-bottom: 10px;
}
.related-products .related-product-loop .product .product-name span:hover {
color: #004C93;
text-shadow: -0.1px -0.1px 0.01px #004C93, -0.1px 0.8px 0.01px #004C93, 0.1px 0.5px 0.01px #004C93, 0.5px 0.5px 0.01px #004C93;
opacity: 0.95;
}
.related-products .related-product-loop .product .product-name h2 {
display: block;
margin: 0;
min-height: 100px;
display: flex;
align-items: flex-start;
font-size: 32px;
line-height: 40px;
}
.related-products .related-product-loop .product .product-name h2:hover {
text-decoration: underline;
}
.related-products .related-product-loop .product .product-name a {
text-decoration: none;
}
.related-products .related-product-loop .product:not(:last-child) {
margin-right: 30px;
}
.premiatacasa-section {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: center;
padding: 40px 20px;
border-bottom: 1px solid #BEAA6D;
width: 100%;
flex-basis: 100%;
}
.premiatacasa-section .col {
flex-basis: 25%;
width: 25%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
}
.premiatacasa-section .col span {
text-align: center;
color: #BEAA6D;
font-size: 24px;
margin-top: 15px;
max-width: 235px;
font-weight: 400;
}
.postid-438 .product-identity .product-identity-inner .section-img img {
padding-top: 7vw;
}
#id-melegatti-is {
font-family: "ivypresto-display";
font-weight: 300;
font-size: 72px;
line-height: 96px;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-100%, -50%, 0);
color: #fff;
z-index: 1;
}
#id-melegatti-is img {
width: 19vw;
height: auto;
object-fit: contain;
display: block;
}
.identity-main-section {
height: calc(100vh - 90px - 50px);
width: 100%;
position: relative;
}
.identity-main-section #identity-slider {
position: relative;
height: calc(100%);
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transition: background 0.5s linear;
}
.identity-main-section .pagepoint {
position: absolute;
display: block;
left: 50%;
bottom: 0;
width: 1px;
height: calc(100% / 4);
background: #fff;
}
.identity-main-section .pagepoint::before {
content: "";
position: absolute;
width: 45px;
height: 45px;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
z-index: 99;
background-repeat: no-repeat;
background-size: contain;
background-image: url(//www.melegatti.it/wp-content/themes/melegatti-child/assets/svg/story-point-light.svg);
}
#valori {
font-family: "ivypresto-display";
font-weight: 300;
font-size: 72px;
line-height: 96px;
font-style: italic;
position: absolute;
top: 50%;
right: 50%;
transform: translate3d(100%, -50%, 0);
color: #fff;
z-index: 1;
}
#valori span {
display: block;
padding-left: 0.8rem;
}
#valori span.current {
visibility: visible;
display: block;
}
.identity-second-section {
padding-top: 200px;
display: flex;
justify-content: center;
position: relative;
padding-bottom: 10px;
}
.identity-second-section .pagepoint {
position: absolute;
display: block;
left: 50%;
top: 0;
width: 1px;
height: 100px;
background: #004C93;
}
.identity-second-section .pagepoint::before {
content: "";
position: absolute;
width: 45px;
height: 45px;
top: 100%;
left: 50%;
transform: translateX(-50%);
z-index: 99;
background-repeat: no-repeat;
background-size: contain;
background-image: url(//www.melegatti.it/wp-content/themes/melegatti-child/assets/svg/story-point-custom.svg);
}
.identity-second-section .pagedesc {
display: block;
text-align: center;
}
.identity-second-section .pagedesc p {
font-size: 24px;
line-height: 30px;
font-style: normal;
font-weight: 200;
max-width: 40vw;
margin: 0 auto;
text-align: center;
}
.identity-section .section-slider {
width: 100%;
margin: 0 auto;
margin-top: 60px;
}
.identity-section .section-slider .slider {
width: 100%;
}
.identity-section .section-slider .slider .single-photo img {
height: 36vw;
width: 100%;
display: block;
object-fit: cover;
}
.identity-section .section-slider .slider-nav {
display: flex;
justify-content: flex-end;
margin-top: 16px;
}
.identity-section .section-slider .slider-nav .s-prev {
margin-right: 25px;
cursor: pointer;
}
.identity-section .section-slider .slider-nav .s-next {
cursor: pointer;
}
.identity-section .section-slider.left .slider-nav {
justify-content: flex-start;
}
.identity-section h3.pronunciation {
margin: 0;
margin-bottom: 40px;
font-family: "Segoe UI";
font-style: normal;
font-weight: 300;
}
.identity-section div.title h2 {
display: inline-block;
color: #004C93;
margin: 0;
padding-bottom: 15px;
border-bottom: 1px solid #A2843E;
margin-bottom: 25px;
font-style: normal;
font-weight: 200;
}
.identity-section.originalita {
display: flex;
flex-flow: row wrap;
align-items: center;
padding-top: 50px;
position: relative;
margin-top: 55px;
}
.identity-section.originalita .pagepoint {
position: absolute;
display: block;
left: 50%;
top: 0;
width: 1px;
height: 90%;
background: #A2843E;
z-index: -1;
}
.identity-section.originalita .pagepoint::before {
content: "";
position: absolute;
width: 45px;
height: 45px;
top: -1px;
left: 50%;
transform: translateX(-50%);
z-index: 99;
background-repeat: no-repeat;
background-size: contain;
background-image: url(//www.melegatti.it/wp-content/themes/melegatti-child/assets/svg/story-point.svg);
}
.identity-section.originalita .inner-left {
display: flex;
flex-direction: column;
padding-top: 130px;
flex-basis: 45%;
}
.identity-section.originalita .inner-left p {
padding-right: 1rem;
}
.identity-section.originalita .inner-right {
flex-basis: 60%;
display: flex;
margin-right: -5%;
}
.identity-section.originalita .inner-right img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
}
.identity-section.condivisione {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
position: relative;
}
.identity-section.condivisione .inner-middle {
display: flex;
flex-direction: column;
padding-top: 130px;
flex-basis: 100%;
padding-left: calc(100% / 4);
}
.identity-section.condivisione .inner-middle .title {
position: relative;
}
.identity-section.condivisione .inner-middle .title .pagepoint {
position: absolute;
display: block;
left: -55px;
top: 52%;
transform: rotate(-180deg);
transform-origin: top;
width: 1px;
height: 26vw;
background: #A2843E;
z-index: -1;
}
.identity-section.condivisione .inner-middle .title .pagepoint::before {
content: "";
position: absolute;
width: 45px;
height: 45px;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: 99;
background-repeat: no-repeat;
background-size: contain;
background-image: url(//www.melegatti.it/wp-content/themes/melegatti-child/assets/svg/story-point.svg);
}
.identity-section.condivisione .inner-middle p {
max-width: 33vw;
}
.identity-section.condivisione .inner-right {
flex-basis: 60%;
margin-left: auto;
display: flex;
justify-self: flex-end;
z-index: 99;
margin-right: -13vw;
margin-top: -9.5vw;
}
.identity-section.condivisione .inner-right img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
}
.identity-section.legami {
display: flex;
flex-flow: row wrap;
align-items: center;
padding-top: 50px;
position: relative;
margin-top: 55px;
}
.identity-section.legami .pagepoint {
position: absolute;
display: block;
left: 50%;
top: 0;
width: 1px;
height: 90%;
background: #A2843E;
z-index: -1;
}
.identity-section.legami .pagepoint::before {
content: "";
position: absolute;
width: 45px;
height: 45px;
top: -1px;
left: 50%;
transform: translateX(-50%);
z-index: 99;
background-repeat: no-repeat;
background-size: contain;
background-image: url(//www.melegatti.it/wp-content/themes/melegatti-child/assets/svg/story-point.svg);
}
.identity-section.legami .inner-left {
display: flex;
flex-direction: column;
padding-top: 130px;
flex-basis: 50%;
padding-left: 50px;
}
.identity-section.legami .inner-left p {
padding-right: 1rem;
}
.identity-section.legami .inner-right {
flex-basis: calc(60% + 50px);
display: flex;
margin-left: calc(-10% - 50px);
}
.identity-section.legami .inner-right img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
}
.identity-section.pluralita {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
padding-top: 225px;
position: relative;
margin-top: 55px;
margin-bottom: 0px;
}
.identity-section.pluralita .pagepoint {
position: absolute;
display: block;
left: 50%;
top: 250px;
transform: rotate(-180deg);
transform-origin: top;
width: 1px;
height: 26vw;
background: #A2843E;
z-index: -1;
}
.identity-section.pluralita .pagepoint::before {
content: "";
position: absolute;
width: 45px;
height: 45px;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: 99;
background-repeat: no-repeat;
background-size: contain;
background-image: url(//www.melegatti.it/wp-content/themes/melegatti-child/assets/svg/story-point.svg);
}
.identity-section.pluralita .inner-left {
display: flex;
flex-direction: column;
flex-basis: 45%;
}
.identity-section.pluralita .inner-left p {
padding-right: 1rem;
}
.identity-section.pluralita .inner-right {
flex-basis: 60%;
display: flex;
margin-right: -5%;
align-self: flex-end;
}
.identity-section.pluralita .inner-right img {
width: 100%;
object-fit: cover;
height: auto;
display: block;
}
.page-numbers {
font-size: 24px;
text-decoration: none;
color: #004C93;
display: flex;
align-items: center;
justify-content: center;
}
.page-numbers.current {
color: #A2843E;
position: relative;
}
.page-numbers.current::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 31px;
height: 31px;
transform: translate(-50%, -50%) rotate(45deg);
border: 1px solid #A2843E;
background: transparent;
z-index: 9;
}
.page-numbers.current::before {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
width: 1px;
height: 500vh;
background: #A2843E;
}
.page-numbers.next, .page-numbers.prev {
width: 0 !important;
height: 0 !important;
min-width: 0 !important;
min-height: 0 !important;
}
.page-numbers:first-child.current {
margin-left: calc(43px) !important;
}
.page-numbers:first-child.prev {
margin-right: 43px !important;
}
.page-numbers:not(.prev):not(.next):nth-child(3).current {
margin-right: 43px !important;
}
.page-numbers:not(.prev):not(.next):nth-child(4).current {
margin-right: calc(43px * 2) !important;
}
.archive .page-numbers::before {
display: none;
}
.blog .blog-loop, .post-type-archive-press .blog-loop {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
padding-top: 50px;
}
.blog .blog-loop .article, .post-type-archive-press .blog-loop .article {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding-right: 2vw;
width: calc(100% / 3);
flex-basis: calc(100% / 3);
margin-bottom: 85px;
}
.blog .blog-loop .article a.redirect, .post-type-archive-press .blog-loop .article a.redirect {
text-decoration: none !important;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
}
.blog .blog-loop .article .article-thumb, .post-type-archive-press .blog-loop .article .article-thumb {
width: 100%;
height: 17.9vw;
display: block;
margin-bottom: 40px;
}
.blog .blog-loop .article .article-thumb img, .post-type-archive-press .blog-loop .article .article-thumb img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.blog .blog-loop .article .article-info a, .post-type-archive-press .blog-loop .article .article-info a {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.blog .blog-loop .article .article-info a h2, .post-type-archive-press .blog-loop .article .article-info a h2 {
font-size: 36px;
line-height: 45px;
font-weight: 200;
color: #004C93;
margin: 0;
margin-bottom: 20px;
max-width: 27vw;
text-decoration: none;
text-decoration: none;
}
.blog .blog-loop .article .article-info a p, .post-type-archive-press .blog-loop .article .article-info a p {
max-width: 27vw;
margin: 0;
margin-bottom: 30px;
text-decoration: none;
text-decoration: none;
color: #4D4842;
}
.blog .pagination, .post-type-archive-press .pagination {
max-width: 1300px;
width: 100%;
margin: 0 auto;
}
.blog .pagination .nav-links > *.next, .blog .comments-pagination .nav-links > *.next, .post-type-archive-press .pagination .nav-links > *.next, .post-type-archive-press .comments-pagination .nav-links > *.next {
display: none;
}
.blog .pagination .nav-links > *.prev, .blog .comments-pagination .nav-links > *.prev, .post-type-archive-press .pagination .nav-links > *.prev, .post-type-archive-press .comments-pagination .nav-links > *.prev {
display: none;
}
.single .single-article {
padding-top: 50px;
display: flex;
}
.single .single-article .article-content {
margin-left: calc((100% - 900px) / 2);
flex-basis: 900px;
width: 900px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.single .single-article .article-content h1 {
font-size: 36px;
line-height: 45px;
font-weight: 200;
color: #004C93;
margin: 0;
margin-bottom: 37px;
max-width: 32vw;
text-decoration: none;
text-decoration: none;
}
.single .single-article .article-content .thumb {
display: flex;
width: 100%;
}
.single .single-article .article-content .thumb img {
width: 100%;
display: block;
object-fit: cover;
height: auto;
}
.single .single-article .article-content .image {
display: flex;
width: 100%;
margin: 30px 0;
}
.single .single-article .article-content .image img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
}
.single .single-article .article-content .testo {
display: flex;
max-width: 32.5vw;
width: 100%;
margin: 20px 0;
}
.single .single-article .share-article {
width: calc((100% - 900px) / 2);
flex-basis: calc((100% - 900px) / 2);
display: flex;
align-items: flex-start;
position: relative;
}
.single .single-article .share-article .share {
position: absolute;
top: 2.6rem;
align-self: flex-start;
font-size: 19px;
color: #004C93;
z-index: 99999;
margin-left: 15px;
cursor: pointer;
}
.single .single-article .share-article .share i {
color: #004C93;
margin-left: 10px;
}
.single .single-article .share-article .share:hover .social {
display: flex;
}
.single .single-article .share-article .social {
display: none;
flex-direction: column;
text-decoration: none;
width: 100%;
position: relative;
z-index: 9999999999999;
align-items: flex-end;
}
.single .single-article .share-article .social a {
padding-top: 13px;
transition: all 0.3s ease;
}
.single .single-article .share-article .social a:hover {
opacity: 0.6;
}
.single .single-article .share-article .article-cursor {
background-image: url(//www.melegatti.it/wp-content/themes/melegatti-child/assets/svg/story-point.svg);
width: 45px;
height: 45px;
left: -40px;
top: 50px;
transform: translateX(-50%);
position: absolute;
}
.single .single-article .share-article::before {
content: "";
position: absolute;
width: 1px;
height: calc(100% - 2.2rem);
top: 2.2rem;
background: #A2843E;
left: -40px;
}
.quality-section-first {
margin-top: 100px;
}
.quality-section-first p {
max-width: 31vw;
}
.quality-section-second {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-flow: row wrap;
padding-top: 90px;
}
.quality-section-second .img1 {
flex-basis: calc(100% / 3 * 2);
width: calc(100% / 3 * 2);
}
.quality-section-second .img1 img {
width: 100%;
object-fit: cover;
display: block;
}
.quality-section-second .img2 {
flex-basis: calc(100% / 3);
width: calc(100% / 3);
padding-left: 3vw;
}
.quality-section-second .img2 img {
width: 100%;
object-fit: cover;
display: block;
}
.quality-section-third {
padding: 110px 0;
}
.quality-section-third p {
max-width: 57vw;
margin: 0 auto;
}
.quality-section-fourth {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: flex-start;
margin-bottom: 80px;
}
.quality-section-fourth .certification {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
margin-bottom: 60px;
}
.quality-section-fourth .certification .logo {
width: 100%;
overflow: hidden;
display: block;
margin-bottom: 33px;
border-radius: 20px;
border: 1px solid #A2843E;
}
.quality-section-fourth .certification .logo img {
width: 100%;
object-fit: cover;
display: block;
}
.quality-section-fourth .certification .att {
text-align: center;
}
.quality-section-fourth .certification:not(:nth-child(4n + 3)) {
margin-right: 33px;
}
.quality-section-fourth .break {
flex-basis: 100%;
width: 0;
}
.presente-section-first p {
max-width: 45vw;
}
.presente-section-first span.mele-button {
margin-top: 30px;
}
.presente-section-first h3 {
color: #004c93;
}
.presente-section-first.content-boxed {
padding-top: 2.3vw;
}
.page-template-template-presente span.img-desc {
max-width: 150px;
}
.pandoro-section {
padding: 50px 0;
display: block;
}
.pandoro-section.after-heading {
padding-bottom: 70px;
}
.pandoro-section.after-heading p {
max-width: 38.5vw;
}
.pandoro-section.first .pandoro-inner {
width: 100%;
display: block;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 80px 0;
background-color: rgba(255, 255, 255, 0.5);
}
.pandoro-section.first .pandoro-inner .row {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: center;
}
.pandoro-section.first .pandoro-inner .row .col {
width: 50%;
flex-basis: 50%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.pandoro-section.first .pandoro-inner .row .col.col-img {
align-items: center;
}
.pandoro-section.first .pandoro-inner .row .col p, .pandoro-section.first .pandoro-inner .row .col .cit {
max-width: 31vw;
padding-left: 6.5vw;
}
.pandoro-section.first .pandoro-inner .row .col p p, .pandoro-section.first .pandoro-inner .row .col .cit p {
padding: 0;
max-width: unset;
}
.pandoro-section.first .pandoro-inner .row .col .cit span {
color: #004C93;
}
.pandoro-section.first .pandoro-inner .row .col .cit span:last-child {
padding-left: 7vw;
}
.pandoro-section.second {
padding-bottom: 0;
}
.pandoro-section.second .pandoro-inner .row {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-end;
}
.pandoro-section.second .pandoro-inner .row .col {
width: 50%;
flex-basis: 50%;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.pandoro-section.second .pandoro-inner .row .col .img-desc {
max-width: 51%;
}
.pandoro-section.second .pandoro-inner .row .col p {
max-width: 34vw;
}
.pandoro-section.second .pandoro-inner .row .col.col-img {
align-items: flex-start;
padding-left: 10vw;
}
.pandoro-section.third {
padding-top: 0;
}
.pandoro-section.third .pandoro-inner .row {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: flex-start;
}
.pandoro-section.third .pandoro-inner .row .col {
width: 50%;
flex-basis: 50%;
display: flex;
flex-direction: column;
align-items: center;
}
.pandoro-section.third .pandoro-inner .row .col img {
mix-blend-mode: darken;
}
.pandoro-section.third .pandoro-inner .row .col.col-txt {
align-self: center;
}
.pandoro-section.third .pandoro-inner .row .col.col-txt .cit br {
display: none;
}
.pandoro-section.third .pandoro-inner .row .col.col-txt .cit span {
font-size: 36px;
display: block;
line-height: 60px;
color: #004C93;
}
.pandoro-section.third .pandoro-inner .row .col.col-txt .cit span.moved {
padding-left: 3.2vw;
}
.pandoro-section.third .pandoro-inner .row .col.col-txt .cit span.moved2 {
padding-left: 2vw;
}
.pandoro-section.third .pandoro-inner .row .col.col-txt .img-desc {
text-align: left;
max-width: 51%;
align-self: flex-start;
}
.pandoro-section.fourth .pandoro-inner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.pandoro-section.fourth .pandoro-inner .row-img {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
}
.pandoro-section.fourth .pandoro-inner .row-img .img-desc {
max-width: 17%;
}
.pandoro-section.fourth .pandoro-inner .row-img img {
width: 100%;
object-fit: cover;
display: block;
}
.pandoro-section.fourth .pandoro-inner .row {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: center;
max-width: 47vw;
width: 100%;
margin-top: 50px;
}
.pandoro-section.fourth .pandoro-inner .row .col-img {
width: 100%;
flex-basis: 100%;
}
.pandoro-section.fourth .pandoro-inner .row .two-img {
width: 100%;
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: center;
}
.pandoro-section.fourth .pandoro-inner .row .two-img p {
width: 100%;
flex-basis: 100%;
}
.pandoro-section.fourth .pandoro-inner .row .two-img img {
width: 49%;
flex-basis: 49%;
display: block;
object-fit: cover;
}
.pandoro-section.fourth .pandoro-inner .row .two-img img:first-child {
margin-right: 2%;
}
.pandoro-section.fourth .pandoro-inner .row .img-desc {
max-width: 29%;
text-align: left;
}
.pandoro-section.fifth {
padding-top: 85px;
}
.pandoro-section.fifth .pandoro-inner .row {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: center;
}
.pandoro-section.fifth .pandoro-inner .row .col {
width: 50%;
flex-basis: 50%;
}
.pandoro-section.fifth .pandoro-inner .row .col.col-txt {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding-right: 1vw;
}
.pandoro-section.fifth .pandoro-inner .row .col.col-txt .cit {
font-size: 45px;
line-height: 60px;
color: #004C93;
margin-bottom: 45px;
font-style: italic;
}
.pandoro-section.fifth .pandoro-inner .row .col.col-img {
align-self: center;
display: flex;
align-items: flex-end;
}
.pandoro-section.fifth .pandoro-inner .row .col.col-img .img-desc {
max-width: 20%;
width: 100%;
padding-bottom: 4vw;
}
.pandoro-section.fifth .pandoro-inner .row .col.col-img img {
mix-blend-mode: darken;
}
.pandoro-section.sixth .pandoro-inner .row {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: center;
}
.pandoro-section.sixth .pandoro-inner .row .col {
width: 50%;
flex-basis: 50%;
display: flex;
flex-direction: column;
align-items: center;
}
.pandoro-section.sixth .pandoro-inner .row .col.col-txt p {
margin-top: 7vw;
max-width: 27.2vw;
padding-right: 35px;
}
.pandoro-section.sixth .pandoro-inner .row .col.col-img {
align-self: center;
}
.pandoro-section.sixth .pandoro-inner .row .col .img-desc {
align-self: baseline;
padding-left: 6vw;
}
.social-share a {
font-size: 18px;
color: #ffffff;
margin-top: 15px;
display: inline-block;
margin-bottom: 24px;
}
.social-share a:not(:last-child) {
margin-right: 15px;
}
.page-template-template-lavora-con-noi .top-page.job .content-boxed .top-page-inner {
height: 26vw;
display: flex;
flex-direction: column;
justify-content: center;
}
.page-template-template-lavora-con-noi .top-page.job .content-boxed .top-page-inner .section-title {
display: flex;
flex-direction: row;
color: #fff;
align-items: flex-end;
align-content: space-between;
column-gap: 90px;
}
.page-template-template-lavora-con-noi .top-page.job .content-boxed .top-page-inner .section-title .section-title-left {
display: flex;
flex: 1;
flex-direction: column;
}
.page-template-template-lavora-con-noi .top-page.job .content-boxed .top-page-inner .section-title .section-title-left h1 {
max-width: 100%;
margin-bottom: 0;
}
.page-template-template-lavora-con-noi .top-page.job .content-boxed .top-page-inner .section-title .section-title-right {
display: flex;
flex: 1;
flex-direction: column;
text-align: right;
}
.page-template-template-lavora-con-noi .job-section-second {
margin-bottom: 80px;
position: relative;
}
.page-template-template-lavora-con-noi .job-section-second .pagepoint {
position: absolute;
display: block;
left: 50%;
top: 138px;
width: 1px;
height: calc(100% - 80px);
background: #A2843E;
}
.page-template-template-lavora-con-noi .job-section-second .pagepoint::before {
content: "";
position: absolute;
width: 45px;
height: 45px;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
z-index: 99;
background-repeat: no-repeat;
background-size: contain;
background-image: url(//www.melegatti.it/wp-content/themes/melegatti-child/assets/svg/story-point.svg);
}
.page-template-template-lavora-con-noi .job-section-second .pagepoint::after {
content: "";
position: absolute;
width: 45px;
height: 45px;
bottom: 0%;
left: 50%;
transform: translateX(-50%);
z-index: 99;
background-repeat: no-repeat;
background-size: contain;
background-image: url(//www.melegatti.it/wp-content/themes/melegatti-child/assets/svg/story-point.svg);
}
.page-template-template-lavora-con-noi .job-section-second .positions {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 90px;
margin-top: -60px;
}
.page-template-template-lavora-con-noi .job-section-second .positions .position {
border: 1px solid #A2843E;
background: #ffffff;
border-radius: 10px;
margin-bottom: 45px;
}
.page-template-template-lavora-con-noi .job-section-second .positions .position:first-child {
background: #004C93;
}
.page-template-template-lavora-con-noi .job-section-second .positions .position:first-child .position-title {
color: #ffffff;
}
.page-template-template-lavora-con-noi .job-section-second .positions .position:first-child .position-intro {
color: #ffffff;
}
.page-template-template-lavora-con-noi .job-section-second .positions .position:last-child {
background: #A2843E;
border: 1px solid #ffffff;
}
.page-template-template-lavora-con-noi .job-section-second .positions .position:last-child .position-title {
color: #ffffff;
}
.page-template-template-lavora-con-noi .job-section-second .positions .position:last-child .position-intro {
color: #ffffff;
}
.page-template-template-lavora-con-noi .job-section-second .positions .position:last-child .position-bottom {
border-top-color: #ffffff;
}
.page-template-template-lavora-con-noi .job-section-second .positions .position:nth-child(odd):not(:first-child) .position-bottom::after {
content: "";
position: absolute;
top: 0;
width: 45px;
height: 45px;
left: calc(100% + 46px);
transform: translateX(-50%) translateY(-50%);
z-index: 99;
background-repeat: no-repeat;
background-size: contain;
background-image: url(//www.melegatti.it/wp-content/themes/melegatti-child/assets/svg/story-point.svg);
}
.page-template-template-lavora-con-noi .job-section-second .positions .position .position-title {
font-size: 40px;
line-height: 48px;
font-family: "ivypresto-display";
font-style: normal;
font-weight: 300;
text-align: center;
color: #004C93;
}
.page-template-template-lavora-con-noi .job-section-second .positions .position .position-bottom {
border-top: 1px solid #A2843E;
padding: 45px 70px;
position: relative;
}
.page-template-template-lavora-con-noi .job-section-second .positions .position .position-bottom .position-intro {
font-size: 22px;
line-height: 26px;
margin-bottom: 40px;
}
.page-template-template-lavora-con-noi .job-section-second .positions .position .position-bottom .mele-button {
margin: 0 auto;
display: table;
}
.thanks-content {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.page-template-template-grazie #content > .content-inner {
height: calc(100vh - 90px);
}
.thanks-content h1 {
color: #004C93;
margin: 0;
padding-bottom: 30px;
}
.posizione_aperta-page.content-boxed.candidatura_spontanea {
justify-content: center;
}
.single-posizione_aperta .posizione_aperta-page.content-boxed.candidatura_spontanea .posizione_aperta_right {
flex-basis: 52vw;
}
.back-to-positions {
position: absolute;
color: #fff;
top: 60px;
left: 0;
display: flex;
align-items: center;
}
.back-to-positions img {
margin-right: 17px;
}
.back-to-positions a {
color: #fff;
text-decoration: none;
display: flex;
align-items: center;
}
.single-posizione_aperta .top-page.posizione_aperta::before {
height: 26vw;
}
.single-posizione_aperta .top-page.posizione_aperta .content-boxed .top-page-inner {
height: 26vw;
display: flex;
flex-direction: column;
justify-content: center;
}
.single-posizione_aperta .top-page.posizione_aperta .content-boxed .top-page-inner .section-title {
display: flex;
flex-flow: row wrap;
color: #fff;
align-items: center;
width: 100%;
padding-left: 0;
}
.single-posizione_aperta .top-page.posizione_aperta .content-boxed .top-page-inner .section-title .section-title-left {
display: flex;
width: 100%;
flex-flow: 100%;
flex: 1;
flex-direction: column;
}
.single-posizione_aperta .top-page.posizione_aperta .content-boxed .top-page-inner .section-title .section-title-left h1 {
max-width: 100%;
margin-bottom: 0;
}
.single-posizione_aperta .top-page.posizione_aperta .content-boxed .top-page-inner .section-title .posizione_aperta_sede img {
margin-right: 17px;
}
.single-posizione_aperta .top-page.posizione_aperta .content-boxed .top-page-inner .section-title .section-title-right {
display: flex;
width: 100%;
position: absolute;
bottom: 0;
right: 0;
flex-direction: row;
justify-content: space-between;
text-align: right;
}
.single-posizione_aperta .posizione_aperta-page {
display: flex;
flex-direction: row;
align-content: space-between;
justify-content: flex-start;
align-items: flex-start;
column-gap: 90px;
margin-top: 60px;
}
.single-posizione_aperta .posizione_aperta-page .posizione_aperta_left {
display: flex;
flex-basis: 50%;
flex-direction: column;
align-items: flex-start;
}
.single-posizione_aperta .posizione_aperta-page .posizione_aperta_left .posizione_aperta-ptitle {
font-size: 40px;
line-height: 48px;
font-family: "ivypresto-display";
font-style: normal;
font-weight: 300;
text-align: center;
color: #004C93;
margin-bottom: 0;
}
.single-posizione_aperta .posizione_aperta-page .posizione_aperta_left .posizione_aperta-ptext ul {
padding-left: 1vw;
}
.single-posizione_aperta .posizione_aperta-page .posizione_aperta_left .posizione_aperta-ptext ul li {
padding-left: 0.5vw;
padding-bottom: 15px;
font-size: 20px;
line-height: 24px;
}
.single-posizione_aperta .posizione_aperta-page .posizione_aperta_right {
display: flex;
flex-basis: calc(50% - 90px);
flex-direction: column;
background-color: #ffffff;
border: 1px solid #A2843E;
border-radius: 10px;
}
.single-posizione_aperta .posizione_aperta-page .posizione_aperta_right .intro-modulo-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding-top: 40px;
}
.single-posizione_aperta .posizione_aperta-page .posizione_aperta_right .intro-modulo-container span {
font-size: 40px;
color: #004c93;
display: block;
text-align: center;
}
.single-posizione_aperta .posizione_aperta-page .posizione_aperta_right .gform_wrapper {
padding: 40px 70px;
}
.single-posizione_aperta .posizione_aperta-page .posizione_aperta_right .gform_wrapper .gfield .gfield_label {
color: #A2843E;
text-transform: uppercase;
}
.single-posizione_aperta .posizione_aperta-page .posizione_aperta_right .gform_wrapper .gfield input, .single-posizione_aperta .posizione_aperta-page .posizione_aperta_right .gform_wrapper .gfield textarea {
border: 1px solid #A2843E;
padding: 20px;
}
.single-posizione_aperta .posizione_aperta-page .posizione_aperta_right .gform_wrapper .gfield .gform_drop_area {
border: 1px solid #A2843E;
background-color: #ffffff;
}
.single-posizione_aperta .posizione_aperta-page .posizione_aperta_right .gform_wrapper .gfield .gfield_consent_label {
font-size: 13px;
letter-spacing: 0;
}
.single-posizione_aperta .posizione_aperta-page .posizione_aperta_right .gform_wrapper .gfield .gform_fileupload_rules {
letter-spacing: 0;
}
.single-posizione_aperta .posizione_aperta-page .posizione_aperta_right .gform_wrapper .gfield .gfield_required_text {
display: none;
}
.single-posizione_aperta .posizione_aperta-page .posizione_aperta_right .gform_wrapper .mele-button {
display: block;
margin: 0 auto;
}
.materie-first {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
padding-top: 100px;
}
.materie-first .p-sx, .materie-first .cit {
flex-basis: 50%;
width: 50%;
}
.materie-first .p-sx {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.materie-first .p-sx p {
margin: 0;
padding-right: 6vw;
}
.materie-first .cit {
display: flex;
align-items: center;
justify-content: center;
padding-top: 2vw;
}
.materie-first .cit h2 {
color: #004C93;
max-width: 100%;
padding-left: 9vw;
font-style: italic;
font-weight: 300;
text-align: left;
width: 100%;
}
.materie-second {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
padding-top: 0px;
}
.materie-second .p-dx, .materie-second .img-sx {
flex-basis: 50%;
width: 50%;
}
.materie-second .p-dx {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.materie-second .p-dx p {
max-width: 100%;
margin: 0;
padding-top: 100px;
padding-left: 9vw;
padding-right: 2vw;
}
.materie-second .img-sx {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.materie-second .img-sx img {
display: block;
height: auto;
width: auto;
max-width: 100%;
}
.materie-third {
display: flex;
flex-flow: row wrap;
align-items: flex-end;
padding-top: 0px;
margin-top: -4vw;
}
.materie-third .p-sx, .materie-third .img-dx {
flex-basis: 50%;
width: 50%;
}
.materie-third .p-sx {
display: flex;
align-items: center;
justify-content: center;
}
.materie-third .p-sx p {
margin: 0;
padding-right: 7vw;
padding-top: 2vw;
}
.materie-third .img-dx {
display: flex;
align-items: flex-start;
justify-content: flex-end;
}
.materie-third .img-dx img {
display: block;
height: auto;
width: auto;
max-width: 100%;
margin-right: calc((-100vw + 1500px) / 2 + 50px);
}
.materie-fourth {
display: flex;
width: 100%;
margin-top: 120px;
}
.materie-fourth .img {
width: 100%;
}
.materie-fourth .img img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
}
.materie-fifth {
display: flex;
justify-content: center;
align-items: flex-start;
padding-top: 120px;
}
.materie-fifth .p-middle {
max-width: 42vw;
}
.materie-fifth .p-middle p {
margin: 0;
}
.materie-sixth {
display: flex;
flex-flow: row wrap;
align-items: flex-end;
padding-top: 110px;
}
.materie-sixth .col-sx, .materie-sixth .img-dx {
flex-basis: 50%;
width: 50%;
}
.materie-sixth .col-sx {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.materie-sixth .col-sx p {
margin: 0;
padding-right: 7vw;
margin-bottom: 3vw;
}
.materie-sixth .col-sx h1 {
margin: 0;
margin-bottom: 7px;
font-family: "ivypresto-display";
}
.materie-sixth .col-sx h2 {
color: #004C93;
font-family: "ivypresto-display";
margin: 0;
padding-right: 10vw;
margin-bottom: 20px;
font-style: italic;
}
.materie-sixth .img-dx {
display: flex;
align-items: flex-start;
justify-content: flex-end;
}
.materie-sixth .img-dx img {
display: block;
height: auto;
width: auto;
max-width: 100%;
margin-right: calc((-100vw + 1500px) / 2 + 50px);
}
.contatti-content {
padding-top: 80px;
display: flex;
flex-flow: row wrap;
}
.contatti-content > div {
width: calc(100%);
flex-basis: calc(100%);
margin-bottom: 25px;
}
.contatti-content > div h3 {
text-transform: uppercase;
color: #004C93;
}
.contatti-content > div a {
text-decoration: none;
color: #4D4842;
}
.premiatacasa + .section-img.top-image-mobile {
display: none !important;
}
.page-template-template-sostenibilita .top-page {
height: 26vw;
}
.page-template-template-sostenibilita .top-page .content-boxed {
height: 100%;
}
.page-template-template-sostenibilita .top-page .top-page-inner {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.page-template-template-sostenibilita .top-page .top-page-inner .section-title h1 {
font-size: 72px;
line-height: 90px;
color: #fff;
}
.page-template-template-sostenibilita .top-page .top-page-inner .anchor-images {
display: flex;
align-items: flex-end;
justify-content: space-between;
width: 100%;
margin-bottom: -235px;
}
.page-template-template-sostenibilita .top-page .top-page-inner .anchor-images .image {
width: calc(100% / 4);
flex-basis: calc(100% / 4);
padding: 0 30px;
display: flex;
flex-direction: column;
align-items: center;
}
.page-template-template-sostenibilita .top-page .top-page-inner .anchor-images .image img {
width: 100%;
height: 13vw;
object-fit: cover;
display: block;
}
.page-template-template-sostenibilita .top-page .top-page-inner .anchor-images .image span.anchor {
width: 100%;
text-align: center;
}
.page-template-template-sostenibilita .top-page .top-page-inner .anchor-images .image span.anchor a {
text-decoration: underline;
font-family: "ivypresto-display";
font-style: italic;
font-size: 45px;
line-height: 50px;
display: block;
margin-top: 20px;
color: #A2843E;
}
.page-template-template-sostenibilita #ingredienti {
margin-top: 240px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first {
display: flex;
flex-flow: row wrap;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .top_left {
width: 60%;
flex-basis: 60%;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .top_left h2 {
font-size: 72px;
line-height: 90px;
font-family: "ivypresto-display";
font-weight: 300;
color: #A2843E;
margin: 0;
padding-right: 140px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .top_right {
width: 40%;
flex-basis: 40%;
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 100px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .top_right p {
max-width: 19.5vw;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .bottom_left {
width: 40%;
flex-basis: 40%;
margin-top: 50px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .bottom_left p {
font-size: 36px;
line-height: 42px;
max-width: 21vw;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .bottom_right {
width: 60%;
flex-basis: 60%;
display: flex;
flex-direction: column;
justify-content: center;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .bottom_right .row {
display: flex;
justify-content: space-between;
margin-top: 10px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .bottom_right .row .box {
width: 20%;
display: flex;
justify-content: center;
align-items: center;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .bottom_right .row p {
width: 75%;
padding-right: 25px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .second {
display: flex;
align-items: center;
justify-content: center;
margin-top: 55px;
flex-direction: column;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .second span.title {
font-size: 45px;
font-family: "ivypresto-display";
line-height: 53px;
text-decoration: underline;
color: #A2843E;
display: block;
text-align: center;
margin-bottom: 40px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .third {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
max-width: 53vw;
width: 100%;
margin: 0 auto;
margin-top: 80px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .third > p {
max-width: 460px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .third span.titolo {
display: block;
text-align: center;
font-size: 36px;
line-height: 40px;
margin-bottom: 40px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .third .croissant {
display: flex;
flex-direction: column;
width: 100%;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .third .croissant .image {
width: 100%;
display: flex;
justify-content: center;
position: relative;
margin-bottom: 120px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .third .croissant .image img {
position: relative;
z-index: 99;
background-color: #FEF8EC;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .third .croissant .image::before {
content: "";
position: absolute;
z-index: 0;
width: calc(100% - (100% / 3));
left: 50%;
top: 61%;
transform: translate(-50%, -50%);
height: 1px;
background: #A2843E;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .third .croissant .row {
display: flex;
flex-flow: row wrap;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .third .croissant .row .box {
position: relative;
width: calc(100% / 3);
flex-basis: calc(100% / 3);
display: flex;
flex-direction: column;
align-items: center;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .third .croissant .row .box img {
height: 170px;
object-fit: contain;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .third .croissant .row .box span {
text-align: center;
margin-top: 20px;
display: block;
max-width: 290px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .third .croissant .row .box::before {
content: "";
position: absolute;
background-image: url(//www.melegatti.it/wp-content/themes/melegatti-child/assets/pointer.svg);
width: 43.8px;
height: 43.8px;
background-repeat: no-repeat;
background-size: contain;
top: -55px;
left: 50%;
transform: translateX(-50%);
}
.page-template-template-sostenibilita #ingredienti .content-boxed .third .croissant .row .box::after {
content: "";
position: absolute;
width: 1px;
height: 141px;
top: -195px;
left: 50%;
transform: translateX(-50%);
background: #A2843E;
}
.page-template-template-sostenibilita #packaging {
margin-top: 170px;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner {
display: flex;
flex-flow: row wrap;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step {
width: 50%;
flex-basis: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step.top-left {
align-items: flex-start;
margin-bottom: 40px;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step.top-left h2 {
font-size: 72px;
line-height: 80px;
font-family: "ivypresto-display";
color: #A2843E;
margin: 0;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step.top-left p {
max-width: 31vw;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step.top-right {
margin-bottom: 150px;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step.top-right .title {
font-size: 36px;
line-height: 40px;
display: block;
margin-bottom: 25px;
max-width: 31vw;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step .box {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step .box::before {
content: "1";
position: absolute;
width: 70px;
height: 70px;
background: #A2843E;
color: #fff;
font-size: 45px;
line-height: 45px;
font-family: "ivypresto-display";
border-radius: 50%;
left: 30px;
top: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step .box .year {
color: #004C93;
font-size: 45px;
line-height: 50px;
font-family: "ivypresto-display";
margin: 8px 0 5px;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step .box img {
margin-bottom: 18px;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step .box span {
display: block;
text-align: center;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step .box p {
max-width: 25vw;
text-align: center;
display: block;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step:nth-child(3) {
margin-top: -160px;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step:nth-child(3) .box::before {
content: "2";
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step:nth-child(4) .box::before {
content: "3";
left: auto;
right: 20px;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .obiettivi {
width: 100%;
flex-basis: 100%;
margin-top: 130px;
display: flex;
flex-direction: column;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .obiettivi .title {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 85px;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .obiettivi .title p {
text-align: left;
font-size: 36px;
line-height: 38px;
max-width: 31vw;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .obiettivi .title p {
position: relative;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .obiettivi .title p::before {
content: "";
position: absolute;
background-image: url(//www.melegatti.it/wp-content/themes/melegatti-child/assets/pointer.svg);
width: 43.8px;
height: 43.8px;
background-repeat: no-repeat;
background-size: contain;
left: -90px;
top: 50%;
transform: translateY(-50%);
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .obiettivi .title p::after {
content: "";
position: absolute;
left: -67.5px;
top: -341px;
width: 1px;
height: 375px;
background: #A2843E;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .obiettivi .loop {
display: flex;
flex-flow: row wrap;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .obiettivi .loop .obiettivo {
width: calc(100% / 4);
flex-basis: calc(100% / 4);
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .obiettivi .loop .obiettivo .box {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 86px;
position: relative;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .obiettivi .loop .obiettivo .box img {
height: 158px;
width: auto;
object-fit: contain;
display: block;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .obiettivi .loop .obiettivo .box::after {
content: "";
position: absolute;
background-image: url(//www.melegatti.it/wp-content/themes/melegatti-child/assets/pointer.svg);
width: 43.8px;
height: 43.8px;
background-repeat: no-repeat;
background-size: contain;
bottom: -66px;
left: 50%;
transform: translateX(-50%);
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .obiettivi .loop .obiettivo p {
display: block;
text-align: center;
margin: 0;
max-width: 74%;
}
.page-template-template-sostenibilita #biodiversita {
margin-top: 150px;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner {
display: flex;
flex-direction: column;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .title {
width: 100%;
display: flex;
align-items: flex-end;
justify-content: flex-start;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .title h2 {
max-width: 32.5vw;
font-size: 72px;
line-height: 80px;
color: #A2843E;
font-family: "ivypresto-display";
margin: 0;
margin-bottom: 25px;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .description {
display: flex;
flex-flow: row wrap;
margin-bottom: 70px;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .description .text {
width: calc(100% / 4 * 3);
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .description .text p {
margin: 3px 0;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .description .image {
width: calc(100% / 4);
display: flex;
align-items: center;
justify-content: center;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .description .image img {
margin-top: -50px;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati {
display: flex;
flex-direction: column;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati .title {
display: flex;
justify-content: center;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati .title span {
display: block;
text-align: center;
font-size: 36px;
line-height: 38px;
margin-bottom: 25px;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati .dati-loop {
display: flex;
flex-flow: row wrap;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati .dati-loop .dato {
width: calc(100% / 4);
flex-basis: calc(100% / 4);
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati .dati-loop .dato .box {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati .dati-loop .dato .box img {
height: 158px;
width: auto;
object-fit: contain;
display: block;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati .dati-loop .dato p {
display: block;
text-align: center;
margin: 0;
max-width: 74%;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .bosco-intro {
margin: 70px 0;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .bosco-intro p {
text-align: left;
width: calc(100% / 4 * 3);
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco {
width: 100%;
display: flex;
flex-direction: column;
margin-bottom: 50px;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco .title {
display: flex;
justify-self: content;
margin-bottom: 55px;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco .title span {
text-align: center;
font-size: 36px;
line-height: 38px;
display: block;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco .row {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: flex-start;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco .row .col.dati {
width: calc(100% / 4);
display: flex;
align-items: flex-end;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco .row .col.dati .box {
width: 10vw;
position: relative;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco .row .col.dati .box p {
text-align: left;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco .row .col .box::before {
content: "";
position: absolute;
background-image: url(//www.melegatti.it/wp-content/themes/melegatti-child/assets/pointer.svg);
width: 43.8px;
height: 43.8px;
background-repeat: no-repeat;
background-size: contain;
left: -70px;
top: 15px;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco .row .col.dati.right {
align-items: flex-start;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco .row .col.dati.left {
margin-right: -70px;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco .row .col.img {
width: calc(100% / 4 * 2);
display: flex;
align-items: center;
justify-content: center;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco .row .col.img img {
display: block;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .last-section {
display: flex;
align-items: center;
justify-content: center;
margin-top: 35px;
flex-direction: column;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .last-section span.title {
font-size: 45px;
font-family: "ivypresto-display";
line-height: 53px;
text-decoration: underline;
color: #A2843E;
display: block;
text-align: center;
margin-bottom: 40px;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .last-section p {
margin-top: 100px;
max-width: 69vw;
font-size: 36px;
line-height: 38px;
text-align: center;
margin-bottom: 100px;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .last-section p strong a {
color: #004C93 !important;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .last-section p strong a:hover {
opacity: 0.5;
}
.page-template-template-bonus-cioccolato .top-page {
min-height: 51vw;
}
.page-template-template-bonus-cioccolato .top-page .content-boxed {
height: 100%;
}
.page-template-template-bonus-cioccolato .top-page .content-boxed .top-page-inner {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.page-template-template-bonus-cioccolato .top-page .content-boxed .top-page-inner .section-title h1 {
text-decoration: underline;
font-style: italic;
font-size: 45px;
line-height: 60px;
font-family: "ivypresto-display";
margin: 70px 0 40px;
color: #fff;
}
.page-template-template-bonus-cioccolato .top-page .content-boxed .top-page-inner .img-container {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 70px;
width: 100%;
}
.page-template-template-bonus-cioccolato .top-page .content-boxed .top-page-inner .img-container img {
display: block;
object-fit: contain;
}
.page-template-template-bonus-cioccolato .top-page .content-boxed .top-page-inner .subtitle {
display: flex;
justify-content: center;
margin-bottom: 40px;
}
.page-template-template-bonus-cioccolato .top-page .content-boxed .top-page-inner .subtitle span {
font-family: "ivypresto-display";
color: #fff;
font-size: 24px;
line-height: 30px;
display: inline-block;
position: relative;
}
.page-template-template-bonus-cioccolato .top-page .content-boxed .top-page-inner .subtitle span::before {
content: "";
position: absolute;
width: 44px;
height: 38.5px;
background-image: url(//www.melegatti.it/wp-content/themes/melegatti-child/assets/star.svg);
background-size: contain;
background-repeat: no-repeat;
left: -54px;
top: 50%;
transform: translateY(-50%);
}
.page-template-template-bonus-cioccolato .top-page .content-boxed .top-page-inner .subtitle span::after {
content: "";
position: absolute;
width: 44px;
height: 38.5px;
background-image: url(//www.melegatti.it/wp-content/themes/melegatti-child/assets/star.svg);
background-size: contain;
background-repeat: no-repeat;
right: -54px;
top: 50%;
transform: translateY(-50%);
}
.page-template-template-bonus-cioccolato .last {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 40px;
margin-bottom: 110px;
}
.page-template-template-bonus-cioccolato .last p {
margin-bottom: 90px;
}
.page-template-template-bonus-cioccolato .last p a {
color: #4D4842;
font-weight: bold;
}
.page-template-template-bonus-cioccolato .last p a:hover {
opacity: 0.7;
color: #4D4842;
}
.page-template-template-obiettivo-biodiversita .top-page {
min-height: 65.7vw;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed {
height: 100%;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner {
height: 100%;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .section-title h1 {
text-decoration: underline;
font-style: italic;
font-size: 45px;
line-height: 60px;
font-family: "ivypresto-display";
margin: 0;
padding: 70px 0 30px;
color: #fff;
display: block;
text-align: center;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .subtitle {
margin-bottom: 100px;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .subtitle span {
font-size: 30px;
line-height: 37px;
font-family: "ivypresto-display";
margin: 0;
color: #fff;
display: block;
text-align: center;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .row {
display: flex;
flex-flow: row wrap;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .row .col {
width: calc(100% / 4);
flex-basis: calc(100% / 4);
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .row .col .box {
display: flex;
justify-content: center;
margin-bottom: 35px;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .row .col .box img {
width: auto;
height: 10.2vw;
display: block;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .row .col p {
text-align: center;
margin: 0;
max-width: 67%;
color: #fff;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .row .col.middle {
width: calc(100% / 4 * 2);
flex-basis: calc(100% / 4 * 2);
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .row .col:not(.right) {
position: relative;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .row .col:not(.right)::before {
content: "+";
font-size: 150px;
font-style: italic;
line-height: 30px;
font-family: "ivypresto-display";
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
color: #fff;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .row .col:not(.right).left::before {
left: 109%;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .row .col:not(.right).middle::before {
left: 95%;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .logo {
display: flex;
justify-content: center;
margin: 22px 0;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .oasi {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 90px;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .oasi h2 {
color: #fff;
display: flex;
font-size: 72px;
line-height: 80px;
margin: 0;
font-family: "ivypresto-display";
margin-bottom: 20px;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .oasi h2 img {
margin-left: 18px;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .oasi p {
margin: 0;
color: #fff;
text-align: center;
max-width: 43vw;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .last-row {
display: flex;
flex-flow: row wrap;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .last-row .obiettivo {
width: calc(100% / 5);
flex-basis: calc(100% / 5);
padding-top: 75px;
position: relative;
display: flex;
justify-content: center;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .last-row .obiettivo span {
color: #fff;
text-align: center;
max-width: 80%;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .last-row .obiettivo::before {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
background-image: url(//www.melegatti.it/wp-content/themes/melegatti-child/assets/pointer_white.svg);
width: 43.8px;
height: 43.8px;
background-repeat: no-repeat;
background-size: contain;
}
.page-template-template-obiettivo-biodiversita .last {
margin: 100px 0;
display: flex;
align-items: center;
justify-content: center;
}
.top-page.racconta .content-boxed .top-page-inner {
display: flex;
align-items: center;
justify-content: flex-start;
height: 18vw;
}
.top-page.racconta .content-boxed .top-page-inner .section-title {
display: flex;
flex-direction: column;
align-items: flex-start;
flex-basis: calc(100% / 3 * 2);
color: #fff;
}
.top-page.racconta .content-boxed .top-page-inner .section-title h1 {
margin: 0;
margin-bottom: 10px;
position: relative;
}
.top-page.racconta .content-boxed .top-page-inner .section-img {
display: flex;
flex-basis: calc(100% / 3);
flex-direction: column;
justify-content: flex-end;
margin-bottom: -16.5vw;
padding-top: 5vw;
}
.top-page.racconta .content-boxed .top-page-inner .section-img img {
display: block;
object-fit: cover;
width: 100%;
height: auto;
}
.top-page.racconta .content-boxed .top-page-inner .section-img span {
color: #4D4842;
}
.racconta-storie-section-first p {
max-width: 45vw;
}
.racconta-storie-section-first span.mele-button {
margin-top: 30px;
}
.racconta-storie-section-first h3 {
color: #004c93;
}
.racconta-storie-section-first.content-boxed {
padding-top: 2.3vw;
}
.page-template-template-racconta-storie span.img-desc {
max-width: 150px;
}
.racconta-storie-section-second { flex-flow: row wrap;
align-items: flex-start;
justify-content: center;
padding-top: 80px;
border-top: 1px solid #A2843E;
margin-top: 80px;
position: relative;
display: none;
}
.racconta-storie-section-second:before {
content: "";
position: absolute;
width: 40px;
height: 40px;
top: -20px;
left: 50%;
transform: translateX(-50%);
z-index: 99;
background-repeat: no-repeat;
background-size: contain;
background-image: url(//www.melegatti.it/wp-content/themes/melegatti-child/assets/svg/story-point.svg);
}
.racconta-storie-section-second .storie-item {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding-right: 0 !important;
width: 800px;
flex-basis: 800px;
margin-bottom: 85px;
text-decoration: none;
}
.racconta-storie-section-second .storie-item .storie-item-img {
width: 100%;
height: auto;
}
.racconta-storie-section-second .storie-item .storie-item-title {
font-size: 22px;
line-height: 26px;
font-weight: 200;
color: #004C93;
margin: 0;
margin-bottom: 20px;
margin-top: 20px;
text-decoration: none;
text-align: center;
display: inline-block;
width: 100%;
}
.top-page.magica-ricetta {
position: relative;
}
.top-page.magica-ricetta .content-boxed .top-page-inner {
display: flex;
align-items: center;
justify-content: flex-start;
height: 18vw;
}
.top-page.magica-ricetta .content-boxed .top-page-inner .section-title {
display: flex;
flex-direction: column;
align-items: flex-start;
flex-basis: 100%;
color: #fff;
}
.top-page.magica-ricetta .content-boxed .top-page-inner .section-title h1 {
margin: 0;
margin-bottom: 10px;
position: relative;
}
.magica-ricetta-section-second {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: space-between;
padding-top: 50px;
}
.magica-ricetta-section-second .cal-avvento-item {
width: calc(100% / 3 - 1px);
flex-basis: calc(100% / 3 - 1px);
overflow: hidden;
perspective: 800px;
margin-bottom: 1px;
}
.magica-ricetta-section-second .cal-avvento-item.linked {
background-color: #00315b;
}
.magica-ricetta-section-second .cal-avvento-item a {
float: left;
display: flex;
transform-style: preserve-3d;
}
.magica-ricetta-section-second .cal-avvento-item a:hover img {
transform: rotateY(22deg);
}
.magica-ricetta-section-second .cal-avvento-item img {
width: 100%;
height: auto;
transition: all 0.5s ease-in-out;
float: left;
display: flex;
}
.page-template-template-ricetta-perduta .section-share {
position: absolute;
right: 100px;
display: flex;
flex-direction: column;
align-items: flex-end;
bottom: 0;
}
.page-template-template-ricetta-perduta .section-share span {
color: #fff;
}
.magica-ricetta-section-first {
margin-top: 60px;
}
.cal-avvento-22-content {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
}
.cal-avvento-22-content .cal-avvento-22-top {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
padding-top: 60px;
}
.cal-avvento-22-content .cal-avvento-22-top .embed-youtube {
flex-shrink: 0;
margin-right: 60px;
margin-bottom: 60px;
border-radius: 12px;
overflow: hidden;
}
.cal-avvento-22-content .cal-avvento-22-top .embed-youtube.mobile {
display: none;
}
.cal-avvento-22-content .cal-avvento-22-top .cal-avvento-22-nav {
border-bottom: 1px solid #A2843E;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
margin-bottom: 20px;
}
.cal-avvento-22-content .cal-avvento-22-top .cal-avvento-22-nav a {
text-decoration: none;
color: #A2843E;
margin-bottom: 15px;
font-size: 18px;
}
.cal-avvento-22-content .cal-avvento-22-top .cal-avvento-22-meta {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.cal-avvento-22-content .cal-avvento-22-top .cal-avvento-22-meta .cal-avvento-22-ep {
text-transform: uppercase;
color: #004C93;
font-weight: 700;
}
.cal-avvento-22-content .cal-avvento-22-top .cal-avvento-22-meta .ep-share {
display: flex;
flex-direction: row;
align-items: center;
}
.cal-avvento-22-content .cal-avvento-22-top .cal-avvento-22-meta .ep-share .ep-share-label {
color: #A2843E;
margin-right: 15px;
font-size: 18px;
}
.cal-avvento-22-content .cal-avvento-22-top .cal-avvento-22-meta .ep-share .social-share a {
color: #A2843E;
margin-top: 0;
margin-bottom: 0;
}
.cal-avvento-22-content .cal-avvento-22-top .cal-avvento-22-titolo {
color: #004C93;
margin-top: 5px;
line-height: 64px;
}
.cal-avvento-22-content .cal-avvento-22-top .cal-avvento-22-mobile-swap {
display: flex;
flex-direction: column;
}
.cal-avvento-22-content .cal-avvento-22-top .cal-avvento-22-mobile-swap .cal-avvento-22-intro {
line-height: 1.2rem;
margin-bottom: 30px;
}
.cal-avvento-22-content .cal-avvento-22-top .cal-avvento-22-bottom {
border-top: 1px solid #A2843E;
margin-top: 30px;
padding-top: 30px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
}
.social-links {
color: #A2843E;
font-size: 18px;
}
.social-links .social-label {
margin-right: 15px;
}
.social-links a {
color: #A2843E;
margin-right: 15px;
}
.social-links a:last-child {
margin-right: 0;
} @media screen and (max-width: 1850px) {
.product-page {
margin-top: -2vw;
}
#home-slider .home-slide .home-title {
font-size: 107px;
line-height: 120px;
}
.page-template-template-bonus-cioccolato .top-page .content-boxed .top-page-inner .img-container img {
width: 100%;
height: auto;
}
}
@media screen and (max-width: 1680px) {
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .last-row {
padding-bottom: 55px;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .oasi {
margin-bottom: 54px;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .logo {
margin: 0;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .oasi h2 img {
margin-left: 18px;
height: 59px;
width: auto;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .oasi h2 {
font-size: 39px;
line-height: 50px;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .subtitle span {
font-size: 24px;
line-height: 30px;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .section-title h1 {
font-size: 33px;
line-height: 40px;
padding: 53px 0 21px;
}
.page-template-template-sostenibilita .top-page .top-page-inner .section-title h1 {
font-size: 45px;
line-height: 55px;
padding-bottom: 70px;
}
.page-template-template-sostenibilita .top-page {
height: 30vw;
}
.page-template-template-sostenibilita .top-page .top-page-inner .anchor-images .image span.anchor a {
font-size: 32px;
line-height: 42px;
}
.page-template-template-sostenibilita .top-page .top-page-inner .anchor-images {
margin-bottom: -180px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .top_left h2 {
font-size: 48px;
line-height: 62px;
padding-right: 134px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .top_right p {
max-width: 33.5vw;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .top_right {
padding-right: 0 !important;
}
.page-template-template-sostenibilita #ingredienti {
margin-top: 190px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .bottom_left p {
font-size: 30px;
line-height: 34px;
max-width: 25vw;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .bottom_right .row .box {
width: 13%;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .second span.title {
font-size: 32px;
line-height: 43px;
margin-bottom: 35px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .third {
max-width: 76vw;
margin-top: 35px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .third span.titolo {
font-size: 29px;
line-height: 40px;
margin-bottom: 30px;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step.top-left h2 {
font-size: 45px;
line-height: 55px;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step.top-right .title {
font-size: 30px;
line-height: 32px;
max-width: 38vw;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step .box::before {
width: 60px;
height: 60px;
font-size: 31px;
line-height: 31px;
left: 11px;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step:nth-child(4) .box::before {
right: -26px;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step .box .year {
font-size: 39px;
line-height: 45px;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step .box p {
max-width: 25vw;
text-align: center;
margin-top: 3px;
display: block;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .obiettivi .title p {
font-size: 29px;
line-height: 30px;
max-width: 29vw;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .obiettivi .loop .obiettivo .box img, .page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati .dati-loop .dato .box img {
height: 108px;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .title h2 {
max-width: 46.5vw;
font-size: 45px;
line-height: 56px;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco .title span, .page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati .title span {
font-size: 30px;
line-height: 34px;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco .row .col.dati.left {
margin-right: 0;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco .row .col.dati.right {
margin-left: 45px;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco .row .col.img {
width: calc(100% / 4 * 2 - 45px);
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .last-section span.title {
font-size: 33px;
line-height: 45px;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .last-section p {
margin-top: 71px;
max-width: 73vw;
font-size: 30px;
line-height: 36px;
text-align: center;
margin-bottom: 100px;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .obiettivi .title p::after {
left: -67.5px;
top: -341px;
height: 366px;
}
.page-template-template-bonus-cioccolato .top-page .content-boxed .top-page-inner .section-title h1 {
text-decoration: underline;
font-style: italic;
font-size: 36px;
line-height: 45px;
}
.content-boxed {
max-width: 1300px;
width: 100%;
}
span.vertical_line {
left: calc(100% - 1300px - ((100% - 1300px) / 2));
}
.cpoint {
left: calc(100% - 1300px - ((100% - 1300px) / 2));
top: 19.79vw;
}
.top-page.story .content-boxed .top-page-inner .section-img {
margin-bottom: -10.5vw;
padding-top: 5vw;
}
.product-identity.uno .product-identity-inner .section-img img {
width: 100%;
height: 44vw;
}
p, .p-style {
font-size: 20px;
line-height: 24px;
}
h1, .h1-style {
font-size: 55px;
line-height: 75px;
}
h2, .h2-style {
font-size: 35px;
line-height: 45px;
}
h3, .h3-style {
font-size: 26px;
line-height: 31px;
}
.mele-button a {
font-size: 20px;
line-height: 24px;
}
.product-page {
margin-top: -2vw;
}
#melegatti-is {
font-size: 50px;
line-height: 60px;
}
#home-slider .home-slide .home-title {
font-size: 100px;
line-height: 117px;
}
#home-slider .home-slide .home-text {
font-size: 18px;
line-height: 22px;
bottom: 3%;
}
#home-slider .home-slide .home-slide-bg {
background-position: center 3.3vw;
}
#home-slider .home-slide.slick-current .home-title {
text-shadow: 2px 2px rgba(0, 0, 0, 0.14);
}
.section {
margin-top: 80px;
}
.section.home-second-section .section-text {
width: calc(100% / 4 * 3.2);
}
.section.home-third-section .section-inner {
flex-flow: row wrap;
}
.section.home-third-section .section-inner .section-text {
flex-basis: 30%;
width: 30%;
}
.section.home-third-section .section-inner .section-text .section-title {
width: 100%;
}
.section.home-third-section .section-inner .section-text p {
width: 90%;
font-size: 20px;
line-height: 24px;
}
.section.home-third-section .section-inner .section-img {
display: flex;
flex-basis: 70%;
width: 70%;
}
.section.home-third-section .section-inner .section-img img {
margin-bottom: -4.65vw;
display: block;
width: 100%;
height: auto;
}
.section-1894 .date_img {
margin-top: 80px;
}
.date-section {
margin-top: 85px;
}
.section-1953 .date_info .date_paragraph {
padding-right: 3.5rem;
}
.section-1904 .date_inner {
margin-top: 45px;
}
.section-1904 .date_inner .img-left .img1, .section-1904 .date_inner .img-left .img2 {
flex-basis: 90%;
}
.section-1904 .date_inner .img-left .img1 img, .section-1904 .date_inner .img-left .img2 img {
width: 100%;
height: auto;
object-fit: cover;
}
.img-desc {
font-size: 16px;
line-height: 20px;
margin-top: 20px;
max-width: 84%;
}
.section-1956 .date_img {
justify-content: flex-start;
}
.section-1956 .date_img .img-left, .section-1956 .date_img .img-right {
width: 48%;
flex-basis: 48%;
}
.section-1956 .date_img .img-left .img-inner img, .section-1956 .date_img .img-right .img-inner img {
width: 100%;
height: auto;
object-fit: cover;
}
.section-1956 .date_img .img-left {
margin-right: 4%;
}
.section-1956 .date_img {
margin-top: 33px;
}
.section-1956 .date_img img {
mix-blend-mode: darken;
}
.section-1961 .date_info .date_paragraph {
max-width: 24vw;
width: 100%;
}
.section-1983 .img-right .img-inner {
align-items: flex-end;
}
.section-1983 .img-right .img-inner img {
width: 87%;
height: auto;
object-fit: cover;
}
.section-1993 .img-inner img {
width: 100%;
height: auto;
}
.section-1993 .date_right {
padding-left: 3.3vw;
}
.section-1959 .date_info .date_paragraph {
padding-right: 0rem;
}
.page-template-template-storia .last-section {
margin-top: 50px;
}
#id-melegatti-is, #valori {
font-size: 55px;
line-height: 65px;
}
.identity-second-section .pagedesc p {
font-size: 24px;
line-height: 30px;
max-width: 46vw;
}
.identity-second-section {
padding-top: 180px;
}
.identity-section.originalita .inner-right img {
height: auto;
}
.identity-section.condivisione .inner-right {
margin-right: -6vw;
margin-top: -13.5vw;
}
.identity-section.legami .inner-right img, .identity-section.pluralita .inner-right img {
height: auto;
}
.quality-section-second .img2 img, .quality-section-second .img1 img {
height: auto;
}
.top-page.quality .content-boxed .top-page-inner .section-title h1 {
max-width: 81%;
}
.pandoro-section.first {
padding-top: 0;
padding-bottom: 10px;
}
.pandoro-section.third .pandoro-inner .row .col.col-txt .cit span {
font-size: 26px;
line-height: 50px;
}
.pandoro-section.fifth .pandoro-inner .row .col.col-txt .cit {
font-size: 35px;
line-height: 45px;
}
.pandoro-section.fourth .pandoro-inner .row-img .img-desc {
max-width: 20%;
}
.pandoro-section.first .pandoro-inner .row .col p, .pandoro-section.first .pandoro-inner .row .col .cit {
max-width: 36vw;
padding-left: 6.5vw;
}
.pandoro-section.second img {
width: 100%;
height: auto;
}
.pandoro-section.second .pandoro-inner .row .col .img-desc {
max-width: 71%;
}
.pandoro-section.fourth .pandoro-inner .row-img img {
height: auto;
}
.blog .blog-loop .article .article-thumb {
width: 100%;
height: 21.9vw;
margin-bottom: 45px;
}
.blog .blog-loop .article .article-info a h2 {
font-size: 30px;
line-height: 39px;
max-width: 28vw;
}
.single .single-article .article-content h1 {
font-size: 33px;
line-height: 45px;
max-width: 60%;
}
.single .single-article .article-content .testo {
max-width: 40.5vw;
}
.top-page.top-archive .top-page-inner .section-title h1 {
margin-bottom: 14px;
}
.border-bottom {
padding-bottom: 6px;
}
.top-page.top-archive .top-page-inner .section-title p {
font-size: 20px;
line-height: 24px;
}
.related-products .related-product-loop .product .total-product-img .product-img {
position: absolute;
left: 0px;
bottom: 0;
transition: transform 0.3s ease;
transform-origin: top left;
}
ul.categories_nav li a {
font-size: 18px;
}
.top-page.top-archive.premiatacasa .top-page-inner .section-title::before {
width: 325px;
height: 230px;
left: 4vw;
}
.top-page.top-archive.premiatacasa .top-page-inner .section-title::after {
width: 325px;
height: 230px;
right: 4vw;
}
.top-page.top-archive.premiatacasa .top-page-inner .section-title p {
max-width: 41vw;
}
.top-page.top-single .top-page-inner .section-title h1 {
font-size: 50px;
line-height: 75px;
}
.top-page.top-single {
height: auto;
position: relative;
}
.product-page {
margin-top: 3vw;
}
.product-identity {
margin-bottom: 4rem;
}
.product-page .product-info .ingredients {
align-items: flex-start;
margin-top: 14px;
}
.product-page .product-info .ingredients .ingredient img {
width: 100%%;
}
.product-page .product-info .ingredients .ingredient span {
font-size: 16px;
text-align: center;
}
.product-page .product-info .ingredients .ingredient:not(:last-child) {
margin-right: 0;
}
.product-page .product-info .ingredients .ingredient {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
flex-basis: calc(100% / 3 - 0px);
}
.product-page .product-info {
flex-basis: 50%;
padding: 0 58px;
}
.product-identity .product-identity-inner .identity-info .identity-desc p {
font-size: 20px;
line-height: 23px;
}
.related-products {
margin-bottom: 120px;
margin-top: 170px;
}
.product-page .product-info .product-cacao-trace {
width: calc(100% / 3 - 0px);
}
.top-page.materie .top-page-inner .section-title h1 {
line-height: 65px;
}
.top-page.materie .top-page-inner {
height: 25vw;
}
.materie-third .img-dx img, .materie-sixth .img-dx img {
margin-right: calc((-100vw + 1300px) / 2 + 50px);
}
.materie-second .p-dx p {
padding-left: 7vw;
}
.materie-first .cit h2 {
padding-left: 7vw;
}
.materie-second .img-sx img {
display: block;
height: 50vw;
width: auto;
}
.page-template-template-lavora-con-noi .job-section-second .positions .position .position-title {
font-size: 30px;
line-height: 37px;
}
.page-template-template-lavora-con-noi .job-section-second .positions {
grid-column-gap: 73px;
}
.page-template-template-lavora-con-noi .job-section-second .positions .position .position-bottom {
padding: 35px 35px;
}
.single-posizione_aperta .posizione_aperta-page .posizione_aperta_left .posizione_aperta-ptitle {
font-size: 34px;
line-height: 40px;
}
.single-posizione_aperta .posizione_aperta-page .posizione_aperta_right .intro-modulo-container span {
font-size: 32px;
}
.gform_wrapper.gravity-theme .gfield_label {
font-size: 14px;
margin-bottom: 2px;
}
.top-page.racconta .content-boxed .top-page-inner .section-img {
padding-top: 0;
}
.top-page.racconta .content-boxed .top-page-inner .section-img img {
object-fit: contain;
max-height: 25vw;
}
}
@media screen and (max-width: 1480px) {
.content-boxed {
max-width: 1100px;
width: 100%;
}
.content-boxed.blog {
max-width: 1000px;
}
span.vertical_line {
left: calc(100% - 1100px - ((100% - 1100px) / 2));
}
.cpoint {
left: calc(100% - 1100px - ((100% - 1100px) / 2));
top: 21.79vw;
}
body {
padding-top: 80px;
}
#melegatti-is {
top: 80px;
}
#home-slider {
height: calc(100vh - 80px);
}
#home-slider .home-slide {
height: calc(100vh - 80px);
}
.identity-main-section {
height: calc(100vh - 80px - 50px);
}
.img-desc {
font-size: 15px;
line-height: 20px;
margin-top: 14px;
max-width: 80%;
}
#melegatti-is {
font-size: 45px;
line-height: 55px;
}
#home-slider .home-slide .home-title {
font-size: 100px;
line-height: 125px;
letter-spacing: 13px;
}
#home-slider .home-slide .home-text {
font-size: 18px;
line-height: 22px;
width: 90%;
bottom: 7%;
}
#home-slider .home-slide .home-text .mele-button {
margin-top: 7px;
}
.product-identity.uno .product-identity-inner .section-img img {
width: 57vw;
height: auto;
margin-left: -2vw;
}
.top-page.top-single.premiatacasa .top-page-inner::after {
top: 26.2vw;
}
.premiatacasa-section {
padding: 40px 0 20px;
}
.premiatacasa-section .col span {
font-size: 23px;
}
.section-1904 .date_inner .slider-right {
padding-left: 0px;
}
.section-1920 .date_img {
flex-basis: 46%;
margin-left: 4%;
}
.section-1920 .date_img img {
width: 100%;
height: auto;
}
.section-1951 .date_right {
flex-basis: 47%;
margin-left: 3%;
}
.section-1951 .date_right .slider-bottom {
padding-left: 20px;
}
.section-1955 .slider-right {
padding-left: 0;
}
.date_paragraph {
width: 65%;
}
.section-1904 .date_inner {
width: calc(100% - 2 * (100% / 12));
margin: 0 calc(100% / 12);
margin-top: 40px;
}
.section-1970 .date_info .date_paragraph {
padding-right: 1rem;
}
.section-1961 .date_img .img-inner img {
width: 87%;
height: auto;
display: block;
object-fit: cover;
}
.story-break .content-boxed .point-title p {
width: 100%;
margin: 0;
padding-left: 37%;
padding-right: 2rem;
}
.page-template-template-storia .last-section p {
padding-right: 3.5rem;
}
.identity-section .pagepoint::before, .identity-main-section .pagepoint::before, .identity-second-section .pagepoint::before {
width: 40px !important;
height: 40px !important;
}
.identity-section.pluralita {
padding-top: 160px;
}
.identity-section.pluralita .pagepoint {
top: 190px;
}
.identity-section.condivisione .inner-right img {
height: auto;
}
.top-page.quality .content-boxed .top-page-inner {
height: 25vw;
}
.quality-section-first p {
max-width: 41vw;
}
.top-page.quality .content-boxed .top-page-inner .section-img {
flex-basis: calc(100% / 3 * 1.3);
}
.quality-section-third {
padding: 87px 0;
}
.pandoro-section.fourth .pandoro-inner .row {
max-width: 55vw;
}
.pandoro-section.fourth .pandoro-inner .row p {
margin-bottom: 45px;
}
.pandoro-section.fourth {
padding-top: 0;
}
.pandoro-section.third .pandoro-inner .row .col.col-txt .img-desc {
max-width: 62%;
}
.pandoro-section.fifth .col-img {
flex-flow: row wrap;
}
.pandoro-section.fifth .col-img img {
flex-basis: 70%;
width: 70%;
height: auto;
}
.pandoro-section.fifth .col-img span {
width: 30% !important;
flex-basis: 30%;
max-width: unset !important;
}
.pandoro-section.sixth .col {
width: 47% !important;
flex-basis: 47% !important;
}
.pandoro-section.sixth .col:first-child {
margin-right: 6%;
}
.pandoro-section.sixth .col img {
width: 100%;
height: auto;
}
.pandoro-section.sixth .pandoro-inner .row .col .img-desc {
padding-left: 0;
}
.pandoro-section.sixth .pandoro-inner .row .col.col-txt p {
margin-top: 10vw;
max-width: 100%;
padding-right: 0;
}
.blog .blog-loop .article .article-thumb {
width: 100%;
height: 25.9vw;
margin-bottom: 35px;
}
.blog .blog-loop .article .article-info a h2 {
font-size: 26px;
line-height: 36px;
max-width: 28vw;
}
.blog .blog-loop .article .article-info a p {
max-width: 38vw;
margin: 0;
margin-bottom: 30px;
}
.single .single-article .article-content h1 {
max-width: 100%;
}
.single .single-article .article-content .testo {
max-width: 53.5vw;
margin: 0;
}
.single .single-article .article-content .thumb {
margin-bottom: 20px;
}
.product-loop .product .product-info .ingredients .ingredient span {
font-size: 14px;
font-family: "ivypresto-display";
}
.product-loop .product .product-info p {
padding-right: 15px;
}
.product-loop .product .product-info .ingredients .ingredient img {
display: block;
height: auto;
width: 100%;
object-fit: contain;
}
.product-loop .product .product-info .ingredients .ingredient {
flex-basis: calc(100% / 4);
}
.product-loop .product .product-info h2 {
padding-right: 15px;
}
.product-loop {
max-width: 1000px;
}
.product-loop .product .product-info .ingredients .ingredient .ing-image::before {
width: 78px;
height: 78px;
}
.top-page.top-single .top-page-inner .section-title h1 {
font-size: 40px;
line-height: 55px;
}
.related-products .related-product-loop .product .total-product-img .product-img {
left: -30px;
}
.related-products .related-product-loop .product .total-product-img .product-img.right {
right: -30px;
}
.related-products .related-product-loop .product .total-product-img .product-img.right {
width: 290px;
height: 290px;
}
.related-products .related-product-loop .product .total-product-img .product-img.left {
width: 230px;
height: 220px;
}
.related-products .related-product-loop .product .product-name h2 {
font-size: 30px;
line-height: 37px;
margin-top: 4px;
}
.product-page {
margin-top: 1vw;
}
.product-identity .product-identity-inner .section-img img {
width: 70vw;
height: auto;
display: block;
object-fit: cover;
margin-bottom: -10vw;
padding-top: 12vw;
margin-left: 0;
margin-left: -11vw;
}
.related-products h3 {
margin: 0;
margin-bottom: 100px;
}
.product-identity .product-identity-inner .identity-info {
width: calc(100% / 6 * 2.4);
}
.product-identity .product-identity-inner .section-img {
width: calc(100% / 6 * 3.6);
}
.top-page.materie .top-page-inner {
height: 23.4vw;
}
.materie-third .img-dx img, .materie-sixth .img-dx img {
margin-right: calc((-100vw + 1100px) / 2 + 50px);
}
.materie-third .p-sx p {
padding-right: 2vw;
padding-top: 3vw;
}
.materie-second .p-dx p, .materie-first .cit h2 {
padding-left: 3vw;
}
.materie-fourth {
margin-top: 80px;
}
.materie-fifth .p-middle {
max-width: 60vw;
}
.materie-fifth {
padding-top: 80px;
}
.materie-sixth .col-sx p {
padding-right: 0vw;
}
.materie-first {
margin-bottom: 30px;
}
.top-page.top-single .share-box {
padding-left: 8vw;
position: absolute;
bottom: 3vw;
min-width: 23vw;
}
.top-page.top-archive.premiatacasa .top-page-inner .section-title::before {
width: 228px;
height: 190px;
left: 4vw;
}
.top-page.top-archive.premiatacasa .top-page-inner .section-title::after {
width: 228px;
height: 190px;
right: 4vw;
}
.top-page.top-archive.premiatacasa .top-page-inner .section-title p {
max-width: 50vw;
}
.top-page.top-archive.premiatacasa .top-page-inner .section-title img {
margin-bottom: 35px;
display: block;
width: 30vw;
height: auto;
}
.single-posizione_aperta .posizione_aperta-page {
column-gap: 70px;
}
.single-posizione_aperta .posizione_aperta-page .posizione_aperta_right {
display: flex;
flex-basis: calc(50% - 70px);
}
span.intro-modulo + p {
max-width: 85%;
text-align: center;
margin-bottom: 0;
}
.single-posizione_aperta .posizione_aperta-page .posizione_aperta_right .gform_wrapper .gfield input, .single-posizione_aperta .posizione_aperta-page .posizione_aperta_right .gform_wrapper .gfield textarea {
border: 1px solid #A2843E;
padding: 14px;
}
.top-page.racconta .content-boxed .top-page-inner {
height: 25vw;
}
.top-page.magica-ricetta .content-boxed .top-page-inner {
height: 25vw;
}
}
.img-container.mobile {
display: none !important;
}
@media screen and (max-width: 1350px) {
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .last-row .obiettivo span {
color: #fff;
text-align: center;
max-width: 80%;
font-size: 18px;
line-height: 19px;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .subtitle span {
font-size: 20px;
line-height: 24px;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .row .col:not(.right)::before {
font-size: 101px;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .row .col p {
max-width: 88%;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .top_left h2 {
font-size: 38px;
line-height: 48px;
padding-right: 0px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .top_left {
width: 40%;
flex-basis: 40%;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .top_right {
width: 60%;
flex-basis: 60%;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .top_right p {
max-width: 43.5vw;
margin: 0;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .bottom_left p {
font-size: 26px;
line-height: 29px;
max-width: 27vw;
}
.page-template-template-bonus-cioccolato .top-page .content-boxed .top-page-inner .section-title h1 {
font-size: 33px;
line-height: 40px;
}
.page-template-template-bonus-cioccolato .top-page .content-boxed .top-page-inner .subtitle span {
font-size: 20px;
line-height: 26px;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .section-title h1 {
font-size: 29px;
line-height: 41px;
padding: 39px 0 21px;
}
.post-type-archive-press .section-share {
position: absolute;
right: 50px;
}
.blog .blog-loop .article, .post-type-archive-press .blog-loop .article {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding-right: 4vw;
}
.blog .blog-loop .article .article-thumb, .post-type-archive-press .blog-loop .article .article-thumb {
width: 100%;
height: 22.9vw;
display: block;
margin-bottom: 40px;
}
.blog .blog-loop .article .article-info a h2, .post-type-archive-press .blog-loop .article .article-info a h2 {
font-size: 24px;
line-height: 34px;
}
h1, .h1-style {
font-size: 45px;
line-height: 70px;
}
h2, .h2-style {
font-size: 28px;
line-height: 35px;
}
h3, .h3-style {
font-size: 24px;
line-height: 28px;
}
.section.home-third-section .section-inner .section-text .section-title h2 {
padding-bottom: 18px;
}
#melegatti-is {
font-size: 40px;
line-height: 50px;
}
#home-slider .home-slide .home-title {
font-size: 90px;
line-height: 110px;
letter-spacing: 10px;
}
#home-slider .home-slide .home-text {
font-size: 18px;
line-height: 22px;
width: 90%;
}
.section-1894 .date_img .img-right .cit {
width: 21vw;
margin: 0 auto;
}
.section-1894 .date_img .img-right {
padding-left: 0;
}
.section-1894 .date_img .img-right img {
width: 90%;
height: auto;
object-fit: cover;
}
.section-1894 .date_img .img-left img {
width: 100%;
height: auto;
object-fit: cover;
}
#id-melegatti-is, #valori {
font-size: 45px;
line-height: 55px;
}
.identity-second-section .pagedesc p {
font-size: 20px;
line-height: 28px;
max-width: 55vw;
}
.identity-second-section {
padding-top: 180px;
padding-bottom: 0px;
}
.identity-section.condivisione .inner-middle p {
max-width: 47vw;
}
.identity-section.condivisione .inner-right {
margin-right: 0vw;
margin-top: -13.5vw;
}
.identity-section .section-slider .slider .single-photo img {
height: 45vw;
}
.identity-section.legami .inner-right img {
margin-left: 6vw;
}
.top-page.top-archive .top-page-inner .section-title p {
font-size: 18px;
line-height: 22px;
}
.product-page .product-info {
flex-basis: 50%;
padding: 0 10px;
}
.related-products .related-product-loop .product .total-product-img .product-img.right {
width: 260px;
height: 260px;
}
.related-products .related-product-loop .product .total-product-img .product-img.left {
width: 200px;
height: 200px;
}
.related-products .related-product-loop .product .total-product-img .product-img {
left: -15px;
}
.related-products .related-product-loop .product .total-product-img .product-img.right {
right: 0px;
}
.product-loop {
margin-top: 32px;
}
.top-page.top-single .top-page-inner .section-title {
display: flex;
flex-direction: column;
width: 47%;
padding-left: 8vw;
}
.product-identity .product-identity-inner .section-img img {
margin-bottom: -10vw;
padding-top: 14vw;
margin-left: -6vw;
}
.top-page.top-single .top-page-inner .section-title h2 {
margin: 0;
margin-bottom: 26px;
font-size: 30px;
line-height: 40px;
}
.top-page.top-single.premiatacasa .top-page-inner::before {
height: 30px;
top: 25px;
}
.top-page.top-single.premiatacasa .top-page-inner::after {
top: 26.5vw;
height: 30px;
}
.presente-section-first p {
max-width: 51vw;
}
.racconta-storie-section-second .storie-item {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding-right: 4vw;
}
.racconta-storie-section-first p {
max-width: 51vw;
}
}
@media screen and (max-width: 1250px) {
h1, .h1-style {
font-size: 40px;
line-height: 50px;
}
.content-boxed {
max-width: calc(100% - 10vw);
width: 100%;
}
.content-boxed.blog {
max-width: 100% !important;
}
.content-boxed.news {
max-width: 100% !important;
}
.single .single-article .article-content {
width: 100%;
margin-left: 0 !important;
}
span.vertical_line {
left: 8.5vw;
}
.cpoint {
left: 8.5vw;
top: 26.5vw;
}
.page-template-template-storia .content-boxed, .page-template-template-pandoro .content-boxed {
padding-left: 30px;
}
.date .date-point, .story-break .point-title .date-point {
left: -30px;
}
.top-page.story .content-boxed .top-page-inner .section-img {
flex-basis: calc(100% / 3 * 1.3);
}
.top-page.story .content-boxed .top-page-inner .section-title {
flex-basis: calc(100% / 3 * 1.7);
}
body {
padding-top: 65px;
}
#melegatti-is {
top: 65px;
}
#home-slider {
height: 55vw;
}
#home-slider .home-slide {
height: 55vw;
}
.identity-main-section {
height: 55vw;
}
.section.home-second-section .section-img img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
}
.section.home-second-section .section-text {
width: 100%;
}
.product-loop .product .product-info p {
margin-top: 15px;
}
.share-article.mobile {
display: flex !important;
}
.share-article:not(.mobile) {
display: none !important;
}
.share-box .share-article {
display: flex !important;
}
.single .single-article .article-content {
margin-left: 0 !important;
flex-basis: 100%;
}
.single .single-article .share-article.mobile {
width: 100%;
flex-basis: 100%;
margin-bottom: 25px;
}
.single .single-article .share-article.mobile .share {
position: relative;
top: unset !important;
align-self: flex-start;
font-size: 19px;
color: #004c93;
margin-left: 15px;
align-items: flex-end;
display: flex;
}
.single .single-article .article-content h1 {
margin-bottom: 20px;
}
.single .single-article .share-article.mobile .social {
flex-direction: row;
}
.single .single-article .share-article.mobile .social a {
padding-top: 0px;
}
.product-identity.uno .product-identity-inner .section-img img {
width: 57vw;
height: auto;
margin-left: -4vw;
margin-bottom: -16vw;
margin-top: 19vw;
}
#melegatti-is {
font-size: 36px;
line-height: 43px;
}
#home-slider .home-slide .home-title {
font-size: 80px;
line-height: 100px;
letter-spacing: 10px;
}
#home-slider .home-slide .home-text {
font-size: 16px;
line-height: 20px;
width: 100%;
letter-spacing: 2px;
}
.section {
margin-top: 65px;
}
.section.home-third-section .section-inner {
padding-top: 8.65vw;
}
.section.home-third-section .section-inner .section-text {
flex-basis: 35%;
width: 35%;
margin-top: -8.65vw;
}
.section.home-third-section .section-inner .section-text p {
width: 93%;
}
.section.home-third-section .section-inner .section-img {
display: flex;
flex-basis: 65%;
width: 65%;
}
.section.home-third-section .section-inner .section-img img {
margin-bottom: -5.45vw;
display: block;
width: 100%;
height: auto;
}
.top-page.top-archive.premiatacasa .top-page-inner .section-title img {
margin-bottom: 20px;
display: block;
width: 34vw;
height: auto;
}
.top-page.top-archive.premiatacasa .top-page-inner .section-title::before, .top-page.top-archive.premiatacasa .top-page-inner .section-title::after {
display: none;
}
.top-page.top-archive.premiatacasa .top-page-inner .section-title p {
max-width: 85vw;
}
.top-page.top-archive.premiatacasa .top-page-inner .section-title {
padding: 0 40px;
}
.top-page.top-archive.premiatacasa .top-page-inner::before {
height: 35px;
top: 25px;
}
.top-page.top-archive.premiatacasa .top-page-inner::after {
height: 35px;
bottom: 25px;
}
.section-1894 .date_img .img-right .cit {
width: 29vw;
margin: 0 auto;
}
.section-1904 .slick-slide img {
width: 100%;
height: auto;
object-fit: cover;
}
.section-1904 .date_inner .slider-right .img-desc {
max-width: 85%;
}
.img-desc {
font-size: 14px;
line-height: 16px;
}
.date_paragraph {
width: 85%;
}
.section-1951 .date_right .img-top {
margin-bottom: 40px;
}
.section-1951 .date_right .img-top img {
width: 100%;
height: auto;
}
.section-1951 .slick-slide img {
width: 100%;
height: auto;
}
.section-1951 .date_info .img-inner img {
height: auto;
}
.section-1953 .date_info, .section-1953 .date_img {
flex-basis: 50%;
}
.section-1953 .date_info img, .section-1953 .date_img img {
width: 90%;
height: auto;
}
.section-1953 .date_info .date_paragraph {
padding-right: 2rem;
}
.section-1955 .slick-slide img {
width: 100%;
height: auto;
}
.section-1920 .slick-slide img {
width: 100%;
height: auto;
}
.section-1959 .date_info .date_paragraph {
padding-right: 0;
}
.section-1955 .date_info .date_paragraph {
padding-right: 2rem;
}
.story-break .content-boxed .point-title:before {
display: none;
}
.story-break .content-boxed .point-title {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.story-break .content-boxed .point-title h2 {
margin-bottom: 20px;
padding-left: 0;
}
.story-break .content-boxed .point-title p {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.section-1961 .date_info, .section-1961 .date_img {
flex-basis: 50%;
}
.section-1961 .date_info .date_paragraph {
max-width: 34vw;
width: 100%;
}
.section-1970 .date_img img {
width: 87%;
height: auto;
object-fit: cover;
}
.section-1993 .date_right .date_paragraph {
width: 100%;
}
.page-template-template-storia .last-section p {
padding-right: 0;
padding-left: 0;
}
.page-template-template-storia .last-section span.mele-button {
margin-left: 0;
}
.identity-second-section .pagedesc p {
max-width: 80%;
}
.identity-section.pluralita {
padding-top: 87px;
}
.identity-section.pluralita .pagepoint {
top: 115px;
}
.identity-section.originalita .inner-right {
padding-top: 10vw;
}
.identity-section.legami .inner-right {
padding-top: 13vw;
}
.quality-section-first p {
max-width: 100%;
}
.quality-section-first {
margin-top: 170px;
}
.quality-section-second {
padding-top: 55px;
}
.quality-section-third {
padding: 55px 0;
}
.quality-section-fourth .certification:not(:last-child) {
margin-right: 0;
}
.quality-section-fourth {
display: flex;
flex-flow: unset;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.quality-section-fourth .certification {
margin-right: 0 !important;
}
.quality-section-fourth .certification:not(:last-child) {
margin-bottom: 35px;
}
.quality-section-third p {
max-width: 100%;
}
.pandoro-section.after-heading.content-boxed {
padding-top: 14vw;
padding-bottom: 20px;
}
.pandoro-section.after-heading.content-boxed p {
max-width: 100%;
}
.pandoro-section.first .col-img {
align-items: flex-start !important;
}
.pandoro-section.first img {
width: 100%;
height: auto;
}
.pandoro-section.first .pandoro-inner .row .col p, .pandoro-section.first .pandoro-inner .row .col .cit {
max-width: 100%;
padding-left: 5.5vw;
}
.pandoro-section.second .pandoro-inner .row .col p {
max-width: 95%;
}
.pandoro-section.second .pandoro-inner .row .col.col-img {
align-items: flex-start;
padding-left: 7vw;
}
.pandoro-section.third .pandoro-inner .row .col.col-txt .cit span {
font-size: 22px;
line-height: 43px;
}
.pandoro-section.third .pandoro-inner .row .col img {
mix-blend-mode: darken;
width: 100%;
height: auto;
}
.pandoro-section.fourth .pandoro-inner .row {
max-width: 100%;
}
.pandoro-section.fifth .pandoro-inner .row .col.col-txt .cit {
font-size: 26px;
line-height: 37px;
}
.pandoro-section.fifth {
padding-top: 20px;
}
.single .single-article .article-content .testo {
max-width: 74vw;
margin: 0;
}
.single .single-article .article-content h1 {
font-size: 30px;
line-height: 40px;
}
.top-page.top-archive .top-page-inner .section-title {
padding: 0 40px;
}
.top-page.top-archive .top-page-inner {
height: 42vw;
}
.product-loop {
max-width: 100%;
}
.related-products .related-product-loop .product .total-product-img .product-img.right {
width: 230px;
height: 230px;
}
.related-products .related-product-loop .product .total-product-img .product-img.left {
width: 160px;
height: 160px;
}
ul.categories_nav li a {
font-size: 16px;
}
.top-page.top-single::before {
height: 36vw !important;
}
.top-page.top-single .top-page-inner .section-img img {
margin-top: 6vw;
margin-left: -7vw;
height: 41vw;
}
.product-page {
margin-top: 4vw;
}
.top-page.top-single .top-page-inner .section-title {
padding-left: 6vw;
height: 36vw;
}
.top-page.top-single .share-box {
padding-left: 8vw;
position: absolute;
bottom: 1vw;
min-width: 23vw;
}
span.peso {
font-size: 20px;
line-height: 22px;
}
.top-page.top-single .top-page-inner .section-title h1 {
font-size: 33px;
line-height: 42px;
}
.related-products .related-product-loop .product .product-name h2 {
font-size: 26px;
line-height: 33px;
margin-top: 4px;
}
.related-products {
margin-bottom: 25px;
margin-top: 15vw;
}
.product-page .product-info .ingredients .ingredient .ing-image::before {
width: 85px;
height: 85px;
}
.product-identity .product-identity-inner .identity-info {
width: calc(100% / 6 * 2.7);
}
.product-identity .product-identity-inner .section-img {
width: calc(100% / 6 * 3.3);
}
.product-identity .product-identity-inner .section-img img {
width: 66vw;
height: auto;
display: block;
object-fit: cover;
margin-bottom: -10vw;
padding-top: 20vw;
margin-left: -10vw;
}
.related-products .related-product-loop .product .product-name h2 {
font-size: 22px;
line-height: 30px;
margin-top: 5px;
}
.related-products .related-product-loop .product .product-name {
font-size: 20px;
}
.top-page.materie .top-page-inner {
height: 25.4vw;
}
.materie-first .p-sx p {
padding-right: 0;
}
.materie-third .img-dx img, .materie-sixth .img-dx img {
margin-right: 0;
}
.materie-third .p-sx p {
padding-right: 1vw;
padding-top: 4vw;
}
.materie-second .p-dx p {
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
.materie-first .cit h2 {
padding-left: 10.5vw;
}
.materie-fourth {
margin-top: 65px;
}
.materie-fifth .p-middle {
max-width: 100%;
}
.materie-fifth {
padding-top: 65px;
}
.materie-sixth .col-sx p {
padding-right: 3vw;
}
.materie-first {
margin-bottom: 60px;
}
.top-page.materie .top-page-inner .section-title h1 {
line-height: 50px;
}
.materie-third {
margin-top: 60px;
}
.materie-second .img-sx img {
height: 55vw;
}
.materie-sixth .col-sx h2 {
padding-right: 6vw;
}
.materie-sixth {
align-items: center;
}
.materie-third .p-sx p {
padding-right: 4vw;
}
.product-loop .product .product-info span.list-peso {
font-size: 16px;
}
.top-page.top-single.premiatacasa .top-page-inner::after {
top: 30.5vw;
}
.icona-lievito {
width: 95px;
height: 95px;
}
.premiatacasa-section .col span {
font-size: 21px;
}
.presente-section-first.content-boxed {
padding-top: 125px;
}
.presente-section-first p {
max-width: 100%;
}
.page-template-template-lavora-con-noi .job-section-second .positions {
grid-column-gap: 70px;
margin-top: 55px;
}
.page-template-template-lavora-con-noi .job-section-second .positions .position .position-title {
font-size: 23px;
line-height: 30px;
}
.page-template-template-lavora-con-noi .job-section-second .positions .position .position-bottom .position-intro {
font-size: 18px;
line-height: 22px;
margin-bottom: 33px;
}
.page-template-template-lavora-con-noi .job-section-second .positions .position:nth-child(odd):not(:first-child) .position-bottom::after {
left: calc(100% + 36.5px);
}
.single-posizione_aperta .posizione_aperta-page {
column-gap: unset;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.single-posizione_aperta .top-page.posizione_aperta .content-boxed .top-page-inner {
height: 36vw;
}
.single-posizione_aperta .posizione_aperta-page {
margin-top: 15px;
}
.single-posizione_aperta .posizione_aperta-page .posizione_aperta_right {
margin-top: 35px;
}
.single-posizione_aperta .top-page.posizione_aperta .content-boxed .top-page-inner .section-title .posizione_aperta_sede img {
margin-right: 17px;
width: auto;
height: 25px;
}
.back-to-positions img {
margin-right: 10px;
width: 33px;
height: auto;
}
.page-template-template-sostenibilita .top-page .top-page-inner .section-title h1 {
font-size: 38px;
line-height: 47px;
padding-bottom: 48px;
}
.page-template-template-sostenibilita .top-page {
height: 35vw;
}
.page-template-template-sostenibilita .top-page .top-page-inner .anchor-images .image {
width: calc(100% / 4);
flex-basis: calc(100% / 4);
padding: 0;
}
.page-template-template-sostenibilita .top-page .top-page-inner .anchor-images .image img {
width: 100%;
height: 19vw;
}
.page-template-template-sostenibilita .top-page .top-page-inner .anchor-images .image span.anchor a {
font-size: 29px;
line-height: 40px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .top_left {
width: 100%;
flex-basis: 100%;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .top_left h2 {
font-size: 30px;
line-height: 40px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .top_right {
width: 100%;
flex-basis: 100%;
margin-top: 20px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .top_right p {
max-width: 100%;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .bottom_left {
width: 100%;
flex-basis: 100%;
margin-top: 50px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .bottom_left p {
font-size: 21px;
line-height: 27px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .bottom_right {
width: 100%;
flex-basis: 100%;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .bottom_right .row .box {
width: 20%;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .second span.title {
font-size: 26px;
line-height: 38px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .third {
max-width: 100%;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .third .croissant .row .box img {
height: 118px;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step {
width: 100%;
flex-basis: 100%;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step.top-left h2 {
font-size: 35px;
line-height: 45px;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step.top-left p {
max-width: 100%;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step.top-right .title {
font-size: 26px;
line-height: 30px;
max-width: 100%;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step .box::before {
width: 50px;
height: 50px;
font-size: 26px;
line-height: 26px;
left: -20px !important;
right: auto !important;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step .box p {
max-width: 31vw;
text-align: center;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step .box {
margin-bottom: 43px;
}
.page-template-template-sostenibilita #packaging {
margin-top: 70px;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step .box img {
margin-bottom: 18px;
height: 110px;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .obiettivi .title p {
font-size: 26px;
line-height: 30px;
max-width: 65%;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .obiettivi .title p::before {
display: none;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .obiettivi .title p::after {
display: none;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .obiettivi {
margin-top: 43px;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .obiettivi .loop .obiettivo {
width: 50%;
flex-basis: 50%;
margin-bottom: 50px;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .obiettivi .title {
display: flex;
justify-content: flex-start;
margin-bottom: 50px;
}
.page-template-template-sostenibilita #biodiversita {
margin-top: 40px;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .title h2 {
max-width: 100%;
font-size: 36px;
line-height: 46px;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati .dati-loop .dato {
width: 50%;
flex-basis: 50%;
margin-bottom: 40px;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco .title span, .page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati .title span {
font-size: 26px;
line-height: 31px;
margin-bottom: 34px;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .bosco-intro p {
text-align: left;
width: 100%;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .bosco-intro {
margin: 0px 0 50px;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco .row .col.dati {
width: 100%;
display: flex;
align-items: center;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco .row .col.dati .box {
width: 15vw;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco .row .col.dati.right {
margin-left: 0;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco .row .col.dati.right {
align-items: center;
order: 2;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco .row .col.img {
order: 3;
margin-top: 30px;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco .title {
margin-bottom: 0;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .last-section p {
margin-top: 48px;
max-width: 100%;
font-size: 24px;
line-height: 30px;
margin-bottom: 100px;
}
.top-page.racconta .content-boxed .top-page-inner .section-img {
flex-basis: calc(100% / 3 * 1.3);
}
.top-page.racconta .content-boxed .top-page-inner .section-title {
flex-basis: calc(100% / 3 * 1.7);
}
.racconta-storie-section-first p {
max-width: 100%;
}
.racconta-storie-section-second {
display: flex;
}
.top-page.racconta .content-boxed .top-page-inner .section-img {
display: none;
}
}
@media screen and (max-width: 1080px) {
.cal-avvento-22-ep {
font-size: 18px;
}
.social-share a:not(:last-child) {
margin-right: 10px;
}
.social-links a {
margin-right: 10px;
}
.cal-avvento-22-content .cal-avvento-22-top .cal-avvento-22-bottom {
flex-direction: column;
}
.cal-avvento-22-content .cal-avvento-22-top .cal-avvento-22-bottom .social-links {
margin-top: 30px;
}
}
@media screen and (max-width: 1023px) {
.home-banner-img-mobile {
display: inline-block !important;
}
.home-banner-img {
display: none !important;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .row .col .box img {
width: auto;
height: 18.2vw;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .logo {
margin: 0;
margin-top: -78px;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .last-row .obiettivo {
width: 100%;
flex-basis: 100%;
padding-top: 75px;
margin-bottom: 40px;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .oasi p {
margin: 0;
color: #fff;
text-align: center;
max-width: 100%;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .oasi h2 img {
margin-left: 18px;
height: 46px;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .oasi h2 {
font-size: 28px;
line-height: 40px;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .row .col {
width: 100%;
flex-basis: 100% !important;
margin-bottom: 110px;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .row .col:not(.right)::before {
top: 132%;
transform: translate(-50%, -50%);
color: #fff;
left: 50% !important;
}
.page-template-template-bonus-cioccolato .last {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 40px;
margin-bottom: 46px;
}
.page-template-template-bonus-cioccolato .last p {
margin-bottom: 56px;
}
.page-template-template-bonus-cioccolato .top-page .content-boxed .top-page-inner .subtitle span::before {
content: "";
position: absolute;
width: 44px;
height: 38.5px;
background-image: url(//www.melegatti.it/wp-content/themes/melegatti-child/assets/star.svg);
background-size: contain;
background-repeat: no-repeat;
left: 50%;
top: -53px;
transform: translateX(-50%);
}
.page-template-template-bonus-cioccolato .top-page .content-boxed .top-page-inner .subtitle span::after {
display: none !important;
}
.page-template-template-bonus-cioccolato .top-page .content-boxed .top-page-inner .img-container {
margin-bottom: 57px;
}
.page-template-template-bonus-cioccolato .top-page .content-boxed .top-page-inner .subtitle span {
font-size: 16px;
line-height: 20px;
text-align: center;
}
.page-template-template-bonus-cioccolato .top-page .content-boxed .top-page-inner .section-title h1 {
font-size: 31px;
line-height: 38px;
}
.img-container.mobile {
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
}
.img-container.mobile .img-mobile {
margin-bottom: 35px;
}
.img-container.desktop {
display: none !important;
}
.blog .blog-loop .article .article-thumb, .post-type-archive-press .blog-loop .article .article-thumb {
width: 100%;
height: 22.9vw;
display: block;
margin-bottom: 23px;
}
.blog .blog-loop .article .article-info a h2, .post-type-archive-press .blog-loop .article .article-info a h2 {
font-size: 22px;
line-height: 34px;
font-weight: 200;
color: #004C93;
margin: 0;
margin-bottom: 20px;
max-width: 100%;
}
p, .p-style {
font-size: 18px;
line-height: 22px;
}
h2, .h2-style {
font-size: 24px;
line-height: 32px;
}
span.vertical_line {
display: none;
}
.cpoint {
display: none;
}
.page-template-template-storia .content-boxed, .page-template-template-pandoro .content-boxed {
padding-left: 0;
}
.date-section:not(.animate__fadeInUp), .last-section:not(.animate__fadeInUp) {
visibility: visible !important;
}
.section.home-third-section .section-inner .section-text p {
font-size: 18px;
line-height: 22px;
}
.mele-button a {
font-size: 18px;
line-height: 23px;
}
.presente-section-first span.mele-button {
margin-top: 17px;
}
#home-slider .home-slide .home-title {
font-size: 63px;
line-height: 70px;
letter-spacing: 9px;
}
#home-slider .home-slide .home-text {
font-size: 16px;
line-height: 20px;
width: 100%;
letter-spacing: 2px;
}
.section:last-child {
margin-bottom: 0px;
}
.section.home-second-section .section-img {
margin-bottom: 25px;
}
.page-template-template-presente span.img-desc {
max-width: 100%;
}
.section.home-third-section .section-inner {
padding-top: 0;
margin-top: 33vw;
}
.section.home-third-section .section-inner .section-text {
flex-basis: 100%;
width: 100%;
margin-top: 0;
justify-content: center;
order: 2;
padding-bottom: 4vw;
}
.section.home-third-section .section-inner .section-text p {
width: 70%;
margin: 0 auto;
}
.section.home-third-section .section-inner .section-img {
display: flex;
flex-basis: 100%;
width: 100%;
order: 1;
justify-content: center;
}
.section.home-third-section .section-inner .section-img img {
margin-bottom: 0;
display: block;
width: 60vw;
height: auto;
margin-top: -28.5vw;
}
.single .single-article .share-article .article-cursor {
display: none;
}
.single .single-article .share-article::before {
display: none;
}
.section-1904 .date_inner {
width: 100%;
margin: 0 auto;
margin-top: 30px;
}
.date {
padding-bottom: 10px;
}
.date_paragraph {
width: 100%;
}
.section-1894 .date_img {
margin-top: 45px;
}
.date-section {
margin-top: 60px;
}
.img-desc {
max-width: 100%;
}
.slider-story-nav {
margin-top: 15px;
}
.section-1904 .date_inner .loghi_variations {
flex-basis: 100%;
margin-top: 15px;
margin-bottom: 20px;
}
.date-section:last-child {
margin-bottom: 70px;
}
.story-break .content-boxed {
height: 35vw;
}
.section-1951 .date_right .slider-bottom .img-desc {
max-width: 90%;
}
.section-1955 .slider-right .img-desc {
width: 100%;
}
.section-1956 .date_img {
margin-top: 35px;
}
.section-1961 .date_img .img-inner img, .section-1970 .date_img img {
width: 100%;
}
.section-1983 .slider-content .slider-bottom .slick-slide img {
height: 30vw;
}
.identity-section .pagepoint, .identity-main-section .pagepoint, .identity-second-section .pagepoint {
display: none;
visibility: hidden;
opacity: 0;
}
.identity-second-section {
padding-top: 45px;
}
.identity-second-section .pagedesc p {
max-width: 100%;
}
.identity-second-section .pagedesc p {
font-size: 18px;
line-height: 22px;
}
.identity-section.originalita .inner-left {
flex-basis: 100%;
order: 2;
padding-top: 0;
}
.identity-section.originalita .inner-right {
flex-basis: 100%;
order: 1;
padding-top: 0;
margin: 0 auto;
}
.identity-section .section-slider {
margin-top: 20px;
order: 3;
}
.identity-section h3.pronunciation {
margin: 0;
margin-bottom: 20px;
}
.identity-section.originalita {
padding-top: 40px;
margin-top: 0;
}
.identity-section.condivisione .inner-middle {
padding-top: 20px;
flex-basis: 100%;
padding-left: 0;
order: 2;
}
.identity-section.condivisione .inner-middle p {
max-width: 100% !important;
}
.identity-section.condivisione .inner-right {
flex-basis: 100%;
margin: 0;
margin: 0 auto;
}
.identity-section .section-slider .slider .single-photo img {
height: 50vw;
}
.identity-section.legami .inner-right {
flex-basis: 100%;
display: flex;
margin-left: 0;
padding: 0;
}
.identity-section.legami .inner-left {
flex-basis: 100%;
margin: 0;
padding: 0;
}
.identity-section.legami {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
padding-top: 0;
position: relative;
margin-top: 0;
}
.identity-section.pluralita .inner-left {
flex-basis: 100%;
padding: 0;
order: 2;
}
.identity-section.pluralita .inner-right {
flex-basis: 100%;
margin: 0;
order: 1;
}
.identity-section.pluralita .inner-left p {
padding: 0;
}
.identity-section.pluralita {
padding-top: 0;
margin-top: 20px;
}
.identity-section.originalita .inner-left p {
padding-right: 0;
}
.identity-section.legami .inner-left p {
padding-right: 0;
}
.top-page.quality .content-boxed .top-page-inner {
height: 35vw;
}
.blog .blog-loop .article .article-info a h2 {
font-size: 20px;
line-height: 29px;
max-width: 90%;
}
.blog .blog-loop .article .article-thumb {
width: 100%;
height: 27.9vw;
margin-bottom: 23px;
}
.blog .blog-loop .article .article-info a p {
max-width: 100%;
margin: 0;
margin-bottom: 30px;
}
.mele-button a {
font-size: 16px;
line-height: 20px;
}
.blog .page-numbers.current::before {
display: none !important;
}
.blog .pagination {
display: flex;
}
.blog .pagination .nav-links {
margin: 0 auto;
}
.blog .page-numbers:first-child.current {
margin-left: 0 !important;
}
.single .single-article .article-content .testo {
max-width: 100%;
margin: 0;
}
.single .single-article .article-content .testo p {
margin: 20px 0;
}
.single .single-article .article-content h1 {
font-size: 26px;
line-height: 34px;
}
.single .single-article .article-content .image {
margin: 25px 0;
}
.product-loop .product .product-info .ingredients .ingredient {
flex-basis: calc(100% / 3);
}
.product-loop .product .product-info .ingredients .ingredient img {
width: 100%;
}
.product-loop .product .product-info .ingredients .ingredient .ing-image {
width: 65%;
}
.product-loop .product .product-info .ingredients .ingredient .ing-image::before {
width: 67px;
height: 67px;
}
.mob-filterbox {
margin-bottom: 42px;
}
.page-template-template-lavora-con-noi .job-section-second .pagepoint {
display: none;
}
.page-template-template-lavora-con-noi .job-section-second .positions .position:nth-child(odd):not(:first-child) .position-bottom::after {
display: none;
}
.page-template-template-lavora-con-noi .job-section-second .positions {
display: flex;
flex-direction: column;
grid-template-columns: unset;
}
.page-template-template-lavora-con-noi .top-page.job .content-boxed .top-page-inner {
height: 44vw;
}
.page-template-template-lavora-con-noi .job-section-second {
margin-bottom: 0;
}
.racconta-storie-section-first span.mele-button {
margin-top: 17px;
}
.page-template-template-racconta-storie span.img-desc {
max-width: 100%;
}
.top-page.racconta .content-boxed .top-page-inner {
height: 35vw;
}
.top-page.magica-ricetta .content-boxed .top-page-inner {
height: 35vw;
}
.embed-youtube.desktop {
display: none;
}
.cal-avvento-22-content .cal-avvento-22-top .embed-youtube.mobile {
display: flex;
justify-content: center;
border-radius: 12px;
overflow: hidden;
margin-top: 30px;
margin-right: 0;
}
.cal-avvento-22-mobile-swap {
flex-direction: column-reverse !important;
}
.cal-avvento-22-intro {
margin-top: 30px;
}
}
@media screen and (max-width: 900px) {
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .last-section p {
font-size: 22px;
line-height: 27px;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .last-section span.title {
font-size: 26px;
line-height: 34px;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco .title {
margin-bottom: 0;
justify-content: flex-start;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco .title span, .page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati .title span {
max-width: 80%;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .obiettivi {
margin-top: 0;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .obiettivi .title p {
font-size: 24px;
line-height: 27px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .bottom_right .row p {
width: 71%;
padding-right: 0;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .bottom_left p {
max-width: 100%;
}
#melegatti-is {
font-size: 30px;
line-height: 40px;
}
.section.home-second-section .section-text {
padding: 0px 0rem;
}
#home-slider .home-slide .home-slide-bg {
background-size: 65vw;
}
#home-slider .home-slide .home-title {
font-size: 55px;
line-height: 70px;
letter-spacing: 8px;
}
#home-slider .home-slide .home-text {
font-size: 17px;
line-height: 22px;
width: 100%;
letter-spacing: 2px;
max-width: 80vw;
}
#home-slider .home-slide .mele-button a {
font-size: 14px;
line-height: 13px;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .description .text {
width: 100%;
}
#home-slider .home-slide .home-slide-bg {
background-position: center 4vw;
}
#home-slider .slick-arrow.slick-next {
right: 20px;
bottom: 15px;
top: auto;
}
#home-slider .slick-prev {
left: 20px;
bottom: 15px;
top: auto;
}
#home-slider .home-slide .home-text .mele-button {
margin-top: 13px;
}
.page-template-template-contatti .top-page.materie .top-page-inner .section-title {
width: 100%;
flex-basis: 100%;
}
.contatti-content {
padding-top: 40px;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .description .image {
margin-top: 30px;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .description {
display: flex;
flex-flow: row wrap;
margin-bottom: 0px;
}
.top-page.top-single.premiatacasa .top-page-inner::after {
top: 35.5vw;
}
.top-page.top-single.premiatacasa .top-page-inner::before {
height: 30px;
top: 16px;
}
.premiatacasa-section .col {
flex-basis: 50%;
width: 50%;
margin-bottom: 14px;
}
#id-melegatti-is, #valori {
font-size: 36px;
line-height: 45px;
}
.top-page.top-archive.premiatacasa .top-page-inner .section-title img {
width: 50vw;
}
.quality-section-first {
margin-top: 120px;
}
.top-page.story .content-boxed .top-page-inner .section-img {
flex-basis: calc(100% / 3 * 2);
}
.pandoro-section.second .pandoro-inner .row .col p {
max-width: 100%;
}
.pandoro-section.second .pandoro-inner .row .col .img-desc {
max-width: 88%;
}
.pandoro-section.third .pandoro-inner .row .col.col-txt .cit span {
font-size: 17px;
line-height: 35px;
}
.pandoro-section.third .pandoro-inner .row .col.col-txt .img-desc {
max-width: 82%;
}
.pandoro-section.fourth .pandoro-inner .row-img .img-desc {
max-width: 43%;
}
.pandoro-section.fourth .pandoro-inner .row .img-desc {
max-width: 62%;
text-align: left;
}
.pandoro-section.fifth .pandoro-inner .row .col.col-txt .cit {
font-size: 24px;
line-height: 34px;
}
.pandoro-section.fifth .pandoro-inner .row .col.col-txt .cit {
margin-bottom: 15px;
}
.pandoro-section.sixth {
padding-top: 0;
}
.pandoro-section.sixth .pandoro-inner .row .col.col-txt p {
margin-top: 13vw;
max-width: 100%;
}
.top-page.top-archive .top-page-inner .section-title {
padding: 0 0 0 25px;
}
.top-page.top-archive .top-page-inner {
height: 65vw;
}
.product-loop .product.new:before {
left: 20px;
top: -7px;
font-size: 12px;
width: 71px;
height: 42px;
}
.product-loop .product .product-info .ingredients {
margin-bottom: 30px;
}
.product-loop .product .product-info .ingredients .ingredient {
margin-bottom: 15px;
}
.product-loop .product .product-info .ingredients .ingredient:nth-child(4) {
display: none !important;
}
.product-loop .product .product-info .ingredients .ingredient:nth-child(5) {
display: none !important;
}
.product-page .product-info .ingredients .ingredient:nth-child(4) {
display: none !important;
}
.product-page .product-info .ingredients .ingredient:nth-child(5) {
display: none !important;
}
.related-products .related-product-loop .product .total-product-img .product-img.right {
width: 170px;
height: 170px;
}
.related-products .related-product-loop .product .total-product-img .product-img.left {
width: 140px;
height: 140px;
}
.related-products .related-product-loop .product .product-name h2 {
font-size: 20px;
line-height: 25px;
margin-top: 4px;
}
.related-products .related-product-loop .product .product-name span {
font-size: 18.5px;
}
ul.categories_nav {
display: none !important;
}
.mob-filterbox {
display: flex;
}
.top-page.top-archive .top-page-inner .section-img img {
width: 138%;
height: auto;
margin-left: -10.3vw;
}
.top-page.top-single::before {
height: 42vw !important;
}
.top-page.top-single .top-page-inner .section-img img {
margin-left: -7vw;
width: 55vw;
height: auto;
margin-top: 12vw;
}
.top-page.top-single .top-page-inner .section-title h2 {
margin: 0;
margin-bottom: 26px;
font-size: 24px;
line-height: 30px;
}
.top-page.top-single .top-page-inner .section-img {
display: flex;
width: 50%;
}
.top-page.top-single .top-page-inner .section-title {
width: 50%;
height: 42vw;
}
.top-page.top-single .top-page-inner .section-title {
padding-left: 6vw;
}
.product-page .product-info {
padding: 0;
}
.product-page .product-info .product-desc {
padding-top: 3vw;
}
.product-identity .product-identity-inner .identity-info .identity-desc p {
font-size: 18px;
line-height: 21px;
}
.product-page .product-info .ingredients .ingredient span {
font-size: 14px;
}
.product-page .product-info .ingredients .ingredient .ing-image {
display: flex;
width: 75%;
}
.product-page .product-info .ingredients .ingredient .ing-image::before {
width: 78px;
height: 78px;
}
.product-page {
margin-bottom: 70px;
}
.related-products {
margin-bottom: 25px;
margin-top: 23vw;
}
.product-identity .product-identity-inner .section-img img {
width: 90vw;
height: auto;
display: block;
object-fit: cover;
margin-bottom: -16vw;
padding-top: 0;
margin-left: -5vw;
margin-right: 0;
margin-top: -9vw;
}
.top-page.top-single .share-box {
padding-left: 6vw;
position: absolute;
bottom: -1vw;
}
.product-identity .product-identity-inner .identity-info {
width: 100%;
padding-bottom: 0;
}
.product-identity .product-identity-inner .section-img {
width: 100%;
}
.product-page .product-info .product-cacao-trace span a {
letter-spacing: 0.5px;
}
.top-page.materie .top-page-inner .section-title {
width: 35%;
}
.materie-first {
padding-top: 80px;
}
.materie-second .p-dx {
flex-basis: 60%;
width: 60%;
padding-left: 5vw;
}
.materie-second .img-sx {
flex-basis: 40%;
width: 40%;
}
.materie-second .img-sx img {
height: auto;
}
.materie-third {
margin-top: 40px;
align-items: center;
}
.materie-sixth .col-sx h2 {
padding-right: 0;
}
.materie-sixth {
padding-top: 40px;
}
.materie-fifth {
padding-top: 45px;
}
.product-identity.uno .product-identity-inner .section-img img {
width: 100%;
height: auto;
margin-left: 0;
margin-bottom: -14vw;
margin-top: 0;
}
.presente-section-first.content-boxed {
padding-top: 100px;
max-width: 100%;
}
.single-posizione_aperta .top-page.posizione_aperta .content-boxed .top-page-inner {
height: 42vw;
}
.single-posizione_aperta .posizione_aperta-page .posizione_aperta_left .posizione_aperta-ptitle {
font-size: 28px;
line-height: 32px;
}
.top-page.racconta .content-boxed .top-page-inner .section-img {
flex-basis: calc(100% / 3 * 2);
}
.racconta-storie-section-first.content-boxed {
max-width: 100%;
padding-top: 30px;
}
}
@media only screen and (max-width: 821px) {
.pagination .page-numbers, .comments-pagination .page-numbers {
display: flex !important;
}
.product-loop .product .product-info .ingredients .ingredient span {
text-align: center;
}
.product-loop .product .product-info .ingredients {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
}
.identity-section.legami .inner-right img {
margin-left: 0;
}
.identity-section.originalita {
padding-top: 0;
margin-top: 0;
}
#melegatti-is img {
width: 25vw;
}
#id-melegatti-is img {
width: 36vw;
}
.product-page .product-info .product-cacao-trace span a {
letter-spacing: 0;
}
}
@media screen and (max-width: 700px) {
.page-template-template-sostenibilita #packaging .content-boxed .inner .obiettivi .loop .obiettivo p {
display: block;
text-align: center;
margin: 0;
max-width: 95%;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .obiettivi .title {
margin-bottom: 18px;
}
.page-template-template-sostenibilita p {
font-size: 22px !important;
line-height: 27px !important;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .last-section p {
font-size: 22px;
line-height: 27px;
text-align: left;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco .row .col.img {
width: 100%;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco .row .col.img img {
width: 100%;
height: auto;
object-fit: contain;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco .row .col.dati .box {
width: 52%;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco .title span, .page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati .title span {
font-size: 24px;
line-height: 26px;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati-bosco .title span, .page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati .title span {
max-width: 100%;
text-align: left;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .description .image {
width: 100%;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .dati .dati-loop .dato {
width: 100%;
flex-basis: 100%;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .description .image img {
margin-top: 0;
}
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .title h2 {
max-width: 100%;
font-size: 35px;
line-height: 43px;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .obiettivi .loop .obiettivo {
width: 100%;
flex-basis: 100%;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .obiettivi .title p {
font-size: 24px;
line-height: 27px;
max-width: 100%;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step .box::before {
left: 0px !important;
top: 0 !important;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step .box p {
max-width: 100%;
text-align: center;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step.top-left {
align-items: flex-start;
margin-bottom: 17px;
}
.page-template-template-sostenibilita #packaging .content-boxed .inner .step.top-right .title {
font-size: 24px;
line-height: 26px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .third .croissant .image {
margin-bottom: 60px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .third .croissant .row .box::before {
display: none;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .third .croissant .row .box::after {
display: none;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .third .croissant .row .box {
position: relative;
width: 100%;
flex-basis: 100%;
margin-bottom: 35px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .third span.titolo {
font-size: 26px;
line-height: 28px;
margin-bottom: 30px;
margin-top: 30px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .bottom_right .row {
display: flex;
justify-content: center;
margin-top: 10px;
flex-direction: column;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .bottom_right .row p {
width: 100%;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .bottom_right .row .box {
width: 100%;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .first .top_left h2 {
font-size: 28px;
line-height: 37px;
font-weight: 500;
}
.page-template-template-sostenibilita #ingredienti {
margin-top: 50px;
}
.page-template-template-sostenibilita .top-page .top-page-inner {
align-items: flex-start;
}
.page-template-template-sostenibilita .top-page .top-page-inner .anchor-images .image span.anchor a {
margin-top: 12px;
margin-bottom: 40px;
color: #fff;
}
.page-template-template-sostenibilita .top-page .top-page-inner .anchor-images .image img {
width: 100%;
height: 69vw;
}
.page-template-template-sostenibilita .top-page .top-page-inner .anchor-images .image {
width: 100%;
flex-basis: 100%;
}
.page-template-template-sostenibilita .top-page .top-page-inner .anchor-images {
display: flex;
align-items: flex-end;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 0;
}
.page-template-template-sostenibilita .top-page .top-page-inner .section-title h1 {
font-size: 35px;
line-height: 42px;
padding-bottom: 0;
}
.page-template-template-sostenibilita .top-page {
height: auto;
}
.blog .blog-loop .article .article-thumb, .post-type-archive-press .blog-loop .article .article-thumb {
width: 100%;
height: 55.9vw;
}
.blog .blog-loop .article, .post-type-archive-press .blog-loop .article {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding-right: 0;
width: 100%;
flex-basis: 100%;
margin-bottom: 50px;
}
.post-type-archive-press .section-share {
position: absolute;
right: 20px;
display: flex;
flex-direction: column;
align-items: flex-end;
bottom: 10px;
}
.post-type-archive-press .content-boxed .top-page-inner {
height: 83vw !important;
}
#melegatti-is img {
width: 34vw;
}
h1, .h1-style {
font-size: 34px;
line-height: 40px;
}
h2, .h2-style {
font-size: 21px;
line-height: 27px;
}
h3, .h3-style {
font-size: 22px;
line-height: 26px;
}
.top-page.story .content-boxed .top-page-inner .section-img, .top-page.top-archive .top-page-inner .section-img, .top-page.top-single .top-page-inner .section-img, .top-page.materie .top-page-inner .section-img {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
}
.top-page.story .content-boxed .top-page-inner .section-title {
flex-basis: 100%;
padding: 10vw 0;
}
.top-page.top-archive .top-page-inner .section-title {
flex-basis: 100%;
padding: 10vw 20px;
}
.top-image-mobile {
margin: 1.7rem 0;
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.top-image-mobile img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
}
.top-page.materie .top-page-inner .section-title {
width: 100%;
flex-basis: 100%;
}
.top-page.materie .top-page-inner .section-title h1 {
max-width: 100%;
}
.page-template-template-contatti .contatti-content.content-boxed {
padding-top: 27px;
}
.page-template-template-contatti .contatti-content > div {
margin-bottom: 0;
}
.top-page.top-archive.premiatacasa .top-page-inner .section-title {
padding: 20vw 20px;
}
.top-page.top-archive.premiatacasa .top-page-inner::before {
height: 30px;
top: 20px;
}
.top-page.top-archive.premiatacasa .top-page-inner::after {
height: 30px;
bottom: 20px;
}
.top-page.top-archive.premiatacasa .top-page-inner .section-title p {
max-width: 100%;
}
.top-page.top-archive.premiatacasa .top-page-inner .section-title img {
width: 76vw;
}
.product-loop.premiata::before {
width: 80vw;
height: 80vw;
}
.premiatacasa-section .col {
flex-basis: 100%;
width: 100%;
margin-bottom: 15px;
}
.premiatacasa-section .col span {
margin-top: 0px;
max-width: 220px;
font-weight: 400;
}
.premiatacasa + .top-image-mobile + .product-page {
margin-top: 20vw;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .section-title h1 {
font-size: 29px;
line-height: 38px;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .subtitle span {
font-size: 18px;
line-height: 24px;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .subtitle {
margin-bottom: 60px;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .row .col .box img {
width: auto;
height: 35.2vw;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .row .col:not(.right)::before {
font-size: 75px;
top: 123% !important;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .row .col p {
max-width: 73%;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .oasi h2 {
font-size: 28px;
line-height: 40px;
flex-direction: column;
align-items: center;
}
.page-template-template-obiettivo-biodiversita .top-page .content-boxed .top-page-inner .oasi h2 img {
margin-left: 18px;
height: 46px;
margin-top: 16px;
}
.page-template-template-obiettivo-biodiversita .last {
margin: 67px 0;
}
.time-line.content-boxed {
max-width: 100%;
}
.date-section .date_img {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.date-section .date_img .img-left {
padding-right: 0;
flex-basis: 100%;
}
.date-section .date_img .img-right {
padding-left: 0;
flex-basis: 100%;
margin-top: 1rem;
}
.section-1894 .date_img .img-right img {
width: 70%;
height: auto;
object-fit: cover;
}
.section-1894 .date_img .img-right {
text-align: center;
align-items: center;
}
.section-1894 .date_img .img-right .cit {
width: 35vw;
margin: 0 auto;
}
.section-1904 .date_inner .cit {
flex-basis: 100%;
text-align: center;
margin-bottom: 45px;
}
.section-1904 .date_inner {
flex-flow: unset;
flex-direction: column;
align-items: center;
justify-content: center;
}
.section-1904 .date_inner .img-left .img1, .section-1904 .date_inner .img-left .img2 {
flex-basis: 100%;
}
.section-1904 .date_inner .slider-right {
flex-basis: 100%;
width: 100%;
}
.section-1904 .date_inner .slider-right .slick-slide img {
width: 100%;
height: auto;
}
.section-1904 .date_inner .loghi_variations {
margin-top: 50px;
}
.section-1904 .date_inner .loghi_variations .img-desc {
max-width: 100%;
}
.section-1920 {
flex-flow: unset;
flex-direction: column;
}
.section-1920 .date_info .date-desc .date_paragraph {
padding-right: 0px;
}
.section-1920 .date_info .slider-bottom .img-desc {
max-width: 100%;
}
.section-1920 .date_img {
flex-basis: 100%;
margin-left: 0;
}
.section-1951, .section-1953, .section-1955 {
flex-flow: unset;
flex-direction: column;
}
.section-1951 .date_right {
flex-basis: 100%;
margin-left: 0;
}
.section-1951 .date_right .slider-bottom {
padding-left: 0;
}
.story-break .content-boxed {
height: 45vw;
}
.section-1953 .date_info .date_paragraph {
padding-right: 0;
margin-bottom: 1.5rem;
}
.section-1953 .date_info img, .section-1953 .date_img img {
width: 100%;
height: auto;
}
.section-1953 {
align-items: center;
}
.section-1955 .slider-right {
flex-basis: 100%;
width: 100%;
margin-top: 1rem;
}
.section-1955 .slider-right .slick-slide img {
width: 100%;
height: 76vw;
object-fit: cover;
}
.section-1956 .date_img .img-left, .section-1956 .date_img .img-right {
width: 100%;
flex-basis: 100%;
margin-right: 0 !important;
}
.mob-filterbox {
width: 100%;
margin-bottom: 37px;
}
.mob-filterbox span.current-filter {
font-size: 20px;
}
.section-1961 .date_info, .section-1961 .date_img, .section-1970 .date_info, .section-1970 .date_img {
flex-basis: 100%;
}
.section-1961 .date_info .date_paragraph {
max-width: 100%;
width: 100%;
}
.section-1961 .date_img, .section-1970 .date_img {
margin-top: 35px;
}
.section-1970 .date_info .date_paragraph {
padding-right: 0;
}
.section-1956 .date_img .img-left, .section-1956 .date_img .img-right {
width: 100%;
flex-basis: 100%;
margin-right: 0 !important;
}
.section-1956 .date_img .img-left {
margin-bottom: 30px;
}
.section-1983 .date_info, .section-1983 .date_img {
flex-basis: 100%;
}
.section-1983 .date_img {
margin-top: 35px;
justify-content: center;
}
.section-1983 .date_img img {
width: 100% !important;
}
.section-1993 .date_info {
flex-basis: 100%;
}
.section-1993 .date_right {
padding-left: 0;
flex-basis: 100%;
margin-top: 30px;
}
.section-1983 .slider-content .slider-bottom .slick-slide img {
height: 55vw;
}
.section-1983 .slider-content .slider-bottom .img-desc {
max-width: 100%;
}
.page-template-template-storia .last-section {
max-width: 100% !important;
}
.page-template-template-storia .last-section {
margin-top: 35px;
}
.section-1993 .date_info .date_paragraph {
margin-bottom: 20px;
}
.single .product-page.content-boxed {
max-width: 100% !important;
}
.identity-section div.title h2 {
margin-bottom: 12px;
}
.pandoro-section.content-boxed {
max-width: 100% !important;
}
.pandoro-section.after-heading.content-boxed {
padding-top: 0;
}
.pandoro-section.after-heading.content-boxed p {
margin-top: 0;
}
.pandoro-section.first .pandoro-inner .row {
flex-flow: unset;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.pandoro-section.first .pandoro-inner .row .col {
width: 100%;
flex-basis: 100%;
}
.pandoro-section.first .pandoro-inner .row .col:first-child {
margin-bottom: 25px;
}
.pandoro-section.first .pandoro-inner {
padding: 25px 0;
}
.pandoro-section.fourth .pandoro-inner .row-img .img-desc {
max-width: 66%;
}
.pandoro-section.first .pandoro-inner .row .col p, .pandoro-section.first .pandoro-inner .row .col .cit {
padding-left: 0;
}
.pandoro-section.first .pandoro-inner .row .col .cit {
margin: 0 auto;
}
.pandoro-section.first .pandoro-inner .row .col .cit span:last-child {
padding-left: 25vw;
}
.pandoro-section.second .pandoro-inner .row {
flex-flow: unset;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.pandoro-section.second .pandoro-inner .row .col {
width: 100%;
flex-basis: 100%;
padding-left: 0 !important;
}
.pandoro-section.second .pandoro-inner .row .col:first-child {
margin-bottom: 25px;
}
.pandoro-section.second {
padding-top: 0;
padding-bottom: 30px;
}
.pandoro-section .pandoro-inner.content-boxed {
max-width: 100% !important;
}
.pandoro-section.third .pandoro-inner .row .col.col-txt .img-desc {
display: none;
}
.pandoro-section.fourth .pandoro-inner .row-img img {
height: 19vw;
}
.pandoro-section.fourth .pandoro-inner .row {
margin-top: 18px;
}
.pandoro-section.third .pandoro-inner .row {
flex-flow: unset;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.pandoro-section.third .pandoro-inner .row .col {
width: 100%;
flex-basis: 100%;
}
.pandoro-section.third .pandoro-inner .row .col:first-child {
order: 2;
}
.pandoro-section.third .pandoro-inner .row .col:last-child {
order: 1;
margin-bottom: 25px;
}
.pandoro-section.fourth .pandoro-inner .row .two-img img {
width: 100%;
flex-basis: 100%;
margin: 0;
margin-right: 0;
height: auto;
}
.pandoro-section.fourth .pandoro-inner .row .two-img img:first-child {
margin-bottom: 25px;
}
.pandoro-section.fifth .pandoro-inner .row .col {
width: 100%;
flex-basis: 100%;
padding: 0 !important;
}
.pandoro-section.fifth .pandoro-inner .row .col.col-img {
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.pandoro-section.fifth .pandoro-inner .row .col.col-img span {
width: 100% !important;
flex-basis: 100%;
}
.pandoro-section.fourth {
padding-bottom: 15px;
}
.pandoro-section.fifth .pandoro-inner .row .col.col-txt .cit {
font-size: 22px;
line-height: 31px;
}
.pandoro-section.sixth .pandoro-inner .row .col {
width: 100% !important;
flex-basis: 100% !important;
}
.pandoro-section.sixth .pandoro-inner .row .col.col-txt p {
margin-top: 33px;
}
.pandoro-section.sixth .col:first-child {
margin-right: 0 !important;
}
.pandoro-section.sixth .pandoro-inner .row .col.col-img {
margin-top: 25px;
}
.blog .blog-loop .article {
flex-basis: 100%;
width: 100%;
padding: 0 !important;
margin-bottom: 50px;
}
.blog .blog-loop .article .article-thumb {
width: 100%;
height: 55.9vw;
margin-bottom: 23px;
}
.blog .blog-loop .article .article-info a h2 {
margin-bottom: 10px;
}
.single .single-article .article-content h1 {
font-size: 24px;
line-height: 35px;
margin-bottom: 24px;
}
.single .single-article .article-content .testo p {
margin: 10px 0;
}
.single .single-article .article-content .image img {
width: 100%;
height: 55vw;
}
.single .single-article {
padding-top: 30px;
}
.top-page.top-archive .top-page-inner .section-title p {
font-size: 16px;
line-height: 20px;
}
.top-page.top-archive .top-page-inner {
height: auto;
}
.product-loop .product {
flex-flow: row wrap;
}
.product-loop .product .product-img, .product-loop .product .product-info {
width: 100%;
flex-basis: 100%;
}
.product-loop .product .product-info p {
padding-right: 0;
}
.product-loop .product .product-info p {
margin-top: 20px;
}
.product-loop .product .product-info span.product-cat {
font-size: 20px;
margin-top: 2px;
}
.product-loop .product .product-info .ingredients .ingredient img {
width: 100%;
}
.product-loop .product .product-info h2 {
padding-right: 0;
}
.product-loop .product.new:before {
left: 0;
top: -10px;
}
.product-loop .product .product-info .ingredients .ingredient span {
font-size: 13px;
}
.related-products .related-product-loop .product {
flex-basis: 100%;
margin-right: 0 !important;
margin-bottom: 20px;
}
.related-products .related-product-loop .product .total-product-img .product-img.left {
width: 200px;
height: 200px;
left: 23%;
}
.related-products .related-product-loop .product .total-product-img .product-img.right {
width: 240px;
height: 240px;
right: 22%;
}
.related-products .related-product-loop .product .product-name h2 {
min-height: auto;
}
.related-products .related-product-loop .product .total-product-img {
height: 60vw;
}
.related-products h3 {
margin-bottom: 35px;
}
.top-page.top-single .top-page-inner .section-title {
width: 100%;
}
.top-page.top-single .top-page-inner .section-title {
margin-top: 0;
padding-left: 5vw;
}
.top-page.top-single {
height: 35vw;
position: relative;
}
.top-page.top-single .top-page-inner {
display: flex;
flex-flow: row;
align-items: center;
height: 100%;
}
.product-page .section-img {
flex-basis: 100%;
display: flex;
order: 2;
margin-top: 4vw;
}
.product-page .product-info {
flex-basis: 100%;
padding: 0 0px;
}
.product-loop {
margin-top: 40px;
}
.materie-first .p-sx, .materie-first .cit {
flex-basis: 100%;
width: 100%;
padding: 0 !important;
margin: 0;
}
.materie-first .p-sx {
margin-bottom: 35px;
}
.materie-first .cit {
justify-content: center;
}
.materie-first .cit h2 {
padding: 0;
width: auto;
}
.materie-second .p-dx, .materie-second .img-sx, .materie-third .p-sx, .materie-third .img-dx, .materie-sixth .col-sx, .materie-sixth .img-dx {
flex-basis: 100% !important;
width: 100% !important;
}
.materie-second .p-dx {
padding-left: 0;
margin-top: 45px;
}
.materie-third .p-sx {
padding: 0 !important;
margin-top: 30px;
order: 2;
}
.materie-third .p-sx p {
padding: 0;
}
.materie-third .img-dx {
order: 1;
}
.materie-sixth .col-sx {
margin-bottom: 34px;
padding-right: 0;
}
.materie-sixth .col-sx p {
padding: 0 !important;
margin-bottom: 25px;
}
.materie-fourth {
margin-top: 40px;
}
.materie-first {
padding-top: 25px;
margin-bottom: 45px;
}
.top-page.materie .top-page-inner .section-title {
padding: 0;
}
.top-page.materie .top-page-inner {
height: 45vw;
}
.materie-first .cit h2 {
font-size: 25px;
line-height: 34px;
}
.page-template-template-materie section.content-boxed {
max-width: 100% !important;
}
.icona-lievito {
width: 75px;
height: 75px;
right: 15px;
bottom: 15px;
top: auto;
}
.page-template-template-lavora-con-noi .top-page.job .content-boxed .top-page-inner {
height: auto;
}
.page-template-template-lavora-con-noi .top-page.job .content-boxed .top-page-inner .section-title {
display: flex;
flex-direction: column;
}
.page-template-template-lavora-con-noi .top-page.job .content-boxed .top-page-inner .section-title .section-title-right {
display: flex;
flex: 1;
flex-direction: column;
text-align: left;
}
.page-template-template-lavora-con-noi .top-page.job .content-boxed .top-page-inner .section-title .section-title-right {
width: 100%;
}
.page-template-template-lavora-con-noi .top-page.job .content-boxed .top-page-inner .section-title {
padding: 26px 0;
}
.page-template-template-lavora-con-noi .job-section-second .positions {
margin-top: 32px;
}
.page-template-template-lavora-con-noi .job-section-second .positions .position {
margin-bottom: 27px;
}
.social-share a {
font-size: 15px;
margin-top: 15px;
margin-bottom: 3px;
}
.single-posizione_aperta .top-page.posizione_aperta .content-boxed .top-page-inner .section-title .section-title-right {
flex-direction: column;
justify-content: center;
text-align: left;
}
.racconta-storie-section-second .storie-item {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding-right: 0;
width: 100%;
flex-basis: 100%;
margin-bottom: 50px;
}
.top-page.top-archive .top-page-inner .section-img, .top-page.top-single .top-page-inner .section-img, .top-page.materie .top-page-inner .section-img {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
}
.top-page.story .content-boxed .top-page-inner .section-title, .top-page.racconta .content-boxed .top-page-inner .section-title {
flex-basis: 100%;
padding: 10vw 0;
}
.page-template-template-racconta-storie .top-image-mobile {
display: none !important;
}
}
@media screen and (max-width: 600px) {
.page-template-template-sostenibilita #biodiversita .content-boxed .inner .title h2, .page-template-template-sostenibilita #packaging .content-boxed .inner .step.top-left h2, .page-template-template-sostenibilita #ingredienti .content-boxed .first .top_left h2 {
max-width: 100%;
font-size: 31px;
line-height: 43px;
}
p, .p-style, .section.home-third-section .section-inner .section-text p {
font-size: 18px;
line-height: 22px;
}
.single-posizione_aperta .top-page.posizione_aperta .content-boxed .top-page-inner {
height: 73vw;
}
.top-page.top-single.posizione_aperta {
height: 100% !important;
}
.single-posizione_aperta .top-page.posizione_aperta::before {
height: 73vw !important;
}
.single-posizione_aperta .social-share, .page-template-template-lavora-con-noi .social-share {
margin-left: 12px;
}
.single-posizione_aperta .posizione_aperta-page .posizione_aperta_right .intro-modulo-container span {
font-size: 26px;
text-align: center;
}
.single-posizione_aperta .posizione_aperta-page .posizione_aperta_right .gform_wrapper {
padding: 20px 16px;
}
.single-posizione_aperta .posizione_aperta-page .posizione_aperta_right .gform_wrapper .gfield input, .single-posizione_aperta .posizione_aperta-page .posizione_aperta_right .gform_wrapper .gfield textarea {
padding: 4px;
}
.back-to-positions {
top: 20px;
}
.back-to-positions a {
font-size: 16px;
}
.top-page.top-single .top-page-inner .section-title span {
font-size: 16px;
}
.single-posizione_aperta .top-page.posizione_aperta .content-boxed .top-page-inner .section-title .posizione_aperta_sede img {
margin-right: 10px;
width: auto;
height: 18px;
}
.job-share {
display: flex;
align-items: center;
justify-content: flex-start;
padding-bottom: 10px;
padding-top: 8px;
}
.social-share a {
font-size: 15px;
margin-top: 0;
margin-bottom: 0;
}
#home-slider {
height: 115vw;
}
#home-slider .home-slide {
height: 115vw;
}
.identity-main-section {
height: 76vw;
}
.story-break {
padding: 40px 0;
}
.section.home-third-section {
margin-top: 43vw;
}
.section.home-third-section .section-inner .section-img {
margin-top: -33vw;
}
.presente-section-first.content-boxed {
padding-top: 0px;
max-width: 100%;
}
.section.home-third-section .section-inner .section-img img {
width: auto;
margin-top: 0;
height: 145px;
object-fit: contain;
}
.section.home-third-section .section-inner .section-text {
padding-bottom: 10vw;
}
.section.home-third-section .section-inner .section-text p {
width: 92%;
margin: 0 auto;
}
.product-loop .product .product-info .ingredients .ingredient .ing-image {
width: 70%;
}
.home-slide-bg.pandoro, .home-slide-bg.panettone {
background-position: center 17.5vw !important;
}
.product-page .section-img img {
max-height: 260px;
}
#melegatti-is {
font-size: 22px;
line-height: 40px;
}
#home-slider .home-slide .home-slide-bg {
background-size: 78.5vw;
background-position: center 12vw;
}
#home-slider .home-slide .home-title {
font-size: 45px;
line-height: 60px;
letter-spacing: 5px;
top: 40%;
text-shadow: 2px 2px rgba(0, 0, 0, 0.14);
}
#home-slider .home-slide .home-text {
font-size: 14px;
line-height: 18px;
width: 100%;
letter-spacing: 1px;
max-width: 100%;
bottom: 6.7%;
padding: 0 6vw;
}
#home-slider .home-slide .home-text p {
margin: 0;
}
#home-slider .slick-arrow {
z-index: 99;
width: 30px !important;
height: 16px !important;
}
#home-slider .slick-arrow.slick-next {
right: 12px;
bottom: 24px;
}
#home-slider .slick-prev {
left: 12px;
bottom: 24px;
}
.single .single-article .share-article.mobile .share {
margin-left: 0;
}
#home-slider .home-slide .home-text .mele-button {
margin-top: 24px;
}
.top-page.top-single.premiatacasa {
height: 70vw;
}
.top-page.top-single.premiatacasa::before {
height: 70vw !important;
}
.top-page.top-single.premiatacasa .top-page-inner::after {
top: auto;
bottom: 15px;
height: 27px;
}
.top-page.top-single.premiatacasa .top-page-inner::before {
top: 15px;
height: 27px;
}
.date-section {
margin-top: 40px;
}
.section-1894 .date_img {
margin-top: 30px;
}
.section-1894 .date_img .img-right .cit {
width: 75%;
margin-bottom: 10px;
}
.section-1904 .cit span {
font-size: 18px;
line-height: 22px;
}
.section-1904 .date_inner .loghi_variations .loghi-3 {
display: flex;
width: 100%;
flex-flow: unset;
flex-direction: column;
padding-top: 10px;
}
.section-1904 .date_inner .loghi_variations .loghi-3 .logo-old img {
width: 60%;
margin: 0 auto;
height: auto;
object-fit: cover;
}
.section-1904 .date_inner .loghi_variations .loghi-3 .logo-old {
text-align: center;
}
.story-break .content-boxed {
height: 75vw;
}
.date-section:last-child {
margin-bottom: 40px;
}
.section-1920 .date_img .img-inner {
padding-top: 2rem;
}
.section-1951 .date_right .img-top {
margin-top: 2rem;
}
.section-1955 .date_info .date_paragraph {
padding-right: 0;
}
.section-1951 .date_right .img-top img {
width: 75%;
height: auto;
}
.section-1951 .date_right .img-top {
justify-content: center;
}
#id-melegatti-is, #valori {
font-size: 24px;
line-height: 34px;
}
#id-melegatti-is {
left: 46%;
}
#valori {
right: 54%;
}
#valori span {
padding-left: 0.4rem;
}
.identity-second-section {
padding-top: 25px;
}
.identity-second-section .pagedesc p {
font-size: 16px;
line-height: 20px;
}
.identity-main-section {
height: 53vw;
}
.identity-section.content-boxed {
max-width: 100% !important;
}
.top-page.quality .content-boxed .top-page-inner {
height: 41vw;
}
.quality-section-first {
max-width: 100% !important;
margin-top: 30px;
}
.quality-section-second {
align-items: center;
padding-top: 24px;
max-width: 100% !important;
justify-content: flex-start;
flex-flow: unset;
flex-direction: column;
}
.quality-section-second .img1, .quality-section-second .img2 {
width: 100%;
flex-basis: 100%;
}
.quality-section-second .img2 {
margin-top: 25px;
padding-left: 0;
}
.quality-section-third {
max-width: 100% !important;
padding: 25px 0;
}
.quality-section-fourth {
max-width: 100% !important;
}
.product-identity .product-identity-inner .section-img img.uno {
width: 95vw;
height: auto;
display: block;
object-fit: cover;
margin-bottom: -33vw;
padding-top: 1vw;
margin-left: -10vw;
margin-right: 0;
margin-top: 5vw;
}
.thanks-content h1 {
color: #004C93;
margin: 0;
padding-bottom: 30px;
text-align: center;
font-size: 34px;
line-height: 41px;
}
.top-page.top-single .top-page-inner .section-title h1 {
font-size: 26px;
line-height: 30px;
margin-bottom: 5px;
}
span.peso {
font-size: 17px;
line-height: 20px;
}
.top-page.top-single::before {
height: 55vw !important;
}
.top-page.top-single {
height: 55vw;
}
.top-page.top-single .top-page-inner .section-title {
height: 55vw;
}
.product-identity {
margin-bottom: 2rem;
}
.product-identity.uno {
margin-bottom: 7rem;
}
.product-identity .product-identity-inner .identity-info .identity-desc p {
font-size: 16px;
line-height: 19px;
}
.product-identity .product-identity-inner .section-img img {
width: 102vw;
height: auto;
display: block;
object-fit: cover;
margin-bottom: -15vw;
padding-top: 0;
margin-left: -12vw;
margin-right: 0;
margin-top: -9vw;
}
.product-identity .product-identity-inner .identity-info {
padding-top: 10vw;
}
.related-products {
margin-bottom: 25px;
margin-top: 32vw;
}
.top-page.top-single .top-page-inner .section-title h2 {
margin: 0;
margin-bottom: 20px;
font-size: 22px;
line-height: 23px;
}
.top-single + .top-image-mobile {
margin-top: 26vw !important;
}
.top-page.top-single .share-box {
padding-left: 0;
position: absolute;
bottom: -17vw;
display: flex;
width: 100%;
left: 50%;
transform: translateX(-50%);
justify-content: center;
align-items: flex-start;
}
.top-page.top-single .share-box .share-article {
display: flex;
align-items: flex-start;
position: relative;
height: 40px;
min-width: 100px;
align-items: center;
}
.top-page.top-single .share-box .share-article .share {
position: absolute;
top: 10px;
align-self: flex-start;
font-size: 19px;
color: #004c93;
z-index: 9999;
margin-left: 15px;
cursor: pointer;
}
.product-page .product-info .product-cacao-trace {
width: 100%;
margin-bottom: 20px;
}
.racconta-storie-section-first.content-boxed {
padding-top: 30px;
max-width: 100%;
}
.top-page.racconta .content-boxed .top-page-inner {
height: 41vw;
}
.home-banner {
margin-bottom: 25px;
}
.top-page.magica-ricetta .content-boxed .top-page-inner {
height: 90vw;
}
.page-template-template-ricetta-perduta .section-share {
position: absolute;
right: 20px;
display: flex;
flex-direction: column;
align-items: flex-end;
bottom: 10px;
}
.racconta-storie-section-second, .magica-ricetta-section-first, .magica-ricetta-section-second, .cal-avvento-22-content {
max-width: 100%;
}
.cal-avvento-22-content .cal-avvento-22-top .cal-avvento-22-bottom .social-links {
text-align: center;
}
.cal-avvento-22-content .cal-avvento-22-top .cal-avvento-22-bottom .social-links .social-label {
width: 100%;
display: inline-block;
margin-bottom: 15px;
}
.cal-avvento-22-content .cal-avvento-22-top .cal-avvento-22-meta {
flex-direction: column-reverse;
}
.cal-avvento-22-content .cal-avvento-22-top .cal-avvento-22-meta .ep-share {
margin-bottom: 15px;
}
.cal-avvento-22-content .cal-avvento-22-top .cal-avvento-22-titolo {
line-height: 40px;
}
}
@media screen and (max-width: 480px) {
.top-page.story .content-boxed .top-page-inner .section-title {
flex-basis: 100%;
padding: 12vw 0;
}
.top-image-mobile {
margin: 1.4rem 0;
}
.identity-section .section-slider .slider .single-photo img {
height: 56vw;
}
.related-products .related-product-loop .product .total-product-img .product-img.left {
width: 190px;
height: 190px;
left: 0%;
}
.related-products .related-product-loop .product .total-product-img .product-img.right {
width: 230px;
height: 230px;
right: 0%;
}
.related-products .related-product-loop .product {
flex-basis: 100%;
margin-right: 0 !important;
margin-bottom: 25px;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .third .croissant .row .box span {
margin-top: 79px;
position: relative;
}
.page-template-template-sostenibilita #ingredienti .content-boxed .third .croissant .row .box span::before {
content: "";
position: absolute;
background-image: url(//www.melegatti.it/wp-content/themes/melegatti-child/assets/pointer.svg);
width: 43.8px;
height: 43.8px;
background-repeat: no-repeat;
background-size: contain;
top: -58px;
left: 50%;
transform: translateX(-50%);
}
.top-page.racconta .content-boxed .top-page-inner .section-title {
flex-basis: 100%;
padding: 12vw 0;
}
}
footer#colophon {
padding-top: 40px;
position: relative;
z-index: 9;
}
footer#colophon .footer-logo {
display: flex;
align-items: center;
justify-content: center;
position: relative;
background: #FEF8EC;
}
footer#colophon .footer-logo::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
height: 1px;
width: 100%;
background-color: #A2843E;
z-index: 0;
}
footer#colophon .footer-logo .footer-img {
background: #FEF8EC;
padding: 0 30px;
position: relative;
z-index: 9;
}
footer#colophon .content-inner {
background: #FEF8EC;
}
footer#colophon .content-inner .footer-inner {
padding: 45px 0 45px 0;
}
footer#colophon .content-inner .footer-inner .footer-col nav ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
footer#colophon .content-inner .footer-inner .footer-col nav ul li a {
display: block;
font-size: 18px;
font-style: normal;
font-weight: 400;
text-decoration: none;
color: #A2843E;
text-transform: uppercase;
white-space: nowrap;
}
footer#colophon .content-inner .footer-inner .footer-col nav ul li a:hover {
color: #A2843E;
text-shadow: -0.1px -0.1px 0.01px #A2843E, -0.1px 0.8px 0.01px #A2843E, 0.1px 0.5px 0.01px #A2843E, 0.5px 0.5px 0.01px #A2843E;
opacity: 0.95;
}
footer#colophon .content-inner .footer-inner .footer-col nav ul li:not(:first-child) {
margin-top: 10px;
}
footer#colophon .content-inner .footer-inner .footer-col .textwidget .footer-middle {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
footer#colophon .content-inner .footer-inner .footer-col .textwidget .footer-middle span {
font-size: 22px;
font-style: normal;
font-weight: 200;
color: #004C93;
margin-bottom: 7px;
white-space: nowrap;
}
footer#colophon .content-inner .footer-inner .footer-col .textwidget .footer-middle span:first-child {
font-style: normal;
font-weight: 700;
}
footer#colophon .content-inner .footer-inner .footer-col .textwidget .footer-middle .footer-privacy {
margin-top: 35px;
display: flex;
flex-flow: row wrap;
justify-content: center;
}
footer#colophon .content-inner .footer-inner .footer-col .textwidget .footer-middle .footer-privacy .ws {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column;
}
footer#colophon .content-inner .footer-inner .footer-col .textwidget .footer-middle .footer-privacy .ws a {
display: block;
text-align: center;
margin-top: 11px;
margin-right: 0 !important;
}
footer#colophon .content-inner .footer-inner .footer-col .textwidget .footer-middle .footer-privacy a {
font-size: 22px;
display: block;
text-align: center;
font-style: normal;
font-weight: 200;
color: #004C93;
text-decoration: none;
}
footer#colophon .content-inner .footer-inner .footer-col .textwidget .footer-middle .footer-privacy a:hover {
color: #004C93;
text-shadow: -0.1px -0.1px 0.01px #004C93, -0.1px 0.8px 0.01px #004C93, 0.1px 0.5px 0.01px #004C93, 0.5px 0.5px 0.01px #004C93;
opacity: 0.95;
}
footer#colophon .content-inner .footer-inner .footer-col .textwidget .footer-middle .footer-privacy a:first-child {
margin-right: 30px;
}
footer#colophon .content-inner .footer-inner .footer-col .textwidget .footer-middle .footer-social-side {
margin-top: 45px;
}
footer#colophon .content-inner .footer-inner .footer-col .textwidget .footer-middle .footer-social-side a {
color: #004C93;
font-size: 20px;
}
footer#colophon .content-inner .footer-inner .footer-col .textwidget .footer-middle .footer-social-side a:not(:last-child) {
margin-right: 17px;
}
footer#colophon .content-inner .footer-inner .footer-col .textwidget .footer-middle .footer-social-side a:hover {
color: #A2843E;
}
@media screen and (max-width: 1480px) {
footer#colophon .footer-logo .footer-img {
width: 8rem;
}
footer#colophon .footer-logo .footer-img img {
width: 100%;
height: auto;
object-fit: contain;
display: block;
}
footer#colophon .content-inner .footer-inner .footer-col nav ul li a {
font-size: 16px;
line-height: 20px;
}
footer#colophon .content-inner .footer-inner .footer-col .textwidget .footer-middle span {
font-size: 18px;
line-height: 22px;
}
footer#colophon .content-inner .footer-inner .footer-col .textwidget .footer-middle .footer-social-side a {
font-size: 18px;
}
footer#colophon .content-inner .footer-inner .footer-col .textwidget .footer-middle .footer-privacy a {
font-size: 18px;
line-height: 22px;
}
}
@media screen and (max-width: 1280px) {
footer#colophon .footer-logo .footer-img {
width: 7rem;
}
footer#colophon .footer-logo .footer-img img {
width: 100%;
height: auto;
object-fit: contain;
display: block;
}
footer#colophon .content-inner .footer-inner .footer-col {
flex: 1.5;
}
footer#colophon .content-inner .footer-inner .footer-col:first-child, footer#colophon .content-inner .footer-inner .footer-col:last-child {
flex: 1;
}
}
@media screen and (max-width: 1023px) {
footer#colophon .footer-logo .footer-img {
width: 6rem;
padding: 0 25px;
}
footer#colophon .footer-logo .footer-img img {
width: 100%;
height: auto;
object-fit: contain;
display: block;
}
footer#colophon .content-inner .footer-inner .footer-col {
flex: 1.7;
}
footer#colophon .content-inner .footer-inner .footer-col nav ul li a {
font-size: 14px;
line-height: 18px;
}
footer#colophon .content-inner .footer-inner .footer-col .textwidget .footer-middle span {
font-size: 16px;
line-height: 20px;
}
footer#colophon .content-inner .footer-inner .footer-col .textwidget .footer-middle .footer-social-side a {
font-size: 16px;
}
footer#colophon .content-inner .footer-inner .footer-col .textwidget .footer-middle .footer-privacy a {
font-size: 16px;
line-height: 20px;
}
}
@media screen and (max-width: 767px) {
footer#colophon .content-inner .footer-inner .footer-col .textwidget .footer-middle .footer-privacy {
margin-top: 10px;
}
footer#colophon .content-inner .footer-inner .footer-col .textwidget .footer-middle .footer-social-side {
margin-top: 22px;
}
footer#colophon .footer-logo .footer-img {
width: 5.19rem;
padding: 0 20px;
}
footer#colophon .footer-logo .footer-img img {
width: 100%;
height: auto;
object-fit: contain;
display: block;
}
footer#colophon .content-inner .footer-inner .footer-col {
flex: 100% !important;
}
footer#colophon .content-inner .footer-inner .footer-col:not(:last-child) {
margin-bottom: 35px;
}
}