@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,500,500i,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300');
@import url("https://use.typekit.net/yyc7fjh.css"); /* museo-slab: 300, 300i, 700, 700i */


/* ============================================= GLOBAL ============================================= */

*{
 	box-sizing: border-box;
	/* Font Rendaring (subpixel or grayscale) */
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: unset;
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	*{
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}

body{
	background-color: #ffffff;
	width: 100%;
	margin: 0 auto;
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	line-height: 1.5;
	color: #202020;
	overflow-x: hidden;
	font-weight: 300;
}

h1{
	font-size: 2.1em;
	font-family: "museo-slab", serif;
	font-weight: 300;
	padding-top: 0.5em;
}

h1:not(.ctx-submissions-h1):not(.ctx-forms-h1):not(.members-form-h1)::before{
	content: "";
	border-top: 10px solid #4B7C8E;
	position: absolute;
	width: 1em;
	margin-top: -0.5em;
}


/* ----- Color Scheme ----- */
/*
.contents-northern-business-opportunity-program h1::before,
.contents-nbop-business-expansion-projects h1::before,
.contents-nbop-film-and-television-industry-projects h1::before,
.contents-nbop-new-investment-projects h1::before,
.contents-nbop-small-business-start-up-projects h1::before{
	border-top: 10px solid #5F7042 !important;
}

.contents-northern-innovation-program h1::before,
.contents-nip-applied-research-technology-development-projects h1::before,
.contents-nip-industrial-research-chairs h1::before,
.contents-nip-opportunity-assessment-projects h1::before,
.contents-nip-pilot-demonstration-commercialization-projects h1::before{
	border-top: 10px solid #AE6506 !important;
}

.contents-northern-ontario-internship-program h1::before{
	border-top: 10px solid #85403C !important;
}

.contents-northern-event-partnership-program h1::before{
	border-top: 10px solid #2A556F !important;
}

.contents-strategic-economic-infrastructure-program h1::before{
	border-top: 10px solid #BB403C !important;
}
*/
/* -------------------- */

h1.news_h1{
	font-size: 1.2em;
}

h1.news_h1::before{
	border-top: none;
}

h2{
	font-size: 1.3em;
	font-weight: 700;
	letter-spacing: 0.03em;
	margin-bottom: 0;
}

h3{
	font-size: 1.2em;
	font-weight: 500;
	margin-bottom: 0.5em;
}

h4{
	font-size: 1.2em;
	font-weight: 500;
	font-style: italic;
	margin: 0.25em 0;
}

h5{
	font-size: 1.1em;
	font-weight: 500;
}

h6{
	font-size: 1.0em;
	font-weight: 500;
}

p{
}

ul{
	padding-left: 1em;
	list-style-type: square;
}

h2 + p, h3 + p, h2 + ul, h3 + ul{
	margin-top: 0.5em;
}

ol{
	padding-left: 1em;
}

li{
}

blockquote{
	font-family: "museo-slab", serif;
	font-size: 110%;
	color: #4B7C8E;
}

blockquote cite strong {
	font-weight: 700;
}

dt{
	font-weight: 500;
}

a{
	color: #BB403C; /* ce232f */
	text-decoration: none;
}

a:hover{
	border-bottom: 1px solid #BB403C; /* ce232f */
}

hr{
	height: 1px;
	border-top: 0;
	border-left: 0;
	border-style: solid;
	color: #BB403C; /* ce232f */
}

hr.invisible-hr{
	display: none;
}

.alert-banner{
	background-color: #BB403C; /* #B5282E */
	padding: 0.4em;
	margin: 0;
	text-align: center;
	color: #ffffff;
	font-weight: 500;
}
/*
.alert-banner a{
	color: #ffffff;
	border: 1px solid #BB403C;
	padding: 2px;
	margin: 0;
}

.alert-banner a:hover{
	border: 1px solid #ffffff;
	padding: 2px;
	margin: 0;
}
*/
.alert-banner a, .home-slider-text a {
	color: #ffffff;
	border: 1px solid #BB403C;
	margin: 0;
	text-decoration: underline;
}


@media (min-width: 768px) {
	.paraxify { /* plugin for Parallax */
	  background-attachment: fixed;
	  background-position: center center;
	  background-size: cover;
	}
}

/* ============================================= PAGE WIDTH ============================================= */

#main_nav, #breadcrumb p, .article-header .content, #contents-main-area:not(.contents-homepage), .home-contents, .footer-contents{
	width: 80%;
	max-width: 1040px;
	margin: 0 auto;
}


/* ============================================= SLIDER ============================================= */

.article-header{
	margin-top: 3.4em;
	margin-bottom: 0;
}

.article-header ul{
	list-style: none;
	margin: 0;
}

.article-header .zoomimage-container{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0;
	min-height: 400px;
}

.slider-simple-content{
	color: #FFFFFF;
	padding: 1em 0;
}

.slider-title{
	font-size: 2.6em;
	font-family: "museo-slab", serif;
	font-weight: 700;
	line-height: 1em;
	padding-top: 0.5em;
	margin: 0;
}

.ewg-buttons{
	padding-top: 1.5em;
}

.ewg-buttons a{
	color: #ffffff;
	background-color: #BB403C; /* #B5282E */
	border: 1px solid #BB403C; /* #B5282E */
	font-weight: 500;
	text-transform: uppercase;
	padding: 0.5em 1.5em;
}

.ewg-buttons a:hover{
	border: 1px solid #ffffff;
}

.article-header .bx-wrapper .bx-controls-direction a{ /* overload */
	z-index: 0;
}

.article-header .bx-wrapper .bx-pager{
	bottom: 1em;
}

.article-header .bx-wrapper .bx-pager-item{
	vertical-align: middle;
}

.article-header .bx-wrapper .bx-pager.bx-default-pager a.active{
	width: 14px;
	height: 14px;
	border-radius: 7px;
	border: 3px solid #FFFFFF;
}


/* ============================================= PAGE HEAD ============================================= */

#contents-main-area:not(.contents-homepage){
	padding-top: 2.5em;
	padding-bottom: 40px;
}

#breadcrumb + #contents-main-area, .article-header + #contents-main-area{
	padding-top: 0;
}

#contents-main-area.page-icon{
	padding-left: 100px;
	background-repeat: no-repeat;
	background-size: 90px 90px;
}


/* --------------------------------------------- BREADCRUMB --------------------------------------------- */

#breadcrumb{
	margin-top: 3.4em;
	background-color: #ECECEC;
}

.article-header + #breadcrumb{ /* After slider */
	margin-top: 0;
}

#breadcrumb p{
	padding: 0.9em 0;
	font-size: 0.9em;
}


/* ============================================= UI INTERFACE COMPONENTS ============================================= */

/* --------------------------------------------- MENU --------------------------------------------- */

#header-navigation{
	position: fixed;
	top: 0;
	width: 100%;
	min-height: 3.4em;
	z-index: 10;
	background-color: #4B7C8E;
	transition: background-color 0.3s linear;
}

/* ----- Color Scheme ----- */
/*
.page-northern-business-opportunity-program #header-navigation,
.page-northern-business-opportunity-program #main_nav .nav-children,
.page-northern-business-opportunity-program #main_nav input,
.page-northern-business-opportunity-program #main_nav .form-login > button,
.page-nbop-business-expansion-projects #header-navigation,
.page-nbop-business-expansion-projects #main_nav .nav-children,
.page-nbop-business-expansion-projects #main_nav input,
.page-nbop-business-expansion-projects #main_nav .form-login > button,
.page-nbop-film-and-television-industry-projects #header-navigation,
.page-nbop-film-and-television-industry-projects #main_nav .nav-children,
.page-nbop-film-and-television-industry-projects #main_nav input,
.page-nbop-film-and-television-industry-projects #main_nav .form-login > button,
.page-nbop-new-investment-projects #header-navigation,
.page-nbop-new-investment-projects #main_nav .nav-children,
.page-nbop-new-investment-projects #main_nav input,
.page-nbop-new-investment-projects #main_nav .form-login > button,
.page-nbop-small-business-start-up-projects #header-navigation,
.page-nbop-small-business-start-up-projects #main_nav .nav-children,
.page-nbop-small-business-start-up-projects #main_nav input,
.page-nbop-small-business-start-up-projects #main_nav .form-login > button{
	background-color: #5F7042;
}

.page-northern-innovation-program #header-navigation,
.page-northern-innovation-program #main_nav .nav-children,
.page-northern-innovation-program #main_nav input,
.page-northern-innovation-program #main_nav .form-login > button,
.page-nip-applied-research-technology-development-projects #header-navigation,
.page-nip-applied-research-technology-development-projects #main_nav .nav-children,
.page-nip-applied-research-technology-development-projects #main_nav input,
.page-nip-applied-research-technology-development-projects #main_nav .form-login > button,
.page-nip-industrial-research-chairs #header-navigation,
.page-nip-industrial-research-chairs #main_nav .nav-children,
.page-nip-industrial-research-chairs #main_nav input,
.page-nip-industrial-research-chairs #main_nav .form-login > button,
.page-nip-opportunity-assessment-projects #header-navigation,
.page-nip-opportunity-assessment-projects #main_nav .nav-children,
.page-nip-opportunity-assessment-projects #main_nav input,
.page-nip-opportunity-assessment-projects #main_nav .form-login > button,
.page-nip-pilot-demonstration-commercialization-projects #header-navigation,
.page-nip-pilot-demonstration-commercialization-projects #main_nav .nav-children,
.page-nip-pilot-demonstration-commercialization-projects #main_nav input,
.page-nip-pilot-demonstration-commercialization-projects #main_nav .form-login > button{
	background-color: #AE6506;
}

.page-northern-ontario-internship-program #header-navigation,
.page-northern-ontario-internship-program #main_nav .nav-children,
.page-northern-ontario-internship-program #main_nav input,
.page-northern-ontario-internship-program #main_nav .form-login > button{
	background-color: #85403C;
}

.page-northern-event-partnership-program #header-navigation,
.page-northern-event-partnership-program #main_nav .nav-children,
.page-northern-event-partnership-program #main_nav input,
.page-northern-event-partnership-program #main_nav .form-login > button{
	background-color: #2A556F;
}

.page-strategic-economic-infrastructure-program #header-navigation,
.page-strategic-economic-infrastructure-program #main_nav .nav-children,
.page-strategic-economic-infrastructure-program #main_nav input,
.page-strategic-economic-infrastructure-program #main_nav .form-login > button{
	background-color: #BB403C;
}
*/
/* ----- */

#header-navigation.nav-hover-color, #header-navigation.nav-hover-color .nav-children, #header-navigation.nav-hover-color input, #header-navigation.nav-hover-color .form-login > button{
	background-color: #0E3A55;
}

#main_nav{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	color: #FFFFFF;
	font-size: 0.9em;
}

#main_nav #site-title{
	padding: 0.6em 0 0.2em;
	margin-right: 1%; /* margin-right: 5%; */
}

#main_nav #site-title img{
	width: 209px;
}

#main_nav #header-menu, #main_nav #search-form{
	width: 75%;
}

#main_nav #header-menu{
	list-style: none;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-align-items: stretch;
	align-items: stretch;
	margin: 0;
	padding-left: 0;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
}

#main_nav #header-menu > li{
	padding: 0 0.2em;
}

#main_nav #header-menu > li > a{
	height: 100%;
	display: inline-block;
	padding: 0.75em 0;
	text-align: center;
}

#main_nav #header-menu > li > a:hover{
	text-decoration: underline;
	border: none;
}

#main_nav #header-menu .nav-item-faqs{
	text-transform: none;
}

#main_nav a{
	color: #FFFFFF;
	border-bottom: none;
}

#main_nav #header-menu a:hover{
	border-bottom: 1px solid #FFFFFF;
}

#main_nav .nav-children{
	position: fixed;
	margin: 0 -100%;
	padding: 0.75em 100% 1.75em;
	-webkit-flex-direction: column;
	flex-direction: column;
	display: none;
	background-color: #4B7C8E;
	transition: background-color 0.3s linear;
	list-style: none;
	font-family: 'Roboto', sans-serif;
	font-size: 90%;
	line-height: 2em;
	text-transform: none;
}

/*
#main_nav .nav-children.nav-level-2{
	width: 30em;
	margin: 0;
	padding: 1.75em 1em;
	border: 1px solid #FFFFFF;
	background-color: #4B7C8E;
}
*/

#main_nav .icons-wrapper{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

#main_nav .search-icon-wrapper{
	padding: 0 1em;
}

#main_nav #search-form{
	display: none;
}

#main_nav .login-button-wrapper{
	margin-left: 0.5em;
	min-width: 7em;
}

#main_nav .icons-nav{
	margin-top: 6px;
}

#main_nav input, .form-login > button{
	transition: background-color 0.3s linear;
	background-color: #4B7C8E;
	color: #FFFFFF;
}

#main_nav input::-webkit-input-placeholder{
	color: #FFFFFF;
}

#main_nav input:-ms-input-placeholder{
	color: #FFFFFF;
}

#main_nav input[type="button"], input[type="submit"], .form-login > button{
	border: 1px solid #FFFFFF;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1em;
	font-weight: 600;
	padding: 0.3em 1em;
}

#main_nav .form-login > button{
	-webkit-appearance: none;  /* for Safari */
}

#main_nav input[type="submit"]:hover, #main_nav input[type="button"]:hover, .form-login > button:hover{
	cursor: pointer;
}

#main_nav input[type="button"].login-french, button[type="submit"].login-french, .form-login > .login-french{
	padding: 0.3em 0em;
	font-size: 0.75em;
	max-width: 8em;
}

#main_nav #search-form input[type="search"]{
	border: none;
	border-bottom: 1px solid #FFFFFF;
	width: calc( 100% - 170px );
	margin-right: 2em;
	font-size: 1em;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
	line-height: 1.5em;
	-webkit-appearance: none; /* for Safari */
	-webkit-padding-start: 0;
}


/* --------------------------------------------- FOLDS --------------------------------------------- */

.fold-container{
	background-color: #ECECEC;
	padding: 1em;
}

.fold{
	background-color: #FFFFFF;
	margin-bottom: 0.75em;
}

.fold-title{
	padding: 0.5em 1em;
}

.fold-title .fold-icon{
	float: right;
	font-size: 2em;
	line-height: 1em;
}

.fold-title-text{
	display: inline-block;
	width: calc(100% - 2em);
}

.fold-title-text > *{
	margin: 0;
	padding-top: 0;
}

.fold-body{
	font-size: 1em;
	padding: 0.5em 1em;
	background-color: #ECECEC;
	display: none;
}


/* --------------------------------------------- FOOTER --------------------------------------------- */

.footer-first{
	background-color: #0E3A55;
	color: #FFFFFF;
	margin: 0;
	padding: 1em 0;
	font-size: 85%;
}

.footer-first a{
	color: #FFFFFF;
}

.footer-first a:hover{
	border-bottom: 1px solid #FFFFFF;
}

.footer-first p:first-child{
	font-weight: 700;
	margin-bottom: 0;
}

.footer-first ul{
	list-style: none;
	padding: 0;
	line-height: 1.75em;
}

.footer-second{
	background-color: #0C2C41;
	color: #FFFFFF;
	margin: 0;
	padding: 1em 0;
	font-size: 75%;
}

.footer-second > .footer-contents{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}

.footer-second img{
	width: 209px;
}

.footer-second a:hover{
	border-bottom: none;
}


/* --------------------------------------------- CUSTOM FORMS --------------------------------------------- */
.members-form-wrapper h1, section.ctx-forms h1{
	color: #434343;
	text-transform: uppercase;
	margin: 0 auto;
	font-size: 1.35em;
	font-weight: 700;
}

.members-form label:hover, .ctx-forms label:hover{
	text-decoration: underline;
	text-decoration-color: #4B7C8E;
}

.members-form dd, .ctx-forms dd{
	margin: 0;
}

.members-form > button[type='submit'], .ctx-forms > form > button[type='submit']{
	background-color: rgba(225, 225, 225, 1);
	border: 1px solid rgba(175, 175, 175, 1);
	padding: 0.5em 1.2em;
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	border-radius: 5px;
	cursor: pointer;
	margin: 0.5em auto 0;
	display: inherit;
}

.members-form-wrapper .warning-msg, .ctx-forms .warning-msg{
	background-color: #FFFFE0;
	color: #B5282E;
	font-size: 0.9em;
	font-weight: 500;
	padding: 0.3em;
	border: 1px solid #B5282E;
	display: inline-block;
}


/* --------------------------------------------- LOGIN FORMS --------------------------------------------- */

.members-form-wrapper{
	max-width: 780px;
	background-color: #EEEEEE;
	padding: 0.5em 1.5em;
	margin: 2.5em auto 0;
}

.members-form-wrapper > p.descr{
	line-height: 1.1em;
}

.members-form dl > div{
	width: 100%;
	padding: 0 5% 0.5em;
}

.members-form dl input[type='text'], .members-form dl input[type='password'], .members-form dl select{
	width: 100%;
	font-size: 1em;
	font-family: 'Roboto', sans-serif;
}

.form-group .error-blank{ /* For Registration Form */
	margin: 0;
}

.login-form-wrapper > .restore-password{ /* For Login Form */
	text-align: right;
	padding-right: 1.5em;
}

.login-form > .checkbox{
	margin-top: -1em;
	padding: 0 5% 0.5em;
}

/* For Restore and Set Password Forms */
.restore-password-form dl > div, .set-password-form dl > div{
	width: 100%;
}

p.restore-password{
	max-width: 780px;
	margin: 1em auto 0;
}


/* --------------------------------------------- CONTACT FORMS --------------------------------------------- */

section.ctx-forms{
	background-color: #EEEEEE;
	margin-top: 2.5em;
	padding: 0.5em 1.5em;
}

.ctx-forms form{
	padding: 0.5em 0 1em;
}

.ctx-forms dl > div{
	width: 50%;
	padding: 0 5% 0.5em;
}

.ctx-forms dl input[type='text'], .ctx-forms dl select{
	max-width: 100%;
	font-size: 1em;
	font-family: 'Roboto', sans-serif;
}

.ctx-forms .part{
	padding: 0.5em 0 1em;
	border-top: 1px solid #4B7C8E;
}

.ctx-forms .part:first-child{
	padding-top: 0;
	border: none;
}

.ctx-forms .subtitle{
	font-size: 1.1em;
	margin-bottom: 0;
}

.ctx-forms h2{
	font-family: "museo-slab", serif;
	color: #434343;
	margin: 0;
}

.ctx-forms h3{
	font-size: 1.1em;
	font-weight: 700;
	margin: 0.75em 0 0.25em;
}

.ctx-forms textarea + .warning-msg{
	margin-top: -0.2em;
}

.ctx-forms .descr{
	font-size: 0.75em;
	font-weight: 300;
}

.ctx-forms .descr > p{
	margin: 0;
	line-height: 1.1em;
}

.ctx-forms h1 + .descr{
	margin: 0.5em;
}

.ctx-forms h1 + .descr, .ctx-forms h2 + .descr, .ctx-forms h3 + .descr{
	font-size: 1em;
}

.ctx-forms dl{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.ctx-forms.general-inquiry-form dl > div,
.ctx-forms.website-assistance-form dl > div,
.ctx-forms.online-application-assistance dl > div,
.ctx-forms.feedback-form dl > div,
.ctx-forms.other-inquiries-form dl > div{
	width: 100%;
}

.ctx-forms dl > div.cfxFieldTextArea{
	width: 100%;
}

.ctx-forms dl textarea{
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	width: 100%;
	max-width: 100%;
}

.ctx-forms div.cfxFieldChoiceList ul{
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}

section.ctx-submissions{
	background-color: #EEEEEE;
	padding: 1em;
}

section.ctx-submissions h1{
	font-size: 1.3em;
	font-weight: 700;
	letter-spacing: 0.03em;
	margin: 0;
	padding-top: 0;
}

section.ctx-submissions dl{
	margin: 0;
	padding: 0.5em 0;
	border-bottom: 1px dotted #808080;
}

ul.errors{
	color: #bb403c;
}


/* ============================================= CMS CONTENT STYLING ============================================= */

/* --------------------------------------------- POSITION --------------------------------------------- */

.text-align-left{
	margin-right: 50%;
	width: 50%;
}

.text-align-right{
	margin-left: 50%;
	width: 50%;
}

.text-align-full{
	width: 100%;
}


/* --------------------------------------------- STYLE --------------------------------------------- */

.block-text.text-attention{
	display: -webkit-flex;
	display: flex;
	/*-webkit-align-items: center;
	align-items: center;*/
	-webkit-align-items: flex-start;
	align-items: flex-start;
	background-color: #ECECEC;
	padding-right: 1em;
}

.block-text.text-attention .block-text-icon-wrapper{
	margin: 1em;
	/*padding-right: 1em;
	border-right: 1px solid #D24A44;*/
}

.block-text.text-attention .block-text-icon-wrapper img{
	width: 80px;
}

.block-text.text-attention .block-text-area{
	color: #436f7f; /* #4B7C8E; */
	font-style: italic;
	padding-left: 1em;
	margin: 1em 0;
	border-left: 1px solid #D24A44;
}

.block-text.text-attention .block-text-area > *:first-child{
	margin-top: 0;
}

.block-text.text-attention .block-text-area > *:nth-last-of-type(1){
	margin-bottom: 0;
}



/* --------------------------------------------- BACKGROUND --------------------------------------------- */

.text-background-standard{
	background-color: transparent;
}

.text-background-gray10{
	background-color: #e6e6e6;
}

.text-background-gray20{
	background-color: #cccccc;
}


/* --------------------------------------------- BORDERS --------------------------------------------- */

.text-border-thickness-noBorder{
	border: none;
}

.text-border-thickness-thinBorder{
	border: 1px solid #b3b3b3;
}

.text-border-thickness-doubleBorder{
	border: 2px double #b3b3b3;
}

.text-border-thickness-thickBorder{
	border: 3px solid #b3b3b3;
}

.text-border-thickness-dottedBorder{
	border: 1px dotted #b3b3b3;
}

.text-border-style-left{
	border-top: none;
	border-right: none;
	border-bottom: none;
}

.aside-page{
	background-color: #ececec;
	margin: 0 -10000px -1em;
	padding: 0 10000px 1em;
}


/* --------------------------------------------- IMAGES --------------------------------------------- */

.image-position-left{
	float: left;
	margin-right: 1em;
}

.image-position-center{
	text-align: center;
}

.image-position-right{
	float: right;
	margin-left: 1em;
}

.image-position-full img{
	width: 100%;
}

.image-option{
	text-align: center;
}


/* --------------------------------------------- SEPARATOR --------------------------------------------- */

.separator-normalSeparation, .separator-normalSeparationWithLine{
	height: 0.5em;
	margin: 0.75em 0;
}

.separator-normalSeparationWithLine{
	border-bottom: 1px solid #D24A44;
}

.separator-extraSeparation, .separator-extraSeparationWithLine{
	height: 1em;
	margin: 1.25em 0;
}

.separator-extraSeparationWithLine{
	border-bottom: 2px solid #D24A44;
}


/* --------------------------------------------- PROGRAM STREAMS --------------------------------------------- */

.program-stream-wrapper{
	display: -webkit-flex;
	display: flex;
}

.program-stream-wrapper .program-stream-icon img{
	width: 150px;
	height: 150px;
}

.program-stream-wrapper .program-stream-text{
	padding-left: 3em;
}

.program-stream-wrapper .program-stream-text .program-stream-title{
	font-size: 1.1em;
	font-weight: 500;
	margin-top: 0;
}

.program-stream-wrapper .program-stream-links{
	display: -webkit-flex;
	display: flex;
}

.program-stream-wrapper .program-stream-links img{
	width: 22px;
	height: 24px;
	margin-right: 0.25em;
}


/* ============================================= APP FORM ============================================= */

#application-form{
	background-color: #ECECEC;
	pointer-events: auto;
	text-align: center;
}

#application-form h1{
	background-color: #4B7C8E;
	color: #FFFFFF;
	cursor: pointer;
	text-transform: uppercase;
	margin: 0 auto;
	padding: 0.5em 0;
	z-index: 10;
	font-size: 1.35em;
	font-weight: 700;
}

/* ----- Color Scheme ----- */
/*
.page-northern-business-opportunity-program #application-form h1,
.page-nbop-business-expansion-projects #application-form h1,
.page-nbop-film-and-television-industry-projects #application-form h1,
.page-nbop-new-investment-projects #application-form h1,
.page-nbop-small-business-start-up-projects #application-form h1{
	background-color: #5F7042;
}

.page-northern-innovation-program #application-form h1,
.page-nip-applied-research-technology-development-projects #application-form h1,
.page-nip-industrial-research-chairs #application-form h1,
.page-nip-opportunity-assessment-projects #application-form h1,
.page-nip-pilot-demonstration-commercialization-projects #application-form h1{
	background-color: #AE6506;
}

.page-northern-ontario-internship-program #application-form h1{
	background-color: #85403C;
}

.page-northern-event-partnership-program #application-form h1{
	background-color: #2A556F;
}

.page-strategic-economic-infrastructure-program #application-form h1{
	background-color: #BB403C;
}
*/
/* -------------------- */

#application-form h1::before{
	border-top: none;
}

#application-form h2{
	font-family: "museo-slab", serif;
	font-size: 1.4em;
	color: #434343;
}

#application-form > ol{
    display: inline-block;
    text-align: left;
}

#application-form a{
	color: #000000;
	font-weight: 500;
}

#application-form a:hover{
	color: #000000;
	border-bottom: 1px solid #000000;
}

#application-form form{
	background: #f9f9f9 none repeat scroll 0 0;
}

#application-form fieldset{
	border: none;
	padding-bottom: 10vh;
}

#application-form fieldset legend{
	width: 100%;
	padding: 1em 0 0;
    text-transform: capitalize;
	font-size: 1.1em;
    font-weight: 700;
	text-align: center; /* for Edge */
}

#application-form fieldset dl{
	padding-right: 10%;
}

#application-form form dt{
	display: inline-block;
	width: 25%;
	min-width: 260px;
	text-align: right;
	vertical-align: top;
	padding-top: 0.25em;
}

#application-form form dt label::after{
	content: ": ";
	display: inline-block;
	width: 1em;
	text-align: left;
}

#application-form form dd{
	display: inline-block;
	width: 60%;
	margin-left: 0;
}

#application-form input[type="text"], #application-form input[type="email"], #application-form input[type="password"]{
	border: solid 1px #c1c1c1;
	width: 100%;
	padding: 0.2em 0.8em;
	box-shadow: inset 0px 0px 8px -2px rgba(0,0,0,0.1);
	font-size: 1.1em;
	font-family: inherit;
}

#application-form form .descr{
	text-align: left;
	padding: 0.5em;
	font-size: 0.75em;
	margin: 0 0 0.75em;
}

#application-form button[type="submit"]{
	background-color: rgba(225, 225, 225, 1);
	border: 1px solid rgba(175, 175, 175, 1);
	padding: 0.5em 1.2em;
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	border-radius: 5px;
	cursor: pointer;
	margin: 0 auto;
}

/* bottom-expandable region */
.bottom-expandable{
	max-height: 99vh;
	height: 99vh;
	width: 80%;
	max-width: 1040px;
	overflow: auto;
	position: fixed;
	bottom: 0;
	left: calc(50% - 520px);
	background: #fff;
	 /* Safari 3.1 to 6.0 */
	-webkit-transition: max-height .35s ease-in-out .35s, width .35s ease-in-out, max-width .35s ease-in-out, left .35s ease-in-out;
	transition: max-height .35s ease-in-out .35s, width .35s ease-in-out, max-width .35s ease-in-out, left .35s ease-in-out;
	z-index: 999;
}

@media (max-width: 1299px) {
	.bottom-expandable{
		left: 10%;
	}
}

.bottom-expandable.closed{
	max-height: 3.4em;
	overflow: hidden;
	max-width: 12em;
	width: 12em;
	left: calc(50% - 6em);
	-webkit-transition: max-height .35s ease-in-out, width .35s ease-in-out .35s, max-width .35s ease-in-out .35s, left .35s ease-in-out .35s;
	transition: max-height .35s ease-in-out, width .35s ease-in-out .35s, max-width .35s ease-in-out .35s, left .35s ease-in-out .35s;
}

.bottom-expandable.closed.fr-ca{ /* For French */
	max-width: 32em;
	width: 32em;
	left: calc(50% - 16em);
}

.overlayed{
	overflow-y: hidden;
}

.overlay{
	cursor: pointer;
	width: 100%;
	height: 100%;
	background-color: #000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 19;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .70s ease-in-out, visibility .70s ease-in-out;
	transition: opacity .70s ease-in-out, visibility .70s ease-in-out;
}

.overlayed > .overlay{
	visibility: visible;
	opacity: 0.5;
	-webkit-transition: opacity .70s ease-in-out, visibility .70s ease-in-out;
	transition: opacity .70s ease-in-out, visibility .70s ease-in-out;
}

.close{
	position: absolute;
	top: 0;
	right: 0.5em;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 2em;
}


/* ============================================= ONLINE APPLICATION FORM ============================================= */


/* ============================================= ACCESSIBILITY ============================================= */

.skipnav a{
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.skipnav a:focus{
	position: static;
	width: auto;
	height: auto;
}


/* ============================================= Homepage ============================================= */

.page-homepage #content > .article-header .zoomimage-container{
	background-position: center;
	height: calc(100vh - 3.4em);
}

.page-homepage #content > .article-header .zoomimage-container .slider-simple-content{
	padding: 5em 0 1em;
}

.contents-homepage h2{
	font-family: "museo-slab", serif;
	font-size: 2.1em;
	font-weight: 700;
	letter-spacing: -0.01em;
	margin-bottom: 0.75em;
}

.home-slider-text-wrapper{
	position: relative;
}

.home-contents .home-slider-text{
	width: 40em;
	background-color: #BB403C; /* #B5282E */
	padding: 0.1em 1em;
	color: #FFFFFF;
	position: absolute;
	bottom: 0;
}

.home-contents .home-slider-text h2{
	font-family: "museo-slab", serif;
	font-size: 1.2em;
	font-weight: 300;
}

.news{
	background-color: #0e3a55;
	color: #FFFFFF;
	padding: 1em 0 2em;
}

.news a{
	font-weight: 500;
	color: #FFFFFF;
}

.news a:hover{
	border-bottom: 1px solid #FFFFFF;
}

.news ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	list-style: none;
	padding-left: 0;
}

.news ul > li{
	width: 47.5%;
	padding-bottom: 0.75em;
}

.news ul > li > br + p{
	margin: 0.5em 0;
}

.our-programs{
	/* background-image: url("/assets/banners/banner_home2.jpg");
	background-size: cover; */
	background-color: #2a556f;
	padding: 1em 0 2em;
}

.our-programs h2{
	color: #FFFFFF;
}

.our-programs-contents{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	padding-left: 0;
	margin: 0 -65px;
}

.our-programs-single{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	width: 50%;
	padding-bottom: 1.5em;
}

.our-programs-single img{
	width: 50px;
	margin-right: 1em;
}

.our-programs-single a{
	color: #FFFFFF;
}

.our-programs-single a:hover{
	border-bottom: 1px solid #FFFFFF;
}

.our-programs-single .our-programs-level1{
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1.2;
}

.our-programs-level2{
	list-style: none;
	margin-top: 0;
	padding-left: 0;
}

.where-we-serve{
	background-color: #0e3a55;
	color: #FFFFFF;
	padding-top: 1em;
}

.homepage-map #map{
	min-height: 600px;
}

.secondly-slider{
	padding: 1.5em 0;
	max-width: 100%;
	width: 100%;
	min-height: 500px;
	background-size: cover;
}

.secondly-slider h2{
	color: #ffffff;
	font-size: 2.6em;
	line-height: 1em;
	margin: 0;
	padding: 0;
}

.social-media{
	background-color: #E3E3E3;
	padding-top: 2em;
}

.social-media h2{
	color: #BB403C;
	margin-bottom: 0; /* For Taggbox */
}

/* ----- Curator.io / about to delete ----- */
/*
.social-media .crt-feed-container .crt-post-v2{
	margin: 0 1.5em 2em 0;
}

.social-media .crt-feed-container .crt-feed-more a,
.social-media .crt-feed-container .crt-load-more a{
	background-color: #BB403C;
	color: #FFFFFF;
	font-weight: 500;
	width: 11em;
	padding: 0.5em 1.5em;
	text-transform: uppercase;
}

.social-media .crt-feed-container .crt-feed-more a:hover{
	border: 1px solid #FFFFFF;
}

.social-media .crt-post-v2 .crt-post-border{
	border-top: 2px solid #1B748E;
}

.social-media .crt-post-v2 .crt-post-header{
	margin-top: 0;
	padding-top: 0;
}

.social-media .crt-post-v2 .crt-post-header .crt-social-icon{
	text-align: right;
}

.social-media .crt-post-v2 .crt-post-header .crt-social-icon i{
	color: #D1D1D1;
}

.social-media .crt-post-fullname a{
	color: #000000;
}

.social-media .crt-post-v2 .crt-post-content-text{
	font-size: 0.9em;
}

.social-media .crt-feed.crt-feed-branded{
	padding-bottom: 50px;
}

.social-media .crt-feed.crt-feed-branded .crt-logo{
	z-index: 0;
	bottom: 20px;
	right: unset;
	font-size: 0.8em;
}
*/
/* ----- */


.float-button{
	clear: both;
	z-index: 10;
	text-align: center;
	padding: 0.675em 0;
}

.float-button a{
	font-family: "museo-slab", serif;
	font-size: 1.35em;
	font-weight: 700;
	color: #FFFFFF;
	text-transform: uppercase;
}

.float-button a:hover{
	border: none;
}

.float-button.scrolled{
	position: fixed;
	bottom: 0;
	left: calc(50% - 8em);
	width: 16em;
	background-color: #BB403C;
}


/* ============================================= Section: Search Results ============================================= */
#search-form-second{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	border-bottom: 1px solid #404040;
    margin-bottom: 2em;
}

#search-form-second > #sfs-wrapper{
	-webkit-flex-grow: 10;
	flex-grow: 10;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

#search-form-second input[type="search"]{
	font-size: 1.25em;
	font-family: inherit;
	line-height: 2em;
	border: none;
	padding-left: 0.5em;
	-webkit-flex-grow: 10;
	flex-grow: 10;
	max-width: calc(100vw - 120px);
}

#search-form-second button{
	font-size: 1.4em;
	padding: 0.2em 1em 0.4em;
	border: none;
	background: none;
}

#search-form-second button:hover{
	cursor: pointer;
}

.search-results-dl dt{
	padding-bottom: 1em;
}

.search-results-dl dd{
	padding-bottom: 2em;
	margin-left: 0;
}

.search-results-single-head{
	color: #404040;
	font-weight: 700;
}

.search-results-dl a{
	font-size: 1.25em;
}

.search-results-single-dates{
	font-size: 0.7em;
	font-weight: 300;
}


/* ============================================= Channel: Programs Landing ============================================= */
.prg-area{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.prg-wrapper{
	width: calc(50% - 2em);
	padding-bottom: 0.5em;
}

.prg-wrapper h3{
	font-size: 1.3em;
	font-family: "museo-slab", serif;
	font-weight: 700;
}

.prg-wrapper a{
	color: #00778A; /* #4B7C8E */
}

.prg-wrapper a:hover{
	border-bottom: 1px solid #00778A; /* #4B7C8E */
}

.prg-wrapper p{
	margin: 0 0 0.5em;
}

.prg-wrapper img{
	float: right;
	width: 90px;
	height: 90px;
	margin: 0 0 1em 1em;
}

.prg-wrapper ul{
	margin-top: 0;
}


/* ============================================= Channel: Project List  ============================================= */

.project-list table.dataTable {
    max-width: 100%;
    overflow-y: auto;
    display: block;
    font-size: 90%;
	padding-top: 1em;
}

.project-list table td, .project-list table th {
    border: 1px solid #CCCCCC;
}

/* ============================================= Channel: Success Stories  ============================================= */

.success-stories{
	background-image: url("/assets/banners/sample-bkg5.jpg");
	background-size: 100% 400px;
	background-repeat: repeat-x;
	margin: -1em -10000px;
	padding: 1em 10000px;
	color: #FFFFFF;
}

.success-stories h1{
	font-size: 1.8em;
}

.success-stories h1:before{
	border-top: 10px solid #BB403C!important;
}

.ss-area{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
}

.ss-wrapper{
	width: calc(33% - 1em);
	margin: 0 0.5em 2em;
	position: relative;
	overflow: hidden;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: stretch;
	align-items: stretch;
}

.ss-wrapper img{
	width: 100%;
	height: 100%;
}

.ss-hover{
	display: none;
	background-color: #BB403C; /* #B5282E */
	color: #FFFFFF;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0.5em 1.5em 1.5em;
	line-height: 1.5em; /* overload lightbox.css */
	text-align: left;
	font-weight: 300;
	z-index: 0;
}

.ss-hover:hover{
	border-bottom: none;
}

.ss-hover h2{
	font-family: "museo-slab", serif;
	font-size: 1.1em;
	font-weight: 700;
}

.ss-learn-more{
	position: absolute;
	bottom: 0;
	font-size: 0.9em;
}

.ss-single-header-image{
	width: 100%;
}

.ss-single-contents{
	display: -webkit-flex;
	display: flex;
}

.ss-single-main{
	width: 75%;
}

.ss-single-main p{
	line-height: 1.8em;
}

.ss-single-side{
	width: 25%;
	margin: 3em 0 0 1em;
}

.ss-single-side p{
	margin-top: 0;
	line-height: 1.8em;
}

.ss-single-info{
	padding-left: 1em;
	border-left: 1px solid #BB403C; /* #B5282E */
}

.ss-single-logo{
	text-align: center;
	margin-top: 2em;
}

.ss-footer{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	padding-top: 2em;
}

.ss-footer h2{
	font-family: "museo-slab", serif;
	font-size: 1.2em;
	font-weight: 300;
	color: #4B7C8E;
	letter-spacing: 0.1em;
}

.ss-footer p{
	font-family: 'Roboto Condensed', sans-serif;
	margin-bottom: 0;
}

.ss-footer-left{
	width: 20em;
}

.ss-footer-right img{
	width: 220px;
}

/* For Lightbox */
.progress, .progress *{
	cursor: progress!important;
}

#stripe-for-lightbox{
	display: none;
	height: 4em;
	background-color: #4B7C8E;
}

.success-story.featherlight-inner{
	padding-bottom: 2em;
}

.success-story.featherlight-inner #stripe-for-lightbox{
	display: block;
}

.success-story.featherlight-inner .ss-single-contents{
	padding: 0 1.5em 2em;
}

.success-story.featherlight-inner .ss-footer{
	padding: 2em 2em 0;
}


/* ============================================= Section: Pages ============================================= */

/* --------------------------------------------- Board of Directors --------------------------------------------- */

.contents-board-of-directors h2{
	margin: 0;
}


/* ============================================= BROWSERS' EXCEPTIONS ============================================= */
/* IE10+ specific styles */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.our-programs{
		background-position: center 35%!important;
	}

	.bottom-expandable{
		max-width: 80%;
		left: 10%;
	}

	.bottom-expandable.closed, .bottom-expandable.closed.fr-ca{
		width: 80%;
		max-width: 80%;
		left: 10%;
	}
}


/* Edge specific styles */
@supports (-ms-ime-align:auto) {
	.bottom-expandable{
		max-width: 80%;
		left: 10%;
	}

	.bottom-expandable.closed, .bottom-expandable.closed.fr-ca{
		width: 80%;
		max-width: 80%;
		left: 10%;
	}
}


/* ============================================= TABLET EXCEPTIONS ============================================= */
@media (max-width: 1023px) {
	#main_nav{
		width: 99%;
	}

	#main_nav #site-title{
		margin-right: 0;
	}

	.article-header .zoomimage-container{
		min-height: 280px;
	}

	.secondly-slider{
		min-height: 320px;
	}

	#application-form fieldset dl{
		padding-right: 0%;
	}

	#application-form form dt{
		width: 35%;
		min-width: 160px;
	}

	.ss-wrapper{
		width: calc(50% - 1em);
	}

	/* For Lightbox */
	.success-story.featherlight-inner .ss-single-contents{
		padding: 0 0 2em;
	}

	.success-story.featherlight-inner .ss-footer{
		padding: 0;
	}
}

@media (max-width: 1023px) and (min-width: 768px) {
	#main_nav #header-menu > li > a{
		font-size: 0.9em;
	}
}

/* ============================================= VERY LARGE DISPLAYS =========================================== */


@media only screen and (min-width: 1500px) {
	.article-header .zoomimage-container{
    min-height: 550px;
	}
}

@media only screen and (min-width: 2000px) {
	.article-header .zoomimage-container{
    min-height: 700px;
	}
}

/* ============================================= MOBILE EXCEPTIONS ============================================= */

@media only screen and (min-width: 768px) {
	.navtrigger { display: none; }
	#main_nav #link-login-mobile{ display: none; }
}


@media (max-width: 767px) {

/* --------------------------------------------- GLOBAL --------------------------------------------- */
h1{
	line-height: 1.2em;
}


/* --------------------------------------------- MARGINS --------------------------------------------- */

.article-header .content, #breadcrumb p{
	padding: 8px;
	width: 100%;
}

#main_nav{
	padding: 0.25em 8px;
	width: 100%;
}

#contents-main-area:not(.contents-homepage){
	padding: 3em 8px 8px;
	width: 100%;
}

.contents-homepage .home-contents, .footer-contents{
	padding: 0 8px;
	width: 100%;
}

.article-header + #contents-main-area {
    padding-top: 0;
}


/* --------------------------------------------- MENU --------------------------------------------- */

#main_nav{
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#main_nav #header-menu {
	max-height: 0;
	overflow: hidden;
	width: 100%;
	text-align: left;
	padding: 0 1em;
	-webkit-transition: all 0.2s ease;
	-moz-transition:    all 0.2s ease;
	-o-transition:      all 0.2s ease;
	transition:         all 0.2s ease;
}

#main_nav #header-menu.open {
	max-height: 100vh;
	overflow: auto;
	z-index: 100;
	padding: 1em;
}

#main_nav #header-menu li {
	max-width: 35em;
	padding: 0.75em 0;
}

#main_nav #header-menu > li > a{
	display: inline;
}

#main_nav .nav-children{
	position: relative;
	margin: 0;
	padding: 0.75em 1em;
	line-height: 1.5em;
}

#main_nav #link-login-mobile{
	display: list-item;
}

#main_nav .login-button-wrapper{
	display: none;
}

#main_nav #search-button i{
	font-size: 1.33em;
}

#main_nav .navtrigger {
	padding: 0 0.8em;
}

#main_nav #site-title{ -webkit-order: 1; order: 1; }
#main_nav .icons-wrapper{ -webkit-order: 2; order: 2; }
#main_nav #search-form{ -webkit-order: 3; order: 3; width: 100%; }
#main_nav #header-menu{ -webkit-order: 4; order: 4; -webkit-flex-direction: column; flex-direction: column; }

#main_nav .search-icon-wrapper{
	padding: 0 0.5em;
}


/* --------------------------------------------- FOOTER --------------------------------------------- */

.footer-second > .footer-contents{
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}


/* --------------------------------------------- CTX FORMS --------------------------------------------- */
section.ctx-forms{
	padding: 0.5em;
}


/* --------------------------------------------- PAGE HEAD --------------------------------------------- */
#contents-main-area.page-icon h1.page-title{
	padding-top: 120px;
	margin-top: 0.5em;
}


/* --------------------------------------------- BREADCRUMB --------------------------------------------- */
#breadcrumb{
	padding: 0.4em 0;
}


/* --------------------------------------------- SLIDER --------------------------------------------- */
.article-header .zoomimage-container{
	background-size: cover;
	min-height: 200px;
}

.bx-controls-direction{
	display: none;
}


/* --------------------------------------------- TEXTS --------------------------------------------- */
.block-text.text-attention{
	-webkit-flex-direction: column;
	flex-direction: column;
	padding-right: 0;
}

.block-text.text-attention .block-text-area{
	border-left: none;
	border-top: 1px solid #D24A44;
	padding: 1em 0 0;
	margin: 0 1em 1em;
	width: calc(100% - 2em);
}


/* --------------------------------------------- IMAGES --------------------------------------------- */
.image-position-left, .image-position-right{
	float: none;
	text-align: center;
}


/* --------------------------------------------- PROGRAM STREAMS --------------------------------------------- */
.program-stream-wrapper{
	-webkit-flex-direction: column;
	flex-direction: column;
}

.program-stream-wrapper .program-stream-icon img{
	width: 120px;
	margin-bottom: 1em;
}

.program-stream-wrapper .program-stream-text{
	padding-left: 0;
}


/* --------------------------------------------- APP FORM --------------------------------------------- */
#application-form > ol{
	padding-left: 2em;
}

.bottom-expandable{
	width: 100%;
	max-width: 100%;
	height: 84vh;
	max-height: 84vh;
	left: 0;
	-webkit-transition: max-height .35s ease-in-out;
	transition: max-height .35s ease-in-out;
}

.bottom-expandable.closed, .bottom-expandable.closed.fr-ca{
	width: 100%;
	max-width: 100%;
	left: 0;
	-webkit-transition: max-height .35s ease-in-out;
	transition: max-height .35s ease-in-out;
}

.bottom-expandable.closed.fr-ca{
	max-height: 4.4em;
}


/* --------------------------------------------- HOMEPAGE --------------------------------------------- */
.home-slider-text-wrapper.home-contents{
	padding: 0;
}

.page-homepage #content > .article-header .zoomimage-container{
	height: calc(100vh - 11em);
}

.page-homepage #content > .article-header .zoomimage-container .slider-simple-content{
	padding: 1em 0;
}

.home-contents .home-slider-text{
	position: relative;
	bottom: 0;
	width: 100%;
	padding: 0.1em 8px;
}

.contents-homepage h2{
	font-size: 2em;
}

.news{
	padding-top: 1em;
}

.news ul, .our-programs-contents{ /* Cancel Dual-column */
	-webkit-flex-direction: column;
	flex-direction: column;
}

.news ul > li, .our-programs-single{
	width: 100%;
}

.our-programs-contents{
	margin: 0;
}

.secondly-slider .ewg-buttons a{
	font-size: 0.9em;
}

.social-media .crt-feed-container .crt-post-v2{
	margin: 0 1em 2em;
}

/* --------------------------------------------- Channel: Programs Landing --------------------------------------------- */
.prg-area{
	-webkit-flex-direction: column;
	flex-direction: column;
}

.prg-wrapper{
	width: 100%;
}


/* --------------------------------------------- Channel: Project List --------------------------------------------- */
#DataTables_Table_0_paginate{
	font-size: 75%;
}

.dataTables_wrapper .dataTables_paginate .paginate_button[data-dt-idx="4"],
.dataTables_wrapper .dataTables_paginate .paginate_button[data-dt-idx="5"]{
	display: none;
}


/* --------------------------------------------- SUCCESS STORIES --------------------------------------------- */
.ss-single-contents{ /* Cancel Dual-column */
	-webkit-flex-direction: column;
	flex-direction: column;
}

.ss-single-main{
	width: 100%;
}

.ss-single-side{
	width: 100%;
	margin: 1em 0 0;
}

.ss-single-info{
	padding: 0.5em 0 0;
	border-left: none;
	border-top: 1px solid #BB403C; /* #B5282E */
}

.ss-footer{
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	margin-bottom: 0;
}

.ss-footer-left{
	width: 100%;
	padding-bottom: 1em;
}

}


/* ======================================== SMALL MOBILE EXCEPTIONS ======================================== */
@media (max-width: 599px) {
	/* ----- Success Stories ----- */
	.ss-wrapper{
		width: 100%;
	}

	/* ----- Search Results page ----- */
	#search-form-second{
		-webkit-align-items: end;
		align-items: end;
	}

	#search-form-second > #sfs-wrapper{
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: start;
		align-items: start;
	}

	#search-form-second input[type="search"]{
		padding-left: 0;
	}

	#search-form-second button{
		font-size: 1.2em;
	}

	/* ----- Forms ----- */
	.form-group > label,
	.form-group > input,
	.form-group > select,
	.form-group > div.alert{
		text-align: left;
		width: 80%;
	}

	.form-group > .error-blank{ /* For Registration Form */
		display: none;
	}

	/* ----- CONTACT FORMS ----- */
	.members-form dl > div, .ctx-forms dl > div{
		padding: 0 1em 0.5em;
	}

	.ctx-forms dl input[type="text"], .ctx-forms dl select{
		width: 100%;
	}

	.members-form .warning-msg, .ctx-forms .warning-msg{
		display: block;
		max-width: 100%;
	}

	/* ----- App Form ----- */
	#application-form form dt, #application-form form dd{
		width: 60%;
		min-width: 260px;
		text-align: left;
	}
}


@media (max-width: 419px) {
	#main_nav .icons-wrapper{
		-webkit-justify-content: right;
		justify-content: right;
		/* width: 100%; */
	}

	.article-header, #breadcrumb{
		margin-top: 3.7em;
	}

	#contents-main-area:not(.contents-homepage){
		padding-top: 3.7em;
	}
}


/* ======================================== PRINT EXCEPTIONS ======================================== */
@media print{
	body{
		font-size: 12px;
		overflow: visible;
	}

	#contents-main-area{
		width: 100%;
	}

	header, p.skipnav, #breadcrumb, footer, aside#application-form, #where-we-serve, .social-media, .float-button{
		display: none;
	}

	#contents-main-area.page-icon{
		padding-left: 0;
	}

	#contents-main-area.page-icon h1.page-title{
		padding-top: 0;
	}
}

@media only print and (max-width: 767px) {
	.our-programs-contents, .prg-area, .ss-area, .ss-single-contents{
		/* flex-flow: column; */
		display: block;
	}

	.our-programs-contents, .prg-wrapper, .ss-area, .ss-single-contents{
		overflow: auto;
	}

	.ss-wrapper{
		float: left;
		width: calc(33% - 1em);
		overflow: auto;
	}
}


/* ----------------------------------------------------------------------------------------------- */