/* Announcement banner */
.hero-mask {display:none;}
.announcementWrapper {
    position: relative;
    background: none;
    margin-bottom: 3rem;
}
.slider-nav {display:none;}
.announcementWrapper .announcementSlider { margin-top: -20px; margin-bottom:0; }
.announcementSlider .slick-list, .announcementSlider .slick-track {width: 100%;}
/*background color changed per discussion with Nicole 11/7/16*/
/*.announcementSlider .announcement { margin-top: 20px; background: rgba(232,232,232,0.65); width: 100%;}*/
.announcementSlider .announcement { margin-top: 20px; background: #d4d5d6; width: 100%;}
.announcementSlider .announcementImg {margin: -15px 25px 0 25px; float: left; width: 100px; height: 100px;}
.announcementSlider .announcementImg img{border-radius:50%;}
.announcementSlider .announcementTxt { margin: 1em 1em 1em; padding: 1em 0;}
.announcementSlider .announcementTxt a {font: 20px "Calibri Light", Calibri, Arial; color: #383838;}

@media only screen and (min-width:481px) {
    /* Announcement Banner */
    .announcementWrapper { margin-bottom: 5rem;}
    .announcementWrapper .announcementSlider, .announcementSlider .announcement {margin-bottom: 20px;}
    .announcementSlider .announcementTxt { margin: 1em 70px 1em 190px; min-height: 77px;}
    .announcementSlider .announcementImg { width: 140px; height: 140px; margin-bottom: -25px;}
    .announcementSlider .announcementTxt a{ position: absolute; top: 50%; transform: translateY(-50%);}
}
@media only screen and (min-width:768px) {
    /* Announcement Banner */
    .slider-nav {display:block; position: absolute; top: 50px; font-size: 36px; margin-left: 16px; right: 0; width: 100px;}
    .slider-nav .prev, .slider-nav .next { cursor: pointer; color: #7571b0; height: 40px; width: 40px;}
    .slider-nav .prev:hover, .slider-nav .next:hover { opacity: .6 }
    .announcementWrapper {background: none;}
    
    .hero-mask {display: none}

    .announcementWrapper .announcementSlider { margin-top: -20px; }
    .announcementSlider .announcement {height: 105px; display: block}
    .announcementSlider .announcementTxt { 
        float: none; height: 50px;
        display:block;
        vertical-align: middle;
    }
    .announcementSlider .announcementTxt a{
        font-size: 24px;
    }
}