@charset "UTF-8";
/************************
 * Descriptive variables:
 ************************/
/************************
 * Functional variables:
 ************************/
/*
 * Custom colors
 */
/**
 * Media Queries
 */
/*
 * Early Tablets in portrait and landscape
 * Modifications will only display on devices
 */
.brdr-bttm {
  border-bottom: 1px solid #6f766f; }

.contain {
  width: 100%;
  position: relative;
  float: left;
  max-width: 960px; }

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

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

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

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.state-hide {
  display: none;
  visibility: hidden; }

/*
 * Mixins
 */
#global-nav {
  width: 100%;
  background-color: #f2f2f2;
  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: .5em 0;
  color: #FFFFFC;
  background: #BE1121;
  font-family: "CartoGothicStdBold", Helvetica, "Helvetica Neue", Arial, sans serif;
  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: "\f0d7";
  margin: 0 0 0 .5em;
  font-size: 12px; }

a#explore-mcgill.open:after {
  font-family: fontawesome;
  margin: 0 0 0 .5em;
  content: "\f0d8"; }

a#explore-mcgill:hover {
  background-color: #CC2821; }

/*
 * 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: .5em 0 0 0; }
        #strap .links li {
          margin: 0; } }

#strap-links a:link,
#strap-links a:visited {
  color: #333;
  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: #ddd;
      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: .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;
          color: #dc241f;
          font-size: 1.125em;
          padding: 0px;
          font-family: 'CartoGothicStdBold',Helvetica,'Helvetica Neue',Arial,sans serif;
          text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 0px;
          line-height: 1em;
          clear: both; }
        #block-menu-menu-quicklinks ul li li li a {
          font-family: Georgia,serif;
          font-weight: normal;
          font-size: .8em;
          color: #444;
          line-height: 1.125em; }
          #block-menu-menu-quicklinks ul li li li a:hover {
            color: #444;
            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 .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 .25em .5em 0; }

#block-menu-menu-quicklinks ul li li a[title=news]:after,
#block-menu-menu-quicklinks ul li li a[title=nouvelles]:after,
#block-menu-menu-quicklinks ul li li a[title=minerva]:after {
  content: ' |';
  color: #b5b5b5; }

#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;
  border-bottom: 1px solid #EEE;
  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 .25em 0 0; }
  #block-menu-menu-popular-tools .content a {
    color: #333;
    background: #d2d2d2;
    padding: 6px 8px;
    text-decoration: none;
    font-family: 'CartoGothicStdBold', Helvetica, 'Helvetica Neue', Arial, sans serif;
    font-size: 12px;
    text-transform: uppercase; }
    #block-menu-menu-popular-tools .content a:hover {
      background: #c8c8c8; }

/************
 * 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: "\f0d7";
    content: "\f0c9";
    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: #f2f2f2;
    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: .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: .25em 0;
          clear: both; }

  .i18n-fr #global-nav-container ul li {
    padding: 1em; }
    .i18n-fr #global-nav-container ul li ul li {
      padding: .25em 0; } }