#container #pageTitle {display: none;}

#content .categoryBrowse a{display:inline-block; padding: 12px; background: #eee; text-decoration:none; margin: 0 0 4px 0;}
#wrapper #content .categoryBrowse a:active,
#wrapper #content .categoryBrowse a:hover{background: #4a4949; text-decoration:none; color: #fff;}



.newsItem {
    display:block;
    margin: 3rem 1rem 3rem 0;
    position:relative;
    min-height: 150px;}

#wrapper #content .newsItem {text-decoration:none;}


.newsItem.featured {margin: 0 1rem 3rem 0; min-width: 100%; min-height: 240px; max-height: 240px;}
.newsItem.featured .bgcolor{background: rgba(0, 85, 151, .94); border:none;}
#content .newsItem.featured *{color: #fff;}
#content .newsItem.featured .date{color: #18194f; background: #fff;}
.newsItem.featured .newsDetail{right: 0; position:absolute; left: 50%; padding: 3rem 1.5rem; position:relative; width: 45%;}
.newsItem.featured .newsThumb{max-width: 100%; background-position: 50%; max-height: none; border: none; left: 0; top: 0; bottom:0; width: 50%;}
.newsItem.featured:hover .bgcolor{background: rgba(0, 85, 151, .97); border:none;}

.newsItem.featured .backgroundImage{-webkit-filter: grayscale(100%) drop-shadow(3px 4px 3px #4a4949); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%) drop-shadow(3px 4px 3px #4a4949);}  
    

.newsItem .backgroundImage{    
    background-repeat:no-repeat;
    background-size: cover;
    background-blend-mode: saturation;
    background-position: 50%;
    -webkit-filter: grayscale(100%) drop-shadow(1px 4px 6px #ccc); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%) drop-shadow(1px 4px 6px #ccc);
    z-index:0;
    position:absolute;
    top: 0; right: 0; bottom: 0; left: 0;}



#wrapper #content .newsItem:hover{text-decoration:none;}

.newsItem .bgcolor{position:absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, .97); }
.newsItem:hover .bgcolor{background: rgba(24, 25, 79, .9);  border-color: #18194f;}
.newsItem:hover .newsDetail{background:none; border-color:transparent;}
#wrapper #content .newsItem:hover .bgcolor{color: #fff; background: rgba(24, 25, 79, .9);}
#wrapper #content .newsItem:hover *{color: #fff;}


.newsItem .newsDetailWrapper{position:relative; top: 0; bottom: 0; left: 0; right: 0;}
.newsItem .newsDetail{padding: 12px; position:relative; width: 65%;}
.newsItem .newsThumb{max-height: 150px; max-width: 150px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid transparent; position:absolute; right: 1rem; top: -1rem; bottom: -1rem; display:inline-block; background-size: cover; background-position: 50%; background-repeat:no-repeat; width: 27%;  }
.newsItem .subHeading{font-weight:400; color: #18194f; font-size: 1.2em; font-weight: normal; line-height: 1.2em;  margin-bottom: 0.9375em;}
.newsItem .date{display:inline-block; margin-bottom: .5rem; margin-top: .5rem;} 
.newsItem .path{font-style: italic; color: #006621;} 

#wrapper #content .newsItem:hover .date{color: #18194f; background: #fff;}
.newsItem:hover .newsThumb{border-color: #fff;}


.date{padding: 6px; color: #fff; background: #18194f;}    



#content .pressReleaseMain {
    font-size: 1.2em;
    line-height: 1.5em;
}
    

   #content .introParagraph{margin-top: 1.4rem;margin-bottom: 1rem; color: #007ca7;}
    
.leftAlignedImage, .rightAlignedImage {
    max-width: 50%;
    height: auto;
}
.leftAlignedImage {
    float: left;
    margin: 1em 1em 1em 0;
}
.rightAlignedImage {
    float: right;
    margin: 1em 0 1em 1em;
}
.leftAlignedImage img, .rightAlignedImage img {
    max-width: 100%;
    height: auto;
}
figcaption {
    background-color: #EEE;
    padding: 0.2em 0.5em;
    font-weight: bold;
    font-size: 0.9em;
}
.quoteWithImage {
    display: grid;
    display:-ms-grid;
    grid-template-columns: 2fr 3fr;
    -ms-grid-columns: 2fr 3fr;
    margin: 3em 0 1em 0;
}
.quoteWithImage .blockquoteImage {
    -ms-grid-column: 1;
}
.quoteWithImage .blockquoteContent {
    -ms-grid-column: 2;   
}
.quoteNoImage {
    display: block;
    margin: 1em 0;
    clear: both;
}
blockquote {
    border: none;
    padding-left: 80px;
    font-size: 1.6em;
    line-height: 1.2em;
}
blockquote::before {
    width: 60px;
    height: 60px;
    background-size: 60px;
}
.blockquoteImage {
    position: relative;
    display: inline-block;
    width: 250px;
    max-height: 250px;
}
.blockquoteImage img {
    width: 100%;
    max-width: 250px;
    height: auto;
    display: block;
    position: relative;
    z-index: 2;
}
.blockquoteImage::before {
    content: "";
    display: table;
    clear: both;
}
.blockquoteImage::after {
    position: absolute;
    top: -25px;
    right: -25px;
    width: 100%;
    height: 100%;
    display: block;
    border: solid 6px #009bbd;
    z-index: 1;
    content: "";
}
.quoteNoImage cite, .quoteWithImage cite {
    margin-top: 1em;
    color: #009bbd;
}
.author {
    clear: both;
    display: grid;
    display:-ms-grid;
    grid-template-columns: 1fr 5fr;
    -ms-grid-columns: 2fr 3fr;
    margin: 2em 0;
    padding: 1em;
    background-color: #EEE;
}
.authorImage {
    -ms-grid-column: 1;
}
.authorDetails {
    padding-left: 2em;
    -ms-grid-column: 2;
}
.imageGallery { 
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    grid-gap: 20px;
    align-items: stretch;
}
.imageGallery img {
    border: 1px solid #ccc;
    box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
    max-width: 100%;
}
.videoContainer {
    position: relative;
    overflow: hidden;
    padding-top: 61.5%;
    margin: 1em 0;
    clear: both;
}
.videoIframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.systemInfo {
    border: 1px solid #CCC;
    background-color: #EEE;
    box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
    padding: 1em;
    width: 20%;
    position: fixed;
    bottom: 8em;
    right: 2em;  
}
.inverseText {
    background-color: #18194F;
    color: #FFF;
    padding: 1em;
    margin: 2em 0;
}
#content .inverseText p:last-of-type {
    margin-bottom: 0;
}

/* highlight box */

.sys_highlightBox{display:block; margin: 60px 0; border: 1px solid #007ca7;}
.sys_highlightBox .sys_heading{padding: 8px;text-align:center; background: #fff; width: 80%; margin: auto auto; margin-top: -30px;}

.sys_highlightBox .sys_heading h1,
.sys_highlightBox .sys_heading h2,
.sys_highlightBox .sys_heading h3,
.sys_highlightBox .sys_heading h4
.sys_highlightBox .sys_heading h5{margin: 0; color: #007ca7;}
.sys_highlightBox .sys_inner{padding: 0 2.5em;}




@media screen and (max-width: 767px) {

#content .categoryBrowse a{padding: 12px 10px;}    
.newsItem{border-bottom: 1px solid #ccc; border-top: 1px solid #efefef; border-left: 1px solid #efefef; border-right: 1px solid #efefef;}  
.newsItem,
.newsItem.featured{margin: 2rem 0;}
.newsItem .bgcolor{background: rgba(255, 255, 255, .97); border-bottom-color: #18194f;}
.newsItem:hover .bgcolor{border-color: #4a4949;}
.newsItem .newsDetailWrapper{position:relative;}
.newsItem .newsDetail{position:relative;  left: 0; top: 0; bottom: 0; right: 0; width: auto; border:none; padding: 12px; background:none;}
.newsItem .newsThumb{display:none;}
.newsItem .date{padding: 6px; color: #fff; background: #18194f;}      
.newsItem.featured .newsDetail{right: auto; left: 0; padding: 12px; width: auto;}    
#content .newsItem .backgroundImage{ 
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);  
}
.quoteWithImage {
    display: block;
}
.blockquoteImage {
    position: relative;
    float: right;
    width: 50%;
    margin-right: 1.5625rem;
}
.blockquoteContent {
    clear: both;
}
.blockquoteimage img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 2; }
}

#CommsNewsHomepageNews_wrapper {
    height: 280px;
}