/* TAC 50th Anniversary Styles */

/*

CSS all element selectors

body * { background-color: rgba(255,0,0,.2); }
body * * { background-color: rgba(0,255,0,.2); }
body * * * { background-color: rgba(0,0,255,.2); }
body * * * * { background-color: rgba(255,0,255,.2); }
body * * * * * { background-color: rgba(0,255,255,.2); }
body * * * * * * { background-color: rgba(255,255,0,.2); }
body * * * * * * * { background-color: rgba(255,0,0,.2); }
body * * * * * * * * { background-color: rgba(0,255,0,.2); }
body * * * * * * * * * { background-color: rgba(0,0,255,.2); }
*/

.mobile-view {
	display:none;
}

.panel {
	overflow:inherit;
}

#timeline-legend {
	top:120px;
	left:20px;
	z-index:2;
	padding:25px;
	position:absolute;
	background:rgba(0,0,0,0.75);
}
#timeline-legend h5 {
	margin:0 auto 8px;
	font-size:12px;
	font-weight:100;
	text-align:left;
	letter-spacing:0.5px;
}
#timeline-legend h5:last-child {
	margin:0 auto;
}
#timeline-legend h5 a {
	border:none;
}

ul.actions {
	top:0;
	bottom:0;
	left:-2px;
	z-index:9;
	height:60px;
	margin:auto;
	display:block;
	position:absolute;
}

.intro-text {
	z-index:2;
	padding:75px 25px;
	position:relative;
}
.intro-text p {
	font-size:16px;
	line-height:1.4;
	text-align:left;
}
.panel.banner .image img.tac-logo-ribbon {
	right:0;
	top:-75px;
	height:auto;
	width:150px;
	margin:auto;
	position:relative;
}
.panel.banner .image img.tac-50th-sticker {
	width:150px;
	margin:0 auto;
	position:relative;
}

.actions {
	z-index:1;
}

.timeline-line {
	top:0;
	bottom:0;
	z-index:1;
	height:3px;
	width:100%;
	margin:auto;
	min-width:auto;
	background:#FFF;
	position:absolute;
}

.timeline-line.initial-start {
	top:0;
	bottom:0;
	z-index:0;
	height:3px;
	width:15px;
	right:-13px;
	margin:auto;
	background:#FFF;
	position:absolute;
}

.timeline-year {
	top:50%;
	left:13%;
	bottom:50%;
	width:70px;
	margin:auto;
	height:70px;
	color:#313131;
	font-size:28px;
	min-width:auto;
	padding:14px 0 0;
	text-align:center;
	position:absolute;
	border-radius:50%;
	z-index:2 !important;
	font-family:'Palatino',serif;
	background:rgba(255,255,255,0.65);
}

.timeline-year .star-icon {
	left:0;
	right:0;
	top:5px;
	width:15px;
	height:15px;
	margin:auto;
	z-index:inherit;
	position:absolute;
	background-image:url(../../images/year-star.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
}

.timeline-date {
	top:0;
	bottom:0;
	z-index:9;
	width:5px;
	height:40px;
	min-width:auto;
	background:#FFF;
	position:absolute;
	border-radius:10px;
	margin:-35px auto 0 auto;
	transition:all .3s linear;
	-o-transition:all .3s linear;
	-ms-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-webkit-transition:all .3s linear;
}
.timeline-date:hover {
	background:#EFEFEF;
	box-shadow:1px 1px 10px rgba(255,255,255,0.95);
}

.timeline-date a {
	width:100%;
	height:100%;
	display:block;
	margin:0 auto;
}

#slide-2 {
	top:0;
	left:0;
	z-index:0;
	width:100%;
	height:100%;
	position:absolute;
	background-image:url(../../images/background/timeline2.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

#slide-3 {
	top:0;
	left:0;
	z-index:0;
	width:100%;
	height:100%;
	position:absolute;
	background-image:url(../../images/background/timeline3.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}


/* TOOLTIP */
.grid {
	display:grid;
	margin:0 auto;
	max-width:1100px;
	grid-auto-rows:250px;
	grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));
}
.grid__item {
	z-index:2;
	width:5px;
	display:grid;
	min-width:5px;
	position:relative;
	text-align:center;
	align-items:center;
	justify-items:center;
}

.point-1 {
	left:18%;
}
.point-2 {
	left:20%;
}
.point-3 {
	left:22%;
}
.point-4 {
	left:24%;
}
.point-5 {
	left:26%;
}

.year-1972 {
	left:36%;
}
.point-6 {
	left:42%;
}

.year-1973 {
	left:50%;
}
.point-7 {
	left:58%;
}
.point-8 {
	left:60%;
}
.point-9 {
	left:62%;
}
.point-10 {
	left:64%;
}

.year-1974 {
	left:70%;
}
.point-11 {
	left:80%;
}

.year-1975 {
	left:84%;
}
.point-12 {
	left:97%;
}

/*********/
/* BREAK */
/*********/

.year-1976 {
	left:0%;
}
.point-13 {
	top:13px;
	left:6.5%;
}

.year-1977 {
	left:8%;
}
.point-14 {
	left:14%;
	top:13px;
}
.point-15 {
	left:15%;
	top:13px;
}

.year-1978 {
	left:17%;
}
.point-16 {
	left:22%;
	top:13px;
}

.year-1979 {
	left:24%;
}
.point-17 {
	left:29%;
	top:13px;
}

.year-1980 {
	left:32%;
}
.point-18 {
	left:36%;
	top:13px;
}

.year-1981 {
	left:39%;
}
.point-19 {
	left:43%;
	top:13px;
}

.year-1983 {
	left:47%;
}
.point-20 {
	left:51%;
	top:13px;
}
.point-21 {
	left:52%;
	top:13px;
}
.point-21a {
	left:53%;
	top:13px;
}

.year-1984 {
	left:58%;
}
.point-22 {
	left:60%;
	top:13px;
}

.year-1985 {
	left:65%;
}
.point-23 {
	left:66.5%;
	top:13px;
}

.year-1986 {
	left:72.5%;
}
.point-24 {
	left:74%;
	top:13px;
}
.point-25 {
	left:75%;
	top:13px;
}

.year-1987 {
	left:81.5%;
}
.point-26 {
	left:82%;
	top:13px;
}
.point-27 {
	left:83%;
	top:13px;
}

.year-1989 {
	left:90%;
}
.point-28 {
	left:90%;
	top:13px;
}
.point-29 {
	left:91%;
	top:13px;
}
.point-30 {
	left:92%;
	top:13px;
}
.point-31 {
	left:0.5%;
	top:13px;
}

/*********/
/* BREAK */
/*********/

.year-1990 {
	left:2%;
}
.point-32 {
	left:8%;
	top:13px;
}
.point-33 {
	left:9%;
	top:13px;
}
.point-34 {
	left:10%;
	top:13px;
}

.year-1991 {
	left:12.5%;
}
.point-35 {
	left:17%;
	top:13px;
}
.point-36 {
	left:18%;
	top:13px;
}

.year-1992 {
	left:21%;
}
.point-37 {
	left:25%;
	top:13px;
}
.point-38 {
	left:26%;
	top:13px;
}
.point-39 {
	left:27%;
	top:13px;
}

.year-1993 {
	left:31.5%;
}
.point-40 {
	left:34%;
	top:13px;
}
.point-41 {
	left:35%;
	top:13px;
}

.year-1994 {
	left:40%;
}
.point-42 {
	left:42%;
	top:13px;
}

.year-1995 {
	left:47.5%;
}
.point-43 {
	left:48.5%;
	top:13px;
}
.point-44 {
	left:49%;
	top:13px;
}

.year-1996 {
	left:55.5%;
}
.point-45 {
	left:56%;
	top:13px;
}
.point-46 {
	left:56.5%;
	top:13px;
}
.point-47 {
	left:57%;
	top:13px;
}

.year-1997 {
	left:64.5%;
}
.point-112 {
	left:63.5%;
	top:13px;
}

.year-1998 {
	left:71.5%;
}
.point-48 {
	left:69.5%;
	top:13px;
}
.point-49 {
	left:70%;
	top:13px;
}
.point-50 {
	left:70.5%;
	top:13px;
}
.point-51 {
	left:71%;
	top:13px;
}
.point-52 {
	left:71.5%;
	top:13px;
}

.year-1999 {
	left:81.5%;
}
.point-53 {
	top:13px;
	left:78.5%;
}

.year-2000 {
	left:89%;
}
.point-54 {
	left:85.5%;
	top:13px;
}
.point-55 {
	left:86.5%;
	top:13px;
}
.point-56 {
	left:87.5%;
	top:13px;
}
.point-57 {
	left:88.5%;
	top:13px;
}

/*********/
/* BREAK */
/*********/

.year-2001 {
	left:0%;
}
.point-58 {
	left:6%;
	top:13px;
}
.point-59 {
	left:7%;
	top:13px;
}
.point-60 {
	left:8%;
	top:13px;
}

.year-2002 {
	left:10%;
}
.point-61 {
	left:15%;
	top:13px;
}
.point-62 {
	left:16%;
	top:13px;
}

.year-2004 {
	left:19%;
}
.point-63 {
	left:23%;
	top:13px;
}
.point-64 {
	left:24%;
	top:13px;
}

.year-2005 {
	left:27.5%;
}
.point-65 {
	left:31%;
	top:13px;
}

.year-2007 {
	left:35%;
}
.point-66 {
	left:38%;
	top:13px;
}

.year-2008 {
	left:42.5%;
}
.point-67 {
	left:45%;
	top:13px;
}
.point-68 {
	left:46%;
	top:13px;
}
.point-69 {
	left:47%;
	top:13px;
}
.point-70 {
	left:48%;
	top:13px;
}

.year-2009 {
	left:54%;
}
.point-71 {
	left:55%;
	top:13px;
}
.point-72 {
	left:56%;
	top:13px;
}
.point-73 {
	left:57%;
	top:13px;
}

.year-2010 {
	left:64%;
}
.point-74 {
	left:63.5%;
	top:13px;
}
.point-75 {
	left:64.35%;
	top:13px;
}
.point-76 {
	left:65.15%;
	top:13px;
}
.point-76a {
	left:65.95%;
	top:13px;
}

.year-2012 {
	left:74.5%;
}
.point-77 {
	left:72.5%;
	top:13px;
}
.point-78 {
	left:73.5%;
	top:13px;
}
.point-79 {
	left:73.5%;
	top:13px;
}

.year-2013 {
	left:83%;
}
.point-80 {
	left:80.5%;
	top:13px;
}
.point-111 {
	left:81.5%;
	top:13px;
}
.point-81 {
	left:82.5%;
	top:13px;
}
.point-82 {
	left:83.5%;
	top:13px;
}
.point-83 {
	left:84.5%;
	top:13px;
}
.point-84 {
	left:85.5%;
	top:13px;
}
.point-85 {
	left:86.5%;
	top:13px;
}
.point-86 {
	left:87.5%;
	top:13px;
}

.year-2014 {
	left:0%;
}
.point-87 {
	left:6%;
	top:13px;
}
.point-88 {
	left:7%;
	top:13px;
}
.point-89 {
	left:8%;
	top:13px;
}

.year-2015 {
	left:10%;
}
.point-90 {
	left:16%;
	top:13px;
}
.point-91 {
	left:17%;
	top:13px;
}
.point-92 {
	left:18%;
	top:13px;
}
.point-93 {
	left:19%;
	top:13px;
}
.point-95 {
	left:20%;
	top:13px;
}

.year-2016 {
	left:24.5%;
}
.point-94 {
	left:28%;
	top:13px;
}
.point-96 {
	left:29%;
	top:13px;
}
.point-97 {
	left:30%;
	top:13px;
}
.point-98 {
	left:31%;
	top:13px;
}
.point-99 {
	left:32%;
	top:13px;
}
.point-100 {
	left:33%;
	top:13px;
}
.point-101 {
	left:34%;
	top:13px;
}

.year-2017 {
	left:41%;
}
.point-102 {
	left:41%;
	top:13px;
}
.point-103 {
	left:42%;
	top:13px;
}
.point-104 {
	left:43%;
	top:13px;
}
.point-105 {
	left:44%;
	top:13px;
}
.point-106 {
	left:45%;
	top:13px;
}

.year-2018 {
	left:54%;
}
.point-107 {
	left:53%;
	top:13px;
}
.point-108 {
	left:54%;
	top:13px;
}
.point-109 {
	left:55%;
	top:13px;
}

.year-2019 {
	left:65%;
}
.point-110 {
	left:63%;
	top:13px;
}

/* Content */
.content {
	padding:5em 0 3em;
	user-select:none;
	-ms-user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
}
.tooltip {
	position:relative;
	display:inline-block;
}
.tooltip__trigger {
	cursor:pointer;
}
.tooltip__trigger-text {
	display:block;
}
.tooltip__base {
	left:50%;
	opacity:0;
	bottom:2em;
	width:350px;
	height:250px;
	display:flex;
	position:absolute;
	align-items:center;
	margin-left:-172px;
	pointer-events:none;
	justify-content:center;
}
.tooltip__content {
	width:80%;
	opacity:0;
	color:#FFF;
	display:block
	font-size:15px;
	padding:10px 0 0;
	position:relative;
	align-items:center;
	justify-content:center;
}
.tooltip__content h3 {
	font-size:15px;
}
.tooltip__content h3 span {
	display:block;
	font-size:12px;
	margin:2px auto 0;
}
.tooltip__content p {
	font-size:12px;
}
.tooltip__content img {
	display:block;
	max-width:110px;
	margin:0 auto 10px;
	border:5px solid rgba(0,0,0,0.25);
}
.tooltip__content .timeline-icon {
	max-width:75px;
	border:none !important;
}
.tooltip__content.smaller-text {
	padding:0;
	margin:-20px auto 0;
}
.tooltip__content.smaller-text h3 {
	margin:0 auto 5px;
}
.tooltip__content.smaller-text p {
	margin:0 auto;
	font-size:10px;
}
.tooltip__shape,
.tooltip__deco {
	top:0;
	left:0;
	width:100%;
	height:100%;
	position:absolute;
}
.tooltip__shape {
	fill:#000000;
}
.tooltip--tipup .tooltip__base,
.tooltip--tipdown .tooltip__base,
.tooltip--tipupred .tooltip__base,
.tooltip--tipdownred .tooltip__base,
.tooltip--tipupblue .tooltip__base,
.tooltip--tipdownblue .tooltip__base {
	bottom:2.5em;
}
.tooltip--tipup .tooltip__shape path,
.tooltip--tipdown .tooltip__shape path,
.tooltip--tipupred .tooltip__shape path,
.tooltip--tipdownred .tooltip__shape path,
.tooltip--tipupblue .tooltip__shape path,
.tooltip--tipdownblue .tooltip__shape path {
	fill:#000;
	/*stroke:#FFF;
	stroke-width:3px;*/
}


/* MEDIA QUERIES */
@media only screen and (max-width:1100px) {
	.timeline-year {
		width:60px;
		height:60px;
		font-size:22px;
	}
	.timeline-date {
		height:50px;
	}
	.point-7 {
		left:57.5%
	}
	.year-1974 {
		left:72%
	}
	.year-1975 {
		left:86%
	}
	.year-1981 {
		left:39.5%
	}
	.year-1983 {
		left:48%
	}
	.year-1984 {
		left:57.5%
	}
	.year-1985 {
		left:66%
	}
	.year-1986 {
		left:73.5%
	}
	.year-1987 {
		left:82%
	}
	.year-1989 {
		left:90.5%
	}
	.year-1992 {
		left:21.5%
	}
	.year-1993 {
		left:32%
	}
	.year-1994 {
		left:41%
	}
	.year-1995 {
		left:48.5%
	}
	.year-1996 {
		left:57.5%
	}
	.year-1998 {
		left:67%
	}
	.year-1999 {
		left:81%
	}
	.year-2000 {
		left:89%
	}
	.year-2005 {
		left:28%
	}
	.year-2007 {
		left:36%
	}
	.year-2008 {
		left:43.5%
	}
	.year-2009 {
		left:55%
	}
	.year-2010 {
		left:65%
	}
	.year-2012 {
		left:75.5%
	}
	.year-2013 {
		left:84.5%
	}
	.year-2014 {
		left:1%
	}
	.year-2015 {
		left:11%
	}
	.year-2016 {
		left:27%
	}
	.year-2017 {
		left:42%
	}
	.year-2018 {
		left:54.5%
	}
	.year-2019 {
		left:67%
	}
}

@media only screen and (max-width:736px) {
	body {
		overflow:auto;
	}
	#page-wrapper {
		display:none;
	}
	.mobile-view {
		display:block;
	}
	.mobile-view img {
		width:100%;
		max-width:100%;
		text-align:center;
	}
	.copyright {
		padding:25px;
		font-size:12px;
		background:#000;
		text-align:center;
		margin:-10px auto 0;
	}
}