/*=== CSS for Timeline functionality ===*/

/* set the DNA background */
.view-timeline-entries {
	background: #FFFFFF url("http://sutherlandchair.cos.gatech.edu/sites/default/files/sutherland-theme/dna.png") repeat-y;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 1%;
	border-left: #888888 3px solid;
}

.view-timeline-entries .field--name-field-text-section p{
	margin-bottom: 0;
}

/*== Basic Entry ==*/
.view-timeline-entries LI {
	list-style-image: url("http://sutherlandchair.cos.gatech.edu/sites/default/files/sutherland-theme/timeline-bullet.png");
	position: relative;
	left: -30px;
}

.view-timeline-entries LI DIV{
	left: 30px;
}

.view-timeline-entries  .views-field-field-date-label{
 	font-family: Palatino, serif;
 	font-size: 2.4em;
 	font-weight: bold;
 	color: #00254c;
}

.view-timeline-entries  .views-field-title{
 	font-family: Palatino, serif;
 	font-size: 4em;
 	line-height: 1em;
 	margin-bottom: .2em;
 	color: #00254c;
}

.view-timeline-entries  .views-field-body{
 	font-family: Helvetica, sans-serif;
 	font-size: 1em;
 	color: #000000;
}


.view-timeline-entries .pull-quote-container{
	background: #f7f7f7;
	padding-bottom: 5px;
	padding-right: 10px;
	margin-bottom: 10px;
}

.view-timeline-entries BLOCKQUOTE{
 	font-family: Palatino, serif;
 	font-size: 1.3em;
 	font-style: normal;
	color: #000000;
	padding: 20px;
	padding-bottom: 0px;
	border-left: none;
	margin: 0em;
}

.view-timeline-entries BLOCKQUOTE:before, .view-timeline-entries BLOCKQUOTE:after{
	color: #EBB728;
}

.view-timeline-entries DIV.quoteSource{
 	font-family: Palatino, serif;
 	font-size: 1.3em;
	color: #000000;
	width: 90%;
	text-align: right;
}

.view-timeline-entries  .views-field-field-display-html{
 	font-family: Helvetica, sans-serif;
 	font-size: 1em;
 	color: #000000;
}

.view-timeline-entries .views-field-field-photo{

}

.view-timeline-entries  .views-field-field-display-html{
 	font-family: Helvetica, sans-serif;
 	font-size: 1em;
 	color: #000000;
}

.view-timeline-entries .views-field-field-photo{

}

.view-timeline-entries .field--type-text-with-summary{
	color: #000000;
}

.view-timeline-entries .field--name-field-caption{
	color: #000000;
}

.publicationFirst{
	margin-bottom: 10px;
}

.publication{
	margin-bottom: 10px;
	border-top: 1px solid #888888;
	padding-top: 10px;
}

.explainer{
	border: #888888 solid 1px;
    background-color: #EEB211;
	width: 250px;
	padding: 10px;
	padding-left: 25px;
	position: fixed;
	left: 30%;
	top: 35%;
	display: none;
}

.view-timeline-entries div.paragraph--type--column-container{
	display: inline-block;
	width: 48%;
	vertical-align:top;
}

.view-timeline-entries div.paragraph--type--photo-with-metadata{
	margin-top: 1em;
	margin-bottom: 1em;
	background-color: #F7F7F7;
	text-align: center;
}

.view-timeline-entries div.paragraph--type--publication{
	border-top: 1px solid #333333;
	padding: .2em;
}

.view-timeline-entries .field--name-field-image-credit {
	color: #000000;
}

/*== Timeline no search results ==*/
.view-timeline-entries .view-empty{
	text-align: center;
	color: #000000;
	font-weight: bold;
	padding-bottom: 15px;
}

/*== Timeline search bar settings ==*/
.view-timeline-entries .view-filters{
	background-color: #00254C;
	padding-left: 30px;
}

.view-timeline-entries .slider-container{
    width: 60%;
    position: relative;
    right: 5%;
    float: right;
    top: 3px;
    text-align: center;
}

.view-timeline-entries .slider-label{
	position: relative;
	top: 15px;
}

.view-timeline-entries .slider-dates{
	color: #ebb728;
	font-weight: bold;
}

.view-timeline-entries .form-item-field-date-range-value{
	display: none;
}

.view-timeline-entries .form-item-field-date-range-value-1{
	display: none;
}

.view-timeline-entries .form-submit{
	display: none;
}

/* Single Element Overrides */

/* sample selector for left or right column */
.view-timeline-entries #entry-47 .views-field-field-entry-columns .field-content > div:nth-child(2){

}

.view-timeline-entries #entry-47 .item-multi-1{
	height: 350px;
}

.view-timeline-entries #entry-47 .item-multi-2, .view-timeline-entries #entry-47 .item-multi-3{
	display: inline-block;
	width: 240px;
	vertical-align: text-top;
}

.view-timeline-entries #entry-47 .item-multi-2 div.paragraph--type--photo-with-metadata, .view-timeline-entries #entry-47 .item-multi-3 div.paragraph--type--photo-with-metadata{
	background-color: #FFFFFF;
	margin-top: 0;
}

/*== Mobile Style ==*/
@media only screen and (max-width: 50em) {
	.view-timeline-entries  .views-field-title{
		font-size: 2.4em;
	}
	.view-timeline-entries .view-filters{
		text-align: center;
	}
	
	.view-timeline-entries .form-text{
		width: 10em;
	}
	
   .view-timeline-entries div.paragraph--type--column-container{
	   display: block;
	   width: 108%;
   }

	.view-timeline-entries #entry-47 .item-multi-1{
		height: auto;
	}    	

}

/*== tablet/low res desktop ==*/
@media only screen and (min-width: 50.01em) and (max-width: 70.00em) {
	/* images below these paragraphs no longer fit on one line so fixed height is not necessary */
	.view-timeline-entries #entry-47 .item-multi-1{
		height: auto;
	}   	
}