/* ---- Staff  ---- */   

.staff-list article a,
.staff-list h4,
.staff-list small {
    -webkit-transition: all .25s ease-in-out;  
    -moz-transition: all .25s ease-in-out;  
    -o-transition: all .25s ease-in-out;  
    -ms-transition: all .25s ease-in-out; 
    transition: all .25s ease-in-out;  
    }
    
.staff-list article a {
    background: #f7f7f7;
    padding: 10px 2%;
    width: 28%;
    min-height: 70px;
    margin: 0 2% 10px 0;
    float: left;
    }
        
    .staff-list article.last a { margin-right: 0; }
    
    @media (max-width : 1370px) { 
        .staff-list article a { min-height: 78px; } 
        }
    
.staff-list article a:hover { background-color: #336d9a; }

.staff-list img {
    width: 53px;
    height: 70px;
    float: left;
    margin: 0 10px 0 0;
    }
    
.staff-list h4 {
    font-weight: 300;
    font-size: 20px;
    line-height: 1;
    margin: 0;
    }
    
    .staff-list article:hover h4 { color: white; }
    
    @media (max-width : 1370px) { 
        .staff-list h4 { font-size: 18px; } 
        }

.staff-list small p {
    font-size: 12px;
    line-height: 15px; margin: 3px 0 0 0;
    }
    
    .staff-list article:hover small { color: #f3f0f8; }
 
    @media (max-width : 1370px) { .staff-list small p { font-size: 11px; line-height: 13px; } } 
 
 
 
.job-title {
    font-size: 18px;
    opacity: .6;
    }

 
 
 
 
 
 
/* Our History
--------------------------------------------------- */

.history-list {}

.history-list section { margin-bottom: 10px; }

.history-list .expander-header { padding: 0 0 10px 0 }

.history-list .expander-header h2 {
    font-size: 24px;
    color: #003158;
    padding: 15px 0 7px 29px;
    border-top: 1px #e8e8e8 solid; 
    }      

.history-list .expander-header h2:before { top: 15px; }    

.history-list .expander-body { padding: 0 0 0 19px; }       

.history-list article {
    width: 25%;
    float: left; 
    }
  
.history-list .pad { padding: 10px; }

.history-list h3 { font-size: 18px; }
  
.history-list p { 
    font-size: 14px; 
    line-height: 1.2; 
    }
 
    @media (min-width : 1200px) { .history-list p { font-size: 12px; } } 
    
    
    
/* Sectors 
------------------------------------ */

.union.sectors .above {
    height: 320px;
    }
    
.sectors .hero {
    background-repeat: no-repeat;
    background-position: left center; 
    background-size: contain;
    }


.above .hero .text {
    background-image: -moz-linear-gradient(1deg, rgba(0,72,129,0) 0%, rgba(0,72,129,.99) 28.56%, #004881 28.83%); /* gradient overlay */
    background-image: -o-linear-gradient(1deg, rgba(0,72,129,0) 0%, rgba(0,72,129,.99) 28.56%, #004881 28.83%); /* gradient overlay */
    background-image: -webkit-linear-gradient(1deg, rgba(0,72,129,0) 0%, rgba(0,72,129,.99) 28.56%, #004881 28.83%); /* gradient overlay */
    background-image: linear-gradient(89deg, rgba(0,72,129,0) 0%, rgba(0,72,129,.99) 28.56%, #004881 28.83%); /* gradient overlay */
    height: 295px;
    padding-left: 240px
    }
   
  
.sectors .one { width: 100%; } 

.sectors .one.plustwo { width: 60%; }   
.sectors .two { width: 40%; }     

.sectors .snav li a { 
    position: relative;
    padding-left: 25px;
    }  
    
.sectors .snav li a:hover { 
    padding-left: 30px;
    }  
    
.sectors .snav li a .icons { 
    font-size: .8;
    width: 20px;
    text-align: center;
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    opacity: .5;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out; 
    }  
    
.sectors .snav li a:hover .icons { 
    left: 5px;
    }