/*
----------------------------------------------------------
BSR Customizations to bootstrap.css
http://getbootstrap.com/
---------------------------------------------------------- */



/* basic page structure
---------------------------------------------------------- */
html, body {
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
	font-weight: 400;
	color: #6e6e6e;
	/* scroll-behavior: smooth; */
}

p, li { font-size: 12pt; line-height: 1.6; }


.with-affix		{ padding-top: 70px; }
.section-start 	{ padding: 40px 0; }
.section-break	{ margin-bottom: 40px; }


.hide,
.print,
.mobile { display: none; }



@media (max-width: 768px) {
	.mobile		{ display: block; }
	.desktop,
	.sub-navigation	{ display: none; }
	.section-start	{ padding: 10px 0; }
}


@media (min-width: 768px) {
	.row-centered { text-align:center; }
	.col-centered {
		display: inline-block;
		float: none;
		text-align: left;
		vertical-align: top;
		/* inline-block space fix */
		margin-right: -4px;
	}
}




/* 	odd-numbered columns; thank you:
	http://www.wearesicc.com/quick-tips-5-column-layout-with-twitter-bootstrap/
---------------------------------------------------------- */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}

.col-xs-15 {
	width: 20%;
	float: left;
}

@media (min-width: 768px) {
.col-sm-15 {
		width: 20%;
		float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
		width: 20%;
		float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
		width: 20%;
		float: left;
    }
}





/* jumbotron
---------------------------------------------------------- */
.jumbotron {
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #00aed8;
	/* background: transparent; */
	border: none;
	/* min-height: 420px; */
	border-bottom: 1px solid #fff;
	background-image: -webkit-linear-gradient(bottom, color-stop(rgba(0, 0, 0, .001) 0%), color-stop(rgba(0, 0, 0, .5) 100%));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .001) 0%, rgba(0, 0, 0, .5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.jumbotron.mini 		{ height: 200px; min-height: 200px; }
.jumbtron.extra-mini	{ min-height: 1px; }
.jumbotron.tall 		{ height: 500px; min-height: 500px; }
.jumbotron.home			{ height: 650px; min-height: 650px; }

.title-block {
	position: relative;
	top: 0;
}

.jumbotron.mini .title-block { height: 140px; min-height: 140px; }
.jumbtron.extra-mini .title-block { min-height: 1px; }
.jumbotron .title-block,
.jumbotron.tall .title-block { bottom: 50px; height: 420px; min-height: 420px; }


.title-block-content {
	position: absolute;
	/* padding: 10px 40px; */
	bottom: 3em;
	width: 100%;
}


@media (max-width: 768px) {
	.jumbotron.tall 				{ height: 350px; min-height: 350px; }
	.jumbotron.tall .title-block 	{ height: 300px; min-height: 300px; }
}




/* inline links
---------------------------------------------------------- */
a:hover { text-decoration: none; }
.navbar-toggle, .toggle-pane { cursor: pointer; }

.main-content p a,
.main-content li a { color: #00aed8; border-bottom: 1px dotted #00aed8; }

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.main-content .byline a,
.list-group-item a,
.flat-list li a,
.link-list li a,
.column-list li a,
.entry-topics a,
.author a,
.list-group-item a,
.secondary-content a,
.excerpt a,
.modal-body a {
	text-decoration: none;
	color: #333;
	line-height: 1.2;
	border-bottom: 1px dotted #333;
}

.blocks a { color: #fff; }
.blocks .author a { border-bottom: 1px dotted #fff; }
a.warning { border-bottom: 1px dotted #f4721a; }

.byline a,
.entry-topics a,
.author a,
.secondary-content a,
.excerpt a,
.modal-body a { }

.column-list li a:hover,
.main-content p a:hover,
.main-content li a:hover,
.secondary-content a:hover,
a:hover,
.modal-body a:hover {
	color: #f4721a;
	border-bottom: none;
}

.icon-indicator { border-bottom: 1px solid #fff; }
.bg-neutral a .icon-indicator { border-bottom: 1px solid #c9c9c9; }

.brief ul li a {
	border-bottom: 1px dotted #333;
}

.bg-info a,
.bg-info ul li a {
	color: #fff;
	border-bottom: 1px solid #fff;
}

a.clean-link,
.main-content a.clean-link { border-bottom: none; }



/* blocks, buttons, pagers, and pagination links
---------------------------------------------------------- */
.item {border: 1px solid #fff; }

.pager li { margin-right: 7px; }
.pager li a {
	text-transform: uppercase;
	font-size: 10pt;
	color: inherit;
	border-radius: 0;
	border: 1px solid #c9c9c9;
}

.pager li a:hover,
.pager li.active a {
	color: #fff;
	background: #f4721a;
	border: 1px solid #f4721a;
}

.card .byline,
.card .headline a { color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); }

ul.pagination li { font-size: 8pt; }
ul.pagination li a { cursor: pointer; border: 1px solid #c9c9c9; }
ul.pagination li.divider { width: 2em; }
ul.pagination .this-page,
ul.pagination span.this-page:hover { background: #00aed8; color: #fff; border: 1px solid #00aed8; }


.btn,
p.submit input[type=submit] {
	margin-bottom: 1.5em;
	padding: 0.5em 2em;
	text-transform: uppercase;
	border-bottom: none;
	background: transparent;
	border-radius: 0;
}

.btn-xs { font-size: 8pt; }

.btn-default {
	border: 1px solid #c9c9c9;
}

.btn-reverse {
	border: 1px solid #f4721a;
	color: #f4721a;
}

.btn-danger,
.main-content p a.btn-danger {
	color: #fff;
	background: #d72825;
	border: 1px solid #d72825;
}

.btn-danger:hover,
.main-content p a.btn-danger:hover {
	background: #00aed8;
	border: 1px solid #00aed8;
}

.btn-warning,
p.submit input[type=submit] {
	color: #fff;
	background: #f4721a;
}

.btn-white {
	color: #fff;
	border: 1px solid #fff;
}

.btn-warning {
	color: #fff !important;
	background: #f4721a;
	border: 1px solid #fff;
}

.btn-info {
	color: #fff !important;
	background: #00aed8;
	/* border: 1px solid #fff; */
}

.btn-neutral,
.main-content p a.btn-neutral {
	color: #333;
	border: 1px solid #333;
}

.btn-transparent {
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
}

.btn-transparent:hover {
	color: #fff;
}

.btn-neutral:hover,
.main-content p a.btn-neutral:hover {
	color: #fff;
	background: #00aed8;
	border: 1px solid #00aed8;
}

.btn:hover,
#pardot-form input[type="submit"]:hover {
	color: #fff;
	background: #00aed8;
	border: 1px solid #00aed8;
}


.btn-white:hover,
a.btn-popover:hover {
	color: #fff;
	background: #f4721a;
	border: 1px solid #fff;
}

a.btn-popover {
	margin-top: 0.25em;
	margin-right: 0.5em;
	padding: 2px 6px;
	color: #fff;
	font-size: 8pt;
	background: transparent;
	border: 1px solid #fff;
}

p.submit:hover,
.btn:hover,
p.submit input[type=submit]:hover,
.channel-flag a:hover,
#pardot-form input[type="submit"]:hover {
	-webkit-transition: 0.25s linear;
	-moz-transition: 0.25s linear;
	-ms-transition: 0.25s linear;
	-o-transition: 0.25s linear;
	transition: 0.25s linear;
}


.btn.selected { background: #f4721a; color: #fff; }

.calendar li {
	padding: 0.5em;
	border: 1px solid #c9c9c9
}

 .nav-pills {
 	float: left;
	margin-top: -0.25em;
	margin-left: 1em;
	background: #eee;
	width: auto;
}

.nav-pills .dropdown a {
	border-bottom: none;
}

.nav-pills .dropdown-menu li a.active {
	background: #eee;
	color: #00aed8;
}


/* navigation
---------------------------------------------------------- */
.navbar-header {
	/* height: 90px; */
}


.navbar-secondary,
.navbar-top,
.sub-navigation {
	text-transform: uppercase;
}

.navbar-top { border: none; }

.sub-navigation		{ background: #00aed8; }
.navbar-default		{ background: transparent; }
.navbar-secondary 	{ background: #000; }

.navbar-default.navbar-secondary li a,
.navbar-default.navbar-secondary .disabled {
	margin-right: -0.5em;
	padding: 0.5em 1em;
	font-size: 8pt;
	color: #fff;
}

li.disabled { font-size: 8pt; }

.navbar-default.navbar-secondary li a:hover {
	background: #fff;
}

.navbar-default.navbar-secondary li {
	margin-right: 1.25em;
	margin-left: 0;
}


.navbar-default.navbar-secondary .dropdown-menu li a,
.navbar-default.navbar-secondary .dropdown-menu .disabled,
.dropdown-menu li a {
	color: #6e767b;
}


.navbar-default.navbar-secondary .dropdown-menu li a,
.navbar-default.navbar-secondary .dropdown-menu .disabled {
	margin-left: 1em;
}


.navbar-nav.main li {
	margin-top: 0.25em;
	/* margin-left: 2em; */
}

.navbar-default li,
.dropdown-menu li {
	font-size: 12pt;
}

.navbar-nav.main > li.active a.dropdown-toggle {
/*	color: #f4721a; */
	background-color: transparent;
}

.navbar-nav.main > li.active a:active {
	background: inherit;
}

.sub-navigation {
	top: 0px;
	z-index: 2;
	border-bottom: 1px solid #fff;
}

.sub-navigation .sub {
	float: none;
	margin-left: -15px;
	text-align: left;
}

.sub-navigation .sub > li {
	float: none;
	display: inline;
	margin: 0 0.25em;
	font-size: 11pt;
	font-weight: 700;
}

.sub-navigation .sub > li > a {
	display: inline-block;
	color: #fff;
	font-size: 11pt;
	font-weight: 400;
}

.sub-navigation .sub > li > a:hover {
	color: #f4721a;
	background: #fff;
}


.sub-navigation .sub > li.active { }

.sub-navigation.affix {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}

.toggle-me	{
	color: #333;
	font-weight: 600;
	font-size: 9pt;
}
.affix-top li.toggle-me { display: none; }
.affix li.toggle-me 	{ display: inline; }

.dropdown-header {
	margin-left: 0;
}

a.dropline-form-link {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 12pt;
}

/*
.dropdown-menu .disabled {
	margin-bottom: 10px;
	padding-left: 20px;
}
*/


/* Our Work menu */
.our-work,
.dropdown-header.our-work {
	text-transform: uppercase;
	font-weight: 600;
}


/* BSR Confernece menu */
.dropdown-menu.bsr-conference .nav-banner {
	margin-top: 0;
	padding-top: 0;
}

.dropdown-menu.bsr-conference,
.dropdown-menu.bsr-conference li,
.dropdown-menu.bsr-conference li a  {
	font-size: 10pt;
	border-bottom: none;
}

ul.dropdown-menu.bsr-conference li.bsr17-nav {
	margin-right: 0;
	color: #00aed8;
	font-weight: bold;
	text-transform: uppercase;
	/* background: #00aed8; */
}

li.bsr17-nav {
	padding: 0 20px;
	background: url(https://bsr17.org/assets/images/branding/bsr17.wave.faded.png) no-repeat;
	background-size: cover;
}


li.bsr17-dropdown {
	background: #00aed8;
}

li.bsr17-nav h2,
li.bsr17-nav h3 {
	margin: 0;
	color: #00aed8;
	font-weight: 400;
	line-height: 1.2;
}

li.bsr17-nav h2 { font-weight: 600; font-size: 20pt; }
li.bsr17-nav h3 { padding-top: 0.25em; font-size: 12pt; }

li.bsr17-nav ul.column-list { margin-top: 1em; margin-left: -1.75em; }

li.bsr17-nav ul.column-list li,
li.bsr17-nav ul.column-list li:last-child {
	border-bottom: none;
}

li.bsr17-nav li a.btn-nav {
	margin: 0;
	color: #fff;
	font-size: 12pt;
	background: #00aed8;
}

li.bsr17-nav li a.btn-nav:hover {
	background: #00aed8;
	color: #fff;
}

li.bsr17-nav p {
	margin-top: 0.5em;
	margin-left: 1.5em;
	line-height: 1.2;
	color: #333;
	font-weight: 400;
	text-transform: none;
}


.navbar-flash {
	background: #00aed8;
	text-align: center;
	text-transform: none;
}

.navbar-flash p {
	margin: 0;
	padding: 0.5em;
	font-size: 11pt;
	color: #fff;
}

.btn.btn-flash {
	margin: 0 0 0 0.5em;
	padding: 0.5em 1em;
	color: #fff;
	border: 1px solid #fff;
	font-weight: 600;
}


@media (max-width: 768px) {
	.navbar-default.navbar-secondary li,
	.navbar-default.navbar-secondary:active,
	.navbar-default.navbar-secondary li a:active,
	.navbar-default.navbar-secondary li a:hover {
		display: inline-block;
	}
	.navbar-default.navbar-secondary li {
		color: #fff;
		margin-left: 2em;
	}
	.navbar-top { margin-bottom: 2em; }

	.navbar-brand img { height: 40px; }
}



/* site-wide typography
---------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-weight: 300; color: #333; }
h3		{ margin-top: 0; }
a + h3 { margin-top: 0.5em; }
h4 		{ font-weight: 500; }
h5, h6	{ font-weight: 600; }

.main-content p { margin-bottom: 1.5em; }

.info		{ color: #00aed8; }
.go 		{ color: #9fc80b; }
.caution	{ color: #ffcf01; }
.warning	{ color: #f4721a; }
.danger		{ color: #d72528; }
.alert		{ color: #ad565b; }
.neutral	{ color: #6e767b; }
.inverse	{ color: #fff; }

.headline { margin-top: 0; }
.jumbotron .headline,
.jumbotron h4,
.breadcrumb { text-shadow: 0 1px 2px rgba(0, 0, 0, .6); }
.title-block-content { color: #fff; }
.title-block-content h4 { margin: 0; text-transform: uppercase; font-size: 9pt; color: #fff; }
.title-block-content .headline { margin: 0.15em 0 0.15em -0.05em; font-size: 50pt; font-weight: 500; }
.title-block-content p { margin-right: 25%; }
.title-block-content.text-center p { margin: 0 5em; }

.title-block-content .headline-sub {
	 margin-top: 0.25em;
	 line-height: 1.3;
	 font-size: 24pt;
	 color: #fff;
}

.section-title { color: #00aed8; font-size: 24pt; font-weight: 600; }
.section-title.info { color: #00aed8; }
.sub-heading { text-transform: uppercase; color: #333; }

.byline, .entry-topics {
	margin-top: 1em;
	font-size: 9pt;
	line-height: 1.4;
	letter-spacing: 0.04em;
}

.byline img { margin-top: -2em; }

.entry-topics { font-weight: normal; }

.caption,
.byline,
.special-note {
	font-family: "adelle", georgia, palatino, serif;
	font-style: italic;
	font-size: 9pt;
	line-height: 1.4;
	color: #333;
}

.byline.fancy {
	position: relative;
	top: -2.5em;
}

.byline.fancy .caption {
	 padding: 0 0.5em;
	 background: #fff;
}

.special-note	{ text-transform: none; }
.kern			{ letter-spacing: 0.25em; }
.lighter		{ font-weight: 200; }
.jumbotron .verbose
				{ font-size: 40pt; }
.blocks	.byline	{ color: #fff; }

.excerpt {
	font-size: 10pt;
	line-height: 1.6;
}

.secondary-content,
.secondary-content p,
.secondary-content li { font-size: 9pt; line-height: 1.4; }


.photo-credit { padding-top: 0.5em; }
.list h1 { margin-top: 0.25em; }


.channel-flag .sub-heading {
	display: inline-block;
	margin: 0;
	padding: 4px 12px;
	background: #f4721a;
}

.channel-flag a { padding-left: 0.5em; color: #fff; }
.channel-flag .channel-icon { height: 1.1em; }
h1.channel-flag .channel-icon { padding-right: 10px; height: 0.8em; }
h1.channel-flag { text-shadow: 0 1px 2px rgba(0, 0, 0, .6); }


.sidebar {
	float: left;
	margin: 0.5em 20px 20px -120px;
	padding: 2em 1.5em 1em 1.5em;
	font-family: "adelle", georgia, palatino, serif;
	width: 50%;
	border-top: 7px solid #333;
	border-bottom: 7px solid #333;
}

.sidebar h3 { margin-top: 0; }
.sidebar p, .sidebar li { font-size: 12pt; }
.sidebar li { margin-left: -1.5em; }

.sidebar-right {
	float: right;
	margin: 2em -140px 20px 20px;
	width: 50%;
	border-top: 7px solid #333;
	border-bottom: 7px solid #333;
}

.sidebar-bottom {
	clear: both;
	float: none;
	display: block;
	margin: 0;
	width: 100%
}


.sidebar-ci {
	float: right;
	margin-top: -2.5em;
	margin-left: 2em;
	font-family: inherit;
	width: 35%;
}

.pullquote {
	float: right;
	margin: 0 -140px 20px 20px;
	padding: 0 1.5em 1em 1.5em;
	font-family: "adelle", georgia, palatino, serif;
	font-style: italic;
	width: 40%;
}

.pullquote p {
	font-size: 11pt;
	line-height: 1.5;
}

p .fa-quote-right {
	margin: 0;
	color: #ccc;
}

blockquote {
	padding: 1.5em;
	background: url(/images/backgrounds/bsr-00aed8-10.png);
	border-left: 7px solid #00aed8;
}

blockquote p,
blockquote li {
	font-family: "adelle", georgia, palatino, serif;
	font-size: 15pt;
	font-style: italic;
	color: #00aed8;
}

.img-caption {
	text-transform: uppercase;
	font-weight: 600;
}

.row-key-figure {
	margin-top: 1.5em;
}

.key-figure {
 	font-size: 65pt;
	color: #f4721a;
	font-weight: 800;
}

mark { padding: 0; background: yellow; }
.reverse { color: #fff; line-height: 1.4; }

.equalize h4 { margin-bottom: 0; }

@media (max-width: 768px) {

	.title-block-content .headline {
		margin: 0.15em 0 0.15em -0.05em;
		font-size: 24pt;
		font-weight: 500;
	}
	.title-block-content { text-align: left; }
	.title-block-content p { margin-right: 0; }
	.title-block-content .headline { font-size: 18pt; }
	.title-block-content.text-center p { margin: 0; }
	.title-block-content .lead { font-size: 16pt; }
	.jumbotron .verbose	{ font-size: 20pt; }

	.title-block-content .headline-sub { font-size: 18pt; }

	.sub-heading,
	.section-title,
	.lead { text-align: left; line-height: 1.4; }

	.section-title	{ font-size: 32pt; }
	.sub-heading	{ font-size: 10pt; }
	.jumbotron .lead
					{ font-size: 12pt; }
	.lead 			{ font-size: 16pt; }
	.equalize h3	{ font-size: 24pt; }

	.byline.fancy	{ display: none; }

	/* this is dumb... I should fix my markup */
	.text-center	{ text-align: left; }

	.sidebar,
	.pullquote {
		float: none;
		display: block;
		margin-left: 0;
		width: 100%;
	}
	.pullquote {
		padding: 0.75em;
		border: 1px dotted #6e767b;
	}
	.sidebar-a {
		margin-right: 0;
	}

	.row-key-figure {
		margin-top: 0.5em;
	}

	.key-figure {
		margin-bottom: 0;
	 	font-size: 25pt;
	}

	.key-figure p {
		margin-top: 0.25em;
		font-size: 10pt;
	}

	.channel-flag { display: none; }

}



/* breadcrumbs
---------------------------------------------------------- */
.breadcrumb {
	margin: 0;
	padding: 0;
	text-align: left;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	text-transform: uppercase;
	background: transparent;
}
ol.breadcrumb 			{ margin-top: 1.5em; }
.breadcrumb li 			{ margin-right: 0.15em; font-size: 8pt; }
.breadcrumb li:after a 	{ color: #eee; }
.breadcrumb li a 		{ color: #fff; text-decoration: none; }
.breadcrumb li a:hover	{ border-bottom: 1px dotted #fff; }
.breadcrumb .active 	{ color: #eee; }


@media (max-width: 768px) {
	ol.breadcrumb { margin-left: 1.5em; }
	.breadcrumb li { font-size: 8pt; }
}





/* non-navigational lists
---------------------------------------------------------- */
.flat-list,
.link-list,
.web-list,
.column-list { padding-left: 0; }

.flat-list li,
.web-list li,
.member-list li {
	display: inline-block;
	margin-right: 10px;
}

.member-list { margin: 2.5em 0; }
.member-list li { margin-right: 40px; margin-bottom: 1.5em; font-size: 12pt; }
.link-list li 	{ list-style: none; margin-bottom: 0.5em; }
.column-list li { padding: 0.5em 0; list-style: none; border-bottom: 1px dotted #6e767b; }
.main-content ul li { list-style: disc; }

.main-content ul, .main-content ol { margin-bottom: 1em; }
ol li { }

.member-list.logos li {
	/* margin-right: 50px; */
	margin-bottom: 5em;
}

.flat-list.companies li {
	margin-right: 50px;
	padding-bottom: 2em;
}

.x-spacing li { margin-bottom: 1.5em; }

.key-points li {
	margin-left: -1em;
	line-height: 1.2;
	color: #333;
	margin-bottom: 1em;
}


/* dynamic columsn ala mixitup.js
---------------------------------------------------------- */
.container .mix {
	display: none;
	margin: 0.75rem;
	text-align: left;
	vertical-align: top;
	/* margin-bottom: 2%; */
}

.container .15 {

}

.container .mix:after {
	content: attr(data-order);
	display: inline-block;
	text-align: justify;
}

.container .mix:before {
	content: '';
	display: inline-block;
	/* padding-top: 60%; */
}

@media (min-width: 768px) {
	.container .mix,
	.container .gap {
		width: 23.5%;
		font-size: 14pt;
	}
}




/* equalized columns
---------------------------------------------------------- */
.equalize { margin-bottom: 1em; }
.equalize .caption { margin-bottom: 0; }

.author {
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
}

.img-frame {
	padding: 5%;
	background: #fff;
}




/* contextual colors
---------------------------------------------------------- */
.bg-go			{ background: #9fc80b; }
.bg-info		{ background: #3db8db; }
.bg-caution		{ background: #ffffeb; }
.bg-warning		{ background: #f4721a; }
.bg-danger		{ background: #d72528; }
.bg-alert		{ background: #7c162e; }
.bg-neutral		{ background: #ececec; }

.bg-info h2,
.bg-warning h2,
.bg-go h2,
.bg-info h3,
.bg-warning h3,
.bg-alert h2,
.bg-info h4	 	{ color: #fff; }
.bg-contact		{padding: 2em 0; color: #fff; background: #777; }
.bg-contact .section-title { color: #fff; }
.bg-go			{ color: #fff; }
.bg-info p,
.bg-info li,
.bg-warning p,
.bg-alert p,
.bg-alert li,
.bg-warning li 	{ color: #fff; }

.bg-neutral p 	{ color: #333; }


.bg-warning a { color: #fff; border-bottom: 1px solid #fff; }


/* rollovers and transitions
---------------------------------------------------------- */
.rollover {
	position: relative;
}
div.rollover-description {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 10pt;
	color: white;
	background-color: black;
}
div.rollover-content {
	padding: 25%;
	text-align: center;
	color: #fff;
	vertical-align: middle;
}


.fade {
	-webkit-transition: opacity 1s linear;
	-moz-transition: opacity 1s linear;
	-ms-transition: opacity 1s linear;
	-o-transition: opacity 1s linear;
	transition: opacity 1s linear;
}




/* carousel
---------------------------------------------------------- */
#slider  { margin: 0 1px; max-width: 1400px; }
.carousel-caption { color: #fff; }
.carousel-caption h4 { color: #fff; }
.carousel-caption h1,
.carousel-caption h1 a,
.carousel-caption h1 a strong { font-size: 52px; line-height: 1.2; color: #fff; }
.btn-carousel { margin-bottom: 1.5em; background: #f4721a; color: #fff; }
.carousel-indicators li,
.carousel-indicators li.active { margin-left: 10px; }
.elevator-pitch { line-height: 1.35; }

.carousel-controls 		{ color: #f4721a; }
.carousel-controls li 	{ margin-right: 10px; }
.carousel-controls li:hover { cursor: pointer; }

#carousel-home .carousel-inner .item { height: 525px; min-height: 525px; }
#carousel-people .carousel-inner .item,
#carousel-events .carousel-inner .item { height: 450px; min-height: 450px; }

.carousel-inner.static-image {
	margin: 0 auto;
	width: 1200px;
}
.carousel-caption { top: 30%; }

/*
#carousel-events {
	bottom: 40px;
	left: 0;
	margin: 0;
	padding: 0;
	right: 0;
	text-align: left;
	text-shadow: none;
}
*/

.bsr18-button {
	margin-top: 250px;
}


@media (max-width: 768px) {
	#carousel-home .carousel-inner .item { height: 400px; min-height: 400px; }
	#carousel-events .carousel-inner .item { height: 320px; min-height: 320px; }
	.carousel-caption { top: 15%; }
	.carousel-caption h1,
	.carousel-caption h1 a,
	.carousel-caption h1 a strong { font-size: 24px; }

	.btn-carousel { margin-bottom: 0.5em; font-size: 11pt; }
	.bsr18-button {
		margin-top: 200px;
	}
}


/* pardot forms
---------------------------------------------------------- */
.pd-checkbox { margin-top: 2em; }
.pd-checkbox label { display: inline; padding-left: 0.5em; }

#pardot-form .form-field { margin-bottom: 1em; }
#pardot-form .field-label {
	display: block;
	font-size: 14pt;
	color: #333;
	font-weight: normal;
}
#pardot-form input[type="text"] {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#pardot-form .description { }
#pardot-form select.select {
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	background-color: #ffffff;
}

#pardot-form textarea {
	height: 200px;
	width: 100%;
}

#pardot-form input[type="submit"] {
	border: none;
}

.subscription-form h4 {
	display: none;
}
.subscription-form legend {
	margin-bottom: 0;
}

.subscription-form span.caption {
	display: inline-block;
	margin-left: 1em;
	padding-top: 0.5em;
}

::placeholder {
	color: red;
}
::-ms-input-placeholder {
	color: red;
}

.subscription-form h4.label-show {
	display: block;
}

.subsription-options .checkbox {
	margin-bottom: 1.5em;
}

.subscription-form .checkbox label {
	font-size: 13pt;
}

.subscription-form input[type="checkbox"] {
	height: 15px;
	width: 15px;
}

textarea.form-control { height: 100px; }

/* mini-banner
---------------------------------------------------------- */
.mini-banner {
	position: relative;
	z-index: 100;
	margin: -5px 10px 0 0;
	padding: 0;
	background: transparent;
}

.mini-banner img {
	border: 5px solid #fff;
	height: 160px;
}



/* popovers
---------------------------------------------------------- */
.popover-message { display: none; }
.popover { max-width: none; width: 600px; height: auto; }

.popover.popover-sm {
	display: none;
	width: 25%;
	overflow: auto;
}

.popover-sm > .close { margin: 7px 9px 7px 7px; }

.udhr .popover-content { padding: 0.5em; }
.udhr .popover-content h6 { margin-bottom: 0; font-weight: 600; }
.udhr .popover-content h4 { margin-top: 0.25em; font-weight: 600; color: #00aed8; font-size: 16pt; }
.udhr .popover-content p,
.udhr .popover-content li { font-size: 9pt; line-height: 1.5; }

.udhr .popover-content li { margin-bottom: 0.5em; }

.udhr .popover-content p.close { font-size: 15pt; text-align: left; }

.udhr .popover-content ol li { margin-left: -1.5em; margin-right: 1em; }

.popover-x-body.modal-open { overflow-y: auto; }
.popover-x-body .navbar { z-index: 1051; }

.udhr .popover-content .btn a { border-bottom: none; font-size: 8pt; }
.udhr .popover-content .btn:hover a { color: #fff; }


.tooltip {
	background-color: #ffaffc;
	border-radius: 10px;
	padding: 10px 15px;
	position: relative;
	margin: 15px;
	text-align: center;
	opacity: 1;
}

.tooltip::after {
	background-color: #00aed8;
	border-radius: 10px;
	color: #fff;
	display: none;
	padding: 10px 15px;
	position: absolute;
	text-align: center;
	z-index: 999;
}

.tooltip::before {
	background-color: #00aed8;
	content: ' ';
	display: none;
	position: absolute;
	width: 15px;
	height: 15px;
	z-index: 999;
}

.tooltip:hover::after {
	display: block;
}

.tooltip:hover::before {
	display: block;
}

.tooltip.top::after {
	content: 'top';
	top: 0;
	left: 50%;
	transform: translate(-50%, calc(-100% - 10px));
}

.tooltip.top::before {
	top: 0;
	left: 50%;
	transform: translate(-50%, calc(-100% - 5px)) rotate(45deg);
}

.tooltip.bottom::after {
	content: 'bottom';
	bottom: 0;
	left: 50%;
	transform: translate(-50%, calc(100% + 10px));
}

.tooltip.bottom::before {
	bottom: 0;
	left: 50%;
	transform: translate(-50%, calc(100% + 5px)) rotate(45deg);
}

.tooltip.right::after {
	content: 'right';
	top: 0;
	right: 0;
	transform: translateX(calc(100% + 10px));
}

.tooltip.right::before {
	top: 50%;
	right: 0;
	transform: translate(calc(100% + 5px), -50%) rotate(45deg);
}

.tooltip.left::after {
	content: 'left';
	top: 0;
	left: 0;
	transform: translateX(calc(-100% - 10px));
}

.tooltip.left::before {
	top: 50%;
	left: 0;
	transform: translate(calc(-100% - 5px), -50%) rotate(45deg);
}


@media (max-width: 768px) {
	.popover { width: 400px; }
}


/* faq's
---------------------------------------------------------- */
.faq-q { cursor: pointer; }
.spin {
	color: #c9c9c9;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	transition: all 200ms;
}
.faq-a {
	clear: both;
	display: none;
}
.faq-open {
	transform: rotate(45deg);
	transform-origin: 50% 50%;
	-ms-transform: rotate(-45deg);
	-ms-transform-origin: 50% 50%;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: 50% 50%;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	transition: all 200ms;
}



/* cards
---------------------------------------------------------- */
.news-grid .card {
	margin-bottom: 2em;
	padding: 3em 1.5em;
	border: 1px solid #c9c9c9;
	width: 32%;
}

.news-label {
	padding: 0.5em 2em;
	display: inline-block;
	color: #fff;
	font-weight: 400;
	background: #333;
}

.news-grid .card .headline {
	padding-bottom: 1em;
	font-weight: 600;
}


/* events
---------------------------------------------------------- */
.event-type {
	padding: 0.5em 0.75em;
	color: #fff;
	text-align: center;
	background: url(/images/backgrounds/bsr-00aed8-70.png) top center;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

.event-type h5 {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 9pt;
	text-transform: uppercase;
	font-weight: 400;
}
.jumbotron .event-type p { margin-bottom: 0; }
.event-type img { height: 95px; }




/* maps
---------------------------------------------------------- */
.address p {
	font-size: 10pt;
}


/* maps, tabs, and flipcards
---------------------------------------------------------- */
ul.tabs {
	margin-top: 1.5em;
	padding: 0;
	list-style: none;
}
ul.tabs li {
	display: inline-block;
	/* padding-left: 0.75em; */
	text-align: left;
	background: #fff;
	cursor: pointer;
	width: 16%;
}
ul.tabs li h5 {
	padding: 0.75em;
}

ul.tabs li h3 {
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 20pt;
	text-align: center;
}

ul.tabs li.current {
}

ul.tabs li.current h5 {
	margin: 0;
	color: #fff;
	background: #000;
}

.tab-content {
	display: none;
	padding: 2em;
	min-height: 350px;
}

.tab-content.current {
	margin-top: 0.75em;
	display: inherit;
	padding: 50px;
	border-top: 1px solid #c9c9c9;
}
.tab-content.current p {
	font-size: 14pt;
}
.tab-container {
	margin-bottom: 2em;
	padding: 15px 25px;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

ul.tabs li.current:after {
	content: '';
	height: 0;
	width: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid black;
	left: 0;
	right: 0;
	top: 100%;
	margin: auto;
	display: block;
}


/* hrdd mutliple tab containers */
.tabs--hr {
	margin-top: 1.5em;
	padding: 0;
}

.main-content ul.tabs--hr li {
	display: inline-block;
	margin-right: 0.5em;
	text-align: center;
	list-style: none;
	background: #fff;
	width: 45%;
}
.tabs--hr li h4 {
	padding: 0.65em 2em;
	color: #333;
	border: 1px solid #d9d9d9 !important;
	width: 100%;
}
.tabs--hr li a {
	color: #333;
}
.tabs--hr li.active a {
	color: #fff;
}

.main-content .tabs--hr li.active {
	border: none;
}

.main-content .tabs--hr li.active h4 {
	margin: 0;
	color: #fff;
	text-decoration: none;
	background: #681111;
	border-bottom: 1px solid #681111 !important;
	width: 100%:
}

.tabs--hr li a:hover {
	color: #681111;
}

.tabs--hr li.active a:hover {
	color: #fff;
}

.tabs--hr li.active:after {
	content: '';
	height: 0;
	width: 0;
	border-left: 12px solid #fff;
	border-right: 12px solid #fff;
	border-top: 12px solid #681111;
	left: 0;
	right: 0;
	top: 100%;
	margin: 0 auto;
	display: block;
}

.tab-pane {
	display: none;
}
.tab-content--hr > .tab-pane.active {
	clear: both;
	display: block;
	padding-top: 1em;
	padding: 2em;
	border-top: 1px solid #c9c9c9;
}


@media (max-width: 767px) {
	.tab-link {
		min-width: 100%;
		display: inline-grid;
	}
	ul.tabs li.current:after { border-top: 10px solid transparent; }
	.tabs--hr li {
		float: none;
		display: block;
		margin: 0;
		text-align: center;
		width: 100%;
	}
	.tabs--hr li h4 {
		font-size: 12pt;
	}
	.tabs--hr li a {
		padding: 0.25em;
	}
	.tabs--hr li.active:after {
		border: none;
	}
}


/*
thank you: https://www.101computing.net/flip-cards-in-html-css-javascript/
*/
.flipCard {
	-webkit-perspective: 800;
	-ms-perspective: 800;
	-moz-perspective: 800;
	-o-perspective: 800;
	width: 100%;
	height: 475px;
	position: relative;
	border: none;
}
.flipCard .card.flipped {
	transform:rotatey(-180deg);
	-ms-transform:rotatey(-180deg); /* IE 9 */
	-moz-transform:rotatey(-180deg); /* Firefox */
	-webkit-transform:rotatey(-180deg); /* Safari and Chrome */
	-o-transform:rotatey(-180deg); /* Opera */
}
.flipCard .card {
	width: 100%;
	height: 100%;
	border: none;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: 0.5s;
	-moz-transform-style: preserve-3d;
	-moz-transition: 0.5s;
	-ms-transform-style: preserve-3d;
	-ms-transition: 0.5s;
	-o-transform-style: preserve-3d;
	-o-transition: 0.5s;
	transform-style: preserve-3d;
	transition: 0.5s;
}
.flipCard .card .side {
	width: 100%;
	height: 100%;
	/* padding: 10px; */
	cursor: pointer;
	position: absolute;
	box-sizing: border-box;
	z-index: 2;
	backface-visibility: hidden;  /* W3C */
	-webkit-backface-visibility: hidden; /* Safari & Chrome */
	-moz-backface-visibility: hidden; /* Firefox */
	-ms-backface-visibility: hidden; /* Internet Explorer */
	-o-backface-visibility: hidden; /* Opera */
	/* box-shadow: 0 0 10px rgba(0,0,0,0.6); */
	overflow: auto;
}
.flipCard .card .back {
	background: #f4721a;
	color: #fff;
	transform:rotatey(-180deg);
	-ms-transform:rotatey(-180deg); /* IE 9 */
	-moz-transform:rotatey(-180deg); /* Firefox */
	-webkit-transform:rotatey(-180deg); /* Safari and Chrome */
	-o-transform:rotatey(-180deg); /* Opera */
	border: none;
}
.flipCard .card .front {
	text-align: center;
	background-color: #000;
	border: none;
}
.flipCard .card .front h3,
.flipCard .card .front p {
	font-weight: 600;
	color: #fff;
}
.flipCard .card .front hr {
	margin-top: 2.25em;
	border-top: 3px solid #f4721a;
	width: 45%;
}
.card .front img { width: 50%; }
.flipCard .card .back {
	background-color: #f4721a;
	border: none;
	text-align: left;
	color: #fff;
	padding: 50px;
}
.corner {
	position: absolute;
	width: 0;
	height: 0;
	right: 0;
	border-top: 70px solid #f4721a;
	border-bottom: 70px solid transparent;
	border-left: 70px solid transparent;
}

.corner span {
	position: absolute;
	/* position: absolute;
	top: -110px; */
	top: -55px;
	width: 100px;
	right: -25px;
	/* left: -100px; */
	display: block;
	color: #fff;
}
.card-content {
	padding: 25% 20%;
	border: none;
}

.card-list {
	margin-left: -1.75em;
}

.card-list li {
	margin-bottom: 0.75em;
	font-size: 11pt;
	line-height: 1.2;
}

/* misc.
---------------------------------------------------------- */
hr { border: 1px dotted #c9c9c9; }

.jumbotron hr.section-label,
.bg-contact hr.section-label,
.bg-info hr.section-label,
.bg-warning hr.section-label {
	margin-top: 0.75em;
	margin-bottom: 0;
	width: 5%;
	border: 1px solid #fff;
}
hr.section-label {
	margin-top: 0.75em;
	border: 1px solid #333;
	width: 10%;
}
.bg-contact hr.section-label { width: 10%; }
hr.section-label.warning { border: 1px solid #f4721a; }
hr.col-bottom { margin-top: 0; border-color: #c9c9c9; }

.clear	{ clear: both; }
.wide 	{ width: 100%; }

hr.hairline {
	margin: 0;
	border: 1px solid #fff;
}


@media (max-width: 768px) {
	hr.section-label { display: none; }
}

.top-spacing { margin-top: 1.5em; }
.bottom-spacing { margin-bottom: 1em; }

.attribution {

}

 .share {
 	float: right;
 	width: auto;
 }

 .img-responsive { width: 100%; }

.img-circle.reverse { border: 3px solid #fff; }
.img-circle.circle-white {
	margin: 1em auto;
	background: #fff;
	width: 65%;
}

.img-circle--tertiary {
	padding: 0.75em;
	border: 15px solid #681111;
}

#tweet_it {
	background-image: url(/images/icons/bsr-twitter-bird.png);
	text-indent: -9999px;
	height: 30px;
	width: 30px;
	display: block;
	position: absolute;
}

@media (max-width: 768px) {
	.img-circle.reverse {
		margin-top: 1em;
		border: 4px solid #fff;
		width: 90px;
	}
	.img-circle--tertiary {
		width: 120px;
		border: 8px solid #681111;
	}
}



/* entry date for events and publication channels
---------------------------------------------------------- */
 .entry-month, .entry-day { width: 85%; text-align: center; }
 .entry-month {
	margin-bottom: 0;
 	padding: 0.5em 10px;
 	line-height: 1.1;
 	color: #fff;
 	font-size: 9pt;
 	text-transform: uppercase;
 	background: #333;
 }
.entry-day {
	margin-top: 0;
	font-size: 25pt;
	color: #fff;
	line-height: 1.9;
	font-weight: 600;
	background: #6e767b;
}

ul.mini-calendar li { font-size: 14pt; border-color: #fff; }
ul.mini-calendar.pagination>.active>a,
ul.mini-calendar.pagination>.disable>a {
	margin-right: 0.25em;
	background: url(/images/backgrounds/bsr-00aed8-50.png) top left;
	border-radius: 0;
	border-color: #fff;
	cursor: pointer;
}

ul.mini-calendar.pagination>.active>a:hover {
	background: #f4721a;
}




/* callouts
---------------------------------------------------------- */
.callout-figure {
	margin-bottom: 0;
	font-size: 60pt;
	line-height: 1;
	font-weight: 600;
	color: #00aed8;
}
.callout-smaller {
	font-size: 18pt;
	color: #00aed8;
}

.thumbnail.metrics {
	padding: 1.25em;
	text-align: center;
	min-height: 150px;
}

.metrics .callout-figure {
	font-size: 24pt;
}


/* 	Video + embedded objects
	http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video
--------------------------------------------------------- */
.flex-video {
	position: relative;
	margin-top: 0.5em;
	margin-bottom: 16px;
	padding-top: 25px;
	padding-bottom: 67.5%;
	height: 0;
	overflow: hidden;
}

.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }

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

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
	.flex-video { padding-top: 0; }
}

#googlemap img, object, embed { max-width: none; }
#map_canvas embed { max-width: none; }
#map_canvas img { max-width: none; }
#map_canvas object { max-width: none; }




/* modal windows
---------------------------------------------------------- */
#subscription-form { height: 700px; }





/* member list
---------------------------------------------------------- */
.alpha-label {
	display: inline-block;
	margin-top: 1.5em;
	padding: 0.25em 0.75em;
	text-align: center;
	color: #00aed8;
	font-size: 16pt;
	border-top: 1px solid #00aed8;
	border-bottom: 1px solid #00aed8;
}




/* sdgs
---------------------------------------------------------- */
.sdg { font-size: 11pt; }
.sdg-1	{ color: #eb1c2d; }
.sdg-2	{ color: #d3a029; }
.sdg-3	{ color: #279b48; }
.sdg-4 	{ color: #c31f33; }
.sdg-5 	{ color: #ef402b; }
.sdg-6	{ color: #00aed8; }
.sdg-7	{ color: #fdb713; }
.sdg-8 	{ color: #fdb713; }
.sdg-9	{ color: #f36d25; }
.sdg-10	{ color: #e11484; }
.sdg-11 { color: #f99d26; }
.sdg-12 { color: #cf8d2a; }
.sdg-13 { color: #48773e; }
.sdg-14 { color: #007dbc; }
.sdg-15 { color: #3eb049; }
.sdg-16 { color: #02558b; }
.sdg-17 { color: #183668; }


/* bsr17 branding
---------------------------------------------------------- */
.bsr25,
.bsr17 {
	float: left;
	margin-top: -80px;
	margin-bottom: 2em;
	text-transform: uppercase;
}

.bsr25 { margin-left: 15%; margin-right: 1em; width: 100px; /* background: url(/images/backgrounds/bsr-00aed8-30.png); */ }
.bsr17 {
	text-align: left;
	/*
	background: url(/images/backgrounds/bsr-f4721a-55.png); */
}

.bsr17 hr { border-top: 1px solid #fff; }

.brand {
	margin: 0;
	padding: 0;
	line-height: 1;
}

h4.brand {
	margin-top: 0.25em;
	font-size: 16pt;
	color: #fff;
}
h2.brand {
	display: inline-block;
	font-weight: 600;
	font-size: 60px;
	color: #fff;
	border-bottom: 1px solid #fff;
}

.theme {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #fff;
}

h1.theme {
	font-size: 40pt;
	line-height: 1;
}

h1.emphasize {
	font-size: 93pt;
	font-weight: 600;
	line-height: 1;
}

.theme.name {
	font-size: 26pt;
}

.theme.date {
	font-size: 15pt;
	line-height: 1.4;
}

.theme.date + p {
	margin-top: 1em;
}


.carousel-caption .caption {
	margin-top: -20px;
	color: #fff;
	font-size: 14pt;
}

.bsr17-sidebar {
	margin: 1.5em 0 1.5em 1em;
	padding: 0 2em;
	max-width: 225px;
	border-top: 2px solid #c9c9c9;
	border-bottom: 2px solid #c9c9c9;
}




@media (max-width: 768px) {
	.sidebar.desktop { display: none; }

	.bsr25, .bsr17 {
		float: none;
		display: block;
		margin: 0;
		padding: 0;
		width: auto;
		text-align: left;
	}

	.bsr25 { margin-top: -40px; margin-bottom: 0.5em; }

	.bsr25 h2.brand,
	.bsr25 h4.brand {
		display: inline;
		font-size: 12pt;
		border-bottom: none;
	}
	h1.theme {
		font-size: 23pt;
	}
	.theme.name {
		font-size: 15pt;
	}
	.theme.date {
		font-size: 12pt;
	}

	h1.emphasize {
		font-size: 54pt;
	}

	.bsr17 a.btn-lg {
		padding-right: 0.75em;
		padding-left: 0.75em;
		font-size: 14pt;
	}
}



/* next decade human rights report
---------------------------------------------------------- */
.img--75	{ width: 75%; }
.img--50	{ width: 50%; }
.img--25	{ width: 25%; }
.img--15	{ width: 15%; }
.img--10	{ width: 10%; }

.emerging-previews h2 {
	font-size: 3.25rem;
}

.emerging-previews h2,
.emerging-previews h2 a {
	color: #fff;
}

.emerging-previews h2 a:hover,
.emerging-previews h2 a:active {
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}

.emerging-previews p a {
	color: #f4721a;
	font-weight: 600;
	border-bottom: 1px dotted #f4721a;
}

.emerging-previews p a:hover,
.emerging-previews p a:active {
	border-bottom: 1px solid #f4721a;
}

.emerging-previews {
	padding: 10% 8%;
	height: 600px;
	color: #fff;
}

.emerging-previews .byline {
	color: #fff;
	font-size: 8pt;
}

.emerging-previews--about {
	color: #333;
}

.hat {
	margin-top: 2.25em;
	border-top: 12px solid #f4721a;
	border-bottom: none;
	border-right: none;
	border-left: none;
	width: 15%;
}

.foundation-principles {
	color: #681111;
}

 .accodion-principles {
 	line-height: 1.4;
 }

.panel h5 { text-transform: uppercase; }

.panel,
.panel-group .panel,
.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading {
	border-top: none;
	border-bottom: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.panel-body {
	padding: 0 15px;
}

.accordion-control {
	cursor: pointer;
	border: none;
}

.panel-heading .collapsed .glyphicon {
	-webkit-transform: rotate(-225deg);
	-moz-transform: rotate(-225deg);
	transform: rotate(-360deg);
}
.panel-heading .glyphicon {
	-moz-transition: -moz-transform 0.5s ease-in-out;
    -o-transition: -o-transform 0.5s ease-in-out;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
}


@media (max-width: 768px) {
	.emerging-previews {
		padding: 10% 8%;
		height: 400px;
	}
}


/* footer
---------------------------------------------------------- */
.footer-content {
	padding: 3em 0;
	font-size: 8pt;
	background: #333;
	color: #fff;
}

.footer-content p,
.footer-content li { font-size: 9pt; }
.footer-content .legal a { color: #fff; border-bottom: 1px dotted #fff; }

.footer-content .link-list a { color: #eee; border-bottom: 1px dotted #eee; }

.footer-content h5 {
	margin-top: 1.5em;
	color: #fff;
	text-transform: uppercase;
	font-size: 11pt;
}

.footer-content a,
.footer-content li a {
	color: #fff;
}

.footer-content .web-list li { padding-right: 1.25em; }
.footer-content .web-list li a { font-weight: 600; }

.link-list a,
.web-list a,
h5 a,
p.link a {
	border-bottom: 1px dotted #fff;
}

.footer-content hr {
	 border-color: #6d6d6d;
}

.footer-content .btn {
	border: 2px solid #fff;
}

.social-icon {
	margin-right: 5px;
	border: 2px solid #fff;
	height: 30px;
}

.wechat {
	margin-bottom: 2em;
	height: 60px;
}



/* print
---------------------------------------------------------- */
@media only print {

	/* do not display these elements */
	.navbar-default,
	.breadcrumb,
	.photo-credit,
	.share,
	.entry-footer,
	.related,
	.footer-content {
		display: none;
	}

	/* do show these elements */
	.print { display: block; }


	/* adjust these elements */
	.jumbotron,
	.jumbotron.tall,
	.jumbotron.tall .title-block,
	.title-block-content {
		position: static;
		margin: 0;
		padding: 0;
		/* min-height: 1px; */
		height: auto;
	}

	.title-block-content { margin: 1em 0; }
	.col-md-2, .col-md-8 { float: none;  width: 100%; }


	.byline img { display: none; }
	.byline .caption { display: inline; }

	.text-center { text-align: left; }
}