@charset "utf-8";
/* CSS Document
claudia snell custom css  */

li.current_page_item a{
    color: #fff;
    background-color: #157bc2;
}

@media (max-width: 599px){
    #big-news{
        background-color: white;
        margin: .5em 0;
    }
    .big-news-header{
        text-align: center;
    }
    .big-news-item {
        width: 95%;
        max-width: 580px;
        margin: 1rem auto;
        padding: 0 0 .5em;
      
       
    }
    .big-news.item img{
        width: 100%; 
        max-width: 580px;
       
    }
    }

@media (min-width: 600px){
    #big-news{
        background-color: white;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-around;
        margin: 1rem 0;
    }
    .big-news-header{
        text-align: center;
    }
    .big-news-item {
        width: 33%;
        max-width: 200px;
        margin: 1rem 0;
        padding: 0 0 1rem;
      
       
    }
    .big-news.item img{
        width: 100%; 
        max-width: 200px;
       
    }
    }

@media (min-width: 900px){
#big-news{
    background-color: white;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    margin: 2rem 0;
}
.big-news-header{
    text-align: center;
}
.big-news-item {
    width: 33%;
    max-width: 350px;
    margin: 1rem 0;
    padding: 0 0 2rem;
  
   
}
.big-news.item img{
    width: 100%; 
    max-width: 350px;
   
}
}
#social-media {
    color: white;
    width: 98%;
    margin: .2em 0;
    padding: 0;
    
}

.social-links{
    list-style: none;
    font-size: 2em;
    width: 98%;
    margin: .2em 0;
    padding: 0;

}
.social-links li{
    display: inline-block;
}
.social-links a:link{
    color: white;
}
.social-links a:visited{
    color: white;
}
.social-links a:hover{
    color: #337ab7;
}
.social-links a:active{
    color: white;
}@media (min-width: 250px) and (max-width: 749px){
    .key-contacts {
        list-style-type: none;
        font-size: 1.3em;
        margin: 2em 0;
        padding: 0;
    
    }

ul.key-contacts {
    -moz-column-count: 1;
    -moz-column-gap: 1em;
    -webkit-column-count: 1;
    -webkit-column-gap: 1em;
    column-count: 1;
    column-gap: 1em;
}

.department-navs {
    list-style-type: none;
    font-size: 1.3em;
    margin: 2em 0;
    padding: 0;

}

ul.department-navs {
    -moz-column-count: 1;
    -moz-column-gap: 1em;
    -webkit-column-count: 1;
    -webkit-column-gap: 1em;
    column-count: 1;
    column-gap: 1em;
}

.employee-listings {
    list-style-type: none;
 
    margin: 4em 0;
    padding: 0;

}

ul.employee-listings {
    -moz-column-count: 1;
    -moz-column-gap: 1em;
    -webkit-column-count: 1;
    -webkit-column-gap: 1em;
    column-count: 1;
    column-gap: 1em;
}

ul.employee-listings li {
    display: inline-block;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    }

    ul.employee-listings li::before, ul.employee-listings li::after{
        content: "";
        display: table;
    }

  .vcard .email-addr {
      text-transform: lowercase;
  }

  .vcard .fn, .vcard .title, .vcard .organization-unit {
      text-transform: capitalize;
  }

  .employee-listing{
    margin: 3rem 0;

  }
  .contact-search {
      width: 90%;
      max-width: 750px;
      margin: 1rem auto;
  }
.ee-search {
    
    width: 90%;
    max-width: 850px;
    margin: 4em 0;
    padding: 0;

}

div.ee-search {
    -moz-column-count: 1;
    -moz-column-gap: 1em;
    -webkit-column-count: 1;
    -webkit-column-gap: 1em;
    column-count: 1;
    column-gap: 1em;
}
.quick-contacts {
    -moz-column-count: 1;
    -moz-column-gap: 1em;
    -webkit-column-count: 1;
    -webkit-column-gap: 1em;
    column-count: 1;
    column-gap: 1em;
}

.quick-contacts div{
    display: inline-block;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.key-contact-list ul {
    list-style: none;
    font-size: 1.6rem;
    line-height: 1.8rem;
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.key-contact-list ul li {
    padding: .5rem 0;
}

.contact-search form {
    margin: 2rem 0;
}

.ee-searchfield {
    width: 90%;
    padding: 1rem;
}

.ee-submit {
    width: 90%;
    margin: 1em 0;
    padding: 1em;
    background-color: #04539c;
    color: white;
}
}

@media (min-width: 750px) and (max-width: 950px){
    .key-contacts {
        list-style-type: none;
        font-size: 1.3em;
        margin: 2em 0;
        padding: 0;
    
    }

ul.key-contacts {
    -moz-column-count: 1;
    -moz-column-gap: 1em;
    -webkit-column-count: 1;
    -webkit-column-gap: 1em;
    column-count: 1;
    column-gap: 1em;
}

.department-navs {
    list-style-type: none;
    font-size: 1.3em;
    margin: 2em 0;
    padding: 0;

}

ul.department-navs {
    -moz-column-count: 2;
    -moz-column-gap: 1em;
    -webkit-column-count: 2;
    -webkit-column-gap: 1em;
    column-count: 2;
    column-gap: 1em;
}

.employee-listings {
    list-style-type: none;
 
    margin: 4em 0;
    padding: 0;

}

ul.employee-listings {
    -moz-column-count: 2;
    -moz-column-gap: 1em;
    -webkit-column-count: 2;
    -webkit-column-gap: 1em;
    column-count: 2;
    column-gap: 1em;
}

ul.employee-listings li {
    display: inline-block;
 
   
    -webkit-column-break-inside: avoid;
              page-break-inside: avoid;
                   break-inside: avoid;
    }

    ul.employee-listings li::before, ul.employee-listings li::after{
        content: "";
        display: table;
    }

  .vcard .email-addr {
      text-transform: lowercase;
  }

  .vcard .fn, .vcard .title, .vcard .organization-unit {
      text-transform: capitalize;
  }

  .employee-listing{
    margin: 3rem 0;

  }

  .contact-search {
    width: 90%;
    max-width: 750px;
    margin: 1rem auto;
}
  
.ee-search {
    
    width: 90%;
    max-width: 850px;
    margin: 4em 0;
    padding: 0;

}

div.ee-search {
    -moz-column-count: 1;
    -moz-column-gap: 1em;
    -webkit-column-count: 1;
    -webkit-column-gap: 1em;
    column-count: 1;
    column-gap: 1em;
}
.quick-contacts {
    -moz-column-count: 1;
    -moz-column-gap: 1em;
    -webkit-column-count: 1;
    -webkit-column-gap: 1em;
    column-count: 1;
    column-gap: 1em;
}

.quick-contacts div{
    display: inline-block;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.key-contact-list ul {
    list-style: none;
    font-size: 1.6rem;
    line-height: 1.8rem;
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.key-contact-list ul li {
    padding: .5rem 0;
}

.contact-search form {
    margin: 2rem 0;
}

.ee-searchfield {
    width: 90%;
    padding: 1rem;
}

.ee-submit {
    width: 90%;
    margin: 1em 0;
    padding: 1em;
    background-color: #04539c;
    color: white;
}
}


@media (min-width: 951px){

    .key-contacts {
        list-style-type: none;
        font-size: 1.3em;
        margin: 2em 0;
        padding: 0;
    
    }

ul.key-contacts {
    -moz-column-count: 2;
    -moz-column-gap: 1em;
    -webkit-column-count: 2;
    -webkit-column-gap: 1em;
    column-count: 2;
    column-gap: 1em;
}

.department-navs {
    list-style-type: none;
    font-size: 1.3em;
    margin: 2em 0;
    padding: 0;

}

ul.department-navs {
    -moz-column-count: 4;
    -moz-column-gap: 1em;
    -webkit-column-count: 4;
    -webkit-column-gap: 1em;
    column-count: 4;
    column-gap: 1em;
}

.employee-listings {
    list-style-type: none;
 
    margin: 4em 0;
    padding: 0;

}

ul.employee-listings {
    -moz-column-count: 3;
    -moz-column-gap: 1em;
    -webkit-column-count: 3;
    -webkit-column-gap: 1em;
    column-count: 3;
    column-gap: 1em;
}

ul.employee-listings li {
    display: inline-block;
 
   
    -webkit-column-break-inside: avoid;
              page-break-inside: avoid;
                   break-inside: avoid;
    }

    ul.employee-listings li::before, ul.employee-listings li::after{
        content: "";
        display: table;
    }

  .vcard .email-addr {
      text-transform: lowercase;
  }

  .vcard .fn, .vcard .title, .vcard .organization-unit {
      text-transform: capitalize;
  }

  .employee-listing{
    margin: 3rem 0;

  }

  .contact-search {
    width: 90%;
    max-width: 750px;
    margin: 1rem auto;
}
  
.ee-search {
    
    width: 30%;
    max-width: 250px;
    margin: 4em 0;
    padding: 0;

}

div.ee-search {
    -moz-column-count: 3;
    -moz-column-gap: 1em;
    -webkit-column-count: 3;
    -webkit-column-gap: 1em;
    column-count: 3;
    column-gap: 1em;
}
.quick-contacts {
    -moz-column-count: 2;
    -moz-column-gap: 1em;
    -webkit-column-count: 2;
    -webkit-column-gap: 1em;
    column-count: 2;
    column-gap: 1em;
}

.quick-contacts div{
    display: inline-block;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.key-contact-list ul {
    list-style: none;
    font-size: 1.6rem;
    line-height: 1.8rem;
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.key-contact-list ul li {
    padding: .5rem 0;
}

.contact-search form {
    margin: 2rem 0;
}

.ee-searchfield {
    width: 90%;
    padding: 1rem;
}

.ee-submit {
    width: 90%;
    margin: 1em 0;
    padding: 1em;
    background-color: #04539c;
    color: white;
}
}


/* features styles */

.splashy-wrapper{
    display: flex;
    flex-flow: row wrap;
}

.splashy-wrapper > *{
    padding: 1em;
    flex: 1 100%;
}

.splashy-header{
    margin: 0;
    padding: 1em;
}

.splashy-content {
    margin: 0;
    padding: 2em;
}

.splashy-sidebar{
    margin:0; padding: 2em;
}

ul.splashy-sidebar-nav {
    font-weight: bold;
    list-style-type: none;
    line-height: 1.5em;
    margin: 1.5em 0;
}

ul.splashy-sidebar-nav a {
    text-decoration: none;
    padding: .2em;
    border-bottom: 1px solid;
}

.featured-video { 
    position: relative; 
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
} 

.featured-video iframe,
.featured-video object,
.featured-video embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media all and (min-width: 800px){
    .splashy-sidebar{
        flex: 1 0 0;
    }

}

@media all and (min-width: 900px){

.splashy-content{
    flex: 3 0;
}

}

/* features-second content area styles */

.second-content-wrapper{
    display: flex;
    flex-flow: row wrap;
}

.second-content-wrapper > *{
    padding: 1em;
    flex: 1 100%;
}

.second-content-header{
    margin: 0;
    padding: 1em;
}

.second-content {
    margin: 0;
    padding: 2em;
}

.second-content-sidebar{
    margin:0; padding: 2em;
}

ul.secondary-sidebar-nav {
    font-weight: bold;
    list-style-type: none;
    line-height: 1.5em;
    margin: 1.5em 0;
}

ul.secondary-sidebar-nav a {
    text-decoration: none;
    padding: .2em;
    border-bottom: 1px solid;
}


@media all and (min-width: 800px){
    .second-content-sidebar{
        flex: 1 0 0;
    }

}

@media all and (min-width: 900px){

.second-content{
    flex: 3 0;

}

}


/* Program pages styles */
.prog-cta{
    display: block;
    width: 100%;

}
.prog-cta a {
    display: block;
    width: 100%;
    background-color: #004382;
  color: white;
  padding: 1em 1.5em;
  margin: .5em auto;
  text-decoration: none;
  text-transform: uppercase;
}

.prog-cta a:hover {
  background-color: #555;
}

/* program pages css*/

.semester-name{
    font-weight: 700 !important;
    font-size: 1.2em;
}

.electives {background-color: #efefef; font-size: 1em; padding: 1em; margin: .5em 0;}
.electives ul li { font-size: .8em; margin: .7em .2em; }
.electives ul li span{font-weight: 700; }

.course-detail-grid td{
    width: 33%;
}

.lib-search-links-list{
	background-color: rgb(34,120,181);
	color: white;
	list-style-type: none;
	border-radius: 0 0 .25em .25em;
	margin-top: -.5em;
	position: relative;
	z-index: 6;
}
.lib-search-links-list li{
	display: inline-block;
	padding: .5em;
	
}

.lib-search-links-list li a{
	color: white;
	text-decoration: none;
	font-weight: bold;
	padding: .5em;
}
.lib-search-links-list li:before { content:"\00bb \2009";}


/*BUTTONS*/
.bc_main_button1{
    color:white;
    background:#157bc2;
    padding:1rem 3rem;
    text-transform:uppercase;
    display:inline-block;
    font-family: 'Roboto Slab', serif;
    font-size:1.25em;
    border:none;
}
.bc_main_button1:hover{
    background:#479dda;
    color:white;
}
.bc_main_button{
    color:white;
    background:rgba(4,83,156,1);
    padding:1rem 3rem;
    text-transform:uppercase;
    display:inline-block;
    font-family: 'Roboto Slab', serif;
    font-size:1.25em;
    border:none;
}
.bc_main_button:hover{
    background:#479dda;
    color:white;
}
.bc_secondary_button{
    color:white;
    background:#003667;
    padding:1rem 3rem;
    text-transform:uppercase;
    display:inline-block;
    font-family: 'Roboto Slab', serif;
    font-size:1.125em;
    border:none;
}
.bc_secondary_button:hover{
    background:#479dda;
    color:white;
}

[class^="fa-"]::before, [class*=" fa-"]::before{
    font-family: fontawesome !important;
}