/* Chelsea Thompson This is the style sheet for up to 860 screen sizes. */
/* this will get rid of the empty card div if it's empty*/
div:empty {
   display: none;
}
/* Responsive overrides for the page title/header */
#page_title{
    float:left;
    clear:both;
    margin: 2% 0% 2% 25%;    
    padding: 0 0 0 0;
}
#page_title h1{
    letter-spacing:2px;
    font-size: 180%;
}

#dept_header{
    width: 80%;
    background-color:#fff;
    padding-left: 0%;
    margin: 0;
}
/* Responsive overrides for the UNM CDD logo */
#dept_logo img{width:70%; margin-left:0%; font-size: 90%;}   

/* Responsive overrides for the main content section*/    
#container{width:100%;margin:0 0 0 0;background-color:transparent;visible !important;overflow:auto;}
#container.col3{
    background: #fff;
}



/* Responsive overrides for the links at the top by the pictures (ONLY on the MAIN PAGE TEMPLATE)*/    
div#top_links{
    width:90%;
    margin: 0 5% 0 0;
/*   float: left; */
    clear: none;
    }
div#top_links a{
    background-color: #007a86;
    width: 100%;
/*     height: 80px; */
    margin: 0 0 3% 0;    
   color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: auto;
    font-size: 130%;
     text-transform: uppercase;
    text-decoration: none;
    text-align: left;
    padding: 6% 2% 6% 6% ;
    float:left;
/*     clear:both; */
    }
div#top_links a:hover{
   color: #fff;
/*     font-weight: normal; */
       -moz-box-shadow:    5px 5px 5px 10px #eeeeee;
  -webkit-box-shadow: 5px 5px 5px 10px #eeeeee;
   box-shadow: 5px 5px 10px #eeeeee;
    }
div#top_links #quick_links a{
   
    font-size: 125%;
  
    }
div#top_links #quick_links a:hover{
background-color: #005860;
       -moz-box-shadow:    2px 2px 5px 2px #eeeeee;
  -webkit-box-shadow: 2px 2px 5px 2px #eeeeee;
   box-shadow: 2px 2px 5px 2px #eeeeee;
    }
/* Responsive overrides for the featured section by the flexslider (ONLY ON THE SECONDARY PAGE TEMPLATE)*/    
#featured_section{
  width: 100%;
    float: left;
    margin:0 0 2% 0;
    padding:0%;
    border:none;
    }

#featured_section h3{
margin: 2% 0 0 0;
    
}
#featured_section h3 a{
    font-weight: bold;
    color: #007a86;
    background-color: #fff;
    letter-spacing: 2px;
    font-size: 110%;
    text-transform: uppercase; 
    text-decoration: none;
}
#featured_section h3 a:hover{
    color: #777D12;
    text-decoration: underline;
           -moz-box-shadow:    1px 1px 1px 1px #fff;
  -webkit-box-shadow: 1px 1px 1px 1px #fff;
   box-shadow: 1px 1px 1px #fff;
  }

#featured_section img{
    width: 15%;
    float:left;
    margin:0 0 0 3%;
/* display: none; */
}

#featured_section p{
    font-size: 120%;
    float: left;
    clear: none;
    text-align: center;
    margin: 1% 1% 1% 4%;
}
#featured_section ul{
    float: left;
   clear: none;
}
#featured_section ul li{
       text-transform: uppercase; 
 text-decoration: none;
    font-size: 120%;
   line-height: 2;
    margin-left: 30%;

}    
#featured_section ul li a{
       text-transform: uppercase; 
 text-decoration: none;
/*     font-size: 120%; */
   line-height: 2;
}  
/* Responsive overrides for the Cards */
#card_group{
    width: 60%; 
    margin:0 2% 0 2%; 
    font-size: 90%;
    float:left;
    clear: none;

}
    .card-em{
        width: 50%;
        margin: 0 0 0 3%;
    
}
    .card{
        width:30%; 
        margin: 0 2% 2% 0%;
        float:right;
        padding: 2%;
}
        .card img{width:40%; margin-left:30%;margin-bottom:6.5%;}
        .card h2{font-size:120%;}
.card-em p{
    font-size: 125%;
}
.card-em ul li p{
    font-size: 125%;
}
.card-em ul li a{
     word-wrap: break-word;
}
.card-em-2{
   width: 40%;
   margin: 0% 2% 0% 2%;
    }
.card-em-2 img{
display:-moz-inline-stack;
    
  }
.card-em ul{
    width:100%;
    float: left;
    margin: 0;
    padding: 0;
}
.card-em .list-cell {
    width: 40%;
    display: inline-block;
     margin: 0 5% 5% 5%;
    float:left;
    clear: none;
}
.em-events{
    width: 100%;
    float: left;
    clear:both;
}
/* Responsive overrides for the flexslider */
.flexslider {margin: 0 0 5% 0; padding: 0; width: 100%}
.flex-direction-nav .flex-prev {opacity: 1; left: 0;}
.flex-direction-nav .flex-next {opacity: 1; right: 0;}