#hcc-home footer .uk-card {
     background-color: rgb(0,0,0,.05);
}

#hcchome .uk-card a {
    color: white;
    text-decoration: none;
    padding-top:20px;
}

#hcchome .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover {
    background-color: #0033a0;
    box-shadow: 0 -14px 25px rgba(0, 0, 0, 0.16);
}

#hcchome #midnavbar-wrapper {
    background: rgba(0, 0, 0, 0.5);
    margin-top:-158px;
    height: 158px;
    padding: 0;
}

#hcchome .midnavbar div div div {
   text-align: center;
   line-height: 35px;
   margin-bottom: 10px;
   white-space: nowrap;
}

#hcchome .midnavbar div div div i {
    display: block; font-size: 26px;
}

#hcchome .midnavbar div div div a {
    letter-spacing: 1px;
}

#hcchome .home-navbar-icon {
    height: 35px; 
    width: auto;
}


#hcchome .home-navbar-icon-base {
    padding-top: 20px; 
}

/******************* TAB NAVIGATION ***********************/
#hcchome #hcchome-tabs {
    margin-top: -55px;
    position: flex;
    align-content: center;
    justify-content: center;
    max-width: 1200px;
}
#hcchome #hcchome-tabs-mobile {
    margin-top: 80px;
    /* position: flex; */
    align-content: center;
    /* justify-content: center; */
    max-width: 1200px;
}

#hcchome .uk-button-tab {
    margin: auto 1px;
}
#hcchome .uk-tab::before {
    border-bottom: 0px;
}

ul.tab-section.uk-tab.uk-tab-bottom.uk-flex-nowrap.uk-tab {
    margin-left: 0px;
}

#hcchome .uk-tab>.uk-active>a #hcchome .uk-tab>a {
    color: #eeeeee;
}

.uk-tab-bottom>*>a {
    border-top: 7px solid transparent;
}

/* * Secondary Button */
#hcchome .uk-button-tab {
  background-color: #ccc;
  line-height:39px;
}

.uk-tab>*>a:focus {
    background-color: #fff;
    color: #0033a0;
    font-weight: 600;
}

.uk-tab>*>a {
    color: #303030;
    font-weight: 600;

}
/* Area of Study Section */
#aos li {font-size: 1.2em; font-weight: 600; margin:2px;}/* border:2px solid #ccc;  */	
/* #aos .desc {font-size: .8em; font-weight: 500;} */
#aos .uk-accordion-title {padding: 10p;}
/* Homepage Slider */
.oswald-900 {
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
}
.dm-serif-display-regular {
    font-family: "DM Serif Display", serif;
    font-weight: 400;
    font-style: normal;
    }
/* FONTS ABOVE - style below*/
.overlay-header {
    font-size:2.1vw; 
    /* font-family: "Lato", "Open Sans";  */
    /* font-family:'Anton', sans-serif; */
    font-family: "DM Serif Display", serif;
    /* font-family: 'Oswald', sans-serif;  */
    
    font-weight: bold;
    font-weight:700;
    color:#0033a0;
    line-height: 35px;
    margin:15px 0px;
    /* color: rgba(0, 0, 0, 0.87); */
} 
.overlay-content {
    font-size:1.5vw;
    font-family:'oswald-900', sans-serif;
    font-weight: bold; 
    line-height: 25px;   
} 
/* .overlay-button {
    font-size:1.1vw;
}  */
.overlay-button:hover {background-color: #0033a0;}

/***********************  TWITTER   *****************************/
.fa-twitter {
    margin-left: 10px;
    font-size: 22px;

}
.tweets {
    margin-left: 10px;
    padding-bottom: 5px;
    font-size: 16px;
    font-weight: 300;
}

/******************* NEXT STEPS ***********************/
/*only used for banner on next steps tab*/
#banner-wrapper{
    position: absolute;
    left: 0px;
    height: 200px;
    width: 100%;

}
#banner-spacer{
    width: 100%;
    height: 220px;
}


/******************   MEDIA QUERIES   ********************/

@media screen and (max-width: 1200px) {

        .home-tab-content {
            margin: 0px 10px; 
        }
}

@media screen and (max-width: 960px) {
        #home-slideshow {
            position: relative;
            top: 80px;
        }

        #midnavbar-wrapper {
            display:none;
        }
        #hcchome-tabs > ul.tab-section {
            margin: 0 20px;
        }
        #hcchome #hcchome-tabs {
            margin-top: 60px;
        }
        #hcchome .mid-tab1, .mid-tab2, .mid-tab3 {
            border-bottom: 1px solid #b1b1b3;
        }
}


ul.tab-section.uk-tab.uk-tab-bottom.uk-flex-nowrap.uk-tab {
    margin-left: 0px;
}


/*******************  MEDIA QUERIES For home page banner/overlay  **************************/

@media screen and (min-width:960px) and (max-width: 1300px) {
    /* body { background-color: orange;
    }  */
    .overlay-body {
        padding:0px 10px 
    }
    .overlay-header {
        line-height: 26px;
        margin-top:20px;
    } 
    .overlay-content {
        font-weight:600; 
        font-size:1.6vw; 
        margin:5px 0px; 
        line-height:20px; 
    }
    .overlay-button {
        margin-top:5px;    
    }
    .overlay-icon {
        width:80%;
        margin:auto;
        margin-top:10px;   
    }    
}
@media screen and (min-width:1300px) and (max-width: 1500px) {
    /* body { background-color: purple;
    }  */
    .overlay-body {
        padding:10px; 
    }    
    .overlay-header {
        margin-top:20px;
    } 
    .overlay-content {
        font-size:1.7vw; 
    }    
    .overlay-button {
        margin-top:15 0px;
    }
    .overlay-icon {
        width:50%;
        margin:auto;         
        margin-top:10px;  
    }  
}
@media screen and  (min-width:1500px) and (max-width: 1650px){
    /* body {
        background-color: olive;
    } */
    .overlay-body {
        padding:5px; 
        padding-top:15px;
        line-height: 45px;
        
    } 
    .overlay-header {
        line-height: 45px;     
    }
    .overlay-content {
        line-height:1.2em; 
        font-size:1.6vw;
        
    } 
    .overlay-icon {
        width:50%;
        margin:auto;         
        margin-top:10px;  
    }    
  }

  @media screen and  (min-width:1650px) and (max-width: 2000px) {
    /* body {
        background-color: red;
    }  */
    .overlay-body {
        padding:5px; 
        padding-top:15px;
    }  
    .overlay-header {
        line-height: 45px;
    } 
    .overlay-content {
        line-height:1.2em; 
        font-size:1.6vw;
    }
    .overlay-button {
        margin:15px;
        font-size:1vw;
    }
    .overlay-icon {
        width:60%;
        margin:auto;         
        margin-top:10px;  
    }  
  }

  @media screen and (min-width: 2000px) {
    /* body {
        background-color: yellow;
    } */
    .overlay-body {
        padding:5px; 
        padding-top:15px;
    }  
    .overlay-header {
        line-height: 45px;
        margin-top:65px;
    } 
    .overlay-content {
        line-height:1.2em; 
        font-size:1.6vw;
    }
    .overlay-button {
        font-size:.9vw;
    }
    .overlay-icon {
        width:60%;
        margin:auto;         
        margin-top:20px;  
    }  
  }