/* INTRO PAGE STYLING */
.underline {
	text-decoration: underline;
	color: rgba(0, 0, 0, 0.7);
}

.gold {
	color: #b7a080;
}

.homeLink {
	position: absolute;
	top: 1em;
	left: 1em;
}

.homeLink a {
	font-family: "freight-sans-pro";
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.3);
	letter-spacing: .09em;
}

a.homeText:hover {
	color: rgba(0, 0, 0, 0.7);
}

#introContainer {
	padding-right: 90px;
}

.intro {
	color: rgba(0, 0, 0, 0.7);
}

.downArrow {
	height: 1.5em;
	width: 3em;
	/*content: url(../public/downArrow_test.png);*/
	content: url(../public/downArrow.png);
/*	position: absolute;*/	
	bottom: 0;
	left:0;
    right:0;
	margin: 0 auto;
	position: absolute;
/*	left: 47%;*/
	/*z-index: 10000*/
}

.bulletPointsBold {
	color: #b7a080;
	font-family: "freight-sans-pro";
	font-weight: 700;
	text-transform: uppercase;
	font-size: .9em;
	letter-spacing: .1em
}

.tags p {
	display: inline;
	color: #b7a080;
}

/* START PROJECT IMAGE PAGES */
.projectImg {
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
}
/* END PROJECT IMAGE PAGES */

/* START END PAGE */

#endProjectText {
	text-align: center;
	color: rgba(0, 0, 0, 0.5);
}

#nextProjectText {
	text-align: center;
	bottom: 7em;
	left:0;
    right:0;
	margin: 0 auto;
	position: absolute;
	z-index: 201
}

#nextProjectText p {
	margin-bottom: 0;
}

#nextProjectText h5 {
	font-family: "freight-sans-pro";
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.7);
	letter-spacing: .09em;
	font-size: 1.4em;
}
/* END END PAGE */


/* TIGHTROPE SVG */
.tightropeContainer {
	width: 1500px;
	height: 526px;
	position: absolute;
	left: 0;
	bottom: 0em;
	z-index: 200;
}

svg.tightrope_svg {
	position: absolute;
	left:-3px;
	bottom:-7em;
	z-index: -1;
}

#tightrope_drawing {
	position: absolute;
	right:350px;
	bottom:8.4em;
	height: 230px;
	display: none;
	width: 90px;
	opacity: 1;
	z-index: 1;
	min-width: 6em
}

.tightrope_path {
	fill: none;
	stroke: #646363;
	stroke-width: 1.4;
	stroke-miterlimit: 10;
	stroke-dashoffset:2940;
	stroke-dasharray:2940;
	-webkit-animation: draw 100s linear;
	-webkit-animation-play-state: initial; /* Setting to 'paused' did not work */
	-webkit-animation: draw 30s linear infinite;
	animation: draw 100s linear;  /* Want to change the circles to draw later NOT WORKING YET */
	animation-play-state: paused;
	animation: draw 30s linear infinite;
	/*animation-iteration-count: 1;*/
	/*animation-delay: 6s;*/
	-webkit-animation-direction: normal;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-direction: normal;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	fill-opacity: 0;
	position:relative;
	display: none;
}

@keyframes draw {
	30%{fill-opacity: 0;}
	31%{fill-opacity: 1;}
	32%{fill-opacity: 0;}
	33%{fill-opacity: 1;}
	34%{fill-opacity: 0;}
	35%{fill-opacity: 1;}
	50%{stroke-dashoffset:0;}
	100%{stroke-dashoffset:0; fill-opacity: 1;}
}