/*
Author: UAB Digital Media
Last Updated Date: August 28, 2018
Version:2

[Color codes]

# Black (text): #000000
# Dark grey (headings, ribbon nav links): #333333
# Lime Green (subheading on banner, border on module titles): #A3CD65 
# Light lime green (focus box): rgba(210, 199, 128, 0.6) or #e4ddb2
# Green (announcement box): #006241
# UAB Green (link color): #1e6b52
# Dark grey (secondary footer background): #595959
# Medium grey (border on form input boxes): #cccccc
# Light grey (primary footer background): #f5f5f5
#Very light grey (separation lines, breadcrumb border): #dedede


[Table of Contents]

Animations
Announcement Box
Breadcrumb
Bullets
Button
    -Button Grid
Faculty Profiles
Focus Box
Footer
Fullwidth Overrides
Horizontal Rule
Navigation - Middle Menu
Navigation - Mobile Menu
Navigation - Ribbon
Navigation - Right Sidebar Menu
News Feed
Popular
Quicklinks
Right Module Position
Search
Typography
VJTabs
Widgekit
    -Accordion
    -Grid Buttons
    -Slider Nav
    -Tab Nav
    
    
[CHANGE NOTES]

    May 30, 2017
    Added styling to announcement box to override default link color and link hover color. Adjusted padding on announcement box.
	
    April 5, 2018
        Removed px when using 0
        Ran through prefixer

    April 23, 2018 
    Updated bullet for middle nav pages

    June 7, 2018
    Added V2 styles

    */
	/*////////////////////////////////////////BEGIN Animations///////////////////////////////////////*/
	
	.customFooterSocialMedia img:hover {
		-webkit-animation: pulsate-fwd 0.5s ease-in-out both;
		animation: pulsate-fwd 0.5s ease-in-out both;
	}
	/* ----------------------------------------------
 * Generated by Animista on 2017-4-14 12:42:34
 * http://animista.net
 * T: @cssanimista
 * ---------------------------------------------- */
	
	@-webkit-keyframes shadow-drop-center {
		0% {
			-webkit-box-shadow: 0 0 0 0 transparent;
			box-shadow: 0 0 0 0 transparent
		}
		100% {
			-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .35);
			box-shadow: 0 0 20px 0 rgba(0, 0, 0, .35)
		}
	}
	
	@keyframes shadow-drop-center {
		0% {
			-webkit-box-shadow: 0 0 0 0 transparent;
			box-shadow: 0 0 0 0 transparent
		}
		100% {
			-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .35);
			box-shadow: 0 0 20px 0 rgba(0, 0, 0, .35)
		}
	}
	
	@-webkit-keyframes pulsate-fwd {
		0% {
			-webkit-transform: scale(1);
			transform: scale(1)
		}
		50% {
			-webkit-transform: scale(1.1);
			transform: scale(1.1)
		}
		100% {
			-webkit-transform: scale(1);
			transform: scale(1)
		}
	}
	
	@keyframes pulsate-fwd {
		0% {
			-webkit-transform: scale(1);
			transform: scale(1)
		}
		50% {
			-webkit-transform: scale(1.1);
			transform: scale(1.1)
		}
		100% {
			-webkit-transform: scale(1);
			transform: scale(1)
		}
	}
	/*////////////////////////////////////////   END Animations   ///////////////////////////////////////*/
	/*///////////////////////////////////////   BEGIN Announcement Box   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
	
	.announcementBox {
		background-color: #006241;
		padding: 10px;
		margin-top: 20px;
	}
	
	.announcementText {
		margin-left: 30px;
		margin-top: 5px;
		padding: 0 10px;
		border-left: 2px solid #eee;
	}
	
	.announcementText h3,
	.announcementText p {
		color: #eee !important;
		border-left: none;
		padding-left: 10px;
	}
	
	.announcementText h3 {
		font-size: 17pt;
		line-height: 120% !important;
		font-family: proxima-nova, sans-serif !important;
		text-transform: none;
	}
	
	.announcementText a {
		color: #fff;
	}
	
	.announcementText a:hover {
		color: #fff !important;
	}
	/*---BEGIN Mobile---*/
	
	@media all and (max-width:1024px) {
		.announcementBox {
			padding: 10px 10px 20px 10px
		}
	}
	/*---END Mobile---*/
	/*///////////////////////////////////////   END Announcement Box   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
	/*///////////////////////////////////////BEGIN Breadcrumb///////////////////////////////////////*/
	
	.breadcrumb>li.active span {
		font-weight: 600 !important;
	}
	/*bolds active breadcrumb element */
	
	body.hd #breadcrumbs {
		margin: 40px 8px 0px 0 !important;
	}
	
	.breadcrumb {
		border-radius: 0 !important;
	}
	/*///////////////////////////////////////END Breadcrumb///////////////////////////////////////*/
	/*///////////////////////////////////////BEGIN Bullets///////////////////////////////////////*/
	
	.bulletpoint ul {
		counter-reset: foo;
		display: table;
	}
	
	.bulletpoint li {
		position: relative;
		left: 25px;
	}
	
	.bulletpoint ul>li {
		counter-increment: foo;
		display: table-row;
	}
	
	.bulletpoint ul>li::before {
		content: counter(foo) ".";
		display: table-cell;
		text-align: right;
	}
	/*///////////////////////////////////////END Bullets///////////////////////////////////////*/
	/*////////////////////////////////////////   BEGIN Buttons   ///////////////////////////////////////*/
	/*************BEGIN Button Grid*************/
	
	.gridButton:hover,
	.gridLevels a:hover {
		-webkit-animation: shadow-drop-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
		animation: shadow-drop-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	}
	
	.gridLevels a {
		border: 1px #eee solid;
		padding: 10px;
		display: block;
		text-decoration: none;
		padding-top: 20px;
		margin-top: 25px;
	}
	
	.gridAmount {
		font-weight: 600;
		font-size: 1.2em;
	}
	
	.gridDescription {
		font-weight: 400 !important;
	}
	/*styling for giving examples on main giving page*/
	
	@media screen and (max-width: 1024px) {
		.gridLevels a {
			padding-top: 15px;
		}
	}
	
	@media screen and (max-width: 768px) {
		.gridLevels a {
			padding-top: 15px;
		}
	}
	/**************END Button Grid***************/
	/**************BEGIN Single Buttons***************/
	
	button,
	.uk-button,
	.whiteButton {
		-webkit-box-shadow: none;
		box-shadow: none;
		border-radius: 0;
		text-shadow: none;
		background-image: none;
		background-color: #fff;
		color: #1E6B52;
		border: 1px #1E6B52 solid;
		font-size: 1em;
	}
	
	button:hover,
	.uk-button:hover,
	whiteButton:hover {
		-webkit-animation: shadow-drop-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
		animation: shadow-drop-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	}

.uk-button {
    padding:5px 15px;
}

	
	a.uk-button:hover,
	a.whiteButton:hover {
		color: #1e6b52 !important;
	}
	
	.dropdown-menu>li>a:hover,
	.dropdown-menu>li>a:focus,
	.dropdown-submenu:hover>a,
	.dropdown-submenu:focus>a {
		color: #fff;
		text-decoration: none;
		background-color: #eee;
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#eee));
		background-image: -webkit-linear-gradient(top, #eee, #eee);
		background-image: -o-linear-gradient(top, #eee, #eee);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#eee));
		background-image: linear-gradient(to bottom, #eee, #eee);
	}
	
	.dropdown-menu {
		border-radius: 0;
	}
	
	.btn-group>.btn:first-child {
		border-radius: 0;
	}
	/**************END Single Buttons***************/
	/**************BEGIN Home Buttons***************/
	
	.dmButton a {
		border: 2px solid #cfcfcf;
		color: #656565 !important;
		cursor: pointer;
		font-family: proxima-nova, sans-serif !important;
		font-size: 12pt;
		padding: 0.5em 2.7em 0.4em;
		text-align: center;
		text-transform: uppercase;
		margin: 20px;
	}
	
	.dmButton a:hover {
		background: #1e6b52 none repeat scroll 0 0;
		border: #1e6b52 solid 2px;
		color: #f4f4f4 !important;
		text-decoration: none;
	}
	
	.dmButtonGreen a {
		background: #1e6b52;
		border: #1e6b52 solid 2px;
		color: #fff !important;
		cursor: pointer;
		font-family: proxima-nova, sans-serif !important;
		font-size: 12pt;
		padding: 0.5em 2.7em 0.4em;
		text-align: center;
		text-transform: uppercase;
		margin: 20px;
	}
	
	.dmButtonGreen a:hover {
		background: #1e6b52 none repeat scroll 0 0;
		border: #1e6b52 solid 2px;
		color: #f4f4f4 !important;
		text-decoration: none;
	}
	
	.dmHomeButton {
		margin-top: 1em;
	}
	
	.dmHomeButton a {
		border: #cfcfcf solid 2px;
		color: #656565 !important;
		cursor: pointer;
		font-family: proxima-nova, sans-serif !important;
		font-size: 1.8em;
		padding: 0.5em 0.6em 0.4em;
		text-align: center;
		text-transform: uppercase;
		font-weight: normal
	}
	
	.dmHomeButton a:hover {
		background: #1e6b52 none repeat scroll 0 0;
		border: #1e6b52 solid 2px;
		color: #f4f4f4 !important;
		text-decoration: none;
	}
	
	.flex-container {
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-ms-flex-direction: row;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: justify;
		-webkit-box-pack: justify;
		justify-content: space-between;
		-ms-flex-line-pack: center;
		align-content: center;
		-ms-flex-align: stretch;
		-webkit-box-align: stretch;
		align-items: stretch;
	}
	
	.flex-item:nth-child(1) {
		-ms-flex-order: 0;
		-webkit-box-ordinal-group: 1;
		order: 0;
		-ms-flex: 0 1 auto;
		-webkit-box-flex: 0;
		flex: 0 1 auto;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		-ms-grid-row-align: auto;
		align-self: auto;
	}
	
	.flex-item:nth-child(2) {
		-ms-flex-order: 0;
		-webkit-box-ordinal-group: 1;
		order: 0;
		-ms-flex: 0 1 auto;
		-webkit-box-flex: 0;
		flex: 0 1 auto;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		-ms-grid-row-align: auto;
		align-self: auto;
	}
	
	.flex-item:nth-child(3) {
		-ms-flex-order: 0;
		-webkit-box-ordinal-group: 1;
		order: 0;
		-ms-flex: 0 1 auto;
		-webkit-box-flex: 0;
		flex: 0 1 auto;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		-ms-grid-row-align: auto;
		align-self: auto;
	}
	/*---BEGIN Mobile---*/
	
	@media only screen and (max-width: 1024px) and (min-width: 300px) {
		.dmHomeButton a {
			padding: 0.5em 0.7em 0.4em;
			/*changes padding on homepage buttons to align correctly with images below*/
		}
	}
	
	@media (min-width: 320px) {
		.flex-item:nth-child(1),
		.flex-item:nth-child(2),
		.flex-item:nth-child(3) {
			width: 100%;
		}
	}
	
	@media (min-width: 768px) {
		.flex-item:nth-child(1),
		.flex-item:nth-child(2),
		.flex-item:nth-child(3) {
			width: 26%;
		}
	}
	/*---END Mobile---*/
	/**************END Home Buttons***************/
	/*///////////////////////////////////////   END Button Styles   ///////////////////////////////////////*/
	/*///////////////////////////////////////   BEGIN Category Headings  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
	
	span.subheading-category {
		font-size: 32px !important;
		line-height: 120% !important;
		font-family: din-condensed, san-serif !important;
		color: #333 !important;
		margin: 0.5em 0 !important;
		text-align: left !important;
	}
	/*///////////////////////////////////////   END Category Headings  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
	/*///////////////////////////////////////BEGIN Focus Box///////////////////////////////////////*/
	
	.focusBox {
		background-color: rgba(210, 199, 128, 0.6);
		padding: 30px;
	}
	
	.focusBox h3,
	.focusBox h2 {
		margin-top: 0;
	}
	
	.focusBox p:last-child {
		margin-bottom: 0;
	}
	
	.focusBoxPullRight,
	.focusBoxPullLeft {
		width: 30%;
	}
	
	.focusBoxPullRight {
		float: right;
		margin: 0 10px 10px;
	}
	
	.focusBoxPullLeft {
		float: left;
		margin: 0 10px 10px 0;
	}
	/*---BEGIN Mobile---*/
	
	@media only screen and (max-width: 767px) {
		.focusBoxPullLeft,
		.focusBoxPullRight {
			float: none;
			display: block;
			width: 89%;
			padding: 5%;
			margin: 0 0 2% 0;
		}
		.focusBox p {
			margin-top: 10px;
		}
	}
	/*---END Mobile---*/
	/*///////////////////////////////////////END Focus Box///////////////////////////////////////*/
	/*/
////////////////////////////////////// BEGIN Footer ///////////////////////////////////////*/
	
	.wkFooter {
		padding: 0 !important;
	}
	
	body.ribbonFullwidth #footer {
		background-color: white !important;
	}
	
	.quicklinksNestedContainer a {
		color: green;
	}
	
	ul.customFooterLinks li a {
		color: #0A6142 !important;
	}
	
	#footer .customFooterLinks a:hover {
		color: #0A6142 !important;
	}
	
	#footer .uabFooterMenu a:hover {
		color: #eee !important;
	}
	
	@media only screen and (max-width: 300px) and (min-width: 1024px) {
		#footer {
			background-color: white !important;
		}
	}
	
	.uabFooterMenu {
		background-color: rgba(0, 0, 0, 0.65);
	}
	
	body.hd #footer .uabFooterMenu {
		padding: 2em 0 2em 0;
	}
	
	.customFooter {
		padding: 0 !important;
		background-color: #f5f5f5;
	}
	
	.nestedContainer,
	.quicklinksNestedContainer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	
	.footerSocialMediaContainer {
		padding-right: 100px;
	}
	
	.footerContainer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 50px 0;
	}
	
	.footerItem {
		margin: 20px 0;
	}
	
	.footerSecondItem {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-item-align: end;
		align-self: flex-end;
	}
	
	.footerThirdItem>img {
		margin-left: 15px;
	}
	
	.quicklinksText {
		margin-right: 0 !important;
		padding-right: 0!important;
	}
	
	.footerSocialMediaContainer a {
		margin-right: 5px;
	}
	
	@media only screen and (min-width: 200px) and (max-width: 1024px) {
		.footerItem {
			-webkit-box-flex: 1;
			-ms-flex: 1 100%;
			flex: 1 100%;
			padding-top: 30px;
		}
		.footerSecondItem {
			-webkit-box-flex: 2;
			-ms-flex-positive: 2;
			flex-grow: 2;
		}
		.footerSocialMediaContainer {
			padding-right: 0;
		}
		.nestedContainer,
		.quicklinksNestedContainer {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
		}
		.quicklinksNestedContainer {
			margin-left: -50px;
		}
		.footerFirstItem {
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
		}
		.quicklinksText {
			margin-right: 40px !important;
		}
	}
	
	@media screen and (min-width: 1024px) {
		body.ribbonFullwidth #footer div {}
	}
	
	.uabFooterMenu,
	.poweredByDM {
		background-color: rgba(0, 0, 0, 0.65);
		background-color: #595959;
	}
	
	#footer div.addthis_toolbox.addthis_default_style {
		text-align: center;
	}
	
	#footer a.at-follow-btn {
		float: none;
	}
	/* AddThis Embiggening */
	
	.addthis_32x32_style .at4-icon,
	.addthis_32x32_white_style .at4-icon,
	.at-32x32 {
		background-color: #888 !important;
		background-size: 2.5pc !important;
		border-radius: 3px;
		height: 2.5pc !important;
		line-height: 2.5pc !important;
		margin: 0 14px;
		width: 2.5pc !important;
	}
	
	.at-icon-wrapper {
		height: 2.5pc !important;
		width: 2.5pc !important;
	}
	
	.at-icon {
		height: 2.5pc !important;
		width: 2.5pc !important;
	}
	
	.addthis_32x32_style .at4-icon,
	.addthis_32x32_white_style .at4-icon,
	.at-32x32 {
		background-size: 2.5pc !important;
	}
	
	@media screen and (max-width: 1080px) {
		.at-icon-wrapper {
			height: 2pc !important;
			width: 2pc !important;
		}
		.at-icon {
			height: 2pc !important;
			width: 2pc !important;
		}
		#content .addthis_32x32_style .at4-icon,
		.addthis_32x32_white_style .at4-icon,
		.at-32x32 {
			background-size: 2pc !important;
		}
		.addthis_32x32_style .at4-icon,
		.addthis_32x32_white_style .at4-icon,
		.at-32x32 {
			background-color: #888 !important;
			background-size: 2pc !important;
			height: 2pc !important;
			line-height: 2pc !important;
			margin: 0 5px;
			width: 2pc !important;
		}
	}
	/*/
////////////////////////////////////// END Footer ///////////////////////////////////////*/
	/*///////////////////////////////////////   BEGIN Fullwidth Overrides  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
	
	body.hd #maincolumn-r {
		margin: 0 1.5% 0 1.5%;
	}
	/*removes left margin so that full one and article content don't overlap with right sidebar */
	
	body.hd .full {
		width: 97%;
		margin-left: 1.3%;
	}
	/*reduces width of full position(announcement box) - to line up correctly with homepage content.  Pushes box to right slightly to align correctly. */
	
	body.hd #content {
		width: 97%;
		/*changes article width*/
		padding-top: 2%;
		/*adds padding between article and item above */
	}
	/*---BEGIN Mobile---*/
	
	@media only screen and (max-width: 1024px) and (min-width: 300px) {
		#maincolumn-r {
			padding: 0 0 0;
			/*Removes spacing above item in full1 position */
		}
	}
	
	@media (max-width: 699px) {
		body.hd.sidebars #maincolumn-r {
			margin: 0 1% 0 4% !important;
			width: 91% !important;
			/*Widens full one and article to same size as items below */
		}
	}
	
	@media (max-width: 1024px) {
		body.hd #whitebox .full {
			margin: 0;
			width: 97%;
			margin-left: 1.4%;
			/*reduces width of full position(announcement box) - to line up correctly with homepage content.  Pushes box to right slightly to align correctly. */
		}
		body.hd #rightsidebar .moduletable {
			width: 100% !important;
			max-width: 100% !important;
			/*changes modules in right position to be full width below 1024px */
		}
		#downright #rightsidebar {
			width: 100%;
		}
	}
	/*---END Mobile---*/
	/*///////////////////////////////////////   END Fullwidth Overrides   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
	/*///////////////////////////////////////BEGIN Horizontal Rule///////////////////////////////////////*/
	
	hr {
		border: none;
		border-top: 1px solid #D3D3D3;
	}
	/*///////////////////////////////////////END Horizontal Rule///////////////////////////////////////*/
	/*///////////////////////////////////////BEGIN Navigation - Middle Menu///////////////////////////////////////*/
	
	.resourceContent {
		font-size: 16px;
		line-height: 30px;
	}
	/* BEGIN .middle_content nav list */
	
	.middle-nav--page .middle_content>li {
		border-top: 4px solid #D2D2D2;
		float: left;
		margin: 10px 0 0;
		padding: 20px 0 0;
		width: 100%;
	}
	
	.middle-nav--page .middle_content>li a:hover {
		text-decoration: underline !important;
		color: #1E6B52 !important;
	}
	
	.middle-nav--page .middle_content>li:last-of-type {
		border-bottom: 4px solid #d2d2d2;
		margin-bottom: 30px;
		padding-bottom: 20px;
	}
	
	.middle-nav--page .nav-header.resourceCategory::after {
		clear: both;
		content: attr(title);
		float: left;
		font-family: "Montserrat", sans-serif;
		font-size: 16px;
		font-weight: normal !important;
		line-height: 1.6em;
		margin-top: 0.6em;
		position: relative;
		text-align: right;
		text-transform: none;
	}
	
	.middle-nav--page .nav-header.resourceCategory {
		color: #333333 !important;
		float: left;
		font-family: "din-condensed", "din-condensed-web", sans-serif !important;
		font-size: 3rem !important;
		font-weight: normal;
		line-height: normal;
		margin: 0 10px 2px 0 !important;
		padding: 2%;
		text-align: right;
		text-shadow: none;
		text-transform: uppercase;
		border-right: 9px solid #1e6b52;
	}
	
	.middle-nav--page .middle_content li span {
		background-color: rgba(235, 232, 229, 1.0);
		border-radius: 6px 0 0 6px;
		float: left;
		margin-bottom: 10px;
		margin-left: 2%;
		margin-right: 2%;
		min-height: 117px;
		padding: 2% 1%;
		width: 43%;
	}
	
	.middle-nav--page .middle_content p {
		color: #333;
		font-family: "Montserrat", sans-serif !important;
		font-size: 1rem;
		line-height: 1.6em;
		margin: 2px 10px;
		text-align: right;
	}
	
	.middle-nav--page .middle_content .nav-child {
		float: left;
		margin: 0;
		min-height: 100px;
		padding-bottom: 5px;
		padding-left: 2%;
		padding-top: 10px;
		width: 48%;
	}
	
	.middle-nav--page .middle_content ul.nav-child.small {
		list-style: outside none none;
		margin: 0;
		padding: 0;
	}
	
	.middle-nav--page .middle_content .nav-child li {
		line-height: inherit;
		list-style: outside none none;
		padding: 0 0 1em 2em;
		text-indent: -1.5em;
	}
	
	.middle-nav--page .middle_content .nav-child li::before {
		color: #a4a4a4;
		content: "•";
		font-size: 2em;
		padding-right: 0.4em;
		vertical-align: sub;
	}
	
	.middle-nav--page .middle_content .nav-child a {
		color: #333333;
		font-family: "Montserrat", sans-serif;
		font-size: 20px;
	}
	
	.middle-nav--page #middle_content_bottom {
		background-repeat: no-repeat;
		height: 3px;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	.middle-nav--page .miniMiddleContent li span {
		min-height: 40px !important;
	}
	
	.middle-nav--page .miniMiddleContent span.nav-header {
		font-size: 2.5rem !important;
	}
	
	.middle-nav--page .rightBorderUABGreen {
		border-right: 9px solid #1e6b52;
	}
	
	.clear {
		clear: both;
	}
	
	@media screen and (max-width: 800px) {
		.middle-nav--page .middle_content li span {
			border-radius: 4px 4px 0 0;
			display: table;
			min-height: 0;
		}
		.middle-nav--page .middle_content .nav-child {
			min-height: 0;
		}
		.middle-nav--page .middle_content span.middleTitle {
			text-align: center;
			width: 94%;
			height: 20px !important;
			float: left;
			margin: auto;
			margin-bottom: 20px !important;
		}
		.middle-nav--page .middle_content span.middleTitle:after {
			font-size: .4em !important;
			text-align: center !important;
		}
		.middle-nav--page .middle_content li>ul {
			width: 94% !important;
			text-align: center;
			margin: auto;
		}
		.middle-nav--page .rightBorderUABGreen {
			border-bottom: 9px solid #1e6b52!important;
			border-right: none!important;
			width: 100%!important;
		}
		body.hd.middle-nav--page .middle_content h3,
		.middle-nav--page .middle_content p {
			font-size: 1.5rem;
			text-align: center;
		}
		.middle-nav--page ul.middle_links {
			font-size: 0.8em;
			padding: 0 4%;
			text-align: center;
			width: 92%;
		}
		.middle-nav--page .middle_links li {
			list-style: outside none none;
			padding: 0 0 0.8em;
		}
		.middle-nav--page .middle_links li::before {
			content: none;
			font-size: 0;
			padding-right: 0;
			vertical-align: sub;
		}
	}
	/*///////////////////////////////////////END Navigation - Middle Menu///////////////////////////////////////*/
	/*///////////////////////////////////////BEGIN Navigation - Mobile Menu///////////////////////////////////////*/
	/*---BEGIN Mobile---*/
	
	@media only screen and (max-width: 1024px) and (min-width: 300px) {
		#downright #rightsidebar>* {
			background: none;
			margin: 0 !important;
			padding: 0 !important;
		}
		#downright #rightsidebar {
			margin: 0 !important;
			/* removes extra margin on left of right modules on mobile */
		}
	}
	
	@media only screen and (max-width:1024px) {
		ul.nav-child.unstyled.small {
			margin: 0;
		}
		#rightsidebar ul.nav.menu>li>ul {
			margin-top: 0 !important;
			padding-top: 0 !important;
		}
		#rightsidebar ul.nav.menu>li>ul {
			border-top: none !important;
		}
		#rightsidebar ul.nav.menu {
			text-align: center;
		}
		/*RESTYLED with version 2
	  
		#rightsidebar ul.nav.menu>li>a {
			border-bottom: 5px solid #A3CD65;
			font-weight: 500;
			border-left: none !important;
			text-transform: uppercase;
		}
     */
		#rightsidebar .nav-child li {
			border: 1px solid #eee !important;
		}
		#rightsidebar .nav-child .nav-child li {
			border: none !important;
		}
		#rightsidebar .nav-child .nav-child li a {
			font-weight: 400;
		}
		#rightsidebar .nav-child .nav-child li {
			padding-top: 0 !important;
			margin-top: 0 !important;
		}
		#rightsidebar ul.nav.menu>li>ul {
			text-align: center;
		}
		#rightsidebar .nav a {
			display: block;
			font-size: 18px;
			padding: 15px;
		}
		/*changes rightsidebar navigation into full width clickable links on mobile*/
	}
	/*---END Mobile---*/
	/*///////////////////////////////////////END Navigation - Mobile Menu///////////////////////////////////////*/
	/*///////////////////////////////////////BEGIN Navigation - Ribbon ///////////////////////////////////////*/
	/*---BEGIN Mobile---*/
	
	@media (min-width: 980px) {
		.navbar-static-top {
			margin-top: 40px;
		}
		body.hd #whitebar {
			margin-top: 40px;
		}
		.dmRibbonNav>li>a {
			padding: 15px !important;
			/*adds padding around ribbon navigation elements */
			font-size: 16px;
		}
		#tray:before {
			content: "";
			display: block;
			height: 1px;
			background: #D3D3D3;
			/*adds a horizontal line above the ribbon navigation */
		}
		body.hd.white div#tray {
			margin-top: 15px;
		}
	}
	/*---END Mobile---*/
	/*///////////////////////////////////////END Navigation - Ribbon ///////////////////////////////////////*/
	/*///////////////////////////////////////   BEGIN Navigation - Right Sidebar Menu   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
	
	.dmMenuModule ul {
		font-size: 16pt;
	}
	/* RESTYLED with version 2 
  
	#rightsidebar ul.nav.menu>li>a {
		font-size: 22pt;
		
		line-height: 120% !important;
		padding-left: 10px;
		border-left: 8px solid #1e6b52;
		font-family: proxima-nova, sans-serif !important;
	}
  */
	/*changes first item in a sidebar menu to be larger and have a side border style*/
	
	.dmRibbonNav li span {
		padding: 15px !important;
		font-weight: 500;
		color: #1e6b52;
	}
	/*corrects styling on text separator items*/
	/* #rightsidebar ul.nav.menu>li>ul {
		
		margin-top: 10px;
		padding-top: 5px;
	}
  RESTYLED with version 2 border-top: 1px solid #D3D3D3; */
	/*adds border above sidebar menu - below the menu title */
	
	ul.nav-child.unstyled.small {
		margin-top: 5px;
		margin-bottom: 0;
	}
	
	ul.nav-child.unstyled.small li,
	ul.nav-child.unstyled.small li a {
		line-height: 1em !important;
	}
	/*eliminates extra space when long menu item breaks to two lines */
	
	ul.nav-child.unstyled.small li {
		margin-top: 10px !important;
	}
	/* adds space between menu items in sidebar - skips first item */
	
	#rightsidebar ul.nav.menu>li:first-child>span {
		font-size: 22pt;
		line-height: 120% !important;
		padding-left: 10px;
		border-left: 8px solid #1e6b52;
		font-weight: 400 !important;
		font-family: proxima-nova, sans-serif !important;
		color: #1e6b52;
	}
	
	#rightsidebar .nav.menu li {
		padding: .75% 1.25%;
	}
	/*---BEGIN Mobile---*/
	
	@media only screen and (max-width: 1024px) and (min-width: 300px) {
		.nav .menu li {
			text-align: center;
		}
	}
	/*---END Mobile---*/
	/*///////////////////////////////////////   END Navigation - Right Sidebar Menu   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
	/*///////////////////////////////////////   BEGIN News Feed   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
	
	body.hd .third {
		width: 25.33%;
	}
	
	@media screen and (max-width:1024px) {
		.newsASEM .third img {
			max-width: 250px !important;
			min-width: 250px;
		}
	}
	
	@media screen and (min-width:1024px) {
		.newsDescription .two_thirds {
			padding-left: 20px !important;
		}
	}
	
	.newsDescription .third {
		text-align: center;
	}
	
	.newsDescription {
		border: 1px #eee solid;
		padding: 10px;
		margin: 10px 0;
		position: relative;
		overflow: hidden;
	}
	
	.newsTag {
		font-weight: 500;
		position: absolute;
		top: 15px;
		right: 0;
		padding: 5px;
		background-color: #1E6B52;
		min-width: 180px;
		text-align: center;
		color: #fff;
	}
	
	.newsTitle {
		width: 60%;
		display: inline-block;
	}
	
	.spaceforCourseNumber {
		width: 20%;
		display: inline-block;
	}
	
	.newsTitle h2 {
		margin-top: 0 !important;
	}
	
	.newsbuttonContainer {
		text-align: left;
	}
	
	@media screen and (min-width:805px) and (max-width:1024px) {
		.newsButton {
			margin-top: 10px;
		}
	}
	
	@media screen and (max-width:805px) {
		.newsTag {
			position: absolute;
			top: 0;
			width: 100%;
			text-align: center;
			right: 0;
			padding: 5px 0;
		}
		.newsDescription img {
			margin-top: 40px;
		}
		.newsDescription {
			margin-top: 20px;
		}
		.newsTitle h2 {
			margin-top: 20px !important;
		}
		.newsTitle {
			width: 100%;
			display: inline-block;
		}
		.spacefornewsTag {
			width: 0;
			display: inline-block;
		}
		.newsButton {
			width: 100%;
			margin-top: 10px;
		}
	}
	
	.feedMore {
		display: none;
		/*OVERRIDE eliminates More News button at bottom of feed */
	}
	
	.K2FeedImage {
		display: none;
		/*OVERRIDE eliminates wierd first paragraph spacing*/
	}
	
	.customNewsFeed .newsfeed>li {
		border-top: none;
		margin-bottom: 10px;
		/*OVERRIDE eliminates top borders & adds space between news items*/
	}
	
	
	
	.newsfeed>li:last-of-type {
		border-bottom: none;
		/*OVERRIDE eliminates bottom borders*/
	}
	
	.customNewsFeed .feed-item-description {
		margin-top: 0;
		/*eliminates space between title and feed description*/
	}
	
	.homepageModule .feed-link a {
		font-weight: bold !important;
	}
	
	@media only screen and (max-width: 1024px) and (min-width: 300px) {
		body.hd #downright #rightsidebar>div {
			border: none;
			/*eliminates default border that appears on mobile */
		}
		.customNewsFeed ul.newsfeed {
			padding: 0 20px;
		}
	}
	/*///////////////////////////////////////   END News Feed   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
	/*///////////////////////////////////////   BEGIN Popular  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
	
	.mostread span {
		color: #555555;
		font-weight: 500;
	}
	/*///////////////////////////////////////   END Popular  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
	/*///////////////////////////////////////   BEGIN Profiles  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
	
	.item-image {
		margin: 0 20px 20px 0;
	}
	
	.readmore {
		text-align: left;
		margin: 5px 0;
	}
	
	.item-page ul.bulletedList {
		margin: 0 0 0 30px;
	}
	/*---BEGIN Mobile---*/
	
	@media only screen and (max-width: 575px) {
		.item-page img {
			width: 100%;
            box-sizing:border-box;
			/*changes image to full width on mobile*/
		}
		.pull-left {
			float: none;
			/*changes image to not float on mobile*/
		}
	}
	/*---END Mobile---*/
	
	.item-page .item-image.pull-right {
		margin: 0 20px;
	}
	
	.item-page .item-image.pull-right {
		margin: 0 20px;
	}
	
	@media all and (max-width:768px) {
		.item-page .item-image.pull-right {
			float: none;
			margin: 10px 0;
		}
		.item-page .item-image.pull-right>img {
			width: 100%;
		}
	}
	
	.item-page .item-image.pull-right {
		margin: 0 20px;
	}
	
	.item-page .item-image.pull-right {
		margin: 0 20px;
	}
	
	@media all and (max-width:768px) {
		.item-page .item-image.pull-right {
			float: none;
			margin: 10px 0;
		}
		.item-page .item-image.pull-right>img {
			width: 100%;
		}
	}
	
	.blog.facultyStaffProfile h2 {
		padding: 10px!important;
	}
	
	.blog.facultyStaffProfileCol4 .span3,
	.blog.facultyStaffProfileCol3 .span4 {
		border: 1px solid #eee;
		position: relative;
	}
	
	@media all and (max-width:500px) {
		.blog.facultyStaffProfileCol4 .span3,
		.blog.facultyStaffProfileCol3 .span4 {
			min-height: 800px;
		}
	}
	
	@media all and (max-width:767px) {
		.facultyStaffProfile .readmore .btn {
			width: 100%;
		}
	}
	
	@media all and (min-width:500px) and (max-width:767px) {
		.blog.facultyStaffProfileCol4 .span3,
		.blog.facultyStaffProfileCol3 .span4 {
			min-height: 400px;
		}
	}
	
	@media all and (min-width:767px) {
		.blog.facultyStaffProfileCol4 .span3 {
			min-height: 620px;
		}
		.blog.facultyStaffProfileCol3 .span4 {
			min-height: 680px;
		}
		.blog.facultyStaffProfile .pull-left.item-image,
		.blog.facultyStaffProfile .pull-none.item-image {
			float: none;
			margin: 0;
		}
		.blog.facultyStaffProfile .items-row.row-fluid img {
			margin: 0;
		}
	}
	
	.facultyStaffProfile .readmore .btn {
		margin: 0 0;
		position: absolute;
		bottom: 0;
		right: 0;
		background-color: #eee;
		background-image: none;
		border-radius: 0;
		border: none;
		padding: 5px 24px;
	}
	
	@media all and (max-width:500px) {
		.facultyStaffProfile .readmore .btn {
			padding: 20px 0;
			font-size: 16px;
		}
	}
	
	.blog.facultyStaffProfile .item {
		width: 100%;
	}
	
	.blog.facultyStaffProfileCol3 .span4 .item {
		margin-bottom: 50px;
	}
	
	.blog.facultyStaffProfile h2,
	.blog.facultyStaffProfile p {
		padding: 0 10px;
	}
	
	@media all and (max-width: 767px) {
		.facultyStaffProfile .items-row.row-fluid>div {
			clear: both;
			overflow: hidden;
		}
	}
	
	.facultyStaffProfile .item-image>a>img {
		width: 100%;
	}
	/*///////////////////////////////////////   END Profiles \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
	/*///////////////////////////////////////BEGIN Quicklinks///////////////////////////////////////*/
	
	.dmQuicklink>li {
		z-index: 1;
		/* changes z-index of single quicklink item - quicklinks that don't have a dropdown menu.  Must add dmQuicklink to quicklink module */
	}
	
	#quicklinks .nav .separator,
	.dmQuicklink>li>a {
		font-size: 14px !important;
		font-weight: 400 !important;
		color: #666 !important;
	}
	/*///////////////////////////////////////END Quicklinks///////////////////////////////////////*/
	/*///////////////////////////////////////   BEGIN Right Module Position  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
	
	#rightsidebar {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.0)/*OVERRIDE eliminates sidebar background */
	}
	
	body.hd.sidebars #rightsidebar {
		margin-top: 0;
		/*adds spacing between right sidebar and item above*/
	}
	
	body.hd.sidebars #downright {
		margin: 20px 0;
		;
		border-left: 1px solid #D3D3D3;
		height: 96%;
	}
	/*---BEGIN Mobile---*/
	
	@media (min-width: 1025px) {
		body.hd.sidebars #downright {
			width: 25%;
			margin: 2% !important;
		}
		body.hd #maincolumn-r {
			width: 69% !important;
			margin: 1% 2% !important;
		}
	}
	
	@media only screen and (max-width: 1024px) and (min-width: 300px) {
		#downright #rightsidebar>* {
			width: 100%;
		}
		body.hd.sidebars #downright {
			margin: 0 1% 0 1% !important;
			width: 98% !important;
		}
	}
	
	@media only screen and (max-width: 1024px) and (min-width: 300px) {
		body.hd.sidebars #downright {
			border-left: none;
			/*removed left border when mobile*/
		}
		body.hd #downright #rightsidebar>div {
			margin: 0;
			/*removes extra margin in mobile*/
			padding: 0
			/*removes extra padding in mobile*/
		}
	}
	/*---END Mobile---*/
	/*///////////////////////////////////////   END Right Module Position  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
	/*///////////////////////////////////////BEGIN Search///////////////////////////////////////*/
	
	@media screen and (min-width: 1025px) {
		#search .inputbox.search-query {
			border-radius: 20px 0 0 20px;
			width: 320px;
		}
	}
	/*///////////////////////////////////////END Search///////////////////////////////////////*/
	/*///////////////////////////////////////BEGIN Typography///////////////////////////////////////*/
	
	h2,
	h4,
	h5,
	.rsform-input-box,
	input,
	button,
	select,
	textarea {
		font-family: proxima-nova, sans-serif !important;
	}
	
	h1,
	h3 {
		font-family: din-condensed, san-serif !important;
	}
	
	body,
	p,
	span,
	div,
	a,
	button,
	em {
		font-family: proxima-nova, sans-serif !important;
		line-height: 150%;
		font-weight: 400;
		font-size: 16px;
	}
	
	h1 {
		font-size: 32px;
		line-height: 120% !important;
	}
	
	h2 {
		font-size: 26px;
		line-height: 120% !important;
	}
	
	h3 {
		font-size: 23px;
		line-height: 120% !important;
		text-shadow: none;
	}
	
	h4 {
		font-size: 16px;
		font-weight: 500;
		line-height: 150%;
	}
	
	h5 {
		font-size: 16px;
		font-weight: bold;
		line-height: 150%;
	}
	
	.item-page h3 {
		margin-top: 30px;
		margin-bottom: 5px;
	}
	
	.item-page h3+p {
		margin-top: 0;
	}
	
	.changeToBold {
		font-weight: 600 !important;
	}
	/*adds medium weight bold to text*/
	
	.homepageModule h3 {
		font-size: 22pt;
		line-height: 120% !important;
		padding-left: 10px;
		border-left: 8px solid #1e6b52;
		font-family: proxima-nova, sans-serif !important;
		text-transform: none;
		font-weight: 400 !important;
	}
	/*changes title text of modules */
	/*---BEGIN Mobile---*/
	
	@media only screen and (max-width: 1024px) {
		.homepageModule h3 {
			border-bottom: 5px solid #A3CD65;
			font-weight: 500;
			border-left: none !important;
			text-transform: uppercase;
			text-align: center;
			font-size: 29px !important;
			padding: 15px;
		}
	}
	/*---END Mobile---*/
	/*///////////////////////////////////////END Typography///////////////////////////////////////*/
	/*///////////////////////////////////////BEGIN VJTabs///////////////////////////////////////*/
	
	.resp-tabs-list li {
		font-family: din-condensed, san-serif !important;
		font-weight: 400;
		font-size: 18px;
		padding: 8px 12px;
		border-radius: 3px 3px 0 0;
		margin-right: 5px;
		border: 1px solid #e5e5e5;
		border-bottom: none;
	}
	
	.resp-tab-content {
		border: none;
		border-top: 1px solid #e5e5e5;
	}
	
	.resp-tab-active {
		background-color: #1E6B52;
		color: #fff;
		border: none;
		padding: 8px 12px !important;
	}
	/*changes active tab background, font-color, border, and padding*/
	
	.resp-tabs-list li:hover {
		background-color: #f5f5f5;
	}
	/*changes background color of inactive tabs to gray on hover */
	
	li.resp-tab-item.resp-tab-active:hover {
		background-color: #1E6B52;
	}
	/* forces active background color to stay green on hover */
	
	ul.resp-tabs-list {
		margin-left: 0;
	}
	/*removes left margin on first tab */
	
	h2.resp-tab-active {
		background: #1E6B52 !important;
	}
	
	h2.resp-accordion {
		font-family: din-condensed, san-serif !important;
		font-weight: 400;
		font-size: 18px;
	}
	/*///////////////////////////////////////END VJTabs///////////////////////////////////////*/
	/*///////////////////////////////////////BEGIN widgekit styles///////////////////////////////////////*/
	/*************BEGIN Accordion *************/
	
	.uk-accordion-title {
		margin-bottom: 4px;
		border-top: none;
		border-bottom: 1px #eee solid;
		background: rgba(210, 199, 128, 0.6);
		margin-bottom: 0 !important;
	}
	
	.uk-overlay-panel {
		padding: 10px;
	}
	
	.uk-accordion-content {
		padding: 10px 20px 10px;
	}
	
	h3.uk-accordion-title {
		margin-top: 0;
	}
	/* removes excess margin about widgekit accordion */
	
	h3.uk-accordion-title.uk-active:before {
		content: '- ';
	}
	/* adds a minus before title when accordion is open */
	
	h3.uk-accordion-title:before {
		content: '+ ';
	}
	/* adds a plus before title when accordion is open */
	/**************END Accordion **************/
	/**************BEGIN Tab Nav **************/
	
	.uk-tab>li>a:hover {
		border-bottom: 1px solid #f5f5f5;
	}
	
	.uk-tab>li>a {
		border: 1px solid #eee;
        font-family: proxima-nova, san-serif !important;
        font-weight: 600;
		font-size: 18px;
	}
	/*adds border on tabs */
	
	.uk-tab>li.uk-active>a {
		background: #1E6B52;
		color: #fff;
		border: none;
		border-bottom: 1px solid #1E6B52;
		-webkit-transition: color 0s;
		-o-transition: color 0s;
		transition: color 0s;
	}
	/* changes background color and text color of active tab in widgekit.  Removes border on active tab. */
	
	.uk-tab>li.uk-active>a:hover {
		color: #fff !important;
		/*changes hover color of text of active tab*/
	}
	
	.uk-nav-dropdown>li.uk-active>a {
		color: #1E6B52;
		background-color: #f5f5f5;
	}
	/*changes text color and background color of active link in tab dropdown - on mobile or when tab text doesn't fit screen width*/
	
	.uk-nav-dropdown>li>a:hover {
		background: #eee;
	}
	/*changes background color of hovered over link in tab dropdown - on mobile or when tab text doesn't fit screen width*/
	
	.uk-tab .uk-nav-dropdown>li>a {
		font-weight: 400;
	}
	/*changes font weight of dropdown menu links - on mobile or when tab text doesn't fit screen width */
	
	.uk-switcher .uk-panel {
		padding: 15px;
	}
	/*adds padding around tab content*/
	
	.uk-margin-top.uk-switcher {
		margin-top: 0 !important;
	}
	/*removes excess margin above tab content*/
	/**************END Tab Nav **************/
	/**************BEGIN Slider Nav **************/
	
	.uk-subnav-pill>li.uk-active>a {
		background: #1E6B52;
		color: #fff;
		-webkit-transition: color 0s;
		-o-transition: color 0s;
		transition: color 0s;
	}
	/**************END Slider Nav **************/
	/*************BEGIN Grid Buttons*************/
	
	.fp_Buttons {
		text-align: center;
		text-transform: uppercase;
		font-size: 1.7em;
	}
	
	.text-overlay--shadow {
		text-shadow: 2px 2px 2px black;
	}
	/*************END Grid Buttons*************/
	/*///////////////////////////////////////END Widgekit styles///////////////////////////////////////*/
	/*

VERSION 2 STYLES


[TABLE OF CONTENTS]

V2 - Accordion
V2 - Announcement Box
V2 - Buttons
V2 - Faculty Directory
V2 - Focus Box 
V2 - Modules General Styling
V2 - General Element Styles
V2 - Link Styling
V2 - News
V2 - Page Min-Height
V2 - Ribbon
V2 - Sidebar Styling
V2 - Typography


[REFERENCE]

---Colors---
Layout Borders - Gray - #d3d3d3



---Breakpoints---
  Widgekit
	iPhone - below 527px
	iPhone Landscape - 528px to 854px
	Tablet - 855px to 1055px
	Desktop - 1056px to 1341px
	Large Screens - above 1342px
  
  
 Bootstrap 2.3.2 Media Queries 
  	Large Devices, Wide Screens - @media only screen and (max-width : 1200px) 
  	Medium Devices, Desktops - @media only screen and (max-width : 979px)
	Small Devices, Tablets - @media only screen and (max-width : 767px)
	Extra Small Devices, Phones - @media only screen and (max-width : 480px)
  	Custom, iPhone Retina - @media only screen and (max-width : 320px) 

  */









	/***BEGIN V2 - Accordion ***/
	
	.dept-v2 .v2-accordion-wrapper .uk-accordion-content {
		background-color: #eee;
		border-top: 4px solid #1E6B52;
		border-bottom: 1px solid #ccc;
	}
	
	.dept-v2 .v2-accordion-wrapper .uk-accordion-title:after {
		background-color: #82c140;
		border-radius: 50%;
		width: 25px;
		height: 25px;
		display: inline-block;
		position: absolute;
		color: #fff;
		text-align: center;
		content: '';
		left: .1em;
        top:.23em;
	}
	
	.dept-v2 .v2-accordion-wrapper .uk-accordion-title:before {
		content: '+ ';
		position: absolute;
		z-index: 1;
		left: .33em;
		color: #fff;
		font-size: 1.2em;
		top: .23em;
	}
	
	.dept-v2 .v2-accordion-wrapper .uk-accordion-title.uk-active:before {
		position: absolute;
		left: 11px;
		top: 4px;
        content:"-";
	}
	
	.dept-v2 .v2-accordion-wrapper .uk-accordion-title {
		background-color: #fff;
		border-bottom: 1px solid #ececec;
		position: relative;
	}
	
	.dept-v2 .v2-accordion-wrapper h3.uk-accordion-title {
		margin-top: .3em !important;
		padding-left: 1.7em !important;
		font-size: 1.3em;
		padding-bottom: .3em !important;
        margin-bottom:0 !important;
	}
	/***END V2 - Accordion ***/

/***BEGIN V2 - Announcement Box ***/

.dept-v2 .announcementBox {
    padding:1.5em 1em 2em;
    margin-top:0;
}

.dept-v2 .announcementText h3,
	.dept-v2 .announcementText p {
		color: #fff !important;
        margin-top:0 !important;
       
	}

.dept-v2 .announcementText p {
     margin-bottom: 0 !important;
}

.dept-v2 .announcementText h3 {
    margin-bottom:.2em !important;
}

@media all and (max-width:1024px) {
.dept-v2 .announcementText {
    border-left:none;
    margin-left:0;
}
}

/***END V2 - Announcement Box ***/


	/*BEGIN V2 - Buttons */
	
	.dept-v2 button:hover {
		animation: none !important;
	}
	/*BEGIN Widgekit Image Extra Large Buttons - Partial Green Background */
	
	.dept-v2 .btn--wk-xlg-img-white .uk-margin-small {
		position: relative;
		display: flex;
		height: 100px;
		align-items: center;
	}
	
	.dept-v2 .btn--wk-xlg-img-white h2 {
    margin: 0 1em !important;
        text-align:center;
}
	
	.dept-v2 .btn__text-container--wk-xlg-img-white {
		z-index: 1;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.dept-v2 .btn__background-color--wk-xlg-img-white {
		background-color: #1e6b52;
		mix-blend-mode: multiply;
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		z-index: 0;
        left:0;
	}
	
	.dept-v2 .btn--wk-xlg-img-white img {
		border-radius: 2px;
	}
	/*adds border radius to button images */
	
	.dept-v2 .btn--wk-xlg-img-white .uk-overlay-panel>div {
		width: 100%;
        border-top:3px solid #80bc00;
	}
	/*makes interior div full width*/
	
	.dept-v2 .btn--wk-xlg-img-white .uk-overlay-panel {
		padding: 0px;
        align-items: flex-end;
	}
	/*removes default padding so button will go full-width*/
	
	.dept-v2 .btn--wk-xlg-img-white a.uk-position-cover {
		z-index: 1;
	}
	/*adjusts link overlay on wk grid to sit over text and text background */
	
	.dept-v2 .btn--wk-xlg-img-white .uk-row-first {
		text-align: center;
	}
	/*center aligns button elements on mobile*/
	/*BEGIN Widgekit Extra Large Buttons - White to Green */
	
	.dept-v2 .btn--wk-xlg-white .uk-margin {
		-webkit-transition: all .3s;
		/* Safari */
		transition: color .3s;
		font-size: 1.6em;
		text-decoration: none;
		color: #1e6b52;
		padding: 1em;
		text-align: center;
        margin-top:0;
	}
	/*adds hover off transition effect to text, changes color and size, removes text decoration */
	
	.dept-v2 .btn--wk-xlg-white .uk-panel {
		-webkit-transition: all .3s;
		/* Safari */
		transition: all .3s;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid rgba(30, 107, 82, 0.5);
		border-radius: 2px;
	}
	/*adds hover off transition on home buttons and aligns text horizontally and vertically */
	
	.dept-v2 .btn--wk-xlg-white .uk-panel:hover .uk-margin {
		color: #fff !important;
		-webkit-transition: all .3s;
		/* Safari */
		transition: all .3s;
	}
	/*adds hover on transition effect and changes color of text on hover */
	
	.dept-v2 .btn--wk-xlg-white .uk-panel:hover {
		background-color: #1e6b52;
		-webkit-transition: all .3s;
		/* Safari */
		transition: all .3s;
	}
	/*adds hover color and hover transition effect*/
	/*END Widgekit Extra Large Buttons */
	/*BEGIN Button Sizes */
	
	.dept-v2 .btn--sm {
		padding: .2em .7em;
		font-size: .9em;
	}
	
	.dept-v2 .btn--md {
		padding: .3em .8em;
		font-size: 1em;
	}
	
	.dept-v2 .btn--lg {
		padding: .4em .9em;
		font-size: 1.25em;
	}
	
	.dept-v2 .btn--right-sidebar {
		font-size: 1.2em;
		margin: .5em 0;
		width: 100%;
        text-align:center;
        padding: .2em 0;
	}
	/*BEGIN Bootstrap Button Overrides */
	
	.dept-v2 .btn--not-bootstrap {
		text-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		background-image: none;
		background-color: #fff;
	}
	/*removes bootstrap styling from buttons */
	/*BEGIN White to Green Buttons */
	
	.dept-v2 .btn--white {
		border: 1px solid rgba(30, 107, 82, 0.5);
        background-color:#fff;
		font-weight: 500 !important;
		display: inline-block;
		border-radius: 2px;
		text-decoration: none;
		-webkit-transition: all .3s;
		/* Safari */
		transition: all .3s;
        
	}
	
	.dept-v2 .btn--white:hover {
		color: #fff !important;
		-webkit-transition: all .3s;
		/* Safari */
		transition: all .3s;
		background-color: #1e6b52;
		text-decoration: none;
	}
	/*BEGIN Green to Dark Green Buttons */
	
	.dept-v2 .btn--green-to-darker {
		border: 1px solid rgba(30, 107, 82, 0.5);
		font-weight: 500 !important;
		display: inline-block;
		border-radius: 2px;
		text-decoration: none;
		-webkit-transition: all .3s;
		/* Safari */
		transition: all .3s;
		background-color: #1e6b52;
		color: #fff !important;
	}
	
	.dept-v2 .btn--green-to-darker:hover {
		color: #fff !important;
		-webkit-transition: all .3s;
		/* Safari */
		transition: all .3s;
		background-color: #17513E;
		text-decoration: none;
	}
	/*END Green to Dark Green Buttons */
	/*BEGIN Green to White Buttons */
	
	.dept-v2 .btn--green {
		border: 1px solid rgba(30, 107, 82, 0.5);
		font-weight: 500 !important;
		display: inline-block;
		border-radius: 2px;
		text-decoration: none;
		-webkit-transition: all .3s;
		/* Safari */
		transition: all .3s;
		background-color: #1e6b52;
		color: #fff !important;
	}
	
	.dept-v2 .btn--green:hover {
		color: #1e6b52 !important;
		-webkit-transition: all .3s;
		/* Safari */
		transition: all .3s;
		background-color: #fff;
		text-decoration: none;
	}
	/*END Green to White Buttons */
	/*BEGIN Category Blog Buttons */
	
	.dept-v2 .blog.directory .readmore a {
		background-image: none;
		background-color: #fff;
		box-shadow: none;
		border-radius: 2px;
		text-shadow: none;
		border-width: 1px 0 0 0;
		border-style: solid;
		border-color: #f5f5f5;
		-webkit-transition: all .3s;
		/* Safari */
		transition: all .3s;
	}
	
	.dept-v2 .blog.directory .readmore a:hover {
		color: #fff !important;
		-webkit-transition: all .3s;
		/* Safari */
		transition: all .3s;
		background-color: #1e6b52;
		text-decoration: none;
	}
	/*END Category Blog Buttons */







/***BEGIN Button Grid ***/


.button-grid {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}



.button-grid--three-across li {
    margin: .5em;
    
   
    
    flex: 1 0 30%;
    text-align: center;
    
}

.button-grid--three-across a {
    padding: .5em;
    border: 1px solid #fff;
     background-color: #fff;
    display:block;
}


/***END Button Grid ***/




/***BEGIN V2 - Button Grid  ***/
	
	.button-grid--wrapper {
		margin: 1em;
		display: grid;
		grid-gap: 1.5em;
	}
	/* no grid support? */
	
	.button-grid--wrapper {
		display: flex;
		flex-wrap: wrap;
	}
	
	.button-grid--wrapper {
		display: grid;
		margin: 1em 1em;
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
		grid-auto-rows: minmax(100px, auto);
	}
	
	.button-grid--item {
		/* needed for the flex layout*/
		margin: 1em;
		flex: 1 1 200px;
		align-items: center;
		justify-content: center;
		position: relative;
		color: #fff;
		border-radius: 2px;
		padding: 1em 2em;
		background-color: #fafafa;
		box-shadow: 2px 2px 4px 1px #eeeeee;
		box-sizing: border-box;
		transition: background-color .4s ease-out;
	}
	
	.button-grid--item a:after,
	.button-grid--item a:before {
		transition: border .4s ease-out;
	}
	
	.button-grid--item a {
		font-size: 1.2em !important;
		text-decoration: none;
		font-weight: 600 !important;
	}
	
	.button-grid--item span {
		display: block;
		font-weight: normal !important;
	}
	/* We need to set the margin used on flex items to 0 as we have gaps in grid.  */
	
	@supports (display: grid) {
		.button-grid--wrapper>* {
			margin: 0;
		}
	}
	
	.button-grid--item a:before {
		content: '';
		top: 0;
		bottom: 0;
		position: absolute;
		left: 0;
		right: 0;
	}
	
	.button-grid--item:hover {
		background-color: #eee;
	}
	
	.button-grid--item a:after {
		content: '';
		border-left: 5px solid #1E6B52;
		top: .5em;
		display: block;
		position: absolute;
		/* height: 20px; */
		margin-left: -1em;
		bottom: .5em;
	}
	
	.button-grid--item:hover a:after {
		border-left: 5px solid #82c140;
	}
  
   /***END V2 - Button Grid  ***/






	/*END V2 - Buttons */
	/***BEGIN V2 - Faculty Directory ***/
	
	.dept-v2 .blog.directory {
		display: flex;
		flex-wrap: wrap;
	}
	
	.dept-v2 .blog.directory div.span12 {
		margin-bottom: 0;
	}
	
	.dept-v2 .blog.directory>div.page-header {
		display: block;
		flex-basis: 100%;
	}
	
	.dept-v2 .blog.directory .items-row {
		display: flex;
		margin: 1%;
		border: 1px solid #eee;
	}
	
	.dept-v2 .blog.directory .span12 {
		display: flex;
	}
	
	.dept-v2 .blog.directory .item {
		display: flex;
		flex-direction: column;
	}
	
	.dept-v2 .blog.directory .items-row .page-header {
		border-bottom: 0px;
		margin: 0 .5em;
	}
	/*removes border bottom on directory titles */


    

    .dept-v2  .blog.directory .page-header>h2 a {
        font-size: 1.5rem;

    }

    .dept-v2 .blog.directory .page-header>h2 {
        margin-top:.5em !important;
        margin-bottom:0em !important;

    }

    .dept-v2 .faculty-profile-title {
       font-weight:600 !important;
        display:block;
        margin-bottom:1em;
    color:#666;
    }


    .dept-v2 .faculty-profile-intro-text {
        margin-top:0em;
    }


	/*BEGIN Order*/
	
	.dept-v2 .blog.directory .item-image {
		order: 1;
	}
	
	.dept-v2 .blog.directory .items-row .page-header {
		order: 2;
	}
	
	.dept-v2 .blog.directory p {
		order: 3;
	}
	
	.dept-v2 .blog.directory .readmore {
		order: 4;
	}
	/* END Order */
	
	.dept-v2 .blog.directory .item-image,
	.dept-v2 .blog.directory img {
		margin: 0 auto !important;
	}
	/*removes margin from image container and image */
	
	.dept-v2 .blog.directory p {
		padding: .5em;
	}
	/*adds padding around directory intro text */
	
	.dept-v2 .blog.directory .readmore {
		padding: 0;
		margin-top: auto !important;
		margin-bottom: 0
	}
	
	.dept-v2 .blog.directory .readmore {
		display: block;
		width: 100%;
	}
	
	.dept-v2 .blog.directory .readmore a {
		display: block;
		padding: .5em;
	}
	/*BEGIN 3 Across Directory */
	
	@media all and (min-width:768px) {
		.dept-v2 .blog.directory--3-across .items-row {
			flex-basis: 47%;
		}
	}
	
	@media all and (min-width:1028px) {
		.dept-v2 .blog.directory--3-across .items-row {
			flex-basis: 31%;
		}
	}
	/*END 3 Across Directory */
	/*BEGIN 4 Across Directory */
	
	@media all and (min-width:768px) {
		.dept-v2 .blog.directory--4-across .items-row {
			flex-basis: 47%;
		}
	}
	
	@media all and (min-width:1028px) {
		.dept-v2 .blog.directory--4-across .items-row {
			flex-basis: 22%;
		}
	}
	/*END 4 Across Directory */
	/*** END V2 - Faculty Directory ****/
	/*** BEGIN V2 - Focus Box  ***/
	
	.dept-v2 .focus-box {
		position: relative;
	}
	
	.dept-v2 .focus-box-text-container {
		padding: 1.5em;
	}
	
	.dept-v2 .focus-box--full-width--gray,
	.focus-box--full-width--green {
		margin: 1.5em 0;
	}
	
	.dept-v2 .focus-box-text-container h2 {
		margin-top: 0 !important;
	}
	
	.dept-v2 .focus-box--pull-right--green,
	.dept-v2 .focus-box--pull-left--green,
	.dept-v2 .focus-box--pull-right--gray,
	.dept-v2 .focus-box--pull-left--gray {
		width: 400px;
	}
	
	.dept-v2 .focus-box--three-across .focus-box-text-container,
	.dept-v2 .focus-box--two-across .focus-box-text-container {
		display: flex;
		flex-wrap: wrap;
	}
	
	@media all and (max-width:768px) {
		.dept-v2 .focus-box--three-across .focus-box-text-container,
		.dept-v2 .focus-box--two-across .focus-box-text-container {
			flex-direction: column;
		}
	}
	
	.dept-v2 .focus-box--three-across .focus-box-text-container>div {
		margin: 1em;
		flex-grow: 2;
		flex-basis: 28%;
	}
	
	.dept-v2 .focus-box--two-across .focus-box-text-container>div {
		margin: 1em;
		flex-grow: 2;
		flex-basis: 45%;
	}
	/*Green Option */
	
	.dept-v2 .focus-box--full-width--green .focus-box-text-container>*,
	.dept-v2 .focus-box--full-width--green .focus-box-text-container div>*,
	.dept-v2 .focus-box--pull-right--green .focus-box-text-container>*,
	.dept-v2 .focus-box--pull-left--green .focus-box-text-container>* {
		color: #fff;
	}
	
	.dept-v2 .focus-box--full-width--green {
		border-left: 5px solid #82c140;
		box-shadow: 5px 5px 10px 0px rgba(146, 171, 160, .3);
		border-radius: 0 5px 5px 0;
		background-color: #1E6B52;
	}
	
	.dept-v2 .focus-box--pull-right--green {
		box-shadow: 5px 5px 10px 0px rgba(146, 171, 160, .3);
		border-radius: 0 5px 5px 0;
		border-left: 5px solid #82c140;
		float: right;
		margin: 1.5em 0 1.5em 1.5em;
		background-color: #1E6B52;
	}
	
	.dept-v2 .focus-box--pull-left--green {
		box-shadow: -5px 5px 10px 0px rgba(146, 171, 160, .3);
		border-radius: 5px 0 0 5px;
		border-right: 5px solid #82c140;
		float: left;
		margin: 1.5em 1.5em 1.5em 0;
		background-color: #1E6B52;
	}

.dept-v2 .focus-box--pull-right--green a:visited, 
.dept-v2 .focus-box--pull-right--green a:link, .dept-v2 .focus-box--pull-left--green a:visited, 
.dept-v2 .focus-box--pull-left--green a:link, .dept-v2 .focus-box--full-width--green a:visited, 
.dept-v2 .focus-box--full-width--green a:link, .dept-v2 .announcementBox a  {
    color: #fff !important;
    font-weight:bold !important;
    border-bottom: 3px solid #cccccc !important;
}

.dept-v2 .focus-box--pull-right--green a:visited:hover, 
.dept-v2 .focus-box--pull-right--green a:link:hover, .dept-v2 .focus-box--pull-left--green a:visited:hover, 
.dept-v2 .focus-box--pull-left--green a:link:hover, .dept-v2 .focus-box--full-width--green a:visited:hover, 
.dept-v2 .focus-box--full-width--green a:link:hover, .dept-v2 .announcementBox a:hover  {
    color: #444 !important;
}



	/*Green Option */
	/* Gray Option */
	
	.dept-v2 .focus-box--full-width--gray {
		border-left: 5px solid #1E6B52;
		box-shadow: 5px 5px 10px 0px rgba(146, 171, 160, .3);
		border-radius: 0 5px 5px 0;
		background-color: #f5f5f5;
	}
	
	.dept-v2 .focus-box--pull-right--gray {
		box-shadow: 5px 5px 10px 0px rgba(146, 171, 160, .3);
		border-radius: 0 5px 5px 0;
		border-left: 5px solid #1E6B52;
		float: right;
		margin: 1.5em 0 1.5em 1.5em;
		background-color: #f5f5f5;
	}
	
	.dept-v2 .focus-box--pull-left--gray {
		box-shadow: -5px 5px 10px 0px rgba(146, 171, 160, .3);
		border-radius: 5px 0 0 5px;
		border-right: 5px solid #1E6B52;
		float: left;
		margin: 1.5em 1.5em 1.5em 0;
		background-color: #f5f5f5;
	}
	
	@media all and (max-width:767px) {
		.dept-v2 .focus-box {
			float: none;
			width: 98%;
			margin: 1em 0;
		}
	}
	/*Gray Option */
	/*** END Focus Box ***/
	/*** BEGIN V2 - Footer ***/
	
	.dept-v2 #footer .uabFooterMenu {
		background-color: #1E6B52;
	}
	
	.dept-v2 #footer_required .moduletable:first-child {
		padding-bottom: 0 !important;
	}
	
	.dept-v2 #footer_required .moduletable.unit-footer {
		padding-bottom: 0 !important;
	}
	
	.dept-v2 div#footer_required {
		margin-bottom: 0 !important;
	}
	
	.dept-v2 div#footer {
		padding-bottom: 0 !important;
	}
	/*removes extra space at bottom of footer */
	
	.dept-v2 .unit-footer__wrapper {
		background-color: #1E6B52;
	}
	
	.dept-v2 .unit-footer__container {
		display: flex;
		max-width: 1280px;
		padding: 3em 0 1em;
		margin: 0 auto;
		justify-content: center;
		a align-items: center;
	}
	
	@media all and (max-width:500px) {
		.dept-v2 .unit-footer__container {
			flex-wrap: wrap;
		}
	}
	/*BEGIN Unit Contact and Address Information */
	
	.dept-v2 #footer .unit-footer__information-wrapper ul li a:hover {
		color: #444 !important;
		text-decoration: underline;
	}
	
	.dept-v2 .unit-footer__information-container ul li,
	.dept-v2 .unit-footer__information-container ul li a {
		font-size: 13px;
	}
	
	.dept-v2 .unit-footer__information-address,
	.dept-v2 .unit-footer__information-contact {
		color: #fff;
		list-style-type: none;
		text-align: right;
		margin: 0 1em 0 0;
		padding: .1em .5em;
	}
	
	.dept-v2 .unit-footer__information-address {
		margin-top: 1em;
	}
	
	@media all and (min-width:500px) {
		.dept-v2 .logo--custom-footer {
			padding: 0 0 0 1em;
			border-left: 1px solid #e5e5e5;
		}
	}
	
	.dept-v2 .unit-footer__information-container {
		display: flex;
		justify-content: center;
		flex-direction: column;
		margin: 0 !important;
		align-items: flex-end;
		flex-shrink: 1.4;
	}
	
	@media all and (max-width:500px) {
		.dept-v2 .unit-footer__information-container {
			order: 2;
			flex-direction: row;
		}
	}
	/*BEGIN Logo and Social Media */
	
	.dept-v2 .unit-footer__logo-social-wrapper {
		margin: 0 !important;
	}
	
	.dept-v2 .unit-footer__unit-name {
		font-size: 1.6em;
		margin-top: 0px;
		text-align: left;
		margin-left: 6px;
		margin-bottom: 0;
		padding-bottom: 0 !important;
		color: #fff;
		font-weight: bold;
	}
	
	@media all and (max-width:500px) {
		.dept-v2 .unit-footer__unit-name {
			text-align: center;
		}
	}
	
	@media all and (min-width:500px) {
		.dept-v2 #footer .unit-footer__logo-social-wrapper {
			text-align: left;
		}
	}
	/* BEGIN Follow Button Styles */
	
	.dept-v2 .at-follow-btn {
		float: none !important;
	}
	
	@media all and (min-width:500px) {
		.dept-v2 .at-follow-btn {
			float: left !important;
			margin: 5px !important;
		}
	}
	
	.dept-v2 #footer .at-icon {
		fill: #1E6B52 !important;
	}
	
	.dept-v2 #footer .at-icon,
	.dept-v2 #footer .at-icon-wrapper {
		height: 1.8pc !important;
		width: 1.8pc !important;
	}
	
	.dept-v2 div#atftbx>p {
		display: none;
	}
	/*removes paragraph heading */
	/* END Follow Button Styles */
	/*** END V2 - Footer ***/
	/***BEGIN V2- General Element Styles ***/
	/*Responsive Video */
	
	.video-wrapper {
		position: relative;
		padding-bottom: 56.25%;
    
		/* 16:9 */
	}
	
	.video-wrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	/* Desktop Only Element */
	
	@media all and (max-width: 698px) {
		.dept-v2 .desktop-only-element {
			display: none;
		}
	}
	/*Full Width Image on Mobile */
	
	@media all and (max-width: 767px) {
		.dept-v2 .image--mobile-full-width {
			width: 100% !important;
			float: none !important;
			margin: .5em 0 !important;
		}
        
        .dept-v2 .element--mobile-full-width {
			width: 95% !important;
			float: none !important;
			margin: 1.5em auto !important;
		}
        
        
        
	}
	/*** END V2 - General Element Styles ***/
	/*** BEGIN V2 - Link Styling ***/
	
	.dept-v2 #content p a:link:not(.btn),
	.dept-v2 #content p a:visited:not(.btn),
	.dept-v2 #content ul:not(.uk-tab) li a:link,
	.dept-v2 #content ul:not(.uk-tab) li a:visited {
		border-bottom: 3px solid rgba(30, 107, 82, 0.5);
		color: #222;
		font-weight: normal;
		transition: all 0.4s ease 0s;
	}
	
	.dept-v2 #content p a:link:hover:not(.btn),
	.dept-v2 #content p a:visited:hover:not(.btn),
	.dept-v2 #content ul:not(.uk-tab) li a:link:hover,
	.dept-v2 #content ul:not(.uk-tab) li a:visited:hover {
		color: #222;
		border-bottom: 3px solid #cccccc;
		background-color: #deefdf;
		font-weight: normal;
		text-decoration: none;
	}
	
	.dept-v2 .btn-group .dropdown-menu>li>a {
		border-bottom: none !important;
	}
	/*removes bottom border from bootstrap dropdown menu */



.dept-v2 #content .focus-box--pull-right--green p a:link:not(.btn), .dept-v2 #content .focus-box--pull-right--green p a:visited:not(.btn) {
    border-bottom: 3px solid #fff !important;
    color: #fff;
}

/*adjusts styling for green focus box*/



.dept-v2 #content .focus-box--pull-right--gray p a:link:not(.btn), .dept-v2 #content .focus-box--pull-right--gray p a:visited:not(.btn), .dept-v2 .focus-box--full-width--gray p a:visited:not(.btn), .dept-v2 .focus-box--full-width--gray p a:link:not(.btn) {
    border-bottom: 3px solid rgba(30, 107, 82, 0.5);
   
    
}

/*adjusts styling for gray focus box*/


	/*** END V2 - Link Styling ***/
	/***BEGIN V2 - Modules General Styling ***/
	
	.dept-v2 .module-heading {
		font-size: 1.8em;
		line-height: 120% !important;
		font-family: "kulturista-web", serif !important;
		border-bottom: 1px solid #D3D3D3;
		padding-bottom: .2em;
		margin-bottom: .5em !important;
		font-weight: 600 !important;
	}
	/****END V2 - Modules General Styling ***/


/***BEGIN V2 - News ***/

.news-feed--with-icons .newsfeed {
	margin-left:14px !important;
}
.news-feed--with-icons li {
	margin:0 !important;
	border:none;
}
.news-feed--with-icons a {
	font-weight:600 !important;
	font-size:1em !important;

}
.news-feed--with-icons .feed-link:before {
	font-family: FontAwesome;
	content: "\f101";
	color: #82c140;
	margin-left:-14px;
}
.news-feed--with-icons .module-heading {
	margin-bottom:0.2em !important;
}


/***END V2 - News ***/


/***BEGIN V2 - Page Min-Height ***/


	@media all and (min-width:1025px) {
		.page-min-height--600 {
			min-height: 600px;
		}
		.page-min-height--700 {
			min-height: 700px;
		}
		.page-min-height--800 {
			min-height: 800px;
		}
		.page-min-height--900 {
			min-height: 900px;
		}
		.page-min-height--950 {
			min-height: 950px;
		}
		.page-min-height--1000 {
			min-height: 1000px;
		}
		.page-min-height--1200 {
			min-height: 1200px;
		}
        
        .page-min-height--1600 {
			min-height: 1600px;
		}
	}


/***END V2 - Page Min-Height ***/


/***BEGIN V2 - Popular ***/

.dept-v2 .mostread.popular-feed--with-icons {
	margin-left:14px !important;
}
.dept-v2 .mostread.popular-feed--with-icons li {
	margin:0 !important;
	border:none;
	padding:.4em 0;
}
.dept-v2 .mostread.popular-feed--with-icons span {
	font-weight:600 !important;
	font-size:1em !important;

}
.dept-v2 .mostread.popular-feed--with-icons li:before {
	font-family: FontAwesome;
	content: "\f101";
	color: #82c140;
	margin-left:-14px;
}
.dept-v2 .moduletable.popular-feed--with-icons .module-heading {
	margin-bottom:0.2em !important;
}
@media all and (max-width:1024px) {
	.dept-v2 .moduletable.popular-feed--with-icons h3, .dept-v2 .moduletable.popular-feed--with-icons ul {
		margin-left:10px !important;
	}
	.dept-v2 .popular-feed--with-icons .mostread li:before {
		margin-left:0;
	}
}


/***END V2 - Popular ***/

/***BEGIN V2 - Ribbon ***/


#ribbon .dropdown:focus-within>ul {
    visibility: visible;
    display: block;
}


/***END V2 - Ribbon ***/


	/*** BEGIN V2 - Sidebar Styling ***/
	
	.dept-v2 #rightsidebar .nav.menu li {
		padding: .13em .21em !important;
	}
	
	.dept-v2 #rightsidebar ul.nav-child li a {
		position: relative;
		display: block;
	}
	
	.dept-v2 .nav.menu .nav-child>.parent>.nav-child>li>a {
		margin-left: .5em;
	}
	/*adjusts margin only on children of secondary headings*/
	
	.dept-v2 #rightsidebar .nav.menu>.parent>a,
	.dept-v2 #rightsidebar .nav.menu>.parent>.nav-header,
	
	.dept-v2 #rightsidebar .nav.menu>li>.nav-header,
	.sidebar-heading--first-level {
		font-size: 1.6em;
		line-height: 120% !important;
		font-family: "kulturista-web", serif !important;
		border-bottom: 1px solid #d3d3d3;
		margin-bottom: .5em;
		font-weight: 600 !important;
		padding: .4em .3em !important;
		color: #1e6b52;
		border-left: none !important;
		text-transform: inherit;
	}

/*.dept-v2 #rightsidebar .nav.menu>li>a - removed to fix sidebar for resources menu */
	
	.dept-v2 #rightsidebar .nav-child>.parent>a,
	.dept-v2 #rightsidebar .nav.menu>.parent>.nav-child>li>.nav-header,
	.dept-v2 .sidebar-heading--second-level {
		font-size: 1.1em;
		padding: 0;
		line-height: 120% !important;
		font-weight: 700 !important;
		text-transform: initial;
		font-family: proxima-nova, sans-serif !important;
		color: #1e6b52;
	}
	/*BEGIN Active and Hover Link Styling */
	
	.dept-v2 #rightsidebar ul.nav.menu li a {
		line-height: 1em !important;
		padding: .4em 0;
        text-decoration:none;
	}
	
	.dept-v2 #rightsidebar .nav.menu li {
		padding: 0 !important;
		margin: .3em 0 !important;
	}
	
	.dept-v2 #rightsidebar .nav.menu a {
		position: relative;
		z-index: 2;
	}
	
	.dept-v2 #rightsidebar ul.nav.menu li a:not(.sidebar-button):hover:before {
		content: '';
		border-left: 5px solid #82c140;
		z-index: -2;
		top: 0px;
		bottom: 0px;
		left: -5px;
		display: block;
		position: absolute;
		margin-left: -5px;
        background-color:#eee;
        right:0;
	}
	
	.dept-v2 #rightsidebar ul.nav.menu li a:not(.sidebar-button):hover:after {
		content: '';
		background-color: #eee;
		z-index: -2;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		display: block;
		position: absolute;
		margin-left: -5px;
	}
	
	.dept-v2 #rightsidebar ul.nav.menu li.current.active>a:not(.sidebar-button):before {
		content: '';
		border-left: 5px solid #82c140;
		z-index: -1;
		top: 0;
		bottom: 0;
		left: -5px;
		display: block;
		position: absolute;
		margin-left: -5px;
       
	}
	
	.dept-v2 #rightsidebar ul.nav.menu li.current.active>a:not(.sidebar-button):after {
		content: '';
		background-color: #f5f5f5;
		z-index: -2;
		left: 0;
		right: 0;
		top: 0px;
		bottom: 0;
		display: block;
		position: absolute;
		margin-left: -5px;
	}
	
	.dept-v2 #rightsidebar ul.nav.menu li.current.active a:not(.sidebar-button):hover:after {
		content: '';
		background-color: #eee;
		z-index: -2;
		top: 0px;
		bottom: 0px;
		left: 0;
		right: 0;
		display: block;
		position: absolute;
		margin-left: -5px;
	}

   .dept-v2 #rightsidebar .nav.menu a.default-sidebar-link {
    font-size: 1em;
    font-weight: normal !important;
}


	/*END Active and Hover Link Styling */
	/*BEGIN Mobile Styles */
	
	@media all and (max-width:1024px) {
		.dept-v2 #rightsidebar ul.nav.menu li a {
			padding: .8em;
		}
		.dept-v2 #rightsidebar .nav-child>.parent>a,
		.dept-v2 #rightsidebar .nav.menu>.parent>.nav-child>li>.nav-header,
		.dept-v2 .sidebar-heading--second-level {
			font-size: 1.5em;
			padding: .5em;
			margin-top: .5em;
		}
		.dept-v2 #rightsidebar ul.nav.menu li.current.active>a:before,
		.dept-v2 #rightsidebar ul.nav.menu li a:hover:before {
			left: 5px;
		}
		.dept-v2 #rightsidebar ul.nav.menu li.current.active>a:after,
		.dept-v2 #rightsidebar ul.nav.menu li a:hover:after {
			left: 5px !important;
		}
		.dept-v2 #rightsidebar .nav.menu>.parent>a,
		.dept-v2 #rightsidebar .nav.menu>.parent>.nav-header,
		.dept-v2 #rightsidebar .nav.menu>li>a,
		.dept-v2 #rightsidebar .nav.menu>li>.nav-header,
		.sidebar-heading--first-level {
			font-size: 2em;
		}
	}
	/*END Mobile Styles */




/***BEGIN V2 - Second Level Menu Styling  ***/


	
	@media all and (min-width:1024px) {
		.dept-v2 .deeper.parent .deeper.parent .nav-child a:before {
			content: '-';
			margin-right: 4px;
		}
		.dept-v2 #rightsidebar .nav-child>.parent>a,
		.dept-v2 #rightsidebar .nav.menu>.parent>.nav-child>li>.nav-header,
		.dept-v2 .sidebar-heading--second-level {
			font-size: 1em;
			font-weight: normal !important;
		}
	}
	
	.dept-v2 #rightsidebar .nav-child>.parent>a,
	.dept-v2 #rightsidebar .nav.menu>.parent>.nav-child>li>.nav-header,
	.dept-v2 .sidebar-heading--second-level {
		font-weight: normal !important;
	}

	@media only screen and (max-width: 600px) {
		.sidebarMobile-v2 {
			width: 90%!important;
			float: none!important;
			margin: 10px auto!important;
		}
	}

/***END V2 - Second Level Menu Styling  ***/


	/*BEGIN V2 - News */
	
	.dept-v2 span.subheading-category {
		font-size: 32px !important;
		line-height: 120% !important;
		font-family: "kulturista-web", serif !important;
		color: #333 !important;
		margin: 0.5em 0 !important;
		text-align: left !important;
	}
	/*changes subcategory font */
	/*END V2 - News */
	/*** V2 - END Sidebar Styling ***/
	/*BEGIN V2 - Typography */
	
	@media only screen and (max-width: 1024px) {
		html {
			font-size: 92.5%;
		}
	}
	
	@media only screen and (max-width: 768px) {
		html {
			font-size: 82.5%;
		}
	}
	
		.dept-v2 h3,
	.dept-v2 h3 strong,
	.dept-v2 h3 span,
	.dept-v2 h3 em,
	.dept-v2 h3 a,
	.dept-v2 h4,
	.dept-v2 h4 strong,
	.dept-v2 h4 span,
	.dept-v2 h4 em,
	.dept-v2 h4 a,
	.dept-v2 h5,
	.dept-v2 h5 strong,
	.dept-v2 h5 span,
	.dept-v2 h5 em,
	.dept-v2 h5 a,
	.dept-v2 .rsform-input-box,
	.dept-v2 input,
	.dept-v2 button,
	.dept-v2 select,
	.dept-v2 textarea {
		font-family: proxima-nova, sans-serif !important;
	}
	
	.dept-v2 h1,
	.dept-v2 h1 strong,
	.dept-v2 h1 span,
	.dept-v2 h1 em,
	.dept-v2 h1 a,
	.dept-v2 h2,
	.dept-v2 h2 strong,
	.dept-v2 h2 span,
	.dept-v2 h2 em,
	.dept-v2 h2 a,
	.dept-v2 h6,
	.dept-v2 h6 strong,
	.dept-v2 h6 span,
	.dept-v2 h6 em,
	.dept-v2 h6 a {
		font-family: "kulturista-web", serif !important;
	}
	
	.dept-v2 body,
	.dept-v2 p,
	.dept-v2 span,
	.dept-v2 div,
	.dept-v2 a,
	.dept-v2 button,
	.dept-v2 em {
		font-family: proxima-nova, sans-serif !important;
		line-height: 150%;
		font-weight: 400;
		font-size: 16px;
	}
	
	.dept-v2 h1,
	.dept-v2 h1 strong,
	.dept-v2 h1 span,
	.dept-v2 h1 em,
	.dept-v2 h1 a {
		font-size: 2rem;
		line-height: 120% !important;
		font-weight: bold !important;
	}
	
	.dept-v2 h2,
	.dept-v2 h2 strong,
	.dept-v2 h2 span,
	.dept-v2 h2 em,
	.dept-v2 h2 a {
		font-size: 1.8rem;
		line-height: 120% !important;
		font-weight: bold !important;
	}
	
	.dept-v2 h3,
	.dept-v2 h3 span,
	.dept-v2 h3 strong,
	.dept-v2 h3 em,
	.dept-v2 h3 a
                    {
		font-size: 1.6rem;
		line-height: 120% !important;
		text-shadow: none;
		font-weight: bold !important;
	}
	
	.dept-v2 h4,
	.dept-v2 h4 strong,
	.dept-v2 h4 span,
	.dept-v2 h4 em,
	.dept-v2 h4 a {
		font-size: 1.4rem;
		font-weight: bold !important;
		line-height: 120%;
	}
	
	.dept-v2 h5,
	.dept-v2 h5 strong,
	.dept-v2 h5 span,
	.dept-v2 h5 em,
	.dept-v2 h5 a {
		font-size: 1.3rem;
		font-weight: bold !important;
		line-height: 120%;
	}
	
	.dept-v2 h6,
	.dept-v2 h6 strong,
	.dept-v2 h6 span,
	.dept-v2 h6 em,
	.dept-v2 h6 a {
		font-size: 1.2rem;
		font-weight: bold !important;
	}
	
	.dept-v2 h1,
	.dept-v2 h2,
	.dept-v2 h3,
	.dept-v2 h4,
	.dept-v2 h5,
	.dept-v2 h6 {
		line-height: 120% !important;
		margin: 1em 0 10px !important;
	}
	
	.dept-v2 h1+p,
	.dept-v2 h2+p,
	.dept-v2 h3+p,
	.dept-v2 h4+p,
	.dept-v2 h5+p,
	.dept-v2 h6+p {
		margin-top: 0 !important;
	}