/*
* UVa Magazine 
* Based on Skeleton www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face
*/

/* #Site Styles
================================================== */
:root {
	/* Colors */
	--uva-blue: #232D4B;
	--uva-orange: #E57200;
	--secondary-web-orange: #EB5F0C;
	--accessible-orange: var(--secondary-web-orange);
	--cyan: #007CAD; /* Official UVA cyan isn't quite accessible; this is adjusted to meet WCAG 2.1 AA */

	/* Fonts */
	--chronicle-display: 'Chronicle Display A', 'Chronicle Display B', Georgia, 'Times New Roman', Times, serif;
	--chronicle-text: 'Chronicle Text G1 A', 'Chronicle Text G1 B', Georgia, 'Times New Roman', Times, serif;
	--verlag: 'Verlag A', 'Verlag B', Arial, Helvetica, sans-serif;
	
	--sans-serif: Arial, Helvetica, sans-serif;
	--sans-serif-text: var(--sans-serif);
	--sans-serif-display: var(--sans-serif);
	--serif-display: 'ff-tisa-web-pro';
	--serif-text: Georgia, serif;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.horiz-list > ul > li, .horiz-list > ol > li {
	list-style-image: none;
	list-style-type: none;
	margin-left: 0;
	white-space: nowrap;
	display: inline;
	float: left;
	padding-left: 4px;
	padding-right: 4px;
	padding: 0 0.6rem;
	font-weight: bold;
}

	.horiz-list > ul > li:first-child, .horiz-list > ul > li.first, .horiz-list > ol > li.first, .horiz-list > ol > li:first-child {
		padding-left: 0;
	}

	.horiz-list > ul > li:last-child, .horiz-list > ul > li.last, .horiz-list > ol > li:last-child, .horiz-list > ol > li.last {
		padding-right: 0;
	}

.ir {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

p.smaller, .smaller {
	font-size: 13px;
	line-height: 15px;
}

a:hover, a:focus {
	text-decoration: underline;
}

a.button:hover, a.button:focus, .white-arrow a:hover, .white-arrow a:focus {
	text-decoration: none;
}

.button.orange-bg {
	background: var(--secondary-web-orange);
	border: solid 1px var(--secondary-web-orange);
}

	.button.orange-bg:hover {
		background: white;
		color: var(--secondary-web-orange) !important;
		-webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out;
		-moz-transition: background 200ms ease-in-out, color 200ms ease-in-out;
		-ms-transition: background 200ms ease-in-out, color 200ms ease-in-out;
		-o-transition: background 200ms ease-in-out, color 200ms ease-in-out;
		transition: background 200ms ease-in-out, color 200ms ease-in-out;
	}

.button.shadow {
	box-shadow: 0px 1px 2px #000;
}

.orange-txt {
	color: var(--secondary-web-orange);
}

.white-txt, a.white-txt:visited, .sidebar a.white-txt, .sidebar a.white-txt:visited {
	color: #fff;
}

.row.table {
	display: table-row;
}

.e-news-icon .icon-envelope {
	color: var(--secondary-web-orange);
	font-size: 24px;
	position: absolute;
	left: 3px;
	top: -1px;
}

input[type="submit"] {
	font-family: var(--chronicle-text);
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	padding: 0.2em 1em;
	text-transform: uppercase;
}

.excerpt h1 {
	color: #2c3337;
}

	.excerpt h1.small {
		font-size: 18px;
		line-height: 21px;
		font-weight: bold;
	}

	.excerpt h1.large {
		font-size: 26px;
		font-weight: bold;
	}

.comments-count {
	/*display:block;*/
	display: none; /* Hidden, effective 4/3/2015 */
	position: relative;
	width: 32px;
	height: 29px;
	text-align: center;
	font-weight: bold;
}

.blue.button {
	background: #002f50;
}

	.blue.button:hover {
		color: #fff;
		text-decoration: underline;
	}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/*dw nth child for toc highlights*/

.columns .mycount:nth-of-type(4n+1) {
	margin-left: 0;
	clear: left
}

.child-categories {
	line-height: 2em;
	margin-top: 1em;
}

.child-category {
	background-color: var(--secondary-web-orange);
	border-radius: 5px;
	color: white;
	margin-right: 0.5em;
	padding: 0.2em 0.6em;
	white-space: nowrap;
	-webkit-transition: background 300ms ease-in-out;
	-moz-transition: background 300ms ease-in-out;
	-ms-transition: background 300ms ease-in-out;
	-o-transition: background 300ms ease-in-out;
	transition: background 300ms ease-in-out;
}

	.child-category:hover {
		background-color: rgba(245, 128, 37, 0.7);
	}

a.child-category {
	color: white;
}

	a.child-category:hover {
		text-decoration: none;
	}

.ENewsletter {
	margin-bottom: 20px;
}

	.ENewsletter p {
		margin: 0;
	}

	.ENewsletter .EnewsStory {
		margin-left: 1em;
		text-indent: -1em;
	}

/* Intended for links that need to be a little subtler than the normal orange link, e.g. on uvamagazine.org/enewsletter for the article titles. */
a.subtler {
	border-bottom: dotted 1px #555555;
	color: #555555;
}

	a.subtler:hover,
	a.subtler:focus,
	a.subtler:active {
		border-bottom: dotted 1px #ffffff;
		color: #333333;
		text-decoration: none;
	}

.Rounded img {
	border-radius: 50%;
}

.Rounded figure,
.Rounded figcaption {
	text-align: center;
}

.ContainsThumbnail img,
.Thumbnail {
	-webkit-backface-visibility: hidden; /*Gets rid of wiggle in webkit browsers upon animation*/

	-webkit-transition: opacity 300ms ease-in-out;
	-moz-transition: opacity 300ms ease-in-out;
	-ms-transition: opacity 300ms ease-in-out;
	-o-transition: opacity 300ms ease-in-out;
	transition: opacity 300ms ease-in-out;
}

	.ContainsThumbnail:hover img,
	.Thumbnail:hover {
		opacity: 0.7;
	}
	
cite {
	font-style: italic;
}

/* #Header Styles
================================================== */

.site-header {
	background: #f8f8f8;
	border-bottom: solid 1px #c0c0c0;
	margin-bottom: 50px;
}

	.site-header > .row {
		margin-bottom: 0;
	}

	.site-header a {
		color: #777;
	}

		.site-header a:hover,
		.site-header a:focus {
			color: #333;
			text-decoration: none;
		}

	.site-header .logo a {
		color: var(--uva-orange);
	}

		.site-header .logo a:hover,
		.site-header .logo a:focus {
			color: #DC7321;
		}

.logo {
	margin-right: 2em;
	position: relative;
}

	.logo a {
		color: var(--uva-orange);
		font-family: var(--chronicle-display);
		font-size: 40px;
		font-weight: 700;
		letter-spacing: -3px;
		line-height: 47px;
		text-decoration: none;
		text-transform: uppercase;
	}

		.logo a span {
			letter-spacing: -3px;
		}

.site-header .horiz-list > ul {
	margin: 0;
}

	.site-header .horiz-list > ul > li {
		text-transform: uppercase;
	}

.search-box {
	position: absolute;
	right: 127px;
	width: 0;
	visibility: hidden;
	height: 0;
	-webkit-transition: width 0.75s ease-out;
	transition: width 0.75s ease-out;
}

	.search-box.open {
		z-index: 1;
		visibility: visible;
		width: 210px;
		height: auto;
		-webkit-transition: width 0.75s ease-out;
		transition: width 0.75s ease-out;
	}

	.search-box input {
		display: inline-block;
		position: absolute;
		top: 0;
	}

		.search-box input[type="text"] {
			border-radius: 0;
			height: 36px;
			left: 0;
			width: 175px;
		}

		.search-box input[type="image"] {
			right: 0;
		}

		.search-box input[type="submit"] {
			font-family: 'uvamag';
			speak: none;
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			position: absolute;
			top: 0;
			right: 0;
			color: white;
			width: 35px;
			height: 36px;
			font-size: 18px;
			padding: 6px;
			background: #d6dde2;
			-webkit-appearance: none;
			border-radius: 0;
		}

			.search-box input[type="submit"]:hover,
			.search-box input[type="submit"]:active {
				color: var(--secondary-web-orange);
			}

	.search-box .search-close {
		display: inline-block;
		width: 35px;
		height: 36px;
		position: relative;
		left: -35px;
		z-index: -1;
		color: #fff;
		background-color: #d6dde2;
		font-size: 18px;
		text-align: center;
		padding-top: 10px;
	}

	.search-box.open .search-close {
		z-index: 100;
	}

	.search-box .search-close:hover {
		cursor: pointer;
		color: var(--secondary-web-orange);
	}

.nav-bar {
	font-family: var(--chronicle-text);
	font-size: 12pt;
	position: relative;
}

	.nav-bar.seven.columns {
		margin-left: 1.0%;
	}

	.nav-bar.horiz-list > ul > li, .nav-bar.horiz-list > ol > li {
		font-weight: normal;
		line-height: 20px;
		padding-top: 15px;
	}

li.parent {
	position: relative;
}

	li.parent > a > span {
		margin-left: 2px;
		font-size: 16px;
		top: 1px;
		position: relative;
	}

.nav-bar.seven.columns li.parent .sub-nav-wrap {
	display: none;
	background: transparent;
	position: absolute;
	top: 100%;
	left: -52px;
	width: auto;
	z-index: 100;
	margin: 0;
	padding: 16px 0 0 0;
}

.nav-bar.seven.columns li.parent.two .sub-nav-wrap {
	left: -11px;
}

.nav-bar.seven.columns li.parent .sub-nav-wrap.topics {
	left: -10px;
}

.no-touch .nav-bar.seven.columns li.parent:hover .sub-nav-wrap {
	display: block;
}

.touch .nav-bar.seven.columns li.parent.closed .sub-nav-wrap {
	display: none;
}

.touch .nav-bar.seven.columns li.parent.open .sub-nav-wrap {
	display: block;
}
/*.nav-bar.seven.columns li.parent.open .sub-nav-wrap{
	display:block;
}*/
.sub-nav {
	background: #fff;
	border: 1px solid var(--uva-blue);
	border-radius: 4px;
	height: 388px;
	width: 100%;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: 1px 2px 6px rgba(0,0,0,.25);
	-moz-box-shadow: 1px 2px 6px rgba(0,0,0,.25);
	box-shadow: 1px 2px 6px rgba(0,0,0,.25);
	font-family: var(--sans-serif);
	font-size: 14px;
	line-height: 25px;
}

.parent.two .sub-nav {
	height: auto;
	padding-top: 6px;
}

.nav-bar.seven.columns li.parent > .sub-nav-wrap:before {
	position: absolute;
	content: " ";
	/*background: url(https://s3.amazonaws.com/cdn.uvamagazine.org/images/sprite_new.png) no-repeat -292px -10px;*/
	width: 30px;
	height: 16px;
	top: 2px;
	left: 40%;
}

.sub-nav li h3, .nav-col-2 li h3 {
	font-size: 13px;
	border-bottom: 1px solid #6a6f73;
	margin: 6px 15px;
	color: #6a6f73;
}

.sub-nav.two-column-nav li h3 {
	width: 190px;
}

ul.two-column-nav {
	width: 360px;
	padding-bottom: 10px;
}

	ul.two-column-nav.two {
		margin-left: 20px;
		display: inline-block;
		background: #fff;
		width: 190px;
		font-family: var(--sans-serif);
		font-size: 13px;
		line-height: 24px;
	}

		ul.two-column-nav.two li {
			font-weight: bold;
			float: left;
			text-transform: none;
			width: 100%;
		}

			ul.two-column-nav.two li h3 {
				font-weight: normal;
				padding: 0;
				margin: 0 0 0 0;
			}

/* ul.two-column-nav{ width:400px;} */

.nav-col-1 {
	width: 39%;
	float: left;
	font-weight: bold;
}

.nav-col-2 {
	background: #fff;
	display: block;
	margin: 4px 10px 0 0px;
	width: 58%;
	float: right;
}

.sub-nav li {
	display: block;
	text-transform: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

	.sub-nav li a:hover,
	.sub-nav li a:focus {
		color: var(--accessible-orange);
		text-decoration: none;
	}

	.sub-nav li a {
		color: #002F50;
		width: 100%;
		float: left;
		font-size: 13px;
		/*padding:10px 18px;*/
		padding: 4px 15px 6px;
		font-weight: bold;
		line-height: 13px;
	}

.nav-col-2 li a {
	color: #002F50;
	line-height: 15px;
	margin: 3px 0;
	display: block;
}

	.nav-col-2 li a span {
		word-break: normal;
		white-space: normal;
		font-weight: normal;
		float: left;
		width: 100%;
		color: #6a6f73;
		font-size: 11px;
	}
/*.sub-nav li + li{
	border-top:1px solid var(--accessible-orange);
}*/

.top-options {
	margin-top: 6px;
}

.bx-wrapper {
	margin: 0 auto 40px;
}

.top-options li {
	float: right;
}

.top-options .icons li a {
	float: right;
	color: white;
	font-size: 24px;
	padding: 6px;
	background: #d6dde2;
}

.top-options.horiz-list > ul > li {
	padding: 0;
	margin: 0 0 0 6px;
	padding: 0;
}

.page-footer .horiz-list .icons li {
	margin: 0 0 0 6px;
	padding: 0;
}

	.page-footer .horiz-list .icons li a:hover {
		color: #fff;
		background: var(--accessible-orange);
	}

.icons li a {
	float: left;
	padding: 6px 6px 4px;
	background: #9d9d9d;
	text-decoration: none;
}

	.icons li a:hover {
		background: #6a6f73;
	}

.page-footer .icons span {
	font-size: 24px;
}

a.navicon {
	display: none;
}

.top-options li:last-child, .top-options li.last {
	margin-right: 0;
}

.top-share-widget {
	background-color: var(--uva-blue);
	color: #efefef;
	font-family: var(--verlag);
	margin-top: -50px; /* Accounts for margin-bottom of header */
	margin-bottom: 30px;
	padding: 10px;
	position: relative;
	text-transform: uppercase;
	width: 100%;
	z-index: 50; /* The dropdown site navigation is 52, and this needs to be behind it, but above just about anything else */

	-webkit-backface-visibility: hidden; /*Gets rid of wiggle in webkit browsers upon animation*/
	-webkit-transition: top 300ms ease-in-out;
	-moz-transition: top 300ms ease-in-out;
	-ms-transition: top 300ms ease-in-out;
	-o-transition: top 300ms ease-in-out;
	transition: top 300ms ease-in-out;
}

	.top-share-widget.fixed {
		margin-top: 0;
		position: fixed;
		top: 0;
		left: 0;
	}

	.top-share-widget.scroll-up {
		top: -100px;
	}

	.top-share-widget .row {
		line-height: 18px;
	}

	.top-share-widget label {
		font-size: 24px;
		margin-right: 10px;
	}

	.top-share-widget .channel {
		color: white;
		height: 100%;
		font-size: 24px;
		margin-right: 10px;
		padding: 6px 6px 4px;
		text-decoration: none;
	}

		.top-share-widget .channel:hover {
			color: var(--accessible-orange);
			text-decoration: none;
		}

.homepage .top-share-widget {
	display: none;
}

@media only screen and (min-width: 768px) {
	.top-share-widget {
		display: none;
	}
}

@media only print {
	.top-share-widget {
		display: none;
	}
}

/* #Homepage Styles
================================================== */

.BannerAlert, .site-alert {
	background-color: var(--accessible-orange);
	/*background: linear-gradient(var(--uva-blue), #004080);*/
	color: white;
	font-family: var(--sans-serif-text);
    font-size: 1.3em;
	font-weight: bold;
    line-height: 1.5em;
	margin-top: -50px; /* Bring it up to the navbar */
	margin-bottom: 50px; /* But keep the spacing below it */
	padding: 1em;
}
	.BannerAlert :last-child,
	.site-alert :last-child {
		margin-bottom: 0;
	}
	.BannerAlert a,
	.site-alert a {
		color: inherit;
	}
		.BannerAlert a:hover,
		.BannerAlert a:focus,
		.site-alert a:hover,
		.site-alert a:focus {
			color: inherit;
		}

.current-issue, .e-news {
	background: #eaf1f5;
	padding: 10px;
}

.e-news {
	font-family: var(--verlag);
}

	.e-news h3 {
		font-family: var(--chronicle-display);
		font-weight: bold;
		font-size: 1.5em;
		margin-bottom: 0.5em;
	}

	.e-news p {
		margin-bottom: 0;
		position: relative;
	}

p.e-news-icon {
	padding-left: 40px;
	font-weight: bold;
}

.current-issue img {
	margin-bottom: 14px;
	margin-right: 14px;
	width: 40%;
}

.button {
	font-family: var(--chronicle-text);
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	padding: 0.2em 1em;
	text-transform: uppercase;
}

.current-issue h3 {
	text-transform: uppercase;
	font-weight: bold;
}

.current-issue a.orange-txt {
	display: table-cell;
	width: 100%;
	vertical-align: top;
}

	.current-issue a.orange-txt span.ipad {
		background-position: 0 -60px;
	}

	.current-issue a.orange-txt span.digital {
		background-position: 0 -88px;
	}

.current-issue .table {
	font-size: 13px;
	font-weight: bold;
}

	.current-issue .table p:last-child {
		margin-bottom: 0;
	}

.current-issue .icon-tablet,
.current-issue .icon-book {
	font-size: 18px;
	margin-right: 10px;
	position: relative;
	top: 2px;
}

.poll p {
	margin: 9px 0;
}

.poll input[type="submit"] {
	margin-top: 6px;
}

/*dw - center image in slider area*/
.feature-slider img {
	margin: 0 auto;
	display: block;
}

/*bga few edits to slider captions*/
.feature-slider .caption {
	color: #6a6f73;
	padding: 10px 0 0
}

.feature-slider {
	margin-bottom: 25px;
}

	.feature-slider p {
		margin-bottom: 0;
	}

.bxslider .caption {
	width: 86%;
	margin: 0 auto;
	background: rgba(255, 255, 255, 0.75);
	position: absolute;
	bottom: 3%;
	left: 7%;
	padding: 10px 5px 30px 5px;
	text-align: center;
	color: #2c3337;
}

	.bxslider .caption p {
		font-size: 18px;
	}

	.bxslider .caption h3 {
		font-size: 36px;
		font-weight: bold;
		line-height: 42px;
		padding-bottom: 0;
	}

	.bxslider .caption a {
		color: #2c3337;
	}

h3.section-header {
	padding-left: 10px;
	text-transform: uppercase;
	line-height: 30px;
	font-weight: 700;
	margin-bottom: 30px;
	text-align: left;
}

.highlights .excerpt {
	color: #6a6f73;
	margin-bottom: 20px;
}

.highlights .comments-count {
	float: right;
	color: #fff;
	top: -16px;
	right: -6px;
	width: 28px;
	height: 28px;
	text-align: left;
}

.comments-count:hover .count {
	text-decoration: underline;
}

.highlights .comments-count .count {
	position: absolute;
	z-index: 10;
	width: 28px;
	text-align: center;
	top: 1px;
}

.highlights .comments-count span.icon-bubble {
	position: absolute;
	z-index: 0;
	font-size: 28px;
}

	.highlights .comments-count span.icon-bubble:before {
		color: var(--accessible-orange);
	}

article.excerpt h1 {
	line-height: 24px;
	padding-top: 12px;
	padding-bottom: 5px;
	margin-bottom: 0;
}

	article.excerpt h1 a {
		color: #2c3337;
	}

/* #Global Modules Styles
================================================== */
.module-header, .section-header {
	background: #002f50;
	min-height: 35px;
}

	.module-header h3, h3.module-header {
		display: inline-block;
		padding-left: 10px;
		text-transform: uppercase;
		line-height: 30px;
		font-weight: 700;
	}

h3.module-header {
	display: block;
}

.module-header .more, .section-header .more, .home.module .more {
	background-color: #2a5d81;
	display: inline-block;
	float: right;
	width: 38.02614%;
	min-width: 135px;
	max-width: 145px;
	min-height: 35px;
	line-height: 30px;
	text-transform: lowercase;
	padding-left: 36px;
	font-family: var(--serif-display);
	font-size: 19px;
	font-weight: bold;
}

.more.white-arrow {
	color: #fff;
	position: relative;
}

	.more.white-arrow:hover {
		color: #fff;
		background-color: #002f50;
		text-decoration: none;
	}

.more .icon-arrow-right:before {
	position: absolute;
	left: 8px;
	top: 8px;
}

.form.row {
	margin-bottom: 6px;
}

.home.module {
	padding: 10px;
	position: relative;
}

	.home.module h3 {
		max-width: 60%;
		display: inline-block;
		text-transform: uppercase;
		font-weight: 700;
		padding-left: 10px;
		padding-top: 3px;
	}

	.home.module .more {
		width: 141px;
		display: block;
		float: right;
		height: 35px;
		position: absolute;
		top: 0px;
		right: 0px;
		padding-top: 0px;
		padding-right: 15px;
		border-radius: 0 0 0 5px;
		font-family: var(--serif-display);
		font-size: 18px;
		font-weight: bold;
		color: white;
		text-transform: lowercase;
		text-align: left;
	}

.row.adjust-up {
	top: -40px;
	position: relative;
	margin-bottom: 0;
}

.home.module .excerpt p {
	color: #6a6f73;
}

.two-col.module .excerpt {
	width: 38.8888889%;
}

	.two-col.module .excerpt.alpha {
		margin-left: 7.9861111%;
	}

	.two-col.module .excerpt.omega {
		margin-right: 7.9861111%;
	}

.quad.two-col.module .excerpt.alpha {
	margin-left: 0;
}

.quad.two-col.module .excerpt {
	width: 47.8888889%;
}

	.quad.two-col.module .excerpt.omega {
		margin-right: 0;
	}

.quad .module-header {
	margin-bottom: 30px;
	text-align: left;
}

.fancies .module {
	border: 10px solid #d8dde3;
	border-radius: 10px;
}

.the-list.module .excerpt {
	padding-left: 75px;
	margin-bottom: 30px;
	position: relative;
}

.the-list .icon-checkmark {
	font-size: 48px;
	position: absolute;
	color: #d8dde3;
	left: 10px;
	top: 25px;
}

.the-list.module .excerpt h1 {
	padding-top: 0;
}

.the-list.module .excerpt img {
	float: left;
	margin-right: 15px;
	/*dw added width*/
	width: 30%;
}

.home.module {
	position: relative;
}

.in-your-words.module {
	margin-bottom: 63px !important;
}

.in-your-words {
	position: relative;
}

	.in-your-words footer {
		position: absolute;
		display: block;
		top: 100%;
		left: 50px;
	}

		.in-your-words footer:after {
			content: " ";
			position: absolute;
			/*background: url(https://s3.amazonaws.com/cdn.uvamagazine.org/images/sprite_new.png) no-repeat -209px -109px;*/
			width: 113px;
			height: 73px;
		}

.video.module {
	margin-top: 60px !important;
}

.video footer {
	position: absolute;
	display: block;
	top: -68px;
	left: 30%;
}

	.video footer:after {
		content: " ";
		position: absolute;
		/*background: url(https://s3.amazonaws.com/cdn.uvamagazine.org/images/sprite_new.png) no-repeat -2px -118px;*/
		width: 188px;
		height: 58px;
	}

.photo.module {
	margin-top: 60px !important;
}

.photo footer {
	position: absolute;
	display: block;
	top: -60px;
	left: 15px;
}

	.photo footer:after {
		content: " ";
		position: absolute;
		/*background: url(https://s3.amazonaws.com/cdn.uvamagazine.org/images/sprite_new.png) no-repeat -2px -43px;*/
		width: 320px;
		height: 60px;
	}

.photo.module {
	background: url(../images/dev/circ.png) 50% 50% no-repeat;
}

/*.homepage .quotes, .homepage .advertising {margin-top:40px;}*/

.advertising {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.quote-content {
	position: relative;
}

	.quote-content .icon-quotes-left {
		position: absolute;
		top: 0;
		left: 0;
		font-size: 28px;
		background: #d8dde3;
		color: #fff;
		border-radius: 20px;
		padding: 8px;
		z-index: -1;
	}

	.quote-content p {
		padding-left: 8.75752%;
	}

.excerpt.quote-content p {
	margin-top: 0;
}

.the-quote-text {
	color: #555555;
	font-family: var(--chronicle-display);
	font-size: 2.5em;
	line-height: 1.3;
	margin-top: 0.5em;
}

	.the-quote-text a:hover,
	.the-quote-text a:focus,
	.the-quote-text a:active {
		color: #db650a;
		text-decoration: none;
	}

.quote-descriptor {
	color: #888888;
	font-family: var(--verlag);
	font-size: 1.3em;
	line-height: 1.5;
	text-align: right;
	/*text-transform: uppercase;*/
}

	.quote-descriptor:before {
		content: "\2014";
	}

/*BGA SEARCH PAGE */

.search h3 {
	font-weight: bold;
	margin-bottom: 5px;
}

.search p.search_date {
	margin-bottom: 5px;
}

.search p {
	margin-bottom: 30px;
}

/*CLASS NOTES
================================================== */

/* dw--class notes-"posted" style*/
.classnote {
	margin-bottom: 20px;
	clear: both;
}

	.classnote img {
		float: left;
		margin: 0 10px 0 0;
		border: solid 1px #333333;
	}

div.classnote p.cn-posted, .poll_date, .search_date {
	font-family: var(--sans-serif);
	font-size: 13px;
	line-height: 14px;
	color: #6f6f6f;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 20px;
}

div.classnote p, .search_date {
	padding-bottom: 0px;
	margin-bottom: 0
}

.classnote-error {
	background-color: #F2DEDE;
	border: 1px solid #EED3D7;
	border-radius: 4px 4px 4px 4px;
	color: #B94A48;
	margin-bottom: 20px;
	padding: 8px 35px 8px 14px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	width: 90%;
}

	.classnote-error ul {
		margin: 0;
		padding: 0;
	}

		.classnote-error ul li {
			font-family: var(--sans-serif);
		}

/*bga add in memoriam */
.inmem a {
	background-color: #999;
	border-radius: 4px;
	box-shadow: 1px 1px #ccc;
	color: white;
	font-family: var(--sans-serif);
	font-size: 17px;
	line-height: 35px;
	margin: 3px;
	padding: 3px 7px;
	white-space: nowrap;
}

	.inmem a:hover {
		background-color: var(--accessible-orange);
		color: white;
		text-decoration: none;
	}

.assets-fm-search, .assets-fm-view, .assets-fm-status, .assets-fm-files, .assets-fm-folders {
	display: none;
}

.third-year {
	display: none;
}

#add-third-year {
}

a.matrix-btn {
	background: none no-repeat scroll 0 -20px transparent;
	cursor: pointer;
	display: block;
	height: 20px;
	margin: 3px 0 0 2px;
	width: 20px;
}

	a.matrix-btn:active {
		background-position: 0 -40px;
	}

a.matrix-btn-disabled {
	background-position: 0 0 !important;
	cursor: default;
}

a.matrix-add {
	background-image: url("//themes/third_party/matrix/images/add_btn.png");
}

a.matrix-remove {
	background-image: url("//themes/third_party/matrix/images/remove_btn.png");
}
/*POLLS
================================================== */
div.pollrelated {
	overflow: auto;
	margin-top: 30px;
	padding: 10px;
	background: none repeat scroll 0 0 #EFF3F7;
	border: 1px solid #C9CFD6;
	clear: both;
	margin-bottom: 25px;
}

.poll-page div.pollrelated img {
	margin: 0 10px 0 0 !important;
	float: left;
	width: 100px;
	max-width: 100px;
	height: 100px;
	border-radius: 50%;
}

div.pollrelated a {
	line-height: 1.4;
	font-weight: bold;
}

div.pollrelated p {
	margin-bottom: 0;
}

p.poll_date {
	padding-bottom: 0
}

/*ARCHIVE
================================================== */

ul#archive {
	display: inline;
	list-style-type: none;
}

	ul#archive li {
		padding: 0px 36px 36px 36px;
		float: left;
		text-align: center;
	}

		ul#archive li img {
			box-shadow: 1px 1px 5px #999;
		}


/* #Footer Styles
================================================== */
.page-footer {
	background: #616161;
	font-size: 14px;
	color: white;
	padding-top: 30px;
	padding-bottom: 20px;
	display: block;
}

	.page-footer ul {
		display: block;
		text-align: center;
	}

		.page-footer ul:after {
			content: '\0020';
			display: block;
			overflow: hidden;
			visibility: hidden;
			width: 0;
			height: 0;
		}

		.page-footer ul:after {
			clear: both;
		}

	.page-footer ul {
		zoom: 1;
	}

		.page-footer ul.icons {
			margin-bottom: 0;
		}

	.page-footer .horiz-list > ul > li {
		padding: 0 7px;
		padding: 0 0.2rem;
		float: none;
		display: inline-block;
	}

	.page-footer a {
		color: white;
	}

	.page-footer nav li:after {
		content: "|";
		padding-left: 7px;
		color: #808080;
	}

	.page-footer nav li.last:after {
		content: none;
		padding-left: 0;
	}

	.page-footer p {
		color: #a6a7a7;
		font-weight: bold;
		margin-bottom: 0;
	}
/* #Category Archive Styles
================================================== */
.category-title {
	font-weight: bold;
	color: #9ea5a9;
	border-bottom: 1px solid #d6dde2;
	padding-bottom: 32px;
	margin-bottom: 0;
}

	/*dw adding some formatting for title*/
	.category-title span {
		color: #2c3337;
		text-transform: capitalize;
	}

.category-archive .main-content, .comments {
	padding-right: 80px;
	padding-top: 40px;
}

.article-body {
	padding-right: 80px;
}

.category-archive .excerpt {
	border-bottom: 1px solid #d6dde2;
	padding: 0 0 40px 0;
	margin-bottom: 40px;
}

	.category-archive .excerpt:first-of-type {
		padding-top: 0;
	}

	.category-archive .excerpt img {
		margin-left: 04.4117647%;
	}

.category-archive .sidebar {
	padding-top: 25px;
}
/*--bga adding padding to move it away from the top border */

/*--dw adding no margin for poll images*/
.category-archive .excerpt img.poll {
	margin-left: 0;
}

.category-archive .excerpt h1 {
	font-size: 26px;
	font-weight: bold;
	line-height: 32px;
	padding-top: 0;
	padding-bottom: 8px;
}

.category-archive .excerpt h3 {
	color: #9ea5a9;
	font-size: 18px;
	padding-bottom: 4px;
}

.category-archive .excerpt .pub-date {
	color: #999999;
	font-size: 80%;
	text-transform: uppercase;
}

.the-excerpt-footer .comments-count {
	color: #fff;
	right: 20px;
	float: right;
}

.the-excerpt-footer .count {
	text-align: center;
	width: 100%;
	top: 3px;
	left: 0;
	position: absolute;
}

.the-excerpt-footer .comments-count .icon-bubble {
	color: #002f50;
	font-size: 32px;
}

.the-excerpt-footer .social-share {
	display: inline-block;
	width: 80px;
	height: 28px;
	padding-top: 0px;
	margin-bottom: 0;
	font-family: var(--serif-display);
	font-weight: bold;
	text-transform: uppercase;
	float: right;
}
/*dw - added: clear:both*/
.pagination {
	margin: 20px 0;
	clear: both;
	border-top: 1px dotted #d6dde2;
	padding-top: 20px;
	display: inline-block;
}

	.pagination.horiz-list > ol > li {
		font-family: var(--serif-display);
		/*font-size:35px;*/
		font-size: 25px;
		font-weight: 300;
	}

		.pagination.horiz-list > ol > li:after {
			content: "|";
			color: #d6dde2;
			/*	font-size:45px;*/
			font-size: 25px;
			padding-left: 15px;
			padding-left: 1.25rem;
		}
		/*remove last pipe character */
		.pagination.horiz-list > ol > li:last-child:after {
			content: none;
		}

		.pagination.horiz-list > ol > li.header:after, .pagination.horiz-list > ol > li.prev:after, .pagination.horiz-list > ol > li.next:after {
			content: none;
		}

		.pagination.horiz-list > ol > li.prev, .pagination.horiz-list > ol > li.next {
			font-size: 25px;
		}

	.pagination ol {
		margin-left: 0;
	}

.pagination-orange a {
	background-color: var(--accessible-orange);
	border-radius: 0.5em;
	color: white;
	padding: 0.5em;
}

.pagination-orange strong {
	background-color: #002f50;
	border-radius: 0.5em;
	color: white;
	padding: 0.5em;
}

/* PHOTO GALLERY STYLES*/

#photo-gallery .excerpt img {
	display: block;
	margin: 0 auto;
	float: none;
}

#photo-gallery .excerpt header {
	margin-bottom: 10px;
}

#photo-gallery .excerpt p {
	margin: 20px 0 0
}

.categories li {
	font-family: var(--serif-display);
	margin: 1px 0 7px;
	font-size: 16px;
}

/*POLL*/

.lg-poll .lg-poll-results {
	/*display:inline;
float:left;
margin-right:10px;
width:243px;
font-family: var(--sans-serif);
line-height:normal;
font-size:11px;
*/
}

/*bga add poll styles */
.pollchoice {
	background-color: #70cc62;
	padding: 2px 6px;
	font-size: 80%;
}

.votedanswers {
	width: 25%;
	float: left;
}

.poll-page .main-content img {
	float: right;
}

.poll-page input.button {
	margin: 0;
}

.poll-page .main-content h2 {
	clear: both;
	font-family: var(--sans-serif);
	font-weight: bold;
	font-size: 27px;
	line-height: 25px;
	padding: 20px 0 0;
	font-weight: bold;
	margin: 0px;
	color: #2C3337;
}

.viewresults {
	clear: both;
	display: block;
	padding-top: 11px;
}

.lg-poll .lg-poll-results .answer {
	padding-right: 8px;
	text-align: right;
	width: 103px;
}

.lg-poll .lg-poll-results td {
	padding-bottom: 10px;
}

.lg-poll .lg-poll-results .percentage small {
	display: block;
	font-size: 11px;
	padding: 2px 0px 2px 5px;
	margin-top: 0px;
}

.lg-poll .lg-poll-results .a-0 .percentage {
	background: #BD4142 none repeat scroll 0;
}

.lg-poll .lg-poll-results .a-1 .percentage {
	background: #F7BA29 none repeat scroll 0;
}

.lg-poll .lg-poll-results .a-2 .percentage {
	background: #EFEB08 none repeat scroll 0;
}

.lg-poll .lg-poll-results .a-3 .percentage {
	background: #5A7DD6 none repeat scroll 0;
}

.lg-poll .lg-poll-results li.a-4 .percentage {
	background: #73A25A none repeat scroll 0;
}

.lg-poll .lg-poll-results li.a-5 .percentage {
	background: #9CCB21 none repeat scroll 0;
}

.lg-polls-answers li {
	padding: 0 0 0 30px;
}


ul.lg-polls-answers {
	margin-left: 0px;
	padding-top: 10px;
}


.indexentry .lg-poll .submit {
	padding-left: 0px;
}

.lg-poll input {
	float: left;
	margin: 3px 0 0 -20px;
}

.lg-polls-answers {
	padding-bottom: 7px;
	width: 243px
}


/*current issue page - bga edits */

.issuepage .category-archive p {
	margin: 20px 0;
}

.issuepage .category-archive {
	width: 95%;
}

.issuepage .current-issue {
	margin-bottom: 25px;
	color: #6A6F73;
}

.issuepage .excerpt.last {
	border: 0;
	margin: 0;
}

.issuepage img.cover {
	box-shadow: 1px 1px 5px #999;
}

/* #Sidebar Styles
================================================== */

.sidebar {
	/*padding-top:40px;*/
	border-left: 1px solid #d6dde2;
	position: relative;
	left: -1.96078%;
	padding-left: 1.96078%;
}

	.sidebar a {
		color: #2c3337;
	}

		.sidebar a.button {
			margin-bottom: 0;
		}

		/*bga meta data formatting in article sidebar */
		.sidebar a.orange-txt, .sidebar span.orange-txt {
			font-weight: bold;
			color: var(--accessible-orange);
			font-size: 13px;
		}

	.sidebar .icon-book, .sidebar .icon-tag, .sidebar .icon-bubble {
		color: #6a6f73;
		font-size: 19px;
		position: relative;
		top: 4px;
		margin-left: -28px;
	}

	.sidebar .module .row {
		display: block;
		line-height: 17px;
		margin: 0 0 11px;
		padding: 0;
	}

.metadata {
	margin-left: 28px;
}

.sidebar-share a.channel {
    background-color: var(--uva-orange);
    border: solid 2px var(--uva-orange);
    border-radius: 50%;
    color: white;
	display: inline-flex;
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin: 0.2rem;
    padding: 0.5rem;
    vertical-align: middle;
}
	.sidebar-share a.channel:first-of-type {
		margin-left: 0;
	}
	.sidebar-share a.channel:last-of-type {
		margin-right: 0;
	}
	.sidebar-share a.channel:hover,
	.sidebar-share a.channel:focus,
	.sidebar-share a.channel:active	{
		background-color: white;
		color: var(--uva-orange);
		text-decoration: none;
	}

.sidebar #socialmod {
	margin-bottom: 23px;
}

.addthis_counter {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
/*end bga changes*/

.sidebar .module {
	margin-bottom: 40px;
}

.most-commented ol {
	counter-reset: article 0;
	margin-left: 0;
}

	.most-commented ol li {
		list-style-type: none;
		padding-left: 35px;
		font-size: 16px;
		font-family: var(--serif-display);
	}

		.most-commented ol li:before {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			counter-increment: article 1;
			content: counter(article);
			display: inline-block;
			background: #6a6f73;
			border-radius: 50%;
			width: 24px;
			height: 24px;
			color: white;
			font-weight: bold;
			text-align: center;
			padding-top: 2px;
			margin-left: -35px;
			margin-right: 11px;
			margin-top: 2px;
		}

.related-articles {
	background-color: #f3f3f3;
	clear: both;
	font-family: var(--verlag);
	margin-top: 2em;
	margin-bottom: 2em;
	padding: 0.5em;
}

.single-article .article-body .related-articles h3 {
	font-family: var(--verlag);
	text-transform: uppercase;
}

.related-articles .row {
	margin-bottom: 0;
}

.related-articles .related-article {
	font-size: 0.9em;
	line-height: 1.2;
	padding-bottom: 1em;
}

.related-article img {
	display: block;
	margin-bottom: 0.7em;
}

.related-article .subtitle {
	color: #2c3337;
	font-size: 9pt;
}

	.related-article .subtitle:hover {
		text-decoration: none;
	}

.related-articles ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.article-body .related-articles ul {
	margin-left: 0;
}

.related-articles ul li {
	display: block;
	float: left;
	font-size: 10pt;
	line-height: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 140px;
}

	.related-articles ul li img {
		border-radius: 4px;
		display: block;
		margin-bottom: 5px;
	}

	.related-articles ul li .subtitle {
		color: #2c3337;
		font-size: 9pt;
	}

		.related-articles ul li .subtitle:hover {
			text-decoration: none;
		}

.grey-bg {
	background-color: #edf2f5;
	box-shadow: inset 0 8px 6px -6px rgba(0,0,0,0.3);
	padding-bottom: 50px;
}

.single-article .grey-bg, .category-archive .grey-bg {
	padding-bottom: 0;
}

	.single-article .grey-bg > .container > section {
		padding-bottom: 50px;
	}

.single-article .sidebar .module.highlights {
	margin-bottom: 0;
	margin-top: 40px;
}
/*static page formatting - bga */

.staticpage .article-body, .staticpage aside.sidebar {
	border-top: 1px solid #D6DDE2;
	padding-top: 20px !important;
}

.poll-page .grey-bg .comments {
	padding-top: 0px !important;
}

.highlights.module > h3, .comments h3 {
	font-size: 25px;
	font-weight: bold;
	text-transform: uppercase;
	color: #2c3337;
	padding-bottom: 15px;
	border-bottom: 2px solid #2c3337;
	margin-bottom: 30px;
}

.highlights.module.horiz {
	padding: 30px 0 0;
}

.blurb-content p {
	margin-bottom: 30px;
}

.highlights.module .blurb {
	display: table-row;
}

.highlights.module .round-image {
	width: 100px;
	max-width: 100px;
	height: 100px;
	border-radius: 50%;
	display: table-cell;
	float: left;
	vertical-align: top;
	margin-bottom: 30px;
	object-fit: cover;
}

.highlights.module .blurb-content {
	display: table-cell;
	float: right;
	width: 55%;
	width: -webkit-calc(100% - 110px);
	width: calc(100% - 110px);
	font-size: 14px;
	line-height: 18px;
	color: #6a6f73;
}

.blurb h1 {
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #2c3337;
	margin-bottom: 2px;
}

	.blurb h1 a {
		color: #2c3337;
	}

.user-comment {
	border-bottom: 2px dotted #9ea5a9;
	padding-bottom: 40px;
	padding-top: 30px;
}

	.user-comment:first-of-type {
		padding-top: 0;
	}

	.user-comment p:last-child {
		margin-bottom: 0;
	}

.leave-comment {
	background: #fafbfc;
	margin-top: 40px;
	padding: 20px;
}

.screen-reader {
	display: block !important;
	left: -9999px !important;
	position: absolute !important;
}

.comments .row {
	margin-bottom: 0;
}

.comments label {
	display: block;
	font-weight: bold;
}

.comments input[type=text], .comments select, .comments textarea {
	display: block;
	width: 100%;
}

/* #Single Article
================================================== */

/*bga adjusted the headers within .article-title to get better spacing */

.single-article header.article-title {
	text-align: center;
	padding-bottom: 8px;
}

.single-article .article-title h1 {
	font-size: 55px;
	font-weight: bold;
	line-height: 58px;
	color: #2c3337;
	margin-bottom: 25px;
}

.single-article .article-title h2 {
	color: #9ea5a9;
	font-family: var(--sans-serif);
	font-size: 27px;
	font-weight: normal;
	line-height: 36px;
	margin: 0 0 25px;
}

.single-article p.author {
	font-family: var(--sans-serif);
	font-size: 15px;
	line-height: 25px;
	font-weight: bold;
	margin-bottom: 25px;
}

	.single-article p.author span {
		text-transform: uppercase;
	}

.single-article h2 {
	font-family: var(--sans-serif);
	font-size: 27px;
	line-height: 29px;
	font-weight: bold;
	color: #2C3337;
	margin: 3px 0 20px;
	padding-top: 15px;
}

.single-article .article-body h3 {
	font-family: var(--serif-text);
	font-size: 21px;
	line-height: 26px;
	padding: 8px 0 0;
	margin: 0 0 9px;
	color: #2c3337;
	font-weight: bold;
}

.single-article .article-body .verlag h3 {
	font-family: var(--verlag);
}

.single-article .article-body h2 + h3 { /* Applies to an h3 that immediately follows an h2 */
	margin-top: -20px;
	margin-bottom: 20px;
}

p.lead { /* Overrides definition in base.css */
	color: #606060;
	font-family: var(--sans-serif);
	font-size: 1.5em;
	line-height: 1.5em;
}

	p.lead a {
		color: #333;
		border-bottom: solid 2px #d3d3d3;
	}

		p.lead a:hover, p.lead a:focus, p.lead a:active {
			color: #555;
			border-bottom: solid 2px var(--accessible-orange);
			text-decoration: none;
		}

/*bga add styles for lists */

.article-body ul, .article-body ol {
	margin-left: 24px;
}

	.article-body ul ul {
		list-style-type: circle;
		margin-bottom: 15px;
	}

	.article-body ol ol {
		list-style-type: lower-alpha;
	}

.article-body li {
	line-height: 27px;
}

.article-body ul {
	list-style-type: disc;
}

.article-body ol {
	list-style-type: decimal;
}

.single-article .article-body + .sidebar {
	padding-top: 0;
}

.single-article header + img {
	margin-bottom: 30px;
}

.single-article .article-body > p:first-of-type::first-letter,
.single-article .article-body > p:first-of-type:first-letter,
.dropcap:first-letter {
	font-family: var(--serif-display);
	font-size: 90px;
	float: left;
	line-height: 60px;
	padding-right: 6px;
	padding-top: 4px;
}

/*bga remove drop cap from certain pages */
.staticpage .article-body > p:first-of-type::first-letter,
.staticpage .article-body > p:first-of-type:first-letter,
.single-article .article-body .nodrop > p:first-of-type::first-letter,
.single-article .article-body .nodrop > p:first-of-type:first-letter,
.single-article .article-body > p.nodrop:first-of-type::first-letter,
.single-article .article-body > p.nodrop:first-of-type:first-letter,
.single-article .article-body > p.lead:first-of-type::first-letter,
.single-article .article-body > p.lead:first-of-type:first-letter {
	font-family: inherit;
	font-size: inherit;
	float: none;
	line-height: inherit;
	padding: 0;
}

.single-article .article-body {
	font-family: var(--serif-text);
	font-size: 17px;
	line-height: 27px;
}
/*bga edit for archived styles */
.single-article .pull-box, .single-article .articleside {
	margin-left: -8.5%;
	float: left;
}
	/*dw adding right pull-box and sidebar / bga edit width and add imageright*/
	.single-article .pull-box.right, .single-article .pull-box.sidebar.right, .single-article .pull-box.image.right, .imageright {
		clear: right; /* If two images appear together, this makes sure the second floats below the first (added 1/13/16 BFW) */
		float: right;
		left: 0; /* Gets rid of left adjustment from the .sidebar class (added 8/25/2020 BFW) */
		margin: 0 0 1em 1.5em;
		width: 44%;
	}
	/*bga h2 styling */
	.single-article .pull-box h2,
	.articleside h2,
	.CenteredSidebar h2 {
		color: white;
		font-family: var(--verlag);
		font-size: 1.7em;
		font-weight: bold;
		line-height: 1.3;
		padding: 0;
		text-transform: uppercase;
	}

	.single-article .pull-box h3, .articleside h3 {
		color: white;
		font-family: var(--chronicle-text);
		font-style: italic;
		font-weight: normal;
		line-height: 1.3;
	}

		.single-article .pull-box h3 em,
		.articleside h3 em {
			font-style: normal;
		}

.single-article .sidebar.pull-box img, .articleside .pull-box img {
}

.single-article .pull-box.text {
	width: 34.6938776%;
	margin-right: 8.58589%;
}

.pull-box.orange-txt.text.quote {
	font-family: var(--verlag);
	font-size: 1.1em;
	line-height: 1.5;
	margin-top: 1em;
	margin-bottom: 1em;
	text-transform: uppercase;
}

	.pull-box.orange-txt.text.quote p {
		font-family: inherit;
		font-size: inherit;
		font-weight: inherit;
		line-height: inherit;
	}

	.pull-box.orange-txt.text.quote cite {
		color: #555;
		font-family: var(--chronicle-text);
		font-style: italic;
		font-weight: normal;
		text-transform: initial;
	}

/*bga add imageleft */
.single-article .pull-box.image, .imageleft {
	width: 68.088235%;
	margin-right: 2.96078%;
}
/*bga add video */
.single-article .pull-box.video-left {
	width: 73.088235%;
	margin-right: 2.96078%;
}

.single-article .pull-box.video-center {
	width: 100%;
	margin: 0 auto 1.5em !important;
}

.video-wrap {
	position: relative;
	height: 0;
	overflow: hidden;
	padding: 28.1%;
}

.pull-box.video-left iframe, .pull-box.video-left embed, .pull-box.video-left object, .pull-box.video-center iframe, .pull-box.video-center embed, .pull-box.video-center object {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/*dw full width image*/
.single-article .pull-box.image.full, .imagecenter {
	width: 100%;
	float: none;
	margin: 1.5em 0;
}
/* If the image is the first child of the section.article-body, it shouldn't have a top margin */
section.article-body > .pull-box.image.full:first-child,
section.article-body > .imagecenter:first-child {
	margin-top: 0;
}

.single-article .pull-box.image img, .single-article .pull-box.image.full img {
	width: 100%;
}

/*bga including archived image styles */
.imagecenter img, .imageright img, .imageleft img, .imagecenter iframe, .imageright iframe, .imageleft iframe {
	margin-bottom: 15px;
}

.imagecenter {
	max-width: 100% !important;
	margin: 1.5em auto;
}

.imageleft {
	float: left;
}

.single-article .pull-box.sidebar, .single-article .articleside {
	border-left: none;
	background: #6a6f73;
	color: #fff;
	width: 50.693877%;
	margin-right: 1.96078%;
	padding: 20px;
	margin-bottom: 10px;
	font-family: var(--sans-serif);
	font-size: 14px;
	line-height: 20px;
}

	.single-article .pull-box.sidebar p:last-child {
		margin-bottom: 0;
	}

	.single-article .pull-box.sidebar.white-sidebar {
		background-color: #ffffff;
		border-top: solid 5px black;
		border-bottom: solid 1px black;
		color: black;
	}

		.single-article .pull-box.sidebar.white-sidebar h2 {
			color: black;
			font-family: var(--serif-text);
			font-style: italic;
			font-weight: bold;
		}

		.single-article .pull-box.sidebar.white-sidebar a {
			color: black;
			text-decoration: none;
		}

			.single-article .pull-box.sidebar.white-sidebar a:hover {
				color: #333;
				text-decoration: underline;
			}

		.single-article .pull-box.sidebar.white-sidebar h2 a:hover {
			text-decoration: none;
		}

	.single-article .pull-box.sidebar.yellow-sidebar {
		background-color: #fff100;
		border-top: solid 10px black;
		border-bottom: solid 3px black;
		color: black;
	}

		.single-article .pull-box.sidebar.yellow-sidebar .stripe {
			background: repeating-linear-gradient( 45deg, black, black 10px, #fff100 10px, #fff100 20px);
			line-height: 0;
			margin: -20px; /* Back out to the container, making this full-width */
			margin-bottom: 20px;
			padding: 10px; /* Bring its contents back in */
		}

		.single-article .pull-box.sidebar.yellow-sidebar h2 {
			color: black;
			font-family: var(--verlag);
			font-weight: bold;
			text-transform: uppercase;
		}

		.single-article .pull-box.sidebar.yellow-sidebar a {
			color: black;
			text-decoration: none;
		}

			.single-article .pull-box.sidebar.yellow-sidebar a:hover {
				color: #333;
				text-decoration: underline;
			}

		.single-article .pull-box.sidebar.yellow-sidebar h2 a:hover {
			text-decoration: none;
		}

	.single-article .pull-box.sidebar li, .single-article .articleside li {
		line-height: 20px;
		margin-bottom: 15px;
	}

	.single-article .pull-box.sidebar ul, .single-article .articleside ul, .single-article .pull-box.sidebar ol, .single-article .articleside ol {
		margin-left: 16px;
	}

	.single-article .pull-box.sidebar a, .single-article .articleside a {
		color: white;
		text-decoration: underline;
	}

		.single-article .pull-box.sidebar a:hover, .single-article .articleside a:hover {
			text-decoration: none;
		}

	.single-article .pull-box.sidebar h4 {
		color: #fff;
		text-transform: uppercase;
		text-align: center;
		font-weight: bold;
		margin-bottom: 20px;
	}

.VerbatimQuote {
	font-family: var(--chronicle-text);
	font-size: 1.5em;
	line-height: 1.5em;
}

.VerbatimCredit {
	color: #636363;
	font-family: var(--verlag);
}

/*dw added p bga added both*/
.single-article .quote p, .single-article .quote {
	font-family: var(--sans-serif);
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;
}

.single-article .pull-box figcaption, figcaption, .imagecenter, .imageright, .imageleft {
	color: #6a6f73;
	font-family: var(--sans-serif);
	font-size: 15px;
	line-height: 19px;
	padding: 10px 0;
}

.single-article aside.sidebar .pull-box figcaption, aside.sidebar figcaption, aside.sidebar .imagecenter, aside.sidebar .imageright, aside.sidebar .imageleft {
	background-color: #efefef;
	padding: 0.5em;
}

.single-article .pull-box .credit, .credit {
	color: #2c3337;
	font-family: var(--sans-serif);
	font-size: 11px;
	line-height: 16px;
	text-transform: uppercase;
	display: block;
	margin: 9px 0 0;
}

.CenteredSidebar {
	background-color: #efefef;
	border-top: solid 10px #222;
	border-bottom: solid 5px #222;
	clear: both;
	font-family: var(--verlag);
	margin: 2em auto;
	padding: 1em;
}

	.CenteredSidebar h2 {
		color: black;
	}

	.CenteredSidebar p:last-child {
		margin-bottom: 0;
	}

.StatNumber {
	font-family: var(--chronicle-display);
	font-size: 3.5em;
	font-weight: bold;
	line-height: 0.8em;
	margin-top: 0.5em;
	margin-bottom: 0.2em;
	text-align: center;
}

	.StatNumber:first-child {
		margin-top: 0.2em;
	}

.StatLabel {
	color: #c0c0c0;
	font-family: var(--verlag);
	font-size: 1.5em;
	text-align: center;
	text-transform: uppercase;
}

.article-body > p.StatLabel { /* For any stats not in a sidebar */
	color: #707070;
	line-height: 1.4;
	text-transform: initial;
}

.StatDetails {
	background-color: #808080;
	color: #d9d9d9;
	font-family: var(--verlag);
	font-size: 1em;
	padding: 0.1em;
	text-align: center;
	text-transform: uppercase;
}

.article-body > p.StatDetails {
	background-color: transparent;
	color: #707070;
	line-height: 1.6;
}

/*bga add for more info styling */
/*
.formoreinfo {
	clear: both;
	margin-top: 25px;
}
	.formoreinfo h2 {
		border-top: 1px dotted #D6DDE2;
		font-family: var(--verlag);
		font-size: 1.4em;
		font-weight: bold;
		padding-top: 15px;
		text-transform: uppercase;
	}
	.formoreinfo span {
		margin-left: -28px;
	}
	.formoreinfo ul {
		margin-left: 30px;
	}
	.formoreinfo li {
		list-style-type: none;
		line-height: 23px;
		margin: 0;
		padding: 3px 0 16px;
	}
*/
.ForMoreInfo {
	clear: both;
	font-family: var(--verlag);
	margin-top: 2em;
}

	.ForMoreInfo h2 {
		border-top: solid 5px black;
		color: #404040;
		display: inline-block;
		font-family: inherit;
		font-size: 1.4em;
		font-weight: 800;
		padding-top: 5px;
		text-transform: uppercase;
	}

	.ForMoreInfo ul {
		list-style-type: square;
	}

	.ForMoreInfo li {
		font-weight: bold;
		line-height: 1;
	}

/* Author Biography, at end of articles */
.author-bio {
	font-style: italic;
	margin-bottom: 1em;
}
	.author-bio em,
	.author-bio cite {
		font-style: normal;
	}
	
/* If we have a CenteredSidebar at the end of an article with an author-bio, override the default style (a short hr-line) and replace it with an orange square to begin the author-bio */
.CenteredSidebar + .author-bio > .hr-line.short,
.CenteredSidebar + p + .author-bio > .hr-line.short {
	display: inline-block;
	background-color: var(--accessible-orange);
	width: 1ex;
	height: 1ex;
	margin: auto;
}

.hr-line {
	background-color: black;
	height: 5px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	width: 100%;
}

	.hr-line.short {
		width: 50px;
	}

/*bga new style of pull quote */

.single-article .inset-quote {
	border-left: solid 10px #333;
	font-family: var(--chronicle-text);
	font-size: 1.3em;
	font-style: italic;
	line-height: 1.5;
	margin-bottom: 20px;
	margin-left: 5%;
	padding-left: 2.5%;
}

	.single-article .inset-quote cite {
		color: #555;
		display: block;
		font-family: var(--verlag);
		font-size: 70%;
		font-style: normal;
		margin: 12px 0 0;
	}

/*dw -- simple image float classes*/
.imgL {
	float: left;
	margin: 0 1em 1em 0
}

.imgLb {
	float: left;
	margin: 0 1em 1em 0;
	border: solid 1px #333;
}

.imgR {
	float: right;
	margin: 0 0 1em 1em
}

.imgRb {
	float: right;
	margin: 0 0 1em 1em;
	border: solid 1px #333;
}

/* video styles */

.featured-video-wrapper {
	background: #000 url(/images/template/main-frame-bg.png) bottom repeat-x;
	border: solid 1px #c5c5c5;
	float: left;
	width: 100%;
	padding: 10px;
}

.featured-video {
	float: left;
	width: 640px;
	margin-left: 10px;
}

	.featured-video p {
		float: left;
		max-height: 356px;
		width: 639px;
	}

.more-like-this {
	float: right;
	margin: 0 30px 0 0;
	width: 226px;
}

.single-article .more-like-this h3 {
	background-color: #666;
	color: #FFFFFF;
	font-family: var(--sans-serif);
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 5px 10px;
	text-align: left;
}

.more-like-this ul {
	background: #eaeaea;
	color: #2f2f2f;
	float: right;
	padding: 10px 0;
	width: 226px;
	list-style-type: none;
}

	.more-like-this ul li {
		color: #767676;
		float: left;
		font-family: var(--sans-serif);
		font-size: .8em;
		line-height: 1em;
		padding: 5px 10px 0 0;
		width: 95%;
	}

		.more-like-this ul li a {
			color: #666;
			float: left;
			display: block;
			text-decoration: none;
		}

			.more-like-this ul li a:hover {
				color: #000;
				text-decoration: underline;
			}

		.more-like-this ul li img {
			border: solid 2px #2f2f2f;
			float: left;
			margin: 0 10px 10px 10px;
		}

.video-list {
	float: left;
	background: none repeat scroll 0 0 #F8F8F8;
	border-top: 1px dotted #BBBBBB;
	width: 100%;
	padding: 20px;
}

	.video-list .categories {
		float: left;
		width: 20%;
	}

		.video-list .categories ul li {
			float: left;
			list-style-type: none;
			font-family: var(--sans-serif);
			font-weight: bold;
			margin: 0;
			width: 100%;
		}

			.video-list .categories ul li a {
				color: #000;
				float: left;
				padding: 0 8px;
				text-decoration: none;
				width: 100%;
			}

			.video-list .categories ul li.current a {
				display: block;
				color: #fff;
				background: #f68124 url(/images/template/category-pointer.png) right no-repeat;
			}

/* Meta */
.meta {
	float: left;
	padding: 8px 15px 20px;
	width: 100%;
}

	.meta h2 {
		margin: 0;
		padding: 0 0 5px;
		text-transform: none;
		border: none;
		font-size: 20px
	}

.article-body .meta p {
	color: #666;
	font-size: 16px;
	line-height: 21px;
	padding: 0;
}

/* Video Thumbs */

#video-thumbs {
	border-left: solid 1px #ccc;
	float: right;
	min-height: 500px;
	position: relative;
	padding: 0 40px;
	width: 80%;
}

	#video-thumbs ul {
		float: left;
		width: 100%;
		list-style-type: none;
		margin-left: 0;
	}

		#video-thumbs ul li { /* display:inline-block; */
			float: left;
			margin: 10px;
			width: 30%;
		}

			#video-thumbs ul li.row {
				clear: both;
				float: left;
			}

			#video-thumbs ul li a img {
				float: left;
				margin: 0 0 10px 0;
				width: auto;
			}

			#video-thumbs ul li a {
				text-decoration: none;
			}

				#video-thumbs ul li a span {
					color: #000;
					clear: both;
					line-height: 1em;
					font-family: var(--sans-serif);
					font-weight: bold;
					text-decoration: none;
					float: left;
				}

.jThumbnailScroller#video-thumbs .jTscroller a span {
	color: #000;
	clear: both;
	font-family: var(--sans-serif);
	font-weight: bold;
	text-decoration: none;
	float: left;
}

#video-thumbs ul li a:hover span {
	text-decoration: underline;
}

#video-thumbs ul a#prev {
	background: url(/images/template/LRtrans.png) bottom no-repeat;
	height: 25px;
	width: 25px;
	text-indent: -9999em;
	position: absolute;
	left: 10px;
	top: 10px;
}

#video-thumbs ul a#next {
	background: url(/images/template/LRtrans.png) top no-repeat;
	height: 25px;
	width: 25px;
	text-indent: -9999em;
	position: absolute;
	right: 10px;
	top: 10px;
}


.video-list .pagination {
	font-size: 80%
}

	.video-list .pagination a {
		text-decoration: none;
		border: solid 1px #AAE;
		color: #15B;
	}

	.video-list .pagination a, .pagination span {
		display: block;
		float: left;
		padding: 0.3em 0.5em;
		margin-right: 5px;
		margin-bottom: 5px;
		min-width: 1em;
		text-align: center;
	}

	.video-list .pagination .current {
		background: #26B;
		color: #fff;
		border: solid 1px #AAE;
	}

		.video-list .pagination .current.prev, .video-list .pagination .current.next {
			color: #999;
			border-color: #999;
			background: #fff;
		}

p.Correction {
	background-color: #f3f3f3;
	border-top: solid 5px #d8d8d8;
	border-bottom: solid 1px #d8d8d8;
	padding: 0.5em;
	font-family: var(--verlag);
}

/* #Media Queries
================================================== */

@media only screen and (min-width:768px) and (max-width: 1160px) {
	.nav-bar.seven.columns {
		border-top: 1px solid #dfdfdf;
		display: block;
		margin: 0;
		top: 10px;
		width: 100%;
	}

		.nav-bar.seven.columns ul {
			display: block;
			text-align: center;
		}

			.nav-bar.seven.columns ul ul {
				text-align: left;
			}

			.nav-bar.seven.columns ul:after {
				content: '\0020';
				display: block;
				overflow: hidden;
				visibility: hidden;
				width: 0;
				height: 0;
			}

			.nav-bar.seven.columns ul:after {
				clear: both;
			}

		.nav-bar.seven.columns ul {
			zoom: 1;
		}

	.nav-bar.horiz-list > ul > li {
		display: inline-block;
		float: none;
		padding-bottom: 15px;
	}

	.top-options.two.columns {
		width: auto;
		margin-top: 15px;
	}
}


@media only screen and (min-width:1030px) and (max-width: 1100px) {
	.current-issue img {
		margin-right: 1.0%;
	}
}

@media only screen and (min-width:868px) and (max-width: 1100px) {
	.pagination.horiz-list > ol > li {
		font-size: 30px;
		padding: 0 0.5rem;
	}

		.pagination.horiz-list > ol > li:after {
			padding-left: 0.7rem;
		}
}

@media only screen and (max-width: 1055px) {
	.photo footer {
		position: absolute;
		display: block;
		top: -60px;
		left: 15px;
	}

		.photo footer:after {
			content: " ";
			position: absolute;
			/*background: url(../images/sprite_new.png) no-repeat -2px -43px;*/
			width: 68px;
			height: 60px;
		}
}

@media only screen and (max-width: 1160px) {
	.logo:after {
		background: none;
	}
}

@media only screen and (max-width: 1000px) {
	.module.the-list img {
		max-width: 95px;
	}

	.the-list .icon-checkmark {
		top: 15px;
	}
}

@media only screen and (max-width: 959px) {

	.category-archive .main-content, .article-body, .comments {
		padding-right: 20px;
		padding-top: 40px;
	}

	.single-article .container .article-title {
		width: 90%;
	}

	.page-footer {
		height: auto;
	}

	.home.module article.excerpt h1 {
		padding-top: 0;
	}
}

@media only screen and (max-width: 867px) {
	.pagination.horiz-list > ol > li {
		font-size: 25px;
		padding: 0 0.3rem;
	}

		.pagination.horiz-list > ol > li:after {
			padding-left: 0.5rem;
			font-size: 30px;
		}

	.module.the-list img {
		max-width: 55px;
	}

	.the-list.module .excerpt {
		margin-bottom: 20px;
	}

	.the-list .icon-checkmark {
		top: 0;
	}

	.photo.module {
		margin-top: 60px !important;
	}

	.photo footer img.cam-2 {
		display: none;
	}
}

/* Some edits for the homepage slider at weird areas */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.feature-slider.eight.columns, .header-sidebar.four.columns {
		width: 100%;
		max-width: 780px;
		margin: 0 auto;
		clear: both;
		float: none;
		display: block;
	}

	.bx-wrapper {
		margin-bottom: 20px;
	}

	.row.for-mobile, .header-sidebar .module {
		display: table-cell;
		vertical-align: top;
		width: 49%;
	}

	.row.for-mobile {
		float: left;
	}

	.header-sidebar .module {
		float: right;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.highlights .blurb .round-image, .highlights .blurb .blurb-content {
		float: none;
		clear: both;
		display: block;
		margin: 0 auto;
	}

	.highlights .blurb .blurb-content {
		width: 90%;
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.comside {
		min-height: auto !important;
	}

	.leave-comment {
		width: 100%;
	}

		.leave-comment h3 {
			border-bottom: none;
			margin-bottom: 0;
			padding-bottom: 0;
			position: relative;
		}

			.leave-comment h3.open {
				border-bottom: 2px solid #2c3337;
				padding-bottom: 15px;
				margin-bottom: 20px;
			}

			.pull-box.sidebar h4:hover, .leave-comment h3:hover {
				cursor: pointer;
			}

	.pull-box.sidebar h4 {
		padding-bottom: 4px;
	}

		.pull-box.sidebar h4.open {
			margin-bottom: 10px;
		}

	.leave-comment h3 {
		padding-right: 40px;
	}

	.pull-box.sidebar h4:before {
		content: "read more about";
		font-size: 12px;
		font-style: italic;
	}

	.pull-box.sidebar h4:after, .leave-comment h3:before {
		content: "\e006";
		font-family: 'uvamag';
		speak: none;
		font-size: 32px;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
	}

	.pull-box.sidebar h4:after, .pull-box.sidebar h4:before {
		position: relative;
		display: block;
	}

	.pull-box.sidebar h4:after {
		margin-top: 8px;
	}

	.leave-comment h3:before {
		content: "\e006";
		position: absolute;
		right: 0;
		top: -3px;
	}

	.leave-comment h3.open:before {
		content: "\e009";
	}

	.pull-box.sidebar h4.open:before {
		content: " ";
	}

	.pull-box.sidebar h4.open:after, .leave-comment h3.open:before {
		content: "\e009";
	}

	.leave-comment form {
		visibility: hidden;
		position: absolute;
		height: 0;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		margin-bottom: 0;
	}

	#content-sidebar {
		left: 0;
		padding-left: 0;
	}

	.single-article .pull-box.text, .single-article .pull-box.image, .single-article .pull-box.sidebar {
		margin-left: 8.58589%;
		width: 80%;
		float: none;
		margin-bottom: 20px;
	}

	.pull-box.sidebar p.open, .leave-comment form.open {
		visibility: visible;
		height: auto;
		position: relative;
	}

	.single-article .pull-box.sidebar {
		width: 94%;
		margin: 0 3% 20px;
		padding: 5px;
	}

	.current-issue img.column {
		margin-right: 2%;
	}

	.home.module.six.columns {
		/*max-width:577px;*/
		min-height: auto !important;
	}

	.home.module.six.columns {
		margin: 20px auto;
	}

	.home.module .more {
		max-height: 35px !important;
	}

	.homepage .advertising {
		margin-bottom: 30px;
	}

	.in-your-words p {
		display: none;
	}


	.photo.module {
		margin-top: 30px !important;
	}

	.module.highlights .blurb-content {
		padding-bottom: 40px;
	}

	.top-options .rss, .top-options .email, .top-options .help,
	.top-options .feed, .top-options .contact, .top-options .question {
		display: none !important;
	}

	.container .top-options {
		margin-top: 0;
	}

	.top-options .search {
		right: 40px;
		top: 17px;
		height: 35px;
		width: 32px;
		background-position: -295px -246px !important;
	}

	.search-box {
		right: auto;
		position: relative;
		margin-top: -40px;
		visibility: hidden;
		height: 40px;
		width: 100%;
	}

		.search-box.open {
			width: 100%;
			visibility: visible;
			margin-top: 0;
			-webkit-transition: margin-top 0.75s ease-out;
			transition: margin-top 0.75s ease-out;
		}

			.search-box.open .search-close {
				left: 0;
			}

		.search-box input[type="text"] {
			width: 100%;
			padding-left: 50px;
		}

		.search-box form {
			margin-bottom: 0;
		}

	.logo {
		background-image: none;
	}

	.nav-bar.seven.columns {
		position: absolute;
		z-index: 52; /* above the slider image of 50 */
		top: 42px;
		right: 0;
		background: white;
		border: 1px solid #2c3337;
		width: 225px;
		display: none;
	}

		.nav-bar.seven.columns.open {
			display: block;
		}

	.nav-bar.horiz-list > ul {
		text-align: left;
	}

		.nav-bar.horiz-list > ul > li {
			display: block;
			float: none;
			width: 100%;
			background: var(--accessible-orange);
			overflow: hidden;
			padding: 0 !important;
			margin: 0;
			border-bottom: 1px solid #2c3337;
		}

			.nav-bar.horiz-list > ul > li > a {
				color: #fff;
				padding: 10px !important;
				display: inline-block;
				width: 100%;
			}

				.nav-bar.horiz-list > ul > li > a:hover,
				.nav-bar.horiz-list > ul > li > a:focus {
					background: #f79c56;
				}


	/* SUB MENU */
	.nav-bar.seven.columns li.parent .sub-nav-wrap {
		margin: 0;
		padding: 0;
		position: relative;
		top: 0;
		left: 0;
	}

	.nav-bar.seven.columns li.parent.two .sub-nav-wrap {
		left: 0px;
	}

	.sub-nav {
		border: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	li.open span.icon-arrow-down:before {
		content: "\e01f";
	}

	.sub-nav li a {
		padding-left: 20px;
	}

		.sub-nav li a span {
			display: block;
		}

	.nav-bar.seven.columns li.parent > .sub-nav-wrap:before {
		background: none;
	}

	a.navicon {
		display: block;
		position: absolute;
		top: 2px;
		right: 60px;
		text-decoration: none;
	}

		a.navicon:hover, a.navicon:focus {
			text-decoration: none;
		}

			a.navicon:hover .icon-menu,
			a.navicon:focus .icon-menu {
				opacity: .85;
			}

		a.navicon .icon-menu {
			color: var(--accessible-orange);
			font-size: 48px;
		}

	.icons li .icon-search {
		font-size: 32px;
	}

	.icons li.search a,
	.icons li.search a:visited {
		color: var(--accessible-orange);
		background: none;
	}

		.icons li.search a:hover,
		.icons li.search a:focus {
			opacity: .85;
		}

	.highlights .comments-count {
		position: absolute;
		left: 25%;
		left: -webkit-calc(50% + 119px);
		left: calc(50% + 119px);
		top: auto;
		margin-top: -20px;
		float: left;
	}

	.sidebar {
		border-left: none;
	}

	.pagination.horiz-list li.prev, .pagination.horiz-list li.next {
		margin-top: 20px;
	}

	.pagination.horiz-list li.prev {
		display: block;
		float: left;
		margin-left: 20%;
	}

	.social-connect.horiz-list.columns.omega {
		padding-bottom: 20px;
	}

	.copyright.five.columns, .social-connect.horiz-list.columns.omega {
		display: block;
		float: none;
		margin-top: 20px;
	}

	.copyright.five.columns {
		margin-top: 0;
		text-align: center;
	}

	.social-connect.horiz-list ul, .pagination.horiz-list ol {
		display: block;
		text-align: center;
	}

		.social-connect.horiz-list ul:after, .pagination.horiz-list ol:after {
			content: '\0020';
			display: block;
			overflow: hidden;
			visibility: hidden;
			width: 0;
			height: 0;
		}

		.social-connect.horiz-list ul:after, .pagination.horiz-list ol:after {
			clear: both;
		}

	.social-connect.horiz-list ul, .pagination.horiz-list ol {
		zoom: 1;
	}

	.social-connect.horiz-list > ul > li, .pagination.horiz-list > ol > li {
		padding: 0 8px;
		padding: 0 0.5rem;
		float: none;
		display: inline-block;
	}

	.pagination {
		margin-bottom: 20px;
	}

	.nav-col-1 {
		width: 232px;
	}

	.nav-col-2 {
		clear: both;
		float: left;
		width: 100%;
		margin: 0;
	}

	ul.two-column-nav.two {
		width: 190px;
	}

	.sub-nav {
		height: auto;
	}
}

@media only screen and (max-width: 580px) {
	.category-archive .excerpt img.column {
		display: block;
		margin: 0 auto 10px;
		float: none;
	}

	.category-archive .excerpt {
		text-align: center;
	}
	/*
		.feature-slider {
			border: 1px solid #ccc;
			padding:10px;
			margin-bottom:20px !important;
		}
		*/
	.bxslider .caption {
		width: 100%;
		background: none;
		bottom: 2%;
		left: 0;
	}

	.bxslider .caption {
		position: relative;
	}

	.bx-wrapper {
		margin-bottom: 0px;
	}

		.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			bottom: 0;
		}

	.photo.module {
		background: url(../images/circ-sm.png) 50% 50% no-repeat;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.row.highlights img {
		width: 270px;
		margin: 0 auto;
		display: block;
	}

	.row.highlights {
		text-align: center;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	.category-archive .main-content, .comments {
		padding-right: 0;
		width: 300px;
		padding: 20 10px;
	}

	.comments {
		padding-top: 30px;
	}

	.category-archive .excerpt img {
		text-align: center;
	}

	.bxslider .caption h3 {
		font-size: 27px;
		line-height: 31px;
	}

	.bxslider .caption p {
		font-size: 15px;
	}

	.current-issue, .e-news {
		padding: 5px;
	}

	.highlights .excerpt img, .highlights .excerpt h1, .highlights .excerpt p {
		width: 270px;
		margin: 0 auto;
		display: block;
	}

	.highlights .excerpt p {
		margin: 0 auto 15px;
	}

	p.the-quote-text {
		font-size: 25px;
		line-height: 30px;
	}

	.single-article .article-title h1 {
		font-size: 30px;
		line-height: 2rem;
	}

	.single-article h2 {
		font-size: 22px;
		line-height: 25px;
		padding: 10px 0 0;
	}

	.article-body {
		padding: 0;
	}

	.comments label {
		position: relative;
		width: auto;
	}

	.comments input, .comments textarea, .comments .notify input {
		display: block;
		clear: both;
		margin-left: 0;
	}

	.comments .notify label {
		left: 0;
	}

	.comments textarea, .comments input[type="text"] {
		width: 90%;
		max-width: 479px;
	}

	.home.module {
		height: auto;
		min-height: 300px;
	}

	.home.two-col.module .excerpt {
		width: 45%;
	}

		.home.two-col.module .excerpt.alpha {
			margin-left: 1.98078%;
		}

		.home.two-col.module .excerpt.omega {
			margin-right: 1.98078%;
		}

	.pagination.horiz-list > ol > li {
		padding: 0 5px;
		padding: 0 0.3rem;
	}

	.pagination.horiz-list li.prev {
		margin-left: 10%;
	}

	.grey-bg {
		padding-bottom: 20px;
	}

	.sidebar .module {
		margin-bottom: 0px;
	}

	.advertising.module, .sidebar a.button, .metadata.module {
		margin-bottom: 30px;
	}

	.page-footer nav.horiz-list > ul > li:nth-child(3n):after {
		content: none;
	}

	.copyright {
		text-align: center;
	}

	a.navicon {
		right: 50px;
		top: 2px;
	}

		a.navicon .icon-menu {
			font-size: 40px;
		}

	.icons li a .icon-search {
		font-size: 28px;
	}

	.container .top-options {
		margin-top: 0;
	}

	.logo a {
		font-size: 42px;
	}
}


/* ICON FONTS */
@font-face {
	font-family: 'uvamag';
	src: url('https://s3.amazonaws.com/cdn.uvamagazine.org/fonts/uvamag.eot');
	src: url('https://s3.amazonaws.com/cdn.uvamagazine.org/fonts/uvamag.eot?#iefix') format('embedded-opentype'), url('https://s3.amazonaws.com/cdn.uvamagazine.org/fonts/uvamag.woff') format('woff'), url('https://s3.amazonaws.com/cdn.uvamagazine.org/fonts/uvamag.ttf') format('truetype'), url('https://s3.amazonaws.com/cdn.uvamagazine.org/fonts/uvamag.svg#uvamag') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'uvamag';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-checkmark, .icon-bubble, .icon-twitter, .icon-vimeo, .icon-search, .icon-facebook, .icon-plus-circle, .icon-plus-circle-2, .icon-minus-circle, .icon-minus-circle-2, .icon-book, .icon-arrow-right, .icon-quotes-left, .icon-bubble-quote, .icon-tablet, .icon-mobile, .icon-question, .icon-feed, .icon-envelope, .icon-instagram, .icon-bubble-2, .icon-linkedin, .icon-linkedin-2, .icon-menu, .icon-close, .icon-cancel-circle, .icon-cancel-circle-2, .icon-arrow-down, .icon-arrow-up, .icon-tag, .icon-arrow-left {
	font-family: 'uvamag';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

	.icon-tag:before {
		content: "\e076";
	}

.icon-arrow-up-2:before {
	content: "\e2a7";
}

.icon-arrow-down-2:before {
	content: "\e2ab";
}

.icon-arrow-left:before {
	content: "\e2ad";
}

.icon-checkmark:before {
	content: "\e000";
}

.icon-bubble:before {
	content: "\e001";
}

.icon-twitter:before {
	content: "\e002";
}

.icon-vimeo:before {
	content: "\e003";
}

.icon-search:before {
	content: "\e004";
}

.icon-facebook:before {
	content: "\e005";
}

.icon-plus-circle:before {
	content: "\e006";
}

.icon-plus-circle-2:before {
	content: "\e007";
}

.icon-minus-circle:before {
	content: "\e008";
}

.icon-minus-circle-2:before {
	content: "\e009";
}

.icon-book:before {
	content: "\e00a";
}

.icon-arrow-right:before {
	content: "\e00b";
}

.icon-quotes-left:before {
	content: "\e00c";
}

.icon-bubble-quote:before {
	content: "\e00d";
}

.icon-tablet:before {
	content: "\e00e";
}

.icon-mobile:before {
	content: "\e00f";
}

.icon-question:before {
	content: "\e010";
}

.icon-feed:before {
	content: "\e011";
}

.icon-envelope:before {
	content: "\e012";
}

.icon-instagram:before {
	content: "\e013";
}

.icon-bubble-2:before {
	content: "\e017";
}

.icon-linkedin-2:before {
	content: "\e018";
}

.icon-linkedin:before {
	content: "\e019";
}

.icon-menu:before {
	content: "\e01a";
}

.icon-close:before {
	content: "\e01b";
}

.icon-cancel-circle:before {
	content: "\e01c";
}

.icon-cancel-circle-2:before {
	content: "\e01d";
}

.icon-arrow-down:before {
	content: "\e01e";
}

.icon-arrow-up:before {
	content: "\e01f";
}

.icon-uniF000:before {
	content: "\f000";
}