/*
Theme Name: HIDI
Theme URI: https://diviextended.com/
Version: 1.0
Description: Child Theme of Divi
Author: Hidigital
Template: Divi
*/

.mobile_menu_bar:before {
color: #f6d55c !important;
}
@media (max-width: 980px) {

    /* Da 4 a 2 colonne */
    .row-4-to-2 {
        display: flex;
        flex-wrap: wrap;
    }

    .row-4-to-2 .et_pb_column {
        width: 45% !important;
        margin: 2% !important;
    }

    /* SPAZIO TRA LE DUE RIGHE */
    .row-4-to-2 .et_pb_column:nth-child(1),
    .row-4-to-2 .et_pb_column:nth-child(2) {
        margin-bottom: 2rem !important; /* regolabile */
    }
}
/* Mantieni 2 colonne affiancate anche su mobile */
@media (max-width: 980px) {
    .two-cols-mobile {
        display: flex;
        flex-wrap: nowrap;
    }

    .two-cols-mobile .et_pb_column {
        width: 50% !important;
        margin: 0 !important;
    }
}

@media (max-width: 980px) {
    h1 {
        font-size: 36px!important;
    }
}

/* Sillabazione automatica testi in italiano 
h1 {
    hyphens: auto;
    -webkit-hyphens: auto; 
    -ms-hyphens: auto;      
    word-break: normal;
    overflow-wrap: normal;
} */
/* --- BOTTONI MENU MOBILE --- */
@media (max-width: 980px) {

    /* togli la riga di separazione sotto questi due item */
    .et_mobile_menu li.btn-primario,
    .et_mobile_menu li.btn-secondario {
        border-bottom: none;
    }

    /* base comune */
    .et_mobile_menu li.btn-primario > a,
    .et_mobile_menu li.btn-secondario > a {
        font-family: 'Mulish', Helvetica, Arial, Lucida, sans-serif;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        display: block;
        text-align: center;

        padding: 12px 20px;
        border-radius: 4px;
        border-width: 3px;
        border-style: solid;
        margin: 8px 16px;   /* stacca i bottoni dai bordi del menu */
    }

    /* primario */
    .et_mobile_menu li.btn-primario > a {
        color: #1D4751;
        background-color: #F6D55C;
        border-color: #F6D55C;
    }

    .et_mobile_menu li.btn-primario > a:hover {
        color: #F6D55C;
        background-color: #5D9FB0;
        border-color: #5D9FB0;
    }

    /* secondario */
    .et_mobile_menu li.btn-secondario > a {
        color: #F6D55C;
        background-color: transparent;
        border-color: #F6D55C;
    }

    .et_mobile_menu li.btn-secondario > a:hover {
        color: #F6D55C;
        background-color: #5D9FB0;
        border-color: #5D9FB0;
    }
}

/* --- BOTTONI + VOCI MENU DESKTOP --- */
@media (min-width: 981px) {

    /* Altezza uniforme per tutte le voci del menu */
    #top-menu > li > a {
        padding: 0 18px;
        height: 48px;
        line-height: 48px;
        display: inline-block;
    }

    /* Spazio prima dei pulsanti */
    #top-menu li.btn-primario,
    #top-menu li.btn-secondario {
        margin-left: 24px;
    }

    /* Base comune ai due bottoni */
    #top-menu li.btn-primario > a,
    #top-menu li.btn-secondario > a {
        font-family: 'Mulish', Helvetica, Arial, Lucida, sans-serif;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;

        padding: 0 28px;        /* niente padding verticale, gestito da height/line-height */
        border-radius: 4px;
        border-width: 3px;
        border-style: solid;
        transition: all 0.3s ease;
    }

    /* --- PRIMARIO --- */
    #top-menu li.btn-primario > a {
        color: #1D4751 !important;
        background-color: #F6D55C !important;
        border-color: #F6D55C !important;
    }

    #top-menu li.btn-primario > a:hover {
        color: #F6D55C !important;
        background-color: #5D9FB0 !important;
        border-color: #5D9FB0 !important;
    }

    /* --- SECONDARIO --- */
    #top-menu li.btn-secondario > a {
        color: #F6D55C !important;
        background-color: transparent !important;
        border-color: #F6D55C !important;
    }

    #top-menu li.btn-secondario > a:hover {
        color: #F6D55C !important;
        background-color: #5D9FB0 !important;
        border-color: #5D9FB0 !important;
    }
}
    
/* Fix the padding in the primary menu to accomodate the button */
.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
    padding-top: 0px;
    padding-bottom: 0px;
}
 
/* Make sure that the alignment in the menu is correct */
.et_pb_menu .et_pb_menu__menu>nav>ul>li {
    align-items: center;
}

/* Rende più piccola solo la parola Ortopantomografia nel menù */
.opt-menu a {
  font-size: 16px; /* dimensione base */
}

.opt-menu a::after {
  content: " Ortopantomografia";
  font-size: 15px; /* dimensione ridotta */
}

.opt-menu a {
  content: "OPT –"; /* mostra solo OPT – */
}