@media (max-width: 576px) {
.row:not(.no-gutters) {
margin-right: -8px;
margin-left: -8px;
}
.row:not(.no-gutters) > .col,
.row:not(.no-gutters) > [class*=col-] {
padding-right: 8px;
padding-left: 8px;
}
} .target-submenu-img {
background-color: var(--colorMedium);
transition: background 0.3s;
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
mask-size: contain;
}
.target-submenu-text {
color: var(--colorMedium);
text-align: center;
font-size: var(--fontSize3);
transition: color 0.3s;
}
@media (min-width: 1440px) {
.target-submenu-text {
text-align: left;
}
}
.target-submenu:hover .target-submenu-img,
.target-submenu-attivo .target-submenu-img {
background-color: var(--colorAccent1);
}
.target-submenu:hover .target-submenu-text,
.target-submenu-attivo .target-submenu-text {
color: var(--colorAccent1);
} .target-selection-img {
max-width: 220px;
margin: 0 auto;
}
.target-selection-img .img-fit {
background-color: var(--colorAccent3);
}
.target-selection-img .img-fit img {
transform: scale(0.84);
transition: transform 0.8s;
border-radius: 100%;
}
@media (min-width: 992px) {
.target-selection-img {
max-width: none;
margin: 0;
}
}
.target-selection a:hover img {
transform: scale(1);
}
.target-selection a:hover h3 {
color: var(--colorAccent1);
} .target-ricetta-img-sfondo {
max-width: 220px;
margin: 0 auto;
}
@media (min-width: 992px) {
.target-ricetta-img-sfondo {
position: absolute;
right: 0;
top: 0;
z-index: -1;
max-width: 320px;
}
}
.target-ricetta-img {
max-width: 220px;
margin: 0 auto;
}
@media (min-width: 992px) {
.target-ricetta-img {
max-width: 658px;
margin: 0;
}
} .target-sezione-links .button {
min-width: 260px;
}
@media (min-width: 992px) {
.target-sezione-links .button {
min-width: 340px;
}
}
@media (min-width: 1200px) {
.target-sezione-links .button {
min-width: 100%;
}
}