﻿/***************************
****************************
*   Slide Show
****************************
***************************/
#slideshowOutSideWrapper {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    background: #f2f2f2;
}

#slideshowInsideWrapper {
    width: 100%;
}

    #slideshowInsideWrapper section article {
        width: 100%;
    }

        #slideshowInsideWrapper section article img {
            width: 100%;
            height: auto;
        }


/***************************
****************************
*   Mobile Home List
****************************
***************************/
#MobileHomeList {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    background-color: rgba(249,246,238,.9) !important;
    clear: both !important;
    border-top: 2px solid #A81F44;
}

#MobileHomeList a {
  color: #A81F44;
text-decoration: none;
font-weight: 500;
text-transform: Uppercase;
font-size: 0.875em;
}

#MobileHomeList .row {
	border-bottom: 1px solid #F9F6EE !important;
}

#MobileHomeList .columnLeft {
margin: 0 !important;
padding: 10px 0 10px 0;
text-align: center;
width: 49% !important;
display: inline-block;
vertical-align: center;

border-right: 1px solid #F9F6EE !important;
}

#MobileHomeList .columnRight {
margin: 0 !important;
padding: 10px 0 10px 0;
text-align: center;
width: 49% !important;
display: inline-block;
vertical-align: center;
}


#MobileHomeList .columnLeft img {
margin: 0 auto;
max-width: 50%;
display: block;
clear: both !important;
text-align: center;
}

#MobileHomeList .columnRight img {
margin: 0 auto;
display: block;
max-width: 50%;
text-align: center;
}




/***********************************
************************************
*   Find a Doctor WKHS Home Page
************************************
***********************************/
/* HIDES IF MOBILE */
@media only screen and (max-width: 768px) {
    #findadoctorOutSideWrapper {
        display: none !important;
    }
}

/* SHOWS IF TABLET OR DESKTOP */
@media only screen and (min-width: 769px) {
    #findadoctorOutSideWrapper {
        display: inherit;
    }
}


#findadoctorOutSideWrapper {
    margin: 0;
    padding: 0;
    border-top: 1px solid #A81F44;
    border-bottom: 1px solid #A81F44;
    background: #F9F6EE;
    width: 100%;
    /*min-height: 80px*/
min-height: 1px
}

#findadoctorInSideWrapper {
    margin: 0 auto;
    padding: 5px 0 5px 0;
    width: 100%;

display: none !important;

}

    #findadoctorInsideWrapper section {
        width: 100%;
        padding: 10px 0 0 0;
display: none !important;
    }

#findadoctorIconTitle {
    margin: 0;
    padding: 0;
    float: left;
    width: 25%;
}

#findadoctorIconTitleInsideWrapper {
    margin: 5px 0 5px 0;
    padding: 0;
    width: 100%;
}

#findadoctorIcon {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 30%;
    float: left;
}

    #findadoctorIcon img {
        width: 40px;
        height: auto
    }

#findadoctorTitle {
    margin: 0;
    padding: 0;
    text-align: left;
    width: 70%;
    float: left;
}

    #findadoctorTitle h1 {
        margin: 0;
        padding: 0;
        /*font-family: 'LatoWebBold', sans-serif;*/
        font-family: 'Open Sans', sans-serif !important;
        font-weight: 700;
        font-size: 1.188em;
    }

    #findadoctorTitle a {
        font-size: 0.938em;
        color: #A81F44;
    }

        #findadoctorTitle a:hover {
            color: #A81F44;
            text-decoration: none;
        }

#findadoctorSpecialty {
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
    width: 25%;
    text-align: center;
}

    #findadoctorSpecialty .DropDown {
        margin: 10px 0 10px 0;
        font-size: 1em;
        width: 90% !important;
    }

#findadoctorName {
    margin: 0;
    padding: 5px 40px 0 0;
    float: left;
    width: 25%;
    text-align: center;
}

    #findadoctorName .Input {
        margin: 10px 0 10px 0;
        background: #ffffff;
        font-style: normal !important;
        color: #000000 !important;
        font-size: 1em !important;
        border: 1px solid #000000;
        width: 100% !important;
    }

#findadoctorSearchButton {
    margin: 0;
    padding: 15px 0 0 0;
    float: left;
    width: 25%;
    text-align: center;
}

    #findadoctorSearchButton .SearchButton {
        margin: 0 0 0 0;
        padding: 0;
        height: 30px;
        width: 185px;
    }


@media only screen and (min-width: 1041px) {

    #findadoctorIcon {
        width: 30%;
        text-align: right;
        padding: 0 5px 0 0;
    }

        #findadoctorIcon img {
            width: 50px;
        }

    #findadoctorTitle {
        width: 70%;
    }

        #findadoctorTitle h1 {
            font-size: 1.688em;
            margin: 0 !important;
        }

        #findadoctorTitle a {
            font-size: 1.00em;
        }

    #findadoctorSpecialty {
        width: 25%;
    }

        #findadoctorSpecialty .DropDown {
            font-size: 1.250em;
            font-weight: normal !important;
        }

    #findadoctorName {
        width: 25% !important;
        text-align: right !important;
    }

        #findadoctorName .Input {
            margin: 10px 0 0 40px !important;
            font-size: 1.200em !important;
            width: 100% !important;
        }
}

/***********************************
************************************
*   Our Locations WKHS Home
************************************
***********************************/
    /* HIDES IF MOBILE */
    @media only screen and (max-width: 768px) {
        #ourlocationsOutSideWrapper, #ourlocationstabstripOutSideWrapper, #ourlocationsmultipageOutSideWrapper {
        display: none !important;
    }
}

/* SHOWS IF TABLET OR DESKTOP */
@media only screen and (min-width: 769px) {
    #ourlocationsOutSideWrapper, #ourlocationstabstripOutSideWrapper, #ourlocationsmultipageOutSideWrapper {
        display: inherit;
    }
}

#ourlocationsOutSideWrapper {
    margin: 0;
    padding: 0;
    background: #fff;
    width: 100%;
}

#ourlocationsInsideWrapper {
    margin: 0 auto;
    width: 100%;
}

    #ourlocationsInsideWrapper section {
        width: 100%;
        margin: 0 auto;
        padding: 5px 0 0 0;
    }

        #ourlocationsInsideWrapper section h2 {
            margin: 0;
            padding: 15px 0 10px 0;
            text-align: center;
            font-size: 2.125em;
            color: #A81F44;
            /*font-family: 'LatoWebBold', sans-serif;*/
            font-family: 'Open Sans', sans-serif !important;
            font-weight: 700;
        }

/***********************************
*   Our Locations Tab Strip
***********************************/
#ourlocationstabstripOutSideWrapper {
    display: inherit;
    margin: 0;
    background: #A81F44;
    width: 100%;
}

#ourlocationstabstripInsideWrapper {
    margin: 0 auto;
    width: 100%;
}

    #ourlocationstabstripInsideWrapper section {
        width: 100%;
    }

.RadTabStrip_OurLocationsWKHSHome {
    font-size: 1em;
}


/**********************************************
*   Our Locations Tab Strip Multipage
**********************************************/
#ourlocationsmultipageOutSideWrapper {
    display: inherit;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #A81F44;
}

#ourlocationsmultipageInsideWrapper {
    margin: 0 auto;
    width: 100%;
}

    #ourlocationsmultipageInsideWrapper section {
        width: 100%;
        padding: 15px 0 15px 0;
    }


/**********************************************
*   Five (5) Locations
**********************************************/
#Five-Locations {
    margin: 0 auto 0 auto;
    padding: 0;
}

    #Five-Locations .Location {
        margin: 0 .50% 1% .50%;
        width: 19%;
        float: left;
    }

#Four-Locations {
    margin: 0 auto 0 auto;
    padding: 0;
}

    #Four-Locations .Location {
        margin: 0 .50% 1% .50%;
        width: 24%;
        float: left;
    }

.Location-OutsideWrapper {
    position: relative;
}

.Location-Wrapper {
}

    .Location-Wrapper .Location-Hover {
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        display: inline-block;
        text-align: center;
        color: transparent;
    }

        .Location-Wrapper .Location-Hover:hover {
        }

.Location-Table {
    width: 100%;
    height: 100%;
}

table, .Location-Table {
    border-collapse: collapse;
    display: table;
}

.Location-Wrapper .Location-Hover .Location-Table .Location-Table-Cell {
    display: table-cell;
    vertical-align: top;
    padding: 0;
}


    .Location-Wrapper .Location-Hover .Location-Table .Location-Table-Cell .Location-Button {
        text-transform: uppercase;
        /*font-weight: 700;
        font-family: 'LatoWebBold', sans-serif;*/
        font-family: 'Open Sans', sans-serif !important;
        font-weight: 700;
        display: inline-block;
        padding: 5px 5px;
        border-radius: 0px;
        -moz-border-radius: 0px;
        border: none;
        color: #FFF;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
        -webkit-transition: all ease-in 0.3s;
        transition: all ease-in 0.3s;
        background-color: rgba(0, 0, 0, 0.4);
        width: 100%;
    }

        .Location-Wrapper .Location-Hover .Location-Table .Location-Table-Cell .Location-Button:hover {
            background-color: rgba(0,0,0, 0.4);
        }

.Location-Wrapper .Location-Image {
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

    .Location-Wrapper .Location-Image img {
        width: 100%;
        max-width: 150px !important;
        height: auto;
    }


.Location-Address-Details-Wrapper {
    margin: 5px 0 0 0;
}


    .Location-Address-Details-Wrapper .Address {
        text-align: center;
        font-size: 0.813em;
    }

        .Location-Address-Details-Wrapper .Address p {
            margin: 0 0 5px 0;
        }

    .Location-Address-Details-Wrapper .DetailsLink {
        text-align: center;
        margin: 5px 0 5px 0 !important;
        padding: 10px 0 0 0;
    }

        .Location-Address-Details-Wrapper .DetailsLink a.ViewDetailsButton {
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            text-transform: uppercase;
            color: #ffffff;
            font-size: 0.938em;
            background-color: #A81F44;
            padding: 8px 10px 8px 10px;
            text-decoration: none;
        }

            .Location-Address-Details-Wrapper .DetailsLink a.ViewDetailsButton:hover {
                background: #F9F6EE;
                color: #A81F44;
                text-decoration: none;
                border: 1px solid #A81F44;
            }



/* CUSTOMIZATION FOR BROWSER SIZE */
@media only screen and (min-width: 768px) {

    .Location-Wrapper .Location-Hover {
        max-height: 150px;
    }

        .Location-Wrapper .Location-Hover:hover {
            padding: 20px 0 0 0;
        }

        .Location-Wrapper .Location-Hover .Location-Table .Location-Table-Cell .Location-Button {
            font-size: 0.875em;
            line-height: 1.000em;
            max-width: 150px;
        }

    .Location-Wrapper .Location-Image img {
        max-width: 150px !important;
    }
}


/* CUSTOMIZATION FOR BROWSER SIZE */
@media only screen and (min-width: 1041px) {

    .Location-Wrapper .Location-Hover {
        max-height: 150px;
    }

        .Location-Wrapper .Location-Hover:hover {
            padding: 40px 0 0 0;
        }

        .Location-Wrapper .Location-Hover .Location-Table .Location-Table-Cell .Location-Button {
            font-size: 1.000em;
            line-height: 1.188em;
            max-width: 200px;
        }

    .Location-Wrapper .Location-Image img {
        max-width: 200px !important;
    }

    /* CUSTOMIZATIONS FOR SPECIFIC TABS */
    #Five-Locations .Location-OutsideWrapper .Location-Wrapper .Location-Hover .Location-Table .Location-Table-Cell .Location-Button {
        min-height: 65px; /*Needed to keep the titles even*/
    }
}



/***********************************
************************************
*   Featured Services
************************************
***********************************/
/* HIDES IF MOBILE */
@media only screen and (max-width: 768px) {
    #featuredServicesOutSideWrapper {
        display: none;
    }
}

/* SHOWS IF TABLET OR DESKTOP */
@media only screen and (min-width: 769px) {
    #featuredServicesOutSideWrapper {
        display: inherit;
    }
}


#featuredServicesOutSideWrapper {
    margin: 0 auto;
    padding: 0;
    background-color: #f2f2f2;
    width: 100%;
   
}


    #featuredServicesOutSideWrapper section {
        width: 100%;
        padding: 5px 0 10px 0;
    }

        #featuredServicesOutSideWrapper section h2 {
            margin: 0;
            padding: 10px 0 10px 0;
            text-align: center;
            font-size: 2.125em;
            color: #A81F44;
            /*font-family: 'LatoWebBold', sans-serif;*/
            font-family: 'Open Sans', sans-serif !important;
            font-weight: 700;
        }



#featured-services-content-slider {
    margin: 0 auto !important;
    padding: 0 0 0 0;
    width: 100% !important;
    text-align: center;
    min-height: 300px !important;
}



    #featured-services-content-slider .rsNav {
        margin: 10px 0 0 0 !important;
        width: 100%;
    }

    #featured-services-content-slider .Service {
        margin: 0 1% 20px 1%;
        padding: 0 0 0 0;
        float: left;
        /*width: 220px;*/
        width: 31%;
        border: 1px solid #A81F44;
        background: #F9F6EE;
    }

        #featured-services-content-slider .Service .Photo {
            margin: 0 auto;
            padding: 0;
            width: 100%;
        }

            #featured-services-content-slider .Service .Photo img {
                width: 100%;
                height: auto;
            }

        #featured-services-content-slider .Service .Content {
            margin: 5px 0 5px 0;
            padding: 0;
        }


            #featured-services-content-slider .Service .Content .Header h3 {
                color: #A81F44 !important;
                text-decoration: none !important;
                /*font-family: 'LatoWebBold', sans-serif;*/
                font-family: 'Open Sans', sans-serif !important;
                font-weight: 500;
                font-size: 1em !important;
            }

            #featured-services-content-slider .Service .Content .Header a {
                text-decoration: none !important;
            }


            #featured-services-content-slider .Service .Content .Links {
                width: 100%;
                text-align: center;
                margin: 5px 0 5px 0 !important;
                padding: 0 0 0 0 !important;
            }

                #featured-services-content-slider .Service .Content .Links ul {
                    display: block;
                    width: 100%;
                    font-size: 0.875em;
                    text-align: center;
                    list-style: none;
                    color: #A81F44;
                    /*font-family: 'LatoWebBold', sans-serif;*/
                    font-family: 'Open Sans', sans-serif !important;
                    font-weight: 500;
                    margin: 0 !important;
                    padding: 0 !important;
                }

                    #featured-services-content-slider .Service .Content .Links ul li {
                        display: inline-block;
                        margin: 0 !important;
                        /*padding: 0 2px 0 2px !important;*/
                        border-right: 1px solid #A81F44;
                    }

                        #featured-services-content-slider .Service .Content .Links ul li:first-of-type {
                            padding: 0 2px 0 0 !important;
                        }

                        #featured-services-content-slider .Service .Content .Links ul li:last-of-type {
                            margin: 0 !important;
                            border-right: none;
                            padding: 0 0 0 2px !important;
                        }

                        #featured-services-content-slider .Service .Content .Links ul li a {
                            color: #A81F44;
                            text-decoration: none;
                        }

                            #featured-services-content-slider .Service .Content .Links ul li a:hover {
                                color: #A81F44;
                                text-decoration: underline;
                            }

/* DESKTOP SPECIFIC STYLES */
@media only screen and (min-width: 1041px) {
    #featured-services-content-slider .Service .Photo img {
        width: 100%;
        height: auto;
    }

    #featured-services-content-slider .Service .Content .Header h3 {
        font-size: 1.250em !important;
    }

    #featured-services-content-slider .Service .Content .Links ul {
        font-size: 1.000em;
        margin: 0 !important;
    }

        #featured-services-content-slider .Service .Content .Links ul li {
            padding: 0 4px 0 2px !important;
        }

            #featured-services-content-slider .Service .Content .Links ul li:first-of-type {
                padding: 0 4px 0 0 !important;
            }

            #featured-services-content-slider .Service .Content .Links ul li:last-of-type {
                padding: 0 0 0 2px !important;
            }
}

#featuredServicesOutSideWrapper section #ViewAllServices {
        margin: 0 !important;
        padding: 10px 0 15px 0;
        text-align: center;
    }

    #featuredServicesOutSideWrapper section #ViewAllServices .ViewAllLink {
        text-align: center;
        margin: 5px 0 5px 0 !important;
        padding: 10px 0 0 0;
    }

        #featuredServicesOutSideWrapper section #ViewAllServices .ViewAllLink a.ViewAllButton {
            -webkit-border-radius: 6;
            -moz-border-radius: 6;
            border-radius: 6px;
            text-transform: uppercase;
            color: #ffffff;
            font-size: 0.938em;
            background-color: #A81F44;
            padding: 8px 10px 8px 10px;
            text-decoration: none;
        }

            #featuredServicesOutSideWrapper section #ViewAllServices .ViewAllLink a.ViewAllButton:hover {
                background: #F9F6EE;
                color: #A81F44;
                text-decoration: none;
                border: 1px solid #A81F44;
            }



    	/***********************************
************************************
*   News & Events
************************************
***********************************/
    /* HIDES IF MOBILE */
    @media only screen and (max-width: 768px) {
        #sitecontentNewsEventsOutsideWrapper {
            display: none;
        }
    }

    /* SHOWS IF TABLET OR DESKTOP */
    @media only screen and (min-width: 769px) {
        #sitecontentNewsEventsOutsideWrapper {
            display: inherit;
        }
    }

    #sitecontentNewsEventsOutsideWrapper {
        margin: 0;
        padding: 0;
        width: 100%;
        border-top: 1px solid #A81F44;
        border-bottom: 1px solid #A81F44;
        background: #A81F44 !important;
        min-height: 635px;
    }


/***********************************
*   Recent News
***********************************/
    #NewsOutsideWrapper {
        margin: 0;
        padding: 10px 10px 10px 0;
        width: 50%;
        float: left;
        /*background: #A81F44;*/
        background: #A81F44;
        min-height: 635px;
    }

    #NewsInsideWrapper {
        /*width: 500px !important;*/
        max-width: 500px;
        width: 100%;
        margin: 0;
        padding: 0;
        float: right;
        clear: both !important;
        background: #A81F44;
    }


        #NewsInsideWrapper section .sfContentBlock {
            width: 100%;
            padding: 0 0 0 0;
        }

            #NewsInsideWrapper section .sfContentBlock h2 {
                margin: 0 0 10px 0;
                padding: 0;
                font-size: 1.750em;
                color: #ffffff;
                /*font-family: 'LatoWebBold', sans-serif;*/
                font-family: 'Open Sans', sans-serif !important;
                font-weight: 500;
                text-align: center !important;
            }

        #NewsInsideWrapper section ul.News {
            margin: 10px 0 10px 0;
            padding: 0;
            width: 100%;
            list-style: none;
        }

            #NewsInsideWrapper section ul.News li {
                margin: 10px 0 20px 0 !important;
                padding: 0 10px 0 0 !important;
                width: 100%;
                clear: both;
                min-height: 80px
            }

                #NewsInsideWrapper section ul.News li .Photo {
                    margin: 0;
                    padding: 0;
                    width: 20%;
                    float: left;
                    text-align: center;
                }

                    #NewsInsideWrapper section ul.News li .Photo img {
                        border: 1px solid #F9F6EE;
                        width: 80px;
                        height: auto;
                    }

                #NewsInsideWrapper section ul.News li .Text {
                    margin: 0;
                    padding: 0 0 0 10px;
                    float: left;
                    width: 80%;
                }

                    #NewsInsideWrapper section ul.News li .Text .Headline {
                        width: 100%;
                        margin: 0;
                        padding: 0;
                        font-size: 1.000em;
                    }

                        #NewsInsideWrapper section ul.News li .Text .Headline a {
                            color: #ffffff;
                            text-decoration: none;
                        }

                            #NewsInsideWrapper section ul.News li .Text .Headline a:hover {
                                color: #F9F6EE;
                                text-decoration: underline;
                            }

                    #NewsInsideWrapper section ul.News li .Text .Date {
                        margin: 5px 0 0 0;
                        padding: 0;
                        color: #ffffff;
                        font-style: italic;
                        width: 100%;
                        font-size: 0.875em;
                    }

        #NewsInsideWrapper section .sfContentBlock #ViewAllButton {
            margin: 0 0 0 0 !important;
            padding: 10px 0 15px 0;
            text-align: center;
        }

            #NewsInsideWrapper section .sfContentBlock #ViewAllButton .ViewAllLink {
                text-align: center;
                margin: 10px 0 5px 0 !important;
                padding: 10px 0 0 0;
            }

                #NewsInsideWrapper section .sfContentBlock #ViewAllButton .ViewAllLink a.ViewAllButton {
                    -webkit-border-radius: 6;
                    -moz-border-radius: 6;
                    border-radius: 6px;
                    text-transform: uppercase;
                    color: #A81F44;
                    font-size: 0.938em;
                    background-color: #F9F6EE;
                    padding: 8px 10px 8px 10px;
                    text-decoration: none;
                }

                    #NewsInsideWrapper section .sfContentBlock #ViewAllButton .ViewAllLink a.ViewAllButton:hover {
                        background: #ffffff;
                        color: #A81F44;
                        text-decoration: none;
                        border: 1px solid #F9F6EE;
                    }


/********************************
*	MOBILE NEWS		*
********************************/
      
ul.News {
	margin: 10px 0 10px 0;
	padding: 0;
	width: 100%;
	list-style: none;
                }

                ul.News li {
                    margin: 10px 0 10px 0 !important;
                    padding: 0 10px 0 10px !important;
                    width: 100%;
                    clear: both;
                    min-height: 80px
                }

                ul.News li .Photo {
                       margin: 0 1% 0 1%;
                       padding: 0;
                       width: 18%;
                       float: left;
                       text-align: center;
                    }

                ul.News li .Photo img {
                        border: 1px solid #A81F44;
                        width: 100%;
			max-width: 80px;
                        height: auto;
                    }

                ul.News li .Text {
                       margin: 0;
                       padding: 0 0 0 10px;
                       float: left;
                       width: 80%;
                    }

               ul.News li .Text .Headline {
                   width: 100%;
                   margin: 0;
                   padding: 0;
                   font-size: 1.063em;
font-weight: 500;
                    }

              ul.News li .Text .Headline a {
                        
                        text-decoration: none;
                        }

              ul.News li .Text .Headline a:hover {
                        
                        text-decoration: underline;
                        }

              ul.News li .Text .Date {
                    margin: 3px 0 0 0;
                    padding: 0;
                    color: #000;
                    font-style: italic;
                    width: 100%;
                    font-size: 0.875em;
                }


/***********************************
*   Upcoming Events
***********************************/
    #EventsOutsideWrapper {
        margin: 0;
        padding: 10px 0 30px 10px;
        width: 50%;
        min-height: 635px;
        float: right;
        background: #F9F6EE;
        border-bottom: 1px solid #A81F44;
    }

    #EventsInsideWrapper {
        width: 100%;
        max-width: 500px;
        margin: 0;
        padding: 0;
        clear: both !important;
    }

        #EventsInsideWrapper section {
            width: 100%;
            padding: 0 0 0 0;
        }

            #EventsInsideWrapper section .sfContentBlock h2 {
                margin: 0 0 10px 0;
                padding: 0;
                font-size: 1.750em;
                color: #A81F44;
                /*font-family: 'LatoWebBold', sans-serif;*/
                font-family: 'Open Sans', sans-serif !important;
                font-weight: 500;
                text-align: center !important;
            }



            #EventsInsideWrapper section ul {
                margin: 10px 0 10px 0;
                padding: 0;
                width: 100%;
                list-style: none !important;
            }




                #EventsInsideWrapper section ul.Events li {
                    margin: 10px 0 10px 0 !important;
                    padding: 0 0 0 0 !important;
                    width: 100%;
                    clear: both;
                }


                    #EventsInsideWrapper section ul.Events li .DateBoxWrapper {
                        margin: 0 0 20px 0;
                        padding: 0;
                        width: 20%;
                        float: left;
                    }

                        #EventsInsideWrapper section ul.Events li .DateBoxWrapper .DateBox {
                            margin: 0 auto;
                            padding: 10px 4px 10px 4px;
                            width: 60%;
                            background: #A81F44;
                            color: #ffffff;
                            text-align: center;
                            text-transform: uppercase;
                            /*font-family: 'LatoWebBold', sans-serif;*/
                            font-family: 'Open Sans', sans-serif !important;
                            font-weight: 700;
                            font-size: 1em;
                        }

                            #EventsInsideWrapper section ul.Events li .DateBoxWrapper .DateBox a {
                                color: #ffffff;
                                text-decoration: none;
                            }

                    #EventsInsideWrapper section ul.Events li .EventBoxWrapper {
                        margin: 0;
                        padding: 0;
                        width: 80%;
                        float: left;
                    }

                        #EventsInsideWrapper section ul.Events li .EventBoxWrapper .EventText {
                            width: 100%;
                            font-weight: 500;
                        }

                            #EventsInsideWrapper section ul.Events li .EventBoxWrapper .EventText a {
                                text-decoration: none;
                                color: #A81F44;
                                font-size: 1.000em;
                            }

                                #EventsInsideWrapper section ul.Events li .EventBoxWrapper .EventText a:hover {
                                    text-decoration: underline;
                                }


                        #EventsInsideWrapper section ul.Events li .EventBoxWrapper .EventType {
                            width: 100%;
                            font-style: italic;
                            font-size: 0.875em;
                            margin: 5px 0 0 0;
                            padding: 0;
                        }

            #EventsInsideWrapper section .sfContentBlock #ViewAllButton .ViewAllLink {
                text-align: center;
                margin: 10px 0 5px 0 !important;
                padding: 10px 0 0 0;
            }

                #EventsInsideWrapper section .sfContentBlock #ViewAllButton .ViewAllLink a.ViewAllButton {
                    -webkit-border-radius: 6;
                    -moz-border-radius: 6;
                    border-radius: 6px;
                    text-transform: uppercase;
                    color: #ffffff;
                    font-size: 0.938em;
                    background-color: #A81F44;
                    padding: 8px 10px 8px 10px;
                    text-decoration: none;
                }

                    #EventsInsideWrapper section .sfContentBlock #ViewAllButton .ViewAllLink a.ViewAllButton:hover {
                        background: #F9F6EE;
                        color: #A81F44;
                        text-decoration: none;
                        border: 1px solid #A81F44;
                    }



/***********************************
************************************
*   Featured Videos - WKHS Home
************************************
***********************************/
    /* HIDES IF MOBILE */
    @media only screen and (max-width: 768px) {
        #featuredvideoscontentOutsideWrapper {
            /* display: none; */
        }

#featuredvideoscontentOutsideWrapper #VideoList .Video {
display: block;
width: 100%;
}
    }




    /* SHOWS IF TABLET OR DESKTOP */
    @media only screen and (min-width: 769px) {
        #featuredvideoscontentOutsideWrapper {
            display: inherit;
        }
    }


    #featuredvideoscontentOutsideWrapper {
        margin: 0 auto;
        padding: 0;
        background: #f2f2f2;
        width: 100%;
    }


        #featuredvideoscontentOutsideWrapper section {
            width: 100%;
            padding: 5px 0 0 0;
        }

            #featuredvideoscontentOutsideWrapper section h2 {
                margin: 0;
                padding: 10px 0 10px 0;
                text-align: center;
                font-size: 2.125em;
                color: #A81F44;
                /*font-family: 'LatoWebBold', sans-serif;*/
                font-family: 'Open Sans', sans-serif !important;
                font-weight: 700;
            }

    #featured-videos-content-slider {
        margin: 0 auto !important;
        padding: 0 0 0 0;
        width: 100% !important;
        text-align: center;
    }


        #featured-videos-content-slider .rsNav {
            width: 100%;
        }

        #featured-videos-content-slider .Video {
            margin: 0 1% 0 1%;
            padding: 0;
            float: left;
            width: 31%;
        }

    .Video-Wrapper {
        position: relative;
        display: inline-block;
    }




        .Video-Wrapper .Video-Hover {
            position: absolute;
            width: 100%;
            height: 100%;
            text-align: center;
            display: block;
            color: transparent;
            -webkit-transition: 0.4s;
            transition: 0.4s;
            /*background-color: rgba(0, 0, 0, 0.4);*/
	    content: "";
 	    background-image: url('../Images/Video/Play-Arrow.png');
            background-size: 52px;
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
        }

            .Video-Wrapper .Video-Hover:hover {
                /*background-color: rgba(37, 118, 189, 0.7);*/
		background-image: url('../Images/Video/Play-Arrow-Hover.png');
            }




            .Video-Wrapper .Video-Hover .Video-Table {
                width: 100%;
                height: 100%;
            }

    table, .Video-Table {
        border-collapse: collapse;
        display: table;
    }


    .Video-Wrapper .Video-Hover .Video-Table .Video-Table-Cell {
        display: table-cell;
        vertical-align: bottom;
        padding: 0px;
    }

        .Video-Wrapper .Video-Hover .Video-Table .Video-Table-Cell .Video-Button {
            /*text-transform: uppercase;*/
            font-size: 1.000em;
            line-height: 1.125em;
            /*font-weight: 700;
            font-family: 'LatoWebBold', sans-serif;*/
            font-family: 'Open Sans', sans-serif !important;
            font-weight: 500;
            display: inline-block;
            padding: 5px 5px;
            border-radius: 0px;
            -moz-border-radius: 5px;
            border: solid 3px transparent;
            color: #FFF;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
            background-color: rgba(0, 0, 0, 0.4);
            width: 100%;
        }

            .Video-Wrapper .Video-Hover .Video-Table .Video-Table-Cell .Video-Button .Summary {
                font-size: 0.875em;
            }

            .Video-Wrapper .Video-Hover .Video-Table .Video-Table-Cell .Video-Button:hover {
            }

    .Video-Wrapper .Video-Image {
    }


        .Video-Wrapper .Video-Image img {
            display: block;
            width: 100%;
            height: auto;
        }



    #featuredvideoscontentOutsideWrapper section #ViewAllVideos {
        margin: 0 !important;
        padding: 10px 0 10px 0;
        text-align: center;
    }

        #featuredvideoscontentOutsideWrapper section #ViewAllVideos .ViewAllLink {
            text-align: center;
            margin: 5px 0 5px 0 !important;
            padding: 10px 0 10px 0;
        }

            #featuredvideoscontentOutsideWrapper section #ViewAllVideos .ViewAllLink a.ViewAllButton {
                -webkit-border-radius: 6;
                -moz-border-radius: 6;
                border-radius: 6px;
                text-transform: uppercase;
                color: #ffffff;
                font-size: 0.938em;
                background-color: #A81F44;
                padding: 8px 10px 8px 10px;
                text-decoration: none;
            }

                #featuredvideoscontentOutsideWrapper section #ViewAllVideos .ViewAllLink a.ViewAllButton:hover {
                    background: #F9F6EE;
                    color: #A81F44;
                    text-decoration: none;
                    border: 1px solid #A81F44;
                }


    #featuredvideoscontentOutsideWrapper .rsBullet:last-of-type {
        display: none !important;
    }

    #featuredvideoscontentOutsideWrapper .rsBullet:nth-last-of-type(2) {
        display: none !important;
    }


/********** SEARCH BOX  *******************/
#SearchBox {
    margin: 10px 0 8px 0 !important;
    text-align: right !important;
    width: 300px !important;
    float: right !important;
}

    #SearchBox .SearchBox {
        margin: 0 0 0 0 !important;
        background: #ebebeb !important;
        border: none !important;
        font-style: normal !important;
        font-weight: 400 !important;
        color: #000000 !important;
        /*font-weight: bold;*/
        font-size: 1.063em !important;
        height: 35px !important;
        /*margin: 0 0 15px 0 !important;
        background: #ebebeb !important;
        border: none !important;
        font-style: normal !important;
        font-family: 'LatoWebLight', sans-serif !important;
        font-weight: 400 !important;
        color: #000000 !important;
        font-size: 2.063em !important;
        height: 35px !important;
        width: 250px !important;
        float: right !important;*/
    }

        #SearchBox .SearchBox input {
            margin: 0 0 0 0 !important;
            padding: 0 0 0 5px !important;
            border: none !important;
            font-style: normal !important;
            font-family: 'LatoWebLight', sans-serif !important;
            color: #000000 !important;
            font-size: 1.063em !important;
            font-weight: normal !important;
            width: 250px !important;
            background-color: #ebebeb !important;
            height: 35px !important;
            float: left !important;
            /*margin: 0 0 0 0 !important;
            padding: 0 0 0 5px !important;
            border: 1px solid #b3b3b3 !important;
            font-style: normal !important;
            font-family: 'LatoWebLight', sans-serif !important;
            color: #000 !important;
            font-size: 1.063em !important;
            width: 100% !important;
            background-color: #ebebeb !important;
            height: 35px !important;*/
        }

        #SearchBox .SearchBox button {
            background-image: url('../Images/Search/Search-Button.png') !important;
            width: 50px !important;
            height: 35px !important;
            float: right !important;
            color: transparent !important
        }





.localist-widget .event-month {
#A81F44 !important
}