/* CSS Document */

/*

Note: this file extends nserc-rebrand.css. 

Table of contents:

1. General styles
2. Typography
3. Header and Main Navigation
4. Main content
5. Right content
6. Utilities
7. Fixes
8. Misc

*/


/************************************ || General styles ************************************/
/************************************ End General styles || ************************************/


/************************************ || Typography ************************************/
/************************************ End Typography || ************************************/


/************************************ || Header and Main Navigation ************************************/

#wb-bc .breadcrumb > li + li:before {
	padding: 0 2px 0 2px;
	margin: 0;
	/*content: '>';*/
	font-size: 9px;
}

#wb-bc .breadcrumb li:first-child {
	padding: 0;
	margin: 0;
}

/************************************ End Header and Main Navigation || ************************************/


/************************************ || Main content ************************************/


.maincontent th {
	font-family: "Untitled medium", sans-serif;
	font-weight: unset;
}

.maincontent h1:first-child, .maincontent .h1:first-child {
	padding-bottom: 48px;
}

.pdg-bttm {
	padding-bottom: 48px;
}

.maincontent h1:first-child:not(.brdr-bttm), .maincontent .h1:first-child:not(.brdr-bttm) { /*if brdr-bttm is not used padding is removed*/
	padding-bottom: 0;
}

.maincontent h1:first-child:is(.h2) { /*if h2 margin is removed*/
	margin-top: 0;
}

.maincontent h2.brdr-bttm {
	padding-bottom: 48px;
}

.maincontent h2 em {
	font-family: "Untitled Bold", sans-serif;
}


.maincontent ul, .maincontent ol{
	padding-left: 20px;
}

.maincontent .alert ul, .maincontent .alert ol{
	padding-left: 1.2em;
}

.maincontent ol.alliance-custom {
	padding-left: 0;
}

.maincontent ul.years {
	padding-left: 0;
	padding-bottom: 15px;
}
.maincontent ul li, .maincontent ol li {
	padding-left: 5px;
	padding-bottom: 5px;
}
.maincontent ol.alliance-custom li {
	padding-left: 25px;
	padding-bottom: 25px;
}

/*
.maincontent ul li ul * {
	margin-bottom: 0;
	padding-bottom: 0;
	padding-left: 0;
}
*/

.maincontent ul li ul * {
	margin-bottom: 0;
	padding-bottom: 0;
}

.maincontent ul li ul p.alert {
	padding-bottom: 15px;
}
.maincontent ul li ul p {
	margin-bottom: 20px;
}

.maincontent aside {
	background-color: #f9f9f9;
	/*background-color: #eeeeee;*/
	padding: 35px;
	margin-bottom: 20px;
	font-size: 14px;
	border: none;
}

.maincontent aside h2 {
	color: #DF202D;
	line-height: 18px;
	text-transform: uppercase;
	font-size: 16px;
	font-family: "Untitled Medium", sans-serif;
	-webkit-font-smoothing: subpixel-antialiased;
}

.maincontent aside.wb-fnote {
	color: red;
	background: #eee;
	padding: 20px;
	margin: 0;
}






/* email links lowercase (uses js to match any email address in <a> that is not text. see /js/rebrand.js) */

.maincontent a.lowerEmail {
	text-transform: lowercase;
}


/* TOC class fix */
.maincontent .list-tc>li { 
	padding-left:5px;
	padding-bottom: 5px;
}

.maincontent ol.list-tc>li { 
	list-style-type: decimal;
}



.maincontent .list-unstyled, .maincontent .list-unstyled li, .maincontent .list-unstyled li details {
	padding: 0;
}

.maincontent .list-unstyled li details {
	margin: 0;
}

.maincontent .list-unstyled li summary {
	margin: 0;
	padding: 0;
}

/* add to nserc-rebrand.css around line: 414*/
table:is(.table):not(.alliance-custom)>tbody>tr>th {
	font-size: 14px;
	color: #141414;
	line-height: 22px;
	/*padding-top: 30px; REMOVED BY IAN: Aug 15 (to much padding)*/
	padding-left: 10px;
	padding-right: 10px;
}

/* added to create vertical-aligned middle for rowspans*/
.table>tbody>tr>td.v-mid {
	vertical-align: middle;
}

.maincontent table:not(.alliance-custom) caption {
	font-size: 16px;
	margin: 0;
    padding: 0;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
	border-bottom: 3px solid rgb(221,221,221);
	/*text-align: center;*/
	font-family: "Untitled Bold", sans-serif;
}

.maincontent figure {
	/*margin: 0 0 20px 0;*/
	margin-bottom: 20px; /* used for Executive Team - re-added by Ian, Oct 23, 2023*/ 
}

.maincontent figure.drr-heads {
	display: inline;
	float: right;
	width: 30%;
	margin: 0 0 20px 20px;
}

.maincontent figure.drr-heads img {
	margin-bottom: 10px;
}

.maincontent figure.drr-heads figcaption {
	width: 75%;
}

.maincontent table tr th em {
	font-family: 'Untitled Medium', sans-serif;
}

.maincontent dl dt {
	font-family: 'Untitled Medium', sans-serif;
	font-weight: normal;
}

/************************************ End Main content || ************************************/




/************************************ || Right content ************************************/

.maincontent .rightcol h2 {
	font-size: 22px;
	color: #DF202D;
	line-height: 22px;
	font-family: "Untitled Bold", sans-serif
}


.maincontent .rightcol address p, .maincontent .rightcol address a {
	color: #DF202D;
	font-size: 14px;
}

.maincontent .rightcol p {
	font-size:13px;
	color:#919191;
	line-height:18px;
}


/************************************ End Right content || ************************************/






/************************************ || Utilities ************************************/

.w10 {
	width: 10%;
}

.w15 {
	width: 15%;
}

.w20 {
	width: 20%;
}

.w25 {
	width: 25%;
}

.w30 {
	width: 30%;
}

.w35 {
	width: 35%;
}

.w40 {
	width: 40%;
}

/************************************ End Utilities || ************************************/


/************************************ || Fixes ************************************/

mark {
	background: #ff0;
}

aside em {
	color: #000;
}

/* fix for nav issue not :last-child margin = -1. This was breaking the border under any nav item that had a child items displayed. Orignating css: theme.min.css*/

.list-group-item {
	margin-bottom: 0;
}


/* this fix is for .maincontent h2:first-of-type. If <section> is used then each <h2> will have a margin-top:0;. The next two rules fix this. */
.maincontent h2:first-of-type {
	margin-top: 25px;
}

.maincontent .col-md-8 > h2:first-of-type, .maincontent .col-md-12 > h2:first-of-type {
	margin-top: 0px;
}

.maincontent .rightcol h2:first-of-type {
	margin-top: 0px;
}

.maincontent section:first-of-type h2 {
	margin-top: 0px;
}

/* this is used for the new H1 location */
.maincontent .col-md-8 > h1:first-child:is(.h2) ~ h2:first-of-type, .maincontent .col-md-12 > h1:first-child:is(.h2) ~ h2:first-of-type {
	margin-top: 25px;
}
/* end .maincontent h2:first-of-type fix. */


/* fix for footer canada leaf image */

#wb-info > .container {
    background: transparent url(/assets/sft-deco-leaf.gif) no-repeat top center;
}

.rightcol hr {
	padding: 0px;
	margin: 25px 0 22px 0;
	
}

.maincontent h1.noMargin {
	padding-bottom: 0px;
}



/************************************ End Fixes || ************************************/


/************************************ || Misc ************************************/

/* QFR financial tables */

.qfr>tbody>tr>th, .table>tbody>tr>th>*, .table>tbody>tr>th>em {
	font-family: 'Untitled Light', sans-serif;
}

.qfr>tbody>tr>th.medium{
	font-family: 'Untitled Medium', sans-serif;
}

.qfr tr>*.pd-lft-lg {
	padding-left: 30px;
}

.qfr>tbody>tr>td {
	text-align: right;
}

.qfr>tbody>tr:last-child>* {
	font-family: 'Untitled Medium', sans-serif;
}

/* END QFR financial tables */

/* Programs */

.subtitle {
	padding-bottom: 42px;
}

/* END Programs */

/************************************ End Misc || ************************************/

























