@charset "UTF-8";

/* CSS Document

DOCUMENT INFORMATION
	- Document: McMaster Branding
	- Version:  1
	- Author:   Simon Oakley

/* =Legend
==================================================

COLORS

Light Maroon  #ac1455
Maroon        #7a003c
Dark Maroon   #56002a
Light Grey    #f1f1f1
Grey          #c6cbce
Dark Grey     #8e979d
Light Slate   #6a7882
Slate         #323e48
Dark Slate    #1e252b
Light Yellow  #fdbf57
Yellow        #e8941a
Dark Yellow   #bf5711
Light Blue    #147cac
Blue          #193989
Dark Blue     #260059
Light Green   #98a632
Green         #677718
Dark Green    #384208

FONTS

Light Condensed         - font-family: 'LightCon';
Light Condensed Italic  - font-family: 'LightConObl';
Bold Condensed          - font-family: 'BoldCon';
Bold Condensed Italic   - font-family: 'BoldConObl';
Condensed               - font-family: 'RegCon';
Condensed Italic        - font-family: 'RegConObl';
Ultra Condensed         - font-family: 'UltraCon';
Font Awesome            - font-family: 'FontAwesome';
Glyphicons Halflings    - font-family: 'Glyphicons Halflings'

GREY  7e888f  LRG

/* =Swatches
================================================== */
.swatches div div {
  text-align:center;
  padding:20px;
  line-height:40px;
}
/* GREY */
.light-grey {
  background:#f1f1f1;
  color:#1e252b;
}
.grey {
  background:#c6cbce;
  color:#1e252b;
}
.dark-grey {
  background:#8e979d;
  color:#1e252b;
}
/* SLATE */
.light-slate {
  background:#6a7882;
  color:#fff;
}
.slate {
  background:#323e48;
  color:#fff;
}
.dark-slate {
  background:#1e252b;
  color:#fff;
}
/* MAROON */
.light-maroon {
  background:#ac1455;
  color:#fff;
}
.maroon  {
  background:#7a003c;
  color:#fff;
}
.dark-maroon {
  background:#56002a;
  color:#fff;
}
/* BLUE */
.light-blue {
  background:#147cac;
  color:#fff;
}
.blue {
  background:#193989;
  color:#fff;
}
.dark-blue{
  background:#260059;
  color:#fff;
}
/* YELLOW */
.light-yellow {
  background:#fdbf57;
  color:#1e252b;
}
.yellow {
  background:#e8941a;
  color:#1e252b;
}
.dark-yellow {
  background:#bf5711;
  color:#fff;
}
/* GREEN */
.light-green {
  background:#98a632;
  color:#1e252b;
}
.green {
  background:#677718;
  color:#fff;
}
.dark-green {
  background:#384208;
  color:#fff;
}


/* =Typography
================================================== */
body {
  font-family: 'LightCon';
  color: #444;
  font-weight: normal;
  font-style: normal;
}
.lead {
  font-family: 'LightCon';
  color: #6a7882;
}
h1 {
  font-family: 'UltraCon';
  color: #1e252b;
}
h2 {
  font-family: 'BoldCon';
  color: #323e48;
}
h3 {
  font-family: 'BoldCon';
  color: #323e48;
}
h4 {
  font-family: 'BoldCon';
  color: #323e48;
}
h5 {
  font-family: 'BoldCon';
  color: #323e48;
}
h6 {
  font-family: 'BoldCon';
  color: #323e48;
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
  color: #6a7882;
}
h1 em {
  font-family: 'UltraCon';
}
h2 em,
h3 em,
h4 em,
h6 em {
  font-family: 'BoldConObl';
  font-weight: normal;
  font-style: normal;
}
h5 em {
  font-family: 'RegConObl';
}
em {
  font-family: 'LightConObl';
  font-weight: normal;
  font-style: normal;
}
strong {
  font-family: 'BoldCon';
  font-weight: normal;
  font-style: normal;
}
strong em,
em strong {
  font-family: 'BoldConObl';
}
th {
  font-family: 'BoldCon';
  font-weight: normal;
  font-style: normal;
  color: #5b6770;
}
/* =Typographic Grid
================================================== */

body {
  font-size: 16px;
  line-height: 20px;
  margin: 0 auto;
/*  background: #fff url('../images/grid.png') repeat;*/
}
.lead {
  font-size: 22px;
  line-height: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}
h1 {
  font-size: 50px;
  line-height: 60px;
  margin-top: 40px;
  margin-bottom: 20px;
}
h2 {
  font-size: 32px;
  line-height: 40px;
  margin-top: 40px;
  margin-bottom: 20px;
}
h3 {
  font-size: 25px;
  line-height: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}
h4 {
  font-size: 20px;
  line-height: 25px;
  margin-top: 20px;
  margin-bottom: 20px;
}
h5 {
  font-size: 18px;
  line-height: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}
h6 {
  font-size: 16px;
  line-height: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

p, h1, h2, h3, h4, h5, h6 {
/*  background-color: rgba(12,133,204,0.1);*/
}
p, ul, ol, pre, table, blockquote {
  margin-top: 20px;
  margin-bottom: 20px;
/*  background-color: rgba(12,133,204,0.1);*/
}

/* =Sanitation
================================================== */

hr {
  border: 1px solid;
  margin: -1px 0;
}
ul ul, ol ol, ul ol, ol ul {
  margin-top: 0;
  margin-bottom: 0;
}
b, strong, em, small, code {
  line-height: 1;
}
sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
sub {
  top: 0.4em;
}
blockquote p:first-child {
  margin-top:0;
}
/* =Bits
================================================== */


.row-sm-space {
  margin-top: 20px;
}
.row-md-space {
  margin-top: 42px;
}
.row-lg-space {
  margin-top: 63px;
}
.form-control::-webkit-input-placeholder {
  color: #8e979d;
}
hr {
  color: #f1f1f1;
}

/* =Links
================================================== */

a:link {
  color: #ac1455; text-decoration:none; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;
}
a:visited {
  color: #ac1455; border-bottom:1px dotted #8e979d; text-decoration:none; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;
}

a:hover {
  color: #147cac;
/*  color: #6a7882;*/
  text-decoration:none; border-bottom-color:transparent; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;
}

a:active {
  color: #ac1455; border-bottom:1px dotted #8e979d; text-decoration:none; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;
}
p a:link
{ border-bottom:1px dotted #8e979d; }
p a:hover
{ border-bottom:1px solid #147cac; }

/* =Tabs
================================================== */
ul.nav-tabs {
  margin-top:40px;
}
.tab-content {
  padding-top:20px;
}
.tab-pane>h1:first-child, .tab-pane>h2:first-child, .tab-pane>h3:first-child, .tab-pane>h4:first-child, .tab-pane>h5:first-child, .tab-pane>h6:first-child, .tab-pane>p:first-child {
  margin-top:0;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  color: #147cac;
}
.nav.nav-tabs>li>a {
  font-size: 20px;
  line-height:20px;
  font-family: 'RegCon';
}
/* =Lists
================================================== */
ul ul,
ol ol,
ul ol,
ol ul {
  margin-top: 0;
  margin-bottom: 0;
  list-style-image: none;
}
/* Custom Bullets Built with http://www.patternify.com (6x6 px) */
ul li {
  list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAE0lEQVQIW2NcIxL6nwELYBxICQAjCQx/Sr4i0AAAAABJRU5ErkJggg==)
}
ul li ul li {
  list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAE0lEQVQIW2Psmz73PwMWwDiQEgB7YRCNbZm7ogAAAABJRU5ErkJggg==)
}
ul li ul li ul li {
  list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAIUlEQVQIW2Psmz73PwMWwAiSKMxIQpHqnzGPgdoS2CwHANxOHI1gFsiYAAAAAElFTkSuQmCC)
}
ol li ol li {
  list-style-type: lower-alpha;
}
ol li ol li ol li {
  list-style-type: lower-roman;
}
.icon-list {
  padding-left: 20px;
}
.icon-list li {
  padding: 0 0 0 20px;
  display: block;
  position: relative;
}
.icon-list li:before {
  font-family: 'FontAwesome';
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 80%;
  color: #ac1455;
}
.check-list li:before {
  content: "\f00c";
}
.list-unstyled li, .list-unstyled  {
  list-style-image:none;
}
/* =Border Radius
================================================== */
.btn, .well, .nav-tabs li a, .panel {
  border-radius:0 !important;
}
/* =Responsive Video Embeds
================================================== */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.video-container.player-condensed {
    padding-top: 0px;
  box-shadow: 0 1px 10px #c6cbce;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* =Tables
================================================== */

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
  padding: 10px;
  padding-bottom: 10px;
}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th {
  padding-top: 15px;
}
.table.table-condensed>thead>tr>th,
.table.table-condensed>tbody>tr>th,
.table.table-condensed>tfoot>tr>th,
.table.table-condensed>thead>tr>td,
.table.table-condensed>tbody>tr>td,
.table.table-condensed>tfoot>tr>td {
  padding: 5px;
  padding-bottom: 4px;
  padding-top:3px;
}
.table.table-condensed>thead>tr>th,
.table.table-condensed>tbody>tr>th,
.table.table-condensed>tfoot>tr>th {
  padding-bottom: 3px;
}
.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
  background-color: #fbfbfb;
}
.table-hover>tbody>tr>td,
.table-hover>tbody>tr>th {
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
}
.table-hover>tbody>tr:hover>td,
.table-hover>tbody>tr:hover>th {
  background-color: #f1f1f1;
}

/* =Buttons
================================================== */

.btn {
  padding: 7px 12px;
  font-size: 16px;
  line-height: 15px;
  text-align: center;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  font-family: 'LightCon';
  font-style: normal;
  font-weight: normal;
  border:1px solid #7a003c;
  border-style:solid !important;
}
.btn-lg,
.btn-group-lg>.btn {
  padding: 9px 16px ;
  font-size: 20px;
  line-height: 20px;
}
.btn-sm,
.btn-group-sm>.btn {
  padding: 6px 10px;
  font-size: 13px;
  line-height: 15px;
}
.btn-xs,
.btn-group-xs>.btn {
  padding: 1px 5px 2px;
  font-size: 12px;
  line-height: 15px;
  margin-top: -3px;
}
.btn-primary {
  background-color: #7a003c;
  border-color: #7a003c !important;
  color: #ffffff !important;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background-color: #ac1455 !important;
  border-color:#ac1455 !important;
}
.btn-default {
  background-color: #ffffff;
  border-color: #c6cbce !important;
  color: #444 !important;
}
.btn-default:hover, .btn-default:active, .btn-default:focus {
  color:#000 !important;
  background-color: #c6cbce !important;
  border-color: #c6cbce !important;
}
.btn-info {
  background-color: #6a7882;
  border-color: #6a7882 !important;
  color: #ffffff !important;
}
.btn-info:hover, .btn-info:active, .btn-info:focus {
  background-color: #323e48 !important;
  border-color:#323e48 !important;
}
.btn-group .btn-info {
  border-left-color:#ffffff !important;
}
.btn-group .btn-info:first-child {
  border-left-width: 0;
}

/* =Components
================================================== */

/* Divider */

.column-divider-left {
  border-left: 1px solid #c6cbce;
  padding-left: 40px;
}
.column-divider-right {
  border-right: 1px solid #c6cbce;
  padding-right: 40px;
}
/* Well */

.well {
  min-height: 20px;
  padding: 19px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f1f1f1;
  border: 1px solid #e3e3e3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well *:first-child {
  margin-top: 0;
}
.well *:last-child {
  margin-bottom: 0;
}
/* Panel */

.panel {
  margin-top: 20px;
  margin-bottom: 20px;
}
.panel-group .panel+.panel {
  margin-top: 9px;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-heading {
  padding: 14px 20px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-default>.panel-heading {
  color: #333;
  background-color: #f1f1f1;
  border-color: #ddd;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-size: 16px;
  line-height: 20px;
}
.panel-default {
  border-color: #ddd;
}
.panel-body {
  padding: 19px 20px;
}
.panel-body *:first-child {
  margin-top: 0;
}
.panel-body *:last-child {
  margin-bottom: 0;
}
/* Media Object */

.media,
.media .media {
  list-style-image: none;
  margin-top: 20px; padding-bottom:5px;
}
.media:first-child {
  margin-top: 20px;
}
.media:last-child {
  margin-bottom: 20px;
}
.media-heading {
  margin: 0 0 0;
}
/* =Sticky Footer
================================================== */

html,
body {
  height: 100%;
}
body {
  display: table;
  width: 100%;
}

#main {
  display: table-row;
  height: 1px;
}

#mac-footer {
  display: table-row;
  height: 1px;
}
#main {
  height: 100%;
}
#main>.container {
  margin-bottom: 0; padding-bottom:42px;
}

#mac-footer>.container {
  padding-bottom: 42px;
}


/* =Banner
================================================== */

.flexslider {
  margin: 0;
  background: #1e252b;
  border: none;
  position: relative;
  zoom: 1;
  border-radius: 0;
  -o-box-shadow: none;
  box-shadow: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 280px;
}
.flexslider .slides {
  zoom: 1;
  overflow: hidden;
  position: relative;
}
.carousel li {
  margin-right: 0;
}
.flexslider li {
  list-style-image: none;
}
.flexslider .slides li {
  position: relative;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  box-shadow: inset 0 -147px 147px rgba(0, 0, 0, 0.5);
}
.flexslider .slides li a {
  color: #fff;
  font-size: 56px;
  line-height: 56px;
  text-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
  -webkit-text-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
  -moz-text-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
  font-family: 'LightCon';
  letter-spacing: 1px;
  position: absolute;
  bottom: 18%;
  width: 100%;
  left: 0;
}
.flex-control-nav {
  bottom: 14px;
  right: 0;
  left: 0;
  position: absolute;
  text-align: center;
  width: auto;
  z-index: 10;
}
.flex-control-nav a {
  border-radius: 0;
}
.flex-control-paging li a {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 0;
}
.flex-control-paging li a.flex-active {
  background: rgba(255, 255, 255, 0.8);
}
.flex-direction-nav {
  height: 0 !important;
}
.flex-direction-nav .flex-next {
  background-position: 100% 0;
  right: 0;
  color: #8e979d;
}
.flex-direction-nav .flex-prev {
  left: 0;
  color: #8e979d;
}
/* =Fonts
================================================== */

@font-face {
  font-family: 'LightCon';
  src: url('../fonts/robotocondensed-light-webfont.eot');
  src: url('../fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-light-webfont.woff') format('woff'), url('../fonts/robotocondensed-light-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'LightConObl';
  src: url('../fonts/robotocondensed-lightitalic-webfont.eot');
  src: url('../fonts/robotocondensed-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-lightitalic-webfont.woff') format('woff'), url('../fonts/robotocondensed-lightitalic-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BoldCon';
  src: url('../fonts/robotocondensed-bold-webfont.eot');
  src: url('../fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-bold-webfont.woff') format('woff'), url('../fonts/robotocondensed-bold-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BoldConObl';
  src: url('../fonts/robotocondensed-bolditalic-webfont.eot');
  src: url('../fonts/robotocondensed-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-bolditalic-webfont.woff') format('woff'), url('../fonts/robotocondensed-bolditalic-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-bolditalic-webfont.svg#roboto_condensedbold_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RegCon';
  src: url('../fonts/robotocondensed-regular-webfont.eot');
  src: url('../fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-regular-webfont.woff') format('woff'), url('../fonts/robotocondensed-regular-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RegConObl';
  src: url('../fonts/robotocondensed-italic-webfont.eot');
  src: url('../fonts/robotocondensed-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-italic-webfont.woff') format('woff'), url('../fonts/robotocondensed-italic-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-italic-webfont.svg#roboto_condenseditalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'UltraCon';
  src: url('../fonts/leaguegothic-regular-webfont.eot');
  src: url('../fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/leaguegothic-regular-webfont.woff') format('woff'), url('../fonts/leaguegothic-regular-webfont.ttf') format('truetype'), url('../fonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* =Queries
================================================== */

/* Bootstrap Large (large desktops, 1200px and up) */

@media (min-width: 1200px) {

}
/* Bootstrap Medium (large desktops, 1200px and up) */

@media (max-width: 1200px) {

}
/* Bootstrap Small (desktops, 992px and up) */

@media (max-width: 992px) {
  .column-divider-left {
    border-left: 0;
    border-top: 1px solid #eee;
    padding-left: 0;
    padding-top: 20px;
  }
  .column-divider-right {
    border-right: 0;
    border-bottom: 1px solid #eee;
    padding-right: 0;
    padding-bottom: 20px;
  }
}
/* Bootstrap Extra Small (tablets, 768px and up) */

@media (max-width: 768px) {}
/* Smart Phone (tablets, 480px and up) */

@media (max-width: 480px) {


}