@import url('./settings/variables.css');

body{
    font-family: var(--font-text);
    font-size: 13px;
    background-color: var(--background-color);
}


/*HEADER & FOOTER*/
header, footer{
    background-color: var(--primary-color) !important;
}

.text-principal-containers{
    font-weight: 600;
    color: var(--text-color);
    font-size: var(--font-size-md) !important;
}

    /* HEADER */
    .logo-anca-header{
        margin-top: var(--padding-margin);
        margin-bottom: var(--padding-margin);
        margin-left: var(--padding-margin);
        width: 100px;
    }

    .icon-favorite{
        margin-right: var(--padding-margin);
    }
    
    .icon-favorite a{
        text-decoration: none;
    }

    .icon-favorite a > i:hover{
        font-size: 34px;
        text-shadow: 0px 0px 5px #0065ff;
    }

    nav > ul > li{
        list-style-type: none;
        padding: var(--padding-margin) var(--padding-margin-sm);
    }

    nav > ul > li:hover{
        background-color: var(--primary-color-1);
        border-radius: 8px;
        box-shadow: inset 19px 19px 22px -31px var(--primary-color-3);
    }

    nav > ul > li:active{
        background-color: var(--primary-color-1);
        border-radius: 8px;
        box-shadow: inset 19px 19px 22px -31px var(--primary-color-3);
    }

    .sub-menu{
        position: relative;
    }

    nav > ul ul{
        display: block;
        padding: var(--padding-margin);
        position: absolute;
        width: 100%;
        left: 0px;
        top: 35px;
        list-style-type: none;
        border-radius: 0px 0px 8px 8px;
        background-color: var(--primary-color-1);
        display: none;
    }

    .sub-menu li{
        margin: var(--padding-margin);
    }

    .sub-menu a{
        display: block;
        width: 100%;
    }

    .sub-menu:hover > ul{
        display: unset;
    }

    .sub-menu:hover > ul li{
        padding: var(--padding-margin);
    }

    .sub-menu:hover > ul li:hover{
        padding: var(--padding-margin);
        background-color: var(--primary-color-1);
        border-radius: 8px;
        box-shadow: inset 0 0 13px -4px var(--primary-color-3);
    }
    /* HEADER */

    /* FOOTER */
    footer{
        margin-top: var(--padding-margin-xxl) !important;
    }

    footer > .d-flex{
        padding-top: var(--padding-margin-md);
        padding-bottom: var(--padding-margin);
    }

    .logo-anca-footer{
        /* margin-top: var(--padding-margin); */
        /* margin-bottom: var(--padding-margin); */
        margin-right: var(--padding-margin-xxl);
        width: 264px;
    }

    .sotial-networks{
        text-align: center;
        width: 264px;
        margin-right: var(--padding-margin-xxl);
    }

    .sotial-networks > p{
        margin: 0px;
    }

    .sotial-networks  a{
        text-decoration: none;
    }

    .anca-information{
        margin-left: var(--padding-margin-xxl);
        gap: var(--padding-margin-xxxl);
    }

    footer ul{
        list-style-type: none;
        padding: 0px;
    }
    /* FOOTER */

    /* HR ANCA*/
    .hr-anca{
        border: 5px solid;
        margin: 0px !important;
        opacity: 100%;
    }

    .hr-anca:nth-child(1){
        color: #0080FF;
    }

    .hr-anca:nth-child(2){
        color: #0065FF;
    }

    .hr-anca:nth-child(3){
        color: #0056E6;
    }
    /* HR ANCA*/
/*HEADER & FOOTER*/

/*ICONS*/
    .icon-blue-sm{

    }

    .icon-blue-md{
        
    }

    .icon-blue-lg{
        color: var(--text-color);
        font-size: var(--icon-lg);
    }

    .icon-blue-xl{
        color: var(--text-color);
        font-size: var(--icon-xl);
    }
/*ICONS*/

/* H */
    h5{
        color: var(--text-color);
        font-family: var(--font-title);
        font-size: 20px;
        font-weight:bold;
    }

    h4{
        color: var(--text-color);
        font-family: var(--font-title);
        font-size: 28px;
        font-weight:bold;
    }
/* H */

/* CARDS */
    .card-sm{
        width: 18rem;
    }

    .card-lg{
        width: 19rem;
    }
/* CARDS */

/* PUBLICITY */
    .publicity-banner img{
        width: 100%;
    }
/* PUBLICITY */

/* PLACEHOLDER */
    .placerholder-empty-text{
        color: var(--gray-light-color);
        font-size: 16px;
        font-weight: 600;
        padding: var(--padding-margin-md) 0px !important;
    }
/* PLACEHOLDER */