
/* **************************** FONTS **************************** */

@font-face {
    font-family: "Open Sans";
    src: url("fonts/opensans-regular-webfont.eot");
    src: url("fonts/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"),
         url("fonts/opensans-regular-webfont.woff") format("woff"),
         url("fonts/opensans-regular-webfont.ttf") format("truetype"),
         url("fonts/opensans-regular-webfont.svg#Open Sans regular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: "Open Sans Bold";
	src: url("fonts/opensansbold.eot");
	src: url("fonts/opensansbold.eot?#iefix") format("embedded-opentype"),
		 url("fonts/opensansbold.woff") format("woff"),
		 url("fonts/opensansbold.ttf") format("truetype"),
		 url("fonts/opensansbold.svg#opensansbold") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Open Sans Italic";
	src: url("fonts/opensansitalic.eot");
	src: url("fonts/opensansitalic.eot?#iefix") format("embedded-opentype"),
		 url("fonts/opensansitalic.woff") format("woff"),
		 url("fonts/opensansitalic.ttf") format("truetype"),
		 url("fonts/opensansitalic.svg#opensansitalic") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Open Sans Bold Italic";
	src: url("fonts/opensansbolditalic.eot");
	src: url("fonts/opensansbolditalic.eot?#iefix") format("embedded-opentype"),
		 url("fonts/opensansbolditalic.woff") format("woff"),
		 url("fonts/opensansbolditalic.ttf") format("truetype"),
		 url("fonts/opensansbolditalic.svg#opensansbolditalic") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: "Brooklyn Samuels Five Bold";
    src: url("fonts/BrooklynSamuelsFive-Bold-2.eot");
    src: url("fonts/BrooklynSamuelsFive-Bold-2.eot?#iefix") format("embedded-opentype"),
         url("fonts/BrooklynSamuelsFive-Bold-2.woff2") format("woff2"),
         url("fonts/BrooklynSamuelsFive-Bold-2.woff") format("woff"),
         url("fonts/BrooklynSamuelsFive-Bold-2.ttf") format("truetype"),
         url("fonts/BrooklynSamuelsFive-Bold-2.svg#brooklyn_samuelsno5_bold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: "Gotham Bold";
	src: url("fonts/gothambold.eot");
	src: url("fonts/gothambold.eot?#iefix") format("embedded-opentype"),
		 url("fonts/gothambold.woff") format("woff"),
		 url("fonts/gothambold.ttf") format("truetype"),
		 url("fonts/gothambold.svg#gothambold") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Gotham Bold Italic";
	src: url("fonts/gothambolditalic.eot");
	src: url("fonts/gothambolditalic.eot?#iefix") format("embedded-opentype"),
		 url("fonts/gothambolditalic.woff") format("woff"),
		 url("fonts/gothambolditalic.ttf") format("truetype"),
		 url("fonts/gothambolditalic.svg#gothambolditalic") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* **************************** GENERAL STYLING **************************** */

body {
	/* !important's are to override the CSS reset */
	font-family: "Open Sans", sans-serif !important;
	font-size: 14px !important;
	color: #656565;
}

/* **************************** ICONS **************************** */

.pdf_icon, .email_icon, .phone_icon, .fax_icon {
	background-repeat: no-repeat;
	padding-left: 35px;
	background-size: 20px;
	min-height: 25px;
	display: inline-block; /* so min-height actually takes effect */
	background-position: center left;
}
	
	/* hide bullet points & pseudo-bullet points */
	li.pdf_icon, li.email_icon, li.phone_icon, li.fax_icon { list-style-type: none !important; margin-left: -15px; }
	li.pdf_icon:before, li.email_icon:before, li.phone_icon:before, li.fax_icon:before { display: none; }
		
	.pdf_icon { background-image: url("images/icons/pdf1_lightbg.png"); }
		.mod-no-backgroundsize .pdf_icon { background-image: url("images/icons/pdf1_lightbg_small.png"); }
		.darkbg .pdf_icon  { background-image: url("images/icons/pdf1_darkbg.png"); }
			.mod-no-backgroundsize .darkbg .pdf_icon  { background-image: url("images/icons/pdf1_darkbg_small.png"); }
	
	.email_icon { background-image: url("images/icons/email1_orange.png"); }
		.mod-no-backgroundsize .email_icon { background-image: url("images/icons/email1_orange.png"); }
		.darkbg .email_icon { background-image: url("images/icons/email1_white.png"); }
			.mod-no-backgroundsize .darkbg .email_icon { background-image: url("images/icons/email1_white_small.png"); }
		
	.phone_icon { background-image: url("images/icons/phone3_orange.png"); }
		.mod-no-backgroundsize .phone_icon { background-image: url("images/icons/phone1_black_small.png"); }
		.darkbg .phone_icon { background-image: url("images/icons/phone1_white.png"); }
			.mod-no-backgroundsize .darkbg .phone_icon { background-image: url("images/icons/phone1_white_small.png"); }
		
	.fax_icon { background-image: url("images/icons/fax1_black.png"); }
		.mod-no-backgroundsize .fax_icon { background-image: url("images/icons/fax1_black_small.png"); }
		.darkbg .fax_icon { background-image: url("images/icons/fax1_white.png"); }
			.mod-no-backgroundsize .darkbg .fax_icon { background-image: url("images/icons/fax1_white_small.png"); }
	
/* **************************** SPECIAL CLASSES **************************** */

.chr_content .left,
.chr_content .right { width: 49%; }

	.chr_content .left { float: left; }
	.chr_content .right { float: right; }
	
/* ******************************** CONTENT ******************************** */

.chr_content { color: #656565; line-height: 1.5em; }
	.chr_content.darkbg { color: #fff; }
	
.chr_content p { margin: 15px 0; line-height: 1.6em; font-size: 1em; }

.chr_content h1, .chr_content h2, .chr_content h3,
.chr_content h4, .chr_content h5, .chr_content h6 {
	margin-top: 20px;
	margin-bottom: 10px;
	/*font-family: "";*/ /* set based on theme, most headings will use this without replacing */
	text-transform: uppercase;
	line-height: 1.3em; /* most headings will use this without replacing */
	color: #404040;
}

	.chr_content.darkbg h1, .chr_content.darkbg h2, .chr_content.darkbg h3,
	.chr_content.darkbg h4, .chr_content.darkbg h5, .chr_content.darkbg h6 { color: #fff; }

	.chr_content h1 strong, .chr_content h2 strong, .chr_content h3 strong,
	.chr_content h4 strong, .chr_content h5 strong, .chr_content h6 strong,
	.chr_content h1 b, .chr_content h2 b, .chr_content h3 b,
	.chr_content h4 b, .chr_content h5 b, .chr_content h6 b { color: #eb8c21; font-family: inherit; font-size: inherit; }
	
		.chr_content.darkbg h1 strong, .chr_content.darkbg h2 strong, .chr_content.darkbg h3 strong,
		.chr_content.darkbg h4 strong, .chr_content.darkbg h5 strong, .chr_content.darkbg h6 strong,
		.chr_content.darkbg h1 b, .chr_content.darkbg h2 b, .chr_content.darkbg h3 b,
		.chr_content.darkbg h4 b, .chr_content.darkbg h5 b, .chr_content.darkbg h6 b { color: #F7CD9F; }
	
	.chr_content h1 em, .chr_content h2 em, .chr_content h3 em,
	.chr_content h4 em, .chr_content h5 em, .chr_content h6 em,
	.chr_content h1 i, .chr_content h2 i, .chr_content h3 i,
	.chr_content h4 i, .chr_content h5 i, .chr_content h6 i { /*font-family: "";*/ /* set based on theme */ }
	
	.chr_content h1 strong em, .chr_content h1 em strong, .chr_content h1 strong i, .chr_content h1 i strong,
	.chr_content h1 b em, .chr_content h1 em b, .chr_content h1 b i, .chr_content h1 i b,
	.chr_content h2 strong em, .chr_content h2 em strong, .chr_content h2 strong i, .chr_content h2 i strong,
	.chr_content h2 b em, .chr_content h2 em b, .chr_content h2 b i, .chr_content h2 i b,
	.chr_content h3 strong em, .chr_content h3 em strong, .chr_content h3 strong i, .chr_content h3 i strong,
	.chr_content h3 b em, .chr_content h3 em b, .chr_content h3 b i, .chr_content h3 i b,
	.chr_content h4 strong em, .chr_content h4 em strong, .chr_content h4 strong i, .chr_content h4 i strong,
	.chr_content h4 b em, .chr_content h4 em b, .chr_content h4 b i, .chr_content h4 i b,
	.chr_content h5 strong em, .chr_content h5 em strong, .chr_content h5 strong i, .chr_content h5 i strong,
	.chr_content h5 b em, .chr_content h5 em b, .chr_content h5 b i, .chr_content h5 i b,
	.chr_content h6 strong em, .chr_content h6 em strong, .chr_content h6 strong i, .chr_content h6 i strong,
	.chr_content h6 b em, .chr_content h6 em b, .chr_content h6 b i, .chr_content h6 i b { /*font-family: "";*/ /* set based on theme */ }
	
	/* used for most main headings */
	
		.chr_content h1 { font-size: 28px; margin-bottom: 20px; }
	
	/* used for most subtitles, including home page content section titles & footer bottom title */
	
		.chr_content h2 { font-size: 26px; font-family: "Gotham Bold"; }
	
	/* used for ...? */
	
		.chr_content h3 { font-size: 20px; font-family: "Gotham Bold"; }
	
	/* used for ...? */
	
		.chr_content h4 { font-size: 18px; text-transform: none; }
	
	/* used for home page featured page titles & footer top title & general content subheadings */
	 
		.chr_content h5 { font-size: 16px; font-family: "Gotham Bold"; }
			.chr_content .item.page h5:not(:first-child) { margin-top: 30px; margin-bottom: 15px; }

	/* used for home page icon collection titles */
	
		.chr_content h6 { font-size: 14px; text-transform: none; font-family: "Open Sans Bold"; letter-spacing: 1px; }
	
	/* keep margin away from the top of first children... and the bottom of last children */
	
		.chr_content h1:first-child, .chr_content h2:first-child, .chr_content h3:first-child, 
		.chr_content h4:first-child, .chr_content h5:first-child, .chr_content h6:first-child,
		.chr_content p:first-child { margin-top: 0; }
		
		.chr_content h1:last-child, .chr_content h2:last-child, .chr_content h3:last-child, 
		.chr_content h4:last-child, .chr_content h5:last-child, .chr_content h6:last-child,
		.chr_content p:last-child { margin-bottom: 0; }

	/* ...and reduce margins between two headings & with a paragraph */
	
		.chr_content h1 + h1, .chr_content h1 + h2, .chr_content h1 + h3, .chr_content h1 + h4, .chr_content h1 + h5, .chr_content h1 + h6,
		.chr_content h2 + h2, .chr_content h2 + h3, .chr_content h2 + h4, .chr_content h2 + h5, .chr_content h2 + h6,
		.chr_content h3 + h3, .chr_content h3 + h4, .chr_content h3 + h5, .chr_content h3 + h6,
		.chr_content h4 + h4, .chr_content h4 + h5, .chr_content h4 + h6,
		.chr_content h5 + h5, .chr_content h5 + h6,
		.chr_content h6 + h6 { margin-top: -5px; }
		
		.chr_content h1 + p,
		.chr_content h2 + p,
		.chr_content h3 + p,
		.chr_content h4 + p,
		.chr_content h5 + p,
		.chr_content h6 + p { margin-top: 0; }

.chr_content strong, .chr_content b { font-family: "Open Sans Bold"; font-weight: normal; font-style: normal; }
.chr_content em, .chr_content i { font-family: "Open Sans Italic"; font-weight: normal; font-style: normal; }
	.chr_content strong em, .chr_content em strong,
	.chr_content strong i, .chr_content i strong,
	.chr_content b em, .chr_content em b,
	.chr_content b i, .chr_content i b { font-family: "Open Sans Bold Italic"; font-weight: normal; font-style: normal; }

.chr_content small { font-size: .85em; }
.chr_content big { font-size: 1.15em; }

.chr_content ul:not(.nobullets) { margin: 15px 0 15px 5px; line-height: 1.8em; }
.chr_content ol { margin: 15px 0 15px 30px; line-height: 1.8em; }

	.chr_content ul:first-child, .chr_content ol:first-child { margin-top: 0; }
	.chr_content ul:last-child, .chr_content ol:last-child { margin-bottom: 0; }

	/* general/default list points */
	
		/*.chr_content ul li { list-style-type: disc; }
			.chr_content ul li ul li { list-style-type: circle; }
		.chr_content ol li { list-style-type: decimal; }
			.chr_content ol li ol li { list-style-type: lower-alpha; }*/
		
	/* list points adjusted/coloured based on theme */
		
		.chr_content ul { list-style-type: none; }
		.chr_content ol { list-style-type: none; counter-reset: section; }
		
			.chr_content ul ul:not(.nobullets),
			.chr_content ol ul { margin: 5px 0 5px 5px; }
			
			.chr_content ol ol,
			.chr_content ul:not(.nobullets) ol { margin: 5px 0 5px 30px; counter-reset: subsection; }
			
			.chr_content ul:not(.nobullets) li {
				list-style-type: none;
				position: relative;
				min-height: 25px;
				padding-left: 35px;
				margin-bottom: 6px;
			}
			
				.chr_content ul:not(.nobullets) li ul li { padding-left: 20px; }
			
			.chr_content ol li { list-style-type: none; position: relative; min-height: 25px; margin-bottom: 6px; padding-left: 10px; }
				.chr_content ol li ol li { margin-bottom: 0; padding-left: 0; }

				.chr_content ul:not(.nobullets) li:before {
					/* unordered list points - 1st level: bullet icon */
					content: "";
					position: absolute;
					top: 5px;
					left: -5px;
					background-image: url("images/bullet.png");
					background-position: top left;
					background-repeat: no-repeat;
					width: 16px;
					height: 18px;
					border-radius: 0;
				}

					.chr_content ul:not(.nobullets) li ul li:before {
						/* unordered list points - 2nd level: small orange squares */
						left: 5px;
						top: 11px;
						width: 5px;
						height: 5px;
						background: #E9890C;
						border-radius: 50%;
					}
						
					/* disable list points where they are not required */
					.chr_content ul.menu li:before,
					.chr_content .jcarousel ul li:before,
					.chr_content .nav-jcarousel ul li:before { display: none; }
					
				.chr_content ol li:before {
					/* ordered list points - all levels: counter */
					content: counter(section) ".";
					counter-increment: section;
					color: #E9890C;
					position: absolute;
					top: 0;
					left: -30px;
					text-align: right;
					min-width: 20px;
					font-family: Arial, sans-serif; /* replace if theme requires */
					font-weight: bold; /* replace if theme requires */
				}
					
					.chr_content ol li ol li:before { content: counter(subsection,lower-alpha) "."; counter-increment: subsection; }

.chr_content sup,
.chr_content sub { vertical-align: baseline; position: relative; top: -0.4em; font-size: 0.8em; }
	.chr_content sub { top: 0.4em; }
	
.chr_content blockquote { margin: 15px 30px; }
.chr_content hr { border-top: 0; border-bottom: 1px solid #000; margin: 30px 0; }

.chr_content table { border-spacing: 0; /* allow padding to take care of our spacing, to reduce confusion */ }
	.chr_content thead { }
		.chr_content th { padding: 10px; }
	.chr_content tbody { }
		.chr_content tr { }
		
		.chr_content td {
			/* because this is reset by our CSS reset, we need table cells to vertically align ...
			   ... otherwise they will look terrible aligned to the baseline! */
			vertical-align: middle;
			padding: 10px;
			color: inherit; /* reset wp-content.css */
		}
		
			.chr_content td:first-child { padding-left: 0; }
			.chr_content td:last-child { padding-right: 0; }
				.chr_content td.last-child { padding-right: 0; }
				
	.chr_content tfoot { }
	
.chr_content a { text-decoration: none; color: #EB8C21; }
	.chr_content a:hover { text-decoration: underline; }
.chr_content.darkbg a { color: #fff; }
	.chr_content.darkbg a:hover { color: #fff; }
	
.chr_content .highlighted_text { color: #2BABE0; }
	.chr_content.darkbg .highlighted_text { color: #b3f0ff; }

.chr_content .alignnone {  }	
.chr_content .alignleft { float: left; clear: left; margin: 5px 15px 10px 0; }
.chr_content .alignright { float: right; clear: right; margin: 5px 0 10px 15px; }
.chr_content .aligncenter { display: block; margin: 0 auto; }

.chr_content img { max-width: 100%; height: auto; } /* make images automatically responsive */
.chr_content iframe { max-width: 100%; } /* attempt to make iframes somewhat responsive */

.chr_content .wp-caption { }
	.chr_content .wp-caption img { width: 100%; height: auto; }
	.chr_content .wp-caption-text { background-color: #f9f9f9; margin: -6px 0 0 0 !important; padding: 10px; }
	
/* ******************** The end, thanks for visiting! ******************* */
