/*Adobe Color Monocromatici*/
:root {
    --color-a: #f5591c; /*Azzuro chiaro logo*/
    --color-b: #C2623C; /**/
    --color-c: #232C36; /*Azzuro scuro logo*/
    --color-d: #596069; /**/
    --color-e: #332F2D; /**/
    --color-white: #ffffff;

    --primary-color: var(--color-a);
    --primary-text: #ffffff;
    --prm-gray: #b1b1b1;
    --acs-top-bar-color: var(--color-c);
    --navbar-left: var(--color-white);
    --navbar-right: var(--primary-text);
    --navbar-text: var(--color-d);
    --btn-primary-color: var(--color-c);
    --btn-primary-text: var(--primary-text);
    --btn-primary-hover: var(--color-a);
    --btn-secondary-color: var(--color-e);
    --btn-secondary-text: var(--primary-text);
    --btn-secondary-hover: var(--color-d);
    --btn-home-icon: var(--color-a);
    --btn-home-text: var(--color-c);
    --btn-home-bg: var(--primary-text);
    --btn-home-hover: var(--color-a);
    --btn-home-hover-text: var(--primary-text);
    --banner-head: var(--color-d);
    --banner-head-text: var(--primary-text);
    --stepper-unactive: var(--prm-gray);
    --stepper-active: var(--color-c);
    --stepper-text: var(--primary-text);
    --stepper-bar-unactive: var(--prm-gray);
    --stepper-bar-active: var(--color-c);
    --loader-color: var(--color-a);
    --link-color: var(--color-c);
    /*--link-hover: var(--color-b);*/

    --selection-color: var(--color-b);
    --selection-text: var(--primary-text);
    --footer-color: var(--color-c);
    --footer-text: var(--primary-text);
    --login-bg: var(--color-c);
    --login-text: var(--primary-text);
    --login-btn: var(--color-b);
    --login-btn-unfocus: var(--color-a);
    /*--prm-color: #0381ff;*/
}

/*********************************************************************************************/

.img-navbar-logo {
    max-width: 450px !important;
    margin-top: 8px;
    /*    margin-top: 12px !important; 
    background-color: #fff;
    padding: 0.5rem;
    border-radius: 8px;*/
    /*margin-left: 10px !important;*/
}

/* Stile per Cellulare (Schermi più piccoli di 768px) */
@media (max-width: 768px) {
    .img-navbar-logo {
        max-width: 300px !important; /* Imposta la larghezza che preferisci */
        margin-top: 20px; /* Puoi regolare anche i margini se serve */
    }
}

.main-col .main-col-text {
    color: var(--color-c) !important;
    pointer-events: none;
    font-weight: bold;
    font-size: 1.2rem;
}