@charset "UTF-8";

/* CSS Document
DOCUMENT INFORMATION
	- Document: McMaster Homepage
	- 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
*/

/* =New CSS for future students page
================================================== */
.btn-info.active {
  background-color:#323e48; border-color:#323e48;
}
#highlight-btns>li:nth-child(1) .btn {
  border-left:none !important;
}
.fs-list .media-body {
  padding-bottom:20px;
}
/* =Main
================================================== */

/* Banner*/
#banner {
  background:#323e48;
  border-top:5px solid #323e48;
}
#banner .flexslider .slides {
  height:280px;
}
#banner .flexslider .slides a {
  display:block;
  width:100%; height:100%; top:0; bottom:auto; left:0; right:auto; padding:0; margin:0;
}
#banner h2 {
  color:#ffffff;
  font-family: 'LightCon'; font-size:40px; line-height:50px; margin-top:0; margin-bottom:10px;
}
#banner p {
  color:#ffffff;
  font-family: 'LightCon';  font-size:22px; line-height:30px; margin-top:0;
}
#banner .banner-content {
  display:block; margin:0; padding:30px 50px; position:absolute; top:-5%; left:0;
  width:33%; text-align:left; height:110%;
 background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAE0lEQVQIW2NkYGCoZ0ADjDQQBACT/QKBBnjaigAAAABJRU5ErkJggg==) repeat;
  box-shadow:40px 0 40px rgba(0,0,0,0.5);
  overflow:show;
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  zoom: 1;
}
#banner .flex-control-nav {
  bottom: 20px;
  right: 0;
  left: 45px;
  position: absolute;
  text-align: left;
  width: auto;
  z-index: 1000;
}
#banner .flex-control-nav a {
  width:20px; height:20px;
}
#banner .flex-control-nav a:hover {
  background:#ffffff;
}
#banner .flex-control-nav a.flex-active {
  background:#fdbf57;
}
/* Highlight Buttons */
#highlight-btns {
  margin:0 !important;
}
#highlight-btns div {
  padding:0 !important;
}
#highlight-btns .btn {
  border-left:1px solid #c6cbce !important;
  border-bottom:1px solid #c6cbce !important;
  line-height:30px !important;
}
#highlight-btns>div:nth-child(1) .btn {
  border-left:none !important;
}
/* Share This*/

.share-group {
    position:absolute;
  bottom:0;
}
.share-group ul {
    list-style: none outside none;
    margin: 0;
    min-width: 60px;
    padding: 2px 0;
  margin-top:-1px;
  margin-left:34px;
  border-radius: 0;
}

.share-group li {
    display: block;
    font-size: 18px;
    list-style: none outside none;
    margin-bottom: 3px;
    margin-left: 5px;
  margin-right:5px;
    margin-top: 3px;
  padding:0;
}
.share-group li a {
    border-color: #3399CC;
  padding:0 !important;
  line-height:30px;
}
.btn-share {
    background-color: #BEBEBE;
    border-color: #CCCCCC;
    color: #333333;
}
.btn-twitter {
    background-color: #3399CC !important;
    width: 50px;
    color:#FFFFFF!important;
  border-color: #3399CC !important;
}
.btn-twitter:hover {
    background-color: #4ca6d2 !important;
}

.btn-facebook {
    background-color: #3D5B96 !important;
    width: 50px;
    color:#FFFFFF!important;
  border-color: #3D5B96 !important;
}
.btn-facebook:hover {
    background-color: #4668ab !important;
}

.btn-google {
    background-color: #DD3F34 !important;
    width: 50px;
    color:#FFFFFF!important;
  border-color: #DD3F34 !important;
}
.btn-google:hover {
    background-color: #e25b52 !important;
}
.btn-linkedin {
    background-color: #1884BB !important;
    width: 50px;
    color:#FFFFFF!important;
  border-color: #1884BB !important;
}
.btn-linkedin:hover {
    background-color: #1c97d5 !important;
}
.btn-pinterest {
    background-color: #CC1E2D !important;
    width: 50px;
    color:#FFFFFF!important;
  border-color: #CC1E2D !important;
}
.btn-pinterest:hover {
    background-color: #df2b3a !important;
}
.btn-mail {
    background-color: #e8941a !important;
    width: 50px;
    color:#FFFFFF!important;
  border-color: #e8941a !important;
}
.btn-mail:hover {
    background-color: #eba439 !important;
}



/* News List */
.news-list .media,
.news-list .media-body {
  overflow: visible;
}

.news-list .media:after,
.news-list .media-body:after{
 content:'';
 clear:both;
 display:block;
}
.news-list .media {
  position:relative;
  padding-bottom:0;
  margin-top:39px;
}

.news-list .media:first-child {
  margin-top:0;
}
.news-list .media .media-heading {
  padding-bottom:29px;
    font-size: 20px;
  line-height: 25px;
  font-family:'RegCon';
}
.news-list .media .pull-left {
  position:relative;
  -webkit-transition:all 0.3s ease-out;
  transition:all 0.3s ease-out;
}
.news-list .media .pull-left:after {
  -webkit-transition:all 0.3s ease-out;
  transition:all 0.3s ease-out;
  content:'';
  display:block;
  width: 0;
	height: 0;
	border-bottom: 20px solid transparent;
	border-left: 20px solid transparent;
  position:absolute; top:15px; right:0;
}
.news-list .media:hover .pull-left:after {
	border-bottom-color: #fff; right:10px;
}
.news-list .media img {
  width:110px; height:110px;
}
.news-share-btn {
  position:absolute;
  bottom:0;
}
.news-btn {
  margin-top:10px;
}

/*Social List*/
.social-tweet .social-heading {
  background:#f1f1f1; padding:15px 20px; font-family: 'RegCon'; font-size:16px; line-height:20px; margin-bottom:0; -webkit-transition: background 0.3s ease-out; transition: background 0.3s ease-out; color:#323e48;

}
.social-tweet .social-heading:hover {
  background:#c6cbce; color:#1e252b;
}
.social-list .social-detail {
  margin-top:10px; display:inline-block; position:relative;
}
.social-list .social-detail:after {
  content:'';
  width: 0;
  height: 0;
  border-top: 15px solid #c6cbce;
  border-right: 15px solid transparent;
  position:absolute; right:-25px; top:-10px;
}
.social-list .social-tweet {
  margin-bottom:17px;
}
.social-list .social-youtube .social-heading {
  margin-top:0;
  font-size: 20px;
  line-height: 25px;
  font-family: 'RegCon';
}
.social-list .social-youtube .social-detail {
  margin-bottom:3px;
}

.social-btns {
  margin-top:5px;
}

/* Events List*/

.event-list {
  overflow:hidden;
}
.event-list .media-heading {
  font-size: 20px;
  line-height: 25px;
  font-family: 'RegCon';
}
.event-list .event-calendar {
  display:block;
/*  background-color:#6a7882;*/
  background-color:#c6cbce;
  text-align:center;
  font-family: 'BoldCon';
  padding:1px 5px 5px 5px;
  width:60px; height:60px;
  margin-right:10px; margin-bottom:5px;
}
.event-list .event-calendar:hover {
  cursor: default;
}
.event-list .event-calendar .month {
/*  color:#ffffff;*/
  color:#323e48;
  display:inline-block;
  width:100%;
  margin:0; padding:0;
  text-transform: uppercase;
  font-size:16px; line-height:1; letter-spacing:1px;
}
.event-list .event-calendar .date {
/*  color:#323e48;*/
  color:#6a7882;
  background-color:#ffffff;
  display:inline-block;
  width:100%;
  font-size:33px; line-height:1;
  margin:1px 0 0 0;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
.event-list .media {
  padding:0; margin-top:22px;
}

.event-list .media:hover .event-calendar {
/*  background:#7a003c;*/
}
.event-list .media:hover .event-calendar .date {
 color:#7a003c;
}
  .event-list .media:first-child {
  margin-top:0;
}
.event-list small.time {
font-size:14px; line-height:1;
  height:15px; display:block;
}
.events-btn {
  margin-top:5px;
}


/* =Footer
================================================== */
.site-footer {
  background:#f1f1f1;
}
.site-footer .shortcuts {
  border-left:1px solid #fff;
  padding:0 30px 10px 30px;
}
.site-footer .shortcut-heading {
  font-size: 25px;
  line-height: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.site-footer .shortcut-heading a, .site-footer.second-footer .shortcut-heading a {
  color:#323e48;
}
.site-footer .shortcut-heading a:hover, .site-footer.second-footer .shortcut-heading a:hover {
  color:#ac1455;
}
.site-footer .shortcuts:last-child {
  border-right:1px solid #fff;
}
.site-footer .shortcuts ul {
  padding-left:15px;
}
.site-footer.second-footer {
  background:#c6cbce;
}
.site-footer.second-footer .shortcuts {
  border-color:#e4e4e4;
}
.site-footer.second-footer a {
  color:#7a003c;
}
.site-footer.second-footer ul li {
  list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAE0lEQVQIW2OsYrD5z4AFMA6kBABkBQpFl5YsWAAAAABJRU5ErkJggg==)
}