@charset "utf-8";
 @import url('https://fonts.googleapis.com/css?family=Montserrat:200,400,700,900');
body, h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}
ul li {
	list-style-type: lower-greek;
    line-height: 40px;
    font-size: 1.2em;
    font-weight: 600;
    color: #EA973E;
    font-style: italic;
    
}
#title-row {
	border-top: 2px solid #000;
	border-bottom: 1px solid #000;
	padding: 10px, 20px;
	margin-top: 10px;
}
#title-border {
	border-bottom: 1px solid #000;
	width: 100vw;
}
#title-column > a > h2 {
	font-weight: 900;
	margin-top: 10px;
	text-align: center;
	text-transform: uppercase;
	color: #000;
}
#question {
	border-top: 4px solid #ccc;
	text-align: center;
}

#modal-column > button {
	margin-top: 9px;
}

/*
	TIMELINE
*/

#btn-next, #btn-prev, .scrolling {
	cursor: pointer !important;
}
.scrolling > g > .sel {
	font-weight: 700;
}
.scrolling:hover {
	font-weight: 700;
}
/*
	FOOTER
*/
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 15px 0px;
	background-color: #D1D3D4;
}

.footer > .container > .row > * > * {
	display: inline-block;
}

.footer-col {
	font-size: 10px;
}

@media screen and (min-width: 768px){
	.footer-image {
		position:absolute;
		right:30px;
		top: -4px;
		height:20px;
	}
}

@media screen and (max-width: 767px){
	.footer-image {
		width: 100%;
		max-height: 100%
	}
}

/*
	CAROUSEL SMALL
*/

.carousel-inner, .carousel-inner > .item {
	height: 100% !important;
}

.carousel-inner > .item > p {
	height: 20%;
}

.carousel-inner > .item > div {
	height: 80%;
}

.carousel-control.left, .carousel-control.right {
	background: none;
	background-repeat: no-repeat;
}

/*
	INDEX CAROUSEL
*/

#carousel1 > .carousel-inner, #carousel2 > .carousel-inner {
	padding-left: 10%;
	padding-right: 10%
}

.carousel-control > .glyphicon {
	color: #666;
}

.carousel-indicators .active {
	background-color: #ccc;
}

.carousel-indicators li {
	border-color: #aaa;
}

.item > h3 {
	text-align: center;
}

.item > p {
	padding-left: 10%;
	padding-right: 10%;
	font-style: italic;
}

.carousel-inner > .item > div > svg {
	width: 100%;
}

@media screen and (min-width: 768px){
	.carousel-indicators {
		bottom: -50px;
	}
}

/*
	MAP
*/

#map{
	position: absolute;
}

/*
	TEXT
*/

@media (max-width: 767px) {
	h3 {
		font-size: 1.1em;
	}
	p {
		font-size: 0.95em;
	}
}