/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			35px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
}
.sf-menu li li {
	background: #156396;
}
#menu li li {
	height: auto;
	line-height: 1.5em;
	padding: 0.5em 1em;
}
.sf-menu li li:hover {
	background: #1F71A8;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
/*	background:		#CFDEFF;*/
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul .sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	display:none;	
}
.sf-with-ul .sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			0.7em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/submenu_arrow.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.9em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  right center; }
.sf-menu ul a > .sf-sub-indicator { background-position:  right center; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: right center; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	148px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	149px; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: right center; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: right center; } /* use translucent arrow for modern browsers*/
.sf-vertical .sf-sub-indicator {
	background:		url('images/submenu_arrow_side.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
	height:16px;
}

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: right center; /* arrow hovers for modern browsers*/
}
.sf-vertical li li.sfHover > a > .sf-sub-indicator {
	background-position: right center; /* arrow hovers for modern browsers*/
}/* @override http://concordiamulti.dev/wp-content/themes/concordia/style.css */
/*
Theme Name: CONCORDIA MAIN TEMPLATE
Theme URI: http://www.microtekcorporation.com
Description: A custom theme for Concordia University of Edmonton 
Author: Microtek Corporation
Version: 1.0
*/

/* Fonts */
@font-face{
	font-family: 'Oregon';
	src: url('/htinclude_new/templates/fonts/oregon_ldo-webfont.eot');
	src: local('âº'), url('/htinclude_new/templates/fonts/oregon_ldo-webfont.woff') format('woff'), url('/htinclude_new/templates/fonts/oregon_ldo-webfont.ttf') format('truetype'), url('/htinclude_new/templates/fonts/oregon_ldo-webfont.svg') format('svg');
	font-weight :normal;
	font-style: normal;
}

/* Elements */
html, body {margin: 0; padding: 0; font-size: 13px; background: #fff; color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; 	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
h1 {color: #3d3c3b; font-family: "Century Gothic", "Apple Gotwhic", sans-serif; font-size: 26px; font-weight: lighter;}
.pagetitle {margin-top: 0; text-shadow: #222222 1px 1px 2px; color: rgb(0,46,86);}
h2 {color: #222222; font-family: "Century Gothic", "Apple Gothic", sans-serif; font-size: 22px;}
h3 {color: #222222; font-family: "Century Gothic", "Apple Gothic", sans-serif; font-size: 20px;}
h4 {color: #222222; font-family: "Century Gothic", "Apple Gothic", sans-serif; font-size: 18px;}
h5 {color: #222222; font-family: "Century Gothic", "Apple Gothic", sans-serif; font-size: 18px; font-weight: lighter;}
h6 {color: #222222; font-family: "Century Gothic", "Apple Gothic", sans-serif; font-size: 16px;}
a[href$='.pdf'] {padding: 0 0 2px 20px; background: url('/wp-content/themes/concordia/images/pdf.png') top left no-repeat;}
a {color: #004175;}
a:hover {color: #1f70b1;}
img {border: 0px;}
p {line-height: 1.4em;}
a[href$='#'] {cursor: default;}
input[type='radio'], input[type='checkbox'] {border: none!important;}
blockquote {font-size: 24px; font-family: "Century Gothic", "Apple Gothic", sans-serif; font-weight: lighter; line-height: 1.2em;}
img {max-width: 100%;}

/* Grid System */
.row {clear: both;}
.row.padded {margin: 0 -20px;}
.row.padded .col {padding: 0 20px;}
.col {float: left; box-sizing: border-box;}
.col-full {width: 100%;}
.col-1-third {width: 33.33%;}
.col-2-third {width: 66.33%;}
.col-1-quarter {width: 25%;}
.col-1-half {width: 50%;}
.col-3-quarter {width: 75%;}

/* Wrappers */
#shadow_wrapper {background: white; width: 1007px; margin: 0 auto;}
.home #shadow_wrapper {width:1247px;}
#wrapper {margin: 0 auto; width: 960px; background: transparent; text-align: left; position: relative; left: -1px;}
.home #wrapper {
	width: 1200px;
}

/* Header*/
#header {
	background: #1c3e6e; 
	height: 80px; 
	margin: 0;
	padding: 15px 0 25px;
}
#header .header_right {
	float: right; 
	/*padding: 20px 20px 0 0; */
	text-align: right;
}
#header .header_left {
	float: left; 
	width: 300px; 
	position: relative;
}
#header .header_left a {
	display: block;
}
#header .header_left img {
	/*position: absolute; 
	top: 8px; 
	left: 20px;*/
}
.header-inner {
	margin: 0 auto; 
	width: 1200px; 
	background: transparent; 
	text-align: left; 
	position: relative; 
	left: -1px;
}

/* SubHeader*/
#sub_header {
	background-image: url('http://international.concordia.ab.ca/wp-content/themes/concordia_template_2/images/sub_header_bg.jpg'); 
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 48px; 
	padding-top: 100px; 
	padding-left: 38px; 
	margin-top: 10px;
}
#sub_header_large {height: 183px; margin-top: 10px;}

/* Top Menu */
.topmenu {
	display: block;
	float: right;
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	text-transform: uppercase;
	padding: 0;
	margin-right: -24px;
}
.topmenu ul.menu {margin: 0; list-style: none; padding: 8px 0 10px 0;}
.topmenu ul.menu li {
	padding: 0 8px; 
}
.topmenu ul.menu li a {
	color: #ffffff; 
	text-decoration: none;

}

/* Primary Menu*/
#menu {
	background: #15355b; 
	height: 55px; 
	margin: 0;
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
	padding: 10px 0 0 20px; 
	font-weight: 700 ; 
	font-size: 1.384615em; 
	text-transform: capitalize;
}
#menu ul {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	float: none;
	display: block;
	text-align: center;
}
#menu li {
	float: none;
	display: inline-block;
	padding: 0 .8em 10px; 
	height: 45px; 
	line-height: 35px; 
	text-align: center;
}
#menu li a {
	color: #FFFFFF; 
	text-decoration: none; 
	font-size: 20px;
	padding: 5px 10px;
	font-weight: bold;
	display: block;
}
#menu .menu > li:hover {
	background-color: #315B8C;
}
#menu li:hover a {
	color: #FFFFFF;
}


#menu .menu > li:last-child a {
	background-color: #E8B749;
	color: #15355B;
	border-radius: 5px;
	font-size: 18px;
	font-weight: bold;
  	 -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

#menu .menu > li:last-child a:hover {
	background-color: #f2c45e;
}
#menu .menu > li:last-child:hover {
	background: none;
}


#menu .sub-menu {
	background-color: #315B8C; 
	padding: 10px 0px 10px; 
	margin-top: 20px; 
	margin-left: 0; 
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
	border-radius: 0;
}
#menu .sub-menu a {
	color: #FFF;
	opacity: 0.6;
	display: block;
}
#menu .sub-menu a:hover {
	opacity: 1;
	background: none;
}
#menu ul ul {width: 100%;}
#menu li li {
	background: none repeat scroll 0 0 transparent; 
	border-bottom: 1px solid #4879A8; 
	float: left; 
	left: 20px; 
	line-height: 22px !important; 
	margin-left: 0; 
	padding: 0 !important; 
	position: relative; 
	text-align: left; 
	width: 80% !important;
}
#menu li li:hover {
	background: transparent;
}
#menu li li:last-child, #menu li li.last {border: none; padding-bottom: 10px;}
#menu li li a {
	background: none; 
	color: #FFF;
	text-decoration: none; 
	padding: 10px 0 10px 0; 
	display: block; 
	line-height: 1.2em; 
	font-size: 16px; 
	font-weight: bold; 
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
	border: none; 
	text-shadow: none; 
	text-transform: none;
	opacity: 0.6;
}
#menu li li a:hover {
	opacity: 1;
	color: #fff;
	background: transparent;
}
#menu li li:last-child a, #menu li li.last a {margin-bottom: 0;}
#menu li .current-menu-item  a {
	opacity: 1;
	color: #fff;
}
#menu .sub-menu ul {
	margin-left: -20px;
	margin-top: -10px;
	background: #3F6899;
}

/* Search Box */
#header .gsc-search-button {display: none;}
#header .search {
	display: block; 
	width: 270px; 
	float: right;
	clear: right;
	padding-top: 10px;
}

#header .search form {
	background: #15355b !important;
	border-radius: 5px;
	padding: 10px;
}
#header .search .searchwrap td {
	vertical-align: top;
}
#header .search .searchwrap .title {
	color: #fff; 
	font-family: "Century Gothic", "Apple Gothic", sans-serif; 
	font-size: 14px; 
	display: inline-block; 
	padding-top: 4px;
}

#header .gsc-input-box {
	background: none;
	border: none;
	height: auto;

	position: relative;
}
#header .gsc-input-box:hover,
#header .gsc-input-box-focus {
	box-shadow: none !important;
}

#header .search input {
	background: none !important;
	color: #fff;
	font-weight: normal;
	height: 1.5em !important;

	background-image: url('images/icon-search.png') !important;
	background-repeat: no-repeat !important;
	background-size: 21px 21px !important;
	background-position: center right !important;
}

#header .search input:hover {

}

#header .search input:focus {
	background-image: none !important;
}

#header .search .submit {

}

#header .search .submit:hover {

}


.staff input {
	border: 1px solid #DDDDDD; 
	padding: 6px 2px; 
	color: #444444;
}
.staff input:hover {
	border-color: #cacaca;
} 
.staff input:focus {
	-moz-box-shadow: inset #DDDDDD 0px 1px 1px; 
	-webkit-box-shadow: inset #DDDDDD 0px 1px 1px; 
	-moz-box-shadow: inset #DDDDDD 0px 1px 1px; 
	border-color: #cacaca;
}
.staff .submit {
	border: 1px solid #DDDDDD; 
	padding: 5px 2px; 
	cursor: pointer;
} 
.staff .submit:hover {
	-moz-box-shadow: #DDDDDD 0px 1px 2px; 
	-webkit-box-shadow: #DDDDDD 0px 1px 2px; 
	box-shadow: #DDDDDD 0px 1px 2px; 
	border-color: #cacaca; 
	color: #222222;
}

/* Emergency */
#emergency .scroll {padding: 1em 0;}
#emergency .scroll p {margin: 0;}

/* Splash */
#splash {height: 288px; background-color: #FFFFFF; color: #EEEEEE; padding: 1px;}
#splash .splashwidget {height: 278px; width: 357px; float: right; background: url('/wp-content/themes/concordia/images/splash_widget_bg.gif') top left repeat-x #837D78; border-left: 6px solid #5c5c5c; padding: 4px 10px 10px 4px;}
#splash .splashwidget .textblock {height: 55px; background: url('/wp-content/themes/concordia/images/textblock_bg_divider.gif') bottom left repeat-x transparent; padding-top: 1px; padding-bottom: 8px;}
#splash .splashwidget .textblock h1 {background: url("/wp-content/themes/concordia/images/gold_arrow.png") no-repeat scroll left center transparent; color: #FFFFFF; font-family: "Century Gothic","Apple Gothic",sans-serif; font-size: 20px; margin: 1px 0; padding-left: 20px; text-align: left; text-shadow: 0 0 1px #333333;}
#splash .splashwidget .textblock h2 {padding-left: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 22px; margin: 2px 0px; color: #FFFFFF; font-weight: bold; text-shadow: #333333 0px 0px 1px;}
#splash .splashwidget .textblock p {color: #abdefd; margin: 4px 0px; line-height: 1.2em; font-size: 11px; padding-left: 20px;}
#splash .splashwidget .textblock a {color: #FFC72C; text-decoration: none; font-size: 14px; padding-left: 20px;}
#splash .splashwidget .textblock a:hover {color: #FBAB3B; text-decoration: underline;}

/* Front Page Widgets */
.fp-widgets {font-family: 'proxima-nova'; font-size: 16px;}
.fp-widgets ul {list-style: none; margin: 0; padding: 0;}
.fp-widgets li {margin-bottom: .8em;}
.fp-widgets a {text-decoration: none;}
.fp-widget-title {color: #00467e; text-transform: uppercase; font-family: 'proxima-nova'; margin: 0 0 .5em 0; padding: 0 0 .3em 0; font-size: 1.5em; border-bottom: 2px solid #00467e; line-height: 1.2;}
.fp-widget-link {font-weight: 600;}
.fp-widget-description {font-weight: 400; display: block; text-transform: none;}
.fp-widget-links .fp-widget-link {text-transform: uppercase; font-weight: 600;}
.fp-widget-events .fp-widget-link {}
.fp-features.col.col-full {padding-top: 1.5em;}
.fp-features a {margin-right: 36px; display: inline-block;}
.fp-features .feature-map {margin-right: 18px;}
.fp-features a:last-child, .fp-features a.last {margin-right: 0;}

/* Content */
#content {float: left; width: 695px; padding: 10px 40px;}
#content_sub {float: left; width: 512px; padding: 10px 40px;}
#content_sub ul {list-style-image: url('/wp-content/themes/concordia/images/bullet.png');}
#content_sub_fullwidth {float: left; width: 694px; padding: 10px 40px;}

/* Left Menu */
#left_menu {width: 179px; float: left; border-right: 1px solid #b4b6b7; min-height: 320px; margin-top: 20px;}
#left_menu h6 {font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin: 4px 0px 0px 30px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #b4b6b7; text-decoration: none;}
#left_menu h6 a {text-decoration: none; color: #464646;}
#left_menu h6 a:hover {color: #a76405;}
#left_menu #side-menu {list-style: none; padding-left: 30px; margin: 0px;}
#left_menu #side-menu li {border-bottom: 1px solid #b4b6b7; padding-top: 1px; padding-bottom: 1px;}
#left_menu #side-menu li a {color: #0b56a0; display: block; line-height: 1.2em; text-decoration: none; background-image: none; padding: 10px; font-size: 12px;}
#left_menu #side-menu li a:hover {color: #a76405;}
#left_menu #side-menu .current-menu-item > a {background-color: #e7e7e7; color: #a76405;}
#left_menu #side-menu ul {border: 1px solid #AAAAAA; border-radius: 0px; border-bottom: none; padding: 0px; margin: 0px; -moz-box-shadow: #DDDDDD 1px 1px 4px; -webkit-box-shadow: #DDDDDD 1px 1px 4px; box-shadow: #DDDDDD 1px 1px 4px;}
#left_menu #side-menu li li {border-bottom: 1px solid #b4b6b7; padding-top: 1px; padding-bottom: 1px; background-color: #FFFFFF; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8);}
#left_menu #side-menu li li a {color: #55a4f3; display: block; line-height: 1em; text-decoration: none; padding-left: 10px; font-size: 9px; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8);}

/* Sidebar */
#sidebar {width: 179px; padding: 20px 0px 0 0px; float: right; font-family: "Century Gothic","Apple Gothic",sans-serif; font-size: 16px; line-height: 1.5;}
#sidebar .facebook_badge {-moz-box-shadow: #DDDDDD 0px 0px 10px; -webkit-box-shadow: #DDDDDD 0px 0px 10px; box-shadow: #DDDDDD 0px 0px 10px;}
#sidebar .coe_badge {background: url('/wp-content/themes/concordia/images/calendar_of_events_badge_bg.gif') top left repeat-x #3284d8; display: inline-block; width: 185px; height: 45px; line-height: 1.1em; padding: 7px 0px 0px 0px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 1px solid #3386da; color: #EEEEEE; text-align: center; text-decoration: none; font-family: "Century Gothic", "Apple Gothic", sans-serif; font-size: 16px;}
#sidebar .coe_badge:hover {border-color: #033b75; color: #FFFFFF;}
#sidebar .coe_badge span {font-size: 90%; color: #63b0e9;}
#sidebar .coe_badge:hover span {color: #81ccfc;}

/* Footer */
#footer {
	background: #15355b; 
	margin: 25px auto 0 auto; 
	padding: 35px 0;
}
.footer-inner {
	margin: 0 auto; 
	width: 1200px; 
	background: transparent; 
	text-align: left; 
	position: relative; 
	left: -1px;
}
.footer-inner a {color: white; text-decoration: none; line-height: 24px;}
.footer-inner ul {
	list-style: none; 
	margin: 0; 
	padding: 0; 
	font-size: 0;
}
.footer-inner li {
	display: inline-block; 
	vertical-align: middle;
	font-family: 'proxima-nova'; 
	font-size: 14px;
}
.footernav {
	float: left;
	max-width: 45%;
	width: 100%;
}
.footernav li {
	width: 50%; 
	text-align: left;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}
ul.socialnav {
	float: right;
	padding: 15px 0;
}
.socialnav a {
	display: block;
	opacity: 0.8;
  	 -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.socialnav a:hover {
	opacity: 1;
}

.socialnav .fb, 
.socialnav .ig,
.socialnav .tw, 
.socialnav .yt {
	width: 42px; 
	height: 42px; 
	background-repeat: no-repeat; 
	vertical-align: middle; 
	margin: 0 0 0 20px;
}
.socialnav .fb a, 
.socialnav .ig a,
.socialnav .tw a, 
.socialnav .yt a {
	width: 42px; 
	height: 42px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 192px 42px;
	background-image: url("images/icons-sm-sprite.png");
}

.socialnav .fb a {background-position: 0 0;}
.socialnav .ig a {background-position: -50px 0;}
.socialnav .tw a {background-position: -100px 0;}
.socialnav .yt a {background-position: -150px 0;}

.socialnav .tw {margin-left: 10px;}



/* New Footer */
.new-footer .row {}
.new-footer .row:nth-child(1) {
	border-bottom: 1px solid #315B8C;
	padding-bottom: 30px;
	margin-bottom: 20px;
}

.new-footer .footer-logo {
	height: 76px;
	width: 222px;

	display: block;
	float: left;

	overflow: hidden;
	font-size: 0;
	text-indent: 100px;
	white-space: nowrap;

	background-image: url('images/logo-concordia-large.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 222px 76px;
}

.new-footer .socialnav {}
.new-footer .socialnav .newsletter a {
	display: inline-block;
	padding: 10px 15px;
	color: #3E92CC;
	font-size: 14px;
	text-transform: uppercase;
	border:1px solid #3E92CC;
	font-weight: bold;
    -webkit-transition: color 0.3s ease, background 0.3s ease;
    -moz-transition: color 0.3s ease, background 0.3s ease;
    -o-transition: color 0.3s ease, background 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease;
}
.new-footer .socialnav .newsletter a:hover {
	background: #3E92CC;
	color: #fff;

}


.new-footer .university-logo {
	height: 36px;
	width: 159px;

	margin-bottom: 20px;

	overflow: hidden;
	font-size: 0;
	text-indent: 100px;
	white-space: nowrap;

	float: right;
	opacity: 0.4;

	background-image: url('images/logo-universities-canda.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 159px 36px;
}
.new-footer .copyright {
	clear: right; 
	float: right;
	opacity: 0.4;
	color: #fff;
}

/* Home Page */
.concordia_news, .program_news {width: 330px; float: left; padding: 0 6px;}
.alumni_news {}
.concordia_news ul, .program_news ul, .alumni_news ul {list-style: none; padding-left: 0;}
.alumni_news li {width: 340px; float: left; padding: 0 6px 20px 0;}
.concordia_news h2 {color: #2e80d4; font-size: 24px; border-bottom: 1px solid #DDDDDD; padding-bottom: 6px; margin: 4px 0px; font-weight: lighter; text-transform: uppercase;}
.program_news h2 {color: #be8d48; font-size: 24px; border-bottom: 1px solid #DDDDDD; padding-bottom: 6px; margin: 4px 0px; font-weight: lighter; text-transform: uppercase;}
.alumni_news h2 {color: #1A9601; font-size: 24px; border-bottom: 1px solid #DDDDDD; padding-bottom: 6px; margin: 4px 0px; font-weight: lighter; text-transform: uppercase;}
.concordia_news .post-title, .program_news .post-title, .alumni_news .post-title {margin: 3px 0 6px 0; color: #333333; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none;}
.concordia_news .post-title:hover, .program_news .post-title:hover, .alumni_news .post-title:hover {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; color: #BE8D48;}
.concordia_news .post-entry, .program_news .post-entry, .alumni_news .post-entry {line-height: 1.4em; font-size: 11px; padding-top: 4px; padding-bottom: 20px; font-family: Arial, Helvetica, sans-serif;}
.concordia_news .post-entry p, .program_news .post-entry p, .alumni_news .post-entry p {margin: 3px 0 3px 0; color: #b36e1f;}
.concordia_news .post-entry a, .program_news .post-entry a, .alumni_news .post-entry a {color: #499df2; text-decoration: underline;}
.concordia_news .post-entry .more-link, .program_news .post-entry .more-link, .alumni_news .post-entry .more-link {}
.concordia_news .post-entry img, .program_news .post-entry img, .alumni_news .post-entry img {float: left; margin: 4px 10px 6px 0; -moz-box-shadow: #AAAAAA 1px 1px 1px; -webkit-box-shadow: #AAAAAA 1px 1px 1px; -moz-box-shadow: #AAAAAA 1px 1px 1px;}
.home_container {border-bottom: 4px solid #DDDDDD; padding-bottom: 20px;}
.home_right {float: right; width: 342px;}
.home_right h1 {color: #be8d48; font-size: 24px; border-bottom: 1px solid #DDDDDD; padding-bottom: 6px; margin: 4px 0px;}
.home_left {float: left; width: 342px;}
.home_left h1 {color: #2e80d4; font-size: 24px; border-bottom: 1px solid #DDDDDD; padding-bottom: 6px; margin: 4px 0px;}
.home_text {padding-bottom: 20px; font-family: Arial, Helvetica, sans-serif;}
.home_text img {float: left; padding-top: 6px;}
.home_text h5 {margin: 3px 0px 3px 94px; color: #333333; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
.home_text p {margin: 3px 0px 3px 94px; font-size: 11px; color: #b36e1f; line-height: 1.4em;}
.home_text a {color: #499df2; text-decoration: underline;}


/* New Home Page */
.home-events { 
	display: flex;
	width: 100%;

	background-color: #F2F2F2;

	margin: 0 -24px;
	padding: 24px 0px 0 48px;
}

.home-events .event-main,
.home-events .event {
	width: 24%;
	display: inline-block;

	padding-bottom: 20px;

	-webkit-flex: auto; /* Safari */
	flex: auto;
}
.home-events .event-main {

}

.home-events .event-main h3 {
	color: #B3B3B3;
	font-size: 30px;
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

.home-events .event-main a {
	color: #315B8C;
	font-size: 18px;
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
	display: block;
	line-height: 1.75em;
}
.home-events .event-main a:hover {
	text-decoration: underline;
}

.home-events .event {
	position: relative;

	border-left: 1px solid rgba(49, 91, 140, 0.2);
}

.home-events .event a {
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
}
.home-events .event a:before {
	content: "";
	display: block;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccccc+0,cccccc+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(204,204,204,0) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(204,204,204,0) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(204,204,204,0) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cccccc', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    -webkit-transition: opacity 500ms ease;
    -moz-transition: opacity 500ms ease;
    -o-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
}
.home-events .event a:hover:before {
	opacity: 0.5;
}

.home-events .event strong {
	color: #CCCCCC;
	font-size: 16px;
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
}

.home-events .event p {
	color: #315B8C;
	font-size: 22px;
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
}

/* Home Feature Banners */
.home-feature-banner { 
	padding-bottom: 25px;
	padding-top: 25px;
}

.home-feature-banner .feature {
	padding: 10px 0;
}
.home-feature-banner .feature:after {
	content: "";
	display: block;
	clear: both;
}

.home-feature-banner .feature-text,
.home-feature-banner .feature-image {
	width: 50%;
}

.home-feature-banner .feature-text {
	position: relative;
	z-index: 5;
	padding: 35px 0;

	color: #fff;
}

.home-feature-banner .feature:nth-child(1) .feature-text {
	text-align: right;
	float: left;

	margin-right: -35px;
	padding-left: 35px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#315b8c+0,15355b+68 */
	background: rgb(49,91,140); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(49,91,140,1) 0%, rgba(21,53,91,1) 68%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(49,91,140,1) 0%,rgba(21,53,91,1) 68%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(49,91,140,1) 0%,rgba(21,53,91,1) 68%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#315b8c', endColorstr='#15355b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.home-feature-banner .feature:nth-child(1) .feature-text p {
	float: right;
}

.home-feature-banner .feature:nth-child(2) .feature-text {
	text-align: left;
	float: right;

	margin-left: -35px;
	padding-right: 35px;


	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4b7738+34,679956+74 */
	background: rgb(75,119,56); /* Old browsers */
	background: -moz-linear-gradient(45deg,  rgba(75,119,56,1) 34%, rgba(103,153,86,1) 74%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  rgba(75,119,56,1) 34%,rgba(103,153,86,1) 74%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  rgba(75,119,56,1) 34%,rgba(103,153,86,1) 74%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b7738', endColorstr='#679956',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.home-feature-banner .feature:nth-child(2) .feature-text p {
	float: left;
}

.home-feature-banner .feature .feature-image:after {
	content: "";
	display: block;

	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	opacity: 0.5;
	-webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;

	z-index: 4;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+0,000000+0,ffffff+100&1+2,0+100 */
	background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(5,5,5,1) 2%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(5,5,5,1) 2%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(5,5,5,1) 2%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.home-feature-banner .feature .feature-image:hover:after {
	opacity: 0.25;
}

.home-feature-banner .feature:nth-child(1) .feature-image {
	float: right;
	text-align: right;
}

.home-feature-banner .feature:nth-child(2) .feature-image {
	float: left;
	text-align: left;
}

.home-feature-banner .feature-text a {
	display: inline-block;
	clear: both;
	padding: 10px 0 0;
	margin: 10px 35px;
	color: #fff;
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	border-top: 1px solid rgba(255,255,255,0.25);
    -webkit-transition: padding 500ms ease, border 700ms ease;
    -moz-transition: padding 500ms ease, border 700ms ease;
    -o-transition: padding 500ms ease, border 700ms ease;
    transition: padding 500ms ease, border 700ms ease;

}
.home-feature-banner .feature .feature-text a:hover {
	border-top: 1px solid rgba(255,255,255,1.0);
}

.home-feature-banner .feature:nth-child(1) .feature-text a:hover {
	padding-left: 50px;
}

.home-feature-banner .feature:nth-child(2) .feature-text a:hover {
	padding-right: 50px;
}



.home-feature-banner .feature-text p {
	padding: 0 35px;
	margin: 0;
	font-size: 24px;
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
	max-width: 75%;
}

.home-feature-banner .feature-image {
	min-height: 250px;

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

	position: relative;
}

.home-feature-banner .feature-image h2 {
	margin: 0;
	text-transform: uppercase;
	padding: 20px;

	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;

	color: #fff;
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
	font-size: 42px;
	font-weight: bold;

	z-index: 5;
}

.home-feature-banner .feature:nth-child(1) .feature-image h2 {
	left: 50%;
	right: 0;
}

.home-feature-banner .feature:nth-child(2) .feature-image h2 {
	left: 0;
	right: 50%;
}

/* Home Feature Tiles */
.home-feature-tiles { }

.home-feature-tiles .col-1-third {
	border-right: 20px solid #fff;
	background: #000000;
}
.home-feature-tiles .col-1-third a { 
	display: block; 
	position: relative;
}
.home-feature-tiles .col-1-third a::before { 
	content: ""; 
	display: block; 
	padding-bottom: 90%;
	opacity: 0.8;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

.home-feature-tiles .col-1-third a:hover .tile-background {
}

.home-feature-tiles .col-1-third a:hover::before {
	opacity: 1.0;
}

.home-feature-tiles .col-1-third:nth-child(1) a::before {
	background-color: #E8B749;
}
.home-feature-tiles .col-1-third:nth-child(2) a::before{
	background-color: #3E92CC;
}
.home-feature-tiles .col-1-third:nth-child(3) a::before {
	background-color: #679956;
}

.home-feature-tiles .col-1-third h4 {
	position: absolute;
	top: 0;
	left: 20px;
	right: 20px;
	bottom: 0;
	z-index: 2;
	margin: 0;
	display: flex;

	text-align: center; 
	text-transform: uppercase;
	font-weight: bold;

	color: #fff;
	font-size: 25px;
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
}


.home-feature-tiles .col-1-third span { 
	display: block;
	margin: auto;
}

.home-feature-tiles .col-1-third a .tile-background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #ccc;
	background-position: center center; 
	background-repeat: no-repeat; 
	background-size: cover; 
	z-index: 1;
	opacity: 0.3;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

/* Feature Links */
.home-links { }
.home-links ul { }
.home-links li { 
	border-bottom: 1px solid rgba(49, 91, 140, 0.2); 
	margin: 0;
}

.home-links li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}
.home-links li a { 
	padding: 8px 0;
	display: block;
	color: #315B8C;
	font-size: 22px;
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.home-links li a:hover {
	color: #3e92cc;
}
.home-links li:first-child a {
	padding-top: 0;
}

/* Slider */
#mtc_image_rotator_rotator {position: relative;}
#mtc_image_rotator_controls {height: 32px; margin-left: 30px; position: relative; top: 240px; width: 175px;}
.mtc_image_rotator_button {background: url("images/grey_dot.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0); font-size: 8px; text-decoration: none;}
.rotator_current {background: url("images/blue_dot.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.mtc_image_rotator_button:hover {color: transparent; background: url("images/blue_dot.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.rotator_current:hover {color: transparent;}
.mtc_image_rotator_header, .mtc_image_rotator_caption {text-shadow: #FFFFFF 0px 1px 1px;}

/* Calendar */
.con_cal {background-color: #FFFFFF; -moz-box-shadow: #DDDDDD 0px 0px 10px; -webkit-box-shadow: #DDDDDD 0px 0px 10px; box-shadow: #DDDDDD 0px 0px 10px; width: 195px; padding-left: 4px; margin: 20px 0px;}
.con_cal .widgettitle {color: #3082d6; font-family: "Century Gothic", "Apple Gothic", sans-serif; text-align: center; font-size: 18px; font-weight: normal; margin: 0px; padding: 10px 0px;}
.calendar-table {width: 95%!important; font-family: Arial, Helvetica, sans-serif;}
.calendar-heading {background-color: #e8e8e8; border-color: #dbdbdb; color: #474747;}
.calendar-month {}
.calendar-next a, .calendar-prev a {color: #474747;}
.normal-day-heading {background-color: #efefef;}
.weekend-heading {background-color: #efefef;}
.current-day {background-color: #e8e8e8; border: 1px solid #bfbfbf;}
span.weekend {color: #AAAAAA;}
.weekend-heading {color: #444444;}

/* Blog */
.author_date {}
.tags {padding: 6px 0px;}
.tags a {-moz-border-radius: 6px; background-color: #AAAAAA; color: #FFFFFF; padding: 2px 9px 3px 9px; text-decoration: none; display: inline-block; font-size: 10px;}
.tags a:hover {background-color: #666;}
.assistive-text {display: inline; margin-right: 20px;}
.nav-previous a, .nav-next a {-moz-border-radius: 6px; background-color: #AAAAAA; color: #FFFFFF; padding: 2px 9px 3px 9px; text-decoration: none; display: inline-block; font-size: 10px;}
.nav-previous a:hover, .nav-next a:hover {background-color: #666;}
.viewmore, .viewmore_right {width: 332px; float: left;}
.viewmore {clear: left;}
.viewmore a, .viewmore_right a {float: right; padding: 2px 9px 3px 9px; margin: 10px 0 30px 0; font-size: 11px; text-decoration: none; display: inline-block; font-size: 10px; -moz-border-radius: 6px; background-color: #AAAAAA; color: #FFFFFF;}
.viewmore a:hover, .viewmore_right a:hover {background-color: #666;}

/* Programs */
.program-list {
	transition: 0.5s;
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
}

.program-list table,
.program-filter table {
	border-collapse: collapse;
	width: 100%;
}

.program-list tr,
.program-filter {
	vertical-align: middle;
}

.program-list td {
	vertical-align: middle;
	float: none;
	box-sizing: border-box;
}

/*-> header styles*/
.program-filter {
	padding: 30px 0 10px;
}
.program-filter thead {
	padding: 10px 0;
}

.program-filter th {
	vertical-align: middle;
	padding: 5px 10px !important;
	float: none;
	box-sizing: border-box;
	text-align: left;
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
}

.program-filter th strong {
	font-size: 14px;
	text-transform: uppercase;
	color: #1B3E6F;
}

.program-filter th select,
.program-filter th input {
	width: 100%;
	box-sizing: border-box;
}

.program-filter th input {
	border: none;
	border: 1px solid #808080;
	border-radius: 5px;

	background-color: #fff;

	line-height: 24px;
	height: 44px;
	font-size: 18px;
	color: #808080;

	padding: 10px 40px 10px 10px;

	background-image: url('images/search-icon.png');
	background-repeat: no-repeat;
	background-position: center right;
	background-size: 32px 22px;
}

.program-filter th select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	border: none;
	border: 1px solid #CDC6C6;

	background-color: #fff;

	border-radius: 5px;
	padding: 10px 35px 10px 10px;
	line-height: 24px;
	height: 44px;
	text-overflow: ellipsis;

	font-size: 16px;
	color: #808080;
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;

	background-image: url('images/drop-down.png');
	background-repeat: no-repeat;
	background-position: center right;
	background-size: 31px 13px;
}
 /* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance, IE 9 and earlier get a native select - targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */
/* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
	.program-filter th select::-ms-expand {
		display: none;
	}
	.program-filter th select:focus::-ms-value {
		background: transparent;
		color: #808080;
	}
} 

.program-filter th select .placeholder {
	/*opacity: 0.5;*/
}

.program-filter th.refine-by {
	width: 600px;
}
.program-filter th.name-col,
.program-filter .search-by {
	width: 340px;
}
.program-filter th.credential-col {
	width: 200px;
}
.program-filter th.length-col {
	width: 205px;
}
.program-filter th.type-col {
	width: 205px;
}

/*-> list styles*/
.program-list .programs {
	font-size: 16px;
	color: #808080;
}


.program-list .programs:nth-child(even) {
	background-color: #F9F9F9;
}

.program-list .programs:nth-child(odd) {
	background-color: #F1F1F1;
}


.program-list td.name-col {
	width: 350px;
}
.program-list td.credential-col {
	width: 260px;
}

.program-list td.length-col {
	width: 145px;
}
.program-list td.type-col {
	width: 190px;
}

.program-list .no-results {
	text-align: center;
	width: 100%;
}


.program-list td.name-col a {
	font-size: 18px;
	color: #1B3E6F;
	padding: 10px;
	display: block;
	text-decoration: none;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
}

.program-list td.name-col a:hover {
	color: #3e92cc;
}

.program-list td.name-col a span {
	display: block;
	color: #808080;
	font-size: 16px;
}


/* Programs Landing Page */
#sidebar.program-landing-sidebar {
	color: #fff;
	padding: 0;
	margin-top: 20px;
	text-align: center;


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#33669a+12,1c3664+95 */
background: rgb(51,102,154); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(51,102,154,1) 12%, rgba(28,54,100,1) 95%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(51,102,154,1) 12%,rgba(28,54,100,1) 95%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(51,102,154,1) 12%,rgba(28,54,100,1) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33669a', endColorstr='#1c3664',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.program-landing-sidebar img {
	display: block;
	width: 100%;
	height: auto;
}

.program-landing-sidebar .program-details {
	padding: 15px;
	text-align: left;
}

.program-landing-sidebar h3 {
	color: #fff;
	font-size: 16px;
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
	margin: 0;
	border-bottom: 1px solid #8097B2;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.program-landing-sidebar h5 {
	color: #8097B2;
	font-size: 14px;
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
}

.program-landing-sidebar p {
	color: #fff;
	font-size: 16px;
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
	margin: 0;
}

.program-landing-sidebar p + h5 {
	margin-top: 20px;
}

.program-landing-sidebar a.featured-button {
	display: inline-block;
	text-align: center;

	font-size: 16px;
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
	color: #fff;
	text-decoration: none;

	background-color: #8097B2;
	border: 1px solid #fff;
	border-radius: 5px;

	padding: 5px 20px;
	margin: 10px 0 20px;

    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.program-landing-sidebar a.featured-button:hover {
	background-color: rgba(128, 151, 178, 0.8);
}

/* Programs Contact Form */
.form-row {
    clear: both;
    margin-bottom: 20px;
}
.form-row:after {
    content: "";
    display: block;
    clear: both;
}

.form-col {
    width: 47%;
    float: left;
}
.form-col:first-child {
    margin-right: 6%;
}

.form-row label {
    font-size: 14px;
    font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #808080;
    line-height: 2;
}

.form-row select,
.form-row input,
.form-row textarea {
    box-sizing: border-box;
}

.form-row input,
.form-row textarea {
    width: 100%;
    
    border: none;
    border: 1px solid #B2B2B2;
    border-radius: 5px;

    background-color: #fff;

    font-size: 18px;
    color: #808080;

    padding: 10px 40px 10px 10px;

    background-image: url('images/search-icon.png');
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 32px 22px;

    font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
}

.form-row input {
    height: 44px;
    line-height: 24px;
}

.form-row textarea {
    line-height: 1.2;
    height: 8em;
}

.form-row select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    width: 75%;

    border: none;
    border: 1px solid #B2B2B2;

    background-color: #F1F1F1;

    border-radius: 5px;
    padding: 10px 35px 10px 10px;
    line-height: 24px;
    height: 44px;
    text-overflow: ellipsis;

    font-size: 16px;
    color: #808080;
    font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;

    background-image: url('images/drop-down.png');
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 31px 13px;
}
 /* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance, IE 9 and earlier get a native select - targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */
/* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    .form-row select::-ms-expand {
        display: none;
    }
    .form-row select:focus::-ms-value {
        background: transparent;
        color: #808080;
    }
}

.form-row input[type="submit"] {
    border: none;
    background: none;
    width: auto;

    background-color: #315B8B;

    font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #fff;

    padding: 5px 20px;

    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}
.form-row input[type="submit"]:hover {
    cursor: pointer;
    background-color: rgba(49, 91, 139, 0.8);
}



/* Social */
.socialmedia {height: 80px; left: 12px; padding: 13px 8px 0 19px; position: relative; top: 10px; width: 172px;}
.twitter {padding-left: 4px; list-style: none;}
.twitter_title_link {color: #3082D6; background: url('/wp-content/themes/concordia/images/twitter_small_icon.png') right bottom no-repeat transparent; font-family: "Century Gothic","Apple Gothic", Arial, sans-serif; font-size: 16px; display: inline-block; height: 24px; font-weight: normal; margin: 10px 0 0 0; padding: 0 28px 0 8px; text-align: center; text-transform: uppercase;}
.twitter-item {margin: 0 0 16px 0; font-size: 11px;}
.twitter-user {font-weight: bold; color: #333333;}
.twitter-link {}
.twitter-link[href*="#"] {color: #333333;}
a[href$='#'] {cursor: default;}

/* Helpers */
.ir {position: absolute; left: -9999px;}
.hidden {display: none !important; visibility: hidden;}
.audible, .ui-helper-hidden-accessible, .screen-reader-text {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.audible.focusable:active, .audible.focusable:focus, .screen-reader-text:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}
.clearfix:before, .clearfix:after, .row:before, .row:after {content: ""; display: table;}
.clearfix:after, .row:after {clear: both;}
.clearfix, .row {*zoom: 1;}
.imgborder {padding: 4px; background-color: #FFFFFF; border: 1px solid #c8c8c8; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: #AAAAAA 1px 1px 7px; -webkit-box-shadow: #AAAAAA 1px 1px 7px; box-shadow: #AAAAAA 1px 1px 7px;}
.alignleft {display: inline; float: left; margin: 10px 20px 10px 0px;}
.alignright {display: inline; float: right; margin: 10px 0px 10px 20px;}
.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}
.txtcenter {text-align: center;}
.txtright {text-align: right;}
.nocomments {display: none;}
.last {margin: 0;}

/* Added by Cristian Cordeiro on 15/05/2013 */
.fullCalendarLink {padding: 5px 0 0 50px;}
.textwidget {height: 100%;}
.textblock {height: 66px !important; padding-bottom: 0px !important;}
#planYourVisit {margin: 0px 0 0 60px; width: 290px;}
#twitter-widget {position: relative; top: 0px;}

/* Flexslider */
.flexslider {
	/*width: 960px;*/
	/*margin: 0 0 40px 0;*/
	width: 1247px !important;
	height: 565px !important;
	margin: 0 -23px !important;
	border: none !important;
	-webkit-border-radius: 0; !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
.flex-direction-nav a {
	width: 20px;
	height: 70px;
	margin: -35px 0 0;
	text-shadow: none;
	background-image: none !important;
	text-indent: -9999px !important;
}
.flex-direction-nav a:before {
	display: none !important;
}
.flex-direction-nav a,
.flex-direction-nav a:before {
	content: '';
	color: white !important;
	opacity: 1 !important;
}
.flex-direction-nav a:hover {
	cursor: pointer;
}
.flex-direction-nav .flex-prev {
	font-size: 0;
	left: 10px !important;
}
.flex-direction-nav .flex-next {
	font-size: 0;
	background-position: -20px 0;
	right: 10px !important;
}
.flexslider:hover .flex-direction-nav .flex-next {
	opacity: 1 !important;
}

/*New*/

.slides li > a {
	position: relative;
	display: block;
}

.slides li > a::after {
	content: "";
	display: block;

	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	z-index: 4;

	opacity: 0.5;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+0,ffffff+0,000000+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}

.slides .flex-caption {
	position: absolute;
	bottom: 60px;
	left: 20px;
	right: 50%;

	z-index: 5;
}

.slides .flex-caption h1 {
	font-size: 54px;
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	margin: 0 0 10px 0;
}

.slides .flex-caption h1 span {
	display: inline-block;
	vertical-align: middle;
	height: 20px;
	width: 31px;
	margin-left: 10px;
	background-image: url('images/icon-long-arrow-white.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 31px 20px;
    -webkit-transition: margin 500ms ease;
    -moz-transition: margin 500ms ease;
    -o-transition: margin 500ms ease;
    transition: margin 500ms ease;
}

.slides li a:hover .flex-caption h1 span {
	margin-left: 20px;
}

.slides .flex-caption p {
	font-size: 20px;
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
	color: #fff;
}

.flexslider .flex-control-nav {
	position: absolute;
	bottom: 27px;
	left: 100px;

	width: auto;
}

.flexslider .flex-control-nav li {
	margin: 0 3px;
}

.flex-control-paging li a {
	background-color: #1B3E6F !important;
	border: 1px solid #15355B !important;
}

.flex-control-paging li a.flex-active {
	background-color: #15558A !important;
	border: 1px solid #B3B3B3 !important;
}

.flexslider .flex-direction-nav {
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 60px;
	height: 27px;
}



.flexslider .flex-direction-nav li {
	display: inline-block;
	vertical-align: middle;
}

.flexslider .flex-direction-nav .flex-nav-prev {
	margin-right: 5px;


}

.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {
	background-image: none;
	height: 25px;
	width: 25px;

	margin: 0;
	top: 0;
	bottom: 0;

	background-color: #15558A;
	border: 1px solid #999999;

}

.flex-direction-nav .flex-prev::after,
.flex-direction-nav .flex-next::after {
	content: "";
	display: block;

	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	background-image: url('images/icon-arrow-enabled.png');
	background-position: center;
	background-repeat: no-repeat;
}

.flex-direction-nav .flex-prev::after {
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.flex-direction-nav .flex-disabled {
	display: block;
	opacity: 1 !important;

	background-color: #15355B;
	border: 1px solid #15355B;
}

.flex-direction-nav .flex-disabled::after {
		background-image: url('images/icon-arrow-disabled.png');
}

.flex-direction-nav .flex-prev:hover,
.flex-direction-nav .flex-next:hover {

}

.flex-direction-nav .flex-nav-prev {
	left: 0 !important;
	position: absolute;
}

.flex-direction-nav .flex-prev {
	position: relative;
	left: 0 !important;
}

.flex-direction-nav .flex-nav-next {
	right: 0 !important;
	position: absolute
}

.flex-direction-nav .flex-next {
	position: relative;
	right: 0 !important;
}