/* viewport, major structural divs
========================================================== */
.hide {
	display: none;
}

@media (min-width: 576px) {
	.jumbotron {
		padding-top: 0;
		border: none;
	}
}

@media (max-width: 768px) {
	section {
		padding-top: 1rem;
	}
	.desktop {
		display: none;
	}
	.col-sm-6 {
		width: 50%;
	}
	.jumbotron {
		margin-bottom: 0;
	}
}


/* navigations
========================================================== */
 .navbar--emerge {
 	padding-left: 0;
 	background: transparent;
 }

 .navbar--emerge a {
 	color: #fff;
 }

.navbar-toggler {
	padding: 0.5rem 1rem;
	color: #fff;
	font-size: 0.8rem;
	border: 1px solid #fff;
	border-radius: 0;
}


.tff h1 {
	padding-top: 1rem;
	margin-right: 1.5rem;
	margin-bottom: 0;
	font-family: "proxima-nova-extra-condensed", "helvetica neue", helvetica, arial, sans-serif;
	font-weight: 900;
	font-style: italic;
	font-size: 2.25rem;
	text-transform: uppercase;
	line-height: 1;
}

.about {
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
	font-size: 0.65rem;
	font-weight: 400;
}

.navbar-expand-md .navbar-nav .ff-nav-link {
	margin-right: 1.5rem;
	text-transform: uppercase;
	font-size: 0.8rem;
}

a:hover,
a:active {
	text-decoration: none;
}
main p a,
main li a {
	color: #f4721a;
	border-bottom: 1px dotted #f4721a;
}

main p a:hover,
main li a:hover,
main p a:active,
main li a:active {
	color: #f4721a;
	border-bottom: 1px solid #f4721a;
}

@media (max-width: 768px) {
	.tff h1 {
		font-size: 1.5rem;
	}
}

 /* jumbotron
 ========================================================== */
.display-text-container {
	min-height: 250px;
}

.display-text,
.jumbotron .display-2 {
	font-size: 5rem;
	font-weight: 600;
}

.title-block h5 {
	margin-top: 5.5rem;
	text-transform: uppercase;
	font-size: 0.8rem;
}
.title-block h4 {
 	display: inline-block;
	width: 45%;
 }

 .title-block--single-entry {
	padding: 7rem 3rem;
 }

 .title-block--single-entry h1 {
 	font-weight: 600;
	font-size: 4.5rem;
 }

.emphasize {
	font-size: larger;
	font-weight: 600;
}

.anchor a {
	color: #fff;
	text-transform: uppercase;
}

.intro p {
	font-size: 1.25rem;
}

.intro .lead {
	font-size: 1.5rem;
}

@media (max-width: 768px) {
	.display-text-container {
		min-height: 115px;
	}
	.title-block--single-entry {
	   padding: 1rem 0;
	}
	.title-block--single-entry h1 {
	   font-weight: 600;
	   font-size: 1.5rem;
	}
	.title-block h5 {
		margin-top: 1rem;
		text-transform: uppercase;
	}
	.title-block h4 {
	 	font-size: 1rem;
		width: 80%;
	 }
	.display-text,
	.jumbotron .display-2 {
		font-size: 2rem;
	}
}


 /* image adjustments
 ========================================================== */
.img--75	{ width: 75%; }
.img--50	{ width: 50%; }
.img--40	{ width: 40%; }
.img--25	{ width: 25%; }
.img--15	{ width: 15%; }
.img--10	{ width: 10%; }

.img--float-right {
	float: right;
	margin-left: 2rem;
	width: 40%;
}

img--opacity {
	opacity: 0.5;
}

.signals-icon {
	width: 100%;
}

@media (max-width: 768px) {
	.signals-icon {
		max-width: 100px;
	}
}

/* emerging issues previews
========================================================== */
.emerging-previews h2 {
	font-size: 2.25rem;
}

.emerging-previews h2 a {
	color: inherit;
}

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

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

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

.bg--primary {
	padding: 4rem 1rem 2rem 1rem;
	color: #fff;
	background: #f4721a;
}

.bg--primary p a,
.bg--primary li a {
	color: #fff;
	border-bottom: 1px dotted #fff;
}

.bg--primary p a:hover,
.bg--primary li a:hover,
.bg--primary p a:active,
.bg--primary li a:active {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

.bg--primary .btn--primary {
	color: #fff;
	text-transform: uppercase;
	border: 1px solid #fff;
	border-radius: 0;
}

.bg--primary .btn--primary:hover {
	border: 1px solid #fff;
}


/* typography
========================================================== */
strong {
	color: inherit;
	font-weight: 600;
}

.secondary-content {
	font-size: smaller;
}

.caption {
	font-family: "adelle", georgia, palatino, serif;
	color: #424242;
}

.caption--quote {
	font-size: 1.25rem;
	line-height: 1.5;
}

.modal-body h2 {
	font-size: 2.5rem;
}

.modal-body .caption--quote {
	font-size: 1rem;
	color: #333;
}

.caption--author {
	font-size: 0.8rem;
}

.color--light,
.color--light {
	color: #fff;
}

.color--primary		{ color: #f4721a; }
.color--secondary	{ color: #7c162e; }

.quote-container h5 {
	text-transform: uppercase;
	font-size: 0.9rem;
	font-weight: 600;
}

.open-quote {
	margin: 0;
}

.current-quote {
	margin-top: -3.5rem;
	margin-bottom: -3.5rem;
	padding: 0 7rem;
}

.sub-heading {
	text-transform: uppercase;
	font-size: 0.9rem;
}

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

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


.footnote {
	font-size: 0.8rem;
	line-height: 1.2;
}

@media (max-width: 768px) {
	.current-quote {
		margin-top: -2rem;
		margin-bottom: -2rem;
		padding: 0 2.5rem;
	}
	.sidebar {
		float: none;
		display: block;
		margin-left: 0;
		width: 100%;
	}
}


/* lists
========================================================== */
#page-links {
	/* position: fixed; */
	background: #fff;
}

#page-links .list-group-item {
	margin-bottom: 0.5rem;
	padding: 0.5rem 1.5rem;
	border: none;
	font-size: 0.8rem;
	color: #333;
	line-height: 1.2;
	text-transform: uppercase;
	border-bottom: 1px dotted #333;
}

.list-break {
	border-top: 1px solid #c9c9c9;
}



/* buttons
========================================================== */
.btn {
	padding: 0.35rem 1rem;
	text-transform: uppercase;
	font-size: 0.8rem;
	border: none;
	border-radius: 0;
}

.btn:hover,
.btn:active {
	border: none;
}

.btn--white {
	background: #fff;
	color: #333;
}

.btn--secondary {
	border: 1px solid #333;
}
.btn--secondary:hover,
.btn--secondary:active {
	border: 1px solid #333;
}


/* misc
========================================================== */
hr {
	border-top: 1px solid #c9c9c9;
}

.timeline {
	width: 50%;
}



/* modal window
========================================================== */
.modal { color: #333; }

.modal-header,
.modal-body,
.modal-footer {
	padding: 2.5rem;
}



/* archive tabs
========================================================== */
ul.ff-tabs {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0;
	margin-top: 1.5em;
	padding: 0;
	list-style: none;
}
ul.ff-tabs .ff-nav-link {
	/* padding-left: 0.75em; */
	margin: 0;
	padding: 0.5rem;
	color: #000;
	text-transform: uppercase;
	text-align: center;
	font-size: 0.75rem;
	border: 1px solid #c9c9c9;
	background: #fff;
	cursor: pointer;
	border-radius: 0;
	min-height: 3.5rem;
}

ul.ff-tabs .ff-nav-link.active {
	margin: 0;
	color: #fff;
	font-size: 0.75rem;
	background: #f4721a;
	border: 1px solid #f4721a;
	border-radius: 0;
}

.list-group-item {
	padding: 0;
}

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

.tab-content .tab-pane.active {
	display: block;
	margin-top: 0.75em;
	display: inherit;
	padding: 50px;
	border: 1px solid #c9c9c9;
}
.tab-content .active p {
	font-size: 14pt;
}
.tab-container {
	margin-bottom: 2em;
	padding: 15px 25px;
}

.tab-content h5 a {
	color: #333;
}

.tab-content h5 a:hover {
	border-bottom: 1px dotted #333;
}

ul.ff-tabs li .active:after {
	/*
	content: '';
	height: 0;
	width: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #f4721a;
	left: 0;
	right: 0;
	top: 100%;
	margin: auto;
	display: block; */
}

@media (max-width: 767px) {
	.tab-link {
		min-width: 100%;
		display: inline-grid;
	}
	ul.ff-tabs li.active:after { border-top: 10px solid transparent; }
}



/* footer
========================================================== */
footer {
	padding-top: 3rem;
	color: #fff;
	font-size: smaller;
	border-top: 1px solid #fff;
	background: #333;
}

footer p a,
footer h5 a,
footer li a {
	color: #fff;
	border-bottom: 1px dotted #fff;
}

footer p a:hover,
footer li a:hover,
footer p a:active
footer li a:active {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

footer h5 {
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: 600;
}

footer hr {
	margin: 1.5rem 0;
	border: 1px dotted #c9c9c9;
}

.social-icon {
	margin-right: 0.5rem;
	padding: 0.3rem;
	width: 35px;
	border: 1px solid #fff;
}