/*
 Theme Name:   Dynamic News Lite Child
 Description:  Dynamic News Lite - UCSB History website Child Theme
 Author:       AJ Hinojosa
 Template:     dynamic-news-lite
 Version:      0.5
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         responsive-layout,
 Text Domain:  dynamic-news-lite-child
*/

/* CSS Reset | http://meyerweb.com/eric/tools/css/reset/ | v2.0
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	/* word-wrap: break-word; breaking google cse */
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background-color: #3D4D62;
	background-image: url(../../uploads/site-elements/ucsb-campus-aerial-bg-mobile.jpg);
	background-position: top;
	background-attachment: fixed;
	background-size: cover;
	font-family: 'Titillium Web', Arial, Tahoma, sans-serif;
	font-size: 1.0em;
	border: 0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* General Styles
-------------------------------------------------------------- */

/* Make WP Admin bar play nice with sticky nav */
body.admin-bar #navi-wrap {
	position:fixed;
	top: 28px;
}
body.admin-bar {
	margin-top: 0;
}

/* Links */
a, a:link, a:visited {
	color: #248CC8;
	text-decoration: underline;
}
a:hover, a:active {
	color: #336A8A;
	cursor: pointer;
	text-decoration: none;
}
.entry > p a {
    border-bottom: 2px solid #b4e7f8;
    box-shadow: inset 0 -3px 0 #b4e7f8;
    color: inherit;
    -webkit-transition: background .12s cubic-bezier(.33,.66,.66,1);
    background .12s cubic-bezier(.33,.66,.66,1);
}
.entry > p a:hover,
.entry > p a:focus,
.entry > p a:active {
    background:#b4e7f8;
}
.author .entry {
	min-height: 250px;
}

/* Fill DIV with image for directory / profile */
#profile-picture {
	width: 100%;
	min-height: 150px;
	background: url("images/profile_placeholder_large.png") no-repeat;
	background-size: 100%;
	margin-bottom: 1em;
}
.widget.profile {
    font-size: 0.8em;
    padding: 1em;
    box-shadow: 2px 2px 4px #CCC;
	border: 1px solid #CCC;
	background: #FFF;
}
.widget.profile ul {
	list-style: square outside;
	margin-top: 4px;
	margin-left: 25px;
	line-height: 1.2em;
}
.widget.profile li {
	text-indent: -5px;
	padding: 2px 0;
}
.fill {
    justify-content:center;
    align-items:center;
    overflow:hidden;
}
.fill img {
    flex-shrink:0;
    min-width:100%;
    background: rgb(200,200,200);
}
/* Form Elements */
input, textarea {
	padding: 0.7em;
	background: #fff;
	border: 1px solid #ddd;
	font-size: 1.0em;
	color: #333;
	font-family: 'Titillium Web', Arial, Tahoma, sans-serif;
}
input[type="submit"] {
	border: none;
	color: #fff;
	background: #e84747;
}
input[type="submit"]:hover {
	background-color: #303030;
	cursor: pointer;
}

/* Clearing Floats */
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
    *zoom: 1; /* For IE 6/7 only */
}

/* Make Form Elements responsive */
input, textarea, select {
	max-width: 100%;
	margin: 0.2em;
}

#wpcontent select[multiple] {
    height: 200px;
}

/* Basic Structure
-------------------------------------------------------------- */
#wrapper {
	max-width: 1340px;
	width: 92%;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 100%;
	opacity: 1;
	transition: opacity 1s ease;
}
#header-wrap {
	background: rgba(50,50,50,0.7);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.75))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:    0px 0px 20px 2px rgba(0, 0, 0, 0.8);
	box-shadow:         0px 0px 20px 2px rgba(0, 0, 0, 0.8);
	position: relative;
	z-index: 2;
	border-bottom: #FFF 5px solid;
}
#header {
	padding: 3em;
}
#wrap {
	clear: both;
	min-height: 500px;
	padding: 1.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	background-color: rgba(255,255,255,0.8);
	-webkit-box-shadow: 0px 0px 20px 4px #333;
	-moz-box-shadow:    0px 0px 20px 4px #333;
	box-shadow:         0px 0px 20px 4px #333;
}
#content {
	float: left;
	width: 78%;
	padding-right: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#content.posts-page {
	width: 78%;
	padding-right: 1.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#sidebar {
	float: right;
	width: 22%;
}
#sidebar.profile {
	width: 20%;
	padding: 0 15px 0 0;
}

/* Header
-------------------------------------------------------------- */
#logo {
	float: left;
	max-width: 100%;
}
#logo .site-title {
	font-size: 2.5em;
	font-weight: bold;
	color: #e84747;
	font-family: 'Francois One', Tahoma, Arial;
}
#logo a:hover {
	text-decoration: none;
}
#logo a:hover .site-title {
	color: #333;
	text-decoration: none;
}
#logo .site-description {
	margin-top: 0.4em;
	color: #333;
}

/* Header Content */
#header-content {
	display: inline;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#header-content div {
	float: right;
	margin-left: 1.5em;
}
#header-content #header-text {
	margin-top: 0.3em;
	line-height: 1.4em;
	font-size: 1.3em;
	color: #777;
}
#header-content #header-search #s {
	float: right;
}

/* Custom Header Image */
#custom-header {
	margin-top: 1px;
}
#custom-header img {
	max-width: 1340px;
	vertical-align: top;
	width: 100%;
	height: auto;
}

/* Navigation Menu
-------------------------------------------------------------- */
#mainnav-toggle, #mainnav-icon {
	display: none;
}
#navi-wrap {
    background: rgba(0,0,0,0.9) none repeat scroll 0% 0%;
	position: fixed;
	top:0;
	z-index:100;
	width:100%;
	-webkit-box-shadow: 0px 0px 10px 0px #999;
	-moz-box-shadow:    0px 0px 10px 0px #999;
	box-shadow:         0px 0px 10px 0px #999;
}
#mainnav-menu {
	list-style-type: none;
	list-style-position: outside;
	position: relative;
}
#mainnav-menu li{
	float:left;
	position:relative;
	margin-right: 1px;
}
#mainnav-menu a {
	display: block;
	padding: 1.4em;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1.0em;
	font-family: 'Francois One', Tahoma, Arial;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
#mainnav-menu a:link, #mainnav-menu a:visited{
	color: #fff;
	text-decoration: none;
}
#mainnav-menu a:hover {
	background: #e84747;
}
#mainnav-menu ul {
	position: absolute;
	display: none;
	z-index: 99;
	background: #fff;
	box-shadow: 0 0 2px #444;
}
#mainnav-menu ul li{
	margin: 0;
}
#mainnav-menu ul a {
	width: 250px;
	width: 16rem;
	padding: 1em;
	float: left;
	font-weight: normal;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#mainnav-menu ul a:link, #mainnav-menu ul a:visited{
	color: #333;
	font-size: 0.9em;
	text-decoration: none;
}
#mainnav-menu ul a:hover {
	color: #fff;
	background: #e84747;
}
#mainnav-menu li ul ul {
	margin-left: 250px;
	margin-left: 16rem;
}
#mainnav-menu li:hover ul ul, #mainnav-menu li:hover ul ul ul, #mainnav-menu li:hover ul ul ul ul{
	display:none;
}
#mainnav-menu li:hover ul, #mainnav-menu li li:hover ul, #mainnav-menu li li li:hover ul, #mainnav-menu li li li li:hover ul{
	display:block;
}
#mainnav-menu li.current_page_item a, #mainnav-menu li.current-menu-item a {
	text-decoration: underline;
}
#mainnav-menu li.current_page_item ul li a, #mainnav-menu li.current-menu-item ul li a{
	text-decoration: none;
}
#mainnav-menu ul li.current_page_item a, #mainnav-menu ul li.current-menu-item a {
	text-decoration: underline;
}
#mainnav-menu ul li.current_page_item ul li a, #mainnav-menu ul li.current-menu-item ul li a{
	text-decoration: none;
}


/* Widget Styling
-------------------------------------------------------------- */
.widget {
	margin-bottom: 1.5em;
	box-shadow: 0 0 4px #ddd;
	border: 1px solid #ddd;
	padding: 1.5em;
	background: #fff;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
body.single-post div.widget.sidenav {
	padding: 1em;
}
.entry h2.widgettitle {
	font-size: 0.9em;
	font-family: 'Francois One', Tahoma, Arial;
	padding: 0.8em;
	margin: -0.5em -0.5em 1.5em -0.5em;
	text-transform: uppercase;
}
.news-page-sidebar {
	font-size: 1.5em;
	font-family: 'Francois One', Tahoma, Arial;
	color: #333;
	border-bottom: 4px solid #333;
	text-transform: uppercase;
	margin-top: 25px;
}
.widget .textwidget {
	line-height: 1.5em;
}
.widget .textwidget p {
	margin-bottom: 1em;
}
.widget ul, .widget ol {
	line-height: 1.5em;
}
.widget ul .children, .widget ol .children {
	padding: 0;
	margin: 0.5em 0 0.5em 1em;
}
/*.widget a:link, .widget a:visited  {
	text-decoration: none;
	color: #248CC8;
}*/
.widget a:hover, .widget a:active {
	text-decoration: none;
}
.widget img {
	max-width: 100%;
	height: auto;
}
.widgettitle a:link, .widgettitle a:visited  {
	color: #666;
}
a.view-all {
	font-family: "Francois One", Tahoma, Arial;
	line-height: 1.4em;
	word-wrap: break-word;
	text-transform: uppercase;
	margin: 0.3em 0px;
	background: #333;
	padding: 5px 10px;
	color: #FFF;
}

// Tribe Events widget
a.view-all-events {
	text-transform: uppercase;
	font-size: 0.8em;
}
.tribe-events-widget-link a {
	font-family: "Francois One", Tahoma, Arial;
	line-height: 1.4em;
	word-wrap: break-word;
	text-transform: uppercase;
	margin: 0.3em 0px;
	background: #333;
	display: inline;
	padding: 5px 10px;
	color: #FFF;
}
.upw-posts article {
	background: none;
	box-shadow: none;
	border: none;
	border-bottom: 1px dotted #2f2f2f !important;
	margin: 5px 0 !important; /* requires !important to override upw stylesheet */
	padding: 10px 0 !important; /* requires !important to override upw stylesheet */
}
.upw-posts .entry-meta {
	margin-bottom: 0px !important;
	color: inherit !important;
    font-size: 13px !important;
}
.upw-posts .entry-title a {
	font-weight: bold;
	line-height: 1.2em;
}
.upw-posts .entry-title a:hover {
	text-decoration: none !important;
}
.tribe-mini-calendar-event .list-info h2 {
	font-size: 1.2em;
}
h2.single-event-sidebar {
	font-family: 'Francois One', Tahoma, Arial;
	color: #333;
	line-height: 1.4em;
	padding: 0.3em 0;
	margin: 0 0 0.3em;
	border-bottom: 5px solid #333;
	font-size: 1.2em;
	border-bottom: 5px solid #333;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	text-transform: uppercase;
}

/* Sidenav
-------------------------------------- */
.widget.sidenav {
	background: none;
	box-shadow: none;
	border:none;
	padding: 20px;
}
.widget.sidenav a {
	line-height: 1.2em;
	color: #e84747;
	font-size: 0.9em;
}
#dpe_fp_widget-3 {
	padding: 1em;
    background-color: #FFF;
    margin: 0 0 2em 1em;
}

#dpe_fp_widget-3 > h3 {
	font-weight: bold;
	font-family: 'Francois One', Tahoma, Arial;
	color: #333;
	line-height: 1.4em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	text-transform: uppercase;
	padding: 0.3em 0;
	margin: 0.3em 0;
	border-bottom: 5px solid #333;
	font-size: 1.2em;
}
li.category-graduate-program.type-post {
	background: none;
	box-shadow: none;
	border: none;
	border-left: 1px solid #999;
	margin: 12px 8px;
	padding: 3px;
}

.sidenav-menu ul li a {
	color: #248CC8;
    display: block;
    padding: 1em;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 110%;
    font-family: 'Francois One', Tahoma, Arial;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
#sidenav-menu {
	margin-top: 4em;
}
.sidenav-menu ul {
	list-style-type: none;
	list-style-position: outside;
}
.sidenav-menu a:hover {
    font-size: 115%;
    background: rgba(200,200,200,0.5);
    text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.5);
    border-left: dotted 1px #e84747;
    transition: all 0.3s ease;
}


/* Styles for Custom Menu Wizard plugin created sidenav
		- collape/expanding sidenav
------------------------------------------------------------- */
/*ul Styles*/
#custom-menu-wizard-5 #sidenav-menu ul.menu-item,
#custom-menu-wizard-6 #sidenav-menu ul.menu-item {
  background: #fff;
  font-size: 13px;
  line-height: 30px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
}
#custom-menu-wizard-5 #sidenav-menu > ul.menu-item,
#custom-menu-wizard-6 #sidenav-menu > ul.menu-item {
	padding: 0;
}

#custom-menu-wizard-5 #sidenav-menu ul.menu-item a,
#custom-menu-wizard-6 #sidenav-menu ul.menu-item a {
  text-decoration: none;
  color: #aaa;
  display: block;
  width: 200px;
}

/*li Styles*/
#custom-menu-wizard-5 #sidenav-menu ul > li.menu-item,
#custom-menu-wizard-6 #sidenav-menu ul > li.menu-item {
  padding: 5px 0;
  padding-left: 0.5em;
}

/* a Styles */
#custom-menu-wizard-5 #sidenav-menu li.current-page-ancestor > a {
	font-weight: bold;
}
#custom-menu-wizard-5 #sidenav-menu li.current_page_item.cmw-level-2 > a,
#custom-menu-wizard-5 #sidenav-menu li.current_page_item.cmw-level-3 > a,
#custom-menu-wizard-5 #sidenav-menu li.current_page_item.cmw-level-4 > a,
#custom-menu-wizard-5 #sidenav-menu li.current_page_item.cmw-level-5 > a,
#custom-menu-wizard-6 #sidenav-menu li.current_page_item > a {
	text-decoration: underline;
	font-weight: bold;
}
#custom-menu-wizard-5 #sidenav-menu ul > li.current-menu-item.cmw-level-3::before,
#custom-menu-wizard-5 #sidenav-menu ul > li.current-menu-item.cmw-level-4::before,
#custom-menu-wizard-5 #sidenav-menu ul > li.current-menu-item.cmw-level-5::before,
#custom-menu-wizard-6 #sidenav-menu ul > li.current-menu-item::before {
	text-decoration: none !important;
	content: "\f061"; /* Right Arrow pointing at current-menu-item */
	font-family: FontAwesome;
	text-decoration: none;
	padding-right: 5px;
	position:absolute;
	margin-left: -20px;
	margin-top: -2px;
	color: #888;
}
#custom-menu-wizard-5 #sidenav-menu ul > li.current-menu-item.cmw-level-4::before {
	margin-top: -5px;
}
#custom-menu-wizard-5 .sidenav-menu li.cmw-level-1 > a,
#custom-menu-wizard-6 .sidenav-menu li.cmw-level-1 > a  {
	padding: 0.2em;
	margin: 5px 0;
	font-size: 1.5em;
	border-bottom: 4px solid #e84747;
}
#custom-menu-wizard-5 .sidenav-menu li.cmw-level-2 > a,
#custom-menu-wizard-6 .sidenav-menu li.cmw-level-2 > a {
	padding: 0.3em;
	font-size: 1em;
}
#custom-menu-wizard-5 .sidenav-menu li.cmw-level-3 > a,
#custom-menu-wizard-6 .sidenav-menu li.cmw-level-3 > a {
	padding: 0.2em;
	font-size: 0.8em;
	color: rgba(238,116,116, 1);
}
#custom-menu-wizard-5 .sidenav-menu li.cmw-level-4 > a {
	padding: 0.1em;
	font-size: 0.7em;
	color: rgb(80,80,80);
}

/* Custom Widgets
-------------------------------------------------------------- */
/* Theme Search Widget */
.search-form {
	display: block;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow:hidden;
}
.search-form .screen-reader-text {
	display: none;
}
.search-form .search-field {
	display: inline-block;
	margin: 0;
	width: 100%;
	padding: 0.7em 45px 0.45em 0.7em;
	background: rgba(0,0,0,0.1);
	border-bottom: 4px solid #FFF;
	font-size: 1.0em;
	color:#CCC;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
}
.search-form .search-submit {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	background: transparent;
	padding: 0.8em 0.7em 0 0;
	cursor: pointer;
}
.search-form .search-submit .genericon-search {
	display: inline-block;
	width: 24px;
	height: 24px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 24px;
	line-height: 1;
	font-family: 'Genericons';
	text-decoration: inherit;
	font-weight: normal;
	font-style: normal;
	vertical-align: text-bottom;
	color: #000;
	content: '\f400';
}
.search-form .search-submit:hover .genericon-search {
	color: #333;
}

form.gsc-search-box {
	max-width: 250px;
}
.gsc-result .gs-title {
	height: auto !important;
}

/* Theme Calendar Widget */
#wp-calendar {
	margin: 0;
	width: 100%;
	color: #444;
	line-height: 1.6em;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: center;
}
#wp-calendar caption {
	padding: 0.4em 0;
	margin: 0 -0.4em 0.8em;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.9em;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
#wp-calendar th {
	font-weight: bold;
	font-size: 0.85em;
	padding-bottom: 0.6em;
}
#wp-calendar tbody td {
	color: #888;
}
#wp-calendar tbody td a {
	font-weight: bold;
}
#wp-calendar tbody #today {
	font-weight: bold;
	color: #333;
}
#wp-calendar tfoot tr td {
	padding-top: 0.8em;
}
#wp-calendar #prev {
	text-align: left;
}
#wp-calendar #next {
	padding-right: 0.4em;
	text-align: right;
}


/* Posts and Pages
-------------------------------------------------------------- */
.type-post, .type-page, .type-attachment, .type-taxonomy, .type-courses, .type-notices  {
	margin: 0 0 1.5em 0;
	padding: 2em;
	box-shadow: 0 0 4px #CCC;
	border: 1px solid #CCC;
	background: #fff;
}
.page-title, .post-title {
	font-weight: bold;
	font-family: 'Francois One', Tahoma, Arial;
	line-height: 1.4em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	text-transform: uppercase;
	padding: 0.3em 0;
	border-bottom: 5px solid #333;
}
.page-title {
    font-size: 1.8em;
    color: #FFF;
}
.post-title {
    font-size: 1.8em;
    color: #333;
}
.post-title a:link, .post-title a:visited {
	color: #333;
	text-decoration: none;
}
.post-title a:hover, .post-title a:active{
	color: #e84747;
}
.sticky {
	border: 1px solid #999;
    background: navajowhite
}
#no-posts-msg {
	text-align: center;
	padding: 1em;
}
.homepage-widgets,
#menu-homepage-centers-fields-clusters .menu-item-has-children > a {
	font-weight: bold;
	font-family: 'Francois One', Tahoma, Arial;
	color: #333;
	line-height: 1.4em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	text-transform: uppercase;
	margin: 0.3em 0;
	border-bottom: 5px solid #333;
	font-size: 1.5em;
}
/* homepage centers, programs, etc buttons */
#menu-homepage-centers-fields-clusters li a {
	font-size: 1.4em;
	text-align: center;
	background-color: #666;
	border: 1px solid #333;
    color: #FFF;
    display: block;
    padding: 0.8em;
    margin: 0.4em;
    color: rgba(255,255,255, 0.9);
    box-shadow: 0 0 10px #CCC;
}
#menu-homepage-centers-fields-clusters li a:hover {
	color: #fff;
	background-color: #333;
	/* background-color: #248CC8; */
	text-shadow: none;
}
#menu-homepage-centers-fields-clusters li.menu-item {
	padding: 0;
}
#menu-homepage-centers-fields-clusters li.menu-item:first-of-type {
	margin-top: 2.3em;
}
.homepage-widgets a {
	color: #333 ;
}

/* Page Links | wp_link_pages() */
.page-links {
	margin: 0;
	word-spacing: 1em;
}

/* Profile Meta */
.profilemeta {
	font-size: 0.9em;
	font-style: italic;
}
.admin-bar #notification-area {
	top: initial;
	bottom: 0;
}

/* Simple Notices tweaks */
#notification-area {
	font-family: "Francois One", Tahoma, Arial;
	margin: 20px 0 0;
	padding: 5%;
	box-shadow: 10px 0 60px 40px #222;
	top: initial;
	bottom: 0;
}
a#remove-notice.remove-notice {text-decoration: none; margin-left:10px;}
a#remove-notice.remove-notice:hover {text-decoration: none; color: #fff;}
#notification-area h3 {font-size: 1.4em; line-height: 1.4em; margin: 0 0 8px 0; color: rgba(0,0,0,0.7); }
#notification-area p {font-size: 1.1em; line-height: 1.4em; margin: 8px 0; max-width: 1140px; color :#FFF; }
#notification-area a {color: inherit ; text-decoration: underline;}
#remove-notice {display: block; float: right; margin: 0px; border:none; padding: 10px 15px; color: #999; box-shadow: inset 0 0 3px 0 #333; }
#remove-notice:hover {text-decoration: none; background: #86b2c9; color: #fff;}

#notification-area.blue {background: rgba(0,70,139,0.95); border-top: 3px solid rgb(0,70,139);}
#notification-area.blue a {color: #fcedde;}
#notification-area.red {background: rgba(255,142,142,0.95); border-color: rgb(255,142,142); }
#notification-area.orange {background: rgba(255, 206, 52,0.95); border-top: 2px solid rgb(255, 206, 52);  }
#notification-area.orange h3 {color: rgb(0, 70, 139);}
#notification-area.orange p {color: rgb(0, 70, 139);}
#notification-area.orange a {color: rgb(0, 70, 139);}
#notification-area.green {background: rgba(190,237,169,0.95); border-color: rgb(190,237,169); }
#notification-area.gray { border-color: rgb(153,153,153); }



/* Postmeta */
.postmeta, .coursemeta {
	display: block;
	color: #333;
	margin: 0;
	padding: 0.7em 1em;
	background: #eee;
}
.postmeta .meta-date, .postmeta .meta-author,
.postmeta .meta-comments, .postmeta .post-edit-link {
	font-size: 0.9em;
	line-height: 1.5em;
}
.postmeta a:link, .postmeta a:visited
.coursemeta a:link, .coursemeta a:visited {
	color: #555;
	text-decoration: underline;
}
.postmeta a:hover, .postmeta a:active
.coursemeta a:hover, .coursemeta a:active {
	text-decoration: none;
}
.postmeta .sep  {
	padding-right: 0.7em;
	margin-right: 0.8em;
	border-right: 1px solid #aaa;
}
.postmeta .post-edit-link  {
	float: right;
}
.postinfo {
	clear: both;
	line-height: 1.5em;
}
.postinfo .meta-category {
	display: block;
	color: #333;
	margin: 0;
	font-size: 0.9em;
}
.postinfo .meta-category a {
	display: inline-block;
	float: left;
	color: #fff;
	background: #333;
	padding: 0.4em 1em;
	margin: 0 1px 1px 0;
}
.postinfo .meta-category a:hover, .postinfo .meta-category a:active {
	background: #e84747;
	text-decoration: none;
}
.postinfo .meta-tags {
	display: block;
	margin: 0.5em 0;
}
/* Read more Link */
.more-link {
	display: inline-block;
	margin: 0.5em 0;
	padding: 0.2em 0.8em;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	background-color: #248CC8;
}
.more-link:link, .more-link:visited  {
	color: #fff;
}
.more-link:hover, .more-link:active {
	background-color: #303030;
	text-decoration: none;
}
.content-excerpt .more-link  {
	margin: 0.5em 0 1em;
}

/* Archives and Search Heading */
.archive-title {
	font-weight: bold;
	font-size: 3em;
	color: #333;
	border: 0;
	border-bottom: 4px dotted #999;
	background: none;
	box-shadow: none;
	padding: 5px;
	margin-bottom: 1%;
	text-transform: uppercase;
	text-align: center;
}
.archive-title span{
	color: #e84747;
}

/* Content Pagination */
.post-pagination {
	margin-bottom: 1.5em;
	font-weight: bold;
	padding: 0.8em 1em;
	color: #333;
	box-shadow: 0 0 4px #ddd;
	border: 1px solid #ddd;
	background: #fff;
	text-transform: uppercase;
}
.post-pagination a {
	padding: 0.6em 0.8em;
	margin-right: 0.2em;
	display: inline-block;
    text-align: center;
	text-decoration: none;
	color: #333;
}
.post-pagination a:link, .post-pagination a:visited {
	color: #333;
}
.post-pagination a:hover {
	color: #e84747;
}
.post-pagination .current {
	padding: 0.5em 0.9em;
	margin-right: 0.2em;
	color: #e84747;
	text-decoration: underline;
}
.post-filters {
	margin: 0.5% 0;
	padding:0.5%;
	text-align: center;
}
.filter-button {
    margin: 1em 2em;
    padding: 0.6em 1em;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
}
.filter-title {
	margin: 0.5em;
}
.post-filters select {
	margin: 0.5em;
	min-width: 175px;
}


/* Text Elements
-------------------------------------------------------------- */
#last-modified {
	font-size: 0.8em;
	padding: 5px 0;
}
.entry {
	margin: 0;
	line-height: 1.7em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.entry p, .comment p {
	margin: 1em 0;
}
.entry p.tribe-events-back {
	margin: 0 0 1em;
}

.entry h1, .comment h1,
.entry h2, .comment h2,
.entry h3, .comment h3,
.entry h4, .comment h4,
.entry h5, .comment h5,
.entry h6, .comment h6 {
	color: #222;
	font-weight: bold;
	line-height: 1.2em;
	margin: 1.2em 0 0.7em;
}
.entry h1, .comment h1 {
	font-size: 2em;
}
.entry h2, .comment h2 {
	font-size: 1.8em;
}
.entry h3, .comment h3 {
	font-size: 1.6em;
}
.entry h4, .comment h4,
.entry h5, .comment h5,
.entry h6, .comment h6 {
	font-size: 1.4em;
}

.entry h1:first-of-type,
.entry h2:first-of-type,
.entry h3:first-of-type,
.entry h4:first-of-type,
.entry h5:first-of-type,
.entry h6:first-of-type {
	margin-top: 0;
}

.entry ul, .comment ul {
	list-style: square outside;
    margin: 0 0 1.5em 3em;
    line-height: 1.4em;
}
ul.field-people li {
	font-size:1em;
}
.entry ol, .comment ol {
	list-style: decimal outside;
	margin: 0 0 1.5em 3em;
	font-size: 1em;
}
.entry li, .comment li {
	margin: 0.5em 0;
}
.entry ol ol, .comment ol ol{
	list-style: upper-alpha inside;
}
.entry ol ol ol, .comment ol ol ol{
	list-style: lower-roman inside;
}
.entry ol ol ol ol, .comment ol ol ol ol{
	list-style: lower-alpha inside;
}
.entry ul ul, .comment ul ul,
.entry ol ol, .comment ol ol,
.entry ul ol, .comment ul ol
.entry ol ul, .comment ol ul {
	margin-bottom: 0.2em;
}
.page-template-undergraduate .entry ul {
	list-style: square outside;
    margin: 0 0 1.5em 3em;
    line-height: 1.4em;
    font-size: 1em;
}
.entry #announcements {
	position: relative;
	float: right;
	background: rgba(255,206,52, 0.4);
	border: 1px solid #CCC;
	box-shadow: 4px 4px 6px #999;
	margin: -1em 0 3em 3em;
	padding: 15px 15px 30px;
	width: 33%;
}
.entry #announcements::before {
	color: #999;
	content: '\f129';
	font-family: FontAwesome;
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 10px 15px;
	margin:0;
	font-size: 2em;
}
#announcements h2 {
	color: #333;
	font-size: 1.4em;
	font-weight: bold;
	border-bottom: 3px solid #333;
	margin-top: 0;
}
.entry #announcements ul {
	margin: 0 0 10px 15px;
}
.field-block {
    flex-basis: 30%;
    margin-right: 1%;
}

dl {
	margin: 1em 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.5em;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big, .big_tag {
	font-size: 1.3em;
}
ins {
	padding: 1px 2px;
	background: #ffa;
	text-decoration: none;
}
code, pre {
	padding: 3px 8px;
	margin: 0 1px;
	background: #eeeeee;
	color: #222;
	font-size: 0.9em;
	font-family: Monospace, "Courier New", Courier;
	overflow: auto;
	line-height: 1.4em;
}
del, strike, s{
	text-decoration: line-through;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
small {
	font-size: 0.7em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
	font-size: 0.8em;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
.entry var, .entry kbd, .entry tt, .entry .tt_tag {
	font-size: 1.1em;
	font-family: "Courier 10 Pitch", Courier, monospace;
}
blockquote {
	background:#f5f5f5;
	border-left: 10px solid #ccc;
	margin: 1.2em 0;
	padding: 0.5em 1.5em;
}
blockquote cite {
	display: block;
	margin: 0.5em 0 0 0.5em;
	color: #777;
}

/* Tables
================================================================ */
.directory-name {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.3em;
}
#directoryTable {
	line-height: 1.8em;
}
#coursesTable, .tablesorter {
	background-color: #FFF;
	margin:20px 0pt 15px;
	width: 100%;
	text-align: left;
	font-size: 0.8em;
}
#coursesTable thead tr th, #coursesTable tfoot tr th,
.tablesorter thead tr th, .tablesorter tfoot tr th {
	background-color: #F0F8FF;
	border: 1px solid #888;
	font-weight: bold;
	padding: 4px 6px;
}
#coursesTable thead tr .header,
.tablesorter thead tr .header {
	border: 1px solid #999;
	background-color: #CCC;
	background-image: url('images/bg.gif');
	background-repeat: no-repeat;
	background-position: center right;
}
#coursesTable tbody td,
.tablesorter tbody td {
	color: #3D3D3D;
	border: 1px solid #CCC;
	padding: 4px;
	vertical-align: top;
	min-width: 50px;
}
.table tr:nth-of-type(2n),
.tablesorter tr:nth-of-type(2n) {
	background-color: rgba(220,220,220,1);
}
/* "Course cancelled" strikethrough */
tr.cancelled {
    text-decoration: line-through !important;
}
/* Images | Gallery | Videos
-------------------------------------------------------------- */
.blog article .wp-post-image {
	float: right;
	max-width: 48%;
	margin: 1.25em;
	margin-right: 0;
	height: auto;
}
.single-post article .wp-post-image {
	float: none;
	max-width: 100%;
	height: auto;
}
.entry .highlight > h1, .entry .highlight > h2,
.entry .highlight > h3, .entry .highlight > h4,
.entry .highlight > h5, .entry .highlight > h6 {
	font-family: "Francois One", Tahoma, Arial;
	text-transform: uppercase;
	margin: 0 0 15px;
	padding: 0;
	color: #FFF;
    text-shadow: 2px 2px 4px #999;
}

.entry img {
	max-width: 100%;
	height: auto;
}
.entry .right-slider {
		margin: 0 0 2em 3em;
		float: right;
}
.wp-caption {
	background: #FFF;
	border: 1px solid #CCC;
	max-width: 100%;
	height: auto;
	text-align: center;
	margin: 0 30px;
	padding: 1em;
	-webkit-box-shadow: 3px 3px 10px 0px #CCC;
	-moz-box-shadow:    3px 3px 10px 0px #CCC;
	box-shadow:         3px 3px 10px 0px #CCC;
}
.wp-caption .wp-caption-text {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	text-align: center;
}
.featured-image {
	float: right;
	background: #FFF;
	max-width: 400px;
	height: auto;
	text-align: center;
	padding: 0;
	margin-bottom: 20px;
}
.ccfic {
	padding: 10px;
	font-size: 0.9em;
	background: #eee;
}
.highlight {
	background: wheat;
	border: 1px solid rgb(209, 168, 94);
	max-width: 100%;
	height: auto;
	text-align: center;
	margin: 1em 0;
	padding: 1em;
	-webkit-box-shadow: 2px 2px 8px 0px #CCC;
	-moz-box-shadow:    2px 2px 8px 0px #CCC;
	box-shadow:         2px 2px 8px 0px #CCC;
}
.alignleft {
	float: left;
	display: inline-block;
	margin: 1em 2em 1em 0;
}
.alignright	{
	float: right;
	display: inline-block;
	margin: 1em 0 1em 2em;
}
.aligncenter {
	margin: 1em auto;
	display: block;
}

/* Gallery Styling */
.gallery {
	padding-top: 1em;
}
.gallery-item {
	padding: 0.3em 1em 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.gallery img {
	margin: 0;
	padding: 0;
	border: none !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.gallery-caption {
	max-width: 100%;
	height: auto;
	text-align: center;
	margin: 0.5em 0;
}

/* Make Vidoes responsive */
embed, iframe, object, video {
	max-width: 100%;
}

/* Image.php Navigation */
#image-nav {
	margin: 1.5em 0;
	padding: 0.6em 1em;
	font-weight: bold;
	color: #333;
	box-shadow: 0 0 4px #ddd;
	border: 1px solid #ddd;
	background: #fff;
	text-transform: uppercase;
}
#image-nav .nav-previous {
	float: left;
}
#image-nav .nav-next {
	float: right;
}
#image-nav .nav-previous a, #image-nav .nav-next a {
	font-size: 0.9em;
	text-decoration: none;
	color: #e84747;
}
#image-nav .nav-previous a:hover, #image-nav .nav-next a:hover {
	text-decoration: underline;
}

/* Link Icons on links
-------------------------------------------------------------- */
/* Add PDF LOGO after links that go to PDFs
a[href$=".pdf"]:after {
	content: "\f1c1";
	font-family: FontAwesome;
	padding: 0 0.4em;
	font-size: 0.8em;
} */
/* Add DOWNLOAD FILE logo after links that go to .doc or .docx */
a[href$=".pdf"]:after,
a[href$=".doc"]:after,
a[href$=".docx"]:after {
	content: "\f019" attr(title);
	font-family: "FontAwesome";
	padding: 0 0.5em;
	font-size: 0.9em;
}

/* Add EXTERNAL JUMP link after new window links */
.entry a[target="_blank"]:after,
#navi-wrap a[target="_blank"]:after {
	content: "\f08e";
	font-family: "FontAwesome";
	padding: 0 0.4em;
	color: #999;
	font-size: 0.8em;
	text-decoration: none !important;
}
.entry a[target="_blank"]:hover:after,
#navi-wrap a[target="_blank"]:hover:after {
	color: #333;
}


/* Slider
------------------------------------------------------------- */
.metaslider a {
	color: #FFF;
	text-decoration: underline;
}
.metaslider .caption-wrap {
	font-size: 0.8em;
	opacity: 0.8 !important;
	text-shadow: 2px 2px 0px #000;
}
.homeslider.metaslider .flexslider {
	margin: 0;
}

/* Social Icons | based upon http://kovshenin.com/2014/social-menus-in-wordpress-themes/
-------------------------------------------------------------- */
#social-icons-menu {
	list-style-type: none;
	list-style-position: outside;
	line-height: 1em;
}
#social-icons-menu li {
	float: left;
	margin: 0 1px 1px 0;
	padding: 0;
}
#social-icons-menu li a {
    position: relative;
    display: inline-block;
    padding: 0.8em;
    background: rgba(0,0,0,0.3);
    text-decoration: none;
    color: #fff;
}
#social-icons-menu li a:hover {
	text-decoration: none;
	background: #333;
}
#social-icons-menu li a:before {
	color: #fff;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	line-height: 1;
	font-family: 'Genericons';
	text-decoration: inherit;
	vertical-align: top;
}
#social-icons-menu li a .screen-reader-text {
	display: none;
}
.social-icons-wrap .social-icons-hint {
	font-size: 0.8em;
	color: #777;
	max-width: 300px;
	line-height: 1.2em;
}

/* Add Genericons */
#social-icons-menu li a:before { content: '\f408'; } /* Default Icon */
#social-icons-menu li a[href*="codepen.io"]:before  { content: '\f216'; }
#social-icons-menu li a[href*="digg.com"]:before { content: '\f221'; }
#social-icons-menu li a[href*="dribbble.com"]:before { content: '\f201'; }
#social-icons-menu li a[href*="facebook.com"]:before { content: '\f203'; }
#social-icons-menu li a[href*="flickr.com"]:before { content: '\f211'; }
#social-icons-menu li a[href*="plus.google.com"]:before { content: '\f206'; }
#social-icons-menu li a[href*="github.com"]:before { content: '\f200'; }
#social-icons-menu li a[href*="instagram.com"]:before { content: '\f215'; }
#social-icons-menu li a[href*="linkedin.com"]:before { content: '\f207'; }
#social-icons-menu li a[href*="pinterest.com"]:before { content: '\f209'; }
#social-icons-menu li a[href*="polldaddy.com"]:before { content: '\f217'; }
#social-icons-menu li a[href*="getpocket.com"]:before { content: '\f224'; }
#social-icons-menu li a[href*="reddit.com"]:before { content: '\f222'; }
#social-icons-menu li a[href*="spotify.com"]:before { content: '\f515'; }
#social-icons-menu li a[href*="skype.com"]:before,
#social-icons-menu li a[href*="skype:"]:before { content: '\f220'; }
#social-icons-menu li a[href*="stumbleupon.com"]:before { content: '\f223'; }
#social-icons-menu li a[href*="tumblr.com"]:before { content: '\f214'; }
#social-icons-menu li a[href*="twitter.com"]:before { content: '\f202'; }
#social-icons-menu li a[href*="twitch.tv"]:before { content: '\f516'; }
#social-icons-menu li a[href*="vimeo.com"]:before  { content: '\f212'; }
#social-icons-menu li a[href*="wordpress.org"]:before,
#social-icons-menu li a[href*="wordpress.com"]:before { content: '\f205'; }
#social-icons-menu li a[href*="youtube.com"]:before { content: '\f213'; }
#social-icons-menu li a[href*="/feed"]:before,
#social-icons-menu li a[href*="/feed/"]:before,
#social-icons-menu li a[href*="?feed=rss2"]:before,
#social-icons-menu li a[href*="feedburner.google.com"]:before,
#social-icons-menu li a[href*="feedburner.com"]:before { content: '\f413'; }

/* Comments
-------------------------------------------------------------- */
#comments {
	margin: 0 0 1.5em 0;
	padding: 1em 1.5em;
	background: #fff;
	box-shadow: 0 0 4px #ddd;
	border: 1px solid #ddd;
}
#comments .comments-title, #respond #reply-title {
	font-weight: bold;
	font-family: 'Francois One', Tahoma, Arial;
	color: #555;
	line-height: 1.4em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	text-transform: uppercase;
	padding: 0.3em 0;
	border-bottom: 5px solid #555;
	font-size: 1.5em;
}
.commentlist {
	display: block;
	margin: 1.5em 0;
}
.commentlist .comment{
	display: block;
	margin: 1.5em 0 0;
	list-style: none;
	line-height: 1.5em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.commentlist .comment .avatar {
	float: left;
	margin: 1em 1.5em 0.5em 0;
}
.commentlist .comment .avatar:after {
	clear: both;
}
.comment-author {
	line-height: 1.5em;
	background: #eee;
}
.comment-author .comment-meta {
	display: inline-block;
	font-size: 0.8em;
	margin: 0.5em 1.2em 0;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	color: #222;
}
.comment-author .fn {
	display: inline-block;
	float: left;
	font-family: 'Francois One', Tahoma, Arial;
	font-size: 1.0em;
	color: #fff;
	background: #333;
	padding: 0.4em 1em;
}
.comment-meta a:link, .comment-meta a:visited,
.comment-meta a:active, .comment-meta a:hover {
	color: #222;
}
.comment-author .fn a:link, .comment-author .fn a:visited {
	color: #fff;
	text-decoration: underline;
}
.comment-author .fn a:hover, .comment-author .fn a:active {
	text-decoration: none;
}
.bypostauthor .fn, .comment-author-admin .fn {
	background: #e84747;
}
#comments .children {
	margin-left: 1.5em;
}
.nocomments {
	color: #444;
	padding: 1em;
}
.commentlist .pingback {
	display: block;
	margin: 0.6em 0 0;
	padding: 0.8em 0 0;
	border-top: 1px solid #ddd;
	list-style: none;
	line-height: 1.3em;
}

/* Comment Pagination */
.comment-pagination {
	font-size: 0.9em;
	padding: 0 1em;
	background: #eee;
	margin-bottom: 1.5em;
}
.comment-pagination .alignleft {
	float: left;
}
.comment-pagination .alignright {
	float: right;
}

/* Comment Form */
#respond {
	margin: 0;
}
#commentform {
	padding: 1em 0 0;
}
#commentform p {
	margin: 1em 0;
}
#commentform input[type="text"], #commentform textarea {
	display: inline-block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#commentform label {
	display: block;
	margin: 0.6em 0 0.2em;
}
#commentform #submit {
	display: block;
	border: none;
	margin-top: 1em;
	padding: 1em 4em;
	text-decoration: none;
	color: #fff;
	background: #e84747;
}
#commentform #submit:hover {
	background-color: #303030;
	cursor: pointer;
	text-decoration: none;
}


/* My styles

*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* Basic Structure*/

#header {
    padding: 2em 2em 0 2em;
	display:block;
	position:relative;
	z-index: 50;

}
.image-header {
    bottom: 0;
    position: absolute;
    right: 0;
}

/*  HOMEPAGE SECTIONS  */
#widget-wrap > div {
	display: inline-block;
	float:left;
	margin: 1% 0 1% 1.6%;
	padding: 1%;
}
.menu-affiliated-centers-and-programs-container > li {
	padding: 0 0 0 5px;
}

#homeslider-title{
	display: inline-block;
	position: relative;
	text-align: center;
}



/* Page Templates
-------------------------------------------------------------- */

/* Fullwidth Template */
.template-fullwidth #content {
	float: none;
	width: 100%;
	padding: 0;
}

/* Front Page Template and Widgets
-------------------------------------------------------------- */

/* Front Page Slideshow */
#frontpage-slider-wrap {
	padding: 0;
	margin-bottom: 2.6em;
	/* All other Slideshow Styles in flexslider.css */
}

.frontpage-magazine-no-widgets, .frontpage-slider-empty-posts {
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

/* Category Posts Widgets */
#frontpage-magazine-widgets .widgettitle {
	margin: 0 0 1.5em 0;
}
.widget-category-posts {
	margin-bottom: -1em;
}
.widget-category-posts .widgettitle .category-archive-link {
	float: right;
}
.widget-category-posts .widgettitle .category-archive-link .genericon-category {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1;
	font-size: 21px;
	font-family: 'Genericons';
	text-decoration: inherit;
	vertical-align: top;
	content: '\f301';
	margin-top: -4px;
}
.widget-category-posts .widgettitle .category-archive-link .genericon-category:hover {
	text-decoration: none;
}
.widget-category-posts .type-post {
	margin: 0;
	padding: 0;
	border: none;
	box-shadow: none;
}
.widget-category-posts .more-link:link, .widget-category-posts .more-link:visited  {
	color: #fff;
}
.widget-category-posts .more-link:hover, .widget-category-posts .more-link:active {
	text-decoration: none;
}
.widget-category-posts .big-post .post-title {
	font-size: 1.1em;
}
.widget-category-posts .big-post .wp-post-image {
	margin: 0 0 0.5em 0;
}
.widget-category-posts .small-post {
	float: left;
	display: block;
	width: 100%;
	margin: 0 0 1em 0;
	background: #eee;
}
.widget-category-posts .small-post .wp-post-image {
	float: left;
	margin: 0 0.8em 0 0;
	max-width: 30%;
}
.widget-category-posts .small-post .small-post-content {
	padding: 0.4em 0.8em;
}
.widget-category-posts .small-post .post-title {
	border: none;
	margin: 0;
	font-size: 0.95em;
	font-family: 'Titillium Web', Arial, Tahoma, sans-serif;
}
.widget-category-posts .small-post .postmeta {
	display: inline-block;
	background: none;
	padding: 0 0.3em 0.3em 0;
	font-size: 0.9em;
}
.widget-category-posts .small-post .postmeta .sep  {
	padding-right: 0.4em;
	margin-right: 0.6em;
	border-right: 1px solid #aaa;
}

/* Category Posts Boxed Widget */
#widget-category-posts-boxed .big-post {
	float: left;
	width: 50%;
	padding-right: 1.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#widget-category-posts-boxed .small-posts {
	width: 50%;
	margin-left: 50%;
}

/* Category Posts Grid Widget */
#widget-category-posts-grid .category-posts-grid-row {
	margin-right: -1.5em;
}
#widget-category-posts-grid .category-posts-grid-row.small-post-row {
	margin-right: -1em;
}
#widget-category-posts-grid .category-posts-grid-row .big-post,
#widget-category-posts-grid .category-posts-grid-row .small-post-wrap {
	float: left;
	width: 50%;
	padding-right: 1.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#widget-category-posts-grid .category-posts-grid-row.small-post-row .small-post-wrap {
	padding-right: 1em;
}

/* Front Page Category Area Thre (two columns) */
#widget-category-posts-columns .category-posts-column-left {
	float: left;
	width: 50%;
	padding-right: 0.75em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#widget-category-posts-columns .category-posts-column-right {
	margin-left: 50%;
	width: 50%;
	padding-left: 0.75em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#widget-category-posts-columns .category-posts-columns .big-post {
	margin-bottom: 1.5em;
}

/* Single Category Post ) */
#widget-category-posts-single .single-post {
	margin: 0 0 1.2em 0;
}
#widget-category-posts-single .single-post .wp-post-image {
	margin: 0 0 0.5em 0;
}

/* Footer
-------------------------------------------------------------- */
#footer-wrap {
	background: rgba(0,0,0,0.6)
}

/* Previous and Next Post Navigation */
.postnav {
    margin: 20px 0 0 0;
    font-weight: bold;
    font-family: 'Francois One', Tahoma, Arial;
    line-height: 1em;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    text-transform: uppercase;
    padding: 0.3em 0;
}
.nav-prev {
	width: 40%;
	color: #666;
	padding: 0 5px;
    display: inline-block;
    vertical-align: bottom;
    float: left;
    border-left: 5px solid #666;
}
.nav-next {
	width: 40%;
	padding: 0 5px;
    text-align: right;
    display: inline-block;
    vertical-align: top;
    float: right;
    border-right: 5px solid #333;
}

/*  COLUMN SETUP  */
.col {
	display: inline-block;
	float:left;
	margin: 1% 0 1% 2.5%;
}
/*  TEXT SETTINGS */
#widget-wrap ul > li {
	padding: 0 0 0 1em;
}
#widget-wrap ul {
	padding: 0.5em 0;
}
#widget-wrap ul:first-child {
	font-family: 'Francois One', Tahoma, Arial;
	text-transform: uppercase;
}
#widget-wrap .post-date {
	font-size:80%;
}
#widget-wrap .post-date:before {
	content: '\A';
	white-space:pre;
}
h2.home-events-list {
    border-bottom: 5px solid #666;
    font: 1.714em/1.1667em 'Francois One', Tahoma,Helvetica,Arial,sans-serif;
    margin: 0 0 18px;
    padding: 0 0 10px;
    text-transform: none;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 65.83%; }
.span_1_of_3 { width: 31.66%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media screen and (max-width: 60em) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}


.dynamicnews_category_posts_single, .dynamicnews_category_posts_grid, .dynamicnews_category_posts_boxed {
	background:hsla(0,0%,100%,1);
}


#mainnav-menu a:hover {
	background: #248CC8;
}
#mainnav-menu ul a:hover {
	color: #fff;
	background: #248CC8;
}
#mainnav-menu .submenu-dropdown-toggle:hover {
	cursor: pointer;
	background: #248CC8;
}
.post-title a:hover, .post-title a:active{
	color: #248CC8;
}
.postinfo .meta-category a:hover, .postinfo .meta-category a:active {
	background: #248CC8;
	text-decoration: none;
}

.archive-title span{
	color: #248CC8;
}

.post-pagination a:hover {
	color: #248CC8;
}

.post-pagination .current {
	padding: 0.5em 0.9em;
	margin-right: 0.2em;
	color: #248CC8;
	text-decoration: underline;
}
#image-nav .nav-previous a, #image-nav .nav-next a {
	font-size: 0.9em;
	text-decoration: none;
	color: #248CC8;
}
.bypostauthor .fn, .comment-author-admin .fn {
	background: #248CC8;
}

/* Widget options */
.widget {
    background:hsla(0,0%,100%,0.7);
}

/* Slider Entry */
#homeslider {
	margin: -1.5em -1.5em 0;
	overflow: hidden;
	position: relative;
}

.homeslider-title h2{
	display: block;
  font-size: 1.9em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: .40em;
  margin-right: 0;
  font-weight: bold;
	text-align: center;
}
#frontpage-slider .zeeslide .slide-entry {
	line-height: 1.6em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	margin-top: 1px;
	padding: 1em 1.5em;
	color: #fff;
	background: #333;
	border-top: 10px solid #248CC8;
}
#frontpage-slider-wrap:hover .frontpage-slider-controls a:hover {
	background-color: #248CC8;
}
.frontpage-slider-controls .zeeflex-control-paging li a.zeeflex-active {
	background: #248CC8;
	cursor: default;
}

.page-title {
	padding: 0;
	border: 0;
}
#logo:before {
	content: url(../../uploads/site-elements/UCSB_HIST_Tab_KO_White_RGB.png);
	display:inline-block;
}
#logo .site-title {
    font-size: 2.6em;
	font-weight: normal;
	display: inline-block;
	padding: 12px .5em;
	vertical-align: top;
    color: rgb(250,250,250);
	border-left: rgba(255,255,255,0.5) solid 1px;
	line-height: 1.1em;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
	text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
}
#logo .site-title:hover {
	color: rgba(255,255,255,1);
	-webkit-transition: all 0.4s ease;
  	-moz-transition: all 0.4s ease;
  	-o-transition: all 0.4s ease;
  	transition: all 0.4s ease;
	text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.7);
}
#site-tag {
	font: 1em/1.3em "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-transform:uppercase;
}
.page-title.in-header a {
    color: #FFF;
    line-height: 1.4em;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    text-transform: uppercase;
}

/* Breadcrumbs */
#breadcrumbs {
	display:inline-block;
	margin:2.5em 0 0 0;
	font-size: 10px;
}
#breadcrumbs ol ul {
    margin: 0;
	list-style:none;
	display: block;
    list-style-type: none;
}
#breadcrumbs li {
	display: inline-block;
    position: relative;
    white-space: nowrap;
    text-align: -webkit-match-parent;
}
#breadcrumbs li a {
	margin: 0 2em 0 1em;
    border-width: 0;
	color: #999;
}
#breadcrumbs li a:hover {
    color: #fff;
}
#breadcrumbs .home-icon {
	color: #CCC;
	margin: 0 2em 0 0;
}
#breadcrumbs a:after {
    color:#999;
    content: '→';
	font-size: 1em;
    position: absolute;
    right: 0;
}
#breadcrumbs li:last-child a:after {
	content: "→";
}

/* Hidden text needed for screen readers*/
.reader {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Footer Settings copied from Vantage Premium
==============================================================*/
#colophon {
	margin-bottom: 0 auto;
	text-align: center;
}
#colophon p {
	color: #FFF;
}
#footer-widgets {
	zoom: 1;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
#footer-widgets .full-container {
	max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}
#footer-widgets aside.widget {
	display: inline-block;
	width: auto;
	text-align: left;
	font-size: 0.8em;
	background: none;
	border: 0;
	box-shadow: none;
  	padding: 3%;
  	vertical-align: top;
}
#footer-widgets aside.widget:last-of-type {
	text-align: right;
}
#footer-widgets aside.widget:not(:first-of-type),
#footer-widgets aside.widget:not(:last-of-type) {
	text-align: center;
}
#footer-widgets .widget .widget-title {
	font-size: 15px;
	color: #3b3b3b;
	font-weight: bold;
	margin-bottom: 15px;
}
#footer-widgets .widget ul,
#secondary .widget ol,
#footer-widgets .widget ol {
	  list-style: none;
	  padding: 0;
	  margin: 0;
}
#footer-widgets .widget ul ul,
#footer-widgets .widget ol ul,
#footer-widgets .widget ul ol,
#footer-widgets .widget ol ol {
 	margin-left: 1em;
}
#footer-widgets:before {
 	content: '';
 	display: block;
}
#footer-widgets:after {
  content: '';
  display: table;
  clear: both;
}
#footer-widgets .widget.panel,
#footer-widgets .widget.widget_siteorigin-panels-builder {
  padding: 0;
}
#footer-widgets .widget a {
  color: #cccccc;
}
#footer-widgets .widget .widget-title {
	color: #e2e2e2;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}
.layout-full #colophon {
	margin-bottom: 0;
	margin-top: 0;
	padding-top: 30px;
	padding-bottom: 30px;
}

/* **********************************************************************
/*
/* 						MEDIA QUERIES
/*
/* **********************************************************************
 */

 /*============================ MEDIA QUERIES ============================*/

/* Short screens | <800px high viewport */
@media screen and (max-height: 800px) {
	#navi-wrap {
		position: absolute;
	}
	body.admin-bar #navi-wrap {
    	top: 28px;
    	position: absolute;
	}
}

/* Small width screens | <1120px */
@media screen and (max-width: 70em) {
	#wrap{
		border-right: 0;
		border-left: 0;
	}
	.container {
		width: 94%;
	}
	#filter-button.filter-button {
		margin: 1.5em 1em;
	}
}

/* Smartphones | <320px */
@media screen and (max-width: 20em) {
	.postmeta .meta-date, .postmeta .meta-author, .postmeta .meta-comments, .postinfo span {
		display: block;
	}
	.postmeta .sep, .postinfo .sep, .postmeta .post-edit-link {
		border: none;
		margin: 0;
		padding: 0;
	}
}
/* Smartphones | <480px */
@media screen and (max-width: 40em) {
	#logo .site-title {
		font-size: 2.0em;
	}
	.alignright, .alignleft {
		float: none;
		display: block;
		margin: 10px auto;
		width: calc(100% - 2em) !important;
		padding: 1em;
		text-align: center;
	}
	#footer #footer-text {
		float: none;
		margin-top: 1.05em;
	}
	/* Profile Page */
	#sidebar.profile {
		clear: both;
		float: none;
		margin: 1em auto;
		width: 100%;
	}
	.entry #announcements {
		padding: 1em;
		margin: 0 0.5em 2em;
		width: calc(66% - 4em);
	}
}
/* Phablets (portrait) | <640px */
@media screen and (max-width: 40em) {
	#logo, #header-content {
		text-align: center;
	}
	#header-content #header-search,
	#header-content #header-text,
	#header-content #header-social-icons {
		margin: 0;
		float: none;
	}
	#header-social-icons #social-icons-menu li {
		float: none;
		display: inline-block;
		list-style: none;
		margin: 1px -1.5px;
	}
	.page-title {
		font-size: 2.0em;
	}
	.post-title {
		font-size: 1.4em;
	}
	.widget-category-posts .big-post .post-title {
		font-size: 1.0em;
	}
	.widget-category-posts .small-post .post-title {
		font-size: 0.9em;
	}

	/* Frontpage Categories */
	.widget-category-posts .type-post {
		margin: 0 0 1.5em 0;
	}
	#widget-category-posts-grid .category-posts-grid-row {
		margin-right: 0;
	}
	#widget-category-posts-grid .category-posts-grid-row .big-post,
	#widget-category-posts-grid .category-posts-grid-row .small-post-wrap,
	#widget-category-posts-boxed .big-post,
	#widget-category-posts-columns .category-posts-column-left {
		float: none;
		width: 100%;
		padding-right: 0;
	}
	#widget-category-posts-boxed .small-posts,
	#widget-category-posts-columns .category-posts-column-right {
		width: 100%;
		margin-left: 0;
		padding-left: 0;
	}
	#widget-category-posts-boxed .small-posts,
	#widget-category-posts-columns .category-posts-columns .small-posts	{
		padding-bottom: 0.5em;
	}
	#widget-category-posts-columns .category-posts-columns .small-post {
		margin: 0 0 1em;
	}
	#widget-category-posts-columns .category-posts-column-right {
		margin-top: 1.5em;
	}
}

/* Tablets (portrait) | <782px */
@media screen and (max-width: 782px) {
	body.admin-bar #navi-wrap {
		position: absolute;
    	top: 46px;
	}
	body.admin-bar {
		margin-top: 0;
	}
	/* END WP Admin bar playhappyspace */

	#logo .site-title {
		border-right: rgba(255,255,255,0.5) solid 1px;
		background: rgba(0,0,0,0.2);
	}
	#footer-widgets .widget {
		width: auto;
		float: none;
	}
	#footer-widgets .widget {
		display: block;
		margin-bottom: 25px;
		float: none;
	}
	#footer-widgets .widget:last-child {
		margin-bottom: 0;
	}
	#footer-widgets aside {
		width : 100%;
		background: none;
	}
	/* Make tables responsive */
	.table table,
	.tablesorter table {width:100%;}
	.tablesorter ul {list-style: none;margin: initial;}
	.tablesorter tbody tr {padding: 20px 0;}
	.tablesorter tbody td {border: none;}
	.table thead,
	.tablesorter thead {display: none;}
	.table tr:nth-of-type(2n),
	.tablesorter tr:nth-of-type(2n) {}
	.table tr td:first-child,
	.tablesorter tr td:first-child {font-weight:bold; font-size:1.3em;}
	.table tbody td,
	.tablesorter tbody td {display: block; text-align:center;}
	.table tbody td:before,
	.tablesorter tbody td:before {content: attr(data-th); display: block; text-align:center;}
		#logo .site-title {
		font-size: 2.3em;
	}
	.widget, .type-page, .type-notices, .type-attachment, #comments {
		box-shadow: none;
		border: none;
		padding: 0;
	}
	.widgettitle {
		margin: 0 0 1.5em 0;
	}
	.entry h1, .comment h1 {
	font-size: 2.2em;
	}
	.entry h2, .comment h2 {
		font-size: 1.8em;
	}
	.entry h3, .comment h3 {
		font-size: 1.4em;
	}
	.entry tr th,
	.entry thead th {
		padding: 0.2em 0.4em;
	}
	.entry tr td {
		padding: 0.2em 0.4em;
	}

	/* Mobile Footer Navigation */
	#footer #footer-text {
		margin-top: -1.05em;
	}

	/* Reset */
	#footernav, #footernav-menu, #footernav-menu li, #footernav-menu a, #footernav-menu ul {
		margin: 0;
		padding: 0;
		position: static;
		float: none;
		display: inline;
		font-size: 1.0em;
		border: none;
		box-shadow: none;
		background: none;
		top: 0;
		left: 0;
	}
	#footernav {
		float: none;
	}
	#footernav-icon {
		display: block;
		text-decoration: none;
		font-size: 1.0em;
		color: #fff;
	}
	#footernav-icon:hover {
		cursor: pointer;
		text-decoration: underline;
	}
	#footernav-icon:after {
		margin: 0.05em 0 0 0;
		-webkit-font-smoothing: antialiased;
		display: inline-block;
		content: '\f419';
		font: normal 16px/1 Genericons;
		text-decoration: inherit;
		vertical-align: text-bottom;
	}
	#footernav-icon:hover:after {
		text-decoration: none;
	}
	#footernav-menu {
		display: none;
		width: 100%;
		padding-bottom: 1em;
	}
	#footernav-menu li {
		display: block;
		padding: 0.8em 0.4em;
	}
	#footernav-menu a {
		display: inline-block;
		text-decoration: none;
		font-size: 0.9em;
	}
	#footernav-menu a:hover {
		text-decoration: underline;
	}
}

/* Tablets (landscape) | <960px */
@media screen and (max-width: 60em) {
	.container {
		width: 100%;
		margin: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#wrap {
		padding: 1.5em 1em 2em;
		background: #FFF;
	}
	body.blog #wrap {
		background-color: rgba(255,255,255,0.6);
	}
	#wrapper {
		width: 100%;
	}
	#header {
		padding: 6em 1.5em 0.5em;
	}
	#content, #content.posts-page {
		float: none;
		width: 100%;
		padding: 0 0 1em;
		background: none;
		border-bottom: 1px solid #666;
		font-size:0.9em;
	}
	#sidebar {
		clear: both;
		float: none;
		margin: 1em auto;
		width: 100%;
	}
	#sidebar.profile {
		clear: both;
		float: left;
		margin-right: 10px;
	}
	#profile-picture {
		max-width: 200px;
		margin-left: 10px;
		float: right;
	}
	#announcements.fa.fa-comment {
		font-size: 6em;
	}
	#logo {
		float: none;
		width: 100%;
	}
	#logo .site-title {
		font-size: 2.3em;
		text-align: center;
	}
	#header-content {
		display: block;
		padding-top: 1em;
	}
	#header-content div {
		float: left;
		margin-left: 0;
		margin-right: 1em;
		padding-top: 0.5em;
	}
	#header-content #header-text {
		font-size: 1.3em;
	}
	#header-content #header-search #s {
		max-width: 100%;
		float: none;
	}
	#navi-wrap {
		position: absolute;
		top: 0;
		width:100%;
		z-index:100;
		-webkit-box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 0px 25px 0px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 0px 25px 0px rgba(50, 50, 50, 0.75);
	}
	.widgettitle {
		margin: -0.5em -0.5em 1.5em -0.5em;
	}
	#comments {
		padding: 1em 1.5em;
	}
	/* Meta slider - smaller text for captions on mobile */
	.metaslider .caption-wrap {
		font-size: 11px;
		opacity: 0.9;
		line-height: 1em;
		position: relative !important;
		display: inline-block !important;
	}
	/* Hide navigation on mobile */
	ol.flex-control-nav {
		visibility: hidden;
		display: none;
	}
	/* Meta sliders in entry divs */
	.right-slider > .metaslider.metaslider-flex {
		max-width: none !important;
	}
	.entry .right-slider {
		margin: 0;
		float: none;
	}
	/* Mobile Navigation */

	/* Reset */
	#mainnav, #mainnav-menu, #mainnav-menu li, #mainnav-menu a, #mainnav-menu ul,
	#mainnav-menu ul a, #mainnav-menu ul ul, #mainnav-menu li ul ul
	{
		margin: 0;
		padding: 0;
		position: static;
		float: none;
		display: inline;
		font-size: 1.0em;
		border: none;
		box-shadow: none;
		background: none;
		top: 0;
		left: 0;
	}
	#mainnav-menu li:hover ul ul, #mainnav-menu li:hover ul ul ul, #mainnav-menu li:hover ul ul ul ul,
	#mainnav-menu li:hover ul, #mainnav-menu li li:hover ul, #mainnav-menu li li li:hover ul, #mainnav-menu li li li li:hover ul
	{
		display: inline;
	}
	#mainnav-toggle {
		display: block;
		width: 100%;
		margin: 0;
		padding: 1.2em;
		text-align: left;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 1.0em;
		font-family: 'Francois One', Tahoma, Arial;
		color: #fff;
		background: rgba(255, 255, 255, 0.1);
		border: none;
		-webkit-transition: all 0.1s ease-out 0s;
		-moz-transition: all 0.1s ease-out 0s;
		-ms-transition: all 0.1s ease-out 0s;
		-o-transition: all 0.1s ease-out 0s;
		transition: all 0.1s ease-out 0s;
	}
	#mainnav-toggle:hover {
		cursor: pointer;
		background: rgb(255,206,52);
		transition: all 0.1s ease-out 0s;
	}
	#mainnav-toggle:after {
		float: right;
		margin: 0;
		-webkit-font-smoothing: antialiased;
		display: inline-block;
		content: '\f419';
		font: normal 24px/1 Genericons;
		text-decoration: inherit;
		vertical-align: text-bottom;
	}
	#mainnav-menu {
		width: 100%;
		display: none;
		border-top: 1px solid #fff;
	}
	#mainnav-menu a {
		display: block;
		padding: 1.5em;
		text-decoration: none;
		font-size: 1.0em;
		border-bottom: 1px solid #fff;
		clear: left;
	}
	#mainnav-menu ul {
		float: left;
		padding: 1em;
		background: #fff;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#mainnav-menu ul a {
		display: block;
		width: 100%;
		padding: 1em;
		font-size: 0.9em;
		border-bottom: 1px solid #aaa;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#mainnav-menu ul li ul {
		float: left;
		padding: 0 0 0 1em;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#mainnav-menu li.current_page_item a, #mainnav-menu li.current-menu-item a {
		text-decoration: underline;
	}
	#mainnav-menu li.current_page_item ul li a, #mainnav-menu li.current-menu-item ul li a{
		text-decoration: none;
	}
	#mainnav-menu ul li.current_page_item a, #mainnav-menu ul li.current-menu-item a {
		text-decoration: underline;
	}

	#mainnav-menu .submenu-dropdown-toggle {
		float: right;
		display: block;
		margin: 0;
		padding: 1.1em 1.5em;
	}
	#mainnav-menu .submenu-dropdown-toggle:hover {
		cursor: pointer;
		background: #e84747;
	}
	#mainnav-menu .submenu-dropdown-toggle:before {
		font-size: 28px;
		line-height: 1;
		font-family: 'Genericons';
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-decoration: inherit;
		vertical-align: middle;
		content: '\f431';
		color: #fff;
	}
	#mainnav-menu .submenu-dropdown-toggle.active:before {
		content: '\f432';
	}
	#mainnav-menu ul .submenu-dropdown-toggle {
		padding: 0.6em 1em;
	}
	#mainnav-menu ul .submenu-dropdown-toggle:before {
		font-size: 24px;
		color: #222;
	}
	#mainnav-menu ul .submenu-dropdown-toggle:hover:before {
		color: #fff;
	}
	#sidenav-menu {
		margin-top: 0;
	}
	#footer-wrap {
		background: #333;
	}
}


@media screen and (max-width: 65em) {
	.container {
		width: 96%;
	}
	#sidebar > aside > ul, #sidebar > aside > p {
		padding:1em;
		font-size: 0.8em;
	}
	h2.homepage-widgets {
		margin: 0.8em 0;
	}
}

@media screen and (min-width: 60em) {
	#wrapper {
		margin: 0;
		width: 100%;
		max-width: 100%;
		background: none;
	}
	#header {
		padding: 6em 1em 0.5em;
	}
	.container {
		max-width: 1340px;
		/* width: 92%; */
		margin: 0 auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.flex-container {
		padding: 0;
		margin: 0;
		list-style: none;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: row wrap;
		justify-content: space-around;
	}
	.flex-item {
		background: tomato;
		padding: 5px;
		width: 30%;
		height: 150px;
		margin-top: 10px;
		line-height: 150px;
		color: white;
		font-weight: bold;
		font-size: 3em;
		text-align: center;
	}

	#sidebar {
		float: left;
	}

	/* ensure #nav is visible on desktop version */
	#mainnav-menu {
		display: block !important;
	}
	/*
	#homeslider:after {
		font-size: 12px;
		content: "Hover mouse over slideshow to pause transitions.";
		position: absolute;
		top: 0;
		right: 0;
		padding: 8px;
		z-index: 1000;
		color: #FFF;
		background: rgba(0,0,0,0.4);
		text-shadow: 2px 2px 0px #333;
	} */
	.single-tribe_events .tribe-events-event-image {
		float: right;
	    max-width: 48%;
	    margin-left: 1.25em;
	    padding: 20px 0 0;
	}
	.tribe-events-single-event-description {
		border-top: 5px solid #333;
	}
	.tribe-events-schedule h2 {
		font-size: 1.2em;
	}
	.single-tribe_events h2.tribe-events-single-event-title {
		font-size: 2.1em;
		line-height: initial;
	}
	#tribe-events .tribe-events-content p, .tribe-events-after-html p, .tribe-events-before-html p {
		margin: 10px 0;
	}
	/* ensure #footernav is visible on desktop version */
	#footernav-menu {
		display: block !important;
	}
}

/* More than full width screens */
@media screen and (min-width: 90em) {
	#wrap {
		border-left: 3px solid #FFF;
		border-right: 3px solid #FFF;
	}
	#content.post-page {
		text-align: center;
	}
	body.blog .type-post {
		margin: 1em;
		width: 42%;
		display: inline-table;
		text-align: left;
	}
	body.blog .type-post.content-excerpt .entry {
		text-align: justify;
	}
}


/* Fades
*
*/

@media only screen {
	/* make keyframes that tell the start state and the end state of our object */
	@-webkit-keyframes fadeIn { from { -webkit-opacity:0; } to { -webkit-opacity:1; } }
	@-moz-keyframes fadeIn { from { -moz-opacity:0; } to { -moz-opacity:1; } }
	@-webkit-keyframes fallIn { from { max-height:0px; } to { max-height:1000px; } }
	@-moz-keyframes fallIn { from { max-height:0px; } to { max-height:1000px; } }
	@keyframes fallIn { from { max-height:0px; } to { max-height:1000px; } }

	.fade-in {
		-moz-opacity:0;
		-webkit-opacity:0;  /* make things invisible upon start */
		-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animation ease-in and repeat it only 1 time */
		-moz-animation:fadeIn ease-in 1;

		-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
		-moz-animation-fill-mode:forwards;

		-webkit-animation-duration: 1s;
		-moz-animation-duration: 1s;

		animation-name: fadeIn;
	}
	.fall-in {
		max-height: none;
		-moz-max-height:0px;
		-webkit-max-height:0px;  /* make things invisible upon start */
		-webkit-animation: fallIn ease 1;  /* call our keyframe named fallIn, use animation ease-in and repeat it only 1 time */
		-moz-animation: fallIn ease 1;
		animation: fallIn ease 1;

		-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (max-height: auto)*/
		-moz-animation-fill-mode:forwards;
		animation-fill-mode:forwards;

		-webkit-animation-duration:1s;
		-moz-animation-duration:1s;
		animation-duration:1s;
	}
	.fade-in.one, .fall-in.one {
	  -webkit-animation-delay: 0.5s;
	  -moz-animation-delay: 0.5s;
	  animation-delay: 0.5s;
	}

	.fade-in.two, .fall-in.two {
	  -webkit-animation-delay: 1s;
	  -moz-animation-delay:1s;
	  animation-delay: 1s;
	}

	.fade-in.three, .fall-in.three {
	  -webkit-animation-delay: 1.2s;
	  -moz-animation-delay: 1.2s;
	  animation-delay: 1.2s;
	}
}


/* For Print */
@media only print {
	* {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
	body {
		font-size: 11pt;
		background: #FFF;
		color: #000;
	}
	a {
		font-weight: bold;
		color: #000;
	}
	ul, img {
		page-break-inside: avoid;
	}
	#wrapper {
		width: 100%;
		max-width: none;
		background: #fff;
		background-color: none;
		border: none;
	}
	#header-wrap {
		all: unset;
		background:none;
	}
	#header {
		padding: 5px 0;
		border-bottom: 1px solid #666;
	}
	#header a, #header .site-title {
		color: #666;
	}
	#logo {
		float: none;
		text-align: center;
	}
	#logo .site-title {
		font-size: 3em;
		line-height: 65px;
		color: #111;
	}
	.page-title.in-header {
		font-size: 1.5em;
	}
	#logo:before {
		width:150px;
		height: 100px;
		content: url("/wp-content/uploads/site-elements/150pxucsb-wave-whitebg.png");
		display:inline-block;
	}
	#header-content {
		display: none;
	}
	#breadcrumbs {
		display: block;
	}
	#navi-wrap,
	body.admin-bar #navi-wrap {
		display: none;
		visibility: hidden;
	}
	#mainnav-menu a {
		padding: 0.5em;
	}
	#wrap {
		padding: 0;
		border: none;
		box-shadow: none;
	}
	#content {
		width: 100%;
		padding: 0;
		margin-bottom: 1em;
		border: none;
	}
	.type-post, .type-page, .type-notices, .type-attachment {
	    box-shadow: none;
	   	border: none;
	    background: #fff;
	    padding: 10px 0;
	}
	#sidebar {
		float: none;
		display: inline-block;
		width: 100%;
		text-transform: lowercase;
		page-break-before: always;
		border-top: 2px solid #666;
	}
	#colophon, #colophon p, #colophon a, #colophon div, #footer-widgets .widget a, #footer-widgets .widget .widget-title {
		background: #FFF;
		padding: 0;
		margin: 0;
		color: #333;
		line-height: 1;
	}
	.entry > p a:after {
		content: " <" attr(href) ">";
		text-transform: lowercase;
		font-weight:normal;
		font-size: 0.8em;
		word-break: break-all;
		color: #666;
	}
	ABBR:after {
		content: " (" attr(title) ")";
	}
	h1, h2, h3, h4, h5, h6 {
		page-break-after: avoid;
		color: #000;
	}
	.meta-slider.caption-wrap {
		position: relative !important;
		text-shadow: none;
	}
}