/*

Theme Name: Duke Libraries SNCC Digital Gateway

Theme URI: http://wordpress.org/

Version: 1.0

Author: Kompleks Creative

Author URI: http://www.komplekscreative.com

This theme was designed and built by Kompleks Creative, whose site you will find at http://www.komplekscreative.com/

*/

/**
 * @license
 * MyFonts Webfont Build ID 3235987, 2016-06-21T16:19:14-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: VeneerThree by Yellow Design Studio
 * URL: http://www.myfonts.com/fonts/yellow-design/veneer/three/
 * Copyright: Copyright (c) 2012 by Yellow Design Studio. All rights reserved.
 * Licensed pageviews: 500,000
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3235987
 *
 * © 2016 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/316093");
@font-face {
	font-family: 'VeneerThree';
	src: url('styles/webfonts/316093_0_0.eot');
	src: url('styles/webfonts/316093_0_0.eot?#iefix') format('embedded-opentype'), url('styles/webfonts/316093_0_0.woff2') format('woff2'), url('styles/webfonts/316093_0_0.woff') format('woff'), url('styles/webfonts/316093_0_0.ttf') format('truetype');
}
/* Begin Typography & Colors */

/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript,
if it's not present, don't show loader */
.no-js #loader {
	display: none;
}
.js #loader {
	display: block;
	position: absolute;
	left: 100px;
	top: 0;
}
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(images/loader-64x/8.gif) center no-repeat #050e17;
}
.qqvbed-p83tee-V1ur5d {
	display: none !important;
}
html, body {
	width: 100%;
	height: 100%;
	position: relative;
	background-color: #fff;
	overflow-x: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	background-image: url(images/people-bg.jpg);
}
body.home {
	/*background-image: url(images/bw-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;*/

	background-image: none !important;
}

body.page-template-page_about.custom-background,
body.page-template-page_perspectives.custom-background,
body.page-template-page_resources.custom-background,
body.page-template-page_organize.custom-background {
	background-size: inherit;
}

body.custom-background {
	background-size: cover !important;
}

.clear:after {
	content: '';
	display: block;
	clear: both;
}
body .wd-row {
	margin-bottom: 0px;
}
.gm-style-iw {
	overflow: hidden !important;
	line-height: 1.35;
	white-space: nowrap;
}
#wrapper,
#footer .wrapper {
	width: 1150px;
	max-width: 96%;
	margin: 0 auto;
	position: relative;
}
#port-next a {
	position: absolute;
	right: -25px;
	top: 55px;
	display: block;
	width: 80px;
	height: 24px;
	font-family: 'Fjalla One', sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	text-align: right;
}
#port-prev a {
	position: absolute;
	left: -25px;
	top: 55px;
	display: block;
	width: 80px;
	height: 24px;
	font-family: 'Fjalla One', sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 10px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#header {
	width: 100%;
}
#inside-navigation {
	background-color: #6f1c1f;
	position: relative;
}
#nav-logo {
	position: absolute;
	width: 10%;
	top: 0;
	text-align: center;
	z-index: 99;
}
#nav-logo img {
	width: 109px;
	height: auto;
	padding-top: 5px;
	margin: 0 auto;
}
#inside-nav-wrapper {
	width: 90%;
	float: right;
}
#inside-nav-wrapper #navigation {
	position: relative;
	bottom: initial;
}
#inside-search-wrapper {
	background-color: rgba(0,19,26,.9);
	width: 100%;
	padding: 10px 0;
}
#logo {
	width: 150px;
	height: auto;
	padding-top: 20px;
	margin: 0 auto;
	display: none;
}
body.home #logo.mobile {
	display: none;
}
body.home #logo.desktop {
	display: block;
	position: absolute;
	top: -65px;
	left: 0px;
}
body.home #logo {
	display: block;
}
#logo img {
	width: 100%;
	height: auto;
	display: block;
}


#home-content-wrapper {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding-bottom: 87px;
}


.home-top-content {
	min-height: 650px;
	position: relative;
}

.bg-image-wrapper {
	position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
}

.bg-image-wrapper img {
	position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
  overflow-x: hidden;

	-webkit-animation-name: sncc-fader;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 40s;

	-moz-animation-name: sncc-fader;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 40s;

	animation-name: sncc-fader;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 40s;

}

/*----------------------------------------------
--Cross fade for images
-----------------------------------------------  */

@-webkit-keyframes sncc-fader {
  0% {
    opacity:1;
  }
	16% {
    opacity:1;
  }
  21% {
    opacity:0;
  }
  95% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes sncc-fader {
  0% {
    opacity:1;
  }
	16% {
    opacity:1;
  }
  21% {
    opacity:0;
  }
  95% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@keyframes sncc-fader {
  0% {
    opacity:1;
  }
	16% {
    opacity:1;
  }
  21% {
    opacity:0;
  }
  95% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

.bg-image-wrapper img:nth-of-type(1) {
  animation-delay: 32s;
}
.bg-image-wrapper img:nth-of-type(2) {
  animation-delay: 24s;
}
.bg-image-wrapper img:nth-of-type(3) {
  animation-delay: 16s;
}
.bg-image-wrapper img:nth-of-type(4) {
  animation-delay: 8s;
}
.bg-image-wrapper img:nth-of-type(5) {
  animation-delay: 0;
}



#home-caption li {
	list-style: none;
	margin: 0 15px 0 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;

	-webkit-animation: caption-fade-webkit 40s infinite both;
	-moz-animation: caption-fade-mozilla 40s infinite both;
	animation: caption-fade-all 40s infinite both;
}

		#home-caption li:nth-child(2) {
			right: -8000px;
			-webkit-animation-delay: 8s;
			-moz-animation-delay: 8s;
			animation-delay: 8s;
		}

		#home-caption li:nth-child(3) {
			right: -8000px;
			-webkit-animation-delay: 16s;
			-moz-animation-delay: 16s;
			animation-delay: 16s;
		}

		#home-caption li:nth-child(4) {
			right: -8000px;
			-webkit-animation-delay: 24s;
			-moz-animation-delay: 24s;
			animation-delay: 24s;
		}

		#home-caption li:nth-child(5) {
			right: -8000px;
			-webkit-animation-delay: 32s;
			-moz-animation-delay: 32s;
			animation-delay: 32s;
		}


#home-caption--foo::after {

	content: '-';

	-webkit-animation-name: sncc-captions-webkit;
	-webkit-animation-duration: 40s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: both;

	-moz-animation: sncc-captions-mozilla ease-in-out 40s both infinite;
	animation: sncc-captions-all ease-in-out 40s both infinite;

}

/*----------------------------------------------
--Fade out for captions
-----------------------------------------------  */
@-webkit-keyframes caption-fade-webkit {
	0% {
		right: 0; opacity: 0; }
	1% {
    opacity: 1; right: 0; }
  15% {
    opacity: 1; right: 0}
	17% {
	  opacity: 0; right: 0}
	18% {
		 opacity: 0; right: -8000px}
	100% {
		right: -8000px; }
}
@-moz-keyframes caption-fade-mozilla {
	0% {
		right: 0; opacity: 0; }
	1% {
    opacity: 1; right: 0; }
  15% {
    opacity: 1; right: 0}
	17% {
	  opacity: 0; right: 0}
	18% {
		 opacity: 0; right: -8000px}
	100% {
		right: -8000px; }
}
@keyframes caption-fade-all {
	0% {
		right: 0; opacity: 0; }
	1% {
    opacity: 1; right: 0; }
  15% {
    opacity: 1; right: 0}
	17% {
	  opacity: 0; right: 0}
	18% {
		 opacity: 0; right: -8000px}
	100% {
		right: -8000px; }
}



@media screen and (min-width: 701px) {
	.home-top-content {
		min-height: 700px;
		overflow: hidden;
	}
}

@media screen and (min-width: 1024px) {
	.home-top-content {
		min-height: 770px;
		min-height: 100vh;
	}
}

.home-top-content .home-content-preview a {
	text-decoration: none;
}

.home-bottom-content {
	background: #223c4b;
}

.home-top-content p.overlay,
.home-bottom-content p.overlay {
	color: #fff;
	padding: 30px;
	background: #1b303c;
	background: rgba(0,0,0,.2);

	font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 300;
  color: #fff;
  font-size: 16px;
  line-height: 1.6em;
	width: calc(100% - 60px);
}

.home-top-content p.overlay {
	background: rgba(0,0,0,.6);
	font-size: 100%;
	padding-bottom: 15px;
}

.home-top-content .overlay .learn-more {
	display:  block;
	border-top: 2px solid rgba(255,255,255,.25);
	text-align:  right;
	margin-top: 10px;
	padding-top: 10px;
	font-style: italic;
}

.home-top-content .home-content-preview a:hover p.overlay {
	background: rgba(0,0,0,.75);
}

.home-top-content .more-link {
	background-image: url('/wp-content/themes/sncc/images/down_arrow.svg');
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	width: 100%;
  height: 20px;
  margin-top: 15px;
}

.home-bottom-content .connections {
	text-align: center;
}

.home-bottom-content .connections a {
	text-decoration: none;
}

.home-bottom-content .connections h3 {
	margin-bottom: 2em;
	margin-top: 1em;
}

.home-bottom-content .connections .smaller {
	font-size: 18px;
}

.home-bottom-content h3 {
	font-family: 'Fjalla One', sans-serif;
  font-style: normal;
  color: #fff;
  font-size: 24px;
	margin-bottom: 10px;
	margin-top: 3.5em;
  font-weight: 900;
	text-align: center;
}

.home-bottom-content .overlay a {
	background: rgba(0,0,0,.2);
  color: #fff;
  text-decoration: none;
  padding: 10px;
  border-radius: 5px;
	text-align: right;
}

.home-bottom-content .overlay a:hover {
	background: rgba(0,0,0,.3);
	text-decoration: underline;
}



.home-bottom-content .theme {
	position: relative;
	min-height: 200px;
	margin-bottom: 2em;
	border: 3px solid #fff;
	background-color: #000;
}

.home-bottom-content .theme:hover {
	cursor: pointer;
}

.home-bottom-content .theme .text {
	position: absolute;
	width: 100%;
  height: 100%;
	background-color: rgba(0,0,0,0);
	-webkit-transition: background-color .25s ease-in;
	transition: background-color .25s ease-in;
}

.home-bottom-content .theme:hover .text {
	background-color: rgba(0,0,0,.85);
}

.home-bottom-content .theme h3 {
	background: #333;
	background: rgba(0,0,0,.3);
	padding: 20px;
	text-shadow: -3px 3px 6px rgba(0,0,0,.5);
	text-transform: uppercase;
	font-size: 2em;
	letter-spacing: .1em;
	-webkit-transition: background-color .25s ease-in;
	transition: background-color .25s ease-in;
}

.home-bottom-content .theme:hover h3 {
	background: rgba(0,0,0,0);
}

.home-bottom-content .theme-1 {
	background-image: url('/wp-content/themes/sncc/images/home_theme_1.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.home-bottom-content .theme-2 {
	background-image: url('/wp-content/themes/sncc/images/home_theme_2.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.home-bottom-content .theme-3 {
	background-image: url('/wp-content/themes/sncc/images/home_theme_3.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

@media screen and (min-width: 901px) {

	.home-bottom-content .theme {
		margin-bottom: 0;
		width: 27.5vw;
		height: 27.5vw;
		max-width: 340px;
		max-height: 340px;
	}

}



#home-caption {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  /*background: rgba(0,0,0,.5);*/
  padding: 10px;
  /*color: rgba(255,255,255,.7);*/
	color: #e3e3e3;
  font-size: .8em;
  text-align: right;
  font-style: italic;
	letter-spacing: .02em;
	display: block;
	position: relative;
	top: -36px;
	text-shadow: 1px 1px rgba(0,0,0,.5);
}

#home-content {
	background-color: #223c4b;
	width: 100%;
	border-top: 10px solid #6f1c1f;
}




#footer {
	background-color: rgba(0,19,26,.9);
	width: 100%;
	border-top: 10px solid #6f1c1f;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding-bottom: 87px;
}

#footer #wrapper {
	padding: 20px 0 10px;
}

body.home #footer .wrapper {
	width: 1400px;
	padding: 20px 0 30px;
}

body.home #navigation ul {
	max-width: 1400px;
}

#footer h1 {
	font-family: 'Fjalla One', sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #fff;
	font-size: 28px;
	line-height: 1.1em;
	margin-bottom: 15px;
	text-align: center;
	padding: 0 160px;
}
#footer #search-bar {
	width: 280px;
	height: 30px;
	border-radius: 11px;
	border: 2px solid rgba(255,255,255,.4);
	background-color: rgba(255,255,255,.1);
	margin: 0 auto;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
#inside-search-wrapper #search-bar {
	width: 280px;
	height: 30px;
	border-radius: 11px;
	border: 2px solid rgba(255,255,255,.4);
	background-color: rgba(255,255,255,.1);
	margin: 0;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	float: right;
}
#footer #search-bar input, #inside-search-wrapper #search-bar input {
	background: transparent;
	border: none;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	color: rgba(255,255,255,.8);
	font-size: 14px;
	line-height: 1em;
	vertical-align: middle;
	letter-spacing: .1em;
}
#footer #search-bar input[type="text"], #inside-search-wrapper #search-bar input[type="text"] {
	width: 90%;
	float: left;
	text-align: center;
}
#footer #search-bar input[type="image"], #inside-search-wrapper #search-bar input[type="image"] {
	float: right;
	text-align: right;
}
#footer #search-bar form, #inside-search-wrapper #search-bar form {
	padding: 5px 10px;
}
#inside-search-wrapper #search-bar:hover, #footer #search-bar:hover {
	background-color: rgba(255,255,255,.0);
}
#inside-content {
	padding: 40px 0 60px;
}
body.single-events #inside-content {
	padding: 40px 0 0px;
}
#inside-content #wrapper,
#inside-content .wrapper {
	max-width: 1150px;
	width: 96%;
	margin: 0 auto;
}
#inside-content #wrapper h1 {
	font-family: VeneerThree;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	font-size: 75px;
	padding-left: 34%;
	margin-bottom: 20px;
}

body.page-template-page_full_width #inside-content #wrapper h1,
body.page-template-page_perspectives_flipbook #inside-content #wrapper h1,
body.page-template-page_full_width #inside-content #wrapper #bread-buffer,
body.page-template-page_perspectives_flipbook #inside-content #wrapper #bread-buffer {
	padding-left: 0;
}

@media screen and (min-width: 1024px) {
	body.page-template-page_full_width #inside-content #wrapper h1,
	body.page-template-page_perspectives_flipbook #inside-content #wrapper h1,
	body.page-template-page_full_width #inside-content #wrapper #bread-buffer,
	body.page-template-page_perspectives_flipbook #inside-content #wrapper #bread-buffer {
		padding-left: 10%;
	}
}

body.single-events #inside-content #wrapper {
	margin: 0 auto 50px;
}
body .storyjs-embed {
	background: transparent !important;
}
body .vco-storyjs {
	background-color: rgba(80,124,152,.6);
}
body .vco-loading-container {
	background: transparent;
}
body .vco-storyjs div.vco-loading, body .vco-storyjs div.vco-explainer {
	background: transparent;
}
body .vco-timeline .vco-navigation .timenav-background .timenav-indicator {
	background-image: url(images/timeline.png?v4.4);
}
body .vco-slider .nav-previous .icon {
	background-image: url(images/timeline.png?v4.4);
}
body .vco-slider .nav-next .icon {
	background-image: url(images/timeline.png?v4.4);
}
body .vco-feature h3 {
	font-family: VeneerThree !important;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	font-size: 70px;
	line-height: 1em;
}
body .vco-slider .slider-item .content .content-container .text .container h2.date {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 24px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
body .vco-slider .slider-item .content .content-container .text .container h2.date span, body .vco-feature p {
	display: none;
}
body .media-shadow:after, body .media-shadow:before {
	display: none;
}
body .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .credit {
	display: none;
}
body .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .caption {
	text-align: left;
	margin-top: 10px;
	color: #fff;
	font-size: 11px;
	line-height: 16px;
	text-rendering: optimizeLegibility;
	word-wrap: break-word;
}
body .vco-slider .nav-previous .date, .vco-slider .nav-previous .title, body .vco-slider .nav-next .date, .vco-slider .nav-next .title {
	display: none;
}
body .storyjs-embed.full-embed {
	border-bottom: 15px solid #fff !important;
}
#timeline-title {
	width: 100%;
	padding: 20px 0;
	font-family: VeneerThree !important;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	font-size: 40px;
	text-align: center;
	background-color: rgba(80,124,152,.6);
}
#inside-content #wrapper #left-column {
	float: left;
	width: 30%;
	margin-right: 4%;
	background-color: #223c4c;
	padding: 10px 0;
}
#inside-content #wrapper #left-column.people {
	background-color: #6f1c1f;
}
body.page-template-page_organize #inside-content #wrapper #left-column {
	background-color: #49473c;
}
#inside-content #wrapper #right-column {
	float: right;
	width: 30%;
	margin-left: 4%;
	background-color: #050e17;
	padding: 10px 0;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 13px;
	line-height: 1.5em;
}
#inside-content #wrapper #right-column.people {
	background-color: #6f1c1f;
}
#inside-content #wrapper #right-column.organize {
	background-color: #49473c;
}
#inside-content #wrapper #right-column img {
	width: 94%;
	padding: 3%;
	height: auto;
	background-color: #fff;
	/*margin-bottom: 10px;*/
}
#inside-content #wrapper #right-column h1 {
	font-family: VeneerThree;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	font-size: 29px;
	margin-bottom: 15px;
	padding: 0;
}

#right-column p a {
	/*display: block;*/
	/*text-align: center;*/
	color: #eee;
}

#right-column p a:hover {
	color: #fff;
}

#right-column p iframe {
	width: 100% !important;
}

.page-template-page_perspectives #content p iframe {
	width: 100% !important;
	height: 500px;
}

#right-column p em {
	font-style: italic;
}

#inside-content #wrapper #left-column ul li {
	width: 100%;
	display: block;
	font-family: 'Fjalla One', sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #fff;
	font-size: 24px;
	line-height: 1.1em;
}
#inside-content #wrapper #left-column ul li.page_item_has_children ul.children {
	display: none;
}
#inside-content #wrapper #left-column ul li.page_item_has_children.current_page_item ul.children {
	display: block;
}
#inside-content #wrapper #left-column ul li ul.children {
	background-color: rgba(0,0,0,.2);
}
#inside-content #wrapper #left-column ul li ul.children li {
	font-size: 20px;
	line-height: 1.1em;
}
#inside-content #wrapper #left-column ul li ul.children li a {
	display: block;
	padding: 10px 50px;
	color: #fff;
	text-decoration: none;
}
#inside-content #wrapper #left-column ul li.current_page_item ul.children li a {
	background-color: rgba(0,0,0,.2);
}
#inside-content #wrapper #left-column ul li.current_page_item ul.children li a:hover, #inside-content #wrapper #left-column ul li ul.children li a.current_page_item {
	background-color: rgba(0,0,0,.5);
}
#inside-content #wrapper #left-column ul li h2 {
	display: inline;
}
#inside-content #wrapper #left-column ul li p {
	display: none;
}
#inside-content #wrapper #left-column ul li.divide {
	border-bottom: 2px solid #fff;
	width: 100%;
	text-align: center;
	padding: 10px 0 0;
	opacity: .1;
	margin-bottom: 10px;
}
#inside-content #wrapper a {
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
#inside-content #wrapper #left-column ul li a {
	display: block;
	padding: 10px 25px;
	color: #fff;
	text-decoration: none;
}
#inside-content #wrapper #left-column ul li.current-cat a, #inside-content #wrapper #left-column ul li.current_page_item a, #inside-content #wrapper #left-column ul li a:hover {
	background-color: rgba(0,0,0,.5);
	color: #fff;
}

#inside-content #wrapper #main-column {
	float: right;
	width: 66%;
}


#inside-content #wrapper #main-column #single-search-result {
	margin-bottom: 25px;
}
#inside-content #wrapper #main-column #single-search-result p {
	margin-bottom: 0px;
}
#inside-content #wrapper #main-column .navigation {
	text-align: center;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	color: #fbd502;
	font-size: 16px;
}
#inside-content #wrapper #main-column .navigation li {
	display: inline;
	margin: 0 5px !important;
}
body.search #inside-content #wrapper #main-column,
#inside-content #wrapper #main-column.one {
	float: none;
	width: 100%;
}

body.page-template-page_perspectives_flipbook #inside-content #wrapper #main-column,
body.page-template-page_full_width #inside-content #wrapper #main-column,
#inside-content #wrapper #main-column.one {
	float: none;
	width: 100%;
}

@media screen and (min-width: 1024px) {
	body.page-template-page_perspectives_flipbook #inside-content #wrapper #main-column,
	body.page-template-page_full_width #inside-content #wrapper #main-column,
	#inside-content #wrapper #main-column.one {
		float: none;
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}
}


body.page-template-page_map #inside-content #wrapper #main-column {
	float: none;
	width: 98%;
	/*background: #fff;*/
	/*padding: 1% 1% 0 1%;*/
	margin: 2em 0 2em 0;
}
body.search #inside-content #wrapper #left-column {
	display: none;
}
body.search #inside-content #wrapper h1, body.map #inside-content #wrapper h1, body.error404 #inside-content #wrapper h1, body.page-template-page_map #inside-content #wrapper h1 {
	padding-left: 25px;
	margin-bottom: 20px;
}
#inside-content #wrapper #main-column.no-bg {
	float: left;
	width: 66%;
	background-color: transparent;
}

#inside-content #wrapper #main-column.single-full-width {
	width: 100% !important;
	/* override above */
}

#inside-content #wrapper #right-column #content, #inside-content #wrapper #main-column #content {
	padding: 15px 25px;
}
#inside-content #wrapper #right-column #content li {
	margin-bottom: 20px;
}
#inside-content #wrapper #right-column #content li a {
	color: #fff;
	text-decoration: none;
}
#inside-content #wrapper #right-column #content li a:hover {
	color: #fff;
	text-decoration: underline;
}

.single-people #inside-content #wrapper #right-column {
	background-color: #6f1c1f;
}


#inside-content #wrapper #main-column #content.maroon-bg {
	padding: 20px 25px;
	background-color: #470a0c;
}
#inside-content #wrapper #main-column #content {
	padding: 20px 25px;
	background-color: rgba(50,54,57,.8);
}
#inside-content #wrapper #centered-content {
	max-width: 650px;
	width: 100%;
	margin: 0 auto;
}
#inside-content #wrapper #centered-content h1 {
	font-family: VeneerThree;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	font-size: 48px;
	margin-bottom: 10px;
	text-align: center;
	padding: 0;
}
#inside-content #wrapper #centered-content h2 {
	font-family: VeneerThree;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	font-size: 42px;
	margin-bottom: 20px;
	text-align: center;
}
#inside-content #wrapper #centered-content p {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom: 25px;
	text-align: center;
}
#inside-content #wrapper #main-column #content h1 {
	font-family: VeneerThree;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	font-size: 42px;
	margin-bottom: 20px;
	padding: 0;
}
#inside-content #wrapper #main-column #content h2 {
	font-family: 'Fjalla One', sans-serif;
	color: #fff;
	font-size: 32px;
	margin-bottom: 10px;
	padding: 0;
	line-height: 1.1em;
	font-weight: 900;
}
#inside-content #wrapper #main-column #content h2 span {
	font-family: 'Fjalla One', sans-serif;
	color: #fff;
	font-size: 18px;
	margin-bottom: 10px;
	text-transform: capitalize;
	padding: 0;
	font-weight: 900;
}
#inside-content #wrapper #main-column #content h3 {
	font-family: 'Fjalla One', sans-serif;
	font-style: normal;
	color: #fff;
	font-size: 24px;
	margin-bottom: 10px;
	font-weight: 900;
}
#inside-content #wrapper #main-column #content .citation h3 {
	margin-bottom: 20px;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #fff;
}

#inside-content #wrapper #main-column #content h4 {
	font-family: 'Fjalla One', sans-serif;
	font-style: normal;
	color: #ccc;
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: 400;
}

#inside-content #wrapper #main-column #content h5 {
	font-family: 'Fjalla One', sans-serif;
	font-style: normal;
	color: #fff;
	font-size: 17px;
	margin-bottom: 10px;
	font-weight: 200;
}


#inside-content #wrapper #breadcrumbs {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	line-height: 1.3em;
	padding: 0 0 35px 0;
	width: 100%;
	display: block;
}
body.single #inside-content #wrapper #bread-buffer,
body.page-template-page_organize-child #inside-content #wrapper #bread-buffer {
	padding: 0 25px;
}
#inside-content #wrapper #bread-buffer {
	padding: 0 0 0 34%;
}
#inside-content #wrapper #breadcrumbs span {
	color: #fff;
	margin: 0 5px;
}
#inside-content #wrapper #breadcrumbs a {
	color: #fff;
	text-decoration: none;
}
#inside-content #wrapper #breadcrumbs a:hover, #inside-content #wrapper #breadcrumbs strong {
	color: #fff;
	text-decoration: underline;
}
#inside-content #wrapper #breadcrumbs strong {
	text-decoration: none;
}

#inside-content #wrapper #main-column #content p {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 16px;
	line-height: 1.6em;
	margin-bottom: 25px;
}
#inside-content #wrapper #main-column #content strong {
	font-weight: bold;
}
#inside-content #wrapper #main-column #content ul, #inside-content #wrapper #main-column #content ol {
	margin-bottom: 25px;
}
#inside-content #wrapper #main-column #content ul li {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	color: #fff;
	font-size: 16px;
	line-height: 1.6em;
	margin-bottom: 8px;
	list-style-type: disc;
	margin-left: 25px;
}
#inside-content #wrapper #main-column #content ol li {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 16px;
	line-height: 1.6em;
	margin-bottom: 8px;
	list-style-type: decimal;
	margin-left: 35px;
}
#inside-content #wrapper #main-column #content form {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 16px;
	line-height: 1.6em;
	margin-bottom: 25px;
}
#inside-content #wrapper #main-column #content form input[type=text] {
	padding: 11px 8px 12px;
	margin-left: 5px;
	border: none;
	vertical-align: middle;
}
#inside-content #wrapper #main-column #content form input[type=submit] {
	background-color: #872222;
	color: #fff;
	padding: 8px 12px 6px 12px;
	border: none;
	cursor: pointer;
	font-family: VeneerThree;
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	vertical-align: middle;
	letter-spacing: .05em;
}
#inside-content #wrapper #main-column #content form input[type=submit]:hover {
	background-color: #711717;
	color: #fff;
}

#inside-content #wrapper #main-column #content .citation li, #inside-content #wrapper #main-column #content .citation p {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 13px;
	line-height: 1.5em;
	margin-bottom: 10px;
	list-style-type: none;
}
#inside-content #wrapper #main-column #content em, #inside-content #wrapper #main-column #content .citation em {
	font-style: italic;
}
#inside-content #wrapper #main-column #content ul.two-col li {
	display: inline-block;
	width: 50%;
	margin-left: 0%;
	margin-bottom: 0px;
	font-family: 'Fjalla One', sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #fff;
	font-size: 24px;
	float: left;
}
#inside-content #wrapper #main-column #content ul.one-col li {
	margin-left: 5%;
	margin-bottom: 5px;
	font-family: VeneerThree;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	font-size: 24px;
	list-style-type: none;
}
#inside-content #wrapper #main-column #content ul.one-col li a {
	color: #fff;
	display: block;
  padding: 5px 2.5%;
	text-decoration: none !important;
}
#inside-content #wrapper #main-column #content ul.one-col li a:hover {
	color: #fff !important;
	text-decoration: none !important;
	background-color: rgba(0,0,0,.5);
}
#date-nav {
	width: 100%;
	padding-top: 0.5%;
	margin-bottom: 20px;
}
#date-nav #date-block {
	width: 19.4%;
	margin-left: .5%;
	display: inline-block;
	float: left;
	background-color: rgba(0,0,0,1);
	text-align: center;
	opacity: .6;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	cursor: pointer;
	position: relative;
}
#date-nav li {
	width: 19.4%;
	margin-left: .5%;
	display: inline-block;
	float: left;
	background-color: rgba(0,0,0,1);
	text-align: center;
	opacity: .6;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	cursor: pointer;
	position: relative;
	list-style-type: none;
}
#date-nav li a {
	padding: 10px 10px 10px 10px;
	font-family: VeneerThree;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	font-size: 29px;
	text-decoration: none;
	display: block;
}
#date-nav li:hover, #date-nav li.current-cat {
	background-color: rgba(255,255,255,1);
	opacity: 1;
}
#date-nav li.current-cat a, #date-nav li a:hover {
	color: #000;
}
#date-nav #date-block:hover {
	background-color: rgba(255,255,255,1);
	opacity: 1;
}
#date-nav #date-block.current {
	background-color: rgba(255,255,255,1);
	opacity: 1;
}
#date-nav li.current-cat:after, #date-nav #date-block.current:after {
	content: "\f0d7";
	font-family: FontAwesome;
	position: absolute;
	width: 100%;
	bottom: -24px;
	font-size: 40px;
	text-align: center;
	color: #fff;
	left: 0;
}
#date-nav #date-block h1 {
	padding: 10px 10px 0 10px;
	font-family: VeneerThree;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	font-size: 29px;
	margin-bottom: 5px;
}
#date-nav #date-block h2 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	color: #fff;
	/*font-size: 18px;*/
	line-height: 1.5em;
	padding: 0 10px 10px 10px;
	padding-top: 10px !important;
  font-size: 1.5em !important;
}
#date-nav #date-block p {
	display: none;
}
#date-nav #date-block:hover h1, #date-nav #date-block:hover h2, #date-nav #date-block.current h1, #date-nav #date-block.current h2 {
	color: #333 !important;
}
#date-nav #date-block.last {
	margin-right: .5%;
}
#vertical-timeline {
	position: relative;
	padding: 45px 0;
	background-image: url(images/vert-timeline-bg.jpg);
	background-repeat: repeat-y;
	background-position: top center;
}
#vertical-timeline:before {
	position: absolute;
	display: block;
	content: "";
	height: 16px;
	width: 16px;
	background-color: #b7b7b7;
	top: 0;
	left: 50%;
	margin-left: -8px;
	border-radius: 50%;
}
#vertical-timeline:after {
	position: absolute;
	display: block;
	content: "";
	height: 16px;
	width: 16px;
	background-color: #b7b7b7;
	bottom: 0;
	left: 50%;
	margin-left: -8px;
	border-radius: 50%;
}
#timeline-event {
	text-align: center;
	vertical-align: middle;
	padding: 25px 0;
}
#tl-date {
	width: 45%;
	display: inline-block;
	text-align: right;
	font-family: 'Fjalla One', sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #fff;
	font-size: 35px;
	vertical-align: middle;
}
#tl-point {
	width: 5%;
	height: 30px;
	margin: 0 2%;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
#tl-point:after {
	position: absolute;
	display: block;
	content: "";
	height: 20px;
	width: 20px;
	background-color: #fff;
	top: 3px;
	left: 50%;
	margin-left: -15px;
	border-radius: 50%;
	border: 5px solid #b7b7b7;
}
#tl-event {
	width: 45%;
	display: inline-block;
	text-align: left;
	font-family: 'Fjalla One', sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #fff;
	font-size: 28px;
	line-height: 1.2em;
	vertical-align: middle;
}
#tl-event a {
	display: inline-block;
	padding: 8px 15px;
	background-color: rgba(34,60,76,.4);
	color: #fff;
	text-decoration: none;
}
#tl-event a:hover {
	background-color: rgba(34,60,76,1);
	color: #fff;
	text-decoration: none;
}
#inside-content #wrapper #main-column #content ul.two-col li a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 5px 5%;
}
#inside-content #wrapper #main-column #content ul.two-col li a:hover {
	color: #fff;
	background-color: rgba(0,0,0,.5);
	text-decoration: nono;
}
#inside-content #wrapper #centered-content p a, #inside-content #wrapper #main-column #content p a {
	color: #fff;
	text-decoration: none;
}
#inside-content #wrapper #centered-content p a:hover, #inside-content #wrapper #main-column #content p a:hover {
	/*text-decoration: underline;*/
	text-decoration: none;
	color: #e7e86a !important;
}

#main-column #content h2,
#main-column #content h3 {
	line-height: 1.5;
}

#main-column #content h2 a,
#main-column #content h3 a {
	color: #fff;
	text-decoration: none;
}
#main-column #content h2 a:hover,
#main-column #content h3 a:hover {
	text-decoration: underline;
	color: #e7e86a !important;
}

.search-results #main-column #content h2 a:hover,
.search-results #main-column #content h3 a:hover {
	text-decoration: underline;
	color: #fff !important;
}

#main-column #content .navigation a {
	color: #fff;
	text-decoration: none !important;
}

#main-column #content .navigation .active a {
	margin: -2px -4px -2px -4px;
	padding: 2px 4px 2px 4px;
	background: #00131a;
	color: #fff;
}

#main-column #content .navigation .active a:hover {
	color: #00131a;
	background: #fff;
}


#right-column #content p a {

}

#right-column #content p a:hover {
	color: #e7e86a !important;
}


.social-sharing {
	/*display: inline-block;*/
	display: block;
	clear: both;
	width: 100%;
	margin-bottom: 1em;
}

.social-sharing a img {
	filter: grayscale(100%);
}

.social-sharing a:hover img {
	filter: grayscale(0%);
}

#inside-footer {
	background-color: #00131a;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	color: #fff;
	font-size: 13px;
	padding: 5px 0;
	text-transform: uppercase;
	line-height: 20px;
}
#inside-footer a {
	color: #fff;
	text-decoration: none;
}
#site-wrapper {
	min-height: 100%;
	/* equal to footer height */

	margin-bottom: -157px;
}
#site-wrapper:after {
	content: "";
	display: block;
	height: 157px;
}
#inside-footer {
	/*height: 147px;*/
}
#inside-footer a:hover {
	text-decoration: underline;
}
#inside-footer ul {
	text-align: center;
	vertical-align: middle;
}
#inside-footer ul li {
	display: inline-block;
	vertical-align: middle;
	padding: 20px 15px 0;
}
#inside-footer ul li span {
	display: inline-block;
	padding: 0 15px;
}
#inside-footer ul li.logo {
	padding: 0 1%;
}

#inside-footer .footer-facebook,
#inside-footer .footer-twitter {
	width: 32px;
	height: 32px;
	margin-right: 5px;
	margin-left: 5px;
}

#inside-footer .footer-facebook:hover,
#inside-footer .footer-twitter:hover {
	text-decoration: none;
}

#inside-footer .connect {
	margin-bottom: 5px;
	color: rgba(255,255,255,.5);
}


#navigation {
	width: 100%;
	position: absolute;
	bottom: 0;
	overflow: hidden;
	height: 70px;
	background-color: #6f1c1f;
}
#navigation:after {
	content: "";
	display: block;
	clear: both;
}
#navigation ul {
	max-width: 1150px;
	margin: 0 auto;
}
#navigation ul li {
	float: left;
	display: inline-block;
	font-family: VeneerThree;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	font-size: 25px;
	text-align: center;
	letter-spacing: .1vw;
	position: relative;
}
#navigation ul:hover li {
	opacity: .4;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
#navigation ul:hover li:hover {
	opacity: 1;
}
#navigation ul li a {
	display: block;
	padding: 22px 0 23px 0;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
}

#navigation ul li:hover, #navigation ul li.current {
	background-color: #223c4c!important;
}
.body.page-template-page_about li.about,
body.page-template-page_people li.people,
body.single-people li.people,
body.single-events li.history,
body.page-template-page_history li.history,
body.page-template-page_perspectives li.perspectives,
body.parent-pageid-17 li.perspectives, /* our voices */
body.parent-pageid-3202 li.perspectives, /*roots of organizing*/
body.parent-pageid-2286 li.perspectives, /*emergence of black power*/
body.parent-pageid-833 li.perspectives, /*learning from experience*/
body.parent-pageid-4230 li.perspectives, /*black panther*/
body.parent-pageid-4188 li.perspectives, /*strong people*/
body.parent-pageid-4332 li.perspectives, /*international consciousness*/
body.parent-pageid-4990 li.perspectives, /*song and music*/
body.parent-pageid-5160 li.perspectives, /*lowndes county*/
body.page-template-page_organize li.organize,
body.single-organize li.organize,
body.page-template-page_map li.map,
body.page-template-page_resources li.resources,
body.category-1943-1960 li.history,
body.category-1960-1962 li.history,
body.category-1962-1965 li.history,
body.category-1965-1969 li.history,
body.category-1965-present li.history,
body.page-template-page_today li.today {
	background-color: #223c4c !important;
}


#navigation ul li {
	width: 15%;
}

#navigation ul li.about {
	/*width: 11%;*/
	background-color: #6f1c1f;
}
#navigation ul li.people {
	background-color: #6f1c1f;
}
#navigation ul li.history {
	background-color: #6f1c1f;
}
#navigation ul li.perspectives {
	background-color: #6f1c1f;
}
#navigation ul li.organize {
	width: 17%;
	background-color: #6f1c1f;
}
#navigation ul li.map {
	width: 10%;
	background-color: #6f1c1f;
}
#navigation ul li.today {
	width: 12%;
	background-color: #6f1c1f;
}

#navigation ul li.resources {
	background-color: #6f1c1f;
}

.home #navigation ul li {
	/*width: 14.257%;*/
}

#mobile-navigation, body .menu-link, body .search-link, #search-bar-wrapper {
	display: none;
}
#timeline .vco-storyjs .vco-feature .vco-slider {
	background: url(images/timeline-bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}


/* extra child nav highlighting */
.page-template-page_organize-child #navigation .organize,
.parent-pageid-833 #navigation .perspectives,
.single-location #navigation ul li.map,
.page-template-page_about #navigation ul li.about {
	background-color: #223c4c !important;
}

/* images */

#content img.alignleft {
	display: block;
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

#content img.alignright {
		float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em;
    display: block;
}

#content img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
		margin-bottom: 1.5em;
}

#content div.alignright {
	float: right;
	margin: 0 0 1.5em 1.5em;
	display: block;
}

#content div.alignleft {
	float: left;
	margin: 0 1.5em 0.5em 0;
	display: block;
}

#content div.alignright {
	float: right;
	margin: 0 0 0.5em 1.5em;
	display: block;
}

#content div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
	text-align: center;
}

#content div.aligncenter .wp-caption-text {
	text-align: center;
}

#content .wp-caption-text {
	margin-bottom: 0 !important;
	color: #bbb !important;
	font-size: 13px !important;
}

#inside-content #wrapper #main-column #content {
	overflow: hidden;
}

#content li {
	font-weight: normal !important;
}

#right-column #content p {
	margin-bottom: 2em;
}

/* Links */

#content p a,
#content li a {
	text-decoration: underline !important;
}

#content p a:hover,
#content li a:hover {
	text-decoration: underline !important;
	color: #9fa75c !important;
}


.category-people #content ul.two-col li a,
.category-local-people #content ul.two-col li a,
.category-cofo #content ul.two-col li a,
.category-sncc-mentors #content ul.two-col li a,
.category-sncc-staff #content ul.two-col li a,
.category-supporters #content ul.two-col li a,
.category-young-mississippians #content ul.two-col li a,
.category-alabama-black-belt #content ul.two-col li a,
.category-mississippi-delta #content ul.two-col li a,
.category-southwest-georgia #content ul.two-col li a,
.category-southwest-mississippi #content ul.two-col li a,

.category-mentors-allies #content ul.two-col li a,
.category-alabama #content ul.two-col li a,
.category-arkansas #content ul.two-col li a,
.category-georgia #content ul.two-col li a,
.category-maryland-cambridge #content ul.two-col li a,
.category-mississippi #content ul.two-col li a,
.category-virginia-danville #content ul.two-col li a,

.single-location #content ul.two-col li a {
	text-decoration: none !important;
}

.category-people #content ul.two-col li a:hover,
.category-local-people #content ul.two-col li a:hover,
.category-cofo #content ul.two-col li a:hover,
.category-sncc-mentors #content ul.two-col li a:hover,
.category-sncc-staff #content ul.two-col li a:hover,
.category-supporters #content ul.two-col li a:hover,
.category-young-mississippians #content ul.two-col li a:hover,
.category-alabama-black-belt #content ul.two-col li a:hover,
.category-mississippi-delta #content ul.two-col li a:hover,
.category-southwest-georgia #content ul.two-col li a:hover,
.category-southwest-mississippi #content ul.two-col li a:hover,

.category-mentors-allies #content ul.two-col li a:hover,
.category-alabama #content ul.two-col li a:hover,
.category-arkansas #content ul.two-col li a:hover,
.category-georgia #content ul.two-col li a:hover,
.category-maryland-cambridge #content ul.two-col li a:hover,
.category-mississippi #content ul.two-col li a:hover,
.category-virginia-danville #content ul.two-col li a:hover,

.single-location #content ul.two-col li a:hover {
	color: #fff !important;
}


/* Event arrows */

.fa-arrow-left:before {
	content: "\003c" !important;
	font-weight: bold;
}


.fa-arrow-right:before {
	content: "\003e" !important;
	font-weight: bold;
}



/* trying arrows for mobile view */
body.single-events #inside-content #wrapper #port-prev a {
	position: fixed;
	margin-top: -3px;
	left: inherit;
	top: inherit;
	width: 20px;
	height: 30px;
}

body.single-events #inside-content #wrapper #port-next a {
	position: fixed;
	margin-top: -3px;
	top: inherit;
	right: 10px;
	width: 20px;
	height: 30px;
}

body.single-events #inside-content #wrapper #port-prev a .fa-arrow-left,
body.single-events #inside-content #wrapper #port-next a .fa-arrow-right {
	font-size: 30px;
	text-shadow: 3px 3px 6px rgba(0,0,0,.5);
}

/* body.single-events #inside-content #wrapper #port-prev a:hover .fa-arrow-left,
body.single-events #inside-content #wrapper #port-next a:hover .fa-arrow-right {
	text-shadow: 3px 3px 6px rgba(0,0,0,.8);
	color: #9fa75c;
} */



@media screen and (min-width: 901px) {

	body.single-events #inside-content #wrapper #breadcrumbs {
	  padding: 0 0 35px 60px;
	}

	body.single-events #inside-content #wrapper #main-column {
	  width: calc(66% - 120px);
		margin-left: 60px;
	}

	body.single-events #inside-content #wrapper #right-column {
	  margin-right: 60px;
	}

	body.single-events #inside-content #wrapper #port-prev a {
	  position: fixed;
	  margin-top: 60px;
		left: inherit;
		top: inherit;
		width: 34px;
		height: 60px;
	}

	body.single-events #inside-content #wrapper #port-next a {
	  position: fixed;
	  margin-top: 60px;
		top: inherit;
		right: 30px;
		/* margin-left: calc(94% - 60px); */
		width: 34px;
		height: 60px;
	}

	body.single-events #inside-content #wrapper #port-prev a .fa-arrow-left,
	body.single-events #inside-content #wrapper #port-next a .fa-arrow-right {
	  font-size: 60px;
		text-shadow: 3px 3px 6px rgba(0,0,0,.5);
	}

	body.single-events #inside-content #wrapper #port-prev a:hover .fa-arrow-left,
	body.single-events #inside-content #wrapper #port-next a:hover .fa-arrow-right {
		text-shadow: 3px 3px 6px rgba(0,0,0,.8);
		color: #9fa75c;
	}

}

@media screen and (min-width: 1231px) {
	body.single-events #inside-content #wrapper #port-next a {
		/* margin-left: calc(1165px - 5%); */
		right: calc( (100% - 1165px) * .56 );
	}
}

@media screen and (min-width: 1640px) {
	body.single-events #inside-content #wrapper #port-next a {
		right: calc( (100% - 1165px) * .53 );
	}
}



@media screen and (max-width: 1300px) {
#inside-nav-wrapper {
	width: 85%;
}
#nav-logo {
	width: 15%;
}
}

@media screen and (max-width: 1023px) {
#date-nav #date-block {
	width: 100%;
	margin-left: 0;
}
#logo {
	display: block;
}
#inside-navigation, #inside-search-wrapper {
	display: none;
}
#navigation {
	display: none;
}
#footer {
	padding-bottom: 0px;
}
#search-bar-wrapper {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	overflow: hidden;
	height: 31px;
	padding: 7px 0 8px;
	background-color: #fff;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	text-align: center;
}
#search-bar-wrapper.active {
	width: 100%;
	z-index: 1000000;
}
#search-bar-wrapper input {
	width: 50%;
	border-radius: 8px;
	border: 1px solid #ccc;
	padding: 5px 10px;
	color: #666;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 14px;
}
#search-bar-wrapper button {
	border-radius: 8px;
	border: 1px solid #0a293b;
	padding: 5px 10px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	background-color: #0a293b;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
}
body .menu-link {
	display: block;
	z-index: 1000001;
}
body .search-link {
	z-index: 50;
	display: block;
	position: absolute;
	top: 0;
	right: 46px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 46px;
	height: 46px;
	font-size: 25px;
	cursor: pointer;
	-webkit-transition: background .3s;
	transition: background .3s;
	background-color: #fff;
	color: #0a293b;
	text-align: center;
}
body .search-link .fa {
	padding-top: 9px;
}
#mobile-navigation {
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	right: -100%;
	width: 100%;
	height: 100%;
	background-color: #000;
	position: absolute;
	top: 0;
	overflow: hidden;
	display: block;
}
#mobile-navigation.active {
	opacity: 1;
	z-index: 99;
	right: 0;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#mobile-navigation ul {
	width: 100%;
	height: 100%;
}
#mobile-navigation ul li {
	width: 100%;
	height: 12.5%;
	font-family: VeneerThree;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	font-size: 32px;
	letter-spacing: 1.5vw;
	display: table;
	overflow: hidden;
	position: relative;
	text-align: center;
}
#mobile-navigation ul li a {
	padding: 0 30px;
	color: #fff;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
}
#mobile-navigation ul li {
	background-color: #6f1c1f;
}
#mobile-navigation ul:hover li {
	opacity: .4;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
#mobile-navigation ul:hover li:hover {
	opacity: 1;
}
#date-nav {
	padding-top: 60px;
}
}

@media screen and (max-width: 900px) {
body.single-events #inside-content {
    padding: 60px 0 0px;
}
#port-prev {
	width: 50%;
	display: inline-block;
	float: left;
}
#port-prev a {
    position: relative;
    left: 0px;
    top: 0;
	width: 100%;
}
#port-next {
	width: 50%;
	display: inline-block;
	text-align: right;
	float: right;
}
#event-navi:after {
	clear: both;
	content: "";
	display: block;
}
#port-next a {
    position: relative;
    right: 0px;
    top: 0;
	width: 100%;
}

#site-wrapper {
	min-height: initial;
	/* equalto footer height */
	margin-bottom: 0;
}
#site-wrapper:after {
	content: "";
	display: block;
	height: 0px;
}
#inside-footer {
	height: initial;
}
#inside-content #wrapper #main-column.no-bg {
	float: none;
	width: 100%;
	background-color: transparent;
}
#date-nav #date-block {
	width: 100%;
	margin-left: 0;
	margin-bottom: 5px;
}
#date-nav #date-block.current:after {
	display: none;
}
#tl-event, #tl-date {
	width: 40%;
}
#inside-content #wrapper #breadcrumbs {
	padding: 0 0 10px 0;
}
#inside-content #wrapper #left-column, #inside-content #wrapper #right-column, #inside-content #wrapper #main-column {
	float: none;
	width: 100%;
	margin-bottom: 20px;
	margin-left: 0;
	margin-right: 0;
}
#inside-content #wrapper h1 {
	padding-left: 25px;
	margin-bottom: 20px;
}
#inside-footer ul li {
	width: 100%;
	display: block;
	text-align: center;
	padding: 15px 0 0;
}
#inside-footer {
	padding-bottom: 15px;
}
#inside-footer ul li.logo {
	display: none;
}
#inside-footer ul li span {
	padding: 0 5px;
}
#inside-content {
	padding: 10px 0;
}
}

@media screen and (max-width: 700px) {
#footer h1 {
	padding: 0;
}

.home-top-content {
	padding-top: 175px;
}

body.home #logo.mobile {
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
	z-index: 1;
}

body.home #logo.mobile img {
	width: 150px;
	height: 150px;
	display: inline-block;
}

body.home #logo.desktop {
	display: none;
}
}

@media screen and (max-width: 600px) {
#inside-footer {
	font-size: 11px;
}
#timeline-event {
	padding: 15px 0;
}
#tl-date {
	font-size: 18px;
}
#tl-event {
	font-size: 18px;
}
#tl-point:after {
	height: 14px;
	width: 14px;
	margin-left: -13px;
}
#inside-content #wrapper #main-column #content ul.two-col li {
	width: 95%;
	margin-left: 5%;
}
#footer h1 {
	font-size: 24px;
	margin-bottom: 15px;
}
body {
	background-position: bottom center;
}
#logo {
	width: 150px;
}
#footer #wrapper {
	padding: 15px 0 15px;
}
#search-bar-wrapper {
	text-align: left;
}
#search-bar-wrapper form {
	padding-left: 10px;
}
#search-bar-wrapper input {
	width: 45%;
}
#inside-content #wrapper h1 {
	font-size: 13vw;
	padding-top: 50px;
}
}

@media screen and (max-width: 400px) {
	#inside-content #wrapper h1 {
		font-size: 15vw;
	}
	#footer #search-bar input[type="text"], #inside-search-wrapper #search-bar input[type="text"] {
		width: 85%;
	}
}

/* Page Background */


.category-cofo,
.category-sncc-mentors,
.category-sncc-staff,
.category-supporters,
.category-young-mississippians,
.category-alabama-black-belt,
.category-mississippi-delta,
.category-southwest-georgia,
.category-southwest-mississippi,
.category-mentors-allies,
.category-alabama,
.category-arkansas,
.category-georgia,
.category-maryland-cambridge,
.category-mississippi,
.category-virginia-danville,
.search-results {
  background-image: url(/wp-content/themes/sncc/images/02_people_bg.jpg);
}

.category-people,
.single-people,
.category-local-people {
	background-image: url(/wp-content/uploads/2016/11/02_TintGreenwoodsmall.jpg);
}

.category-history,
.category-1943-1960,
.category-1960-1962,
.category-1962-1965,
.category-1965-1969,
.category-1965-present,
.category-1968-present,
.single-events {
	background-image: url(/wp-content/uploads/2016/11/03_TintTractorsmall.jpg);
}

.single-location {
	background-image: url(/wp-content/uploads/2016/11/01_TintGirlssmall.jpg);
}


/* Reponsive Tabs */

#inside-content #wrapper #main-column #content ul li {
	margin-left: 0 !important;
	margin-bottom: 0 !important;
}

.responsive-tabs .responsive-tabs__list__item--active,
.responsive-tabs .responsive-tabs__list__item--active:hover {
	background: #222 !important;
	border-color: #555 !important;
}

.responsive-tabs .responsive-tabs__panel {
	padding: 0 !important;
	border: none !important;
}

.responsive-tabs .responsive-tabs__panel p {
	display: block;
	position: relative;
	padding-bottom: 60%;
	overflow: hidden;
}

.responsive-tabs .responsive-tabs__panel p iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
}

#inside-content #wrapper #main-column #content h2.tabtitle {
	font-size: 24px;
	padding: 10px;
	color: #333;
}


.tabby-tabs-left,
.tabby-tabs-right,
.tabby-tabs-center {
	width: 100%;
}

.tabby-short .responsive-tabs-wrapper .responsive-tabs .tabcontent p {
	height: 350px;
}
.tabby-short .responsive-tabs-wrapper .responsive-tabs .tabcontent p {
	padding-bottom: 0;
}

.tabby-medium .responsive-tabs-wrapper .responsive-tabs .tabcontent p {
	height: 500px;
}
.tabby-medium .responsive-tabs-wrapper .responsive-tabs .tabcontent p {
	padding-bottom: 0;
}

.tabby-tall .responsive-tabs-wrapper .responsive-tabs .tabcontent p {
	height: 700px;
}
.tabby-tall .responsive-tabs-wrapper .responsive-tabs .tabcontent p {
	padding-bottom: 0;
}


.embed-left,
.embed-right {
	clear: both;
	width: 100%;
}

.embed-left iframe,
.embed-right iframe {
	width: 100%;
}

.embed-left p,
.embed-right p {
	color: #bbb !important;
	font-size: 13px !important;
	margin-bottom: 2.5em !important;
}


.video-grid div,
.video-grid div img {
	width: 100%;
}

.video-grid div {
	margin-bottom: 4.5%;
}

.video-grid div h4 {
	margin-top: .75em;
}

.video-grid div img {
	border: 3px solid #aaa;
}

.video-wrapper video {
	width: 100%;
}


.video-thumbs-wrapper {
	margin-bottom: 1em;
	overflow: hidden;
}

.video-thumbs-wrapper li {
	display: block;
  width: calc(31.3% - 2px);
  background: #000;
  height: 5vw;
  text-align: center;
  padding-top: 2em;
	float: left;
	margin-top: 1em;
	color: #fff;
	font-family: 'Open Sans Condensed', sans-serif;
	border: 1px solid rgba(255,255,255,.5);
}

.video-thumbs-wrapper li:nth-of-type(1) {
	margin-right: 3%;
}

.video-thumbs-wrapper li:nth-of-type(3) {
	margin-left: 3%;
}


@media screen and (min-width: 768px) {

	.tabby-tabs-left {
		width: 65%;
		float: left;
		margin-right: 30px;
	}

	.tabby-tabs-right {
		width: 65%;
		float: right;
		margin-left: 30px;
	}

	.tabby-tabs-center {
		width: 65%;
		margin-left: 17.5%;
		margin-right: 17.5%;
	}


	.embed-left {
		clear: both;
		float: left;
		margin-right: 30px;
		width: 65%;
	}

	.embed-right {
		float: right;
		margin-left: 30px;
		width: 65%;
	}

	.embed-left p,
	.embed-right p {
		margin-bottom: 0.5em !important;
	}

	.embed-left.medium,
	.embed-right.medium {
		width: 45%;
	}


	.embed-left.small,
	.embed-right.small {
		width: 30%;
	}


	.embed-left iframe,
	.embed-right iframe {
		width: 100%;
	}

	.video-grid div {
		width: 30%;
		float: left;
		margin-right: 4.5%;
		margin-bottom: 4.5%;
	}

	.video-grid div.last {
		margin-right: 0;
	}

	.video-grid div p {
		font-size: .85em !important;
    line-height: 1.3 !important;
		margin-bottom: 0 !important;
	}

	.video-grid .clear {
		clear: both;
		display: block;
		width: 100%;
		height: 1px;
		margin: 0;
	}

}


/* Video players */

.video-player-left,
.video-player-right,
.video-player-center {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
}

.video-player-left video,
.video-player-right video,
.video-player-center video {
	width: 100%;
}

.video-player-left p,
.video-player-right p,
.video-player-center p {
	color: #bbb !important;
	font-size: 13px !important;
	margin-bottom: 0 !important;
}

@media screen and (min-width: 1024px) {

	.video-player-left {
		display: block;
		float: left;
		width: 50%;
		margin-right: 30px;
		margin-bottom: 30px;
	}

	.video-player-right {
		display: block;
		float: right;
		width: 50%;
		margin-left: 30px;
		margin-bottom: 30px;
	}

	.video-player-center {
		display: block;
		width: 50%;
		margin-left: 25%;
		margin-right: 25%;
		margin-bottom: 30px;
	}


}


/* Block Quote */

blockquote p {
	font-size: 125% !important;
	font-style: italic;
	padding: 30px;
	color: #ccc !important;
}

blockquote p::before {
	content: "“";
	font-size: 500%;
	color: #666;
	display: block;
	float: left;
	margin-left: -.5em;
  font-weight: bold;
  margin-top: -.15em;
}


.btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle;
		margin-bottom: 1.5em;
}


.btn-group a {
	font-family: "Open Sans Condensed", sans-serif;
	font-size: 15px;
	text-decoration: none;
	color: #eee;
	position: relative;
	float: left;
	background: #222;
	padding: 1px 5px;
	font-size: 14px;
	line-height: 1.5;
}

.btn-group a:hover {
	background: #111;
}

.btn-group a.first {
	padding-left: 10px;
}

.btn-group a.last {
	padding-right: 10px;
}



.text-columns-4, .text-columns-2  {
	font-family: "Open Sans Condensed", sans-serif;
	color: #fff;
	line-height: 1.6;
	font-size: 15px;
	column-width: 12em;
	margin-bottom: 2em;
}

.text-columns-2 {
	column-width: 24em;
}

.text-columns-4 p, .text-columns-2 p {
	margin-bottom: 0 !important;
}

.text-columns-4::after, .text-columns-2::after {
	clear: both;
}




/* Contact Form */

.wpcf7 input,
.wpcf7 textarea {
	width: calc(100% - 30px);
}

.your-email input,
.your-message textarea,
.wpcf7-submit {
	padding: 11px 8px 12px;
	margin-left: 5px;
	border: none;
	vertical-align: middle;
}

.wpcf7-submit {
	width: calc(100% - 12px);
}



/* Thumbnail Grids */


.thumbnail-grid .row {
	clear: both;
}

.thumbnail-grid .thumbnail {
	display: block;
  float: left;
  text-align: center;
	width: 40%;
	margin-bottom: 20px;
	margin-left: 3%;
	margin-right: 3%;
	border: 3px solid #222;
	opacity: .7;
	transition: opacity .5s .2s ease-out;
}

@media (min-width: 720px) {
	.thumbnail-grid .thumbnail {
		width: 20%;
		margin-bottom: 20px;
		margin-left: 2%;
		margin-right: 2%;
	}
}


.thumbnail-grid .thumbnail:hover {
	opacity: 1;
	transition: opacity .5s ease-in;
}

.thumbnail-grid .thumbnail p {
	display: none;
}

.thumbnail-grid .thumbnail img {
	width: 100%;
}

.thumbnail-grid .thumbnail h4 {
	margin-bottom: 0 !important;
	-webkit-margin-before: 0;
  -webkit-margin-after: 0;
	margin-top: -5px;
}

.thumbnail-grid .thumbnail h4 a {
	color: #fff;
  text-decoration: none;
  display: block;
  width: 100%;
  background: #222;
  margin: 0;
  padding: 12px 0 5px 0;
}




/* Survey Bar */

.dwpb-bar {
	text-align: center;
	padding: 13px;
	background-color: rgba(40,80,110,.85);
	border-bottom: 3px solid rgba(45,85,115,.85);
	font-family: 'Open Sans';
	color: #fff;
	height: 17px;
}

.home .dwpb-bar {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100;
}

.dwpb-bar a {
	margin-left: 10px;
	border-radius: 5px;
	padding: 2px 8px 2px 8px;
	background-color: #051f27;
	background-color: rgba(9,42,52,.65);
	text-decoration: none;
	color: #fff;
}

.dwpb-bar a:hover {
	background-color: #03171d;
	background-color: rgba(9,42,52,.9);
}

.dwpb-close {
	position: absolute;
	background-color: rgba(9,42,52,.65);
	right: 31px;
	top: 5px;
	text-align: center;
	height: 25px;
	width: 25px;
	border-radius: 0 0 2px 2px;
	z-index: 999999;
	cursor: pointer;
	color: #fff;
	font-family: 'Open Sans';
}

.dwpb-close:before {
	content: "x" !important;
	font-size: 18px;
	line-height: 22px;
	font-family: 'Open Sans' !important;
}

.dwpb-content {
	display: none;
}

@media (min-width: 640px) {
	.dwpb-content {
		display: inline-block;
	}
}




/* Quick Scaffolding */

.row {
	overflow: hidden;
	display: block;
	padding-bottom: 30px;
	width: 100%;
}

.col-md-6,
.col-md-5,
.col-md-4 {
	width: calc(100% - 60px);
	display: block;
	position: relative;
  min-height: 1px;
  padding-left: 30px;
  padding-right: 30px;
}

.col-md-4.top,
.col-md-5.top,
.col-md-6.top {
	padding-top: 60px; /* extra padding for survey bar */
}

@media (min-width: 901px) {

	.col-md-6,
	.col-md-5,
	.col-md-4 {
		float: left;
	}

	.col-md-6 {
		width: 45%;
		width: calc(50% - 60px);
	}

	.col-md-5 {
		width: 37.5%;
		width: calc(41.5% - 60px);
	}

	.col-md-4 {
		width: 30%;
		width: calc(33% - 60px);
	}

	.col-md-4.right,
	.col-md-5.right,
	.col-md-6.right {
		float: right;
	}

	.col-md-4.top,
	.col-md-5.top,
	.col-md-6.top {
		/*padding-top: 30px;*/
		padding-top: 60px; /* extra padding for survey bar */
	}

	/* Override */

	.vimeography-bugsauce {
	    margin-top: 0 !important;
	}

}