/*
Theme Name: Elais-Milano-Child-Theme
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*** Font ***/
@font-face {
    font-family: "Creato Display";
    src: url("./fonts/Creato Display/CreatoDisplay-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Creato Display";
    src: url("./fonts/Creato Display/CreatoDisplay-Black.otf") format("opentype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-base: "Creato Display", sans-serif;
    --font-weight-base: 900;
    --text-color: #000;
}

body {
    font-family: var(--font-base);
    font-weight: var(--font-weight-base);
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0;
    color: var(--text-color);
}

button,
input,
select,
textarea {
    font: inherit;
}

/* Paragrafi editoriali: valori desktop verificati */
.testo-editoriale {
    font-size: 32px;
    font-weight: 900;
    line-height: 1.14;
    letter-spacing: 0;
    text-align: center;
}

.testo-editoriale--sinistra {
    text-align: left;
}

/* Menu: valori verificati sulla voce Home */
.menu-link {
    font-size: 20px;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: -0.02em;
}

/* Adattamento mobile proposto */
@media (max-width: 767px) {
    .testo-editoriale {
        font-size: 22px;
        line-height: 1.25;
    }

    .menu-link {
        font-size: 18px;
    }
}

/*** End Font ***/



/*** Banner con nomi ***/
[class^="custom-pointer-"] a,
[class*=" custom-pointer-"] a{
background-color: transparent !important;
border-radius: 0px !important;
width: 17rem !important;
height: 5rem !important;
}

[class^="custom-pointer-"] i,
[class*=" custom-pointer-"] i{
  display: none !important;
}


.custom-pointer-elena a{
    background-image: url(/wp-content/uploads/2026/10/elena-pointer.webp) !important;
    background-size: 70%;
    background-repeat: no-repeat;
     background-position: 50% 50%;
}

.custom-pointer-mihaela a{
    background-image: url(/wp-content/uploads/2026/10/mihaela-pointer.webp) !important;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    
}

@media (max-width: 1000px) {
    [class^="custom-pointer-"] a,
[class*=" custom-pointer-"] a{
width: 13rem !important;
}
}
@media (max-width: 899px) {
    [class^="custom-pointer-"] a,
[class*=" custom-pointer-"] a{
width: 10rem !important;
}
}
@media (max-width: 600px) {
    [class^="custom-pointer-"] a,
[class*=" custom-pointer-"] a{
width: 8rem !important;
}
}

@media (min-width: 1400px) {
.custom-pointer-mihaela a{
    width: 30rem !important;
background-size: 45%;
 background-position: 100% 50%;
}
}

@media (min-width: 1400px) {
.custom-pointer-elena a{
    width: 30rem !important;
background-size: 30%;
 background-position: 0% 50%;
}
}
/*** End Banner con nomi ***/


.custom-row-dual-images .custom-image-full,.custom-row-dual-images .custom-image-full .img-inner, .custom-row-dual-images .custom-image-full img {
    height: 100% !important;
    object-fit: cover;
}


.custom-products-cat-row .col:hover{
    scale: 1.01;
    z-index: 2;
}

.custom-products-cat-row .col{
    transition: all .2s ease-in-out;
}


.custom-col-title-icon{
    z-index: 2;
    pointer-events: none;
}

.logo-footer{
    rotate: -2deg;
}

#footer:has(.logo-footer){
    overflow: hidden;
}

.nav-right .menu-item a{
    font-size: 1.2rem;
}

.nav-right.nav-spacing-xlarge{
    gap: 1.6rem !important;
}

header .icon-menu{
    color: white;
}

.nav-sidebar.nav-vertical .menu-item a{
    font-size: 1.7rem;
    text-transform: capitalize !important;
}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/


}