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

body{
    font-family: var(--font-text);
    font-size: 14px;
    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: 100%;
    }

    .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{
        color: var(--text-color);
        font-size: var(--icon-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 */

    .title-page{
        margin-top: var(--padding-margin-xl);
        margin-bottom: var(--padding-margin-md);
    }

    h1, h2, h3, h4, h5, h6 {
        color: var(--text-color);
        font-family: var(--font-title);
        font-weight:bold;
    }

    h2{ font-size: 32px; }

    h3{ font-size: 28px; }

    h4{ font-size: 24px; }
    
    h5{ font-size: 20px; }
/* H */

/* CARDS */
    .card > a > img {
        width: 100%;
        border-radius: 8px;
        box-shadow: 2px 2px 5px var(--gray-lighter-color);
    }
/* CARDS */

/* PUBLICITY */
    .publicity-banner img{
        width: 100%;
        border-radius: 16px;
    }
/* PUBLICITY */

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

/* BUTTONS */
    .btn-as-link{
        font-size: 14px;
        color: blue;
        text-decoration: underline;
        padding: 0px;
        margin-top: -3px;
    }

    .btn-as-link:hover{
        color: blue;
    }

    .input-group > .btn-primary{
        border: 1px solid #949494;
    }
    
/* BUTTONS */

/* TEXTAREA */

    textarea{
        resize: none;
    }
    
/* TEXTAREA */


/* RESPONSIVE DESIGN */

/* 
// `sm` applies to x-small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) { ... }

// `md` applies to small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { ... }

// `lg` applies to medium devices (tablets, less than 992px)
@media (max-width: 991.98px) { ... }

// `xl` applies to large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) { ... }

// `xxl` applies to x-large devices (large desktops, less than 1400px)
@media (max-width: 1399.98px) { ... }
*/

@media (max-width: 575.98px){
    .text-principal-containers{
        font-size: calc(var(--font-size-md) - 2px) !important;
    }

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

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

    .sotial-networks{
        text-align: center;
        width: 120px;
        margin-right: 0px;
    }

    .anca-information + div{
        margin-top: var(--padding-margin-md);
        margin-left: var(--padding-margin-xxl);
    }

    .publicity-banner img{
        content:url("./../../../../../public/assets/img/new-img/publicity/MI-banner-sm.jpg");
    }

    main section:nth-of-type(6) img{
        content:url("./../../../../../public/assets/img/new-img/publicity/SB-banner-sm.jpg");
    }

    
}

@media (max-width: 991.98px){
    .logo-anca-footer{
        /* margin-top: var(--padding-margin); */
        /* margin-bottom: var(--padding-margin); */
        /* margin-right: 0px; */
        width: 120px;
    }

    .sotial-networks{
        text-align: center;
        width: 120px;
        /* margin-right: 0px; */
    }

    .sotial-networks a > i{
        font-size: var(--icon-lg);
    }
}

/* RESPONSIVE DESIGN */