/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+                    WARNING:    DO NOT UPDATE OR CHANGE THIS FILE                    +
+     IF YOU WANT MODIFY THESE STYLES PLEASE USE THE OVERRIDE FILE IN YOUR CSS_SITE   +
+     FOLDER, UPDATES TO THESE STYLES DELETED UPON NEXT TEMPLATE UPGRADE              +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.EventsHolder {
    float: left;
    width: 100%;
    padding: 5px;
    height: auto;
    box-sizing: border-box;
}

    .EventsHolder div {
        height: auto !important;
    }

.EventTitleHolder {
    float: left;
    clear: both;
    width: 100%;
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    border-bottom: 0px;
}

.Spud_House {
    float: left;
    clear: both;
    width: 100%;
    box-sizing: border-box;
}

    .Spud_House iframe {
        min-height: initial !important;
        width: 100% !important;
        margin: 0px;
        padding: 0px;
    }

.feedflare {
    /*CNN and Other services link to outside sources*/
    display: none !important;
}

.event_image_link {
    display: none;
}


#centercontent .event_image {
    width: 100%;
    height: auto;
    padding: 0px;
    margin: 0%;
    box-sizing: border-box;
}

#centercontent .event_image img {
    max-width: 100%;
    height: auto;
    padding: 0px;
    margin: 0%;
    box-sizing: border-box;
}

#centercontent .EventsWidgetTitle {
    float: left;
    width: 100%;
    background: inherit;
    color: inherit;
    padding: 5px;
    margin: 0px;
    box-sizing: border-box;
    font-size: 24px;
    border-width: 0px;
    border-bottom-width: 4px;
    font-family: Roboto, Arial, San-Serif !important;
}

#centercontent .event_location {
    clear: both;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    font-family: Roboto, Arial, San-Serif !important;
}

.event_contact {
    float: left;
    clear: both;
    width: 100%;
    box-sizing: border-box;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
    margin: 0px;
    margin-top: 5px !important;
    margin-bottom: 5px;
    padding: 5px !important;
    padding-left: 0px !important;
    font-size: 12px !important;
}

.event_infobuttons {
    float: left;
    margin-left: 0px !important;
    margin-right: 8px !important;
    margin-bottom: 5px !important;
    min-width: 50px;
    min-width: 46%;
    font-size: 12px !important;
    font-family: Roboto, Arial, San-Serif !important;
    padding: 2px 8px !important;
    line-height: 22px;
    background-color: #f6f7f9;
    border: solid 1px #aaa !important;
    color: #4b4f56;
    text-align: center;
    box-sizing:border-box;
}

a.event_infobuttons:hover {
    background-color: #222 !important;
    border: solid 1px #aaa !important;
    color: #f7f7f7 !important;
}

.event_details {
    font-size: 14px !important;
    font-weight: 700;
    font-family: Roboto, Arial, San-Serif !important;
}

.event_options {
    margin-top: 5px;
    box-sizing: border-box;
    padding: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .event_options ul {
        background-color: #f6f7f9;
        color: #4b4f56;
    }

    .event_options ul,
    .event_options li {
        list-style-type: none !important;
    }

    .event_options ul {
        margin: 5px;
    }
    
    .event_options ul li {
            text-align: left;
            box-sizing: border-box;
            font-size: 13px !important;
            font-family: Roboto, Arial, San-Serif !important;
        }

#centercontent p .MoreEventsButton
{
    padding:4px !important;
    font-size:14px !important;
    margin:5px !important;
}

.ResumeDataLoad
{

}

.event_image.image_two
{
    display:none;
}

/*-----------------------------------------------------
     CONTROL PANEL SETUP
 */
.Events_ControlPanel {
    
}

.EventsFrame_ctrl_on {
    grid-area: events;
    -ms-grid-area: events;
    -ms-grid-column:1;
}

.Events_ControlPanel {
    grid-area: controlpanel;
    -ms-grid-area: controlpanel;
    -ms-grid-column:2;
}

.EventsControlPanelFrame {
    display: grid;
    grid-template-columns: 75% 25%;
    grid-template-areas: "events controlpanel";
    grid-gap: 10px;

    display: -ms-grid;
    -ms-grid-columns: 75% 25%;
    -ms-grid-template-areas: "events controlpanel";
    -ms-grid-gap: 10px;
}

.EventsFrame_ctrl_off {
    float: left;
    width: 100% !important;
    box-sizing:border-box;
    padding:5px !important;
    margin-bottom:10px;
}

.EventsFrame_ctrl_on {
    float:left;
    margin-bottom:10px;
    box-sizing:border-box;
    padding:5px !important;
}

#centercontent .ControlPanelCalendar_Month {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    float: left;
    width: 100%;
}

    #centercontent .ControlPanelCalendar_Month li {
        float: left;
        width: 14.27%;
        box-sizing: border-box;
        margin: 0px;
        padding: 1px;
        border: 1px;
        list-style-type: none !important;
    }

    #centercontent .ControlPanelCalendar_Month .activeday,
    #centercontent .ControlPanelCalendar_Month .non_activeday {
        min-height: 44px;
        padding-top: 2px !important;
    }

    #centercontent .ControlPanelCalendar_Month li .ShowTheDay {
        /* position: absolute;
            top: 2px;
            bottom: 2px;
            left: 2px;
            right: 2px;*/
        position: relative;
        height: 24px;
        padding: 2px;
        background-color: inherit;
        color: inherit;
        font-size: 14px !important;
        text-align: center;
    }

#centercontent .ControlPanelTitle {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    margin: 0px;
    padding: 3px;
    width: 100%;
    box-sizing: border-box;
}

#centercontent .EventCPDateHolder {
    float: left;
}

#centercontent .selControlPanelMonth {
    margin: 0px;
    box-sizing: border-box;
    width: 100%;
    padding: 0px;
    float: left;
}

    #centercontent .selControlPanelMonth li {
        margin: 0px;
        box-sizing: border-box;
        width: 100%;
        padding: 0px;
        float: left;
        width: 50%;
        padding: 1px;
        list-style-type: none;
    }

    #centercontent .selControlPanelMonth.PanelMonths2 li {
        margin: 0px;
        box-sizing: border-box;
        padding: 0px;
        float: left;
        width: 15%;
        height:22px;
        padding: 1px;
        list-style-type: none;
        text-align: center;
        margin: 1px;
        font-size: 12px !important;
        
    }

        #centercontent .selControlPanelMonth.PanelMonths2 li:first-child {
           /* min-height: 48px;*/
        }

        #centercontent .selControlPanelMonth.PanelMonths2 li.nobutton {
            padding-top: 6px;
        }


    #centercontent .selControlPanelMonth.PanelMonths2 button {
        font-size: 12px !important;
        padding: 2px !important;
        float: left;
        margin: 0px;
        box-sizing: border-box;
        background-color:#525252;
        color:#f7f7f7;
    }

    #centercontent .selControlPanelMonth button:hover {
        box-shadow: 2px 2px 2px rgba(0,0,0,.4);
        transition: all 500ms;
    }

#centercontent .ControlPanelMonth {
    float: left;
    padding: 0px;
    margin-top: 8px;
    margin-bottom: 8px;
}

    #centercontent .ControlPanelMonth p {
        float: left;
        text-align: center;
        width: 100%;
        box-sizing: border-box;
        padding: 4px;
        margin: 0px;
    }

#centercontent .ControlPanelCalendar_Month li {
    padding: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
}

#centercontent .ControlPanelMonth {
    font-size: 12px;
    
    color: #505050;
    background-color: #f0f0f0;
}

#centercontent .FilterDay {
    font-size: 12px;
    
    color: #00579E;
    background-color: #fff;
    padding: 2px;
    border: solid 1px #00579E;
    border-radius: 4px;
}

.SearchEventsHolder {
    float: left;
    width: 100%;
}

.Events_ControlPanel label {
    float: left;
    width: 28%;
}

.Events_ControlPanel input[type='text'] {
    float: left;
    width: 70%;
}

#centercontent .EventSearchResults {
    width: 98%;
    margin: 1%;
    margin-top: 8px;
    box-sizing: border-box;
    padding: 1%;
    min-height:250px;
  /*  max-height: 250px;
    overflow: auto;*/
}

#centercontent .SearchResults {
   /* overflow: auto;*/
}

    #centercontent .EventSearchResults .SearchResults li {
        font-size: 12px !important;
        
        border-bottom: solid 1px #ccc !important;
        margin-bottom:5px !important;
    }

.CalSearchTitle {
    float: right;
    width: 90%;
    font-size: 12px !important;
    line-height: 19px !important;
}

@media (max-width: 1100px) {

    #centercontent .ControlPanelMonth {
        margin-left: 0px;
        margin-right: 0px;
        box-sizing: border-box;
    }

    #centercontent .selControlPanelMonth.PanelMonths2 button {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
}

@media (max-width: 1000px) {
       
    #centercontent .selControlPanelMonth.PanelMonths2 li:first-child {
       /* min-height: 85px;*/
    }

    #centercontent .CalDayTitle, #centercontent .activeday, #centercontent .non_activeday,
    #centercontent li.activeday span, #centercontent li.non_activeday span {
        font-size: 12px !important;
        
    }

    #centercontent .ControlPanelCalendar_Month li .ShowTheDay {
        padding: 0px;
    }

    .Events_ControlPanel label {
        float: left;
        clear: both;
    }

    .Events_ControlPanel input[type='text'] {
        width: 99%;
    }

    #centercontent .selControlPanelMonth.PanelMonths2 button {
        padding-left: 1px !important;
        padding-right: 1px !important;
    }
    
    #centercontent .selControlPanelMonth,
    #centercontent .selControlPanelMonth.PanelMonths2
    {
        padding-left:15px;
    }

    #centercontent .selControlPanelMonth li,
    #centercontent .selControlPanelMonth.PanelMonths2 li {
        width: 44px;
        height: 44px;
        text-align: center;
        padding-top: 10px;
        box-sizing: border-box;
    }

        #centercontent .selControlPanelMonth.PanelMonths2 li.nobutton {
            padding-top: 12px;
        }

@media (max-width: 800px) {

    .EventsControlPanelFrame {
        display: -ms-grid;
        -ms-grid-columns: 72% 27%;
        -ms-grid-template-areas: "events controlpanel";
        -ms-grid-gap: 10px;
        display: grid;
        grid-template-columns: 72% 27%;
        grid-template-areas: "events controlpanel";
        grid-gap: 10px;
    }
   
   #centercontent .ControlPanelMonth
   {
       width:100%;
       padding-left:1px;
       padding-right:1px;
       box-sizing:border-box;
   }

    #centercontent .ControlPanelCalendar_Month li {
        width: 44px;
        height: 44px;
    }

    #centercontent .ControlPanelCalendar_Month .CalDayTitle {
        text-align: center;
        font-size: 12px !important;
        padding: 0px;
        padding-top: 10px;
        padding-left: 0px;
        padding-right: 0px;
        width: 44px;
        height: 44px;
        box-sizing: border-box;
    }
    #centercontent .ControlPanelCalendar_Month .activeday,
    #centercontent .ControlPanelCalendar_Month .non_activeday {
        min-height: 44px;
        padding-top: 2px !important;
        width:44px;
        padding-left:0px;
        padding-right:0px;
        text-align:center;

    }

    .Spud_House {
        float: left;
        clear: both;
        width: 96%;
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
    }


@media (max-width: 500px) {

    .EventsControlPanelFrame {
        display: grid;
        display: -ms-grid;
        grid-template-columns: 100%;
        grid-template-areas: "controlpanel" "events";
        grid-gap: 10px;
    }

    .Events_ControlPanel label {
        float: left;
        width: 28%;
    }

    .Events_ControlPanel input[type='text'] {
        width: 68%;
    }

   #centercontent .activeday, #centercontent .non_activeday {
        font-size: 15px !important;        
        width: 44px;
        text-align:center;
    }
    #centercontent li.activeday .ShowTheDay, #centercontent li.non_activeday .ShowTheDay {
        font-size: 15px !important;
        
        width: 100%;
        text-align: left;
    }

    #centercontent li.activeday .TimeTextBlock, #centercontent li.non_activeday .TimeTextBlock {
        font-size: 15px !important;
        
        width: 100%;
        text-align:center;
    }

}


        /*----------------------------------------------------
    IMAGES ON / OFF
*/

        .img_off img {
            display: none;
        }
        /*--------------------------------------------------
   BASIC LIST
*/

        .Events_List {
        }

            .Events_List .Spud_House {
                overflow: auto;
            }

        #centercontent .Events_List .EventCard_Shell {
            float: left;
            width: 100%;
            clear: both;
        }

        #centercontent .Events_List .EventCard {
            padding: 15px;
            box-sizing: border-box;
            border-left: 0px;
            border-right: 0px;
            border-top: 0px;
        }

            #centercontent .Events_List .EventCard .EventTitle a {
                font-weight: 900;
                border-bottom-width: 0px;
            }

            #centercontent .Events_List .EventCard.univBlue .EventTitle a,
            #centercontent .Events_List .EventCard.medBlue .EventTitle a,
            #centercontent .Events_List .EventCard.lightBlue .EventTitle a,
            #centercontent .Events_List .EventCard.gray .EventTitle a,
            #centercontent .Events_List .EventCard.orange .EventTitle a,
            #centercontent .Events_List .EventCard.black .EventTitle a {
                border-bottom-width: 1px;
            }

            #centercontent .Events_List .EventCard .EventTitle a:hover {
                border-bottom-width: 1px;
            }

            #centercontent .Events_List .EventCard .EventDateText,
            #centercontent .Events_List .EventCard .event_location,
            #centercontent .Events_List .EventCard .event_contact,
            #centercontent .Events_List .EventCard .description,
            #centercontent .Events_List .EventCard .event_details,
            #centercontent .Events_List .EventCard .event_options {
                font-family: Roboto, Arial, San-Serif !important;
                font-size: 14px;
                padding-left: 25px !important;
                padding-bottom: 10px;
                clear: both;
                background-color: inherit;
                color: inherit;
            }

            #centercontent .Events_List .EventCard .event_library {
                float: left;
                font-size: 14px;
                padding-left: 25px;
            }

                #centercontent .Events_List .EventCard .event_library p {
                    margin: 0px;
                    margin-bottom: 5px;
                }

            #centercontent .Events_List .EventCard .EventDateText span {
                font-size: 18px;
                font-weight: 500;
                margin-right: 10px;
            }

            #centercontent .Events_List .EventCard .description p {
                margin-left: 0px;
            }

            #centercontent .Events_List .EventCard .event_details {
                display: none;
            }

        #centercontent .Events_List .event_image.image_one {
            display: none;
        }

        #centercontent .Events_List .event_image {
            width: 25%;
            padding: 15px;
            border: solid 1px #ccc;
            background-color: #fff;
            clear: none;
            float: left;
        }

        #centercontent .Events_List .EventCard .description {
            width: 72%;
            clear: none;
            float: left;
            font-size: 18px;
        }

            #centercontent .Events_List .EventCard .description.noimage {
                width: 100%;
                padding-left: 25px;
            }

        /*--------------------------------------------------
  CALENDAR LIST -- THIS HAS ADDITIONAL STYLING COMING FROM CSUF CLASSES
*/
        #centercontent .CalendarList.EventCard_Shell {
            padding-left: 35px;
            border-top: 0px;
            margin-top: 0px;
            clear: both;
            float: left;
            width: 100%;
            box-sizing: border-box;
        }

        #centercontent .CalendarList .EventCard {
            float: left;
            width: 100%;
            border-top: 0px;
            padding: 5px;
            margin-top: 0px;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

        #centercontent .CalendarList ul {
            margin: 0px;
            margin-top: 15px;
            float: left;
            clear: both;
            width: 100%;
            box-sizing: border-box;
        }

            #centercontent .CalendarList ul.ResumeDataLoad {
                margin-top: 0px;
            }

        #centercontent .CalendarList li {
            clear: both;
            float: left;
            width: 100%;
            box-sizing: border-box;
            border-bottom: 0px !important;
            padding: 0px !important;
            margin: 0px !important;
        }

        #centercontent .CalendarList .event_image.image_one {
            display: none;
        }

        #centercontent .CalendarList .EventTitle h3 {
            margin-bottom: 0px;
            line-height: 16px;
        }

            #centercontent .CalendarList .EventTitle h3 a {
                font-size: inherit;
            }

        #centercontent .CalendarList .EventDateText {
            float: left;
        }

            #centercontent .CalendarList .EventDateText span {
                float: left;
            }

                #centercontent .CalendarList .EventDateText span:nth-child(1),
                #centercontent .CalendarList .EventDateText span:nth-child(2) {
                    display: none;
                }

                #centercontent .CalendarList .EventDateText span:nth-child(3) {
                    font-size: 18px;
                    font-style: italic;
                }

        #centercontent .CalendarList .EventCard .EventDateText,
        #centercontent .CalendarList .EventCard .event_location,
        #centercontent .CalendarList .EventCard .event_contact,
        #centercontent .CalendarList .EventCard .description,
        #centercontent .CalendarList .EventCard .event_details,
        #centercontent .CalendarList .EventCard .event_options {
            padding-left: 35px !important;
            width: 100%;
            box-sizing: border-box;
            float: left;
            clear: both;
        }

            #centercontent .CalendarList .EventCard .event_options ul,
            #centercontent .CalendarList .EventCard .event_options li {
                float: left;
            }

            #centercontent .CalendarList .EventCard .event_options ul {
                width: 100%;
                box-sizing: border-box;
                margin-top: 0px;
            }

                #centercontent .CalendarList .EventCard .event_options ul li {
                    float: left;
                    width: 32%;
                    clear: none;
                    margin-right: 1%;
                }


        #centercontent .Events_CalendarList.mysize-5 .EventCard .event_options ul li,
        #centercontent .Events_CalendarList.mysize-4 .EventCard .event_options ul li,
        #centercontent .Events_CalendarList.mysize-3 .EventCard .event_options ul li {
            width: 32%;
        }

        #centercontent .Events_CalendarList.mysize-2 .EventCard .event_options ul li {
            width: 49%;
        }

        #centercontent .Events_CalendarList.mysize-1 .EventCard .event_options ul li {
            width: 99%;
        }


        #centercontent .CalendarList .EventCard .event_contact {
            border: 0px;
        }

        #centercontent .CalendarList .EventCard .event_infobuttons {
            padding-top: 2px;
            padding-bottom: 3px;
            padding-left: 28px;
            padding-right: 8px;
            background-color: inherit;
            color: inherit;
        }

        #centercontent .CalendarList .EventCard .description {
            display: none;
            border: 0px;
        }

        #centercontent .CalendarList .EventCard .event_library {
            float: left;
            font-size: 14px;
            padding-left: 35px;
        }

            #centercontent .CalendarList .EventCard .event_library p {
                float: left;
                margin: 0px;
                width: 225px;
            }


        #centercontent .CalendarList .EventCard .event_details {
            display: none;
        }


        /*--------------------------------------------------
    CARDS (2 Wide) 
*/

        #centercontent .Events_CalendarListDetails {
        }

            #centercontent .Events_CalendarListDetails .EventCard_Shell {
                clear: both;
                float: left;
                margin-top: 2px;
            }

            #centercontent .Events_CalendarListDetails ul {
                margin: 0px;
                margin-bottom: 5px;
            }

            #centercontent .Events_CalendarListDetails .description ul {
                margin: 0px;
                margin-left: 35px;
                margin-bottom: 5px;
            }

            #centercontent .Events_CalendarListDetails .EventContainer_UL > li, .Events_CalendarListDetails EventContainer_UL > li {
                clear: both;
                float: left;
                width: 100%;
                box-sizing: border-box;
                border-bottom: 0px !important;
                padding: 0px !important;
                margin: 0px !important;
                list-style-type: none;
            }

            #centercontent .Events_CalendarListDetails .EventDate_DayBar {
                margin-top: 10px;
                font-size: 15px;
            }

                #centercontent .Events_CalendarListDetails .EventDate_DayBar:first-child {
                    margin-top: 0px;
                }


            #centercontent .Events_CalendarListDetails .event_image.image_one {
                display: none;
            }

            #centercontent .Events_CalendarListDetails .EventTitle {
                margin-left: 30px;
                margin-top: 10px;
            }

            #centercontent .Events_CalendarListDetails h3 {
                position: relative;
                line-height: none;
                margin-bottom: 0px;
            }

                #centercontent .Events_CalendarListDetails h3 a {
                    margin-left: 8px;
                    font-size: 1em;
                    font-family: 'Roboto', Arial, sans-serif !important;
                    position: relative;
                }

                    #centercontent .Events_CalendarListDetails h3 a:before, .Events_CalendarListDetails h3 a:before {
                        /* content: "\f133";
                font-family: 'fa', FontAwesome;
                position: absolute;
                font-size: .8em;
                left: -20px;
                top: 0px;
                width: 10px;
                height: auto;
                opacity: .5;*/
                    }

            #centercontent .Events_CalendarListDetails .EventDateText {
                margin-left: 25px;
                float: none;
                clear: both;
                line-height: 14px;
            }

                #centercontent .Events_CalendarListDetails .EventDateText .EventDetails .button {
                    padding: 4px !important;
                    font-size: 12px !important;
                    margin-left: 10px;
                    border: solid 1px #ccc;
                }

                    #centercontent .Events_CalendarListDetails .EventDateText .EventDetails .button:hover,
                    #centercontent .Events_CalendarListDetails .EventDateText .EventDetails .button:focus {
                        box-shadow: 3px 3px 3px rgba(0,0,0,.2);
                        border: solid 1px #235392;
                    }

                #centercontent .Events_CalendarListDetails .EventDateText .EventDate,
                #centercontent .Events_CalendarListDetails .EventDateText .EventBar {
                    display: none;
                }


                #centercontent .Events_CalendarListDetails .EventDateText span {
                    float: none;
                }

                    #centercontent .Events_CalendarListDetails .EventDateText span:nth-child(1),
                    #centercontent .Events_CalendarListDetails .EventDateText span:nth-child(2) {
                        display: none;
                    }

                    #centercontent .Events_CalendarListDetails .EventDateText span:nth-child(3) {
                        font-size: 18px;
                        font-style: italic;
                    }

            #centercontent .Events_CalendarListDetails .EventCard .EventDateText,
            #centercontent .Events_CalendarListDetails .EventCard .event_location,
            #centercontent .Events_CalendarListDetails .EventCard .event_contact,
            #centercontent .Events_CalendarListDetails .EventCard .description,
            #centercontent .Events_CalendarListDetails .EventCard .event_details,
            #centercontent .Events_CalendarListDetails .EventCard .event_options,
            #centercontent .Events_CalendarListDetails .EventCard .event_library {
                padding-left: 35px !important;
                width: 100%;
                box-sizing: border-box;
                float: left;
                clear: both;
            }

                #centercontent .Events_CalendarListDetails .EventCard .event_library p {
                    margin: 0px;
                    margin-top: 5px;
                    font-size: 16px;
                }

                    #centercontent .Events_CalendarListDetails .EventCard .event_library p span {
                        float: left;
                        width: 80px;
                    }

                #centercontent .Events_CalendarListDetails .EventCard .event_options ul,
                #centercontent .Events_CalendarListDetails .EventCard .event_options li {
                    float: left;
                }

                #centercontent .Events_CalendarListDetails .EventCard .event_options ul {
                    width: 100%;
                    box-sizing: border-box;
                    margin-top: 0px;
                }

                    #centercontent .Events_CalendarListDetails .EventCard .event_options ul li {
                        float: left;
                        width: 32%;
                        clear: none;
                        margin-right: 1%;
                    }


            #centercontent .Events_CalendarListDetails.mysize-5 .EventCard .event_options ul li,
            #centercontent .Events_CalendarListDetails.mysize-4 .EventCard .event_options ul li,
            #centercontent .Events_CalendarListDetails.mysize-3 .EventCard .event_options ul li {
                width: 32%;
            }

            #centercontent .Events_CalendarListDetails.mysize-2 .EventCard .event_options ul li {
                width: 49%;
            }

            #centercontent .Events_CalendarListDetails.mysize-1 .EventCard .event_options ul li {
                width: 99%;
            }


            #centercontent .Events_CalendarListDetails .EventCard .event_contact {
                border: 0px;
            }

            #centercontent .Events_CalendarListDetails .EventCard .event_infobuttons {
                padding-top: 2px;
                padding-bottom: 3px;
                padding-left: 28px;
                padding-right: 8px;
                background-color: inherit;
                color: inherit;
            }

            #centercontent .Events_CalendarListDetails .EventCard .EventDetailsHolder {
                display: none;
                border: 0px;
                float: left;
                clear: both;
                padding-left: 50px;
            }

            #centercontent .Events_CalendarListDetails .EventCard .description,
            #centercontent .Events_CalendarListDetails .EventCard .description p {
                font-size: 14px;
                line-height: 18px;
            }


            #centercontent .Events_CalendarListDetails .EventCard .event_details {
                display: none;
            }

        /*--------------------------------------------------
    CARDS (2 Wide) 
*/
        .Events_Cards_2 {
            padding: 5px;
            margin: 0px;
            float: left;
            width: 100%;
            box-sizing: border-box;
        }

            #centercontent .Events_Cards_2 .EventCard_Shell,
            .Events_Cards_2 .EventCard_Shell {
                float: left;
                font-size: 14px;
                width: 50%;
                margin: 0;
                padding: 1%;
                box-sizing: border-box;
                min-height: 200px;
            }

            .Events_Cards_2 .EventCard {
                padding: 5px !important;
                box-shadow: 2px 2px 4px rgba(0,0,0,0);
                transition: box-shadow 1.25s;
            }

        #centercontent .Events_Cards_2 .image_one {
            display: none;
        }

        #centercontent .Events_Cards_2 .EventCard .EventTitle {
            padding-left: 15px;
            padding-right: 15px;
            margin-bottom: 15px;
        }

            #centercontent .Events_Cards_2 .EventCard .EventTitle a {
                font-family: Roboto, Arial, San-Serif !important;
                font-size: 18px;
                font-weight: 900;
                border-bottom-width: 0px;
            }

        #centercontent .Events_Cards_2 .EventCard .EventDateText,
        #centercontent .Events_Cards_2 .EventCard .description {
            font-family: Roboto, Arial, San-Serif !important;
            font-size: 14px;
            padding-left: 15px;
            padding-right: 15px;
            padding-bottom: 10px;
        }

            #centercontent .Events_Cards_2 .EventCard .EventDateText span {
                font-size: 14px;
                font-weight: 700;
                margin-right: 10px;
            }

            #centercontent .Events_Cards_2 .EventCard .description p {
                margin-left: 0px;
            }

        #centercontent .Events_Cards_2 .EventCard .EventDetailsHolder {
            font-family: Roboto, Arial, San-Serif !important;
            font-size: 14px;
            padding-left: 15px;
            padding-right: 15px;
            padding-bottom: 10px;
        }

        #centercontent .Events_Cards_2 .EventCard .event_details {
            display: none;
        }

        /*--------------------------------------------------
    CARDS (3 Wide) 
*/
        .Events_Cards_3 {
            padding: 5px;
            margin: 0px;
            float: left;
            width: 100%;
            box-sizing: border-box;
        }

            #centercontent .Events_Cards_3 .EventCard_Shell,
            .Events_Cards_3 .EventCard_Shell {
                float: left;
                font-size: 14px;
                width: 33.3%;
                margin: 0;
                padding: 1%;
                box-sizing: border-box;
                min-height: 200px;
            }

            .Events_Cards_3 .EventCard {
                padding: 5px !important;
                box-shadow: 2px 2px 4px rgba(0,0,0,0);
                transition: box-shadow 1.25s;
            }

        #centercontent .Events_Cards_3 .image_one {
            display: none;
        }

        #centercontent .Events_Cards_3 .EventCard .EventTitle {
            padding-left: 10px;
            padding-right: 10px;
            margin-bottom: 10px;
        }

            #centercontent .Events_Cards_3 .EventCard .EventTitle a {
                font-family: Roboto, Arial, San-Serif !important;
                font-size: 18px;
                font-weight: 900;
                border-bottom-width: 0px;
            }

        #centercontent .Events_Cards_3 .EventCard .EventDateText,
        #centercontent .Events_Cards_3 .EventCard .description {
            font-family: Roboto, Arial, San-Serif !important;
            font-size: 14px;
            padding-left: 10px;
            padding-right: 10px;
            padding-bottom: 10px;
        }

        #centercontent .Events_Cards_3 .EventCard .EventDateText {
            float: left;
            clear: both;
        }

            #centercontent .Events_Cards_3 .EventCard .EventDateText span {
                float: left;
                font-size: 14px;
                font-weight: 700;
                margin-right: 10px;
            }

                #centercontent .Events_Cards_3 .EventCard .EventDateText span:nth-child(2) {
                    display: none;
                }

                #centercontent .Events_Cards_3 .EventCard .EventDateText span:nth-child(3) {
                    clear: both;
                }

        #centercontent .Events_Cards_3 .EventCard .description {
            clear: both;
        }

            #centercontent .Events_Cards_3 .EventCard .description p {
                margin-left: 0px;
            }


        #centercontent .Events_Cards_3 .EventCard .EventDetailsHolder {
            font-family: Roboto, Arial, San-Serif !important;
            font-size: 14px;
            padding-left: 10px;
            padding-right: 10px;
            padding-bottom: 10px;
        }

        #centercontent .Events_Cards_3 .EventCard .event_details {
            display: none;
        }

        /*--------------------------------------------------
    CARDS (4 Wide) 
*/
        .Events_Cards_4 {
            padding: 5px;
            margin: 0px;
            float: left;
            width: 100%;
            box-sizing: border-box;
        }

            #centercontent .Events_Cards_4 .EventCard_Shell,
            .Events_Cards_4 .EventCard_Shell {
                float: left;
                font-size: 14px;
                width: 25%;
                margin: 0;
                padding: 1%;
                box-sizing: border-box;
                min-height: 200px;
            }

            .Events_Cards_4 .EventCard {
                padding: 5px !important;
                box-shadow: 2px 2px 4px rgba(0,0,0,0);
                transition: box-shadow 1.25s;
            }

        #centercontent .Events_Cards_4 .image_one {
            display: none;
        }

        #centercontent .Events_Cards_4 .EventCard .EventTitle {
            padding-left: 10px;
            padding-right: 10px;
            margin-bottom: 10px;
        }

            #centercontent .Events_Cards_4 .EventCard .EventTitle a {
                font-family: Roboto, Arial, San-Serif !important;
                font-size: 16px;
                font-weight: 900;
                border-bottom-width: 0px;
            }

        #centercontent .Events_Cards_4 .EventCard .EventDateText,
        #centercontent .Events_Cards_4 .EventCard .description {
            font-family: Roboto, Arial, San-Serif !important;
            font-size: 12px;
            padding-left: 10px;
            padding-right: 10px;
            padding-bottom: 10px;
        }

        #centercontent .Events_Cards_4 .EventCard .EventDateText {
            float: left;
            clear: both;
        }

            #centercontent .Events_Cards_4 .EventCard .EventDateText span {
                float: left;
                font-size: 13px;
                font-weight: 700;
                margin-right: 10px;
            }

                #centercontent .Events_Cards_4 .EventCard .EventDateText span:nth-child(2) {
                    display: none;
                }

                #centercontent .Events_Cards_4 .EventCard .EventDateText span:nth-child(3) {
                    clear: both;
                }

        #centercontent .Events_Cards_4 .EventCard .description {
            clear: both;
        }

            #centercontent .Events_Cards_4 .EventCard .description p {
                margin-left: 0px;
                font-size: 14px;
            }


        #centercontent .Events_Cards_4 .EventCard .EventDetailsHolder {
            font-family: Roboto, Arial, San-Serif !important;
            font-size: 12px;
            padding-left: 10px;
            padding-right: 10px;
            padding-bottom: 10px;
        }

        #centercontent .Events_Cards_4 .EventCard .event_details {
            display: none;
        }

        .Events_Cards_2 .EventCard:hover,
        .Events_Cards_3 .EventCard:hover,
        .Events_Cards_4 .EventCard:hover {
            box-shadow: 2px 2px 4px rgba(0,0,0,.35);
            transition: all 400ms;
        }


        .Events_Cards_2 .EventCard_Shell:nth-child(2n+1),
        .Events_Cards_3 .EventCard_Shell:nth-child(3n+1),
        .Events_Cards_4 .EventCard_Shell:nth-child(4n+1) {
            clear: both;
        }

        /*--------------------------------------------------
    LIST BY DATES
*/
        .Events_ListDates {
            padding: 5px;
            margin: 0px;
            float: left;
            width: 100%;
            box-sizing: border-box;
        }

            .Events_ListDates .Spud_House {
                margin: 1% !important;
                width: 98%;
                padding: 0px;
                padding-top: 10px !important;
                padding-bottom: 10px !important;
                border-left: 0px;
                border-right: 0px;
            }

            .Events_ListDates .EventDate_DayBar:first-child {
                margin-top: 0px !important;
            }

            .Events_ListDates .EventDate_DayBar {
                box-sizing: border-box;
                width: 100%;
                padding: 8px !important;
                margin-top: 10px;
                border-top-width: 0px;
                border-left-width: 0px;
                border-right-width: 0px;
                border-bottom: solid 1px #ccc !important;
                font-family: Roboto, Arial, San-Serif !important;
            }

        .EventDate_DayBar.univBlue, .EventDate_DayBar.medBlue, .EventDate_DayBar.lightBlue,
        .EventDate_DayBar.gray, .EventDate_DayBar.orange, .EventDate_DayBar.beige,
        .EventDate_DayBar.black, .EventDate_DayBar.white, .EventDate_DayBar.gradient {
            box-shadow: 0px 1px 3px rgba(0,0,0,.25);
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px;
        }

        #centercontent .Events_ListDates .EventCard {
            width: 90%;
            box-sizing: border-box;
            padding: 1% !important;
            margin-left: 10%;
            margin-top: 5px !important;
            margin-bottom: 5px !important;
            border-left-width: 4px;
            font-family: Roboto, Arial, San-Serif !important;
        }

        #centercontent .Events_ListDates .image_one {
            display: none;
        }

        #centercontent .Events_ListDates .EventCard .description {
            font-family: Roboto, Arial, San-Serif !important;
            font-size: 14px;
        }

        #centercontent .Events_ListDates .EventCard h3 {
            margin-left: 0px;
        }

            #centercontent .Events_ListDates .EventCard h3 a {
                margin-left: 0px;
                font-weight: 600;
                font-family: Roboto, Arial, San-Serif !important;
            }

        #centercontent .Events_ListDates .EventCard .description p {
            margin-left: 0px;
        }

        #centercontent .Events_ListDates .EventCard .EventDateText {
            margin-bottom: 10px;
        }

            #centercontent .Events_ListDates .EventCard .EventDateText span:nth-child(1),
            #centercontent .Events_ListDates .EventCard .EventDateText span:nth-child(2) {
                display: none;
            }

            #centercontent .Events_ListDates .EventCard .EventDateText span:nth-child(3) {
                clear: both;
                font-weight: bold;
                font-size: 18px;
            }

        #centercontent .Events_ListDates .EventCard .event_details {
            display: none;
        }

        /*--------------------------------------------------
    RESPONSIVE BLOCKS 
*/
        #centercontent .Events_Blocks .EventsWidgetTitle {
            text-align: center;
            width: 100%;
            font-family: Roboto, Arial, San-Serif !important;
            border-bottom-width: 1px;
            border-top-width: 4px;
            padding-top: 5px;
        }

        .Events_Blocks .EventCard_Shell {
            float: left;
            min-width: 100px;
            padding: 10px !important;
            box-sizing: border-box;
            margin: 0px;
            border: 0px;
        }


        .Events_Blocks .EventCard {
            border-width: 1px;
            border-top-width: 4px;
            box-sizing: border-box;
            padding: 5px !important;
            /*min-height: 170px;*/
            text-align: center;
            transition: background-color 500ms;
        }

            .Events_Blocks .EventCard:hover,
            .Events_Blocks .EventCard:active {
                /*  background-color:#fff;
    color:#222;*/
                box-shadow: 2px 2px 2px rgba(0,0,0,.2);
                transition: background-color 500ms;
            }

        #centercontent .Events_Blocks .EventDate {
            border-top: 0px;
            border-left: 0px;
            border-right: 0px;
            border-bottom-width: 2px !important;
            font-family: 'Roboto', Arial, sans-serif !important;
            padding-top: 5px;
            padding-bottom: 5px;
            font-weight: 800;
        }


        #centercontent .Events_Blocks .image_one {
            display: none;
        }

        #centercontent .Events_Blocks .EventCard .EventDateText span:nth-child(1),
        #centercontent .Events_Blocks .EventCard .EventDateText span:nth-child(2) {
            display: none;
        }

        #centercontent .Events_Blocks .EventCard .EventDateText span:nth-child(3) {
            font-family: 'Roboto', Arial, sans-serif !important;
            clear: both;
            font-size: 17px;
            font-style: italic;
        }

        #centercontent .Events_Cards_2 .EventCard h3,
        #centercontent .Events_Cards_2 .EventCard h3 a,
        #centercontent .Events_Cards_3 .EventCard h3,
        #centercontent .Events_Cards_3 .EventCard h3 a,
        #centercontent .Events_Cards_4 .EventCard h3,
        #centercontent .Events_Cards_4 .EventCard h3 a,
        #centercontent .Events_Blocks .EventCard h3,
        #centercontent .Events_Blocks .EventCard h3 a {
            font-family: 'Roboto', Arial, sans-serif !important;
            font-size: 16px;
            font-weight: 600;
            margin-left: 0px;
        }

            #centercontent .Events_Blocks .EventCard h3 a {
                font-size: 18px;
            }

        #centercontent .Events_Cards_2 .EventCard .description,
        #centercontent .Events_Cards_3 .EventCard .description,
        #centercontent .Events_Cards_4 .EventCard .description,
        #centercontent .Events_Blocks .EventCard .description {
            font-family: 'Roboto', Arial, sans-serif !important;
            font-size: 14px !important;
            text-wrap: unset;
        }

        #centercontent .Events_Blocks .EventCard .description {
            text-align: left;
        }

            #centercontent .Events_Blocks .EventCard .description p {
                margin-left: 0px;
            }

            #centercontent .Events_Cards_2 .EventCard .description b,
            #centercontent .Events_Cards_3 .EventCard .description b,
            #centercontent .Events_Cards_4 .EventCard .description b,
            #centercontent .Events_Blocks .EventCard .description b {
                float: left;
            }


        #centercontent .Events_Blocks .EventCard .event_details {
            display: none;
        }


        .grid-container .EventCard_Shell {
            width: 100%;
        }

        .grid-container {
            display: grid;
            display: -ms-grid;
            grid-gap: 5px;
            /* grid-auto-rows: minmax(100px, auto);*/
        }

        .gc-5 {
            grid-template-columns: .15fr repeat(5, 20%) .15fr;
            grid-column-start: 2;
            -ms-grid-template-columns: .15fr 20% 20% 20% 20% 20% .15fr;
            -ms-grid-column-start: 2;
        }

            .gc-5 > .EventCard_Shell:nth-child(5n+1) {
                grid-column-start: 2;
            }

        .gc-4 {
            grid-template-columns: 0.25fr repeat(4, 24.5%) 0.25fr;
            grid-column-start: 2;
        }

            .gc-4 > .EventCard_Shell:nth-child(4n+1) {
                grid-column-start: 2;
            }

        .gc-3 {
            grid-template-columns: 0.25fr repeat(3, 33%) 0.25fr;
            grid-column-start: 2;
        }

            .gc-3 > .EventCard_Shell:nth-child(3n+1) {
                grid-column-start: 2;
            }

        .gc-2 {
            grid-template-columns: 0.05fr repeat(2, 49%) 0.05fr;
            grid-column-start: 2;
        }

            .gc-2 > .EventCard_Shell:nth-child(2n+1) {
                grid-column-start: 2;
            }

        .gc-1 {
            display: block;
            grid-template-columns: 0.15fr 1fr 0.15fr;
            grid-column-start: 2;
        }

            .gc-1 > .EventCard_Shell:nth-child(1n+1) {
                grid-column-start: 2;
            }


    @media screen and (max-width: 1200px) {
        .gc-5, .gc-4 {
            grid-template-columns: 0.25fr repeat(4, 25%) 0.25fr;
        }

            .gc-5 > .EventCard_Shell:nth-child(5n+1),
            .gc-5 > .EventCard_Shell:nth-child(4n+1),
            .gc-5 > .EventCard_Shell:nth-child(3n+1),
            .gc-5 > .EventCard_Shell:nth-child(2n+1),
            .gc-5 > .EventCard_Shell:nth-child(1n+1),
            .gc-4 > .EventCard_Shell:nth-child(5n+1),
            .gc-4 > .EventCard_Shell:nth-child(4n+1),
            .gc-4 > .EventCard_Shell:nth-child(3n+1),
            .gc-4 > .EventCard_Shell:nth-child(2n+1),
            .gc-4 > .EventCard_Shell:nth-child(1n+1)
            /* .gc-3 > .EventCard_Shell:nth-child(5n+1),
        .gc-3 > .EventCard_Shell:nth-child(4n+1),
        .gc-3 > .EventCard_Shell:nth-child(3n+1),
        .gc-3 > .EventCard_Shell:nth-child(2n+1),
        .gc-3 > .EventCard_Shell:nth-child(1n+1),
        .gc-2 > .EventCard_Shell:nth-child(5n+1),
        .gc-2 > .EventCard_Shell:nth-child(4n+1),
        .gc-2 > .EventCard_Shell:nth-child(3n+1),
        .gc-2 > .EventCard_Shell:nth-child(2n+1),
        .gc-2 > .EventCard_Shell:nth-child(1n+1),
        .gc-1 > .EventCard_Shell:nth-child(5n+1),
        .gc-1 > .EventCard_Shell:nth-child(4n+1),
        .gc-1 > .EventCard_Shell:nth-child(3n+1),
        .gc-1 > .EventCard_Shell:nth-child(2n+1),
        .gc-1 > .EventCard_Shell:nth-child(2n+1)*/ {
                grid-column-start: auto;
            }

            .gc-5 > .EventCard_Shell:nth-child(4n+1),
            .gc-4 > .EventCard_Shell:nth-child(4n+1)
            /*,
        .gc-3 > .EventCard_Shell:nth-child(4n+1),
        .gc-2 > .EventCard_Shell:nth-child(4n+1),
        .gc-1 > .EventCard_Shell:nth-child(4n+1)*/ {
                grid-column-start: 2;
            }
    }


    @media screen and (max-width: 1000px) {
        .gc-5, .gc-4, .gc-3 {
            grid-template-columns: 0.25fr repeat(3, 33%) 0.25fr;
        }

            .gc-5 > .EventCard_Shell:nth-child(5n+1),
            .gc-5 > .EventCard_Shell:nth-child(4n+1),
            .gc-5 > .EventCard_Shell:nth-child(3n+1),
            .gc-5 > .EventCard_Shell:nth-child(2n+1),
            .gc-5 > .EventCard_Shell:nth-child(1n+1),
            .gc-4 > .EventCard_Shell:nth-child(5n+1),
            .gc-4 > .EventCard_Shell:nth-child(4n+1),
            .gc-4 > .EventCard_Shell:nth-child(3n+1),
            .gc-4 > .EventCard_Shell:nth-child(2n+1),
            .gc-4 > .EventCard_Shell:nth-child(1n+1),
            .gc-3 > .EventCard_Shell:nth-child(5n+1),
            .gc-3 > .EventCard_Shell:nth-child(4n+1),
            .gc-3 > .EventCard_Shell:nth-child(3n+1),
            .gc-3 > .EventCard_Shell:nth-child(2n+1),
            .gc-3 > .EventCard_Shell:nth-child(1n+1)
            /*,
        .gc-2 > .EventCard_Shell:nth-child(5n+1),
        .gc-2 > .EventCard_Shell:nth-child(4n+1),
        .gc-2 > .EventCard_Shell:nth-child(3n+1),
        .gc-2 > .EventCard_Shell:nth-child(2n+1),
        .gc-2 > .EventCard_Shell:nth-child(1n+1),
        .gc-1 > .EventCard_Shell:nth-child(5n+1),
        .gc-1 > .EventCard_Shell:nth-child(4n+1),
        .gc-1 > .EventCard_Shell:nth-child(3n+1),
        .gc-1 > .EventCard_Shell:nth-child(2n+1),
        .gc-1 > .EventCard_Shell:nth-child(2n+1) */ {
                grid-column-start: auto;
            }

            .gc-5 > .EventCard_Shell:nth-child(3n+1),
            .gc-4 > .EventCard_Shell:nth-child(3n+1),
            .gc-3 > .EventCard_Shell:nth-child(3n+1),
            .gc-2 > .EventCard_Shell:nth-child(3n+1),
            .gc-1 > .EventCard_Shell:nth-child(3n+1) {
                grid-column-start: 2;
            }
    }


    @media screen and (max-width: 800px) {
        .gc-5, .gc-4, .gc-3, .gc-2 {
            grid-template-columns: 0.05fr repeat(2, 49%) 0.05fr;
        }


            .gc-5 > .EventCard_Shell:nth-child(5n+1),
            .gc-5 > .EventCard_Shell:nth-child(4n+1),
            .gc-5 > .EventCard_Shell:nth-child(3n+1),
            .gc-5 > .EventCard_Shell:nth-child(2n+1),
            .gc-5 > .EventCard_Shell:nth-child(1n+1),
            .gc-4 > .EventCard_Shell:nth-child(5n+1),
            .gc-4 > .EventCard_Shell:nth-child(4n+1),
            .gc-4 > .EventCard_Shell:nth-child(3n+1),
            .gc-4 > .EventCard_Shell:nth-child(2n+1),
            .gc-4 > .EventCard_Shell:nth-child(1n+1),
            .gc-3 > .EventCard_Shell:nth-child(5n+1),
            .gc-3 > .EventCard_Shell:nth-child(4n+1),
            .gc-3 > .EventCard_Shell:nth-child(3n+1),
            .gc-3 > .EventCard_Shell:nth-child(2n+1),
            .gc-3 > .EventCard_Shell:nth-child(1n+1),
            .gc-2 > .EventCard_Shell:nth-child(5n+1),
            .gc-2 > .EventCard_Shell:nth-child(4n+1),
            .gc-2 > .EventCard_Shell:nth-child(3n+1),
            .gc-2 > .EventCard_Shell:nth-child(2n+1),
            .gc-2 > .EventCard_Shell:nth-child(1n+1) {
                grid-column-start: auto;
            }

            .gc-5 > .EventCard_Shell:nth-child(2n+1),
            .gc-4 > .EventCard_Shell:nth-child(2n+1),
            .gc-3 > .EventCard_Shell:nth-child(2n+1),
            .gc-2 > .EventCard_Shell:nth-child(2n+1),
            .gc-1 > .EventCard_Shell:nth-child(2n+1) {
                grid-column-start: 2;
            }
    }

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

        .grid-container {
            display: block;
        }

        .gc-5, .gc-4, .gc-3, .gc-2, .gc-1 {
            grid-template-columns: 0.15fr 1fr 0.15fr;
        }


            .gc-5 > .EventCard_Shell:nth-child(5n+1),
            .gc-5 > .EventCard_Shell:nth-child(4n+1),
            .gc-5 > .EventCard_Shell:nth-child(3n+1),
            .gc-5 > .EventCard_Shell:nth-child(2n+1),
            .gc-5 > .EventCard_Shell:nth-child(1n+1),
            .gc-4 > .EventCard_Shell:nth-child(5n+1),
            .gc-4 > .EventCard_Shell:nth-child(4n+1),
            .gc-4 > .EventCard_Shell:nth-child(3n+1),
            .gc-4 > .EventCard_Shell:nth-child(2n+1),
            .gc-4 > .EventCard_Shell:nth-child(1n+1),
            .gc-3 > .EventCard_Shell:nth-child(5n+1),
            .gc-3 > .EventCard_Shell:nth-child(4n+1),
            .gc-3 > .EventCard_Shell:nth-child(3n+1),
            .gc-3 > .EventCard_Shell:nth-child(2n+1),
            .gc-3 > .EventCard_Shell:nth-child(1n+1),
            .gc-2 > .EventCard_Shell:nth-child(5n+1),
            .gc-2 > .EventCard_Shell:nth-child(4n+1),
            .gc-2 > .EventCard_Shell:nth-child(3n+1),
            .gc-2 > .EventCard_Shell:nth-child(2n+1),
            .gc-2 > .EventCard_Shell:nth-child(1n+1),
            .gc-1 > .EventCard_Shell:nth-child(5n+1),
            .gc-1 > .EventCard_Shell:nth-child(4n+1),
            .gc-1 > .EventCard_Shell:nth-child(3n+1),
            .gc-1 > .EventCard_Shell:nth-child(2n+1),
            .gc-1 > .EventCard_Shell:nth-child(2n+1) {
                grid-column-start: auto;
            }

            .gc-5 > .EventCard_Shell:nth-child(1n+1),
            .gc-4 > .EventCard_Shell:nth-child(1n+1),
            .gc-3 > .EventCard_Shell:nth-child(1n+1),
            .gc-2 > .EventCard_Shell:nth-child(1n+1),
            .gc-1 > .EventCard_Shell:nth-child(1n+1) {
                grid-column-start: 2;
            }
    }

        /*----------------------------------------------------------
    CALENDAR BLOCKS
*/

        #centercontent .Events_CalendarBlocks .EventsWidgetTitle {
            text-align: center;
            width: 100%;
            font-family: Roboto, Arial, San-Serif !important;
            border-bottom-width: 1px;
            border-top-width: 4px;
            padding-top: 5px;
        }

        .Events_CalendarBlocks .EventCard_Shell {
            float: left;
            min-width: 100px;
            padding: 10px !important;
            box-sizing: border-box;
            margin: 0px;
            border: 0px;
        }


        .Events_CalendarBlocks .EventCard {
            border: solid 1px transparent;
            box-sizing: border-box;
            padding: 5px !important;
            min-height: 170px;
            float: left;
            transition: background-color 500ms;
        }

            .Events_CalendarBlocks .EventCard:hover,
            .Events_CalendarBlocks .EventCard:active {
                /*  background-color:#fff;
    color:#222;*/
                box-shadow: 2px 2px 2px rgba(0,0,0,.2);
                transition: background-color 500ms;
                border: solid 1px #ccc;
            }

        #centercontent .Events_CalendarBlocks .EventDate {
            padding: 5px;
            float: left;
            width: 60px;
            height: 48px;
            margin-left: -5px;
            margin-right: 8px;
            margin-top: 0;
            margin-bottom: 8px;
            border-top: 0px;
            border-left: 0px;
        }


        #centercontent .Events_CalendarBlocks .EventCard .EventDate span:nth-child(1),
        #centercontent .Events_CalendarBlocks .EventCard .EventDate span:nth-child(2) {
            font-weight: 800;
            font-family: 'Roboto', Arial, sans-serif !important;
            font-size: 14px;
            float: left;
            text-align: center;
            width: 100%;
        }


        #centercontent .Events_CalendarBlocks .image_one {
            display: none;
        }

        #centercontent .Events_CalendarBlocks .EventCard h3,
        #centercontent .Events_CalendarBlocks .EventCard h3 a {
            font-family: 'Roboto', Arial, sans-serif !important;
            font-size: 16px;
            font-weight: 600;
            margin-left: 0px;
        }


        #centercontent .Events_CalendarBlocks .EventCard .EventDateText span:nth-child(1),
        #centercontent .Events_CalendarBlocks .EventCard .EventDateText span:nth-child(2) {
            display: none;
        }

        #centercontent .Events_CalendarBlocks .EventCard .EventDateText,
        #centercontent .Events_CalendarBlocks .EventCard .EventDateText span:nth-child(3) {
            width: auto;
            float: left;
            font-size: 20px;
            font-style: italic;
            text-align: center;
        }

        #centercontent .Events_CalendarBlocks .EventCard .EventTitle {
            margin-left: 64px;
            margin-bottom: 8px;
        }


        #centercontent .Events_CalendarBlocks .EventCard .EventTime {
            margin-left: 75px;
            clear: both;
        }


        #centercontent .Events_CalendarBlocks .EventCard .EventDetailsHolder {
            width: auto;
            clear: both;
            margin-left: 75px;
            float: left;
            font-size: 14px;
            font-family: 'Roboto', Arial, sans-serif !important;
        }

        #centercontent .Events_CalendarBlocks .EventCard .description {
            font-family: 'Roboto', Arial, sans-serif !important;
            font-size: 14px !important;
            text-wrap: unset;
        }

        #centercontent .Events_CalendarBlocks .EventCard .description {
            text-align: left;
        }

            #centercontent .Events_CalendarBlocks .EventCard .description p {
                margin-left: 0px;
            }


            #centercontent .Events_CalendarBlocks .EventCard .description b {
                float: left;
            }

        #centercontent .Events_CalendarBlocks .EventCard .event_library {
            float: left;
            font-size: 14px;
        }

            #centercontent .Events_CalendarBlocks .EventCard .event_library p {
                margin: 0px;
                margin-bottom: 5px;
            }

            #centercontent .Events_CalendarBlocks .EventCard .event_library span {
                float: left;
                width: 75px;
                font-size: 13px;
            }


        #centercontent .Events_CalendarBlocks .EventCard .event_details {
            display: none;
        }

        /*----------------------------------------------------------
    VERTICAL BLOCKS
*/

        .Events_VerticalBlocks {
        }

        #centercontent .Events_VerticalBlocks .EventDate_DayHolder {
            float: left;
            width: 250px;
            overflow: hidden;
            margin-left: 10px;
            margin-bottom: 15px;
        }

            #centercontent .Events_VerticalBlocks .EventDate_DayHolder:nth-child(5n+1) {
                /* clear:both;*/
            }

        #centercontent .Events_VerticalBlocks .EventDate_DayBar {
            height: 90px;
            border-radius: 50px;
            width: 90px;
            margin: auto;
            margin-top: 15px !important;
            margin-bottom: 15px !important;
            border-top-width: 1px;
            border-left-width: 2px;
            border-right-width: 2px;
            border-bottom-width: 4px !important;
            box-shadow: 0px 0px 6px rgba(0,0,0,.85);
            transition: box-shadow 1s;
        }


        #centercontent .Events_VerticalBlocks .EventCard_Shell {
            clear: both;
            float: left;
            margin-top: 8px;
            border-top: solid 1px #e1e1e1;
            margin-bottom: 5px;
        }

        #centercontent .Events_VerticalBlocks .EventDate_DayHolder:hover .EventDate_DayBar {
            box-shadow: 2px 2px 12px rgba(0,0,0,.85);
            transition: all 500ms;
        }

        #centercontent .Events_VerticalBlocks .EventDate_DayBar span {
            float: left;
            clear: both;
            text-align: center;
            width: 100%;
            box-sizing: border-box;
        }

            #centercontent .Events_VerticalBlocks .EventDate_DayBar span:first-child {
                margin-top: 10px;
                font-size: 22px !important;
                text-transform: uppercase;
            }

        #centercontent .Events_VerticalBlocks .EventCard {
            font-size: 14px !important;
            font-family: Roboto, Arial, San-Serif !important;
        }

            #centercontent .Events_VerticalBlocks .EventCard .EventDetailsHolder {
                width: auto;
                clear: both;
                margin-left: 10px;
                float: left;
                font-size: 14px;
                font-family: 'Roboto', Arial, sans-serif !important;
            }

        #centercontent .Events_VerticalBlocks .image_one {
            display: none;
        }

        #centercontent .Events_VerticalBlocks .EventCard .description,
        #centercontent .Events_VerticalBlocks .EventCard .event_details {
            display: none;
        }

        #centercontent .Events_VerticalBlocks .event_library p {
            margin: 0px;
            margin-top: 5px;
        }

        #centercontent .Events_VerticalBlocks .EventCard .EventDateText {
            margin-bottom: 10px;
            margin-left: 10px;
        }

            #centercontent .Events_VerticalBlocks .EventCard .EventDateText span:nth-child(1),
            #centercontent .Events_VerticalBlocks .EventCard .EventDateText span:nth-child(2) {
                display: none;
            }

            #centercontent .Events_VerticalBlocks .EventCard .EventDateText span:nth-child(3) {
                clear: both;
                font-weight: bold;
                font-size: 18px;
            }



        .gv-5 {
            grid-template-columns: .15fr repeat(5, 19.5%) .15fr;
            grid-column-start: 2;
        }

            .gv-5 > .EventDate_DayHolder:nth-child(5n+1) {
                grid-column-start: 2;
            }

        .gv-4 {
            grid-template-columns: 0.25fr repeat(4, 24.5%) 0.25fr;
            grid-column-start: 2;
        }

            .gv-4 > .EventDate_DayHolder:nth-child(4n+1) {
                grid-column-start: 2;
            }

        .gv-3 {
            grid-template-columns: 0.25fr repeat(3, 33%) 0.25fr;
            grid-column-start: 2;
        }

            .gv-3 > .EventDate_DayHolder:nth-child(3n+1) {
                grid-column-start: 2;
            }

        .gv-2 {
            grid-template-columns: 0.05fr repeat(2, 49%) 0.05fr;
            grid-column-start: 2;
        }

            .gv-2 > .EventDate_DayHolder:nth-child(2n+1) {
                grid-column-start: 2;
            }

        .gv-1 {
            display: block;
            grid-template-columns: 0.15fr 1fr 0.15fr;
            grid-column-start: 2;
        }

            .gv-1 > .EventDate_DayHolder:nth-child(1n+1) {
                grid-column-start: 2;
            }


    @media screen and (max-width: 1200px) {
        .gv-5, .gv-4 {
            grid-template-columns: 0.25fr repeat(4, 24.5%) 0.25fr;
        }

            .gv-5 > .EventDate_DayHolder:nth-child(5n+1),
            .gv-5 > .EventDate_DayHolder:nth-child(4n+1),
            .gv-5 > .EventDate_DayHolder:nth-child(3n+1),
            .gv-5 > .EventDate_DayHolder:nth-child(2n+1),
            .gv-5 > .EventDate_DayHolder:nth-child(1n+1),
            .gv-4 > .EventDate_DayHolder:nth-child(5n+1),
            .gv-4 > .EventDate_DayHolder:nth-child(4n+1),
            .gv-4 > .EventDate_DayHolder:nth-child(3n+1),
            .gv-4 > .EventDate_DayHolder:nth-child(2n+1),
            .gv-4 > .EventDate_DayHolder:nth-child(1n+1) {
                grid-column-start: auto;
            }

            .gv-5 > .EventDate_DayHolder:nth-child(4n+1),
            .gv-4 > .EventDate_DayHolder:nth-child(4n+1),
            .gv-3 > .EventDate_DayHolder:nth-child(4n+1),
            .gv-2 > .EventDate_DayHolder:nth-child(4n+1),
            .gv-1 > .EventDate_DayHolder:nth-child(4n+1) {
                grid-column-start: 2;
            }
    }


    @media screen and (max-width: 1000px) {
        .gv-5, .gv-4, .gv-3 {
            grid-template-columns: 0.25fr repeat(3, 33%) 0.25fr;
        }

            .gv-5 > .EventDate_DayHolder:nth-child(5n+1),
            .gv-5 > .EventDate_DayHolder:nth-child(4n+1),
            .gv-5 > .EventDate_DayHolder:nth-child(3n+1),
            .gv-5 > .EventDate_DayHolder:nth-child(2n+1),
            .gv-5 > .EventDate_DayHolder:nth-child(1n+1),
            .gv-4 > .EventDate_DayHolder:nth-child(5n+1),
            .gv-4 > .EventDate_DayHolder:nth-child(4n+1),
            .gv-4 > .EventDate_DayHolder:nth-child(3n+1),
            .gv-4 > .EventDate_DayHolder:nth-child(2n+1),
            .gv-4 > .EventDate_DayHolder:nth-child(1n+1),
            .gv-3 > .EventDate_DayHolder:nth-child(5n+1),
            .gv-3 > .EventDate_DayHolder:nth-child(4n+1),
            .gv-3 > .EventDate_DayHolder:nth-child(3n+1),
            .gv-3 > .EventDate_DayHolder:nth-child(2n+1),
            .gv-3 > .EventDate_DayHolder:nth-child(1n+1) {
                grid-column-start: auto;
            }

            .gv-5 > .EventDate_DayHolder:nth-child(3n+1),
            .gv-4 > .EventDate_DayHolder:nth-child(3n+1),
            .gv-3 > .EventDate_DayHolder:nth-child(3n+1),
            .gv-2 > .EventDate_DayHolder:nth-child(3n+1),
            .gv-1 > .EventDate_DayHolder:nth-child(3n+1) {
                grid-column-start: 2;
            }
    }


    @media screen and (max-width: 800px) {
        .gv-5, .gv-4, .gv-3, .gv-2 {
            grid-template-columns: 0.05fr repeat(2, 49%) 0.05fr;
        }


            .gv-5 > .EventDate_DayHolder:nth-child(5n+1),
            .gv-5 > .EventDate_DayHolder:nth-child(4n+1),
            .gv-5 > .EventDate_DayHolder:nth-child(3n+1),
            .gv-5 > .EventDate_DayHolder:nth-child(2n+1),
            .gv-5 > .EventDate_DayHolder:nth-child(1n+1),
            .gv-4 > .EventDate_DayHolder:nth-child(5n+1),
            .gv-4 > .EventDate_DayHolder:nth-child(4n+1),
            .gv-4 > .EventDate_DayHolder:nth-child(3n+1),
            .gv-4 > .EventDate_DayHolder:nth-child(2n+1),
            .gv-4 > .EventDate_DayHolder:nth-child(1n+1),
            .gv-3 > .EventDate_DayHolder:nth-child(5n+1),
            .gv-3 > .EventDate_DayHolder:nth-child(4n+1),
            .gv-3 > .EventDate_DayHolder:nth-child(3n+1),
            .gv-3 > .EventDate_DayHolder:nth-child(2n+1),
            .gv-3 > .EventDate_DayHolder:nth-child(1n+1),
            .gv-2 > .EventDate_DayHolder:nth-child(5n+1),
            .gv-2 > .EventDate_DayHolder:nth-child(4n+1),
            .gv-2 > .EventDate_DayHolder:nth-child(3n+1),
            .gv-2 > .EventDate_DayHolder:nth-child(2n+1),
            .gv-2 > .EventDate_DayHolder:nth-child(1n+1) {
                grid-column-start: auto;
            }

            .gv-5 > .EventDate_DayHolder:nth-child(2n+1),
            .gv-4 > .EventDate_DayHolder:nth-child(2n+1),
            .gv-3 > .EventDate_DayHolder:nth-child(2n+1),
            .gv-2 > .EventDate_DayHolder:nth-child(2n+1),
            .gv-1 > .EventDate_DayHolder:nth-child(2n+1) {
                grid-column-start: 2;
            }
    }

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

        .grid-container {
            display: block;
        }

        .gv-5, .gv-4, .gv-3, .gv-2, .gv-1 {
            grid-template-columns: 0.15fr 1fr 0.15fr;
        }


            .gv-5 > .EventDate_DayHolder:nth-child(5n+1),
            .gv-5 > .EventDate_DayHolder:nth-child(4n+1),
            .gv-5 > .EventDate_DayHolder:nth-child(3n+1),
            .gv-5 > .EventDate_DayHolder:nth-child(2n+1),
            .gv-5 > .EventDate_DayHolder:nth-child(1n+1),
            .gv-4 > .EventDate_DayHolder:nth-child(5n+1),
            .gv-4 > .EventDate_DayHolder:nth-child(4n+1),
            .gv-4 > .EventDate_DayHolder:nth-child(3n+1),
            .gv-4 > .EventDate_DayHolder:nth-child(2n+1),
            .gv-4 > .EventDate_DayHolder:nth-child(1n+1),
            .gv-3 > .EventDate_DayHolder:nth-child(5n+1),
            .gv-3 > .EventDate_DayHolder:nth-child(4n+1),
            .gv-3 > .EventDate_DayHolder:nth-child(3n+1),
            .gv-3 > .EventDate_DayHolder:nth-child(2n+1),
            .gv-3 > .EventDate_DayHolder:nth-child(1n+1),
            .gv-2 > .EventDate_DayHolder:nth-child(5n+1),
            .gv-2 > .EventDate_DayHolder:nth-child(4n+1),
            .gv-2 > .EventDate_DayHolder:nth-child(3n+1),
            .gv-2 > .EventDate_DayHolder:nth-child(2n+1),
            .gv-2 > .EventDate_DayHolder:nth-child(1n+1),
            .gv-1 > .EventDate_DayHolder:nth-child(5n+1),
            .gv-1 > .EventDate_DayHolder:nth-child(4n+1),
            .gv-1 > .EventDate_DayHolder:nth-child(3n+1),
            .gv-1 > .EventDate_DayHolder:nth-child(2n+1),
            .gv-1 > .EventDate_DayHolder:nth-child(2n+1) {
                grid-column-start: auto;
            }

            .gv-5 > .EventDate_DayHolder:nth-child(1n+1),
            .gv-4 > .EventDate_DayHolder:nth-child(1n+1),
            .gv-3 > .EventDate_DayHolder:nth-child(1n+1),
            .gv-2 > .EventDate_DayHolder:nth-child(1n+1),
            .gv-1 > .EventDate_DayHolder:nth-child(1n+1) {
                grid-column-start: 2;
            }
    }

        /*----------------------------------------------------------
    SERIES ONLY SHOW NEXT EVENT
*/
        .Events_SeriesOnlyNext {
        }

        #centercontent .Events_SeriesOnlyNext .EventTitleHolder {
            margin-bottom: 0px !important;
        }

        #centercontent .Events_SeriesOnlyNext .EventDate_DayBar {
            margin-top: 25px !important;
            margin-left: 10%;
            margin-right: 10%;
            width: 80%;
            border-top-left-radius: 12px;
            border-top-right-radius: 12px;
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
            box-sizing: border-box;
            text-align: center;
        }

        #centercontent .Events_SeriesOnlyNext .EventCard_Shell {
            margin-left: 10%;
            margin-right: 10%;
            width: 80%;
        }

            #centercontent .Events_SeriesOnlyNext .EventCard_Shell:last-child {
                margin-bottom: 20px;
            }

                #centercontent .Events_SeriesOnlyNext .EventCard_Shell:last-child .EventCard {
                    border-bottom-left-radius: 12px;
                    border-bottom-right-radius: 12px;
                }

        #centercontent .Events_SeriesOnlyNext .EventCard {
            padding: 15px;
            box-sizing: border-box;
        }

        #centercontent .Events_SeriesOnlyNext .image_one {
            display: none;
        }

        #centercontent .Events_SeriesOnlyNext .EventCard .EventTitle {
            width: 100%;
            padding: 5px;
            box-sizing: border-box;
            text-align: center;
        }

            #centercontent .Events_SeriesOnlyNext .EventCard .EventTitle h3 a {
                font-weight: bold;
                font-size: 24px !important;
            }

        #centercontent .Events_SeriesOnlyNext .EventDateText {
            width: 100%;
            box-sizing: border-box;
            text-align: center;
        }

            #centercontent .Events_SeriesOnlyNext .EventDateText span:nth-child(1),
            #centercontent .Events_SeriesOnlyNext .EventDateText span:nth-child(2) {
                display: none;
            }

            #centercontent .Events_SeriesOnlyNext .EventDateText span:nth-child(3) {
                font-weight: bold;
                font-size: 20px !important;
            }

        #centercontent .Events_SeriesOnlyNext .EventCard .description {
            width: 100%;
            padding: 5px;
            padding-left: 25px;
            padding-right: 25px;
            box-sizing: border-box;
        }

        #centercontent .Events_SeriesOnlyNext .EventCard .event_details {
            display: none;
        }
        /*----------------------------------------------------------
    SERIES SHOW FIRST COLLAPSE THE REST
*/
        .Events_SeriesNextCollapse {
        }

            .Events_SeriesNextCollapse input[type='button'] {
                cursor: pointer;
                border-radius: 12px;
            }

        #centercontent .Events_SeriesNextCollapse .EventDate_DayHolder.max .EventDate_DayBar {
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
        }

        #centercontent .Events_SeriesNextCollapse .EventDate_DayHolder.min .EventDate_DayBar {
            border-radius: 10px;
        }

        #centercontent .Events_SeriesNextCollapse .EventDate_DayHolder.max .EventCard_Shell {
            height: auto;
            transition: height 3s;
        }

        #centercontent .Events_SeriesNextCollapse .EventDate_DayHolder.min .EventCard_Shell {
            height: 0px;
            overflow: hidden;
            transition: height 3s;
        }

        #centercontent .Events_SeriesNextCollapse .EventDate_DayHolder {
            margin-top: 10px;
            margin-bottom: 10px;
            margin-left: 10%;
            margin-right: 10%;
            width: 80%;
        }

        #centercontent .Events_SeriesNextCollapse .EventCard_Shell {
        }

            #centercontent .Events_SeriesNextCollapse .EventCard_Shell .EventCard {
                padding: 10px;
            }

        #centercontent .Events_SeriesNextCollapse .image_one {
            display: none;
        }

        #centercontent .Events_SeriesNextCollapse .EventCard_Shell .EventTitle {
            text-align: center;
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 10px;
        }

        #centercontent .Events_SeriesNextCollapse .EventCard_Shell .EventDateText {
            width: 100%;
            box-sizing: border-box;
            text-align: center;
        }

            #centercontent .Events_SeriesNextCollapse .EventCard_Shell .EventDateText span:nth-child(1),
            #centercontent .Events_SeriesNextCollapse .EventCard_Shell .EventDateText span:nth-child(2) {
                display: none;
            }

            #centercontent .Events_SeriesNextCollapse .EventCard_Shell .EventDateText span:nth-child(3) {
                text-align: center;
                width: 100%;
                font-size: 20px;
                font-style: italic;
                margin-bottom: 5px;
            }

        #centercontent .Events_SeriesNextCollapse .EventCard .event_details {
            display: none;
        }
        /*-----------------------------------------------------------
    TITLES ON BOTTOM Including SLIM
*/

        .Events_TitleBottom, .Events_TitleBottom_Slim {
            padding: 5px;
            margin: 0px;
            float: left;
            width: 100%;
            box-sizing: border-box;
        }

            .Events_TitleBottom .Spud_House,
            .Events_TitleBottom_Slim .Spud_House {
                width: 100%;
                padding: 0px;
                padding-top: 10px !important;
                padding-bottom: 10px !important;
                border-left: 0px;
                border-right: 0px;
                box-sizing: border-box;
            }

        .EventDate_DayBar:first-child {
            margin-top: 0px !important;
        }

        .EventDate_DayBar {
            box-sizing: border-box;
            width: 100%;
            padding: 5px !important;
            margin-top: 10px;
            border-bottom: solid 1px #ccc;
            font-family: Roboto, Arial, San-Serif !important;
        }

            .EventDate_DayBar.univBlue, .EventDate_DayBar.medBlue, .EventDate_DayBar.lightBlue,
            .EventDate_DayBar.gray, .EventDate_DayBar.orange, .EventDate_DayBar.beige,
            .EventDate_DayBar.black, .EventDate_DayBar.white, .EventDate_DayBar.gradient {
                box-shadow: 0px 1px 3px rgba(0,0,0,.25);
                border-top-left-radius: 8px;
                border-bottom-left-radius: 8px;
            }

        #centercontent .Events_TitleBottom .EventCard,
        #centercontent .Events_TitleBottom_Slim .EventCard {
            width: 100%;
            box-sizing: border-box;
            padding: 1% !important;
            margin-top: 5px !important;
            margin-bottom: 5px !important;
            border-left-width: 4px;
            font-family: Roboto, Arial, San-Serif !important;
        }

        #centercontent .Events_TitleBottom .EventDate_TitleBottom,
        #centercontent .Events_TitleBottom_Slim .EventDate_TitleBottom {
            font-size: 18px;
            font-weight: 600;
            font-family: Roboto, Arial, San-Serif !important;
        }


        #centercontent .Events_TitleBottom .image_one,
        #centercontent .Events_TitleBottom_Slim .image_one {
            display: none;
        }

        #centercontent .Events_TitleBottom .EventDate_TitleBottom .EventTime,
        #centercontent .Events_TitleBottom_Slim .EventDate_TitleBottom .EventTime {
            font-style: italic;
            font-size: 18px;
            font-weight: 600;
            font-family: 'Crimson Text', Times, serif;
        }

        #centercontent .Events_TitleBottom .EventDate_TitleBottom .EventBar,
        #centercontent .Events_TitleBottom_Slim .EventDate_TitleBottom .EventBar {
            margin-left: 10px;
            margin-right: 10px;
            font-weight: 600;
        }


        #centercontent .Events_TitleBottom .EventDate_TitleBottom a,
        #centercontent .Events_TitleBottom_Slim .EventDate_TitleBottom a {
            border-bottom: 0px;
        }

        #centercontent .Events_TitleBottom .EventDateText span:nth-child(2),
        #centercontent .Events_TitleBottom_Slim .EventDateText span:nth-child(2) {
            padding-left: 8px;
            padding-right: 8px;
        }

        #centercontent .Events_TitleBottom .EventDateText span,
        #centercontent .Events_TitleBottom_Slim .EventDateText span {
            font-family: Roboto, Arial, San-Serif !important;
        }

        #centercontent .Events_TitleBottom .EventDateText .EventDate,
        #centercontent .Events_TitleBottom_Slim .EventDateText .EventDate {
            font-weight: bold;
        }

        #centercontent .Events_TitleBottom .EventCard .description {
            font-family: Roboto, Arial, San-Serif !important;
            font-size: 14px;
            padding: 10px;
        }

        #centercontent .Events_TitleBottom_Slim .EventCard .description {
            display: none;
        }

        #centercontent .Events_TitleBottom .EventCard .description p {
            margin-left: 0px;
            padding-left: 0px;
        }

        #centercontent .Events_TitleBottom .EventCard .event_options {
            float: left;
            clear: both;
            width: 100%;
            box-sizing: border-box;
        }

            #centercontent .Events_TitleBottom .EventCard .event_options ul {
                width: 100%;
                margin: 0px;
            }

            #centercontent .Events_TitleBottom .EventCard .event_options ul,
            #centercontent .Events_TitleBottom .EventCard .event_options li {
                float: left;
            }

            #centercontent .Events_TitleBottom .EventCard .event_options li {
                min-width: 33%;
                box-sizing: border-box;
                margin: 0px;
                padding: 5px;
                padding-left: 28px;
            }

        #centercontent .EventDate_TitleBottom {
            clear: both;
        }

        #centercontent .Events_TitleBottom .EventCard h3,
        #centercontent .Events_TitleBottom_Slim .EventCard h3 {
            margin-left: 0px;
        }

            #centercontent .Events_TitleBottom .EventCard h3 a,
            #centercontent .Events_TitleBottom_Slim .EventCard h3 a {
                margin-left: 0px;
                font-weight: 600;
                font-family: Roboto, Arial, San-Serif !important;
            }

        #centercontent .Events_TitleBottom .EventCard .event_details,
        #centercontent .Events_TitleBottom_Slim .EventCard .event_details {
            display: none;
        }

        /*-----------------------------------------------------------------
        COLOR CARDS
*/
        .Events_ColorCards {
        }

            .Events_ColorCards .EventCard {
                box-shadow: 0px 0px 0px rgba(0,0,0,0);
                transition: box-shadow 1s;
            }

                .Events_ColorCards .EventCard:hover,
                .Events_ColorCards .EventCard:active {
                    box-shadow: 2px 2px 2px rgba(0,0,0,.4);
                    transition: box-shadow 500ms;
                }

        #centercontent .Events_ColorCards .Spud_House {
            padding-top: 10px;
        }

        #centercontent .Events_ColorCards .EventCard_Shell {
            margin-bottom: 10px;
        }

            #centercontent .Events_ColorCards .EventCard_Shell .EventCard {
                padding: 4px;
                margin-left: 2px;
                margin-right: 2px;
                float: left;
                min-height: 150px;
            }

                #centercontent .Events_ColorCards .EventCard_Shell .EventCard .EventTitle {
                    font-size: 16px;
                }

        #centercontent .Events_ColorCards .image_one {
            display: none;
        }

        #centercontent .Events_ColorCards .EventCard_Shell .EventCard .EventTitle h3,
        #centercontent .Events_ColorCards .EventCard_Shell .EventCard .EventTitle a {
            margin-left: 0px;
            line-height: 30px;
        }

        #centercontent .Events_ColorCards .EventCard_Shell .EventCard .EventDateText span {
            font-size: 12px;
        }

            #centercontent .Events_ColorCards .EventCard_Shell .EventCard .EventDateText span:nth-child(1) {
                float: left;
                font-size: 13px;
            }

            #centercontent .Events_ColorCards .EventCard_Shell .EventCard .EventDateText span:nth-child(2) {
                display: none;
            }

            #centercontent .Events_ColorCards .EventCard_Shell .EventCard .EventDateText span:nth-child(3) {
                float: left;
                clear: both;
            }

        #centercontent .Events_ColorCards .EventCard_Shell .EventCard .event_location,
        #centercontent .Events_ColorCards .EventCard_Shell .EventCard .event_library {
            font-size: 12px;
            padding-top: 3px;
            padding-bottom: 5px;
        }

        #centercontent .Events_ColorCards .EventCard_Shell .EventCard .event_library {
            padding: 0px;
        }

            #centercontent .Events_ColorCards .EventCard_Shell .EventCard .event_library p {
                margin: 0px;
                margin-top: 3px;
            }

        #centercontent .Events_ColorCards .EventCard_Shell .EventCard .description {
            clear: both;
            padding-top: 5px;
            padding-bottom: 5px;
            font-size: 15px;
        }

        #centercontent .Events_ColorCards .EventCard_Shell .EventCard .event_contact {
            clear: both;
            padding-top: 4px;
            padding-bottom: 4px;
            border-bottom: 0px;
        }

            #centercontent .Events_ColorCards .EventCard_Shell .EventCard .event_contact .event_infobuttons {
                min-width: 48%;
                margin: 1% !important;
                box-sizing: border-box;
            }

        #centercontent .Events_ColorCards .EventCard_Shell .EventCard .event_options {
            clear: both;
            border-left: 0px;
            border-right: 0px;
            border-bottom-width: 3px;
            background-color: inherit;
            color: inherit;
        }

        #centercontent .Events_ColorCards .EventCard_Shell .EventCard .description,
        #centercontent .Events_ColorCards_Images .EventCard .event_details {
            display: none;
        }



        /*-----------------------------------------------------------------
COLOR CARDS Images (with details)
*/
        .Events_ColorCards_Images {
        }

            .Events_ColorCards_Images .EventCard {
                box-shadow: 0px 0px 0px rgba(0,0,0,0);
                transition: box-shadow 1s;
            }

                .Events_ColorCards_Images .EventCard:hover,
                .Events_ColorCards_Images .EventCard:active {
                    box-shadow: 2px 2px 2px rgba(0,0,0,.4);
                    transition: box-shadow 500ms;
                }

        #centercontent .Events_ColorCards_Images .Spud_House {
            padding-top: 10px;
        }

        #centercontent .Events_ColorCards_Images .EventCard_Shell {
            margin-bottom: 10px;
        }

            #centercontent .Events_ColorCards_Images .EventCard_Shell .EventCard {
                padding: 4px;
                margin-left: 2px;
                margin-right: 2px;
            }

        #centercontent .Events_ColorCards_Images .image_one {
            display: none;
        }


        #centercontent .Events_ColorCards_Images .EventCard_Shell .EventCard .EventTitle {
            font-size: 16px;
        }

            #centercontent .Events_ColorCards_Images .EventCard_Shell .EventCard .EventTitle h3,
            #centercontent .Events_ColorCards_Images .EventCard_Shell .EventCard .EventTitle a {
                margin-left: 0px;
            }

        #centercontent .Events_ColorCards_Images .EventCard_Shell .EventCard .EventDateText span {
            font-size: 12px;
        }

            #centercontent .Events_ColorCards_Images .EventCard_Shell .EventCard .EventDateText span:nth-child(1) {
                float: left;
                font-size: 13px;
            }

            #centercontent .Events_ColorCards_Images .EventCard_Shell .EventCard .EventDateText span:nth-child(2) {
                display: none;
            }

            #centercontent .Events_ColorCards_Images .EventCard_Shell .EventCard .EventDateText span:nth-child(3) {
                float: left;
                clear: both;
            }

        #centercontent .Events_ColorCards_Images .EventCard_Shell .EventCard .event_location,
        #centercontent .Events_ColorCards_Images .EventCard_Shell .EventCard .event_library {
            font-size: 12px;
            padding-top: 3px;
            padding-bottom: 5px;
        }

        #centercontent .Events_ColorCards_Images .EventCard_Shell .EventCard .event_library {
            padding: 0px;
        }

        #centercontent .Events_ColorCards_Images .event_image.image_one {
            display: none;
        }

        #centercontent .Events_ColorCards_Images .EventCard_Shell .EventCard .description {
            clear: both;
            padding-top: 5px;
            padding-bottom: 5px;
            font-size: 15px;
        }

            #centercontent .Events_ColorCards_Images .EventCard_Shell .EventCard .description img:first-child


            #centercontent .Events_ColorCards_Images .EventCard_Shell .EventCard .event_contact {
                clear: both;
                padding-top: 4px;
                padding-bottom: 4px;
                border-bottom: 0px;
            }

        #centercontent .Events_ColorCards_Images .EventCard_Shell .EventCard .event_contact .event_infobuttons {
            min-width: 48%;
            margin: 1% !important;
            box-sizing: border-box;
        }

        #centercontent .Events_ColorCards_Images .EventCard_Shell .EventCard .event_options {
            clear: both;
            border-left: 0px;
            border-right: 0px;
            border-bottom-width: 3px;
            background-color: inherit;
            color: inherit;
        }


        #centercontent .Events_ColorCards_Images .EventCard .event_details {
            display: none;
        }

        /*--------------------------------------------------
   CALENDAR AS BULLETS
*/

        .Events_CalendarPoints {
        }

            .Events_CalendarPoints .Spud_House {
                overflow: auto;
            }

        #centercontent .Events_CalendarPoints .EventCard_Shell {
            float: left;
            width: 33.3%;
        }

            #centercontent .Events_CalendarPoints .EventCard_Shell:nth-child(3n+1) {
                clear: both;
            }

        #centercontent .Events_CalendarPoints .EventCard {
            padding: 15px;
            box-sizing: border-box;
            border-left: 0px;
            border-right: 0px;
            border-top: 0px;
        }

        #centercontent .Events_CalendarPoints .image_one {
            display: none;
        }

        #centercontent .Events_CalendarPoints .EventCard .EventTitle {
            float: right;
            width: 65%;
            margin: 0px;
            padding-left: 10px;
            font-size: 16px;
            font-weight: normal;
            box-sizing: border-box;
        }

            #centercontent .Events_CalendarPoints .EventCard .EventTitle h3 {
                margin-top: 0px;
                width: 100%;
                box-sizing: border-box;
                float: right;
            }

            #centercontent .Events_CalendarPoints .EventCard .EventTitle a {
                border-bottom-width: 0px;
            }

        #centercontent .Events_CalendarPoints .EventCard.univBlue .EventTitle a,
        #centercontent .Events_CalendarPoints .EventCard.medBlue .EventTitle a,
        #centercontent .Events_CalendarPoints .EventCard.lightBlue .EventTitle a,
        #centercontent .Events_CalendarPoints .EventCard.gray .EventTitle a,
        #centercontent .Events_CalendarPoints .EventCard.orange .EventTitle a,
        #centercontent .Events_CalendarPoints .EventCard.black .EventTitle a {
            border-bottom-width: 1px;
        }

        #centercontent .Events_CalendarPoints .EventCard .EventTitle a:hover {
            border-bottom-width: 1px;
        }

        #centercontent .Events_CalendarPoints .EventCard .EventDateText {
            float: left;
            width: 35%;
            margin: 0px;
            box-sizing: border-box;
        }

        #centercontent .Events_CalendarPoints .EventCard .description,
        #centercontent .Events_CalendarPoints .EventCard .EventBar,
        #centercontent .Events_CalendarPoints .EventCard .EventTime,
        #centercontent .Events_CalendarPoints .EventCard .event_location,
        #centercontent .Events_CalendarPoints .EventCard .event_contact,
        #centercontent .Events_CalendarPoints .EventCard .event_options,
        #centercontent .Events_CalendarPoints .EventCard .event_details {
            display: none;
        }

        #centercontent .Events_CalendarPoints .EventDate .CalendarPoint {
            width: 100%;
            box-sizing: border-box;
            padding: 4px;
            border: solid 1px #ccc;
            background-color: #4B5963;
            color: #fff;
            float: left;
            font-size: 13px;
            text-transform: uppercase;
            text-align: center;
        }

            #centercontent .Events_CalendarPoints .EventDate .CalendarPoint .eventmonth {
                clear: both;
                float: left;
                width: 100%;
                font-size: 12px;
            }

            #centercontent .Events_CalendarPoints .EventDate .CalendarPoint .eventday {
                clear: both;
                float: left;
                width: 100%;
                background-color: #fff;
                color: #0059A2;
                padding: 4px;
                font-size: 25px;
                box-sizing: border-box;
                font-weight: bold;
            }


        #centercontent .Events_CalendarPoints .EventCard .description p {
            margin-left: 0px;
        }


        #centercontent .Events_CalendarPoints .EventCard:hover .CalendarPoint {
            background-color: #00274c;
            color: #fff;
        }

        #centercontent .Events_CalendarPoints .EventCard:hover .eventday {
            background-color: #0059A2;
            color: #fff;
        }

        #centercontent .Events_CalendarPoints .EventCard .EventDetailsHolder {
            display: none;
        }
        /*--------------------------------------------------
   CALENDAR EVENT BLOCKS
*/
        .Events_BlockEvents {
        }

            .Events_BlockEvents .Spud_House {
                overflow: auto;
            }

        #centercontent .Events_BlockEvents .EventCard_Shell {
            float: left;
            width: 100%;
        }

        #centercontent .Events_BlockEvents .EventContainer_UL,
        #centercontent .Events_BlockEvents .EventContainer_UL li {
            margin: 0px;
            margin-bottom: 10px;
            list-style-type: none !important;
        }

        #centercontent .Events_BlockEvents .EventDate_DayBar {
            background-color: #f7f7f7 !important;
            color: #222 !important;
            border: 0px;
            float: left;
            clear: both;
            box-shadow: none;
            margin-top: 15px;
            margin-bottom: 15px;
        }

            #centercontent .Events_BlockEvents .EventDate_DayBar .calendar_bullet {
                float: left;
                width: auto;
                font-size: 11px;
                border: solid 1px #ccc;
                box-shadow: 2px 2px 4px rgba(0,0,0,.3);
                border-top-left-radius: 6px;
                border-top-right-radius: 6px;
                padding: 0px !important;
                margin-right: 5px;
                width: 50px;
                box-sizing: border-box;
            }

            #centercontent .Events_BlockEvents .EventDate_DayBar .CalendarPoint_Month {
                float: left;
                font-family: 'Roboto', Arial, sans-serif !important;
                margin: 0px;
                width: 100%;
                text-align: center;
                padding: 2px;
                border-bottom: solid 1px #ccc;
                box-sizing: border-box;
                border-top-left-radius: 6px;
                border-top-right-radius: 6px;
            }

            #centercontent .Events_BlockEvents .EventDate_DayBar .CalendarPoint_Day {
                float: left;
                font-family: 'Roboto', Arial, sans-serif !important;
                clear: both;
                margin: 0px;
                width: 100%;
                text-align: center;
                padding: 2px;
                background-color: #fff;
                color: #222;
                box-sizing: border-box;
            }

            #centercontent .Events_BlockEvents .EventDate_DayBar .CalendarPoint_DayText {
                float: left;
                font-family: 'Roboto', Arial, sans-serif !important;
                font-size: 1.2em !important;
                margin-left: 5px;
                margin-top: 5px;
                margin-right: 15px;
            }

            #centercontent .Events_BlockEvents .EventDate_DayBar .EventDate_DayBar_afterdate {
                float: left;
                min-width: 60%;
                max-width: 80%;
                border-right: 0px;
                border-left: 0px;
                border-bottom: 0px;
                border-top-width: 1px;
                margin: 0px;
                height: 3px;
                margin-top: 20px;
            }

            #centercontent .Events_BlockEvents .EventDate_DayBar .calendar_bullet {
            }


        #centercontent .Events_BlockEvents .image_one {
            display: none;
        }


        #centercontent .Events_BlockEvents .EventCard {
            box-sizing: border-box;
            border-left: 0px;
            border-right: 0px;
            border-top: 0px;
            background: #fff;
            border: solid 1px #ccc;
            float: left;
            width: 100%;
            padding: 12px 24px;
            margin-bottom: 12px;
        }

            #centercontent .Events_BlockEvents .EventCard .EventTitle {
                float: left;
                width: 100%;
                margin: 0px;
                margin-bottom: 5px;
                font-size: 16px;
                font-weight: normal;
                box-sizing: border-box;
            }

                #centercontent .Events_BlockEvents .EventCard .EventTitle h3 {
                    margin: 0px;
                    padding: 0px;
                }

            #centercontent .Events_BlockEvents .EventCard .wash_text .EventTitle a,
            #centercontent .Events_BlockEvents .EventCard .wash_text .notice15 {
                color: #fff;
                text-shadow: 1px 1px 2px rgba(0,0,0,1);
            }

            #centercontent .Events_BlockEvents .EventCard .EventTitle a i {
                display: none;
            }

            #centercontent .Events_BlockEvents .EventCard .EventTitle a {
                border-bottom-width: 0px;
                font-weight: bold;
                font-family: Roboto, Arial, San-Serif !important;
            }

            #centercontent .Events_BlockEvents .EventCard.wash_gray .EventTitle a {
                text-shadow: 1px 1px 2px rgba(0,0,0,1), 2px 4px 4px rgba(0,0,0,.8), 0px -1px 2px rgba(0,0,0,.3) !important;
            }

            #centercontent .Events_BlockEvents .EventCard .EventDateText * {
                border-bottom-width: 0px;
                font-weight: bold;
                font-family: Roboto, Arial, San-Serif !important;
            }

            #centercontent .Events_BlockEvents .EventCard.wash_gray .EventDateText * {
                text-shadow: 0px 2px 4px rgba(0,0,0,.5), 0px -1px 2px rgba(0,0,0,.6), 0px 1px 2px rgba(0,0,0,.6) !important;
            }

            #centercontent .Events_BlockEvents .EventCard.univBlue .EventTitle a,
            #centercontent .Events_BlockEvents .EventCard.medBlue .EventTitle a,
            #centercontent .Events_BlockEvents .EventCard.lightBlue .EventTitle a,
            #centercontent .Events_BlockEvents .EventCard.gray .EventTitle a,
            #centercontent .Events_BlockEvents .EventCard.orange .EventTitle a,
            #centercontent .Events_BlockEvents .EventCard.black .EventTitle a {
                border-bottom-width: 1px;
            }

            #centercontent .Events_BlockEvents .EventCard .EventTitle a:hover {
                border-bottom-width: 1px;
                border-color: #e17000;
            }

            #centercontent .Events_BlockEvents .EventCard .EventDateText {
                float: left;
                width: 100%;
                margin: 0px;
                box-sizing: border-box;
            }

            #centercontent .Events_BlockEvents .EventCard .EventDate,
            #centercontent .Events_BlockEvents .EventCard .description,
            #centercontent .Events_BlockEvents .EventCard .EventBar,
            #centercontent .Events_BlockEvents .EventCard .EventTime,
            #centercontent .Events_BlockEvents .EventCard .event_contact,
            #centercontent .Events_BlockEvents .EventCard .event_options,
            #centercontent .Events_BlockEvents .EventCard .event_details,
            #centercontent .Events_BlockEvents .EventCard img {
                display: none;
            }

            #centercontent .Events_BlockEvents .EventCard .EventDateText {
                float: left;
                clear: none;
                width: 128px;
                border-right: solid 1px #ccc;
            }

            #centercontent .Events_BlockEvents .EventCard .EventDetailsHolder {
                float: left;
                box-sizing: border-box;
                width: auto;
                margin-top: 3px;
                margin-left: 10px;
            }

            #centercontent .Events_BlockEvents .EventCard .event_location {
                font-size: 14px !important;
            }


            #centercontent .Events_BlockEvents .EventCard .event_library {
                float: left;
                font-size: 14px;
            }

                #centercontent .Events_BlockEvents .EventCard .event_library p {
                    margin: 0px;
                    margin-top: 5px;
                    font-family: Roboto, Arial, San-Serif !important;
                }

                #centercontent .Events_BlockEvents .EventCard .event_library .LI_instructor span,
                #centercontent .Events_BlockEvents .EventCard .event_library .LI_librarian span {
                    float: left;
                    width: 75px;
                }

            #centercontent .Events_BlockEvents .EventCard .EventDateText .EventTime {
                float: left;
                display: block;
                clear: none;
                font-size: 16px;
            }


            #centercontent .Events_BlockEvents .EventCard .description .LI_instructor {
                display: block;
                font-size: 16px;
            }

            #centercontent .Events_BlockEvents .EventCard img {
                /* display:block;*/
            }

            #centercontent .Events_BlockEvents .EventCard .description p {
                margin-left: 0px;
            }

            #centercontent .Events_BlockEvents .EventCard:hover {
                border: solid 1px #aaa;
                box-shadow: 0px 10px 10px -3px rgba(0,0,0,0.3);
                transition: all 300ms;
            }


            #centercontent .Events_BlockEvents .EventCard .event_details {
                display: none;
            }

        /*--------------------------------------------------
   CALENDAR COMPACT LIST
*/

        .Events_CompactList {
        }

        #centercontent .Events_CompactList .EventContainer_UL,
        #centercontent .Events_CompactList .EventContainer_UL li {
            float: left;
            width: 100%;
            box-sizing: border-box;
            margin: 0px;
            padding: 1px;
            list-style-type: none;
            margin-bottom: 2px;
        }

            #centercontent .Events_CompactList .EventContainer_UL li {
                border-bottom: solid 1px #ddd;
            }

        #centercontent .Events_CompactList .EventDate_DayBar {
            border: 0px;
            padding: 0px !important;
        }

        .Events_CompactList .Spud_House {
            overflow: auto;
        }

        #centercontent .Events_CompactList .EventCard_Shell {
            float: left;
            width: 100%;
        }

        #centercontent .Events_CompactList .EventCard {
            box-sizing: border-box;
            float: left;
            width: 100%;
            padding: 2px;
        }

            #centercontent .Events_CompactList .EventCard .EventDate {
                float: left;
                width: 30px;
            }

            #centercontent .Events_CompactList .EventCard .EventTitle {
                float: left;
                margin: 0px;
                font-size: 18px;
                font-weight: normal;
                box-sizing: border-box;
            }

                #centercontent .Events_CompactList .EventCard .EventTitle h3 {
                    margin: 0px;
                    padding: 0px;
                }

                #centercontent .Events_CompactList .EventCard .EventTitle a {
                    border-bottom-width: 0px;
                }

            #centercontent .Events_CompactList .EventCard.univBlue .EventTitle a,
            #centercontent .Events_CompactList .EventCard.medBlue .EventTitle a,
            #centercontent .Events_CompactList .EventCard.lightBlue .EventTitle a,
            #centercontent .Events_CompactList .EventCard.gray .EventTitle a,
            #centercontent .Events_CompactList .EventCard.orange .EventTitle a,
            #centercontent .Events_CompactList .EventCard.black .EventTitle a {
                border-bottom-width: 1px;
            }

            #centercontent .Events_CompactList .EventCard .EventTitle a:hover {
                border-bottom-width: 1px;
            }

            #centercontent .Events_CompactList .EventCard .EventDateText {
                float: left;
                width: 100%;
                margin: 0px;
                box-sizing: border-box;
            }

            #centercontent .Events_CompactList .EventCard .event_library {
                float: left;
                clear: both;
                font-size: 14px;
                padding-left: 55px;
            }

                #centercontent .Events_CompactList .EventCard .event_library p {
                    float: left;
                    margin: 0px;
                    margin-bottom: 5px;
                    width: 225px;
                    font-family: Roboto, Arial, San-Serif !important;
                }

            #centercontent .Events_CompactList .EventCard .EventDateText,
            #centercontent .Events_CompactList .EventCard .description,
            #centercontent .Events_CompactList .EventCard .EventBar,
            #centercontent .Events_CompactList .EventCard .EventTime,
            #centercontent .Events_CompactList .EventCard .event_location,
            #centercontent .Events_CompactList .EventCard .event_contact,
            #centercontent .Events_CompactList .EventCard .event_options,
            #centercontent .Events_CompactList .EventCard .event_details,
            #centercontent .Events_CompactList .EventCard .event_image {
                display: none;
            }



        /*--------------------------------------------------------------------------
     FULL EVENT DISPLAY STYLES -- THIS IS WHEN A USER CLICKS ON AN EVENT TITLE
 */

        .EventFull_background {
            position: absolute;
            top: -11px;
            bottom: -11px;
            left: 0px;
            right: 0px;
            width: 100%;
            background-size: 120% 120%;
            background-position: center;
        }

        #EventFullFrame {
            position: absolute;
            width: 80%;
            margin-left: 10%;
            overflow: auto;
            box-sizing: border-box;
        }

        .EventFull_topimage {
            z-index: 5;
            top: 0px;
            left: 0px;
            width: 100%;
            margin: 0px;
            padding: 0px;
            /*background-size: cover;*/
            background-position: center !important;
            height: 350px;
            background-clip: unset !important;
        }

            .EventFull_topimage img {
                height: 350px;
                width: auto;
                margin: auto;
                display: block;
            }


        .EventFull_eventinfo {
            padding: 20px;
            text-align: left;
            top: 0px;
            right: 0px;
            float: left;
        }

        .EventFull_basicinfo {
            float: left;
            width: 40%;
            padding-top: 25px;
        }

        .EventFull_calendar {
            margin-left: 25%;
            margin-bottom: 10px;
            width: 50%;
            padding: 0px;
            box-sizing: border-box;
            background-color: rgba(0,0,0,.6);
            color: #222;
            text-align: center;
            box-shadow: 0px 0px 8px 4px rgba(0,0,0,.2);
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            border: solid 1px #fff;
        }

        .EventFull_month {
            background-color: transparent;
            color: #fff;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            border-bottom: solid 3px #E17000;
            width: 100%;
            padding: 3px;
            box-sizing: border-box;
            font-size: 14px;
        }

        .EventFull_day {
            background-color: transparent;
            color: #fff;
            font-size: 50px;
            line-height: 60px;
            width: 80%;
            margin-left: 10%;
            box-sizing: border-box
        }

        .EventFull_weekday {
            background-color: transparent;
            color: #eee;
            font-size: 12px;
            width: 80%;
            margin-left: 10%;
            box-sizing: border-box;
            letter-spacing: 2px;
        }

        .EventFull_year {
            background-color: transparent;
            color: #ddd;
            font-size: 13px;
            width: 80%;
            margin-left: 10%;
            box-sizing: border-box;
            letter-spacing: 2px;
        }

        .EventFull_clock, .EventFull_contactdetails {
            width: 100%;
            margin-top: 5px;
            margin-bottom: 5px;
            padding: 0px;
            box-sizing: border-box;
            text-align: left;
            padding-left: 10px;
        }

            .EventFull_clock p {
                /* padding-left:32px !important;*/
                margin-left: 0%;
                width: 100%;
                box-sizing: border-box;
                text-align: center;
            }

        .EventFull_contactdetails {
            /*  margin-left: 5%;
    margin-top: 10px;
    width: 90%;
    padding: 0px;
    box-sizing: border-box;
    text-align: left;
    padding-left: 10px;
    float:left;*/
        }

        .EventFull_buttoninfo {
            float: left;
            width: 50%;
            margin-left: 25%;
            margin-top: 8px;
            border: solid 1px #ccc;
            background-color: rgba(0,0,0,.6);
            color: #fff;
            font-size: 12px;
            padding: 0px 8px;
            text-align: center;
            box-sizing: border-box;
        }

            .EventFull_buttoninfo a,
            .EventFull_buttoninfo a:visited {
                color: #fff;
            }

                .EventFull_buttoninfo a:hover {
                    border-bottom: solid 1px #fff;
                }

            .EventFull_buttoninfo:hover {
                box-shadow: 0px 0px 3px 2px rgba(200, 200, 200, .85);
            }

        .EventFull_details {
            float: left;
            width: 55%;
            box-sizing: border-box;
            padding: 10px;
            border: solid 1px #ccc;
            border-radius: 3px;
            background-color: rgba(0,0,0,.9);
            box-shadow: 0px 0px 8px 4px rgba(0,0,0,.6);
        }

        .EventFull_details_desc ul {
            margin-left: 30px;
            width: auto;
            float: left;
        }

        .EventFull_details_title {
            min-height: 75px;
            font-size: 38px;
            line-height: 40px;
            font-family: 'Roboto', arial, san-serif;
            font-weight: 100;
        }

        .EventFull_details_desc .first_image {
            display: none;
        }

        .EventFull_details_desc {
            padding: 10px;
            font-size: 14px;
            color: #f7f7f7;
            font-family: 'Roboto', arial, san-serif;
        }

            .EventFull_details_desc p span * {
                font-family: unset;
            }

            .EventFull_details_desc p {
                margin-bottom: 5px;
            }


            .EventFull_details_desc a,
            .EventFull_details_desc a:visited,
            .EventFull_details_desc .wash_text a {
                background-color: transparent;
                color: #f7f7f7;
                border-bottom: dotted 1px #fff !important;
                font-family: unset;
            }

                .EventFull_details_desc a:hover {
                    color: #fff;
                    border-bottom: solid 1px #fff;
                }

        .EventFull_extraoptions {
            border: solid 1px #e17000;
            padding: 10px;
            width: 96%;
            box-sizing: border-box;
            margin: 2%;
            float: left;
            clear: both;
        }




            .EventFull_extraoptions p {
                margin-bottom: 5px;
                float: left;
                min-width: 45%;
            }

            .EventFull_extraoptions .icon_share {
                word-break: break-all;
            }


        .EventButtonClose {
            width: 130px;
            padding: 5px !important;
            text-align: center;
            margin: auto;
            margin-top: 6px;
            float: right;
            clear: both;
        }

        /*------------- EVENT FULL EVENT LIGHTBOX STYLES  ---------------------------*/
        /* BUBBLE TOP STYLE */
        .bubbletop .EventFull_eventinfo {
            background-color: rgba(0,0,0,.6);
        }

        .bubbletop .EventFull_topimage {
            float: left;
            width: auto;
            height: auto;
            padding-bottom: 5px;
        }

            .bubbletop .EventFull_topimage.haswallpaper {
                width: 300px;
                height: 300px;
                border-radius: 50%;
                margin-left: 22px;
            }

        .bubbletop_image, .bubbletop_basics {
            float: left;
            width: 35%;
            padding: 1%;
            box-sizing: border-box;
        }

        .bubbletop_basics {
            width: 65%;
            padding: 2%;
            padding-top: 40px;
            box-sizing: border-box;
        }

        .bubbletop .EventFull_topimage.wash_black {
            /*  background:transparent !important;*/
            text-shadow: none !important;
            box-shadow: none !important;
        }

        .bubbletop .EventHeaderSection img {
            float: left;
            width: auto;
            height: 200px;
            margin: auto;
            display: block;
            border-radius: 50%;
            border: solid 3px #fff;
            max-width: 98%;
            max-height: 200px;
        }

        .bubbletop_basics .EventFull_details_title {
            border-bottom: solid 4px #E17000;
            min-height: unset;
            line-height: normal;
        }

        .bubbletop_basics .EventFull_basicinfo {
            width: 98%;
            padding-top: 4px;
            margin-top: 5px;
            box-sizing: border-box;
        }

        .bubbletop_basics .EventFull_calendar {
            margin-left: 10px;
            margin-bottom: 10px;
            width: auto;
            padding: 0px;
            box-sizing: border-box;
            background-color: unset;
            color: #222;
            text-align: center;
            box-shadow: none;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
            border: solid 0px #fff;
            float: left;
        }

        .bubbletop_basics .EventFull_month {
            background-color: transparent;
            color: #fff;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
            border-bottom: none;
            width: auto;
            padding: unset;
            box-sizing: border-box;
            font-size: 20px;
            float: left;
        }

        .bubbletop_basics .EventFull_day {
            background-color: transparent;
            color: #fff;
            font-size: 20px;
            line-height: unset;
            width: auto;
            margin-left: 5px;
            box-sizing: border-box;
            float: left;
        }

            .bubbletop_basics .EventFull_day:after {
                content: ", ";
            }

        .bubbletop_basics .EventFull_weekday {
            display: none;
        }

        .bubbletop_basics .EventFull_year {
            background-color: transparent;
            color: #fff;
            font-size: 20px;
            line-height: unset;
            width: auto;
            margin-left: 5px;
            box-sizing: border-box;
            float: left;
        }

        .bubbletop_basics .EventFull_clock {
            margin-left: 20px;
            width: auto;
            margin-top: unset;
            margin-bottom: unset;
            padding: 0px;
            box-sizing: border-box;
            text-align: left;
            padding-left: 10px;
            float: left;
        }

            .bubbletop_basics .EventFull_clock p {
                /*padding-left:unset !important;*/
            }

        .bubbletop .EventFull_details {
            clear: both;
            width: 98%;
            display: block;
            margin: auto;
            box-sizing: border-box;
            padding: 5px;
            border: none;
            background-color: unset;
            box-shadow: none;
        }

        /*-----------------------------------------*/
        /* IMAGE TOP STYLE */

        .imagetop .EventFull_eventinfo {
            background-color: rgba(0,0,0,.6);
            padding: 0px;
        }

        .imagetop .EventFull_topimage {
            float: none;
            width: 100%;
            padding: 0;
            box-sizing: border-box;
            position: absolute;
            top: 0px;
            left: 0;
            right: 0;
            height: 260px;
            z-index: 996200;
            background-size: contain !important;
            background-position: center;
            background-repeat: no-repeat;
        }

            .imagetop .EventFull_topimage img {
                height: 230px;
                width: auto;
            }

        .imagetop_basics {
            float: left;
            width: 35%;
            padding: 1%;
            box-sizing: border-box;
        }

        .imagetop_basics {
            width: 65%;
            padding: 2%;
            padding-top: 40px;
            box-sizing: border-box;
        }

        .imagetop .EventFull_topimage.wash_black {
            /* background: transparent !important;*/
            text-shadow: none !important;
            box-shadow: none !important;
        }

        .imagetop .EventHeaderSection {
            position: relative;
            margin-top: 261px;
            min-height: 150px;
            width: 100%;
            left: 0px;
            z-index: 996500;
        }

        .imagetop .EventFull_details_title {
            border-bottom: solid 4px #E17000;
            min-height: unset;
            line-height: normal;
            text-align: center;
            background-color: #fff;
            color: #222;
            padding: 5px;
            min-height: unset;
            border-top: solid 3px #e17000;
            border-bottom: solid 3px #e17000;
            font-size: 25px;
            font-weight: bold;
            width: 70%;
            margin-left: 15%;
            position: absolute;
            top: 230px;
            z-index: 996600;
        }

        .imagetop_basics {
            position: relative;
            width: 100%;
            float: left;
            padding: 0px;
            margin: 0px;
            box-sizing: border-box;
        }

        .imagetop .EventFull_basicinfo, .EventFull_ExtraDetails {
            width: 50%;
            padding-top: 40px;
            margin: 0px;
            box-sizing: border-box;
            float: left;
            min-height: 285px;
            font-weight: normal !important
        }

            .imagetop .EventFull_basicinfo b, .imagetop .EventFull_ExtraDetails b {
                font-weight: normal !important;
            }

        .imagetop .EventFull_basicinfo {
            background-color: #286193;
            color: #f7f7f7;
        }

        .imagetop .EventFull_ExtraDetails {
            background-color: #555;
            color: #f7f7f7;
        }

            .imagetop .EventFull_ExtraDetails p {
                border-bottom: solid 1px #767676;
                margin: 0px;
                width: 98%;
                padding: 8px;
                box-sizing: border-box;
            }

        .imagetop .EventFull_calendar {
            width: 98%;
            margin: auto;
            text-align: center;
            box-sizing: border-box;
            background-color: unset;
            color: #222;
            box-shadow: none;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
            border: solid 0px #fff;
            float: left;
            font-size: 20px !important;
        }

        .imagetop .EventFull_weekday {
            background-color: transparent;
            color: #fff;
            line-height: unset;
            width: 100%;
            margin: auto;
            box-sizing: border-box;
            float: left;
            font-size: 20px !important;
            margin-bottom: 20px;
            padding-top: 35px;
        }

        .imagetop .EventFull_month {
            background-color: transparent;
            color: #fff;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
            border-bottom: none;
            width: auto;
            padding: unset;
            box-sizing: border-box;
            float: left;
            font-size: 30px !important;
            margin-left: 22%;
        }

        .imagetop .EventFull_day {
            background-color: transparent;
            color: #fff;
            line-height: unset;
            width: auto;
            margin: auto;
            box-sizing: border-box;
            float: left;
            font-size: 30px !important;
            margin-left: 5px;
        }

            .imagetop .EventFull_day:after {
                content: ", ";
            }

        .imagetop .EventFull_year {
            background-color: transparent;
            color: #fff;
            line-height: unset;
            width: auto;
            clear: none;
            box-sizing: border-box;
            text-align: left;
            float: left;
            font-size: 30px !important;
            margin-left: 5px;
        }


        .imagetop .EventFull_clock {
            /*width: 200px;*/
            margin: auto;
            margin-top: 15px;
            margin-bottom: unset;
            padding: 0px;
            box-sizing: border-box;
            text-align: center;
            padding-left: 10px;
            clear: both;
            font-size: 20px !important;
        }

            .imagetop .EventFull_clock .icon_clock,
            .imagetop .EventFull_clock .icon_location {
                float: left;
                margin-top: 20px;
            }

        .imagetop .EventFull_extraoptions {
            clear: both;
            width: 98%;
            display: block;
            margin: 0px;
            border: 0px;
            box-sizing: border-box;
            padding: 5px;
            background-color: unset;
            box-shadow: none;
            font-size: 14px;
            word-break: break-all;
        }

            .imagetop .EventFull_extraoptions a {
                color: inherit;
                border-bottom: dotted 1px #fff;
            }

        .imagetop .EventFull_details {
            clear: both;
            width: 98%;
            display: block;
            margin: auto;
            box-sizing: border-box;
            padding: 5px;
            border: none;
            background-color: unset;
            box-shadow: none;
        }

        /*-----      BLOCKS      -----*/
        .blocks .EventHeaderSection {
            float: left;
            clear: both;
            width: 100%;
            box-sizing: border-box;
        }

        .blocks .EventFull_details_title {
            width: 65%;
            box-sizing: border-box;
            float: left;
            font-size: 45px;
            height: 150px;
            background-color: #0059A2;
            color: #fff;
            text-align: center;
            padding-top: 10px;
            line-height: normal;
            margin-bottom: 8px;
        }

        .blocks .EventFull_basicinfo {
            width: 34%;
            margin-left: 1%;
            box-sizing: border-box;
            float: left;
            height: 150px;
            background-color: #555;
            color: #fff;
            padding-top: 5px;
            text-align: center;
            margin-bottom: 8px;
        }

            .blocks .EventFull_basicinfo .EventButtonClose {
                position: absolute;
                top: 0px;
                right: 0px;
                margin: 0px;
                padding: 3px !important;
                font-size: 10px !important;
                height: 25px;
                width: 25px;
                border: solid 1px #333 !important;
                background-color: #333 !important;
                color: #fff !important;
                border-radius: 0px;
            }

                .blocks .EventFull_basicinfo .EventButtonClose:hover {
                    background-color: #fff !important;
                    color: #333 !important;
                    border: solid 1px #333 !important;
                }

        .blocks .EventFull_calendar {
            margin: 0px;
            width: unset;
            border: 0px;
            border-radius: 0px;
            background-color: inherit;
            box-shadow: none;
            color: inherit;
            box-sizing: border-box;
            float: left;
            width: 100%;
        }

        .blocks .EventFull_weekday, .blocks .EventFull_month, .blocks .EventFull_day, .blocks .EventFull_year, .blocks .EventFull_clock {
            color: inherit;
            background-color: inherit;
            font-size: 15px;
            border: 0px;
            margin: auto;
            padding: 5px;
            float: left;
            clear: both;
            line-height: normal;
        }

        .blocks .EventFull_weekday {
            width: 100%;
        }

        .blocks .EventFull_month {
            width: auto;
            margin-left: 50px;
            clear: none;
            font-size: 20px;
        }

        .blocks .EventFull_day {
            width: auto;
            clear: none;
            font-size: 20px;
        }

            .blocks .EventFull_day:after {
                content: ", ";
            }

        .blocks .EventFull_year {
            width: auto;
            clear: none;
            font-size: 20px;
        }

        .blocks .EventFull_calendardate {
            float: left;
            width: 100%;
            box-sizing: border-box;
            text-align: center;
        }

        .blocks .EventFull_clock {
            clear: both;
            width: 100%;
            box-sizing: border-box;
            text-align: center;
        }

            .blocks .EventFull_clock .icon_clock, .blocks .EventFull_clock .icon_location {
                padding-left: 4px !important;
            }

                .blocks .EventFull_clock .icon_clock:before,
                .blocks .EventFull_clock .icon_location:before {
                    position: unset;
                    padding-right: 5px;
                }

        .blocks .blocks_image {
            clear: both;
            float: left;
            width: 100%;
            margin-bottom: 8px;
        }

            .blocks .blocks_image .EventFull_topimage {
                background-color: transparent !important;
                border: 0px;
                box-shadow: none !important;
            }

        .blocks .EventFull_details {
            clear: both;
            float: left;
            width: 100%;
            border: 0px;
        }

            .blocks .EventFull_details,
            .blocks .EventFull_details p,
            .blocks .EventFull_details a {
                background-color: #0059A2 !important;
                color: #fff !important;
                border-radius: 0px;
            }

        .blocks .EventFull_ExtraDetails {
            float: left;
            width: 100%;
            box-sizing: border-box;
            padding-top: 8px;
            min-height: unset;
            border: solid 1px #fff;
        }

        .blocks .EventFull_extraoptions {
            border: none;
        }

        .blocks .EventFull_details .EventButtonClose {
            background-color: #fff !important;
            color: #0059A2 !important;
            border: solid 1px transparent;
        }


            .blocks .EventFull_details .EventButtonClose:hover {
                background-color: #0059A2 !important;
                color: #fff !important;
                border: solid 1px #fff !important;
            }

        .blocks .EventFull_ExtraDetails .EventButtonClose {
            display: none;
        }



        /*-----      NEWS FEED      -----*/

        #centercontent .Events_News .EventCard_Shell {
            float: left;
            width: 24%;
            box-sizing: border-box;
            height: 350px;
            padding: 2%;
            margin-right: 0px;
            margin-bottom: 10px;
            border: solid 1px #ccc;
            position: relative;
        }

        @media screen and (min-width:800px) and (max-width:1160px) {
            #centercontent .Events_News .EventCard_Shell {
                width: 33%;
            }
        }

        @media screen and (min-width:00px) and (max-width:799px) {
            #centercontent .Events_News .EventCard_Shell {
                width: 50%;
            }
        }


        #centercontent .Events_News .event_image_link {
            display: block;
        }

        #centercontent .Events_News .event_image_link {
            overflow: hidden;
            height: 200px;
            width: 100%;
            position: relative;
            border: solid 1px #ccc;
            display: block;
            background-position-x: 50%;
            background-position-y: 50%;
            background-size: cover;
            cursor: pointer;
        }

            #centercontent .Events_News .event_image_link img,
            #centercontent .Events_News .event_image {
                display: none;
            }

        .Events_News .description {
            display: none;
        }

        #centercontent .Events_News .EventTitle h3 a {
            font-size: 16px;
            font-family: 'Libre Franklin', Arial, sans-serif;
        }

        .Events_News .EventTitle h3 a i {
            display: none;
        }

        #centercontent .Events_News .EventDateText .EventDate {
            font-size: 12px;
            text-transform: uppercase;
            font-family: 'Libre Franklin', Arial, sans-serif;
            position: absolute;
            bottom: 10px;
            left: 24px;
        }

        .Events_News .EventDateText .EventBar,
        .Events_News .EventDateText .EventTime,
        .Events_News .EventDetailsHolder {
            display: none;
        }

        .Events_News .EventHeaderSection {
            float: left;
            clear: both;
            width: 100%;
            box-sizing: border-box;
        }

        .Events_News .EventFull_details_title {
            width: 65%;
            box-sizing: border-box;
            float: left;
            font-size: 45px;
            height: 150px;
            background-color: #0059A2;
            color: #fff;
            text-align: center;
            padding-top: 10px;
            line-height: normal;
            margin-bottom: 8px;
        }

        .Events_News .EventFull_basicinfo {
            width: 34%;
            margin-left: 1%;
            box-sizing: border-box;
            float: left;
            height: 150px;
            background-color: #555;
            color: #fff;
            padding-top: 5px;
            text-align: center;
            margin-bottom: 8px;
        }

            .Events_News .EventFull_basicinfo .EventButtonClose {
                position: absolute;
                top: 0px;
                right: 0px;
                margin: 0px;
                padding: 3px !important;
                font-size: 10px !important;
                height: 25px;
                width: 25px;
                border: solid 1px #333 !important;
                background-color: #333 !important;
                color: #fff !important;
                border-radius: 0px;
            }

                .Events_News .EventFull_basicinfo .EventButtonClose:hover {
                    background-color: #fff !important;
                    color: #333 !important;
                    border: solid 1px #333 !important;
                }

        .Events_News .EventFull_calendar {
            margin: 0px;
            width: unset;
            border: 0px;
            border-radius: 0px;
            background-color: inherit;
            box-shadow: none;
            color: inherit;
            box-sizing: border-box;
            float: left;
            width: 100%;
        }

        .Events_News .EventFull_weekday, .Events_News .EventFull_month, .Events_News .EventFull_day, .Events_News .EventFull_year, .Events_News .EventFull_clock {
            color: inherit;
            background-color: inherit;
            font-size: 15px;
            border: 0px;
            margin: auto;
            padding: 5px;
            float: left;
            clear: both;
            line-height: normal;
        }

        .Events_News .EventFull_weekday {
            width: 100%;
        }

        .Events_News .EventFull_month {
            width: auto;
            margin-left: 50px;
            clear: none;
            font-size: 20px;
        }

        .Events_News .EventFull_day {
            width: auto;
            clear: none;
            font-size: 20px;
        }

            .Events_News .EventFull_day:after {
                content: ", ";
            }

        .Events_News .EventFull_year {
            width: auto;
            clear: none;
            font-size: 20px;
        }

        .Events_News .EventFull_calendardate {
            float: left;
            width: 100%;
            box-sizing: border-box;
            text-align: center;
        }

        .Events_News .EventFull_clock {
            clear: both;
            width: 100%;
            box-sizing: border-box;
            text-align: center;
        }

            .Events_News .EventFull_clock .icon_clock, .Events_News .EventFull_clock .icon_location {
                padding-left: 4px !important;
            }

                .Events_News .EventFull_clock .icon_clock:before,
                .Events_News .EventFull_clock .icon_location:before {
                    position: unset;
                    padding-right: 5px;
                }

        .Events_News .Events_News_image {
            clear: both;
            float: left;
            width: 100%;
            margin-bottom: 8px;
        }

            .Events_News .Events_News_image .EventFull_topimage {
                background-color: transparent !important;
                border: 0px;
                box-shadow: none !important;
            }

        .Events_News .EventFull_details {
            clear: both;
            float: left;
            width: 100%;
            border: 0px;
        }

            .Events_News .EventFull_details,
            .Events_News .EventFull_details p,
            .Events_News .EventFull_details a {
                background-color: #0059A2 !important;
                color: #fff !important;
                border-radius: 0px;
            }

        .Events_News .EventFull_ExtraDetails {
            float: left;
            width: 100%;
            box-sizing: border-box;
            padding-top: 8px;
            min-height: unset;
            border: solid 1px #fff;
        }

        .Events_News .EventFull_extraoptions {
            border: none;
        }

        .Events_News .EventFull_details .EventButtonClose {
            background-color: #fff !important;
            color: #0059A2 !important;
            border: solid 1px transparent;
        }


            .Events_News .EventFull_details .EventButtonClose:hover {
                background-color: #0059A2 !important;
                color: #fff !important;
                border: solid 1px #fff !important;
            }

        .Events_News .EventFull_ExtraDetails .EventButtonClose {
            display: none;
        }

        /*-----      TITLE OVERLAY      -----*/
        .titleoverlay .EventHeaderSection {
            clear: both;
            box-sizing: border-box;
            position: absolute;
            left: 0px;
            right: 0px;
        }

        .titleoverlay .EventFull_details_title {
            height: 330px;
            width: 96%;
            box-sizing: border-box;
            font-size: 100px;
            background-color: rgba(0,0,0,.05);
            color: #fff;
            text-align: center;
            position: absolute;
            z-index: 999800;
            text-shadow: 0px 1px 2px #000;
            border-top: solid 5px #fff;
            border-bottom: solid 5px #fff;
            margin: 0px;
            margin-left: 2%;
            margin-top: 10px;
            margin-bottom: 10px;
            line-height: normal;
        }

        .titleoverlay .EventFull_basicinfo {
            width: 200px;
            height: 180px;
            position: absolute;
            top: 420px;
            right: 15px;
            float: left;
            border: solid 4px #e17000;
            background-color: #fff;
            color: #0059A2;
            padding: 15px;
            text-align: center;
            margin: 0px;
            margin-bottom: 8px;
            z-index: 9999000;
            box-sizing: border-box;
            border-radius: 14px;
        }

            .titleoverlay .EventFull_basicinfo .EventButtonClose {
                position: absolute;
                top: -378px;
                right: 16px;
                margin: 0px;
                padding: 3px !important;
                font-size: 10px !important;
                height: 25px;
                width: 25px;
                border: solid 1px #333 !important;
                background-color: #333 !important;
                color: #ccc !important;
                border-radius: 0px;
            }

                .titleoverlay .EventFull_basicinfo .EventButtonClose:hover {
                    background-color: #fff !important;
                    color: #333 !important;
                    border: solid 1px #333 !important;
                }

        .titleoverlay .EventFull_calendar {
            margin: 0px;
            width: unset;
            border: 0px;
            border-radius: 0px;
            background-color: transparent;
            box-shadow: none;
            color: inherit;
            box-sizing: border-box;
            float: left;
            width: 100%;
            color: #0059A2;
        }

        .titleoverlay .EventFull_weekday, .titleoverlay .EventFull_month, .titleoverlay .EventFull_day, .titleoverlay .EventFull_year, .titleoverlay .EventFull_clock {
            font-size: 15px;
            border: 0px;
            margin: auto;
            padding: 5px;
            float: left;
            clear: both;
            line-height: normal;
            width: 100%;
            text-align: center;
            color: #0059A2;
        }


        .titleoverlay .EventFull_calendardate {
            float: left;
            width: 100%;
            box-sizing: border-box;
            text-align: center;
            color: #0059A2;
        }

        .titleoverlay .EventFull_clock {
            clear: both;
            width: 100%;
            box-sizing: border-box;
            text-align: center;
            color: #0059A2;
        }

            .titleoverlay .EventFull_clock .icon_clock {
                padding-left: 0px !important;
            }

                .titleoverlay .EventFull_clock .icon_clock:before {
                    position: unset;
                }

        .titleoverlay .titleoverlay_image {
            clear: both;
            float: left;
            width: 100%;
            margin-bottom: 8px;
        }

            .titleoverlay .titleoverlay_image .EventFull_topimage {
                background-color: transparent !important;
                border: 0px;
                box-shadow: none !important;
                background-size: cover;
                background-position: top !important;
            }

        .titleoverlay .EventFull_details {
            clear: both;
            float: left;
            width: 85%;
            padding: 15px;
            box-sizing: border-box;
            border: 0px;
            border: solid 5px #555;
            box-shadow: 0px;
        }

            .titleoverlay .EventFull_details,
            .titleoverlay .EventFull_details p,
            .titleoverlay .EventFull_details a {
                background-color: #000 !important;
                color: #fff !important;
                border-radius: 0px;
            }


                .titleoverlay .EventFull_details p,
                .titleoverlay .EventFull_details a {
                    width: 100%;
                    box-sizing: border-box;
                }

        .titleoverlay .EventFull_ExtraDetails {
            float: left;
            width: 100%;
            box-sizing: border-box;
            padding-top: 8px;
            min-height: unset;
            border: solid 1px #fff;
        }

        .titleoverlay .EventFull_extraoptions {
            border: none;
        }

        .titleoverlay .EventFull_details .EventButtonClose {
            background-color: #fff !important;
            color: #0059A2 !important;
            border: solid 1px transparent;
        }


            .titleoverlay .EventFull_details .EventButtonClose:hover {
                background-color: #0059A2 !important;
                color: #fff !important;
                border: solid 1px #fff !important;
            }

        .titleoverlay .EventFull_ExtraDetails .EventButtonClose {
            display: none;
        }

        @media screen and (min-width:900px) {
            .titleoverlay .EventFull_details_desc {
                padding-right: 68px;
            }
        }

        @media screen and (min-width:600px) {
            .titleoverlay .EventFull_details_desc {
                padding-right: 135px;
            }

            .titleoverlay .EventFull_details_title {
                font-size: 40px !important;
            }
        }

    @media screen and (min-width:500px) {
        .titleoverlay .EventFull_details_desc {
            padding-right: 135px;
        }

        .titleoverlay .EventFull_details_title {
            font-size: 40px !important;
        }
    }

        @media screen and (min-width:0px) and (max-width:800px) {
            .EventFull_topimage {
                float: left;
                min-height: 60px;
                height: unset;
            }

                .EventFull_topimage img {
                    height: auto;
                    max-width: 100%;
                }
        }


    @media screen and (max-width: 370px) {
        #centercontent .ControlPanelMonth {
            width: 100%;
            padding-left: 10px;
            padding-right: 1px;
            box-sizing: border-box;
        }
    }

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+              END OF STANDARD STYLES YOU ARE                                         +
+     USE THE MY STYLE OVERRIDE CSS FILE TO ADJUST STYLES AS NEEDED                   +
+     PLEASE MAINTAIN YOUR SITE NAVIGATION SECTION IN THE MY NAVIGATION CSS FILE      +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/