/*ALL ADDITIONAL STYLES BELOW*/


/*--------------------------------------------
		ALL CHANGABLE COLOR STYLES
--------------------------------------------*/

/*----GRADIENT BACKGROUND----*/
nav#sticky-nav, a.feature-container:before, footer, .tool-tip {
	background: #7f0f66;
	background: -webkit-linear-gradient(left, #7f0f66 1%, #df1783 32%, #fca354 83%);
	background: -o-linear-gradient(left, #7f0f66 1%, #df1783 32%, #fca354 83%);
	background: linear-gradient(to right, #7f0f66 1%, #df1783 32%, #fca354 83%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f0f66', endColorstr='#fca354',GradientType=1 ); /* IE6-9 */
}
/*----REVERSE GRADIENT BACKGROUND----*/
a.feature-container:after {
	background: #7f0f66;
	background: -webkit-linear-gradient(right, #7f0f66 1%, #df1783 32%, #fca354 83%);
	background: -o-linear-gradient(right, #7f0f66 1%, #df1783 32%, #fca354 83%);
	background: linear-gradient(to left, #7f0f66 1%, #df1783 32%, #fca354 83%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fca354', endColorstr='#7f0f66',GradientType=1 ); /* IE6-9 */
}

/*----GRADIENT TEXT----*/
#keynode-container .key-articles h1, .what-is-node h1, .archive #archive-intro h1, #bio-container h2, #archive-list h2, #thank-you-container h2,.special-thanks-container h4, #mojo-container h2, #challenges-container h2{
    display: -webkit-inline-box;
    color: #df1783;
	background: #7f0f66;
	background: -webkit-linear-gradient(left, #7f0f66 1%, #df1783 32%, #fca354 83%);
	background: -o-linear-gradient(left, #7f0f66 1%, #df1783 32%, #fca354 83%);
	background: linear-gradient(to right, #7f0f66 1%, #df1783 32%, #fca354 83%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f0f66', endColorstr='#fca354',GradientType=1 ); /* IE6-9 */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
/*----REVERSE GRADIENT TEXT----*/
#bio-container h2{
    display: -webkit-inline-box;
    color: #df1783;
	background: #7f0f66;
	background: -webkit-linear-gradient(right, #7f0f66 1%, #df1783 32%, #fca354 83%);
	background: -o-linear-gradient(right, #7f0f66 1%, #df1783 32%, #fca354 83%);
	background: linear-gradient(to left, #7f0f66 1%, #df1783 32%, #fca354 83%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fca354', endColorstr='#7f0f66',GradientType=1 ); /* IE6-9 */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#guest-article h2, #guest-article h3, #guest-article p, #guest-article .showcase-text p.source{
	color:#fff;
}
#featured-quote-container blockquote span{
	color: #2588ad;
}
#mojo-container h4{
	color: #2588ad;
}
#mojo-container p.source{
	color: #494e5c;
}
#thank-you-container h3{
	color:#2588ad;
}
h3.article-title{
	color: #000;
	color: #2588ad;
}
p{
	color: #494e5c;
}
p.date{
	color: #2588ad;
}
p.source{
	color: #2588ad;
}
p.source span{
	color: #2588ad;
}
.challenge-entries h4{
	color:#2588ad;
}

/*----LINK COLORS----*/
a{
	color: #df1783;
}
a:hover{
	color: #7f0f66;
}
a.white span{
    color: #fff;
	border-bottom: solid 3px #fff;
}
a.purple {
	color: #7950df;
}
a.pink {
	color: #df1783;
}
a.pink:hover {
	color: #df1783;
}
.what-is-node a{
	color: #df1783;
}
.what-is-node a:hover{
	color:#FCA354;
}
nav#main-nav ul li:hover a{
	color: #df1783;
}
.about #main-nav ul li a{
	color: #fff;
}
.about #main-nav ul li a:hover{
	color: #df1783;
}



.what-is-node .craft-callout{
	color: #2588ad;
}
#bio-container .bio-question{
	color: #2588ad;
}
.special-thanks-container h3{
	color: #2588ad;
}


#keynode-container article a:hover {
	color:#df1783;
}

#keynode-excerpt h3.article-title a{
	color:#fff;
	font-size: 30px;
    font-weight: 600;
    text-transform: none;
    font-family: "urw-din", "Roboto", sans-serif;
    transition: all .2s ease;
}
#keynode-excerpt h3.article-title a:hover{
	color: #7f0f66;
    transition: all .2s ease;
}
#keynode-excerpt h4{
	color: #fff;
}


/*----CHANGABLE IMAGES----*/
a .eyeball{
	background-image: url('../images/eye.png');
}
a .eyeball:after {
	background-image: url('../images/eye-node.png');
}
a.white span:after{
	background-image: url('../images/arrow-right-white.png');
}
a span:after {
	background-image: url('../images/arrow-right-pink.png');
}
a.left span:before {
	background-image: url('../images/arrow-left-white.png');
}
span.node-dashed {
    background-image: url(../images/dash-blue.png);
}
span.node-dashed.white {
    background-image: url(../images/dash-white.png);
}
span.node-dashed.vertical{
	background-image: url(../images/dash-white-vertical.png);
}
span.node-dashed.purple {
    background-image: url(../images/dash-blue.png);
}
.contribution-list li{
	background-image: url(../images/dash-purple.png);
}
.what-is-node, .archive{
	background-image: url("../images/about-bg.jpg");
}
.what-is-node span.node-dashed {
    background-image: url(../images/dash-blue.png);
}
.what-is-node h4,.what-is-node p{
	color: #fff;
}
#bio-container .special-thanks-container h3{
	background-image: url('../images/dash-gold.png');
}
#featured-quote-container{
	background-image: url(../images/quote-background.jpg);
}
footer a.big.left:after{
	background-image: url(../images/dash-white-vertical.png);
}
#thank-you-container li{
	background-image: url(../images/dash-blue.png);
}
.archive #archive-list .description li{
	color: #fff;
 	font-weight: 300;
    margin-bottom: 7px;
}




/*----BG IMAGES----*/
#keynode-container .key-art{
    background-image: url(../images/key-art.jpg);
}
#guest-article{
	background-image: url("../images/guest-article-bg.jpg");
}
#challenges-container{
	background-image: url("../images/challenges-bg.jpg");
	background-size: cover;
}
#inspiration-container{
	background-image: url(../images/inspiration-background.jpg);
}
#mojo-container #case-study-image:after{
	background-image: url('../images/showcase-bottom.jpg');
}



/*----BIO IMAGES----*/

.bio-photo.garrett {
	background-image: url("../images/Garrett.jpg");
}
.bio-photo.garrett:hover {
	background-image: url("../images/Garrett-rollover.jpg");
}

.bio-photo.john {
	background-image: url("../images/John.jpg");
}
.bio-photo.john:hover {
	background-image: url("../images/John-rollover.jpg");
}

.bio-photo.davis {
	background-image: url("../images/Davis.jpg");
}
.bio-photo.davis:hover {
	background-image: url("../images/Davis-rollover.jpg");
}

.bio-photo.dom {
	background-image: url("../images/Dom.jpg");
}
.bio-photo.dom:hover {
	background-image: url("../images/Dom-rollover.jpg");
}

.bio-photo.david {
	background-image: url("../images/Rhoadey.jpg");
}
.bio-photo.david:hover {
	background-image: url("../images/Rhoadey-rollover.jpg");
}

.bio-photo.tango {
	background-image: url("../images/Tango.jpg");
}
.bio-photo.tango:hover {
	background-image: url("../images/Tango-rollover.jpg");
}

.bio-photo.jerbs {
	background-image: url("../images/Jerbs.jpg");
}
.bio-photo.jerbs:hover {
	background-image: url("../images/Jerbs-rollover.jpg");
}



/*----RULER COLORS----*/
.ruler.white .spacer{
	background-color: #fff;
}
.ruler.white p{
	color: #fff;
}
.ruler.white .spacer:after{
	border-color: #fff;
}


.ruler.black .spacer{
	background-color: #000;
}
.ruler.black p{
	color: #000;
}
.ruler.black .spacer:after{
	border-color: #000;
}


.ruler.blue .spacer{
	background-color: #2588ad;
}
.ruler.blue p{
	color: #2588ad;
}
.ruler.blue .spacer:after{
	border-color: #2588ad;
}


.ruler.pink .spacer{
	background-color: #DF1783;
}
.ruler.pink p{
	color: #DF1783;
}
.ruler.pink .spacer:after{
	border-color: #DF1783;
}


.ruler.orange .spacer{
	background-color: #FCA354;
}
.ruler.orange p, #guest-article .ruler.orange p{
	color: #FCA354;
}
.ruler.orange .spacer:after{
	border-color: #FCA354;
}


.ruler.gold .spacer{
	background-color: #b99e63;
}
.ruler.gold p{
	color: #b99e63;
}
.ruler.gold .spacer:after{
	border-color: #b99e63;
}


.ruler.purple .spacer{
	background-color: #7f0f66;
}
.ruler.purple p{
	color: #7f0f66;
}
.ruler.purple .spacer:after{
	border-color: #7f0f66;
}






/*--------------------------------------------
		RULER COORDINATES
--------------------------------------------*/
/*.off-canvas-wrap:before {
    content: '';
    display: inline-block;
    position: fixed;
    top: 0;
    left: 290px;
    width: 1px;
    height: 100vh;
    background-color: #10ff00;
    z-index: 10000;
}*/

.ruler{
	z-index: 4000;
	pointer-events: none;
}
.ruler p{
	font-family: "urw-din-semi-condensed", "Roboto", sans-serif;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: .5em;
}

#guest-article .ruler .spacer.top{
	height:30%;
}
#guest-article .ruler p {
    top: 98px;
}
#guest-article .ruler .spacer.bottom {
    margin-top: 117px;
}


#featured-quote-container .ruler .spacer.top{
	height:30%;
}
#featured-quote-container .ruler p {
    top: 130px;
}
#featured-quote-container .ruler .spacer.bottom {
    margin-top: 154px;
}


#mojo-container .ruler .spacer.bottom {
    margin-top: 177px;
}
#mojo-container .ruler p {
    top: 154px;
}
#mojo-container .ruler .spacer.top {
    height: 21%;
}


#challenges-container .ruler .spacer.bottom {
    margin-top: 177px;
}
#challenges-container .ruler p {
    top: 154px;
}
#challenges-container .ruler .spacer.top {
    height: 21%;
}

#inspiration-container .ruler .spacer.bottom {
    margin-top: 109px;
}
#inspiration-container .ruler p {
    top: 84px;
}


.about .what-is-node .ruler p{
	top: 63px;
}
.about .what-is-node .ruler .spacer.top{
	height: 220px;
}
.about .what-is-node .ruler .spacer.bottom{
	margin-top: 90px;
}


#bio-container .ruler p{
	top:105px;
}
#bio-container .ruler .spacer.top{
	height:80px;
}
#bio-container .ruler .spacer.bottom{
	margin-top:130px;
}


#thank-you-container li {
    background-position: top 14px center;
}
#thank-you-container ul.contribution-list {
    padding-right: 40px;
}
nav#sticky-nav {
	position: fixed;
}

/*TYPE STYLES*/
body{
	font-family: "Roboto", Arial, sans-serif;
}
h1, h2, h3, h4, .blockquote{
	font-family: "urw-din",sans-serif;
}
h1, h2{
	letter-spacing: -.03em;
}
#keynode-container .key-articles h1{
	margin-left:-5px;
}
#keynode-excerpt h3 a{
	text-decoration: none;
}
.date, .blockquote .source{
	font-family: "urw-din-semi-condensed", "Roboto", sans-serif;
	font-weight: 400;
}
h3.article-title{
	font-size:30px;
	font-weight: 600;
	text-transform: none;
	font-family: "urw-din", "Roboto", sans-serif;
}
.light{
	font-weight: 300;
}
p{
	font-size: 16px;
	font-weight: 400;
	line-height: 28px
}
p.date{
}
p.source{
	font-size: 16px;
	font-weight: 200;
	margin-bottom: 0;
	margin-top: -4px;
	line-height: 14px;
}
p.source span{
	font-weight: 600;
}
nav ul li a{
	text-transform: none;
	font-weight: 400;
	letter-spacing: initial;
	font-size: 16px;
}
nav#main-nav {
    padding: 30px 67px;
}
.challenge-entries .source{
	margin-top: 20px;
}

/*LINK HOVERS*/
a{
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
	letter-spacing: .1em;
	line-height: 1.4em;
}
.pin-image-container a{
	letter-spacing: 0;
}
a span{
	padding-bottom: 10px;
	border-bottom: solid 3px #df1783;
}
a span:after {
	content:'';
	display: inline-block;
	background-repeat: no-repeat;
	background-position: top right;
	right: 0;
	top:3px;
	height: 13px;
	width: 10px;
	margin-left: 10px;
	transition: margin-left .2s ease;
}
a:hover span:after{
	margin-left: 40px;
	transition: margin-left .2s ease;
}
a.left span:after {
	display: none;
}
a.left span:before {
	content:'';
	display: inline-block;
	background-repeat: no-repeat;
	background-position: top left;
	left: 0;
	top:3px;
	height: 13px;
	width: 10px;
	margin-right: 10px;
	transition: margin-right .2s ease;
}
a:hover span:before{
	margin-right: 40px;
	transition: margin-right .2s ease;
}
a.big {
	margin: 0 auto;
    display: inline-block;
    width: 490px;
    padding-bottom: 60px;
}
a.big.left{
	float:left;
}
a.big span{
    left: 50%;
    transform: translateX(-50%);
    position: relative;
    display: inline-block;
    padding-top: 60px;
}


/*FEATURED SITES IMAGE HOVERS*/
.feature-container {
    display: block;
    position: relative;
    width:100%;
}
a .eyeball{
	display: inline-block;
	position: absolute;
    height: 35px;
    width: 59px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-16px);
    z-index: 3;
    opacity: 0;
	transition: opacity .2s ease;
}
a .eyeball:after {
	content:'';
	display: inline-block;
	position: absolute;
	height: 11px;
	width:11px;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index:4;
	opacity:0;
	transition: opacity .2s ease;
}
a.feature-container img{
	transition: opacity .2s ease;
}
a.feature-container:before, a.feature-container:after {
	content:'';
	position: absolute;
	display: inline-block;
	height:3px;
	top:50%;
	left:20%;
	z-index: 4;
}
#proud-to-present a.feature-container:before, #proud-to-present a.feature-container:after, #proud-to-present2 a.feature-container:before, #proud-to-present2 a.feature-container:after {
	top:139px;
}
a.feature-container:before{
	transform: translateX(-4px);
	width: 0;
	transition: width .2s ease;
}
a.feature-container:after {
	left:54%;
	z-index:2;
	transform: translateX(4px);
	width: 0;
	transition: width .2s ease;
}
a.feature-container.med-feature:after {
	left:58%;
}
a.feature-container.sm-feature:after {
	left:65%;
}
a.feature-container.sm-feature .eyeball{
	transform: translate(-50%,-39px);
}
a.feature-container.sm-feature:before {
	transform: translate(-4px, -23px);
} 
a.feature-container.sm-feature:after {
	transform: translate(-16px, -23px);
}

div#mojo-image-1:after,div#mojo-image-2:after, div#mojo-image-3:after, div#mojo-image-4:after,div#mojo-image-5:after, div#mojo-image-6:after, div#challenge-image-1:after, div#challenge-image-2:after {
    content: "";
    background-color: #000;
    opacity: 0;
    height: 100%;
    width: 100%;
    display: inline-block;
	transition: opacity .2s ease;
}
a.feature-container span{
	border:none;
}
#mojo-container img.showcase{
	opacity: 1;
}
#mojo-container a.feature-container:hover img.showcase{
	opacity: .4;
}
.pin-image-container a span:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    height: 370px;
    width: 100%;
    background-color: #000;
    opacity: 0;
    background-image: none;
    margin: 0;
    padding: 0;
	transition: opacity .2s ease;
}
.pin-image-container img{
	margin-bottom:21px;
}
a.med-feature .eyeball{
    top: 123px;
    transform: translateX(-50%);	
}
a:hover.feature-container .eyeball{
	opacity: 1;
	transition: opacity .2s ease;
}
a:hover .eyeball:after{
	opacity: 1;
	transition: opacity .2s ease;
	transition-delay: .4s;
}
a:hover.feature-container:before{
	width: 30%;
	transition: width .2s ease;
	transition-delay: .2s;
}
a:hover.feature-container:after {
	width:26%;
	transition: width .2s ease;
	transition-delay: .4s;
}
.pin-image-container a:hover span:after{
	opacity: .8;
	transition: opacity .2s ease;
}
a:hover #mojo-image-1:after, a:hover #mojo-image-2:after, a:hover #mojo-image-3:after, a:hover #mojo-image-4:after, a:hover #mojo-image-5:after, a:hover #mojo-image-6:after, a:hover #challenge-image-1:after, a:hover #challenge-image-2:after {
    opacity: .7;
	transition: opacity .2s ease;
}
a:hover.feature-container.med-feature:after {
	width:22%;
	transition: width .2s ease;
	transition-delay: .4s;
}
a:hover.feature-container.sm-feature:after {
	width:19%;
	transition: width .2s ease;
	transition-delay: .4s;
}

#challenges-container h2{
	font-size: 5vw;
    font-weight: bold;
    padding-bottom: 30px;
    display: inline-block;
    line-height: .9em;
    margin-bottom: 25px;
}


/*----------------------------------------------------------------------------------
          HOME PAGE STYLES
----------------------------------------------------------------------------------*/

/* KeyNODE Section */

#keynode-container .key-articles h1{
	height: 205px;
}
#keynode-container article a{
	font-family: "urw-din-semi-condensed", "Roboto", sans-serif;
}
#keynode-container p.date{
	margin-top: -16px;
	font-size: 18px;
}
#keynode-container .ruler .spacer.top{
	height: 22%;
}
#keynode-container .ruler p{
	top:150px;
}
#keynode-container .ruler .spacer.bottom {
    margin-top: 175px;
}
#key-art-credit{
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 20px;
}
#key-art-credit a, #key-art-credit p{
	font-size: 12px;
	color:#fff;
	text-transform: none!important;
	font-weight: 400;
}
#key-art-credit a{
	text-decoration: underline;
}
.key-articles p.source{
	font-size: 14px;
	font-weight: 400;
}

/* Featured Quote Section */

#featured-quote-container blockquote {
	font-weight: 500;
	font-style: italic;
	font-family: "urw-din", "Roboto", sans-serif;
}
#featured-quote-container blockquote span{
	font-style: normal;
	font-family: "urw-din-semi-condensed", "Roboto", sans-serif;
}
#featured-quote-container blockquote span.node-dashed.purple {
    margin-top: 35px;
}
#featured-quote-container blockquote span.source {
	line-height: 1;
	margin-top: 25px;
	font-size: 32px;
}
#featured-quote-container blockquote span.source-submitted{
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	margin: 0 0 0 0;
	line-height: 2.6;
}


/* Showcase Section */

.showcase-text p.source{
	margin-top: 0;
}
.showcase-text p.excerpt{
	margin-top:29px;
	padding-right: 54px;
}
.showcase-text a, #thank-you-container p a{
	text-transform: none;
	letter-spacing: initial;
	font-size: 16px;
	font-weight: 600;
	text-decoration: underline;
}
#proud-to-present a, #proud-to-present2 a{
	text-transform: none;
}
#proud-to-present .mojo-image-container h4, #proud-to-present2 .mojo-image-container h4{
	font-weight: 600;
}
a.sm-feature p {
	text-transform: none;
}
a.sm-feature p.source {
	color:#fff;
	font-size: 12px;
}
a h4 span {
    padding-bottom: 0;
    border-bottom: none;
}
a h4 span:after{
	display: none;
}
a span.credits-divider:after{
	display: none;
}
span.credits-divider {
	width: 55px;
}
#mojo-container p.source {
	line-height: 28px;
    letter-spacing: initial;
    font-size: 14px;
    font-weight: 400;
}

/* Get Inspired Section */
.pin-image-container {
	margin: 24px 0 10px 0;
}
.pin-image {
	width:100%;
}
#inspiration-container .large-11{
	padding-left: 34px;
}

/* Thank You Section */

#thank-you-container ul.contribution-list li.additional-person, #thank-you-container ul.contribution-list li.third-person{
	background-image: none;
}
#thank-you-container ul.contribution-list li.has-additional-person, #thank-you-container ul.contribution-list li.additional-person.middle{
	margin-bottom: 0;
}

.additional-person .person {
    /*transform: translateY(-9px);*/
    background: none;
    border: none;
}
.third-person .person {
    /*transform: translateY(-18px);*/
    background: none;
    border: none;
}
#thank-you-container h2{
	font-size: 102px;
    font-weight: 900;
    line-height: 94px;
    height: 207px;
    margin-left: -5px;
}
#thank-you-container p.date{
	margin-top: -16px;
	font-size: 18px;
}
#thank-you-container {
	padding:128px 80px 80px 55px;
}
#thank-you-container ul.contribution-list li {
	margin-bottom: 12px;
}
#thank-you-container .ruler .spacer{
	height:13%;
}
.contribution-list{
    list-style: none;
    margin-left: 0;
    margin-top: 51px;
    line-height:1.5em;
}
.contribution-list li{
	background-repeat: repeat-x;
	background-position: center center;
}
.contribution-list .job, .contribution-list .person{
	background-color: white;
}
.contribution-list .job{
	left: 0;
	border-right: solid 5px white;
}
.contribution-list .person{
	right: 0;
	float: right;
	border-left: solid 5px white;
	font-weight: 400;
}

/* Bottom Buttons */


/*----------------------------------------------------------------------------------
          ABOUT PAGE STYLES
----------------------------------------------------------------------------------*/

/*What Is Node Section */


.what-is-node, .archive{
	background-position:top center;
	background-attachment: fixed;
	background-size: cover;
}
.what-is-node .ruler .spacer.top, .archive .ruler .spacer.top {
    margin-top: 160px;
}
.what-is-node h1 {
    font-size: 90px;
    font-weight: 900;
    line-height: 94px;
    height: 204px;
    margin: 230px 0 46px 189px;
}
.tinder, .special-thanks-container {
    padding: 0 120px 0 63px;
}
.what-is-node h4{
	font-family: "urw-din-semi-condensed", "Roboto", sans-serif;
	font-weight: 600;
}

.what-is-node p {
    line-height: 28px;
} 
.what-is-node a{
	text-transform: none;
	letter-spacing: initial;
	font-size: 16px;
	text-decoration: underline;
	font-weight: 600;
}
.what-is-node a:hover{
	text-decoration: underline;
}
.what-is-node .craft-callout{
	font-family: "urw-din-semi-condensed", "Roboto", sans-serif;
	font-size: 32px;
	font-style: italic;
	display: inline-block;
    padding: 28px 0 164px 14px;
}
.what-is-node span.node-dashed {
    width: initial;
    display: inline-block;
    height: initial;
    background-repeat-y: no-repeat;
    background-position: center bottom;
}

/*Bios Section*/

#bio-container .date{
	margin: 100px 0 60px 93px;
    float: right;
    width: 100%;
    padding-left: 48px;
}
#bio-container .date .volume-number{
	font-size: 24px;
}
#bio-container .date span.node-dashed{
	width: 78%;
}
#bio-container h2, #archive-list h2{
	z-index: 2;
	font-size: 60px;
	font-weight: 600;
    height: 80px;
    margin-left: -80px;
}
#bio-container .bio-title, #archive-list .bio-title{
	font-family: "Roboto", sans-serif;
	font-size: 14px;
}
#bio-container .bio-question{
	font-size: 20px;
	line-height: 1em;
	margin: 30px 0 10px 0;
}
#bio-container .bio-answer{
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	line-height: 16px;
}
#bio-container .bio-answer.list{
	line-height: 1.8em;
}
#bio-container strong{
	font-weight: 600;
}
#bio-container .bio-answer a{
	text-transform: none;
	font-size: 16px;
	text-decoration: underline;
	letter-spacing: initial;
	transition: color .2s ease;
}

.bio-photo {
	display: inline-block;
	width: 100%;
	height: 321px;
	background-position: right top;
	background-repeat: no-repeat;
	text-align: right;
	overflow: visible;
	transform: translateY(50px);
	z-index: -1;
	cursor: default !important;
}


/* Special Thanks Section */

.special-thanks-container {
	margin-bottom: 100px;
	padding-left: 64px;
}
.special-thanks-container h3{
	font-size:42px;
	margin-top: 115px;
	margin-bottom: 20px;
}
.special-thanks-container h3.want{
	font-size: 60px;
	margin-top: 72px;
	margin-bottom:-10px;
}
.special-thanks-container h3 .node-dashed{
    width: 78%;
    transform: translateY(-5px);
    margin-left: 1%;
}
.special-thanks-container h3.want .node-dashed{
	width:57%;
	transform: translateY(-4px);
	margin-right: 1%;
}
.special-thanks-container h3.want a{
	transform: translateY(-4px);
}
.special-thanks-container .want .purple{
	position: relative;
	display: inline-block;
}
.special-thanks-container ul{
	margin-left: 0;
    display: inline-block;
    width: 100%;
    margin-top: 22px;
}
.special-thanks-container li{
	list-style: none;
	width: 50%;
	float: left;
}
.special-thanks-container h4{
	font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    height: 40px;
    display: inline;
    margin-top: 30px;
}
.tool-tip .tool-tip-info h5{
	font-family: "urw-din", "Roboto", sans-serif;
	line-height: 1.1;
	margin-bottom: 28px;
}

/* Team Page */
.about.team .what-is-node .ruler p{
	top: 23px;
}
.about.team .what-is-node .ruler .spacer.top {
    height: 260px;
}
.about.team .what-is-node .ruler .spacer.bottom {
    margin-top: 45px;
}
.team .what-is-node h1{
	height: 134px;
}
.team #bio-container .ruler .spacer.top{
	height:220px;
}
.about #bio-container .ruler p {
    top: 5px;
}
.about.team #bio-container .ruler p{
	top:100px;
}
.about #bio-container .ruler .spacer.bottom {
    margin-top: 30px;
}
.about.team #bio-container .ruler .spacer.bottom {
    margin-top: 120px;
}

@media screen and (max-width: 1239px){
	.ruler.mobile-purple .spacer{
		background-color: #7950df;
	}
	.ruler.mobile-purple p{
		color: #7950df;
	}
	.ruler.mobile-purple .spacer:after{
		border-color: #7950df;
	}
}