.content__calendar__opts {
    display: none;
    position: relative;
    z-index: 1
}

.content__calendar__key ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.content__calendar__minical .fc-view-container {
    margin-bottom: 1em
}

@media (min-width:1025px) {
    .content__calendar__opts {
        display: block;
        float: right
    }

    .content__calendar__minical {
        float: left
    }

    .content__calendar__minical .fc-view-container {
        display: none
    }

    .fc-cal-icon-hide {
        opacity: 0
    }
}

.content__calendar--list .content__calendar__fullcal .fc-toolbar {
    display: none
}

@media (min-width:1025px) {

    .content__calendar--list .content__calendar__key,
    .content__calendar--list .content__calendar__minical {
        width: 40%;
        float: left
    }

    .content__calendar--list .content__calendar__fullcal .fc-toolbar,
    .content__calendar--list .content__calendar__minical .fc-view-container {
        display: block
    }

    .content__calendar--list .content__calendar__fullcal .fc-toolbar {
        width: 100%
    }

    .content__calendar--list .content__calendar__fullcal .fc-view-container {
        width: 60%;
        min-height: 20em;
        float: right;
        padding-left: 1em
    }
}

.content__calendar__opts {
    display: block;
    clear: both
}

.ics_download {
    padding-bottom: 2em
}

.ics_download p {
    line-height: 1.5em
}

.ics_download_info .content__calendar__ics i {
    margin-left: 0.5em
}

.calendar__help {
    clear: both;
    padding-bottom: 0.2em;
    border-bottom: 1px solid #BBB
}

.calendar__accordion__title {
    padding: .5em 3em .5em 1em;
    border: 1px solid #343434;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
    -webkit-transition: background .4s, color .4s;
    -o-transition: background .4s, color .4s;
    transition: background .4s, color .4s;
    margin-bottom: 0.25em;
    position: relative;
    cursor: pointer;
    margin-top: 0.55em;
    color: #363636;
    background-color: #F8F8F8
}

.calendar__accordion__title i {
    position: absolute;
    right: 1em;
    top: 50%;
    margin-top: -10px
}

.calendar__accordion__title.open {
    color: #F8F8F8;
    background-color: #363636
}

.calendar__accordion__container {
    overflow: hidden;
    padding: 0 1em;
    font-size: 0.875em
}

.js .calendar__accordion__container {
    display: none
}

@media (min-width:1025px) {
    .content__calendar__opts {
        clear: none
    }

    .ics_download_info {
        position: relative;
        padding-right: 160px
    }

    .ics_download_info .fc-toolbar {
        right: 0;
        bottom: 50%;
        position: absolute;
        margin-bottom: -20px
    }

    .ics_download_info .fc-toolbar .ui_button {
        margin-right: 0
    }
}

.client_dialog_close {
    cursor: pointer
}

.content__calendar__fullcal {
    position: relative
}

.fullcal_tooltip {
    display: none
}

@media (min-width:769px) {
    .fullcal_tooltip {
        top: calc(100% + 15px);
        left: 50%;
        z-index: 10;
        width: 200px;
        height: auto;
        display: block;
        background: #FFF;
        padding: 5px 10px;
        text-align: center;
        position: absolute;
        margin-left: -50px;
        border-radius: 10px;
        border: 2px solid;
        -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3);
        box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3);
        line-height: normal
    }

    .fullcal_tooltip h4 {
        font-size: 12px;
        margin: 0 0 5px
    }

    .fullcal_tooltip article {
        font-size: 12px
    }

    .fullcal_tooltip .fullcal_tooltip__arrow {
        width: 0;
        height: 0;
        content: '';
        bottom: 100%;
        left: 50%;
        margin-left: -10px;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid
    }
}

.content__event__list {
    padding: 0;
    margin: 0 -.5em;
    list-style: none
}

.content__event__list li {
    display: block;
    position: relative;
    padding: 0 .5em;
    margin: 0 0 1em
}

@media (min-width:769px) {

    .content__event__list--2 li,
    .content__event__list--3 li,
    .content__event__list--4 li {
        width: 50%;
        float: left
    }
}

@media (min-width:1025px) {

    .content__event__list--3 li,
    .content__event__list--4 li {
        width: 33.33%
    }
}

@media (min-width:1301px) {
    .content__event__list--4 li {
        width: 25%
    }
}

.content__event__cals .ui_toolbar {
    margin: 0
}

.calendar_tooltip {
    z-index: 150;
    width: 200px;
    margin-left: -100px;
    height: auto;
    display: block;
    background: #FFF;
    padding: 5px 10px;
    text-align: center;
    position: absolute;
    border-radius: 10px;
    border: 2px solid #bb59ab;
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3)
}

.mason--admin .calendar_tooltip {
    margin-top: -110px
}

.calendar_tooltip h4 {
    font-size: 12px;
    margin: 0 0 5px
}

.calendar_tooltip article {
    font-size: 12px
}

.calendar_tooltip .calendar_tooltip__arrow {
    z-index: 150;
    width: 0;
    height: 0;
    content: '';
    bottom: 100%;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #bb59ab
}

.content__calendar__opts {
    position: relative;
    z-index: 2
}

@media (max-width:768px) {
    .content__calendar__opts {
        display: none
    }
}

@media (max-width:300px) {
    .fc-left h2 {
        width: 75px;
        overflow: hidden;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }
}