/*homepage styles*/


/*collage img animation*/


/*.collage-img-link-a{
    -webkit-animation-name: expand;  Safari 4.0 - 8.0 
    -webkit-animation-duration: 5s;  Safari 4.0 - 8.0
    animation-name: expand;
    animation-duration: 70s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-direction: reverse;
}
/*

/*Safari 4 - 8 compat*/

@-webkit-keyframes expand {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.25);
    }
}

@keyframes expand {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.25);
    }
}


/*mobile styles*/


/*animation is faster*/

@media only screen and (max-width: 650px) {
    .home_collage {
        height: 185px;
        background: #000;
    }
    .home_collage ul.slides li>a {
        opacity: 0.4;
    }
    .home_top .col_mid {
        top: 15px;
    }
    .home_spotlight .flexslider .slides ul li p {
        width: 90%;
        text-align: center;
    }
    .mobile-tiles {
        text-align: center;
    }
    table.mobile-tiles {
        border-collapse: collapse;
        width: 100%;
    }
    img.mobile-tiles {
        background: rgba(97, 98, 105, .7);
        -webkit-border-radius: 45px;
        -moz-border-radius: 45px;
        border-radius: 45px;
        height: 50px;
        margin-bottom: 12px;
    }
    span.mobile-tiles {
        color: white;
        display: block;
    }
    td.mobile-tiles,
    th.mobile-tiles {
        height: 143px;
        width: 50%;
    }
    @-webkit-keyframes expand {
        from {
            transform: scale(1);
        }
        to {
            transform: scale(1.5);
        }
    }
    @keyframes expand {
        from {
            transform: scale(1);
        }
        to {
            transform: scale(1.5);
        }
    }
}


/*Search bar and translate for mobile*/


/*possibly move to main style sheet to affect all mobile headers?*/

@media screen and (max-width: 650px) {
    #searchbox input#search_text {
        width: 95%;
    }
    #searchbox {
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out;
        right: 0;
        background: #d8d8da;
        float: left;
        height: 32px;
        padding: 0;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 95% !important;
        top: 105px;
    }
    .translatebox {
        top: 1px;
        position: absolute;
        right: 1px;
    }
    /* 
    #siteheader {
        background: url(_gfx/cmn/mobile/mobile_header_strip.gif) repeat-x scroll 0 0 #d8d8da;
        margin-bottom: 0;
        position: relative;
        height: 140px;
    } */
    .translatebox {
        top: 1px;
        position: absolute;
        right: 1px;
        float: right;
        height: 15px;
        clear: none;
        display: block;
        margin: 6px 0 0 0;
        padding: 5px 5px 5px 29px;
        background: #fff url(_gfx/cmn/google.png) 6px 2px no-repeat;
        width: 122px;
    }
    .translatebox .skiptranslate.goog-te-gadget select.goog-te-combo {
        top: -7px;
        border: 0;
        outline: 0;
        width: 122px;
        position: relative;
        color: #000 !important;
        font-weight: 600;
        font-size: 13px !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: none;
        border: none !important;
    }
    .translatebox .skiptranslate.goog-te-gadget {
        color: #fff !important;
        font-size: 0;
    }
    .goog-logo-link {
        display: none;
    }
    .translatebox.desktop_only {
        display: inline !important;
    }
    .title_widget,
    .content_area {
        padding: 1px;
    }
    #searchbox input#search_text {
        font-size: 16px !important;
    }
}


/* Remove mobile app QR code img border radius*/

@media screen and (min-width: 40.5em) {
    [alt~="McConnect-QR-Code"] {
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        border-radius: 0px !important;
    }
}