.asideTitle h3 {margin: 0; background-color: #e7f2f9; color: #003a70; padding: 15px; border-left: 4px solid #ecaa00;}
.asideTitle .sectionArrow {color: #608eb5;}
.line-height-36 {line-height: 36px;}
/*.line-height-26 {line-height: 26px;}*/
.text-17 {font-size: 17px;}

.courseImageOverlay.white {
    background-color: rgba(255, 255, 255, 0.71);
    height: 100%;
    max-width: 100%;
    display: block;
    z-index: 0;
    position: absolute;
    left: 15px;
    right: 15px;
}
.courseImageOverlay.blue {
    background-color: rgba(24, 61, 110, 0.71);
    height: 100%;
    max-width: 100%;
    display: block;
    z-index: 0;
    position: absolute;
    left: 15px;
    right: 15px;
}
.courseImageOverlay.none {
    display:none;
}
.courseOverlay h4 {
    line-height:1.5
}

.courseOverlay h4.yellow-color {
    text-transform: uppercase;
}
.courseOverlayContainer {overflow: hidden;margin-bottom: 30px;position: relative; margin: auto -2px auto -2px; float: none; display: inline-block;}
.courseOverlayContainer.left {float: left; display: block;}
.courseOverlayContainer:hover .courseOverlay {top: 0px;}
.courseImageOverlay.video  { background-image: url(../images/template/video-icon.png); background-repeat: no-repeat; background-position: center center; }
.courseImageOverlay.video:hover  { background-image: url(../images/template/video-icon-ltblue.png); }
.courseOverlay {background-color: rgba(25, 61, 112, 0.85);position: absolute;left: 15px;right: 15px;top: 86%;bottom: 0;padding: 0 10px 0 10px;transition: all 0.5s;}
.courseOverlay ul {font-size: 15px;line-height: 36px;border-bottom: 1px solid #ffffff;padding-bottom: 20px;}
.courseOverlay ul:last-child {border-bottom: transparent;}
.courseOverlay ul li {
    line-height: 1.5;
    letter-spacing: 1.5px;
}
.courseOverlay .magGlass {position: absolute;top: 5px;right: 10px;z-index: 100;background-image: url(../images/template/searchIcon.png);background-repeat: no-repeat;height: 30px; width: 30px;}
.courseOverlay .magGlass.video {background-image: url(../images/template/video-icon.png); width: 40px; height: 40px}

.clearFilterText:hover {background-color: rgba(25, 61, 112, 0.85) !important; color: #ffffff !important; cursor: pointer;}
 


/************************Index Page CSS**************************/

/****************************************************************/

@media (min-width: 1600px) {
    .courseOverlay {top: 88%;}
}

@media (min-width: 1854px) {
    .courseOverlay {top: 89%;/* right: 27px; */}
}

@media (min-width: 1920px) {
    .courseOverlay {/* right: 0; *//* width: 100%; */}
    aside>.row {padding-left: 30px;}
}

@media (max-width: 1280px) {
    .courseOverlay {top: 85%;}
    .courseOverlay ul {line-height: 20px;font-size: 13px;}
}

@media (max-width: 1024px) {
    .courseOverlay {top: 82%;}
}

@media (max-width: 767px) {
    .courseOverlay {top: 91%;}
    .courseOverlay h4 {font-size: 38px;}
    .courseOverlay ul {font-size: 12px;  }
    .courseOverlayContainer img {width: 100%;}
    .asideNav {display: none;}
    .topRightResNav {margin-right: 10px;}
}

@media (max-width: 736px) {
    .courseOverlay {top: 90%;}
}

@media (max-width: 667px) {
    .courseOverlay {top: 89%;}
}

@media (max-width: 600px) {
    .courseOverlay {top: 88%;}
}
@media (max-width: 480px) {
    .courseOverlay h4 {font-size: 20px; top: 86%;}
    .courseOverlay ul {font-size: 12px;}
}



/************************Interior Page Content CSS**************************/
.line-height-26 li { list-style-type: none;}
.line-height-26 {padding-left: 0;  /*padding-top: 10px;*/}
.semesterDetails.department .line-height-26{min-height: 215px; max-height: 215px;}
.hover-btn ul li {
    text-align: center;
    background: #a3c8e3;
    display: block;
    width: 100%;
    /* margin: 5px auto; */
    padding: 0px 0px 0px 0;
    border-left: 2px solid #a3c8e3;
    list-style-type: none;
    line-height: 3;
}

.hover-btn ul li:before {
    content: "";
}

.secondaryCont .hover-btn ul li{
    background: #003A70;
    border: solid 1px #608EB5;
}
.secondaryCont .hover-btn ul li a{
    color: #A3C8E3;
}
.mediatype {
    /*margin: auto;*/
    /*float: none;*/
}
.lftColCalls.col-lg-10 , .primRelLink.col-lg-10 {
    padding:0;
}
.lftColCalls h2, .primRelLink h2, h2.collapsible, #announcements h2.heading {
    border-bottom: solid 3px #EFEFEF;
    padding-bottom: 10px;
}
#announcements .hover-btn {
    float: right;
}

.hover-btn ul{padding-left: 0;width: 100%;}
.hover-btn ul li:hover{background: #608eb5;border-left: 4px solid #ecaa00;transition: all ease-in 0.5s;}
.hover-btn ul li a{color: #003a70;text-decoration: none;font-size: 13px;text-transform: uppercase;padding: 5px 35px 5px 10px;}
.secondaryCont .hover-btn.rtheadline { text-transform: uppercase;background: #003A70;border:  0;}
.secondaryCont .hover-btn.rtheadline h3 a {color: #ecaa00 !important;z-index: 100;/* position: absolute; */width: 100%;padding: 12px 0 12px 0;}
.secondaryCont .hover-btn.rtheadline h3 a:hover {color: #fff !important;}
.secondaryCont .panel-title{position:relative;/* padding:0px 0 45px 0; */}
.secondaryCont .hover-btn .panel-heading{
    margin: 0 15px 0 15px; 
    text-align:center;
    clear: both;
}
.featurette .hover-btn ul li{
    /* line-height: 2.3; */
}
.featurette .hover-btn{
    padding:0;
}
.hover-btn ul li:hover a {
    background: #7ba1c1;
    color: #fff;
    padding: 5px 35px 5px 10px;
}


.hover-btn ul li a:after {
    content: url(../images/template/arrow-right.png);
    display: inline-block;
    left: -10px;
    opacity: 0;
    position: relative;
    top: 16px;
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -o-transform: scale(0.6);
    height: 0px;
    width: 0px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari only override */
    ::i-block-chrome, .hover-btn ul li a:after { top: -13px; }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .hover-btn ul li a:after { top: -13px; } /* your css rules for ipad portrait */
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {

.hover-btn ul li a:after { top: -13px; } /* your css rules for ipad landscape */
}
.hover-btn ul li:hover a:after {
opacity: 1;
left: 16px;
transition: all 0.5s;
}

.get_in_bg {
background-image: url(../images/cas-get_in.png);
background-size: cover;
height: 285px;
position: relative;
padding-top: 50px;
background-repeat: no-repeat;
}
.get_in_bg .container.get_in_touch {
padding: 0%;
}
@media all and (min-width: 768px) and (max-width: 1024px){
    .hover-btn ul li a {
        color: #003a70;
        text-decoration: none;
        font-size: 14px;
        text-transform: uppercase;
        padding: 0px 0px 5px 0px;
    }
}