@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,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  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
 */
.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;
}

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: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: "";
}

/********************
 * 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 */