/* CSS to over ride styles */

/* Callout box colors are OFFICIAL Hashes from University Relations - Lee Hawkins

Syntax: callout [color] */

	.callout {
		font-family: 'Lato', sans-serif !important;
		font-size: 100% !important;
		font-weight: 300 !important;
		line-height: 115% !important;
		padding: 15px 20px;
		border-style: solid;
		border-width: 1px;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		background: #660000;
		color: #fff;
		border-color: #4c0000;
	}
	.callout[class~='blue'] {
		background: #93A7B3 !important;
		border-color: #3C5B6F;
	}
	.callout[class~='cream'] {
		background: #EDEADA !important;
		border-color: #DBD8BC;
	}
	.callout[class~='gold'] {
		background: #b47a1f !important;
		border-color: #660000;
	}
	.callout[class~='gray'] {
		background: #C2C1BA !important;
		border-color: #646464;
	}
	.callout[class~='green'] {
		background: #9bb68f !important;
		border-color: #666;
	}
	.callout[class~='maroon'] {
		background: #660000 !important;
		border-color: #4c0000;
	}
	.callout[class~='orange'] {
		background: #ff6600 !important;
	}
	.callout[class~='blue'],
	.callout[class~='gold'],
	.callout[class~='green'],
	.callout[class~='maroon'],
	.callout {
		color: #fff;
	}
	.callout[class~='cream'],
	.callout[class~='gray'] {
		color: #000;
	}

	/* Link Colors */
	.callout a,
	.callout a:visited,
	.callout a:hover,
	.callout a:active {
		text-decoration: none;
		color: #ff6600;
	}
	.callout a:hover,
	.callout a:active {
		border-bottom: 4px solid;
	}
	.callout[class~='green'] a,
	.callout[class~='green'] a:visited,
	.callout[class~='green'] a:hover,
	.callout[class~='green'] a:active {
		color: #6e8065 !important;
	}
	.callout[class~='gray'] a,
	.callout[class~='gray'] a:visited,
	.callout[class~='gray'] a:hover,
	.callout[class~='gray'] a:active,
	.callout[class~='cream'] a,
	.callout[class~='cream'] a:visited,
	.callout[class~='cream'] a:hover,
	.callout[class~='cream'] a:active,
	.callout[class~='gold'] a,
	.callout[class~='gold'] a:visited,
	.callout[class~='gold'] a:hover,
	.callout[class~='gold'] a:active,
	.callout[class~='orange'] a,
	.callout[class~='orange'] a:visited,
	.callout[class~='orange'] a:hover,
	.callout[class~='orange'] a:active {
		color: #660000 !important;
	}
	.callout[class~='maroon'] a,
	.callout[class~='maroon'] a:visited,
	.callout[class~='maroon'] a:hover,
	.callout[class~='maroon'] a:active {
		color: #ff6600;
	}
	.callout[class~='blue'] a,
	.callout[class~='blue'] a:visited,
	.callout[class~='blue'] a:hover,
	.callout[class~='blue'] a:active {
		color: #E9EDF0 !important;
	}
	.callout[class~='blue'] a:hover,
	.callout[class~='blue'] a:active,
	.callout[class~='gray'] a:hover,
	.callout[class~='gray'] a:active,
	.callout[class~='cream'] a:hover,
	.callout[class~='cream'] a:active,
	.callout[class~='orange'] a:hover,
	.callout[class~='orange'] a:active,
	.callout[class~='maroon'] a:hover,
	.callout[class~='maroon'] a:active,
	.callout[class~='green'] a:hover,
	.callout[class~='green'] a:active,
	.callout[class~='gold'] a:hover,
	.callout[class~='gold'] a:active {
		border-color: inherit !important;
	}
	.callout p {
		/* font-family: 'Lato', sans-serif; */
		font-size: 18px; /* Default size of callout text */
		font-weight:400;
		margin-bottom: 0px;
	}

	.callout h1 { 
		font-size: 43px;
		margin-top:20px;
		margin-bottom:20px;
		line-height: 55px;
		margin-left:10px;
	}
	.callout h2 { 
		font-size: 35px;
		margin-top:10px;
		margin-bottom:10px;
		line-height: 38.5px;
		margin-left:5px;
	}
	.callout h3 { 
		font-size: 25px;
		margin-top:10px;
		margin-bottom:10px;
		line-height: 27.5px;
	}

/* End Callout Styles */



/* Asides colors are OFFICIAL Hashes from University Relations - Lee Hawkins

Syntax: aside [blue|cream|maroon|gray|gold|green|orange] [star|exclamation|caution|warning|mobile|desktop|extlink|asterisk|map|twitter|instagram|facebook|vimeo] [right|left|center] [noicon] [nostretch] [indent|noindent] [link] */

	.aside {
		background: #D9BFBF; /* Default */
		color: #660000; /* Default */
		display: block;
		font-size: 14px;
		padding: 12px 24px 12px 24px; /* be sure to set the padding-left in the 'noindent' class to match */
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-o-border-radius:5px;
	}
	.aside::before {
		content: "\f069"; /* DEFAULT: asterisk */
		font-family: FontAwesome;
		/* --adjust as necessary-- */
		float:left;
		font-size: 200%;
		margin-right: .3em;
		line-height: 1.1em;
		padding: .1em 0 0 0;
	}
	.aside p {
		margin: 0;
	}
	.aside a,
	.aside a:visited {
		text-decoration:underline;
	}
	.aside a:hover,
	.aside a:active {
		text-decoration: none;
		border-bottom: 4px solid;
	}
	.aside[class~='link'] a::after {
		content: "\f08e";
		font-family: FontAwesome;
		margin-left: 5px;
		border-bottom: 0px;
		vertical-align: middle;
	}

	/* Icons */
		.aside[class~='star']::before {
			content: "\f12a"; /* star */
		}
		.aside[class~='exclamation']::before {
			content: "\f06a"; /* fa-exclamation-circle */
		}
		.aside[class~='caution']::before {
			content: "\f071"; /* exclamation-triangle */
		}
		.aside[class~='warning']::before {
			content: "\f071"; /* fa-warning */
		}
		.aside[class~='mobile']::before {
			content: "\f10b"; /* mobile */
		}
		.aside[class~='desktop']::before {
			content: "\f108"; /* desktop */
		}
		.aside[class~='extlink']::before {
			content: "\f08e"; /* external-link */
		}
		.aside[class~='asterisk']::before {
			content: "\f069"; /* fa-asterisk */
		}
		.aside[class~='map']::before {
			content: "\f041"; /* fa-map-marker */
		}
		.aside[class~='twitter']::before {
			content: "\f081" !important; /* fa-twitter-square */
		}
		.aside[class~='instagram']::before {
			content: "\f16d" !important; /* fa-instagram */
		}
		.aside[class~='facebook']::before {
			content: "\f082" !important; /* fa-facebook-square */
		}
		.aside[class~='vimeo']::before {
			content: "\f194"; /* fa-vimeo-square */
		}
	/* Colors */
		.aside[class~='blue'] {
			background: #93A7B3;
			border-left: 10px solid #6397b7;
		}
		.aside[class~='green'] {
			background: #E6EDE3;
			border-left: 10px solid #6e8065;
		}
		.aside[class~='gray'] {
			background: #C2C1BA;
			border-left: 10px solid #000;
		}
		.aside[class~='gold'] {
			background: #F4EBDD;
			border-left: 10px solid #b47a1f;
		}
		.aside[class~='orange'],
		.aside[class~='cream'],
		.aside[class~='maroon'] {
			border-left: 10px solid #660000;
		}
		.aside[class~='maroon'] {
			background: #D9BFBF;
		}
		.aside[class~='cream'] {
			background: #EDEADA;
		}
		.aside[class~='orange'] {
			background: #ff6600;
		}

	/* Link Colors */
		.aside[class~='gold'],
		.aside[class~='gold'] a,
		.aside[class~='gold'] a:visited,
		.aside[class~='gold'] a:hover,
		.aside[class~='gold'] a:active {
			color: #b47a1f !important;
		}
		.aside[class~='green'],
		.aside[class~='green'] a,
		.aside[class~='green'] a:visited,
		.aside[class~='green'] a:hover,
		.aside[class~='green'] a:active {
			color: #6e8065 !important;
		}
		.aside[class~='orange'],
		.aside[class~='orange'] a,
		.aside[class~='orange'] a:visited,
		.aside[class~='orange'] a:hover,
		.aside[class~='orange'] a:active,
		.aside[class~='maroon'],
		.aside[class~='maroon'] a,
		.aside[class~='maroon'] a:visited,
		.aside[class~='maroon'] a:hover,
		.aside[class~='maroon'] a:active {
			color: #660000 !important;
		}
		.aside[class~='gray'],
		.aside[class~='gray'] a,
		.aside[class~='gray'] a:visited,
		.aside[class~='gray'] a:hover,
		.aside[class~='gray'] a:active, 
		.aside[class~='cream'],
		.aside[class~='cream'] a,
		.aside[class~='cream'] a:visited,
		.aside[class~='cream'] a:hover,
		.aside[class~='cream'] a:active {
			color: #000000 !important;
		}
		.aside[class~='blue'],
		.aside[class~='blue'] a,
		.aside[class~='blue'] a:visited,
		.aside[class~='blue'] a:hover,
		.aside[class~='blue'] a:active {
			color: #E9EDF0 !important;
		}
		.aside[class~='blue'] a:hover,
		.aside[class~='blue'] a:active,
		.aside[class~='gray'] a:hover,
		.aside[class~='gray'] a:active,
		.aside[class~='cream'] a:hover,
		.aside[class~='cream'] a:active,
		.aside[class~='orange'] a:hover,
		.aside[class~='orange'] a:active,
		.aside[class~='maroon'] a:hover,
		.aside[class~='maroon'] a:active,
		.aside[class~='green'] a:hover,
		.aside[class~='green'] a:active,
		.aside[class~='gold'] a:hover,
		.aside[class~='gold'] a:active {
			border-color: inherit !important;
		}

	/* Misc */
		.aside[class~='right']::before {
			float:right; /* align right */
		}
		.aside[class~='left']::before {
			float:left; /* align left */
		}
		.aside[class~='noicon']::before {
			content: initial;
		}
		.aside[class~='nostretch'] {
			display: inline-flex;
		}
		.aside[class~='indent'] {
			padding-left: 60px;
			padding-right: 60px;
		}
		.aside[class~='noindent'] {
			padding-left: 24px;
		}
		.aside[class~='center'] {
			padding-right:0px !important;
			padding-left:0px !important;
			text-align: center;
		}

/* End Aside Styles */


/* Legend */
	.legend,
	.legend p {
		font-size: .95em !important;
		background-color: #eee;
		padding: 0 10px;
		border-radius:5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-o-border-radius: 5px;
	}
	.legend[class~="right"],
	.legend[class~="right"] p {
		text-align: right;
	}
	.legend[class~="center"],
	.legend[class~="center"] p {
		text-align: center;
	}
	p.legend {
		margin-bottom:0px !important;
	}


/* Custom responsive table written by Jason Lockhart 2017-02-20 18:03:29

Syntax (text component): res-table [noheader|rightheader|leftheader|centerheader]

PLEASE NOTE - In order for these tables to display properly, you MUST add the header-row to the table when creating it in Ensemble. */

	.res-table {
		border: 0px;
	}
	.res-table table>tbody>tr>td,
	.res-table table>tbody>tr>th, 
	.res-table table>tfoot>tr>td,
	.res-table table>tfoot>tr>th, 
	.res-table table>thead>tr>td
	{
		border: 1px solid rgba(221, 221, 221, 1.0) !important;
		font-size: 18px;
		font-weight: 400;
		vertical-align: top !important;
		padding: 20px;
	}

	.res-table table>tr>th,
	.res-table table>thead>tr>th {
		background-color: rgba(239,239,239,1.0);
		border: 1px solid rgba(221, 221, 221, 1.0) !important;
		font-size: 18px;
		font-weight: 600 !important;
		vertical-align: middle;
		padding: 20px;
		text-align: center;
	}

	.res-table table tbody tr:nth-child(even) {
		background: rgba(247,247,247,1.0);
	}

	.res-table table {
		border: 1px;
	}

	.res-table table thead {
		display: table-header-group;
	}

	.res-table table tr {
		margin-bottom: 0;
		display: table-row;
		border-bottom: none;
	}

	.res-table table td {
		display: table-cell;
		text-align: left;
		border-bottom: none;
	}

	.res-table table td::before {
		content: '';
		float: none;
		text-transform: none;
		font-weight: normal;
	}

	.res-table[class~="noheader"] table>thead {
		display: none;
	}
	.res-table[class~="rightheader"] table>thead>tr>th,
	.res-table[class~="rightheader"] table>tr>th {
		text-align: right !important;
	}
	.res-table[class~="leftheader"] table>thead>tr>th,
	.res-table[class~="leftheader"] table>tr>th {
		text-align: left !important;
	}
	.res-table[class~="centerheader"] table>thead>tr>th,
	.res-table[class~="centerheader"] table>tr>th {
		text-align: center !important;
	}

	@media (max-width: 991px) {
		/*mobile table styles, when table is created with the text component*/

		.res-table table {
			width: 100%;
		}

		.res-table table thead {
			display: none;
		}

		.res-table table tr {
			margin-bottom: 30px;
			display: block;
			border-bottom: 1px solid rgba(221, 221, 221, 1.0);
		}

		.res-table table td { 
			display: block;
			text-align: right;
			border-bottom: 1px dotted rgba(204, 204, 204, 1.0);
			white-space: normal !important;
		}

		.res-table table tbody tr:nth-child(even) {
			background: inherit;
		}

		.res-table table td::before {
			content: attr(data-label)":";
			margin-right: 8px; /* added and this */
			float: left;
			text-transform: uppercase;
			font-weight: bold;
		}
		
		.res-table table td[data-label="\00a0"]::before {
			content:"" !important;
		}
		.res-table table td[data-label="\00a0"] {
			text-align: left;
		}
	}