@import url("/CBC/css/reset.css");

/* ------ HTML5 Display Definitions ------ */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* ------ Fonts ------ */
@font-face {
	font-family: paragraphFont;
	src: url('/CBC/css/fonts/Poppins-Regular.ttf');
}
@font-face {
	font-family: headingFont;
	src: url('/CBC/css/fonts/PT/PTSerif-Bold.ttf');	
}
strong {
	font-weight: bold;
}
/* ------ Global ------ */

html, body {
	background: #fff;
	color: #231F20;
	font-family: paragraphFont, Arial, sans-serif;
	font-size: 15px;
	width: 100%;
}

main { /* fall-back default for generic pages */
	margin: 0 auto;
	width: 1263px;
}

/* ------ Content ------ */
.content h1, #main-content h1 {
	font-family: headingFont;
	font-size: 45px;
	line-height: 43px;
padding-top:1.3em;
}

.content h2, #main-content h2 {
	color: #007071;
	font-family: headingFont;
font-size:2.2em;
	line-height: 25px;
padding-top:1em;
}

.content h2.small, #blank-slate .content h2.small {
	color: #424242;
	font-size: 17px;
	line-height: 22px;
	padding-top: 31px;
	padding-left: 0;
}

.content #share + h2 {
	padding-top: 25px;
}

.content h3, #main-content h3 {
	color:  #424242;
	font-family: headingFont;
	font-size: 1.3em;
	line-height: 30px;
padding-top:1.3em;
}

.content h4, #main-content h4 {
	color:  #424242;
	font-family: headingFont;
	font-size: 1.1em;
	line-height: 1.5em;
padding-top:1.3em;
}

.content h5, #main-content h5 {
	color:  #424242;
	font-family: headingFont;
	font-size: 19px;
	line-height: 18px;
padding-top:1.3em;
}

.content h6, #main-content h6 {
	color:  #424242;
	font-family: headingFont;
	font-size: 17px;
	line-height: 18px;
padding-top:1.3em;
}
#main-content p, #main-content li, #main-content table tr td{
	font-family: paragraphFont !important;
	font-size: 1em !important;
}
#main-content p{
	padding-top:1.3em !important;
	
}
#main-content hr {
	margin-top:1.5em;
	border-top:1px solid #ccc;
}
#main-content ul, #main-content ol {
	margin-top: 1.2em;
}
#main-content ul li ul, #main-content ol li ul {
	margin-top:1em;
	margin-left:1em;
}
#topic #splash #main-content div img.ocbct {
	width:260px;
	margin-right:3em;
	float:right !important;
}
#topic #splash #main-content img {
	float:none !important;
	padding-top:1.3em;
	width:auto;
	height: auto;
}
#main-content .align-center img {
	width:947px;
	margin-left:156px;
	text-align:center;
}
#topic #splash #main-content img.float-right {
	float:right !important;
}
/*region pages */
#desktop-map {
	width:410px;
	float:right;
}
#mobile-map {
	display:none;
}
#current-activity, .current-activity {
	background-color:#C5E8F4;
}
#instructions {
	margin-left:0px !important;
}
/*faq page*/
.faq {
	margin-bottom:1em;
	margin-top: 0.3em;
}
/*email sign up*/
#email-sign-up {
	width:947px;
	margin-left:125px;
	text-align:center;
	margin-top:2.5em;
	border:1px solid #ccc;
	border-radius: 8px;
	background-color: #efefef;
}
#email-sign-up h3 {
	display:inline;
	margin-left:0;
}
#email-sign-up h3 a{
	text-decoration:none;
	padding:8px;
	display: block;
	margin-top:-1.5em;
}
#email-sign-up #hidden-form {
	display:none;
	padding-bottom:0.5em;
}
#email-sign-up #hidden-form p:first-of-type{
	text-align:center !important;
}
#GD-snippet-form {
	margin-left:0 !important;
}
#GD-snippet-form label {
	margin-left:-120px;
}
#GD-snippet-form input#email {
	margin-top: 9px;
}
#topic #splash #main-content aside img {
	width: 100%;
}
.content p {
	color: #231F20;
	line-height: 22px;
	padding-top: 20px;
}


.content p.details {
	font-size: 14px;
	line-height: 19px;
	padding-top: 29px;
	text-align: center;
}

.content a, #main-content a {
	color: #22815d;
	line-height: 20px;
	text-decoration: underline;
	font-weight: bold;
}
#main-content a:hover {
	color: #a73b72;
}

.content a.button {
	text-decoration: none;
	cursor:pointer;
}

.content a.button:hover, .content a.button:focus {
	text-decoration: none:
}


.content a:hover, .content a:focus {
	color: #008591;
}

.content ul, #main-content ul {
	padding-left: 3%;
}

.content ul li, #main-content ul li {
	background: url('/CBC/images/site/bullet-magenta.png') no-repeat 1px 9px;
	color: #231F20;
	line-height: 25px;
	margin-top: 0.5em;
	padding-left: 19px;
}
.content ul li li, #main-content ul li li {
	background: url('/CBC/images/site/bullet-square.png') no-repeat 0px 6px;
}

.content ul ul, #main-content ul ul {
	padding-left: 18px;
}

.content ol, #main-content ol {
	padding-left: 26px;
}

.content ol ol, #main-content ol ol {
	padding-left: 23px;
}

.content ol li, #main-content ol li {
	color: #231F20;
	line-height: 20px;
	list-style-type: decimal;
	margin-top: 19px;
	padding-left: 3px;
	background: none !important;
}

.content ol li li, #main-content ol li li {
	list-style-type: lower-alpha;
}

.content dl dt, .content dl dd {
	color: #231F20;
	font-size: 15px;
	line-height: 20px;
	margin-top: 19px;
}

.content dl dt {
	font-family: paragraphFont;
}

.content dl dd {
	font-family: paragraphFont;
	padding-left: 23px;
}
	
.content address {
	color: #231F20;
	font-family: paragraphFont;
	font-size: 15px;
	line-height: 16px;
	padding-top: 16px;
}

.content blockquote {
	background: #F7F1EB;
	color: #231F20;
	padding: 25px;
	margin: 31px 20px 0;
}

.content blockquote p:first-child, .content blockquote h2:first-child, .content blockquote h3:first-child, .content blockquote h4:first-child {
	padding-top: 0;
}

.content blockquote, .content blockquote p, .content blockquote a {
	font-family: headingFont;
	font-size: 18px;
	line-height: 24px;
}

/* Accordions */
.CollapsiblePanel {
	width: 947px;
	margin-left:125px !important;
	margin-top: 1.2em !important;
}
.CollapsiblePanel ul {
	margin-left:2% !important;
	width: auto !important;
}
.CollapsiblePanel ul li {
	width: auto !important;
}
.CollapsiblePanel h3 {
	margin-left:0 !important;
	font-size:1.3em;
}
.CollapsiblePanel h4 {
	margin-left:0 !important;
	font-size: 1em;
}
.CollapsiblePanelContent {
	padding-top:0.7em !important;
	padding-bottom:0.6em !important;	
}
.CollapsiblePanelTab {
	background-color: #e7e7e7 !important;
	border: 1px solid #aaa !important;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	color: #000 !important;
}
.CollapsiblePanelTabOpen {
	background-image: url(/images/site/arrow-up-black-large.png) !important;
}
.CollapsiblePanelTab, .CollapsiblePanelTabHover {
	background-image: url(/images/site/arrow-down-black-large.png) !important;
}
.CollapsiblePanelContent {
	background-color: #fff;
	margin-bottom: 0px !important;
	border-left: 1px solid #ccc;
}
#main-content .CollapsiblePanelContent p{
	width: auto !important;
}
.content details {
    margin-top: 31px;
	padding-left: 25px
}

.content summary {
	color: #008591;
	cursor: pointer;
    font-family: headingFont;
    font-size: 22px;
	margin-left: -25px;
    line-height: 22px;
	outline: none;
}

.content table, #main-content table {
	background: #fff;
	border-right: 1px solid #231F20;
	border-bottom: 1px solid #231F20;
	margin-top: 1em;
	width: 100%;
}

.content table tr, #main-content table tr {
	border-top: 1px solid #231F20;
	width: 100%;
}

.content table th, #main-content table th {
	background: #e7e7e7; /*#fbf7e2;*/
	border-left: 1px solid #231F20;
	border-bottom: 1px solid #bbb;
	color: #000;
	font-family: headingFont;
	font-size: 18px;
	line-height: 18px;
	padding: 10px;
}

.content table td, #main-content table td {
	border-left: 1px solid #231F20;
	color: #231F20;
	line-height: 22px;
	padding: 5px;
}

main .content button {
    background: #7C174B;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    border: none;
    width: auto;
	min-width: 300px;
    color: #fff;
    display: block;
    font-family: headingFont;
    font-size: 17px;
    line-height: 19px;
    margin: 15px auto 0;
    padding: 12px 26px;
    text-align: center;
    text-decoration: none;
}

.content img {
	display: block;
	margin-top: 35px;
	width: 100%;
}

.content div.caption {
	margin-top: 10px;
	font-style: italic;
	text-align: center;
}

.content img.float {
	margin-top: 0;
	margin-left: 20px;
	margin-bottom: 20px;
	max-width: 50%;
	float: right;
}
/* --- CBC News ---*/

#topic #splash #main-content #latest img{
	margin-left:125px ;
	float:left !important; 
	margin-right:1.5em;
	margin-bottom:0.5em;
	width:400px;
	height:auto;
	padding-top: 0;
	margin-top: 1.3em;
	border: 1px solid #ccc;
	border-radius: 8px;
}
#latest  {
	margin-bottom:-0.5em;
	margin-top: 1.3em;
}
#latest h3 {
	/*color: #007071;*/
	font-size: 1.6em;
}
#latest h4 {
	color: #007071;
}	
#news-archive {
	margin-top: 3.5em !important;
}
/*these should probably be generic collapsible panel styles  for video and alignment*/
#news-archive-video {
	text-align:center !important;
}
#news-archive-video iframe {
	width: 100%;
}
#news-archive p.align-center {
	text-align:center;
	margin-left:0;
}


.content .tip {
	border-top: 1px solid #008591;
	border-bottom: 1px solid #008591;
	margin-top: 31px;
	padding-bottom: 18px;
	width: 100%;
}

.content .tip img {
	float: left;
	width: 210px;
}

.content .tip .text {
	float: right;
	padding-top: 50px;
	width: 369px;
}

.content .tip h3 {
	color: #231F20;
	font-family: headingFont;
	font-size: 20px;
	line-height: 22px;
	margin-top: -25px;
	padding: 0 0 13px 0;
}

.content .tip p {
	color: #231F20;
	font-family: paragraphFont;
	font-size: 15px;
	line-height: 21px;
	padding: 0 0 21px 0;
}


.content .tip li {
	color: #231F20;
	font-family: paragraphFont;
	font-size: 15px;
	margin-top: 10px;
}

.content .tip li:first-child {
	margin-top: 0;
}

.content .row {
	margin-top: 45px;
	width: 100%;
}

.content .row img {
	float: left;
	margin: 0;
	padding: 0;
	width: 70px;
}

.content .row .number {
	background: #D24423;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	float: left;
	font-family: paragraphFont;
	font-size: 15px;
	height: 23px;
	margin-top: -5px;
	padding-top: 9px;
	text-align: center;
	width: 32px;
}

.content .row .text {
	float: right;
	width: 500px;
}

.content .row .text.wide {
	float: right;
	width: 555px;
}

.content .row div.number + div.text.wide ul li {
	background: url('/CBC/images/site/bullet-bright.png') no-repeat 0px 6px;
}

.content .row div.number + div.text.wide ul li li {
	background: url('/CBC/images/site/bullet-bright-square.png') no-repeat 0px 6px;
}

.content .row .text h3, .content .row .text h4 {
	color: #D24423;
	font-family: headingFont;
	font-size: 20px;
	line-height: 24px;
	padding: 0;
}

.content .row .text p {
	color: #231F20;
	font-family: paragraphFont;
	font-size: 15px;
	line-height: 20px;
	padding-top: 12px;
}

.content .row.lg-icon {
	margin-top: 31px;
}

.content .row.lg-icon img {
	float: none;
	margin-bottom: 12px;
	width: 120px;
}

.content .row.lg-icon .text {
	float: none;
	width: auto;
}

.content .question {
	border-top: 1px solid #008591;
	border-bottom: 1px solid #008591;
	margin-top: 34px;
	padding-bottom: 22px;
	width: 100%;
}

.content .question h3 {
	color: #424242;
	font-family: headingFont;
	font-size: 20px;
	line-height: 24px;
	padding: 22px 0 0 0;
}

.content .question p {
	font-family: paragraphFont;
	font-size: 18px;
	line-height: 20px;
	padding-top: 10px;
}

.content .question p a {
	font-size: 18px;
}

.content .author {
	padding-top: 32px;
	width: 100%;
}

.content .author img {
	float: left;
	margin: 0;
	width: 110px;
}

.content .author img.generic {
	float: none;
	margin: -25px 0 0;
	width: 350px;
}

.content .author .text {
	float: right;
	margin-right: 9px;
	width: 467px;
}

.content .author .text.generic {
	float: none;
	width: auto;
    margin-left: 120px;
    margin-top: 40px;
}

.content .author .text h4 {
	color: #231F20;
	font-family: paragraphFont;
	font-size: 14px;
	line-height: 18px;
	padding: 7px 0 0 0;
}

.content .author .text p {
	color: #231F20;
	font-family: paragraphFont;
	font-size: 13px;
	line-height: 18px;
	margin: 0;
	padding: 5px 0 0 0;
}

.content .author .text p {
	color: #231F20;
	font-family: paragraphFont;
	font-size: 13px;
	line-height: 18px;
	margin: 0;
	padding: 5px 0 0 0;
}

.content .author .text p a {
	font-size: 13px;
}
.content hr {
	margin-top: 25px;
}

/* ------ Columns -------*/
.twocol, .threecol, .fourcol, .fivecol { 
	width: 100%;
	padding: 0;
	margin-top: 31px;
	margin-bottom: 31px;
	clear:right;
}
.twocol div.col, .threecol div.col, .fourcol div.col, .fivecol div.col { 
	float: left;
	margin-bottom: 31px;
	border-right: solid 1px #979797;
}
.twocol .fluid-width-video-wrapper, .threecol .fluid-width-video-wrapper, .fourcol .fluid-width-video-wrapper, .fivecol .fluid-width-video-wrapper {
	margin-top: 20px;
}
.twocol div.col { 
	width: 45%;
	padding-right: 5%;
	margin-right: 4%;
}
.threecol div.col {
	width: 31%;
	padding-right: 1%;
	margin-right: 2%;
}
.fourcol div.col { 
	width: 22%;
	padding-right: 2%;
	margin-right: 1%;
}
.fivecol div.col { 
	width: 18.0%;
	padding-right: 1.5%;
	margin-right: 1%;
}
.twocol div.col:last-of-type, .threecol div.col:last-of-type, .fourcol div.col:last-of-type, .fivecol div.col:last-of-type {
	padding-right: 0;
	margin-right: 0;
	border-right: none;
}
.content .twocol ul, .content .threecol ul, .content .fourcol ul, .content .fivecol ul, .content .twocol ol, .content .threecol ol, .content .fourcol ol, .content .fivecol ol { 
    margin-left: 25px;
}

/* ------ Flex Row -------*/
.flexrow {
	display: flex;
	flex-wrap: wrap;
}
.flexrow div {
	padding-top: 20px;
	text-align: center;
	width: 17.0%;
	margin: 0 1.5%;
}
.flexrow div p:first-of-type {
	padding-top: 0;
}
.flexrow div img:first-of-type {
	margin-top: 0;
}
.flexrow div img {
	margin-bottom: 10px;
}

/* ------ Site Map and Video Library ------ */
.content #site-map div h3:first-child { 
    padding-top: 0;
    margin-top: 0;
}

.content #site-map h3, .content #vid h3 {
	color: #7C174B;
}

.content #site-map h3 a { 
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    padding-top: inherit;
	text-decoration: none;
}

.content #site-map h3 a:hover {
	text-decoration: underline;
}

div.vid-en, div.vid-es {
	margin-bottom: 25px;
}

html[lang='es'] .vid-en, html[lang='en'] .vid-es {
	display:none
} 
.float-box {
	float: right;
	margin: 35px 0 0 20px;
	width: 50%;
	text-align: center !important;
}
.float-box p {
	padding-top: 10px;
}
.content .float-box img {
	margin-top: 0;
	margin-bottom: 10px;
}
.float-box-left {
	width: 300px; 
	float:left; 
	margin:1em 3em 0 0; 
	border:1px solid #979797; 
	text-align:center; 
	padding:0em 1em 2em 1em;
}
.float-box-left h3, .float-box-left p {
	color:#7C174B;
}
.float-box-left-intro {
	margin-top:0.5em
}
.page-center-image {
	width:610px;margin:0 auto;
}
.page-center-image img {
	margin-top: 1em;			
}

/* ------ Video ------ */

.video {
	margin: 27px auto 0 auto;
	width: 811px;
}

.video h2 {
	background: #efefef url('/CBC/images/site/article-slice.png') no-repeat top left;
	color: #fff;
	font-family: headingFont;
	font-size: 25px;
	line-height: 36px;
	padding: 16px 2%;
	text-align: center;
	width: 96%;
}

.video h2 a {
	color: #fff;
	text-decoration: none;
}

.video h2 a:hover {
	text-decoration: underline;
}

.video iframe {
	height: 456px;
	width: 100%;
}

/* ------ Header ------ */
#skip {
	left: -100%;
	position: fixed;
	top: -100%;
}

#skip:focus {
	background: #fbf7e2;
	color: #000;
	display: block;
	font-family: headingFont;
	font-size: 18px;
	left: 0px;
	position: fixed;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	top: 0px;
	width: 100%;
	z-index: 9999;
}

#alert {
	padding: .5em;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	color: #424242;
	line-height: 20px;
	text-align: center;
	background: #F7F1EB;
	border-bottom: 2px solid #979797;
	z-index: 1;
}

#focus {
	display: none;
}

#focus.active {
	background: #fbf7e2;
	color: #000;
	padding-bottom:5px;
	display: block;
	font-family: headingFont;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
}

header {
	width: 100%;
}

header .content {
	margin: 0 auto;
	width: 1200px;
}

header #mobile-menu {
	display: none;
}

header .content h1 {
	height: 100px;
	float: left;
	margin-left: 30px;
	width: 276px;
	padding-top: 0;
}

html[lang='es'] header .content h1 {
	width: 333px;
}

header h1 a {
	background: url(/CBC/images/site/logo-cbc.png) no-repeat top left;
}

html[lang='es'] header h1 a {
	background: url('/CBC/images/site/logo-cbc.png') no-repeat top left;
}

html[lang='en'] header h1 a, html[lang='es'] header h1 a {
	background-size: cover;
	display: block;
	height: 100%;
	text-indent: -9999em;
	width: 100%;
}

header nav {
	float: right;
	padding-top: 37px;
}

header nav a {
	color: #424242 !important;
	float: left;
	font-family: paragraphFont;
	font-size: 0.9em;
	letter-spacing: 0.43px;
	line-height: 16px;
	margin: 8px 23px 0 0;
	text-transform: uppercase;
	text-decoration: none !important;
}

header nav a:hover, header nav a:focus {
	color: #22815d !important;
	text-decoration:underline !important;
}

header #color-bar {
	background: url('/cbc/images/site/Bar_3.jpg') no-repeat;
	background-position: center;
	background-size:100%;
	border-top: 1px solid #ccc;
	height: 26px;
	width: 100%;
	margin-top:0.5em;
	margin-bottom:0.2em;
}



#breadcrumbs {
	margin: 0 auto;
	padding: 12px 0px 12px 15px;
	color: #424242;
	font-family: paragraphFont;
	font-size: 13px;
	line-height: 21px;
	text-align: left;
	text-transform: capitalize;
	width: 1200px;
}
html[lang='es'] #breadcrumbs {
	text-transform: none;
}

#breadcrumbs a {
	color: #424242;
	padding: 0 10px;
	text-decoration: none;
}

#breadcrumbs strong { /* makes current page title mimic breadcrumb links */
	padding-left: 10px;
}

#breadcrumbs a:hover, #breadcrumbs a:focus {
	text-decoration: underline;
}

#mobile-nav {
	display: none;
}

/* ------ Splash ------ */
#splash {
	width: 100%;
}

#home #splash {
	height: 426px;
	margin-top: 25px;
}

#home #splash button, #featured-video button{
	margin-top: 2.9em;
	background: #fff;
	color: #424242;
	min-width: 200px;
	border-radius: 8px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
	font-size:1.2em;
	line-height:1.3em;
}
#featured-video button{
		margin-top:2.4em;
}
#featured-video .mobile {
	display:none;
}
#home #splash button:hover, #featured-video button:hover{
	background-color: #efefef;
}

#home #splash img {
	float: right;
	height: 100%;
	width: 634px;
}

#topic #splash .square img {
	float: left;
	height: 302px;
	width: 600px;
}

#topic #splash .square + img, #home #splash .square {
	border-top-left-radius: 8px;
} 
#home #splash .square + img, #topic #splash .square {
	border-top-right-radius: 8px;	
}

#home #splash .square {
	background: url('/CBC/images/site/LightMaroonFrame.png') top left    !important;
	float: left;
	height: 100%;
	width: 566px;
}

#topic #splash .square {
	background: url('/CBC/images/site/CBC_Red.jpg') no-repeat top left;
	background-size: cover !important;
	float: right;
	height: 300px;
	width: 600px;	
}

#home #splash .content {
	padding-left: 90px;
	width: 395px;
}

#topic #splash .content {
	padding-left: 72px;
	width: 465px;
}

#splash h1 {
	color: #000;
	text-align: center;
}

#home #splash h2 {
	color:#fff;
	font-size: 2.2em;
	line-height: 55px;
	padding-top: 90px;
	width: 375px;

}


html[lang='es'] #home #splash h2 {
	padding-top: 80px;
}

#topic #splash h1 {
	font-size:2.7em;
	line-height: 1.1em;
	padding-top:2.5em;
}

html[lang='es'] #topic #splash h1 {
	padding-top: 80px;
}

#topic #splash small {
	font-size:1.3em !important;
	padding-top:1.1em !important;
	line-height:1.1em;
	display:block;
	color:#000;
}

#home #splash p {
	color: #fff;
	font-family: paragraphFont;
	font-size: 21px;
	line-height: 24px;
	padding-top: 25px;
}

#topic #splash p {
	color: #fff;
	font-family: paragraphFont;
	font-size: 21px;
	line-height: 24px;
	padding-top: 5px;
}

#topic #splash #main-content {
	padding-top: 30px;
	width: 100%;
}

#topic #splash #main-content p {
	color: #231F20;
	font-family: paragraphFont;
	font-size: 18px;
	line-height: 25px;
	margin: 0 auto;
	text-align: left;
}
#main-content p, #main-content h1, #main-content h2, #main-content h3, #main-content h4, #main-content h5, #main-content h6, #main-content ul, #main-conent ol, #main-content hr, #main-content table, #main-content form, #main-content .fluid-width-video-wrapper {
	width: 947px;
	margin-left:125px;
}
.fluid-width-video-wrapper {
	padding-top:49% !important;
}

/* ------ Featured Video ------ */

#featured-video .square {
	background: url('/CBC/images/site/MutedGreenFrame.png') top left    !important;
	float: right;
	height: 340px;
	border-radius: 8px;
	margin-top:70px;
	margin-right:150px;

}

#featured-video .square .content {
	padding-left: 29px;
	padding-right: 29px;
	width: 310px;
}

#featured-video .square small {
	color: #231F20;
	display: block;
	font-family: paragraphFont;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 2px;
	padding-top: 100px;
	text-transform: uppercase;
}

html[lang='es'] #featured-video .square small {
    padding-top: 65px;
}

#featured-video .square h2 {
	color: #fff;
	font-family:headingFont;
	font-size: 1.9em;
	line-height: 36px;
	padding-top: 0px;
	margin-top:1.5em;
	text-align:center;
}

#featured-video .square p {
	color: #fff;
	font-family: paragraphFont;
	font-size: 15px;
	line-height: 22px;
	padding-top: 25px;
}

#featured-video .square a {
	background: #007F88;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
	color: #fff;
	font-family: headingFont;
	font-size: 17px;
	display: block;
	line-height: 20px;
	margin-top: 20px;
	padding: 12px 26px;
	text-align: center;
	text-decoration: none;
}

#featured-video .square a:hover, #featured-video .square a:focus {
	background: #D24423;
}

#featured-video {
	height: 447px;
	margin-top: 45px;
	width: 100%;
	margin-bottom:5em;
}

.articles + #featured-video, div.clear + #featured-video {
	margin-top: 0;
}

#featured-video iframe {
	float: left;
	height: 100%;
	width: 811px;
}
#mock-map {
	float: right;
	width: 490px;
	padding-right: 4em;
}

/* ------ Categories ------ */
#categories {
	padding: 11px 29px 0 29px;
}

#categories a {
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	border-radius: 60px;
	float: left;
	display: block;
	height: 99px;
	margin: 26px 15px 0 15px;
	text-indent: -9999em;
}

/* ------ Get Help ------ */
.get-help {
	padding: 20px 10%;
}
html[lang='es'] .get-help {
	padding: 20px 5%;
}
.get-help.dark {
	background-color: #7C174B;
}
.get-help.light {
	background-color: #EFFAFA;
	margin-top: 36px;
}
.get-help img {
	float: left;
	width: 210px;
}
.get-help .text {
	padding-top: 40px;
	margin-left: 250px;
}
.get-help h3 {
	font-family: headingFont;
	color: #424242;
	font-size: 35px;
	line-height: 36px;
	margin-top: -35px;
	padding: 0 0 21px 0;
}
.get-help p {
	color: #231F20;
	font-family: paragraphFont;
	font-size: 15px;
	line-height: 21px;
	padding: 0 0 21px 0;
}
.get-help .cta, .get-help .cta a {
	font-family: headingFont;
	color: #424242;
	font-size: 25px;
	line-height: 34px;
	padding-bottom: 0;
}
.get-help.dark h3, .get-help.dark p, .get-help.dark .cta a {
	color: #fff;
}
.get-help .cta a {
	text-decoration: none;
}
.get-help .cta a:hover {
	text-decoration: underline;
	color: #007F88;
}
.get-help.dark .cta a:hover {
	color: #F7F1EB;
}
.get-help li {
	color: #231F20;
	font-family: paragraphFont;
	font-size: 15px;
	line-height: 21px;
	margin-top: 10px;
}
.get-help li:first-child {
	margin-top: 0;
}
.content .tip.get-help {
	padding: 0 0 15px 0;
}
.content .tip.get-help .text {
	padding-top: 65px;
	margin-left: 0;
}
.content .tip.get-help img {
	margin-top: 25px;
}
.content .tip.get-help p {
	padding-top: 0;
}
.content .tip.get-help ul {
	list-style-type: none;
	font-weight: 700;
}
.content .tip.get-help ul li {
	background: none;
}

/* ------ Featured and Related Articles ------ */
.articles {
	background: url('/CBC/images/site/related-line-black.png') no-repeat 45px 18px;
	margin: 50px auto 0 auto;
	padding-bottom: 50px;
	width: 1218px;
	clear: both;
}

.articles.maroon {
	background: url('/CBC/images/site/related-line-maroon.png') no-repeat 25px 18px;
}

.articles.teal {
	background: url('/CBC/images/site/related-line-teal.png') no-repeat 25px 18px;
}

.articles h2 {
	background: #fff;
	display: inline-block;
	font-family: headingFont;
	font-size: 30px;
	line-height: 36px;
	padding: 0 25px 0 13px;
	color: #424242;
}

.articles.maroon h2 {
	color: #7C174B;
}

.articles.teal h2 {
	/*color: #008591;*/
}

.articles a {
	color: #424242;
	display: block;
	float: left;
	margin: 23px 13px 0 13px;
	text-align: center;
	text-decoration: none;
	width: 380px;
}

.articles a:nth-child(3n) {
	clear: both;
}

.articles img {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #ccc;
	position: relative;
	width: 100%;
}

.articles a .content {
	background: #fff;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	padding-top: 11px;
	position: relative;
	margin: 0px auto 0 auto;
	width: 324px;
}

.articles a .content small {
	font-family: paragraphFont;
	font-size: 12px;
	letter-spacing: 2px;
	line-height: 16px;
	text-transform: uppercase;
}

.articles a .content h3 {
	font-family: headingFont;
	font-size: 1em;
	line-height: 24px;
	padding-top: 0px;
}

.articles a:hover .content h3, .articles a:focus .content h3 {
	color: #22815d;
	text-decoration: underline;
}

.articles.maroon a:hover .content h3, .articles.maroon a:focus .content h3 {
	color: #7C174B;
}

.articles.teal a:hover .content h3, .articles.teal a:focus .content h3 {
	color: #22815d;
}

.articles a .content p {
	color: #424242;
	font-family: paragraphFont;
	font-size: 15px;
	line-height: 20px;
	padding-top: 10px;
}
.hybrid-page-articles {
	margin-left:-110px;
	padding-bottom:0px;
}
.hybrid-page-articles h2 {
	font-size:30px !important; 
	color:#000;
}
.hybrid-page-articles a{
	margin-top:0px !important;
}
.hybrid-page-articles a img {
	margin-top: 1em !important;
}

/* ------ Full Featured ------ */

#full-featured {
	height: 447px;
	width: 100%;
}

#full-featured .square {
	background: #587D31 url('/CBC/images/site/featured-slice.png') no-repeat top left;
	height: 100%;
	float: left;
	width: 458px;
}

#full-featured .square .content {
	padding-left: 73px;
	width: 310px;
}

#full-featured .square small {
	color: #fff;
	display: block;
	font-family: paragraphFont;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 2px;
	padding-top: 95px;
	text-transform: uppercase;
}

html[lang='es'] #full-featured .square small {
	padding-top: 50px;
}

#full-featured .square h4 {
	color: #fff;
	font-family: headingFont;
	font-size: 35px;
	line-height: 36px;
	padding-top: 12px;
}

#full-featured .square p {
	color: #fff;
	font-family: paragraphFont;
	font-size: 15px;
	line-height: 20px;
	padding-top: 15px;
}

#full-featured .square a {
	background: #fff;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
	color: #5F8634;
	display: block;
	font-family: headingFont;
	font-size: 17px;
	line-height: 19px;
	margin-top: 20px;
	padding: 12px 26px;
	text-align: center;
	text-decoration: none;
}

#full-featured .square a:hover, #full-featured .square a:focus {
	background: #D24423;
	color: #fff;
}


#full-featured img {
	float: right;
	height: 100%;
	width: 805px;
}

#full-featured iframe {
	float: right;
	height: 100%;
	width: 805px;
}

/* ------  Support  ------ */

#support {
	background: url('/cbc/images/site/Bar_5_footer.jpg') no-repeat;
	background-position:center;
	background-size: 100%;
	padding: 6px 0;
	width: 100%;
	margin-bottom:1m;
	margin-top: -0.5em;
}

#support .twocol {
	margin: 0 auto;
	width: 1120px;
}

#support .twocol .col {
	margin-bottom: 0;
}

#support .text h2 {
	color: #fff;
	font-family: headingFont;
	font-size: 35px;
	line-height: 36px;
	padding-top: 0;
}

#support .text p {
	color: #fff;
	font-family: paragraphFont;
	font-size: 15px;
	line-height: 21px;
	padding-top: 10px;
}

#support .content {
	padding: 0 10%;
	width: auto;
}



/* ------ Footer ------ */

footer {
	padding: 6px 0;
	width: 100%;
}

footer .content {
	margin: 0 auto;
	padding-bottom: 31px;
	/*width: 1120px;*/
}

footer nav {
	float: left;
}
footer div#footer_1, footer div#sub-footer div {
	text-align:center;
}
footer div.row {
	margin-top:1.5em !important;
}	
footer p.copyw {
	padding-top:0px;
}

footer .content nav ul {
	float: left;
	margin-right: 20px;
	list-style: none;
}

footer .content nav ul {
	width: 150px;
}

footer .content nav ul:last-of-type {
	width: 180px;
}

footer .content ul li {
    background: none;
    font-family: paragraphFont;
    font-size: 15px;
    line-height: 20px;
    margin-top: 0;
    padding-left: 0;
}
footer .content nav ul li a {
	color: #231F20;
	font-family: paragraphFont;
	font-size: 13px;
	line-height: 30px;
	text-decoration: none;
}

footer nav ul li a:hover, footer nav ul li a:focus {
	text-decoration: underline;
}

footer #contact {
	float: left;
}

footer #contact h6 {
	color: #231F20;
	font-family: paragraphFont;
	font-size: 13px;
	line-height: 20px;
	padding-top: 0;
}

footer #contact p {
	color: #231F20;
	font-family: paragraphFont;
	font-size: 13px;
	line-height: 20px;
}

footer #contact p a {
	color: #231F20;
	font-family: paragraphFont;
	font-size: 13px;
	line-height: 20px;
	text-decoration: none;
}

footer #contact a:hover, footer #contact a:focus {
	text-decoration: underline;
}

footer #dfps {
	display: block;
	float: right;
	height: 120px;
	width: auto;
}

footer #dfps img {
	height: 100%;
	width: 100%;
	margin-top: 0;
}

footer #sub-footer {
	border-top: 1px dashed #231F20;
	padding-top: 20px;
	width: 100%;
}

footer #sub-footer .content {
	padding-bottom: 0;
}

footer #sub-footer .content ul {
	padding-left: 0;
}

footer #sub-footer .content ul li, footer #sub-footer .content ul li a, .content p a {
	color: #231F20;
	display: inline-block;
	font-family: paragraphFont;
	font-size: 12px;
	line-height: 30px;
	text-decoration: none;
}

footer #sub-footer ul li a:hover, footer #sub-footer ul li a:focus {
	text-decoration: underline;
}

footer #sub-footer p {
	color: #231F20;
	font-family: paragraphFont;
	font-size: 12px;
	line-height: 30px;
	padding-top: 28px;
}
footer #sub-footer a {
	font-weight:normal;
}


/* ------ Page-Types ------ */
#home, #topic {
	margin: 0 auto;
	width: 1200px;
}

#article {
	margin: 0 auto;
	width: 1263px;
}

#bio {
	margin: 0 auto;
	width: 1263px;
}

#article #banner {
	position: relative;
	width: 100%;
}

#article #banner img {
	width: 100%;
}

#article .content #share {
	padding-top: 26px;
}

#article article {
	background: #fff;
	-moz-border-radius: 21px;
	-webkit-border-radius: 21px;
	border-radius: 21px;
	margin: -59px auto 0 auto;
	position: relative;
	width: 932px;
}

#article article .content {
	margin: 0 auto;
	width: 610px;
}

#blank-slate { /* applies to optional <section> on pages without a main ID page type */
	margin: 0 auto;
	width: 1000px;
}

#blank-slate .content {
	margin-bottom: 25px;
}

#blank-slate .content h2 {
	font-size: 40px;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 10px;
	text-align: left;
	line-height: 1;
}

/* ------ Utility ------ */

.clear {
	clear: both;
}

/* ------ Image Rotator ------ */
.content ul.cycle {
	list-style: none;
	margin-top: 35px;
	padding: 0;
	width: 100%;
}
.content ul.cycle li {
	background: none;
	margin-top: 0;
    padding-left: 0;
	padding-bottom: 0;
}
.content ul.cycle li img {
	box-shadow: none;
	margin-top: 0;
}

/* IE FIX  || THIS MUST ALWAYS STAY AT THE BOTTOM OF THE STYLE SHEET */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */

#splash {
	margin: 0 auto;
	width: 1263px;
}

#home #splash {
	margin: 0 auto;
	width: 1263px;
}

#topic #splash {
	margin: 0 auto;
	width: 1263px;
}

.articles {
	margin: 0 auto;
	width: 1219px;
}

#home .articles {
	margin: 0 auto;
	width: 1219px;
}

#featured-video {
	margin: 0 auto;
	width: 1263px;
}

#home #featured-video {
	margin: 0 auto;
	width: 1263px;
}

#categories {
	margin: 0 auto;
	width: 1205px;
}

#full-featured {
	margin: 0 auto;
	width: 1263px;
}

#home #full-featured {
	margin: 0 auto;
	width: 1263px;
}

}