/* Fixes the banner on the institutional landing page */
.bg-ilp {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: auto;
}

@media (max-width: 991px) {
	.bg-ilp {
		background: none!important;
	}
}

@media only screen and (min-width: 1921px) {
	.bg-ilp {
		height: 440px;
	}
}		

@media only screen and (min-width: 2301px) {
	.bg-ilp {
		height: 480px;
	}			
}

/* Adds that fancy 2-line title */
h1 span.stacked {
    display: block;
    font-size: 26px;
    color: #555;
    font-weight: 500;
}

/* Resizes feature images */
.gc-srvinfo img {
	aspect-ratio: 340/192;
	object-fit: cover;
}

/* Add breadcrumb splitting (only for the last breadcrumb) */
.breadcrumb > li {
	vertical-align: top;
}

.breadcrumb-split {
	display: inline-block;
	vertical-align: top;
}

/* Fixes the line-height on small */
p.small {
	line-height: 1.32em;
}

/* Fixes definition lists when horizontal */
@media (min-width: 768px) {
	dl.dl-horizontal dt {
		width: 200px;
	}

	dl.dl-horizontal dd {
		margin-left: 200px;
	}
}

/* Changes the color of blockquote borders when inside a colored box */
.bg-success blockquote {
	border-color: #278400;
}

.bg-info blockquote {
	border-color: #269abc;
}

.bg-warning blockquote {
	border-color: #f90;
}

.bg-danger blockquote {
	border-color: #d3080c;
}

/* Adds ICW Purple text color */
.text-icw-purple {
	color: #60328A!important;
}

/* Adds light gray background */
.bg-light {
	background-color: #eeeeee;
}

/* Fix line-height for Minister title on home page */
.gc-minister p {
	line-height: 1.4em;
}

/* Fixes social media icons */
.gc-followus ul.list-unstyled {
	-webkit-margin-before: 0;
	margin-block-start: 0;
	-webkit-padding-start: 0;
	padding-inline-start: 0;
}

.gc-followus ul a.x::before {
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 38px;
	margin-right: 10px;
	min-width: 38px;
	background-image: url("/_images/social-media/x.png");
}

.gc-followus ul a.facebook::before {
	background-image: url("/_images/social-media/facebook.png");
}

.gc-followus ul a.instagram::before {
	background-image: url("/_images/social-media/instagram.png");
}

.gc-followus ul a.youtube::before {
	background-image: url("/_images/social-media/youtube.png");
}

.gc-followus ul a.linkedin::before {
	background-image: url("/_images/social-media/linkedin.png");
}

.gc-followus ul a.bluesky::before {
	background-image: url("/_images/social-media/bluesky.png");
}

.gc-followus ul a.bluesky::before {
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 38px;
	margin-right: 10px;
	min-width: 38px;
}

/* Add Underline to the multi-page navigation box when hovering */
.mwsstepbysteptoc .toc li .list-group-item:hover {
	text-decoration: underline;
}

/* Funding search tool stuff */		
.funding-meta-data {
	color: #888888;
	padding-left: 0px;
	margin-bottom: 12px;
}

.funding-meta-data li {
	display: inline-block;
	border-right: 1px solid #888888;
	padding-right: 5px;
	margin-right: 5px;
}

.funding-meta-data li:last-of-type {
	border-right: none;
	padding-right: 0px;
	margin-right: 0px;
}

.funding-table tr {
	display: flex;
	flex-direction: column;
	border-top: 1px solid #ddd;
}

.funding-table thead tr {
	flex-direction: row;
}

.funding-table th {
	flex: 1 0 auto;
}

.funding-table td {
	border: none!important;
}

/* Fixes the grid system inside a details tag used for tabs. Normally the margins/padding would be 15px, but we'll reduce it to 12px to match the padding of the details tag. */
.wb-tabs>.tabpanels>details .row, .wb-tabs>details .row {
	margin: 0px -12px;
}

.wb-tabs>.tabpanels>details .row .col-lg-1, .wb-tabs>.tabpanels>details .row .col-lg-10, .wb-tabs>.tabpanels>details .row .col-lg-11, .wb-tabs>.tabpanels>details .row .col-lg-12, .wb-tabs>.tabpanels>details .row .col-lg-2, .wb-tabs>.tabpanels>details .row .col-lg-3, .wb-tabs>.tabpanels>details .row .col-lg-4, .wb-tabs>.tabpanels>details .row .col-lg-5, .wb-tabs>.tabpanels>details .row .col-lg-6, .wb-tabs>.tabpanels>details .row .col-lg-7, .wb-tabs>.tabpanels>details .row .col-lg-8, .wb-tabs>.tabpanels>details .row .col-lg-9, .wb-tabs>.tabpanels>details .row .col-md-1, .wb-tabs>.tabpanels>details .row .col-md-10, .wb-tabs>.tabpanels>details .row .col-md-11, .wb-tabs>.tabpanels>details .row .col-md-12, .wb-tabs>.tabpanels>details .row .col-md-2, .wb-tabs>.tabpanels>details .row .col-md-3, .wb-tabs>.tabpanels>details .row .col-md-4, .wb-tabs>.tabpanels>details .row .col-md-5, .wb-tabs>.tabpanels>details .row .col-md-6, .wb-tabs>.tabpanels>details .row .col-md-7, .wb-tabs>.tabpanels>details .row .col-md-8, .wb-tabs>.tabpanels>details .row .col-md-9, .wb-tabs>.tabpanels>details .row .col-sm-1, .wb-tabs>.tabpanels>details .row .col-sm-10, .wb-tabs>.tabpanels>details .row .col-sm-11, .wb-tabs>.tabpanels>details .row .col-sm-12, .wb-tabs>.tabpanels>details .row .col-sm-2, .wb-tabs>.tabpanels>details .row .col-sm-3, .wb-tabs>.tabpanels>details .row .col-sm-4, .wb-tabs>.tabpanels>details .row .col-sm-5, .wb-tabs>.tabpanels>details .row .col-sm-6, .wb-tabs>.tabpanels>details .row .col-sm-7, .wb-tabs>.tabpanels>details .row .col-sm-8, .wb-tabs>.tabpanels>details .row .col-sm-9, .wb-tabs>.tabpanels>details .row .col-xs-1, .wb-tabs>.tabpanels>details .row .col-xs-10, .wb-tabs>.tabpanels>details .row .col-xs-11, .wb-tabs>.tabpanels>details .row .col-xs-12, .wb-tabs>.tabpanels>details .row .col-xs-2, .wb-tabs>.tabpanels>details .row .col-xs-3, .wb-tabs>.tabpanels>details .row .col-xs-4, .wb-tabs>.tabpanels>details .row .col-xs-5, .wb-tabs>.tabpanels>details .row .col-xs-6, .wb-tabs>.tabpanels>details .row .col-xs-7, .wb-tabs>.tabpanels>details .row .col-xs-8, .wb-tabs>.tabpanels>details .row .col-xs-9 {
    padding-right: 12px;
    padding-left: 12px;
}

/* Adds/Removes padding */

.pddng-0 {
	padding: 0px!important;
}

.pddng-tp-0 {
	padding-top: 0px!important;
}

.pddng-bttm-0 {
	padding-bottom: 0px!important;
}

.pddng-lft-0 {
	padding-left: 0px!important;
}

.pddng-rght-0 {
	padding-right: 0px!important;
}

.pddng-sm {
	padding: 5px!important;
}

.pddng-tp-sm {
	padding-top: 5px!important;
}

.pddng-bttm-sm {
	padding-bottom: 5px!important;
}

.pddng-lft-sm {
	padding-left: 5px!important;
}

.pddng-rght-sm {
	padding-right: 5px!important;
}

.pddng-md {
	padding: 15px!important;
}

.pddng-tp-md {
	padding-top: 15px!important;
}

.pddng-bttm-md {
	padding-bottom: 15px!important;
}

.pddng-lft-md {
	padding-left: 15px!important;
}

.pddng-rght-md {
	padding-right: 15px!important;
}

.pddng-lg {
	padding: 30px!important;
}

.pddng-tp-lg {
	padding-top: 30px!important;
}

.pddng-bttm-lg {
	padding-bottom: 30px!important;
}

.pddng-lft-lg {
	padding-left: 30px!important;
}

.pddng-rght-lg {
	padding-right: 30px!important;
}

.pddng-xl {
	padding: 50px!important;
}

.pddng-tp-xl {
	padding-top: 50px!important;
}

.pddng-bttm-xl {
	padding-bottom: 50px!important;
}

.pddng-lft-xl {
	padding-left: 50px!important;
}

.pddng-rght-xl {
	padding-right: 50px!important;
}

/* Fixes margins to properly override */

.mrgn-0 {
	margin: 0px!important;
}

.mrgn-tp-0 {
	margin-top: 0px!important;
}

.mrgn-bttm-0 {
	margin-bottom: 0px!important;
}

.mrgn-lft-0 {
	margin-left: 0px!important;
}

.mrgn-rght-0 {
	margin-right: 0px!important;
}

/* Screen-sized margins and paddings */

@media (min-width: 768px) {
	.pddng-sm-0 {
		padding: 0px!important;
	}

	.pddng-sm-tp-0 {
		padding-top: 0px!important;
	}

	.pddng-sm-bttm-0 {
		padding-bottom: 0px!important;
	}

	.pddng-sm-lft-0 {
		padding-left: 0px!important;
	}

	.pddng-sm-rght-0 {
		padding-right: 0px!important;
	}

	.pddng-sm-sm {
		padding: 5px!important;
	}

	.pddng-sm-tp-sm {
		padding-top: 5px!important;
	}

	.pddng-sm-bttm-sm {
		padding-bottom: 5px!important;
	}

	.pddng-sm-lft-sm {
		padding-left: 5px!important;
	}

	.pddng-sm-rght-sm {
		padding-right: 5px!important;
	}

	.pddng-sm-md {
		padding: 15px!important;
	}

	.pddng-sm-tp-md {
		padding-top: 15px!important;
	}

	.pddng-sm-bttm-md {
		padding-bottom: 15px!important;
	}

	.pddng-sm-lft-md {
		padding-left: 15px!important;
	}

	.pddng-sm-rght-md {
		padding-right: 15px!important;
	}

	.pddng-sm-lg {
		padding: 30px!important;
	}

	.pddng-sm-tp-lg {
		padding-top: 30px!important;
	}

	.pddng-sm-bttm-lg {
		padding-bottom: 30px!important;
	}

	.pddng-sm-lft-lg {
		padding-left: 30px!important;
	}

	.pddng-sm-rght-lg {
		padding-right: 30px!important;
	}

	.pddng-sm-xl {
		padding: 50px!important;
	}

	.pddng-sm-tp-xl {
		padding-top: 50px!important;
	}

	.pddng-sm-bttm-xl {
		padding-bottom: 50px!important;
	}

	.pddng-sm-lft-xl {
		padding-left: 50px!important;
	}

	.pddng-sm-rght-xl {
		padding-right: 50px!important;
	}
	
	.mrgn-sm-0 {
		margin: 0px!important;
	}

	.mrgn-sm-tp-0 {
		margin-top: 0px!important;
	}

	.mrgn-sm-bttm-0 {
		margin-bottom: 0px!important;
	}

	.mrgn-sm-lft-0 {
		margin-left: 0px!important;
	}

	.mrgn-sm-rght-0 {
		margin-right: 0px!important;
	}

	.mrgn-sm-sm {
		margin: 5px!important;
	}

	.mrgn-sm-tp-sm {
		margin-top: 5px!important;
	}

	.mrgn-sm-bttm-sm {
		margin-bottom: 5px!important;
	}

	.mrgn-sm-lft-sm {
		margin-left: 5px!important;
	}

	.mrgn-sm-rght-sm {
		margin-right: 5px!important;
	}

	.mrgn-sm-md {
		margin: 15px!important;
	}

	.mrgn-sm-tp-md {
		margin-top: 15px!important;
	}

	.mrgn-sm-bttm-md {
		margin-bottom: 15px!important;
	}

	.mrgn-sm-lft-md {
		margin-left: 15px!important;
	}

	.mrgn-sm-rght-md {
		margin-right: 15px!important;
	}

	.mrgn-sm-lg {
		margin: 30px!important;
	}

	.mrgn-sm-tp-lg {
		margin-top: 30px!important;
	}

	.mrgn-sm-bttm-lg {
		margin-bottom: 30px!important;
	}

	.mrgn-sm-lft-lg {
		margin-left: 30px!important;
	}

	.mrgn-sm-rght-lg {
		margin-right: 30px!important;
	}

	.mrgn-sm-xl {
		margin: 50px!important;
	}

	.mrgn-sm-tp-xl {
		margin-top: 50px!important;
	}

	.mrgn-sm-bttm-xl {
		margin-bottom: 50px!important;
	}

	.mrgn-sm-lft-xl {
		margin-left: 50px!important;
	}

	.mrgn-sm-rght-xl {
		margin-right: 50px!important;
	}
}

@media (min-width: 992px) {
	.pddng-md-0 {
		padding: 0px!important;
	}

	.pddng-md-tp-0 {
		padding-top: 0px!important;
	}

	.pddng-md-bttm-0 {
		padding-bottom: 0px!important;
	}

	.pddng-md-lft-0 {
		padding-left: 0px!important;
	}

	.pddng-md-rght-0 {
		padding-right: 0px!important;
	}

	.pddng-md-sm {
		padding: 5px!important;
	}

	.pddng-md-tp-sm {
		padding-top: 5px!important;
	}

	.pddng-md-bttm-sm {
		padding-bottom: 5px!important;
	}

	.pddng-md-lft-sm {
		padding-left: 5px!important;
	}

	.pddng-md-rght-sm {
		padding-right: 5px!important;
	}

	.pddng-md-md {
		padding: 15px!important;
	}

	.pddng-md-tp-md {
		padding-top: 15px!important;
	}

	.pddng-md-bttm-md {
		padding-bottom: 15px!important;
	}

	.pddng-md-lft-md {
		padding-left: 15px!important;
	}

	.pddng-md-rght-md {
		padding-right: 15px!important;
	}

	.pddng-md-lg {
		padding: 30px!important;
	}

	.pddng-md-tp-lg {
		padding-top: 30px!important;
	}

	.pddng-md-bttm-lg {
		padding-bottom: 30px!important;
	}

	.pddng-md-lft-lg {
		padding-left: 30px!important;
	}

	.pddng-md-rght-lg {
		padding-right: 30px!important;
	}

	.pddng-md-xl {
		padding: 50px!important;
	}

	.pddng-md-tp-xl {
		padding-top: 50px!important;
	}

	.pddng-md-bttm-xl {
		padding-bottom: 50px!important;
	}

	.pddng-md-lft-xl {
		padding-left: 50px!important;
	}

	.pddng-md-rght-xl {
		padding-right: 50px!important;
	}
	
	.mrgn-md-0 {
		margin: 0px!important;
	}

	.mrgn-md-tp-0 {
		margin-top: 0px!important;
	}

	.mrgn-md-bttm-0 {
		margin-bottom: 0px!important;
	}

	.mrgn-md-lft-0 {
		margin-left: 0px!important;
	}

	.mrgn-md-rght-0 {
		margin-right: 0px!important;
	}

	.mrgn-md-sm {
		margin: 5px!important;
	}

	.mrgn-md-tp-sm {
		margin-top: 5px!important;
	}

	.mrgn-md-bttm-sm {
		margin-bottom: 5px!important;
	}

	.mrgn-md-lft-sm {
		margin-left: 5px!important;
	}

	.mrgn-md-rght-sm {
		margin-right: 5px!important;
	}

	.mrgn-md-md {
		margin: 15px!important;
	}

	.mrgn-md-tp-md {
		margin-top: 15px!important;
	}

	.mrgn-md-bttm-md {
		margin-bottom: 15px!important;
	}

	.mrgn-md-lft-md {
		margin-left: 15px!important;
	}

	.mrgn-md-rght-md {
		margin-right: 15px!important;
	}

	.mrgn-md-lg {
		margin: 30px!important;
	}

	.mrgn-md-tp-lg {
		margin-top: 30px!important;
	}

	.mrgn-md-bttm-lg {
		margin-bottom: 30px!important;
	}

	.mrgn-md-lft-lg {
		margin-left: 30px!important;
	}

	.mrgn-md-rght-lg {
		margin-right: 30px!important;
	}

	.mrgn-md-xl {
		margin: 50px!important;
	}

	.mrgn-md-tp-xl {
		margin-top: 50px!important;
	}

	.mrgn-md-bttm-xl {
		margin-bottom: 50px!important;
	}

	.mrgn-md-lft-xl {
		margin-left: 50px!important;
	}

	.mrgn-md-rght-xl {
		margin-right: 50px!important;
	}
}

@media (min-width: 1200px) {
	.pddng-lg-0 {
		padding: 0px!important;
	}

	.pddng-lg-tp-0 {
		padding-top: 0px!important;
	}

	.pddng-lg-bttm-0 {
		padding-bottom: 0px!important;
	}

	.pddng-lg-lft-0 {
		padding-left: 0px!important;
	}

	.pddng-lg-rght-0 {
		padding-right: 0px!important;
	}

	.pddng-lg-sm {
		padding: 5px!important;
	}

	.pddng-lg-tp-sm {
		padding-top: 5px!important;
	}

	.pddng-lg-bttm-sm {
		padding-bottom: 5px!important;
	}

	.pddng-lg-lft-sm {
		padding-left: 5px!important;
	}

	.pddng-lg-rght-sm {
		padding-right: 5px!important;
	}

	.pddng-lg-md {
		padding: 15px!important;
	}

	.pddng-lg-tp-md {
		padding-top: 15px!important;
	}

	.pddng-lg-bttm-md {
		padding-bottom: 15px!important;
	}

	.pddng-lg-lft-md {
		padding-left: 15px!important;
	}

	.pddng-lg-rght-md {
		padding-right: 15px!important;
	}

	.pddng-lg-lg {
		padding: 30px!important;
	}

	.pddng-lg-tp-lg {
		padding-top: 30px!important;
	}

	.pddng-lg-bttm-lg {
		padding-bottom: 30px!important;
	}

	.pddng-lg-lft-lg {
		padding-left: 30px!important;
	}

	.pddng-lg-rght-lg {
		padding-right: 30px!important;
	}

	.pddng-lg-xl {
		padding: 50px!important;
	}

	.pddng-lg-tp-xl {
		padding-top: 50px!important;
	}

	.pddng-lg-bttm-xl {
		padding-bottom: 50px!important;
	}

	.pddng-lg-lft-xl {
		padding-left: 50px!important;
	}

	.pddng-lg-rght-xl {
		padding-right: 50px!important;
	}
	
	.mrgn-lg-0 {
		margin: 0px!important;
	}

	.mrgn-lg-tp-0 {
		margin-top: 0px!important;
	}

	.mrgn-lg-bttm-0 {
		margin-bottom: 0px!important;
	}

	.mrgn-lg-lft-0 {
		margin-left: 0px!important;
	}

	.mrgn-lg-rght-0 {
		margin-right: 0px!important;
	}

	.mrgn-lg-sm {
		margin: 5px!important;
	}

	.mrgn-lg-tp-sm {
		margin-top: 5px!important;
	}

	.mrgn-lg-bttm-sm {
		margin-bottom: 5px!important;
	}

	.mrgn-lg-lft-sm {
		margin-left: 5px!important;
	}

	.mrgn-lg-rght-sm {
		margin-right: 5px!important;
	}

	.mrgn-lg-md {
		margin: 15px!important;
	}

	.mrgn-lg-tp-md {
		margin-top: 15px!important;
	}

	.mrgn-lg-bttm-md {
		margin-bottom: 15px!important;
	}

	.mrgn-lg-lft-md {
		margin-left: 15px!important;
	}

	.mrgn-lg-rght-md {
		margin-right: 15px!important;
	}

	.mrgn-lg-lg {
		margin: 30px!important;
	}

	.mrgn-lg-tp-lg {
		margin-top: 30px!important;
	}

	.mrgn-lg-bttm-lg {
		margin-bottom: 30px!important;
	}

	.mrgn-lg-lft-lg {
		margin-left: 30px!important;
	}

	.mrgn-lg-rght-lg {
		margin-right: 30px!important;
	}

	.mrgn-lg-xl {
		margin: 50px!important;
	}

	.mrgn-lg-tp-xl {
		margin-top: 50px!important;
	}

	.mrgn-lg-bttm-xl {
		margin-bottom: 50px!important;
	}

	.mrgn-lg-lft-xl {
		margin-left: 50px!important;
	}

	.mrgn-lg-rght-xl {
		margin-right: 50px!important;
	}
}

/* Adds the module-caption tag back, mostly for research stories */

.module-caption {
	font-size: 20px;
	padding-top: 5px;
	margin-bottom: 15px;
}
	
.module-caption p {
	margin-bottom: 6px;
}