@charset "UTF-8";
/* CSS Document */


/* I MISS YOU, RYAN WEIDMAN */
/* YOU SHOULD PROLLY DELETE THESE PERSONAL COMMENTS */


/*parallax -- make sure both heights are the same*/
/*.bg {
  background: url('/assets/example/bg_blueplane.jpg') no-repeat center center;
  position: fixed;
  width: 100%;
  height: 350px; 
  top:0;
  left:0;
  z-index: -1;
}

.jumbotron {
  height: 350px;
  color: white;
  text-shadow: #444 0 1px 1px;
  background:transparent;
}*/

table, tr, td {
	margin:0;
	padding:0;
	border:none;
	outline:none;
}

h1 {
	font-family:"HelvNeue-95Black", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:72px;
	line-height:72px;
	color:#fff;
}

h2 {
	font-family:"HelvNeue-95Black", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:48px;
	line-height:48px;
}

h3 {
	font-family:"HelvNeue-95Black", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:24px;
}

p {
	font-family:"HelvNeue-35Thin", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:36px;
	color:#222;
}

.desktop-hide { display:none; }


#feature {
	/*background:#2e3192 url(../images/feature-newseum-flat.png) left bottom no-repeat;*/
	background:#2e3192 url(../images/stars.gif) left bottom repeat;
	height:80vh;
	min-height:1000px;
	color:#fff;
	padding-left:0;
	padding-right:0;
	position:relative;
	overflow:hidden;
}

#feature #tdalogo {
	background:url(../images/TD-Ameritrade-logo.png) left bottom no-repeat;
	height:40px;
	width:203px;
	margin:0;
	top:100px;
	left:6.25vw;
	text-indent:-44444px;
	position:absolute;
}
#feature #words {
	padding:200px 12.5vw;
	position:absolute;
}
#feature #newseumatnight {
	left:0;
	bottom:0;
	position:absolute; 
	height:80vh;
	width:1260px;
	min-height:1000px;
}
#feature #chucktodd {
	right:8.5vw;
	bottom:0;
	position:absolute; 
	height:80vh;
	width:450px;
	min-height:1000px;
}
#feature img {
    left: 0;
    bottom: 0;
    position: absolute;
}

#feature h1 {
	padding-top:100px;
	padding-right:31.25vw;
}
#feature h3 {
	padding-top:4px;
}
#feature h3 span {
	font-family:"HelvNeue-35Thin", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:36px;
	line-height:36px;
	baseline-shift:-5px;
}
#feature p {
	font-size:24px;
	padding-top:30px;
	padding-right:31.25vw;
	color:#fff;
}
#feature #rsvp { color:#fff200; line-height:34px; padding-top:30px; }
#feature #rsvp a, #feature #rsvp a:hover { color:#fff200; text-decoration:none; }
#feature #rsvp #arrow { 
	border-left:17px solid #fff200;
	border-top:17px solid transparent;
	border-bottom:17px solid transparent;
	content:"";
	height:34px;
	position:absolute;
	width:17px;
	height:inherit;
}


.container-fluid.equal-columns { padding-left:0; padding-right:0; }

.row.equal-columns { display:table; width:100%; margin-left:0; margin-right:0; padding-left:0; padding-right:0; }
.row.equal-columns .col-md-6 { float:none; display:table-cell; vertical-align:top; }



#descript { 
	background:#fff url(../images/arrows-left-to-right.gif) right bottom repeat-x;
	padding:125px 12.5vw 175px 12.5vw;
}
#descript h2 { color:#ec008c; }
#descript p { padding-top:10px; }
#descript a { text-decoration:none; border-bottom:1px solid #ec008c; color:#ec008c; }
#descript a:hover { border-bottom:0px solid #ec008c; }



#thecarousel { background:#ec008c; padding:0; overflow:hidden; position:relative; }
#thecarousel .carousel-inner { opacity:0.25; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; width:100%; height:100%; overflow-y:auto; overflow:hidden; position:absolute; top:0; bottom:0; }
#thecarousel:hover .carousel-inner { opacity:1; }

#thecarousel .carousel-inner .item { position:inherit; top:0; bottom:0; height: 100%; overflow-y:auto; overflow:visible; }
#thecarousel .carousel-inner .item.active { position:relative; top:0; bottom:0; height: 100%; overflow-y:auto; overflow:visible; }

#thecarousel .carousel-inner .item#photo01 { background:url(../images/carousel-photo-01.jpg) center center no-repeat; background-size:cover; }
#thecarousel .carousel-inner .item#photo02 { background:url(../images/carousel-photo-02.jpg) center center no-repeat; background-size:cover; }
#thecarousel .carousel-inner .item#photo03 { background:url(../images/carousel-photo-03.jpg) center center no-repeat; background-size:cover; }
#thecarousel .carousel-inner .item#photo04 { background:url(../images/carousel-photo-04.jpg) center center no-repeat; background-size:cover; }
#thecarousel .carousel-inner .item#photo05 { background:url(../images/carousel-photo-05.jpg) center center no-repeat; background-size:cover; }

.carousel-control { opacity:1; }
.carousel-control.left { background:url(../images/carousel-arrow-left.png) left center no-repeat; background-size:contain; }
.carousel-control.right { background:url(../images/carousel-arrow-right.png) right center no-repeat; background-size:contain; }

#attributions-below { color:#FFF; bottom:10px; position:absolute; opacity:0.75; right:10px; font-size:12px; }
#attributions-below:hover { text-decoration:none; }

#newseum {
    min-height: 800px;
    /*background: red;*/
	background:#00aeef url(../images/clouds.jpg) repeat-x;
    -webkit-animation: cloudmove 60s;  /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation: cloudmove 60s;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear; /* Safari */
    animation-timing-function: linear;
}

@-webkit-keyframes cloudmove {
    from {background-position:0 bottom; }
    to {background-position:1871px bottom;}
}

@keyframes cloudmove {
    from {background-position:0 bottom; }
    to {background-position:1871px bottom;}
}

#newseum img { left:0; bottom:0; position:absolute; }


#details {
	background:#fff url(../images/boxes-top-to-bottom.gif) right top repeat-y;
	padding:150px 12.5vw;
    -webkit-animation: boxesmove 10s;  /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation: boxesmove 10s;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear; /* Safari */
    animation-timing-function: linear;
}

@-webkit-keyframes boxesmove {
    from {background-position:right 0; }
    to {background-position:right -805px;}
}

@keyframes boxesmove {
    from {background-position:right 0; }
    to {background-position:right -805px;}
}

#details h2 { color:#00aeef; }
#details h3 { padding-top:0; color:#00aeef; }
#details p { margin-bottom:0; }
#details hr {
	margin-top: 33px;
    margin-bottom: 33px;
    border: 0;
    border-top: 1px solid #bbb;
	width: 50%;
    margin-left: 0%;
}
#details #reserve { 
	color:#2e3192;
	line-height:51px;
}
#details a#reserve, #details a#reserve:hover {
	background-color:#fff200;
	color:#2e3192;
	text-decoration:none;
	padding:11px 0 10px 20px;
}
#details a#reserve:after { 
	border-left:25px solid #fff200;
	border-top:25px solid transparent;
	border-bottom:25px solid transparent;
	content:"";
	height:50px;
	position:absolute;
	width:25px;
	height:inherit;
}
#details #transportation { color:#bbb; line-height:30px; padding-top:20px; }

#contact { background:#2e3192 url(../images/capital.jpg) left bottom no-repeat; padding:160px 21.875vw; color:#fff; }
#contact span { color:#00aeef; }
#contact strong { font-family:"HelvNeue-65Med", "Helvetica Neue", Arial, Helvetica, sans-serif; }
#contact p { color:#fff; width:28.125; float:left; padding-top:20px; padding-right:80px; }
#contact a { color:#fff200; text-decoration:underline; }
#contact a:hover { text-decoration:none; }



#legal {
	background:#fff; 
	text-align:left;
	padding:75px 21.875vw 75px 21.875vw;
}
#legal p {
	font-family:"HelvNeue-45Light", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	padding-bottom:12px;
	color:#aaa;
}
#legal a {
	color:#aaa;
	text-decoration:underline;
}
#legal a:hover {
	text-decoration:none;
}



@media (max-width: 1800px) {
	#contact {
		padding:160px 16vw;
	}
	#legal {
		padding:75px 16vw;
	}
}

@media (max-width: 1600px) {
	#contact {
		padding:160px 12vw 300px 12vw;
	}
	#legal {
		padding:75px 12vw;
	}
}

@media (max-width: 1400px) {
	#contact {
		padding:160px 8vw 300px  8vw;
	}
	#legal {
		padding:75px 8vw;
	}
}

@media (max-width: 1200px) {
	#feature #tdalogo {
		top:50px;
		left:5vw;
	}
	#feature #words {
		padding:100px 5vw;
	}
	#feature #chucktodd {
		right:2.5vw;
	}
	#descript {
		padding: 50px 5vw 125px 5vw;
	}
	#details {
		padding: 50px 5vw 50px 5vw;
		background-position-x:120%;
	}
	@-webkit-keyframes boxesmove {
		from {background-position:120% 0; }
		to {background-position:120% -805px;}
	}

	@keyframes boxesmove {
		from {background-position:120% 0; }
		to {background-position:120% -805px;}
	}
	#contact {
		padding:50px 5vw 300px 5vw;
	}
	#legal {
		padding:75px 5vw;
	}
}
@media (max-width: 991px) {
	#feature #chucktodd {
		right:-5vw;
	}
	#thecarousel .carousel-inner {
		opacity: 1;
	}

	.row.equal-columns {
		display:block;
		width:100%;
		margin-left:0;
		margin-right:0;
		padding-left:0;
		padding-right:0;
	}
	.row.equal-columns .col-md-6 {
		display:inline-block;
		vertical-align:top;
	}
	#descript {
		padding: 50px 5vw 50px 5vw;
		background-image:none;
	}
	#newseum {
		display:none;
	}
	#thecarousel {
		display:block;
		height:600px;
	}
	#details {
		background:none;
	}
}
@media (max-width: 767px) {
	#feature #words {
		padding:50px 5vw;
	}
	#feature h3 {
		padding-top: 14px;
		line-height: 36px;
	}
	.desktop-hide { display:inline; }
	.mobile-hide { display:none; }
	#thecarousel {
		height:400px !important;
	}
}
@media (max-width: 667px) {
	#feature #words {
		padding:20px 5vw;
	}
	h1 {
		font-size: 60px;
		line-height: 54px;
	}
	#feature h3 {
		padding-top: 4px;
		line-height: 24px;
	}
	#feature p {
		font-size: 18px;
		line-height: 24px;
		padding-top: 14px;
	}
	#feature #rsvp {
		font-size: 36px;
		line-height: 30px;
		padding-top: 12px;
	}
	#feature #chucktodd {
		top: 540px;
		margin: 0 auto;
		right: 0;
	}

}