@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700|Roboto:400,300,700);
#node-14 {
	margin: 0;
}

/* Some reset styles & Base styles for the SSE home page panels */

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{-webkit-tap-highlight-color:rgba(0,0,0,0)}img{vertical-align:middle}.fade{opacity:0;-webkit-transition:opacity 0.2s ease-out;-o-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;/*height:0;overflow:hidden;*/-webkit-transition:height .25s ease;-o-transition:height .25s ease;transition:height .25s ease}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}.panel>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}

.tabs {
  display: none;
}

body {
    background: url("http://www.humber.ca/sites/all/themes/humber-d7-corp/css/images/cardboard_flat.png") repeat scroll 0 0 #f9f9f9;
	font-family: 'Roboto Condensed',Arial,Helvetica,sans-serif;
	font-size: 100%;
}

#page {
    background-color: #f9f9f9;
    background-image: none;
    box-shadow: 0 8px 20px 0 #666;
}

.container {
	width: 100%;
	margin: 0 auto;
}

body.front #page-title {
	display: none;
}

body.front .node-page {
	margin: 0;
}


/* SSE NAV */

.sse-nav {
	background: #36434e;
	color: #fff;
    font-size: 25px;
    /*font-weight: 700;*/
    padding: 0px;
	position: relative;
}

.sse-nav span {
	display: inline-block;
    line-height: 28px;
    width: 160px;
	margin: 16px 0 18px 20px;
}

.sse-mobile-menu-btn {
	position: absolute;
	top: 0;
	right: 20px;
	background: url(../images/sse-icons/sse-icons/mobile-menu-btn.png) no-repeat center left;
	background-size: 200% auto;
	padding: 0;
	margin: 0;
	height: 100%;
	width: 30px;
	max-height: 118px;
	border: none;
}

.sse-mobile-menu-btn.open {
	background: url(../images/sse-icons/mobile-menu-btn.png) no-repeat center right;
	background-size: 200% auto;
}

.sse-menu {
	margin: 0;
	display: none;
}

.node-type-we-got-you .content .sse-menu li {
	background: none;
	border-top: 1px solid #617484;
    display: block;
    margin: 0;
    padding: 0;
}
	
.node-type-we-got-you .content .sse-menu li a {
    color: #fff;
    display: inline-block;
    font-size: 19px;
    font-weight: 300;
    height: 68px;
    line-height: 26px;
    padding: 20px 0;
    text-transform: uppercase;
    width: 100%;
	text-align: center;
}


/* Mobile Intro */

.mobile-intro {
	background: #cfdc27;
	display: inline-block;
	text-align: center;
	width: 100%;
	padding: 0 14px 0 14px;
}

	.mobile-intro img {
		max-width: 100%;
	}

/* Panels */

.panel-buttons {
	width: 66%;
	display: table-cell;
	margin: 0;
	padding: 0;
	background: #efebe4;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.panel-buttons > a {
	font-family: 'Roboto Condensed',Arial,Helvetica,sans-serif;
	color: #414141;
	text-transform: uppercase;
	/*font-size: 13px;*/
	font-size: 13px;
	line-height: 18px;
	font-weight: 700;
	background: #efebe4;
	width: 33.33333333%;
	float: left;
	display: inline-block;
	height: 170px;
	padding: 0;
	border-top: 1px solid #cfd1d2;
	border-right: 1px solid #cfd1d2;	
	position: relative;
}



.panel-buttons > a[data-color="purple"] > div:after {
	background: url(../images/sse-icons/sse-down-arrow-purple.png) no-repeat;
	background-position: center -22px; 
}

.panel-buttons > a[data-color="pink"] > div:after {
	background: url(../images/sse-icons/sse-down-arrow-pink.png) no-repeat;
	background-position: center -22px; 
}

.panel-buttons > a[data-color="green"] > div:after {
	background: url(../images/sse-icons/sse-down-arrow-green.png) no-repeat;
	background-position: center -22px; 
}

.panel-buttons > a > div:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 22px;
	bottom: -22px;
	left: 0;
	z-index: 2;
	
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.panel-buttons > a.active > div:after {
	background-position: center center; 
	
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.panel-buttons a > div  {
	display: table;
	height: 169px;
	width: 100%;
	padding: 25px 0 0 0;
}

.panel-buttons a > div > div {
	display: block;
	text-align: center;
	vertical-align: middle;
}

.panel-buttons a img {
	margin-bottom: 10px;
	/*max-width: 64px;*/
}

	@media screen and (max-width: 320px) {
		.panel-buttons a img {
			max-width: 64px;
		}
	}

.panel-buttons a span {
	display: inline-block;
	width: 100%;
	padding: 0 3px;
}

.panel-buttons a p {
	display: none;
}

.panel-group {
	margin: 0;
	line-height: 0;
}

.panel-group .panel {
	background: none;
	margin: 0 !important;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.panel-default {
	display: none;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.panel-body {
    padding: 33px;
}
	
.panel-buttons .panel-default {
	display: inline-block;
	float: left;
	width: 100%;
}
	
.node-type-we-got-you .content .panel-body img {
	display: none;
}

.node-type-we-got-you .content .panel-body h2 {
	text-transform: uppercase;
	color: #FFF;
	margin: 0;
	font-size: 28px;
	line-height: 30px;
	font-weight: 700;
}
	
.node-type-we-got-you .content .panel-body p {
	color: #fff;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 14px;
}
	
.node-type-we-got-you .content .panel-body p.sub-heading {
	text-transform: uppercase;
}

.sse-links {
	padding-left: 0;
}

.node-type-we-got-you .content .panel-body ul.sse-links li {
	background: none;
	color: #FFF;
	padding: 0;
	margin: 0;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 12px;
	list-style-type: none;
}
	
/*.node-type-we-got-you .content .panel-body ul.sse-links li a {
	color: #FFFFFF;
    display: block;
    line-height: 24px;
    padding: 3px 28px 4px 8px; 
    width: 100%;
	text-transform: uppercase;
	opacity: 0.9999;
	position: relative;
	text-decoration: none;
	
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}


.node-type-we-got-you .content .panel-body ul.sse-links li a:after {
	content: "\25B8";
    font-size: 31px;
    position: absolute;
    right: 8px;
    top: 0;
}

.node-type-we-got-you .content .panel-body ul.sse-links li a:hover {
	opacity: 0.7;
	text-decoration: none;
}
	
.node-type-we-got-you .content .panel-body.purple ul.sse-links li a,
.node-type-we-got-you .content .panel-body.purple ul.sse-links li a:hover {
	background: #7958a3;
}
	
.node-type-we-got-you .content .panel-body.pink ul.sse-links li a,
.node-type-we-got-you .content .panel-body.pink ul.sse-links li a:hover {
	background: #D44D69;
}
	
.node-type-we-got-you .content .panel-body.green ul.sse-links li a,
.node-type-we-got-you .content .panel-body.green ul.sse-links li a:hover {
	background: #f6fa48;
}
*/
.node-type-we-got-you .content .panel-body ul.sse-links li a {
	color: #FFFFFF;
    display: block;
    line-height: 24px;
    padding: 3px 28px 4px 8px; 
    width: 100%;
	text-transform: uppercase;
	opacity: 0.9999;
	position: relative;
	text-decoration: none;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


.node-type-we-got-you .content .panel-body ul.sse-links li a:after {
	content: "\25B8";
    font-size: 31px;
    position: absolute;
    right: 8px;
    top: 0;
}

.node-type-we-got-you .content .panel-body ul.sse-links li a:hover {
	text-decoration: none;
}	
.node-type-we-got-you .content .panel-body.purple ul.sse-links li a {
	background-color: rgba(121,88,163,1);
}
.node-type-we-got-you .content .panel-body.purple ul.sse-links li a:hover {
	background-color: rgb(121,88,163);
	background-color: rgba(121,88,163,0.5);
}	
.node-type-we-got-you .content .panel-body.pink ul.sse-links li a {
	background-color: rgba(212,77,105,1);
}
.node-type-we-got-you .content .panel-body.pink ul.sse-links li a:hover {
	background-color: rgb(212,77,105);
	background-color: rgba(212,77,105,0.5);
}	
.node-type-we-got-you .content .panel-body.green ul.sse-links li a {
	background-color: rgba(246,250,72,1);
}
.node-type-we-got-you .content .panel-body.green ul.sse-links li a:hover {
	background-color: rgb(246,250,72);
	background-color: rgba(246,250,72,0.5);
}
/*  ---- */

.panel-heading .panel-body {
	text-align: center;
}

.panel-heading .panel-body.purple {
	background: #5c2e91;
	border-top: 6px solid #522983;
}

.panel-heading .panel-body.pink {
	background: #ed5574;
	border-top: 6px solid #d44d69;
}

.panel-heading .panel-body.green {
	background: #cedb27;
	border-top: 6px solid #b9c623;
}

.node-type-we-got-you .content .panel-body.green h2,
.node-type-we-got-you .content .panel-body.green p,
.node-type-we-got-you .content .panel-body.green ul.sse-links li,
.node-type-we-got-you .content .panel-body.green ul.sse-links li a  {
	color: #414c00;
}

@media only screen and (min-width: 1155px) {	

	/* Mobile Intro */
	
	.mobile-intro {
		display: none;
	}
	
	/* Mobile Menu */
	
	.sse-nav {
    	padding: 10px 36px;
	}
	
	.sse-nav span {
		width: auto;
		margin: 0;
	}
	
	.sse-menu {
		float: right;
		display: block !important;
	}
	
	.node-type-we-got-you .content .sse-menu li {
		float: left;
		display: inline-block;
		margin-left: 36px;
		border: none;
		height: 40px;
    	line-height: 35px;
	}
	
	.node-type-we-got-you .content .sse-menu li a {
		padding: 0;
		height: auto;
		font-size: 22px;
	}

	.sse-mobile-menu-btn {
		display: none;
	}
	
	
	/* Panels */
	
	.panel-group {
		display: table;
		width: 100%;
		position: relative;
	}
	
	#accordion {
		background: url(../images/sse-icons/we-got-you-v2.png) no-repeat center 38px #cfdc27;
    	display: table-cell;
		border-right: 6px solid #b9c623;
	}
	
	.collapse.in {
		display: block;
		height: 671px;
		overflow: auto;
		width: 387px;
	}
	
	.node-type-we-got-you .content .panel-body img {
		display: block;
	}

	.node-type-we-got-you .content .panel-body ul.sse-links {
		margin: 30px 0 0;
		padding: 0;
	}

	#accordion[data-color="purple"] {
		background: #5c2e91;
		border-right: 6px solid #522983;
	}

	#accordion[data-color="pink"] {
		background: #ed5574;
		border-right: 6px solid #d44d69;
	}

	#accordion[data-color="green"] {
		background: #cedb27;
		border-right: 6px solid #b9c623;
	}
	
	.node-type-we-got-you .content .panel-body h2 {
		margin: 26px 0 0;
	}

	
	/*.panel-buttons a {
		font-size: 16px;
	}*/
	.panel-buttons a {
		height: 134px;
		width: 33.3339%;
		font-size: 16px;
		border-right: 1px solid #cfd1d2;
		border-bottom: 1px solid #cfd1d2;
		border-top: none;
	}

	.panel-buttons a:hover,
	.panel-buttons a.active {
		background: #d6cfcd;
	}

	.panel-buttons > a > div:after {
		display: none;
	}
	
	.panel-buttons a > div  {
		height: 134px;
		padding: 0;
	}
	
	.panel-buttons a > div > div {
		text-align: left;
		height: 133px;
		display: table-cell;
	}

	.panel-buttons a img {
		position: absolute;
		top: 36px;
		left: 18px;
		margin-bottom: 0;
	}

	.panel-buttons a span {
		display: inline-block;
		margin: 0 0 0 100px;
		padding: 0 3px;
		max-width: 50%;
	}
	
	.panel-buttons .panel-default {
		display: none;
	}
	
	.panel-default {
		display: inline-block;
		left: 0;
		position: absolute;
		top: 0;
		/*width: 34%;
		height: 100%;*/
	}
	
	.panel-buttons a img {
		width: auto;
	}
}

@media only screen and (min-width: 1025px) {
	.container {
		max-width: 1140px;
		width: 100%;
	}
}

/* Jed Added for header nav */

@media screen and (min-width: 0) and (max-width:767px) {
	.navwrapper {
		display: none;
	}
}

.navwrapper {

}

/*
  Header
*/

header.website-header {
	overflow: hidden;
}

	header.website-header .siteinfo {
		float: left;
		width: 37%;
	}

	@media screen and (min-width: 0) and (max-width:767px) {
		header.website-header .siteinfo {
			width: 100%;
		}
	}

/*	@media screen and (min-width: 1100px) {
		header.website-header .siteinfo {		
			width: 37%;
		}
	}*/

		header.website-header .siteinfo h1 {
			font-size: 1.25em;
			margin: 0;
			float: left;
		}

		  header.website-header .siteinfo h1 a {
		  	text-decoration: none;
		  	display: block;
		  	padding: 20px 16px;
		  	font-weight: 700;
		  	color: #DB2849;
		  	text-transform: uppercase;
		  }

	header.website-header .navwrapper {
/*		width: 20%;
*/		float: right;
	}

		header.website-header .navwrapper {}

		@media screen and (min-width: 0) {

			header.website-header .navwrapper {
				//width: 63%;
			}

			header.website-header .navwrapper ul {
				padding: 16px 0;
				margin: 0;
				float: right;
			}

				header.website-header .navwrapper ul li {
					list-style-type: none;
					padding: 0 4px;
					font-size: 1em;
					float: left;
				}

					header.website-header .navwrapper ul li a {
						float: left;
						text-decoration: none;
						color: #555;
						font-weight: 700;
						letter-spacing: .03em;
						padding: 6px 12px;
						border-radius: 16px;
						font-size: 1em;
					}

						header.website-header .navwrapper ul li a:hover {
							background: #36434E;
							color: #fff;
						}
						header.website-header .navwrapper ul li a.active, header.website-header .navwrapper ul li a.active-trail {
							background: #DB2849;
							color: #fff;
						}

		}

		header.website-header .navwrapper a#collapsed-menu-button {
			display: block;
			position: relative;
			border-radius: 0;
			padding: 20px 16px;
			margin: 0;
			border: 0;
			color: #fff;
			font-weight: 700;
			font-size: 1.25em;
			background: #DB2849;
			letter-spacing: .03em;
		}

/*
  Mobile Navigation
*/

#mobile-menu-inner {
	width: 65% !important;
}

#menu-attached-button {
	display: none;
}

	#menu-attached-button.active {
		display: block;
		top: 0;
		padding: 0 8px;
		height: 4em;
		line-height: 4em;
		left: -56px;
		font-weight: 300;
		width: auto;
	}

#mobile-menu, .mobile-menu {
	background: #36434E;
	padding: 16px 0;
	min-height: 9999px;
}

#mobile-menu > li:first-child {
	border: 0;
}

#mobile-menu li, .mobile-menu li {
	border: 0;
}

#mobile-menu li > a, .mobile-menu li > a {
	color: #fff;
	text-decoration: none;
	font-size: 1.25em;
	font-weight: 300;
	padding: 16px;
	font-weight: 700;
}

#mobile-menu li > a:hover, .mobile-menu li > a:hover {
	/*background-color: #262626;*/
}

/*Overrides*/

.node-type-we-got-you header.website-header {
	background: #006D9C;
}

	.node-type-we-got-you header.website-header h1 a {
		color: #fff;
	}

	.node-type-we-got-you header.website-header .navwrapper ul li a {
		color: #fff;
	}

	.node-type-we-got-you header.website-header .navwrapper ul li a:hover {
		background: #333;
	}

	.node-type-we-got-you header.website-header .navwrapper ul li.active a {
		color: #fff;
	}

	.node-type-we-got-you header.website-header .navwrapper ul li.active a:hover {
		background: #DB2849;
	}

.node-type-we-got-you article.node {
	width: auto !important;
	padding: 0 !important;
}

.node-type-we-got-you article.node .content {
	padding: 0 !important;
}

.node-type-we-got-you #menu-attached-button.active {
	font-family: 'Roboto';
	background: #DB2849 url(../images/close.png) no-repeat center center;
	background-size: 50%;
	color: #fff;
	font-weight: 700;
	width: 4em;
	left: -4em;
	text-indent: -999em;
}

@media screen and (min-width: 768px) {
		.panel-buttons a {
		font-size: 16px;

	}
}