/*---------------------------------------------------------

	CSS for New York Works

------------------------------------------------------------

+ by MANYFOLD
	- wearemanyfold.com
	- Questions? support@wearemanyfold.com

	1.  Reset
	2.  Body and links
	3.  Basic Structure
	4.  Header
	5.  Pages and page templates
	6.  Footer
	7.  Image/Media styles

*/

/*---------------------------------------------------------
	1. Reset
------------------------------------------------------------ */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
	body { line-height: 1; }
	ol, ul { list-style: none; }
	blockquote, q { quotes: none; }
	table { border-collapse: collapse; border-spacing: 0; }
	img { -ms-interpolation-mode: bicubic; }
	.cf:before, .cf:after { content: " "; display: table; }
	.cf:after { clear: both; }
	.cf { *zoom: 1; }

/*---------------------------------------------------------
	2. Body and links
------------------------------------------------------------ */

	body {
		color: #000;
		font-style: normal;
		font-weight: 400;
		font-size: 28px;
		line-height: 36px;
		letter-spacing: 0;
		font-family: "Helvetica", "Helvetica", Arial, sans-serif;
		background-color: #f2f2f2;
		-webkit-font-smoothing: antialiased;
	}

	a:link,
	a:visited {
		color: #000;
		text-decoration: none;
		border-bottom: none;
		/*-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		-o-transition: .3s ease-in-out;
		transition: .3s ease-in-out;*/
	}

	a:hover {
	}

	.calluna {
		font-family: "Calluna", serif;
	}

	.calluna h3,
	.calluna strong {
		font-family: "Helvetica", Arial, sans-serif;
	}

	.calluna-it {
		font-family: "Calluna", serif;
		font-style: normal;
	}

	::selection {
	  background: #ffde4f; /* WebKit/Blink Browsers */
	  color:#000;
	}
	::-moz-selection {
	  background: #ffde4f; /* Gecko Browsers */
	  color:#000;
	}

/*---------------------------------------------------------
	3. Basic Structure
------------------------------------------------------------ */

	.wrap {
		max-width: 820px;
		margin: 0 auto;
		padding: 0 20px;
		position: relative;
		box-sizing: border-box;
	}

	#wrapper,
	#content {
		margin: 0 auto;
		position: relative;
	}

/*---------------------------------------------------------
	4. Header
------------------------------------------------------------ */

	#header {
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 9999;
		background: -moz-linear-gradient(bottom, rgba(0,0,0,0) 10%, rgba(0,0,0,0.50) 100%);
		background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 10%,rgba(0,0,0,0.50) 100%);
		background: linear-gradient(to top, rgba(0,0,0,0) 10%,rgba(0,0,0,0.50) 100%);
	}

	#header .wrap {
		padding-top: 30px;
		padding-bottom: 20px;
		max-width: 1040px;
	}

	#title {
		float: left;
		max-width: 20px;
	}

	#title img {
		max-width: 178px;
		height: auto;
		display: block;
	}

	#navigation-wrap {
		float: right;
	}

	#navigation {
		float: left;
	}

	#navigation ul {
		font-size: 0;
	}

	#navigation li {
		display: inline-block;
		margin-left: 40px;
	}

	#navigation li a {
		color: #fff;
		font-weight: bold;
		font-size: 20px;
		line-height: 20px;
		display: block;
	}

	#navigation li.social {
		text-indent: -9999px;
		background: #000;
		width: 20px;
		height: 20px;
	}

	#navigation li a:hover,
	#navigation li.current-menu-item a,
	#navigation li.current_page_item a {
		padding-bottom: 3px;
		border-bottom: 3px solid;
	}


	/* Google Translate widget */
	.translate-widget {     float: right;
    width: auto;
    margin-top: -5px; }

	.goog-te-gadget-simple {
		border: none !important;
		    padding: 0px !important;
		    margin: 0px !important;
		    line-height: 20px;
		    background-color: #000 !important;
	}

	.goog-te-gadget-simple span { color:#fff; }

	.goog-te-gadget img {
		float:left;
		display:none;
	}

	.goog-te-menu-value {
		margin-left:-9px;
	}

	.goog-te-menu-value span {
		margin-right: 2px; border:none !important;
	}

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

	/* Sidebar Navigation */
	.nav-launch {
		float: right;
		cursor: pointer;
		margin-left: 40px;
	}

	.icon-bar {
		background: #fff;
		height: 6px;
		width: 35px;
		display: block;
		/*width: 22px;
		height: 3px;*/
		border-radius: 1px;
		margin: 0;
	}

	.icon-bar:not(:first-of-type) {
		margin-top: 7px;
	}

	#sidebar-navigation-wrap {
		position: fixed;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    z-index: 1050;
	    overflow: hidden;
	    -webkit-overflow-scrolling: touch;
	    outline: 0;
		-webkit-transition: opacity .15s linear;
		-o-transition: opacity .15s linear;
		transition: opacity .15s linear;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-transition: -webkit-transform .3s ease-out;
		-o-transition: -o-transform .3s ease-out;
		transition: transform .3s ease-out;
		-webkit-transform: translate(0, -100%);
		-ms-transform: translate(0, -100%);
		-o-transform: translate(0, -100%);
		transform: translate(0, -100%);
	}

	#sidebar-navigation-wrap.active {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	#sidebar-navigation {
		margin: 0;
		width: 100%;
		height: 100%;
		background-color: #f2f2f2;
	}

	#sidebar-header {
		position: absolute;
		right: 30px;
		top: 30px;
		z-index: 100;
	}

	#sidebar-header .close-modal {
		float: right;
	    cursor: pointer;
	    display: block;
	    height: 30px;
	    width: 30px;
	}

	#sidebar-header .close-modal:after,
	#sidebar-header .close-modal:before {
		content: '';
		cursor: pointer;
		width: 35px;
		height: 6px;
		background: #000;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		display: block;
		opacity: 1;
		-webkit-transition: 0.5s linear;
		-moz-transition: 0.5s linear;
		-ms-transition: 0.5s linear;
		-o-transition: 0.5s linear;
	}

	#sidebar-header .close-modal:before {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-webkit-transform-origin: 70% 100%;
		-moz-transform-origin: 70% 100%;
		-ms-transform-origin: 70% 100%;
		-o-transform-origin: 70% 100%;
	}

	#sidebar-body {
		display: table;
    	height: 100%;
    	width: 100%;
    	text-align: center;
		position: relative;
		padding: 15px;
		box-sizing: border-box;
	}

	#sidebar-menu {
		display: table-cell;
		vertical-align: middle;
	}

	#sidebar-menu ul {
		list-style: none;
		padding: 0;
		text-align: center;
	}

	#sidebar-menu ul li {
		margin: 15px 0;
	}

	#sidebar-menu ul li a {
		display: inline-block;
		font-size: 34px;
		font-weight: bold;
		color: #000;
		border-bottom: 4px solid rgba(0,0,0,0);
	}

	#sidebar-menu ul li.current_page_item a,
	#sidebar-menu ul li.current-menu-item a,
	#sidebar-menu ul li a:hover {
		border-bottom: 4px solid rgba(0,0,0,1)
	}

	body.sidebar-open {
		overflow: hidden;
	}

	/* NYC Banner */
	.nycgov,
	.nycgov ul {
		font-family: 'Helvetica',Helvetica,Arial,sans-serif;
		font-size: 13px;
		font-size: .8125rem;
		font-weight: 700;
		color: #fff;
	}

	.nycgov {
		position: relative;
		height: 27px;
		background-color: #000;
	}

	.nycgov .wrap {
		max-width: 1040px;
	}

	.nycgov-part {
		height: 27px;
	}

	.nycgov-first {
		position: relative;
		overflow: hidden;
		width: 40%;
		float: left;
		z-index: 2;
		font-size: 15px;
		font-size: .9375rem;
	}

	#nycgov-home {
		background-image: url(../images/nyc_white.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 40px 15px;
		text-indent: -1000px;
		position: absolute;
		height: 15px;
		width: 40px;
		top: 7px;
	}

	.nycgov-second {
		width: 50%;
		float: right;
		overflow: hidden;
		z-index: 1;
		text-align: right;
	}

	.nycgov-links {
		list-style: none;
		margin-bottom: 0;
		display: none;
		text-indent: 0;
		padding: 0;
		float:right;
	}

	.nycgov-links li {
		display: inline-block;
		padding-left: 10px;
		margin-left: 10px;
		border-left: 1px solid #777;
	}

	.nycgov-links li:first-child {
		margin-left: 0;
		/* border-left: 0; */
	}

	.nycgov-links li a {
		z-index: 10;
		outline: 0;
		height: 27px;
		line-height: 27px;
		float: left;
		text-align: center;
	}

	.nycgov-links a:link,
	.nycgov-links a:visited,
	.nycgov-links a:hover,
	.nycgov-links a:active {
		color: #fff;
		text-decoration: none;
	}

	@media only screen and (min-width: 40em) {
		.nycgov-links {
			display: block;
		}
	}

/*---------------------------------------------------------
	5. Pages and page templates
------------------------------------------------------------ */

	/* Headlines
	---------------------------------------*/

		h3 {
			font-size: 42px;
			line-height: 48px;
			display: block;
			letter-spacing: -.01em;
		}

	/* Global
	---------------------------------------*/

		/* Section */
		.section {
			margin: 40px 0;
		}

		.section-title {
			font-size: 24px;
			line-height: 34px;
			letter-spacing: -.01em;
			display: block;
		}

		.section-content h3,
		.section-content blockquote {
			color: #39c2d7;
			border-top: 8px solid #39c2d7;
			font-family: "Helvetica", "Helvetica", Arial, sans-serif;
			font-weight: bold;
			padding-top: 20px;
			margin-bottom: 40px;
			font-size: 28px;
			line-height: 36px;
			letter-spacing: 0;
		}

		.section-content ul {
		  list-style: none;
		  margin-left: 0;
		  padding-left: 0;
		}

		.section-content ul li {
		  padding-left: 1em;
		  text-indent: -1em;
		  margin-bottom:18px;
		}

		.section-content ul li:before {
		  content: "»";
		  font-family: "Helvetica", "Helvetica", Arial, sans-serif;
		  padding-right: 15px;
		}

		.section-content blockquote {
			margin-top: 40px;
		}

		.section-content blockquote p {
			margin: 0;
		}

		.section-content p {
			margin: 20px 0;
		}

		.section-content p a {
			text-decoration: underline;
		}

		.section-content p a:hover {
			color: #39c2d7;
		}

		.section-content .figure,
		.section-content .wp-caption {
			margin: 40px -100px;
			width: auto !important;
			max-width: inherit;
		}

		.section-content .wp-caption p {
			color: #999;
			margin: 0;
			font-size: 18px;
			line-height: 20px;
			padding-top: 15px;
		}

		/* Hero Section */
		.hero-section {
			position: relative;
		}

		.hero-section .slide {
			height: 80vh;
		    background-repeat: no-repeat;
		    background-position: 50% 50%;
		    background-size: cover;
		}

		.hero-section .slide video {
			position: absolute;
		    top: -99999px;
		    bottom: -99999px;
		    left: -99999px;
		    right: -99999px;
		    margin: auto;
		    min-height: 110vh;
		    min-width: 100%;
		    max-width: inherit;
		}

		.hero-section #hero-section-content {
			width: 100%;
			position: absolute;
			padding-bottom: 20px;
			padding-top: 100px;
			box-sizing: border-box;
			background: -moz-linear-gradient(top, rgba(0,0,0,0) 10%, rgba(0,0,0,0.50) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top, rgba(0,0,0,0) 10%,rgba(0,0,0,0.50) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, rgba(0,0,0,0) 10%,rgba(0,0,0,0.50) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
		}

		.hero-section #hero-inner-content {
			color: #fff;
		}

		.hero-section h2 {
			display: block;
			font-size: 62px;
			line-height: 68px;
			letter-spacing: -.01em;
		}

			/* Bottom */
			.hero-section.content-bottom #hero-section-content {
				bottom: 0;
			}

			.hero-section.content-bottom #hero-inner-content {
				max-width: 820px;
				margin: 0 auto;
				width: 100%;
				padding: 0 20px;
				box-sizing: border-box;
			}

			/* Center */
			.hero-section.content-center #hero-section-content {
				bottom: 0;
			    height: 100%;
			}

			.hero-section.content-center #hero-inner-content {
				display: table;
			    width: 100%;
			    height: 100%;
			    max-width: 960px;
			    margin: 0 auto;
				padding: 0 20px;
				box-sizing: border-box;
			}

			.hero-section.content-center #hero-inner-content-wrap {
				display: table-cell;
				vertical-align: middle;
			}

		/* CTA */
		.cta {
			display: inline-block;
			margin-right: 25px;
			font-size: 22px;
			line-height: 24px;
			color: #000;
			font-weight: bold;
			padding: 22px 110px 22px 22px;
			box-sizing: border-box;
			background-color: #ffde4f;
			background-image: url(../images/right-arrow.png);
			background-repeat: no-repeat;
			background-position: 90% 50%;
			background-size: 11px 17px;
		}

		.cta:last-of-type {
			margin-right: 0;
		}

	/* Home
	---------------------------------------*/

		/* Hero Slides */
		.home .hero-section .slide {
			height: calc(100vh - 27px);
		}

		/* Hero Paragraph */
		.home .hero-section .hero-inner-content {
			max-width: 960px;
			margin: 0 auto;
		}

		.home .hero-section h2 {
			margin: 0 0 40px 0;
		}

		/* Home Hero Buttons */
		.home #home-hero-buttons {
			width: 100%;
			display: block;
			font-size: 0;
		}

		#home-hero-buttons a {
			font-family: "Helvetica",
			"Helvetica",
			Arial,
			sans-serif;
		}

		.home #home-hero-buttons .cta:hover {
			background-color: #39c2d7;
		}

		/* Home Footer */
		.home #footer {
			display: none;
		}

	/* Overview
	---------------------------------------*/

		/* Overview Strategy */
		#overview-strategy {
			margin-top: 50px;
			margin-bottom: 50px;
		}

		#overview-strategy .insert {
			padding-left: 100px;
			padding-right: 100px;
			padding-top: 45px;
			padding-bottom: 50px;
			background-color: #39c2d7;
			margin-left: -100px;
			margin-right: -100px;
		}

		#overview-strategy .insert h3 {
			padding-right: 40px;
			margin-bottom: 25px;
		}

		#overview-strategy li {
			font-size: 38px;
			line-height: 40px;
			letter-spacing: -.01em;
			padding-right: 40px;
			padding-top: 10px;
		}

		#overview-strategy ol.numbered  {
		    counter-reset: li; /* Initiate a counter */
		    list-style: none; /* Remove default numbering */
		}

		#overview-strategy ol.numbered li:before{
			content: counter(li);
		    counter-increment: li;
		    left: inherit;
		    height: 2em;
		    width: 2em;
		    line-height: 2em;
		    border: 3px solid #fff;
		    text-align: center;
		    border-radius: 2em;
		    transition: all .3s ease-out;
		    color: #fff;
		    display: inline-block;
		    float: left;
		    margin-right: 20px;
		}

		#overview-strategy ol li:not(:last-of-type) {
			margin-bottom: 40px;
		}

		/* Overview Outro */
		#overview-outro {
			margin-top: 50px;
			margin-bottom: 50px;
		}

		/* Industries List */
		#industries-list {
			margin-top: 25px;
			background-color: #ebebeb;
			margin-left: -15px;
			margin-right: -15px;
			max-width: 700px;
		}

		#industries-list .industry {
			padding-left: 15px;
			padding-right: 15px;
			padding-top: 20px;
			padding-bottom: 25px;
			position: relative;
		}

		#industries-list .industry .list-cta {
			display: block;
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
		}

		#industries-list .industry:hover {
			background-color: #ffde4f;
		}

		#industries-list .industry .list-details {
			padding-top: 15px;
			border-top: 3px #000 solid;
			float: left;
			max-width: 480px;
			width: 100%;
		}

		#industries-list .industry p.industry-tagline {
			font-size: 24px;
			line-height: 34px;
			letter-spacing: -.01em;
			font-weight: normal;
		}

		#industries-list .industry .list-link {
			float: right;
			max-width: 140px;
			width: 100%;
			text-align: center;
			border: 4px solid #ffde4f;
			padding: 10px 0;
			box-sizing: border-box;
			margin-top: 44px;
		}

		#industries-list .industry .list-link a {
			display: block;
			text-indent: -9999px;
			background-image: url(../images/right-arrow.png);
			background-repeat: no-repeat;
			background-position: 50% 50%;
			background-size: 11px 17px;
			opacity: .7;
			line-height: 17px;
		}

		#industries-list .industry:hover .list-link a {
			opacity: 1;
		}

	/* Industries (Single)
	---------------------------------------*/

		/* Hero */
		.single-industry .hero-section .industry-index,
		.single-industry .hero-section .industry-tagline {
			font-size: 38px;
			line-height: 48px;
			letter-spacing: -.01em;
			font-weight: bold;
		}

		.single-industry .hero-section .industry-index {
			font-weight: bold;
		}

		.single-industry .hero-section .industry-tagline {
			font-weight: normal;
		}

		/* Content */
		.single-industry #industry-data-table,
		.single-industry #industry-data-facts-slider {
			margin: 20px 0;
		}

		.single-industry #industry-data-facts-slider {
			background-color: #39c2d7;
		}

		.single-industry #industry-outro {
			margin-top: 50px;
			margin-bottom: 30px;
		}

		.single-industry #industry-links {
			margin-bottom: 70px;
		}

		.single-industry #industry-links strong {
			display: block;
		}

		.single-industry #industry-links strong,
		.single-industry #industry-links li a {
			font-weight: bold;
		}

		.single-industry #industry-links li {
			position: relative;
			display: table;
		}

		.single-industry #industry-links li span {
			display: block;
			width: 100%;
			height: 8px;
			background-color: #ffde4f;
			position: absolute;
			bottom: 5px;
			z-index: -1;
		}

		.single-industry #industry-shuttle {
			margin-bottom: 70px;
		}

		/* Facts Slider */
		.single-industry #industry-data-facts-slider {
			position: relative;
		}

		.single-industry #facts-slider {
			background-color: #39c2d7;
			padding: 60px 108px;
			box-sizing: border-box;
		}

		.single-industry #facts-slider strong {
			display: block;
			padding-top: 10px;
			border-top: 5px solid #5f5f5f;
			color: #5f5f5f;
			font-weight: bold;
			font-size: 20px;
			line-height: 20px;
		}

		.single-industry #facts-slider ul {
			padding: 60px 0;
			border-bottom: 3px solid #5f5f5f;
		}

		.single-industry #facts-slider .slide {
			font-weight: bold;
			color: #fff;
			font-size: 44px;
			line-height: 48px;
			letter-spacing: -.015em;
		}

		.single-industry .facts-slider-arrow {
			display: block;
			width: 21px;
			height: 38px;
			text-indent: -9999px;
			background-repeat: no-repeat;
			background-position: 50% 50%;
			background-size: contain;
			position: absolute;
			top: 50%;
			margin-top: -19px;
			opacity: .8;
		}

		.single-industry .facts-slider-arrow:hover {
			opacity: 1;
		}

		.single-industry .prev.facts-slider-arrow {
			left: 30px;
			background-image: url(../images/slider-left.png);
		}

		.single-industry .next.facts-slider-arrow {
			right: 30px;
			background-image: url(../images/slider-right.png);
		}

	/* Executive Summary (Introduction)
	---------------------------------------*/

		/* Executive Summary Strategy */
		#executive-strategy {
			margin-top: 50px;
			margin-bottom: 50px;
		}

		#executive-strategy .insert {
			padding-left: 100px;
			padding-right: 100px;
			padding-top: 45px;
			padding-bottom: 50px;
			background-color: #39c2d7;
			margin-left: -100px;
			margin-right: -100px;
		}

		#executive-strategy .insert h3 {
			padding-right: 40px;
			margin-bottom: 25px;
		}

		#executive-strategy li {
			font-size: 38px;
			line-height: 40px;
			letter-spacing: -.01em;
			padding-right: 40px;
			padding-top: 10px;
		}

		#executive-strategy ol.numbered  {
		    counter-reset: li; /* Initiate a counter */
		    list-style: none; /* Remove default numbering */
		}

		#executive-strategy ol.numbered li:before{
			content: counter(li);
		    counter-increment: li;
		    left: inherit;
		    height: 2em;
		    width: 2em;
		    line-height: 2em;
		    border: 3px solid #fff;
		    text-align: center;
		    border-radius: 2em;
		    transition: all .3s ease-out;
		    color: #fff;
		    display: inline-block;
		    float: left;
		    margin-right: 20px;
		}

		#executive-strategy ol li:not(:last-of-type) {
			margin-bottom: 40px;
		}

		/* Executive Strategy Outro */
		#executive-outro {
			margin-top: 50px;
			margin-bottom: 50px;
		}

	/* Resources
	---------------------------------------*/

		/* Hero */
		.hero-section .slide.only-slide {
			height: 40vh;
		}

		/* Resources List */
		#resources-list {
			margin-top: 50px;
			margin-left: -100px;
			margin-right: -100px;
		}

		#resources-list { visibility: hidden; }
		#resources-list.masonry { visibility: visible; }


		.grid {
			margin: 0;
			-webkit-transition-duration: 0.8s;
			-moz-transition-duration: 0.8s;
			-ms-transition-duration: 0.8s;
			-o-transition-duration: 0.8s;
			transition-duration: 0.8s;
			-webkit-transition-property: height, width;
			-moz-transition-property: height, width;
			-ms-transition-property: height, width;
			-o-transition-property: height, width;
			transition-property: height, width;
		}

		.grid .grid-item.resource {
			z-index: 2;
			float: left;
			box-sizing: border-box;
			position: relative;
			margin-bottom: 10px;
			border-radius: 3px;
			overflow: hidden;
			position: relative;
			background-color: #e6e6e6;
			width: calc(33.33% - 10px);
		}

		.grid .grid-item.resource:nth-child(even) {
			background-color: #f1f1f1;
		}

		.grid .grid-item.resource:hover {
			background-color: #ffde4f;
			-webkit-box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8);
			-moz-box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8);
			-ms-box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8);
			box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8);
		}

		#resources-list .resource .list-cta {
			display: block;
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
		}

		#resources-list .resource img {
			width: 100%;
			height: auto;
		}

		#resources-list .resource .list-wrap {
			padding: 20px;
			border: 1px solid #ccc;
			border-top: 0;
			box-sizing: border-box;
		}

		#resources-list .resource .list-details {
			padding-top: 15px;
		    border-top: 3px #000 solid;
		    box-sizing: border-box;
		}

		#resources-list .resource .list-details h3 {
			font-size: 28px;
			line-height: 32px;
		}

		#resources-list .resource .resource-description {
			margin-top: 20px;
			font-size: 20px;
		    line-height: 30px;
			letter-spacing: -.01em;
			font-weight: normal;
		}

		#resources-list .resource .list-details a {
			display: block;
			opacity: 0;
			margin-top: 10px;
			font-family: "Helvetica", "Helvetica", Arial, sans-serif;
			text-transform: uppercase;
		    font-size: 14px;
		    font-weight: bold;
		}

		#resources-list .resource:hover .list-details a {
			opacity: 1;
		}

/*---------------------------------------------------------
	6. Footer
------------------------------------------------------------ */

	#footer {
		background-color: #5f5f5f;
	}

	#footer .wrap {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	#footer li {
	}

	#footer li a {
		color: #ebebeb;
		font-size: 22px;
		line-height: 36px;
		font-weight: normal;
		opacity: .3;
	}

	#footer li a:hover {
		opacity: 1;
	}

	#footer-navigation {
		float: left;
	}

	#footer-navigation li.menu-item-1077,
	#footer-navigation li.menu-item-1078 {
		display: none;
	}

	#footer-social {
		float: right;
	}

	#copyright {
		margin-top: 25px;
		display: block;
		color: #ebebeb;
		opacity: .3;
		text-align: right;
		font-size: 16px;
		line-height: 16px;
	}

	#copyright span {
		display: block;
		margin-top: 8px;
		font-size: 14px;
		line-height: 14px;
	}

	#copyright a {
		color: #ebebeb;
	}

/*---------------------------------------------------------
	7. Image/Media styling
------------------------------------------------------------ */

	img,
	embed,
	object,
	video,
	iframe,
	.wp-caption {
		max-width: 100%;
		display: block;
	}

	img[class*="align"],
	img[class*="wp-image-"],
	img[class*="wp-post-image"],
	img[class*="avatar"] {
		height: auto;
	}

	.noborder { border: none; }