@charset "UTF-8";
/* Variables for assigning spacing */
@font-face {
  font-family: "McGillSans-Regular";
  src: url("../fonts/McGillSans-Regular.eot");
  src: url("../fonts/McGillSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Regular.woff") format("woff"), url("../fonts/McGillSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Medium";
  src: url("../fonts/McGillSans-Medium.eot");
  src: url("../fonts/McGillSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Medium.woff") format("woff"), url("../fonts/McGillSans-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Bold";
  src: url("../fonts/McGillSans-Bold.eot");
  src: url("../fonts/McGillSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Bold.woff") format("woff"), url("../fonts/McGillSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Italic";
  src: url("../fonts/McGillSans-Italic.eot");
  src: url("../fonts/McGillSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Italic.woff") format("woff"), url("../fonts/McGillSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Regular";
  src: url("../fonts/McGillSerif-Regular.eot");
  src: url("../fonts/McGillSerif-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Regular.woff") format("woff"), url("../fonts/McGillSerif-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Medium";
  src: url("../fonts/McGillSerif-Medium.eot");
  src: url("../fonts/McGillSerif-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Medium.woff") format("woff"), url("../fonts/McGillSerif-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Bold";
  src: url("../fonts/McGillSerif-Bold.eot");
  src: url("../fonts/McGillSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Bold.woff") format("woff"), url("../fonts/McGillSerif-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Italic";
  src: url("../fonts/McGillSerif-Italic.eot");
  src: url("../fonts/McGillSerif-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Italic.woff") format("woff"), url("../fonts/McGillSerif-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*
 * McGill fonts with appropriate font-stacks.
 */
/*
 * Supporting typographic property variables.
 */
/*
 * Colors approved and provided by McGill design system.
 */
/*
 * Descriptive variables:
 */
/*
 * Functional variables:
 */
/*
* Imported properties have been commented-out
* A possible bug when using prefixed-variables and @use, which is documented on Stackoverflow.
* https://stackoverflow.com/questions/60512752/error-when-adding-a-prefix-to-a-variable-from-use-with-forward
*/
.h2-sans {
  font-size: 1.5em;
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: "FontAwesome";
  src: url("../icons/fontawesome-webfont.eot?v=4.7.0");
  src: url("../icons/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../icons/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../icons/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../icons/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../icons/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.2857142857em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.1428571429em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  top: 0.1428571429em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.8571428571em;
}

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right {
  margin-left: 0.3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-envelope-o:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-o:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-film:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

.fa-check:before {
  content: "";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

.fa-gear:before,
.fa-cog:before {
  content: "";
}

.fa-trash-o:before {
  content: "";
}

.fa-home:before {
  content: "";
}

.fa-file-o:before {
  content: "";
}

.fa-clock-o:before {
  content: "";
}

.fa-road:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-arrow-circle-o-down:before {
  content: "";
}

.fa-arrow-circle-o-up:before {
  content: "";
}

.fa-inbox:before {
  content: "";
}

.fa-play-circle-o:before {
  content: "";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "";
}

.fa-refresh:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

.fa-volume-off:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

.fa-align-left:before {
  content: "";
}

.fa-align-center:before {
  content: "";
}

.fa-align-right:before {
  content: "";
}

.fa-align-justify:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "";
}

.fa-indent:before {
  content: "";
}

.fa-video-camera:before {
  content: "";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "";
}

.fa-pencil:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-adjust:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "";
}

.fa-share-square-o:before {
  content: "";
}

.fa-check-square-o:before {
  content: "";
}

.fa-arrows:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

.fa-fast-backward:before {
  content: "";
}

.fa-backward:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

.fa-fast-forward:before {
  content: "";
}

.fa-step-forward:before {
  content: "";
}

.fa-eject:before {
  content: "";
}

.fa-chevron-left:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-crosshairs:before {
  content: "";
}

.fa-times-circle-o:before {
  content: "";
}

.fa-check-circle-o:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-arrow-left:before {
  content: "";
}

.fa-arrow-right:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "";
}

.fa-expand:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-gift:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-retweet:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

.fa-folder:before {
  content: "";
}

.fa-folder-open:before {
  content: "";
}

.fa-arrows-v:before {
  content: "";
}

.fa-arrows-h:before {
  content: "";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "";
}

.fa-twitter-square:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-camera-retro:before {
  content: "";
}

.fa-key:before {
  content: "";
}

.fa-gears:before,
.fa-cogs:before {
  content: "";
}

.fa-comments:before {
  content: "";
}

.fa-thumbs-o-up:before {
  content: "";
}

.fa-thumbs-o-down:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-heart-o:before {
  content: "";
}

.fa-sign-out:before {
  content: "";
}

.fa-linkedin-square:before {
  content: "";
}

.fa-thumb-tack:before {
  content: "";
}

.fa-external-link:before {
  content: "";
}

.fa-sign-in:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-github-square:before {
  content: "";
}

.fa-upload:before {
  content: "";
}

.fa-lemon-o:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-square-o:before {
  content: "";
}

.fa-bookmark-o:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "";
}

.fa-github:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-credit-card:before {
  content: "";
}

.fa-feed:before,
.fa-rss:before {
  content: "";
}

.fa-hdd-o:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

.fa-hand-o-right:before {
  content: "";
}

.fa-hand-o-left:before {
  content: "";
}

.fa-hand-o-up:before {
  content: "";
}

.fa-hand-o-down:before {
  content: "";
}

.fa-arrow-circle-left:before {
  content: "";
}

.fa-arrow-circle-right:before {
  content: "";
}

.fa-arrow-circle-up:before {
  content: "";
}

.fa-arrow-circle-down:before {
  content: "";
}

.fa-globe:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-arrows-alt:before {
  content: "";
}

.fa-group:before,
.fa-users:before {
  content: "";
}

.fa-chain:before,
.fa-link:before {
  content: "";
}

.fa-cloud:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

.fa-cut:before,
.fa-scissors:before {
  content: "";
}

.fa-copy:before,
.fa-files-o:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "";
}

.fa-square:before {
  content: "";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-strikethrough:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-pinterest-square:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-money:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-caret-left:before {
  content: "";
}

.fa-caret-right:before {
  content: "";
}

.fa-columns:before {
  content: "";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "";
}

.fa-legal:before,
.fa-gavel:before {
  content: "";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "";
}

.fa-comment-o:before {
  content: "";
}

.fa-comments-o:before {
  content: "";
}

.fa-flash:before,
.fa-bolt:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "";
}

.fa-lightbulb-o:before {
  content: "";
}

.fa-exchange:before {
  content: "";
}

.fa-cloud-download:before {
  content: "";
}

.fa-cloud-upload:before {
  content: "";
}

.fa-user-md:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-bell-o:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-cutlery:before {
  content: "";
}

.fa-file-text-o:before {
  content: "";
}

.fa-building-o:before {
  content: "";
}

.fa-hospital-o:before {
  content: "";
}

.fa-ambulance:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

.fa-fighter-jet:before {
  content: "";
}

.fa-beer:before {
  content: "";
}

.fa-h-square:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-desktop:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "";
}

.fa-circle-o:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "";
}

.fa-github-alt:before {
  content: "";
}

.fa-folder-o:before {
  content: "";
}

.fa-folder-open-o:before {
  content: "";
}

.fa-smile-o:before {
  content: "";
}

.fa-frown-o:before {
  content: "";
}

.fa-meh-o:before {
  content: "";
}

.fa-gamepad:before {
  content: "";
}

.fa-keyboard-o:before {
  content: "";
}

.fa-flag-o:before {
  content: "";
}

.fa-flag-checkered:before {
  content: "";
}

.fa-terminal:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-crop:before {
  content: "";
}

.fa-code-fork:before {
  content: "";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "";
}

.fa-question:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

.fa-puzzle-piece:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-shield:before {
  content: "";
}

.fa-calendar-o:before {
  content: "";
}

.fa-fire-extinguisher:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-html5:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

.fa-unlock-alt:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-ellipsis-v:before {
  content: "";
}

.fa-rss-square:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-ticket:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-minus-square-o:before {
  content: "";
}

.fa-level-up:before {
  content: "";
}

.fa-level-down:before {
  content: "";
}

.fa-check-square:before {
  content: "";
}

.fa-pencil-square:before {
  content: "";
}

.fa-external-link-square:before {
  content: "";
}

.fa-share-square:before {
  content: "";
}

.fa-compass:before {
  content: "";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "";
}

.fa-euro:before,
.fa-eur:before {
  content: "";
}

.fa-gbp:before {
  content: "";
}

.fa-dollar:before,
.fa-usd:before {
  content: "";
}

.fa-rupee:before,
.fa-inr:before {
  content: "";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "";
}

.fa-won:before,
.fa-krw:before {
  content: "";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "";
}

.fa-file:before {
  content: "";
}

.fa-file-text:before {
  content: "";
}

.fa-sort-alpha-asc:before {
  content: "";
}

.fa-sort-alpha-desc:before {
  content: "";
}

.fa-sort-amount-asc:before {
  content: "";
}

.fa-sort-amount-desc:before {
  content: "";
}

.fa-sort-numeric-asc:before {
  content: "";
}

.fa-sort-numeric-desc:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-youtube-play:before {
  content: "";
}

.fa-dropbox:before {
  content: "";
}

.fa-stack-overflow:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

.fa-bitbucket-square:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

.fa-long-arrow-down:before {
  content: "";
}

.fa-long-arrow-up:before {
  content: "";
}

.fa-long-arrow-left:before {
  content: "";
}

.fa-long-arrow-right:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "";
}

.fa-sun-o:before {
  content: "";
}

.fa-moon-o:before {
  content: "";
}

.fa-archive:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

.fa-arrow-circle-o-right:before {
  content: "";
}

.fa-arrow-circle-o-left:before {
  content: "";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "";
}

.fa-dot-circle-o:before {
  content: "";
}

.fa-wheelchair:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "";
}

.fa-plus-square-o:before {
  content: "";
}

.fa-space-shuttle:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

.fa-envelope-square:before {
  content: "";
}

.fa-wordpress:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "";
}

.fa-yahoo:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

.fa-reddit-square:before {
  content: "";
}

.fa-stumbleupon-circle:before {
  content: "";
}

.fa-stumbleupon:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

.fa-pied-piper-pp:before {
  content: "";
}

.fa-pied-piper-alt:before {
  content: "";
}

.fa-drupal:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-spoon:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

.fa-behance-square:before {
  content: "";
}

.fa-steam:before {
  content: "";
}

.fa-steam-square:before {
  content: "";
}

.fa-recycle:before {
  content: "";
}

.fa-automobile:before,
.fa-car:before {
  content: "";
}

.fa-cab:before,
.fa-taxi:before {
  content: "";
}

.fa-tree:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-database:before {
  content: "";
}

.fa-file-pdf-o:before {
  content: "";
}

.fa-file-word-o:before {
  content: "";
}

.fa-file-excel-o:before {
  content: "";
}

.fa-file-powerpoint-o:before {
  content: "";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "";
}

.fa-file-code-o:before {
  content: "";
}

.fa-vine:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "";
}

.fa-circle-o-notch:before {
  content: "";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "";
}

.fa-ge:before,
.fa-empire:before {
  content: "";
}

.fa-git-square:before {
  content: "";
}

.fa-git:before {
  content: "";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "";
}

.fa-tencent-weibo:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "";
}

.fa-history:before {
  content: "";
}

.fa-circle-thin:before {
  content: "";
}

.fa-header:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-sliders:before {
  content: "";
}

.fa-share-alt:before {
  content: "";
}

.fa-share-alt-square:before {
  content: "";
}

.fa-bomb:before {
  content: "";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "";
}

.fa-tty:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-newspaper-o:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

.fa-paypal:before {
  content: "";
}

.fa-google-wallet:before {
  content: "";
}

.fa-cc-visa:before {
  content: "";
}

.fa-cc-mastercard:before {
  content: "";
}

.fa-cc-discover:before {
  content: "";
}

.fa-cc-amex:before {
  content: "";
}

.fa-cc-paypal:before {
  content: "";
}

.fa-cc-stripe:before {
  content: "";
}

.fa-bell-slash:before {
  content: "";
}

.fa-bell-slash-o:before {
  content: "";
}

.fa-trash:before {
  content: "";
}

.fa-copyright:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-eyedropper:before {
  content: "";
}

.fa-paint-brush:before {
  content: "";
}

.fa-birthday-cake:before {
  content: "";
}

.fa-area-chart:before {
  content: "";
}

.fa-pie-chart:before {
  content: "";
}

.fa-line-chart:before {
  content: "";
}

.fa-lastfm:before {
  content: "";
}

.fa-lastfm-square:before {
  content: "";
}

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

.fa-angellist:before {
  content: "";
}

.fa-cc:before {
  content: "";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "";
}

.fa-meanpath:before {
  content: "";
}

.fa-buysellads:before {
  content: "";
}

.fa-connectdevelop:before {
  content: "";
}

.fa-dashcube:before {
  content: "";
}

.fa-forumbee:before {
  content: "";
}

.fa-leanpub:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-simplybuilt:before {
  content: "";
}

.fa-skyatlas:before {
  content: "";
}

.fa-cart-plus:before {
  content: "";
}

.fa-cart-arrow-down:before {
  content: "";
}

.fa-diamond:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

.fa-user-secret:before {
  content: "";
}

.fa-motorcycle:before {
  content: "";
}

.fa-street-view:before {
  content: "";
}

.fa-heartbeat:before {
  content: "";
}

.fa-venus:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

.fa-mercury:before {
  content: "";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "";
}

.fa-transgender-alt:before {
  content: "";
}

.fa-venus-double:before {
  content: "";
}

.fa-mars-double:before {
  content: "";
}

.fa-venus-mars:before {
  content: "";
}

.fa-mars-stroke:before {
  content: "";
}

.fa-mars-stroke-v:before {
  content: "";
}

.fa-mars-stroke-h:before {
  content: "";
}

.fa-neuter:before {
  content: "";
}

.fa-genderless:before {
  content: "";
}

.fa-facebook-official:before {
  content: "";
}

.fa-pinterest-p:before {
  content: "";
}

.fa-whatsapp:before {
  content: "";
}

.fa-server:before {
  content: "";
}

.fa-user-plus:before {
  content: "";
}

.fa-user-times:before {
  content: "";
}

.fa-hotel:before,
.fa-bed:before {
  content: "";
}

.fa-viacoin:before {
  content: "";
}

.fa-train:before {
  content: "";
}

.fa-subway:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "";
}

.fa-optin-monster:before {
  content: "";
}

.fa-opencart:before {
  content: "";
}

.fa-expeditedssl:before {
  content: "";
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "";
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "";
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "";
}

.fa-mouse-pointer:before {
  content: "";
}

.fa-i-cursor:before {
  content: "";
}

.fa-object-group:before {
  content: "";
}

.fa-object-ungroup:before {
  content: "";
}

.fa-sticky-note:before {
  content: "";
}

.fa-sticky-note-o:before {
  content: "";
}

.fa-cc-jcb:before {
  content: "";
}

.fa-cc-diners-club:before {
  content: "";
}

.fa-clone:before {
  content: "";
}

.fa-balance-scale:before {
  content: "";
}

.fa-hourglass-o:before {
  content: "";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "";
}

.fa-hourglass:before {
  content: "";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "";
}

.fa-hand-scissors-o:before {
  content: "";
}

.fa-hand-lizard-o:before {
  content: "";
}

.fa-hand-spock-o:before {
  content: "";
}

.fa-hand-pointer-o:before {
  content: "";
}

.fa-hand-peace-o:before {
  content: "";
}

.fa-trademark:before {
  content: "";
}

.fa-registered:before {
  content: "";
}

.fa-creative-commons:before {
  content: "";
}

.fa-gg:before {
  content: "";
}

.fa-gg-circle:before {
  content: "";
}

.fa-tripadvisor:before {
  content: "";
}

.fa-odnoklassniki:before {
  content: "";
}

.fa-odnoklassniki-square:before {
  content: "";
}

.fa-get-pocket:before {
  content: "";
}

.fa-wikipedia-w:before {
  content: "";
}

.fa-safari:before {
  content: "";
}

.fa-chrome:before {
  content: "";
}

.fa-firefox:before {
  content: "";
}

.fa-opera:before {
  content: "";
}

.fa-internet-explorer:before {
  content: "";
}

.fa-tv:before,
.fa-television:before {
  content: "";
}

.fa-contao:before {
  content: "";
}

.fa-500px:before {
  content: "";
}

.fa-amazon:before {
  content: "";
}

.fa-calendar-plus-o:before {
  content: "";
}

.fa-calendar-minus-o:before {
  content: "";
}

.fa-calendar-times-o:before {
  content: "";
}

.fa-calendar-check-o:before {
  content: "";
}

.fa-industry:before {
  content: "";
}

.fa-map-pin:before {
  content: "";
}

.fa-map-signs:before {
  content: "";
}

.fa-map-o:before {
  content: "";
}

.fa-map:before {
  content: "";
}

.fa-commenting:before {
  content: "";
}

.fa-commenting-o:before {
  content: "";
}

.fa-houzz:before {
  content: "";
}

.fa-vimeo:before {
  content: "";
}

.fa-black-tie:before {
  content: "";
}

.fa-fonticons:before {
  content: "";
}

.fa-reddit-alien:before {
  content: "";
}

.fa-edge:before {
  content: "";
}

.fa-credit-card-alt:before {
  content: "";
}

.fa-codiepie:before {
  content: "";
}

.fa-modx:before {
  content: "";
}

.fa-fort-awesome:before {
  content: "";
}

.fa-usb:before {
  content: "";
}

.fa-product-hunt:before {
  content: "";
}

.fa-mixcloud:before {
  content: "";
}

.fa-scribd:before {
  content: "";
}

.fa-pause-circle:before {
  content: "";
}

.fa-pause-circle-o:before {
  content: "";
}

.fa-stop-circle:before {
  content: "";
}

.fa-stop-circle-o:before {
  content: "";
}

.fa-shopping-bag:before {
  content: "";
}

.fa-shopping-basket:before {
  content: "";
}

.fa-hashtag:before {
  content: "";
}

.fa-bluetooth:before {
  content: "";
}

.fa-bluetooth-b:before {
  content: "";
}

.fa-percent:before {
  content: "";
}

.fa-gitlab:before {
  content: "";
}

.fa-wpbeginner:before {
  content: "";
}

.fa-wpforms:before {
  content: "";
}

.fa-envira:before {
  content: "";
}

.fa-universal-access:before {
  content: "";
}

.fa-wheelchair-alt:before {
  content: "";
}

.fa-question-circle-o:before {
  content: "";
}

.fa-blind:before {
  content: "";
}

.fa-audio-description:before {
  content: "";
}

.fa-volume-control-phone:before {
  content: "";
}

.fa-braille:before {
  content: "";
}

.fa-assistive-listening-systems:before {
  content: "";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "";
}

.fa-glide:before {
  content: "";
}

.fa-glide-g:before {
  content: "";
}

.fa-signing:before,
.fa-sign-language:before {
  content: "";
}

.fa-low-vision:before {
  content: "";
}

.fa-viadeo:before {
  content: "";
}

.fa-viadeo-square:before {
  content: "";
}

.fa-snapchat:before {
  content: "";
}

.fa-snapchat-ghost:before {
  content: "";
}

.fa-snapchat-square:before {
  content: "";
}

.fa-pied-piper:before {
  content: "";
}

.fa-first-order:before {
  content: "";
}

.fa-yoast:before {
  content: "";
}

.fa-themeisle:before {
  content: "";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "";
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "";
}

.fa-handshake-o:before {
  content: "";
}

.fa-envelope-open:before {
  content: "";
}

.fa-envelope-open-o:before {
  content: "";
}

.fa-linode:before {
  content: "";
}

.fa-address-book:before {
  content: "";
}

.fa-address-book-o:before {
  content: "";
}

.fa-vcard:before,
.fa-address-card:before {
  content: "";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "";
}

.fa-user-circle:before {
  content: "";
}

.fa-user-circle-o:before {
  content: "";
}

.fa-user-o:before {
  content: "";
}

.fa-id-badge:before {
  content: "";
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "";
}

.fa-quora:before {
  content: "";
}

.fa-free-code-camp:before {
  content: "";
}

.fa-telegram:before {
  content: "";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "";
}

.fa-shower:before {
  content: "";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "";
}

.fa-podcast:before {
  content: "";
}

.fa-window-maximize:before {
  content: "";
}

.fa-window-minimize:before {
  content: "";
}

.fa-window-restore:before {
  content: "";
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "";
}

.fa-bandcamp:before {
  content: "";
}

.fa-grav:before {
  content: "";
}

.fa-etsy:before {
  content: "";
}

.fa-imdb:before {
  content: "";
}

.fa-ravelry:before {
  content: "";
}

.fa-eercast:before {
  content: "";
}

.fa-microchip:before {
  content: "";
}

.fa-snowflake-o:before {
  content: "";
}

.fa-superpowers:before {
  content: "";
}

.fa-wpexplorer:before {
  content: "";
}

.fa-meetup:before {
  content: "";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/* Variables for assigning spacing */
@font-face {
  font-family: "McGillSans-Regular";
  src: url("../fonts/McGillSans-Regular.eot");
  src: url("../fonts/McGillSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Regular.woff") format("woff"), url("../fonts/McGillSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Medium";
  src: url("../fonts/McGillSans-Medium.eot");
  src: url("../fonts/McGillSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Medium.woff") format("woff"), url("../fonts/McGillSans-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Bold";
  src: url("../fonts/McGillSans-Bold.eot");
  src: url("../fonts/McGillSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Bold.woff") format("woff"), url("../fonts/McGillSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Italic";
  src: url("../fonts/McGillSans-Italic.eot");
  src: url("../fonts/McGillSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Italic.woff") format("woff"), url("../fonts/McGillSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Regular";
  src: url("../fonts/McGillSerif-Regular.eot");
  src: url("../fonts/McGillSerif-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Regular.woff") format("woff"), url("../fonts/McGillSerif-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Medium";
  src: url("../fonts/McGillSerif-Medium.eot");
  src: url("../fonts/McGillSerif-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Medium.woff") format("woff"), url("../fonts/McGillSerif-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Bold";
  src: url("../fonts/McGillSerif-Bold.eot");
  src: url("../fonts/McGillSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Bold.woff") format("woff"), url("../fonts/McGillSerif-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Italic";
  src: url("../fonts/McGillSerif-Italic.eot");
  src: url("../fonts/McGillSerif-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Italic.woff") format("woff"), url("../fonts/McGillSerif-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*
 * McGill fonts with appropriate font-stacks.
 */
/*
 * Supporting typographic property variables.
 */
/*
 * Variables
 */
/*
 * Colors approved and provided by McGill design system.
 */
/*
 * Descriptive variables:
 */
/*
 * Functional variables:
 */
/************************
 * Descriptive variables:
 ************************/
/************************
 * Functional variables:
 ************************/
/* Variables for assigning spacing */
@font-face {
  font-family: "McGillSans-Regular";
  src: url("../fonts/McGillSans-Regular.eot");
  src: url("../fonts/McGillSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Regular.woff") format("woff"), url("../fonts/McGillSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Medium";
  src: url("../fonts/McGillSans-Medium.eot");
  src: url("../fonts/McGillSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Medium.woff") format("woff"), url("../fonts/McGillSans-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Bold";
  src: url("../fonts/McGillSans-Bold.eot");
  src: url("../fonts/McGillSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Bold.woff") format("woff"), url("../fonts/McGillSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Italic";
  src: url("../fonts/McGillSans-Italic.eot");
  src: url("../fonts/McGillSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Italic.woff") format("woff"), url("../fonts/McGillSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Regular";
  src: url("../fonts/McGillSerif-Regular.eot");
  src: url("../fonts/McGillSerif-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Regular.woff") format("woff"), url("../fonts/McGillSerif-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Medium";
  src: url("../fonts/McGillSerif-Medium.eot");
  src: url("../fonts/McGillSerif-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Medium.woff") format("woff"), url("../fonts/McGillSerif-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Bold";
  src: url("../fonts/McGillSerif-Bold.eot");
  src: url("../fonts/McGillSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Bold.woff") format("woff"), url("../fonts/McGillSerif-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Italic";
  src: url("../fonts/McGillSerif-Italic.eot");
  src: url("../fonts/McGillSerif-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Italic.woff") format("woff"), url("../fonts/McGillSerif-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*
 * McGill fonts with appropriate font-stacks.
 */
/*
 * Supporting typographic property variables.
 */
/* Functional variables */
/*
 * Icon - Currently Font-awesome.
 */
.fas {
  font-family: "FontAwesome";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

/**
 * Media Queries
 */
/*
 * Early Tablets in portrait and landscape
 * Modifications will only display on devices
 */
.brdr-bttm {
  border-bottom: 1px solid #979797;
}

.contain, .group-contact, .container-m, #content .channels-item-list .channel-item {
  width: 100%;
  position: relative;
  float: left;
  max-width: 960px;
}

.wrppr.edge, .container-m .edge.wrapper {
  margin: 20px 0;
  width: 100%;
  max-width: 960px;
  float: left;
}

.wrppr, .container-m .wrapper {
  margin: 20px;
  width: 100%;
  max-width: 900px;
  float: left;
}

.tweet-footer:after, .view-content:after, .field-name-field-paragraphs-multi-column:after, .paragraphs-items-full:after, div.tabs.vertical:after, div.tabs div.container:after, #bottom-page:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.bug {
  border-bottom: 2px solid red;
}

/*
 * Hide from both screen readers and browsers: h5bp.com/u
 */
#footer-nav > ul.menu > li > a.nolink, .article-content .meta div.service-links li.service-links-ical, .node-type-article #nav-column, .node-channel-news .service-links-ical,
.state-hide {
  display: none;
  visibility: hidden;
}

form.views-page-search-form .views-exposed-widgets .views-exposed-widget.views-submit-button input[type=submit],
#views-exposed-form-mcgill-program-finder-page .views-exposed-widgets .views-exposed-widget.views-submit-button input[type=submit],
#views-exposed-form-mcgill-graduate-program-finder-page .views-exposed-widgets .views-exposed-widget.views-submit-button input[type=submit] {
  text-indent: -9999px;
}

/*
 * Mixins
 */
/*
 * Placeholders
 */
.block .grid img {
  max-width: 100%;
  height: auto !important;
}

.third-width .block-inner,
#highlighted .third-width .block-inner,
#top-page .third-width .block-inner,
#bottom-page .third-width .block-inner,
#top-content .third-width .block-inner,
#bottom-content .third-width .block-inner, .half-width .block-inner,
#highlighted .half-width .block-inner,
#top-page .half-width .block-inner,
#bottom-page .half-width .block-inner,
#top-content .half-width .block-inner,
#bottom-content .half-width .block-inner, .twothirds-width .block-inner,
#highlighted .twothirds-width .block-inner,
#top-page .twothirds-width .block-inner,
#bottom-page .twothirds-width .block-inner,
#top-content .twothirds-width .block-inner,
#bottom-content .twothirds-width .block-inner {
  padding: 1em 12px;
}

/*
 * Implements @include block-layout();
 * Lays a floated block within the Susy Grid system
 * $selector : css selector eg .half-width
 * $column : column width of 24
 * $m-gutter (optional) default 6: Bottom gutter width on smaller devices
 * @content additional css can be added if needed.
 */
/*
 * Implements @include button();
 * Creates a button
 * $bg : background color
 * $size : font-size in ems
 */
/*
 * Implements @include shadow-box();
 * Creates a outlined container with a shadow
 * $align : whether the contents should be left, right, center aligned
 */
/*
 * On desktop display view rows as a grid gallery
 * adjust to fewer columns when teh sidebars are present.
 * consider if the view rows find's itself in the sidebar column.
 */
/* Variables for assigning spacing */
@font-face {
  font-family: "McGillSans-Regular";
  src: url("../fonts/McGillSans-Regular.eot");
  src: url("../fonts/McGillSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Regular.woff") format("woff"), url("../fonts/McGillSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Medium";
  src: url("../fonts/McGillSans-Medium.eot");
  src: url("../fonts/McGillSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Medium.woff") format("woff"), url("../fonts/McGillSans-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Bold";
  src: url("../fonts/McGillSans-Bold.eot");
  src: url("../fonts/McGillSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Bold.woff") format("woff"), url("../fonts/McGillSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Italic";
  src: url("../fonts/McGillSans-Italic.eot");
  src: url("../fonts/McGillSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Italic.woff") format("woff"), url("../fonts/McGillSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Regular";
  src: url("../fonts/McGillSerif-Regular.eot");
  src: url("../fonts/McGillSerif-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Regular.woff") format("woff"), url("../fonts/McGillSerif-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Medium";
  src: url("../fonts/McGillSerif-Medium.eot");
  src: url("../fonts/McGillSerif-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Medium.woff") format("woff"), url("../fonts/McGillSerif-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Bold";
  src: url("../fonts/McGillSerif-Bold.eot");
  src: url("../fonts/McGillSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Bold.woff") format("woff"), url("../fonts/McGillSerif-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Italic";
  src: url("../fonts/McGillSerif-Italic.eot");
  src: url("../fonts/McGillSerif-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Italic.woff") format("woff"), url("../fonts/McGillSerif-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*
 * McGill fonts with appropriate font-stacks.
 */
/*
 * Supporting typographic property variables.
 */
/*
 * Available button style elements and modifiers.
 * Creates classes that can be used or extended into selectors.
 *
 * # ELEMENTS
 * button--default
 * button--primary
 * button--outline
 * button--reverse
 *
 * # MODIFIERS
 * button--large
 *
 */
a.button,
a.button--reverse,
.block-bean-mcgill-banner a.button,
.cta--sidebar a.button,
#sidebar-column .block-bean-mcgill-call-to-action a.button,
.cta--highlighted a.button,
#highlighted .block-bean-mcgill-call-to-action.mode-enhanced a.button,
.cta--sidebar.mode-enhanced a.button,
.mode-enhanced.cta--highlighted a.button,
#sidebar-column .cta--dark-mode a.button,
#sidebar-column .paragraphs-item-call-to-action a.button,
#highlighted .cta--dark-mode a.button,
#highlighted .paragraphs-item-call-to-action a.button,
a.button--outline,
.cta--third a.button,
.block-bean-mcgill-call-to-action.mode-third a.button,
a.button--primary,
.cta--full .has-image a.button,
.block-bean-mcgill-call-to-action.mode-full .has-image a.button,
a.button--default,
.item-list ul.pager-load-more li a,
.cta--half a.button,
.block-bean-mcgill-call-to-action.mode-half a.button {
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.1;
  padding: 0.7em 1.05em;
  transition: background 0.15s;
  position: relative;
  border-width: 2px;
  border-style: solid;
  border-radius: 4px;
  /*
   * Element variations.
   */
  /*
   * Modifiers
   */
}
a.button:link,
a.button--reverse:link,
#sidebar-column .cta--dark-mode a.button:link,
#sidebar-column .block-bean-mcgill-call-to-action.mode-enhanced a.button:link,
#sidebar-column .paragraphs-item-call-to-action a.button:link,
#highlighted .cta--dark-mode a.button:link,
#highlighted .block-bean-mcgill-call-to-action.mode-enhanced a.button:link,
#highlighted .paragraphs-item-call-to-action a.button:link,
a.button--outline:link,
a.button--primary:link,
.cta--full .has-image a.button:link,
.block-bean-mcgill-call-to-action.mode-full .has-image a.button:link,
a.button--default:link,
.item-list ul.pager-load-more li a:link {
  text-decoration: none;
}
a.button--default,
.item-list ul.pager-load-more li a,
.cta--half a.button,
.block-bean-mcgill-call-to-action.mode-half a.button {
  background-color: #000;
  border-color: #000;
}
a.button--default:link,
.item-list ul.pager-load-more li a:link,
.cta--half a.button:link,
.block-bean-mcgill-call-to-action.mode-half a.button:link {
  color: #FFF;
}
a.button--default:visited,
.item-list ul.pager-load-more li a:visited,
.cta--half a.button:visited,
.block-bean-mcgill-call-to-action.mode-half a.button:visited {
  color: #FFF;
}
a.button--default:hover,
.item-list ul.pager-load-more li a:hover,
.cta--half a.button:hover,
.block-bean-mcgill-call-to-action.mode-half a.button:hover {
  background-color: transparent;
  color: #000;
}
a.button--default:active,
.item-list ul.pager-load-more li a:active,
.cta--half a.button:active,
.block-bean-mcgill-call-to-action.mode-half a.button:active {
  background-color: transparent;
  color: #000;
}
a.button--primary,
.cta--full .has-image a.button,
.block-bean-mcgill-call-to-action.mode-full .has-image a.button {
  background-color: #ED1B2F;
  border-color: #ED1B2F;
  font-weight: bold;
}
a.button--primary:link,
.cta--full .has-image a.button:link,
.block-bean-mcgill-call-to-action.mode-full .has-image a.button:link {
  color: #FFF;
}
a.button--primary:visited,
.cta--full .has-image a.button:visited,
.block-bean-mcgill-call-to-action.mode-full .has-image a.button:visited {
  color: #FFF;
}
a.button--primary:hover,
.cta--full .has-image a.button:hover,
.block-bean-mcgill-call-to-action.mode-full .has-image a.button:hover {
  background-color: transparent;
  color: #ED1B2F;
}
a.button--primary:active,
.cta--full .has-image a.button:active,
.block-bean-mcgill-call-to-action.mode-full .has-image a.button:active {
  background-color: #9E0918;
  border-color: #9E0918;
}
a.button--outline,
.cta--third a.button,
.block-bean-mcgill-call-to-action.mode-third a.button {
  background-color: transparent;
  border-color: #000;
}
a.button--outline:visited,
.cta--third a.button:visited,
.block-bean-mcgill-call-to-action.mode-third a.button:visited {
  color: #000;
}
a.button--outline:hover,
.cta--third a.button:hover,
.block-bean-mcgill-call-to-action.mode-third a.button:hover {
  background-color: #000;
  color: #FFF;
}
a.button--reverse,
.block-bean-mcgill-banner a.button,
.cta--sidebar a.button,
#sidebar-column .block-bean-mcgill-call-to-action a.button,
.cta--highlighted a.button,
#highlighted .block-bean-mcgill-call-to-action.mode-enhanced a.button,
.cta--sidebar.mode-enhanced a.button,
.mode-enhanced.cta--highlighted a.button,
#sidebar-column .cta--dark-mode a.button,
#sidebar-column .paragraphs-item-call-to-action a.button,
#highlighted .cta--dark-mode a.button,
#highlighted .paragraphs-item-call-to-action a.button {
  background-color: transparent;
  border-color: #FFF;
  color: #FFF;
}
a.button--reverse:visited,
.block-bean-mcgill-banner a.button:visited,
.cta--sidebar a.button:visited,
#sidebar-column .block-bean-mcgill-call-to-action a.button:visited,
.cta--highlighted a.button:visited,
#highlighted .block-bean-mcgill-call-to-action.mode-enhanced a.button:visited,
#sidebar-column .cta--dark-mode a.button:visited,
#sidebar-column .paragraphs-item-call-to-action a.button:visited,
#highlighted .cta--dark-mode a.button:visited,
#highlighted .paragraphs-item-call-to-action a.button:visited {
  color: #FFF;
}
a.button--reverse:hover,
.block-bean-mcgill-banner a.button:hover,
.cta--sidebar a.button:hover,
#sidebar-column .block-bean-mcgill-call-to-action a.button:hover,
.cta--highlighted a.button:hover,
#highlighted .block-bean-mcgill-call-to-action.mode-enhanced a.button:hover,
#sidebar-column .cta--dark-mode a.button:hover,
#sidebar-column .paragraphs-item-call-to-action a.button:hover,
#highlighted .cta--dark-mode a.button:hover,
#highlighted .paragraphs-item-call-to-action a.button:hover {
  background-color: #FFF;
  border-color: #FFF;
  color: #000;
}
a.button--large {
  font-size: 24px;
  padding: 15px;
}

.bl-tpl {
  margin: 1em 0;
}

/*
 * Read more styling when directing visitors to more content.
 *
 * Often used when linking to more content that is not a call-to-action.
 *
 * # ELEMENTS
 * read-more--default
 *
 * # MODIFIERS
 * read-more--inverted
 *
 */
a.read-more,
a.read-more--inverted,
a.read-more-inverted,
#main-column .cta--dark-mode a.button,
#main-column .block-bean-mcgill-call-to-action.mode-enhanced a.button,
#main-column .paragraphs-item-call-to-action a.button,
#top-page .cta--dark-mode a.button,
#top-page .block-bean-mcgill-call-to-action.mode-enhanced a.button,
#top-page .paragraphs-item-call-to-action a.button,
#bottom-page .cta--dark-mode a.button,
#bottom-page .block-bean-mcgill-call-to-action.mode-enhanced a.button,
#bottom-page .paragraphs-item-call-to-action a.button,
a.read-more--default,
.cta--full .no-image .field-name-field-single-link a.button,
.block-bean-mcgill-call-to-action.mode-full .no-image .field-name-field-single-link a.button {
  border-bottom: 3px solid;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-radius: 0;
  font-size: 1.25rem;
  line-height: 1.5;
  padding: 0 0 5px;
  /*
   * Element options.
   */
  /*
   * Modifier options.
   */
}
a.read-more:link,
a.read-more--inverted:link,
a.read-more-inverted:link,
#main-column .cta--dark-mode a.button:link,
#main-column .block-bean-mcgill-call-to-action.mode-enhanced a.button:link,
#main-column .paragraphs-item-call-to-action a.button:link,
#top-page .cta--dark-mode a.button:link,
#top-page .block-bean-mcgill-call-to-action.mode-enhanced a.button:link,
#top-page .paragraphs-item-call-to-action a.button:link,
#bottom-page .cta--dark-mode a.button:link,
#bottom-page .block-bean-mcgill-call-to-action.mode-enhanced a.button:link,
#bottom-page .paragraphs-item-call-to-action a.button:link,
a.read-more--default:link,
.cta--full .no-image .field-name-field-single-link a.button:link,
.block-bean-mcgill-call-to-action.mode-full .no-image .field-name-field-single-link a.button:link {
  text-decoration: none;
}
a.read-more:hover,
a.read-more--inverted:hover,
a.read-more-inverted:hover,
#main-column .cta--dark-mode a.button:hover,
#main-column .block-bean-mcgill-call-to-action.mode-enhanced a.button:hover,
#main-column .paragraphs-item-call-to-action a.button:hover,
#top-page .cta--dark-mode a.button:hover,
#top-page .block-bean-mcgill-call-to-action.mode-enhanced a.button:hover,
#top-page .paragraphs-item-call-to-action a.button:hover,
#bottom-page .cta--dark-mode a.button:hover,
#bottom-page .block-bean-mcgill-call-to-action.mode-enhanced a.button:hover,
#bottom-page .paragraphs-item-call-to-action a.button:hover,
a.read-more--default:hover,
.cta--full .no-image .field-name-field-single-link a.button:hover,
.block-bean-mcgill-call-to-action.mode-full .no-image .field-name-field-single-link a.button:hover {
  border-bottom: 4px solid;
}
a.read-more--default,
.cta--full .no-image .field-name-field-single-link a.button,
.block-bean-mcgill-call-to-action.mode-full .no-image .field-name-field-single-link a.button {
  border-bottom-color: #ED1B2F;
  color: #ED1B2F;
}
a.read-more--default:link, a.read-more--default:visited,
.cta--full .no-image .field-name-field-single-link a.button:link,
.block-bean-mcgill-call-to-action.mode-full .no-image .field-name-field-single-link a.button:link,
.cta--full .no-image .field-name-field-single-link a.button:visited,
.block-bean-mcgill-call-to-action.mode-full .no-image .field-name-field-single-link a.button:visited {
  border-bottom-color: #ED1B2F;
  color: #ED1B2F;
}
a.read-more--inverted, a.read-more-inverted,
#main-column .cta--dark-mode a.button,
#main-column .block-bean-mcgill-call-to-action.mode-enhanced a.button,
#main-column .paragraphs-item-call-to-action a.button,
#top-page .cta--dark-mode a.button,
#top-page .block-bean-mcgill-call-to-action.mode-enhanced a.button,
#top-page .paragraphs-item-call-to-action a.button,
#bottom-page .cta--dark-mode a.button,
#bottom-page .block-bean-mcgill-call-to-action.mode-enhanced a.button,
#bottom-page .paragraphs-item-call-to-action a.button {
  border-bottom-color: #FFF;
  color: #FFF;
}
a.read-more--inverted:link, a.read-more--inverted:visited, a.read-more-inverted:link, a.read-more-inverted:visited,
#main-column .cta--dark-mode a.button:link,
#main-column .block-bean-mcgill-call-to-action.mode-enhanced a.button:link,
#main-column .paragraphs-item-call-to-action a.button:link,
#top-page .cta--dark-mode a.button:link,
#top-page .block-bean-mcgill-call-to-action.mode-enhanced a.button:link,
#top-page .paragraphs-item-call-to-action a.button:link,
#bottom-page .cta--dark-mode a.button:link,
#bottom-page .block-bean-mcgill-call-to-action.mode-enhanced a.button:link,
#bottom-page .paragraphs-item-call-to-action a.button:link,
#main-column .cta--dark-mode a.button:visited,
#main-column .block-bean-mcgill-call-to-action.mode-enhanced a.button:visited,
#main-column .paragraphs-item-call-to-action a.button:visited,
#top-page .cta--dark-mode a.button:visited,
#top-page .block-bean-mcgill-call-to-action.mode-enhanced a.button:visited,
#top-page .paragraphs-item-call-to-action a.button:visited,
#bottom-page .cta--dark-mode a.button:visited,
#bottom-page .block-bean-mcgill-call-to-action.mode-enhanced a.button:visited,
#bottom-page .paragraphs-item-call-to-action a.button:visited {
  border-bottom-color: #FFF;
  color: #FFF;
}

/* Variables for assigning spacing */
@font-face {
  font-family: "McGillSans-Regular";
  src: url("../fonts/McGillSans-Regular.eot");
  src: url("../fonts/McGillSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Regular.woff") format("woff"), url("../fonts/McGillSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Medium";
  src: url("../fonts/McGillSans-Medium.eot");
  src: url("../fonts/McGillSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Medium.woff") format("woff"), url("../fonts/McGillSans-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Bold";
  src: url("../fonts/McGillSans-Bold.eot");
  src: url("../fonts/McGillSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Bold.woff") format("woff"), url("../fonts/McGillSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Italic";
  src: url("../fonts/McGillSans-Italic.eot");
  src: url("../fonts/McGillSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Italic.woff") format("woff"), url("../fonts/McGillSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Regular";
  src: url("../fonts/McGillSerif-Regular.eot");
  src: url("../fonts/McGillSerif-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Regular.woff") format("woff"), url("../fonts/McGillSerif-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Medium";
  src: url("../fonts/McGillSerif-Medium.eot");
  src: url("../fonts/McGillSerif-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Medium.woff") format("woff"), url("../fonts/McGillSerif-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Bold";
  src: url("../fonts/McGillSerif-Bold.eot");
  src: url("../fonts/McGillSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Bold.woff") format("woff"), url("../fonts/McGillSerif-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Italic";
  src: url("../fonts/McGillSerif-Italic.eot");
  src: url("../fonts/McGillSerif-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Italic.woff") format("woff"), url("../fonts/McGillSerif-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*
 * McGill fonts with appropriate font-stacks.
 */
/*
 * Supporting typographic property variables.
 */
/*
 * Reused group of properties as extends in elements.
 */
.cta--full .no-image .field-name-field-single-link a.button, .block-bean-mcgill-call-to-action.mode-full .no-image .field-name-field-single-link a.button, #main-column .cta--dark-mode a.button, #main-column .block-bean-mcgill-call-to-action.mode-enhanced a.button, #main-column .paragraphs-item-call-to-action a.button, #top-page .cta--dark-mode a.button, #top-page .block-bean-mcgill-call-to-action.mode-enhanced a.button, #top-page .paragraphs-item-call-to-action a.button, #bottom-page .cta--dark-mode a.button, #bottom-page .block-bean-mcgill-call-to-action.mode-enhanced a.button, #bottom-page .paragraphs-item-call-to-action a.button {
  margin-bottom: 0.5em;
  padding-bottom: 5px;
  background-color: transparent;
}

/*
 * Call-to-action blocks
 */
.cta, .block-bean-mcgill-call-to-action {
  /*
   * Variations
   */
  /*
   * Full-width
   */
  /*
   * Half width
   */
  /*
  * Third width
  */
  /*
   * CTA in Sidebar column.
   */
}
.cta .inner-wrapper, .block-bean-mcgill-call-to-action .inner-wrapper {
  margin: 1em;
}
.cta .inner-wrapper p:first-of-type, .block-bean-mcgill-call-to-action .inner-wrapper p:first-of-type {
  margin-top: 0;
}
.cta .inner-wrapper p:last-of-type, .block-bean-mcgill-call-to-action .inner-wrapper p:last-of-type {
  margin-bottom: 1em;
}
@media (min-width: 680px) {
  .cta .inner-wrapper, .block-bean-mcgill-call-to-action .inner-wrapper {
    margin-right: 0;
    margin-left: 0;
  }
}
.cta .field-name-field-m-block-body h2 + p, .block-bean-mcgill-call-to-action .field-name-field-m-block-body h2 + p, .cta .field-name-field-m-block-body h3 + p, .block-bean-mcgill-call-to-action .field-name-field-m-block-body h3 + p, .cta .field-name-field-m-block-body h4 + p, .block-bean-mcgill-call-to-action .field-name-field-m-block-body h4 + p, .cta .field-name-field-m-block-body h5 + p, .cta .field-name-field-m-block-body .mds-accordion > summary + p, .block-bean-mcgill-call-to-action .field-name-field-m-block-body h5 + p, .block-bean-mcgill-call-to-action .field-name-field-m-block-body .mds-accordion > summary + p, .cta .field-name-field-m-block-body h6 + p, .block-bean-mcgill-call-to-action .field-name-field-m-block-body h6 + p {
  margin-top: 0;
}
.cta--primary, .block-bean-mcgill-call-to-action.mode-third, .block-bean-mcgill-call-to-action.mode-half, .block-bean-mcgill-call-to-action.mode-full {
  border-top: 1px solid #979797;
}
.cta--dark-mode, .block-bean-mcgill-call-to-action.mode-enhanced, .paragraphs-item-call-to-action {
  text-align: center;
}
.cta--dark-mode .inner-wrapper, .block-bean-mcgill-call-to-action.mode-enhanced .inner-wrapper, .paragraphs-item-call-to-action .inner-wrapper {
  margin: 0;
}
.cta--dark-mode .block-inner, .block-bean-mcgill-call-to-action.mode-enhanced .block-inner, .paragraphs-item-call-to-action .block-inner,
.cta--dark-mode > .content,
.block-bean-mcgill-call-to-action.mode-enhanced > .content,
.paragraphs-item-call-to-action > .content {
  padding: 1.4em;
}
.cta--dark-mode .field-name-field-single-link, .block-bean-mcgill-call-to-action.mode-enhanced .field-name-field-single-link, .paragraphs-item-call-to-action .field-name-field-single-link {
  margin-bottom: 1em;
}
#sidebar-column .cta--dark-mode a.button, #sidebar-column .block-bean-mcgill-call-to-action.mode-enhanced a.button, #sidebar-column .paragraphs-item-call-to-action a.button, #highlighted .cta--dark-mode a.button, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced a.button, #highlighted .paragraphs-item-call-to-action a.button {
  display: inline-block;
}
#main-column .cta--dark-mode a.button, #main-column .block-bean-mcgill-call-to-action.mode-enhanced a.button, #main-column .paragraphs-item-call-to-action a.button, #top-page .cta--dark-mode a.button, #top-page .block-bean-mcgill-call-to-action.mode-enhanced a.button, #top-page .paragraphs-item-call-to-action a.button, #bottom-page .cta--dark-mode a.button, #bottom-page .block-bean-mcgill-call-to-action.mode-enhanced a.button, #bottom-page .paragraphs-item-call-to-action a.button {
  display: inline;
}
.cta--full, .block-bean-mcgill-call-to-action.mode-full {
  border-bottom: 1px solid #979797;
}
.cta--full .has-image, .block-bean-mcgill-call-to-action.mode-full .has-image {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cta--full .no-image .field-name-field-single-link, .block-bean-mcgill-call-to-action.mode-full .no-image .field-name-field-single-link {
  margin-bottom: 2em;
  line-height: 2;
}
.cta--full .no-image .field-name-field-single-link a.button, .block-bean-mcgill-call-to-action.mode-full .no-image .field-name-field-single-link a.button {
  display: inline;
  position: relative;
}
.cta--full .no-image.field-wrapper, .block-bean-mcgill-call-to-action.mode-full .no-image.field-wrapper {
  text-align: center;
  width: 100%;
}
@media (min-width: 680px) {
  .cta--full > .block-inner .content, .block-bean-mcgill-call-to-action.mode-full > .block-inner .content {
    display: flex;
    justify-content: space-between;
  }
  .cta--full > .block-inner .content > .entity, .block-bean-mcgill-call-to-action.mode-full > .block-inner .content > .entity {
    display: none;
  }
  .cta--full > .block-inner .content > .entity:only-child, .block-bean-mcgill-call-to-action.mode-full > .block-inner .content > .entity:only-child {
    display: block;
  }
  .cta--full .field-name-field-m-image-info, .block-bean-mcgill-call-to-action.mode-full .field-name-field-m-image-info {
    order: 2;
    width: 49%;
  }
  .cta--full .has-image.field-wrapper, .block-bean-mcgill-call-to-action.mode-full .has-image.field-wrapper {
    order: 1;
    width: 49%;
  }
}
.cta--half .field-wrapper.no-image, .block-bean-mcgill-call-to-action.mode-half .field-wrapper.no-image {
  text-align: center;
}
.cta--third, .block-bean-mcgill-call-to-action.mode-third {
  text-align: center;
}
@media (min-width: 480px) {
  .cta--third, .block-bean-mcgill-call-to-action.mode-third {
    text-align: left;
  }
}
.cta--third .field-wrapper.no-image, .block-bean-mcgill-call-to-action.mode-third .field-wrapper.no-image {
  text-align: center;
}
.cta--third .field-type-image, .block-bean-mcgill-call-to-action.mode-third .field-type-image {
  display: none;
}
@media (min-width: 480px) {
  .cta--third .field-type-image, .block-bean-mcgill-call-to-action.mode-third .field-type-image {
    display: block;
  }
}
.cta--sidebar, #sidebar-column .block-bean-mcgill-call-to-action, .cta--highlighted, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced {
  text-align: left;
  padding: 0;
  border: 0;
}
.cta--sidebar h1, #sidebar-column .block-bean-mcgill-call-to-action h1, .cta--highlighted h1, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced h1 {
  font-size: 1.25em;
}
.cta--sidebar h2, #sidebar-column .block-bean-mcgill-call-to-action h2, .cta--highlighted h2, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced h2 {
  font-size: 1.25em;
}
.cta--sidebar h3, #sidebar-column .block-bean-mcgill-call-to-action h3, .cta--highlighted h3, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced h3 {
  font-size: 1.25em;
}
.cta--sidebar h4, #sidebar-column .block-bean-mcgill-call-to-action h4, .cta--highlighted h4, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced h4 {
  font-size: 1.25em;
}
.cta--sidebar h5, .cta--sidebar .mds-accordion > summary, #sidebar-column .block-bean-mcgill-call-to-action h5, #sidebar-column .block-bean-mcgill-call-to-action .mds-accordion > summary, .cta--highlighted h5, .cta--highlighted .mds-accordion > summary, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced h5, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced .mds-accordion > summary {
  font-size: 1.25em;
}
.cta--sidebar h6, #sidebar-column .block-bean-mcgill-call-to-action h6, .cta--highlighted h6, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced h6 {
  font-size: 1.25em;
}
.cta--sidebar .field-name-field-single-link, #sidebar-column .block-bean-mcgill-call-to-action .field-name-field-single-link, .cta--highlighted .field-name-field-single-link, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced .field-name-field-single-link {
  margin: 0;
}
.cta--sidebar .block-inner, #sidebar-column .block-bean-mcgill-call-to-action .block-inner, .cta--highlighted .block-inner, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced .block-inner {
  padding: 0 0.7em;
}
@media (min-width: 480px) {
  .cta--sidebar .block-inner, #sidebar-column .block-bean-mcgill-call-to-action .block-inner, .cta--highlighted .block-inner, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced .block-inner {
    padding: 0;
  }
}
.cta--sidebar .inner-wrapper, #sidebar-column .block-bean-mcgill-call-to-action .inner-wrapper, .cta--highlighted .inner-wrapper, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced .inner-wrapper {
  text-align: left;
  margin: 0;
}
.cta--sidebar > .block-inner .content, #sidebar-column .block-bean-mcgill-call-to-action > .block-inner .content, .cta--highlighted > .block-inner .content, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced > .block-inner .content {
  display: block;
}
.cta--sidebar > .block-inner .content .field-name-field-m-image-info, #sidebar-column .block-bean-mcgill-call-to-action > .block-inner .content .field-name-field-m-image-info, .cta--highlighted > .block-inner .content .field-name-field-m-image-info, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced > .block-inner .content .field-name-field-m-image-info {
  width: 100%;
}
.cta--sidebar.mode-enhanced h3, #sidebar-column .mode-enhanced.block-bean-mcgill-call-to-action h3, .mode-enhanced.cta--highlighted h3, #highlighted .mode-enhanced.block-bean-mcgill-call-to-action h3 {
  padding-bottom: 0.35em;
}
@media (min-width: 480px) {
  .cta--sidebar.mode-enhanced .block-inner, #sidebar-column .mode-enhanced.block-bean-mcgill-call-to-action .block-inner, .mode-enhanced.cta--highlighted .block-inner, #highlighted .mode-enhanced.block-bean-mcgill-call-to-action .block-inner {
    padding: 0;
  }
}
.cta--sidebar.mode-enhanced .inner-wrapper, #sidebar-column .mode-enhanced.block-bean-mcgill-call-to-action .inner-wrapper, .mode-enhanced.cta--highlighted .inner-wrapper, #highlighted .mode-enhanced.block-bean-mcgill-call-to-action .inner-wrapper {
  margin: 0;
}
.cta--sidebar.mode-enhanced p:last-of-type, #sidebar-column .mode-enhanced.block-bean-mcgill-call-to-action p:last-of-type, .mode-enhanced.cta--highlighted p:last-of-type, #highlighted .mode-enhanced.block-bean-mcgill-call-to-action p:last-of-type {
  margin-bottom: 0.5em;
}
.cta--sidebar a.button, #sidebar-column .block-bean-mcgill-call-to-action a.button, .cta--highlighted a.button, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced a.button {
  margin: 0;
}
.cta--highlighted .block-inner .inner-wrapper, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced .block-inner .inner-wrapper {
  padding: 0;
}
.cta--highlighted p:last-of-type, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced p:last-of-type {
  margin-bottom: 1em;
}
.cta--highlighted .inner-wrapper, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced .inner-wrapper {
  padding: 0;
}

.view-mcgill-graduate-program-finder .views-row .views-field-field-program-type,
.view-mcgill-program-finder .views-row .views-field-field-program-type {
  font-size: 14px;
  font-family: "McgillSans-Regular", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
 Primary links usually found on the top-right of node pages on desktop.
*/
.primary-content-links {
  margin-bottom: 1em;
  display: flex;
  gap: 12px;
}
@media (min-width: 480px) {
  .primary-content-links {
    max-width: 50%;
    float: right;
    flex-wrap: wrap;
  }
}

.cta--dark-mode, .block-bean-mcgill-call-to-action.mode-enhanced, .paragraphs-item-call-to-action, .cta--sidebar, #sidebar-column .block-bean-mcgill-call-to-action, .cta--highlighted, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced {
  background: #000;
  color: #FFF;
}
.cta--dark-mode h1 a:link, .block-bean-mcgill-call-to-action.mode-enhanced h1 a:link, .paragraphs-item-call-to-action h1 a:link, .cta--sidebar h1 a:link, #sidebar-column .block-bean-mcgill-call-to-action h1 a:link, .cta--highlighted h1 a:link, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced h1 a:link {
  color: #FFF;
}
.cta--dark-mode h1 a:visited, .block-bean-mcgill-call-to-action.mode-enhanced h1 a:visited, .paragraphs-item-call-to-action h1 a:visited, .cta--sidebar h1 a:visited, #sidebar-column .block-bean-mcgill-call-to-action h1 a:visited, .cta--highlighted h1 a:visited, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced h1 a:visited {
  color: #BCADE2;
}
.cta--dark-mode h2 a:link, .block-bean-mcgill-call-to-action.mode-enhanced h2 a:link, .paragraphs-item-call-to-action h2 a:link, .cta--sidebar h2 a:link, #sidebar-column .block-bean-mcgill-call-to-action h2 a:link, .cta--highlighted h2 a:link, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced h2 a:link {
  color: #FFF;
}
.cta--dark-mode h2 a:visited, .block-bean-mcgill-call-to-action.mode-enhanced h2 a:visited, .paragraphs-item-call-to-action h2 a:visited, .cta--sidebar h2 a:visited, #sidebar-column .block-bean-mcgill-call-to-action h2 a:visited, .cta--highlighted h2 a:visited, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced h2 a:visited {
  color: #BCADE2;
}
.cta--dark-mode h3 a:link, .block-bean-mcgill-call-to-action.mode-enhanced h3 a:link, .paragraphs-item-call-to-action h3 a:link, .cta--sidebar h3 a:link, #sidebar-column .block-bean-mcgill-call-to-action h3 a:link, .cta--highlighted h3 a:link, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced h3 a:link {
  color: #FFF;
}
.cta--dark-mode h3 a:visited, .block-bean-mcgill-call-to-action.mode-enhanced h3 a:visited, .paragraphs-item-call-to-action h3 a:visited, .cta--sidebar h3 a:visited, #sidebar-column .block-bean-mcgill-call-to-action h3 a:visited, .cta--highlighted h3 a:visited, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced h3 a:visited {
  color: #BCADE2;
}
.cta--dark-mode h4 a:link, .block-bean-mcgill-call-to-action.mode-enhanced h4 a:link, .paragraphs-item-call-to-action h4 a:link, .cta--sidebar h4 a:link, #sidebar-column .block-bean-mcgill-call-to-action h4 a:link, .cta--highlighted h4 a:link, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced h4 a:link {
  color: #FFF;
}
.cta--dark-mode h4 a:visited, .block-bean-mcgill-call-to-action.mode-enhanced h4 a:visited, .paragraphs-item-call-to-action h4 a:visited, .cta--sidebar h4 a:visited, #sidebar-column .block-bean-mcgill-call-to-action h4 a:visited, .cta--highlighted h4 a:visited, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced h4 a:visited {
  color: #BCADE2;
}
.cta--dark-mode h5 a:link, .cta--dark-mode .mds-accordion > summary a:link, .block-bean-mcgill-call-to-action.mode-enhanced h5 a:link, .block-bean-mcgill-call-to-action.mode-enhanced .mds-accordion > summary a:link, .paragraphs-item-call-to-action h5 a:link, .paragraphs-item-call-to-action .mds-accordion > summary a:link, .cta--sidebar h5 a:link, .cta--sidebar .mds-accordion > summary a:link, #sidebar-column .block-bean-mcgill-call-to-action h5 a:link, #sidebar-column .block-bean-mcgill-call-to-action .mds-accordion > summary a:link, .cta--highlighted h5 a:link, .cta--highlighted .mds-accordion > summary a:link, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced h5 a:link, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced .mds-accordion > summary a:link {
  color: #FFF;
}
.cta--dark-mode h5 a:visited, .cta--dark-mode .mds-accordion > summary a:visited, .block-bean-mcgill-call-to-action.mode-enhanced h5 a:visited, .block-bean-mcgill-call-to-action.mode-enhanced .mds-accordion > summary a:visited, .paragraphs-item-call-to-action h5 a:visited, .paragraphs-item-call-to-action .mds-accordion > summary a:visited, .cta--sidebar h5 a:visited, .cta--sidebar .mds-accordion > summary a:visited, #sidebar-column .block-bean-mcgill-call-to-action h5 a:visited, #sidebar-column .block-bean-mcgill-call-to-action .mds-accordion > summary a:visited, .cta--highlighted h5 a:visited, .cta--highlighted .mds-accordion > summary a:visited, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced h5 a:visited, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced .mds-accordion > summary a:visited {
  color: #BCADE2;
}
.cta--dark-mode h6 a:link, .block-bean-mcgill-call-to-action.mode-enhanced h6 a:link, .paragraphs-item-call-to-action h6 a:link, .cta--sidebar h6 a:link, #sidebar-column .block-bean-mcgill-call-to-action h6 a:link, .cta--highlighted h6 a:link, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced h6 a:link {
  color: #FFF;
}
.cta--dark-mode h6 a:visited, .block-bean-mcgill-call-to-action.mode-enhanced h6 a:visited, .paragraphs-item-call-to-action h6 a:visited, .cta--sidebar h6 a:visited, #sidebar-column .block-bean-mcgill-call-to-action h6 a:visited, .cta--highlighted h6 a:visited, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced h6 a:visited {
  color: #BCADE2;
}
.cta--dark-mode p a:link, .block-bean-mcgill-call-to-action.mode-enhanced p a:link, .paragraphs-item-call-to-action p a:link, .cta--sidebar p a:link, #sidebar-column .block-bean-mcgill-call-to-action p a:link, .cta--highlighted p a:link, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced p a:link {
  color: #FFF;
}
.cta--dark-mode p a:visited, .block-bean-mcgill-call-to-action.mode-enhanced p a:visited, .paragraphs-item-call-to-action p a:visited, .cta--sidebar p a:visited, #sidebar-column .block-bean-mcgill-call-to-action p a:visited, .cta--highlighted p a:visited, #highlighted .block-bean-mcgill-call-to-action.mode-enhanced p a:visited {
  color: #BCADE2;
}

div#accessibility a {
  color: #FFF;
  text-decoration: none;
}
div#accessibility a:hover {
  color: #FFF;
  border-color: #FFF;
}
div#accessibility a:visited {
  color: #BCADE2;
}
div#accessibility a:focus {
  color: #000;
  background: #F4F4F4;
}

.no-vert-nav.one-sidebar #main-column .block-media-nivo-slider.js-center-media, .vert-nav.one-sidebar #main-column .block-media-nivo-slider.js-center-media, .vert-nav.no-sidebars #main-column .block-media-nivo-slider.js-center-media, .vert-nav #top-page .block-media-nivo-slider.js-center-media,
.vert-nav #bottom-page .block-media-nivo-slider.js-center-media, .no-vert-nav.no-sidebars #main-column .block-media-nivo-slider.js-center-media {
  margin-left: auto;
  margin-right: auto;
  float: none;
  display: block;
}

/*
 * Colors approved and provided by McGill design system.
 */
/*
 * Descriptive variables:
 */
/*
 * Functional variables:
 */
/************************
 * Descriptive variables:
 ************************/
/************************
 * Functional variables:
 ************************/
/* Variables for assigning spacing */
@font-face {
  font-family: "McGillSans-Regular";
  src: url("../fonts/McGillSans-Regular.eot");
  src: url("../fonts/McGillSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Regular.woff") format("woff"), url("../fonts/McGillSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Medium";
  src: url("../fonts/McGillSans-Medium.eot");
  src: url("../fonts/McGillSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Medium.woff") format("woff"), url("../fonts/McGillSans-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Bold";
  src: url("../fonts/McGillSans-Bold.eot");
  src: url("../fonts/McGillSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Bold.woff") format("woff"), url("../fonts/McGillSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Italic";
  src: url("../fonts/McGillSans-Italic.eot");
  src: url("../fonts/McGillSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Italic.woff") format("woff"), url("../fonts/McGillSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Regular";
  src: url("../fonts/McGillSerif-Regular.eot");
  src: url("../fonts/McGillSerif-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Regular.woff") format("woff"), url("../fonts/McGillSerif-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Medium";
  src: url("../fonts/McGillSerif-Medium.eot");
  src: url("../fonts/McGillSerif-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Medium.woff") format("woff"), url("../fonts/McGillSerif-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Bold";
  src: url("../fonts/McGillSerif-Bold.eot");
  src: url("../fonts/McGillSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Bold.woff") format("woff"), url("../fonts/McGillSerif-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Italic";
  src: url("../fonts/McGillSerif-Italic.eot");
  src: url("../fonts/McGillSerif-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Italic.woff") format("woff"), url("../fonts/McGillSerif-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*
 * McGill fonts with appropriate font-stacks.
 */
/*
 * Supporting typographic property variables.
 */
/* Functional variables */
/*
 * Icon - Currently Font-awesome.
 */
.fas {
  font-family: "FontAwesome";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

/**
 * Media Queries
 */
/*
 * Early Tablets in portrait and landscape
 * Modifications will only display on devices
 */
.brdr-bttm {
  border-bottom: 1px solid #979797;
}

.contain, .group-contact, .container-m, #content .channels-item-list .channel-item {
  width: 100%;
  position: relative;
  float: left;
  max-width: 960px;
}

.wrppr.edge, .container-m .edge.wrapper {
  margin: 20px 0;
  width: 100%;
  max-width: 960px;
  float: left;
}

.wrppr, .container-m .wrapper {
  margin: 20px;
  width: 100%;
  max-width: 900px;
  float: left;
}

.tweet-footer:after, .view-content:after, .field-name-field-paragraphs-multi-column:after, .paragraphs-items-full:after, div.tabs.vertical:after, div.tabs div.container:after, #bottom-page:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.bug {
  border-bottom: 2px solid red;
}

/*
 * Hide from both screen readers and browsers: h5bp.com/u
 */
#footer-nav > ul.menu > li > a.nolink, .article-content .meta div.service-links li.service-links-ical, .node-type-article #nav-column, .node-channel-news .service-links-ical,
.state-hide {
  display: none;
  visibility: hidden;
}

form.views-page-search-form .views-exposed-widgets .views-exposed-widget.views-submit-button input[type=submit],
#views-exposed-form-mcgill-program-finder-page .views-exposed-widgets .views-exposed-widget.views-submit-button input[type=submit],
#views-exposed-form-mcgill-graduate-program-finder-page .views-exposed-widgets .views-exposed-widget.views-submit-button input[type=submit] {
  text-indent: -9999px;
}

/*
 * Mixins
 */
/****************************************************
*  BASE
*  A Base rule is applied to an element using an element selector,
*  a descendent selector,
*  or a child selector,
*  along with any pseudo-classes.
*  It does not include any class or ID selectors.
*
****************************************************/
/*
 * Susy settings
 * Image: show, will reveal a grid image background to line up components.
 * Columns set to 24 for debug visual aid.
 */
/* Variables for assigning spacing */
@font-face {
  font-family: "McGillSans-Regular";
  src: url("../fonts/McGillSans-Regular.eot");
  src: url("../fonts/McGillSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Regular.woff") format("woff"), url("../fonts/McGillSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Medium";
  src: url("../fonts/McGillSans-Medium.eot");
  src: url("../fonts/McGillSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Medium.woff") format("woff"), url("../fonts/McGillSans-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Bold";
  src: url("../fonts/McGillSans-Bold.eot");
  src: url("../fonts/McGillSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Bold.woff") format("woff"), url("../fonts/McGillSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Italic";
  src: url("../fonts/McGillSans-Italic.eot");
  src: url("../fonts/McGillSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Italic.woff") format("woff"), url("../fonts/McGillSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Regular";
  src: url("../fonts/McGillSerif-Regular.eot");
  src: url("../fonts/McGillSerif-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Regular.woff") format("woff"), url("../fonts/McGillSerif-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Medium";
  src: url("../fonts/McGillSerif-Medium.eot");
  src: url("../fonts/McGillSerif-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Medium.woff") format("woff"), url("../fonts/McGillSerif-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Bold";
  src: url("../fonts/McGillSerif-Bold.eot");
  src: url("../fonts/McGillSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Bold.woff") format("woff"), url("../fonts/McGillSerif-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Italic";
  src: url("../fonts/McGillSerif-Italic.eot");
  src: url("../fonts/McGillSerif-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Italic.woff") format("woff"), url("../fonts/McGillSerif-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*
 * McGill fonts with appropriate font-stacks.
 */
/*
 * Supporting typographic property variables.
 */
/*
 * Variables
 */
/*
 * Colors approved and provided by McGill design system.
 */
/*
 * Descriptive variables:
 */
/*
 * Functional variables:
 */
/************************
 * Descriptive variables:
 ************************/
/************************
 * Functional variables:
 ************************/
/* Variables for assigning spacing */
@font-face {
  font-family: "McGillSans-Regular";
  src: url("../fonts/McGillSans-Regular.eot");
  src: url("../fonts/McGillSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Regular.woff") format("woff"), url("../fonts/McGillSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Medium";
  src: url("../fonts/McGillSans-Medium.eot");
  src: url("../fonts/McGillSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Medium.woff") format("woff"), url("../fonts/McGillSans-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Bold";
  src: url("../fonts/McGillSans-Bold.eot");
  src: url("../fonts/McGillSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Bold.woff") format("woff"), url("../fonts/McGillSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Italic";
  src: url("../fonts/McGillSans-Italic.eot");
  src: url("../fonts/McGillSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Italic.woff") format("woff"), url("../fonts/McGillSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Regular";
  src: url("../fonts/McGillSerif-Regular.eot");
  src: url("../fonts/McGillSerif-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Regular.woff") format("woff"), url("../fonts/McGillSerif-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Medium";
  src: url("../fonts/McGillSerif-Medium.eot");
  src: url("../fonts/McGillSerif-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Medium.woff") format("woff"), url("../fonts/McGillSerif-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Bold";
  src: url("../fonts/McGillSerif-Bold.eot");
  src: url("../fonts/McGillSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Bold.woff") format("woff"), url("../fonts/McGillSerif-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Italic";
  src: url("../fonts/McGillSerif-Italic.eot");
  src: url("../fonts/McGillSerif-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Italic.woff") format("woff"), url("../fonts/McGillSerif-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*
 * McGill fonts with appropriate font-stacks.
 */
/*
 * Supporting typographic property variables.
 */
/* Functional variables */
/*
 * Icon - Currently Font-awesome.
 */
.fas {
  font-family: "FontAwesome";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

/**
 * Media Queries
 */
/*
 * Early Tablets in portrait and landscape
 * Modifications will only display on devices
 */
.brdr-bttm {
  border-bottom: 1px solid #979797;
}

.contain, .group-contact, .container-m, #content .channels-item-list .channel-item {
  width: 100%;
  position: relative;
  float: left;
  max-width: 960px;
}

.wrppr.edge, .container-m .edge.wrapper {
  margin: 20px 0;
  width: 100%;
  max-width: 960px;
  float: left;
}

.wrppr, .container-m .wrapper {
  margin: 20px;
  width: 100%;
  max-width: 900px;
  float: left;
}

.tweet-footer:after, .view-content:after, .field-name-field-paragraphs-multi-column:after, .paragraphs-items-full:after, div.tabs.vertical:after, div.tabs div.container:after, #bottom-page:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.bug {
  border-bottom: 2px solid red;
}

/*
 * Hide from both screen readers and browsers: h5bp.com/u
 */
#footer-nav > ul.menu > li > a.nolink, .article-content .meta div.service-links li.service-links-ical, .node-type-article #nav-column, .node-channel-news .service-links-ical,
.state-hide {
  display: none;
  visibility: hidden;
}

form.views-page-search-form .views-exposed-widgets .views-exposed-widget.views-submit-button input[type=submit],
#views-exposed-form-mcgill-program-finder-page .views-exposed-widgets .views-exposed-widget.views-submit-button input[type=submit],
#views-exposed-form-mcgill-graduate-program-finder-page .views-exposed-widgets .views-exposed-widget.views-submit-button input[type=submit] {
  text-indent: -9999px;
}

/*
 * Mixins
 */
/*
 * Placeholders
 */
.block .grid img {
  max-width: 100%;
  height: auto !important;
}

.third-width .block-inner,
#highlighted .third-width .block-inner,
#top-page .third-width .block-inner,
#bottom-page .third-width .block-inner,
#top-content .third-width .block-inner,
#bottom-content .third-width .block-inner, .half-width .block-inner,
#highlighted .half-width .block-inner,
#top-page .half-width .block-inner,
#bottom-page .half-width .block-inner,
#top-content .half-width .block-inner,
#bottom-content .half-width .block-inner, .twothirds-width .block-inner,
#highlighted .twothirds-width .block-inner,
#top-page .twothirds-width .block-inner,
#bottom-page .twothirds-width .block-inner,
#top-content .twothirds-width .block-inner,
#bottom-content .twothirds-width .block-inner {
  padding: 1em 12px;
}

/*
 * Implements @include block-layout();
 * Lays a floated block within the Susy Grid system
 * $selector : css selector eg .half-width
 * $column : column width of 24
 * $m-gutter (optional) default 6: Bottom gutter width on smaller devices
 * @content additional css can be added if needed.
 */
/*
 * Implements @include button();
 * Creates a button
 * $bg : background color
 * $size : font-size in ems
 */
/*
 * Implements @include shadow-box();
 * Creates a outlined container with a shadow
 * $align : whether the contents should be left, right, center aligned
 */
/*
 * On desktop display view rows as a grid gallery
 * adjust to fewer columns when teh sidebars are present.
 * consider if the view rows find's itself in the sidebar column.
 */
/* Variables for assigning spacing */
@font-face {
  font-family: "McGillSans-Regular";
  src: url("../fonts/McGillSans-Regular.eot");
  src: url("../fonts/McGillSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Regular.woff") format("woff"), url("../fonts/McGillSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Medium";
  src: url("../fonts/McGillSans-Medium.eot");
  src: url("../fonts/McGillSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Medium.woff") format("woff"), url("../fonts/McGillSans-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Bold";
  src: url("../fonts/McGillSans-Bold.eot");
  src: url("../fonts/McGillSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Bold.woff") format("woff"), url("../fonts/McGillSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Italic";
  src: url("../fonts/McGillSans-Italic.eot");
  src: url("../fonts/McGillSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Italic.woff") format("woff"), url("../fonts/McGillSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Regular";
  src: url("../fonts/McGillSerif-Regular.eot");
  src: url("../fonts/McGillSerif-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Regular.woff") format("woff"), url("../fonts/McGillSerif-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Medium";
  src: url("../fonts/McGillSerif-Medium.eot");
  src: url("../fonts/McGillSerif-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Medium.woff") format("woff"), url("../fonts/McGillSerif-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Bold";
  src: url("../fonts/McGillSerif-Bold.eot");
  src: url("../fonts/McGillSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Bold.woff") format("woff"), url("../fonts/McGillSerif-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Italic";
  src: url("../fonts/McGillSerif-Italic.eot");
  src: url("../fonts/McGillSerif-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Italic.woff") format("woff"), url("../fonts/McGillSerif-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*
 * McGill fonts with appropriate font-stacks.
 */
/*
 * Supporting typographic property variables.
 */
/*
 * This file contains typographic treatments.
 */
/* Smaller for legacy text sizing. */
/**
 * Set fallback base font and scale ratio with Sass
 * Use these numbers with :root when removing fallback
 * TODO: Create function to handle header sizing in mcgill-ds.
 */
/* the golden ratio */
/* Create Sass type sizes */
/* Sass second scale with larger type sizes */
/**
 * Use Sass variables with CSS variables for single variable source
 * Replace these with above numbers in the future
 * It appears Sass variables need to be interpolated to strings to work with CSS variables
 */
:root {
  --font-size-narrow: 98%;
  --font-size: 105%;
  --ratio: 1.15;
  --ratio-large: 1.2;
  --ratio-alt: 1.68;
  /**
   * Set heading sizes with CSS variables
   * any browser that can support variables will support Calc
   * CSS Calc has 94% support
   * @link https://caniuse.com/#feat=calc
   */
  --h5: calc(var(--font-size) * var(--ratio));
  --h4: calc(var(--font-size) * var(--ratio));
  --h3: calc(var(--h4) * var(--ratio));
  --h2: calc(var(--h3) * var(--ratio));
  --h1: calc(var(--h2) * var(--ratio));
  --h2-large: calc(var(--h3) * var(--ratio-large));
  --h1-large: calc(var(--h2) * var(--ratio-large));
}

/* Change ratio for devices equal or larger than desktop.  */
@media (min-width: 960px) {
  :root {
    --ratio: var(--ratio-large);
  }
}
body {
  font-size: 98%;
  /* variable fallback for IE11 */
  font-size: var(--font-size-narrow);
  font-smoothing: antialiased;
  font-family: "McgillSans-Regular", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
  color: #000;
}
@media only screen and (max-width: 480px) {
  body {
    font-size: 5vw;
  }
}

/*
 * Headers.
 */
h1, h2, h3, h4, h5, .mds-accordion > summary, h6 {
  font-weight: normal;
  margin: calc(2rem - 0.14285714em ) 0 1rem;
  line-height: 1.3;
  padding: 0.25em 0 0.75em 0;
}

h1, h2, h3, h4 {
  font-family: "McGillSerif-Medium", "MinionPro-Medium", "Minion Pro Medium", "Minion Pro", Century, Georgia, serif;
}
h1 em, h2 em, h3 em, h4 em {
  font-family: "McGillSerif-Italic", "MinionPro-Medium", "Minion Pro Medium", "Minion Pro", Century, Georgia, serif;
  font-style: normal;
}

h5, .mds-accordion > summary, h6 {
  font-family: "McGillSans-Medium", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h5 em, .mds-accordion > summary em, h6 em {
  font-family: "McGillSans-Italic", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
}

h1 {
  font-size: 211.1925046875%;
  /* variable fallback for IE11 */
  font-size: var(--h1);
  padding: 0.25em 0;
}

h2 {
  font-size: 183.64565625%;
  /* variable fallback for IE11 */
  font-size: var(--h2);
}

h3 {
  font-size: 159.691875%;
  /* variable fallback for IE11 */
  font-size: var(--h3);
}

h4 {
  font-size: 138.8625%;
  /* variable fallback for IE11 */
  font-size: var(--h4);
}

h5, .mds-accordion > summary {
  font-size: 120.75%;
  /* variable fallback for IE11 */
  font-size: var(--h5);
}

/* Variables for assigning spacing */
@font-face {
  font-family: "McGillSans-Regular";
  src: url("../fonts/McGillSans-Regular.eot");
  src: url("../fonts/McGillSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Regular.woff") format("woff"), url("../fonts/McGillSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Medium";
  src: url("../fonts/McGillSans-Medium.eot");
  src: url("../fonts/McGillSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Medium.woff") format("woff"), url("../fonts/McGillSans-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Bold";
  src: url("../fonts/McGillSans-Bold.eot");
  src: url("../fonts/McGillSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Bold.woff") format("woff"), url("../fonts/McGillSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Italic";
  src: url("../fonts/McGillSans-Italic.eot");
  src: url("../fonts/McGillSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Italic.woff") format("woff"), url("../fonts/McGillSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Regular";
  src: url("../fonts/McGillSerif-Regular.eot");
  src: url("../fonts/McGillSerif-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Regular.woff") format("woff"), url("../fonts/McGillSerif-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Medium";
  src: url("../fonts/McGillSerif-Medium.eot");
  src: url("../fonts/McGillSerif-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Medium.woff") format("woff"), url("../fonts/McGillSerif-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Bold";
  src: url("../fonts/McGillSerif-Bold.eot");
  src: url("../fonts/McGillSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Bold.woff") format("woff"), url("../fonts/McGillSerif-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Italic";
  src: url("../fonts/McGillSerif-Italic.eot");
  src: url("../fonts/McGillSerif-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Italic.woff") format("woff"), url("../fonts/McGillSerif-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*
 * McGill fonts with appropriate font-stacks.
 */
/*
 * Supporting typographic property variables.
 */
/****************************************************
*  LAYOUT
*  Used to lay major elements out on the page
*  minor elements would be handled in module_moriarty
*
****************************************************/
html {
  height: 100%;
}

body {
  height: 100%;
}

/*
 * Main content container.
 */
#container {
  margin: 1em auto 1em auto;
  background: #FFFFFF;
  text-align: left;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}
#container:after {
  content: " ";
  display: block;
  clear: both;
}
@media only screen and (max-width: 680px) {
  #container {
    width: auto;
  }
}

/*
 * Header area.
 */
#header {
  position: relative;
}
#header .inner {
  width: 960px;
  position: relative;
  margin: 0 auto;
}
@media only screen and (max-width: 680px) {
  #header .inner {
    width: 100%;
  }
}

div#slogan {
  line-height: 1.1;
  font-size: 0.85em;
  font-family: "McgillSans-Regular", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  margin: 0.25em 0 0 0;
  padding: 0;
}
.shift-slogan div#slogan {
  padding: 3px 1px 0 1px;
}

/*
 * Navigation.
 */
#navigation .inner {
  width: 960px;
  margin: 0 auto;
}

/*
 * Regions for adding blocks.
 */
@media (min-width: 960px) {
  #highlighted .region {
    display: -webkit-flex;
    display: flex;
  }
}
#highlighted .block.block-bean,
#highlighted .block {
  margin-top: 1.9830028329%;
  margin-bottom: 0;
}
#highlighted .block.block-bean.mode-full:first-child,
#highlighted .block.mode-full:first-child {
  margin-top: 0;
}
#highlighted .block-inner {
  margin: 0 auto;
  padding: 0;
  position: relative;
}

.region-highlighted > .block-bean-mcgill-block.mode-full {
  display: flex;
  justify-content: center;
}

#top-page .region {
  margin-bottom: 10px;
  float: left;
  width: 100%;
}

#top-content .block-block:first-child,
#top-page .block-block:first-child {
  padding-top: 0;
}

#top-content {
  width: 100%;
}

#sidebar-column {
  width: 23.5127478754%;
  border: 1px solid #979797;
  border-width: 1px 1px 0 1px;
  font-size: 0.95em;
  box-sizing: border-box;
  float: right;
  margin-right: 0;
}
@media only screen and (max-width: 680px) {
  #sidebar-column {
    border-width: 0;
  }
}

#main-column {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 2px;
  word-wrap: break-word;
}
@media (min-width: 680px) {
  #main-column {
    float: left;
  }
}

#content {
  clear: both;
}

/*
 * Vertical navigation page styling.
 */
#nav-column {
  width: 19.2634560907%;
  float: left;
  margin-right: 1.9830028329%;
  margin-right: 1.9830028329%;
  padding-bottom: 2px;
  overflow: hidden;
  padding: 0 0;
}

.vert-nav #inner-container {
  border-width: 0px;
  padding: 0px;
  margin: 0px;
}
@media (min-width: 680px) {
  .vert-nav #inner-container {
    width: 78.7535410765%;
    float: left;
    margin-right: 1.9830028329%;
    float: right;
    margin-right: 0;
  }
}
.vert-nav #top-page {
  width: 100%;
  color: #000;
}

.vert-nav.sidebar-second #main-column {
  margin-right: 1.9830028329%;
}
@media (min-width: 680px) {
  .vert-nav.sidebar-second #main-column {
    width: 70.2549575071%;
    float: left;
    margin-right: 1.9830028329%;
  }
}
@media (min-width: 680px) {
  .vert-nav.sidebar-second #sidebar-column {
    width: 27.7620396601%;
    float: left;
    margin-right: 1.9830028329%;
    float: right;
    margin-right: 0;
  }
}
.vert-nav.sidebar-second #sidebar-column .block {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

/*
 * No Vertical navigation page styling.
 */
@media (min-width: 680px) {
  .no-vert-nav.one-sidebar #main-column {
    width: 76.858345021%;
    margin-right: 0.9817671809%;
  }
}

@media (min-width: 680px) {
  .no-vert-nav.sidebar-second #sidebar-column {
    width: 22.159887798%;
    float: left;
    margin-right: 0.9817671809%;
    float: right;
    margin-right: 0;
  }
}

.no-vert-nav.no-sidebars #main-column {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  float: none;
}
.no-vert-nav.no-sidebars #main-column:after {
  content: " ";
  display: block;
  clear: both;
}

/*
 * Breadcrumbs
 */
#container .breadcrumb {
  padding: 0 0 2em 0;
  letter-spacing: 0.08em;
  background: none;
  text-align: left;
  margin: 0;
  font-size: 0.65em;
  clear: both;
}
#container .breadcrumb a {
  color: #1E1E1E;
  text-decoration: none;
}
#container .breadcrumb .custom-breadcrumbs-item-1 {
  text-transform: none;
  color: #9E0918;
}
#container .breadcrumb .custom-breadcrumbs-item-2 {
  text-transform: uppercase;
}

/*
 * Content Misc.
 */
#inner-container .messages {
  display: block;
  margin-bottom: 8px;
  padding: 10px;
  background: #FEF36D;
  border: 1px dotted red;
  clear: both;
}
#inner-container .help {
  display: block;
  margin-bottom: 8px;
  padding: 10px;
  text-align: right;
}

/*
 * Meta information - not sure what this is?
 */
.meta {
  margin-top: 16px;
  background-color: transparent;
  border: 1px solid #979797;
  border-width: 1px 0 0 0;
  clear: both;
}
.meta div {
  padding: 10px 0;
}
#top-page .meta {
  border: 0;
}
#sidebar-column .meta {
  display: none;
}

#tabs,
#top-page,
#top-content,
#content,
#bottom-content,
#bottom-page,
#footer {
  display: block;
}

.no-sidebars #top-page,
.no-sidebars #top-content,
.no-sidebars #content,
.no-sidebars #bottom-content,
.no-sidebars #bottom-page,
.no-sidebars #footer,
.no-sidebars #tabs {
  width: 100%;
}

#content {
  width: 100%;
}

#tabs,
.mcgill-apachesolor-search #tabs {
  width: 100%;
}

#content .content p {
  margin: 0 0 1em 0;
}

/*
 * Footer layout
 */
@media (min-width: 680px) {
  #footer-inner {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    margin: 0 auto;
  }
  #footer-inner:after {
    content: " ";
    display: block;
    clear: both;
  }
}

#block-system-main.block {
  padding: 0;
}
#block-system-main.block .content > .node {
  margin: 0;
}
#block-system-main.block .content > .node .field-name-body .field-items {
  margin-top: 0;
}

#bottom-content {
  width: 100%;
}

#bottom-page {
  float: left;
  margin: 1em 0;
  color: #000;
  width: 100%;
}

a#js-top-page-link {
  display: block;
  position: fixed;
  right: 10px;
  bottom: 10px;
  width: 30px;
  height: 30px;
  background: #373737 url("../images/top-page.png");
  border-radius: 4px;
  display: block;
  text-indent: -9000px;
}
a#js-top-page-link:hover {
  background-color: #000;
}

/** FORMS **/
button,
input[type=reset],
input[type=button],
input[type=submit] {
  font-family: "McgillSans-Regular", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: none;
  background: #F4F4F4;
  background: -moz-linear-gradient(top, #E4E4E4, #B8B8B8);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, left, right);
  padding: 7px;
  border-radius: 3px;
  position: relative;
  text-decoration: none;
}

input[type=reset]:hover,
input[type=button]:hover,
input[type=submit]:hover {
  background: #F4F4F4;
  background-image: -moz-linear-gradient(100% 100% 90deg, #C7C7C7, #F0F0F0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, left, right);
}

.container-inline label {
  color: #000;
  font-size: 0.8em;
  font-weight: 400;
  letter-spacing: 1px;
}

form.inline-labels .form-item label,
.block.inline-labels .form-item label {
  display: inline-block;
  padding: 0 0.75em 0 0;
}

/*views-exposed forms*/
.views-exposed-form .form-item {
  margin: 0;
}

/******************
 * Print
 ****************/
#content li.print_html a,
#content li.print_mail a,
#content li.print_pdf a {
  text-decoration: none;
  border-bottom: none;
}

.print-link {
  clear: both;
}

.print_html, .print_mail, .print_pdf {
  font-size: 0.8em;
  margin: 0;
  background: #F4F4F4;
}

/*
 * Maintenance Mode Pages
 */
.maintenance-page #global-nav {
  display: none;
}

#maintenance-column {
  padding: 20px;
}
@media (min-width: 680px) {
  #maintenance-column {
    margin-left: 175px;
  }
}

/* Accessibility */
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.offscreen, div.sf-accordion-toggle a span,
.home-link span,
#strap-search .search-form label,
.social-share-link,
.follow-link-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
}

/*
 * Helper Classes
 */
.clear-box,
.clr {
  clear: both;
}

#header .site-name-display-off {
  display: none;
}

/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
 HTML5 display definitions
 ========================================================================== */
/*
 * Corrects block display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
 Base
 ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}

/* ==========================================================================
 Links
 ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1, h2, h3, h4, h5, .mds-accordion > summary, h6 {
  margin: 0;
}

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/*
 * Addresses margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}

/*
 * Addresses `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: "";
  content: none;
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
 Lists
 ========================================================================== */
/*
 * Addresses margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
 Embedded content
 ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
 Figures
 ========================================================================== */
/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}

/* ==========================================================================
 Forms
 ========================================================================== */
/*
 * Corrects margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
 Tables
 ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/****************************************************
 * STATE.css
 * A state is something that augments
 * and overrides all other styles.
 ******************************************************/
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
span.hide,
.hide {
  display: none;
  visibility: hidden;
}

.offscreen, div.sf-accordion-toggle a span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
}

.offscreen.focusable:active, div.sf-accordion-toggle a span.focusable:active,
.offscreen.focusable:focus,
div.sf-accordion-toggle a span.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}

.block-bean-mcgill-call-to-action.mode-enhanced .block-inner > h3,
.block-bean-mcgill-call-to-action.mode-enhanced .block-inner > h2 {
  background: transparent !important;
}

/* Fix for some Firefox wonkiness */
@-moz-document url-prefix() {
  a#explore-mcgill {
    /*top:-39px;*/
  }
}
@-moz-document url-prefix() {
  .i18n-fr a#explore-mcgill.open {
    /*background:#E22D25 url("../images/arrows.png") no-repeat 159px -14px;*/
  }
}
/* Hackathon for Megamenu in IE7 miscalculating left:auto - sorry Jason! */
* + html #navigation ul.menu ul.menu,
* + html #navigation ul.menu div.mega-menu {
  clear: left;
  margin-top: -3px;
}

* + html #navigation ul.menu div.mega-menu ul.menu {
  clear: none;
}

/*****************
Hack
******************/
/*
 * Prevents sidebar from dropping on zoom
 */
#sidebar-column {
  -moz-box-sizing: border-box;
}

.views-field-field-channels-attach .mejs-container {
  max-height: 140px !important;
}

.views-field-field-channels-attach .mejs-container.mejs-container-fullscreen {
  max-height: 100% !important;
}

#block-views-mcgill-calendar-block-1 .block-inner,
#sidebar-column #block-views-mcgill-calendar-block-1 .block-inner {
  padding: 0 !important;
}

/*
 * Hamburger menu does not display on mobile if vertical menu.
 * Vertical menu sits above content.
 * Below hides nav on article content - even on mobile.
 * When horizontal and vertical menus are only displayed if activated,
 * the following can be removed
 */
/*
 * Allows editor to remove the right margin on any column.
 */
@media (min-width: 680px) {
  .two-column-1.column-last,
.two-column-2.column-last,
.three-column-1.column-last,
.three-column-2.column-last,
.three-column-3.column-last,
.four-column-1.column-last,
.four-column-2.column-last,
.four-column-3.column-last,
.four-column-4.column-last,
.five-column-1.column-last,
.five-column-2.column-last,
.five-column-3.column-last,
.five-column-4.column-last,
.five-column-5.column-last {
    margin-right: 0;
  }
}

/*
 * Over-ride due to over specific code
 * #content .node setting margin: 1em 0;
 */
#content .view-id-mcgill_taxonomy_term .node {
  margin: 0;
}

.block-bean-bean-relevant .teaser {
  border-bottom: 1px solid #979797;
}
.block-bean-bean-relevant .teaser img {
  display: none;
}

/* ==================================
   SELECTIONS
   =================================*/
*:focus {
  -moz-outline-offset: -1px;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/****** TYPOGRAPHY AND STYLE******/
html,
button,
input,
select,
textarea {
  color: #222;
  font-family: "McgillSans-Regular", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.button,
a:link.button,
a.button,
button {
  font-family: "McGillSans-Medium", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
  background: #FFF;
}
@media only screen and (min-device-width: 768px) {
  body {
    min-width: 960px;
  }
}
@media only screen and (max-width: 680px) {
  body {
    min-width: auto;
  }
}

select {
  background: #FFF;
  border: 1px solid #979797;
}

th,
#navigation,
#nav-column,
#strap,
.breadcrumb {
  font-family: "McgillSans-Regular", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

body.front h1 {
  display: none;
}

p, ul, ol {
  margin: 0 0 1em 0;
}

pre, code {
  font: 0.9em "Courier New", Courier, monospace;
  padding: 4px;
}

code {
  background: #D6FEFF;
  -moz-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.5);
}

pre {
  line-height: 1.5em;
}

pre strong {
  font-size: 1em;
  font-weight: bold;
}

blockquote {
  padding: 1em;
  background: #F4F4F4;
}

strong,
b {
  font-weight: bold;
}

i {
  font-weight: inherit;
}

u {
  text-decoration: none;
}

em {
  font-style: italic;
}

cite {
  font-style: italic;
}

hr {
  display: block;
  clear: both;
  height: 1px;
  border: 0;
  border-top: 1px solid #979797;
  margin: 1em 0;
  padding: 0;
}

fieldset {
  margin: 2em 0;
  border: 0;
  /*margin: 0; may want to investigate using this*/
  padding: 0;
}

textarea {
  /*allow only vertical resizing of textareas.*/
  resize: vertical;
}

legend {
  font-weight: bold;
  font-size: 1.25em;
}

/***************
 * HEADERS
 ***************/
h1 {
  text-align: center;
}
@media (min-width: 680px) {
  h1 {
    text-align: left;
  }
}

/*********
 * LINKS
 *********/
a,
a:link {
  text-decoration: underline;
  color: #000;
  font-weight: inherit;
}

a:visited {
  color: #482f87;
}

a:hover {
  text-decoration: underline;
  color: #9E0918;
}

a:active {
  text-decoration: none;
}

a:focus {
  outline: 2px solid #BCADE2;
  outline-offset: -2px;
}
p a:focus {
  background: #1E1E1E;
  color: #FFF;
}

a img {
  text-decoration: none;
}

.transition a {
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

.more-link a {
  padding: 0.25em;
  clear: both;
  margin: 0.5em 0;
}

#global-nav a {
  text-decoration: none;
}

#global-nav a:hover {
  text-decoration: underline;
}

#nodelink a {
  text-decoration: none;
  background: yellow;
}

ul.links li.node_read_more {
  font-size: 0.8em;
  padding: 0;
  margin: 0;
}

a.language-link {
  padding: 6px 8px;
  text-decoration: none;
}

/* =LISTS */
ul, ol, dl {
  margin: 0.5em;
  padding: 5px;
  text-transform: none;
  line-height: 1.6em;
  list-style-position: outside;
  font-weight: normal;
}

ul {
  list-style-type: disc;
  font-weight: normal;
}

ul.inline li {
  list-style: none;
  display: inline-block;
  margin-right: 0.75em;
}

#content-inner ul.inline {
  margin-left: 0;
}

li {
  margin: 0.45em 0;
}

ol, ul {
  margin-bottom: 1em;
  margin-left: 20px;
  padding-left: 6px;
}

dt {
  font-weight: bold;
}

dd {
  margin-right: 0.75em;
}

.links {
  font-size: 1em;
}

/* =TABLES no borders */
caption {
  font-size: 2.25em;
  text-align: left;
  padding: 0.75em 10px 10px 0;
}

/* Video */
video {
  max-width: 100%;
}

/********************
 * Document styling.
 ********************/
a.document {
  text-decoration: none;
}
a.document:before {
  font-family: fontawesome;
  margin: 0 0.5em 0 0;
  content: "";
}

a.document[href$=".pdf"]:before {
  content: "";
}

a.document[href$=".txt"]:before {
  content: "";
}

a.document[href$=".docx"]:before,
a.document[href$=".doc"]:before {
  content: "";
}

/*
 * SIDEBAR
 */
#sidebar-column .content td,
#sidebar-column .content th {
  min-width: 0px;
}
#sidebar-column p {
  margin-top: 1em;
  font-size: 0.85em;
}

/* =FORMS */
form {
  font-size: 0.95em;
}

#edit-date,
#edit-date-wrapper label {
  float: left;
}

#edit-date {
  margin: 2px 0 0 1em;
}

.form-item {
  clear: both;
  padding: 1.5em 0;
  margin: 0;
}

#autocomplete {
  background: #FFF;
  padding: 6px;
  display: block !important;
}

input {
  padding: 6px;
  _padding: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: -webkit-gradient(linear, left top, left 25, left, color-stop(4%, #F4F4F4), right);
  background: -moz-linear-gradient(top, #FFF, #F4F4F4 1px, #FFF 25px);
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 2px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 2px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 2px;
}

input[type=text],
input[type=password],
input[type=email] {
  border: 1px solid #F4F4F4;
}

input:focus {
  border: 1px solid #979797;
  -moz-box-shadow: rgba(122, 202, 255, 0.9) 0px 0px 4px;
  -webkit-box-shadow: rgba(122, 202, 255, 0.9) 0px 0px 4px;
  box-shadow: rgba(122, 202, 255, 0.9) 0px 0px 4px;
}

input.form-autocomplete {
  background-position: 100% 8px !important;
}

input.form-autocomplete:focus {
  background-position: 100% -13px !important;
}

/* =IMAGES */
img {
  border: 0;
  text-decoration: none;
  vertical-align: middle;
}

a:hover img {
  border-color: #000;
  border-style: solid;
  border-min-width: 1px;
}

.ical-icon img {
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-opacity: 0;
  width: 24px;
  height: 14px;
  padding-top: 5px;
}

.ical-icon {
  background: url("../images/ical_default.png");
  width: 24px;
  height: 14px;
  background-position: bottom;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
}

#flvplayer {
  background: #000;
}

/*
 * =DATES
 */
span.date-display-single,
caption {
  font-family: "McGillSans-Bold", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.125em;
  font-weight: normal;
  text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 0px;
  color: #1E1E1E;
}

span.date-display-single {
  font-style: italic;
}

/* =PAGER */
.item-list ul.pager {
  font-family: "McGillSans-Bold", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0.75em auto;
}
.item-list ul.pager li {
  display: inline-block;
  padding: 0.125em 0.5em;
  margin: 0;
}
.item-list ul.pager li:hover, .item-list ul.pager li.pager-current {
  background: #F4F4F4;
}
.item-list ul.pager li a {
  display: inline-block;
  text-decoration: none;
}

.item-list ul.pager-load-more {
  text-align: left;
  margin: 1.5em auto;
}
.item-list ul.pager-load-more li {
  padding-left: 0;
}
.item-list ul.pager-load-more li:hover {
  background: transparent;
}
/*
* Imports all listed components
*/
/* Variables for assigning spacing */
@font-face {
  font-family: "McGillSans-Regular";
  src: url("../fonts/McGillSans-Regular.eot");
  src: url("../fonts/McGillSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Regular.woff") format("woff"), url("../fonts/McGillSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Medium";
  src: url("../fonts/McGillSans-Medium.eot");
  src: url("../fonts/McGillSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Medium.woff") format("woff"), url("../fonts/McGillSans-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Bold";
  src: url("../fonts/McGillSans-Bold.eot");
  src: url("../fonts/McGillSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Bold.woff") format("woff"), url("../fonts/McGillSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Italic";
  src: url("../fonts/McGillSans-Italic.eot");
  src: url("../fonts/McGillSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Italic.woff") format("woff"), url("../fonts/McGillSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Regular";
  src: url("../fonts/McGillSerif-Regular.eot");
  src: url("../fonts/McGillSerif-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Regular.woff") format("woff"), url("../fonts/McGillSerif-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Medium";
  src: url("../fonts/McGillSerif-Medium.eot");
  src: url("../fonts/McGillSerif-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Medium.woff") format("woff"), url("../fonts/McGillSerif-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Bold";
  src: url("../fonts/McGillSerif-Bold.eot");
  src: url("../fonts/McGillSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Bold.woff") format("woff"), url("../fonts/McGillSerif-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Italic";
  src: url("../fonts/McGillSerif-Italic.eot");
  src: url("../fonts/McGillSerif-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Italic.woff") format("woff"), url("../fonts/McGillSerif-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*
 * McGill fonts with appropriate font-stacks.
 */
/*
 * Supporting typographic property variables.
 */
/*
 * Classes available to content editors.
 * Added to blocks and wysiwyg components.
 */
div.m-display-block {
  display: block !important;
}

/*********************************
 * Inline style options.
 *********************************/
/* Highlight */
.highlight-inline {
  /* causes text to have a higher-contrast background */
  background: #FEFCC2;
}

#content-inner ol.highlight-inline,
#content-inner ul.highlight-inline {
  list-style-position: inside;
  padding-left: 15px;
  margin: 0;
}

/*doc
---
title: Box outline
name: box
category: Editor Tools
---
Adds a border to content usually a `<div>`

```html_example
<div class="box">Content in a box</div>
```
*/
.box {
  padding: 10px;
  border: 1px solid #F4F4F4;
  margin: 1em 0;
  display: inline-block;
}

.block.block-bean.box {
  margin: 0;
  padding: 1em;
}

*[dir=rtl],
.rtl {
  direction: rtl;
  unicode-bidi: embed;
  text-align: right;
}

*[dir=ltr],
.ltr {
  direction: ltr;
  unicode-bidi: embed;
  text-align: left;
}

*[dir=rtl] ul li,
*[dir=rtl] ol li {
  margin: 0.25em 1.5em 0.25em 1.5em;
}

bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

/* ANCHOR BLOCK */
.anchor {
  padding: 20px 20px 8px 20px;
  background: #F4F4F4;
  float: left;
  font-size: 0.85em;
  margin: 0 0 0.5em 0;
  width: 100%;
  position: relative;
}

.anchor h4 {
  background: #ED1B2F;
  padding: 6px 10px;
  color: #FFF;
  display: inline-block;
  top: 0;
  left: 0px;
  position: absolute;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

/*doc
---
title: Information Area
name: information icon
category: Editor Tools
---
Adds a border to content usually a `<div>`

```html_example
<div class="highlight-icon">Content in a box</div>
```
*/
.highlight-icon {
  background: #FEFCC2 url("../images/content_icons.png") no-repeat 4px center;
  min-height: 32px;
  padding: 20px 20px 10px 50px;
  margin: 20px 0;
  font-size: 1.25em;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);
}

.highlight-icon a {
  font-style: italic;
}

/* Note */
.note {
  background: #FEFCC2;
  border: 1px dotted #9E0918;
  padding: 0.5em;
}
.note .note-title {
  font-weight: bold;
}

/* video box */
.video-box {
  padding: 3px;
  display: inline;
  position: relative;
}

.video-box a:after {
  /*  content:url('../images/video_play.png');
  position:absolute;
  bottom:200%;
  right:50%; problems with load balancer*/
}

/*********************************
=Block Classes
*********************************/
/*doc
---
title: Pull Quote
name: pullquote
category: Editor Tools
---
Adds a border to content usually a `<p>`

```html_example
<p class="pulled">Spiffy text you would like to draw attention to</p>
```
*/
.pulled {
  font-family: "McGillSerif-Italic", "MinionPro-Medium", "Minion Pro Medium", "Minion Pro", Century, Georgia, serif;
  font-size: 1.5em;
  line-height: 1.5;
  color: #000;
}

.pulled {
  width: 40.5099150142%;
  float: right;
  margin: 0 0 1em 1em;
  box-sizing: border-box;
}
@media only screen and (max-width: 680px) {
  .pulled {
    display: block;
    margin: 1em 0;
    width: 100%;
  }
}

/*doc

---
title: Quote
name: pullquote
category: Editor Tools
---
Styled block for quotes, add `.quote` to block class field

```html_example
<div class="block quote"> <blockquote>Spiffy text you would like to draw attention to</blockquote></p>
```
*/
.block.quote {
  font-size: 1.25em;
  line-height: 1.5;
}

.block.quote .views-field-body,
.block.quote blockquote {
  font-family: "McGillSerif-Italic", "MinionPro-Medium", "Minion Pro Medium", "Minion Pro", Century, Georgia, serif;
  background: transparent;
  padding: 0;
  margin: 0.5em auto;
  font-size: 95%;
}

.block.quote .views-field-body p:before,
.block.quote blockquote p:before {
  content: " “";
  /* http://monc.se/kitchen/129/rendering-quotes-with-css */
  font-size: 3.5em;
  font-weight: bold;
  line-height: 0;
  margin: 20px 10px -20px -5px;
  float: left;
  height: 20px;
  width: 20px;
  color: #e0e0dd;
}

.block.quote .views-field-body p:after,
.block.quote blockquote p:after {
  content: "”";
  font-size: 2em;
  font-weight: bold;
  line-height: 0;
  margin: 15px 0 0 0;
  float: right;
  height: 20px;
  width: 20px;
  color: #e0e0dd;
}

.block.quote .views-field-body h4,
.block.quote blockquote h4 {
  padding: 15px 0 10px 0;
}

.block.quote .views-field-field-event-date-value {
  font-size: 12px;
  display: inline;
}

.block.quote .views-field-field-quote-attribution-value,
.block.quote cite {
  font-size: 0.5em;
  font-weight: bold;
  display: inline;
  margin: 0 1em 0 0;
}

#top-page .block.quote .views-field-body:after,
#top-page .block.quote blockquote:after {
  margin: 0px 10px 20px 10px;
}

/* Rounded Corners */
.block.rounded-corners {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

/* Highlight */
#sidebar-column .block.highlight-box,
#sidebar-column .block.highlight {
  background: #F4F4F4;
  color: #000;
  margin-bottom: 4.0462427746%;
}

#sidebar-column .block.highlight-box span,
#sidebar-column .block.highlight span.deco {
  height: 10px;
  width: 214px;
  display: block;
  position: relative;
  bottom: -31px;
  right: 0px;
}

/*********************************
 =Clearing styles
*********************************/
/* Remove background. */
.block.no-bg {
  background-color: transparent !important;
  /* important is used so we don't have to specify in all palettes */
}

/* Remove padding. */
#sidebar-column .block.no-padding,
.block.no-padding {
  padding: 0;
}
#sidebar-column .block.no-padding .block-inner,
.block.no-padding .block-inner {
  padding: 0;
}

/* Remove background and borders. */
.clear,
.clear td,
.clear th,
.clear table,
.clear tbody tr,
.zero,
.zero td,
.zero th,
.zero table,
.zero tbody tr {
  background: transparent !important;
  /* important is used so we don't have to specify in all palettes */
  border: 0 !important;
  box-shadow: none !important;
}

/*
 * Zero Table style
 * (.clear is legacy)
 */
table.clear,
table.zero {
  background: transparent !important;
  /* important is used so we don't have to specify in all palettes */
  border: 0 !important;
  box-shadow: none;
}
table.clear tbody tr:nth-child(odd),
table.zero tbody tr:nth-child(odd) {
  background: none;
  border: 0;
}
table.clear tbody tr:hover td,
table.clear tbody tr:hover:nth-child(odd) td,
table.zero tbody tr:hover td,
table.zero tbody tr:hover:nth-child(odd) td {
  background: #F4F4F4 !important;
}
table.clear th,
table.zero th {
  background: transparent !important;
  color: #1E1E1E !important;
}
table.clear th,
table.clear td,
table.zero th,
table.zero td {
  border: 0;
  background: 0;
}

/*
 * Plain Table style
 * (.no-zebra is legacy)
 */
table.plain,
table.no-zebra {
  box-shadow: none;
}
table.plain tbody tr:nth-child(odd),
table.no-zebra tbody tr:nth-child(odd) {
  background: none;
}
table.plain tbody tr,
table.no-zebra tbody tr {
  background: none;
  color: #1E1E1E;
}
table.plain tbody tr:hover,
table.no-zebra tbody tr:hover {
  background: none;
  color: #000;
}
table.plain th,
table.no-zebra th {
  background: #F4F4F4 !important;
  border: 2px solid #979797;
  border-width: 0 0 2px 0;
  color: #1E1E1E !important;
}
table.plain td,
table.no-zebra td {
  border-width: 0 0 1px 0;
}

/*
 * Collapse style override.
 */
table.collapse,
table.collapse td,
table.collapse th {
  min-width: 0 !important;
  width: auto;
}

/************************
 * Layout
 ************************/
/*
 * Implements @mixin blocks-layout()
 * Lays a floated block within the Susy Grid system.
 */
.twothirds-width,
#highlighted .twothirds-width,
#top-page .twothirds-width,
#bottom-page .twothirds-width,
#top-content .twothirds-width,
#bottom-content .twothirds-width {
  width: 66.0056657224%;
  float: left;
  margin-right: 1.9830028329%;
  clear: none;
  padding: 0;
  margin: 0 1.9830028329% 1.9830028329% 0;
}
@media only screen and (max-width: 680px) {
  .twothirds-width,
#highlighted .twothirds-width,
#top-page .twothirds-width,
#bottom-page .twothirds-width,
#top-content .twothirds-width,
#bottom-content .twothirds-width {
    width: auto;
    margin: 0 0 8.4337349398% 0;
  }
}

.half-width,
#highlighted .half-width,
#top-page .half-width,
#bottom-page .half-width,
#top-content .half-width,
#bottom-content .half-width {
  width: 49.0084985836%;
  float: left;
  margin-right: 1.9830028329%;
  clear: none;
  padding: 0;
  margin: 0 1.9830028329% 1.9830028329% 0;
}
@media only screen and (max-width: 680px) {
  .half-width,
#highlighted .half-width,
#top-page .half-width,
#bottom-page .half-width,
#top-content .half-width,
#bottom-content .half-width {
    width: auto;
    margin: 0 0 8.4337349398% 0;
  }
}

.third-width,
#highlighted .third-width,
#top-page .third-width,
#bottom-page .third-width,
#top-content .third-width,
#bottom-content .third-width {
  width: 32.0113314448%;
  float: left;
  margin-right: 1.9830028329%;
  clear: none;
  padding: 0;
  margin: 0 1.9830028329% 1.9830028329% 0;
}
@media only screen and (max-width: 680px) {
  .third-width,
#highlighted .third-width,
#top-page .third-width,
#bottom-page .third-width,
#top-content .third-width,
#bottom-content .third-width {
    width: auto;
    margin: 0 0 8.4337349398% 0;
  }
}

.block.last-block {
  margin-right: 0 !important;
}

/* Variables for assigning spacing */
@font-face {
  font-family: "McGillSans-Regular";
  src: url("../fonts/McGillSans-Regular.eot");
  src: url("../fonts/McGillSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Regular.woff") format("woff"), url("../fonts/McGillSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Medium";
  src: url("../fonts/McGillSans-Medium.eot");
  src: url("../fonts/McGillSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Medium.woff") format("woff"), url("../fonts/McGillSans-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Bold";
  src: url("../fonts/McGillSans-Bold.eot");
  src: url("../fonts/McGillSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Bold.woff") format("woff"), url("../fonts/McGillSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Italic";
  src: url("../fonts/McGillSans-Italic.eot");
  src: url("../fonts/McGillSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Italic.woff") format("woff"), url("../fonts/McGillSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Regular";
  src: url("../fonts/McGillSerif-Regular.eot");
  src: url("../fonts/McGillSerif-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Regular.woff") format("woff"), url("../fonts/McGillSerif-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Medium";
  src: url("../fonts/McGillSerif-Medium.eot");
  src: url("../fonts/McGillSerif-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Medium.woff") format("woff"), url("../fonts/McGillSerif-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Bold";
  src: url("../fonts/McGillSerif-Bold.eot");
  src: url("../fonts/McGillSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Bold.woff") format("woff"), url("../fonts/McGillSerif-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Italic";
  src: url("../fonts/McGillSerif-Italic.eot");
  src: url("../fonts/McGillSerif-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Italic.woff") format("woff"), url("../fonts/McGillSerif-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*
 * McGill fonts with appropriate font-stacks.
 */
/*
 * Supporting typographic property variables.
 */
/*
 * Big numbers web component.
 */
bignumber {
  display: inline-block;
  margin: 0 0 10px 0;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
}
bignumber.bignumber_wrapper {
  padding: 2em;
}
bignumber p {
  margin: 0 !important;
}
bignumber a,
bignumber a:link,
bignumber a:visited {
  color: inherit;
  text-decoration: none;
}
bignumber a:hover,
bignumber a:link:hover,
bignumber a:visited:hover {
  color: #6e0611;
}
.block bignumber ol, .block bignumber ul {
  margin-left: 0;
}
.block bignumber ol li, .block bignumber ul li {
  list-style-position: inside;
  text-align: center;
}
bignumber bnvalue,
bignumber .bignumber_value {
  font-size: 2.5em;
  font-family: "McGillSerif-Bold", "MinionPro-Medium", "Minion Pro Medium", "Minion Pro", Century, Georgia, serif;
  line-height: 1.1;
  margin-bottom: 0.25em;
  display: block;
  color: #9E0918;
}
@media (min-width: 680px) {
  bignumber bnvalue,
bignumber .bignumber_value {
    font-size: 3.5em;
  }
}
bignumber bnvalue h1,
bignumber .bignumber_value h1 {
  font-size: 1em;
}
bignumber bnvalue h2,
bignumber .bignumber_value h2 {
  font-size: 1em;
}
bignumber bnvalue h3,
bignumber .bignumber_value h3 {
  font-size: 1em;
}
bignumber bnvalue h4,
bignumber .bignumber_value h4 {
  font-size: 1em;
}
bignumber bnvalue h5, bignumber bnvalue .mds-accordion > summary,
bignumber .bignumber_value h5,
bignumber .bignumber_value .mds-accordion > summary {
  font-size: 1em;
}
bignumber bnvalue h6,
bignumber .bignumber_value h6 {
  font-size: 1em;
}
bignumber .bignumber_content {
  color: #000;
  line-height: 1.1;
  margin-bottom: 0.5em;
  font-size: 1.5em;
}
bignumber .bn-value {
  display: block;
  font-size: inherit;
  line-height: inherit;
  margin-bottom: inherit;
  border: none;
}
bignumber bncaption,
bignumber .bn-caption,
bignumber .bn-preamble {
  display: block;
  font-size: inherit;
  font-family: "McGillSerif-Bold", "MinionPro-Medium", "Minion Pro Medium", "Minion Pro", Century, Georgia, serif;
  color: inherit;
  border: none;
}
@media (min-width: 680px) {
  bignumber.half-width {
    width: 49.0084985836%;
    float: left;
    margin-right: 1.9830028329%;
  }
  bignumber.half-width.last-block {
    float: right;
    margin-right: 0;
    margin-left: 1.9830028329%;
  }
}
@media (min-width: 680px) {
  bignumber.third-width {
    width: 32.0113314448%;
    float: left;
    margin-right: 1.9830028329%;
  }
  bignumber.third-width.last-block {
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 680px) {
  bignumber.quarter-width {
    width: 23.5127478754%;
    float: left;
    margin-right: 1.9830028329%;
  }
  bignumber.quarter-width.last-block {
    float: right;
    margin-right: 0;
  }
}

.center {
  text-align: center;
}

.three-column-1 .bignumber_wrapper,
.three-column-2 .bignumber_wrapper,
.three-column-3 .bignumber_wrapper {
  font-size: 70%;
}

.two-column-1 .bignumber_wrapper,
.two-column-2 .bignumber_wrapper {
  font-size: 80%;
}

/* Initial state for Big Numbers */
/* .js .faded-out {opacity: 0.2;} */
.js div bignumber {
  opacity: 0;
  /* This helps with performance by putting the element on another layer */
  will-change: opacity;
}

/* Second state - fade in on load */
/* ********* TODO: replace 'fade-in' with more stateful class names like: **********
 'fade-in.start', 'fade-in.end', or 'animate.fade-in.start' etc.
 maybe even just using attr[] selectors as well as originally intended when refactoring began. Shoe-horn in an animation framework in other words.
*/
.js div .fade-in {
  opacity: 1;
  transition: opacity 1.7s;
}

/***************************
 * Lists
 ***************************/
/* Variables for assigning spacing */
@font-face {
  font-family: "McGillSans-Regular";
  src: url("../fonts/McGillSans-Regular.eot");
  src: url("../fonts/McGillSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Regular.woff") format("woff"), url("../fonts/McGillSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Medium";
  src: url("../fonts/McGillSans-Medium.eot");
  src: url("../fonts/McGillSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Medium.woff") format("woff"), url("../fonts/McGillSans-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Bold";
  src: url("../fonts/McGillSans-Bold.eot");
  src: url("../fonts/McGillSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Bold.woff") format("woff"), url("../fonts/McGillSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Italic";
  src: url("../fonts/McGillSans-Italic.eot");
  src: url("../fonts/McGillSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Italic.woff") format("woff"), url("../fonts/McGillSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Regular";
  src: url("../fonts/McGillSerif-Regular.eot");
  src: url("../fonts/McGillSerif-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Regular.woff") format("woff"), url("../fonts/McGillSerif-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Medium";
  src: url("../fonts/McGillSerif-Medium.eot");
  src: url("../fonts/McGillSerif-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Medium.woff") format("woff"), url("../fonts/McGillSerif-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Bold";
  src: url("../fonts/McGillSerif-Bold.eot");
  src: url("../fonts/McGillSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Bold.woff") format("woff"), url("../fonts/McGillSerif-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Italic";
  src: url("../fonts/McGillSerif-Italic.eot");
  src: url("../fonts/McGillSerif-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Italic.woff") format("woff"), url("../fonts/McGillSerif-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*
 * McGill fonts with appropriate font-stacks.
 */
/*
 * Supporting typographic property variables.
 */
/*
 * Same height grid list.
 * Use .grid with ol and ul list.
 */
.block ol.grid,
.block ul.grid {
  list-style-type: none;
  padding: 0;
  clear: both;
  display: flex;
  flex-wrap: wrap;
  margin: 1.5em 0;
  box-sizing: border-box;
  border: 1px solid #979797;
  border-width: 1px 0 0 1px;
  /*
   * Nested elements.
   */
}
.block ol.grid > li,
.block ul.grid > li {
  border: 1px solid #979797;
  border-width: 0 1px 1px 0;
  margin: 0;
  list-style: none;
  padding: 2.5em 2em;
  width: 100%;
}
@media (min-width: 680px) {
  .block ol.grid > li,
.block ul.grid > li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.3333333333%;
    float: left;
  }
  .vert-nav.sidebar-second .block ol.grid > li,
.vert-nav.sidebar-second .block ul.grid > li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    float: left;
  }
  #sidebar-column .block ol.grid > li,
#sidebar-column .block ul.grid > li {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.block ol.grid > li ol.enhance li,
.block ol.grid > li ol.grid li,
.block ul.grid > li ol.enhance li,
.block ul.grid > li ol.grid li {
  position: relative;
  padding-left: 2em;
}
.block ol.grid > li ol.enhance li::before,
.block ol.grid > li ol.grid li::before,
.block ul.grid > li ol.enhance li::before,
.block ul.grid > li ol.grid li::before {
  left: -1.5em;
}
.block ol.grid > li ol.enhance li::before,
.block ul.grid > li ol.enhance li::before {
  color: #FFF;
  background-color: #000;
}
.vert-nav .block ol.grid > li .grid > li, .sidebar-second .block ol.grid > li .grid > li, .vert-nav.sidebar-second .block ol.grid > li .grid > li, .no-sidebars .block ol.grid > li .grid > li, #sidebar-column .block ol.grid > li .grid > li,
.vert-nav .block ol.grid > li .grid.alternate > li,
.sidebar-second .block ol.grid > li .grid.alternate > li,
.vert-nav.sidebar-second .block ol.grid > li .grid.alternate > li,
.no-sidebars .block ol.grid > li .grid.alternate > li,
#sidebar-column .block ol.grid > li .grid.alternate > li,
.vert-nav .block ul.grid > li .grid > li,
.sidebar-second .block ul.grid > li .grid > li,
.vert-nav.sidebar-second .block ul.grid > li .grid > li,
.no-sidebars .block ul.grid > li .grid > li,
#sidebar-column .block ul.grid > li .grid > li,
.vert-nav .block ul.grid > li .grid.alternate > li,
.sidebar-second .block ul.grid > li .grid.alternate > li,
.vert-nav.sidebar-second .block ul.grid > li .grid.alternate > li,
.no-sidebars .block ul.grid > li .grid.alternate > li,
#sidebar-column .block ul.grid > li .grid.alternate > li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  float: left;
  background: transparent;
  border: 0;
  margin: 0.45em 0;
  padding: 0;
}
.block ol.grid > li .grid,
.block ul.grid > li .grid {
  margin: 0.25em 0 0.25em 1.5em;
  border: 0;
}

/*
 * Options and overrides.
 */
.block .grid {
  /*
   * Overrides.
   */
}
.block .grid.alternate {
  border: 0;
}
.block .grid.alternate > li {
  background: #F4F4F4;
  border: 1px solid #FFF;
}
.block .grid.zero {
  border: 0;
  background: none;
}
.block .grid.zero > li {
  border: 0 !important;
}
.block .grid.enhance > li::before {
  color: #000;
  background-color: transparent;
  top: 0.125em;
  left: 0.0125em;
}
#sidebar-column .block .grid {
  margin-left: 0;
}

/*
 * Styling position of numeral counters when used with .grid class.
 * <ol class= "grid">
 */
.block ol.grid {
  list-style-type: none;
  counter-reset: step-counter;
}
.block ol.grid > li {
  list-style-position: outside;
  padding-left: 2.75em;
  position: relative;
  counter-increment: step-counter;
}
.block ol.grid > li::before {
  content: counter(step-counter);
  position: absolute;
  top: 0.25em;
  left: 0.5em;
  font-family: "McGillSans-Bold", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  line-height: 1.5;
}

/*
 * Nested styling position of <ol> numeral when nested in ol.grid class.
 * <ul class= "grid"> <ol>
 */
.block ul.grid ol {
  list-style-type: none;
  counter-reset: counter;
  margin-left: 0;
}
.block ul.grid ol > li {
  list-style-position: outside;
  padding-left: 2.75em;
  position: relative;
  counter-increment: counter;
}
.block ul.grid ol > li::before {
  content: counter(counter);
  position: absolute;
  left: 0em;
  display: inline-block;
  font-family: "McGillSans-Bold", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  line-height: 1.5;
}

.block ol.enhance {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

ol.enhance {
  padding: 0;
  list-style-type: none;
}
ol.enhance > li {
  list-style-position: outside;
  margin-bottom: 2em;
  padding-left: 2.75em;
  position: relative;
  counter-increment: step-counter;
}
ol.enhance > li:before {
  border-radius: 50%;
  background-color: #000;
  color: #FFF;
  content: counter(step-counter);
  position: absolute;
  left: -0.75em;
  top: -0.25em;
  display: inline-block;
  font-family: "McGillSans-Bold", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.75em;
  margin-right: 1em;
  width: 1.5em;
  height: 1.45em;
  line-height: 1.65;
  text-align: center;
}

/*
 *
 * Alt styling for unordered list
 * TODO: These doesn't seem to be in use and we should consider removing it.
 *
 */
ul.alt a {
  color: #a33944;
  text-decoration: none;
  font-family: sans-serif;
  font-size: 1.125em;
}

ul.alt a:hover {
  text-decoration: underline;
}

ul.alt {
  margin: 0;
  padding: 0;
}

ul.alt li {
  background: transparent;
  list-style: none;
  padding: 0;
  margin: 0.5em 0.5em 0.5em 1.5em;
  position: relative;
}

ul.alt li:before {
  color: #000;
  content: "";
  line-height: 0;
  width: 0.75em;
  height: 0.75em;
  background: #dc241f;
  background: rgba(220, 36, 31, 0.4);
  position: absolute;
  left: -1.5em;
  top: 4px;
}

/*
 * Advanced column Layout
 */
.one-column-1,
.two-column-1,
.two-column-2,
.three-column-1,
.three-column-2,
.three-column-3,
.four-column-1,
.four-column-2,
.four-column-3,
.four-column-4,
.five-column-1,
.five-column-2,
.five-column-3,
.five-column-4,
.five-column-5 {
  box-sizing: border-box;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.one-column-1 {
  clear: both;
}

@media (min-width: 680px) {
  .two-column-1,
.two-column-2 {
    width: 49.0084985836%;
    float: left;
    margin-right: 1.9830028329%;
  }
}

@media (min-width: 680px) {
  .three-column-1,
.three-column-2,
.three-column-3 {
    width: 32.0113314448%;
    float: left;
    margin-right: 1.9830028329%;
  }
}

@media (min-width: 680px) {
  .four-column-1,
.four-column-2,
.four-column-3,
.four-column-4 {
    width: 23.5127478754%;
    float: left;
    margin-right: 1.9830028329%;
  }
}

@media (min-width: 680px) {
  .five-column-1,
.five-column-2,
.five-column-3,
.five-column-4,
.five-column-5 {
    width: 18.4135977337%;
    float: left;
    margin-right: 1.9830028329%;
  }
}

@media (min-width: 680px) {
  .two-column-2,
.three-column-3,
.four-column-4,
.five-column-5 {
    float: right;
    margin-right: 0;
  }
}

/* Basic Accordion */
#content .accordion,
.block-bean-mcgill-block .accordion {
  margin: 2px 0px;
  position: relative;
  clear: both;
}
#content .accordion > .active:before,
.block-bean-mcgill-block .accordion > .active:before {
  font-family: "FontAwesome";
  content: "";
  margin: 0 10px 0 0;
}
#content .accordion .active,
.block-bean-mcgill-block .accordion .active {
  color: #444;
}
#content .accordion .open,
.block-bean-mcgill-block .accordion .open {
  margin: 0 0 0 25px;
}
#content .accordion > h1,
#content .accordion > h2,
#content .accordion > h3,
#content .accordion > h4,
#content .accordion > h5,
#content .mds-accordion.accordion > summary,
#content .accordion > h6,
.block-bean-mcgill-block .accordion > h1,
.block-bean-mcgill-block .accordion > h2,
.block-bean-mcgill-block .accordion > h3,
.block-bean-mcgill-block .accordion > h4,
.block-bean-mcgill-block .accordion > h5,
.block-bean-mcgill-block .mds-accordion.accordion > summary,
.block-bean-mcgill-block .accordion > h6 {
  padding: 5px;
  margin: 1px 0 0 20px;
  cursor: pointer;
}
#content .accordion > h1:before,
#content .accordion > h2:before,
#content .accordion > h3:before,
#content .accordion > h4:before,
#content .accordion > h5:before,
#content .mds-accordion.accordion > summary:before,
#content .accordion > h6:before,
.block-bean-mcgill-block .accordion > h1:before,
.block-bean-mcgill-block .accordion > h2:before,
.block-bean-mcgill-block .accordion > h3:before,
.block-bean-mcgill-block .accordion > h4:before,
.block-bean-mcgill-block .accordion > h5:before,
.block-bean-mcgill-block .mds-accordion.accordion > summary:before,
.block-bean-mcgill-block .accordion > h6:before {
  font-family: "FontAwesome";
  content: "";
  margin: 0 10px 0 0;
  position: absolute;
  left: 3px;
}

/* Override <p> tags for accordions in the sidebar. */
#sidebar-column .block-bean-mcgill-block .accordion p {
  margin: auto 0 1em 0;
}

/* Advanced Accordion */
#content .advanced-accordion .toggler h1,
#content .advanced-accordion .toggler h2,
#content .advanced-accordion .toggler h3,
#content .advanced-accordion .toggler h4,
#content .advanced-accordion .toggler h5,
#content .advanced-accordion .toggler .mds-accordion > summary,
#content .advanced-accordion .toggler h6,
.block-bean-mcgill-block .advanced-accordion .toggler h1,
.block-bean-mcgill-block .advanced-accordion .toggler h2,
.block-bean-mcgill-block .advanced-accordion .toggler h3,
.block-bean-mcgill-block .advanced-accordion .toggler h4,
.block-bean-mcgill-block .advanced-accordion .toggler h5,
.block-bean-mcgill-block .advanced-accordion .toggler .mds-accordion > summary,
.block-bean-mcgill-block .advanced-accordion .toggler h6 {
  margin: 2px 2px 0px 0px;
}
#content .advanced-accordion .slider,
.block-bean-mcgill-block .advanced-accordion .slider {
  margin: 5px 0px;
}
#content .advanced-accordion .slider.open,
.block-bean-mcgill-block .advanced-accordion .slider.open {
  margin: 1em 0;
}
#content .advanced-accordion .toggler,
.block-bean-mcgill-block .advanced-accordion .toggler {
  margin-top: 5px;
}

/* Tabbed UI */
.block ul.tab-nav {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

div.tabs {
  margin: 1.5em 0;
  clear: both;
  /*
   * Vertical tabs.
   */
  /*
   * Horizontal tab.
   */
}
div.tabs ul.tab-nav a {
  background-color: #F4F4F4;
  color: #000;
  text-decoration: none;
}
div.tabs ul.tab-nav a:focus {
  outline: 0;
}
div.tabs > div {
  box-sizing: border-box;
  border: 1px solid #F4F4F4;
  padding: 10px;
}
div.tabs div {
  margin: 1px 0px 0px 0px;
}
div.tabs h2 {
  margin: 0px;
}
div.tabs.vertical {
  border-top: 1px solid #F4F4F4;
}
div.tabs.vertical ul.tab-nav {
  margin-left: 0;
}
@media (min-width: 960px) {
  div.tabs.vertical ul.tab-nav {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
    float: left;
  }
}
div.tabs.vertical ul.tab-nav li {
  display: block;
  margin: 0 0 0.125em 0;
  position: relative;
}
div.tabs.vertical ul.tab-nav li a {
  display: block;
  border: 0;
  padding: 0.75em 0.5em;
  background: #F4F4F4;
}
div.tabs.vertical ul.tab-nav li a:hover {
  background: #000;
  color: #FFF;
}
div.tabs.vertical ul.tab-nav li a.selected {
  background: #FFF;
  position: relative;
  right: -2px;
  border: 0;
  border-left: 3px solid #9E0918;
}
div.tabs.vertical > div {
  background: #FFF;
  border: 0;
  margin: 0;
  padding: 1.25em 1.5em 1.5em 1.5em;
  border-bottom: 3px solid #F4F4F4;
}
@media (min-width: 960px) {
  div.tabs.vertical > div {
    width: 74.5042492918%;
    float: right;
    margin-right: 0;
  }
}
div.tabs ul.tab-nav, div.tabs.horizontal ul.tab-nav {
  margin-left: 0;
}
div.tabs ul.tab-nav li, div.tabs.horizontal ul.tab-nav li {
  display: block;
}
@media (min-width: 960px) {
  div.tabs ul.tab-nav li, div.tabs.horizontal ul.tab-nav li {
    display: inline;
  }
}
div.tabs ul.tab-nav li a, div.tabs.horizontal ul.tab-nav li a {
  display: block;
  padding: 0.75em 0.5em;
}
@media (min-width: 960px) {
  div.tabs ul.tab-nav li a, div.tabs.horizontal ul.tab-nav li a {
    display: inline;
    padding: 4px 7px;
  }
}
div.tabs ul.tab-nav li a:hover, div.tabs.horizontal ul.tab-nav li a:hover {
  background: #000;
  color: #FFF;
}
div.tabs ul.tab-nav li a:hover.selected, div.tabs.horizontal ul.tab-nav li a:hover.selected {
  background-color: #FFF;
  color: #000;
}
div.tabs ul.tab-nav li a.selected, div.tabs.horizontal ul.tab-nav li a.selected {
  border-width: 1px;
  border-style: solid;
  border-color: #F4F4F4;
  color: #000;
  background-color: #FFF;
}
@media (min-width: 960px) {
  div.tabs ul.tab-nav li a.selected, div.tabs.horizontal ul.tab-nav li a.selected {
    padding: 5px 7px;
    border-bottom-color: #FFF;
  }
}

/*****************************************
 *  COMPONENT
 *  a COMPONENT is a more discrete component
 *  of the page
 *  COMPONENTS sit inside LAYOUT items.
 ******************************************/
/*Menu-tabs to Visitors*/
/*doc
---
title: Menu Tabs
name: Tabs
category: Base
---

Menu Tabs can be applied to list.

```html_example
<div class="not-logged-in">
  <ul class="tabs primary">
    <li class="active">
      <a href="#">Active tab</a>
    </li>
    <li>
      <a href="/apc/search/mcgill/policy">All McGill</a>
    </li>
  </ul>
</div>
```
*/
.not-logged-in .tabs.primary {
  margin: 0;
  padding: 0;
}
.not-logged-in ul.primary li a {
  border-color: transparent;
  padding: 0.5em 0.75em;
  margin: 0 0.5em 0 0;
  line-height: 2.0125em;
  font-size: 0.85em;
  background: #F4F4F4;
  font-family: "McGillSans-Bold", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.not-logged-in ul.primary li a:hover {
  background: #F4F4F4;
}
.not-logged-in ul.primary li.active a {
  border-color: #ED1B2F;
  padding: 0.5em 0.5em;
  background: transparent;
  border-width: 0 0 5px 0;
}

.item.null {
  background: lightyellow;
  padding: 4px;
}

/********************
 * CONTENT AREA BLOCK
 ********************/
.body-block h2 {
  font-size: 180%;
  font-weight: normal;
}

.body-block h3 {
  font-size: 160%;
}

.body-block h4 {
  font-size: 120%;
}

.body-block h5, .body-block .mds-accordion > summary {
  font-size: 80%;
}

.body-block h6 {
  font-size: 70%;
}

/*************
 * MORE LINKS
 *************/
/*doc
---
title: More link
name: more
category: Base
---

More links signal for more information

```html_example
<a class="view-more">view more</a>
<div class="more-link">
  <a>view more</a>
</div>

```
*/
.more-link a,
.views-field-view-node a,
a.view-more {
  box-shadow: none;
  color: #000;
  font-family: "McGillSans-Bold", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  font-size: 0.85em;
  letter-spacing: 0.1em;
  padding: 0.5em 0;
  margin: 0.25em 0;
  display: inline-block;
  text-transform: uppercase;
}
.more-link a:hover,
.views-field-view-node a:hover,
a.view-more:hover {
  color: #ED1B2F;
}

.node_read_more a:hover {
  background-color: #2E3130;
  border-bottom: 0;
}

.node_read_more a:after {
  content: url("../images/arrow_go.png") no-repeat;
  opacity: 0.7;
}

.more-link,
.node_read_more,
a.view-more {
  text-align: center;
  margin-top: 0.5em;
}

/*
 * NODES
 */
.node .meta {
  clear: left;
}

.node .filefield-icon img {
  border: 0;
  margin: 0;
}

#content .node {
  margin: 1em 0;
}

.views-field-title {
  color: #000;
  font-weight: bold;
}

/*
 * #FIELDS
 */
.node .field-items,
.field .field-label,
.field .field-label-inline,
.field .field-label-inline-first {
  margin: 1em 0;
}

.field-label-above,
.field-label-inline {
  margin: 0;
}
.field-label-above .field-label,
.field-label-above .field-items,
.field-label-inline .field-label,
.field-label-inline .field-items {
  margin: 0.65em 0;
}

.field-label-inline .field-label {
  margin-right: 0.5em;
}

.field-label {
  color: #1E1E1E;
  font-weight: bold;
}

.field p {
  margin-top: 10px;
}

/**
 *Autocomplete
 **/
#autocomplete {
  font-family: "McgillSans-Regular", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0;
  border: 1px solid #979797;
  border-radius: 2px;
  -webkit-font-smoothing: auto;
  font-size: 18px;
}
#autocomplete ul li {
  text-align: left;
  padding: 6px 8px;
  margin: 0;
}
#autocomplete ul li.selected {
  background: #F4F4F4;
  color: #000;
}

#autocomplete span.autocomplete-suggestion-suffix {
  color: #000;
}

.indicator {
  font-size: 1.5em;
  color: #000;
  position: absolute;
  right: -6px;
}

.multi-date-simple {
  line-height: 1;
}
.multi-date-simple .day {
  margin-right: 0.45em;
}

p img {
  margin: 0 4px 4px 4px;
}

/*
 * Image copyright.
 */
figure {
  display: inline-table;
}
figure.rt {
  margin-left: 1em;
}
figure.rt img.rt {
  margin: 0;
}
figure.lt {
  margin-right: 1em;
}
figure.lt img.lt {
  margin: 0;
}
figure figcaption {
  background: #000;
  color: #FFF;
  font-family: "McgillSans-Regular", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0.35em;
  font-size: 0.75rem;
  line-height: 1.3;
  display: table-caption;
  caption-side: bottom;
}
figure a {
  display: inline-table;
}

/*doc
---
title: Image Captions
name: Image Captions
category: Base
---


Image caption can be applied to only images with captions.

```html_example
<div class="image-caption-container">
<img width="200px" height="100px" />
<p>This is caption text</p>
</div>
```

This is not available to site editors
*/
/*  =Image caption */
.rt {
  float: right;
}

.lt {
  float: left;
}

.center {
  margin: 0 auto;
  display: block;
}

.image-caption-container {
  border: 1px solid #979797;
  background: #F4F4F4;
  padding: 0.35em;
  display: table;
  caption-side: bottom;
}
@media only screen and (max-width: 680px) {
  .image-caption-container {
    width: auto;
    max-width: 100%;
  }
}
.image-caption-container img.lt,
.image-caption-container img.rt {
  margin: 0;
}

.image-caption {
  font-size: 0.75rem;
  line-height: 1.3;
  padding: 0.35em 0;
  color: #1E1E1E;
  clear: both;
  text-align: center;
  display: table-caption;
}

#sidebar-column .image-caption-container {
  width: auto;
  display: block;
}

.image-caption-container.lt {
  margin: 0 1em 0 0;
  padding: 0.35em;
  text-align: left;
}

.image-caption-container.rt {
  margin: 0 0 0 1em;
  padding: 0.35em;
}

/* Floated Images Fix */
/*added this to compensate for images that may not be placed inside <p> tags */
div img.rt,
div p img.rt {
  margin: 0 0 0 1em;
}

div img.lt,
div p img.lt {
  margin: 0 1em 0 0;
}

/* End of Floated Images Fix */
/*
 * Images
 */
img {
  margin: 0;
}

img.fullwidth,
img.wysiwyg_full_width,
.fullwidth img {
  width: 100%;
  height: auto;
}

img.frame {
  padding: 0.35em;
  border: 1px solid #F4F4F4;
  background: #FFF;
}

img.shadow {
  border: 1px solid #FFF;
  box-shadow: 0 1px 4px #F4F4F4;
}

.paragraphs-item-call-to-action {
  padding: 1.4em;
}
@media (min-width: 480px) {
  .paragraphs-item-call-to-action {
    padding: 0;
  }
}
.paragraphs-item-call-to-action .field-name-field-p-button {
  margin-bottom: 1em;
}

/* Mosaic Page elements */
.paragraphs-items {
  margin: 1em 0;
}
.paragraphs-items img {
  max-width: 100%;
  height: auto;
}
.paragraphs-items .field-items {
  margin: 0;
}

.paragraphs-items-full {
  clear: both;
}

.field-name-field-mosaic-tiles .field-items > .field-item {
  margin-bottom: 1em;
}

/*
 * Multi-column.
 */
@media (min-width: 480px) {
  .field-name-field-paragraphs-multi-column > .field-items {
    display: flex;
    justify-content: space-between;
  }
}
.field-name-field-paragraphs-multi-column > .field-items > .field-item {
  box-sizing: border-box;
}

.collection-of-1 > div > .field-item {
  flex-basis: 100%;
}

@media (min-width: 480px) {
  .collection-of-2 .field-items > .field-item {
    flex-basis: 49%;
  }
}

@media (min-width: 680px) {
  .collection-of-3 > div > .field-item {
    flex-basis: 33%;
  }
}

/* Variables for assigning spacing */
@font-face {
  font-family: "McGillSans-Regular";
  src: url("../fonts/McGillSans-Regular.eot");
  src: url("../fonts/McGillSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Regular.woff") format("woff"), url("../fonts/McGillSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Medium";
  src: url("../fonts/McGillSans-Medium.eot");
  src: url("../fonts/McGillSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Medium.woff") format("woff"), url("../fonts/McGillSans-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Bold";
  src: url("../fonts/McGillSans-Bold.eot");
  src: url("../fonts/McGillSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Bold.woff") format("woff"), url("../fonts/McGillSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Italic";
  src: url("../fonts/McGillSans-Italic.eot");
  src: url("../fonts/McGillSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Italic.woff") format("woff"), url("../fonts/McGillSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Regular";
  src: url("../fonts/McGillSerif-Regular.eot");
  src: url("../fonts/McGillSerif-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Regular.woff") format("woff"), url("../fonts/McGillSerif-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Medium";
  src: url("../fonts/McGillSerif-Medium.eot");
  src: url("../fonts/McGillSerif-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Medium.woff") format("woff"), url("../fonts/McGillSerif-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Bold";
  src: url("../fonts/McGillSerif-Bold.eot");
  src: url("../fonts/McGillSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Bold.woff") format("woff"), url("../fonts/McGillSerif-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Italic";
  src: url("../fonts/McGillSerif-Italic.eot");
  src: url("../fonts/McGillSerif-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Italic.woff") format("woff"), url("../fonts/McGillSerif-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*
 * McGill fonts with appropriate font-stacks.
 */
/*
 * Supporting typographic property variables.
 */
/*****************
 * SEARCH
 ****************/
/*
 * Search block.
 */
.block-search .form-item {
  float: none;
  background: transparent;
}

.overlabel {
  position: relative;
}
.overlabel label {
  position: absolute;
  top: 4px;
  left: 8px;
  cursor: text;
}

/*
 * FACETS
 */
#sidebar-column ul li.leaf {
  list-style: none;
  line-height: 1.1;
  margin: 0 0 0.5em 0;
}

.block-facetapi .item-list ul li a,
.block-facetapi .item-list ul li a:link,
.block-facetapi .item-list ul li a:visited {
  text-decoration: none;
}

.facetapi-facetapi-checkbox-links li {
  color: #000;
  font-family: "McGillSans-Bold", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a:link.facetapi-inactive,
a:visited.facetapi-inactive {
  font-family: "McgillSans-Regular", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #6f766f;
}

a.facetapi-active {
  color: #339558;
}

input[type=checkbox] {
  vertical-align: baseline;
  height: 13px;
  box-shadow: none;
}

/*
 * Search Page.
 */
.page-search ul.primary li a {
  color: #000;
  font-family: "McGillSans-Bold", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
 * Collections
 */
ul#collections {
  list-style: none;
  margin: 0;
  font-size: 0.75em;
  text-transform: uppercase;
  font-family: "McGillSans-Bold", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

ul#collections li {
  display: inline;
}

ul#collections li a {
  background: #F4F4F4;
  padding: 0.25em 0.5em;
  text-decoration: none;
  margin: 0 0.5em 0 0;
  color: #1E1E1E;
}

/* Variables for assigning spacing */
@font-face {
  font-family: "McGillSans-Regular";
  src: url("../fonts/McGillSans-Regular.eot");
  src: url("../fonts/McGillSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Regular.woff") format("woff"), url("../fonts/McGillSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Medium";
  src: url("../fonts/McGillSans-Medium.eot");
  src: url("../fonts/McGillSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Medium.woff") format("woff"), url("../fonts/McGillSans-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Bold";
  src: url("../fonts/McGillSans-Bold.eot");
  src: url("../fonts/McGillSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Bold.woff") format("woff"), url("../fonts/McGillSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Italic";
  src: url("../fonts/McGillSans-Italic.eot");
  src: url("../fonts/McGillSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Italic.woff") format("woff"), url("../fonts/McGillSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Regular";
  src: url("../fonts/McGillSerif-Regular.eot");
  src: url("../fonts/McGillSerif-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Regular.woff") format("woff"), url("../fonts/McGillSerif-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Medium";
  src: url("../fonts/McGillSerif-Medium.eot");
  src: url("../fonts/McGillSerif-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Medium.woff") format("woff"), url("../fonts/McGillSerif-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Bold";
  src: url("../fonts/McGillSerif-Bold.eot");
  src: url("../fonts/McGillSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Bold.woff") format("woff"), url("../fonts/McGillSerif-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Italic";
  src: url("../fonts/McGillSerif-Italic.eot");
  src: url("../fonts/McGillSerif-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Italic.woff") format("woff"), url("../fonts/McGillSerif-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*
 * McGill fonts with appropriate font-stacks.
 */
/*
 * Supporting typographic property variables.
 */
/**
 * Full Calendar styling.
 **/
.content .fullcalendar {
  line-height: 1.5;
  font-family: "McgillSans-Regular", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.content .fullcalendar th, .content .fullcalendar td {
  min-width: 0;
}
.content .fullcalendar table {
  box-shadow: none;
}
.content .fullcalendar tbody tr:nth-child(odd) {
  background-color: transparent;
  box-shadow: none;
}

/*
 * Calendar display event container styling.
 */
a.fc-event {
  padding: 2px 4px;
}

.fc-event-default .fc-event-time {
  border: 0;
  background-color: transparent;
  display: inline-block;
}

.fc-event-inner {
  font-size: 0.95em;
  line-height: 1.3;
}

.fc-view-month a.fc-event {
  max-height: 3.5em;
  overflow: hidden;
}
.fc-view-month a.fc-event:hover {
  max-height: none;
  background: #264FA1;
  z-index: 9999;
}

.fc-view {
  overflow: visible;
}

/*
 * List tab display.
 */
.view-display-id-events_list_tab .views-widget-filter-search_api_views_fulltext {
  clear: both;
}

/*****************
 * SEARCH
 ****************/
form.views-page-search-form .views-exposed-widgets,
#views-exposed-form-mcgill-program-finder-page .views-exposed-widgets,
#views-exposed-form-mcgill-graduate-program-finder-page .views-exposed-widgets {
  /*
   * Query area.
   */
  /*
   * Button area.
   */
}
@media (min-width: 680px) {
  form.views-page-search-form .views-exposed-widgets,
#views-exposed-form-mcgill-program-finder-page .views-exposed-widgets,
#views-exposed-form-mcgill-graduate-program-finder-page .views-exposed-widgets {
    display: flex;
  }
}
form.views-page-search-form .views-exposed-widgets .views-widget-filter-search_api_views_fulltext,
#views-exposed-form-mcgill-program-finder-page .views-exposed-widgets .views-widget-filter-search_api_views_fulltext,
#views-exposed-form-mcgill-graduate-program-finder-page .views-exposed-widgets .views-widget-filter-search_api_views_fulltext {
  margin: 0;
  padding: 0;
  position: relative;
  float: none;
}
@media (min-width: 680px) {
  form.views-page-search-form .views-exposed-widgets .views-widget-filter-search_api_views_fulltext,
#views-exposed-form-mcgill-program-finder-page .views-exposed-widgets .views-widget-filter-search_api_views_fulltext,
#views-exposed-form-mcgill-graduate-program-finder-page .views-exposed-widgets .views-widget-filter-search_api_views_fulltext {
    display: flex;
    flex: 2;
    justify-content: space-between;
  }
}
form.views-page-search-form .views-exposed-widgets .views-widget-filter-search_api_views_fulltext label,
#views-exposed-form-mcgill-program-finder-page .views-exposed-widgets .views-widget-filter-search_api_views_fulltext label,
#views-exposed-form-mcgill-graduate-program-finder-page .views-exposed-widgets .views-widget-filter-search_api_views_fulltext label {
  display: none;
}
form.views-page-search-form .views-exposed-widgets .views-widget-filter-search_api_views_fulltext .views-widget,
#views-exposed-form-mcgill-program-finder-page .views-exposed-widgets .views-widget-filter-search_api_views_fulltext .views-widget,
#views-exposed-form-mcgill-graduate-program-finder-page .views-exposed-widgets .views-widget-filter-search_api_views_fulltext .views-widget {
  margin: 0;
  width: 100%;
}
form.views-page-search-form .views-exposed-widgets .views-widget-filter-search_api_views_fulltext .views-widget .form-item-query,
#views-exposed-form-mcgill-program-finder-page .views-exposed-widgets .views-widget-filter-search_api_views_fulltext .views-widget .form-item-query,
#views-exposed-form-mcgill-graduate-program-finder-page .views-exposed-widgets .views-widget-filter-search_api_views_fulltext .views-widget .form-item-query {
  display: contents;
}
form.views-page-search-form .views-exposed-widgets .views-widget-filter-search_api_views_fulltext .views-widget .form-item-query input.form-text,
#views-exposed-form-mcgill-program-finder-page .views-exposed-widgets .views-widget-filter-search_api_views_fulltext .views-widget .form-item-query input.form-text,
#views-exposed-form-mcgill-graduate-program-finder-page .views-exposed-widgets .views-widget-filter-search_api_views_fulltext .views-widget .form-item-query input.form-text {
  background-position: 0;
  background-image: none;
  box-shadow: none;
  border-style: solid;
  border-color: #000;
  border-width: 0 0 2px;
  font-family: "McGillSerif-Regular", "MinionPro-Medium", "Minion Pro Medium", "Minion Pro", Century, Georgia, serif;
  border-radius: 0;
  line-height: 1.5em;
  height: 64px;
  font-size: 1.5rem;
  width: 100%;
}
@media (min-width: 680px) {
  form.views-page-search-form .views-exposed-widgets .views-widget-filter-search_api_views_fulltext .views-widget .form-item-query input.form-text,
#views-exposed-form-mcgill-program-finder-page .views-exposed-widgets .views-widget-filter-search_api_views_fulltext .views-widget .form-item-query input.form-text,
#views-exposed-form-mcgill-graduate-program-finder-page .views-exposed-widgets .views-widget-filter-search_api_views_fulltext .views-widget .form-item-query input.form-text {
    font-size: 2.25rem;
  }
}
form.views-page-search-form .views-exposed-widgets .views-widget-filter-search_api_views_fulltext .views-widget .form-item-query input.form-text:focus,
#views-exposed-form-mcgill-program-finder-page .views-exposed-widgets .views-widget-filter-search_api_views_fulltext .views-widget .form-item-query input.form-text:focus,
#views-exposed-form-mcgill-graduate-program-finder-page .views-exposed-widgets .views-widget-filter-search_api_views_fulltext .views-widget .form-item-query input.form-text:focus {
  border-color: #ED1B2F;
  outline: none;
}
form.views-page-search-form .views-exposed-widgets .views-exposed-widget.views-submit-button,
#views-exposed-form-mcgill-program-finder-page .views-exposed-widgets .views-exposed-widget.views-submit-button,
#views-exposed-form-mcgill-graduate-program-finder-page .views-exposed-widgets .views-exposed-widget.views-submit-button {
  margin: 0 0 0 0.5em;
  padding: 0;
  display: none;
}
@media (min-width: 680px) {
  form.views-page-search-form .views-exposed-widgets .views-exposed-widget.views-submit-button,
#views-exposed-form-mcgill-program-finder-page .views-exposed-widgets .views-exposed-widget.views-submit-button,
#views-exposed-form-mcgill-graduate-program-finder-page .views-exposed-widgets .views-exposed-widget.views-submit-button {
    display: block;
  }
}
form.views-page-search-form .views-exposed-widgets .views-exposed-widget.views-submit-button input[type=submit],
#views-exposed-form-mcgill-program-finder-page .views-exposed-widgets .views-exposed-widget.views-submit-button input[type=submit],
#views-exposed-form-mcgill-graduate-program-finder-page .views-exposed-widgets .views-exposed-widget.views-submit-button input[type=submit] {
  text-indent: -9000px;
  border: 0;
  margin: 0;
  width: 64px;
  height: 64px;
  background: #000 url("../images/search_icon-white.svg") no-repeat center center;
  border-radius: 4px;
}
form.views-page-search-form .views-exposed-widgets .views-exposed-widget.views-submit-button input[type=submit]:hover,
#views-exposed-form-mcgill-program-finder-page .views-exposed-widgets .views-exposed-widget.views-submit-button input[type=submit]:hover,
#views-exposed-form-mcgill-graduate-program-finder-page .views-exposed-widgets .views-exposed-widget.views-submit-button input[type=submit]:hover {
  background-color: #ED1B2F;
}

/*
 * Search Results view.
 */
.view-mcgill-graduate-program-finder .views-row,
.view-mcgill-program-finder .views-row {
  padding: 1.4em 0;
  border-bottom: 1px solid #979797;
}
@media (min-width: 680px) {
  .view-mcgill-graduate-program-finder .views-row,
.view-mcgill-program-finder .views-row {
    display: flex;
    flex-wrap: wrap;
  }
}
.view-mcgill-graduate-program-finder .views-row .views-field-title,
.view-mcgill-program-finder .views-row .views-field-title {
  flex-basis: 50%;
}
#content .view-mcgill-graduate-program-finder .views-row .views-field-title,
#content .view-mcgill-program-finder .views-row .views-field-title {
  font-size: initial;
}
.view-mcgill-graduate-program-finder .views-row .views-field-field-program-type,
.view-mcgill-program-finder .views-row .views-field-field-program-type {
  color: #979797;
  padding-top: 0.35em;
}
@media (min-width: 680px) {
  .view-mcgill-graduate-program-finder .views-row .views-field-field-program-type,
.view-mcgill-program-finder .views-row .views-field-field-program-type {
    margin-left: 0.5em;
    flex-basis: 24%;
  }
}
.view-mcgill-graduate-program-finder .views-row .views-field-field-location-term,
.view-mcgill-program-finder .views-row .views-field-field-location-term {
  padding-top: 0.35em;
}
@media (min-width: 680px) {
  .view-mcgill-graduate-program-finder .views-row .views-field-field-location-term,
.view-mcgill-program-finder .views-row .views-field-field-location-term {
    margin-left: 0.5em;
    flex-basis: 24%;
  }
}
.view-mcgill-graduate-program-finder .views-row .views-field-field-row,
.view-mcgill-program-finder .views-row .views-field-field-row {
  flex-basis: 100%;
  padding-bottom: 1.4em;
}
.view-mcgill-graduate-program-finder .views-row .views-field-field-row .field-content,
.view-mcgill-program-finder .views-row .views-field-field-row .field-content {
  width: 75%;
  display: block;
}

.view-mcgill-graduate-program-finder .view-empty,
.view-mcgill-program-finder .view-empty {
  color: #000;
}

.context-block-empty-content h2 {
  padding-bottom: 0.5em;
}

/*
 * Facet blocks only on Program page for /recruitment-admissions.
 */
.page-programs .region-top-of-content {
  background: #F4F4F4;
  clear: both;
  margin: 1em 0;
  padding: 0.7em;
}
@media (min-width: 480px) {
  .page-programs .region-top-of-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.page-programs .region-top-of-content #block-views-exp-mcgill-program-finder-page {
  flex-basis: 100%;
}
.page-programs .region-top-of-content .block-facetapi {
  float: none;
  flex-basis: 32%;
}
.page-programs .region-top-of-content .block-facetapi ul {
  margin: 0 0 0 0.35em;
}
.page-programs .region-top-of-content .block-facetapi ul li {
  list-style: none;
  margin-left: 0;
}
.page-programs .view-header h2 {
  border-bottom: 1px solid #979797;
  padding: 1.4em 0 0.7em 0;
}

/*
 Areas of Interest view.
 */
.view-id-mcgill_areas_of_interest .views-row,
.view-id-mcgill_faculty_of_interest .views-row {
  display: block;
}
.view-id-mcgill_areas_of_interest .views-row .views-field,
.view-id-mcgill_faculty_of_interest .views-row .views-field {
  max-width: 54em;
}
.view-id-mcgill_areas_of_interest .views-row .views-field-field-area-interest-image,
.view-id-mcgill_areas_of_interest .views-row .views-field-field-faculty-interest-image,
.view-id-mcgill_faculty_of_interest .views-row .views-field-field-area-interest-image,
.view-id-mcgill_faculty_of_interest .views-row .views-field-field-faculty-interest-image {
  float: right;
  margin-left: 0.5em;
}
.view-id-mcgill_areas_of_interest .views-row .views-field-field-area-interest-image img,
.view-id-mcgill_areas_of_interest .views-row .views-field-field-faculty-interest-image img,
.view-id-mcgill_faculty_of_interest .views-row .views-field-field-area-interest-image img,
.view-id-mcgill_faculty_of_interest .views-row .views-field-field-faculty-interest-image img {
  max-width: 40vw;
}
@media (min-width: 680px) {
  .view-id-mcgill_areas_of_interest .views-row .views-field-field-area-interest-image,
.view-id-mcgill_areas_of_interest .views-row .views-field-field-faculty-interest-image,
.view-id-mcgill_faculty_of_interest .views-row .views-field-field-area-interest-image,
.view-id-mcgill_faculty_of_interest .views-row .views-field-field-faculty-interest-image {
    margin-left: 5em;
  }
  .view-id-mcgill_areas_of_interest .views-row .views-field-field-area-interest-image img,
.view-id-mcgill_areas_of_interest .views-row .views-field-field-faculty-interest-image img,
.view-id-mcgill_faculty_of_interest .views-row .views-field-field-area-interest-image img,
.view-id-mcgill_faculty_of_interest .views-row .views-field-field-faculty-interest-image img {
    max-width: none;
  }
}

.block-facetapi.grad-applicant-facet---block {
  flex-basis: 49% !important;
}

/* Variables for assigning spacing */
@font-face {
  font-family: "McGillSans-Regular";
  src: url("../fonts/McGillSans-Regular.eot");
  src: url("../fonts/McGillSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Regular.woff") format("woff"), url("../fonts/McGillSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Medium";
  src: url("../fonts/McGillSans-Medium.eot");
  src: url("../fonts/McGillSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Medium.woff") format("woff"), url("../fonts/McGillSans-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Bold";
  src: url("../fonts/McGillSans-Bold.eot");
  src: url("../fonts/McGillSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Bold.woff") format("woff"), url("../fonts/McGillSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Italic";
  src: url("../fonts/McGillSans-Italic.eot");
  src: url("../fonts/McGillSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Italic.woff") format("woff"), url("../fonts/McGillSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Regular";
  src: url("../fonts/McGillSerif-Regular.eot");
  src: url("../fonts/McGillSerif-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Regular.woff") format("woff"), url("../fonts/McGillSerif-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Medium";
  src: url("../fonts/McGillSerif-Medium.eot");
  src: url("../fonts/McGillSerif-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Medium.woff") format("woff"), url("../fonts/McGillSerif-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Bold";
  src: url("../fonts/McGillSerif-Bold.eot");
  src: url("../fonts/McGillSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Bold.woff") format("woff"), url("../fonts/McGillSerif-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Italic";
  src: url("../fonts/McGillSerif-Italic.eot");
  src: url("../fonts/McGillSerif-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Italic.woff") format("woff"), url("../fonts/McGillSerif-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*
 * McGill fonts with appropriate font-stacks.
 */
/*
 * Supporting typographic property variables.
 */
/*
 * WEBFORM STYLE
 */
.form-actions {
  clear: both;
  padding: 1em 0;
}

.form-item {
  padding: 10px 0;
  width: 96%;
  margin: 0.65em 0 0.65em 4px;
}
.form-item .description {
  white-space: normal;
}

input[disabled] {
  cursor: default;
  background: lightgrey;
}

.webform-component-date label {
  padding-bottom: 5px;
}

#webform-component-phone_number {
  clear: both;
}

/* webform submission ref component */
form.webform-client-form .webform-component-submissionref label .form-item {
  padding: 0 0 0 1em;
}

form.webform-client-form .webform-component-submissionref label .form-item span {
  font-weight: bold;
}

/*/it tempfix */
form.webform-client-form .resizable-textarea {
  float: left;
}

form.webform-client-form .form-item textarea {
  border: 1px solid #979797;
  position: relative;
  margin: 10px;
}

form.webform-client-form .resizable-textarea .grippie {
  display: none;
}

form.webform-client-form fieldset .form-item select {
  margin-left: 10px;
}

form.webform-client-form fieldset legend {
  padding: 5px;
  border: 1px solid #F4F4F4;
  color: #736759;
  font-weight: bold;
}

form.webform-client-form fieldset {
  border: 1px solid #F4F4F4;
  margin: 20px 0;
  padding: 5px;
  clear: both;
}

form.webform-client-form .form-item label,
form.webform-client-form .form-item caption {
  font-weight: normal;
  line-height: 1.3;
  margin: 0 0.5em 0.5em 0;
  font-family: "McGillSans-Bold", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

form.webform-client-form .form-item caption {
  font-size: 1.25em;
}

form.webform-client-form .form-radios .form-item label.option,
form.webform-client-form .form-checkboxes .form-item label.option {
  margin-bottom: 5px;
  clear: both;
}

form.webform-client-form .form-item label.option {
  width: auto;
  text-align: left;
  margin-left: 5px;
}

form.webform-client-form .form-item .description {
  clear: both;
}

form.webform-client-form .form-text {
  padding: 3px;
}

.form-item input[type=checkbox].error, .form-item input[type=radio].error {
  outline: 2px solid #ED1B2F;
  -moz-appearance: none;
}

/* Inline Forms */
.webform-component.webform-container-inline {
  margin: 0.75em 0;
  clear: both;
  display: block;
  width: auto;
}

.webform-container-inline .form-item {
  clear: none;
  width: auto;
  padding: 10px 0;
}

.webform-container-inline > label {
  display: block;
}

/* Date */
.webform-datepicker .form-item {
  clear: none;
  padding: 0;
  margin: 0 0.5em 0 0;
}

.webform-component .form-checkboxes,
.webform-component .form-radios {
  display: flex;
  flex-wrap: wrap;
}
.webform-component .form-checkboxes .form-item,
.webform-component .form-radios .form-item {
  clear: none;
  box-sizing: border-box;
  background: #F4F4F4;
  padding: 10px;
  margin: 2px;
}
@media (min-width: 680px) {
  .webform-component .form-checkboxes .form-item,
.webform-component .form-radios .form-item {
    flex: 1 0 30%;
  }
  .vert-nav.one-sidebar .webform-component .form-checkboxes .form-item,
.vert-nav.one-sidebar .webform-component .form-radios .form-item {
    flex: 1 0 100%;
  }
  .vert-nav.no-sidebars .webform-component .form-checkboxes .form-item, .no-vert-nav.one-sidebar .webform-component .form-checkboxes .form-item,
.vert-nav.no-sidebars .webform-component .form-radios .form-item,
.no-vert-nav.one-sidebar .webform-component .form-radios .form-item {
    flex: 1 0 40%;
  }
}
.webform-component.webform-component-time .form-radios .form-item,
.webform-component.webform-component-time .form-checkboxes .form-item {
  flex: none;
}
.webform-component td .form-checkboxes .form-item,
.webform-component td .form-radios .form-item {
  background: transparent;
  flex: auto;
}
.webform-component tr.odd .form-item,
.webform-component tr.even .form-item {
  white-space: normal;
}

input[type=text],
input[type=password],
input[type=email] {
  max-width: 100%;
  box-sizing: border-box;
}

.webform-layout-box .form-item {
  width: auto;
  margin: 0.65em 1.2em 0.65em 4px;
}
.webform-layout-box.horiz {
  word-spacing: 0em;
}
.webform-layout-box.equal {
  word-spacing: 0em;
}
.webform-layout-box.equal.child-width-2 > * {
  width: 48.5%;
}
.webform-layout-box.equal.child-width-3 > * {
  width: 31.5%;
}
.webform-layout-box.equal.child-width-4 > * {
  width: 23%;
}
.webform-layout-box.equal.child-width-5 > * {
  width: 18.25%;
}
.webform-layout-box.equal.child-width-6 > * {
  width: 15%;
}
.webform-layout-box.equal.child-width-7 > * {
  width: 12.7%;
}
.webform-layout-box.equal.child-width-8 > * {
  width: 10.85%;
}
.webform-layout-box.equal.child-width-9 > * {
  width: 9.5%;
}

/* Variables for assigning spacing */
@font-face {
  font-family: "McGillSans-Regular";
  src: url("../fonts/McGillSans-Regular.eot");
  src: url("../fonts/McGillSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Regular.woff") format("woff"), url("../fonts/McGillSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Medium";
  src: url("../fonts/McGillSans-Medium.eot");
  src: url("../fonts/McGillSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Medium.woff") format("woff"), url("../fonts/McGillSans-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Bold";
  src: url("../fonts/McGillSans-Bold.eot");
  src: url("../fonts/McGillSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Bold.woff") format("woff"), url("../fonts/McGillSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Italic";
  src: url("../fonts/McGillSans-Italic.eot");
  src: url("../fonts/McGillSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Italic.woff") format("woff"), url("../fonts/McGillSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Regular";
  src: url("../fonts/McGillSerif-Regular.eot");
  src: url("../fonts/McGillSerif-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Regular.woff") format("woff"), url("../fonts/McGillSerif-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Medium";
  src: url("../fonts/McGillSerif-Medium.eot");
  src: url("../fonts/McGillSerif-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Medium.woff") format("woff"), url("../fonts/McGillSerif-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Bold";
  src: url("../fonts/McGillSerif-Bold.eot");
  src: url("../fonts/McGillSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Bold.woff") format("woff"), url("../fonts/McGillSerif-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Italic";
  src: url("../fonts/McGillSerif-Italic.eot");
  src: url("../fonts/McGillSerif-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Italic.woff") format("woff"), url("../fonts/McGillSerif-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*
 * McGill fonts with appropriate font-stacks.
 */
/*
 * Supporting typographic property variables.
 */
/*
 * Article Page styling.
 */
.node-type-article #page-title {
  text-align: center;
}
.node-type-article .field-name-field-article-dek {
  clear: both;
  font-family: "McgillSans-Regular", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  line-height: 1.5;
  text-align: center;
  color: #000;
}
.node-type-article .field-name-field-article-dek .field-items {
  margin: 0;
}
.node-type-article .field-name-field-featured-image {
  text-align: center;
}

/*
 * Article Node styling.
 */
.article-content {
  font-family: "McGillSerif-Regular", "MinionPro-Medium", "Minion Pro Medium", "Minion Pro", Century, Georgia, serif;
  font-size: 1.25em;
  border-top: 1px solid #979797;
}
@media (min-width: 680px) {
  .article-content {
    width: 66.0056657224%;
    margin: 0 auto;
  }
}
.article-content .field-name-body {
  clear: both;
}
.article-content .field-name-body .field-item > p:first-child:first-letter {
  color: #ED1B2F;
  float: left;
  font-size: 4em;
  line-height: 1.1;
  padding-right: 8px;
}
.article-content .meta {
  border: 0;
  margin: 4.0462427746% 0;
}
@media (min-width: 680px) {
  .article-content .meta {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.article-content .meta div.submitted {
  padding: 0;
}
@media (min-width: 480px) {
  .article-content .meta div.submitted {
    width: 66.0056657224%;
    float: left;
    margin-right: 1.9830028329%;
  }
}
.article-content .meta div.service-links {
  margin: 0;
  padding: 0;
}
@media (min-width: 480px) {
  .article-content .meta div.service-links {
    width: 32.0113314448%;
    float: left;
    margin-right: 1.9830028329%;
    float: right;
    margin-right: 0;
    text-align: right;
  }
}
.article-content .meta div.service-links li {
  margin: 5px 0.85em 5px 0;
}
.field-name-field-article-categories {
  padding: 0;
  display: inline-block;
}
.field-name-field-article-categories .field-items {
  margin: 0;
  padding: 0;
}
.field-name-field-article-categories .field-item {
  display: inline-block;
  margin-right: 0.5em;
  padding: 0 0.25em;
}

.field-name-field-article-tags {
  font-family: "McgillSans-Regular", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: 1px solid #F4F4F4;
  border-width: 1px 0;
  font-size: 0.75em;
}
.field-name-field-article-tags .field-label {
  margin-bottom: 0;
}
.field-name-field-article-tags .field-item {
  display: inline-block;
  margin-right: 1em;
}
.field-name-field-article-tags .field-item a:link {
  color: #000;
  text-decoration: none;
}

/*
 * Article view block styling.
 */
.view-articles.gallery-grid {
  width: 100%;
}
@media (min-width: 680px) {
  .view-articles.gallery-grid .views-row {
    width: 32.0113314448%;
    float: left;
    border-top: 4px solid #979797;
    margin-bottom: 1.9830028329%;
  }
  .view-articles.gallery-grid .views-row:nth-child(3n+1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .view-articles.gallery-grid .views-row:nth-child(3n+2) {
    margin-left: 33.9943342776%;
    margin-right: -100%;
    clear: none;
  }
  .view-articles.gallery-grid .views-row:nth-child(3n+3) {
    margin-left: 67.9886685552%;
    margin-right: -100%;
    clear: none;
  }
  .vert-nav.sidebar-second .view-articles.gallery-grid .views-row {
    width: 49.0084985836%;
    float: left;
  }
  .vert-nav.sidebar-second .view-articles.gallery-grid .views-row:nth-child(2n+1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .vert-nav.sidebar-second .view-articles.gallery-grid .views-row:nth-child(2n+2) {
    margin-left: 50.9915014164%;
    margin-right: -100%;
    clear: none;
  }
  #sidebar-column .view-articles.gallery-grid .views-row {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.view-articles.article-simple-list {
  width: 100%;
}

/*****************
Collection of Channels styling
Oct 3rd 2014
******************/
/*****************
Channels block styling
May 22nd 2012
Author: Jason Delmarr;
******************/
/* Variables for assigning spacing */
@font-face {
  font-family: "McGillSans-Regular";
  src: url("../fonts/McGillSans-Regular.eot");
  src: url("../fonts/McGillSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Regular.woff") format("woff"), url("../fonts/McGillSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Medium";
  src: url("../fonts/McGillSans-Medium.eot");
  src: url("../fonts/McGillSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Medium.woff") format("woff"), url("../fonts/McGillSans-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Bold";
  src: url("../fonts/McGillSans-Bold.eot");
  src: url("../fonts/McGillSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Bold.woff") format("woff"), url("../fonts/McGillSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Italic";
  src: url("../fonts/McGillSans-Italic.eot");
  src: url("../fonts/McGillSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Italic.woff") format("woff"), url("../fonts/McGillSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Regular";
  src: url("../fonts/McGillSerif-Regular.eot");
  src: url("../fonts/McGillSerif-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Regular.woff") format("woff"), url("../fonts/McGillSerif-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Medium";
  src: url("../fonts/McGillSerif-Medium.eot");
  src: url("../fonts/McGillSerif-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Medium.woff") format("woff"), url("../fonts/McGillSerif-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Bold";
  src: url("../fonts/McGillSerif-Bold.eot");
  src: url("../fonts/McGillSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Bold.woff") format("woff"), url("../fonts/McGillSerif-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Italic";
  src: url("../fonts/McGillSerif-Italic.eot");
  src: url("../fonts/McGillSerif-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Italic.woff") format("woff"), url("../fonts/McGillSerif-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*
 * McGill fonts with appropriate font-stacks.
 */
/*
 * Supporting typographic property variables.
 */
/*
 * Variables
 */
/*
 * Colors approved and provided by McGill design system.
 */
/*
 * Descriptive variables:
 */
/*
 * Functional variables:
 */
/************************
 * Descriptive variables:
 ************************/
/************************
 * Functional variables:
 ************************/
/* Variables for assigning spacing */
@font-face {
  font-family: "McGillSans-Regular";
  src: url("../fonts/McGillSans-Regular.eot");
  src: url("../fonts/McGillSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Regular.woff") format("woff"), url("../fonts/McGillSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Medium";
  src: url("../fonts/McGillSans-Medium.eot");
  src: url("../fonts/McGillSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Medium.woff") format("woff"), url("../fonts/McGillSans-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Bold";
  src: url("../fonts/McGillSans-Bold.eot");
  src: url("../fonts/McGillSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Bold.woff") format("woff"), url("../fonts/McGillSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Italic";
  src: url("../fonts/McGillSans-Italic.eot");
  src: url("../fonts/McGillSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Italic.woff") format("woff"), url("../fonts/McGillSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Regular";
  src: url("../fonts/McGillSerif-Regular.eot");
  src: url("../fonts/McGillSerif-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Regular.woff") format("woff"), url("../fonts/McGillSerif-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Medium";
  src: url("../fonts/McGillSerif-Medium.eot");
  src: url("../fonts/McGillSerif-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Medium.woff") format("woff"), url("../fonts/McGillSerif-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Bold";
  src: url("../fonts/McGillSerif-Bold.eot");
  src: url("../fonts/McGillSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Bold.woff") format("woff"), url("../fonts/McGillSerif-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Italic";
  src: url("../fonts/McGillSerif-Italic.eot");
  src: url("../fonts/McGillSerif-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Italic.woff") format("woff"), url("../fonts/McGillSerif-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*
 * McGill fonts with appropriate font-stacks.
 */
/*
 * Supporting typographic property variables.
 */
/* Functional variables */
/*
 * Icon - Currently Font-awesome.
 */
.fas {
  font-family: "FontAwesome";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

/**
 * Media Queries
 */
/*
 * Early Tablets in portrait and landscape
 * Modifications will only display on devices
 */
.brdr-bttm {
  border-bottom: 1px solid #979797;
}

.contain, .group-contact, .container-m, #content .channels-item-list .channel-item {
  width: 100%;
  position: relative;
  float: left;
  max-width: 960px;
}

.wrppr.edge, .container-m .edge.wrapper {
  margin: 20px 0;
  width: 100%;
  max-width: 960px;
  float: left;
}

.wrppr, .container-m .wrapper {
  margin: 20px;
  width: 100%;
  max-width: 900px;
  float: left;
}

.tweet-footer:after, .view-content:after, #bottom-page:after, div.tabs div.container:after, div.tabs.vertical:after, .paragraphs-items-full:after, .field-name-field-paragraphs-multi-column:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.bug {
  border-bottom: 2px solid red;
}

/*
 * Hide from both screen readers and browsers: h5bp.com/u
 */
#footer-nav > ul.menu > li > a.nolink, .node-channel-news .service-links-ical, .node-type-article #nav-column, .article-content .meta div.service-links li.service-links-ical,
.state-hide {
  display: none;
  visibility: hidden;
}

form.views-page-search-form .views-exposed-widgets .views-exposed-widget.views-submit-button input[type=submit],
#views-exposed-form-mcgill-program-finder-page .views-exposed-widgets .views-exposed-widget.views-submit-button input[type=submit],
#views-exposed-form-mcgill-graduate-program-finder-page .views-exposed-widgets .views-exposed-widget.views-submit-button input[type=submit] {
  text-indent: -9999px;
}

/*
 * Mixins
 */
/*
 * Placeholders
 */
.block .grid img {
  max-width: 100%;
  height: auto !important;
}

.twothirds-width .block-inner,
#highlighted .twothirds-width .block-inner,
#top-page .twothirds-width .block-inner,
#bottom-page .twothirds-width .block-inner,
#top-content .twothirds-width .block-inner,
#bottom-content .twothirds-width .block-inner, .half-width .block-inner,
#highlighted .half-width .block-inner,
#top-page .half-width .block-inner,
#bottom-page .half-width .block-inner,
#top-content .half-width .block-inner,
#bottom-content .half-width .block-inner, .third-width .block-inner,
#highlighted .third-width .block-inner,
#top-page .third-width .block-inner,
#bottom-page .third-width .block-inner,
#top-content .third-width .block-inner,
#bottom-content .third-width .block-inner {
  padding: 1em 12px;
}

/*
 * Implements @include block-layout();
 * Lays a floated block within the Susy Grid system
 * $selector : css selector eg .half-width
 * $column : column width of 24
 * $m-gutter (optional) default 6: Bottom gutter width on smaller devices
 * @content additional css can be added if needed.
 */
/*
 * Implements @include button();
 * Creates a button
 * $bg : background color
 * $size : font-size in ems
 */
/*
 * Implements @include shadow-box();
 * Creates a outlined container with a shadow
 * $align : whether the contents should be left, right, center aligned
 */
/*
 * On desktop display view rows as a grid gallery
 * adjust to fewer columns when teh sidebars are present.
 * consider if the view rows find's itself in the sidebar column.
 */
body.page-node .channelblock h2 a,
body.page-node #sidebar-column ul.channelblock h2 a,
.channel-item h2 a {
  background: transparent;
}

#content-inner .view-importantdates-search .view-footer ul,
#content-inner .view-channels-hub-news .view-footer ul {
  margin: 0;
  padding: 0;
  width: 50%;
}
#content-inner .view-importantdates-search .view-footer ul li,
#content-inner .view-channels-hub-news .view-footer ul li {
  list-style: none;
  display: inline;
  font-family: FontAwesome;
  margin: 0 8px 0 0;
  font-size: 1.025em;
}
#content-inner .view-importantdates-search .view-footer ul a,
#content-inner .view-channels-hub-news .view-footer ul a {
  /*text-indent: -9000px;*/
  padding: 0 0 0 3px;
  text-decoration: none;
  text-transform: uppercase;
}
#content-inner .view-importantdates-search .view-footer ul li.ical-link a,
#content-inner .view-channels-hub-news .view-footer ul li.ical-link a {
  color: red;
}
#content-inner .view-importantdates-search .view-footer ul li.ical-link a:before,
#content-inner .view-channels-hub-news .view-footer ul li.ical-link a:before {
  margin: 0 0.25em 0 0;
  content: "";
}
#content-inner .view-importantdates-search .view-footer ul li.rss-link a,
#content-inner .view-channels-hub-news .view-footer ul li.rss-link a {
  color: #f1be00;
}
#content-inner .view-importantdates-search .view-footer ul li.rss-link a:before,
#content-inner .view-channels-hub-news .view-footer ul li.rss-link a:before {
  margin: 0 0.25em 0 0;
  content: "";
}
#content-inner .view-importantdates-search .view-footer ul li.rss-link a:hover:before,
#content-inner .view-channels-hub-news .view-footer ul li.rss-link a:hover:before {
  color: #f1a603;
}
#content-inner .view-importantdates-search .view-footer ul li.ical-link a:hover:before,
#content-inner .view-channels-hub-news .view-footer ul li.ical-link a:hover:before {
  color: #b61d19;
}

.categories .item-list a,
.categories .item-list a:link {
  margin: 0 0.5em 0.65em 0;
  background: #e1ecdd;
  text-decoration: none;
  padding: 2px 4px;
  font-size: 12px;
  border-radius: 3px;
  font-weight: normal;
}
.categories .item-list a:hover,
.categories .item-list a:link:hover {
  background: #F4F4F4;
}

.channel-item .categories .links.inline li {
  display: inline;
  margin: 0;
}
.channel-item .categories .links.inline li a {
  margin: 0;
}

.channel-item .categories .links.inline li.first {
  padding: 0 0.5em 0 0;
}

/*****************
DATE
******************/
/*Channels event Date*/
.view-importantdates-search .custom-multi-date,
.channel_event .custom-multi-date {
  /*CUSTOM-MULTI-DATE*/
  /* End of date-container, .multidate*/
}
.view-importantdates-search .custom-multi-date .date-container,
.view-importantdates-search .custom-multi-date .multi-date,
.channel_event .custom-multi-date .date-container,
.channel_event .custom-multi-date .multi-date {
  font-style: italic;
  background: #A33944;
  color: #FFF;
  box-shadow: 0 0 2px rgbA(0, 0, 0, 0.2);
  display: inline-block;
  *display: inline;
  line-height: 1.25em;
  margin: 0 3px 0 0;
  padding: 0px;
  text-align: center;
  zoom: 1;
}
.view-importantdates-search .custom-multi-date .date-container span,
.view-importantdates-search .custom-multi-date .multi-date span,
.channel_event .custom-multi-date .date-container span,
.channel_event .custom-multi-date .multi-date span {
  display: inline-block;
  *display: inline;
  padding: 2px 4px;
  zoom: 1;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.view-importantdates-search .custom-multi-date .date-container .day,
.view-importantdates-search .custom-multi-date .multi-date .day,
.channel_event .custom-multi-date .date-container .day,
.channel_event .custom-multi-date .multi-date .day {
  /*day code*/
}
.view-importantdates-search .custom-multi-date .date-container .month,
.view-importantdates-search .custom-multi-date .multi-date .month,
.channel_event .custom-multi-date .date-container .month,
.channel_event .custom-multi-date .multi-date .month {
  /*month style*/
}
.view-importantdates-search .custom-multi-date .date-container .year,
.view-importantdates-search .custom-multi-date .multi-date .year,
.channel_event .custom-multi-date .date-container .year,
.channel_event .custom-multi-date .multi-date .year {
  background: none;
}

/* Channel News date */
.channel_news .custom-multi-date span {
  color: #F4F4F4;
  font-size: 0.95em;
  text-transform: uppercase;
}

.multi-seperator {
  display: inline-block;
  *display: inline;
  padding: 0 4px;
  text-align: center;
  color: #929492;
  zoom: 1;
  /*font-size:1em;*/
}

/*****************
BLOCKS
******************/
.block-channels .date-container {
  font-size: 1.35em;
}

#sidebar-column .block.block-channels .item-list {
  float: none;
}

ul.channelblock li {
  list-style-type: none;
  font-size: 0.6em;
  margin: 0;
  padding: 8px 0;
  line-height: 15px;
  overflow: hidden;
  border-bottom: 1px solid #f5f5f5;
}

.block-channels,
.block-channels h2 a {
  font-family: "McgillSans-Regular", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
}

.block-channels a.view-more {
  margin: 0;
}

.block-channels .rss,
.block-channels .ical {
  float: right;
  margin: 4px 0 4px 4px;
}

.block-channels .rss img,
.block-channels .ical img {
  opacity: 0.7;
  -moz-opacity: 0.7;
}

.block-channels .rss img:hover,
.block-channels .ical img:hover {
  opacity: 1;
  -moz-opacity: 1;
}

.block-channels .link-list {
  clear: both;
}

.block-channels ul.channelblock {
  margin: 0.25em 0.25em 0.25em 0;
}

/*Block Date Events*/
.channelblock .channel-item.channel_event h2 {
  margin: 0 0 0 46px;
}

.channel_event .custom-multi-date,
.view-importantdates-search .custom-multi-date {
  width: 46px;
  float: left;
  clear: none;
}

#sidebar-column .channel_event .custom-multi-date {
  clear: both;
}

.block-channels .channelblock .channel_event .date-container {
  width: 36px;
  float: left;
}
.block-channels .channelblock .channel_event .date-container span {
  width: 36px;
  text-align: center;
  padding: 0;
}
.block-channels .channelblock .channel_event .date-container .month {
  background: #FFF;
  color: #000;
  text-shadow: none;
}

#sidebar-column .channelblock img {
  display: none;
  /*Image will be seen on list, final node view*/
}

.channel-item.channel_event .multi-seperator,
.view-importantdates-search .multi-seperator {
  float: left;
  position: relative;
}

.block-channels .multi-seperator {
  float: left;
  width: 40px;
  position: relative;
  padding: 0;
}

/*****************
SHORT-TAG IN NODE
******************/
#content-inner .node ul.channelblock {
  margin-left: 0;
  font-size: 1.45em;
}
#content-inner .node ul.channelblock .channel_event .custom-multi-date {
  padding: 0 0 0.125em 0;
}
#content-inner .node ul.channelblock .channel_event h2 {
  margin: 0;
}

/*****************
LIST VIEW
******************/
#content .channels-item-list .channel-item,
.view-importantdates-search .views-row {
  padding: 1em 0 2.5em 0;
  border: 1px solid #DDD;
  border-width: 0 0 1px 0;
}

#content .channels-item-list .channel-item {
  clear: both;
}
#content .channels-item-list .custom-multi-date {
  clear: both;
}

#content .channels-item-list .channel-item:nth-last-child(-n+3) {
  margin-bottom: 2em;
}

.view-importantdates-search .views-field-title a {
  text-decoration: none;
  font-size: 0.85em;
}

#content .channel-item h2 {
  float: none;
}

#content-inner .channels-item-list .item-list,
.view-importantdates-search .item-list {
  /*Category alignment*/
  margin: 0.5em 0;
}

/* Layout content if an image is presented */
#content .has-image .content-container {
  float: left;
  width: 72%;
}

#content .has-image .primary-image {
  float: right;
  width: 25%;
}

/*Event List View*/
.channels-item-list .channel-item.channel_event h2, .channels-item-list .channel-item.channel_event p {
  clear: left;
}

.channels-item-list .channel-item.channel_event .custom-multi-date,
.view-importantdates-search .custom-multi-date {
  /*Important Dates*/
  width: 460px;
  padding: 4px 0 0 0;
  clear: none;
  margin: 0 0 0.75em 0em;
}

.channels-item-list.view-more-listing .channel-item.channel_event .custom-multi-date,
.view-importantdates-search .custom-multi-date {
  width: auto;
}

.channels-item-list .channel-item.channel_event .multi-date,
#main-column .view-importantdates-search .multi-date,
#content-inner .node .channel_event .multi-date {
  /*Short Tags*/
  float: left;
  background: transparent;
  color: #222;
  border: 1px solid #EFF2EE;
  padding: 2px;
  box-shadow: none;
}
.channels-item-list .channel-item.channel_event .multi-date span,
#main-column .view-importantdates-search .multi-date span,
#content-inner .node .channel_event .multi-date span {
  text-shadow: none;
}
.channels-item-list .channel-item.channel_event .multi-date .time,
#main-column .view-importantdates-search .multi-date .time,
#content-inner .node .channel_event .multi-date .time {
  background: #e9e9e9;
  /* text-shadow:none;*/
}

.channels-item-list .channel-item.channel_event .multi-seperator,
.view-importantdates-search .multi-seperator {
  /*Important Dates*/
  top: 2px;
}

/**************
NODE DISPLAY
***************/
.channels-primary-image {
  max-width: 320px;
  margin: 10px;
  float: right;
}

.channels-container {
  background-color: #F9F9F9;
  margin: 0 0 1em 0;
  padding: 1em;
  clear: both;
}

.channels-links {
  width: 48%;
  float: right;
}

.channels-links #content-inner .channels-contact .field {
  margin: 0.001em !important;
}

.channels-contact {
  width: 50%;
}

#content-inner .channels-contact .field {
  margin: 0.01em;
}

.channels-list {
  width: 45%;
  margin: 0px;
  padding: 0px 0px 10px 0px;
}

#content-inner .channels-list ul {
  margin: 0px;
  padding: 0px;
}

.channels-list ul li {
  display: inline;
  margin-right: 10px;
}

.channels-image-set {
  background-color: #ddd;
  margin-bottom: 10px;
}

.channels-image-set img {
  margin: 20px 0px 12px 20px;
}

#content .node.channel-item {
  padding: 0;
  margin: 0 0 1em 0;
}

#content .content.channels.channel-item {
  clear: both;
  padding: 1em 0 0 0;
}

.node-type-channel-news #content .dek {
  font-family: "McGillSans-Bold", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.5;
  margin: 0px;
  color: #504D4D;
}

.node-type-channel-news #content .channels-summary {
  font-size: 1.125em;
  font-style: italic;
  color: #797474;
}

.node .channel-item .channels-body-images {
  float: left;
  margin: 0px 15px 15px 0px;
}
.node .channel-item .channels-body-images .channels-secondary-images {
  width: 330px;
  overflow: hidden;
}
.node .channel-item .channels-body-images .channels-secondary-images a {
  float: left;
  margin: 0px 8px 0px 0px;
  *margin: 5px 8px 0px 0px;
}
.node .channel-item .channels-body-images .channels-secondary-images a img {
  border: 1px solid #eee;
}
.node .channel-item .channels-body-images .channels-secondary-images a:hover {
  z-index: 100;
}
.node .channel-item .channels-body-images .channels-secondary-images a:hover img {
  border-color: #ddd;
}

.node .channel-item.channel_event .custom-multi-date {
  float: left;
  width: 100%;
  margin: 0 0 0.5em 0;
}

.node .channel-item.channel_event .multi-date {
  float: left;
  background: transparent;
  color: #222;
  border: 1px solid #EFF2EE;
  padding: 2px;
  box-shadow: none;
}
.node .channel-item.channel_event .multi-date .time {
  background: #e9e9e9;
  text-shadow: none;
}

.node .channel-item.channel_event .multi-date span {
  text-shadow: none;
}

.node .channel-item.channel_event .multi-seperator {
  top: 3px;
}

/************************
SIDEBAR CONTENT FOR NODES
************************/
.channel-item .channel-item-supp-content {
  margin: -16px 0 0 0;
}
.channel-item .channel-item-supp-content .views-field-field-primary-image-fid,
.channel-item .channel-item-supp-content .views-field-field-bio-image-fid {
  line-height: 0;
  margin: 10px 10px 10px 0;
}
.channel-item .channel-item-supp-content .views-field-field-channels-attach-fid,
.channel-item .channel-item-supp-content .views-field-field-link-url {
  font-size: 0.85em;
}
.channel-item .channel-item-supp-content .views-field-changed {
  font-size: 0.7em;
}
.channel-item .channel-item-supp-content .views-field-field-secondary-images-fid {
  margin: 0 0 0 -11px;
  min-height: 120px;
  position: relative;
  width: 208px;
}
.channel-item .channel-item-supp-content .views-field-field-secondary-images-fid .field-item {
  background: #fff;
  border: 1px #fff solid;
  left: 0;
  position: absolute;
  z-index: 99;
  width: 105px;
  -webkit-transition: all 0.2s;
}
.channel-item .channel-item-supp-content .views-field-field-secondary-images-fid .field-item:hover {
  margin: -2% 0 0 0;
  box-shadow: 1px 1px 5px rgbA(0, 0, 0, 0.3);
  z-index: 100 !important;
}
.channel-item .channel-item-supp-content .views-field-field-secondary-images-fid .field-item img, .channel-item .channel-item-supp-content .views-field-field-secondary-images-fid .field-item a {
  display: block;
  width: 105px;
  height: 105px;
}
.channel-item .channel-item-supp-content label {
  display: block;
  font-weight: bold;
  margin: 1em 0 0 0;
}

#sidebar-column .block .views-field-field-bio-name-value h3 {
  margin: -6px -10px 0px -10px;
}

#sidebar-column .block .views-field-field-bio-value {
  margin: 0px -10px 10px -10px;
  padding: 10px;
}

.channel-item .multi-date {
  display: inline;
}
.channel-item .multi-date span {
  display: inline;
}
.channel-item .source-site {
  margin: 0 0 1em 0;
}

.channelblock .primary-image img,
#content-inner .channels-item-list .channel-item .primary-image img {
  background: #EEE;
  background: rgbA(255, 255, 255, 0.8);
  clear: right;
  float: right;
  padding: 1px;
  margin: 0 0 10px 4px;
  text-align: center;
  color: #000;
  font-size: 1.25em;
  font-style: italic;
  border: 1px solid #F4F4F4;
  box-shadow: 1px 1px 1px rgbA(0, 0, 0, 0.1);
}

#content-inner .channels-item-list .channel-item.channel_event .primary-image img {
  margin: 0 0 1em 1em;
}

#content-inner .channels-item-list .channel-item .primary-image img {
  margin: 0.25em 0 0 1em;
  width: auto;
  float: right;
}

/* Channels Event Address fields additional formatting*/
.channel_event .custom-multi-date {
  padding: 0 0 10px 0;
}
.channel_event .field-label {
  font-weight: bold;
}

.source-site .field-label,
.terms-inline .field-label {
  font-weight: bold;
}

/* Custom styles for social-share on channels content types */
#content .channels-title {
  width: 100%;
}
#content .channels-title h2 {
  display: inline;
}
#content .channels-title .social-share-container {
  float: right;
  width: auto;
}
#content .channels-title .social-share-container ul {
  display: inline-block;
  margin: 0 0 0 0.1em;
}
#content .channels-title .social-share-container label {
  float: left;
  line-height: 1.7em;
}

/*******************
Channels Hub
******************/
.bug {
  border: 2px 0;
  border-color: red;
}

div ul.quicktabs_tabs.quicktabs-style-garland {
  background: #F4F4F4;
  background: #FDFDFD;
  background: none;
  border: 1px #F8F8F8 solid;
  border-width: 0 0 1px 0;
}

div ul.quicktabs_tabs.quicktabs-style-garland li {
  background: #C0C0C0;
  border-radius: 2px 2px 0 0;
  /*border-radius: 0;*/
  border-width: 0;
  margin: 0 2px 0 0;
}

div ul.quicktabs_tabs.quicktabs-style-garland li:hover {
  background: #CCC;
}

div ul.quicktabs_tabs.quicktabs-style-garland li.disabled {
  background: #EEE;
}

div ul.quicktabs_tabs.quicktabs-style-garland li.disabled:hover {
  background: #C0C0C0;
  background: #EEE;
}

div ul.quicktabs_tabs.quicktabs-style-garland li.active a {
  background: none;
}

div ul.quicktabs_tabs.quicktabs-style-garland li.active {
  background: #FEFEFE;
  box-shadow: 0px -1px 3px rgbA(0, 0, 0, 0.09);
}

div ul.quicktabs_tabs.quicktabs-style-garland li a.nomorework:link,
div ul.quicktabs_tabs.quicktabs-style-garland li a.nomorework:visited,
div ul.quicktabs_tabs.quicktabs-style-garland li a.nomorework:active,
div ul.quicktabs_tabs.quicktabs-style-garland li a.nomorework:hover {
  color: #DDD;
  cursor: default;
}

/* Exposed form styles */
.view-channels-hub-news .views-exposed-widgets {
  float: left;
  width: 100%;
  padding: 1.75em 0;
}

.view-channels-hub-news .views-exposed-widget {
  float: left;
}

.page-tags .views-exposed-form {
  /*box-shadow: 0 2px 1px rgbA(33,33,33,0.08);*/
  border: 1px #F8F8F8 solid;
  border-width: 0 0 1px 0;
}

.page-tags .view-channels-hub .views-exposed-widget .form-item {
  background: none;
}

.page-tags .view-channels-hub .views-exposed-widget.views-widget-filter-field_published_date_value {
  /* Date filter */
  clear: left;
  height: 0;
  overflow: hidden;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.page-tags .show-ui .view-channels-hub .views-exposed-widget.views-widget-filter-field_published_date_value {
  min-height: 200px;
}

.page-tags .view-channels-hub .views-exposed-widget.views-widget-filter-field_published_date_value .form-text.date-date {
  width: 8em;
}

.page-tags .view-channels-hub .views-exposed-widget.views-widget-filter-field_published_date_value .container-inline-date.date-clear-block {
  display: inline-block;
}

.page-tags .view-channels-hub .views-exposed-widget.views-submit-button {
  /*position: absolute;
  right: 50px;*/
}

.page-tags .views-exposed-widget.views-submit-button input {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.51, #C71B18), color-stop(0.51, #DC251F));
  background-image: -moz-linear-gradient(center bottom, #C71B18 51%, #DC251F 51%);
  border-radius: 4px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
  color: white;
  font-size: 13px;
  text-shadow: none;
}

.page-tags .view-channels-hub .views-exposed-form .views-exposed-widgets .trigger {
  /*clear: both;*/
  margin-top: 1.8em;
  padding: 2px 4px;
  background: #FAFAFA;
  border-radius: 4px;
  color: #333;
  float: left;
  font-size: 12px;
  text-decoration: none;
  /* cribbed from J's styles for tax page */
  margin-top: 1.95em;
  padding: 0 3px;
  background: #EEE;
  border: 1px solid #DDD;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.page-tags .view-channels-hub .views-exposed-form .views-exposed-widgets.show-ui .trigger {
  color: #999;
}

.page-tags .view-channels-hub .views-exposed-form .views-exposed-widgets .trigger:hover {
  color: #000;
  /* cribbed, see above */
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.page-tags .view-channels-hub .feed-links,
.page-tags .view-channels-hub-channels .feed-links,
.page-tags .view-channel-generated-feed .views-field-nothing .field-content a.rss-link {
  margin-top: 2px;
  display: inline-block;
  background-color: #FAFAFA;
  border-radius: 3px;
  box-shadow: 0 0 2px rgbA(0, 0, 0, 0.1) inset;
  padding: 0.25em;
  text-decoration: none;
}

.page-tags .view-channel-generated-feed .views-field-nothing .field-content a.rss-link {
  padding: 0.25em 1.5em 0.25em 0.25em;
  background: url(../../../../../../../misc/feed.png) 99% 50% no-repeat;
}

.page-tags .view-channels-hub .feed-links a.rss-link,
.page-tags .view-channels-hub-channels .feed-links a.rss-link,
.page-tags .view-channels-hub .feed-links a.ical-link,
.page-tags .view-channels-hub-channels .feed-links a.ical-link {
  background-size: 1em auto;
  display: inline-block;
  background: url(../../../../../../../misc/feed.png) 99% 50% no-repeat;
  padding: 0.25em 1.5em 0.25em 0.25em;
  text-decoration: none;
  text-indent: -9000px;
}

.page-tags .view-channels-hub .feed-links a.ical-link,
.page-tags .view-channels-hub-channels .feed-links a.ical-link {
  background: green;
  color: #fff;
  padding: 0.25em;
  text-indent: 0;
  font-size: 80%;
}

.view-newsroom-archive .views-exposed-widget.views-widget-filter-field_published_date_value .description .container-inline-date,
.view-newsroom-archive .views-exposed-widget.views-widget-filter-field_channels_event_date_value2 .description .container-inline-date,
.view-newsroom-archive .views-exposed-widget.views-widget-filter-field_channels_event_date_value .description .container-inline-date,
.view-channels-hub-news .views-exposed-widget.views-widget-filter-field_published_date_value .description .container-inline-date,
.view-channels-hub-news .views-exposed-widget.views-widget-filter-field_channels_event_date_value2 .description .container-inline-date,
.view-channels-hub-news .views-exposed-widget.views-widget-filter-field_channels_event_date_value .description .container-inline-date {
  width: auto;
  clear: none;
}
.view-newsroom-archive .views-exposed-widget.views-widget-filter-field_published_date_value .description .container-inline-date .form-item,
.view-newsroom-archive .views-exposed-widget.views-widget-filter-field_channels_event_date_value2 .description .container-inline-date .form-item,
.view-newsroom-archive .views-exposed-widget.views-widget-filter-field_channels_event_date_value .description .container-inline-date .form-item,
.view-channels-hub-news .views-exposed-widget.views-widget-filter-field_published_date_value .description .container-inline-date .form-item,
.view-channels-hub-news .views-exposed-widget.views-widget-filter-field_channels_event_date_value2 .description .container-inline-date .form-item,
.view-channels-hub-news .views-exposed-widget.views-widget-filter-field_channels_event_date_value .description .container-inline-date .form-item {
  width: 120px;
}
.view-newsroom-archive .views-exposed-widget.views-widget-filter-field_published_date_value .description .container-inline-date input,
.view-newsroom-archive .views-exposed-widget.views-widget-filter-field_channels_event_date_value2 .description .container-inline-date input,
.view-newsroom-archive .views-exposed-widget.views-widget-filter-field_channels_event_date_value .description .container-inline-date input,
.view-channels-hub-news .views-exposed-widget.views-widget-filter-field_published_date_value .description .container-inline-date input,
.view-channels-hub-news .views-exposed-widget.views-widget-filter-field_channels_event_date_value2 .description .container-inline-date input,
.view-channels-hub-news .views-exposed-widget.views-widget-filter-field_channels_event_date_value .description .container-inline-date input {
  max-width: 100px;
}
.view-newsroom-archive .views-exposed-widget.views-widget-filter-field_published_date_value .description .container-inline-date .description,
.view-newsroom-archive .views-exposed-widget.views-widget-filter-field_channels_event_date_value2 .description .container-inline-date .description,
.view-newsroom-archive .views-exposed-widget.views-widget-filter-field_channels_event_date_value .description .container-inline-date .description,
.view-channels-hub-news .views-exposed-widget.views-widget-filter-field_published_date_value .description .container-inline-date .description,
.view-channels-hub-news .views-exposed-widget.views-widget-filter-field_channels_event_date_value2 .description .container-inline-date .description,
.view-channels-hub-news .views-exposed-widget.views-widget-filter-field_channels_event_date_value .description .container-inline-date .description {
  display: none;
}

/*****************
Menu Block
******************/
#block-menu-menu-channels-interface {
  padding: 0;
}
#block-menu-menu-channels-interface ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#block-menu-menu-channels-interface li {
  display: inline;
  margin: 0;
}
#block-menu-menu-channels-interface li a {
  display: inline-block;
  background: #C0C0C0;
  float: left;
  margin: 0 2px 0 0;
  font-size: 0.85em;
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
  padding: 4px 8px;
  line-height: 1.75em;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
#block-menu-menu-channels-interface li a:hover {
  background: #a9a9a9;
}
#block-menu-menu-channels-interface li a.active {
  background: #FFF;
  color: #444;
  border: 1px solid #EEE;
  border-width: 1px 1px 0 1px;
}

/*
 * TABLE STYLES
 */
#block-quicktabs-channels_interface table,
#channels-hub-category-search table {
  width: 100%;
}

.views-widget .form-item {
  background: transparent;
}

.quicktabs_tabpage td,
.view-channels-hub-news td,
.view-newsroom-archive td,
#channels-hub-category-search td {
  position: relative;
  padding: 1em 0.5em;
}

#content-inner .view-channels-hub-news tr.active td {
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: #eaf5f8;
}
#content-inner .view-channels-hub-news tr.active td ul {
  margin: 0;
}
#content-inner .view-channels-hub-news tr.active td .categories a,
#content-inner .view-channels-hub-news tr.active td a.tags {
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
}

.view-channels-hub-news td div.all-day-All .time,
.view-channels-hub-news td div.all-day-All .multi-seperator {
  display: none;
}
.view-channels-hub-news td div.all-day-All .span-many .multi-seperator {
  display: inline-block;
}

.official.mcgill {
  width: 0px;
  height: 0px;
  border-color: red transparent transparent transparent;
  border-style: solid;
  border-width: 10px 10px 0px 0px;
  font-size: 11px;
  color: #FFF;
  text-align: center;
  line-height: 12px;
  font-family: sans-serif;
  margin: -13px 0 3px -6px;
}

.view-channels-hub td {
  padding: 1em 0.5em;
}

.content .view-channels-hub th {
  font-size: 0.85em;
}

.quicktabs_main table a {
  text-decoration: none;
}

/* Date Columns */
.views-field-field-published-date-value,
.views-field-field-channels-event-date-value2,
.views-field-field-channels-event-date-value {
  min-width: 120px;
}

table .custom-multi-date {
  text-align: center;
}

/*Title colum in table*/
.views-field-title a {
  display: inline-block;
}

.views-field-title a.title {
  margin: 0 0 0.5em 0;
}

.views-field-title a.title:hover {
  text-decoration: underline;
}

.views-field-title .item-list.show {
  display: block;
  margin: 0.25em 0 0 0;
}

tr.active td {
  background: #f4ffff !important;
}

#content-inner td.views-field-title ul,
.block td.views-field-title ul {
  margin: 0;
}
#content-inner td.views-field-title ul li,
.block td.views-field-title ul li {
  list-style: none;
  display: inline-block;
  margin: 0;
}

a.tags,
a.tags:link {
  margin: 0 0.5em 0.65em 0;
  background: #EEE;
  text-decoration: none;
  padding: 2px 4px;
  font-size: 12px;
  border-radius: 3px;
  font-weight: normal;
}
a.tags:hover,
a.tags:link:hover {
  background: #333;
  color: white;
}

td span.date-display-single {
  font-size: 1em;
}

/* Additional styles for Header */
.view-channels-hub-news .view-filters,
.view-importantdates-search .view-filters {
  float: left;
}
.view-channels-hub-news .view-header,
.view-importantdates-search .view-header {
  float: right;
  margin: 5px 5px 0 0;
}
.view-channels-hub-news .view-empty,
.view-importantdates-search .view-empty {
  clear: both;
}
.view-channels-hub-news input,
.view-importantdates-search input {
  max-width: 190px;
  margin-right: 5px;
}
.view-channels-hub-news input.form-submit,
.view-importantdates-search input.form-submit {
  /*width:55px;*/
}
.view-channels-hub-news span.views-throbbing,
.view-importantdates-search span.views-throbbing {
  float: right;
  height: 25px;
  margin-top: 21px;
}

*:first-child + html .view-channels-hub-news input {
  margin-right: 0px;
}

.block.block-quicktabs .view-header {
  margin-top: 0;
}

/*****************
Channels block styling
May 22nd 2012
Author: Jason Delmarr;
TODOS: remove comments;
******************/
.channels-title {
  width: 350px;
  float: left;
}

body.page-node .channelblock h2 a,
body.page-node #sidebar-column ul.channelblock h2 a,
.channel-item h2 a {
  background: transparent;
}

#content-inner .view-importantdates-search .view-footer ul,
#content-inner .view-channels-hub-news .view-footer ul {
  margin: 0;
  padding: 0;
  width: 50%;
}
#content-inner .view-importantdates-search .view-footer ul li,
#content-inner .view-channels-hub-news .view-footer ul li {
  list-style: none;
  display: inline;
  font-family: FontAwesome;
  margin: 0 8px 0 0;
  font-size: 1.025em;
}
#content-inner .view-importantdates-search .view-footer ul a,
#content-inner .view-channels-hub-news .view-footer ul a {
  /*text-indent: -9000px;*/
  padding: 0 0 0 3px;
  text-decoration: none;
  text-transform: uppercase;
}
#content-inner .view-importantdates-search .view-footer ul li.ical-link a,
#content-inner .view-channels-hub-news .view-footer ul li.ical-link a {
  color: #dc241f;
}
#content-inner .view-importantdates-search .view-footer ul li.ical-link a:before,
#content-inner .view-channels-hub-news .view-footer ul li.ical-link a:before {
  margin: 0 0.25em 0 0;
  content: "";
}
#content-inner .view-importantdates-search .view-footer ul li.rss-link a,
#content-inner .view-channels-hub-news .view-footer ul li.rss-link a {
  color: #f1be00;
}
#content-inner .view-importantdates-search .view-footer ul li.rss-link a:before,
#content-inner .view-channels-hub-news .view-footer ul li.rss-link a:before {
  margin: 0 0.25em 0 0;
  content: "";
}
#content-inner .view-importantdates-search .view-footer ul li.rss-link a:hover:before,
#content-inner .view-channels-hub-news .view-footer ul li.rss-link a:hover:before {
  color: #f1a603;
}
#content-inner .view-importantdates-search .view-footer ul li.ical-link a:hover:before,
#content-inner .view-channels-hub-news .view-footer ul li.ical-link a:hover:before {
  color: #b61d19;
}

.channel-item .categories .links.inline li {
  display: inline;
  margin: 0;
}
.channel-item .categories .links.inline li a {
  margin: 0;
}

.channel-item .categories .links.inline li.first {
  padding: 0 0.5em 0 0;
}

/*****************
DATE
******************/
/*Channels event Date*/
.view-importantdates-search .custom-multi-date,
.channel_event .custom-multi-date {
  /*CUSTOM-MULTI-DATE*/
  /* End of date-container, .multidate*/
}
.view-importantdates-search .custom-multi-date .date-container,
.view-importantdates-search .custom-multi-date .multi-date,
.channel_event .custom-multi-date .date-container,
.channel_event .custom-multi-date .multi-date {
  font-style: italic;
  background: #A33944;
  color: #FFF;
  box-shadow: 0 0 2px rgbA(0, 0, 0, 0.2);
  display: inline-block;
  *display: inline;
  line-height: 1.25em;
  margin: 0 3px 0 0;
  padding: 0px;
  text-align: center;
  zoom: 1;
}
.view-importantdates-search .custom-multi-date .date-container span,
.view-importantdates-search .custom-multi-date .multi-date span,
.channel_event .custom-multi-date .date-container span,
.channel_event .custom-multi-date .multi-date span {
  display: inline-block;
  *display: inline;
  padding: 2px 4px;
  zoom: 1;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.view-importantdates-search .custom-multi-date .date-container .day,
.view-importantdates-search .custom-multi-date .multi-date .day,
.channel_event .custom-multi-date .date-container .day,
.channel_event .custom-multi-date .multi-date .day {
  /*day code*/
}
.view-importantdates-search .custom-multi-date .date-container .month,
.view-importantdates-search .custom-multi-date .multi-date .month,
.channel_event .custom-multi-date .date-container .month,
.channel_event .custom-multi-date .multi-date .month {
  /*month style*/
}
.view-importantdates-search .custom-multi-date .date-container .year,
.view-importantdates-search .custom-multi-date .multi-date .year,
.channel_event .custom-multi-date .date-container .year,
.channel_event .custom-multi-date .multi-date .year {
  background: none;
}

/* Channel News date */
.channel_news .custom-multi-date span {
  color: #1E1E1E;
  font-size: 0.95em;
  text-transform: uppercase;
  margin: 0 2px 0 0;
}

.multi-seperator {
  display: inline-block;
  *display: inline;
  padding: 0 4px;
  text-align: center;
  color: #929492;
  zoom: 1;
  /*font-size:1em;*/
}

/*****************
BLOCKS
******************/
.block-channels .date-container {
  font-size: 1.35em;
}

#sidebar-column .block.block-channels .item-list {
  float: none;
}

ul.channelblock li {
  list-style-type: none;
  font-size: 0.6em;
  margin: 0;
  padding: 8px 0;
  line-height: 15px;
  overflow: hidden;
  border-bottom: 1px solid #f5f5f5;
}

.block-channels,
.block-channels h2 a {
  font-family: "McgillSans-Regular", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
}

.block-channels a.view-more {
  margin: 0;
}

.block-channels .rss,
.block-channels .ical {
  float: right;
  margin: 4px 0 4px 4px;
}

.block-channels .rss img,
.block-channels .ical img {
  opacity: 0.7;
  -moz-opacity: 0.7;
}

.block-channels .rss img:hover,
.block-channels .ical img:hover {
  opacity: 1;
  -moz-opacity: 1;
}

.block-channels .link-list {
  clear: both;
}

.block-channels ul.channelblock {
  margin: 0.25em 0.25em 0.25em 0;
}

/*Block Date Events*/
.channelblock .channel-item.channel_event h2 {
  margin: 0 0 0 46px;
}

.channel_event .custom-multi-date,
.view-importantdates-search .custom-multi-date {
  width: 46px;
  float: left;
  clear: none;
}

#sidebar-column .channel_event .custom-multi-date {
  clear: both;
}

.block-channels .channelblock .channel_event .date-container {
  width: 36px;
  float: left;
}
.block-channels .channelblock .channel_event .date-container span {
  width: 36px;
  text-align: center;
  padding: 0;
}
.block-channels .channelblock .channel_event .date-container .month {
  background: #FFF;
  color: #000;
  text-shadow: none;
}

#sidebar-column .channelblock img {
  display: none;
  /*Image will be seen on list, final node view*/
}

.channel-item.channel_event .multi-seperator,
.view-importantdates-search .multi-seperator {
  float: left;
  position: relative;
}

.block-channels .multi-seperator {
  float: left;
  width: 40px;
  position: relative;
  padding: 0;
}

/**************
NODE DISPLAY
***************/
.channels-primary-image {
  max-width: 320px;
  margin: 10px;
  float: right;
}

.channels-container {
  background-color: #F4F4F4;
  margin: 0 0 1em 0;
  padding: 1em;
  clear: both;
}

.channels-links {
  width: 48%;
  float: right;
}

.channels-links #content-inner .channels-contact .field {
  margin: 0.001em !important;
}

.channels-contact {
  width: 50%;
}

#content-inner .channels-contact .field {
  margin: 0.01em;
}
#content-inner .channels-contact .field .field-label,
#content-inner .channels-contact .field .field-items {
  margin: 0.25em 0;
}

.channels-list {
  width: 45%;
  margin: 0px;
  padding: 0px 0px 10px 0px;
}

#content-inner .channels-list ul {
  margin: 0px;
  padding: 0px;
}

.channels-list ul li {
  display: inline;
  margin-right: 10px;
}

.channels-image-set {
  background-color: #ddd;
  margin-bottom: 10px;
}

.channels-image-set img {
  margin: 20px 0px 12px 20px;
}

#content .node.channel-item {
  padding: 0;
  margin: 0 0 1em 0;
}

#content .content.channels.channel-item {
  clear: both;
  padding: 0.5em 0 0 0;
}

.node-type-channel-news #content .dek {
  font-family: "McGillSans-Bold", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.5;
  margin: 0px;
  color: #504D4D;
}

.node-type-channel-news #content .channels-summary {
  font-size: 1.125em;
  font-style: italic;
  color: #797474;
}

.node .channel-item .channels-body-images {
  float: left;
  margin: 0px 15px 15px 0px;
}
.node .channel-item .channels-body-images .channels-secondary-images {
  width: 330px;
  margin: 1em 0 0 0;
  overflow: hidden;
}
.node .channel-item .channels-body-images .channels-secondary-images a {
  float: left;
  margin: 0px 8px 0px 0px;
  *margin: 5px 8px 0px 0px;
}
.node .channel-item .channels-body-images .channels-secondary-images a img {
  border: 1px solid #eee;
}
.node .channel-item .channels-body-images .channels-secondary-images a:hover {
  z-index: 100;
}
.node .channel-item .channels-body-images .channels-secondary-images a:hover img {
  border-color: #ddd;
}

.event-field,
.news-field {
  float: left;
  width: 100%;
}

.event-field .field-name-field-channels-event-date,
.news-field .field-name-field-published-date {
  width: 49%;
  float: left;
}

.channels .service-links {
  width: 49%;
  float: left;
  text-align: right;
  margin: 0;
}

.node .field-name-field-channels-event-date .field-items {
  margin: 0;
}

.node .channel-item.channel_event .custom-multi-date {
  float: left;
  width: 100%;
  margin: 0 0 0.5em 0;
}

.node .channel-item.channel_event .multi-date {
  float: left;
  background: transparent;
  color: #222;
  border: 1px solid #EFF2EE;
  padding: 2px;
  box-shadow: none;
}
.node .channel-item.channel_event .multi-date .time {
  background: #e9e9e9;
  text-shadow: none;
}

.node .channel-item.channel_event .multi-date span {
  text-shadow: none;
}

.node .channel-item.channel_event .multi-seperator {
  top: 3px;
}

/* Tag Styling */
.mcgill-tags {
  display: none;
}

#content-inner .mcgill-tags .field {
  margin: 0;
}

.node-type-channel-news .mcgill-tags,
.node-type-channel-event .mcgill-tags {
  display: inline-block;
  margin-bottom: 2em;
  clear: both;
  font-family: "McgillSans-Regular", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: auto;
}
.node-type-channel-news .mcgill-tags .field-label,
.node-type-channel-event .mcgill-tags .field-label {
  margin: 0;
  font-family: "McGillSans-Medium", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.node-type-channel-news .mcgill-tags .field-items,
.node-type-channel-event .mcgill-tags .field-items {
  margin: 0;
}
.node-type-channel-news .mcgill-tags .field-items .field-item,
.node-type-channel-event .mcgill-tags .field-items .field-item {
  margin: 0 0.25em 0 0;
  padding: 0;
  float: left;
}
.node-type-channel-news .mcgill-tags .field-items .field-item:after,
.node-type-channel-event .mcgill-tags .field-items .field-item:after {
  content: ",";
}
.node-type-channel-news .mcgill-tags .field-items .field-item:last-child:after,
.node-type-channel-event .mcgill-tags .field-items .field-item:last-child:after {
  content: "";
}
.node-type-channel-news .mcgill-tags .field-items .field-item a,
.node-type-channel-event .mcgill-tags .field-items .field-item a {
  background: transparent;
  text-decoration: none;
  font-size: 14px;
  border-radius: 3px;
  color: #000;
}
.node-type-channel-news .mcgill-tags .field-items .field-item a:hover,
.node-type-channel-event .mcgill-tags .field-items .field-item a:hover {
  background: transparent;
  text-decoration: underline;
}

/************************
SIDEBAR CONTENT FOR NODES
************************/
.channel-item .channel-item-supp-content {
  margin: -16px 0 0 0;
  word-wrap: break-word;
}
.channel-item .channel-item-supp-content .views-field-field-primary-image,
.channel-item .channel-item-supp-content .views-field-field-bio-image {
  line-height: 0;
  margin: 10px 10px 10px 0;
}
.channel-item .channel-item-supp-content .views-label-field-channels-attach {
  font-size: 1.25em;
  margin: 0.5em 0;
  display: block;
  font-family: "McGillSans-Bold", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.channel-item .channel-item-supp-content .views-field-field-channels-attach,
.channel-item .channel-item-supp-content .views-field-field-link-url {
  font-size: 0.85em;
}
.channel-item .channel-item-supp-content .views-field-changed {
  font-size: 0.7em;
}
.channel-item .channel-item-supp-content .views-field-field-secondary-images {
  margin: 0 0 0 -11px;
  min-height: 120px;
  position: relative;
  width: 208px;
}
.channel-item .channel-item-supp-content .views-field-field-secondary-images .field-item {
  background: #fff;
  border: 1px #fff solid;
  left: 0;
  position: absolute;
  z-index: 99;
  width: 105px;
  -webkit-transition: all 0.2s;
}
.channel-item .channel-item-supp-content .views-field-field-secondary-images .field-item:hover {
  margin: -2% 0 0 0;
  box-shadow: 1px 1px 5px rgbA(0, 0, 0, 0.3);
  z-index: 100 !important;
}
.channel-item .channel-item-supp-content .views-field-field-secondary-images .field-item img, .channel-item .channel-item-supp-content .views-field-field-secondary-images .field-item a {
  display: block;
  width: 105px;
  height: 105px;
}
.channel-item .channel-item-supp-content label {
  display: block;
  font-weight: bold;
  margin: 1em 0 0 0;
}

.views-field-field-channels-attach .file {
  margin: 0.5em 0;
}

#sidebar-column .block .views-field-field-bio-name h3 {
  margin: -6px -10px 0px -10px;
}

#sidebar-column .block .views-field-field-bio {
  margin: 0px -10px 10px -10px;
  padding: 10px;
}

/* Channels Event Address fields additional formatting
 * RETAIN
 */
.channel_event .custom-multi-date {
  padding: 0 0 10px 0;
}
.channel_event .field-label {
  font-weight: bold;
}

.channel-item .field {
  clear: both;
}

.channel-item .field.field-name-body {
  clear: none;
}

.source-site .field-label,
.terms-inline .field-label {
  font-weight: bold;
}

/* Custom styles for social-share on channels content types
 * RETAIN
 */
#content .channels-title {
  width: 100%;
}
#content .channels-title h2 {
  display: inline;
}
#content .channels-title .social-share-container {
  float: right;
  width: auto;
}
#content .channels-title .social-share-container ul {
  display: inline-block;
  margin: 0 0 0 0.1em;
}
#content .channels-title .social-share-container label {
  float: left;
  line-height: 1.7em;
}

#content-inner .channels-body-images .field,
#content-inner .channels-body-images .field-items {
  margin: 0;
}

/*
 * Additions for Channels Tags
 */
.channels-summary {
  font-size: 1.125em;
  font-style: italic;
  color: #797474;
}

/*****************
LIST VIEW
******************/
#content .channels-item-list .channel-item,
.view-importantdates-search .views-row {
  padding: 2em 0 2.5em 0;
  border: 1px solid #DDD;
  border-width: 0 0 1px 0;
}

.view-importantdates-search .views-field-title a {
  text-decoration: none;
  font-size: 0.85em;
}

#content .channels-item-list .channel-item {
  clear: both;
}
#content .channels-item-list .custom-multi-date {
  clear: both;
}

#content .channel-item h2 {
  float: none;
}

#content-inner .channels-item-list .item-list,
.view-importantdates-search .item-list {
  /*Category alignment*/
  margin: 0.5em 0;
}

/*Event List View*/
.channels-item-list .channel-item.channel_event h2, .channels-item-list .channel-item.channel_event p {
  clear: left;
}

.channels-item-list .channel-item.channel_event .custom-multi-date,
.view-importantdates-search .custom-multi-date {
  /*Important Dates*/
  width: 460px;
  padding: 4px 0 0 0;
  clear: none;
  margin: 0 0 0.75em 0em;
}

.channels-item-list.view-more-listing .channel-item.channel_event .custom-multi-date,
.view-importantdates-search .custom-multi-date {
  width: 100%;
}

.channels-item-list .channel-item.channel_event .multi-date,
#main-column .view-importantdates-search .multi-date,
#content-inner .node .channel_event .multi-date {
  /*Short Tags*/
  float: left;
  background: transparent;
  color: #222;
  border: 1px solid #EFF2EE;
  padding: 2px;
  box-shadow: none;
}
.channels-item-list .channel-item.channel_event .multi-date span,
#main-column .view-importantdates-search .multi-date span,
#content-inner .node .channel_event .multi-date span {
  text-shadow: none;
}
.channels-item-list .channel-item.channel_event .multi-date .time,
#main-column .view-importantdates-search .multi-date .time,
#content-inner .node .channel_event .multi-date .time {
  background: #e9e9e9;
  /* text-shadow:none;*/
}

.channels-item-list .channel-item.channel_event .multi-seperator,
.view-importantdates-search .multi-seperator {
  /*Important Dates*/
  top: 2px;
}

/*******************
Channels Hub
******************/
.bug {
  border: 2px 0;
  border-color: red;
}

div ul.quicktabs_tabs.quicktabs-style-garland {
  background: #AAA;
  background: #FDFDFD;
  background: none;
  border: 1px #F8F8F8 solid;
  border-width: 0 0 1px 0;
}

div ul.quicktabs_tabs.quicktabs-style-garland li {
  background: #C0C0C0;
  border-radius: 2px 2px 0 0;
  /*border-radius: 0;*/
  border-width: 0;
  margin: 0 2px 0 0;
}

div ul.quicktabs_tabs.quicktabs-style-garland li:hover {
  background: #CCC;
}

div ul.quicktabs_tabs.quicktabs-style-garland li.disabled {
  background: #EEE;
}

div ul.quicktabs_tabs.quicktabs-style-garland li.disabled:hover {
  background: #C0C0C0;
  background: #EEE;
}

div ul.quicktabs_tabs.quicktabs-style-garland li.active a {
  background: none;
}

div ul.quicktabs_tabs.quicktabs-style-garland li.active {
  background: #FEFEFE;
  box-shadow: 0px -1px 3px rgbA(0, 0, 0, 0.09);
}

div ul.quicktabs_tabs.quicktabs-style-garland li a.nomorework:link,
div ul.quicktabs_tabs.quicktabs-style-garland li a.nomorework:visited,
div ul.quicktabs_tabs.quicktabs-style-garland li a.nomorework:active,
div ul.quicktabs_tabs.quicktabs-style-garland li a.nomorework:hover {
  color: #DDD;
  cursor: default;
}

/* Exposed form styles */
.view-channels-hub-news .views-exposed-widgets {
  float: left;
  width: 100%;
  padding: 1.75em 0;
}

.view-channels-hub-news .views-exposed-widget {
  float: left;
}

.page-tags .views-exposed-form {
  /*box-shadow: 0 2px 1px rgbA(33,33,33,0.08);*/
  border: 1px #F8F8F8 solid;
  border-width: 0 0 1px 0;
}

.page-tags .view-channels-hub .views-exposed-widget .form-item {
  background: none;
}

.page-tags .view-channels-hub .views-exposed-widget.views-widget-filter-field_published_date_value {
  /* Date filter */
  clear: left;
  height: 0;
  overflow: hidden;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.page-tags .show-ui .view-channels-hub .views-exposed-widget.views-widget-filter-field_published_date_value {
  min-height: 200px;
}

.page-tags .view-channels-hub .views-exposed-widget.views-widget-filter-field_published_date_value .form-text.date-date {
  width: 8em;
}

.page-tags .view-channels-hub .views-exposed-widget.views-widget-filter-field_published_date_value .container-inline-date.date-clear-block {
  display: inline-block;
}

.page-tags .view-channels-hub .views-exposed-widget.views-submit-button {
  /*position: absolute;
  right: 50px;*/
}

.page-tags .views-exposed-widget.views-submit-button input {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.51, #C71B18), color-stop(0.51, #DC251F));
  background-image: -moz-linear-gradient(center bottom, #C71B18 51%, #DC251F 51%);
  border-radius: 4px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
  color: white;
  font-size: 13px;
  text-shadow: none;
}

.page-tags .view-channels-hub .views-exposed-form .views-exposed-widgets .trigger {
  /*clear: both;*/
  margin-top: 1.8em;
  padding: 2px 4px;
  background: #FAFAFA;
  border-radius: 4px;
  color: #333;
  float: left;
  font-size: 12px;
  text-decoration: none;
  /* cribbed from J's styles for tax page */
  margin-top: 1.95em;
  padding: 0 3px;
  background: #EEE;
  border: 1px solid #DDD;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.page-tags .view-channels-hub .views-exposed-form .views-exposed-widgets.show-ui .trigger {
  color: #999;
}

.page-tags .view-channels-hub .views-exposed-form .views-exposed-widgets .trigger:hover {
  color: #000;
  /* cribbed, see above */
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.page-tags .view-channels-hub .feed-links,
.page-tags .view-channels-hub-channels .feed-links,
.page-tags .view-channel-generated-feed .views-field-nothing .field-content a.rss-link {
  margin-top: 2px;
  display: inline-block;
  background-color: #FAFAFA;
  border-radius: 3px;
  box-shadow: 0 0 2px rgbA(0, 0, 0, 0.1) inset;
  padding: 0.25em;
  text-decoration: none;
}

.page-tags .view-channel-generated-feed .views-field-nothing .field-content a.rss-link {
  padding: 0.25em 1.5em 0.25em 0.25em;
  background: url(../../../../../../../misc/feed.png) 99% 50% no-repeat;
}

.page-tags .view-channels-hub .feed-links a.rss-link,
.page-tags .view-channels-hub-channels .feed-links a.rss-link,
.page-tags .view-channels-hub .feed-links a.ical-link,
.page-tags .view-channels-hub-channels .feed-links a.ical-link {
  background-size: 1em auto;
  display: inline-block;
  background: url(../../../../../../../misc/feed.png) 99% 50% no-repeat;
  padding: 0.25em 1.5em 0.25em 0.25em;
  text-decoration: none;
  text-indent: -9000px;
}

.page-tags .view-channels-hub .feed-links a.ical-link,
.page-tags .view-channels-hub-channels .feed-links a.ical-link {
  background: green;
  color: #fff;
  padding: 0.25em;
  text-indent: 0;
  font-size: 80%;
}

.view-newsroom-archive .views-exposed-widget.views-widget-filter-field_published_date_value .description .container-inline-date,
.view-newsroom-archive .views-exposed-widget.views-widget-filter-field_channels_event_date_value2 .description .container-inline-date,
.view-newsroom-archive .views-exposed-widget.views-widget-filter-field_channels_event_date_value .description .container-inline-date,
.view-channels-hub-news .views-exposed-widget.views-widget-filter-field_published_date_value .description .container-inline-date,
.view-channels-hub-news .views-exposed-widget.views-widget-filter-field_channels_event_date_value2 .description .container-inline-date,
.view-channels-hub-news .views-exposed-widget.views-widget-filter-field_channels_event_date_value .description .container-inline-date {
  width: auto;
  clear: none;
}
.view-newsroom-archive .views-exposed-widget.views-widget-filter-field_published_date_value .description .container-inline-date .form-item,
.view-newsroom-archive .views-exposed-widget.views-widget-filter-field_channels_event_date_value2 .description .container-inline-date .form-item,
.view-newsroom-archive .views-exposed-widget.views-widget-filter-field_channels_event_date_value .description .container-inline-date .form-item,
.view-channels-hub-news .views-exposed-widget.views-widget-filter-field_published_date_value .description .container-inline-date .form-item,
.view-channels-hub-news .views-exposed-widget.views-widget-filter-field_channels_event_date_value2 .description .container-inline-date .form-item,
.view-channels-hub-news .views-exposed-widget.views-widget-filter-field_channels_event_date_value .description .container-inline-date .form-item {
  width: 120px;
}
.view-newsroom-archive .views-exposed-widget.views-widget-filter-field_published_date_value .description .container-inline-date input,
.view-newsroom-archive .views-exposed-widget.views-widget-filter-field_channels_event_date_value2 .description .container-inline-date input,
.view-newsroom-archive .views-exposed-widget.views-widget-filter-field_channels_event_date_value .description .container-inline-date input,
.view-channels-hub-news .views-exposed-widget.views-widget-filter-field_published_date_value .description .container-inline-date input,
.view-channels-hub-news .views-exposed-widget.views-widget-filter-field_channels_event_date_value2 .description .container-inline-date input,
.view-channels-hub-news .views-exposed-widget.views-widget-filter-field_channels_event_date_value .description .container-inline-date input {
  max-width: 100px;
}
.view-newsroom-archive .views-exposed-widget.views-widget-filter-field_published_date_value .description .container-inline-date .description,
.view-newsroom-archive .views-exposed-widget.views-widget-filter-field_channels_event_date_value2 .description .container-inline-date .description,
.view-newsroom-archive .views-exposed-widget.views-widget-filter-field_channels_event_date_value .description .container-inline-date .description,
.view-channels-hub-news .views-exposed-widget.views-widget-filter-field_published_date_value .description .container-inline-date .description,
.view-channels-hub-news .views-exposed-widget.views-widget-filter-field_channels_event_date_value2 .description .container-inline-date .description,
.view-channels-hub-news .views-exposed-widget.views-widget-filter-field_channels_event_date_value .description .container-inline-date .description {
  display: none;
}

/* Put date filter combo fields side by side */
.view-channels-hub-news #edit-field-channels-event-date-value2-min-wrapper,
.view-channels-hub-news #edit-field-channels-event-date-value2-max-wrapper,
.view-channels-hub-news #edit-field-published-date-value-min-wrapper,
.view-channels-hub-news #edit-field-published-date-value-max-wrapper {
  float: left;
}

/*****************
Menu Block
******************/
#block-menu-menu-channels-interface {
  padding: 0;
}
#block-menu-menu-channels-interface ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#block-menu-menu-channels-interface li {
  display: inline;
  margin: 0;
}
#block-menu-menu-channels-interface li a {
  display: inline-block;
  background: #C0C0C0;
  float: left;
  margin: 0 2px 0 0;
  font-size: 0.85em;
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
  padding: 4px 8px;
  line-height: 1.75em;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
#block-menu-menu-channels-interface li a:hover {
  background: #a9a9a9;
}
#block-menu-menu-channels-interface li a.active {
  background: #FFF;
  color: #444;
  border: 1px solid #EEE;
  border-width: 1px 1px 0 1px;
}

/*****************
TABLE STYLES
Author:Jason Delmarr;
******************/
#block-quicktabs-channels_interface table,
#channels-hub-category-search table {
  width: 100%;
}

.views-widget .form-item {
  background: transparent;
}

.quicktabs_tabpage td,
.view-channels-hub-news td,
.view-newsroom-archive td,
#channels-hub-category-search td {
  position: relative;
  padding: 1em 0.5em;
}

#content-inner .view-channels-hub-news tr.active td {
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: #eaf5f8;
}
#content-inner .view-channels-hub-news tr.active td ul {
  margin: 0;
}
#content-inner .view-channels-hub-news tr.active td .categories a,
#content-inner .view-channels-hub-news tr.active td a.tags,
#content-inner .view-channels-hub-news tr.active td .tags a {
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  text-decoration: none;
}

.view-channels-hub-news td div.all-day-All .time,
.view-channels-hub-news td div.all-day-All .multi-seperator {
  display: none;
}
.view-channels-hub-news td div.all-day-All .span-many .multi-seperator {
  display: inline-block;
}

.official-0 {
  display: none;
}

.official-1,
.official.mcgill {
  width: 0px;
  height: 0px;
  border-color: red transparent transparent transparent;
  border-style: solid;
  border-width: 10px 10px 0px 0px;
  font-size: 11px;
  color: #FFF;
  text-align: center;
  line-height: 12px;
  font-family: sans-serif;
  margin: -13px 0 4px -6px;
}

.view-channels-hub td {
  padding: 1em 0.5em;
}

.content .view-channels-hub th {
  font-size: 0.85em;
}

.quicktabs_main table a {
  text-decoration: none;
}

/* Date Columns */
.views-field-field-published-date-value,
.views-field-field-channels-event-date-value2,
.views-field-field-channels-event-date-value {
  min-width: 120px;
}

table .custom-multi-date {
  text-align: center;
}

/*Title colum in table*/
.views-field-title a {
  display: inline-block;
}

.views-field-title a.title {
  margin: 0 0 0.5em 0;
}

.views-field-title a.title:hover {
  text-decoration: underline;
}

.views-field-title .tags.show,
.views-field-title .categories.show,
.active .views-field-title .tags,
.active .views-field-title .categories {
  display: block;
  margin: 0.125em 0 0 0;
}

tr.active td {
  background: #f4ffff !important;
}

.views-field-title .tags,
.views-field-title .categories {
  display: none;
}

#content-inner td.views-field-title ul,
.block td.views-field-title ul {
  margin: 0;
}
#content-inner td.views-field-title ul li,
.block td.views-field-title ul li {
  list-style: none;
  display: inline-block;
  margin: 0;
}

.tags a,
a.tags,
a.tags:link {
  margin: 0 0.5em 0.65em 0;
  background: #EEE;
  text-decoration: none;
  padding: 2px 4px;
  font-size: 12px;
  border-radius: 3px;
  font-weight: normal;
}
.tags a:hover,
a.tags:hover,
a.tags:link:hover {
  background: #333;
  color: white;
}

td span.date-display-single {
  font-size: 1em;
}

/* Additional styles for Header */
.view-channels-hub-news .view-filters,
.view-importantdates-search .view-filters {
  float: left;
}
.view-channels-hub-news .view-header,
.view-importantdates-search .view-header {
  float: right;
  margin: 5px 5px 0 0;
}
.view-channels-hub-news .view-empty,
.view-importantdates-search .view-empty {
  clear: both;
}
.view-channels-hub-news input,
.view-importantdates-search input {
  max-width: 190px;
  margin-right: 5px;
}
.view-channels-hub-news input.form-submit,
.view-importantdates-search input.form-submit {
  /*width:55px;*/
}
.view-channels-hub-news span.views-throbbing,
.view-importantdates-search span.views-throbbing {
  float: right;
  height: 25px;
  margin-top: 21px;
}

*:first-child + html .view-channels-hub-news input {
  margin-right: 0px;
}

.block.block-quicktabs .view-header {
  margin-top: 0;
}

/************************
SIDEBAR CONTENT FOR NODES
************************/
.channel-item .channel-item-supp-content {
  margin: -16px 0 0 0;
}
.channel-item .channel-item-supp-content .views-field-field-primary-image-fid,
.channel-item .channel-item-supp-content .views-field-field-bio-image-fid {
  line-height: 0;
  margin: 10px 10px 10px 0;
}
.channel-item .channel-item-supp-content .views-field-field-channels-attach-fid,
.channel-item .channel-item-supp-content .views-field-field-link-url {
  font-size: 0.85em;
}
.channel-item .channel-item-supp-content .views-field-changed {
  font-size: 0.7em;
}
.channel-item .channel-item-supp-content .views-field-field-secondary-images-fid {
  margin: 0 0 0 -11px;
  min-height: 120px;
  position: relative;
  width: 208px;
}
.channel-item .channel-item-supp-content .views-field-field-secondary-images-fid .field-item {
  background: #fff;
  border: 1px #fff solid;
  left: 0;
  position: absolute;
  z-index: 99;
  width: 105px;
  -webkit-transition: all 0.2s;
}
.channel-item .channel-item-supp-content .views-field-field-secondary-images-fid .field-item:hover {
  margin: -2% 0 0 0;
  box-shadow: 1px 1px 5px rgbA(0, 0, 0, 0.3);
  z-index: 100 !important;
}
.channel-item .channel-item-supp-content .views-field-field-secondary-images-fid .field-item img, .channel-item .channel-item-supp-content .views-field-field-secondary-images-fid .field-item a {
  display: block;
  width: 105px;
  height: 105px;
}
.channel-item .channel-item-supp-content label {
  display: block;
  font-weight: bold;
  margin: 1em 0 0 0;
}

#sidebar-column .block .views-field-field-bio-name-value h3 {
  margin: -6px -10px 0px -10px;
}

#sidebar-column .block .views-field-field-bio-value {
  margin: 0px -10px 10px -10px;
  padding: 10px;
}

.channel-item .multi-date {
  display: inline;
}
.channel-item .multi-date span {
  display: inline;
}
.channel-item .source-site {
  margin: 0 0 1em 0;
}

.channelblock .primary-image img,
#content-inner .channels-item-list .channel-item .primary-image img {
  background: #EEE;
  background: rgbA(255, 255, 255, 0.8);
  clear: right;
  float: right;
  padding: 1px;
  margin: 0 0 10px 4px;
  text-align: center;
  color: #000;
  font-size: 1.25em;
  font-style: italic;
  border: 1px solid #aaa;
  box-shadow: 1px 1px 1px rgbA(0, 0, 0, 0.1);
}

#content-inner .channels-item-list .channel-item.channel_event .primary-image img {
  margin: 0 0 1em 1em;
}

#content-inner .channels-item-list .channel-item .primary-image img {
  margin: 0.25em 0 0 1em;
  width: auto;
  float: right;
  max-width: 100%;
  height: auto;
}

/* =TABLES */
table {
  font-size: 13px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  margin: 2em 0;
  border-collapse: collapse;
  width: 100%;
}

table.center {
  margin: 0.25em auto;
  display: table;
}

tbody {
  border: 0;
}

table th,
table td {
  padding: 0.25em 0.75em;
}

th {
  background: #1E1E1E;
  color: #FFF;
  font-size: 0.98em;
  font-family: "McGillSans-Bold", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

th, td {
  padding: 0.25em;
  text-align: left;
  vertical-align: top;
  border: 1px solid #979797;
}

/* zebra strip */
tbody tr:nth-child(odd) {
  background: #F4F4F4;
}

/* hover */
tbody tr:hover {
  background: #F4F4F4;
}

tr.even,
tr.odd {
  background: none;
  border-bottom: 0;
}

.content td,
.content th {
  min-width: 50px;
}

/*
 * Views Tables
 */
th.active {
  background-color: #000;
}

th a:link,
th a:visited,
th a.active {
  color: #FFF;
  /*color:#444;*/
  text-decoration: none;
  /*text-shadow:none;*/
  font-size: 1em;
  font-weight: normal;
}

/*
 * VIEWS
 * TABLES with borders
 */
th.active img {
  margin-left: 7px;
}

thead th {
  border-bottom: 1px solid #FFF;
  padding: 7px 10px;
}

tr.odd th .active,
tr.even th .active {
  background-color: transparent;
}

tr.even .active {
  background-image: none;
  background-color: #F4F4F4;
}

tr.odd .active {
  background-image: none;
  background-color: #F4F4F4;
}

th.active {
  background-color: #1E1E1E !important;
}

.view table {
  clear: both;
}

table.admin {
  background: #F4F4F4;
  padding: 10px;
  border: 1px solid #979797;
}

table.admin td.hed,
table.admin td.noc {
  color: #000;
  font-size: 1.25em;
}

table.webform-grid {
  clear: both;
}

.equal table {
  background: transparent;
}

/*
 *VIEWS TABLE
 */
.views-table {
  font-size: 0.95em;
  width: 100%;
}

.views-table .views-field a.active {
  padding-right: 20px;
  background: url("../images/arrow_sort.png") no-repeat center right;
}

.views-table .views-field.active a.active {
  background: transparent;
  padding-left: 0;
}

.views-table .views-field a.views-throbbing,
.views-table .views-field.active a.active.views-throbbing {
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
  background: url("../images/status-active.gif") no-repeat center right;
}

.views-view-grid {
  width: 100%;
}

/* VIEWS selectors */
.layout table,
.layout td {
  border: 0;
  background: transparent;
}

/* Sortable tables */
table.tablesorter thead tr th::after {
  content: url("../images/arrow_sort.png");
  display: inline-block;
  float: right;
  margin-top: 0.25em;
}

table.tablesorter thead tr th.headerSortUp::after {
  content: url("../images/arrow_up.png");
}

table.tablesorter thead tr th.headerSortDown::after {
  content: url("../images/arrow_down.png");
}

/* Variables for assigning spacing */
@font-face {
  font-family: "McGillSans-Regular";
  src: url("../fonts/McGillSans-Regular.eot");
  src: url("../fonts/McGillSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Regular.woff") format("woff"), url("../fonts/McGillSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Medium";
  src: url("../fonts/McGillSans-Medium.eot");
  src: url("../fonts/McGillSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Medium.woff") format("woff"), url("../fonts/McGillSans-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Bold";
  src: url("../fonts/McGillSans-Bold.eot");
  src: url("../fonts/McGillSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Bold.woff") format("woff"), url("../fonts/McGillSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Italic";
  src: url("../fonts/McGillSans-Italic.eot");
  src: url("../fonts/McGillSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Italic.woff") format("woff"), url("../fonts/McGillSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Regular";
  src: url("../fonts/McGillSerif-Regular.eot");
  src: url("../fonts/McGillSerif-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Regular.woff") format("woff"), url("../fonts/McGillSerif-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Medium";
  src: url("../fonts/McGillSerif-Medium.eot");
  src: url("../fonts/McGillSerif-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Medium.woff") format("woff"), url("../fonts/McGillSerif-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Bold";
  src: url("../fonts/McGillSerif-Bold.eot");
  src: url("../fonts/McGillSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Bold.woff") format("woff"), url("../fonts/McGillSerif-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Italic";
  src: url("../fonts/McGillSerif-Italic.eot");
  src: url("../fonts/McGillSerif-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Italic.woff") format("woff"), url("../fonts/McGillSerif-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*
 * McGill fonts with appropriate font-stacks.
 */
/*
 * Supporting typographic property variables.
 */
/*
 * VIEWS PAGES
 */
.view cite {
  font-size: 0.75em;
}

.view-content .views-field-teaser {
  line-height: 1.1;
}

#content .views-field-title {
  font-size: 1.5em;
  margin: 0 0 0.25em 0;
}

#content .views-table .views-field-title {
  font-size: 1em;
}

.views-exposed-form {
  font-family: "McGillSans-Bold", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 1.8em;
}

.views-exposed-form .form-item {
  padding: 0;
}

.views-exposed-form .views-exposed-widget {
  margin-top: 1em;
}

.teaser-checkbox {
  clear: both;
  /* IE fix for checkbox floating incorrectly */
}

.view-empty {
  padding: 0.5em;
  margin: 0.5em 0 1em 0;
}

/**
 * Simple list display.
 * Add 'simple-list' as a views class.
 * H3 should be used as the title in most cases.
 */
.view.simple-list .views-row {
  color: #000;
  margin: 0 0 1em 0;
  padding: 0 0 1em 0;
  border-bottom: 1px solid #F4F4F4;
}

.view-footer .feed-icon a {
  text-decoration: none;
}

/**
 * Preview display.
 */
.preview {
  position: relative;
  font-size: 0.85em;
  padding: 0.75em 0;
}
.preview .field-name-field-channels-event-date {
  display: inline-block;
  width: 19.2634560907%;
  float: left;
  margin-right: 1.9830028329%;
}
.preview h2 {
  width: 74.5042492918%;
  float: left;
  margin-right: 1.9830028329%;
  display: inline-block;
}

#content .node.preview-container {
  margin: 0.25em 0;
  padding: 0.5em 1em;
  background: #F4F4F4;
}
#content .node.preview-container a.view-more {
  margin-top: 0;
}
#content .node.preview-container .field.field-name-body {
  clear: both;
}
#content .node.preview-container .multi-date.first,
#content .node.preview-container .multi-date.last {
  border-color: #000;
  border: 0;
  color: #000;
}

/*
 * Taxonomy pages
 */
@media (min-width: 680px) {
  .page-taxonomy.no-vert-nav #inner-container {
    margin: 0 auto;
  }
}

/*
 * Taxonomy view block styling.
 */
.view-id-mcgill_taxonomy_term {
  width: 100%;
}
@media (min-width: 680px) {
  .view-id-mcgill_taxonomy_term .views-row {
    width: 32.0113314448%;
    float: left;
    border-top: 4px solid #979797;
    margin-bottom: 1.9830028329%;
  }
  .view-id-mcgill_taxonomy_term .views-row:nth-child(3n+1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .view-id-mcgill_taxonomy_term .views-row:nth-child(3n+2) {
    margin-left: 33.9943342776%;
    margin-right: -100%;
    clear: none;
  }
  .view-id-mcgill_taxonomy_term .views-row:nth-child(3n+3) {
    margin-left: 67.9886685552%;
    margin-right: -100%;
    clear: none;
  }
  .vert-nav.sidebar-second .view-id-mcgill_taxonomy_term .views-row {
    width: 49.0084985836%;
    float: left;
  }
  .vert-nav.sidebar-second .view-id-mcgill_taxonomy_term .views-row:nth-child(2n+1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .vert-nav.sidebar-second .view-id-mcgill_taxonomy_term .views-row:nth-child(2n+2) {
    margin-left: 50.9915014164%;
    margin-right: -100%;
    clear: none;
  }
  #sidebar-column .view-id-mcgill_taxonomy_term .views-row {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

#content .view-id-mcgill_taxonomy_term .node {
  margin: 0;
}

/********************
 * META and TERMS
 *******************/
.meta {
  font-size: 0.85em;
}

.terms-inline .inline li {
  margin: 0 0.25em 0 0;
  padding: 0;
  float: left;
}

.terms-inline,
.submitted {
  clear: both;
}

.terms-inline strong {
  float: left;
}

.terms-inline .inline li a {
  background: #F4F4F4;
  text-decoration: none;
  padding: 2px 4px;
  font-size: 12px;
  border-radius: 3px;
}

.terms-inline .inline li a:hover {
  background: #1E1E1E;
  color: #FFF;
}

/**
 * Tag Styling
 **/
.mcgill-tags {
  display: none;
}

#content-inner .mcgill-tags .field {
  margin: 0;
}

.fa.toggle {
  color: #F4F4F4;
  cursor: pointer;
  cursor: hand;
  float: left;
  margin: 0 6px 0 0;
  line-height: inherit;
}
.fa.toggle:hover {
  color: #000;
}

.field-name-field-tags {
  float: left;
  margin: 0;
}

/***************
 * QUICKTABS
 ***************/
.block.block-quicktabs {
  padding: 0;
}

ul.quicktabs-tabs {
  margin-left: 0;
}

ul.quicktabs-tabs li {
  margin: 0;
}
ul.quicktabs-tabs li a {
  border-color: #F4F4F4;
  margin: 0.25em 0.25em 0.25em 0;
  border-radius: 3px;
  background: #F4F4F4;
  text-decoration: none;
  padding: 0.25em 0.5em;
  display: inline-block;
}

ul.quicktabs-tabs li.first a {
  margin: 0;
}

ul.quicktabs-tabs li.active a {
  background: #1E1E1E;
  color: #FFF;
}

.block.block-quicktabs .view-header {
  margin-top: 1em;
}

.block.block-quicktabs {
  background: none;
}

.quicktabs_main.quicktabs-style-basic,
ul.quicktabs-tabs.quicktabs-style-basic,
ul.quicktabs-tabs.quicktabs-style-basic li.active {
  border-color: #F4F4F4;
}

ul.quicktabs-tabs.quicktabs-style-basic li {
  padding: 2px 10px 2px 10px;
  line-height: 1.5em;
}

ul.quicktabs-tabs.quicktabs-style-basic li.active,
.quicktabs_main.quicktabs-style-basic {
  background-color: #F4F4F4;
}

ul.quicktabs-tabs.quicktabs-style-basic li.active {
  border-bottom: 1px solid #F4F4F4;
}

p.job-title ~ p {
  color: #F4F4F4;
  font-size: 0.84em;
}

/*
 * Profiles
 */
/**
 * Profile node content.
 */
#content {
  /**
   * Profile image.
   */
}
#content .profile-image img,
#content .field-name-field-mprofile-prof-image img {
  border: 2px solid #F4F4F4;
}
@media only screen and (max-width: 680px) {
  #content .profile-image img,
#content .field-name-field-mprofile-prof-image img {
    float: none;
    width: 80%;
    height: auto;
    margin: 0 auto;
    display: block;
  }
}
#content .profile-image.medium img,
#content .field-name-field-mprofile-prof-image img {
  float: right;
  max-width: 25%;
  height: auto;
}
#content .profile-image.fullwidth img,
#content .field-name-field-mprofile-prof-image.fullwidth img {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  display: block;
}

/*
 * Profile Node
 */
.container-m .wrapper {
  padding: 0 0 10px 0;
}

.profile-title {
  float: left;
  width: 72%;
}
.profile-title .field-label-above,
.profile-title .field-label-inline {
  border: 0;
}
@media only screen and (max-width: 680px) {
  .profile-title {
    text-align: center;
    float: none;
    width: auto;
    padding: 0 10px;
  }
}

@media only screen and (max-width: 680px) {
  .profile-name {
    font-size: 0.75em;
    text-align: center;
  }
}

#content .profile-name .field-type-text:first-child {
  margin: 0 0 0.25em 0;
}
#content .profile-name .field-type-text:first-child .field-items {
  margin: 0.125em 0 0.5em 0 !important;
}

.profile-title .field-name-field-mprofile-last-name,
.profile-title .field-name-field-mprofile-middle-name,
.profile-title .field-name-field-mprofile-first-name {
  font-family: "McGillSans-Bold", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #1E1E1E;
  font-size: 2.25em;
}
.profile-title .field-name-field-mprofile-last-name .field-items,
.profile-title .field-name-field-mprofile-middle-name .field-items,
.profile-title .field-name-field-mprofile-first-name .field-items {
  margin: 0.5em 0;
}

/* Contact Box */
.group-contact {
  background: #F4F4F4;
  margin: 20px 0;
}
.group-contact legend {
  float: left;
  margin: 20px 0 0 20px;
  font-family: "McgillSans-Regular", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
}
.group-contact .field {
  flex-basis: calc(100% / 3 - 40px);
  margin: 0 20px;
}
@media only screen and (max-width: 680px) {
  .group-contact .field {
    display: inline-block;
  }
}
.group-contact .fieldset-wrapper {
  width: 100%;
}
@media (min-width: 480px) {
  .group-contact .fieldset-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
}

.field-name-field-mprofile-phone .field-label:before {
  font-family: FontAwesome;
  content: "";
  margin-right: 6px;
}

.field-name-field-mprofile-address .field-label:before {
  font-family: FontAwesome;
  content: "";
  margin-right: 6px;
}

.field-type-email .field-label:before {
  font-family: FontAwesome;
  content: "";
  margin-right: 6px;
}

.field-name-field-mprofile-fax .field-label:before {
  font-family: FontAwesome;
  content: "";
  margin-right: 6px;
}

/* Variables for assigning spacing */
@font-face {
  font-family: "McGillSans-Regular";
  src: url("../fonts/McGillSans-Regular.eot");
  src: url("../fonts/McGillSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Regular.woff") format("woff"), url("../fonts/McGillSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Medium";
  src: url("../fonts/McGillSans-Medium.eot");
  src: url("../fonts/McGillSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Medium.woff") format("woff"), url("../fonts/McGillSans-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Bold";
  src: url("../fonts/McGillSans-Bold.eot");
  src: url("../fonts/McGillSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Bold.woff") format("woff"), url("../fonts/McGillSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Italic";
  src: url("../fonts/McGillSans-Italic.eot");
  src: url("../fonts/McGillSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Italic.woff") format("woff"), url("../fonts/McGillSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Regular";
  src: url("../fonts/McGillSerif-Regular.eot");
  src: url("../fonts/McGillSerif-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Regular.woff") format("woff"), url("../fonts/McGillSerif-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Medium";
  src: url("../fonts/McGillSerif-Medium.eot");
  src: url("../fonts/McGillSerif-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Medium.woff") format("woff"), url("../fonts/McGillSerif-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Bold";
  src: url("../fonts/McGillSerif-Bold.eot");
  src: url("../fonts/McGillSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Bold.woff") format("woff"), url("../fonts/McGillSerif-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Italic";
  src: url("../fonts/McGillSerif-Italic.eot");
  src: url("../fonts/McGillSerif-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Italic.woff") format("woff"), url("../fonts/McGillSerif-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*
 * McGill fonts with appropriate font-stacks.
 */
/*
 * Supporting typographic property variables.
 */
/*
 * SASS @extends.
 */
/*
 * Block menu styling reset.
 */
.block-menu ul.menu,
.block-menu ul.menu li {
  margin: 0;
  padding: 0;
}

.block-menu ul li.expanded,
.block-menu ul li.collapsed,
.block-menu ul li.leaf {
  list-style-image: none;
  list-style: none;
}

a.nolink,
a.nolink:hover {
  text-decoration: none;
}

/*
 * Horizontal Menu.
 */
#navigation,
#navigation * {
  box-sizing: border-box;
}

.d9-header {
  --nav-bg: none;
  --nav-link-color: #000;
  --nav-active-bg: none;
  --nav-active-color: #000;
  --nav-hover-color: #ED1B2FFF;
  --nav-wrapper-hover-color: #FFF;
  --nav-list-hover-border: 2px solid #ED1B2FFF;
  --sf-link-color: #000;
}

#navigation {
  background: var(--nav-bg, #1E1E1E);
  width: 100%;
  border-right: 1px solid #F4F4F4;
  font-size: 13px;
}
@media only screen and (max-width: 680px) {
  #navigation {
    float: left;
  }
}

body:not(.expanded-nav) #navigation .sf-menu {
  height: 42px;
}

#navigation .sf-menu {
  line-height: 1.5;
}
@media only screen and (max-width: 680px) {
  #navigation .sf-menu {
    float: left;
  }
}

#navigation ul.sf-main-menu {
  margin: 0;
}

#navigation .sf-menu h3 {
  text-shadow: none;
}

#navigation .block-superfish,
.region-nav {
  margin: 0;
  padding: 0;
  width: 100%;
}

#navigation > li {
  display: inline;
  margin: 0;
  padding: 0;
}

#navigation .sf-main-menu > li > a {
  display: inline-block;
  padding: 12px 10px;
  height: 42px;
  color: var(--nav-link-color, #FFF);
  text-decoration: none;
  letter-spacing: 0px;
}

ul.sf-main-menu li.active-trail > a,
.sf-menu li > a:focus,
.sf-menu li > a:hover,
.sf-menu li > a:active,
.sf-menu > li:hover > a,
.sf-menu > li.sfHover > a {
  background: var(--nav-active-bg, #000);
  padding: 10px 12px;
  color: var(--nav-active-color, #FFF);
  text-decoration: none;
}

.sf-menu a,
.sf-menu a:visited {
  color: #000;
}

.sf-menu li ul li a:hover {
  color: var(--nav-hover-color, #FFF);
}

/**************
 * Home link
 **************/
#navigation .sf-horizontal > .first a,
#navigation .sf-horizontal > .first a.active,
#navigation .sf-horizontal > .first a:hover {
  font-family: fontawesome;
  font-size: 0;
}
#navigation .sf-horizontal > .first a:before {
  content: "";
  font-size: 16px;
  line-height: 1;
}

#navigation ul li ul li a.nolink,
#navigation ul li ul li a.nolink:hover {
  color: #787165;
  font-size: 0.95em;
}

/***************
 * SF-Megamenu
***************/
.sf-menu .sf-megamenu li a,
.sf-menu .sf-megamenu li a:link,
.sf-menu .sf-megamenu li a:visited,
.sf-menu .sf-megamenu li a:hover,
.sf-menu .sf-megamenu li.active-trail a {
  padding: 4px 0;
  font-size: 0.9em;
  line-height: 1.3;
}

.sf-menu li ul.sf-megamenu,
.sf-menu li ul.sf-megamenu li.sf-megamenu-wrapper,
.sf-menu li ul.sf-megamenu li.sf-megamenu-wrapper ol {
  max-width: 780px;
}

.sf-menu li ul.sf-megamenu li.sf-megamenu-wrapper,
.sf-menu li ul.sf-megamenu li.sf-megamenu-wrapper:hover,
.sf-menu li ul.sf-megamenu li.sf-megamenu-wrapper.sfHover {
  background: var(--nav-wrapper-hover-color, #000);
  padding: 10px 0 10px 10px;
}

.sf-menu li ul.sf-megamenu li ol li {
  background: none;
  border: 0 none;
}

.sf-menu li ul.sf-megamenu li.sf-megamenu-wrapper ol,
.sf-menu li ul.sf-megamenu li.sf-megamenu-wrapper ol li {
  margin: 0;
  padding: 0;
}

.sf-menu ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column > a {
  font-weight: bold;
  padding: 1em;
}

.sf-menu ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column:hover > a {
  color: #000;
}

.sf-menu ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column > a:focus,
.sf-menu ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column > a:hover,
.sf-menu ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column > a:active {
  color: #000;
}

.sf-menu.rtl ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column ol li {
  background-position: right center;
  margin: 0 1em 0 0;
  padding: 0 1em 0 0;
}

.sf-menu li ul.sf-megamenu li.sf-megamenu-wrapper ol li {
  max-width: 13em;
}

.sf-menu ul.sf-megamenu .sf-megamenu-column {
  max-width: 13em;
}

.sf-menu ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
  display: inline;
  float: left;
  max-width: 13em;
  margin-right: 0.45em;
}

.sf-menu.rtl ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
  float: right;
}

.sf-menu li.sf-parent-children-1 ul.sf-megamenu {
  width: 12em;
}

.sf-menu li.sf-parent-children-2 ul.sf-megamenu {
  width: 24em;
}

.sf-menu li.sf-parent-children-3 ul.sf-megamenu {
  width: 36em;
}

.sf-menu li.sf-parent-children-4 ul.sf-megamenu {
  width: 48em;
}

.sf-menu li.sf-parent-children-5 ul.sf-megamenu {
  width: 60em;
}

.sf-menu li.sf-parent-children-6 ul.sf-megamenu {
  width: 72em;
}

.sf-menu li.sf-parent-children-7 ul.sf-megamenu {
  width: 84em;
}

.sf-menu li.sf-parent-children-8 ul.sf-megamenu {
  width: 96em;
}

.sf-menu li.sf-parent-children-9 ul.sf-megamenu {
  width: 108em;
}

.sf-menu li.sf-parent-children-10 ul.sf-megamenu {
  width: 120em;
}

/*****************
 * Superfish
 *****************/
.block-superfish,
.block-superfish .content {
  overflow: visible !important;
  width: 100%;
}

.sf-menu {
  float: left;
  margin: 0;
  padding: 0;
}

.sf-menu a > .sf-sub-indicator {
  top: 1.5em;
  background-image: none;
}

.sf-menu.rtl a > .sf-sub-indicator {
  background-image: none;
}

.sf-menu.sf-vertical a > .sf-sub-indicator {
  top: 1.1em;
}

.sf-menu li li .sf-sub-indicator,
.sf-menu li li a > .sf-sub-indicator {
  top: 1em;
}

.sf-menu ul {
  padding-left: 0;
}

.sf-menu.rtl ul {
  padding-left: auto;
  padding-right: 0;
}

.sf-menu.sf-horizontal li:hover > ul,
.sf-menu.sf-horizontal li.sfHover > ul {
  top: 41px;
}

.sf-menu.sf-horizontal.rtl > li:hover > ul,
.sf-menu.sf-horizontal.rtl > li.sfHover > ul {
  left: auto;
  right: -1px;
}

.sf-menu.sf-horizontal li li:hover > ul,
.sf-menu.sf-horizontal li li.sfHover > ul,
.sf-menu.sf-vertical li:hover > ul,
.sf-menu.sf-vertical li.sfHover > ul,
.sf-menu.sf-navbar li li li:hover > ul,
.sf-menu.sf-navbar li li li.sfHover > ul,
.sf-menu.sf-navbar li li li.active-trail ul {
  top: -1px;
}

.sf-menu.sf-horizontal > li:first-child:hover > ul,
.sf-menu.sf-horizontal > li:first-child.sfHover > ul {
  left: 10px;
}

.sf-menu.sf-horizontal.rtl > li:first-child:hover > ul,
.sf-menu.sf-horizontal.rtl > li:first-child.sfHover > ul {
  left: auto;
  right: 10px;
}

.sf-menu.sf-horizontal li li li:first-child:hover > ul,
.sf-menu.sf-horizontal li li li:first-child.sfHover > ul,
.sf-menu.sf-vertical li:first-child:hover > ul,
.sf-menu.sf-vertical li:first-child.sfHover > ul,
.sf-menu.sf-navbar li li li li:first-child:hover > ul,
.sf-menu.sf-navbar li li li li:first-child.sfHover > ul {
  top: 10px;
}

.sf-menu.sf-navbar > li:hover > ul,
.sf-menu.sf-navbar > li.sfHover > ul,
.sf-menu.sf-navbar > li.active-trail > ul {
  top: 50px;
}

.sf-menu.sf-navbar li li:hover > ul,
.sf-menu.sf-navbar li li.sfHover > ul {
  top: 38px;
}

.sf-menu li:hover,
.sf-menu li.sfHover {
  border-bottom: var(--nav-list-hover-border, #000);
}

/* Superfish Links */
.sf-menu li a,
.sf-menu li a:link,
.sf-menu li a:visited {
  color: var(--sf-link-color, #FFF);
  padding: 1.4em 1.5em;
  text-decoration: none;
}

.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active,
.sf-menu li:hover > a,
.sf-menu li.sfHover > a {
  color: #FFF;
}

.sf-menu li li a,
.sf-menu.sf-vertical a {
  padding: 1em 1.5em;
}

.sf-menu a.sf-with-ul {
  padding-right: 3em;
}

.sf-menu.rtl a.sf-with-ul {
  padding-left: 3em;
  padding-right: 1.5em;
}

.sf-menu span.sf-description {
  color: #000;
  display: block;
  font-size: 0.8em;
  line-height: 1.5;
  margin: 5px 0 0 5px;
  padding: 0;
}

/* First and Last Child */
.sf-menu.sf-horizontal > li:first-child,
.sf-menu.sf-navbar > li:first-child,
.sf-menu.sf-navbar > li.firstandlast {
  border-left-color: #F4F4F4;
}

.sf-menu.sf-horizontal.rtl > li:first-child,
.sf-menu.sf-navbar.rtl > li:first-child {
  border-left-color: #ffffff;
}

.sf-menu.sf-horizontal.rtl > li:last-child,
.sf-menu.sf-navbar.rtl > li:last-child {
  border-left-color: #F4F4F4;
}

.sf-menu.sf-navbar li > ul > li {
  border: 0 none;
  border-bottom: 1px solid #F4F4F4;
}

.sf-menu.sf-navbar li > ul > li:first-child,
.sf-menu.sf-navbar li > ul > li.firstandlast,
.sf-menu.sf-navbar.rtl li > ul > li:last-child {
  border-left: 1px solid #F4F4F4;
}

.sf-menu.sf-navbar li > ul > li:last-child,
.sf-menu.sf-navbar li > ul > li.firstandlast,
.sf-menu.sf-navbar.rtl li > ul > li:first-child {
  border-right: 1px solid #F4F4F4;
}

.sf-menu.sf-vertical li:first-child,
.sf-menu.sf-horizontal li li li:first-child,
.sf-menu.sf-navbar li li li li:first-child,
.sf-menu li ul.sf-megamenu li.sf-megamenu-wrapper {
  border-top-color: #F4F4F4;
}

/*
 * Mobile Menu Accordion
 */
.mb #block-superfish-1 {
  width: 100%;
  padding: 0;
}

.mb ul.sf-menu.sf-accordion.sf-expanded {
  font-family: "McgillSans-Regular", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #F4F4F4;
}

ul.sf-menu.sf-accordion,
ul.sf-menu.sf-accordion ul,
ul.sf-menu.sf-accordion li {
  width: 100%;
}

ul.sf-menu.sf-accordion li a {
  background: #F4F4F4;
  color: #1E1E1E;
  padding: 12px 9px;
}

ul.sf-menu.sf-accordion .sf-depth-2 > a {
  background: #1E1E1E;
  color: #FFF;
}

ul.sf-menu.sf-accordion .sf-depth-3 > a {
  background: #000;
  color: #FFF;
}

div.sf-accordion-toggle {
  height: 1.6em;
  width: 1.6em;
  font-family: fontawesome;
  position: absolute;
  right: 6px;
  top: 6px;
}
div.sf-accordion-toggle a {
  font-size: 1.65em;
  color: #000;
  text-decoration: none;
  line-height: 1;
}
div.sf-accordion-toggle a.sf-expanded:before {
  font-family: fontawesome;
  content: "";
}
div.sf-accordion-toggle a:before {
  font-family: fontawesome;
  content: "";
}

.sf-menu.sf-accordion li {
  border-top: 1px solid #F4F4F4;
  border-bottom: 1px solid #B8B8B8;
}
.sf-menu.sf-accordion li.first {
  border-top: 0;
}
.sf-menu.sf-accordion li.last {
  border-bottom: 0;
}

ul.sf-menu.sf-accordion li li {
  float: right;
  margin-left: 3.9%;
  width: 98%;
}

.sf-menu.sf-accordion li:hover {
  background: #F4F4F4;
}

.sf-menu.sf-accordion li ul {
  margin: 10px 0;
}

.sf-menu.sf-accordion li a.sf-accordion-button {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 499;
}

.sf-menu.sf-accordion li.sf-expanded > a.sf-accordion-button {
  color: #000;
}

/* Overwrites border-radius from superfish.css*/
#navigation .sf-menu ul {
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

/*
 * Mobile medium
 */
@media only screen and (max-width: 680px) {
  #navigation .block-superfish {
    display: none;
  }

  #header-inner > #strap-search {
    display: none;
  }

  #superfish-1-accordion #strap {
    display: block;
  }

  body > #block-superfish-1 {
    display: block;
  }
}
body > #block-superfish-1 #superfish-1 {
  display: none !important;
}

/*
 * Vertical navigation.
 *
 */
.mb #nav-column > ul.menu {
  background: #000;
  margin: 0 10px;
}
.mb #nav-column > ul.menu .btn-nav {
  display: block;
}

@media only screen and (max-width: 680px) {
  #nav-column {
    z-index: 9999;
    transition: top 0.2s ease-in-out;
    width: 100%;
  }
  #nav-column.fixed {
    position: fixed;
    width: 100%;
  }
  #nav-column.nav-up {
    top: -40px;
    position: relative;
  }
  #nav-column.nav-down {
    top: 0;
  }
}

#nav-menu {
  display: block;
  width: 100%;
  text-align: center;
}
@media (min-width: 680px) {
  #nav-menu {
    display: none;
  }
}
#nav-menu a.btn-nav,
#nav-menu a.btn-nav:link,
#nav-menu a.btn-nav:hover,
#nav-menu a.btn-nav:visited {
  background: #000;
  color: #FFF;
  margin: 0 10px;
  text-transform: uppercase;
  text-align: center;
  font-size: 0.85em;
}

#nav-column > ul,
#nav-column > div > ul {
  font-size: 0.65em;
  margin: 0;
  padding: 0;
  border: 0;
}
@media only screen and (max-width: 680px) {
  #nav-column > ul,
#nav-column > div > ul {
    padding-left: 1em;
    padding-right: 1em;
  }
}
#nav-column > ul ul,
#nav-column > div > ul ul {
  margin: 0 0 0 1.125em;
  border-top: 1px dotted #000;
  padding: 0;
}
#nav-column > ul ul a:link,
#nav-column > ul ul a:visited,
#nav-column > div > ul ul a:link,
#nav-column > div > ul ul a:visited {
  font-size: 1.15em;
  padding: 0.75em 0;
  letter-spacing: 0.5px;
}
#nav-column > ul li.expanded ul ul,
#nav-column > div > ul li.expanded ul ul {
  padding: 0 0.25em;
}
#nav-column > ul li.expanded ul ul li,
#nav-column > div > ul li.expanded ul ul li {
  border-bottom: 1px solid #FFF;
}
#nav-column > ul li.expanded ul ul a:link,
#nav-column > ul li.expanded ul ul a:visited,
#nav-column > div > ul li.expanded ul ul a:link,
#nav-column > div > ul li.expanded ul ul a:visited {
  padding: 0.55em 0;
}
#nav-column > ul ul ul ul,
#nav-column > div > ul ul ul ul {
  margin: 0;
}
#nav-column > ul ul ul ul a:link,
#nav-column > ul ul ul ul a:visited,
#nav-column > div > ul ul ul ul a:link,
#nav-column > div > ul ul ul ul a:visited {
  font-size: 1.025em;
  letter-spacing: normal;
  padding: 0.45em 0;
}

/*
 * Vertical menu list item styling.
 */
#nav-column li {
  border-bottom: 1px dotted #979797;
  padding: 0;
  margin: 0;
  list-style: none;
}
#nav-column li.last {
  border-bottom: none !important;
}

/*
 * Menu link styling.
 */
#nav-column a,
#nav-column a:link,
#nav-column a:visited {
  display: block;
  font-size: 1.25em;
  margin: 0;
  padding: 0.75em 0;
  text-transform: none;
  text-decoration: none;
  line-height: 1.5;
  color: #FFF;
}
@media (min-width: 680px) {
  #nav-column a,
#nav-column a:link,
#nav-column a:visited {
    color: #000;
  }
}
#nav-column a.active-trail,
#nav-column a:link.active-trail,
#nav-column a:visited.active-trail {
  color: #000;
}
#nav-column a.active-trail.active,
#nav-column a:link.active-trail.active,
#nav-column a:visited.active-trail.active {
  font-family: "McGillSans-Bold", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  background: #F4F4F4;
  padding-left: 0.45em;
}
#nav-column a.nav-select,
#nav-column a:link.nav-select,
#nav-column a:visited.nav-select {
  color: #000;
  font-family: "McGillSans-Bold", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#nav-column a:hover,
#nav-column .menu a:hover {
  color: #9E0918;
}

/*
 * Sectional Distinction when using Dropdowns on Horizontal Menu
 */
.section-site #nav-column .home-section a,
.section-site #nav-column .home-section a.active {
  background: #ED1B2F;
  color: #FFF;
  padding: 0.5em;
}
.section-site #nav-column .home-section a:before,
.section-site #nav-column .home-section a.active:before {
  display: none;
}
.section-site #nav-column .home-section a:hover,
.section-site #nav-column .home-section a.active:hover {
  background: #b8231c;
}

.mejs-container {
  clear: both;
}

iframe.media-youtube-player,
.media-youtube-video {
  max-width: 100%;
}

iframe.media-youtube-player,
.mejs-video {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.me-cannotplay span {
  display: inline-block;
}

/* Variables for assigning spacing */
@font-face {
  font-family: "McGillSans-Regular";
  src: url("../fonts/McGillSans-Regular.eot");
  src: url("../fonts/McGillSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Regular.woff") format("woff"), url("../fonts/McGillSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Medium";
  src: url("../fonts/McGillSans-Medium.eot");
  src: url("../fonts/McGillSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Medium.woff") format("woff"), url("../fonts/McGillSans-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Bold";
  src: url("../fonts/McGillSans-Bold.eot");
  src: url("../fonts/McGillSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Bold.woff") format("woff"), url("../fonts/McGillSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Italic";
  src: url("../fonts/McGillSans-Italic.eot");
  src: url("../fonts/McGillSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Italic.woff") format("woff"), url("../fonts/McGillSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Regular";
  src: url("../fonts/McGillSerif-Regular.eot");
  src: url("../fonts/McGillSerif-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Regular.woff") format("woff"), url("../fonts/McGillSerif-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Medium";
  src: url("../fonts/McGillSerif-Medium.eot");
  src: url("../fonts/McGillSerif-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Medium.woff") format("woff"), url("../fonts/McGillSerif-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Bold";
  src: url("../fonts/McGillSerif-Bold.eot");
  src: url("../fonts/McGillSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Bold.woff") format("woff"), url("../fonts/McGillSerif-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Italic";
  src: url("../fonts/McGillSerif-Italic.eot");
  src: url("../fonts/McGillSerif-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Italic.woff") format("woff"), url("../fonts/McGillSerif-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*
 * McGill fonts with appropriate font-stacks.
 */
/*
 * Supporting typographic property variables.
 */
/*
 * Twitter
 */
.block-bean-twitter-pull .block-inner, .block-bean-twitter .block-inner {
  padding: 1em 12px;
}

#sidebar-column .block-bean-twitter-pull .block-inner, #sidebar-column .block-bean-twitter .block-inner {
  padding: 0;
}

.block ul.tweets-pulled-listing {
  margin: 0;
  font-family: "McgillSans-Regular", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8em;
  line-height: 1.3;
}
#sidebar-column .block ul.tweets-pulled-listing {
  margin: 0;
}
.block ul.tweets-pulled-listing li {
  border: 1px solid #979797;
  padding: 10px;
  border-radius: 3px;
}
.block ul.tweets-pulled-listing a:link, .block ul.tweets-pulled-listing a:visited {
  color: #F4F4F4;
}
.block ul.tweets-pulled-listing .tweet-author a:link,
.block ul.tweets-pulled-listing .tweet-author a:visited,
.block ul.tweets-pulled-listing .tweet-text a {
  color: #000;
  text-decoration: none;
}
.block ul.tweets-pulled-listing .tweet-author a:link:hover,
.block ul.tweets-pulled-listing .tweet-author a:visited:hover,
.block ul.tweets-pulled-listing .tweet-text a:hover {
  text-decoration: underline;
}

.tweet-screenname a {
  text-decoration: none;
  font-size: 0.95em;
}

.twitter-follow-button {
  display: none;
}

.tweet-actions {
  font-family: FontAwesome;
  line-height: 0;
  margin-left: 1em;
}
.tweet-actions a:link, .tweet-actions a:visited {
  text-decoration: none;
  visibility: hidden;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.tweet-actions a:link i.fa, .tweet-actions a:visited i.fa {
  visibility: visible;
  font-size: 14px;
  opacity: 0.5;
}
.tweet-actions a:link i.fa:hover, .tweet-actions a:visited i.fa:hover {
  opacity: 1;
}

.tweet-divider {
  display: none;
}

.tweet-text {
  margin: 0.5em 0;
}

/*
 * Twitter widget compliant styling.
 */
.twitter-widget {
  text-align: center;
}

/*
 * McGill Follow
 */
:root {
  --icon-bluesky: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="24.7692" height="28" viewBox="0 0 24 24"><path d="M18.231,3.618c-2.312,1.736-4.785,5.107-5.948,7.244c-0.123,0.226-0.444,0.226-0.567,0c-1.163-2.137-3.636-5.508-5.948-7.244C3.949,2.252,1,1.195,1,4.559c0,0.672,0.385,5.643,0.611,6.451c0.606,2.169,2.454,3.089,4.437,3.195c0.19,0.01,0.222,0.261,0.043,0.324c-2.988,1.048-3.518,3.196-1.424,5.344c3.826,3.894,5.814,0.647,6.733-1.514c0.224-0.525,0.977-0.525,1.2,0c0.92,2.161,2.907,5.408,6.733,1.514c2.093-2.148,1.564-4.296-1.424-5.344c-0.179-0.063-0.146-0.313,0.043-0.324c1.983-0.106,3.83-1.026,4.437-3.195C22.615,10.203,23,5.231,23,4.559C23,1.195,20.051,2.252,18.231,3.618z"></path></svg>');
  --icon-threads: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="23" aria-label="Threads" viewBox="0 0 192 192"><path class="x19hqcy" d="M141.537 88.9883C140.71 88.5919 139.87 88.2104 139.019 87.8451C137.537 60.5382 122.616 44.905 97.5619 44.745C97.4484 44.7443 97.3355 44.7443 97.222 44.7443C82.2364 44.7443 69.7731 51.1409 62.102 62.7807L75.881 72.2328C81.6116 63.5383 90.6052 61.6848 97.2286 61.6848C97.3051 61.6848 97.3819 61.6848 97.4576 61.6855C105.707 61.7381 111.932 64.1366 115.961 68.814C118.893 72.2193 120.854 76.925 121.825 82.8638C114.511 81.6207 106.601 81.2385 98.145 81.7233C74.3247 83.0954 59.0111 96.9879 60.0396 116.292C60.5615 126.084 65.4397 134.508 73.775 140.011C80.8224 144.663 89.899 146.938 99.3323 146.423C111.79 145.74 121.563 140.987 128.381 132.296C133.559 125.696 136.834 117.143 138.28 106.366C144.217 109.949 148.617 114.664 151.047 120.332C155.179 129.967 155.42 145.8 142.501 158.708C131.182 170.016 117.576 174.908 97.0135 175.059C74.2042 174.89 56.9538 167.575 45.7381 153.317C35.2355 139.966 29.8077 120.682 29.6052 96C29.8077 71.3178 35.2355 52.0336 45.7381 38.6827C56.9538 24.4249 74.2039 17.11 97.0132 16.9405C119.988 17.1113 137.539 24.4614 149.184 38.788C154.894 45.8136 159.199 54.6488 162.037 64.9503L178.184 60.6422C174.744 47.9622 169.331 37.0357 161.965 27.974C147.036 9.60668 125.202 0.195148 97.0695 0H96.9569C68.8816 0.19447 47.2921 9.6418 32.7883 28.0793C19.8819 44.4864 13.2244 67.3157 13.0007 95.9325L13 96L13.0007 96.0675C13.2244 124.684 19.8819 147.514 32.7883 163.921C47.2921 182.358 68.8816 191.806 96.9569 192H97.0695C122.03 191.827 139.624 185.292 154.118 170.811C173.081 151.866 172.51 128.119 166.26 113.541C161.776 103.087 153.227 94.5962 141.537 88.9883ZM98.4405 129.507C88.0005 130.095 77.1544 125.409 76.6196 115.372C76.2232 107.93 81.9158 99.626 99.0812 98.6368C101.047 98.5234 102.976 98.468 104.871 98.468C111.106 98.468 116.939 99.0737 122.242 100.233C120.264 124.935 108.662 128.946 98.4405 129.507Z"/></svg>');
}

.follow-link-wrapper {
  display: inline-block;
  margin: 0 4px 4px 0;
  width: 27px;
  height: 24px;
  line-height: 1;
}
.follow-link-wrapper.follow-link-wrapper-more {
  width: auto;
}
.follow-link-wrapper.follow-link-wrapper-bluesky, .follow-link-wrapper.follow-link-wrapper-threads {
  position: relative;
}

a.follow-link,
a.follow-link:link,
a.follow-link:visited,
a.follow-link:hover {
  font-family: fontawesome;
  display: block;
  color: #000;
  opacity: 0.9;
  text-decoration: none;
  /*removes text for fontawesome icons*/
  -webkit-text-size-adjust: none;
  font-size: 0px;
  width: 27px;
  height: 24px;
  *letter-spacing: 0px;
  *font-size: 1em;
}
a.follow-link.follow-link-more,
a.follow-link:link.follow-link-more,
a.follow-link:visited.follow-link-more,
a.follow-link:hover.follow-link-more {
  font-family: "McgillSans-Regular", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: inherit;
  letter-spacing: inherit;
  width: auto;
  height: 24px;
  background: #000;
  border-radius: 3px;
  color: #FFF;
  padding: 0.0125em 0.5em;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  top: 0.45em;
}
a.follow-link.follow-link-bluesky,
a.follow-link:link.follow-link-bluesky,
a.follow-link:visited.follow-link-bluesky,
a.follow-link:hover.follow-link-bluesky {
  position: absolute;
  top: 5px;
}
a.follow-link.follow-link-threads,
a.follow-link:link.follow-link-threads,
a.follow-link:visited.follow-link-threads,
a.follow-link:hover.follow-link-threads {
  position: absolute;
  top: 7px;
}

a.follow-link:hover {
  opacity: 1;
}

a.follow-link:after {
  font-size: 26px;
}
a.follow-link.follow-link-this-site:after {
  content: "";
}
a.follow-link.follow-link-facebook:after {
  content: "";
}
a.follow-link.follow-link-googleplus:after {
  content: "";
}
a.follow-link.follow-link-twitter:after {
  content: "𝕏";
}
a.follow-link.follow-link-youtube:after {
  content: "";
}
a.follow-link.follow-link-flickr:after {
  content: "";
}
a.follow-link.follow-link-linkedin:after {
  content: "";
}
a.follow-link.follow-link-tumblr:after {
  content: "";
}
a.follow-link.follow-link-vimeo:after {
  content: "";
}
a.follow-link.follow-link-instagram:after {
  content: "";
}
a.follow-link.follow-link-mcgill-blogs:after {
  font-family: mcgill-extra-icons-font;
  content: "";
}
a.follow-link.follow-link-tenthousandcoffees:after {
  font-family: mcgill-extra-icons-font;
  font-size: 22.5px;
  content: "";
}
a.follow-link.follow-link-bluesky:after {
  font-size: 22.5px;
  content: var(--icon-bluesky);
}
a.follow-link.follow-link-threads:after {
  font-size: 22.5px;
  content: var(--icon-threads);
}

/********************
 * BLOCK STYLES
 *******************/
/*doc
---
title: Blocks
name: block
category: Base
---

Blocks can be applied to list.

```html_example
<div class="block">
<h3>Title of Block</h3>
<ul>
<li class="active"><a href="#">active tab</a></li>
<li><a href="#">All McGill</a></li>
</ul>

</div>
```
*/
.block {
  background-color: transparent;
  box-sizing: border-box;
  clear: both;
  padding: 10px 0;
  float: left;
  width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.block ul, .block ol {
  padding: 0;
  margin: 0.25em 0 0.25em 2em;
  list-style-position: outside;
}
.block p {
  margin-bottom: 0;
}

@media only screen and (max-width: 680px) {
  .block .content {
    padding: 0 5px;
  }

  .block.block-bean-mcgill-call-to-action .content {
    padding: 0;
  }
}
/*
 * Standard block. pretty vanilla.
 */
.block-bean-mcgill-block .block-inner {
  padding: 1em 12px;
}
#sidebar-column .block-bean-mcgill-block .block-inner {
  padding: 0;
}

/*
 * View mode styles for blocks.
 */
.block-bean.mode-full {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
  float: none;
}
.block-bean.mode-full:after {
  content: " ";
  display: block;
  clear: both;
}

.block-bean.mode-half {
  width: 49.0084985836%;
  float: left;
  margin-right: 1.9830028329%;
  clear: none;
  margin-right: 1.9830028329%;
}
@media only screen and (max-width: 480px) {
  .block-bean.mode-half {
    position: relative;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    bottom: 0;
    left: 0;
  }
}

.block-bean.mode-third {
  width: 32.0113314448%;
  float: left;
  margin-right: 1.9830028329%;
  clear: none;
  margin-right: 1.9830028329%;
}
@media only screen and (max-width: 680px) {
  .block-bean.mode-third {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

/*
 * Full width image handling for bean template.
 */
.block-bean .field-name-field-m-image-info img {
  width: 100% !important;
  height: auto;
}

.block-bean img {
  max-width: 100%;
  height: auto;
}

.block-bean p img {
  margin: 0;
}

.block.block-bean {
  padding: 0;
  margin-bottom: 4.0462427746%;
}
.block.block-bean .field-label {
  font-family: "McGillSans-Bold", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.95em;
  font-weight: normal;
  color: #1E1E1E;
  margin-top: 0;
}

#sidebar-column .block-bean,
#sidebar-column .block-bean.mode-full,
#sidebar-column .block-bean.mode-half,
#sidebar-column .block-bean.mode-third {
  margin-bottom: 0;
}
#sidebar-column .block-bean .field-wrapper,
#sidebar-column .block-bean.mode-full .field-wrapper,
#sidebar-column .block-bean.mode-half .field-wrapper,
#sidebar-column .block-bean.mode-third .field-wrapper {
  width: 100%;
  left: 0;
  bottom: 0;
}

/*
 * Sidebar handling for all blocks.
 */
#sidebar-column .block {
  border-bottom: 1px solid #979797;
  box-sizing: border-box;
  clear: both;
  float: left;
  /*removes the overlap*/
  padding: 12px 10px 12px 10px;
  width: 100%;
}
@media only screen and (max-width: 680px) {
  #sidebar-column .block {
    padding: 16px 0;
  }
}
#sidebar-column .block ul, #sidebar-column .block ol {
  padding: 0;
  margin: 0.25em 0 0.25em 1em;
  list-style-position: outside;
}
#sidebar-column .block .item-list {
  clear: both;
}
#sidebar-column .block .item-list ul, #sidebar-column .block .item-list ol {
  margin: 0.25em 0 0 0;
}
#sidebar-column .block .pager {
  margin: 0;
  display: block;
  clear: both;
  width: 100%;
  font-size: 0.85em;
}
#sidebar-column .block .pager li {
  margin: 0;
}
#sidebar-column .block img {
  max-width: 100%;
  width: auto;
  height: auto !important;
}
#sidebar-column .block .block-inner > h3,
#sidebar-column .block .block-inner > h2 {
  background: #F4F4F4;
  color: #000;
  margin: -12px -10px 10px -10px;
  padding: 16px 10px;
  font-size: 1em;
  clear: both;
}
@media only screen and (max-width: 680px) {
  #sidebar-column .block .block-inner > h3,
#sidebar-column .block .block-inner > h2 {
    margin: 0 0 1em 0;
    width: auto;
  }
}

/*
 *  Google One box blocks.
 */
.google-appliance-onebox-module {
  font-family: "McgillSans-Regular", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #F4F4F4;
  margin-bottom: 6.1946902655%;
}
.google-appliance-onebox-module .item-list {
  font-size: 0.85em;
}
.google-appliance-onebox-module .item-list li {
  margin-left: 1em;
}

/* Variables for assigning spacing */
@font-face {
  font-family: "McGillSans-Regular";
  src: url("../fonts/McGillSans-Regular.eot");
  src: url("../fonts/McGillSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Regular.woff") format("woff"), url("../fonts/McGillSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Medium";
  src: url("../fonts/McGillSans-Medium.eot");
  src: url("../fonts/McGillSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Medium.woff") format("woff"), url("../fonts/McGillSans-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Bold";
  src: url("../fonts/McGillSans-Bold.eot");
  src: url("../fonts/McGillSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Bold.woff") format("woff"), url("../fonts/McGillSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Italic";
  src: url("../fonts/McGillSans-Italic.eot");
  src: url("../fonts/McGillSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Italic.woff") format("woff"), url("../fonts/McGillSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Regular";
  src: url("../fonts/McGillSerif-Regular.eot");
  src: url("../fonts/McGillSerif-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Regular.woff") format("woff"), url("../fonts/McGillSerif-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Medium";
  src: url("../fonts/McGillSerif-Medium.eot");
  src: url("../fonts/McGillSerif-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Medium.woff") format("woff"), url("../fonts/McGillSerif-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Bold";
  src: url("../fonts/McGillSerif-Bold.eot");
  src: url("../fonts/McGillSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Bold.woff") format("woff"), url("../fonts/McGillSerif-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Italic";
  src: url("../fonts/McGillSerif-Italic.eot");
  src: url("../fonts/McGillSerif-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Italic.woff") format("woff"), url("../fonts/McGillSerif-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*
 * McGill fonts with appropriate font-stacks.
 */
/*
 * Supporting typographic property variables.
 */
/*
 * Post Card block.
 */
.block-bean-mcgill-post-card {
  box-sizing: border-box;
  border: 0 1px 0 0;
  /*
   * View mode considerations.
   */
}
.block-bean-mcgill-post-card .inner-wrapper > .field {
  margin: 0.5em 0;
}
.block-bean-mcgill-post-card .inner-wrapper > .field.field-name-field-m-image-info {
  margin-bottom: 1em;
}
.block-bean-mcgill-post-card ul,
.block-bean-mcgill-post-card .field.field-name-field-m-block-link .field-items {
  font-size: 1em;
  list-style: none;
}
.block-bean-mcgill-post-card ul a,
.block-bean-mcgill-post-card .field.field-name-field-m-block-link .field-items a {
  color: #000;
}
.block-bean-mcgill-post-card > .content {
  margin: 10px;
}
.block-bean-mcgill-post-card > h3 {
  padding: 0;
}
.block-bean-mcgill-post-card .field.field-name-field-m-block-link {
  margin: 0 0 0.5em 0;
}
.block-bean-mcgill-post-card .field.field-name-field-m-block-link .field-items {
  margin: 0 0 1em 0;
}
.block-bean-mcgill-post-card .field.field-name-field-m-block-link a {
  margin: 0.45em 0 0.45em 0;
  line-height: 1.3;
  list-style: none;
  display: list-item;
  padding-left: 1em;
  position: relative;
}
.block-bean-mcgill-post-card .field.field-name-field-m-block-link a:before {
  content: "";
  font-family: fontawesome;
  font-size: 0.75em;
  margin-right: 0.5em;
  margin-left: 0.5em;
  position: absolute;
  left: 0;
}
.block-bean-mcgill-post-card .field.field-name-field-m-block-file {
  padding: 8.4337349398% 0;
  margin: 0.5em 0 0 0;
  border-top: 1px dashed #F4F4F4;
}
.block-bean-mcgill-post-card .field.field-name-field-m-block-file a:link {
  text-decoration: none;
}
.block-bean-mcgill-post-card.mode-half h3 {
  font-size: 1.75em;
}
.block-bean-mcgill-post-card.mode-third h3 {
  font-size: 1.45em;
}
.block-bean-mcgill-post-card.mode-full {
  background: transparent;
  font-size: 1em;
}
.block-bean-mcgill-post-card.mode-full .container-content {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.block-bean-mcgill-post-card.mode-full .container-content.image {
  width: 40.5099150142%;
  float: left;
  margin-right: 1.9830028329%;
}
@media only screen and (max-width: 680px) {
  .block-bean-mcgill-post-card.mode-full .container-content.image {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 680px) {
  .block-bean-mcgill-post-card.mode-full .container-content {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.block-bean-mcgill-post-card.mode-full .container-image {
  width: 57.507082153%;
  float: left;
  margin-right: 1.9830028329%;
  float: right;
  margin-right: 0;
}
@media only screen and (max-width: 680px) {
  .block-bean-mcgill-post-card.mode-full .container-image {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 4.0462427746%;
  }
}
.block-bean-mcgill-post-card.mode-full h2,
.block-bean-mcgill-post-card.mode-full .block-inner > h3,
.block-bean-mcgill-post-card.mode-full .block-inner > h2 {
  font-size: 1.95em;
  margin-top: 0;
  font-family: "McGillSans-Bold", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.block-bean-mcgill-post-card.mode-full .field-name-field-m-block-body {
  color: #000;
  padding: 0 2em 0 0;
}
.block-bean-mcgill-post-card.mode-full .entity.bean-mcgill-post-card.clearfix {
  width: 100%;
  clear: none;
}
.block-bean-mcgill-post-card.mode-full .field-name-field-m-image-info {
  margin: 0;
}
.block-bean-mcgill-post-card.mode-full ul,
.block-bean-mcgill-post-card.mode-full .field.field-name-field-m-block-link a {
  margin-left: 0;
}
.block-bean-mcgill-post-card.mode-full .field-name-field-m-block-link {
  border: 0;
  margin: 1em 0;
}
@media only screen and (max-width: 680px) {
  .block-bean-mcgill-post-card.mode-full .field-name-field-m-block-link {
    position: relative;
    width: 100%;
    bottom: 0;
    left: 0;
  }
}

/*
 * Side bar considerations.
 */
#sidebar-column .block-bean-mcgill-post-card.mode-third,
#sidebar-column .block-bean-mcgill-post-card.mode-half,
#sidebar-column .block-bean-mcgill-post-card.mode-full,
.vert-nav.sidebar-second #sidebar-column .block-bean-mcgill-post-card.mode-third,
.vert-nav.sidebar-second #sidebar-column .block-bean-mcgill-post-card.mode-half,
.vert-nav.sidebar-second #sidebar-column .block-bean-mcgill-post-card.mode-full {
  width: 100%;
  font-size: 1em;
}
#sidebar-column .field-name-field-m-block-body,
.vert-nav.sidebar-second #sidebar-column .field-name-field-m-block-body {
  border: 0;
  padding: 0;
}
#sidebar-column .field-name-field-m-block-link,
#sidebar-column .field-name-field-m-block-file,
.vert-nav.sidebar-second #sidebar-column .field-name-field-m-block-link,
.vert-nav.sidebar-second #sidebar-column .field-name-field-m-block-file {
  width: 100%;
  float: left;
}
#sidebar-column .bean-mcgill-post-card .container-image,
#sidebar-column .bean-mcgill-post-card .container-content,
.vert-nav.sidebar-second #sidebar-column .bean-mcgill-post-card .container-image,
.vert-nav.sidebar-second #sidebar-column .bean-mcgill-post-card .container-content {
  width: 100%;
}

/* -----------------------------*/
/*
 * CTA block styling when placed in the sidebar.
 */
.vert-nav.sidebar-second #sidebar-column .block-bean-mcgill-call-to-action p:first-of-type {
  margin-top: 0;
}

/*
 * Highlighted Region Call-to-actions.
 */
@media (min-width: 960px) {
  .js #highlighted .cta-dynamic-wrapper {
    max-width: 15.0141643059%;
    position: fixed;
    right: 0;
    margin-top: -0.5em;
    z-index: 9999;
  }
}
.js #highlighted .cta-dynamic-wrapper .block-bean-mcgill-call-to-action.mode-enhanced {
  margin-bottom: 1em;
  transition-timing-function: ease-in;
  transition: 0.3s;
}
.js #highlighted .cta-dynamic-wrapper .block-bean-mcgill-call-to-action.mode-enhanced .block-inner {
  padding: 1.4em 1.4em 2.1em 1.4em;
}
.js #highlighted .cta-dynamic-wrapper .block-bean-mcgill-call-to-action.mode-enhanced .inner-wrapper {
  margin: 0;
}
.js #highlighted .cta-dynamic-wrapper .block-bean-mcgill-call-to-action.mode-enhanced i.toggle {
  visibility: hidden;
}
@media (min-width: 960px) {
  .js #highlighted .cta-dynamic-wrapper .block-bean-mcgill-call-to-action.mode-enhanced {
    position: relative;
    right: 0;
    margin-bottom: 0.5em;
    width: 100%;
  }
  .js #highlighted .cta-dynamic-wrapper .block-bean-mcgill-call-to-action.mode-enhanced i.toggle {
    visibility: visible;
    color: #FFF;
    opacity: 1;
    position: absolute;
    bottom: 0.25em;
    left: 0.5em;
  }
  .js #highlighted .cta-dynamic-wrapper .block-bean-mcgill-call-to-action.mode-enhanced i.toggle:hover {
    opacity: 0.6;
  }
}
.js #highlighted .cta-dynamic-wrapper .block-bean-mcgill-call-to-action.mode-enhanced.hidden {
  transform: translateX(88%);
}

/*
 * Banner block
 * Background image with overlay text.
 * TODO fix .field-items globally - makes it less general
 */
.block-bean-mcgill-banner {
  position: relative;
  padding: 0;
  margin: 0 0 1em 0;
}
.block-bean-mcgill-banner .field-name-field-m-block-body .field-items {
  margin: 0.65em 0;
}
.block-bean-mcgill-banner .field-name-field-m-block-link .field-item {
  margin: 0 0.5em 1em 0;
  display: inline-block;
}
.block-bean-mcgill-banner .field-wrapper h1 {
  color: #FFF !important;
  padding: 0.25em 0;
}
.block-bean-mcgill-banner .field-wrapper h2 {
  color: #FFF !important;
  padding: 0.25em 0;
}
.block-bean-mcgill-banner .field-wrapper h3 {
  color: #FFF !important;
  padding: 0.25em 0;
}
.block-bean-mcgill-banner .field-wrapper h4 {
  color: #FFF !important;
  padding: 0.25em 0;
}
.block-bean-mcgill-banner .field-wrapper h5, .block-bean-mcgill-banner .field-wrapper .mds-accordion > summary {
  color: #FFF !important;
  padding: 0.25em 0;
}
.block-bean-mcgill-banner .field-wrapper h6 {
  color: #FFF !important;
  padding: 0.25em 0;
}
.block-bean-mcgill-banner a:link,
.block-bean-mcgill-banner a:visited {
  color: #FFF;
}
.block-bean-mcgill-banner .field-wrapper {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  color: #FFF;
}
@media only screen and (max-width: 680px) {
  .block-bean-mcgill-banner .field-wrapper {
    background: #000;
    position: relative;
    width: 100%;
    bottom: 0;
  }
}
.block-bean-mcgill-banner .inner-wrapper {
  padding: 0.25em 1em;
}
.block-bean-mcgill-banner .field-name-field-m-image-info .field-items {
  margin: 0;
}

.block-bean-mcgill-banner.mode-full .field-name-field-m-block-body h2,
.block-bean-mcgill-banner.mode-full .field-name-field-m-block-body h3,
.block-bean-mcgill-banner.mode-full .field-name-field-m-block-body h4,
.block-bean-mcgill-banner.mode-full .field-name-field-m-block-body h5,
.block-bean-mcgill-banner.mode-full .field-name-field-m-block-body .mds-accordion > summary {
  font-size: 2em;
}

.block-bean-mcgill-banner.mode-half .field-wrapper {
  width: 49.0084985836%;
  font-size: 0.85em;
  left: 0.75em;
  bottom: 0.75em;
}
@media only screen and (max-width: 680px) {
  .block-bean-mcgill-banner.mode-half .field-wrapper {
    position: relative;
    width: 100%;
    bottom: 0;
    left: 0;
  }
}

.block-bean-mcgill-banner.mode-third .field-wrapper {
  width: 100%;
  font-size: 0.85em;
  left: 0;
  bottom: 0;
}
@media only screen and (max-width: 680px) {
  .block-bean-mcgill-banner.mode-third .field-wrapper {
    position: relative;
    width: 100%;
    bottom: 0;
    left: 0;
  }
}

.block-bean-mcgill-banner .field-wrapper {
  width: calc(50% - 1.125em);
  left: 1em;
  bottom: 1em;
}
@media only screen and (max-width: 680px) {
  .block-bean-mcgill-banner .field-wrapper {
    position: relative;
    width: 100%;
    bottom: 0;
    left: 0;
  }
}

#sidebar-column .block-bean-mcgill-banner,
.vert-nav.sidebar-second #sidebar-column .block-bean-mcgill-banner {
  padding: 0;
  width: 100%;
}

/* Variables for assigning spacing */
@font-face {
  font-family: "McGillSans-Regular";
  src: url("../fonts/McGillSans-Regular.eot");
  src: url("../fonts/McGillSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Regular.woff") format("woff"), url("../fonts/McGillSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Medium";
  src: url("../fonts/McGillSans-Medium.eot");
  src: url("../fonts/McGillSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Medium.woff") format("woff"), url("../fonts/McGillSans-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Bold";
  src: url("../fonts/McGillSans-Bold.eot");
  src: url("../fonts/McGillSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Bold.woff") format("woff"), url("../fonts/McGillSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Italic";
  src: url("../fonts/McGillSans-Italic.eot");
  src: url("../fonts/McGillSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Italic.woff") format("woff"), url("../fonts/McGillSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Regular";
  src: url("../fonts/McGillSerif-Regular.eot");
  src: url("../fonts/McGillSerif-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Regular.woff") format("woff"), url("../fonts/McGillSerif-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Medium";
  src: url("../fonts/McGillSerif-Medium.eot");
  src: url("../fonts/McGillSerif-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Medium.woff") format("woff"), url("../fonts/McGillSerif-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Bold";
  src: url("../fonts/McGillSerif-Bold.eot");
  src: url("../fonts/McGillSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Bold.woff") format("woff"), url("../fonts/McGillSerif-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Italic";
  src: url("../fonts/McGillSerif-Italic.eot");
  src: url("../fonts/McGillSerif-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Italic.woff") format("woff"), url("../fonts/McGillSerif-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*
 * McGill fonts with appropriate font-stacks.
 */
/*
 * Supporting typographic property variables.
 */
/*
 * Related block.
 */
.block-bean-bean-relevant .block-inner {
  padding: 1em 12px;
}

.block-bean-bean-relevant.viewmode-title .item-list ul {
  margin: 0;
  padding: 0;
}

.block-bean-bean-relevant.viewmode-linked_title_enhanced {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.block-bean-bean-relevant.viewmode-linked_title_enhanced:after {
  content: " ";
  display: block;
  clear: both;
}
.block-bean-bean-relevant.viewmode-linked_title_enhanced .node {
  overflow: hidden;
  margin-bottom: 0.9817671809%;
  height: 240px;
  background-color: #ED1B2F;
}
@media (min-width: 680px) {
  .block-bean-bean-relevant.viewmode-linked_title_enhanced .node {
    width: 33.023255814%;
    float: left;
    margin-right: 0.4651162791%;
  }
}
@media (min-width: 680px) {
  .block-bean-bean-relevant.viewmode-linked_title_enhanced .node:nth-child(3n+3) {
    float: right;
    margin-right: 0;
  }
}
.block-bean-bean-relevant.viewmode-linked_title_enhanced .node:nth-child(1) img {
  background: #ED1B2F;
}
.block-bean-bean-relevant.viewmode-linked_title_enhanced .node:nth-child(2n+2) img {
  background: #ED1B2F;
  filter: grayscale(1);
}
.block-bean-bean-relevant.viewmode-linked_title_enhanced .node > .content {
  position: relative;
  height: 240px;
  padding: 0;
}
.block-bean-bean-relevant.viewmode-linked_title_enhanced .content .node h2 {
  display: block;
  position: relative;
  z-index: 2;
  padding-top: 0;
  height: 240px;
}
.block-bean-bean-relevant.viewmode-linked_title_enhanced .content .node h2 a:link,
.block-bean-bean-relevant.viewmode-linked_title_enhanced .content .node h2 a:visited {
  margin-left: 0;
  list-style: none;
  color: #FFF;
  text-decoration: none;
  display: inline-block;
  padding: 20px 20px 20px 20px;
  box-sizing: border-box;
  height: 240px;
  width: 100%;
  position: relative;
}
.block-bean-bean-relevant.viewmode-linked_title_enhanced .content .node h2 a:link .published_date,
.block-bean-bean-relevant.viewmode-linked_title_enhanced .content .node h2 a:visited .published_date {
  font-size: 0.5em;
  position: absolute;
  bottom: 0;
  right: 1em;
}
.block-bean-bean-relevant.viewmode-linked_title_enhanced .content .node h2:hover a {
  background: rgba(213, 0, 0, 0.6);
}
.block-bean-bean-relevant.viewmode-linked_title_enhanced .content .node img {
  position: absolute;
  max-width: none;
  filter: grayscale(90%);
  top: 0;
  height: 240px;
}
.block-bean-bean-relevant.viewmode-linked_title_enhanced .content .node.odd a {
  background: #ED1B2F;
  background: rgba(213, 0, 0, 0.85);
}
.block-bean-bean-relevant.viewmode-linked_title_enhanced .content .node.odd a:hover {
  background: rgba(213, 0, 0, 0.6);
}
.block-bean-bean-relevant.viewmode-linked_title_enhanced .content .node.even a {
  background: #ED1B2F;
  background: rgba(190, 17, 33, 0.85);
}
.block-bean-bean-relevant.viewmode-linked_title_enhanced .content .node.even a:hover {
  background: rgba(190, 17, 33, 0.6);
}
@media (min-width: 680px) {
  .block-bean-bean-relevant.viewmode-linked_title_enhanced .content .node:nth-child(3n+3) a {
    float: right;
    margin-right: 0;
  }
}

.region-sidebar_second.block-bean-bean-relevant.viewmode-linked_title_enhanced .node {
  font-size: 0.65em;
  clear: both;
  width: 100%;
  height: auto;
}
.region-sidebar_second.block-bean-bean-relevant.viewmode-linked_title_enhanced .node > .content {
  height: auto;
}
.region-sidebar_second.block-bean-bean-relevant.viewmode-linked_title_enhanced .node h2 {
  height: auto;
  min-height: 90px;
  padding-bottom: 0;
  display: block;
}
.region-sidebar_second.block-bean-bean-relevant.viewmode-linked_title_enhanced .node h2 a:link,
.region-sidebar_second.block-bean-bean-relevant.viewmode-linked_title_enhanced .node h2 a:visited {
  font-size: 1em;
  height: auto;
  min-height: 90px;
  padding: 0.75em;
}
@media (min-width: 680px) {
  .region-sidebar_second.block-bean-bean-relevant.viewmode-linked_title_enhanced .content .node a:link,
.region-sidebar_second.block-bean-bean-relevant.viewmode-linked_title_enhanced .content .node a:visited {
    width: 100%;
  }
}

.region-sidebar_second.block-bean-bean-relevant .item-list ul {
  list-style: none;
}
.region-sidebar_second.block-bean-bean-relevant .item-list ul li {
  margin-left: 0;
  line-height: 1.3;
  font-size: 0.85em;
  font-family: "McgillSans-Regular", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.region-sidebar_second.block-bean-bean-relevant .item-list a:link,
.region-sidebar_second.block-bean-bean-relevant .item-list a:visited {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin: 0.5em 0;
  padding: 0;
  background-color: transparent;
  color: #000;
  text-decoration: none;
  min-height: auto;
}
.region-sidebar_second.block-bean-bean-relevant .item-list a:link:hover,
.region-sidebar_second.block-bean-bean-relevant .item-list a:visited:hover {
  color: #000;
}

/*
 * Hero block styling.
 */
.block-bean-mcgill-hero.mode-full,
.block-bean-mcgill-hero.mode-default {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  max-width: none;
}
.block-bean-mcgill-hero.mode-full .content,
.block-bean-mcgill-hero.mode-default .content {
  padding: 0;
}

#highlighted .block-bean-mcgill-hero.mode-full,
#highlighted .block-bean-mcgill-hero.mode-default {
  margin: 0;
}

/* Some rules for formatting the Flintbox embed properly so content isn't 
cut-off etc due to inadquate responsive vendor code for handling images. */
/* Keeps the flintbox-embed below the Flintbox media query (959.5px) and forces
 it out of 'grid' mode and into 'list' mode by default, fitting most Moriarty 
 layouts. */
#flintbox-embed {
  max-width: 720px;
}

/* Large viewport flintbox-embed width override rules. */
@media (min-width: 960px) {
  /* Only when there are no sidebars or vertical nav, allow flintbox-embed to 
  take up as much space as it needs to display properly as a grid. NB: if 
  people want to display it as a grid, they'll need to use a page without 
  sidebars or vert-nav. */
  .no-sidebars.no-vert-nav #flintbox-embed {
    min-width: 998px;
  }
}
/*
 * Two themes for Nivo slider theme-swap and theme-default.
 */
#inner-container .nivoSlider {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
#inner-container .nivoSlider:after {
  content: " ";
  display: block;
  clear: both;
}

.theme-swap .nivo-caption {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 8;
  width: 36.2606232295%;
  float: right;
  margin-right: 0;
  padding: 1em;
  overflow: hidden;
  left: auto;
}

.slider-wrapper.theme-default,
.slider-wrapper.theme-swap {
  /* Container */
  /* Circle pager navigation */
  /* Thumbnail Nav */
  /* Thumbnails Images */
  /* Directional Nav */
  /* Directional Nav:hover */
  /* Caption area */
}
.slider-wrapper.theme-default .nivoSlider,
.slider-wrapper.theme-swap .nivoSlider {
  border: 0;
  padding: 0;
  margin: 0;
  position: relative;
  border: 1px solid #979797;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  box-shadow: none;
}
.slider-wrapper.theme-default .nivo-controlNav,
.slider-wrapper.theme-swap .nivo-controlNav {
  padding: 6px 0;
}
.slider-wrapper.theme-default .nivo-controlNav a,
.slider-wrapper.theme-swap .nivo-controlNav a {
  background: #F4F4F4;
  border: 2px solid #FFF;
  width: 12px;
  height: 12px;
  margin: 0 4px;
  border-radius: 12px;
  display: inline-block;
  text-indent: -9999px;
}
.slider-wrapper.theme-default .nivo-controlNav a.active,
.slider-wrapper.theme-swap .nivo-controlNav a.active {
  background: #1E1E1E;
}
.slider-wrapper.theme-default .nivo-controlNav.nivo-thumbs-enabled a.active img,
.slider-wrapper.theme-swap .nivo-controlNav.nivo-thumbs-enabled a.active img {
  border-color: #979797;
  background: #1E1E1E;
  opacity: 1;
}
.slider-wrapper.theme-default .nivo-controlNav.nivo-thumbs-enabled a img,
.slider-wrapper.theme-swap .nivo-controlNav.nivo-thumbs-enabled a img {
  width: 80px;
  border: 2px solid #F4F4F4;
  background: #F4F4F4;
  opacity: 0.7;
}
.slider-wrapper.theme-default .nivo-controlNav.nivo-thumbs-enabled a,
.slider-wrapper.theme-swap .nivo-controlNav.nivo-thumbs-enabled a {
  display: inline-block;
  width: auto;
  height: auto;
  background: none;
  margin-bottom: 5px;
}
.slider-wrapper.theme-default .nivo-directionNav a,
.slider-wrapper.theme-swap .nivo-directionNav a {
  background: rgba(126, 134, 126, 0.8) url(../images/slide_arrows.png);
  height: 30px;
  width: 30px;
  display: inline-block;
  text-indent: -9999px;
  opacity: 0;
}
@media only screen and (max-width: 680px) {
  .slider-wrapper.theme-default .nivo-directionNav a,
.slider-wrapper.theme-swap .nivo-directionNav a {
    display: none;
  }
}
.slider-wrapper.theme-default .nivo-directionNav a.nivo-prevNav,
.slider-wrapper.theme-swap .nivo-directionNav a.nivo-prevNav {
  left: -1px;
  background-position: 3px 0;
}
.slider-wrapper.theme-default .nivo-directionNav a.nivo-nextNav,
.slider-wrapper.theme-swap .nivo-directionNav a.nivo-nextNav {
  right: -1px;
  background-position: -34px 0;
}
.slider-wrapper.theme-default .nivo-directionNav a:hover,
.slider-wrapper.theme-swap .nivo-directionNav a:hover {
  background-color: #000;
}
.slider-wrapper.theme-default:hover .nivo-directionNav a,
.slider-wrapper.theme-swap:hover .nivo-directionNav a {
  opacity: 1;
}
.slider-wrapper.theme-default:hover .nivo-directionNav a.nivo-nextNav,
.slider-wrapper.theme-swap:hover .nivo-directionNav a.nivo-nextNav {
  right: 10px;
}
.slider-wrapper.theme-default:hover .nivo-directionNav a.nivo-prevNav,
.slider-wrapper.theme-swap:hover .nivo-directionNav a.nivo-prevNav {
  left: 10px;
}
.slider-wrapper.theme-default .nivo-caption,
.slider-wrapper.theme-swap .nivo-caption {
  background: #F4F4F4;
  bottom: -1px;
  color: #000;
  opacity: 1;
  font-size: 1em;
  font-family: "McgillSans-Regular", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.slider-wrapper.theme-default .nivo-caption h1,
.slider-wrapper.theme-swap .nivo-caption h1 {
  padding-bottom: 0.125em;
}
.slider-wrapper.theme-default .nivo-caption h2,
.slider-wrapper.theme-swap .nivo-caption h2 {
  padding-bottom: 0.125em;
}
.slider-wrapper.theme-default .nivo-caption h3,
.slider-wrapper.theme-swap .nivo-caption h3 {
  padding-bottom: 0.125em;
}
.slider-wrapper.theme-default .nivo-caption h4,
.slider-wrapper.theme-swap .nivo-caption h4 {
  padding-bottom: 0.125em;
}
.slider-wrapper.theme-default .nivo-caption h5, .slider-wrapper.theme-default .nivo-caption .mds-accordion > summary,
.slider-wrapper.theme-swap .nivo-caption h5,
.slider-wrapper.theme-swap .nivo-caption .mds-accordion > summary {
  padding-bottom: 0.125em;
}
.slider-wrapper.theme-default .nivo-caption h6,
.slider-wrapper.theme-swap .nivo-caption h6 {
  padding-bottom: 0.125em;
}
.slider-wrapper.theme-default .nivo-caption *,
.slider-wrapper.theme-swap .nivo-caption * {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.slider-wrapper.theme-default .nivo-caption a,
.slider-wrapper.theme-default .nivo-caption a:link,
.slider-wrapper.theme-swap .nivo-caption a,
.slider-wrapper.theme-swap .nivo-caption a:link {
  border: 0;
  color: #000;
}
.slider-wrapper.theme-default .nivo-caption a:hover,
.slider-wrapper.theme-default .nivo-caption a:link:hover,
.slider-wrapper.theme-swap .nivo-caption a:hover,
.slider-wrapper.theme-swap .nivo-caption a:link:hover {
  color: #222;
}

@media only screen and (max-width: 680px) {
  .slider-wrapper .nivo-caption {
    position: relative;
    max-width: 100%;
    width: 100%;
  }
}

.slider-wrapper.theme-default .nivo-caption {
  background: rgba(236, 239, 241, 0.95);
  padding: 0.5em 1em;
}
@media only screen and (max-width: 680px) {
  .slider-wrapper.theme-default .nivo-caption {
    position: relative;
  }
}

/*
 * SIDE THEME @theme-swap.
 */
/* Image changes */
.theme-swap .nivoSlider img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 64.2356241234%;
  margin: 0;
}
@media only screen and (max-width: 680px) {
  .theme-swap .nivoSlider img {
    max-width: 100%;
  }
}

/* Pager */
.theme-swap .nivo-controlNav {
  text-align: center;
  padding: 20px 0;
}

/* Sets the thumbnails smaller */
.theme-swap .nivo-controlNav.nivo-thumbs-enabled img {
  display: block;
  width: 120px;
  height: auto;
}

/*
 * Display of slider in blocks as the first element
 */
#top-content .region .block-media-nivo-slider:first-child,
#top-page .region .block-media-nivo-slider:first-child {
  padding: 0 0 10px 0;
}

/*
 * Captions in sidebar will stack at full width.
 */
#sidebar-column .nivo-caption {
  position: relative;
  max-width: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
#sidebar-column .nivo-caption p {
  margin-top: 0;
}

/*
 * Add legacy widths for slideshows that adhere to 960px site width.
 *
 * left with, No side bar  - 756px
 * left with sidebar - 531px
 * no left, w sidebar - 737px
 * full - 960px
 *
 * The fixed width is what content creators expected and in most cases sized their
 * Images for the container size.
 * Styles below ensure legacy images don't stretch.
 *
 * .js-center-media is applied when uploaded images are equal or smaller than legacy parent.
 */
.no-vert-nav.no-sidebars #main-column .block-media-nivo-slider.js-center-media {
  max-width: 960px;
}

.vert-nav #top-page .block-media-nivo-slider.js-center-media,
.vert-nav #bottom-page .block-media-nivo-slider.js-center-media {
  max-width: 756px;
}

.vert-nav.no-sidebars #main-column .block-media-nivo-slider.js-center-media {
  max-width: 756px;
}

.vert-nav.one-sidebar #main-column .block-media-nivo-slider.js-center-media {
  max-width: 531px;
}

.no-vert-nav.one-sidebar #main-column .block-media-nivo-slider.js-center-media {
  max-width: 737px;
}

/* Variables for assigning spacing */
@font-face {
  font-family: "McGillSans-Regular";
  src: url("../fonts/McGillSans-Regular.eot");
  src: url("../fonts/McGillSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Regular.woff") format("woff"), url("../fonts/McGillSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Medium";
  src: url("../fonts/McGillSans-Medium.eot");
  src: url("../fonts/McGillSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Medium.woff") format("woff"), url("../fonts/McGillSans-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Bold";
  src: url("../fonts/McGillSans-Bold.eot");
  src: url("../fonts/McGillSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Bold.woff") format("woff"), url("../fonts/McGillSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Italic";
  src: url("../fonts/McGillSans-Italic.eot");
  src: url("../fonts/McGillSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Italic.woff") format("woff"), url("../fonts/McGillSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Regular";
  src: url("../fonts/McGillSerif-Regular.eot");
  src: url("../fonts/McGillSerif-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Regular.woff") format("woff"), url("../fonts/McGillSerif-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Medium";
  src: url("../fonts/McGillSerif-Medium.eot");
  src: url("../fonts/McGillSerif-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Medium.woff") format("woff"), url("../fonts/McGillSerif-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Bold";
  src: url("../fonts/McGillSerif-Bold.eot");
  src: url("../fonts/McGillSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Bold.woff") format("woff"), url("../fonts/McGillSerif-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Italic";
  src: url("../fonts/McGillSerif-Italic.eot");
  src: url("../fonts/McGillSerif-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Italic.woff") format("woff"), url("../fonts/McGillSerif-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*
 * McGill fonts with appropriate font-stacks.
 */
/*
 * Supporting typographic property variables.
 */
.d9-header {
  --border-radus: 3px;
  --header-border: none;
  --header-bg-color: none;
  --mcgill-logo--width: 144px;
  --logo-bg-size: contain;
  --a11y-position--right: 0;
  --a11y-ul-position: relative;
  --a11y-ul-position--top: auto;
  --a11y-ul-position--left: auto;
  --a11y-link-color: #000;
  --a11y-link-size: 1.25em;
  --a11y-link-border: 2px solid #000;
  --a11y-link-hover-bg: #000;
  --title-margin--left: 162px;
  --title-padding--left: 1.125em;
  --site-name-font-family: mcgillsans-medium, sans-serif;
  --strap-search-display: flex;
  --search-position-top: 42px;
}

#header {
  border-top: var(--header-border, 1px solid #ED1B2F);
  border-bottom: 1px solid #979797;
  background-color: var(--header-bg-color, #F4F4F4);
  font-family: "McGillSans-Bold", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#header form.mcgill-search-form input[type=text] {
  font-size: 1em;
}

/*
 * McGill LOGO.
 */
a#mcgill-logo {
  height: 44px;
  position: absolute;
  top: 36px;
  width: var(--mcgill-logo--width, 19.2634560907%);
  min-width: var(--mcgill-logo--width, 185px);
  background: transparent url("../images/logo-red.png") no-repeat left;
  z-index: 99;
}
@media only screen and (max-width: 680px) {
  a#mcgill-logo {
    display: inline-block;
    margin: 0.25em 0 0 0.5em;
    position: static;
    width: 32.0113314448%;
    float: left;
    margin-right: 1.9830028329%;
  }
}
.svg a#mcgill-logo, .svg a#mcgill-logo:hover {
  background: url("../images/logo-red.svg") no-repeat left;
  background-size: var(--logo-bg-size, initial);
}
@media only screen and (max-width: 680px) {
  .svg a#mcgill-logo, .svg a#mcgill-logo:hover {
    background-size: 110px auto;
  }
}

div#accessibility {
  position: var(--a11y-position, absolute);
  top: 0;
  right: 0;
  display: inline-block;
  font-size: small;
}
@media only screen and (max-width: 680px) {
  div#accessibility {
    top: 4px;
    right: 3.2em;
    font-size: initial;
  }
}
div#accessibility ul {
  margin: 0.25em 0 0 0;
  padding: 0;
  list-style: none;
  position: var(--a11y-ul-position, static);
  top: var(--a11y-ul-position--top, unset);
  left: var(--a11y-ul-position--left, unset);
}
div#accessibility li {
  padding: 0;
  margin: 0;
  display: inline-block;
}
div#accessibility a {
  padding: 0.35em 0.5em;
  color: var(--a11y-link-color, #000);
  font-size: var(--a11y-link-size, initial);
  border: var(--a11y-link-border, none);
  border-radius: var(--border-radus, 0);
  line-height: 1.1;
  display: inline-block;
}
div#accessibility a:hover {
  background: var(--a11y-link-hover-bg, #1E1E1E);
}

a#explore-mcgill {
  background: #ED1B2F;
  font-size: small;
}
a#explore-mcgill:hover {
  background: #9E0918;
}

#title-box {
  margin: 32px 0 40px var(--title-margin--left, 19.2634560907%);
  border-left: 1px solid #979797;
  padding-left: var(--title-padding--left, 1.5em);
  width: 40.5099150142%;
  max-width: 26em;
  min-height: 43px;
  display: inline-block;
  z-index: 1;
}
@media only screen and (max-width: 680px) {
  #title-box {
    margin: 0;
    text-align: center;
    width: 100%;
    max-width: none;
    padding: 0.75em 0;
    border: 0;
  }
}
#title-box a {
  color: #000;
  font-weight: lighter;
}
#title-box a:hover {
  color: #000;
}
@media only screen and (max-width: 680px) {
  #title-box a {
    font-weight: normal;
  }
}
#title-box img {
  max-width: 100%;
  height: auto;
}

#logo {
  max-width: 348px;
}
@media only screen and (max-width: 680px) {
  #logo {
    margin: 0 10px;
  }
}
#logo a#site-name {
  top: 0px;
}

a#site-name {
  text-decoration: none;
  line-height: 1.1;
  font-size: 1.5em;
  font-family: var(--site-name-font-family, McgillSans-Regular);
  display: block;
  position: relative;
  top: 8px;
}
@media (min-width: 680px) {
  a#site-name {
    font-size: 1.75em;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
}

#strap-search {
  display: var(--strap-search-display, block);
  justify-content: flex-end;
  align-items: center;
  gap: 1em;
  width: 32.0113314448%;
  right: 0;
  text-align: right;
  top: var(--search-position-top, 36px);
  margin: 0;
  position: absolute;
}
#strap-search .study.search-form {
  font-size: 0.75em;
}
@media only screen and (max-width: 680px) {
  #strap-search {
    width: 100%;
    margin: 1em 0;
    position: static;
    text-align: center;
    justify-content: center;
  }
}

/*
 * Search Field in Header.
 */
#searchbutton {
  border: none;
  background: #D6D6D6;
  background: -moz-linear-gradient(top, #E4E4E4, #B8B8B8);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, left, right);
  cursor: pointer;
  padding: 6px;
  width: 4em;
  position: relative;
  right: 71px;
  *right: 70px;
  font-size: 16px;
  margin: 0px;
  text-shadow: 1px 1px 0 #ebebeb;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.i18n-fr #searchbutton {
  width: 6em;
  right: 101px;
}

#searchquery {
  color: #F4F4F4;
  text-shadow: 1px 1px 0 #fff;
  font-size: 1.3em;
  margin: 0px;
  padding: 8px;
  border: 1px outset transparent;
  background-color: #F4F4F4;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 4px rbga 0, 0, 0, 0.5;
  -webkit-box-shadow: 0 1px 4px rbga 0, 0, 0, 0.7;
  /*#828282*/
  box-shadow: 0 1px 4px rbga 0, 0, 0, 0.5;
  width: 26em;
}
#searchquery:focus {
  border: 1px outset rgba(0, 0, 0, 0.3);
}
#searchquery:hover {
  background: #D6D6D6;
  background-image: -moz-linear-gradient(100% 100% 90deg, #C7C7C7, #F0F0F0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, left, right);
}
#searchquery:active {
  background: #C7C7C7;
}

/*
 * Option to remove McGil Branding.
 */
#header.mcgill-brand-removed a#mcgill-logo {
  display: none;
}
#header.mcgill-brand-removed div#accessibility {
  right: 4px;
}
@media only screen and (max-width: 680px) {
  #header.mcgill-brand-removed div#accessibility {
    right: 3.2em;
  }
}
#header.mcgill-brand-removed #title-box {
  padding-left: 0;
  margin-left: 0;
  border: 0;
}
@media only screen and (max-width: 680px) {
  #header.mcgill-brand-removed #title-box {
    padding: 3em 0 1em 0;
  }
}

/*
  Header menu components including the global menu with quick links.
 */
#global-nav {
  width: 100%;
  background-color: #F4F4F4;
  min-width: 940px;
}

.js #global-nav {
  display: none;
}

/***************
 * Explore Links
 ***************/
a#explore-mcgill {
  width: 114px;
  text-align: center;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.5em 0;
  color: #FFF;
  background: #ED1B2F;
  text-decoration: none;
  float: right;
  border-radius: 0 0 2px 2px;
  clear: both;
  line-height: 120%;
  /*a slight glow */
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

a#explore-mcgill:after {
  font-family: fontawesome;
  content: "";
  margin: 0 0 0 0.5em;
  font-size: 12px;
}

a#explore-mcgill.open:after {
  font-family: fontawesome;
  margin: 0 0 0 0.5em;
  content: "";
}

a#explore-mcgill:hover {
  background-color: #9E0918;
}

/*
 * Strap Links
 */
#strap {
  position: relative;
}
#strap .links {
  position: absolute;
  top: 40px;
  right: 5px;
}
@media only screen and (max-width: 680px) {
  #strap .links {
    position: relative;
    top: auto;
    padding: 0;
    margin: 0.5em 0 0 0;
  }
  #strap .links li {
    margin: 0;
  }
}

#strap-links a:link,
#strap-links a:visited {
  text-decoration: none;
}

#strap-links a:hover {
  text-decoration: underline;
}

/***************
 * Quick-links
 ***************/
#block-menu-menu-quicklinks {
  width: 940px;
  margin: auto;
  padding: 0;
  float: none;
}
#block-menu-menu-quicklinks ul {
  float: left;
  list-style-type: none;
  padding: 0px;
  margin: 38px 0 26px 43px;
  z-index: 33;
  position: relative;
}
#block-menu-menu-quicklinks ul li {
  float: left;
  list-style: none;
  padding: 0px 20px 0px 24px;
  margin: 0px;
  border-color: #979797;
  border-width: 0px 1px 0px 0px;
  border-style: solid;
  width: 240px;
}
#block-menu-menu-quicklinks ul li a {
  display: none;
  text-decoration: none;
}
#block-menu-menu-quicklinks ul li li.first h3 {
  margin: 0;
}
#block-menu-menu-quicklinks ul li li h3 {
  padding: 1em 0 0 0;
  float: left;
}
#block-menu-menu-quicklinks ul li li {
  float: none;
  padding: 0px;
  margin: 0.5em 0px;
  border-width: 0px;
  line-height: 1.4em;
  list-style-type: none;
  min-height: 0px;
  list-style-image: none;
}
#block-menu-menu-quicklinks ul li li a, #block-menu-menu-quicklinks ul li li h3 {
  display: block;
  font-size: 1.125em;
  padding: 0px;
  line-height: 1em;
  clear: both;
}
#block-menu-menu-quicklinks ul li li li a {
  font-weight: normal;
  font-size: 0.8em;
  line-height: 1.125em;
}
#block-menu-menu-quicklinks ul li li li a:hover {
  text-decoration: underline;
}

#block-menu-menu-quicklinks ul ul {
  list-style: none;
}

#block-menu-menu-quicklinks ul li.last {
  border-width: 0px;
}

#block-menu-menu-quicklinks ul li ul {
  float: left;
  list-style-type: none;
  padding: 0px;
  margin: 0 0 0.45em 0;
}

/*removes bullets for ie7*/
li.expanded a {
  list-style-image: none;
}

/* Selected Menu Items Side by Side*/
#block-menu-menu-quicklinks ul li li a[title=news],
#block-menu-menu-quicklinks ul li li a[title=events],
#block-menu-menu-quicklinks ul li li a[title=minerva],
#block-menu-menu-quicklinks ul li li a[title=mymcgill],
#block-menu-menu-quicklinks ul li li a[title=nouvelles],
#block-menu-menu-quicklinks ul li li a[title=activités] {
  float: left;
  clear: none;
  padding: 0 0;
  margin: 0 0.25em 0.5em 0;
}

#block-menu-menu-quicklinks ul li.last ul li.last ul {
  min-width: 0;
}

#block-menu-menu-quicklinks ul li ul li.last ul {
  min-width: 130px;
}

/****************
 * QUICK TOOLS
 ****************/
#block-menu-menu-popular-tools {
  width: 100%;
  background: #DDD;
  top: 1px;
  z-index: 20;
  float: right;
  margin: 0px;
}

.toolbar.pin #block-menu-menu-popular-tools {
  top: 30px;
}

.toolbar.toolbar-drawer #block-menu-menu-popular-tools {
  /*quick tools display below toolbar*/
  margin: 31px 0 0 0;
  /*margin:65px 0 0 0;*/
}

.toolbar.pin #mcgill-logo {
  top: 85px;
}

#global-nav #block-menu-menu-popular-tools {
  margin: 0;
  position: relative;
}

#block-menu-menu-popular-tools.pinned {
  position: fixed;
  z-index: 9000;
  box-shadow: 0 0 5px;
}

#global-nav.pinned #block-menu-menu-popular-tools {
  position: fixed;
}

#block-menu-menu-popular-tools ul.menu {
  margin: 0;
  width: 93%;
  float: left;
}

#block-menu-menu-popular-tools .content {
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 680px) {
  #block-menu-menu-popular-tools .content {
    width: auto;
  }
}
#block-menu-menu-popular-tools .content ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  margin: 0;
}
@media only screen and (max-width: 680px) {
  #block-menu-menu-popular-tools .content ul {
    display: block;
  }
}
#block-menu-menu-popular-tools .content li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0.5em 0 0;
  float: right;
}
#block-menu-menu-popular-tools .content li.leaf {
  padding: 0.2em 0.25em 0 0;
}
#block-menu-menu-popular-tools .content a {
  color: #333;
  background: #F4F4F4;
  padding: 6px 8px;
  text-decoration: none;
  font-size: 12px;
  text-transform: uppercase;
}
#block-menu-menu-popular-tools .content a:hover {
  background: #1E1E1E;
  color: #FFF;
}

/************
 * TOOLBAR
 ************/
@media all and (max-device-width: 800px) and (orientation: portrait) {
  #block-menu-menu-popular-tools {
    width: 100%;
  }

  #block-menu-menu-popular-tools .content {
    margin: 0;
    float: right;
  }
}
/****************
 * TABLET
 *****************/
@media all and (max-device-width: 800px) and (orientation: portrait) {
  #block-menu-menu-quicklinks ul {
    margin: 38px 0px 26px 180px;
  }
  #block-menu-menu-quicklinks ul li {
    width: 160px;
  }
}
/****************
 * SMALL SCREEN
 *****************/
@media all and (max-device-width: 680px) {
  #toolbar {
    margin: 0 !important;
    padding: 0 !important;
  }

  #global-handle {
    position: absolute;
    top: 9px;
    right: 9px;
    font-size: 24px;
    color: #FFF;
    z-index: 222;
    text-indent: 0;
  }

  #global-handle:before,
.open #global-handle:before {
    font-family: fontawesome;
    font-style: normal;
    content: "";
    font-size: 18px;
  }

  a#explore-mcgill {
    height: 25px;
    width: 35px;
    min-width: 20px;
    text-indent: -9000px;
    padding: 6px 0 3px 0;
    right: 10px;
    margin: 0 8px 0 0;
  }

  /***************************
   * Toolbar for small screens
   ***************************/
  #global-nav {
    width: 100%;
    background-color: #FFF;
    min-width: 320px;
  }

  #block-menu-menu-popular-tools .content {
    margin: 0;
    width: 100%;
  }

  #block-menu-menu-quicklinks ul {
    margin: 20px 0 20px 20px;
  }

  #over-take .tools.height,
#over-take .tools ul.height {
    height: 80px;
  }

  #global-nav-container ul {
    margin: 24px 0;
    font-size: 0.95em;
    clear: left;
    float: left;
  }
  #global-nav-container ul h2#nested-title {
    margin: 1em 0 0 0;
    float: left;
    clear: left;
  }
  #global-nav-container ul li {
    padding: 0 1em;
    border: 0px;
    clear: left;
  }
  #global-nav-container ul li ul li li {
    clear: none;
  }
  #global-nav-container ul li ul li li a {
    padding: 0.25em 0;
    clear: both;
  }

  .i18n-fr #global-nav-container ul li {
    padding: 1em;
  }
  .i18n-fr #global-nav-container ul li ul li {
    padding: 0.25em 0;
  }
}
/****************************************************
 * Teaser.css
 * Teaser handles a specific way of looking at nodes.
 ******************************************************/
.teaser {
  color: #000;
  padding: 0 0 1em 0;
}
.teaser img {
  max-width: 100%;
}
.teaser .content-inner {
  margin-top: 1em;
}
.teaser ul.links {
  margin-left: 0;
}
.teaser ul.links li {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.teaser .multi-date > span {
  margin-right: 0.25em;
}
.teaser .multi-date.first, .teaser .multi-date.last {
  display: inline;
}
.teaser .multi-date .multi-seperator {
  padding: 0 1em;
}

#sidebar-column .teaser {
  color: #000;
  padding: 1.5em 0;
  border-top: 1px solid #F4F4F4;
}
#sidebar-column .teaser ul.links {
  margin-left: 0;
}
#sidebar-column .teaser ul.links li {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
#sidebar-column .teaser .multi-date > span {
  margin-right: 0.25em;
}
#sidebar-column .teaser .multi-date.first, #sidebar-column .teaser .multi-date.last {
  display: inline;
}
#sidebar-column .teaser .multi-date .multi-seperator {
  padding: 0 1em;
}

div.published_date,
.views-field-published-at {
  padding-bottom: 0.5em;
}

.view-chancon .views-label.views-label-field-link {
  padding: 1em 0 0.25em;
  display: inline-block;
}
.view-chancon .views-field-field-link .field-content a {
  padding: 0.25em 0;
  display: inline-block;
  margin: 0.25em 0;
}

/*
 Accordions for toggling the display of content.
 */
/*
 Base styling for accordion styling.
 Best used with <details> tag.
 */
.mds-accordion {
  box-shadow: 0 1px 2px 0 rgba(0, 35, 64, 0.32);
  border: 1px solid #979797;
  background: #FFF;
}
.mds-accordion > summary::-webkit-details-marker {
  display: none;
}
.mds-accordion > summary {
  margin: 0;
  padding: 0.7em;
  list-style: none;
  line-height: 1.1;
  cursor: pointer;
}
.mds-accordion > summary::before {
  font-family: "FontAwesome", sans-serif;
  content: "";
  margin-right: 0.25em;
}
.mds-accordion[open] > summary::before {
  content: "";
}
.mds-accordion > div {
  padding: 0.7em;
}

/* Variables for assigning spacing */
@font-face {
  font-family: "McGillSans-Regular";
  src: url("../fonts/McGillSans-Regular.eot");
  src: url("../fonts/McGillSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Regular.woff") format("woff"), url("../fonts/McGillSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Medium";
  src: url("../fonts/McGillSans-Medium.eot");
  src: url("../fonts/McGillSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Medium.woff") format("woff"), url("../fonts/McGillSans-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Bold";
  src: url("../fonts/McGillSans-Bold.eot");
  src: url("../fonts/McGillSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Bold.woff") format("woff"), url("../fonts/McGillSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSans-Italic";
  src: url("../fonts/McGillSans-Italic.eot");
  src: url("../fonts/McGillSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSans-Italic.woff") format("woff"), url("../fonts/McGillSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Regular";
  src: url("../fonts/McGillSerif-Regular.eot");
  src: url("../fonts/McGillSerif-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Regular.woff") format("woff"), url("../fonts/McGillSerif-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Medium";
  src: url("../fonts/McGillSerif-Medium.eot");
  src: url("../fonts/McGillSerif-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Medium.woff") format("woff"), url("../fonts/McGillSerif-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Bold";
  src: url("../fonts/McGillSerif-Bold.eot");
  src: url("../fonts/McGillSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Bold.woff") format("woff"), url("../fonts/McGillSerif-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "McGillSerif-Italic";
  src: url("../fonts/McGillSerif-Italic.eot");
  src: url("../fonts/McGillSerif-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/McGillSerif-Italic.woff") format("woff"), url("../fonts/McGillSerif-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*
 * McGill fonts with appropriate font-stacks.
 */
/*
 * Supporting typographic property variables.
 */
/*
 * FOOTER
 */
#footer {
  font-size: 0.85em;
  background-color: #F4F4F4;
  border-width: 1px 0;
  text-align: center;
  clear: both;
}
#footer #footer-inner {
  background: transparent;
  display: block;
  position: relative;
  padding: 0.25em 4.0462427746%;
}
@media (min-width: 680px) {
  #footer #footer-inner {
    text-align: left;
  }
}

#footer-nav {
  padding: 0;
  margin: 0;
  text-align: right;
}
@media (min-width: 680px) {
  #footer-nav {
    width: 49.0084985836%;
    float: right;
    margin-right: 0;
  }
}
#footer-nav a {
  text-decoration: none;
  text-shadow: none;
}
#footer-nav a.nolink {
  margin-bottom: 0.5em;
  color: #222;
}
@media (min-width: 680px) {
  #footer-nav > ul.menu {
    text-align: right;
  }
}
#footer-nav .menu {
  margin: 0;
  padding: 0;
  font-size: 0.9em;
}
#footer-nav .menu ul {
  margin-bottom: 1em;
  width: auto;
  margin: 0;
  padding: 0;
}
#footer-nav .menu li {
  list-style-type: none;
  list-style-image: none;
  padding: 0;
  margin: 0 auto 0.65em auto;
}
#footer-nav .menu a,
#footer-nav .menu a:link,
#footer-nav .menu a:visited {
  display: block;
  font-size: 1.125em;
  text-decoration: none;
  color: #000;
}

#footer-nav > .menu > li.expanded {
  display: inline-block;
  padding: 0;
  width: 49.0084985836%;
  vertical-align: top;
}
#footer-nav > .menu > li.expanded:nth-child(3n) {
  margin-right: 0;
}
#footer-nav > .menu > li.expanded > .menu > li {
  margin-bottom: 2em;
  text-align: left;
}
@media (min-width: 680px) {
  #footer-nav > .menu > li.expanded {
    margin: 0 0 1.9830028329% 0.5em;
    width: 31.1827956989%;
  }
}

#footer-nav > .menu > li > .menu > li.expanded > a {
  font-size: 1.2em;
  font-family: "McGillSans-Bold", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 0.85em;
  color: #000;
  line-height: 1.1;
}
#footer-nav > .menu > li > .menu > li.expanded > a:hover {
  text-decoration: none;
  cursor: text;
}

#footer-nav > .menu li.leaf > a {
  line-height: 1.1;
  text-transform: none;
}
#footer-nav > .menu li.leaf > a:hover {
  text-decoration: underline;
  cursor: pointer;
}

#footer-nav > .menu > li > .menu > li.leaf > a {
  font-weight: bold;
}

/*
 * Faculty links for /study.
 */
#faculty-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/*
 * Footer Contact Info
 */
#contact-info {
  font-size: 0.9em;
}
@media (min-width: 680px) {
  #contact-info {
    width: 23.5127478754%;
    float: left;
    margin-right: 1.9830028329%;
  }
}
#contact-info h2 {
  padding: 2px 0;
  opacity: 0.8;
  color: #000;
  margin: 0 0 0.5em 0;
}
#contact-info strong {
  color: #2F2F2F;
}
#contact-info p {
  margin: 1em 0;
}
#contact-info .follow-links {
  margin: 1em 0;
}

@media (min-width: 680px) {
  #footer-branding {
    width: 23.5127478754%;
    float: left;
    margin-bottom: 1.5em;
    text-align: center;
  }
}
#footer-branding img {
  max-width: 80%;
  height: auto !important;
  margin: 0 auto 2em auto;
  display: block;
}
#footer-branding a:link#footer-cta,
#footer-branding a:visited#footer-cta {
  border-radius: 2px;
  background: #000;
  color: #FFF;
  display: inline-block;
  padding: 0.5em 0.75em;
  margin: 0 auto 1em auto;
  font-family: "McGillSans-Bold", "Helvetica Neue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  transition: 0.25s;
  max-width: 100%;
}
#footer-branding a:link#footer-cta:hover, #footer-branding a:link#footer-cta:focus,
#footer-branding a:visited#footer-cta:hover,
#footer-branding a:visited#footer-cta:focus {
  background: #20999a;
  color: #FFF;
}

#footer-follow {
  clear: both;
}

#footer-follow .follow-links,
#footer-branding,
#footer-nav,
#contact-info {
  margin-top: 3em;
  margin-bottom: 0em;
  padding-bottom: 1em;
}

/*
 * SUB FOOTER
 */
#sub-footer {
  background-color: #000;
  border-top: 1px solid #979797;
  color: #FFF;
  clear: both;
  font-size: 0.875rem;
  margin: 0;
  padding: 0;
  text-align: center;
}
@media (min-width: 680px) {
  #sub-footer {
    text-align: left;
  }
}

#sub-footer-inner {
  padding: 10px;
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 680px) {
  #sub-footer-inner {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    align-items: center;
  }
  #sub-footer-inner:after {
    content: " ";
    display: block;
    clear: both;
  }
}
#sub-footer-inner #copyright {
  margin: 0.5em auto;
  color: #979797;
}
#sub-footer-inner #admin-links {
  display: flex;
  gap: 1em;
  text-align: center;
  flex-direction: column;
}
@media (min-width: 680px) {
  #sub-footer-inner #admin-links {
    text-align: right;
    justify-content: flex-end;
    flex-direction: row;
  }
}
#sub-footer-inner #admin-links a {
  display: inline-block;
  /*fixes Maintenance Sign-in in French */
  text-decoration: none;
  padding: 0.5em 0.75em;
  color: #FFF;
}
#sub-footer-inner #admin-links a#accessibility-link {
  background-color: transparent;
}
#sub-footer-inner #admin-links a#accessibility-link:hover {
  text-decoration: underline;
}
#sub-footer-inner #admin-links a#signin-link {
  border: #FFF 2px solid;
  border-radius: 3px;
}
#sub-footer-inner #admin-links a#signin-link:hover {
  background-color: #FFF;
  color: #000;
}
#sub-footer-inner a#mcgill-watermark {
  background: transparent url("../images/primary_sprite.png") repeat scroll -6px -190px;
  display: inline-block;
  height: 50px;
  width: 140px;
  margin: 0.5em auto;
}
@media (min-width: 680px) {
  #sub-footer-inner a#mcgill-watermark {
    margin: 0.5em;
  }
}

.svg #sub-footer-inner a#mcgill-watermark {
  background: transparent url("../images/mlogo.svg") no-repeat -6px 0;
}

a#mcgill-watermark span {
  display: none;
}

/**
 * McGill DropDown (Drupal.mcgillDropDown) styling.
 *
 * A jQuery component that uses a select and options to pick which hidden groups
 * of content to show, using CSS to change appearance (show/hide).
 */
.d-content label {
  display: inline-block;
  margin-right: 0.5em;
}
.d-content .groups {
  margin: 1em 0;
}
.d-content .groups .d-group.inactive {
  display: none;
}
.d-content .groups .d-group.active {
  display: block;
}
.d-content .groups .d-group table {
  margin-top: 0;
}
.d-content .groups .d-group table caption {
  display: none;
}

/*# sourceMappingURL=style.css.map */