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

div.tabs div.container:after, div.tabs.vertical:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

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

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

/*
 * Mixins
 */
/****** JQUERY WIDGETS ******/
/* 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: "\f067";
    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 .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 .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 .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 .accordion > h6:before {
    font-family: "FontAwesome";
    content: "\f068";
    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 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 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: #ECEFF1;
    color: #3E3834;
    text-decoration: none; }
    div.tabs ul.tab-nav a:focus {
      outline: 0; }
  div.tabs > div {
    box-sizing: border-box;
    border: 1px solid #ECEFF1;
    padding: 10px; }
  div.tabs div {
    margin: 1px 0px 0px 0px; }
  div.tabs h2 {
    margin: 0px; }
  div.tabs.vertical {
    border-top: 1px solid #ECEFF1; }
    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 .125em 0;
        position: relative; }
        div.tabs.vertical ul.tab-nav li a {
          display: block;
          border: 0;
          padding: .75em .5em;
          background: #ECEFF1; }
          div.tabs.vertical ul.tab-nav li a:hover {
            background: #B6B6B6; }
          div.tabs.vertical ul.tab-nav li a.selected {
            background: #FFF;
            position: relative;
            right: -2px;
            border: 0;
            border-left: 3px solid #BE1121; }
    div.tabs.vertical > div {
      background: #FFF;
      border: 0;
      margin: 0;
      padding: 1.25em 1.5em 1.5em 1.5em;
      border-bottom: 3px solid #ECEFF1; }
      @media (min-width: 960px) {
        div.tabs.vertical > div {
          width: 74.78992%;
          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: .75em .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-color: #bbb;
          color: #0C0C0C; }
          div.tabs ul.tab-nav li a:hover.selected, div.tabs.horizontal ul.tab-nav li a:hover.selected {
            background-color: #FFFFFC;
            color: #0C0C0C; }
        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: #ECEFF1;
          color: #0C0C0C;
          background-color: #FFFFFC; }
          @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: #FFFFFC; } }