/***********************************************************
 ***********************************************************
 *
 *  Please don't add any hacks or !importants
 *  to this document without review
 *
 ***********************************************************
 ***********************************************************/
/************************
 * 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
 */
/********************
 * Removable
 ********************/
body, html {
  width: 100%; }

/*************************************
 * Resets main elements to AUTO width
 * Removes Floats to allow stacking
 * Removes Margins
 ************************************/
#strap,
#strap-container,
#header,
#nav-column,
#navigation ul,
#container .breadcrumb,
#inner-container #top-page,
#content,
#tabs,
#sidebar-column,
#sidebar-column .block,
#bottom-page,
.override #main-column #content.emergency,
.mcgill-emergency-message,
.mcgill-emergency-message div,
#container.mcgill-emergency.override #inner-container,
.page-taxonomy.no-vert-nav #inner-container {
  width: auto;
  float: none;
  margin: 0; }

/*************************************************
 * Extends width of elements to span device widths
 ***********************************************/
#strap,
#header,
#sidebar-column,
#sidebar-column .block,
#bottom-page,
#container,
.container.bottom-area,
.container-inner {
  min-width: 320px; }

/*******************************
 * Sets a margin around content
 *******************************/
.no-vert-nav #inner-container,
#inner-container,
#inner-container #top-page {
  margin: 0 .5em; }

#container {
  padding: 0; }

.page-search.mcgill-apachesolr-search #container {
  margin: 2em auto 4em auto;
  /*search page*/ }

/*************************************************
 * Navigation height reset - menu items to stack
 ***********************************************/
#navigation,
#navigation ul {
  height: auto; }

/*Mega Menu*/
#navigation .active-mega-menu {
  position: relative; }

#nav-column {
  clear: both; }

#strap-links ul {
  top: auto; }

/***********************
 * Content Area
 **********************/
#main-column {
  clear: both; }

#tabs li {
  display: block;
  float: left; }

/********************************************************
 * Hides our heavy loading images in an inelegant manner
 * Needs improvement
 *******************************************************/
.block-fancy_slide {
  display: none; }

/* Scales large images in the content area
 * overriding inline image attributes
 */
.content img {
  max-width: 100%;
  height: auto !important; }

/*Environment Indicator removable*/
#environment-indicator {
  display: none; }

body.environment-indicator-adjust.environment-indicator-left {
  margin: 0; }

/**************
 * Hiders
 **************/
#environment-indicator,
#searchtips,
#mcgill-watermark,
.breadcrumb,
a#explore-mcgill,
.page-search.mcgill-apachesolr-search #sidebar-column,
.mega-menu {
  display: none; }

table {
  max-width: 100%; }

table th {
  font-weight: bold; }

table td, table th {
  padding: 9px 10px;
  text-align: left; }

/**
 * 'Return' button for taxonomy needs a little adjustment.
 */
#return {
  margin: 0;
  position: static; }

#header h2.mobile-only {
  border-width: 1px 0;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.4);
  bottom: auto;
  float: none;
  height: auto;
  display: block;
  height: auto;
  left: auto;
  padding: 0.75em 5%;
  position: static;
  max-height: none;
  max-width: none;
  right: auto;
  top: auto;
  width: 90%; }

#header h2.mobile-only {
  display: block;
  visibility: visible; }

#header h2.mobile-only a {
  font-size: 2.5em;
  font-weight: bold;
  color: #DC241F;
  line-height: 1.125em;
  display: block;
  text-decoration: none; }