/*** 
Left Header Gradient: 		255,255,255
Right Header Gradient:		30, 124, 185
***/

.transp-bg-left {
background: rgb(255,255,255); /* Old browsers */
    background: linear-gradient(to right, rgba(255,255,255, 1) 0%, rgba(255,255,255, 1) 35%, rgba(255,255,255, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.transp-bg-right {
background: rgb(30, 124, 185); /* Old browsers */
    background: linear-gradient(to left, rgba(30, 124, 185, 1) 0%, rgba(30, 124, 185, 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(255,255,255, 0.9) 0%, rgba(255,255,255, 1) 10%, rgba(255,255,255, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
	.transp-bg-right {
		background: linear-gradient(to left, rgba(30, 124, 185, 0.9) 0%, rgba(30, 124, 185, 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(255,255,255, 0.95) 0%, rgba(255,255,255, 1) 5%, rgba(255,255,255, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
	.transp-bg-right {
		background: linear-gradient(to left, rgba(30, 124, 185, 0.95) 0%, rgba(30, 124, 185, 1) 5%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
}

/************* 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: #0073a4;;  
    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;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.13);
    vertical-align: baseline;
    font-weight: 500;
}


@media screen {
    .cbContent h2.articleHeader {  
        background: #009fd2; /* Old browsers */
        background: -moz-linear-gradient(left,  #009fd2 0%, #0082ac 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  #009fd2 0%,#0082ac 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  #009fd2 0%,#0082ac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009fd2', endColorstr='#0082ac',GradientType=1 ); /* IE6-9 */
    }
}

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

 .cbContent h1, .cbContent h3, .cbContent h4 {  
	color: #0091cf;  

 } 

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

.cbContent .pdf-viewer-heading, .cbContent .wysiwyg a {  
     background: #0073a4; 
     border-left: 10px solid #0091cf;  
 }  

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

 }

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

/************* CB sidepanel table styling *************/ 
 aside.sidebar table thead {
    background-color: #0091cf;
    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;
}

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

@media print {
	

}

/************* PDF styling *****************/

.page_template.cbContent .content{
    padding-top: 20px;
}
 
.page_template.cbContent h1,
.page_template.cbContent h2,
.page_template.cbContent h3,
.page_template.cbContent h4,
.page_template.cbContent h5,
.page_template.cbContent h6 {
    margin: 20px 0 10px;
    text-align: left;
}

.page_template.cbContent h1{
    font-size:16px !important;
    font-style: italic;
    font-weight:bold;
}
.page_template.cbContent table td p, .page_template.cbContent table th p {
    word-break: normal !important;
    text-align: left;
    font-size: 12px;
    line-height: 1.5em;
}
.page_template.cbContent table td a, .page_template.cbContent table th a {
    word-break: break-all;
}

.page_template.cbContent .wysiwyg.sz-web-link,
.page_template.cbContent .pdf-viewer-heading{
    outline:none !important;
    border:none !important;
    background:none !important;
}

.page_template.cbContent .cbImage figure{
    text-align:left !important;
} 

.page_template.cbContent .pdf-viewer-heading, .page_template.cbContent .wysiwyg a {  
     border-left: none;  
 }  

.page_template.cbContent .wysiwyg.sz-web-link a:hover, .page_template.cbContent .pdf-viewer-heading:hover {  
     border-left:none;
} 



/************ 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;
}