@charset "utf-8";
/* FONT */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

@font-face {
    font-family: 'Brutal Type';
    src: url('fonts/BrutalType-Bold.eot');
    src: local('Brutal Type Bold'), local('fonts/BrutalType-Bold'), url('fonts/BrutalType-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/BrutalType-Bold.woff2') format('woff2'), url('fonts/BrutalType-Bold.woff') format('woff'), url('fonts/BrutalType-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Brutal Type';
    src: url('fonts/BrutalType.eot');
    src: local('Brutal Type'), local('fonts/BrutalType'), url('fonts/BrutalType.eot?#iefix') format('embedded-opentype'), url('fonts/BrutalType.woff2') format('woff2'), url('fonts/BrutalType.woff') format('woff'), url('fonts/BrutalType.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* VARIABILI */
:root {
    --primario: #E42929;
    --secondario: #2E3845;
    --azzurro-1: #94B0DA;
    --azzurro-2: #DCEDFF;
    --grigio-1: #8F91A2;
    --grigio-2: #D8D9E6;
    --rosso-chiaro-1: #FF5454;
    --rosso-chiaro-2: #FF7E7E;
    --rosso-chiaro-3: #FFA9A9;
    --rosso-chiaro-4: #FFD4D4;
    --text: #191E25;
}

body,
html {
    font-family: 'Lato', sans-serif;
    color: var(--text);
    background-color: white;
}

main {
    position: relative;
}

.primary-color, .primary-color a {
    color: var(--primario);
}

a:not(.btn):hover {
    text-decoration: underline !important;
}


#page-homepage {
    background-image: url(images/sfondo-home.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

    #page-homepage h2 {
        font-size: 20px;
        font-weight: 500;
        font-family: 'Lato';
        line-height: 26px;
    }

.top-bar {
    background: var(--secondario);
}

    .top-bar.negative {
        background: white;
    }

    .top-bar img {
        max-height: 23px;
        max-width: 130px;
    }

    .top-bar a {
        color: white;
        text-decoration: none;
    }

    .top-bar.negative a {
        color: var(--secondario);
        text-decoration: none;
    }

    .top-bar a.divisor,
    .offcanvas a.divisor {
        border-left: 1px solid white;
        padding-left: 10px;
        padding-right: 5px;
    }

    .top-bar.negative a.divisor {
        border-left: 1px solid var(--secondario);
        padding-left: 10px;
        padding-right: 5px;
    }

/*#navbar-top-tab{
  position: absolute;
  top: -30px;
} */

#navbar-top-tab .nav-link.active {
    border-color: white;
    padding-top: 3px;
}

.negative #navbar-top-tab .nav-link.active {
    border-color: var(--secondario);
    padding-top: 3px;
    color: white;
    background-color: #191E25;
}

#navbar-top-tab .nav-link {
    padding-top: 1px;
    height: 30px;
    margin-top: 5px;
}

#navbar-top-tab .nav-tabs {
    border-bottom: 0;
}

.offcanvas hr {
    color: var(--grigio-2);
    opacity: 1;
}

.navbar .btn-secondary {
    --bs-btn-bg: white;
    --bs-btn-hover-bg: white;
    --bs-btn-border-color: var(--text);
    --bs-btn-hover-border-color: var(--text);
    --bs-btn-active-bg: var(--primario);
}

    .navbar .btn-secondary:hover {
        border: 2px solid var(--text);
    }


.navbar {
    --bs-navbar-padding-y: 0;
    /*--bs-navbar-active-color: var(--blue);*/
}


#primary-nav {
    box-shadow: 0px 4px 10px 0px rgba(46, 56, 69, 0.10);
    z-index: 1000;/*3000;*/
}

.navbar .nav-link.active,
.menu .menu-item.current-menu-item {
    font-weight: 700;
    color: var(--text);
}

.top-bar .nav-link:hover {
    color: white;
}

.top-bar.negative .nav-link:hover {
    color: var(--secondario);
}

.top-bar .nav-link.active:hover {
    color: var(--secondario);
}

.top-bar .nav-link:focus {
    color: white;
}

.navbar-collapse .nav-link {
    font-size: 16px;
    color: var(--text);
}


/*.nav-center {
  border-bottom: 1px solid var(--neutral);
} */


.offcanvas-header {
    justify-content: right;
}

    .offcanvas-header .btn-close {
        opacity: 1;
    }

.offcanvas a {
    color: var(--background-white);
    text-decoration: none;
}

.offcanvas .dropdown-item {
    color: var(--text-primary);
}

.offcanvas .nav-link {
    color: var(--background-white);
}

    .offcanvas .nav-link.active {
        color: var(--text-yellow);
    }

.form-control {
    border: 1px solid #EFF0F6;
    border-radius: 10px;
    box-shadow: 0px 1.681px 5.042px 0px rgba(19, 18, 66, 0.07);
}


@media (min-width: 992px) and (max-width: 1020px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 6px;
        padding-left: 6px;
    }
}

/* SEARCH FORM */
#searchForm {
    width: 250px;
    display: inline-block;
    margin-bottom: 0;
}

    #searchForm input[type=text] {
        box-sizing: border-box;
        border: none;
        border-radius: 20px;
        background-color: transparent;
        background-image: url('data: image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23fff" class="bi bi-search" viewBox="0 0 16 16" ><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z" /></svg>');
        background-position: 4px 4px;
        padding: 2px 10px 2px 25px;
        background-repeat: no-repeat;
        width: 90px;
        transition: all 0.4s ease-in-out;
        color: #fff;
        outline: none;
    }

.negative #searchForm input[type=text] {
    color: var(--secondario);
    background-image: url('data: image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="191E25" class="bi bi-search" viewBox="0 0 16 16" ><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z" /></svg>');
}

#searchForm input[type=text]::placeholder,
#searchForm input[type=text]::-webkit-input-placeholder {
    opacity: 1;
    color: #fff
}

.negative #searchForm input[type=text]::placeholder, .negative
#searchForm input[type=text]::-webkit-input-placeholder {
    opacity: 1;
    color: var(--secondario);
}

#searchForm input[type=text]:focus {
    width: 100%;
    outline: none;
    background-color: #fff;
    color: var(--text);
    padding: 2px 10px 2px 10px;
}

    #searchForm input[type=text]:focus::placeholder,
    #searchForm input[type=text]:focus::-webkit-input-placeholder {
        color: var(--text);
    }

.input-group .btn-primary {
    --bs-btn-bg: var(--primario);
    --bs-btn-border-color: var(--primario);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: white;
}


/*.nav-item {
  padding: 0.5rem 0;
}*/

.dropdown a {
    text-decoration: none;
    color: var(--secondario);
}

.dropdown-hover > .dropdown-menu {
    display: block !important;
    visibility: hidden;
    height: 0;
    width: 0;
    opacity: 0;
    transition: visibility 0s, opacity 0.2s ease-in-out;
}

.dropdown-hover:hover > .dropdown-menu {
    display: block;
    left: 0;
    border-radius: 0;
    z-index: 0;
    box-shadow: 0px 4px 10px 0px rgba(46, 56, 69, 0.10);
    margin: 0;
    padding: 0;
    border: 0;
    opacity: 1;
    transition: visibility 0s, opacity 0.2s ease-in-out;
    visibility: visible;
    height: auto;
    width: 100%;
}

    .dropdown-hover:hover > .dropdown-menu .dropdown-menu-inner-shadow {
        box-shadow: 0 7px 10px -7px rgba(0, 22, 61, 0.25) inset;
    }

.dropdown-hover > .dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Brutal Type', 'Lato', sans-serif;
    font-weight: bold;
    color: var(--secondario);
    line-height: 0.9;
    margin-bottom: 0.5em;
}



#primary-nav,
#primary-nav ul,
#primary-nav li,
#primary-nav .navbar-nav .nav-link {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

    #primary-nav ul ul {
        list-style-type: square;
        color: var(--primario) !important;
    }

        #primary-nav ul ul li a {
            color: var(--primario) !important;
            font-weight: 700;
            font-size: 17px;
        }

        #primary-nav ul ul li {
            line-height: 1.2;
            margin-bottom: 8px !important;
        }

        #primary-nav ul ul ul {
            list-style-type: none;
            border-top: 1px solid var(--grigio-2);
            padding-left: 0 !important;
            padding-top: 10px;
        }

            #primary-nav ul ul ul li a {
                color: var(--secondario) !important;
                font-weight: 400;
                font-size: 16px;
            }

    #primary-nav .navbar-nav .nav-link {
        padding-top: 40px;
        height: 100px;
    }

.login main {
    min-height: calc(100vh - 179px);
}

.login footer {
    color: white;
}

    .login footer a {
        color: white;
    }

.footer {
    box-shadow: 4px -4px 10px 0px rgba(46, 56, 69, 0.10);
    background-image: url(images/angolo-rosso.svg);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
}

    .footer a {
        color: var(--primario);
    }

@media (max-width: 768px) {
    .footer {
        background-size: 35% !important;
    }
}

.mc-field-group {
    background-color: var(--azzurro-2);
    padding: 5px;
    border-radius: 5px;
    width: 100%;
}

#mce-EMAIL {
    padding: 10px 40px 10px 5px;
    border: none;
    background-color: transparent;
    width: calc(100% - 91px);
}

#mc-embedded-subscribe {
    background-color: var(--secondario);
    color: white;
    font-weight: 500;
    border: none;
    padding: 10px;
    border-radius: 5px;
}

h1 {
    border-left: 5px solid var(--primario);
    padding: 0 10px;
    color: var(--secondario);
}

h3 {
    font-family: 'Brutal Type', 'Lato', sans-serif;
    font-weight: bold;
    color: var(--secondario);
    border-left: 5px solid var(--primario);
    display: inline-block;
    padding: 0 10px;
}


.btn-outline-secondary {
    --bs-btn-color: var(--secondario);
    --bs-btn-border-color: var(--grigio-2);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--secondario);
    --bs-btn-hover-border-color: var(--secondario);
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--secondario);
    --bs-btn-active-border-color: var(--secondario);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--secondario);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--secondario);
    --bs-gradient: none;
    background-color: white;
}


.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--primario);
    --bs-btn-border-color: var(--primario);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: white;
    --bs-btn-hover-border-color: var(--primario);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primario);
    --bs-btn-active-border-color: var(--primario);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--primario);
    --bs-btn-disabled-border-color: var(--primario);
}

    .btn-primary:hover {
        color: var(--primario);
    }

.registration {
    background-image: url(images/background-bottom-left.svg), url(images/background-top-right.svg);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom left, top right;
    min-height: calc(100vh - 360px);
}

.login {
    background-image: url(images/bck.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    min-height: calc(100vh - 179px);
    background-size: cover;
}

.login-box {
    border-radius: 20px;
    background: white;
    box-shadow: 0px 4.202px 15px 0px rgba(25, 30, 37, 0.20);
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
}

.nav-pills .nav-item {
    width: 50%;
    text-align: center;
}

.nav-pills .nav-link {
    width: 100%;
    color: var(--secondario);
    border: 1px solid var(--secondario);
}

    .nav-pills .nav-link.active {
        background-color: var(--secondario);
    }


.nav-pills #pills-profile-tab .nav-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.nav-pills #pills-home-tab .nav-link.active {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.forgot a {
    color: var(--secondario);
}

.btn-link {
    color: var(--secondario);
    text-decoration: none;
}

    .btn-link:hover {
        color: var(--primario);
        text-decoration: underline;
    }

.offcanvas-body ul {
    list-style-type: none;
}