@charset "UTF-8";

/* CSS Document
DOCUMENT INFORMATION
	- Document: McMaster Global Header and Footer
	- Version:  1
	- Client:   McMaster University
	- Author:   Simon Oakley

COLOURS

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

/* =Header
================================================== */

#mac-nav {
  background: #f1f1f1;
  overflow: hidden;
}

#mac-nav a {
  position: relative;
  min-width: 80px;
  text-align: center;
  height: 100px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  text-transform: uppercase;
  font-family: 'BoldCon';
  color: #5b6770;
  font-size: 12px;
  letter-spacing: 1px;
  cursor: pointer;
  z-index: 2000;
  border-bottom:3px solid transparent;
}
#mac-nav a:hover {
  background-color: rgba(0, 0, 0, 0.05);
  text-decoration: none;
  border-bottom-color:#ac1455;
}
/* MAC LOGO */
#mac-nav #mac-logo {
  background-image: url(../images/logo-mcmaster-university.png);
/*  background-size: 145px 80px;*/
  background-size:auto;
  background-repeat: no-repeat;
  background-position: 15px 12px;
  display: block;
  width: 175px;
  height: 100px;
  text-indent: -9999px;
  position: relative;
  left: 0;
  top: 0;
  z-index: 5000;
}
#mac-nav #mac-logo:hover {
  background-color: transparent;
}
/* MAC SEARCH */
#mac-search {
  padding-top: 65px;
}
#mac-search span,
#mac-search span::after,
#mac-search span::before {
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#mac-search span {
  display: block;
  position: absolute;
  height: 24px;
  width: 24px;
  border: 3px solid #5b6770;
  border-radius: 50%;
  top: 26px;
/*  left: 25px;*/
  left: 30%;
}
#mac-search span:before {
  position: absolute;
  display: block;
  left: 20px;
  bottom: -7px;
  border-radius: 2px;
  width: 12px;
  height: 3px;
  background: #5b6770;
  content: '';
  -webkit-transform: translateX(-6px) translateY(-3px) rotate(45deg);
  -ms-transform: translateX(-6px) translateY(-3px) rotate(45deg);
  transform: translateX(-6px) translateY(-3px) rotate(45deg);
}
#mac-search span:after {
  position: absolute;
  display: block;
  left: 20px;
  bottom: -7px;
  border-radius: 2px;
  width: 12px;
  height: 3px;
  background: #5b6770;
  content: '';
  -webkit-transform: translateX(-6px) translateY(-3px) rotate(45deg);
  -ms-transform: translateX(-6px) translateY(-3px) rotate(45deg);
  transform: translateX(-6px) translateY(-3px) rotate(45deg);
}
#mac-search.active span {
  height: 0%;
  width: 0%;
  top: 38px;
  left: 37px;
  border: 2px solid #5b6770;
}
#mac-search.active span:before {
  left: -15px;
  bottom: -2px;
  width: 32px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#mac-search.active span:after {
  left: -16px;
  bottom: -2px;
  width: 32px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(135deg);
}
#mac-nav.active #mac-search {
  color: white !important;
  background:#7a003c;
}
#mac-nav.active #mac-search span {
  border-color: #ffffff !important;
}
#mac-nav.active #mac-search span:before,
#mac-nav.active #mac-search span:after {
  background: #ffffff !important;
}
/* MAC MENU TOGGLE */
#mac-menu-toggle {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  padding-top: 65px;
}
#mac-menu-toggle span {
  display: block;
  position: absolute;
  height: 3px;
  width: 32px;
  background: #5b6770;
  border-radius: 2px;
  opacity: 1;
  top: 38px;
/*  left: 24px;*/
  left: 30%;
}
#mac-menu-toggle span,
#mac-menu-toggle span::before,
#mac-menu-toggle span::after {
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  border-radius: 2px;
}
#mac-menu-toggle span::before,
#mac-menu-toggle span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 32px;
  height: 3px;
  background: #5b6770;
  content: '';
}
#mac-menu-toggle span:before {
  top: -10px;
}
#mac-menu-toggle span:after {
  top: 10px;
}
#mac-menu-toggle.active span {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#mac-menu-toggle.active span:before {
  top: -8px;
  width: 16px;
  left: 4px;
  -webkit-transform: translateX(-6px) translateY(3px) rotate(-45deg);
  -ms-transform: translateX(-6px) translateY(3px) rotate(-45deg);
  transform: translateX(-6px) translateY(3px) rotate(-45deg);
}
#mac-menu-toggle.active span:after {
  top: 8px;
  width: 16px;
  left: 4px;
  -webkit-transform: translateX(-6px) translateY(-3px) rotate(45deg);
  -ms-transform: translateX(-6px) translateY(-3px) rotate(45deg);
  transform: translateX(-6px) translateY(-3px) rotate(45deg);
}
#mac-nav.active #mac-menu-toggle span,
#mac-nav.active #mac-menu-toggle span:before,
#mac-nav.active #mac-menu-toggle span:after {
  background: #ffffff !important;
}
#mac-nav.active #mac-menu-toggle {
  color: white;
  background:#7a003c;
}
/* SECONDARY CONDENSED HEADER */
#mac-nav.secondary {
  overflow: visible;
  height: 60px;
}
#mac-nav.secondary a {
  text-indent: -9999px;
  height: 60px;
}
#mac-nav.secondary #mac-search {
  padding-top: 0;
}
#mac-nav.secondary #mac-menu-toggle {
  padding-top: 0;
}
#mac-nav.secondary #mac-logo {
/*  background-size: 109px 60px;*/
  background-size:auto;
  background-position: 15px 7px;
  width: 139px;
  height: 74px;
  position:absolute;
}
#mac-nav.secondary #mac-logo:hover {
  border-bottom-color:transparent;
}
#mac-nav.secondary #mac-menu-toggle span {
  top: 28px;
}
#mac-nav.secondary #mac-search span {
  top: 15px;
}
#mac-nav.secondary #mac-search.active span {
  top: 28px;
}

/* =Off Canvas Menu
================================================== */

.noscroll {
  position:fixed;
}
#mac-menu {
  background: #7a003c;
  position: fixed;
  padding-top: 100px;
  width: 240px;
  height: 100%;
  top: 0;
  right: -240px;
  z-index: 1200;
  margin-top: 0;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;

}
#mac-menu .panel {
  background: transparent;
  margin: 0 !important;
  box-shadow: none;
  border: none;
}
#mac-menu .panel-group .panel+.panel {
  margin-top: 0 !important;
}
#mac-menu>li:first-child>a {
  border-top: 1px solid #550022;
}
#mac-menu a {
  display: block;
  color: #fff;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 300;
  border-bottom: 1px solid #550022;
  padding: 1em;
  -webkit-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}
#mac-menu li ul {
  margin-left: 0;
  padding-left: 0;
  margin-top: 0;
}
#mac-menu li ul li {
  list-style-image: none;
  list-style-type: none;
  margin-top: 0;
}
#mac-menu li ul li a {
  padding: 10px 15px 11px 25px;
  font-size: 16px;
  letter-spacing: 1px;
  background-color: #56002a;
  margin-top: 0;
  border-bottom: 1px solid #3d001e;
}
#mac-menu a:hover {
  background: #ac1455;
}
#mac-menu a:active {
  /*  background: #1e252b;*/
}
#mac-menu a:focus {
  background: #ac1455;
  border-color: #ac1455;
}
#mac-menu li ul li a:hover {
  background-color: #3c464d;
  text-decoration: none;
}
#mac-menu.open {

  -webkit-transform: translate(-240px, 0);
  -ms-transform: translate(-240px, 0);
  transform: translate(-240px, 0);
}
/* =Search Overlay
================================================== */

/* Overlay */
#mac-search-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
  height: calc(100% - 100px);
	top: 100px;
	left: 0;
    z-index: 1100;
  overflow-y: scroll !important;
  background: #c6cbce;
}
#mac-nav.secondary #mac-search-overlay {
  top:60px !important;
  height: calc(100% - 60px) !important;
}

/* Transition Effects */
#mac-search-overlay {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
}
#mac-search-overlay.open {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
#mac-search-overlay .mac-quick-links {
	opacity: 0.4;
	-webkit-transform: translateY(-25%) rotateX(35deg);
	transform: translateY(-25%) rotateX(35deg);
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}
#mac-search-overlay.open .mac-quick-links {
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
#mac-search-overlay.close .mac-quick-links {
	-webkit-transform: translateY(25%) rotateX(-35deg);
	transform: translateY(25%) rotateX(-35deg);
}
/* Search Field */
#search-input {
    padding: 3px;
    border: solid 1px #E4E4E4;
    border-radius: 6px;
    background-color: #fff;
  margin:0 auto;
  margin-top:80px;
  -webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
  -webkit-perspective: 1200px;
	perspective: 1200px;
}
#mac-search-overlay #search-input {
	opacity: 0.4;
	-webkit-transform: translateY(-25%) rotateX(35deg);
	transform: translateY(-25%) rotateX(35deg);
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}
#mac-search-overlay.open #search-input {
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
#mac-search-overlay.close #search-input {
	-webkit-transform: translateY(25%) rotateX(-35deg);
	transform: translateY(25%) rotateX(-35deg);
}
#search-input input{
    border: 0;
    box-shadow: none;
}
/*
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*/
#search-input button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #666666 !important;
    padding: 0 8px 0 10px;
    border-left: solid 1px #c6cbce !important;
}
#search-input button:hover{
    border: 0;
    box-shadow: none;
    border-left: solid 1px #323e48 !important;
  color:#ac1455 !important;
  background-color:transparent !important;

}
#search-input .glyphicon{
    font-size: 23px;
}
/* Quick Links */
#mac-search-overlay .mac-quick-links h2 {
    font-size: 18px;
  line-height: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
#mac-search-overlay .mac-quick-links ul li a {
  display:inline;
  color:#ac1455;
  font-family: 'LightCon';
  font-size: 16px;
  line-height: 20px;
  text-transform: none;
  letter-spacing:0;
  text-decoration:none;
  border-bottom:none;
}
#mac-search-overlay .mac-quick-links ul li a:hover {
  color: #147cac;
  background:none;
  text-decoration:none;
}
#mac-search-overlay .mac-quick-links li {
  margin-bottom:5px;
}
#mac-search-overlay .mac-quick-links {
  background:#fff;
  margin-top:50px;
  padding:15px 30px;
  border-top:5px solid #7a003c;
  box-shadow:0 2px 10px #8e979d;
  overflow-y: scroll;
  margin-bottom:50px;
}


/* =Footer
================================================== */
#mac-footer {
  text-align: center;
  margin-top: 42px;
  min-height: 1px;
  background:#1e252b;
}
#mac-footer .mac-contact {
  margin-bottom: 30px;
  font-size: 11px;
  line-height:15px;
  text-align: center;
}
#mac-footer .mac-contact li {
  border-left-width: 1px;
  border-left-style: solid;
  padding: 0 10px !important;
  border-left-color: #8e979d;
}
#mac-footer .mac-contact li:first-child {
  border-left: none;
}
#mac-footer a {
  color:#8e979d !important;
}
#mac-footer a:hover {
  color:#fdbf57 !important; border-bottom-color:#fdbf57;
}
#mac-footer .mac-contact a:hover {
  border-bottom-width:1px; border-bottom-style: solid;
}
#mac-footer .mac-social li a {
  font-size:25px; line-height:25px;
}
#mac-footer #mac-footer-logo {
  background-image: url(../images/logo-mcmaster-university-rev.png);
/*  background-size: 145px 80px;*/
  background-size:auto;
  background-repeat: no-repeat;
  display: block;
  width: 145px;
  height: 80px;
  text-indent: -9999px;
  margin:0 auto;
}

/* =Colour Customization
================================================== */
/*
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
*/
/*Maroon*/
#mac-nav.maroon {
  background: #7a003c;
}
#mac-nav.maroon a {
  color: #fff;
}
#mac-nav.maroon #mac-logo {
  background-image: url(../images/logo-mcmaster-university-rev.png);
}
#mac-nav.maroon a:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-bottom-color:#fdbf57;
}
#mac-nav.maroon #mac-search span {
  border-color:#fff;
}
#mac-nav.maroon #mac-search span:before,
#mac-nav.maroon #mac-search span:after,
#mac-nav.maroon #mac-menu-toggle span,
#mac-nav.maroon #mac-menu-toggle span::before,
#mac-nav.maroon #mac-menu-toggle span::after {
  background: #fff;
}
#mac-footer.maroon {
  background:#7a003c;
  color:#fff;
}
#mac-footer.maroon .mac-contact li {
  border-left-color: #fff;
}
#mac-footer.maroon a {
  color:#fff !important;
}
#mac-footer.maroon a:hover {
  color:#fdbf57 !important; border-bottom-color:#fdbf57;
}
/*Dark Maroon*/
#mac-nav.dark-maroon {
  background: #56002a;
}
#mac-nav.dark-maroon a {
  color: #fff;
}
#mac-nav.dark-maroon #mac-logo {
  background-image: url(../images/logo-mcmaster-university-rev.png);
}
#mac-nav.dark-maroon a:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-bottom-color:#fdbf57;
}
#mac-nav.dark-maroon #mac-search span {
  border-color:#fff;
}
#mac-nav.dark-maroon #mac-search span:before,
#mac-nav.dark-maroon #mac-search span:after,
#mac-nav.dark-maroon #mac-menu-toggle span,
#mac-nav.dark-maroon #mac-menu-toggle span::before,
#mac-nav.dark-maroon #mac-menu-toggle span::after {
  background: #fff;
}
#mac-footer.dark-maroon {
  background:#56002a;
  color:#fff;
}
#mac-footer.dark-maroon .mac-contact li {
  border-left-color: #fff;
}
#mac-footer.dark-maroon a {
  color:#fff !important;
}
#mac-footer.dark-maroon a:hover {
  color:#fdbf57 !important; border-bottom-color:#fdbf57;
}
/*Dark Slate*/
#mac-nav.dark-slate {
  background: #1e252b;
}
#mac-nav.dark-slate a {
  color: #c6cbce;
}
#mac-nav.dark-slate #mac-logo {
  background-image: url(../images/logo-mcmaster-university-rev.png);
}
#mac-nav.dark-slate a:hover {
  background-color: rgba(255, 255, 255, 0.05);
  border-bottom-color:#fdbf57;
}
#mac-nav.dark-slate #mac-search span {
  border-color:#c6cbce;
}
#mac-nav.dark-slate #mac-search span:before,
#mac-nav.dark-slate #mac-search span:after,
#mac-nav.dark-slate #mac-menu-toggle span,
#mac-nav.dark-slate #mac-menu-toggle span::before,
#mac-nav.dark-slate #mac-menu-toggle span::after {
  background: #c6cbce;
}
#mac-footer.dark-slate {
  background:#1e252b;
}
#mac-footer.dark-slate .mac-contact li {
  border-left-color: #8e979d;
}
#mac-footer.dark-slate a {
  color:#8e979d !important;
}
#mac-footer.dark-slate a:hover {
  color:#fdbf57 !important; border-bottom-color:#fdbf57;
}
/*Slate*/
#mac-nav.slate {
  background: #323e48;
}
#mac-nav.slate a {
  color: #f1f1f1;
}
#mac-nav.slate #mac-logo {
  background-image: url(../images/logo-mcmaster-university-rev.png);
}
#mac-nav.slate a:hover {
  background-color: rgba(255, 255, 255, 0.05);
  border-bottom-color:#fdbf57;
}
#mac-nav.slate #mac-search span {
  border-color:#f1f1f1;
}
#mac-nav.slate #mac-search span:before,
#mac-nav.slate #mac-search span:after,
#mac-nav.slate #mac-menu-toggle span,
#mac-nav.slate #mac-menu-toggle span::before,
#mac-nav.slate #mac-menu-toggle span::after {
  background: #f1f1f1;
}
#mac-footer.slate {
  background:#323e48;
}
#mac-footer.slate .mac-contact li {
  border-left-color: #c6cbce;
}
#mac-footer.slate a {
  color:#c6cbce !important;
}
#mac-footer.slate a:hover {
  color:#fdbf57 !important; border-bottom-color:#fdbf57;
}
/*Light Slate*/
#mac-nav.light-slate {
  background: #6a7882;
}
#mac-nav.light-slate a {
  color: #f1f1f1;
}
#mac-nav.light-slate #mac-logo {
  background-image: url(../images/logo-mcmaster-university-rev.png);
}
#mac-nav.light-slate a:hover {
  background-color: rgba(255, 255, 255, 0.05);
  border-bottom-color:#fdbf57;
}
#mac-nav.light-slate #mac-search span {
  border-color:#f1f1f1;
}
#mac-nav.light-slate #mac-search span:before,
#mac-nav.light-slate #mac-search span:after,
#mac-nav.light-slate #mac-menu-toggle span,
#mac-nav.light-slate #mac-menu-toggle span::before,
#mac-nav.light-slate #mac-menu-toggle span::after {
  background: #f1f1f1;
}
#mac-footer.light-slate {
  background:#6a7882;
}
#mac-footer.light-slate .mac-contact li {
  border-left-color: #fff;
}
#mac-footer.light-slate a {
  color:#fff !important;
}
#mac-footer.light-slate a:hover {
  color:#fff !important; border-bottom-color:#fff;
}
/*Dark Grey*/
#mac-nav.dark-grey {
  background: #8e979d;
}
#mac-nav.dark-grey a {
  color: #1e252b;
}
#mac-nav.dark-grey #mac-logo {
  background-image: url(../images/logo-mcmaster-university-bw.png);
}
#mac-nav.dark-grey a:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-bottom-color:#56002a;
}
#mac-nav.dark-grey #mac-search span {
  border-color:#1e252b;
}
#mac-nav.dark-grey #mac-search span:before,
#mac-nav.dark-grey #mac-search span:after,
#mac-nav.dark-grey #mac-menu-toggle span,
#mac-nav.dark-grey #mac-menu-toggle span::before,
#mac-nav.dark-grey #mac-menu-toggle span::after {
  background: #1e252b;
}
#mac-footer.dark-grey {
  background:#8e979d;
}
#mac-footer.dark-grey .mac-contact li {
  border-left-color: #1e252b;
}
#mac-footer.dark-grey a {
  color:#1e252b !important;
}
#mac-footer.dark-grey a:hover {
  color:#56002a !important; border-bottom-color:#56002a;
}
#mac-footer.dark-grey #mac-footer-logo {
  background-image: url(../images/logo-mcmaster-university-bw.png);
}
/*Grey*/
#mac-nav.grey {
  background: #c6cbce;
}
#mac-nav.grey a {
  color: #323e48;
}
#mac-nav.grey #mac-logo {
  background-image: url(../images/logo-mcmaster-university.png);
}
#mac-nav.grey a:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-bottom-color:#7a003c;
}
#mac-nav.grey #mac-search span {
  border-color:#323e48;
}
#mac-nav.grey #mac-search span:before,
#mac-nav.grey #mac-search span:after,
#mac-nav.grey #mac-menu-toggle span,
#mac-nav.grey #mac-menu-toggle span::before,
#mac-nav.grey #mac-menu-toggle span::after {
  background: #323e48;
}
#mac-footer.grey {
  background:#c6cbce;
}
#mac-footer.grey .mac-contact li {
  border-left-color: #323e48;
}
#mac-footer.grey a {
  color:#323e48 !important;
}
#mac-footer.grey a:hover {
  color:#7a003c !important; border-bottom-color:#7a003c;
}
#mac-footer.grey #mac-footer-logo {
  background-image: url(../images/logo-mcmaster-university.png);
}
/*Light Grey*/
#mac-nav.light-grey {
  background: #f1f1f1;
}
#mac-nav.light-grey a {
  color: #5b6770;
}
#mac-nav.light-grey a:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-bottom-color:#ac1455;
}
#mac-nav.light-grey #mac-search span {
  border-color:#5b6770;
}
#mac-nav.light-grey #mac-search span:before,
#mac-nav.light-grey #mac-search span:after,
#mac-nav.light-grey #mac-menu-toggle span,
#mac-nav.light-grey #mac-menu-toggle span::before,
#mac-nav.light-grey #mac-menu-toggle span::after {
  background: #5b6770;
}
#mac-footer.light-grey {
  background:#f1f1f1;
}
#mac-footer.light-grey .mac-contact li {
  border-left-color: #323e48;
}
#mac-footer.light-grey a {
  color:#323e48 !important;
}
#mac-footer.light-grey a:hover {
  color:#ac1455 !important; border-bottom-color:#ac1455;
}
#mac-footer.light-grey #mac-footer-logo {
  background-image: url(../images/logo-mcmaster-university.png);
}
/*White*/
#mac-nav.white {
  background: #ffffff;
}
#mac-nav.white a {
  color: #5b6770;
}
#mac-nav.white a:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-bottom-color:#ac1455;
}
#mac-nav.white #mac-search span {
  border-color:#5b6770;
}
#mac-nav.white #mac-search span:before,
#mac-nav.white #mac-search span:after,
#mac-nav.white #mac-menu-toggle span,
#mac-nav.white #mac-menu-toggle span::before,
#mac-nav.white #mac-menu-toggle span::after {
  background: #5b6770;
}
#mac-footer.white {
  background:#ffffff;
}
#mac-footer.white .mac-contact li {
  border-left-color: #6a7882;
}
#mac-footer.white a {
  color:#6a7882 !important;
}
#mac-footer.white a:hover {
  color:#ac1455 !important; border-bottom-color:#ac1455;
}
#mac-footer.white #mac-footer-logo {
  background-image: url(../images/logo-mcmaster-university.png);
}
/*Black*/
#mac-nav.black {
  background: #000000;
}
#mac-nav.black a {
  color: #fff;
}
#mac-nav.black #mac-logo {
  background-image: url(../images/logo-mcmaster-university-rev.png);
}
#mac-nav.black a:hover {
  background-color: rgba(255, 255, 255, 0.12);
  border-bottom-color:#fdbf57;
}
#mac-nav.black #mac-search span {
  border-color:#fff;
}
#mac-nav.black #mac-search span:before,
#mac-nav.black #mac-search span:after,
#mac-nav.black #mac-menu-toggle span,
#mac-nav.black #mac-menu-toggle span::before,
#mac-nav.black #mac-menu-toggle span::after {
  background: #fff;
}
#mac-footer.black {
  background:#000000;
}
#mac-footer.black .mac-contact li {
  border-left-color: #8e979d;
}
#mac-footer.black a {
  color:#8e979d !important;
}
#mac-footer.black a:hover {
  color:#fff !important; border-bottom-color:#fff;
}


/* =Google CSE Search Results
================================================== */

#___gcse_0 > div {
  border:none; padding:0; background:transparent;
}

#___gcse_0 > div * {
  font-family: 'LightCon';
}
#___gcse_0 .gsc-above-wrapper-area-container {
  margin:0;
}
#___gcse_0 .gs-title {
  font-size: 20px;
  line-height: 25px;
  font-family: 'RegCon';
  text-decoration:none;
   border-bottom:1px solid transparent;
 -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;
  color:#990033;


}
#___gcse_0 a.gs-title b {
  color:#990033;
  font-size: 20px;
  line-height: 25px;
  font-family: 'BoldConObl';
  text-decoration:none;
  border-bottom:none;
  -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;
}

#___gcse_0 a.gs-title:hover, #___gcse_0 a.gs-title b:hover, #___gcse_0 a.gs-title:hover b {
  color: #147cac;
  text-decoration:none;
   border-bottom:1px solid #147cac;
}
#___gcse_0 .gsc-table-result {
  margin:0;
}
#___gcse_0 .gsc-webResult.gsc-result {
  background:transparent; padding:0; border:none; margin-bottom:20px;
}
/*Description*/
#___gcse_0 .gs-bidi-start-align.gs-snippet {
  font-size: 16px;
  line-height: 20px;
  color:#1e252b;

}
/*URL*/
#___gcse_0 .gs-bidi-start-align.gs-visibleUrl.gs-visibleUrl-long {
  color:#485155;
}
#___gcse_0 .gs-bidi-start-align.gs-visibleUrl.gs-visibleUrl-long b {
  color:#485155; font-style:normal; font-weight:normal; font-family:'RegCon';
}
/*Pagination*/
#___gcse_0 .gsc-cursor-box {
  margin-top:40px;
}
#___gcse_0 .gsc-cursor-page {
  padding:5px 10px; text-decoration:none; background:white; margin:0;
  border: 1px solid #c6cbce;
  border-left:none;
  color: #ac1455;
  font-family: 'RegCon';
}
#___gcse_0 .gsc-cursor-page:hover {
color:#fff;
  background-color: #ac1455;

}
#___gcse_0 .gsc-cursor-page.gsc-cursor-current-page {
   background-color: #8e979d;
  color:#fff;
  font-family: 'LightCon';
}
#___gcse_0 .gsc-table-cell-thumbnail.gsc-thumbnail {
  display:none;
}
#___gcse_0 .gsc-above-wrapper-area {
  border-bottom:0;
}
#___gcse_0 .gsc-result-info {
  padding:0; margin:20px 0 0 0; color:#485155;
}
#___gcse_0 .gsc-resultsHeader {
  margin-top:0;
}

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

/* =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) {

}
/* Bootstrap Extra Small (tablets, 768px and up) */

@media (max-width: 768px) {

}
/* Smart Phone (tablets, 480px and up) */

@media (max-width: 480px) {
#mac-footer .mac-contact li {
  width:100%;
  line-height:15px; border-left:none;
}
  #mac-nav #mac-logo {
/*  background-size: 145px 80px;*/
  background-position: 10px 12px;
  width: 170px;
  height: 100px;
}
  #mac-nav a {
  min-width: 75px;
}
  #mac-search span {
  left: 29%;
}
  #mac-search.active span {
  left: 35px;
}
  #mac-menu-toggle span {
  left: 28%;
}
  #mac-menu {
    font-size: 80%;
    width: 320px;
    right: -320px;
  }
  #mac-menu.open {

  -webkit-transform: translate(-320px, 0);
  -ms-transform: translate(-320px, 0);
  transform: translate(-320px, 0);
}

  #mac-nav.active #mac-logo {
  background-color: #7a003c;
  background-image: url(../images/logo-mcmaster-university-rev-2x.png);
}

}

/* Retina Images */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {

#mac-footer #mac-footer-logo, #mac-nav.maroon #mac-logo, #mac-nav.dark-maroon #mac-logo, #mac-nav.dark-slate #mac-logo, #mac-nav.slate #mac-logo, #mac-nav.light-slate #mac-logo, #mac-nav.black #mac-logo, #mac-footer.black #mac-footer-logo {
  background-image: url(../images/logo-mcmaster-university-rev-2x.png);
}
#mac-nav.dark-grey #mac-logo, #mac-footer.dark-grey #mac-footer-logo {
  background-image: url(../images/logo-mcmaster-university-bw-2x.png);
}
#mac-nav #mac-logo, #mac-nav.grey #mac-logo, #mac-footer.grey #mac-footer-logo, #mac-nav.light-grey #mac-logo, #mac-footer.light-grey #mac-footer-logo, #mac-footer.white #mac-footer-logo {
  background-image: url(../images/logo-mcmaster-university-2x.png);
}
#mac-nav #mac-logo {
  background-size: 145px 80px;
}
#mac-nav.secondary #mac-logo {
  background-size: 109px 60px;
}
#mac-footer #mac-footer-logo {
  background-size: 145px 80px;
}

}