html {
  /*font-size: 14px;*/
}

.note-editor.note-airframe.fullscreen, .note-editor.note-frame.fullscreen {
    background-color: #f5f5f5;
}

a.disabled {
    pointer-events: none;
}

a{
    text-decoration: none!important;
}

.header-logo-img {
    max-height: 80px;
    max-width: 290px;
}

/*@media (min-width: 768px) {
  html {*/
    /*font-size: 16px;*/
  /*}
}*/

/*html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}*/

.portfolio-item {
    display: block;
    position: relative;
    overflow: hidden;
    max-width: 530px;
    margin: auto auto 1rem;
}

.portfolio-item .caption {
    display: flex;
    height: 100%;
    width: 100%;
    background-color: rgba(33, 37, 41, 0.2);
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.portfolio-item .caption .caption-content {
    color: #fff;
    margin: auto 2rem 2rem;
}
.portfolio-item .caption .caption-content
.upperase {
    /*font-size: 0.8rem;*/
    text-transform: uppercase;
}

.portfolio-item .caption .caption-content p {
    font-weight: 300;
    /*font-size: 1.2rem;*/
}

.truncate {
    white-space: nowrap;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bg-thema-header {
    background-color: #091227;
}

#footer .center-content {
    margin-top: 70px;
    margin-bottom: 70px;
}

#footer .btn {
    border-radius: 0;
    color: #fff !important;
    letter-spacing: 2px;
    padding: 10px;
    padding-right: 20px;
    padding-left: 20px;
}


#footer .line {
    border-top: 1px solid;
    width: 90% !important;
}

#footer .fa-mobile {
    /*font-size: 20px;*/
}

#footer #contact {
    /*font-size: 15px;*/
}

#footer .grey-text {
    color: lightgrey;
}

.portfolio-item{
    width:100%;
}

#account .alert ul{
    list-style: none;
    padding: 0;
    margin: 0;
}


/******************  Notifications *******************/
.notification {
    transition: all .4s ease-in-out 0s;
    /*box-shadow: 0 1px 2px rgba(43,59,93,.3);*/
    margin-bottom: 2em
}

.notification .notification-img {
    position: relative;
    overflow: hidden
}

.notification .notification-img:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0);
    transition: all .4s linear 0s
}

.notification:hover .notification-img:before {
    background: rgba(0,0,0,.6)
}

.notification .notification-img img {
    width: 100%;
    height: auto
}

.notification .category {
    width: 80%;
    /*font-size: 16px;*/
    color: #fff;
    line-height: 11px;
    text-align: center;
    text-transform: capitalize;
    padding: 11px 0;
    background: #052c54;
    position: absolute;
    bottom: 0;
    left: -80%;
    transition: all .5s ease-in-out 0s
}

.notification:hover .category {
    left: 0
}

.notification .notification-review {
    padding: 25px 20px;
    background: #fff;
    position: relative
}

.notification .notification-title {
    /*margin: 0;*/
    /*height: 120px;*/
}

.notification .notification-title a {
    display: inline-block;
    font-size: 16px;
    color: #0a529d;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    /*margin-bottom: 25px;*/
    transition: all .3s linear 0s
}

.notification .notification-title a:hover {
    text-decoration: none;
    color: #555
}

.notification .notification-description {
    /*font-size: 15px;*/
    color: #555;
    line-height: 26px
}

.notification-review .notification-bar {
    margin-top: 20px
}

.notification-bar span {
    display: inline-block;
    /*font-size: 14px*/
}

.notification-bar span i {
    margin-right: 5px;
    color: #999
}

.notification-bar span a {
    color: #999;
    text-transform: uppercase
}

.notification-bar span a:hover {
    text-decoration: none;
    color: #ff9412
}

.notification-bar span.comments {
    float: right
}

#cookieConsent {
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}




.showFlag::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 48px 48px;
    border-color: transparent transparent #C80435 transparent;
    -webkit-transition: border-width 250ms;
    transition: border-width 250ms;
}

.showFlagBig:hover::after {
    border-width: 0 0 96px 96px!important;
}

.showFlag::before {
    content: "Nuovo";
    /*font-size: 12px;*/
    opacity: 0;
    color: #fff;
    position: absolute;
    bottom: 3px;
    right: 3px;
    z-index: 2;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
    white-space: pre-wrap;
    text-align: right;
}

.showFlag:hover::before {
    opacity: 1;
    -webkit-transition: opacity 150ms;
    transition: opacity 150ms;
}

.showFlag:hover::after {
    border-width: 0 0 76px 76px;
}

    @media only screen and (max-width:359px) {
        .notification .category {
            /*font-size: 13px*/
        }
    }


    @media (min-width: 992px) {
        .portfolio-item {
            max-width: none;
            margin: 0;
        }

            .portfolio-item .caption {
                transition: background-color 0.7s, -webkit-clip-path 0.25s ease-out;
                transition: clip-path 0.25s ease-out, background-color 0.7s;
                transition: clip-path 0.25s ease-out, background-color 0.7s, -webkit-clip-path 0.25s ease-out;
                -webkit-clip-path: inset(0px);
                clip-path: inset(0px);
                background: rgba(0, 0, 0, .5);
            }

                .portfolio-item .caption .caption-content {
                    transition: opacity 0.25s;
                    margin-left: 2rem;
                    margin-right: 2rem;
                    margin-bottom: 2rem;
                }

            .portfolio-item img {
                transition: -webkit-clip-path 0.25s ease-out;
                transition: clip-path 0.25s ease-out;
                transition: clip-path 0.25s ease-out, -webkit-clip-path 0.25s ease-out;
                -webkit-clip-path: inset(-1px);
                clip-path: inset(-1px);
            }

            .portfolio-item:hover img {
                -webkit-clip-path: inset(1em);
                clip-path: inset(1rem);
            }

            .portfolio-item:hover .caption {
                background-color: rgb(32,79,146);
                -webkit-clip-path: inset(1rem);
                clip-path: inset(1rem);
            }

            .portfolio-item #img-bg {
                transition: -webkit-clip-path 0.25s ease-out;
                transition: clip-path 0.25s ease-out;
                transition: clip-path 0.25s ease-out, -webkit-clip-path 0.25s ease-out;
                -webkit-clip-path: inset(-1px);
                clip-path: inset(-1px);
            }

            .portfolio-item:hover #img-bg {
                -webkit-clip-path: inset(1em);
                clip-path: inset(1rem);
            }
    }

    /*ICONS*/
    .bi-arera::before {
        content: url("../media/img/logo-arera-small.svg");
    }

    /*.bi-arera {
        background: url("../media/img/logo-arera.svg") no-repeat;
        background-size: cover;
        height: 40px;
        width: 40px;
    }*/
    
    /*SEVERITY PESSE*/

.severity-pesse-I {
    background-color: #ebb210 !important;
}
.severity-pesse-II {
    background-color: #e58736 !important;
}
.severity-pesse-III {
    background-color: #df7030 !important;
}
.severity-pesse-IV {
    background-color: #e75e5e !important;
}
.severity-pesse-V {
    background-color: #df3030 !important;
}

@media (max-width:480px) {
    .header-logo-img {
        max-height: 55px;
    }
}