.news-wrapper{
    width:100%;
    display:flex;
    justify-content: center;
}
.news-wrapper-inner{
   width:90%;
   margin:auto;
   margin-bottom:50px; 
   display:flex;
   flex-wrap: wrap;
   justify-content:center;
   flex-direction: row;   
   position:relative; 
}
/* news header */
.news-header{
    background-position:center;  
    background-size:cover; 
    height:500px; 
    width:100%; 
    margin-top:-20px; 
    margin-bottom:30px;
}
.news-header-inner{
    width:100%; 
    height:100%; 
    background-color:rgba(0,0,0,0.2); 
    display:flex; 
    justify-content:center; 
    align-items:center;
    color:#F0F8FF;
    position: relative;
}
.news-header-inner h1{
    font-size:60px;
    font-style: italic;  
}
 
/* Main Layout */
.wrapper.news-item {
    width:auto;
    max-width: 1200px;
    margin: 20px auto 0px auto;
    position: relative;
}
body#normal-page .wrapper.news-item .content-main{
	margin-bottom:0px;
}

body#normal-page  .main-article .NewsItem { margin-bottom:0px;}
body#normal-page section.content {padding-bottom:50px;}


/* Panui downloads */
.panui-links{
    justify-content: center;
    display:flex;
    position:absolute;
    right:20px;
    bottom:10px;
   
}
.panui-links a{
    padding:6px 9px 5px 9px;
    background-color:#fff;
    color:#000;
    margin:0 3px 0px 3px;
    transition: all;
    font-style: italic;
}
.panui-links a:hover{
    background-color:#AAC5E8;
    color:#fff;
}
/* news box*/
.news-item-box{
    width: 23.5%;  
    margin-left:7px;
    margin-right:7px;      
    margin-bottom: 15px;     
    border:1px solid #F1F1F1;
    padding:5px;
    background-color: rgba(255,255,255,0.3);
  
}
.news-item-box.notice{
    width: 48%;  
    margin-left:7px;
    margin-right:7px;      
  
}
.news-image{
    width:100%;
    position:relative;
}
.news-image img{ width:100%;}
.news-image span.date{
    position:absolute;
    left:10px;
    padding: 6px 9px 5px 9px;
    font-size: 15px;
    font-style: italic;
    display:block;
    bottom:10px;
    background-color:rgba(241, 241, 241, 0.9);
}  

.news-item-box.panui{
    background-color:rgba(237, 242, 251,0.4);
    border:1px solid #EDF2FB;
}
.news-item-content{
    padding:15px;
}
.news-item-content h2.title{
    line-height:1.2; 
}
.news-item-content h2 sup{
    color:#ababab;
    line-height:0.9;
    font-size:17px;
    
}

/* Main page - OVERRIDES*/
.main-article .NewsItem h1.title {
    width: 100%;
  
    color: #000;
}
.main-article img.image-right.Half{
    width:50%;
    max-width:50%;
}
.main-article img.image-right.Third{
    width:33%;
    max-width:33%;
}
.main-article img.image-right.Quarter{
    width:25%;
    max-width:25%;
}
.main-article .NewsItem.GeneralNews, .main-article .NewsItem.Notice, .main-article .NewsItem.Opportunity{
    border-top:0px !important;
}
body.greyPage .content-main .main-article img{
    border-top:0px !important;
    margin-bottom:30px;
    margin-top:10px;
}
@media only screen and (max-width: 1680px) {
 
    .news-wrapper-inner{
        width:96%;
    }
    .news-item-box{
        width: 22%;    
        margin-left:1%;
        margin-right:1%;               
        margin-bottom: 15px;
    }  
    .news-item-box.notice{
        width: 45%;  
        margin-left:1%;
        margin-right:1%;         
      
    }     
}
@media only screen and (max-width: 1440px) {
    .news-header{
 
        height:300px; 
   
    }        
    .news-wrapper-inner{
        width:96%;
    }
    .news-item-box{
        width: 30%;    
        margin-left:1%;
        margin-right:1%;               
        margin-bottom: 15px;
    }   
    .news-item-box.notice{
        width: 45%;  
        margin-left:1%;
        margin-right:1%;         
      
    }       
}
@media only screen and (max-width: 1024px) {
    
    .news-wrapper-inner{
        width:98%;
    }
    .news-item-box{
        width: 46%;   
        margin-left:1%;
        margin-right:1%;             
        margin-bottom: 15px;
    }  
    .news-item-box.notice{
        width: 45%;  
        margin-left:1%;
        margin-right:1%;         
      
    }       
  
}
@media only screen and (max-width: 768px) {
    .news-wrapper-inner{
        width:90%;
    }
    .news-item-box{
        width: 100%;        
        margin-bottom: 15px;
    }  
    .news-item-box.notice{
        width: 100%;   
        margin-left:1%;
        margin-right:1%;         
      
    }       
}
.news-item-box img{
    max-width:100%;
}
.news-header{
    width:100%;
    display:flex;
    justify-content: center;
    text-align: center;
}
.centered-pagination{
    width:100%;
    display:flex;
    justify-content: center;
    text-align: center;
    padding-bottom:50px;
}