hubl/src/styles/layout/events/events.scss

#events {
    width: 100%;
    font-family: "Facit";
    font-weight: 400;
    color: $color-0-0-22;
    sib-event {
        .red-button,
        .event-type {
            background-color: $color-357-67-45;
        }
        .black-button {
            background-color: $color-0-0-22;
            margin-left: 10%;
        }
        .event-type,
        .event-place-name {
            font-weight: 700;
        }
        #listevents [name="name"],
        sib-display-link-event .mdi::before {
            color:  $color-357-67-45;
        }
        .event-place-name,
        .nextevent-startdate,
        sib-display-link-event {
            color: $color-0-0-22;
        }
        .sib-event {
            font-family: "Facit";
            font-weight: 400;
            .page-title {
                font-family: "RefrigeratorDelxW01Bold";
                    font-size: 3.2rem;
                    line-height: 3.8rem;
                    color: $color-203-87-19;
            }
        }
        #listevents {
            .newtype .button{
                font-size: 1.2rem;
                width: max-content;
                height: max-content;
                padding: 5px 20px;
                color: $color-203-87-19;
            }
            sib-form sib-form-dropdown{
                label div {
                    height: 2.5rem;
                }
                &::before {
                    font-family: "RefrigeratorDelxW01Bold";
                    font-size: 2.4rem;
                    line-height: 29px;
                    color: $color-203-87-19;
                    top: -40px;
                    content: "Research an event";
                }
            }
            [name="name"] {
                font-family: "RefrigeratorDelxW01Bold";
                font-size: 2.2rem;
                line-height: 2.6rem;
                letter-spacing: 0.32px;
                color: $color-203-87-19;
                padding: 5px;
                max-width: 250px;
                margin: 5px auto;
            }
            .event-type {
                font-size: 1.1rem;
                padding: 5px 20px;
                width: max-content;
                height: max-content;
            }
            sib-display-location-events {
                padding: 5px;
            }
        }
        #eventdetail {
            [name="name"] {
                font-family: "RefrigeratorDelxW01Bold";
                font-size: 3.2rem;
                line-height: 3.8rem;
                color: $color-203-87-19;
            }
            sib-display div .event-type {
                width: max-content;
                padding: 5px 20px; 
            }
            [name="longDescription"] p {
                font-size: 1.6rem;
                line-height: 2.6rem;
            }
            sib-display-link-event a {
                font-size: 1.6rem;
            }
        }
        #newevent input[type="submit"], 
        #newtype input[type="submit"],
        button {
            width: max-content;
            padding: 5px 20px; 
        }
    }
}