/*
Theme Name: Transformer
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: transformer
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Transformer is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	/*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);*/
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

/*.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}*/

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 800px) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33333%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66667%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28571%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11111%;
}

.gallery-caption {
	display: block;
}






/*--------------------------------------------------------------

CUSTOM STYLES

--------------------------------------------------------------*/


/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/

body {
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 200;
}

hr {
	width: 75%;
}

@font-face {
	font-family: 'Heavitas';
    src: url('fonts/Heavitas.eot?#iefix') format('embedded-opentype'), 
         url('fonts/Heavitas.woff') format('woff'), 
         url('fonts/Heavitas.ttf')  format('truetype'),
         url('fonts/Heavitas.svg#svgFontName') format('svg');
}

h1, h2 {
	font-family: 'Heavitas', sans-serif;
}

/*div.content-area {
	padding-top: 100px;
}*/

div.header-buffer {
	width: 100%;
	padding-top: 100px;
}

blockquote {
    margin: 0 10%;
}

/*----- Links */
a:link {
	color: #CC0000;
	text-decoration: none;
}
a:visited {
	color: #CC0000;
	text-decoration: none;
}
a:hover {
	color: #CC0000;
	text-decoration: underline;
}
a:active {
	color: #CC0000;
	text-decoration: none;
}

/*----- Buttons */
button, input[type="button"], input[type="reset"], input[type="submit"] {
    border: none;
    /* border-color: #ccc #ccc #bbb; */
    border-radius: 20px;
    background-color: #CC0000;
    color: #FFF;
    font-size: 0.9em;
    padding: 5px 10px;
	line-height: 1.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}
	button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
		background-color: #990000;
		-webkit-transition: background-color 300ms linear;
		-ms-transition: background-color 300ms linear;
		transition: background-color 300ms linear;
	}

div.button {
	text-align: center;
}
	div.button a {
		color: #FFF;
		background-color: #CC0000;
		text-decoration: none;
		padding: 5px 10px;
		display: inline-block;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		-webkit-transition: background-color 300ms linear;
		-ms-transition: background-color 300ms linear;
		transition: background-color 300ms linear;
	}
		div.button a:hover {
			background-color: #990000;
			-webkit-transition: background-color 300ms linear;
			-ms-transition: background-color 300ms linear;
			transition: background-color 300ms linear;
		}
	div.button.inline {
		display: inline-block;
		padding: 10px;
	}
	div.button.black a {
		background-color: #333132;
		-webkit-transition: background-color 300ms linear;
		-ms-transition: background-color 300ms linear;
		transition: background-color 300ms linear;
	}
		div.button.black a:hover {
			background-color: #000;
			-webkit-transition: background-color 300ms linear;
			-ms-transition: background-color 300ms linear;
			transition: background-color 300ms linear;
		}
	div.button.outline-white-red a {
		color: #FFF;
		background-color: transparent;
		border: 1px solid #FFF;
		-webkit-transition: border 300ms linear, color 300ms linear;
		-ms-transition: border 300ms linear, color 300ms linear;
		transition: border 300ms linear, color 300ms linear;
	}
		div.button.outline-white-red a:hover {
			color: #CC0000;
			border: 1px solid #CC0000;
			-webkit-transition: border 300ms linear, color 300ms linear;
			-ms-transition: border 300ms linear, color 300ms linear;
			transition: border 300ms linear, color 300ms linear;
		}
	div.button.outline-white-black a {
		color: #FFF;
		background-color: transparent;
		border: 1px solid #FFF;
		-webkit-transition: border 300ms linear, color 300ms linear;
		-ms-transition: border 300ms linear, color 300ms linear;
		transition: border 300ms linear, color 300ms linear;
	}
		div.button.outline-white-black a:hover {
			color: #000;
			border: 1px solid #000;
			-webkit-transition: border 300ms linear, color 300ms linear;
			-ms-transition: border 300ms linear, color 300ms linear;
			transition: border 300ms linear, color 300ms linear;
		}
	div.button.black-outline a {
		color: #333;
		background-color: transparent;
		border: 1px solid #333;
		-webkit-transition: border 300ms linear, color 300ms linear;
		-ms-transition: border 300ms linear, color 300ms linear;
		transition: border 300ms linear, color 300ms linear;
	}
		div.button.black-outline a:hover {
			color: #cc0000;
			border: 1px solid #cc0000;
			-webkit-transition: border 300ms linear, color 300ms linear;
			-ms-transition: border 300ms linear, color 300ms linear;
			transition: border 300ms linear, color 300ms linear;
		}

span.rectangle-button {
	display: inline-block;
	padding: 5px 40px;
	color: #ffde17;
	background: rgba(0,0,0,.7);
	text-decoration: none;
	font-weight: bold;
}
	span.rectangle-button::after {
		content: " >>";
	}



/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

div.site-branding {
    padding: 14px 0 0 15px;
}

div.site-branding a.division-logo img {
    height: 30px;
    position: relative;
    left: 5px;
    bottom: 8px;
}


/*--------------------------------------------------------------
## Navigation
--------------------------------------------------------------*/

header.site-header {
    height: 75px;
    width: 100%;
    background-color: rgba(0,0,0,0.8);
    position: fixed;
	z-index: 99999;
}

div.bg-gradient {
	background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80%;
}

/*----- Main Nav */
.main-navigation ul {
    height: 75px;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    padding-right: 20px;
}
	.main-navigation ul.nav-menu > li > a {
		margin: 0;
		height: 75px;
		padding: 0 10px;
		padding-top: 25px;
		background-color: transparent;
		-webkit-transition: background-color 300ms linear;
		-ms-transition: background-color 300ms linear;
		transition: background-color 300ms linear;
	}
		.main-navigation ul.nav-menu > li > a:hover {
			background-color: rgba(153,0,0,0.8);
			-webkit-transition: background-color 300ms linear;
			-ms-transition: background-color 300ms linear;
			transition: background-color 300ms linear;
		}
		.main-navigation a:link {
			color: rgba(255,255,255,0.5);
			text-decoration: none;
		}
		.main-navigation a:visited {
			color: rgba(255,255,255,0.5);
			text-decoration: none;
		}
		.main-navigation a:hover {
			color: rgba(255,255,255,0.5);
			text-decoration: none;
		}
		.main-navigation a:active {
			color: rgba(255,255,255,0.5);
			text-decoration: none;
		}
	.main-navigation li.menu-item-has-children > a::after {
		content: " \25BE";
	}

/*----- Nav Search */
/*nav form.search-form {
		width: 50px;
		height: 74px;
		display: block;
		float: right;
		cursor: pointer;
		background: transparent;
		display: block;
		float: right;
		position: relative;
		background: url("images/icon_search.svg") transparent no-repeat center;
		
		-webkit-transition: width .5s ease-in-out;
		-moz-transition: width .5s ease-in-out;
		-o-transition: width .5s ease-in-out;
		transition: width .5s ease-in-out;
	}

	nav form.search-form:hover {
		background: url("images/icon_search.svg") rgba(153,0,0,0.8) no-repeat center;
		
		-webkit-transition: width .5s ease-in-out;
		-moz-transition: width .5s ease-in-out;
		-o-transition: width .5s ease-in-out;
		transition: width .5s ease-in-out;
	}
	
	nav form.search-form.active {
		width: 180px;
		background-position: right 24px center;
		/*background: rgba(153,0,0,0.8); */
/*	}
	nav form.search-form.active input.search-submit {
		display: block;
	}
	nav form.search-form.active input.search-field {
		visibility: visible;
		opacity: 1;
		transition-delay: 0.5s;
	}
	
	nav form.search-form input.search-submit {
		cursor: pointer;
		width: 50px;
		height: 74px;
		display: block;
		float: right;
		position: relative;
		background: url("images/icon_search.svg") transparent no-repeat center;
		box-shadow: none;
		text-shadow: none;
		text-indent: 500000px;
		border: 0;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		padding: 0;
		margin: 0;
		top: 2px;
		left: 0;
		display: none;
		z-index: 5;
	}
	
	nav form.search-form span, nav form.search-form input.search-field {
		display: none;
	}
	nav form.search-form input.search-field {
		float: left;
		outline: none;
		border: none;
		background: #F1F1F2;
		color: #333;
		padding: 5px;
		position: absolute;
		top: 23px;
		left: 10px;
		width: 0px;
		z-index: 10;
		width: 100px;
		display: block;
		
		visibility: hidden;
		opacity: 0;
		
		-webkit-transition: visibility 0s linear 0.5s,opacity 0.5s linear;
		-moz-transition: visibility 0s linear 0.5s,opacity 0.5s linear;
		-o-transition: visibility 0s linear 0.5s,opacity 0.5s linear;
		transition: visibility 0s linear 0.5s,opacity 0.5s linear;
	}
	
	nav form.search-form a#search {
		float: right;
		background: url("images/icon_search.svg") transparent no-repeat center;
		padding: 37px;
	}
	nav form.search-form:hover a#search, nav form.search-form a#search.active {
		background: url("images/icon_search.svg") rgba(153,0,0,0.8) no-repeat center;
	} */

/*----- Sub Nav */
.main-navigation ul ul {
	box-shadow: none;
    padding-top: 15px;
	margin-left: -100px;
    left: 50%;
	display: none;
	width: 200px;
}
.main-navigation ul ul:after {
	top: -5px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: rgba(0,0,0,0.8);
	border-width: 10px;
	margin-left: -10px;
}
	.main-navigation ul ul li {
		float: none;
		display: block;
		background-color: rgba(0,0,0,0.8);
		text-align: center;
		padding: 0;
		margin: 0;
		width: 200px;
	}
	.main-navigation ul ul li a {
		padding: 5px 0;
		background-color: transparent;
		-webkit-transition: background-color 300ms linear;
		-ms-transition: background-color 300ms linear;
		transition: background-color 300ms linear;
	}
		.main-navigation ul ul li a:hover {
			background-color: rgba(153,0,0,0.8);
			-webkit-transition: background-color 300ms linear;
			-ms-transition: background-color 300ms linear;
			transition: background-color 300ms linear;
		}
		.main-navigation ul ul li a:hover {
			color: rgba(255,255,255,0.5);
		}
.main-navigation ul li.menu-item-has-children:hover > ul {
	display: block;
}

/*----- Responsive Nav */
button.menu-toggle {
    position: absolute;
    top: 15px;
    right: 10px;
    width: 35px;
    height: 35px;
    border: 0;
    background: #990000;
    font-size: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
	button.menu-toggle:before {
		font-family: FontAwesome;
		font-size: initial;
		content: "\f0c9";
		display: inline-block;
		vertical-align: middle;
		color: #FFF;
	}

/*----- Secondary Nav (buttons) */
nav#division-navigation {
	position: absolute;
	top: 75px;
	left: 0;
}
	nav#division-navigation ul {
		padding: 0;
		margin: 0;
	}
	nav#division-navigation ul li {
		display: inline-block;
		width: auto;
		padding-right: 30px;
	}
	nav#division-navigation ul li a {
		height: 30px;
		display: block;
		position: relative;
		text-transform: uppercase;
		font-size: 0.8em;
		padding: 6px 20px;
		color: rgba(255,255,255,0.8);
		text-decoration: none;
		background-color: rgba(153,0,0,0.8);
	}
		nav#division-navigation ul li a:after {
			left: 100%;
			top: 0;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
			width: 0;
			height: 0;
			border-top: 30px solid rgba(153,0,0,0.8);
			border-right: 30px solid transparent;
		}
	nav#division-navigation ul li.item-first a {
		background-color: rgba(153,0,0,0.8);
		-webkit-transition: background-color 300ms linear;
		-ms-transition: background-color 300ms linear;
		transition: background-color 300ms linear;
	}
		nav#division-navigation ul li.item-first a:hover {
			background-color: rgba(153,0,0,1);
			-webkit-transition: background-color 300ms linear;
			-ms-transition: background-color 300ms linear;
			transition: background-color 300ms linear;
		}
	nav#division-navigation ul li.item-first a:after {
		border-top: 30px solid rgba(153,0,0,0.8);
		-webkit-transition: border-top 300ms linear;
		-ms-transition: border-top 300ms linear;
		transition: border-top 300ms linear;
	}
		nav#division-navigation ul li.item-first a:hover:after {
			border-top: 30px solid rgba(153,0,0,1);
			-webkit-transition: border-top 300ms linear;
			-ms-transition: border-top 300ms linear;
			transition: border-top 300ms linear;
		}
	nav#division-navigation ul li.item-second a {
		background-color: rgba(255,206,0,0.8);
		-webkit-transition: background-color 300ms linear;
		-ms-transition: background-color 300ms linear;
		transition: background-color 300ms linear;
	}
		nav#division-navigation ul li.item-second a:hover {
			background-color: rgba(255,206,0,1);
			-webkit-transition: background-color 300ms linear;
			-ms-transition: background-color 300ms linear;
			transition: background-color 300ms linear;
		}
	nav#division-navigation ul li.item-second a:after {
		border-top: 30px solid rgba(255,206,0,0.8);
		-webkit-transition: border-top 300ms linear;
		-ms-transition: border-top 300ms linear;
		transition: border-top 300ms linear;
	}
		nav#division-navigation ul li.item-second a:hover:after {
			border-top: 30px solid rgba(255,206,0,1);
			-webkit-transition: border-top 300ms linear;
			-ms-transition: border-top 300ms linear;
			transition: border-top 300ms linear;
		}
	nav#division-navigation ul li.item-second a:after {
		border-top: 30px solid rgba(255,206,0,0.8);
		-webkit-transition: border-top 300ms linear;
		-ms-transition: border-top 300ms linear;
		transition: border-top 300ms linear;
	}
		nav#division-navigation ul li.item-second a:hover:after {
			border-top: 30px solid rgba(255,206,0,1);
			-webkit-transition: border-top 300ms linear;
			-ms-transition: border-top 300ms linear;
			transition: border-top 300ms linear;
		}
	nav#division-navigation ul li.item-third a {
		background-color: rgba(170,178,163,0.8);
		-webkit-transition: background-color 300ms linear;
		-ms-transition: background-color 300ms linear;
		transition: background-color 300ms linear;
	}
		nav#division-navigation ul li.item-third a:hover {
			background-color: rgba(170,178,163,1);
			-webkit-transition: background-color 300ms linear;
			-ms-transition: background-color 300ms linear;
			transition: background-color 300ms linear;
		}
	nav#division-navigation ul li.item-third a:after {
		border-top: 30px solid rgba(170,178,163,0.8);
		-webkit-transition: border-top 300ms linear;
		-ms-transition: border-top 300ms linear;
		transition: border-top 300ms linear;
	}
		nav#division-navigation ul li.item-third a:hover:after {
			border-top: 30px solid rgba(170,178,163,1);
			-webkit-transition: border-top 300ms linear;
			-ms-transition: border-top 300ms linear;
			transition: border-top 300ms linear;
		}
	nav#division-navigation ul li.item-third a:after {
		border-top: 30px solid rgba(170,178,163,0.8);
		-webkit-transition: border-top 300ms linear;
		-ms-transition: border-top 300ms linear;
		transition: border-top 300ms linear;
	}
		nav#division-navigation ul li.item-third a:hover:after {
			border-top: 30px solid rgba(170,178,163,1);
			-webkit-transition: border-top 300ms linear;
			-ms-transition: border-top 300ms linear;
			transition: border-top 300ms linear;
		}
	nav#division-navigation ul li.item-other a {
		background-color: rgba(255,222,23,0.8);
		-webkit-transition: background-color 300ms linear;
		-ms-transition: background-color 300ms linear;
		transition: background-color 300ms linear;
	}
		nav#division-navigation ul li.item-other a:hover {
			background-color: rgba(255,222,23,1);
			-webkit-transition: background-color 300ms linear;
			-ms-transition: background-color 300ms linear;
			transition: background-color 300ms linear;
		}
	nav#division-navigation ul li.item-other a:after {
		border-top: 30px solid rgba(255,222,23,0.8);
		-webkit-transition: border-top 300ms linear;
		-ms-transition: border-top 300ms linear;
		transition: border-top 300ms linear;
	}
		nav#division-navigation ul li.item-other a:hover:after {
			border-top: 30px solid rgba(255,222,23,1);
			-webkit-transition: border-top 300ms linear;
			-ms-transition: border-top 300ms linear;
			transition: border-top 300ms linear;
		}


/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/

footer#association {
	padding: 20px 20px 40px;
	background: #414042;
	color: #FFF;
}
	footer#association h2 {
		font-family: 'Nunito Sans', sans-serif;
		text-transform: uppercase;
		text-align: center;
		font-size: 1.8em;
	}
	footer#association hr {
		width: 300px;
		max-width: 90%;
	}
	footer#association p {
		text-align: center;
		padding: 0 25%;
	}

footer#colophon {
	padding: 10px;
	background: #000;
	color: #FFF;
	text-transform: uppercase;
	font-size: 0.8em;
}
	footer#colophon a:link {
		color: #FFF;
		text-decoration: none;
	}
	footer#colophon a:visited {
		color: #FFF;
		text-decoration: none;
	}
	footer#colophon a:hover {
		color: #FFF;
		text-decoration: underline;
	}
	footer#colophon a:active {
		color: #FFF;
		text-decoration: none;
	}

div.site-info {
	float: left;
	padding-top: 10px;
}

div.social-media {
	font-size: 2em;
	float: right;
	margin: 0 10px;
	-webkit-transition: color 300ms linear;
	-ms-transition: color 300ms linear;
	transition: color 300ms linear;
}
	footer#colophon div.social-media a:link {
		color: #FFF;
	}
	footer#colophon div.social-media a:visited {
		color: #FFF;
	}
	footer#colophon div.social-media a:hover {
		color: #CC0000;
		-webkit-transition: color 300ms linear;
		-ms-transition: color 300ms linear;
		transition: color 300ms linear;
	}
	footer#colophon div.social-media a:active {
		color: #CC0000;
	}


/*--------------------------------------------------------------
## Pages
--------------------------------------------------------------*/

div#page-header {
	background: #000;
	text-align: center;
	height: 50vh;
	min-height: 600px;
	overflow: hidden;
	position: relative;
	background-image: url(images/bg-announcements.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	-ms-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
	div.gradient {
		position: absolute;
		left: 0;
		bottom: 0;
		height: 20vh;
		width: 100%;
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.76) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.76) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.76) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c2000000',GradientType=0 ); /* IE6-9 */
	}
	div.page h1 {
		font-size: 5em;
		text-align: center;
		line-height: 1.1em;
	}
		h1.featured-title {
			font-size: 7em;
			position: absolute;
			bottom: 5vh;
			width: 90%;
			color: #FFF;
			text-shadow: 2px 2px 50px #000;
			margin: 0;
			margin-left: 50%;
    		transform: translateX(-50%);
		}

div.page-content {
	padding: 0 10% 20px;
}
	div.page-content h2 {
		font-family: 'Nunito Sans', sans-serif;
	}
	div.page-content div.page-summary {
		padding: 10% 20%;
		font-size: 2em;
		text-align: center;
	}
		div.page-summary div.button a {
			font-size: 0.6em;
		}
div.page-content p:empty {
    display: none;
}


div.page-content.no-margins {
	padding: 0;
	margin: 0;
}
	div.page-content.no-margins > p {
		padding: 20px 10%;
		margin: 0;
	}

div.box-section {
	padding: 2% 10%;
	margin: 0;
	position: relative;
}
div.box-section-bg {
	padding: 0;
	margin: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: top center;
	-ms-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	z-index: 1;
}
div.box-section-overlay {
	padding: 0;
	margin: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}
div.box-section-content {
	position: relative;
	overflow: hidden;
	z-index: 3;
}
div.box-sub-section i.fa {
	font-size: 12em;
}


/* toggle for major/minor sheets */
.toggle {
	cursor: pointer;
	position:relative;
}

	.toggle.arrow {
		color: #000000;
		background-color: #404041;
		width: 70%;
		padding: 10px 10px 5px 20px;
		-webkit-transition: background-color 300ms linear;
		-ms-transition: background-color 300ms linear;
		transition: background-color 300ms linear;
	}
		.toggle.arrow.first {
			width: calc(70% - 30px);
			background-color: #abb4a3;
		}
			.toggle.arrow.first:after {
				border-top: 51px solid #abb4a3 !important;
			}

		.toggle.arrow.second {
			width: calc(70% - 60px);
			background-color: #fcdc3c;
		}
			.toggle.arrow.second:after {
				border-top: 51px solid #fcdc3c !important;
			}

		.toggle.arrow.third {
			width: calc(70% - 90px);
			background-color: rgba(148, 18, 25, 0.7);
		}
			.toggle.arrow.third:after {
				border-top: 51px solid rgba(148, 18, 25, 0.7) !important;
			}

		.toggle.arrow.first:after, .toggle.arrow.second:after, .toggle.arrow.third:after {
			left: 100%;
			top: 0;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
			border-right: 30px solid transparent;
			margin-left: 0 !important;
		}

		.toggle.arrow.light, .toggleContent .toggle.arrow {
			color: #404041;
		}
		#primary h1.toggle.arrow, #primary h2.toggle.arrow {
			text-indent: 0;
		}
			#primary h1.toggle.arrow {
				font-size:30px;
				font-weight: normal;
				margin:30px 0 0 0;
				text-align:left;
				padding: 10px 10px 5px 20px;
				color: #FFFFFF;
			}

				#primary h1.toggle.arrow:after {
					left: 100%;
					top: 0;
					content: " ";
					height: 0;
					width: 0;
					position: absolute;
					pointer-events: none;
					border-top: 52px solid #404041;
					border-right: 30px solid transparent;
					margin-left: 0 !important;
				}

			#primary h2.toggle.arrow {
				font-size:26px;
				margin:0;
				text-align:left;
				padding: 10px 10px 5px 50px;
				color: #000000;
			}
			

		.toggle.arrow::before {
			content:'►';
			float:left;
			margin: 0 10px 0 5px;
			-moz-transition:0.5s all;
			-webkit-transition:0.5s all;
			transform-origin: 70% 50%;
		}
		.toggle.arrow:hover::before, .toggle.arrow.active::before {
			-moz-transform:rotate(90deg);
			-webkit-transform:rotate(90deg);
			text-shadow: 1px 0 rgba(0,0,0,0.4);
		} 


.toggleContent {
	display: none;
	clear: both;
}
	.toggleContent.inner {
		padding: 20px;
	}

@media screen and (max-width: 1430px) {
	.toggle.arrow {
		width: 100% !important;
	}
	.toggle.arrow.first {
		width: calc(70%) !important;
	}

	.toggle.arrow.second {
		width: calc(60%) !important;
	}

	.toggle.arrow.third {
		width: calc(50%) !important;
	}
}

@media screen and (max-width: 1120px) {
	#primary h1.toggle.arrow {
    	font-size: 26px;
		padding: 17px 10px 5px 20px;
	}
}

@media screen and (max-width: 990px) {
	#primary h1.toggle.arrow {
    	font-size: 23px;
		padding: 17px 10px 8px 20px;
	}
}

@media screen and (max-width: 900px) {
	#primary h1.toggle.arrow {
    	font-size: 23px;
		padding: 17px 10px 8px 20px;
	}
	#primary h1.toggle.arrow:after {
		border-top: none;
		border-right: none;
	}
}

@media screen and (max-width:555px) {
	.toggle.arrow.first, .toggle.arrow.second, .toggle.arrow.third {
		width: calc(90%) !important;
	}
	#primary h2.toggle.arrow {
		padding: 10px 10px 5px 10px;
	}
	
	div.toggleContent > ul, ol{
		margin: 16px 0 !important;
	}

}

@media screen and (max-width:380px) {
	#primary h2.toggle.arrow {
		padding: 14px 10px 10px 10px !important;
		font-size: 20px;
	}
}


/**********************************************
				GUTENBURG STYLES
***********************************************/

.wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin: 3em auto;
}

.wp-block-embed iframe {
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

a.wp-block-button__link {
    color: #FFF;
    background-color: #CC0000;
    text-decoration: none;
    padding: 5px 10px;
    display: inline-block;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

a.wp-block-button__link:hover {
    background-color: #990000;
    -webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

/*--------------------------------------------------------------
## Posts
--------------------------------------------------------------*/

div.post-content {
	padding: 20px 10%;
}

img.size-post-thumbnail {
	width: 100%;
}

/*----- Post Navigation */
.post-navigation .nav-previous a, .post-navigation .nav-next a {
	position: relative;
	display: inline-block;
	padding: 5px 20px;
	color: #FFF;
	text-decoration: none;
	background: #CC0000;
	font-weight: 500;
	font-size: 0.9em;
}
	.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover {
		color: #FFF;
		text-decoration: none;
		background: #990000;
		-webkit-transition: background-color 300ms linear;
		-ms-transition: background-color 300ms linear;
		transition: background-color 300ms linear;
	}
	.post-navigation .nav-previous a {
		left: 10px;
		-webkit-transition: background-color 300ms linear, left 300ms linear;
		-ms-transition: background-color 300ms linear, left 300ms linear;
		transition: background-color 300ms linear, left 300ms linear;
	}
		.post-navigation .nav-previous a:hover {
			left: 0px;
			-webkit-transition: left 300ms linear;
			-ms-transition: left 300ms linear;
			transition: left 300ms linear;
		}
		.post-navigation .nav-previous a::before {
			content: "<< ";
		}
	.post-navigation .nav-next a {
		right: 10px;
		-webkit-transition: background-color 300ms linear, right 300ms linear;
		-ms-transition: background-color 300ms linear, right 300ms linear;
		transition: background-color 300ms linear, right 300ms linear;
	}
		.post-navigation .nav-next a:hover {
			right: 0px;
			-webkit-transition: right 300ms linear;
			-ms-transition: right 300ms linear;
			transition: right 300ms linear;
		}
		.post-navigation .nav-next a::after {
			content: " >>";
		}

/*-------------------------------------------------------------
## Events Calendar
-------------------------------------------------------------*/

.tribe-common .tribe-common-c-btn, .tribe-common a.tribe-common-c-btn {
    background-color: #e4b10d;
}

.tribe-common .tribe-common-c-btn:focus, .tribe-common .tribe-common-c-btn:hover, .tribe-common a.tribe-common-c-btn:focus, .tribe-common a.tribe-common-c-btn:hover {
    background-color: #e4b10d !important;
    border: none;
    color: #333 !important;
}


.tribe-common .tribe-common-h3 {
    color: #141827 !important;
    font-family: 'Heavitas', Helvetica Neue,Helvetica,-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.5;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__body {
    border-top: 1px solid #333;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__week {
    border-left: 1px solid #333;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day {
    border-color: #333;
    border-style: solid;
    border-width: 0 1px 1px 0;
    height: auto;
    min-height: 168px;
    overflow: visible;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day:hover:after {
    background-color: #e4b10d;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day:after {
    background-color: transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    left: -1px;
    position: absolute;
    transition: background-color .2s ease;
    width: calc(100% + 2px);
}

.tribe-common a, .tribe-common a:active, .tribe-common a:focus, .tribe-common a:hover, .tribe-common a:visited {
    color: #141827;
    outline: 0;
    text-decoration: none;
    font-weight: bold;
}

.tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date {
    opacity: .3;
}

.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner {
    background-color: #b0b0b0;
}


.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner--focus, .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner--hover, .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner:focus, .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner:hover {
    background-color: #e4b10d;
}


.tribe-events-calendar-month__day-date-daynum {
    font-family: 'Heavitas', sans-serif;
	color: #333;
}



/* single */

h1.tribe-events-single-event-title {
    font-size: 3em !important;
}

.tribe-events-notices {
    background: #aab2a4;
    border-radius: 4px;
    border: #aab2a4;
    color: #333;
    margin: 10px 0 18px;
    padding: 8px 35px 8px 14px;
    text-shadow: none;
}


.tribe-events-schedule__datetime {
    align-content: center;
    text-align: center;
}

h2.tribe-events-schedule__datetime {
	font-size: 1.5em !important;
	margin-bottom: 50px;
}
	

.tribe-block__event-website a {
    color: #FFF !important;
    background-color: #CC0000;
    text-decoration: none;
    display: inline-block;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
    min-height: 0;
    line-height: .7em;
    padding: 15px;
    padding-top: 3px;
    margin-left: 50%;
    transform: translateX(-50%);
    margin-bottom: 50px;
}

.tribe-block__event-website a:hover{
	background-color: #990000;
    -webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

.tribe-block__organizer__title h2 {
    font-size: 1.1em;
    font-family: 'Heavitas', sans-serif !important;
}

.tribe-block__venue {
    background-color: #333;
    padding: 30px 0 0 50px;
    clip-path: polygon(20px 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
    margin: 50px 0 30px 0;
}

.tribe-block__venue__name h2 {
    color: #fff;
}

.tribe-block__venue p {
    margin-bottom: 0;
    line-height: 1.2em;
    color: #fff;
}



.tribe-block__events-link .tribe-block__btn--link a {
    background-color: #cc0000;
    border: 1px solid #cc0000;
    color: #fff;
    font-weight: normal;
    font-size: 1rem;
    margin: 10px 15px 10px 0;
    min-height: unset;
    padding: 0 17px 0 14px;
    height: 50px;
    line-height: .1em;
}

.tribe-block__events-gcal img, .tribe-block__-events-ical img {
    display: none !important;
    margin-right: 0;
    margin-bottom: 0;
}

.tribe_events > h1,
.tribe_events > h2,
.tribe_events > h3,
.tribe_events > h4 {
    clear: none !important;
}


@media screen and (max-width: 1000px) {
	.tribe-block__venue__map {
		width: 20%;
    	margin-right: 50px;
	}
}

@media screen and (max-width: 768px) {
	.single-tribe_events .tribe-events-schedule {
		background: transparent;
		border: none;
	}
}


@media screen and (max-width: 603px) {
	.tribe-block__venue__meta {
		padding-bottom: 20px;
	}
	
	.tribe-events-schedule__datetime p {
		line-height: 1em;
	}
}

@media screen and (max-width: 550px) {
	.tribe-block__venue__map {
		display: none !important;
	}
	.tribe-block__venue.tribe-block__venue--has-map .tribe-block__venue__meta {
		width: 100%;
		flex-basis: 100%;
	}
}

/*--------------------------------------------------------------
## Homepage
--------------------------------------------------------------*/

div.home-section {
	width: 100%;
}

div.multi-items {
	background: #f1f2f2;
	color: #000;
	text-align: center;
	padding: 20px 5% 40px;
}
	div.multi-items h2 {
		text-transform: uppercase;
		font-size: 3.5vw;
	}
	div.multi-items h3 {
		text-transform: uppercase;
	}
	div.multi-items > p {
		font-size: 1.2em;
	}

div.item-content {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 25%;
	margin: 20px 3%;
	padding: 10px;
	text-align: center;
	-webkit-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
	div.item-content i.fa {
		font-size: 5em;
	}
div.item-content div.icon {
	height: 80px;
	width: 80px;
	margin: auto auto;
	background-repeat: no-repeat;
	background-position: center;
}

/*----- Branding */
div#home-branding {
	background-position: center;
	background-size: cover;
	height: 70vh;
	min-height: 700px;
}
	div#home-branding img {
		width: 70%;
		margin: 19% 15% 0px;
	}
	div#home-branding span {
		position: relative;
		font-size: 2.5vw;
		font-family: 'Nunito Sans', sans-serif;
		text-align: right;
		display: block;
		margin-right: 16%;
	}

/*----- Announcements */
div#home-announcements {
	background: #990000;
	text-align: center;
	padding: 40px 0;
	overflow: hidden;
	position: relative;
}
	div#home-announcements:before {
		content: ' ';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		opacity: 0.1;
		background-image: url(images/bg-announcements.jpg);
		background-repeat: no-repeat;
		background-position: center;
		-ms-background-size: cover;
		-o-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
	}
	div#home-announcements > h2 {
		text-transform: uppercase;
		font-size: 3vw;
		padding-top: 0px;
		margin: 20px;
		line-height: 1em;
		color: #FFF;
	}
	div#home-announcements div.announcement {
		z-index: 2;
		position: relative;
		border: 1px solid #FFF;
		display: inline-block;
		vertical-align: top;
		color: #FFF;
		width: 25%;
		margin: 20px 3%;
		padding: 10px;
		text-align: center;
		-webkit-transition: all 300ms linear;
		-ms-transition: all 300ms linear;
		transition: all 300ms linear;
	}
		div#home-announcements div.announcement:hover {
			-ms-transform: scale(1.1); /* IE 9 */
			-webkit-transform: scale(1.1); /* Safari */
			transform: scale(1.1);
			-webkit-transition: all 300ms linear;
			-ms-transition: all 300ms linear;
			transition: all 300ms linear;
		}
	div#home-announcements div.announcement i.fa {
		font-size: 5em;
	}
	/*div#home-announcements div.announcement div.icon {
		height: 60px;
		width: 60px;
		margin: auto auto;
		background-repeat: no-repeat;
		background-position: center;
	}
		div#home-announcements div.announcement.event div.icon {
			background-image: url(images/icon_event.svg);
		}
		div#home-announcements div.announcement.publication div.icon {
			background-image: url(images/icon_publication.svg);
		}
		div#home-announcements div.announcement.recognition div.icon {
			background-image: url(images/icon_recognition.svg);
		}*/
	div#home-announcements div.announcement h2 {
		font-family: 'Nunito Sans', sans-serif;
		text-transform: uppercase;
		font-size: 1em;
	}

/*----- News */
div#home-news {
	background: #333333;
	text-align: center;
	padding: 40px 0;
	overflow: hidden;
	position: relative;
}
	/*div#home-news:before {
		content: ' ';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		opacity: 0.1;
		background-image: url(images/bg-announcements.jpg);
		background-repeat: no-repeat;
		background-position: center;
		-ms-background-size: cover;
		-o-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
	}*/
	div#home-news > h2 {
		text-transform: uppercase;
		font-size: 3vw;
		padding-top: 0px;
		margin: 20px;
		line-height: 1em;
		color: #FFF;
	}
	div#home-news div.news {
		z-index: 2;
		position: relative;
		display: inline-block;
		vertical-align: top;
		color: #FFF;
		width: 25%;
		margin: 20px 3%;
		padding: 10px;
		text-align: center;
		-webkit-transition: all 300ms linear;
		-ms-transition: all 300ms linear;
		transition: all 300ms linear;
	}
	div#home-news div.news h2 {
		font-family: 'Nunito Sans', sans-serif;
		text-transform: uppercase;
		font-size: 1.4em;
	}

/*----- Divisions */

div#home-divisions {
	width: 100%;
	margin: auto;
}
	div.division-content {
		padding-top: 30%;
		position: relative;
		background-repeat: no-repeat;
		display:inline-block;
		margin-bottom: -7px;
		float:left;
	}
	div.division-content h2 {
		color: #FFF;
		text-transform: uppercase;
		position: absolute;
		font-size: 2.5em;
		line-height: 1em;
	}

div#division-es {
	width: 50%;
	background-color: #f1f2f2;
	float: left;
	background-image: url(images/division-es.png);
	background-position: -30px;
	background-size: 110%;
	-webkit-transition: background-position 300ms ease-out;
	-ms-transition: background-position 300ms ease-out;
	transition: background-position 300ms ease-out;
}
	div#division-es:hover {
		background-position: 0px;
		-webkit-transition: background-position 300ms ease-out;
		-ms-transition: background-position 300ms ease-out;
		transition: background-position 300ms ease-out;
	}
	div#division-es h2 {
		top: 0;
		left: 20px;
	}
	div#division-es span.rectangle-button {
		position: absolute;
		top: 150px;
		left: 0;
		-webkit-transition: padding-left 300ms ease-out;
		-ms-transition: padding-left 300ms ease-out;
		transition: padding-left 300ms ease-out;
	}
		div#division-es:hover span.rectangle-button {
			padding-left: 50px;
			-webkit-transition: padding-left 300ms ease-out;
			-ms-transition: padding-left 300ms ease-out;
			transition: padding-left 300ms ease-out;
		}

div#division-ds {
	width: 50%;
	background-color: #f1f2f2;
	background-image: url(images/division-es.png);
	background-position: 0px -140px;
	background-size: 120%;
	-webkit-transition: background-position 300ms ease-out;
	-ms-transition: background-position 300ms ease-out;
	transition: background-position 300ms ease-out;
}
	div#division-ds:hover {
		background-position: 0px -170px;
		-webkit-transition: background-position 300ms ease-out;
		-ms-transition: background-position 300ms ease-out;
		transition: background-position 300ms ease-out;
	}
	div#division-ds h2 {
		bottom: 50px;
		left: 20px;
	}
	div#division-ds span.rectangle-button {
		position: absolute;
		bottom: 30px;
		left: 0;
		-webkit-transition: padding-left 300ms ease-out;
		-ms-transition: padding-left 300ms ease-out;
		transition: padding-left 300ms ease-out;
	}
		div#division-ds:hover span.rectangle-button {
			padding-left: 50px;
			-webkit-transition: padding-left 300ms ease-out;
			-ms-transition: padding-left 300ms ease-out;
			transition: padding-left 300ms ease-out;
		}

div#division-gs {
	width: 50%;
	background-color: #e6e7e8;
	background-image: url(images/division-gs.png);
	background-position: -70px -60px;
	background-size: 120%;
	-webkit-transition: background-position 300ms ease-out;
	-ms-transition: background-position 300ms ease-out;
	transition: background-position 300ms ease-out;
	margin-bottom: -1px;
}
	div#division-gs:hover {
		background-position: -70px -30px;
		-webkit-transition: background-position 300ms ease-out;
		-ms-transition: background-position 300ms ease-out;
		transition: background-position 300ms ease-out;
	}
	div#division-gs h2 {
		bottom: 50px;
		right: 20px;
	}
	div#division-gs span.rectangle-button {
		position: absolute;
		bottom: 30px;
		right: 0;
		-webkit-transition: padding-right 300ms ease-out;
		-ms-transition: padding-right 300ms ease-out;
		transition: padding-right 300ms ease-out;
	}
		div#division-gs:hover span.rectangle-button {
			padding-right: 50px;
			-webkit-transition: padding-right 300ms ease-out;
			-ms-transition: padding-right 300ms ease-out;
			transition: padding-right 300ms ease-out;
		}

div#division-pi {
	width: 50%;
	background-color: #f1f1f2;
	background-image: url(images/division-pi.png);
	background-position: -100px -130px;
	background-size: 140%;
	-webkit-transition: background-position 300ms ease-out;
	-ms-transition: background-position 300ms ease-out;
	transition: background-position 300ms ease-out;
	margin-bottom: -1px;
}
	div#division-pi:hover {
		background-position: -160px -130px;
		-webkit-transition: background-position 300ms ease-out;
		-ms-transition: background-position 300ms ease-out;
		transition: background-position 300ms ease-out;
	}
	div#division-pi h2 {
		top: 0;
		right: 20px;
	}
	div#division-pi span.rectangle-button {
		position: absolute;
		top: 180px;
		right: 0;
		-webkit-transition: padding-right 300ms ease-out;
		-ms-transition: padding-right 300ms ease-out;
		transition: padding-right 300ms ease-out;
	}
		div#division-pi:hover span.rectangle-button {
			padding-right: 50px;
			-webkit-transition: padding-right 300ms ease-out;
			-ms-transition: padding-right 300ms ease-out;
			transition: padding-right 300ms ease-out;
		}

/*----- Emergency */
div#home-emergency {
	background: rgba(228, 177, 13,1);
    text-align: center;
    padding: 20px 0;
    overflow: hidden;
    position: relative;
}
div.emergency-content {
	position: relative;
    z-index: 2;
    color: #000;
    padding: 20px 20%;
}

/*----- About */

div#home-about {
	background: rgba(0,0,0,.9);
	text-align: center;
	padding: 20px 0;
	overflow: hidden;
	position: relative;
}
	div#home-about:before {
		content: ' ';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		opacity: 0.1;
		background-image: url(images/bg-about.jpg);
		background-repeat: no-repeat;
		background-position: center;
		-ms-background-size: cover;
		-o-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
	}

div.about-content {
	position: relative;
	z-index: 2;
	color: #FFF;
	padding: 20px 20%;
}
	div.about-content h2 {
		font-family: 'Nunito Sans', sans-serif;
		font-size: 4em;
		text-transform: uppercase;
		line-height: 0.8em;
	}
	div.about-content img {
		display: inline-block;
		width: 90%;
		position: relative;
		top: 20px;
	}

/*----- Resources */
div#home-resources {
	background: #f1f2f2;
	color: #000;
	text-align: center;
	padding: 20px 5% 40px;
}
	div#home-resources h2 {
		text-transform: uppercase;
		font-size: 3.5vw;
	}
	div#home-resources h3 {
		text-transform: uppercase;
	}
	div#home-resources > p {
		font-size: 1.2em;
	}

div.resource-content {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 25%;
	margin: 20px 3%;
	padding: 10px;
	text-align: center;
	-webkit-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
	div.resource-content i.fa {
		font-size: 5em;
	}

/*div.resource-content div.icon {
	height: 80px;
	width: 80px;
	margin: auto auto;
	background-repeat: no-repeat;
	background-position: center;
}
	div#resource-internships div.icon {
		background-image: url(images/icon_resource_internships.svg);
	}
	div#resource-groups div.icon {
		background-image: url(images/icon_resource_groups.svg);
	}
	div#resource-scholarships div.icon {
		background-image: url(images/icon_resource_scholarships.svg);
	}*/

/*----- People */

div#home-people {
	background: rgba(0,0,0,.9);
	text-align: center;
	padding: 20px 0;
	padding-bottom: 60%;
	overflow: hidden;
	position: relative;
	background-image: url(images/our-people-tall.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	-ms-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
	/*div#home-people:before {
		content: ' ';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		opacity: 0.6;
		background-image: url(images/our-people-tall.jpg);
		background-repeat: no-repeat;
		background-position: bottom;
		-ms-background-size: cover;
		-o-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
	}*/
	div.people-content {
		position: relative;
		z-index: 2;
		color: #FFF;
	}
	div#home-people h2 {
		text-transform: uppercase;
		font-size: 3.5vw;
		padding-top: 40px;
		line-height: 1em;
	}
	div#home-people p {
		padding: 0 20%;
		font-size: 1.2em;
		line-height: 1em;
	}
	div#home-people div.button {
		line-height: 1.5em;
	}
	div#home-people img {
		width: 100%;
	}

/*----- Contact */

div#home-contact {
	background: rgba(0,0,0,.9);
	text-align: center;
	padding: 20px 0;
	overflow: hidden;
	position: relative;
}
	div#home-contact:before {
		content: ' ';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		opacity: 1;
		background-image: url(images/bg-contact.jpg);
		background-repeat: no-repeat;
		background-position: center;
		-ms-background-size: cover;
		-o-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
	}
	div#home-contact h2 {
		text-transform: uppercase;
		font-size: 3.5vw;
	}

div#home-contact div.contact-content {
	padding: 5px 20px 15px;
	z-index: 2;
	position: relative;
	width: 400px;
	margin: 20px auto;
	max-width: 90%;
	color: #FFF;
	background: rgba(0,0,0,.7);
}
div.contact-content hr {
	width: 50%;
}



/*--------------------------------------------------------------
## Division Homepages
--------------------------------------------------------------*/

div.division-home-section {
	width: 100%;
}

/*----- Branding */
div#division-home-branding {
	background-position: center;
	background-size: cover;
	height: 50vh;
	min-height: 500px;
	position: relative;
	color: #FFF;
}
	div#division-home-branding span {
		position: relative;
		font-size: 5vw;
		font-family: 'Nunito Sans', sans-serif;
		text-transform: lowercase;
		text-align: right;
		display: block;
		top: 20%;
		right: 14vw;
	}
	div#division-home-branding h1 {
		position: relative;
		font-size: 8vw;
		font-family: 'Heavitas', sans-serif;
		text-align: center;
		margin: 0;
		top: 18%;
	}
	div#division-home-branding img {
		width: 30%;
		position: absolute;
		right: 20px;
		bottom: 20px;
	}

/*----- Social Media */
div#division-home-social {
	width: 100%;
	background-color: #000;
	padding: 10px 20px;
	text-align: right;
	font-size: 1.5em;
}
	div#division-home-social a:link {
		color: #FFF;
	}
	div#division-home-social a:visited {
		color: #FFF;
	}
	div#division-home-social a:hover {
		color: #CC0000;
		-webkit-transition: color 300ms linear;
		-ms-transition: color 300ms linear;
		transition: color 300ms linear;
	}
	div#division-home-social a:active {
		color: #CC0000;
	}

/*----- Announcements */
div#division-announcements {
	background: #990000;
	padding: 0;
	overflow: hidden;
	position: relative;
	overflow: hidden;
}
	div#division-announcements:before {
		content: ' ';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		opacity: 1;
		background-image: url(images/bg-announcements-division.jpg);
		background-repeat: no-repeat;
		background-position: center;
		-ms-background-size: cover;
		-o-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
	}
div#division-announcements div#news-nav {
	background: rgba(195,32,51,1);
	background-blend-mode: multiply;
	color: #FFF;
	text-align: right;
	width: 20%;
	height: 90%;
	margin-top: 10%;
	margin-right: 5%;
	position: absolute;
	padding: 20px;
	vertical-align: bottom;
	z-index: 2;
	left: 0;
	bottom: 0;
}
	.division-slider {
		width: 75%;
		margin: 0;
		float: right;
		position: relative;
		z-index: 2;
		padding-top: 20px;
	}
		.division-slider a {
			color: #000 !important;
			text-decoration: none;
		}

		.division-slider a:hover {
			color: #cc0000 !important;
		}
		.division-slider h2 {
			font-family: 'Heavitas', sans-serif;
			font-size: 1em;
		}
		.division-slider div.announcement-thumbnail {
			width: 100%;
			height: 150px;
			background-repeat: no-repeat;
			background-size: cover;
		}

	.slick-slide {
		padding: 0px 10px;
		width: 300px;
		-webkit-transition: all 300ms linear;
		-ms-transition: all 300ms linear;
		transition: all 300ms linear;
	}
		.slick-slide:hover {
			-ms-transform: scale(1.05); /* IE 9 */
			-webkit-transform: scale(1.05); /* Safari */
			transform: scale(1.05);
			-webkit-transition: all 300ms linear;
			-ms-transition: all 300ms linear;
			transition: all 300ms linear;
		}

	.slick-slide img {
		width: 100%;
	}

	.slick-prev:before,
	.slick-next:before {
		color: black;
    	font-size: 30px;
	}

	.slick-prev {
		top: initial;
		left: initial;
		right: 60px;
		bottom: 10px;
	}
	.slick-next {
		top: initial;
		left: initial;
		right: 20px;
		bottom: 10px;
	}
	
.division-announcement {
	width: 320px;
	display: inline-block;
    position: relative;
    padding: 25px;
}

/*----- About */
div#division-about {
	background-color: #f1f2f2;
	text-align: center;
	overflow: hidden;
	position: relative;
}

div.division-about-image {
	position: absolute;
	height: 100%;
	width: 50%;
	background-image: url(images/bg-gs-about.png);
	background-repeat: no-repeat;
	background-position: left center;
	-ms-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	top: 0;
	right: 0;
}

div.division-about-content {
	position: relative;
	z-index: 2;
	color: #000;
	padding: 6% 20px 5% 20px;
	width: 50%;
}
	div.division-about-content h2 {
		font-family: 'Heavitas', sans-serif;
		font-size: 8vw;
		margin: 0;
		line-height: 0.8em;
	}
	div.division-about-content h3 {
		font-family: 'Nunito Sans', sans-serif;
		font-size: 4vw;
		text-transform: lowercase;
		margin: 0;
		line-height: 0.8em;
	}
	div.division-about-content img {
		display: inline-block;
		width: 90%;
		position: relative;
		top: 20px;
	}

/*----- Degrees */
div#division-degrees {
	color: #FFF;
	text-align: center;
	padding: 20px 5% 40px;
	background: rgba(153,27,30,1);
	background-blend-mode: multiply;
	position: relative;
	overflow: hidden;
}
	div#division-degrees:before {
		content: ' ';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		opacity: 0.1;
		background-image: url(images/bg-degree.jpg);
		background-repeat: no-repeat;
		background-position: center;
		-ms-background-size: cover;
		-o-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
	}
	div#division-degrees h2 {
		text-transform: uppercase;
		font-size: 3.5vw;
	}
	div#division-degrees h3 {
		text-transform: uppercase;
	}
	div#division-degrees > p {
		font-size: 1.2em;
	}
	div#division-degrees i.fa {
		font-size: 5em;
	}

div.division-degrees-content {
	position: relative;
	z-index: 2;
}
	div#division-degrees div.division-degrees-content > p {
		font-size: 1.2em;
	}

div.degrees-content {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 25%;
	margin: 20px 3%;
	padding: 10px;
	text-align: center;
	-webkit-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}

div.degrees-content div.icon {
	height: 80px;
	width: 80px;
	margin: auto auto;
	background-repeat: no-repeat;
	background-position: center;
}
	div#degree-minor div.icon {
		background-image: url(images/icon_degree-minor.svg);
	}
	div#degree-major div.icon {
		background-image: url(images/icon_degree-major.svg);
	}
	div#degree-graduate div.icon {
		background-image: url(images/icon_degree-graduate.svg);
	}

/*----- Activism & Engagement */
div#division-engagement {
	color: #000;
	text-align: center;
	padding: 20px 5% 40px;
	background: rgba(255,255,255,1);
	background-blend-mode: multiply;
	position: relative;
	overflow: hidden;
}
	div#division-engagement:before {
		content: ' ';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		opacity: 0.1;
		background-image: url(images/bg-engagement.jpg);
		background-repeat: no-repeat;
		background-position: center;
		-ms-background-size: cover;
		-o-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
	}
	div#division-engagement h2 {
		text-transform: uppercase;
		font-size: 3.5vw;
	}
	div#division-engagement h3 {
		text-transform: uppercase;
	}
	div#division-engagement div.division-engagement-content > p {
		font-size: 1.2em;
	}
	div#division-engagement i.fa {
		font-size: 5em;
	}

div.division-engagement-content {
	position: relative;
	z-index: 2;
}

div.engagement-content {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 25%;
	margin: 20px 3%;
	padding: 10px;
	text-align: center;
	-webkit-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}

div.engagement-content div.icon {
	height: 80px;
	width: 80px;
	margin: auto auto;
	background-repeat: no-repeat;
	background-position: center;
}
	div#engagement-coursework div.icon {
		background-image: url(images/icon_engagement-coursework.svg);
	}
	div#engagement-groups div.icon {
		background-image: url(images/icon_engagement-groups.svg);
	}
	div#engagement-internships div.icon {
		background-image: url(images/icon_engagement-internships.svg);
	}

/*----- Frontiers */
div#division-frontiers {
	color: #FFF;
	text-align: center;
	padding: 10% 5% 15%;
	background-color: #000;
	background-image: url(images/bg-frontiers.jpg);
	background-repeat: no-repeat;
	background-position: top;
	-ms-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
	div#division-frontiers h2 {
		text-transform: uppercase;
		font-size: 3.5vw;
		margin-bottom: 0;
	}
	div#division-frontiers h3 {
		font-family: 'Nunito Sans', sans-serif;
		font-weight: 300;
		text-transform: lowercase;
		font-size: 2vw;
		margin-top: 0;
	}
	div#division-frontiers div.frontiers-content > p {
		font-size: 1.2em;
		padding: 0 20%;
	}

/*----- Generic */
div.division-generic {
	color: #FFF;
	text-align: center;
	padding: 20px 5% 40px;
	background: rgba(153,27,30,1);
	background-blend-mode: multiply;
	position: relative;
	overflow: hidden;
}
	/*div.division-generic:before {
		content: ' ';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		opacity: 0.1;
		background-image: url(images/bg-degree.jpg);
		background-repeat: no-repeat;
		background-position: center;
		-ms-background-size: cover;
		-o-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
	}*/
	div.division-generic h2 {
		text-transform: uppercase;
		font-size: 3.5vw;
	}
	div.division-generic h3 {
		text-transform: uppercase;
	}
	div.division-generic > p {
		font-size: 1.2em;
	}
	div.division-generic i.fa {
		font-size: 5em;
	}

div.division-generic-image {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-image: url(images/bg-gs-about.png);
	background-repeat: no-repeat;
	background-position: left center;
	-ms-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	opacity: 0.1;
}

div.division-generic-content {
	position: relative;
	z-index: 2;
}
	div.division-generic div.division-generic-content > p {
		font-size: 1.2em;
	}

div.generic-content {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 25%;
	margin: 20px 3%;
	padding: 10px;
	text-align: center;
	-webkit-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}

div.generic-content div.icon {
	height: 80px;
	width: 80px;
	margin: auto auto;
	background-repeat: no-repeat;
	background-position: center;
}

div.anchor-red div.division-generic-content p a:link {
	color: #CC0000;
}
	div.anchor-red div.division-generic-content p a:visited {
		color: #CC0000;
	}
	div.anchor-red div.division-generic-content p a:hover {
		color: #CC0000;
		text-decoration: underline;
	}
	div.anchor-red div.division-generic-content p a:active {
		color: #CC0000;
	}
div.anchor-yellow div.division-generic-content p a:link {
	color: #fcdc3c;
}
	div.anchor-yellow div.division-generic-content p a:visited {
		color: #fcdc3c;
	}
	div.anchor-yellow div.division-generic-content p a:hover {
		color: #fcdc3c;
		text-decoration: underline;
	}
	div.anchor-yellow div.division-generic-content p a:active {
		color: #fcdc3c;
	}
div.anchor-white div.division-generic-content p a:link {
	color: #FFFFFF;
}
	div.anchor-white div.division-generic-content p a:visited {
		color: #FFFFFF;
	}
	div.anchor-white div.division-generic-content p a:hover {
		color: #FFFFFF;
		text-decoration: underline;
	}
	div.anchor-white div.division-generic-content p a:active {
		color: #FFFFFF;
	}
div.anchor-black div.division-generic-content p a:link {
	color: #000000;
}
	div.anchor-black div.division-generic-content p a:visited {
		color: #000000;
	}
	div.anchor-black div.division-generic-content p a:hover {
		color: #000000;
		text-decoration: underline;
	}
	div.anchor-black div.division-generic-content p a:active {
		color: #000000;
	}

/*----- Split */
div.division-split {
	color: #FFF;
	text-align: center;
	padding: 20px 5% 40px;
	background: rgba(153,27,30,1);
	background-blend-mode: multiply;
	position: relative;
	overflow: hidden;
	display: inline-block;
    float: left;
	width: 50%;
	min-height: 575px;
}

	div.division-split h2 {
		text-transform: uppercase;
		font-size: 2.5em;
		line-height: 1em;
	}

	div.division-split > p {
		font-size: 1.2em;
	}
	div.division-split i.fa {
		font-size: 5em;
		margin-top: 50px;
	}

div.division-split-image {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-image: url(images/bg-gs-about.png);
	background-repeat: no-repeat;
	background-position: left center;
	-ms-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	opacity: 0.1;
}

div.division-split-content {
	position: relative;
	z-index: 2;
}
	div.division-split div.division-split-content > p {
		font-size: 1.2em;
	}

div.anchor-red div.division-split-content p a:link {
	color: #CC0000;
}
	div.anchor-red div.division-split-content p a:visited {
		color: #CC0000;
	}
	div.anchor-red div.division-split-content p a:hover {
		color: #CC0000;
		text-decoration: underline;
	}
	div.anchor-red div.division-split-content p a:active {
		color: #CC0000;
	}
div.anchor-yellow div.division-split-content p a:link {
	color: #fcdc3c;
}
	div.anchor-yellow div.division-split-content p a:visited {
		color: #fcdc3c;
	}
	div.anchor-yellow div.division-split-content p a:hover {
		color: #fcdc3c;
		text-decoration: underline;
	}
	div.anchor-yellow div.division-split-content p a:active {
		color: #fcdc3c;
	}
div.anchor-white div.division-split-content p a:link {
	color: #FFFFFF;
}
	div.anchor-white div.division-split-content p a:visited {
		color: #FFFFFF;
	}
	div.anchor-white div.division-split-content p a:hover {
		color: #FFFFFF;
		text-decoration: underline;
	}
	div.anchor-white div.division-split-content p a:active {
		color: #FFFFFF;
	}
div.anchor-black div.division-split-content p a:link {
	color: #000000;
}
	div.anchor-black div.division-split-content p a:visited {
		color: #000000;
	}
	div.anchor-black div.division-split-content p a:hover {
		color: #000000;
		text-decoration: underline;
	}
	div.anchor-black div.division-split-content p a:active {
		color: #000000;
	}

@media screen and (max-width:1195px) {
	div.division-split {
		width: 100%;
		float: none;
    	display: block;
		padding: 20px 15% 40px;
	}
}

@media screen and (max-width:750px) {
	div.division-split {
		padding: 20px 5% 40px;
	}
}

/*--------------------------------------------------------------
## Faculty Display
--------------------------------------------------------------*/

div.faculty-box {
	width: 100%;
	background: #ccc;
	position: relative;
	height: 60vh;
	min-height: 600px;
	max-height: 1000px;
}
	div.faculty-box.left {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccccc+0,f1f1f2+36,cccccc+73,404041+100 */
		background: rgb(204,204,204); /* Old browsers */
		background: -moz-linear-gradient(-45deg, rgba(204,204,204,1) 0%, rgba(241,241,242,1) 36%, rgba(204,204,204,1) 73%, rgba(64,64,65,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg, rgba(204,204,204,1) 0%,rgba(241,241,242,1) 36%,rgba(204,204,204,1) 73%,rgba(64,64,65,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg, rgba(204,204,204,1) 0%,rgba(241,241,242,1) 36%,rgba(204,204,204,1) 73%,rgba(64,64,65,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#404041',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	div.faculty-box.right {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#404041+0,cccccc+28,cccccc+30,f1f1f2+71,cccccc+100 */
		background: rgb(64,64,65); /* Old browsers */
		background: -moz-linear-gradient(45deg, rgba(64,64,65,1) 0%, rgba(204,204,204,1) 28%, rgba(204,204,204,1) 30%, rgba(241,241,242,1) 71%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg, rgba(64,64,65,1) 0%,rgba(204,204,204,1) 28%,rgba(204,204,204,1) 30%,rgba(241,241,242,1) 71%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg, rgba(64,64,65,1) 0%,rgba(204,204,204,1) 28%,rgba(204,204,204,1) 30%,rgba(241,241,242,1) 71%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404041', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}

div.faculty-box div.profile-photo {
	position: absolute;
	bottom: 0;
	width: 45%;
	height: 95%;
	background-repeat: no-repeat;
	background-position: bottom;
	-ms-background-size: contain;
	-o-background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
	/*border: 1px solid #990000;*/
}
	div.faculty-box.left div.profile-photo {
		left: 3%;
		background-position: left bottom;
	}
	div.faculty-box.right div.profile-photo {
		right: 3%;
		background-position: right bottom;
	}
div.faculty-box div.profile-content {
	position: absolute;
	top: 0;
	width: 55%;
	height: 100%;
	padding: 0 5%;
	/*border: 1px solid #CAC626;*/
}
	div.faculty-box.left div.profile-content {
		right: 0;
	}
	div.faculty-box.right div.profile-content {
		left: 0;
	}

div.faculty-box h2 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 4vw;
	padding: 10% 0 0 0;
}
div.faculty-box h3 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 2vw;
	color: #CC0000;
}
div.faculty-box span {
	display: block;
}
	div.faculty-box span i {
		padding-right: 10px;
	}

div.faculty-box hr {
	display: none;
}


/*--------------------------------------------------------------
## Staff Display
--------------------------------------------------------------*/

div.staff-box {
	width: 40%;
	margin: 5%;
	position: relative;
	display: inline-block;
	vertical-align: top;
}

div.staff-box div.profile-photo {
	background: #F1F1F2;
	width: 100%;
	padding: 40% 0;
	background-repeat: no-repeat;
	background-position: top center;
	-ms-background-size: auto 170%;
	-o-background-size: auto 170%;
	-moz-background-size: auto 170%;
	-webkit-background-size: auto 170%;
	background-size: auto 170%;
}

div.staff-box div.profile-content {
	position: relative;
	width: 100%;
	padding: 5%;
	background-color: #FFF;
	-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2);
}
div.staff-box h2 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 2vw;
}
div.staff-box h3 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 1.3vw;
	color: #CC0000;
	padding-bottom: 5%;
}
div.staff-box span {
	display: block;
}
	div.staff-box span i {
		padding-right: 10px;
	}


/*--------------------------------------------------------------
## Person Display
--------------------------------------------------------------*/

div.person-box {
	width: 100%;
	margin: 5%;
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-left: 50%;
    transform: translateX(-50%);
	max-width: 1200px;
}

div.person-box div.color-block {
	background: rgba(228,177,13,0.9);
    height: 85%;
    position: absolute;
    z-index: -1;
    width: 100%;
    bottom: 0;
}

div.person-box div.profile-photo {
    background: transparent;
    /* width: 50%; */
    /* padding: 40% 0; */
    background-repeat: no-repeat;
    background-position: top center;
    -ms-background-size: auto 170%;
    -o-background-size: auto 170%;
    -moz-background-size: auto 170%;
    -webkit-background-size: auto 170%;
    background-size: auto 200%;
    display: inline-block;
    width: 45%;
    height: 300px;
    vertical-align: top;
	transform: skewY(-11deg);
    overflow: hidden;
	max-width: 500px;
	margin-left: 10%;
}

div.person-box div.profile-photo img {
	background: transparent;
    z-index: 1;
    transform: skewY(11deg);
    position: absolute;
    top: 0;
}

div.person-box div.profile-content {
    position: relative;
    width: 45%;
    padding: 10px 20px;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    vertical-align: top;
	max-width: 520px;
}
div.person-box h2 {
	margin: 10% 0 0 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 3em;
    text-indent: -1.3em;
	line-height: 1.1em;
	font-family: 'Heavitas', sans-serif;
}
div.person-box h3 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 1.3vw;
	color: #CC0000;
	padding-bottom: 5%;
}
div.person-box span {
	display: block;
}
	div.person-box span i {
		padding-right: 10px;
	}

/*------------------------------------------------------------
##Transformative Perspectives
-------------------------------------------------------------*/
div#blogFeaturedWrapper {
    position: relative;
	width: 60%;
    padding-left: 35%;
    overflow: hidden;
    background-size: cover;
	background-position: top right;
	clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
	height: 50vh;
    min-height: 500px;
	z-index: 5;
}

h1.entry-title {
    width: 60vw;
    text-align: left !important;
	color: #fff;
}

div#blogFeaturedInfo {
	position: relative;
    top: -50vh;
    left: 35%;
    margin-top: -5px;
	z-index: 2;
}

h1.entry-title-thin {
    font-family: 'Nunito Sans';
    text-transform: uppercase;
    font-weight: normal;
    width: 65vw;
    letter-spacing: 8px;

}

div#blogFeaturedInfo p {
	width: 35%;
    margin-left: 20%;
}

div#blogFeaturedInfo .button {
	width: 35%;
    margin-left: 20%;
    text-align: left;
}


/*--------------------------------------------------------------
## Blogroll page
--------------------------------------------------------------*/

.post-box {
	width: 100%;
	position: relative;
	display: table;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);  
}
	.post-box:hover {
		z-index: 20000;
		-webkit-transition: all 200ms ease-in;
		-webkit-transform: scale(1.05);
		-ms-transition: all 200ms ease-in;
		-ms-transform: scale(1.05);   
		-moz-transition: all 200ms ease-in;
		-moz-transform: scale(1.05);
		transition: all 200ms ease-in;
		transform: scale(1.05);
	}
	.post-box.flip {
		direction: rtl;
	}
		.post-box.flip .post-box-info, .post-box.flip .post-box-thumb {
			direction: ltr;
			text-align: right;
		}

.post-box-info {
	width: 50%;
	display: table-cell;
	position: relative;
	padding: 8%;
	background: #FFF;
}
.post-box-info a:link {
	color: #404040;
	text-decoration: none;
    -webkit-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear;
}
.post-box-info a:visited {
	color: #404040;
	text-decoration: none;
}
.post-box-info a:hover {
	color: #cc0000;
	text-decoration: none;
    -webkit-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear;
}
.post-box-info a:active {
	color: #cc0000;
	text-decoration: none;
}

.post-box-info h2 {
    font-size: 1.8em;
    margin-top: 0;
    margin-bottom: 10px;
}
.post-box-info span.categories a {
	padding-right: 10px;
}
	.post-box.flip .post-box-info span.categories a {
		padding-right: 0px;
		padding-left: 10px;
	}
.post-box-info p.details {
    margin-bottom: 0;
}

.post-box-info span.author {
    display: block;
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 0.8em;
    color: #A9A9A9;
}
	.post-box-info span.author a:link {
		color: #A9A9A9;
		-webkit-transition: color 300ms linear;
		-ms-transition: color 300ms linear;
		transition: color 300ms linear;
	}
	.post-box-info span.author a:visited {
		color: #A9A9A9;
	}
	.post-box-info span.author a:hover {
		color: #cc0000;
		-webkit-transition: color 300ms linear;
		-ms-transition: color 300ms linear;
		transition: color 300ms linear;
	}
	.post-box-info span.author a:active {
		color: #cc0000;
	}

.post-box-thumb {
	width: 50%;
	display: table-cell;
	position: relative;
}
.post-blogroll-image {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	z-index: 10;
	top:0;
}


/*--------------------------------------------------------------
## Blog pages
--------------------------------------------------------------*/
	
a.arrow {
	text-transform: uppercase;
	font-size: 0.7em;
	font-weight: bold;
	-webkit-transition: color 500ms ease-out;
	-moz-transition: color 500ms ease-out;
	-o-transition: color 500ms ease-out;
	transition: color 500ms ease-out;
}
	a.arrow::after {
		font-family: FontAwesome;
		content: "\f101";
		top: -1px;
		position: relative;
		padding-left: 5px;
		left: 0;
		-webkit-transition: left 200ms ease-out;
		-moz-transition: left 200ms ease-out;
		-o-transition: left 200ms ease-out;
		transition: left 200ms ease-out;
	}
	a.arrow:hover::after {
		left: 10px;
		-webkit-transition: left 200ms ease-out;
		-moz-transition: left 200ms ease-out;
		-o-transition: left 200ms ease-out;
		transition: left 200ms ease-out;
	}
	a.arrow:hover {
		text-decoration: none;
		/*color: #ECC314;
		-webkit-transition: color 500ms ease-out;
		-moz-transition: color 500ms ease-out;
		-o-transition: color 500ms ease-out;
		transition: color 500ms ease-out;*/
	}


div.post-content {
	padding: 50px 5% 20px 10%;
	width: 70%;
	display: inline-block;
	vertical-align: top;
}

@media screen and (max-width: 680px) {
	div.post-content {
		padding: 50px 5% 20px 5%;
	}
}

div.post-content blockquote {
	text-align: center;
	color: #404041;
	font-weight: bold;
	font-size: 2em;
	display: block;
}
div.post-content blockquote p {
	margin: 0;
	padding: 0;
}
div.post-content blockquote::before {
	font-family: FontAwesome;
	content: "\f10d";
	padding: 20px;
}
div.post-content blockquote::after {
	font-family: FontAwesome;
	content: "\f10e";
	padding: 20px;
}

@media screen and (max-width: 680px) {
	div.post-content{
		width: 100%;
	}
}

.post-single.post-header {
	position: relative;
	width: 100%;
	height: 90vh;
}
.post-header-image {
	position: absolute;
	width: 100%;
	height: 90vh;
	background-size: cover;
	background-position: top center;
	z-index: 10;
}
	.post-header-image.full {
		width: 100%;
		left: 0;
	}
	.post-header-image.left {
		width: 50%;
		left: 0;
	}
	.post-header-image.right {
		width: 50%;
		left: 50%;
	}


div.post-details {
	position: absolute;
	text-align: left;
	width: 100%;
	color: #333;
	z-index: 15;
	top: 10%;
	/* padding: 0 30px; */
}

	div.post-details.top {
		top: 18%;
	}

	div.post-details.middle {
		top: 30%;
	}
	div.post-details.bottom {
		top: auto;
		bottom: 10%;
	}
	div.post-details.left {
		width: 57%;
		left: 0%;
		padding-right: 100px;
	}

	div.post-details.center {
		text-align: center;
		width: 64%;
    	left: 18%;
	}

	div.post-details.right {
		width: 57%;
		left: 43%;
		padding-left: 100px;
	}

div.post-details-container {
	padding: 40px;
	background-color: rgba(228,177,13,0.9);
	height: 340px;
}

	div.post-details.left div.post-details-container {
		padding-left: 60px;
	}

	div.post-details.left div.post-details-container::after {
		border-right: 100px solid transparent;
		border-top: 340px solid rgba(228,177,13,0.9);
		display: block;
		position: absolute;
		content: '';
		left: calc(100% - 100px);
		top: calc(100% - 340px);
	}

	div.post-details.center div.post-details-container {
		padding: 10px 50px;
		-webkit-transform: skew(-15deg);
		-ms-transform: skew(-15deg);
		-moz-transform: skew(-15deg);
		transform: skew(-15deg);
		height: auto;
	}

		div.post-details.center div.post-details-container p.post-info {
			-webkit-transform: skew(15deg);
			-ms-transform: skew(15deg);
			-moz-transform: skew(15deg);
			transform: skew(15deg);
		}

		div.post-details.center div.post-details-container h1 {
			-webkit-transform: skew(15deg);
			-ms-transform: skew(15deg);
			-moz-transform: skew(15deg);
			transform: skew(15deg);
		}


		div.post-details.center div.post-details-container p.details {
			-webkit-transform: skew(15deg);
			-ms-transform: skew(15deg);
			-moz-transform: skew(15deg);
			transform: skew(15deg);
		}

		div.post-details.center div.post-details-container .post-single.post-header span.excerpt {
			max-width: none;
		}


	div.post-details.right div.post-details-container {
		padding-right: 60px;
	}

	div.post-details.right div.post-details-container::after {
		border-left: 100px solid transparent;
		border-top: 340px solid rgba(228,177,13,0.9);
		display: block;
		position: absolute;
		content: '';
		right: calc(100% - 100px);
		top: calc(100% - 340px);
	}

@media screen and (max-width:1260px) {
	div.post-details-container {
    	padding: 40px 0;
	}
	
	div.post-details h1 {
		line-height: 1.3em;
		margin-bottom: 15px;
	}
}

@media screen and (max-width:1050px) {
	div.post-details.right div.post-details-container::after {
		border-top: 400px solid rgba(228,177,13,0.9);
		top: calc(100% - 400px);
	}
	div.post-details.left div.post-details-container::after {
		border-top: 400px solid rgba(228,177,13,0.9);
		top: calc(100% - 400px);
	}
	div.post-details-container {
		height: 400px;
	}
}

@media screen and (max-width: 950px) {
	
	div.post-details.left,
	div.post-details.center,
	div.post-details.right,
	div.post-details.bottom,
	div.post-details.middle, 
	div.post-details.top {
		top: auto;
		bottom: 0 !important;
		width: 100% !important;
		left: 0;
		padding: 0;
	}
	
	div.post-details-container {
    	padding: 1px 20px;
		height: auto;
	}
	
	div.post-details.right div.post-details-container::after,
	div.post-details.left div.post-details-container::after {
		display: none;
	}
	
	div.post-details.center div.post-details-container,
	div.post-details.center div.post-details-container h1,
	div.post-details.center div.post-details-container p.post-info,
	div.post-details.center div.post-details-container p.details {
		-webkit-transform: none;
		-ms-transform: none;
		-moz-transform: none;
		transform: none;
	}
	
	.post-single.post-header h1 {
    	font-size: 2em;
	}
	
	.post-single.post-header p.post-info,
	.post-single.post-header p.details,
	.post-single.post-header span.categories {
		font-size: 16px;
	}
}

@media screen and (max-height: 550px) {
	.post-header-image {
    	filter: grayscale(100%);
	}
	div.post-details {
	    height: 100%;
	}
	div.post-details-container {
    	height: 100%;
		padding-top: 150px;
	}
	
	div.post-details-container,
	.post-header-image,
	 div.post-details,
	.post-single.post-header {
    	height: 110vh;
	}
}

@media screen and (max-height:400px) {
	div.post-details-container {
	    padding-top: 100px;
	}
	
	div.post-details-container,
	.post-header-image,
	 div.post-details,
	.post-single.post-header {
    	height: 120vh;
	}
}

.post-single.post-header p.details {
    font-size: 1.3em;
   /* text-shadow: 0 0 3px #000000; */
}
	.post-single.post-header span.excerpt {
		/* padding: 0 20px; */
		max-width: 600px;
		/*margin: auto; */
	}
	.post-single.post-header span.author {
		font-family: 'Heavitas', sans-serif;
		padding-top: 40px;
	}
	.post-single.post-header span.date {
		padding-top: 10px;
		font-size: 1em;
	}
	.post-single.post-header span.categories {
		font-size: 0.7em;
		padding-top: 20px;
	}
		.post-single.post-header span.categories a:link {
			padding: 0 10px;
			text-decoration: none;
			color: inherit;
		}
		.post-single.post-header span.categories a:visited {
			color: inherit;
		}
		.post-single.post-header span.categories a:active {
			color: inherit;
		}
		.post-single.post-header span.categories a:hover {
			color: inherit;
			text-decoration: underline;
		}

@media screen and (max-width:400px), screen and (max-height:450px) {
	.post-single.post-header p.details {
		font-size: 1.3em;
		margin-top: 0 !important;
	}
}


div#header-image-caption {
	padding: 0 10%;
}
	div#header-image-caption p {
		font-style: italic;
		margin: 5px 0 0;
	}
	div#header-image-caption span {
		text-transform: uppercase;
		color: #CCC;
		font-size: 0.8em;
	}

div.author-box {
	font-size: 1.2em;
}
div.author-box div.profile-img {
	width: 150px;
	height: 150px;
	position: relative;
	overflow: hidden;
	border-radius: 50%;
	float: left;
	margin-right: 40px;
}
	div.author-box div.profile-img img {
		display: inline;
		margin: 0 auto;
		width: auto;
	}

.wp-caption .wp-caption-text {
	margin: 0;
	font-style: italic;
	text-align: left;
	color: #404040;
	font-size: 0.9em;
	border-left: 5px solid #404040;
	padding: 3px 10px;
}

/*---------- WRITER --*/

div.post-content.post-writer {
    padding: 125px 10% 50px;
    width: 80%;
    margin: auto;
    display: block;
    vertical-align: top;
    text-align: center;
}

div.post-content.post-writer div.author-box {
    text-align: center;
    width: 100%;
}

div.post-content.post-writer h1 {
	margin-bottom: 0;
	padding-bottom: 0;
}

div.post-content.post-writer div.author-box div.profile-img {
    width: 300px;
    height: 300px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    float: none;
    margin-right: 0;
    margin: auto;
}

p.user-title {
	text-transform: uppercase;
	font-size: 1.2em;
	margin-top: 0;
	padding-top: 0;
}

div.content-stories {
	text-align: center;
}

/*-------------- Publications (On Blog Posts)----------*/

div.pubCover_gallery{
	margin:40px 0;
	width:100%;
}

.pubCover_column {
	width:24%;
	float:left;
	display:inline-block;
	opacity: 0.65;
	transition: transform 1s;
}
	.pubCover_column:hover {
		opacity: 1;
		transform: translate(0px, -20px);
	}
	.pubCover_column img{
		width:100%;
	}

.selected {
	opacity: 1;
}

.pubCover {
	display: none;
}

@media screen and (max-width: 600px) {
	.pubCover_column{
		width:50%;
	}
	.pubCover_column:hover {
		opacity: 1;
		transform: translate(0px, -10px);
	}
}



/*--------------------------------------------------------------
## Submenu Page Template
--------------------------------------------------------------*/

.sub-box-img{
    width: 100%;
    height: 100px;
    background-size: cover;
    position: relative;
    top: 0;
    margin-bottom: 50px;
}

.sub-box-content > ul {
    margin-left: 0;
}

.sub-box-content > ul li {
    list-style: none;
    text-transform: uppercase;
}

/*--------------------------------------------------------------
## Administration Page
--------------------------------------------------------------*/

a#admin:hover {
	text-decoration: none;
}

.admin-tile {
	width: 28%;
	padding: 35px 10px 10px 10px;
	margin:15px;
	border: #333 solid 1.5px;
	text-align: center;
	float:left;
	transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
}

	.admin-tile:hover {
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		-webkit-transition: all 300ms linear;
		-ms-transition: all 300ms linear;
		transition: all 300ms linear;
	}
	

	.admin-tile i.fa {
		font-size: 5em;
		color: #333;
	}

	.admin-tile h3 {
		font-family: 'heavitas', san-serif;
		color: #333;
		text-decoration: none;
	}

	.admin-tile h3:hover {
		text-decoration: none !important;
	}

@media screen and (max-width:980px) {
	.admin-tile {
		width: 45%;
	}
}

@media screen and (max-width:750px) {
	.admin-tile {
		width: 100%;
		float: none;
		margin-left: 0;
	}
}


/********* MODAL POPUP *************/

div.modal {
	background:#fff;
	width:80vw;
	position: fixed;
	height:70vh;
	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	overflow-x:hidden;
	overflow-y:scroll;
	min-width:300px;
	padding:5%;
	display:none;
	z-index:10;
	border-radius:10px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}


/*--------------------------------------------------------------
## Forms
--------------------------------------------------------------*/

.nf-help {
	background: none !important;
}
.nf-field-label label {
    font-size: 1.2em;
}

.nf-field-element input[type="text"],
.nf-field-element input[type="email"],
.nf-field-element input[type="tel"],
.nf-field-element input[type="number"],
.nf-field-element select {
	height: 45px !important;
}

.nf-field-element input{
	max-width: 100% !important;
}

.nf-field-element p{
	margin-top: 0 !important;
}

.nf-field-container.section-title {
    margin: 0;
	margin-bottom: 20px;
	margin-left: 40px;
    padding: 0;
    background: #404041;
    color: #FFF;
    font-weight: bold;
    line-height: 0.5em;
    padding-left: 10px;
    padding-top: 8px;
}

.nf-field-container.sub-section {
    padding-left: 20px;
    border-left: 5px solid #CCC;
	margin-left: 50px;
}

.nf-field-container.sub-section label {
    font-size: 1em;
}

/*.list-checkbox-wrap .nf-field-element li, .list-radio-wrap .nf-field-element li {
     width: auto;
} */

.list-checkbox-wrap .nf-field-element li label, .list-radio-wrap .nf-field-element li label {
    margin-right: 20px;
}

.nf-breadcrumbs li a.nf-breadcrumb {
    background-color: #403d3d;
    color: #ffffff;
    font-size: 20px;
    margin: 0px;
    padding: 13px;
    display: inline-block;
    font-weight: bold;
}

.nf-breadcrumbs li a.nf-breadcrumb:hover {
    background-color: #fcdb3c;
    color: #ffffff;
    font-size: 20px;
    margin: 0px;
    padding: 13px;
    font-weight: bold;
}

.nf-breadcrumbs .active > .nf-breadcrumb {
    background-color: #b2b2b2;
    color: #ffffff;
    font-size: 20px;
    margin: 0px;
    padding: 13px;
    font-weight: bold;
}


.nf-fu-progress-bar {
	background-color: #fcdb3c !important;
}

.nf-fu-progress {
	height: 30px !important;
}



/*--------------------------------------------------------------
## Sidebar
--------------------------------------------------------------*/
	
aside#secondary {
	width: 28%;
	display: inline-block;
	vertical-align: top;
	padding: 50px 20px;
	color: #404041;
}

aside#secondary h3 {
	padding-bottom: 0;
	margin-bottom: 0;
}
	aside#secondary h3 a:link {
		color: inherit;
	}
	aside#secondary h3 a:visited {
		color: inherit;
	}
	aside#secondary h3 a:hover {
		color: inherit;
		text-decoration: underline;
	}
	aside#secondary h3 a:active {
		color: inherit;
	}
aside#secondary span.categories a {
	display: inline-block;
	padding-right: 10px;
	font-size: 0.8em;
}
	aside#secondary span.categories a:link {
		color: inherit;
	}
	aside#secondary span.categories a:visited {
		color: inherit;
	}
	aside#secondary span.categories a:hover {
		color: inherit;
		text-decoration: underline;
	}
	aside#secondary span.categories a:active {
		color: inherit;
	}
aside#secondary span.excerpt {
	display: block;
	border-left: 1px solid #CCC;
	padding-left: 10px;
}
aside#secondary span.author {
	text-transform: uppercase;
	padding-left: 10px;
	font-size: 0.8em;
}

aside#secondary p.more-posts {
	text-align: center;
}
aside#secondary p.more-posts a {
	border-top: 1px solid #CCCC;
	border-bottom: 1px solid #CCCC;
	width: 70%;
	display: block;
	margin: auto;
	padding: 10px 0;
}

@media screen and (max-width:680px) {
	aside#secondary {
		width: 100%;
	}
}



/*--------------------------------------------------------------
## Media Queries
--------------------------------------------------------------*/

@media (min-width:1500px) {
	div.division-content {
    	margin-bottom: 0;
    	float: left;
	}
	
	div#division-es {
		width: 25%;
		background-position: 40% 0px;
		background-size: 150%;
	}
	div#division-es:hover {
    	background-position: 30% 0px;
	}
	div#division-ds {
		width: 25%;
		background-position: 45% 70%;
		background-size: 160%;
	}
	div#division-ds:hover {
    	background-position: 45% 100%;
	}
	div#division-gs {
		width: 25%;
		background-color: #f1f1f2 !important;
		background-position: 10% 110%;
    	background-size: 165%;
	}
	div#division-gs:hover {
    	background-position: 10% 40px;
	}
	div#division-pi {
		background-color: #e6e7e8 !important;
		width: 25%;
		background-position: 70% 40%;
		background-size: 190%;
	}
	div#division-pi:hover {
    	background-position: 80% 40%;
	}
	
}

@media (max-width: 800px) {	
	/*----- Navigation */
	.main-navigation {
		z-index: 99999;
		position: relative;
		top: -66px;
		font-weight: 700;
	}
	.main-navigation ul {
    	height: auto;
	}
	.main-navigation.toggled ul {
		margin-top: 75px;
		padding-right: 0;
	}
	.main-navigation.toggled ul ul {
		margin-top: 0px;
	}

		.main-navigation.toggled ul ul li {
			background: transparent;
		}
		.main-navigation ul ul li a {
			text-align: left;
			padding-left: 35px;
		}
	.main-navigation li {
		background: rgba(0,0,0,.85);
		float: none;
	}
	.main-navigation ul ul {
		box-shadow: none;
		padding: 0px;
		margin-left: 0;
		display: none;
		width: 250px;
		float: none;
		position: relative;
		top: 0;
		left: 0;
		z-index: 99999;
	}
		.main-navigation ul ul:after {
			display: none;
		}
	.main-navigation ul ul li {
		width: 250px;
	}
	.main-navigation ul ul a {
		width: 250px;
	}
	.main-navigation ul.nav-menu > li > a {
		height: auto;
		padding: 10px;
		text-align: left;
	}
	
	nav#division-navigation ul li a.transform-link {
		font-size: 0.7em;
		padding: 7px 20px 0px 20px;
	}
	
	nav#division-navigation ul li {
		padding-right: 0;
	}
	nav#division-navigation ul li a {
		padding: 6px 10px;
	}
	nav#division-navigation ul li a:after {
		border-top: 0px solid rgba(153,0,0,0.8);
    	border-right: 0px solid transparent;
	}
	
	nav form.search-form {
		background: url("images/icon_search.svg") rgba(0,0,0,0.8) no-repeat center;
	}
	
	nav form.search-form.active {
		width: 250px;
		background-position: right 24px center;
		background: rgba(153,0,0,0.8);
	}
	
	nav form.search-form input.search-field {
    	width: 180px;
	}
	
	
	
	/*----- Footer */
	footer#association p {
		padding: 0 5%;
	}
	
	
	/*--------------------------------------------------------------
	## Pages
	--------------------------------------------------------------*/
	
	div#page-header {
		height: 140vw;
		min-height: 0;
		-ms-background-size: cover;
		-o-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
	}
	
	/*h1.featured-title {
		top: 100vw;
	}*/
	
	div.page h1 {
		font-size: 11vw;
	}
	
	div.page-content div.page-summary {
		padding: 10%;
		font-size: 1.5em;
	}
	
	div.box-sub-section {
		width: 100% !important;
	}
	
	
	/*--------------------------------------------------------------
	## Home
	--------------------------------------------------------------*/
	
	div.multi-items h2 {
		font-size: 2em;
	}
	div.item-content {
		width: 84%;
		margin: 10px 7%;
		padding: 10px;
	}
	div.item-content i.fa {
		font-size: 3em;
	}
	
	/*----- Home - Branding */
	div#home-branding {
		min-height: 400px;
		max-height: 600px;
	}
		div#home-branding img {
			width: 90%;
			margin: 200px 5% 0;
		}
		div#home-branding span {
			font-size: 1em;
			margin-right: 8%;
		}
	
	/*----- Home - Announcements */
	div#home-announcements div.announcement {
		width: 84%;
		margin: 10px 7%;
		padding: 10px;
	}
	div#home-announcements div.announcement.not-mobile {
		display: none;
	}
	div#home-announcements div.announcement i.fa {
		font-size: 3em;
	}
	div#home-announcements > h2 {
		font-size: 2em;
	}
	
	/*----- Home - News */
	div#home-news div.news {
		width: 84%;
		margin: 10px 7%;
		padding: 10px;
	}
	div#home-news div.news.not-mobile {
		display: none;
	}
	div#home-news > h2 {
		font-size: 2em;
	}
	
	/*----- Home - Divisions */
	div.division-content {
		padding-top: 60%;
	}
	div#division-es {
		width: 100%;
	}
	div#division-ds {
		margin-left: 0;
		float: left;
		clear: both;
		width: 100%;
		background-position: -20px;
	}
	div#division-gs {
		margin-left: 0;
		float: left;
		clear: both;
		width: 100%;
		background-size: 130%;
    	background-position: -80px -50px;
	}
	
		div#division-gs:hover {
			background-position: -50px -50px;
		}
	
	div#division-pi {
		width: 100%;
		background-position: -200px -120px;
    	background-size: 150%;
	}
	
		div#division-pi:hover {
			background-position: -180px -120px;
		}
	
	/*----- Home - About */
	div.about-content {
		padding: 20px 5%;
	}
		div.about-content h2 {
			font-size: 3em;
		}
		div.about-content img {
			top: 10px;
		}
	
	/*----- Home - Resources */
	div#home-resources div.resource-content {
		width: 84%;
		margin: 10px 7%;
		padding: 10px;
	}
	div#home-resources h2 {
		font-size: 2em;
	}
	div.resource-content i.fa {
		font-size: 3em;
	}
	
	/*----- Home - People */
	div#home-people {
		padding-bottom: 70%;
	}
	div#home-people h2 {
		padding-top: 0px;
		font-size: 2em;
	}
	
	/*----- Home - Contact */
	div#home-contact h2 {
		font-size: 2em;
	}
	
	/*----- Division Home - Branding */
	div.site-branding a.division-logo img {
		height: 23px;
		bottom: 11px;
	}
	div#division-home-branding span {
		top: 28%;
		right: 16vw;
		font-size: 6vw;
	}
	div#division-home-branding h1 {
		font-size: 15vw;
		line-height: 1em;
		top: 30%;
	}
	div#division-home-branding img {
		width: 90%;
		display:none;
	}

	/*----- Division Home - Announcements */
	div#division-announcements div#news-nav {
		width: 100%;
		height: 150px;
		margin-top: 5%;
		margin-right: 0;
		position: relative;
		padding: 2px 10px;
		left: initial;
		bottom: initial;
	}
	.division-slider {
    	width: 95%;
	}
	
	/*----- Division Home - About */

	div.division-about-image {
		width: 70%;
    	opacity: 0.4;
	}
	div.division-about-content {
		width: 100%;
		padding: 50px 20px 40px 20px;
	}
		div.division-about-content h2 {
			font-size: 4em;
		}
		div.division-about-content h3 {
			font-size: 2em;
		}
	
	/*----- Division Home - Degrees */
	div#division-degrees div.degrees-content {
		width: 84%;
		margin: 10px 7%;
		padding: 10px;
	}
	div#division-degrees h2 {
		font-size: 2em;
	}
	div#division-degrees i.fa {
		font-size: 3em;
	}
	
	/*----- Division Home - Activism & Engagement */
	div#division-engagement div.engagement-content {
		width: 84%;
		margin: 10px 7%;
		padding: 10px;
	}
	div#division-engagement h2 {
		font-size: 2em;
	}
	div#division-engagement i.fa {
		font-size: 3em;
	}
	
	/*----- Division Home - Frontiers */
	div#division-frontiers h2 {
		font-size: 2em;
	}
	div#division-frontiers h3 {
		font-size: 1.2em;
	}
	div#division-frontiers div.frontiers-content > p {
		font-size: 1em;
		padding: 0 10%;
	}
	
	/*--------------------------------------------------------------
	## Faculty Display
	--------------------------------------------------------------*/

	div.faculty-box {
		height: auto;
		min-height: 0;
		max-height: none;
		/*padding-top: 8%;*/
	}

	div.faculty-box div.profile-photo {
		position: relative;
		bottom: initial;
		width: 100%;
		height: 225px;
		background-position: top center;
		-ms-background-size: 50%;
		-o-background-size: 50%;
		-moz-background-size: 50%;
		-webkit-background-size: 50%;
		background-size: 50%;
	}
		div.faculty-box.left div.profile-photo {
			left: initial;
			background-position: top center;
		}
		div.faculty-box.right div.profile-photo {
			right: initial;
			background-position: top center;
		}
	div.faculty-box div.profile-content {
		position: relative;
		top: 0;
		width: 100%;
		height: auto;
		padding: 0 5%;
		padding-bottom: 10%;
		background: #FFF;
	}
		div.faculty-box.left div.profile-content {
			right: initial;
		}
		div.faculty-box.right div.profile-content {
			left: initial;
		}

	div.faculty-box h2 {
		font-size: 1.8em;
	}
	div.faculty-box h3 {
		font-size: 1.2em;
	}
	div.faculty-box hr {
		display: block;
	}
	
	/*--------------------------------------------------------------
	## Staff Display
	--------------------------------------------------------------*/
	
	div.staff-box {
		width: 100%;
		margin: 20px 0;
	}
	div.staff-box h2 {
		font-size: 1.2em;
	}
	div.staff-box h3 {
		font-size: 0.8em;
	}
	
	/*--------------------------------------------------------------
	## Person Display
	--------------------------------------------------------------*/
	
	div.person-box {
		width: 100%;
		margin: 5% 0 10% 0;
		transform: none;
		margin-left: 0;
	}
	
	div.person-box h2 {
		font-size: 2em;
	}

	div.person-box div.profile-photo img {
		max-width: 125% !important;
	}
}

@media screen and (max-width:700px) {
	div.person-box {
		width: 100%;
		margin: 20px 0;
	}
	
	div.person-box div.profile-photo img {
		max-width: 90% !important;
	}
	
	div.person-box h2 {
		font-size: 1.2em;
		text-indent: 0;
	}
	div.person-box h3 {
		font-size: 0.8em;
	}
	div.person-box div.profile-photo {
		width: 100%;
	}
	div.person-box div.profile-content {
		width: 100%;
		text-align: center;
		text-indent: 0 !important;
	}
}

@media screen and (max-width:600px) {
	div#division-ds h2,
	div#division-gs h2 {
		bottom: 45px;
	}
	div#division-es h2,
	div#division-pi h2 {
    top: 10px;
	}
	
}

@media screen and (max-width:500px) {
		/*----- Division Home - Branding */
	div.site-branding a.division-logo img {
		height: 15px;
		bottom: 14px;
	}
}

@media screen and (max-width:400px){
	#division-menu li {
		font-size: 12px !important;
	}

	div#division-es {
		background-position: -30px;
    	background-size: 140%;
	}
	div#division-es:hover {
    	background-position: 0px;
	}
	div#division-ds {
		background-position: -20px -160px;
    	background-size: 150%;
	}
	div#division-ds:hover {
    	background-position: 0px -160px;
	}
	div#division-gs {
		background-size: 140%;
   		background-position: -120px -90px;
	}
	div#division-gs:hover {
    	background-position: -100px -90px;
	}
	div#division-pi {
		background-position: -170px -120px;
    	background-size: 150%;
	}
	div#division-pi:hover {
    	background-position: -190px -120px;
	}
	
}