/* ADDED BY PCC ON 6/30/17 to correct some syle issue*/
table.dataTable tbody td {
    vertical-align: top
}

    table.dataTable tbody td img {
        padding-top: 5px
    }

.banner-content h1, #pcc-callout-292 h2 {
    font-weight: bold;
}

.pcc .columns {
    text-align: left;
}

.pcc img {
    max-width: 250px;
    /*margin-left:-8px;*/ /*commented on 7/13/17 in order to align event image with parking and ticket buttons on details page*/
}

/* ********************** */


.usi-phoenix .calendar-select {
    border-bottom: 5px solid #e5b138; /*changed by PCC on 6/30/17 to make bottom border thicker (changed from 3 to 5)*/
}

    .usi-phoenix .calendar-select li {
        padding-left: 0;
        padding-right: 0;
    }

        .usi-phoenix .calendar-select li a {
            background-color: #fff;
            color: #5b5b5b;
            text-transform: uppercase;
            text-decoration: none;
            padding: 10px 15px;
            display: inline-block;
        }

            .usi-phoenix .calendar-select li a.active {
                color: #fff;
                background-color: #e5b138;
            }

.usi-phoenix #calendar {
    margin-bottom: 5%;
}

    .usi-phoenix #calendar h2 {
        font-family: 'Rokkitt', serif;
        font-size: 67.2px;
        font-size: 4.2rem;
        text-transform: uppercase;
        color: #e5b138;
    }

    .usi-phoenix #calendar .fc-row .fc-content-skeleton td {
        background-color: #ededee;
    }

.usi-phoenix #usi-filters {
    margin: 2% 0;
}

thead {
    text-transform: uppercase;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: left;
}

.fc-event, .fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end {
    background-color: #e5b138;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    cursor: pointer;
    padding: 5px;
}

.fc-day-grid-event .fc-content {
    white-space: normal;
    overflow: visible;
}


/************* BEGIN CALENDAR CSS ****************/

.eventCalendarContainer {
    padding: 0px 1em 20px 1em;
}

.fc-unthemed .fc-today {
    background: transparent;
}

#eventCalendar {
    margin-top: 1em;
}

#eventsCalendar #calendar .fc-toolbar {
    margin-bottom: 1.8em;
}

#eventsCalendar #calendar .fc-left button {
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-weight: bold;
    padding: 0;
    padding-right: 0.3em;
    outline: 0;
}

    #eventsCalendar #calendar .fc-left button .fc-icon-left-single-arrow {
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-right: 7px solid #231F20;
    }

    #eventsCalendar #calendar .fc-left button .fc-icon-right-single-arrow {
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 7px solid #231F20;
    }

#eventsCalendar #calendar .fc-view-container .fc-widget-header {
    border: none;
    background: #ffffff;
    text-transform: uppercase;
    color: #5b5b5b;
    text-align: left;
}

    #eventsCalendar #calendar .fc-view-container .fc-widget-header:first-child .month-container-x-head {
        width: 91%;
    }

    #eventsCalendar #calendar .fc-view-container .fc-widget-header:nth-child(2) .month-container-x-head {
        margin-left: 0.2em;
        width: 88.5%;
    }

    #eventsCalendar #calendar .fc-view-container .fc-widget-header:nth-child(3) .month-container-x-head {
        margin-left: 0.2em;
        width: 89%;
    }

    #eventsCalendar #calendar .fc-view-container .fc-widget-header:nth-child(4) .month-container-x-head {
        margin-left: 0.3em;
        width: 87%;
    }

    #eventsCalendar #calendar .fc-view-container .fc-widget-header:nth-child(5) .month-container-x-head {
        margin-left: 0.1em;
        width: 90%;
    }

    #eventsCalendar #calendar .fc-view-container .fc-widget-header:nth-child(6) .month-container-x-head {
        margin-left: 0.2em;
        width: 87%;
    }

    #eventsCalendar #calendar .fc-view-container .fc-widget-header:nth-child(7) .month-container-x-head {
        margin-left: 0em;
        width: 94%;
    }

#eventsCalendar #calendar .fc-view-container .fc-month-view table {
    z-index: 2;
}

#eventsCalendar #calendar .fc-view-container .fc-month-view .month-container-x {
    background: #EEEEEF;
    position: absolute;
    width: 99.99%;
    height: 100%;
    top: 0;
    z-index: 1;
}

    #eventsCalendar #calendar .fc-view-container .fc-month-view .month-container-x .month-border {
        position: absolute;
        background: #ffffff;
        top: 0;
        height: 100%;
        width: 0.40em;
        z-index: 99;
    }

        #eventsCalendar #calendar .fc-view-container .fc-month-view .month-container-x .month-border.linex1 {
            left: 13.8%;
        }

        #eventsCalendar #calendar .fc-view-container .fc-month-view .month-container-x .month-border.linex2 {
            left: 28%;
        }

        #eventsCalendar #calendar .fc-view-container .fc-month-view .month-container-x .month-border.linex3 {
            left: 42.3%;
        }

        #eventsCalendar #calendar .fc-view-container .fc-month-view .month-container-x .month-border.linex4 {
            left: 56.5%;
        }

        #eventsCalendar #calendar .fc-view-container .fc-month-view .month-container-x .month-border.linex5 {
            left: 70.9%;
        }

        #eventsCalendar #calendar .fc-view-container .fc-month-view .month-container-x .month-border.linex6 {
            left: 85%;
        }

#eventsCalendar #calendar .fc-view-container .fc-widget-content {
    border: none;
}

    #eventsCalendar #calendar .fc-view-container .fc-widget-content .fc-content-skeleton thead tr td {
        background: transparent;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        border: 5px solid white;
        border-bottom: none;
        border-left: none;
        border-right: none;
        color: #595A5C;
        text-align: left;
        padding-left: 0.5em;
        font-weight: bold;
    }

        #eventsCalendar #calendar .fc-view-container .fc-widget-content .fc-content-skeleton thead tr td.fc-other-month {
            color: #CDD0D0;
        }

    #eventsCalendar #calendar .fc-view-container .fc-widget-content .fc-content-skeleton tbody tr td {
        background: transparent;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        padding: 0em;
        padding-left: 0.4em;
        padding-right: 0.4em;
    }

        #eventsCalendar #calendar .fc-view-container .fc-widget-content .fc-content-skeleton tbody tr td .fc-event {
            border: none;
            background: #e5b138;
            color: #ffffff;
            padding: 1em;
            font-size: 0.85em;
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            border-radius: 0px;
            margin-right: 0.3em;
            margin-bottom: 0.4em;
            -webkit-transition: all .3s ease-in;
            -o-transition: all .3s ease-in;
            -moz-transition: all .3s ease-in;
            transition: all .3s ease-in;
        }

            #eventsCalendar #calendar .fc-view-container .fc-widget-content .fc-content-skeleton tbody tr td .fc-event:hover {
                background: #5b5b5b;
            }

            #eventsCalendar #calendar .fc-view-container .fc-widget-content .fc-content-skeleton tbody tr td .fc-event .fc-time {
                display: none;
            }

            #eventsCalendar #calendar .fc-view-container .fc-widget-content .fc-content-skeleton tbody tr td .fc-event .fc-title {
                word-wrap: break-word;
                white-space: pre-wrap;
            }

            #eventsCalendar #calendar .fc-view-container .fc-widget-content .fc-content-skeleton tbody tr td .fc-event:hover {
                cursor: pointer;
            }

    #eventsCalendar #calendar .fc-view-container .fc-widget-content .fc-content-skeleton tbody tr:last-child td {
        padding-bottom: 1em;
    }

.fc-toolbar {
    position: relative;
}

    .fc-toolbar .fc-left h2 {
        text-indent: 70px;
    }

.custom-nav {
    position: relative;
}

    .custom-nav i.fa {
        position: absolute;
        top: 10px;
        display: inline-block;
        background-color: #5b5b5b;
        color: #e5b138;
        font-size: 15px;
        width: 25px;
        line-height: 1.7;
        height: 25px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        cursor: pointer;
        z-index: 5;
    }

        .custom-nav i.fa:before {
            -webkit-transition: all .3s ease-in;
            -o-transition: all .3s ease-in;
            -moz-transition: all .3s ease-in;
            transition: all .3s ease-in;
            display: inline-block;
        }

    .custom-nav i.fa-caret-left {
        left: 0;
    }

        .custom-nav i.fa-caret-left:before {
            position: relative;
            left: 8px;
        }

        .custom-nav i.fa-caret-left:hover:before {
            -webkit-transform: translateX(-2px);
            -moz-transform: translateX(-2px);
            -ms-transform: translateX(-2px);
            -o-transform: translateX(-2px);
            transform: translateX(-2px);
        }

    .custom-nav i.fa-caret-right {
        left: 30px;
    }

        .custom-nav i.fa-caret-right:before {
            position: relative;
            left: 11px;
        }

        .custom-nav i.fa-caret-right:hover:before {
            -webkit-transform: translateX(2px);
            -moz-transform: translateX(2px);
            -ms-transform: translateX(2px);
            -o-transform: translateX(2px);
            transform: translateX(2px);
        }

.fc-right .fc-button-group {
    display: none;
}


/************* END CALENDAR CSS ****************/

@media screen and (min-width: 768px) {

    #usi-filters USIform {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

#usi-filters USIform .form-group .ui-multiselect {
    width: 100% !important;
    display: block;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    background-color: #fff;
    border: 1px solid #5b5b5b;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 14px;
}

@media (min-width: 768px) {

    #usi-filters USIform .form-group {
        width: 33%;
    }
}

#usi-filters USIform label {
    text-transform: uppercase;
}

#usi-filters USIform input, #usi-filters USIform select {
    border: 1px solid #5b5b5b;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

    #usi-filters USIform input::-webkit-input-placeholder {
        color: #5b5b5b;
    }

    #usi-filters USIform input:-moz-placeholder {
        color: #5b5b5b;
    }

    #usi-filters USIform input::-moz-placeholder {
        color: #5b5b5b;
    }

    #usi-filters USIform input:-ms-input-placeholder {
        color: #5b5b5b;
    }

    #usi-filters USIform input::placeholder {
        color: #5b5b5b;
    }

#usi-filters #usi-list-filters USIform .form-group {
}

@media (min-width: 768px)

; {
    #usi-filters #usi-list-filters USIform .form-group

{
    /*width: 19.5%*/
}

}

#usi-filters.list USIform .form-group {
    width: 100%;
}

@media (min-width: 768px) {

    #usi-filters.list USIform .form-group {
        width: 19%;
    }
}

@media screen and (max-width:768px) {

    .dataTable td {
        vertical-align: top;
        display: block;
    }
}

@media screen and (max-width:768px) {

    .dataTable td img {
        max-width: 100%;
        min-width: 150px;
        vertical-align: top;
    }
}

.ui-icon {
    margin-top: 1px;
}

.calendar-img {
    max-width: 250px;
    min-width: 250px;
    margin-left: -8px;
}

.list-title a {
    color: #e5b138;
    font-weight: bold;
    font-size: 18px;
}

a.website {
    color: #e5b138;
    position: relative;
}

    a.website:after {
        font-family: FontAwesome;
        content: "\f08e";
        position: absolute;
        top: 2px;
        right: -15px;
        color: #e5b138;
        font-size: 10px;
    }

a.learn-more {
    background-color: #e5b138;
    color: #fff;
    display: inline-block;
    padding: 5px 20px;
    margin-top: 15px;
}

    a.learn-more:hover {
        text-decoration: none;
    }

.dataTables_length, .dataTables_info, #DataTables_Table_0_paginate, .sorting {
    display: none;
}

.event-tr {
    padding-bottom: 50px;
    display: block;
}

.event-tr-homepage {
    padding-top: 10px;
    border-bottom: 1px solid #eee;
    display: block;
}

.col-sm-12 {
    padding-left: 0px;
}

.feed-item-info {
    font-size: 1.4rem;
    line-height: 1.4285;
}

table.dataTable.no-footer {
    border-color: #e5b138;
}

.bottom {
    margin-top: 30px;
    margin-bottom: 30px;
}

.paging_simple_numbers {
    margin-bottom: 30px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #e5b138 !important;
    background-color: #e5b138 !important;
    color: #fff !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-color: transparent;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #e5b138 !important;
    background-color: #e5b138 !important;
    color: #fff !important;
    border-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.dataTables_wrapper .dataTables_paginate a.paginate_button.previous, .dataTables_wrapper .dataTables_paginate a.paginate_button.next {
    color: #5b5b5b !important;
}

@media screen and (max-width:768px) {

    .dataTable td .description {
        /* display: block;
           
            margin-top: 50px;
           
           
            width: 150%;
            margin-left: -50%;*/
    }
}
/**** Event Details ****/
.event-details-wrap {
    margin-top: 2%;
    margin-bottom: 2%;
}

    .event-details-wrap label.event-info-label {
        text-transform: uppercase;
        color: #b1b1b1;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 0;
    }

    .event-details-wrap .event-info-desc {
        font-size: 18px;
        color: #5b5b5b;
        line-height: 1;
        margin-bottom: 20px;
    }

    .event-details-wrap .event-location {
        border-bottom: 1px solid #b1b1b1;
        padding-bottom: 30px;
    }

    .event-details-wrap .event-parking-info a {
        color: #e5b138;
    }

    .event-details-wrap .label-desc {
        margin-top: 10px;
    }

.second-date-label {
    display: none;
}

@media (min-width: 768px) {

    .second-date-label {
        display: block;
    }
}

.event-details-left-col img, .show-mobile-only img {
    max-width: 100%;
}

.event-details-left-col .event-cta, .show-mobile-only .event-cta {
    display: block;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 19px;
    padding: 10px 0px;
    margin-bottom: 5px;
}

    .event-details-left-col .event-cta.event-tickets, .show-mobile-only .event-cta.event-tickets {
        background-color: #e5b138;
        margin-top: 5px;
    }

        .event-details-left-col .event-cta.event-tickets i.fa-ticket, .show-mobile-only .event-cta.event-tickets i.fa-ticket {
            margin-right: 5px;
        }

@media (min-width: 768px) {

    .event-details-left-col .event-cta.event-tickets, .show-mobile-only .event-cta.event-tickets {
        margin-top: 25px;
    }
}

.event-details-left-col .event-cta.event-parking, .show-mobile-only .event-cta.event-parking {
    background-color: #B1B1B1;
    margin-top: 25px; /*PCC added on 7/13/17 in order to correctly align parking and ticket buttons on details page*/
}

    .event-details-left-col .event-cta.event-parking span, .show-mobile-only .event-cta.event-parking span {
        display: inline-block;
        width: 27px;
        height: 27px;
        font-weight: bold;
        font-size: 17px;
        line-height: 1.7;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        margin-right: 5px;
        border: 1px solid #fff;
    }

@media (min-width: 768px) {

    .event-details-left-col .event-cta, .show-mobile-only .event-cta {
        margin-bottom: 20px;
    }
}

.event-details-right-col h1 {
    color: #e5b138;
    font-family: 'Rokkitt', serif;
    font-weight: bold;
    margin-top: 5px;
    line-height: 0.9;
    font-size: 33px;
}

@media (min-width: 768px) {

    .event-details-right-col h1 {
        margin-top: 0;
    }
}

.event-details-right-col h2 {
    color: #e5b138;
    font-weight: bold;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 0;
}

.show-mobile-only {
    display: block;
}

    .show-mobile-only img {
        max-width: 100%;
    }

@media (min-width: 768px) {

    .show-mobile-only {
        display: none;
    }
}

.show-desktop-only {
    display: none;
}

@media (min-width: 768px) {

    .show-desktop-only {
        display: block;
    }
}

#back-to {
    color: #e5b138;
    margin-top: 15px;
    display: inline-block;
    font-weight: bold;
}

.calendar-select li:nth-child(1) {
}

@media (max-width: 768px) {

    .calendar-select li:nth-child(1) {
        display: none;
    }
}

.enhancedTable.dataTable {
    width: 100% !important;
}

.calendar-share {
    margin-top: 15px;
}