.text-right{
    font-size: large;
}

.titlelink {
    display:none;
}
@media screen and (max-width: 768px) {
    .container-fluid {
        padding: 0;
    }
    .shadows {
        padding-right: 0;
        padding-left: 0;
    }
    .content {
        box-shadow: none;
        border: none;
    }

    .modal-content {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .box .content > .flex-column.d-flex {
        background: #E7F5FE;
        margin: 0;
        padding: 0;
    }

    .dialog-bottom {
        border: 4px solid #fff;
        border-top: none;
        bottom: 0px;
    }

    .dialog-bottom::before,
    .dialog-bottom::after {
        border-width: 0;
    }

    hr {
        display: none;
    }

    .content-wt-date {
        border-radius: 1rem;
        box-shadow: -4px 4px 6px rgba(0,0,0,.3);
        border: 2px solid #4F6585;
        /* margin: 0 .5em 1em; */
        margin: 0 .2em 1em .5em;
        padding: 1em 0;
        background: white;
        
    }
    /* date */
    .content-wt-date > div:nth-child(1) {
        text-align: left !important;
        color: #3565b6;
        padding: 0 .5em;
        position: relative;
        font-size: 0.8rem;
        font-weight: bold;
    }
    .content-wt-date > div:nth-child(1)::after {
        content: "";
        height: 2px;
        width: calc(100% - 1em);
        position: absolute;
        bottom: -.5em;
        left: .5em;
        background: #3565b6;
    }

    .date-text {
        text-align: right !important;
        color: #3565b6;
        padding: 0 .5em;
        position: relative;
        font-size: 0.8rem;
        font-weight: bold;
    }

    @media screen and (max-width: 450px) {
        .link-event {
            display: none;
        }
        .titlelink {
            display: inline;
        }
    }
}