/*!
Theme Name: HRE Underscores
Theme URI: http://underscores.me/
Author: Will Campbell
Author URI: http://hrandequity.utoronto.ca
Description: A custom Underscores theme for the Division of HR & Equity at U of T
Version: 1.0.15
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hre-underscores
Tags: human resources, university of toronto, post-secondary, blue, responsive

HRE Underscores AKA GRAY JAY is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

# Normalize
	## Document
	## Sections
	## Grouping content
	## Text-level semantics
	## Embedded content
	## Forms
	## Interactive
	## Misc
# Typography
	## Global
	## Headings
	## Body Copy
	## Checklist
# Elements
	## Bootstrap Overrides
	## Cards
	## Buttons
	## Alerts
# Forms
# Navigation
	## Pre-Header
	## Unopened Navigation
	## Header Bar
	## The Overlay
	## Links
	## Menus
	## Navigation Descriptions
# Content
	## Content Parts
		### Entry Hero
		### Sidekick
		### Continue Button (deprecated)
		### Context-row
	## Post Meta
	## Posts & Pages
		### Post Sidebar
		### Archive / Blog Sidebar
		### Vision Mission Values
		### Top Employer Card
		### Service Icons
		### Website Search
		### Benefits
		### Campus thumbnails
	## Call to Action Bar
	## Pair Module
	## Timeline
	## Comments
# Archive
# Accessibility
# Wellness Hub
# Stachethemes Events Calendar
# Contact 
# Footer
# Screensaver
# Contrast mode styles
	## Global Contrast Styles
	## Header / Hero
	## Menu
	## Context and Newsfeed
	## Cards
	## Footer
	## Forms / Inputs
	## The Events Calendar
# Alignments
# Clearings
# Widgets
# Infinite scroll
# Media
	## Captions
	## Galleries

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

/*--------------------------------------------------------------
# Normalize

normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Document 
--------------------------------------------------------------

	1. Correct the line height in all browsers.
	2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	scroll-behavior: smooth;

}

/*--------------------------------------------------------------
## Sections 
--------------------------------------------------------------

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 

h1 {
	font-size: 2em;
	margin: 0.67em 0;
} */

/*--------------------------------------------------------------
## Grouping content
--------------------------------------------------------------


/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/*--------------------------------------------------------------
## Text-level semantics
--------------------------------------------------------------

 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: 600;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: .8em;
    font-family: 'Open Sans', sans-serif;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
	text-decoration: none;
}

/*--------------------------------------------------------------
## Embedded content
--------------------------------------------------------------

 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/*--------------------------------------------------------------
## Forms
--------------------------------------------------------------

 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 1em; /* 1 */
	line-height: 1.3; /* 1 */
	margin: 0; /* 2 */
}

input, .card input { font-size: 0.8rem; }

.card input.search-field {
	color: #404040;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/*--------------------------------------------------------------
## Interactive
--------------------------------------------------------------
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/*--------------------------------------------------------------
## Misc
--------------------------------------------------------------

 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Global
--------------------------------------------------------------*/

html {
		font-family: 'Open Sans', 'Segoe UI', Arial, sans-serif;
}

body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: 'Open Sans', 'Segoe UI', Arial, sans-serif;
}

/*--------------------------------------------------------------
## Headings
--------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

#the-content *:not(.post-sidebar-pos-1) + h1, 
#the-content *:not(.post-sidebar-pos-1) + h2, 
#the-content *:not(.post-sidebar-pos-1) + h3, 
#the-content *:not(.post-sidebar-pos-1) + h4, 
#the-content *:not(.post-sidebar-pos-1) + h5, 
#the-content *:not(.post-sidebar-pos-1) + h6 {
	margin-top: 2rem;
}

/* Disable color change & underline for linked headers */
h1 > a:visited,
h2 > a:visited,
h3 > a:visited,
h4 > a:visited,
h5 > a:visited,
h6 > a:visited { 
	color: inherit; 
	text-decoration: none; 
} 

#page h1 > a:hover, #page h1 > a:focus 
#page h2 > a:hover, #page h2 > a:focus 
#page h3 > a:hover, #page h3 > a:focus 
#page h4 > a:hover, #page h4 > a:focus 
#page h5 > a:hover, #page h5 > a:focus 
#page h6 > a:hover, #page h6 > a:focus { color: #007FA3; }

h1, h1 > a { font-size: 3rem; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; color: #25355a; }
h2, h2 > a { font-size: 2rem; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; color: #007FA3; }
h3, h3 > a { font-size: 1.4rem; font-family: 'Open Sans', sans-serif; font-weight: 800; color: #25355a; }
h4, h4 > a { font-size: 1.2rem; font-weight: 700; color: #007FA3; }
h5, h5 > a { font-size: 1rem; font-weight: 700; color: #25355a; }
h6, h6 > a { font-size: 0.9rem; text-transform: uppercase; letter-spacing: 1px; color: #404040; }

.lead { font-weight: 600; }

.page-title { 
	color: #007FA3;
	font-size: 2rem;
	margin-top: 5px; 
	margin-bottom: 0; 	
	text-transform: uppercase;
}

.breadcrumbs {
	display: inline-block;
	font-style: italic;
	margin-left: 1.5rem;}

.breadcrumbs a:not(.btn) {
	text-decoration: none;
}

article header.entry-header h1.entry-title, .tagline { 
	margin-top: 0; 
	margin-bottom: 0.5rem; 
	font-size: 3rem;
	color: #25355A;
	font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 900;
    line-height: 1.3em;
}

.tagline p { margin-bottom: 0; }

.header-label a {
	color: #25355A;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 20px;
	font-weight: 900;
	text-transform: uppercase;
}

/*--------------------------------------------------------------
## Body Copy
--------------------------------------------------------------*/

p {
	margin-bottom: 1rem;
}

#the-content p {
	margin-bottom: 1.3rem;
}

/* Override wpautop by removing sizing from empty paragraphs */

p:blank, p:empty, p:moz-only-whitespace {
	display: none;
}

/* Hyperlinks that aren't part of a button have an underline */
main a:not(.btn) { 
	text-decoration: underline;
}

/* Hyperlinks that are part of a heading don't have an underline */
main h1 > a:not(.btn), main a > h1:not(.btn),
main h2 > a:not(.btn), main a > h2:not(.btn),
main h3 > a:not(.btn), main a > h3:not(.btn), 
main h4 > a:not(.btn), main a > h4:not(.btn), 
main h5 > a:not(.btn), main a > h5:not(.btn), 
main h6 > a:not(.btn), main a > h6:not(.btn) {
	text-decoration: none;
}

/* Hyperlinks that are part of post meta don't have an underline */
.post-meta-top a:not(.btn), .post-title > a:not(.btn), post-meta-bottom a:not(.btn) {
	text-decoration: none;
}



dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.5em;
	font-weight: 600;
}

p + blockquote {
	margin: 2rem 0;
}

.entry-content > blockquote:first-child {
	margin: 0 0 2rem;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	color: #555;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
## Checklist
--------------------------------------------------------------*/

.checklist {
	list-style: none;
	padding: 0;

}

.checklist li:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #18A54A;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: '\f00c'; 
    margin-right: .75rem; 
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

.site-footer {
	background: #25355a;
	color: #fff;
}

.site-footer a {
	color: #fff;
}

a {
	color: #007FA3;
}

a:hover, a:focus, a:active {
	color: #25355a;
}

a { transition: all 400ms ease; }
a:hover { transition: all 100ms ease; }

.footer-nav a:focus, .footer-links-wrapper a:focus {
	color: #f2f3f7;
    outline: none;
    border-bottom: 1px solid;
}

hr {
	background-color: #eee;
	border: 0;
	height: 2px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 0;
	padding-inline-start: 30px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

.list-small-num {
	counter-reset:li; /* Initiate a counter */
	margin-left:0; /* Remove the default left margin */
	padding-left:0; /* Remove the default left padding */
}

.list-small-num > li {
	position:relative; /* Create a positioning context */
	padding:4px 8px; /* Add some spacing around the content */
	list-style:none; /* Disable the normal item numbering */
}

.list-small-num > li > *:before {
	color: #007FA3;
	content:counter(li); /* Use the counter as content */
	counter-increment:li; /* Increment the counter by 1 */
	/* Position and style the number */
	position:abs.list-small-numute;
	top:-2px;
	left:-2em;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:2em;
	/* Some space between the number and the content in browsers that support
	   generated content but not positioning it (Camino 2 is one example) */
	margin-right:8px;
	padding:4px;
	font-weight: 100;
	font-family:"Helvetica Neue", Arial, sans-serif;
	font-size: .8rem;
	text-align:center;
}

li .list-small-num {margin-top:6px; margin-bottom: 6px;}
.list-small-num .list-small-num li:last-child {margin-bottom:0;}

#main li > a { 
	margin-bottom: .5rem;
	/* display: block; */
	}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

.list-unstyled li ul {
	margin-bottom: 2rem;
}

article.post ul, 
article.post ol, 
article.post li > ul, 
article.post li > ol { margin-left: 0; } 

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	margin-top: 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* make table-col-12 tables wider than body copy max-width */

article.category-memos .table-col-12 {
	width: 75vw;
	position: relative;
	float: left;
}

/*--------------------------------------------------------------
## Bootstrap overrides
--------------------------------------------------------------*/

.search .excerpt-row {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 	-15px;
    margin-left: 	-15px;
}

.post-type-archive-wellness_posttype .excerpt-row {
	margin-right: 	0;
    margin-left: 	0;
}

/*--------------------------------------------------------------
## Cards
--------------------------------------------------------------*/

#the-content .card h1, 
#the-content .card h2, 
#the-content .card h3, 
#the-content .card h4, 
#the-content .card h5, 
#the-content .card h6,
#the-content .card-header h1, 
#the-content .card-header h2, 
#the-content .card-header h3, 
#the-content .card-header h4, 
#the-content .card-header h5, 
#the-content .card-header h6 {
	margin-top: 0;
}

/* Wellness programs toggle */
a.collapse-toggle, 
a.collapse-toggle:hover,
a.collapse-toggle:not(.btn),
a.collapse-toggle:hover:not(.btn)  { 
  	text-decoration: none; 
  }

a.collapse-toggle * { line-height: 1.2; }

/**/

.card-header h1, 
.card-header h2, 
.card-header h3, 
.card-header h4, 
.card-header h5, 
.card-header h6 {
	margin-bottom: 0;
}

.card-body p a:not(.btn) { text-decoration: underline; }

.card-body > ul:only-child {
	margin-bottom: 0;
}

.card-body > ul > li:nth-child(n+2) h1,
.card-body > ul > li:nth-child(n+2) h2,
.card-body > ul > li:nth-child(n+2) h3,
.card-body > ul > li:nth-child(n+2) h4,
.card-body > ul > li:nth-child(n+2) h5,
.card-body > ul > li:nth-child(n+2) h6 {
	margin-top: 1em;
}

.post-sidebar .card, 
.entry-content > .card, 
.entry-content *:not(.card-deck) .card, 
.entry-content *:not(.card-columns) .card {
	margin-bottom: 1em;
}

.card .card-footer {
	align-items: center;
	color: #404040;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 1.25rem;
}

.card .card-footer .search-field { width: 100%; }

.card .card-footer .search-form { 
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.card-footer .search-form .search-submit {
	font-weight: bold;
	background-color: #3b578f;
	color: white;
	border:none;
}

.card-footer .search-form .search-submit:hover {
	background-color: #007fa3;
	color: white;
}

.card .card-footer .search-form label { margin-bottom: 0; }

/* add bottom margin at XS */
@media (min-width: 576px) {
	.card-deck .card {
		margin-bottom: 15px;
	}
}

/* card masonry */

.cards-array *, .cards-array *:before, .cards-array *:after {box-sizing:  border-box !important;}

.cards-array.row {
	margin-top: 5rem;

	-moz-column-width: 17em;
	-webkit-column-width: 17em;
	-moz-column-gap: .5em;
	-webkit-column-gap: .5em; 
}


/* Column count --- */

/* SM */
@media (max-width: 768px) {
    .card-columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

/* MD */
@media (min-width: 768px) {
    .card-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

/* LG */
@media (min-width: 992px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

/* /masonry */


.cards-array .card-title {
	font-weight: bold;
	margin-bottom: 0;
}

.cards-array .award-cat a {
	color: #007fa3;
    text-decoration: none;
    font-size: .8rem;
}

#awards .card .card-body {
	font-size: 1em;
	word-wrap: break-word;
}



/*--------------------------------------------------------------
## Buttons
--------------------------------------------------------------*/

.btn, .stec .btn, .nav-previous a, .nav-next a {
	border: solid 0 rgba(0,0,0,0);
	border-radius: 4px;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.8rem;	
	font-weight: 600;	
	padding: 10px 40px;
	text-decoration: none;
	transition: all 400ms ease;
	letter-spacing: .3px;
	/* white-space: nowrap; < Overflows page width */
}

.btn:hover {
	box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	border-color: rgba(0,0,0,0);
	color: white;
	transition: all 100ms ease;
}

.nav-previous a:hover, .nav-next a:hover, .nav-previous a:focus, .nav-next a:focus {
	transition: all 100ms ease;
	font-weight: bold;
	text-decoration: none;
	color: #007fa3;
}

.btn:focus {
	box-shadow: 0 0 0 2px #ffffff, 0 0 3px 5px #3a97f9;
}

/* sets 2px border-width for any elements classified ".btn-outline-" */
[class^="btn-outline-"], [class*="btn-outline-"] {
	border-width: 2px;
	padding: 8px 40px;
}

[class^="btn-outline-"]:hover, [class*="btn-outline-"]:hover {
	border-color: rgba(0,0,0,0);
}

/* Disabled */

.btn.disabled { opacity: 0.6; }


/* PRIMARY */

.btn-primary, 
.btn-default, 
.btn-primary.disabled, 
.btn-default.disabled {
	background-color: #007FA3;
	color: white;
}

.btn-outline-primary,
.btn-outline-primary.disabled {
	color: #007FA3;
	border-color: #007FA3;
}

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-outline-primary:hover, 
.btn-outline-primary:focus, .btn-primary:not(:disabled):not(.disabled):active, /* override _buttons.scss*/
.btn-outline-primary:active {
	background-color: #0DA7C9;
    border-color: rgba(0,0,0,0);
    color: white;
}

 

.btn-outline-primary:hover, 
.btn-outline-primary:focus,
.btn-outline-primary:active {
	background-color: #007FA3;
}

.contrast .btn-outline-primary.disabled { color: white; }

/* SECONDARY */

.btn-secondary, 
.btn-secondary.disabled {
	background-color: #3b578f;
	color: white;
}

.btn-outline-secondary,
.btn-outline-secondary.disabled {
	border-color: #3b578f;
	color: #3b578f;
}

.btn-secondary:hover, 
.btn-secondary:focus,
.btn-secondary:active {
	background-color: #007FA3 !important;
	color: white;
}

.btn-outline-secondary:hover, 
.btn-outline-secondary:focus,
.btn-outline-secondary:active {
	background-color: #3b578f;
    border-color: rgba(0,0,0,0);
}

.btn-secondary.dropdown-toggle { background-color: #25355A !important; }

.dropdown-toggle::after { margin-left: 1em; }

.contrast .btn-secondary { color: #25355a; background-color: white; }
.contrast .btn-secondary:hover, .contrast .btn-secondary:active, .contrast .btn-secondary:focus { color: white; background-color: #007FA3; }

.contrast .btn-outline-secondary { border-color: white; }

.contrast .btn-outline-secondary:hover, 
.contrast .btn-outline-secondary:active, 
.contrast .btn-outline-secondary:focus { background-color: white; color:#25355A; }

.contrast .btn-outline-secondary.disabled { color: white; }

/* LINK, NAV */

.btn-link, .btn-link.disabled {
	min-width: 115px;
    /* max-height: 36px; */
    color: #007FA3;
    background: white;
    border: none;
	padding: 9px 15px;
	display: inline-block;
}

.nav-previous a, 
.nav-next a,
a.nav-previous, 
a.nav-next {
	color: #007FA3;
	border: none;
	padding: 9px 15px;
	display: inline-block;
}

.btn-link:after, 
.nav-previous a:before, 
.nav-next a:after,
a.nav-previous:before, 
a.nav-next:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.nav-previous a:before, 
a.nav-previous:before { content: '\f060'; margin-right: 5px; }

.btn-link:after, 
.nav-next a:after, 
a.nav-next:after { content: '\f061'; margin-left: 5px; }

.news-search .btn-link:after { content: '\f002'; }

.btn-link:hover, 
.btn-link:focus, 
.btn-link:active,
.nav-previous a:hover,
.nav-previous a:focus, 
.nav-previous a:active,  
.nav-next a:hover,
.nav-next a:focus,
.nav-next a:active,
a.nav-previous:hover, 
a.nav-previous:focus, 
a.nav-previous:active, 
a.nav-next:hover,
a.nav-next:focus,
a.nav-next:active {
	background-color: #007FA3;
	color: white;
	text-decoration: none;
}

.contrast .btn-link.disabled { color: white; }

.contrast .btn-link { background-color: rgba(0,0,0,0); }

.contrast .nav-previous a, 
.contrast .nav-next a { color: white; }

.contrast .btn-link:hover, .contrast .btn-link:focus, .contrast .btn-link:active { background-color: #0DA7C9; }

/* SUCCESS */

.btn-success, 
.btn-success.disabled {
	background-color: #168542;
	color: white;
}

.btn-outline-success,
.btn-outline-success.disabled {
	border-color: #168542;
	color: #168542;
}

.btn-success:hover, 
.btn-success:focus, 
.btn-success:active {
	background-color: #18A54A;
}

.btn-outline-success:hover, 
.btn-outline-success:focus, 
.btn-outline-success:active {
	background-color: #168542;
}

.contrast .btn-outline-success.disabled { color: white; }

/* INFO */

.btn-info,
.btn-info.disabled {
	background-color: #B7D2EE;
	color: #383838;
}

.btn-outline-info,
.btn-outline-info.disabled {
	border-color: #B7D2EE;
	color: #383838;
}

.btn-info:hover, 
.btn-info:focus,
.btn-info:active {
	background-color: #819CC7;
}

.btn-outline-info:hover, 
.btn-outline-info:focus,
.btn-outline-info:active {
	background-color: #B7D2EE;
	color: #383838;
}

.contrast .btn-info { color: #383838; }
.contrast .btn-outline-info.disabled { color: white; }

/* WARNING */

.btn-warning,
.btn-warning.disabled {
	background-color: #f6d256;
	color: #383838;
}

.btn-outline-warning,
.btn-outline-warning.disabled {
	border-color: #f6d256;
	color: #383838;
}

.btn-warning:hover, 
.btn-warning:focus,
.btn-warning:active {
	background-color: #fee27e !important;
	color: #383838;
}

.btn-outline-warning:hover, 
.btn-outline-warning:focus,
.btn-outline-warning:active {
	background-color: #f6d256;
	color: #383838;
}

.contrast .btn-warning { color: #383838; }
.contrast .btn-outline-warning.disabled { color: white; }

/* DANGER */

.btn-danger,
.btn-danger.disabled {
	background-color: #c92a39;
	color: #fff;
}

.btn-outline-danger,
.btn-outline-danger.disabled {
	border-color: #c92a39;
	color: #c92a39;
}

.btn-danger:hover, 
.btn-danger:focus,
.btn-danger:active {
	background-color: #f05566;
}

.btn-outline-danger:hover, 
.btn-outline-danger:focus,
.btn-outline-danger:active {
	background-color: #c92a39;
}

.contrast .btn-outline-danger.disabled { color: white; }

/* DARK */

.btn-dark,
.btn-dark.disabled {
	background-color: rgba(0,0,0,0.6);
	color: #fff;
}

.btn-outline-dark,
.btn-outline-dark.disabled {
	border-color: rgba(0,0,0,0.6);
	color: #383838;
}

.btn-dark:hover, 
.btn-dark:focus,
.btn-dark:active {
	background-color: #484848;
}

.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark:active {
	background-color: rgba(0,0,0,0.6);
}

.contrast .btn-dark 		{ background-color: rgba(0,0,0,0.3); color: white; }
.contrast .btn-dark:hover 	{ background-color: rgba(0,0,0,0.5); }

.contrast .btn-outline-dark,.contrast .btn-outline-dark.disabled 		{ color: white; }
.contrast .btn-outline-dark:hover 	{ background-color: rgba(0,0,0,0.3); }



/* LIGHT */

.btn-light,
.btn-light.disabled {
	background-color: rgba(0,0,0,0.1);
	color: #383838;
}

.btn-outline-light,
.btn-outline-light.disabled {
	border-color: #e2e2e2;
	color: #383838;
}

.btn-light:hover, 
.btn-light:focus, 
.btn-light:active, 
.btn-outline-light:hover, 
.btn-outline-light:focus,
.btn-outline-light:active {
	background-color: rgba(0,0,0,0.05);
	color: #383838;
}

.contrast .btn-light,
.contrast .btn-light.disabled, 
.contrast .btn-light:visited { background-color: rgba(255,255,255,0.7); color: #383838; }

.contrast .btn-light:hover, 
.contrast .btn-light:focus,
.contrast .btn-light:active { background-color: rgba(255,255,255,0.9); }

.contrast .btn-outline-light:hover, 
.contrast .btn-outline-light:focus,
.contrast .btn-outline-light:active { background-color: rgba(255,255,255,0.7); border-color: rgba(255,255,255,0); }

.contrast .btn-light.disabled { color: #383838; }
.contrast .btn-outline-light.disabled { color: white; }

/*--------------------------------------------------------------
## Alerts
--------------------------------------------------------------*/

.alert {
    border-radius: 4px;
    border-color: rgba(0, 0, 0, 0.1);
    color: #383838;
}

.alert a:not(.btn) {
	text-decoration: underline;
}

/* PRIMARY */

.alert-primary {
	background-color: rgba(0, 127, 163, 0.2);
}

.alert-primary a:not(.btn) {
	color: #007FA3;
}

.contrast .alert-primary {
	background-color: rgba(0, 127, 163, 1);
	color: white;
}

.contrast .alert-primary a:not(.btn) {
	color: white;
}

/* SECONDARY */

.alert-secondary {
	background-color: rgba(59, 87, 143, 0.2);
}

.contrast .alert-secondary {
	background-color: rgba(59, 87, 143, 1);
	color: white;
}

.alert-secondary a:not(.btn) {
	color: #3B578F;
}

/* SUCCESS */

.alert-success {
	background-color: rgba(22, 133, 66, 0.2);
}

.contrast .alert-success {
	background-color: rgba(22, 133, 66, 1);
	color: white;
}

.alert-success a:not(.btn) {
	color: #168542;
}

/* INFO */

.alert-info, .tribe-events-notices {
	background-color: rgba(0,0,0, 0.1);
	color: #383838;
	font-size: 0.8rem;
	text-shadow: none;
}

.contrast .alert-info, .contrast .tribe-events-notices {
	color: white;
	background-color: rgba(0,0,0, 0.2);
}

/* WARNING */

.alert-warning {
	background-color: rgba(246, 210, 86, 0.2);
	color: #383838;
}

.contrast .alert-warning {
	background-color: rgba(246, 210, 86, 1);
}	

.contrast .alert-warning a {
	color: #856404;
}

.contrast .alert-warning a:not(.btn):hover {
	color: #383838;
}

/* DANGER */

.alert-danger {
	background-color: rgba(201, 42, 57, 0.3);
}

.contrast .alert-danger {
	background-color: rgba(201, 42, 57, 1);
	color: white;
}

.alert-danger a:not(.btn) {
	color: #c92a39;
}

.contrast .alert-danger a:not(.btn) {
	color: white;
}

.contrast .alert-danger a:not(.btn):hover {
	color: #383838;
}

/* DARK */

.alert-dark {
	background-color: rgba(0,0,0,0.6);
	color: white;
}

.alert-dark a {
	color: #B7D2EE;
}

.contrast .alert-dark {
	background-color: rgba(0,0,0,0.1);
	color: white;
}

/* LIGHT */

.alert-light {
	background-color: rgba(0,0,0,0.1);
	color: #383838;
}

.contrast .alert-light {
	background-color: rgba(255,255,255,0.1);
	color: white;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 4px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 0.8rem;
	line-height: 1;
	padding: 10px 20px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 10px 20px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

.headerRight form { display: inline-block; }

.headerRight form input.search-submit { display: none; }

.msHeaderAlert { display: none; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Pre-Header
--------------------------------------------------------------*/

#pre-header-wrapper {
	border-bottom: #e1e3e7 solid 1px;	
	background-color: #f1f3f7;
	position: absolute;
    width: 100%;
    z-index: 2;
}

#pre-header {
	flex-direction: row;
	justify-content: space-between;
	font-size: 0.8em;
	padding: 5px 30px;
}

#pre-header > a {
    line-height: 1.7em;
    color: #25355A;
}

#pre-header > a:first-child {
    color: #25355a;
    font-weight: 600;
}

#pre-header > a:first-child:hover {
	color: #007FA3;
	text-decoration: none;
}

#pre-header > a:focus {
	color: #007FA3;
	text-decoration: underline;
}

#pre-header > a:first-child:before {
	content: "\f015";
	margin-right: 10px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
}

#pre-header > a:focus:before {
	text-decoration: none;
}

#pre-header span button {
	display: inline-block;
    border-radius: 1em;
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    line-height: 1.6em;
    padding: 0 10px;
}

#pre-header span button:active, #pre-header span button:focus {
	border: solid 1px #007fa3;
}

#contrast-toggle-a {
	background-color: #fff;
	color: #25355a;
}

#contrast-toggle-b {
	background-color: #25355a;
	color: #fff;
}

#contrast-toggle-a:hover, #contrast-toggle-a:focus, #contrast-toggle-a:active, #contrast-toggle-b:hover, #contrast-toggle-b:focus, #contrast-toggle-b:active {
	background-color: #007fa3;
	color: #fff;
	text-decoration: none;
}


/*--------------------------------------------------------------
## Unopened Navigation
--------------------------------------------------------------*/

/* Nav toggle icon styles */

.nav-toggle:hover, #nav-close:hover { color: #007FA3; }

.nav-toggle label, #nav-search label {
	cursor: pointer;
}

.headerRight span {
	display: inline-block;
}

.headerRight span.nav-toggle, .headerRight span#nav-close { width: 4em; text-align: center; } 

.headerRight span[role="button"]:hover {
	cursor: pointer;
}

.headerRight span.search-wrapper {
	vertical-align: top;
}

.headerRight label {
	font-size: 0.8em;
	letter-spacing: 1px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 600;
}

.nav-container .headerRight span#nav-close i:before {
	color: #2b2b2b;
}

.nav-container .headerRight label {
	color: #2b2b2b;
	cursor: pointer;
}

/*--------------------------------------------------------------
## Header Bar
--------------------------------------------------------------*/

.headerLogo {
	max-width: 200px;
    height: auto;
    padding: 15px 0 15px 15px;
}

.nav-open .headerBar {
    min-height: 127px;
    }

.headerBar-wrapper {
	padding-top: 32px;
}

@media screen and (max-width:576px) {
	.headerBar-wrapper {
		padding-top: 0;
	}
}

.headerBar {
	min-height: 160px;
	align-items: center;
}

/* U of T Signature hover text label */
@media screen and (min-width:768px) {
	.headerBar .headerLogo-wrapper a:hover:after {
		content: 'Go to utoronto.ca';
		display: inline-block;
		margin-left: 4rem;
		color: #007fa3;
		font-size: 0.9rem;
		font-weight: 300;
		font-style: italic;
	}

	.contrast .headerBar .headerLogo-wrapper a:hover:after {
		color: #B7D2EE;
	}
}

.headerBar a#hre-home {
	color: #25355A;
	margin-left: 3.5rem;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.7rem;
	font-weight: 900;
}

.headerBar a#hre-home:hover {
	text-decoration: none;
	color: #007FA3;
}

.headerRight {
	margin-left: auto;
	display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

@media screen and (max-width: 576px) {
	.nav-container .search-wrapper .search-form, .nav-container .search-wrapper .search-form label, .nav-container .search-wrapper .search-form label .search-field { width: 100%; }  
	.headerBar { min-height: 10px; }
	#pre-header { justify-content: center; }
}

@media screen and (max-width: 992px) {
	.nav-container .headerRight { flex-wrap: wrap; justify-content: space-between; }
	.nav-container .headerRight .search-wrapper { width: 70%; }
	.nav-container .headerRight .btn-esc { order: 3; width: 100%; margin: 0 15px; background-color: #3B578F; color: white; transition: all ease 400ms; }
	.nav-container .headerRight .btn-esc:hover { background-color: #007FA3; transition: all ease 200ms; }
	.nav-container .headerLogo-wrapper { text-align: center; }
	.nav-open .headerLogo-wrapper a h2 { padding-top: 15px; }
	.nav-open .headerBar { margin-bottom: 3vh; }
	.nav-open nav > a { margin: 5vh 0; }
}

.headerRight i {
	padding: 15px 15px 0 15px;
	font-size: 20px;
	width: 100%;
	opacity: 1;
	margin-bottom: -1px;
}

.headerRight .btn-esc-info i {
	padding: 0;
	font-size: 20px;
	margin-bottom: 0;
	color: #3b578f;
}

.headerRight .search-field {
	height: 3em;
    /* border: 0;
    background: rgba(0,0,0,0.2); */
    color: #2b2b2b;
    padding: 18.5px;
}

.headerRight input[type="search"]:focus { color: #2b2b2b; }

::-webkit-input-placeholder { /* WebKit browsers */
    color:  #404040 !important;
    font-size: 0.8rem;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:  #404040 !important;
    font-size: 0.8rem;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:  #404040 !important;
    font-size: 0.8rem;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:  #404040;
    font-size: 0.8rem;
}

.headerRight .search-form, .headerRight .btn-esc {
	vertical-align: top;
    margin: 15px 15px 24px 15px;
}

.headerRight .btn-esc {
	height: 39px;
    padding: 10px 20px;
}

.headerRight .btn-esc-info {
	margin-right:0;
	margin-left:0;
	padding: 10px 14px;
}

/*--------------------------------------------------------------
## The Overlay
--------------------------------------------------------------*/

body.overflow-hidden {
	/* transform: translate(-8px, 0); /* compensates for scrollbar width, fixing overlay movement */
}

.nav-container {
	/* padding-top: 1.5rem; nav-open has padding-top */
	padding-bottom: 100px;
	display: none;
	height: 100%;
	width: 100%;
	position: fixed;
	background-color: white;
	overflow: scroll;
	overflow-x: hidden; /* Disable horizontal scroll */
	z-index: 999;
	left: 0;
	top: 33px; /* make space for preheader */
}


@media screen and (max-width: 576px) {
	.nav-container {
		top: 0px; /* no space for preheader */
	}
}

/* Hide scrollbar for Chrome, Safari and Opera */
.nav-container::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE and Edge */
.nav-container {
  -ms-overflow-style: none;
}

.nav-open { 
	display: block;
	padding-top: 0.5rem;
	transition: padding-top 200ms ease;
	}

.nav-open .headerLogo-wrapper a:hover { text-decoration: none; }

.nav-open .headerLogo-wrapper a h2 {
	color: white;
}

.nav-content-wrapper nav {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	max-height: 70vh;
}

.menu-employee-nav-container { margin-top: 30px; padding-bottom: 15vh; }

.headerRight .search-form {
	vertical-align: top;
    margin: 15px;
}

.search .search-form .search-submit {
	font-weight: bold;
}

/* Nav illustrations */

.navDescThumbnail {
	max-height: 300px;
	max-width: 400px;
	margin-top: 15vh;
	display: block;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

#primary-menu li a {
	color: #25355a;
}

#primary-menu li a:hover,#primary-menu > li[aria-expanded="false"] > a:hover:after {
	color: #007FA3;
	text-decoration: none;
	font-weight: bold;
}

#primary-menu li[aria-expanded="true"] > a {
    color: #007FA3;
}

#primary-menu > li > a:after {
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 0.5em;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    margin-left: 1em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: relative;
}

#primary-menu > li[aria-expanded="false"] > a:after {
	content: '\f107';
    color: #3B578F;
    top: -0.5em;
}

#primary-menu > li[aria-expanded="true"] > a:after {
    content: '\f106';
    color: #007FA3;
    top: -0.25em;
}

#primary-menu > li > a {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 600;
}


#site-navigation .menu-primary-nav-container > ul > li > a {
	font-size: 5vh;
}

#site-navigation .menu-employee-nav-container > ul > li > a {
	font-size: 1.3rem;
}

#site-navigation ul ul{
	margin-left: 15px;
}

#site-navigation ul ul li a {
	font-size: 1em;
	display: inline-block;
	width: 100%;
	padding: 5px 0;
}

@media screen and (min-width:992px){
	#site-navigation {
		/* padding-left: 0; */
	}
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

/* Hide all sub-menus */
#primary-menu li ul.sub-menu {
	display: none;
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
	width: 100%;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

#secondary-menu { line-height: 2.3rem; }


/*--------------------------------------------------------------
## Navigation Descriptions
--------------------------------------------------------------*/

.nav-description {
	display: none;
}

.navdesc-show {
	display: block;
}

.nav-description h1 {
	margin-top: 0;
	margin-bottom: 10px;
}

.nav-description button {
	display: block;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/* #content article:not(.has-post-thumbnail) { padding-top: 20px; } */

.salary-grid-meta { font-style: italic; }


/*--------------------------------------------------------------
## Content Parts
--------------------------------------------------------------*/


/* ### Entry-hero styles --------- */

.entry-hero {
	min-height: 45vh;
	background-color: white;
    background-size: cover;
    background-position: center right;
    padding: 10vh 0;
    -moz-box-shadow: inset 68.333333vw 0 150px -50px rgba(255,255,255,0.9);
    -webkit-box-shadow: inset 68.333333vw 0 150px -50px rgba(255,255,255,0.9);
    box-shadow: inset 68.333333vw 0 150px -50px rgba(255,255,255,0.9);
}

.entry-hero .hero-wrapper {
	display: flex;
	flex-direction: column;
}

.entry-hero .hero-subtext {
	color: #2b2b2b;
	font-size: 1em;
}

.mobile-hero {
	background-color: #25355A;
}

.mobile-hero img { 
		object-fit: cover;
		object-position: right;
		height: 25vh;
	    width: 100%;
    }

@media screen and (min-width: 768px) {
	/* Hero card accessibility on light contrast mode */
	body:not(.contrast) .hasThumbnail .hero-wrapper > div {
		padding:15px;
		border-radius: 4px;
		padding-top: 5px;
	}
}

@media screen and (max-width: 768px) {
	.entry-hero { 
		min-height: 0; 
		
		/* overrides moustache bg-img */
		background-image: none !important;
		padding: 0;
	}
	.entry-header .hero-wrapper > div { padding-left: 0; }
	.entry-header .page-title { font-size: 1.3em; }
	.entry-header .tagline { font-size: 2em; }
	.entry-header .breadcrumbs { line-height: 1.5em; }
	.entry-header .hero-subtext { font-size: 1em; }
	.entry-header .hero-wrapper { 
		background: white; 
		padding: 30px; 
	}
	
}


/* ### Sidekick styles -----------------*/

    #sidekick {	    
	   	backdrop-filter: blur(10px);
	    background: rgba(255,255,255,0.7);
	    margin-top: 3vw;
	    margin-bottom: -10vh;
	    position: relative;
	    text-decoration: none;

    }

    #sidekick .container {
    	padding: 0;
    }

    .sidekick-content h2 {
    	color: #25355A;
    }

    .sidekick-content p {
    	color: #212529;
    }

    .sidekick-content p:last-of-type {
    	margin-bottom: 0;
    }

    #sidekick .sidekick-content .card-body > span {
    	display: flex;
	    max-width: 45vw;
	    flex-direction: column;	
    }
    

    /* multiple sidekicks --- */

    #sidekick .card {
    	background: none;
    	border: 2px solid white;
    }

    #sidekick .card-body {
    	padding: 2rem;
    }

    #sidekick .sidekick-content .card-body > p {
	    	margin-top: 1rem;
	    }

    /* Contrast Sidekick */
	.contrast #sidekick {
    	background: rgba(37, 53, 90,0.75);
    }

    @media (max-width: 768px) {
	    #sidekick {
	    	margin-bottom: 0;
	    	margin-top: 0;
	    }
	}

	/* MOBILE STYLES */
	@media (max-width: 576px) {
	    .sidekick-content {
	    	margin-top: 30px;
	    }

	    #sidekick .card {
	    	border: none;
	    }

	    #sidekick .sidekick-content .card-body {
	    	padding: 0;
	    }

	    #sidekick .sidekick-content .card-body > span {
	    	display: none;
	    	max-width: 100vw;
	    }

	    #sidekick .sidekick-content .card-body > p {
	    	margin-top: 0;
	    }
	}

	@media (max-width: 996px) {
	    .sidekick-content {
	    	margin-top: 30px;
	    }
	}

	@media (min-width: 1370px) {
	    #sidekick {
	    	padding-left: 65px;
	    	padding-right: 40px;
	    }
	}




/* ### Continue button styles --------- */


.continue-btn {
	display: block;
    position: relative;
    top: -32px;
    width: 64px;
    margin: 0 auto;
    text-align: center;
    opacity: 0.8;
}

.continue-btn:hover {
	transform: translateY(3px);
	text-decoration: none;
	color: #007fa3;
	opacity: 1;
}

.continue-btn:after {
	color: #007fa3;
	content: 'continue';
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.8em;
	font-weight: 700;

}

/* ### Context-row --------- */

.has-post-thumbnail .content-anchor-wrapper, .has-post-thumbnail .context-feed-container {
	background-image: linear-gradient(to bottom, #f2f4f7, white); 
	background-color: #f2f4f7;	
}

@media screen and (min-width: 992px) {
	.context-feed-container {
		padding: 50px 0;
	}
}

.context-row .context-wrapper {
	/* border: solid 2px white; */
	border-radius: 4px;
	display: flex;
	display: -ms-flexbox;
	flex-direction: column;
    justify-content: space-between;
	padding: 30px;
}

.context-row .container-fluid {
	padding-top: 30px;
	padding-bottom: 30px;
	display: flex;
}

.context-row .context-wrapper img:first-child {
    max-width: 80%;
    margin: 0 auto 10px;
    display: block;
    position: relative;    
}

.context-row .context-wrapper img.d-none {
	max-width: 100%;
}

.context-row .news-wrapper {
	background-color: white;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	padding: 30px 15px;
	border-radius: 4px;
}

.context-row .news-wrapper .news-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.context-row .news-wrapper .news-container .news-post-list {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.news-post-list, .post-categories {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.archive .post-meta-top ul.post-categories {     
	display: flex;
}

/* force News and Memos class items to first position */
.post-meta-top ul.post-categories li.Memos,
.post-meta-top ul.post-categories li.News {     
	order: -1;
	margin-left: 0;
}

.feed-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.news-search a {
	color: #007FA3;
}

.news-wrapper .header-label, .context-row .news-wrapper .news-post-list > li {
	margin-bottom: 20px;
	display: block;
}

.news-wrapper .header-label { line-height: .6em; }

@media screen and (max-width: 992px) {
	.context-row .context-wrapper { border: none; padding-bottom: 50px;	}
	.context-row { margin-bottom: 50px; }
}


/* Create a 10px gap between context cards on tablet/desktop screens */
@media screen and (min-width: 992px) {
	.context-row .context-wrapper {
		margin-right: 5px;
		margin-left: -5px;
	}

	.context-row .news-wrapper {
		margin-right: -5px;
		margin-left: 5px;
	}
}


/*--------------------------------------------------------------
## Post Meta
--------------------------------------------------------------*/

article .post-date {
	margin-right: 15px;
}

article .post-categories {
	margin-right: 30px;
}

article .post-categories li {
	display: inline-block;
	margin-left: 15px;
}

article .memoNum {
	display: inline-block;
	color: #666;
}

article .post-title {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.5em;
	line-height: 1.1em;
	font-weight: 800;
	margin-top: 3px;
	margin-bottom: 3px;
	display: block;
}

.context-row .news-wrapper .post-meta-bottom a:first-child {
	margin-top: 9px;
	text-overflow: ellipsis;
    max-width: 60%;
    white-space: nowrap;
    overflow: hidden;
}

.post-title a {			color: #25355a; }
.post-title a:hover {	color: #007FA3; text-decoration: none; }

.post-title a, .post-meta-bottom a:first-child { 				transition: all 100ms ease; }
.post-title a:hover, .post-meta-bottom a:first-child:hover  { 	transition: all 100ms ease; }

.post-meta-top { font-size: 0.9rem; align-items: baseline; flex-wrap: wrap; }
.post-meta-bottom, .post-meta-from { font-size: 0.8rem; }

.post-meta-from span { color: #007fa3; }
.post-meta-from a:not(.btn) { text-decoration: none; }

.post-meta-bottom {
	display: flex; 
	flex-direction: row;
    justify-content: space-between;
}

/* disabled - original search had button in bottom post meta span
.search .post-meta-bottom {
	flex-direction: row-reverse;
}*/

.archive .excerpt-row, .blog .excerpt-row, .search .excerpt-row {
	margin-bottom: 0;
}

.archive:not(.search) .post-meta-bottom {
	flex-direction: column;
}
 
.post-meta-top > *, .post-meta-bottom > * {
	display: inline-block;
}


/*--------------------------------------------------------------
## Posts & Pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.post, .search .page, .search article { margin: 0 0 1.5em; }
.page { margin: 0; }

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-summary,
.post-sidebar, 
.entry-content {
	margin-top: 1em;
}

.post-template-default .entry-wrapper { margin-top: 2em; }

/* override content margin-top on frontpage */
.page-template-front-page .entry-content { margin: 0; }

/* line up padding of post header with post body */
.single article header.entry-header { padding: 0 15px; }

/* line up padding of blog header with posts body */
.blog main header, .archive main header { padding: 0 15px; }

/* line up padding for search & 404 pages */
.page-id-10234 main, .error404 main { padding: 0 15px; }
.error404 main .card { min-width: 45%; }

@media screen and (max-width: 576px) { 
	#secondary .row { margin: 0; }
}

/* override content padding on archive 
.archive .entry-content, .blog .entry-content {padding: 0;}*/

/* override content padding-left on single 
.single .entry-content {padding-left: 0;}*/

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* ### Post Sidebar  --------- */

.post-sidebar {
	display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.post-sidebar > div:not(:last-child) { margin-bottom: 1em; }

/* ### Archive / Blog Sidebar  --------- */

aside .row {
	margin: 0;
}

aside section h3.widget-title {
	font-size: 1.2em;
	color: #007FA3;
	font-weight: 600;
}

aside section h3.widget-title { text-align: right; }

/* mobile archive styles */
aside section.col-6 h3.widget-title { text-align: left; } 
aside section.col-6 select { width: 100%; } 

aside section ul {
    list-style: none;
    text-align: right;
    margin: 20px 0 40px;
}

aside section#custom_html-2 { margin-bottom: 0; }
aside section#custom_html-2 .widget-title { margin-top: 20px; }
aside section#custom_html-2 ul { margin: 20px 0 0; font-weight: bold; }
aside section#categories-2 .widget-title { display: none; }

aside section ul li {
	padding: 5px 0;
}

aside section ul li a {
    color: #383838;
    font-size: 0.9em;
	display: block;
}

aside section ul li a:hover, section#custom_html-2 .cat-item a {
	color: #007fa3;
	font-weight: 900;
	text-decoration: none;
}

.contrast section#custom_html-2 .cat-item a { color: #B7D2EE; }

aside .archive-illustration { 
	-moz-transform: scaleX(-1);
   	-o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    }


/*--------------------------------------------------------------
## Call to Action Bar
--------------------------------------------------------------*/
.ctabar-wrapper {
	background: #25355A;
	color: white;
	padding: 20px;
}

.ctabar-content {
	padding: 0 20px 20px;
	font-size: 1.5em;
	font-weight: 300;
	margin: auto 0;
}
.ctabar-btns {
	padding: 0 20px;
}

.ctabar-btns .btn-primary {
    color: #25355A;
    background: white;
    border: none;
    height: 50px;
    width: 100%;
	margin: 10px 0;
	font-size: 1em;
	font-weight: 600;
	transition: all 150ms ease-in-out;
}

.ctabar-btns .btn-primary:active, .btn-ghost:active {
    background: #1B293F !important;
    color: white;
	border: none;
}

.ctabar-btns .btn-primary:hover, .btn-ghost:hover, .btn-ghost:focus {
	background: #007FA3;
	color: white;
	border: none;
}

.btn-ghost {
	color: white;
    height: 50px;
    width: 100%;
	margin: 10px 0;
	font-size: 1em;
	font-weight: 600;
	background: rgba(0,0,0,0.2);
	border: 2px solid white;
	transition: all 150ms ease-in-out;
}

@media (min-width: 768px) {
	.ctabar-wrapper.row {
		padding: 20px 10%;
	}
	.ctabar-content {
		font-size: 1em;
		padding: 0 20px;
	}
}


/*--------------------------------------------------------------
### Vision Mission Values
--------------------------------------------------------------*/

.vision, .mission {
	margin-top: 2rem;
}

.vision img, 
.mission img {
	height: 175px;
	margin-bottom:1rem;
}

.vision p, 
.mission p, 
.values {
	font-size: 1.1rem;
	margin: 0 0 3rem;
	font-weight: 300;
}

/*--------------------------------------------------------------
### Top Employer Array on Working at U of T page
--------------------------------------------------------------*/

.top-employer-array img {
	width: 150px;
	padding: 1rem;
}

/*--------------------------------------------------------------
### Service Icons
--------------------------------------------------------------*/

.service-icons img {
	width: 60px;
}

/*--------------------------------------------------------------
### Website Search 
--------------------------------------------------------------*/

.page-id-10234 .search-form {
	display: flex;
	justify-content: space-between;
}

.page-id-10234 .search-form label {
	width: 100%;
	margin-bottom: 0;
}

.page-id-10234 .search-form label .search-field {
	width: 98%;
}

/*--------------------------------------------------------------
### Benefits
--------------------------------------------------------------*/

h2.d-flex {
	 align-items: center;
}

h2.d-flex img {
	height: 0.8em;
	margin-right: 1rem;
}

/*--------------------------------------------------------------
### Campus thumbnails
--------------------------------------------------------------*/

.map-thumb-row {
	display: flex;
	justify-content: space-between;
}

.map-thumb {
	background-size: cover !important;
	height: 20vh;
	width: 32%;
	position: relative;
}

.map-thumb span {
	color: #007FA3;
	display: block;
	font-weight: 700;
	background-color: rgba(255,255,255,0.9);
	text-align: center;
	vertical-align: baseline;
	padding: 5px;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.map-thumb-utm 	{
	background: #f1f3f7 url("/wp-content/uploads/2020/03/Mississauga.jpg") no-repeat bottom;
}

.map-thumb-utsg { 
	background: #f1f3f7 url("/wp-content/uploads/2020/03/St-George.jpg") no-repeat bottom;

}

.map-thumb-utsc { 
	background: #f1f3f7 url("/wp-content/uploads/2020/03/Scarborough.jpg") no-repeat bottom;

}

@media screen and (max-width:576px) {
	.map-thumb-row {
		flex-direction: column;
	}

	.map-thumb {
		width: 100%;
	}
}

/*--------------------------------------------------------------
## Pair Module
--------------------------------------------------------------*/

.pair-module {
	display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    padding: 5rem 0;
}

.pair-module > div {
	min-width: 45%;
	/* max-width: 50%; disabled - caused indent on left margin */
}

.pair-module div:first-child {
	padding-right: 5rem;
}

.pair-module div:last-child {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Where a pair module precedes another pair module, flip the columns so that the image is on the left */
.pair-module:nth-child(even) > div:first-child { 
	order: 2;
	/* Replace right margin with left */
	margin-right: 0;
	padding-right: 0;
	margin-left: 5rem;
}

.pair-module div img {
	max-height: 260px;
	margin: 0 auto;
}

.pair-module div img.award-badge {
	height: 80%;
	max-height: 100%;
}

@media all and (max-width: 768px) {
	.pair-module {
		flex-direction: column;
	}

	.pair-module > div { 
		margin-right: 0 !important;
		margin-left: 0 !important;
		max-width: 100%;
	}

	.pair-module div:first-child {
		order: 2;
		padding-right: 0;
	}
	.pair-module div:last-child {
		order: 1;
		margin-bottom: 2rem;
	}

}

/*--------------------------------------------------------------
## Timeline
--------------------------------------------------------------*/

ul.timeline {
	border-left: dashed 2px #e3e3e3;
	padding-left: 1rem;
	margin: 2rem 0;
}

.timeline h4 {
	font-size: 1.5rem;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}


/*--------------------------------------------------------------
# Archive
--------------------------------------------------------------*/
.archive main h1 {
	font-size: 2rem;
	text-transform: uppercase;
	color: #007FA3;
	margin-top: 0;
    margin-bottom: 0;
}

.archive main > header,
.blog main > header, 
.archive main article, 
.blog main article {
	margin-bottom: 50px;
}

.tax-wellness_domain main article, 
.tax-wellness_organizer main article,
.tax-wellness_location main article,
.tax-wellness_type main article {
	margin-bottom: 30px;
}

.tax-wellness_domain main article .post-meta-top, 
.tax-wellness_organizer main article .post-meta-top,
.tax-wellness_location main article .post-meta-top,
.tax-wellness_type main article .post-meta-top {
	font-size: 0.8rem;
}

.archive article header h2.entry-title {
	margin: 5px 0 10px 0
}

.archive article header h2.entry-title a {
	font-size: 1em;
	color: #25355a;
}

.archive main article header .post-meta {
	font-size: 0.9em;
	font-weight: 300;
}

.archive main article header .post-meta:not(:last-child) {
	margin-right: 50px;
}

.archive main article header .post-meta.category {
	font-style: italic;
}

.archive main article .post-meta,
.archive main article h2.entry-title a {
	transition: color 150ms ease-in-out;
}

.archive main article:hover .post-meta,
.archive main article:hover h2.entry-title a {
    color: #007FA3;
	text-decoration: none;
}

.archive main article .entry-wrapper, .blog main article .entry-wrapper {
    flex-direction: row;
    justify-content: flex-end;
}

.archive main article .entry-content p {
	margin-bottom: 10px;
	font-weight: 400;
	font-size: 1em;
}



/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

.aoda-contact {
	border-top: solid 1px rgba(150,150,150,.5);
	padding-top: 1rem;
}

/*--------------------------------------------------------------
# Wellness Hub
--------------------------------------------------------------*/
.card-heartbeat { 
	background: right top no-repeat url("/wp-content/uploads/UI assets/heartbeat_red.svg"); 
	background-size: 1.4rem !important;
}


/* Emotional icon */
#post-125 .card-body .card-title { background: right top no-repeat url("/wp-content/uploads/UI assets/brain_pink.svg"); }

.term-125 header .page-title { background: right top no-repeat url("/wp-content/uploads/UI assets/brain_pink.svg"); }

/* Financial icon */
#post-126 .card-body .card-title { background: right top no-repeat url("/wp-content/uploads/UI assets/coins_yellow.svg"); }

.term-126 header .page-title { background: right top no-repeat url("/wp-content/uploads/UI assets/coins_yellow.svg"); }

/* Physical icon  */

#post-124 .card-body .card-title { background: right top no-repeat url("/wp-content/uploads/UI assets/heart_red.svg"); }

.term-124 header .page-title { background: right top no-repeat url("/wp-content/uploads/UI assets/heart_red.svg"); }

/* Social icon   */
#post-127 .card-body .card-title { background: right top no-repeat url("/wp-content/uploads/UI assets/users_tri-colour.svg"); }

.term-127 header .page-title { background: right top no-repeat url("/wp-content/uploads/UI assets/users_tri-colour.svg"); }

.page-template-page-wellness-hub .card-group .card-body .card-title {
	background-size: 1.4rem !important;
}

.page-template-page-wellness-hub .card .entry-hero {
	min-height: auto;
	padding: 1.25rem;
}


/*--------------------------------------------------------------
# Stachethemes Events Calendar
--------------------------------------------------------------*/

body .stec-top .stec-top-menu p {
	margin-bottom: 0 !important;
}

#the-content .stec p { 
	margin-bottom: 0;
}

/* Calendar view mode toggle */
.stec-top .stec-top-menu > li p { color: white; }


/* override paragraph margins */
#the-content .stec-layout-single p { margin-bottom: 0; }
#the-content .stec-layout-single .stec-layout-single-description p { margin-bottom: 1.3rem; }


/* -- Agenda -- */

/* bold current day */
.stec-layout-agenda-daycell.stec-layout-agenda-daycell-today .stec-layout-agenda-daycell-num,
.stec-layout-agenda-daycell.stec-layout-agenda-daycell-today .stec-layout-agenda-daycell-label {
	font-weight: 900;
}

/* Text shadow current day */
.stec-layout-agenda-daycell-today {
	border-radius: 5px;
	text-shadow: 0 3px 5px #E0E0E0;
}

/* center the 'look for more' button */
.stec-layout-agenda .stec-layout-agenda-events-all-load-more { width: 20vw !important; }
.stec-layout-agenda .stec-layout-agenda-events-all-control { text-align: center; }

/* -- Month -- */

body .stec-layout-month-daylabel p { 
	/* color: white; 
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 600; */
	margin-bottom: 0 !important;
 }
/*
body .stec-layout-month-daylabel .stec-layout-month-daylabel-today p { color: #B7D2EE;  }
body .stec-layout-event-text-fontandcolor p, body .stec-layout-event-text-fontandcolor ul { color: #2b2b2b !important; }
*/


/* Current date highlight -> campaign blue outline */
.stec-layout-month-daycell.stec-layout-month-daycell-today .stec-layout-month-daycell-num:before {
	background-color: #007FA3; 
}

/* Event-single */

.stec-layout-single .stec-layout-single-export {
	display: flex;
	align-items: center;
}

/* hide unnecessary line breaks in event single */
.stec-layout-single .stec-layout-single-export form > br, .stec-layout-single-preview-left-text br { display: none; }


body .stec-style-text p.lead {
	font-weight: 600;
	font-size: 1.25rem;
	line-height: 1.6;
	margin-bottom: 1.3rem;
} 

/* single text styles */

div .stec-layout-single-description li { list-style-type: disc; margin: 0.2rem 0; }
div .stec-layout-single-description ul { padding-inline-start: 30px; margin-bottom: 1.3rem; }


/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/

/* set margin-top for all but first two items */
.page-template-page-contact .card .row > div:nth-child(n+3) {
	margin-top: 2rem;
}

/* set margin-top for second item when screen size forces stacking */
@media all and (max-width: 768px) {
	.page-template-page-contact .card .row > div:nth-child(2) {
		margin-top: 2rem;
	}
}

/* remove extraneous paragraph from client group toggle cards */

div[id^='dhro-'] .card p, 
div[id^='dept-'] .card p {
	display: none;
}

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

.btn-top-row { 
    justify-content: space-between;
    display: flex;
	text-align: right; 
}

.footer-wrapper, .btn-top-row { 
		padding: 0 30px;
	}

@media all and (max-width: 576px) {
	.footer-wrapper, .btn-top-row { 
		padding: 0 15px;
	}
}

.btn-top-row .social-wrapper { display: flex; }

.btn-top, .footer-twitter-icon, .footer-linkedin-icon {
	display: block;
    position: relative;
    background: #007fa3;
    background-size: cover;
    color: white;
    width: 55px;
    height: 55px;
    text-align: center;
    padding: 19px 0;
    border-radius: 5px;
    font-size: 16px;
    line-height: 16px;
    bottom: -27px;

    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.btn-top:hover, .footer-twitter-icon:hover, .footer-linkedin-icon:hover {
	color: white;
    transform: translateY(-3px);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}

.footer-twitter-icon, .footer-linkedin-icon { 
	height: 40px;
	width: 40px; 
	bottom: -35px;
}

.btn-top:focus, .footer-twitter-icon:focus, .footer-linkedin-icon:focus, .btn-top:active, .footer-twitter-icon:active, .footer-linkedin-icon:active {
	box-shadow: 0 0 0 2px #ffffff;
	color: white;

}

.footer-twitter-icon 	{ background-image: url( '/wp-content/uploads/UI assets/twitter.svg'  ); }
.footer-linkedin-icon 	{ background-image: url( '/wp-content/uploads/UI assets/linkedin.svg' ); margin-left:10px; }

.footer-title {
	font-size: 2.5em;
    font-weight: 200;
    letter-spacing: 1px;
    line-height: 1.3em;
    display: inline-block;
    margin-bottom: 10px;
}

.footer-nav {
	margin-bottom: 50px;
}

.footer-nav-menu {
	font-weight: bold;
	margin-left: 0;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.1em;
}

/* Expand margin-right for all but .list-inline-item:last-child */
.footer-nav-menu .list-inline-item:not(:last-child) {
	margin-right: 3vw;
}

.site-footer { 	
	padding: 50px 15px;
 }

.footer-social { top: 1em; text-align: right; }
.footer-social img { height: 32px; }
.footer-social img:hover { opacity:0.7; transition: all 100ms ease; }

.site-footer a:hover {
	text-decoration: none;
	color:#B7D2EE;
}

.site-footer .site-info {
	justify-content: space-between;
}

.site-footer .footer-links-list {
	font-size: .8em;
	color: white;
	position: relative;
	margin-left: 0;
	margin-bottom: 0;
}

.site-footer .footer-links-list a {
	display: inline-block;
	margin-left: 10px;
}

/* Replace margin-right with margin left for .list-inline-item */
.site-footer .footer-links-list .list-inline-item:not(:last-child) { margin-right: 0rem; }
.site-footer .footer-links-list .list-inline-item:not(:first-child) { margin-left: 1rem; }

.footer-logo > a { display: block; }

.footer-logo {
	max-width: 300px;
	text-align: center;
}

.footer-links-wrapper {
	text-align: right;
	display: flex;
    justify-content: center;
    flex-direction: column;
}

@media screen and (max-width: 576px) {
	.footer-social, .footer-links-wrapper { text-align: left; margin-top: 2rem; }
	
	.footer-title { font-size: 2em; }

	.footer-logo { max-width: 250px; }
	.footer-logo-wrapper { top: 0; } 
	.footer-logo-wrapper a { display: block!important; }

	.site-footer .footer-links-list .list-inline-item:not(:first-child) { margin-left: 0rem; }
	.footer-links-wrapper { justify-content: flex-end; }
}



/*--------------------------------------------------------------
# Screensaver
Hidden content appears which after a defined period of idle time 

JS 	 : full-navigation.js
HTML : footer.php
--------------------------------------------------------------

DISABLED

.opacity-100 {
	opacity: 1;
	transition: 100ms ease all;
}

.opacity-0 {
	opacity: 0;
	transition: 100ms ease all;
	pointer-events: none;
}

#screensaver {
	background: url('https://www.toptal.com/designers/subtlepatterns/patterns/so-white.png');
	bottom: 0;
	padding: 5vw 10vw;
	display: flex;
	justify-content: space-evenly;
	flex-direction: column;
	margin: 0 auto;
	pointer-events: none;
	position: fixed;
	text-align: center;
	width: 100vw;
	height: 100vh;
}

#screensaver-logo {
	background: url('/wp-content/uploads/UI assets/signature-stack-crop-blue.svg') no-repeat center;
	display: block;
	margin: 0 auto;
	min-height: 150px;
	width: 50vw;

}

.contrast #screensaver {
	background: url('https://www.toptal.com/designers/subtlepatterns/patterns/vintage-wallpaper.png');
	}

.contrast #screensaver-logo {
	background-image: url('/wp-content/uploads/UI assets/UofTCrst_Stacked_White.svg');
	}

*/

/*--------------------------------------------------------------
# Contrast mode styles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Global Contrast Styles
--------------------------------------------------------------*/


.contrast { background-color: #25355a; color: white; }

.contrast h1, .contrast h1 a, 
.contrast h2, .contrast h2 a,
.contrast h3, .contrast h3 a,
.contrast h4, .contrast h4 a,
.contrast h5, .contrast h5 a,
.contrast h6, .contrast h6 a,
.contrast p, 
.contrast a,
.contrast .tagline, 
.contrast article header.entry-header h1.entry-title,
.contrast.archive main h1,
.contrast aside section h3.widget-title,
.contrast code
 { color: white; }

/* .contrast #main .entry-content p a:not(.btn):not(.post-title),
 .contrast #main .entry-content li a:not(.btn):not(.post-title) { color: #B7D2EE; } */

.contrast a:not(.btn):hover, 
.contrast a:not(.btn):not(.skip-link):focus, 
.contrast a:not(.btn):active {
	color: #B7D2EE;
}

.contrast .btn-outline-primary,
.contrast .btn-outline-primary.disabled,
.contrast .btn-outline-secondary,
.contrast .btn-outline-secondary.disabled {
	color: white;
}

.contrast hr { background-color: #B7D2EE }

.contrast .table { color: white; }

.contrast .page-title { color: #B7D2EE; }

.contrast .dropdown-menu { background-color: #3b578f; }
.contrast .dropdown-menu a:hover, .contrast .dropdown-menu a:focus, .contrast .dropdown-menu a:active  { background-color: #819cc7; color: white; }

/*--------------------------------------------------------------
## Images classified 'invertable' will turn white on contrast mode (use for transparent SVG/PNG only)
--------------------------------------------------------------*/

.contrast img.invertable  {
	filter: brightness(0) invert(1);
}

/*--------------------------------------------------------------
## Header / Hero
--------------------------------------------------------------*/

.contrast #pre-header-wrapper {
	border-bottom: #162133 solid 1px;
    background-color: hsl(222, 42%, 20%);
    color: white;
}

.contrast #pre-header > a { color: white; }
.contrast #pre-header > a:hover { color: #B7D2EE; }

.contrast .site-header {
	background-color: #25355a;
	color: white;
}

.contrast .entry-hero {
	background-color: #25355a;
	background-blend-mode: luminosity;

	-moz-box-shadow: inset 68.333333vw 0 150px -100px rgba(37,53,90,0.9);
    -webkit-box-shadow: inset 68.333333vw 0 150px -100px rgba(37,53,90,0.9);
    box-shadow: inset 68.333333vw 0 150px -100px rgba(37,53,90,0.9);
}

.contrast .mobile-hero img { 
    mix-blend-mode: luminosity;
}

.contrast .hero-wrapper span {
	text-shadow: 0 0 25px #25355a;
}

.contrast .entry-hero .hero-subtext, .contrast .hero-wrapper .tagline, .contrast .hero-wrapper .page-title {
	color: #fff;
}

.contrast .hero-wrapper .btn {
	background-color: white;
	color: #007FA3;
}

.contrast .page-title .breadcrumbs a:hover { color: #B7D2EE; }

.contrast .post-meta-top a:not(.btn),
.contrast .post-meta-bottom a:not(.btn),
.contrast .post-meta-from span, .contrast .post-meta-from a:not(.btn) { color: #B7D2EE; }

.contrast article .memoNum { color: white; }

@media screen and (max-width: 768px) {
	.contrast .hero-wrapper { background: #25355a; }
}

/* Blend mode backwards compatibility */

/* IE 9 and down */
.contrast .entry-hero {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

/* IE 10 and 11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.contrast .entry-hero {
		opacity: 0.8;
	}
}

/*--------------------------------------------------------------
## Menu
--------------------------------------------------------------*/

.contrast .nav-container { background-color: #25355a; }

.contrast .nav-container #nav-close, .contrast .nav-container .headerRight label { color: white; }
.contrast .nav-container .headerRight span#nav-close i:before { color: white; }

.contrast .nav-toggle:hover, 
.contrast #nav-close:hover i, 
.contrast #nav-close:hover i::before, 
.contrast .nav-container .headerRight span#nav-close:hover i:before,
.contrast #nav-close:hover label { opacity: 1; color: #B7D2EE; }

.contrast .nav-descriptions-wrapper .nav-description, 
.contrast .nav-descriptions-wrapper .nav-description h1 { color: white; }

.contrast #primary-menu li a { color: #f1f3f7; }
.contrast #primary-menu li a:hover { color: #B7D2EE; }

.contrast #primary-menu li[aria-expanded="true"] > a { color: #B7D2EE; }
.contrast #primary-menu > li[aria-expanded="false"] > a:after { color: #f1f3f7; }
.contrast #primary-menu > li[aria-expanded="true"] > a:after { color: #B7D2EE; }

/*--------------------------------------------------------------
## Context and Newsfeed
--------------------------------------------------------------*/

.contrast .content-anchor-wrapper, .contrast .context-feed-container { 
	background-image: linear-gradient(to top, #25355a, #1b293f); 
	background-color: #1b293f;
}

.contrast .context-feed-container > * { color: white; }

.contrast .context-row .news-wrapper { background-color: #25355A; }

.contrast .header-label { color: white; }

.contrast aside section ul li a:hover { color:white; }

/*--------------------------------------------------------------
## Cards
--------------------------------------------------------------*/

.contrast .card {
	background-color: hsl(222, 42%, 35%);
	border-color: #1B293F;
}

.contrast .card-footer, .contrast .card-header {
	background-color: hsl(222, 42%, 30%);
	color: white;
}

/* remove excess spacing after the final card elements */
.card-header *:last-child, 
.card-body *:last-child, 
.card-footer *:last-child {
	margin-bottom: 0;
}

#the-content .card p:last-child {
	margin-bottom: 0;
}

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

.contrast .site-footer {
	background: hsl(222, 42%, 20%);
}

.contrast #screensaver a { color: #B7D2EE; }

/*--------------------------------------------------------------
## Forms / Inputs
--------------------------------------------------------------*/

.contrast .headerRight .search-field, .contrast input[type="search"]:focus,  { color: white; }

/*.contrast .card-footer .search-form .search-submit  {
	background-color: #3B578F;
	border: none;
	color: white;
}*/

.contrast .cards-array .award-cat a { color: white; }


.contrast ::-webkit-input-placeholder { /* WebKit browsers */
    color:  white !important;
}

.contrast :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:  white !important;
    opacity:  1;
}

.contrast ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:  white !important;
    opacity:  1;
}

.contrast :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:  white;
}

.contrast input[type="text"],
.contrast input[type="email"],
.contrast input[type="url"],
.contrast input[type="password"],
.contrast input[type="search"],
.contrast input[type="number"],
.contrast input[type="tel"],
.contrast input[type="range"],
.contrast input[type="date"],
.contrast input[type="month"],
.contrast input[type="week"],
.contrast input[type="time"],
.contrast input[type="datetime"],
.contrast input[type="datetime-local"],
.contrast input[type="color"],
.contrast textarea {
	color: #fff;
	border: none;
	background-color: hsl(222, 42%, 15%);
}

.contrast input[type="text"]:focus,
.contrast input[type="email"]:focus,
.contrast input[type="url"]:focus,
.contrast input[type="password"]:focus,
.contrast input[type="search"]:focus,
.contrast input[type="number"]:focus,
.contrast input[type="tel"]:focus,
.contrast input[type="range"]:focus,
.contrast input[type="date"]:focus,
.contrast input[type="month"]:focus,
.contrast input[type="week"]:focus,
.contrast input[type="time"]:focus,
.contrast input[type="datetime"]:focus,
.contrast input[type="datetime-local"]:focus,
.contrast input[type="color"]:focus,
.contrast textarea:focus {
	color: #fff;

}

.contrast select {
	border: 1px solid #fff;
}

/*--------------------------------------------------------------
## Stachethemes Events Calendar
--------------------------------------------------------------*/

/* Agenda bars -> dark navy */
.contrast .stec-layout-agenda-events-all-list .stec-layout-event-preview.stec-layout-event-preview-animate-complete,
.contrast .stec-layout-event-inner-top-tabs-content {
	background-color: #1B293F;
	}

/* Agenda bars -> darker navy on hover */
.contrast .stec-layout-agenda-events-all-list .stec-layout-event-preview.stec-layout-event-preview-animate-complete:hover {
	background-color: #162133;
}

/* Agenda heading and body text -> white */
.contrast .stec-layout-event-preview-left-text-title, 
.contrast .stec-layout-event-title-fontandcolor,
.contrast .stec-style-text p {
	color: white;
}

/* Agenda Event meta text -> lavender */
.contrast .stec-layout-event-preview-left-text-secondary {
	color:#B7D2EE;
}

/* Agenda datebar background */
.contrast .stec-layout-agenda-daycell {
    background: #1B293F;
}
.contrast .stec-layout-agenda-daycell:hover {
    background: #162133;
}

.contrast .stec-layout-agenda-daycell-today {
	background: #162133;
}

/* Text shadow current day */
.contrast .stec-layout-agenda-daycell-today {
	text-shadow: 0 3px 5px #111;
}

.contrast .stec-layout-agenda-monthstart { 
background: #25355A; }

/* Agenda datebar text */
.contrast .stec-layout-agenda-daycell-num,
.contrast .stec-layout-agenda-daycell-label,
.contrast .stec-layout-agenda-monthstart-year,
.contrast .stec-layout-agenda-monthstart-month, 
.contrast .stec-layout-agenda-daycell.stec-layout-agenda-daycell-today .stec-layout-agenda-daycell-num,
.contrast .stec-layout-agenda-daycell.stec-layout-agenda-daycell-today .stec-layout-agenda-daycell-label {
	color: white;
}




/****** Month View *******/

/* Month/week day cell -> dark navy*/
.contrast .stec-layout-month-daycell .stec-layout-month-daycell-wrap,
.contrast .stec-layout-week-daycell .stec-layout-week-daycell-wrap {
	background-color: #1B293F;
}

/* Month/week view Date Label -> white */
.contrast .stec-layout-month-daycell:not(.stec-layout-month-daycell-today) .stec-layout-month-daycell-wrap .stec-layout-month-daycell-num,
.contrast .stec-layout-week-daycell:not(.stec-layout-week-daycell-today) .stec-layout-week-daycell-wrap .stec-layout-week-daycell-num {
	color:white;
}

/* Month day cell bar -> darker navy on hover */
.contrast .stec-layout-month-daycell .stec-layout-month-daycell-wrap:hover,
.contrast .stec-layout-week-daycell .stec-layout-week-daycell-wrap:hover {
	background-color: #162133;
}

/* Month date bar -> dark navy  */
.contrast .stec-event-holder .stec-layout-event-preview.stec-layout-event-preview-animate-complete {
	background-color: #1B293F;
}

/* Month date bar -> darker navy on hover */
.contrast .stec-event-holder .stec-layout-event-preview.stec-layout-event-preview-animate-complete:hover {
	background-color: #162133;
}

/* Organizer text color -> lavender */
.contrast .stec-layout-event-inner-intro-organizers-organizer-sub-title {
	color: #B7D2EE;
}

.contrast .stec-layout-month-daycell.stec-layout-month-daycell-today .stec-layout-month-daycell-num:before,
.contrast .stec-layout-week-daycell.stec-layout-week-daycell-today .stec-layout-week-daycell-num:before {
	background-color: #007FA3; 
}



/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text, figure figcaption {
	font-size: 0.8rem;
	font-style: italic;
}

figure figcaption {
    padding: 15px 0;
}

figure img {
	border-radius: 5px;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}