/* To utilize a google font, place the font url's here at the top of this css file as seen here*/
@import url('https://fonts.googleapis.com/css?family=Merriweather|Merriweather+Sans');

body {
	font-family: 'Merriweather', 'Times New Roman', serif;
	color:#444;
	background-color: #F5EFEB;
	}

#header {
	background-color: #a49b94;
}

#footer {
	background: #dfd6cb;
	border-top: solid 3px #cdbcab;
}

#branding_footer, #branding_header {
	background-color: #8C8179;
}

#branding_footer a, #branding_header a {
	color: #cdd5d5;
}

#branding_footer a:hover, #branding_header a:hover {
	color: #cdd5d5;
}

.region-header-second .media-element[style] {
	max-width: 100% !important;
}

#page-wrapper {
	background-color: #F5EFEB;
}

/* TYPOGRAPHY*/
a, a:visited {
	color:#446677;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	color: #222;
	}

h1, h2, h3, h4 {
	font-weight:normal;
	font-family:'Merriweather', 'Times New Roman', serif;
	margin-bottom:15px;
	}

#menu-bar ul.nice-menu a {
    font-family:'Merriweather', 'Times New Roman', serif;
}
#page-title, .node-title, .page-search .title a, #content-column .block.block-boxes-os_boxes_manual_list .links.inline a, .more-link, .page-search #content-column p, .not-front #content-column p, .links a, #footer ul.menu a, .boxes-box-content h2, .view-os-events .views-field-colorbox {
	font-family:'Merriweather', 'Times New Roman', serif;
}
#header-panels h2 {
	font-family: 'Merriweather', 'Times New Roman', serif;
	font-size: 22px;
}

#menu-bar ul.nice-menu .menuparent ul li a, #menu-bar ul.nice-menu .menuparent ul li a.active {
	font-family:'Merriweather Sans', 'Arial', sans-serif;
}

/* PEOPLE PAGES */

.page-taxonomy.page-taxonomy-term .node-teaser.article, .view .node-teaser {
	padding: .4em 0;
	margin: 0 0 0.4em;
}

.node-type-person #content-column .node-person .pic-bio {
	width: 65%;
	float: left;
	font-size: 13px;
	border-top: 0;
	margin-top: 0;
	padding-top: 15px;
	min-height: 80vh;
}

.node-type-person .node-person .block {
	font-size: 13px;
}

.node-type-person .node-person .block {
	width: 30%;
	float: right;
}

.node-type-person #content-column .node-person h2.block-title, .sidebar .block h2.block-title {
	background-color: #a49b94;
	border-bottom: 2px solid #a23338;
	margin-bottom: 0.5em;
	padding: 7px 10px 4px 10px;
	text-transform: none;
}

.sidebar .block-content {
	margin: 0.5em 0 0 1em;
	margin-top: 0.5em;
}

.node-type-person .node-person .block.firstletterinlastname {
	display: none;
}

.node-type-person .node-person .block.faculty123 {
	display: none;
}

/* Peer Concentration Counselors */
.block-boxes-os_sv_list_box .node.node-person.article.modified-in-os_profiles_process_node .pic-bio {
	float: none;
}

/* TOP NAV */

#menu-bar ul.nice-menu .menuparent {
	padding-right: 0;
	text-align: center;
}

#menu-bar ul.nice-menu .menuparent a {
	padding-right: 25px;
}

#menu-bar ul.nice-menu .menuparent > a:before {
	right: 10px;
}

#menu-bar ul.nice-menu .menuparent {
	text-align: left;
}

/* SIDEBAR NAVS */

.section-nav ul.menu li > a {
	font-weight: normal;
}

.section-nav ul.menu li.menu-depth-2 > a {
	border: none;
	border-left: 2px solid #a23338;
	border-bottom: 1px solid #555;
	background-color: #8C8179;
	color: #fff;
}

.section-nav ul.menu li.leaf.menu-depth-3 > a {
	background-color: transparent !important;
}

#boxes-box-os_pages_section_nav {
	border: none;
}

.section-nav ul.menu li.menu-depth-2 > a.active,
.section-nav ul.menu li.expanded.menu-depth-2 > a {
	background-color: #a23338;
}

.section-nav .menu-depth-2 > a:hover {
	background-color: #bc3b41 !important;
	color: white;
}

.section-nav .expanded.menu-depth-2 > a:hover {
	background-color: #bc3b41 !important;
}

.section-nav .expanded.menu-depth-2 .menu-depth-3 > a,
.section-nav ul.menu li {
	background-color: #ded4c9 !important;
}

.section-nav ul.menu li.menu-depth-3 a.active {
	border-left: 2px solid #a23338;
	font-weight: bold;
}

.section-nav .expanded.menu-depth-2 .menu-depth-4 > a,
.section-nav .expanded.menu-depth-2 .menu-depth-5 > a,
.section-nav .expanded.menu-depth-2 .menu-depth-6 > a,
.section-nav .leaf.menu-depth-3 > a,
.section-nav .leaf.menu-depth-4 > a,
.section-nav .leaf.menu-depth-5 > a,
.section-nav .leaf.menu-depth-6 > a {
	background-color: #ede6e0 !important;
}

/* SECTION HEADERS */

h2.block-title {
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	background-color: #b4aca6;
	display: inline-block;
	padding: 10px;
}

.front .content-left.content-right.content-bottom #content-panels .region-content-first h2.block-title,
.front .content-left.content-right.content-bottom #content-panels .region-content-second h2.block-title,
.front .content-left.content-right.content-bottom #content-panels .region-content-bottom h2.block-title,
#footer h2.block-title {
	display: block;
}

/* CALENDAR ICONS */

.event-start .event-start {
	background-image: none;
	background-color: #a23338;
	height: 60px;
	width: 60px;
	position: relative;
}

.event-start .event-year {
	padding: 2px 0 0;
	color: #999;
	position: absolute;
	top: 0px;
	right: 17px;
	font-size: 10px;
}

.event-start-month {
	padding-top: 12px;
	color: #fff;
	font-size: 14px;
}

.event-start-day {
	color: #ffffff;
	font-size: 26px;
}

/* ACCORDION UI ELEMENTS */

.accordion .ui-state-default,
.accordion .ui-widget-content .ui-state-default,
.accordion .ui-widget-header .ui-state-default,
.accordion .ui-state-active,
.accordion .ui-widget-content .ui-state-active,
.accordion .ui-widget-header .ui-state-active {
	background-color: #ded4c9;
}

.accordion .ui-widget-content {
	background-color: transparent;
}

/* COURSE LISTINGS */

.node-class .field-name-field-semester,
.node-class .field-name-field-offered-year,
.node-class .field-name-field-class-link,
.node-class-material .field-name-field-class {
	background-color: transparent;
}

/* NEWS */

.page-news .view .node-teaser {
	padding: 5px 0;
}

/* EVENTS */

.cal-export {
	background: #ded4c9;
	border-color: #a49b94;
	padding: 5px;
}

.cal-export::after {
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\00a0\f045";
}

ul.tabs.primary li a {
	background-color: #ded4c9;
	border-color: #a49b94;
}

ul.tabs.primary li.active a {
	background-color: #a49b94;
	border-color: #a49b94;
	color: white;
}

.view-os-events ul li .node {
	padding: 5px 0;
	border-bottom: 1px solid #ded4c9;
}

.calendar-calendar .month-view .full td.single-day .calendar-empty,
.calendar-calendar .month-view .full td.single-day.empty,
.calendar-calendar .month-view .full td.date-box.empty,
.year-view div.month-view div.date-nav {
	background-color: #ded4c9;
}

.calendar-calendar,
.calendar-calendar tr,
.calendar-calendar table.mini td.empty {
	background-color: #F5EFEB;
}

.calendar-calendar .mini-day-on {
	border-color: #D4E0EB;
}

.calendar-calendar th.days {
	background-color: #efe6e0;
}

.calendar-calendar tr td.today,
.calendar-calendar tr.odd td.today,
.calendar-calendar tr.even td.today {
	background-color: #efe6e0 !important;
}

.calendar-calendar .week-view .full div.item-wrapper, .calendar-calendar .day-view .full div.item-wrapper {
	background-color: transparent;
}

.calendar-calendar .week-view div.single-day .half-hour,
.calendar-calendar .day-view div.single-day .half-hour {
	border-color: transparent;
}

.calendar-calendar div.calendar {
	background-color: transparent;
}

/* WIDTH > 1200px */

@media screen and (min-width: 1200px) {
	.branding-container, #header-container, #columns, #menu-bar #block-os-primary-menu, #footer .gpanel, .region-footer, .message-inner, #powerby-login {
		width: 1170px;
	}
	.no-sidebars .region-content-top #layout_3_1_overlay .slide {
		height: 390px;
	}
}

/* WIDTH > 1000PX */

@media screen and (min-width: 1000px) {
	/* SLIDESHOW */

	#columns .block.block-boxes-os_slideshow_box ul.rslides_tabs {
		width: 100%;
		padding: 0;
		right: 0;
		top: 42%;
	}

	#columns .block.block-boxes-os_slideshow_box ul.rslides_tabs li {
		display:none;
		background-color: rgba(162,51,56,0.8) !important;
	}

	#columns .block.block-boxes-os_slideshow_box ul.rslides_tabs li a {
		background-color: transparent;
	}

	#columns .block.block-boxes-os_slideshow_box ul.rslides_tabs li:first-child {
		display: block;
		position: absolute;
		left: 0;
		padding: 1.5% 0.8% 1.5% 0.3%;
		border-radius: 0 50% 50% 0;
	}

	#columns .block.block-boxes-os_slideshow_box ul.rslides_tabs li:last-child {
		display: block;
		position: absolute;
		right: 0;
		padding: 1.5% 0.3% 1.5% 0.8%;
		border-radius: 50% 0 0 50%;
	}

	a.rslides_nav {
		background: none;
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		padding: 0;
		margin: 0;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	li a.rslides_nav:before {
		vertical-align: middle;
	}

	li:last-child a.rslides_nav:before {
		content: "\f054"
	}

	li:first-child a.rslides_nav:before {
		content: "\f053"
	}
}

/* IF THE SEPARATE IE CSS FILE IS NOT USED, PREFIX CLASSES CAN BE USED THROUGHOUT THIS FILE.
 THIS EXAMPLE IS AN IE8 OVERRIDE FOR MARGIN-BOTTOM OF AN H2 - .lt-ie8 WOULD TARGET IE7 */
.lt-ie9 h2 {
	margin-bottom:10px;
	}