/* Site CSS */

#header {
    padding: 30px 0 10px 0;
    position: absolute;
    width: 100%;
    background-color: rgba(255,255,255,.75);
    margin: 50px 0 0 0;
}
#header img { margin-bottom:10px;}



#header a.btn-primary{color:#fff;margin-top: 10px;}

#hero {
    background: url(../../assets/img/hmpg-banner.jpg) center center no-repeat;
    background-size: cover;
    height:220px;
}

#home #hero {
    height:350px;
}

#home #main {
    background: url(../img/loborespect-bg.jpg);
    background-position: bottom center;
    padding-top:30px;
}


#home #breadcrumbs  { display:none;}

#home #page {background-color:#eee;}
#home #upper {background-color:#fff;padding: 30px 0 10px 0;border-bottom: 1px solid #ccc;}



.report-incident {
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
}
.report-incident a {
    color:#fff;
    text-decoration:none;
}

.report-incident::before {
    content: '\f0a1';
    bottom: 0;
    right: 10%;
    font-family: fontawesome;
    font-size: 7.5em;
    position: absolute;
    line-height: 1;
    opacity: .3;
    z-index: 0;
}



.unm-teal  {
  color:#fff;
  background-color: #008b98;
    opacity: .8;
}
.unm-teal:hover {
  opacity: 1;
  color: #fff;
}




.callout { 
    padding:20px; 
    margin-bottom:20px;}
.callout:hover, .report-incident:hover { cursor: pointer; cursor: hand; }

.callout a, .callout a:hover {color:#fff; text-decoration:none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}


/* Custom, iPhone Retina */ 
    @media only screen and (max-width : 480px) {
.callout h2 {
    font-size: 23px;
}
        
    }




#events h2 {
    margin-top: 0;
}

#events li {
    margin-bottom: 10px;
}