:root {
    --primary: #c3b49b;
    --info: #5398b3;
    --success: #12a79d;
    --warning: #c18989;
    --danger: #c25e5d;
    --light: #f0ece6;
    --cat1: #f5a428;
    --cat2: #c7569b;
    --cat3: #ed6b9f;
    --cat4: #33af89;
    --cat5: #e7dcc4;
}

.view.view-eventi.view-id-eventi {
    position: relative
}

.view.view-eventi.view-id-eventi h3 {
    height: 200px;
    color: transparent
}

.title-image img {
    width: 100%;
    height: 15rem;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

.view-categorie .view-content {
    display: flex;
    margin-top: 50px;
}

.view-categorie .view-content > div {
    padding: 0 1vw;
}

.view-categorie .view-content a img {
    transform: scale(1.001);
    transition: all 300ms ease;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.view-categorie .view-content a:hover img {
    transform: scale(1.1);
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.view-categorie .view-content img {
    width: 100%;
}

.row.event-item {
    display: block;
}

.node-evento,
.row.event-item, .appunt-item, .page-node-register section#block-system-main, .page-registration section#block-system-main {
    -webkit-box-shadow: 0px 1px 1px 0 rgb(0 0 0 / 20%);
    box-shadow: 0px 1px 1px 0 rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 1px 1px 0 rgb(60 64 67 / 10%), 0 1px 3px 1px rgb(60 64 67 / 20%);
    box-shadow: 0 1px 1px 0 rgb(60 64 67 / 10%), 0 1px 3px 1px rgb(60 64 67 / 20%);
    margin-bottom: 30px;
    padding: 2rem;
    background: #fff;
}

.event-item a {
    color: #e62285;
    font-weight: 600;
}
.event-item span {
    color: (--info);
    font-weight: 600;
}

.evento-cat > .event-item {
    position: relative
}

.evento-cat > .event-item {
    position: relative
}

.evento-cat .event-tag {
    /* background-image: url(/files/wine-e-bike.svg); */
    background-size: 80% 80%;
    background-position: center;
    width: auto;
    padding: 0 1rem;
    font-size: 13px;
    color: #fff;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    top: -25px;
    right: -25px;
    text-transform: uppercase;
    font-weight: bold;
    /* transform: rotate(30deg); */
    background-color: var(--cat2);
    /* border-radius: 100%;*/
}

.row.event-item .h4 a, .appunt-item .h5 a {
    color: #000
}

.event-item .btn-primary, .appunt-item .btn {
    display: block;
}

.row.cat_cta a img {
    padding: 1rem;
}

.row.cat_cta a {
    display: block;
}

.row.cat_cta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.not-logged-in.node-type-appuntamento ul.tabs--primary.nav.nav-tabs {
    display: none;
}

.appunt-item {
    padding: 0;
}

.appuntamento-box {
    padding: 30px;
}

.appuntamento-box.al-completo {
    color: #b2a794;
    background: #f7f6f3;
}

.appuntamento-box.al-completo strong {
    color: #938672;
}

.appuntamento-box .h5 {
    margin-top: 0;
}

.btn {
    font-size: 16px;
}

#edit-cancel {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    padding: 0 30px;
}

.view-admin table {
    width: 100%;
    background: #fff;
}

.view-admin table th {
    background: #000;
    color: #fff;
    padding: 5px 10px;
}

.view-admin table td {
    padding: 5px 10px;
}

.view-admin {
    margin-bottom: 200px;
}

.view-id-prenotazioni a, .view-admin a {
    color: #e52986;
    font-weight: bold;
}

@media (max-width: 767px) {
    .evento-cat .event-tag {
        top: -25px;
        right: -5px;
    }

    .node-evento, .row.event-item, .appunt-item, .page-node-register section#block-system-main, .page-registration section#block-system-main {
        padding: 2rem;
    }

    .buttons {
        padding-left: 10%;
        padding-right: 10%;
    }

    .buttons .btn {
        white-space: unset;
        font-size: .8em;
    }

    .page-node-99 .main-container, .page-node-99 .main-container .col-sm-12 {
        padding: 0;
    }

    .page-node-99 .main-container, .page-node-99 .main-container .col-sm-12 .container {
        padding: 0;
    }
}

@media (max-width: 1200px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}