/* Content CSS  ======================*/  

.cbContent, .cbContent h2, .cbContent h3, .cbContent h4, .cbContent h1{ 

 font-family: -apple-system, system-ui, Roboto, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" 

}

/* Reduce font size and spacing ======================*/  

.cbContent label, .cbContent li, .cbContent p { 
    line-height: 1.8em; 
    font-size: 15px;
	} 

.cbContent h3{ font-size: 23px;} 
.cbContent h4{ font-size: 20px;} 

/* Heading 1 Sections  ================  */ 

.cbContent h2.articleHeader {  
    color: white;  
    border-radius: 0;
    font-size: 28px;
    line-height: 1.2em;
    margin: 30px -10px 20px -15px;
    border-bottom: 5px solid #ccc;
    outline: medium none;
    padding: 7px 7px 7px 10px;
    text-decoration: none;
    vertical-align: baseline;
    background: none !important;
    border-bottom: 1px solid;
    text-shadow: none;
    font-weight: bold;
    text-transform: uppercase;
	color: #004259;
    
}

/* Date and Heading color  ================  */ 

 .cbContent h1, .cbContent h3, .cbContent h4 {  
	color: #004259;  

 } 

/* PDF Flyer and Web link buttons ================  */ 

.cbContent .pdf-viewer-heading, .cbContent .wysiwyg a {  
     background: #004259; 
     border-left: 10px solid #98b651;  
 }  

.cbContent .wysiwyg.sz-web-link a:hover, .cbContent .pdf-viewer-heading:hover {  
     background:#98b651;
     border-left: 10px solid #98b651;  

 }

/******  CB table styling ================  */ 

.cbContent tbody tr:nth-child(odd) {
    background: #F2F2F2;
}
.cbContent table td, .cbContent table thead td {
    background-color:transparent;
}
.cbContent table thead {
    background-color: #98b651;
    color:#fff;
}
.cbContent table thead td {
    color:#fff;
}


/* Menu Hover Colour ================  */ 
#primary-menu > ul > li a:hover {
    	color: #98b651;  
}

/* Target Print PDF and Screen only below ================  */ 

@media print {
	

}

@media screen {


}



/************ Gallery Styling ***************/
.cbContent .cbImage {
    align-items: center;
}
.cbContent .cbImageGallery .cbImage {
    justify-content: center;
    }
.cbContent .image4 figure {
    margin: 5px;
    }
    
.cbContent .cbImage.imgBorder img {
    border: 1px solid #FFF;
    padding: 5px;
    background-color: #DFDFDF;
    background: -moz-linear-gradient(top,#FFF,#DFDFDF 50%,#CECECE);
    background: -webkit-gradient(linear, left top, left bottom,from(#FFF),color-stop(0.5, #DFDFDF),to(#CECECE));
    background: linear-gradient(top,#FFF,#DFDFDF 50%,#CECECE);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3), 0px 1px 2px rgba(0,0,0,0.3);
}

.cbContent .cbImageGallery .cbImage.imgBorder figure {
    border: 3px solid #FFF;
    padding: 5px;
    background-color: #DFDFDF;
    background: -moz-linear-gradient(top,#FFF,#DFDFDF 50%,#CECECE);
    background: linear-gradient(top,#FFF,#DFDFDF 50%,#CECECE);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3), 0px 1px 2px rgba(0,0,0,0.3);
}


@media (max-width:576px){
    .cbContent .cbImage.imgBorder img,
    .cbContent .cbImageGallery .cbImage.imgBorder figure {
        padding: 2px;
    }
}

/************ PDF image alignment test  ***************/
.page_template.cbContent .cbImage {
    align-items: center;
    justify-content: center !important;
}
.page_template.cbContent .imageMixed figure img {
    max-height: 120px !important;
}
.page_template.cbContent  figure {
    margin: 5px;
}

/* CSS TOP Header and Menu – SQUARED ================  */ 


#header-wrap { 

    background: #004259; 
    border-top: 4px solid #fff;

} 

#primary-menu ul li > a, #top-search a, #top-search form input  {  

    color: #BFD0D5;  

} 

#primary-menu ul li > a:hover {  

    background-color: rgba(0, 0, 0, 0.1); 

    color: #fff;  

} 

.content-wrap{
    padding:0px;
}

#primary-menu.style-5 > ul > li > a {
    height:114px;
    
}


/* Background Gradient ================  */ 

.bgImgColor #content {
    background: -moz-linear-gradient(top, rgba(0,66,89,1) 0%, rgba(0,66,89,1) 1%, rgba(0,66,89,0) 5%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,66,89,1)), color-stop(25%,rgba(0,66,89,1)), color-stop(100%,rgba(0,66,89,0)));
    background: -webkit-linear-gradient(top, rgba(0,66,89,1) 0%,rgba(0,66,89,1) 1%,rgba(0,66,89,0) 5%);
    background: -o-linear-gradient(top, rgba(0,66,89,1) 0%,rgba(0,66,89,1) 1%,rgba(0,66,89,0) 5%);
    background: -ms-linear-gradient(top, rgba(0,66,89,1) 0%,rgba(0,66,89,1) 1%,rgba(0,66,89,0) 5%);
    background: linear-gradient(to bottom, rgba(0,66,89,1) 0%,rgba(0,66,89,1) 1%,rgba(0,66,89,0) 5%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004259', endColorstr='#00004259',GradientType=0 );
}