/* Adattamento nuova saepe */

:root {
    --saepe-ice: #f9f2ea;
    --saepe-blue: #dc7b01;
    --saepe-blue-light: rgb(237, 155, 52);
}

body, .saepe-sans {font-family: "Noto Sans", Helvetica, Arial, Sans-Serif;}
/*html {font-size:0.75rem;}*/

a {color: var(--saepe-blue-light);}
a:hover {color: var(--saepe-blue);}

[onclick] {cursor: pointer;}
[style="display: none;"] {display: none!important;}
[style="display: block;"] {display: block!important;}

p {margin:0;}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
}

/*h1,*/
/*h2,*/
/*h3,*/
/*h4,*/
/*h5,*/
/*h6,*/
/*#HeadStats,*/
/*.saepe-serif {font-family: 'Noto Serif', serif;}*/

/*.saepe-display {*/
/*    font-family: 'Noto Serif', serif;*/
/*}*/
.text-saepe-xl {
    font-size:4rem;
    line-height:0.8;
    font-weight:bold;
}

.saepe-underline {
    padding-bottom:0.2em;
    border-bottom: 0.2em solid var(--saepe-blue-light);
}

.wrapper {
    display: flex;
    align-items: stretch;
    }

#sidebar {
    white-space: nowrap;
    }
#content {
    flex:1 1 100vw;
}

.pill-registration {
    display:inline-block;
    height:2em;
    width:2em;
    line-height: 1em;
    border-radius: 1em;
    padding:0.5em 0;
    text-align: center;
}

input[type=radio] {
    transform: scale(1.5);
}

.op-1 {opacity: 0.1;}
.op-2 {opacity: 0.2;}
.op-3 {opacity: 0.3;}
.op-4 {opacity: 0.4;}
.op-5 {opacity: 0.5;}
.op-6 {opacity: 0.6;}
.op-7 {opacity: 0.7;}
.op-8 {opacity: 0.8;}
.op-9 {opacity: 0.9;}

.bg-gr-chiaro {background-color: #f5f6f6;}
.bg-gr-medio {background-color: #d8d8d8;}
.bg-gr-scuro {background-color: #637381;}

.bg-sfondino {background-color: #f0e848;}
.bg-saepe-blue {background-color: var(--saepe-blue);/*#0048BA*/;color:white!important;}
.bg-saepe-yellow {background-color: #fcfada;}
.bg-saepe-ice {background-color: var(--saepe-ice)/*;#eaf8eb;*/}
.bg-saepe-green {background-color: #15d77b;}
.bg-saepe-orange {background-color: #f1750d;}
.bg-saepe-red {background-color: #ca0a2a;}
.bg-saepe-disabled {background-color: #6c757d;color:white!important;}

.alert-saepe-error {
    background-color: #ca0a2a;
    color:white;
    padding:.2em;
    border-radius: 0.25em;
}

.text-saepe-yellow,
.text-saepe-display {color:#f0e848!important;}

.text-saepe-orange {color:#f1750d!important;}
.badge-saepe-orange {background-color:#f1750d!important;color:white;}

.btn-saepe-blue {
    color:white!important;
    background-color: var(--saepe-blue-light)!important;
    border-radius: 3px!important;
}

.btn-saepe-blue .nav-link {
    color:white!important;
}

.btn-saepe-blue:hover {
    background-color: var(--saepe-blue);
}

.px-saepe {
    padding-left:0.5rem!important;
    padding-right:0.5rem!important;
}

.px-saepe-card {
    padding-left:0.5rem!important;
    padding-right:0.5rem!important;
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
}

.disabled [class*="bg-saepe"] {
    background-color:#6c757d;
}

.btn-saepe-ice {
    color:black!important;
    background-color: var(--saepe-ice)!important;
    border-radius: 3px!important;
}

.btn-saepe-ice .nav-link {
    color:black!important;
}

.btn-saepe-ice:hover {
    background-color: var(--saepe-ice)/*#eaf8eb*/!important;
}

.text-saepe-blue {
    color: var(--saepe-blue)!important;
}

.btn-width-saepe {
    min-width:7em;
}

.saepe-pointer {
    cursor: pointer;
}

.nav-item {
    margin-left:1em;
    margin-right:1em;
    padding-left:0.5em;
    padding-right:0.5em;
    text-align: center;
    cursor: pointer;
}

.border-saepe-ice {
    border:3px solid var(--saepe-ice)/*#eaf8eb*/!important;
    border-radius: 3px;
}

.border-saepe-ice-b {
    border-bottom:3px solid var(--saepe-ice)/*#eaf8eb*/!important;
}

.border-saepe-green-b {
    border-bottom:3px solid #92f8a0 !important;
}

.border-saepe-ice-t {
    border-top:3px solid var(--saepe-ice)/*#eaf8eb*/!important;
}

.border-saepe-yellow {
    border:2px solid #f0e848!important;
    border-radius: 3px;
    }

.border-saepe-red {
    border:3px solid #ca0a2a!important;
    border-radius: 3px;
    }

.border-saepe-red-b {
    border-bottom:3px solid #ca0a2a!important;
    }

.border-saepe-red-t {
    border-top:3px solid #ca0a2a!important;
    }

.border-saepe-blue {
    border-style: solid!important;
    border-width:2px!important;
    border-color: var(--saepe-blue-light)!important;
    border-radius:3px!important;
}

.border-saepe-blue .nav-link {
    border-color: var(--saepe-blue-light)!important;
}

.border-saepe-blue:hover,
.border-saepe-blue .nav-link:hover {
    border-color: var(--saepe-blue)!important;
}

.NavBarLogo img {
    height:2em;
    width:auto;
}

.saepe-badge-app-store {
    /*background-color: #eaf8eb;*/
    min-height: 40px;
    height:4rem;
    display:inline-block;
}
.saepe-badge-app-store img {
    height:4rem;
    min-height: 40px;
}

.Avatar {
    height:2.5em;
    border-radius: 1.25em;
    border:2px solid var(--saepe-blue);
    padding:0.1em;
}

.saepe-pill {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.2em;
    border-radius:1.6em;
    color:black;
    text-align: center;
    padding:1em;
}

.HeaderDiv {
    background-color: var(--saepe-ice)/*#eaf8eb*/;
    background-repeat: no-repeat;
    background-size: cover;
    /*background-position: center;*/
    /*background-blend-mode: overlay;*/
    background-position-x: right;
    background-position-y: center;

    padding-top:3em;
    padding-bottom:6em;

     height:15em;
     overflow: hidden;

    background-image: url("headers/home-1x.jpg");
}

#HeadStats {
    border-bottom:4px solid var(--saepe-ice)/*#eaf8eb*/;
    font-size:1.5em;
}

#saepe-footer-top {
    background-color: #3d3935;
    color:white;
}

#saepe-footer-bottom {
    background-color: #373430;
    color:white;
}

.img-saepe-proposte-div {
    width: 100%;
    padding-top: 64%;
    position:relative;
    overflow: hidden;
    z-index: 0;
}

.img-saepe-proposte-img {
    position:absolute;
    top:0;
    left:0;
    width:100%;
}

.img-saepe-proposte-i {
    position:absolute;
    top:0;
    left:0;
    right:0;
    font-size: 10em;
    display: inline-block;
}

.text-height-proposte {
    height:10em;
    overflow:hidden;
    text-overflow: ellipsis;
    position: relative;
}
.text-height-proposte:before {
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background:linear-gradient(transparent 9em, white);
}

.badge-proposte {
    position:relative;
    margin-top:-0.75em;
    z-index: 99;
}

.allcaps {
    text-transform: uppercase;
}

pre {white-space: pre-wrap;}
.news_data {display: block;}

#Evidenza img {width:25vw;height:auto;float:left;margin-right:1em;}

#PinHidden {display:none;}

#saepe-footer-top {
    flex-wrap: wrap;
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    /*html {font-size: 0.87rem;}*/
    .HeaderDiv {
        background-image: url("headers/home-2x.jpg");
    }
    .px-saepe {
        padding-left:1rem!important;
        padding-right:1rem!important;
    }
    #saepe-footer-top {
        flex-wrap: nowrap;
    }
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    /*html {font-size: 0.93rem;}*/
    .HeaderDiv {
        background-image: url("headers/home-3x.jpg");
    }
    .px-saepe {
        padding-left:2rem!important;
        padding-right:2rem!important;
    }
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    /*html {font-size: 1rem;}*/
    .HeaderDiv {
        background-image: url("headers/home-4x.jpg");
    }
    .px-saepe {
        padding-left:3rem!important;
        padding-right:3rem!important;
    }
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .HeaderDivs {
        background-image: url("headers/home-5x.jpg");
    }
    .px-saepe {
        padding-left:8rem!important;
        padding-right:8rem!important;
    }
}