.mc-main.adventsfreunde table.my-calendar-table
{
    border-collapse : collapse;
}

.mc-main.adventsfreunde .my-calendar-header, .mc-main.adventsfreunde .my-calendar-footer
{
    padding    : .5em;
    background : #e3e3e3;
    background : var(--secondary-light);
    color      : var(--secondary-dark);
}

.mc-main.adventsfreunde .my-calendar-header a, .mc-main.adventsfreunde .my-calendar-footer a
{
    color : var(--secondary-dark);
}

.mc-main.adventsfreunde .details ul, .mc-main.adventsfreunde .details ol, .mc-main.adventsfreunde details li
{
    margin : .25em 0 .5em 3em;
}

.mc-main.adventsfreunde :not(.has-events) .mc-date
{
    background : var(--calendar-background-has-no-events) !important;
}

.mc-main.adventsfreunde .has-events .mc-date
{
    background : var(--calendar-background-has-events) !important;
}

.mc-main.adventsfreunde .my-calendar-navigation .mc_bottomnav ul li a,
.mc-main.adventsfreunde .my-calendar-navigation .mc_bottomnav ul li span,
.mc-main.adventsfreunde .my-calendar-header .my-calendar-nav ul li a,
.mc-main.adventsfreunde .my-calendar-header .mc-format ul li a,
.mc-main.adventsfreunde .my-calendar-header .mc-time ul li a,
.mc-main.adventsfreunde .my-calendar-header input.button
{
    outline       : unset;
    border-radius : var(--default-border-radius);
    transition    : var(--default-transition);
    
    &.button
    {
        margin-left : 10px;
    }
    
    span.category-color-sample.svg
    {
        background : transparent !important;
    }
    
    &[role=button],
    &.mc-active,
    &.button
    {
        background  : var(--accent-color-lilac);
        font-weight : bold;
        color       : var(--button-text-color) !important;
        padding     : 5px 10px;
    }
    
    &:not(.mc-active)
    {
        &:hover
        {
            background : var(--accent-color-green);
            color      : var(--button-text-color) !important;
        }
    }
}

.mc-main.adventsfreunde td article.calendar-event header h3
{
    background : transparent !important;
}

.mc-main.adventsfreunde td.current-day
{
    outline : 2px solid var(--accent-color-lilac) !important;
}

.mc-main.adventsfreunde td article.calendar-event header h3 button
{
    
    background    : var(--calendar-background-event) !important;
    margin        : 5px auto;
    width         : calc(100% - 10px);
    border-radius : var(--default-border-radius);
    
    &:hover
    {
        cursor     : pointer;
        background : var(--accent-color-lilac) !important;
    }
}

.mc-main.adventsfreunde span.category-color-sample
{
    border : none !important;
}

.mc-main.adventsfreunde .my-calendar-header a:hover, .mc-main.adventsfreunde .my-calendar-footer a:hover,
.mc-main.adventsfreunde .my-calendar-header a:focus, .mc-main.adventsfreunde .my-calendar-footer a:focus
{
    text-decoration : none;
    outline         : 1px solid !important;
}

.mc-main.adventsfreunde .my-calendar-header input:hover, .mc-main.adventsfreunde .my-calendar-header input:focus
{
    outline-offset : 0;
    border-radius  : 0;
}

.mc-main.adventsfreunde.list .my-calendar-month, .mc-main.adventsfreunde .heading
{
    font-size  : 20px;
    color      : #313233;
    color      : var(--calendar-primary-dark);
    text-align : center;
    margin     : 0;
}

.mc-main.adventsfreunde .heading
{
    position : relative;
}

.mc-main.adventsfreunde .heading:before
{
    display    : block;
    border-top : 1px solid var(--calendar-highlight-dark);
    content    : '';
    margin     : 0 auto;
    position   : absolute;
    top        : 55%;
    right      : 0;
    left       : 0;
    bottom     : 0;
    width      : 95%;
    z-index    : -1;
}

.mc-main.adventsfreunde .heading span
{
    background : var(--calendar-primary-light);
    padding    : 0 15px;
}

.mc-main.adventsfreunde th
{
    margin     : 10px 0;
    padding    : 10px 0;
    background : var(--calendar-primary-light) !important;
    color      : var(--calendar-primary-dark) !important;
}

.mc-main.adventsfreunde .mc-row td
{
    border        : 1px solid var(--calendar-border-color) !important;
    background    : var(--calendar-primary-light);
    border-radius : var(--calendar-border-radius) !important;
}

.mc-main.adventsfreunde td .event-title
{
    font-size : 12px;
}

.mc-main.adventsfreunde thead
{
    border-bottom : 10px solid transparent;
}

.mc-main.adventsfreunde
{
    position : relative;
}

.mc-main.adventsfreunde .event-title
{
    font-size : 24px;
}

.mc-main.adventsfreunde .my-calendar-table tbody
{
    background : transparent !important;
}

.mc-main.adventsfreunde td.day-with-date
{
    
    background : transparent !important;
    position   : relative;
    z-index    : +1;
    overflow   : hidden;
    
    div.mc-date-container
    {
        border-radius : 5px 5px 0 0;
        border-bottom : 1px solid var(--calendar-mc-border-color) !important;
        overflow      : hidden;
        
        span.mc-date
        {
            .has-no-events &
            {
                background : var(--calendar-background-has-no-events) !important;
            }
            
            .has-events &
            {
                color      : var(--accent-color-lilac) !important;
                background : var(--calendar-background-has-no-events) !important;
            }
        }
    }
    
    article.calendar-event
    {
    
    }
    
    &::before
    {
        position      : absolute;
        content       : '';
        background    : var(--calendar-background-day-with-date);
        z-index       : -1;
        border        : 1px solid var(--calendar-mc-cell-color) !important;
        border-radius : 5px;
        width         : 100%;
        height        : 100%;
    }
    
    &.weekend:not(.nextmonth)
    {
        &::before
        {
            background : var(--calendar-background-weekend) !important;
        }
    }
    
    &.weekend.nextmonth
    {
        &::before
        {
            background : var(--calendar-background-weekend-nextmonth) !important;
        }
    }
    
    &.nextmonth
    {
        &::before
        {
            background : var(--calendar-nextmonth);
        }
    }
    
}

.mc-main.adventsfreunde .calendar-event .details, .mc-main.adventsfreunde .calendar-events
{
    position   : absolute;
    left       : 0;
    width      : 100%;
    background : var(--calendar-primary-light);
    box-shadow : 0 0 4px;
    color      : var(--calendar-primary-dark);
}

.mc-main.adventsfreunde .calendar-events
{
    width : 110%;
    left  : -5%;
}

.mc-main.adventsfreunde .calendar-events .mc-event:nth-of-type(1n+1)
{
    border-top : 1px solid var(--calendar-highlight-dark);
}

.mc-main.adventsfreunde.mini .details
{
    border-top : 1px solid #666;
    border-top : 1px solid var(--calendar-highlight-dark);
}

.mc-main.adventsfreunde .list-event .details
{
    padding    : 0;
    margin-top : 1em;
}

.mc-main.adventsfreunde .list-event .event-title
{
    padding       : .25em;
    border-radius : 0 10px 10px 0;
}

.mc-main.adventsfreunde .mc-list .event-date button
{
    display : inline-block;
}

.mc-main.adventsfreunde .mc-list .details .address
{
    padding-right : 0;
}

.mc-main.adventsfreunde button.close
{
    right         : 0px;
    top           : 0px;
    background    : #d00 !important;
    border-radius : 0px !important;
    color         : #fff !important;
}

.mc-main.adventsfreunde button.close, .mc-main.adventsfreunde button.close *
{
    padding       : 0;
    line-height   : 1;
    border-radius : 0;
    opacity       : 1;
}

.mc-main.adventsfreunde.mini .close
{
    left      : auto;
    right     : 0;
    font-size : 18px;
}

.mc-main.adventsfreunde .close:hover, .mc-main.adventsfreunde .close:focus
{
    background : #fff !important;
    background : var(--calendar-primary-light) !important;
    color      : #d00 !important;
    outline    : 1px solid var(--calendar-primary-dark);
}

.mc-main.adventsfreunde .details .category-icon
{
    width : auto;
}

/* Date/times */
.mc-main.adventsfreunde .time-block
{
    float : right;
}

.mc-main.adventsfreunde.mini .time-block
{
    float     : none;
    font-size : 14px;
}

.mc-main.adventsfreunde .time-block p
{
    color      : #000;
    color      : var(--secondary-dark);
    background : #fff;
    background : var(--calendar-primary-light);
    padding    : 0 .25em !important;
}

.mc-main.adventsfreunde .nextmonth
{
    background : var(--calendar-nextmonth) !important;
}

.mc-main.adventsfreunde .nextmonth .mc-date
{
    background : transparent;
    color      : var(--calendar-primary-dark);
}

.mc-main.adventsfreunde .current-day
{
    border-bottom : 5px solid #313233;
    border-bottom : 5px solid var(--calendar-highlight-dark);
}

/* Navigation */
.mc-main.adventsfreunde .mc-time .week
{
    padding-left  : 6px;
    padding-right : 6px;
    border-left   : 1px solid #bbb;
    border-right  : 1px solid #bbb;
    border-radius : 0;
}

.details .longdesc
{
    margin : 1em 0;
}

/* hCard */
.single-event .address,
.mc-main.adventsfreunde .address
{
    margin        : .5em 0 1em 1em;
    float         : right;
    border-radius : 10px 0 0 10px;
    padding       : 10px;
    width         : 50%;
    max-width     : 250px;
    background    : rgba(255, 255, 255, .15);
}

.single-event .address
{
    float       : none;
    margin-left : 0;
    padding     : 0;
}

.mc-main.adventsfreunde.mini .address
{
    margin        : 15px 0;
    float         : none;
    width         : 100%;
    border-radius : 10px;
    max-width     : 100%;
}

.mc-author-card, .mc-host-card
{
    background : #fcfcfc;
}

/* List View */
.mc-main.adventsfreunde li.current-day
{
    border-left : 5px solid var(--calendar-highlight-dark);
}

.mc-main.adventsfreunde li.current-day button:nth-of-type(1)
{
    left : -5px;
}

.mc-main.adventsfreunde .mc-list li.mc-events
{
    padding    : 10px;
    background : rgba(0, 0, 0, .03);
}

.mc-main.adventsfreunde .sharing p
{
    display : inline-block;
    padding : .5em .5em .5em 0;
}

.mc-main.adventsfreunde.mini .sharing p
{
    font-size     : 14px;
    padding       : 0 .25em 0 0;
    margin-bottom : 10px;
}

.mc-main.adventsfreunde .mc-list .event-date
{
    font-size : 16px;
}

.mc-main.adventsfreunde .list-event
{
    margin : .5em -10px;
    clear  : both;
}

.mc-main.adventsfreunde .list-event .event-title .category-icon
{
    margin-right : .5em;
    position     : relative;
    top          : -1px;
}

dialog.my-calendar-modal
{
    transition    : var(--default-transition);
    border        : 1px solid var(--default-border-color);
    border-radius : var(--large-border-radius);
    max-width     : 500px !important;
    position      : absolute;
    top           : 50%;
    left          : 50%;
    transform     : translate(-50%, -50%);
    background    : var(--calendar-primary-light);
    box-shadow    : var(--dialog-box-shadow);
    padding       : 20px 20px 0 20px;
    
    div.my-calendar-modal__content
    {
        
        .mc-modal-title-container
        {
            background    : transparent !important;
            border-bottom : 1px solid var(--accent-color-lilac) !important;
        }
        
        div.sharing
        {
            
            border-top  : 1px solid var(--accent-color-green) !important;
            padding-top : 20px;
            
            p
            {
                margin        : 0 5px 0 0 !important;
                background    : var(--accent-color-lilac);
                border-radius : var(--default-border-radius);
                transition    : var(--default-transition);
                
                &:hover
                {
                    background : var(--accent-color-green);
                }
                
                a
                {
                    padding         : 5px 10px;
                    border-radius   : var(--default-border-radius);
                    color           : var(--button-text-color) !important;
                    text-decoration : none;
                }
            }
        }
    }
    
    button.mc-modal-close
    {
        padding       : 5px 10px;
        border-radius : var(--default-border-radius);
        
        span.my-calendar-modal-close__text
        {
            display   : none;
            font-size : 0.9em;
        }
    }
}