#buttonswrapper .widgetitem img{
    transition: all .5s ease;
    display: block;
    border-radius: 100%;
    margin: 0 auto;
    background: #6C1414;
}
#buttonswrapper .widgetitem img:hover{
    transform: translateY(-10px);
    box-shadow: 0px 0px 30px 10px rgba(108, 20, 20, 0.3);
}
/*Fixes tab overflow issue*/

.RadTabStrip .rtsLevel,
.RadTabStripVertical .rtsLevel {
    overflow: visible !important;
}

/*Horizontal RSS Feed*/
html .ezrss-horizontal {
    float: none !important;
    width: 100%;
}
html .ezrss-wrapper{
    font-family: "open_sansregular",sans-serif;
}
html .ezrss-item{
    min-height: 200px;
}
html .ezrss-item-inner{
    font-size: 15px;
}
html .ezrss-item:before{
    border-right: 1px solid #690D0E;
}
html .ezrss-horizontal .ezrss-datemonth{
    text-align: right;
}
html .ezrss-horizontal .ezrss-day{
    font-family: "open_sanssemibold",sans-serif;
}
html .ezrss-horizontal .ezrss-solodate{
    font-family: "open_sanssemibold",sans-serif;
}
html .ezrss-month{
    text-transform: uppercase;
}
html .ezrss-header{
    color: #690D0E;
}
html .ezrss-title a{
    color: #333;
    text-decoration: none;
    font-family: "open_sanssemibold",sans-serif;
}
html .ezrss-title a:hover{
    text-decoration: underline;
}
.superintendent-blog{
    background: #f3f3f3;
    padding: 20px;
    border: 1px solid #ffc50c;
}
/*------------------------------------------------------------------------Emergency System--------------------------------------------------------------------------*/

#emergency-alert {
    position: relative;
    z-index: 9999;
    width: 100%;
    transition: all 1.5s ease;
    opacity: 0;
    overflow: hidden;
}
#emergencywrapper {
    background: #FFD800;
    transition: all 1.5s ease;
}
#emergencywrapper .editbox {
    margin-top: 50px;
}
#emergencywrapper .widgetitem {
    width: 94%;
    float: none;
}
#emergencywrapper .eztext_area {
    padding: 10px;
}
#emergencyin {
    position: relative;
}
#emergencyin .ion-android-alert {
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 30px;
    color: white;
    text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
#emergencyin .ion-ios-close-empty {
    position: absolute;
    right: 0;
    top: 0px;
    font-size: 35px;
    z-index: #999;
}
#emergencyin .ion-ios-close-empty:hover {
    cursor: pointer;
}
@media screen and (max-width:700px) {
    #emergencywrapper .eztext_area {
        padding: 10px 20px;
    }
    #emergencyin .ion-ios-close-empty {
        right: 10px;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/*----------------------Mobile Wrap Toggle ----------------------*/

.ezMobileToggle {
    display: block;
    padding: 15px 0;
    color: #5A0201;
    font-family: "rokkittregular";
    line-height: 100%;
    font-size: 22px;
    width: 94%;
    margin: 0 3%;
}
.ezMobileToggle:after {
    content: "\f104";
    font-size: 14px;
    font-family: "Ionicons";
    color: inherit;
    float: right;
}
.mobilewrapper {
    max-height: 0px;
    overflow: hidden;
    opacity: 0;
    transition: all 1s ease;
}
.mobilewrapper.collapsed {
    max-height: 0px !important;
}
.mobilewrapper.expanded {
    height: auto;
    opacity: 1;
    transition: all 1s ease;
    border-top: 1px solid #ccc;
}

/*----------------------Styles for Font Awesome Icons----------------------*/


/*Affects all icons*/

.fa {
    line-height: inherit;
    /*Use to override all icon colors for uniform look*/
    color: ;
    background: ;
    overflow: hidden;
    background-blend-mode: multiply;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*-----------Icon Shapes----------*/


/*READ ME: Font Size and Width/Height should be the same size to keep the icon centered*/


/*But you can increase or decrease the padding to get a larger radius/background */


/*Makes the icons a circle*/

.circle {
    font-size: 20px !important;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 7px;
}

/*------------Icon Font Colors and Background ------*/


/*Sets all of the icons to one color*/

.uniform {
    color: #5f5f5f;
    background-color: #afafaf;
}

.uniform:hover{
    background-color: #690D0E;
    color: #fff;
}