/* 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 !important; 
    font-size: 15px; } 

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

} 

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

.cbContent h2.articleHeader {  
    color: white;  
    background: rgb(4,27,126); /* Old browsers */
    border-radius: 0;
    font-size: 28px;
    line-height: 1.2em;
    margin: 30px -10px 20px -15px;
    border-bottom: 5px solid #ccc;
    outline: medium none;
    padding: 10px 7px;
    text-decoration: none;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.13);
    vertical-align: baseline;
    font-weight: 500;
}
@media screen {
   .cbContent h2.articleHeader {  
    background: -moz-linear-gradient(left,  rgba(4,27,126,1) 0%, rgba(5,19,82,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(4,27,126,1) 0%,rgba(5,19,82,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(4,27,126,1) 0%,rgba(5,19,82,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#041b7e', endColorstr='#051352',GradientType=1 ); /* IE6-9 */
   }
}

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

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

 } 

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

.cbContent .pdf-viewer-heading, .cbContent .wysiwyg a {  
     background: #051352; 
     border-left: 10px solid #597aba;  
 }  

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

 }

/* Show sidepanel content holder Headers =======
.sidepanel .item.no-header .item-header{ display: unset;}
=========  */ 

/* CB sidepanel table styling ================  */ 
 aside.sidebar table thead {
    background-color: #597aba;
    color: #FFF;
    font-weight:bold;
 }
aside.sidebar table tbody tr:nth-child(odd) {
    background: #F2F2F2;
    padding: 0px;
}
aside.sidebar table tbody tr {
    background: #FFF;
}
aside.sidebar table tbody tr, .widget p:not(.lead) {
    font-size: 12px;
}
aside.sidebar table tbody td {
    padding:5px;
    border: 1px solid #DDD;
} 



/* Menu Hover Colour ================  */ 
#primary-menu > ul > li a:hover {
    	color: #597aba;  
}
/*** 
Left Header Gradient: 		19,12,80
Right Header Gradient:		255, 255, 255
***/

.transp-bg-left {
background: rgb(19,12,80); /* Old browsers */
    background: linear-gradient(to right, rgba(19,12,80, 1) 0%, rgba(19,12,80, 1) 35%, rgba(19,12,80, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.transp-bg-right {
background: rgb(255, 255, 255); /* Old browsers */
    background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 35%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

@media only screen and (min-width: 1100px) and (max-width: 1500px) {
	.transp-bg-left {
		background: linear-gradient(to right, rgba(19,12,80, 0.9) 0%, rgba(19,12,80, 1) 10%, rgba(19,12,80, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
	.transp-bg-right {
		background: linear-gradient(to left, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 1) 10%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
}

@media only screen and (min-width: 800px) and (max-width: 1099px) {
	.transp-bg-left {
		background: linear-gradient(to right, rgba(19,12,80, 0.95) 0%, rgba(19,12,80, 1) 5%, rgba(19,12,80, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
	.transp-bg-right {
		background: linear-gradient(to left, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 1) 5%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
}
/* CSS TOP Header and Menu –  ================  */ 

#header.full-header { 

background: #546DA1; 

} 

#header-wrap { 

background: #546DA1; 
border-top:2px solid #fff;

} 

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

    color: #D4DAE7;  

} 

#primary-menu ul li > a:hover {  

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

    color: #fff;  

} 

.content-wrap {
    padding-top: 0px;
}

#logo, .icon-reorder:before {
    color:white;
}
/* background gradient –  ================  */ 

.bgImgColor #content { 

    background: -moz-linear-gradient(top, rgba(84,109,161,1) 0%, rgba(84,109,161,1) 1%, rgba(84,109,161,0) 5%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(84,109,161,1)), color-stop(25%,rgba(84,109,161,1)), color-stop(100%,rgba(84,109,161,0)));
    background: -webkit-linear-gradient(top, rgba(84,109,161,1) 0%,rgba(84,109,161,1) 1%,rgba(84,109,161,0) 5%);
    background: -o-linear-gradient(top, rgba(84,109,161,1) 0%,rgba(84,109,161,1) 1%,rgba(84,109,161,0) 5%);
    background: -ms-linear-gradient(top, rgba(84,109,161,1) 0%,rgba(84,109,161,1) 1%,rgba(84,109,161,0) 5%);
    background: linear-gradient(to bottom, rgba(84,109,161,1) 0%,rgba(84,109,161,1) 1%,rgba(84,109,161,0) 5%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#546da1', endColorstr='#00546da1',GradientType=0 );
}

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

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

@media print {
	

}