/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

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

/* ============================================ open: VARIABLES ============================================ */
:root {
    --white: #ffffff;

    /* color primary */
    --primary-900-p: #0c0c0c;
    --primary-900-p-rgb: 12, 12, 12;
    --primary-700: #4d4d4d;
    --primary-300: #d4d3d2;
    --primary-100: #eeedec;
    --primary-50: #faf9f8;
    --primary-50-rgba: 250, 249, 248;
    /* fin color primary */

    /* color genuino */
    --genuino-500-p: #98393e;
    /* fin color genuino */

    /* color especial */
    --especial-500-p: #c6801f;
    /* fin color especial */

    /* color gourmet */
    --gourmet-400-p: #cfcbbb;
    /* fin color gourmet */

    /* color info */
    --info-800: #004584;
    --info-500: #38A0FF;
    --info-100: #EBF5FF;
    /* fin color info */

    /* color success */
    --success-800: #013204;
    --success-500: #037E0B;
    --success-100: #cde5ce;
    /* fin color success */

    /* color alert */
    --warning-800: #C44713;
    --warning-500: #FF753B;
    --warning-100: #FFC8B1;
    /* fin color error */

    /* color error */
    --error-800-e: #9F0018;
    --error-500-e: #e31332;
    --error-100-e: #FFE7EB;
    /* fin color error */

    /* transiciones */
    --transition: all 0.3s ease-in-out;
    --transition-1: all 0.5s ease-in-out;
    /* fin transiciones */

    /* sombras */
    --shadow-focus: -4px 4px 0px 0px var(--primary-700);
    --shadow-2xl: 0px 22px 49px 0px rgba(var(--primary-900-p-rgb), 0),
        0px 89px 89px 0px rgba(var(--primary-900-p-rgb), 0),
        0px 200px 120px 0px rgba(var(--primary-900-p-rgb), 0),
        0px 356px 143px 0px rgba(var(--primary-900-p-rgb), 0),
        0px 557px 156px 0px rgba(var(--primary-900-p-rgb), 0);
    /* fin sombras */
}

/* ============================================ close: VARIABLES ============================================ */

/* ============================================ open: ESTILOS GENERALES ============================================ */

/* ··················· selección de texto ··········· */
::-moz-selection {
    /* Code for Firefox */
    color: var(--primary-50);
    background: var(--genuino-500-p);
}

::selection {
    color: var(--primary-50);
    background: var(--genuino-500-p);
}

/* ··················· fin selección de texto ··········· */
header#main-header {
    background-color: var(--white);
}

.et_fixed_nav #et-top-navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
}

.et_header_style_left #et-top-navigation nav>ul>li>a {
    padding-bottom: 0px;
}

.logo-grupo-menu {
    width: 40px;
    margin-left: 10px;
}

#top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, #top-menu li.current_page_item>a {
    color: #000000 !important;
    border-bottom: 1px solid #000000;
}

footer a:hover {
    text-decoration: underline !important;
}

.footer-bottom p {
    color: #ffffff;
}

.footer-bottom .nav>li>a {
    padding: 10px 0px;
}

footer span {
    font-size: 14px !important;
}

.footer-bottom .nav>li>a:focus, 
.footer-bottom .nav>li>a:hover {
    background-color: #000000;
}


.footer-menu.et_pb_menu .et_pb_menu__menu,
.footer-menu.et_pb_fullwidth_menu .et_pb_menu__menu,
.footer-legal-menu.et_pb_menu .et_pb_menu__menu,
.footer-legal-menu.et_pb_fullwidth_menu .et_pb_menu__menu
 {
    display: flex!important;
}
 
.footer-menu .et_mobile_nav_menu,
.footer-legal-menu .et_mobile_nav_menu {
    display: none;
}

@media (max-width: 980px) {
    .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}