﻿@charset "utf-8";
/*!
 * Treasury Board of Canada Secretariat (TBS) / Secrétariat du Conseil du Trésor du Canada (SCT)
 * v1.0.0 - 2019-02-14
 *
 */
.panel-body h3 {
	margin-top: 0em;
}
.TBS-text-reverse {
	color: #FFF;
	background-color: #00F /*#FF8040*/;
	padding-left: .15em;
}
.TBS-brdr-primary {
	border: solid 1px #335075;
}
.TBS-brdr-none {
	border:none;
}
.TBS-text-normal {
	font-weight: normal;
}
.TBS-brdr-primary-circle {
	border: solid 10px #335075;
        border-radius: 50%;
}
.TBS-well-edge {
	border-radius: 0px;
}
.TBS-well-blue {
	color: #fff;
	background-color: #1F4E79;
	border-color: #071a07;
}
.TBS-well-blue a {
	color: #fff;
}
.TBS-well-green {
	color: #000;
	background-color: #6bc3a3;
	border-color: #071a07;
}
.TBS-well-green a {
	color: #000;
}
.TBS-well-green:hover {
	color: #000;
}
.TBS-bg-light {
	color: #000;
	background-color: #C1C1C1;
	border-color: #C1C1C1;
}
.TBS-bg-light a {
	color: #000;
}
.TBS-bg-light:hover {
	color: #000;
}
.TBS-bg-dark {
	color: #fff;
	background-color: #37424A;
	border-color: #37424A;
}
.TBS-bg-dark a {
	color: #fff;
}
.TBS-bg-dark:hover {
	color: #fff;
}
.TBS-bg-green {
	color: #000;
	background-color: #6bc3a3;
	border-color: #071a07;
}
.TBS-bg-green a {
	color: #000;
}
.TBS-bg-green:hover {
	color: #000;
	background-color: #62B496;
}
.TBS-bg-green:visited {
	color: #000;
}
.TBS-bg-darkblue {
	color: #fff;
	background-color: #37558C;
	border-color: #37558C;
}
.TBS-bg-darkblue a {
	color: #fff;
}
.TBS-bg-darkblue:hover {
	color: #fff;
}
.TBS-bg-lightblue {
	color: #fff;
	background-color: #297F99;
	border-color: #297F99;
}
.TBS-bg-lightblue a {
	color: #fff;
}
.TBS-bg-lightblue:hover {
	color: #fff;
}
.TBS-bg-red {
	color: #fff;
	background-color: #CD202C;
	border-color: #CD202C;
}
.TBS-bg-red a {
	color: #fff;
}
.TBS-bg-red:hover {
	color: #fff;
}
.TBS-bg-transparent {
	background-color: transparent;
}
.TBS-bg-white {
	background-color: #fff;
}
.TBS-followus-brdr-none ul li a {
	/*border: solid 2px #eaebed;*/
	border: none;
	padding: 10px 19px;
}
.TBS-padding-none {
	padding: 0px 0px;
}

.TBS-btn-padding {
	padding: 14px 14px;	
}

/* Youth Employemnt Opportunity page */
#YEP-section-01 {
	background-image: url("https://www.canada.ca/content/dam/tbs-sct/images/youth-employment-opportunity/Youth-Employment-Program-banner.PNG");
	background-repeat: no-repeat;
	overflow-x: hidden;
	width: auto;
	position: absolute;
	left: -50%;
}
#YEP-section-01a {
	position: absolute;
}

/* President Messages on reports */

.TBS-pres-quote .well{
	background-color: #0c5172;
	border: none;
}

.TBS-pres-quote .well blockquote{
	border-color: #cadb2a !important;
}

.TBS-pres-quote .well blockquote p{
	color:#ffffff !important;
}

.TBS-pres-quote .well blockquote footer{
	color:#ffffff !important;
}

/* New Most Requested section and Contributors */

.TBS-most-requested li {
  font-family: "Lato", sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 26px;
  margin-top: 0
}

.TBS-most-requested h2 {
  font-size: 1.2em;
}

.TBS-blue-bg {
	background-color: aliceblue;
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}

/* supports the 3 column layout for MR instead of 4 columns */
.list-responsive-3 > li {
    float: left;
    padding-right: 5px;
    width: 50%
}

.list-responsive-3 > li:nth-child(2n+2) {
    clear: right
}

.list-responsive-3:before,
.list-responsive-3:after {
    content: " ";
    display: table
}

.list-responsive-3:after {
    clear: both
}

.TBS-contributors {
    font-size: 16px !important;
    font-weight: 600;
}

.TBS-from {
	font-size: 17px !important;
    margin-top: 7px;
}

.TBS-contributors ul {
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: -28px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}

@media screen and (min-width: 1200px) {
.list-responsive-3 > li {
    width: 33%;
	}
}

@media screen and (min-width: 992px) {
.TBS-contributors li {
    display: inline-block;
    float: left;
    margin-right: .7em;
}
}

@media screen and (min-width: 992px) {
.TBS-contributors li:first-child:before {
    content: none;
}
.TBS-contributors li:before {
    content: "\2022";
    margin-right: .7em;
}
}

@media screen and (max-width: 767px) {
.TBS-most-requested li {
	font-size: 19px;
	}
.list-responsive-3 > li {
        clear: right;
        width: 100%
  }
.TBS-contributors ul {
	margin-inline-start: 0px !important;
}
}


/* New social media listed inline */

.mobile-left {
    float: left !important;
}

.ip-cover-hide-mobile {
	background-image:url(“none”) !important;
}

.media-spc {
    line-height: 1em !important;
  }

table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc{
    color: black !important;
  }

/* Provisional topic page template */

.provisional.profile {
	position: relative;
	overflow-x: hidden;
}

.provisional.profile .pagetag {
	max-width: 65ch;
}

.provisional.single-feature figcaption {
	margin-top: 5px;
	text-decoration: underline;
}

.provisional .thumbnail {
	border-color: #335075;
	border-width: 1px;
	padding: 0px;
}

.provisional.contributors {
	font-size: 16px;
	font-weight: 600;
}

.provisional.from {
	font-size: 17px;
	margin-top: 7px;
}

.provisional.contributors ul {
	margin-block-start: 0em;
	margin-block-end: 0em;
	margin-inline-start: -50px;
	margin-inline-end: 0px;
	padding-inline-start: 0px;
}

.provisional.most-requested-bullets li {
	font-family: 'Lato', sans-serif;
	font-size: 17px;
	font-weight: 600;
	line-height: 26px;
	margin-top: 0
}

.provisional.most-requested-bullets .pddng-r-0 {
	padding-right: 0px;
}

.provisional.most-requested-bullets h2 {
	font-size: 1.2em;
}

.provisional.list-bld {
	font-weight: 600;
}

.provisional.followus h2 {
	font-size: 1.1em;
	margin-top: 10px;
}

.provisional.followus {
	padding: 0;
}

.provisional.followus h2 {
	display: block;
}

.provisional.followus h2,
.provisional.followus ul {
	margin-left: 0;
}

.provisional.followus-vertical {
	line-height: 0em;
}

.provisional.followus-vertical,
.provisional.followus {
	background-color: transparent;
}

.provisional.followus-vertical a {
	text-decoration: none;
}

.provisional.followus-vertical ul {
	display: block;
	list-style-type: none;
	margin-block-start: 1em;
	padding-inline-start: 1em;
	font-size: 16px;
	margin-block-end: 0em;
}

.provisional.followus-vertical ul li {
	margin-bottom: 15px;
}

.provisional.followus-vertical ul li:last-child {
	margin-bottom: 0px;
}

.provisional.followus-vertical ul li a {
	border: none;
	padding: 0px 5px;
}

.provisional.followus ul li a {
	border: none;
}

.provisional .social-lnk {
	position: relative;
	bottom:-18px;
	left:45px;
}

.provisional.followus-vertical li {
	display: block;
	background-position: left;
}

.provisional.followus .facebook,
.provisional.followus .twitter,
.provisional.followus .youtube,
.provisional.followus .linkedin,
.provisional.followus .instagram {
	display: block;
	height: 38px;
	width: 38px;
}
/* remove this section if you do not want the new icons */

.provisional.followus .facebook {
	background: url("https://design.canada.ca/images/social-media/facebook.png") 0 0 / cover no-repeat;
}
.provisional.followus .twitter {
	background: url("https://design.canada.ca/images/social-media/twitter.png") 0 0 / cover no-repeat;
}
.provisional.followus .youtube {
	background: url("https://design.canada.ca/images/social-media/youtube.png") 0 0 / cover no-repeat;
}
.provisional.followus .instagram {
	background: url("https://design.canada.ca/images/social-media/instagram.png") 0 0 / cover no-repeat;
}
.provisional.followus .linkedin {
	background: url("https://design.canada.ca/images/social-media/linkedin.png") 0 0 / cover no-repeat;
}
/* end of new social media icons */

@media screen and (min-width: 991px) {
	.provisional.contributors li {
		display: inline-block;
		margin-right: .7em;
	}
	.provisional.contributors li:first-child:before {
		content: none;
	}
	.provisional.contributors li:before {
		content: "\2022";
		margin-right: .7em;
	}
}

@media screen and (max-width: 1200px) {
	.provisional.contributors ul {
		margin-inline-start: -30px;
	}
}

@media screen and (max-width: 991px) {
	.provisional.most-requested-bullets li {
		font-size: 19px;
	}
	.provisional.contributors ul {
		margin-inline-start: 1.5em;
	}
}

.TBS-text-20px  {
	font-size: 20px !important;
}
