/*
 Theme Name:     WordHelp.it Design
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Amar Design
 Author:         Amar Amoretti
 Author URI:     https://wordhelp.it
 Template:       Divi
 Version:        1.2.4 Divi x5
*/

/* =Theme customization starts here
------------------------------------------------------- */

/* === MENU HOME ICON === */
.menu-home-icon a::before {
    content: "\e009";
    font-family: 'ETmodules';
    color: #183a3a;
    font-weight: 400;
    font-size: 18px }

/* === CONTACT FORM CUSTOMIZATION === */
.et_pb_contact_right p input {
    max-width: 70px }

.et_pb_contact_error_message ul li {
    color: #ff7000;
    list-style-type: none }

.et_pb_contact p .et_contact_error {
    border: 1px dashed #ff7000 !important }

.et_pb_contact .et_pb_contact_form p.et_contact_error input[type=checkbox]+label,
.et_pb_contact_form_0.et_pb_contact_form_container .input[type=checkbox]+label {
    color: #fff !important }

.form-faq input.et_pb_contact_captcha { border-color: #1f525c !important;}
.form-faq .et_pb_contact_field_11.et_pb_contact_field .input[type=checkbox]+label { font-weight: 700 !important; }

/* === HEADER ICON === */
.header .et-pb-icon {
    font-size: 18px;
    vertical-align: middle;
    color: #183a3a }

/* === CUSTOM SVG LOGO === */
.et_pb_svg_logo #logo, 
#logo {
    height: 72%;
    max-height: 72% }

/* === TOP MENU (DESKTOP) === */
#top-menu li a {
    font-size: 16px;
    color: #1f525c;
    font-weight: 400;
    border-bottom: 1px solid transparent;
    transition: color 0.3s ease, border-color 0.3s ease }

/* Hover effetto */
#top-menu li a:hover {
    color: #3b7a88;
    border-bottom: 1px solid #1f525c }

/* Voci attive (pagina corrente o genitore attivo) — senza grassetto */
#top-menu li.current-menu-item > a,
#top-menu li.current_page_item > a,
#top-menu li.current-menu-ancestor > a {
    color: #1f525c;
    font-weight: 400 }  /* forza 400 anche se tema carica bold */

/* Divisori tra le voci del menu */
#top-menu > li:not(:last-child)::after {
    color: #1f525c;
    margin: 0 10px;
    font-weight: normal }

/* Altezza delle voci attive (utile se serviva aggiustare l'allineamento) */
#top-menu li.current-menu-item > a {
    line-height: 1.42rem
    /* line-height: 1.24rem */ }

#top-menu li li a {
    line-height: 1.42rem }

/* === MENU HOVER (DESKTOP & MOBILE) === */
.et_mobile_menu li a:hover,
.nav ul li a:hover {
    background-color: #e3eff1;
    color: #1f525c !important;
    opacity: 1;
    font-weight: 400 }

/* === SUBMENU BORDER COLOR === */
.nav li ul {
    border-top: 1px solid #1f525c }

/* === ESEMPI DI STILI COMMENTATI === */
/*
.dd-desktop-menu ul li { line-height: 1.42em }
.aa-pages { padding-top: 160px;
}
*/