/*
Theme Name: Brock University MU Base
Author: Sebastien Marchal / BrockU
Theme URI: http://brocku.ca
Description: Responsive, accessible parent theme for Brock MU. Child themes should reference this style sheet to inherit the global look & feel of brocku.ca.
Version: 1.0
Tags: none
*/

/* ----------------------------------------------
   ----------------------------------------------
   Large Screen desktops (Default)
   ----------------------------------------------
   ---------------------------------------------- */

/* Global Layout
----------------------- */

body {
	background: transparent;
	background: #cc0000;
	font-family: "Bliss Light", "Trebuchet MS", sans-serif;
	font-weight: 200;
	color: #585858;
	height: 100%;
	}
	#wrapper {
		margin: 0 auto;
		width: auto;
		min-height: 100vh;
		display: flex;  /* use the flex model */
		flex-direction: column;  /* learn more: http://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/ */
		}
		#main {
			background: #fff;
/* 			flex: 1; */
			}
		#container {
			margin: 0 auto;
			}
hr {
	visibility: hidden;
	clear: both; margin: 0;
	}

	
/* Hidden but visible to screen readers */
.hfsr {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}


/*  Global links
----------------------- */
a img { border: none; }

#wrapper a {
	-webkit-transition: color .05s ease-out;
	   -moz-transition: color .05s ease-out;
		-ms-transition: color .05s ease-out;
	     -o-transition: color .05s ease-out;
		 	transition: color .05s ease-out;
    		}


/*  Accessibility Skipnav
----------------------- */
#skip li a {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px; height: 1px;
	overflow: hidden;
	z-index: 999; /* above the emergency notice, which is 99 */
	background: #fff;
	}
#skip li a:focus {
	margin-left: -100px;
	left: 50%; top: 0;
	width: 200px; height: auto;
	padding: 10px 20px;
	text-align: center;
	background: #000;
	color: #fff;
	text-decoration: none;
	}


/*  Quick Links / 
	Admissions Drawer
----------------------- */
.drawer {
	padding: 0 0 50px 0;
	display: none;
	background: #f8f8f8;
	}
	.drawer-subcontainer {
		margin: 0 auto; padding-top: 60px;
		position: relative;
		}

a#quicklinks-close,
a#admissions-close {
	margin-top: 0; padding: 12px 15px 12px 15px;
	color: #ffffff;
	background: #cc0000;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-size: .7em;
	cursor: pointer;
	position: absolute;
	right: 0; top: 0;
	}
	a#quicklinks-close span,
	a#admissions-close span { margin-left: 15px; }
	a#quicklinks-close:hover,
	a#admissions-close:hover,
	a#quicklinks-close:focus,
	a#admissions-close:focus { background: #000; color: #fff; }

/* drawer layout */

.drawer .intro {
	text-align: center;
	margin: -1em 0 3.3em 0;
	}
	.drawer .intro h1 { font-size: 1.2em; color: #000; }
	.drawer .intro.welcome { margin-bottom: 2.8em; }
	.drawer .intro.welcome h1 { 
		font-size: 1.4em;
/*
		font-family: AlfaSlabOne-Regular, "Trebuchet MS", sans-serif;
		letter-spacing: 0.03em;
		line-height: 95%;
		font-size: 1.5em;
		text-transform: uppercase;
*/
		}
	.drawer .intro h1 a { color: #cc0000; text-decoration: none; border-bottom: 1px solid #eecccc; }
	.drawer .intro h1 a:hover,
	.drawer .intro h1 a:focus,
	.drawer .intro h1 a:active { color: #8c0000; border-bottom: 1px solid #8c0000; }

	.drawer .intro.reverse { margin: -1em 0 2.5em 0; color: #fff; }

.drawer .column {
	margin: 0 3.5% 0 0;
	width: 22.3%;
	float: left;
	}
.drawer .column.four {
	margin-right: 0;
	}
.drawer .column h2 {
	margin: 0 0 10px 0; padding: 12px 0 12px 0;
	font-size: .8em;
	color: #000;
	font-family: "Bliss Bold", "Trebuchet MS", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .03em;
	border-bottom: 1px solid #e0e0e0;
	}
	.drawer .column ul {
		}
		.drawer .column ul li {
			width: 100%;
			border-bottom: 1px solid #e8e8e8;
			}
			.drawer .column ul li:last-child { border: none; }
		
		.drawer .column ul li a {
			padding: 12px 0 12px 0;
			color: #cc0000;
			font-size: .9em;
			text-decoration: none;
			display: block;
			-webkit-transition: color .05s ease-out;
			   -moz-transition: color .05s ease-out;
				-ms-transition: color .05s ease-out;
			     -o-transition: color .05s ease-out;
				 	transition: color .05s ease-out;
			}
			.drawer .column ul li a:hover,
			.drawer .column ul li a:focus {
				color: #ac0000; text-decoration: underline;
				}
			.drawer .column ul li a:after {
				content: "\f105" !important;
				display: inline-block;
				font-family: "Font Awesome 5 Pro";
				font-style: normal;
				font-weight: 300;
				line-height: 1;
				font-size: 100%;
				float: right;
				margin-top: 2px;
				-webkit-transition: color .1s ease-out;
				   -moz-transition: color .1s ease-out;
					-ms-transition: color .1s ease-out;
				     -o-transition: color .1s ease-out;
					 	transition: color .1s ease-out;

				color: rgba(255,255,255,0.0);
				}
			.drawer .column ul li:hover a:after,
			.drawer .column ul li a:focus:after {
				color: #ac0000;
				}
			
			/* home link */
			.drawer .column ul li.home a:after {
				content: "\f015" !important;
				display: inline-block;
				font-family: "Font Awesome 5 Pro";
				font-style: normal;
				font-weight: 900;
				line-height: 1;
				font-size: 100%;
				float: right;
				margin-top: 2px;
				-webkit-transition: color .1s ease-out;
				   -moz-transition: color .1s ease-out;
					-ms-transition: color .1s ease-out;
				     -o-transition: color .1s ease-out;
					 	transition: color .1s ease-out;
				color: #cc0000;
				}
				.drawer .column ul li.home:hover a:after {
					content: "\f105" !important;
					font-weight: 300;
					}

.drawer .divider {
	margin: 2em 0 2.5em 0;
	clear: both;
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #e0e0e0;
	}


/* custom separator */
.drawer .vc_separator {
	margin: 3em 0 3em 0; padding-top: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	}
	.drawer .vc_separator .vc_sep_holder {
		height: 1px;
		position: relative;
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		min-width: 10%;
		}
	.drawer .vc_separator .vc_sep_holder .vc_sep_line {
		height: 1px;
		border-top: 1px solid #e0e0e0;
		display: block;
		position: relative;
		top: 1px;
		width: 100%;
		}
	.drawer .vc_separator h2 { 
		line-height: 1em;
		font-size: 1em;
		color: #282828;
		font-family: "Bliss Bold", "Trebuchet MS", sans-serif;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: .03em;
		margin: 0; padding: 0 10px;
		word-wrap: break-word;
		-webkit-box-flex: 0;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		}
	

/*  Header
----------------------- */
#header {
	padding: 0 0 20px 0;
	height: auto;
	width: 100%;
	background: #fff;
	}
#header-subcontainer {
	margin: 0 auto;
	}
	
/* Default logo layout */
#header #brand {
	margin: 0 0 5px 0; padding: 0;
	float: left;
	}
	#header #brand svg { margin-top: 0px; /* fix for 1px transparent top border */ }

/* Logo with sub brand */
#header #brand.small {
	/* main brock logo is pushed to the right
	margin: 0 0 -25px 500px; padding: 0;
	float: right; */
	display: none; /* disabled on desktop, but restored on mobile for use as the main Brock logo */
	}
#header #subbrand {
	margin: 0 30px 0 0; padding: 0;
	float: left;
	}
	#header #subbrand svg { margin-top: -1px; /* fix for 1px transparent top border */ }

/* sub brands adjustments */
#header #subbrand.miw-sub 		{ margin: 0 30px 5px 0; }
#header #subbrand.brock-sports 	{ margin: 10px 30px -5px 0; }




/*  Omni Nav
----------------------- */

div.omni-menu {
	margin: 35px 0 0 0;
	float: right;
	}
div.omni-menu a {
	padding: 0; margin: 0 0 0 40px;
	display: inline-block; vertical-align: text-top;
	height: 55px;
	background: #f8f8f8;
	color: #585858;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: .05em;
	}
div.omni-menu a#admissions-toggle { 
	margin: 0 40px 0 0;
	float: left;
	background: #cc0000;
	color: #000;
	}
	div.omni-menu a#admissions-toggle span.label { 
		padding: 20px 20px 0 25px;
		color: #fff;
		}

	div.omni-menu a span.label {
		padding: 19px 15px 0 20px;
		}
	div.omni-menu a span.fa {
		padding: 19px 0 0 0;
		color: #fff;
		font-size: 1.1em;
		width: 50px; height: 55px; text-align: center;
		-webkit-transition: background-color .1s ease-out !important;
		   -moz-transition: background-color .1s ease-out !important;
			-ms-transition: background-color .1s ease-out !important;
		     -o-transition: background-color .1s ease-out !important;
			 	transition: background-color .1s ease-out !important;
		}
	
	div.omni-menu a:hover { cursor: pointer; color: #585858; background: #f4f4f4; }
	
	div.omni-menu a#admissions-toggle span.fa { background: #ac0000; /* border-left: 1px solid rgba(255,255,255,0.3); */ }
	div.omni-menu a#admissions-toggle:hover span.fa { background: #000; /* border-left: 1px solid #585858; */ }
	div.omni-menu a#admissions-toggle:active span.fa,
	div.omni-menu a#admissions-toggle:focus span.fa { background: #000; /* border-left: 1px solid #282828; */ }
	
	div.omni-menu a#quicklinks-toggle span.fa { background: #cc0000; }
	div.omni-menu a#quicklinks-toggle:hover span.fa { background: #000; }
	div.omni-menu a#quicklinks-toggle:active span.fa,
	div.omni-menu a#quicklinks-toggle:focus span.fa { background: #000; }
	
	div.omni-menu a#admissions-toggle span.fa-angle-up, div.omni-menu a#quicklinks-toggle span.fa-angle-up { font-weight: 300; }


/*  Search form -
	Omni Nav
----------------------- */

div.omni-menu #searchform {
	margin: 0 4px;
	width: 280px; min-height: 20px;
	display: block;
	float: left;
	}
	div.omni-menu #searchform label { display: none; }

/* structure */
div.omni-menu form.gsc-search-box {

	}

div.omni-menu form.gsc-search-box table,
div.omni-menu form.gsc-search-box tr,
div.omni-menu form.gsc-search-box td {
	padding: 0 !important; margin: 0 !important;
	}

div.omni-menu form.gsc-search-box td.gsib_b { display: none !important; }

/* fields */
div.omni-menu .gsc-input { padding-right: 0 !important; }
div.omni-menu input.gsc-input {
	color: #585858 !important;
	font-size: 16px !important;
	height: 55px !important; width: 100%;
	padding: 5px 5px 5px 10px !important;
	margin: 0 !important;
	border: 1px solid #f8f8f8 !important;
	background: #f8f8f8 !important;
	border-right: none;
	-webkit-appearance: none !important;
	border-radius: 0 !important;
	text-indent: 0 !important;
	-webkit-transition: border .2s ease-out;
	   -moz-transition: border .2s ease-out;
		-ms-transition: border .2s ease-out;
	     -o-transition: border .2s ease-out;
		 	transition: border .2s ease-out;
	-webkit-transition: background-color .05s ease-out;
	   -moz-transition: background-color .05s ease-out;
		-ms-transition: background-color .05s ease-out;
	     -o-transition: background-color .05s ease-out;
		 	transition: background-color .05s ease-out;
	}
div.omni-menu .gsc-input-box,
div.omni-menu .gsc-input-box-hover,
div.omni-menu .gsc-input-box-focus {
	border: none !important;
	background: transparent;
	height: auto;
	}
	.search div.omni-menu input.gsc-input { background: #f8f8f8 !important; }
		
	div.omni-menu input.gsc-input:focus,	
	div.omni-menu input.gsc-input:hover {
		border: 1px solid #f8f8f8 !important;
		background: #f4f4f4 !important;
		color: #585858 !important;
		}
		
div.omni-menu input.gsc-search-button,
div.omni-menu button.gsc-search-button {
	margin: 0; padding: 0 18px !important;
	height: 55px !important;
	color: #fff !important;
	background: #cc0000 !important;
	font-size: 12px !important;
	letter-spacing: .05em !important;
	font-weight: 200 !important;
	font-family: "Bliss Light", Arial, sans-serif;
	text-transform: uppercase;
	border: none !important;
	-webkit-appearance: none !important;
	border-radius: 0 !important;
	-webkit-transition: border .05s ease-out;
	   -moz-transition: border .05s ease-out;
		-ms-transition: border .05s ease-out;
	     -o-transition: border .05s ease-out;
		 	transition: border .05s ease-out;
	-webkit-transition: background-color .05s ease-out;
	   -moz-transition: background-color .05s ease-out;
		-ms-transition: background-color .05s ease-out;
	     -o-transition: background-color .05s ease-out;
		 	transition: background-color .05s ease-out;
	}
div.omni-menu input.gsc-search-button:hover,
div.omni-menu input.gsc-search-button:focus,
div.omni-menu button.gsc-search-button:hover,
div.omni-menu button.gsc-search-button:focus {
	cursor: pointer;
	background: #000 !important;
	color: #fff !important;
	}
div.omni-menu input.gsc-search-button:active,
div.omni-menu button.gsc-search-button:active {
	border: 1px solid #fff;
	border-right: none;
	background: #000 !important;
	}

div.omni-menu .gsc-clear-button,
div.omni-menu .gsib_b { display: none; }


/* Site Title
----------------------- */
#site-title {
	margin: 0 auto;
	background: transparent;
	display: block;
	}
#site-title h1 {
	padding: 0;
	font-family: "Bliss Light", "Trebuchet MS", sans-serif;
	font-weight: 200;
	color: #cc0000;
	color: #585858 !important;
	font-size: 1.5em;
	
	}
#site-title h2 {
	padding: 5px 0 0 0;
	font-family: "Bliss Light", "Trebuchet MS", sans-serif;
	font-weight: 200;
	color: #585858 !important;
	font-size: .9em;
	}
#site-title h1, #site-title h2 {
	margin: 0;
	max-width: 400px;
	}
		
#site-title h1 a, #site-title h2 a { color: #585858; text-decoration: none; }
#site-title h1 a:visited, #site-title h2 a:visited { color: #585858; }
#site-title h1 a:hover, #site-title h2 a:hover { color: #cc0000; }
#site-title h1 a:active, #site-title h2 a:active { color: #8c0000; }

#site-title.mobile-only { display: none; }


/*  Mobile toggles
----------------------- */
#mobile-quicklinks-toggle,
#mobile-admissions-toggle,
#mobile-search-toggle,
#mobile-menu-toggle { display: none; }



/*  Global Menu
----------------------- */
/* Global menu is styled in menu.css */


/*  Breadcrumb trail
----------------------- */
#breadcrumb {
	background: transparent;
	display: block;
	border-bottom: 1px solid #f0f0f0;
	}
#breadcrumb #bc-sub-container {
	margin: 0 auto; padding: 17px 0 16px 0;
	display: block;
	width: 80%;
	font-size: .7em;
	color: #000;
	line-height: 150%;
	}
	#breadcrumb a { color: #cc0000; }
	#breadcrumb a:hover { text-decoration: underline; }
	#breadcrumb span { padding: 0 5px; }
	#breadcrumb a.site-title { /* font-size: 2.2em; */ }


/* Featured image
----------------------- */
#featured-image {
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	}
	#featured-image img { 
		width: 100%;
		height: auto;
		margin-top: 0;
		}

#carousel {
	margin-bottom: 20px !important;
	}

/* Layout - 2 columns
----------------------- */
#container {
	padding-top: 30px;
	}
#container.nopadding { padding-top: 0; }

#content {
	margin: 0 0 80px 0;
	}
	#content:focus {
		outline: none; /* not normally part of the tab index - only in focus when using skip to content. */
		}

#sidebar-left { width: 100%; }
			

/*  Footer
----------------------- */
.footer-wrapper.top-row { background: #cc0000; }
.footer-wrapper.bottom-row { background: #000; margin-bottom: -20px; }

.footer-content {
	margin: 0 auto;
	color: #a8a8a8;
	}

.footer-wrapper.top-row .row {
	padding: 70px 0 70px 0;
	}
.footer-wrapper.bottom-row .row {
	padding: 70px 0 80px 0;
/* 	border-top: 1px solid rgba(0,0,0,0.8); */
	}


/* Columns */
.footer-content .col {
	margin-right: 5%;
	padding: 0 0 0 0;
	width: 30%; float: left;
	}
.footer-content .col.col3 { margin-right: 0; }


/* links */
.footer-wrapper.top-row a { color: #fff; text-decoration: none; }
.footer-wrapper.top-row a:hover { color: #000; text-decoration: none; border-bottom: 1px solid #000; }
.footer-wrapper.top-row a:active, .footer-wrapper.top-row :focus { color: #000 !important; text-decoration: none; border-bottom: 1px solid #000; }

.footer-wrapper.bottom-row a { color: #fff; text-decoration: none; }
.footer-wrapper.bottom-row a:hover { color: #cc0000; text-decoration: none; border-bottom: 1px solid #cc0000; }
.footer-wrapper.bottom-row a:active, .footer-wrapper.bottom-row a:focus { color: #cc0000 !important; text-decoration: none; border-bottom: 1px solid #cc0000; }


#wrapper .footer-wrapper .button {
	display: inline-block;
	padding: 7px 9px 7px 9px !important; margin-top: 0;
	background: #fff;
	color: #000 !important;
	border-radius: 0;
	border: none;
	font-family: "Bliss Light", "Trebuchet MS", sans-serif;
	font-weight: 200;
	text-transform: uppercase;
	text-decoration: none !important;
	font-size: .7em;
	letter-spacing: .05em;
	-webkit-transition: background-color .1s ease-out !important;
	   -moz-transition: background-color .1s ease-out !important;
		-ms-transition: background-color .1s ease-out !important;
	     -o-transition: background-color .1s ease-out !important;
		 	transition: background-color .1s ease-out !important;
	}
	#wrapper .footer-wrapper .button:after {
	content: "\f105" !important;
	display: inline-block;
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	font-weight: 300;
	line-height: 1;
	font-size: 100% !important;
	float: right;
	margin-left: 10px;
	-webkit-transition: color .1s ease-out !important;
	   -moz-transition: color .1s ease-out !important;
		-ms-transition: color .1s ease-out !important;
	     -o-transition: color .1s ease-out !important;
		 	transition: color .1s ease-out !important;
	}

#wrapper .footer-wrapper.top-row .button:hover { background: #000 !important; color: #fff !important; }
#wrapper .footer-wrapper.top-row .button:active, #wrapper .footer-wrapper.top-row .button:focus { background: #000 !important; color: #fff !important; }

#wrapper .footer-wrapper .button:hover { background: #cc0000 !important; color: #fff !important; }
#wrapper .footer-wrapper .button:active, #wrapper .footer-wrapper .button:focus { background: #cc0000 !important; color: #fff !important; }
	

/* Footer content */

.footer-content h2 {
	margin: 0 0 1em 0;
	color: #000;
	font-size: 1.3em;
	font-family: "Bliss Bold", "Trebuchet MS", sans-serif;
	font-weight: bold;
	letter-spacing: 0em;
	text-transform: none;
	line-height: 120%;
	}
	
.footer-content p {
	margin: 0 0 20px 0;
	line-height: 160%;
	font-size: 1.1em;
	}

.footer-content .separator {
	margin: 0 10px 0 6px;
	border-right: 1px solid #585858;
	}

.footer-content ul li {
	font-size: 1.2em;
	line-height: 170%;
	}

.footer-content .give {
	font-family: "Bliss Bold", "Trebuchet MS", sans-serif;
	letter-spacing: 0em;
	line-height: 95%;
	font-size: 2.5em;
	}
	.footer-content .give:hover,
	.footer-content .give:focus,
	.footer-content .give:active { border: none !important; color: #cc0000; }
	
.footer-content .support {
	margin-top: 15px;
	font-family: "Bliss Bold", "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 130%;
	color: #000;
	}


/* Social */
.footer-content ul#social {
	padding: 0;
	background: transparent;
	height: auto;
	margin: -2px 0 20px 0;
	}
.footer-content ul#social li {
	display: inline-block;
	margin-right: 15px;
	}
	.footer-content ul#social li:last-child { margin-right: 0; }
	
.footer-content ul#social li a {
	padding: 0;
	color: #fff;
	font-size: 1.7em;
	vertical-align: text-top;
	-webkit-transition: color .05s ease-out;
	   -moz-transition: color .05s ease-out;
		-ms-transition: color .05s ease-out;
	     -o-transition: color .05s ease-out;
		 	transition: color .05s ease-out;
	}
	.footer-content ul#social li a:hover,
	.footer-content ul#social li a:focus {
		color: #cc0000;
		border: none;
		}


/* Land Acknowledgement */
.footer-content .lacknowledgement {
	padding-bottom: 80px;
	}

.footer-content .lacknowledgement .la-border {
	display: inline-block;
	margin-bottom: 20px;
	height: 1px; width: 100px;
	border-top: 1px solid #585858;
	}


/* Admin - login - logout */

#admin-menu {
	margin-top: -10px;
	}
#admin-menu a.logout,
#admin-menu a.admin { font-size: .9em; border: none !important; }

#admin-menu a.logout:after {
	content: "\f08b" !important;
	display: inline-block;
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	font-weight: 900;
	line-height: 1;
	font-size: 100%;
	margin: 2px 0 0 6px;
	-webkit-transition: color .1s ease-out;
	   -moz-transition: color .1s ease-out;
		-ms-transition: color .1s ease-out;
	     -o-transition: color .1s ease-out;
		 	transition: color .1s ease-out;
	}
#admin-menu a.admin:after {
	content: "\f013" !important;
	display: inline-block;
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	font-weight: 900;
	line-height: 1;
	font-size: 100%;
	margin: 2px 0 0 6px;
	-webkit-transition: color .1s ease-out;
	   -moz-transition: color .1s ease-out;
		-ms-transition: color .1s ease-out;
	     -o-transition: color .1s ease-out;
		 	transition: color .1s ease-out;
	}

	


/* Back to top link
   ----------------------- */
#wrapper #backtotop {
	padding: 15px 15px 15px 15px;
	position: fixed; 
	right: 2%; bottom: 50px;
	background: #000000;
	color: #fff;
	transition: background .1s ease-out;
    display: none;
    text-decoration: none !important;
    border: none !important;
	}
	#wrapper #backtotop span.fal {
		font-size: 1.2em;
		font-weight: 300;
		margin-bottom: -5px;
	}
	#wrapper #backtotop span.label {
		font-family: "Circular Black", "Trebuchet MS", sans-serif;
		font-weight: bold;
		margin: 0 10px 5px 0;
	}
	
	#wrapper #backtotop:hover,
	#wrapper #backtotop:focus {
		background: #cc0000;
		color: #fff !important;
		}


/* ----------------------------------------------
   ----------------------------------------------
   Small Screen desktops
   ----------------------------------------------
   ---------------------------------------------- */

@media only screen 
and (min-width : 1115px) and (max-width: 1700px) {
	
	/*  Footer
	----------------------- */
	
		
}

/* Small Screen desktop
----------------------- */

@media only screen 
and (min-width : 1115px) and (max-width: 1500px) {
	
	/*  Header
	----------------------- */		
	#header #subbrand.gsb { margin-right: 0; }
	#header #subbrand.gsb svg { width: 260px; height: 76px; }
	
	#header #subbrand.miw { margin-right: 0; }
	#header #subbrand.miw svg { width: 260px; height: 76px; }
	
	#header #subbrand.ccovi { margin-right: 0; }
	#header #subbrand.ccovi svg { width: 260px; height: 65px; }
	
	
	/*  Site title
	----------------------- */
	#site-title h1, #site-title h2 {
		margin: 0;
		max-width: 300px;
		}
	
}



/* ----------------------------------------------
   ----------------------------------------------
   Tablets
   ----------------------------------------------
   ---------------------------------------------- */

@media only screen 
and (min-width : 841px) and (max-width: 1114px) {
	
	/*  Drawers
	----------------------- */
	.drawer .column {
		margin: 0 3.5% 0 0;
			width: 22.3%;
		float: left;
		}
	.drawer .column.grey { margin-top: 10px; }
	.drawer .column.four {
		margin-right: 0;
		}
		.drawer .column ul li a {
			padding: 10px 0 10px 0;
			font-size: .9em;
			text-decoration: none;
			display: block;
			-webkit-transition: color .05s ease-out;
			   -moz-transition: color .05s ease-out;
				-ms-transition: color .05s ease-out;
			     -o-transition: color .05s ease-out;
				 	transition: color .05s ease-out;
			}
	
	/* intro */
	.drawer .intro {
		text-align: center;
		margin: -1em 0 1.5em 0;
		}
	.drawer .intro h1 { padding: 0 30px; font-size: 1.1em; line-height: 140%; }
	.drawer .intro.reverse { margin-bottom: 1.5em; }
	
	.drawer .vc_separator { margin: 2em 0 2em 0; }

	
	/*  Omni Nav
	----------------------- */
	div.omni-menu #searchform { width: 240px; }
	
	
	/*  Header
	----------------------- */		
	#header #subbrand.gsb { margin-right: 0; }
	#header #subbrand.gsb svg { width: 165px; height: 48px; }
	
	#header #subbrand.miw { margin-right: 0; }
	#header #subbrand.miw svg { width: 165px; height: 48px; }
	
	#header #subbrand.ccovi { margin-right: 0; }
	#header #subbrand.ccovi svg { width: 165px; height: 41px; }
	
	
	/*  Site title
	----------------------- */
	#site-title h1, #site-title h2 {
		margin: 0;
		max-width: 200px;
		}
	
	
	/*  Footer
	----------------------- */
	
	.footer-content h2 {
		font-size: .9em;
		}
	
	.footer-content ul.menu li {
		line-height: 160%;
		font-size: 1em;
		}
		
	.footer-content p {
		line-height: 150%;
		font-size: 1em;
		}
		
	.footer-content .give {	
		font-size: 2em;
	 	}
	.footer-content .support {
		font-size: .9em;
		}
	
	.footer-content ul#social li {	
		margin-right: 10px;
		}
		
	.footer-content ul#social li a {
		font-size: 1.5em;
		}
		
	.footer-content ul#social li {
		display: inline-block;
		margin-right: 5px;
		}

}


/* ----------------------------------------------
   ----------------------------------------------
   Small tablet
   ----------------------------------------------
   ---------------------------------------------- */

@media only screen 
and (min-width : 841px) and (max-width: 950px) {
	
		/*  Omni Nav
	----------------------- */
	div.omni-menu a {
		padding: 0; margin: 0 0 0 20px;
		display: inline-block; vertical-align: text-top;
		height: 55px;
		background: #f8f8f8;
		color: #585858;
		text-decoration: none;
		text-transform: uppercase;
		font-size: .9em;
		letter-spacing: .05em;
		}
	div.omni-menu a#admissions-toggle { 
		margin: 0 20px 0 0;
		float: left;
		background: #cc0000;
		}
		div.omni-menu a#admissions-toggle span.label { 
			padding: 20px 15px 0 20px;
			color: #fff;
			}
		div.omni-menu a span.fa {
			width: 40px;
			}
	div.omni-menu #searchform { width: 220px; }
	
	
	/*  Header
	----------------------- */		
	#header #subbrand.gsb { margin-right: 0; }
	#header #subbrand.gsb svg { width: 165px; height: 48px; }
	
	#header #subbrand.miw { margin-right: 0; }
	#header #subbrand.miw svg { width: 165px; height: 48px; }
	
	#header #subbrand.ccovi { margin-right: 0; }
	#header #subbrand.ccovi svg { width: 165px; height: 41px; }
	
}


/* ----------------------------------------------
   ----------------------------------------------
   Mobile
   ----------------------------------------------
   ---------------------------------------------- */

@media only screen 
and (max-width: 840px) {
	
	body { -webkit-text-size-adjust: none; }
	
	#wrapper { position: relative; }
	
	/*  Header
	----------------------- */
	#header {
		margin: 0 !important; padding: 0;
		height: auto; width: 100% !important;
		display: block;
		background: transparent !important;
		}
	#header-subcontainer { 
		height: 60px; width: 100% !important;
		background: #cc0000;
		}
	#header a#brand,
	#header a#brand.small {
		margin: 0; padding: 0;
		float: none;
		width: 85px; height: 45px;
		display: block;
		position: absolute;
		top: 7px;
		right: 15px;
		line-height: 100%;
		background: url('images/brocku-logo-rgb-small.svg') no-repeat 0 10px;
		background-size: 85px 25px;
		z-index: 100;
		}
		#header a#brand svg,
		#header a#brand svg image {
			display: none;
			}
		
		/* sub brand */
		#header #subbrand {
			margin: 0 0 10px 0; padding: 0;
			float: none;
			display: block;
			position: absolute;
			top: 46px;
			left: 5%;
			display: none;
			}
			#header #subbrand svg {
				width: 70px; height: 58px;
				}
	
	#header .omni-menu { display: none; }
	
/* 	#mobile-divider { display: block; position: absolute; top: 60px; height: 1px; width: 100%; background: rgba(255,255,255,0.2); } */
	
	
	/* Site Title
	----------------------- */
	#site-title { height: auto; background: #fff; }
	#site-title h1 { clear: both; text-align: right; padding: 15px 0 0 0; line-height: 130%; }
	#site-title h2 { text-align: right; padding: 4px 0 2px 0; }
	#site-title.mobile-only { display: inherit; }
	#site-title h1, #site-title h2 { margin: 0 auto; max-width: 100%; }
	
	
	/*  Quick Links /
		Admissions /
		Search
	----------------------- */
	
	/* Quicklinks toggle */
	#mobile-quicklinks-toggle {
		padding: 11px 0 0 0;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		color: #fff;
		font-size: 1.2em;
		width: 60px; height: 60px;
		text-align: center;
		z-index: 100;
		-webkit-tap-highlight-color: rgba(0,0,0, .1);
		}
		
	/* Admissions toggle */
	#mobile-admissions-toggle {
		padding: 11px 0 0 0;
		display: block;
		position: absolute;
		top: 0;
		left: 60px;
		color: #fff;
		font-size: 1.2em;
		width: 60px; height: 60px;
		text-align: center;
		z-index: 100;
		-webkit-tap-highlight-color: rgba(0,0,0, .1);
		}
		#mobile-quicklinks-toggle,
		#mobile-admissions-toggle { border-right: 1px solid rgba(255,255,255,0.2); }
		
	/* Search toggle */
	#mobile-search-toggle {
		padding: 11px 0 0 0;
		display: block;
		position: absolute;
		top: 0;
		left: 120px;
		color: #fff;
		font-size: 1.2em;
		width: 65px; height: 60px;
		text-align: center;
		z-index: 100;
		-webkit-tap-highlight-color: rgba(0,0,0, .1);
		}
		#mobile-quicklinks-toggle:active,
		#mobile-admissions-toggle:active,
		#mobile-search-toggle:active { color: #000; }
		
	#mobile-quicklinks-toggle span.label,
	#mobile-admissions-toggle span.label,
	#mobile-search-toggle span.label {
			margin-top: 8px;
			font-size: .5em;
			text-transform: uppercase;
			letter-spacing: 0.05em;
			text-align: center;
			display: block;
			}
	#mobile-quicklinks-toggle span.fa-angle-up, 
	#mobile-admissions-toggle span.fa-angle-up,
	#mobile-search-toggle span.fa-angle-up { font-weight: 300; }
	
	/* Drawers */
	.drawer {
		padding: 60px 0 0 0; margin: 0 0 -60px 0;
		display: none;
		background: #cc0000;
		}
	.drawer .drawer-subcontainer {
		padding: 40px 20px 30px 20px;
		width: 100%;
		background: #f8f8f8;
		}
	#quicklinks.drawer .drawer-subcontainer { padding-top: 10px; }
	#mobilesearch.drawer .drawer-subcontainer { background: transparent; }
	
	#quicklinks-close,
	#admissions-close { display: none; }
	
	/* intro */
	.drawer .intro {
		text-align: center;
		margin: -1em 0 1.5em 0;
		}
	.drawer .intro h1 { padding: 0 30px; font-size: 1.1em; line-height: 140%; }
	.drawer .intro.welcome { margin-bottom: 1.3em; display: none; }
	.drawer .intro.welcome h1 { font-size: 1.2em; }
	
	/*  Lists */
	.drawer .column.two,
	.drawer .column.four {
		margin-right: 0;
		}
	.drawer .column {
		margin: 10px 10% 0 0;
		width: 45%;
		float: left;
		}
	.drawer .column.two,
	.drawer .column.four {
		margin-right: 0;
		}
		.drawer .column ul li a {
			padding: 12px 0 12px 0;
			font-size: .9em;
			text-decoration: none;
			display: block;
			-webkit-transition: color .05s ease-out;
			   -moz-transition: color .05s ease-out;
				-ms-transition: color .05s ease-out;
			     -o-transition: color .05s ease-out;
				 	transition: color .05s ease-out;
			}
	
	.drawer .column.three.ql,
	.drawer .column.four.ql {
		margin-top: 0;
		}
		.drawer .column.three.ql li:first-child,
		.drawer .column.four.ql li:first-child { border-top: 1px solid #e8e8e8; }
	
	.drawer .vc_separator { margin: 2em 0 1em 0; }
	
	
	/*  Search
	----------------------- */
	#mobilesearch .drawer-subcontainer {
		padding: 20px;
		}
		
	/*  Searchform */
	#mobilesearch #searchform-mobile {
		margin: 0; padding: 0;
		width: 100% !important;
		float: none;
		display: block;
		z-index: 101;
		}

	#mobilesearch #searchform-mobile label { display: none; }
	
	/* structure */
	#mobilesearch form.gsc-search-box {
		
		}
	
	#mobilesearch form.gsc-search-box table,
	#mobilesearch form.gsc-search-box tr,
	#mobilesearch form.gsc-search-box td {
		padding: 0 !important; margin: 0 !important;
		}
	
	#mobilesearch form.gsc-search-box td.gsib_b { display: none !important; }
	
	/* fields */
	#mobilesearch .gsc-input { padding-right: 0 !important; }
	#mobilesearch input.gsc-input {
		color: #585858 !important;
		font-size: 16px !important;
		height: 45px !important; width: 100%;
		padding: 5px 5px 5px 10px !important;
		margin: 0 !important;
		border: 1px solid #f8f8f8 !important;
		background: #f8f8f8 !important;
		border-right: none;
		-webkit-appearance: none !important;
		border-radius: 0 !important;
		text-indent: 0 !important;
		-webkit-transition: border .2s ease-out;
		   -moz-transition: border .2s ease-out;
			-ms-transition: border .2s ease-out;
		     -o-transition: border .2s ease-out;
			 	transition: border .2s ease-out;
		-webkit-transition: background-color .05s ease-out;
		   -moz-transition: background-color .05s ease-out;
			-ms-transition: background-color .05s ease-out;
		     -o-transition: background-color .05s ease-out;
			 	transition: background-color .05s ease-out;
		}
	
	#mobilesearch .gsc-input-box,
	#mobilesearch .gsc-input-box-hover,
	#mobilesearch .gsc-input-box-focus {
		border: none !important;
		background: transparent;
		height: auto;
		}
	
		#mobilesearch input.gsc-input:focus,	
		#mobilesearch input.gsc-input:hover {
			border: 1px solid #f8f8f8 !important;
			background: #f4f4f4 !important;
			color: #585858 !important;
			}
	#mobilesearch input.gsc-search-button,
	#mobilesearch button.gsc-search-button {
		margin: 0; padding: 0 15px !important;
		height: 45px !important;
		color: #585858 !important;
		background: #000 !important;
		font-size: 12px !important;
		letter-spacing: .05em !important;
		font-weight: 200 !important;
		font-family: "Bliss Light", Arial, sans-serif;
		text-transform: uppercase;
		border: none !important;
		-webkit-appearance: none !important;
		border-radius: 0 !important;
		-webkit-transition: border .05s ease-out;
		   -moz-transition: border .05s ease-out;
			-ms-transition: border .05s ease-out;
		     -o-transition: border .05s ease-out;
			 	transition: border .05s ease-out;
		-webkit-transition: background-color .05s ease-out;
		   -moz-transition: background-color .05s ease-out;
			-ms-transition: background-color .05s ease-out;
		     -o-transition: background-color .05s ease-out;
			 	transition: background-color .05s ease-out;
		}
		#mobilesearch button.gsc-search-button svg { color: #585858 !important; }
	#mobilesearch input.gsc-search-button:hover,
	#mobilesearch input.gsc-search-button:focus,
	#mobilesearch button.gsc-search-button:hover,
	#mobilesearch button.gsc-search-button:focus {
		cursor: pointer;
		background: #000 !important;
		color: #fff !important;
		}
	#mobilesearch input.gsc-search-button:active,
	#mobilesearch button.gsc-search-button:active {
		border: 1px solid #fff;
		border-right: none;
		background: #282828 !important;
		}
	
	#mobilesearch .gsc-clear-button,
	#mobilesearch .gsib_b { display: none; }

					
	/*  Current site's menu
	----------------------- */
	
	#sidebar-menu { display: none; } /* hide the sidebar menu */
	
	#main-menu-container { padding: 20px 20px 20px 20px; margin-bottom: -20px; background: #fff; clear: both; }
	#mobile-menu-toggle {
		margin: 0; padding: 15px 5px 13px 15px;
		color: #fff !important;
		background: #000;
		font-size: .9em;
		text-transform: uppercase;
		letter-spacing: .1em;
		line-height: 100%;
		display: block;
		}
		#mobile-menu-toggle span { margin-right: 15px; float: right; }
		
	/* Hide menu on specific pages */
	body.search #main-menu-container { display: none; }
	
	
	/* Global menu layout
	----------------------- */
	#main-menu-container .main-menu-parent { display: none; }
	
	#main-menu-container .menu-inner-container .main-menu {
		padding: 0;
		}
		
	/* 1. sub menu Look & Feel
	----------------------- */
	#main-menu-container .main-menu > ul {
		margin-bottom: 40px;
/* 		border-bottom: 1px solid #f0f0f0; */
		background: #fbfbfb;
/* 		background: transparent; */
		}
	#main-menu-container .main-menu > ul > li {
		border-top: 1px solid #f0f0f0;
		}
		#main-menu-container .main-menu > ul > li:first-child { border: none; }
		#main-menu-container .main-menu ul > li > a {
			padding: 8px 20px 8px 15px;
			display: block;
			color: #585858;
			text-decoration: none;
			text-transform: uppercase;
			letter-spacing: 0.01em;
			line-height: 120%;
			font-size: .9em;
			-webkit-transition: background-color .1s ease-out;
			   -moz-transition: background-color .1s ease-out;
				-ms-transition: background-color .1s ease-out;
			     -o-transition: background-color .1s ease-out;
				 	transition: background-color .1s ease-out;
			}
			#main-menu-container .main-menu ul > li > a:hover,
			#main-menu-container .main-menu ul > li > a:focus {
				color: #cc0000;
				text-decoration: underline;
				background: transparent;
				}
	
	/* Current menu item */
	#main-menu-container .main-menu > ul > li.current-menu-item > a:before {
		content: "\f105";
		display: inline-block;
		font-family: "Font Awesome 5 Pro";
		font-style: normal;
		font-weight: 300;
		line-height: 1;
		font-size: 100%;
		margin-right: 5px;
		}
	
	/* Item has children */
	#main-menu-container .main-menu > ul > li.menu-item-has-children > a:after {
		content: "\f105";
		display: inline-block;
		float: right;
		font-family: "Font Awesome 5 Pro";
		font-style: normal;
		font-weight: 300;
		line-height: 1;
		font-size: 100%;
		margin-top: 1px;
		}

	
	/* sub menu Level 2
	----------------------- */
	#main-menu-container .main-menu ul > li.menu-item-has-children {
		
		}
	#main-menu-container .main-menu ul > li > ul {
	
		}
	#main-menu-container .main-menu ul > li > ul > li:first-child { /* First descendant */
		/* border-top: 1px solid #e8e8e8; */
		}
	#main-menu-container .main-menu ul > li > ul > li a { /* Descendant links */
		padding: 4px 20px 4px 25px;
		text-transform: none;
		font-size: .8em;
		background: transparent !important;
		letter-spacing: 0em;
		}
	#main-menu-container .main-menu ul > li > ul > li:last-child > a { /* Last descendant */
		padding-bottom: 15px;
		}

	/* Item has children */
	#main-menu-container .main-menu ul > li > ul > li.menu-item-has-children > a { position: relative; padding-right: 30px; }
	#main-menu-container .main-menu ul > li > ul > li.menu-item-has-children > a:after {
		content: "\f105";
		display: inline-block;
		position: absolute;
		right: 20px; top: 8px;
		font-family: "Font Awesome 5 Pro";
		font-style: normal;
		font-weight: 300;
		line-height: 1;
		font-size: 90%;
		}
		
	
	/* sub menu Level 3
	----------------------- */
/*
	#main-menu-container .main-menu ul > li > ul > li.current-menu-item.menu-item-has-children > ul { display: none; }
	#main-menu-container .main-menu ul > li > ul > li.current-menu-item.menu-item-has-children > ul { display: inherit; }
*/
	#main-menu-container .main-menu ul > li > ul > li > ul { margin-top: 10px; }
	#main-menu-container .main-menu ul > li > ul > li > ul > li > a { /* Descendant links */
		padding: 6px 20px 6px 45px;
		text-transform: none;
		font-size: .8em;
		background: transparent !important;
		}
	
	
	/* sub menu General
	----------------------- */
	
	/* External Link indicator */
	#main-menu-container .main-menu ul > li > a[target="_blank"]:after {
		content: "\f08e";
		display: inline-block;
		font-family: "Font Awesome 5 Pro";
		font-style: normal;
		font-weight: 900;
		line-height: 1;
		font-size: 70%;
		margin-left: 7px;
		}
	/* Current Page indicator */
	#main-menu-container .main-menu .current_page_item > a { color: #cc0000; }
	#main-menu-container .main-menu .current_page_item > a:before {
		content: "\f105";
		display: inline-block;
		font-family: "Font Awesome 5 Pro";
		font-style: normal;
		font-weight: 300;
		line-height: 1;
		font-size: 90%;
		margin-right: 7px;
		}
	
	/* 2. Selective Display
	----------------------- */
	#main-menu-container .main-menu ul > li > ul { display: none; } /* Hide the level 2 menu */
	#main-menu-container .main-menu ul > li.open > ul,
	#main-menu-container .main-menu ul > li.current-menu-item > ul,
	#main-menu-container .main-menu ul > li.current-menu-parent > ul,
	#main-menu-container .main-menu ul > li.current-menu-ancestor > ul { display: block; } /* show the level 2 menu if we are on a page related to this menu, or if parent has class .open */
	
	
	/* Hide pages and hide 
	   children indicator
    ----------------------- */
	#main-menu-container .main-menu ul > li.menu-item-has-children.hide-children-indicator > a { position: inherit; padding-right: 0; }
	#main-menu-container .main-menu ul > li.menu-item-has-children.hide-children-indicator > a:after { content: none !important; }
	#main-menu-container .main-menu ul > li.hide,
	#main-menu-container .main-menu ul > li > ul > li.hide { display: none; }
	
	
	/*  Main content
	----------------------- */
	#main { padding-top: 20px; }
	#container { padding-top: 0; }
	#content { margin: 0 0 40px 0; }
	
	
	/*  Breadcrumbs
	----------------------- */
	#breadcrumb { display: none; }
	
	
	/* Main Slider / Banner
	----------------------- */
	#carousel { margin-bottom: 30px !important; }
	
	
	/*  Sidebar
	----------------------- */
	/* no changes to sidebar */
	
	
	/*  Footer
	----------------------- */
	
	.footer-wrapper.top-row .row {
		padding: 30px 0 30px 0;
		}
	.footer-wrapper.bottom-row .row {
		padding: 30px 0 30px 0;
		}


	.footer-content .col1,
	.footer-content .col2 { 
		width: 45%;
		margin: 0 5% 0 0;		
	}
	.footer-content .col2 { margin: 0; }
	
	.footer-content .col3 {
		margin-top: 30px;
		width: 100%;
	}
	
	.footer-content h2 {
		font-size: .9em;
		}
	
	.footer-content ul.menu li {
		line-height: 130%;
		margin-bottom: 10px;
		font-size: .9em;
		}
		.footer-content ul.menu li a { line-height: 130%; }
	
	.footer-wrapper.bottom-row p {
		line-height: 150%;
		font-size: .8em;
		}
	.footer-wrapper.bottom-row #admin-menu {
		margin-top: -15px;
		font-size: .7em;
		}
	.footer-content .give {	
		font-size: 2em;
	 	}
	.footer-content .support {
		font-size: .9em;
		}
	.footer-content ul#social li {	
		margin-right: 10px;
		}
		
	.footer-content ul#social li a {
		font-size: 1.2em;
		}
		
	/* Land Acknowledgement */
	.footer-content .lacknowledgement {
		padding-top: 20px; padding-bottom: 20px;
		}
	
	.footer-content .lacknowledgement .la-border {
		margin-bottom: 10px;
		}

}