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

/*PRESIDENTS TIMELINE*/


/*ZOOM BUTTONS*/
.zoomInBtn, .zoomOutBtn {
	font-size: 42px;
	display: block;
	color: rgba(0, 0, 0, 0.51);
	padding: 0px;
	line-height: 0px;
}


.zoom-wrapper {
	position: absolute;
	top: 120px;
	left: 10px;
	background-color: rgba(255, 255, 255, 0.49);
	/* height: 66px; */
	padding: 5px;
	border-radius: 8px;
	z-index: initial;
}

.zoom-wrapper hr {
	margin: 10px 0px;
}

/*POP-UP WINDOWS*/
#wikiViewer {
	display: none;
	line-height: 1.6em;
	-webkit-box-shadow: 1px 1px 4px 1px #B1B1B1;
	box-shadow: 1px 1px 4px 1px #B1B1B1;
	overflow: hidden;
	padding:0px;
}
#infoText .list-unstyled {
	line-height: 2.5em;
}
#shareBox {
	display: none;
    padding: 18px 20px;
}

/*FILTER PANEL*/
#filterPanel {
	display: none;
}
/*table tbody tr {

	border-color: #ffffff;
	border-style: solid;
	color: #ffffff;
}*/
#filterPanel table tbody tr {
	
	border-color: #ffffff;
	border-style: solid;
	color: #ffffff;
}
#filterPanel td, #filterPanel th {
    padding: 10px;
}
td, th {
	padding-left:20px;
}
input[type=checkbox] {
	visibility: hidden;
}
/* ROUNDED ONE  ---- CUSTOM CHECKBOXES FOR FILTER PANEL > ADD SOURCE USED + THANK YOU*/
.roundedOne {
	width: 28px;
	height: 28px;
	background: #fcfff4;
	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}
.roundedOne label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	left: 4px;
	top: 4px;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}
.roundedOne label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	background: #00bf00;
	background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -o-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -ms-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: linear-gradient(top, #00bf00 0%, #009400 100%);
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	top: 2px;
	left: 2px;
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
}
.roundedOne label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}
.roundedOne input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
/*END ROUNDED ONE -- CUSTOM CHECK BOXES*/
/*END FILTER PANEL */



iframe {
	height:100%;
	width:100%;
}

.dropdown-menu {
	padding: 7px;
	min-width: 0px;
	margin-left: 6px;
}
/*Hide Scrollbars on canvas container*/
#container1 {
	overflow:hidden;
}

/* Changes to .dialog default buttonpane for wikiviewer*/	
#party-label {
    margin-top: 10px;
    margin-left: 11px;
    margin-bottom: 8px;
	display:inline-block;
}	
#party-label > p {
		color: #fff;
    font-size: 18px;
	margin:0px;
}		
.ui-dialog .ui-dialog-buttonpane{
	background-color:grey;
	color:#fff;
	width:100%;
	padding:0px;
	margin-top:0.2em;
}

/*Title Bar*/
.title-bar {
	margin-left: auto;
	margin-right: auto;
	background-color: #424242;
		position: relative;
		z-index:101;
}


.title-bar .btn-group.shareBtn.event-nav-btn .dropdown-menu {
	background-color: rgba(158, 158, 158, 0.66);
}
.title-bar .eventDesc-wrapper #eventDesc {
	text-align: center;
	margin: 0px;
}
.title-bar .btn-group.shareBtn.event-nav-btn .dropdown-menu .addthis_sharing_toolbox {
	display: table-caption;
}
a.inactiveButton {  
	color: grey;
	cursor: default;    
}
a.inactiveButton:hover {  
	color: grey;
	cursor: default;
	background-color: #424242;
	border-color: none;
	border-style: none;
}
#selectedEventTtle  {
	padding-top:5px;
	text-align: center;
	margin: 0px;
	font-family: Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', serif;
	color:#F5F5F5
}

/* READING WINDOW BUTTON */
#btn1 {
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
	width: 210;
	background-color:#F5F5F5;
	color:#424242;
	border-color:grey;
}	
#btn1:hover {
	color: #4885FF;
	border: 1px inset #2F2F2F;
	background-color: #353535;
}


 /*Timeline container*/
.wrapper {
	background-size: cover;
	background-position: 0% 0%;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0px;
	background-image: url(
../../global/images/Dean_Franklin_-_06.04.03_Mount_Rushmore_Monument_by-sa-3_new.jpg);
}

/*RESPONSIVE ELEMENTS */
/*Mobile First*/

.wrapper {
	top: 108px;
}

/*TITLE BAR*/

.title-bar {
	height: 108px; 
}

/*Control buttons*/
#prevBtn, #nextBtn {
	display:block;
	top:58px;
	font-size:40px
}
#prevBtn {
	left:5px;
}
#nextBtn {
	right:5px;
}
.event-nav-btn {
	position:absolute;
	top:5px;
	color:#f5f5f5;
}
.event-nav-btn:hover {
	color: #387AFF;
	border: 1px inset #2F2F2F;
	background-color: #353535;
}
.event-nav-btn:focus {
	outline:0px;
}
/*Share button and dropdown*/
.shareBtn .btn-lg {
    padding: 6px 9px;
    font-size: 24px;
}


/*Event Title and desc*/
#selectedEventTtle {
	font-size:21px;
}
.eventDesc-wrapper {
    width: 225PX; 
	margin-left: auto;
    margin-right: auto;
	color:#F5F5F5;
}
.event-links {
	position:absolute;
	margin-top: -6px;
	margin-top:0px;
} 
#wikidata-link {
	top:34px;
	right:7px;
 }

 #wikipedia-link {
	right:9px;
	top: 3px;
 }
 
 #wikidata-link:hover, #wikipedia-link:hover {
	border: 1px inset #2F2F2F;
	background-color: #353535;
}

/* Move control buttons to dropdown */
.dropdown-menu  .event-nav-btn {
	position:relative;
	font-size:30px;
}
.event-nav-btn {
	display:none;
}
.infoBtn, .shareBtn, .filterBtn {
	left:0px;
	right:0px;
	top:0px;
}

#controls-dropDown {
	display: block;
    position: absolute;
    top: 2px;
    left: 2px;
 } 

/*remove padding and border on .dialog*/
.ui-dialog {
	padding:0px
	}
	
iframe {
	border:none;
}



@media (min-width:500px){

/*Increase size of navigation buttons*/
#prevBtn, #nextBtn {
	display:block;
	top:30px;
	font-size:50px
}
#prevBtn {
	left:20%;
}
#nextBtn {
	right:20%;
}

/*remove positioning on buttons*/
#wikidata-link, #wikipedia-link, .infoBtn, .shareBtn, .filterBtn {
	top:auto;
	left:auto;
	right:auto;
}

/*push event links inline with event title*/
#wikidata-link {
	margin-left:70px;
}
#wikipedia-link {
	margin-left:30px;
}
}
	 
@media (min-width:768px){
/*Hide Dropdown, bring buttons into title bar*/
.event-nav-btn {
	display:inherit;
}
#controls-dropDown {
	 display:none;
 }

.infoBtn {
	right: 5%;
}
 .shareBtn {
	 right:15%;
 } 
.filterBtn {
	 left:5%
 }
 
.infoBtn, .filterBtn {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 4px;
	line-height:normal
}
.shareBtn {
    padding: 10px;
    border-radius: 4px;
	line-height:normal
}

.event-nav-btn, .infoBtn, .shareBtn, .filterBtn {
	top:25px;
}
	
#nextBtn, #prevBtn, .infoBtn, .shareBtn, .filterBtn {
	font-size: 50px;	
} 
.glyphicon {
	line-height:normal
}

#nextBtn, #prevBtn {
	padding-left: 5px;
    padding-right: 5px;
    border-radius: 4px;
	line-height:normal
}

#nextBtn {
	right:25%;
}

#prevBtn {
	left:25%;
}
}

@media (min-width:992px){
/* Stop cotrolling width of description text*/
.eventDesc-wrapper {
    width: 100%; 
}
/* Reduce Height of Title bar + re-position elements*/
.title-bar {
	height: 88px;
}
.wrapper {
	top:88px;
}

.event-nav-btn, .infoBtn, .shareBtn, .filterBtn {
	top:10px;
}
#nextBtn, #prevBtn {
	top:10px;
}
}




@media (max-device-width: 768px) and (orientation: landscape) {
 
 /*Hide controls buttons */
.event-nav-btn {
	display:none;
}
/*position control buttons in dropdown*/
.infoBtn, .shareBtn2, .filterBtn {
	left:0px;
	right:0px;
	top:0px;

}
/*display Dropdown*/
#controls-dropDown {
	display: block;
    position: absolute;
    top: 2px;
    left: 2px;
 }
 
 /* move open reading mode button to top right */
 #btn1 {
	 position:absolute;
	 top:0px;
	 right:0px;
 }
 /*reduce title bar height*/
 .title-bar {
	 height:51px;
 }
 
 .wrapper {
	 top:51px;
 }
 /*re-position event-nav buttons*/
  #prevBtn, #nextBtn {
	display:block;
	top:0px;
  }
#prevBtn {
	left:16%;
}
#nextBtn {
	right:16%;
}

/*remove width from event desc*/
.eventDesc-wrapper {
	width:auto;
}
	

.dropdown-menu {
	min-width:auto;
}
.ui-dialog {
	padding:0px}
	
iframe {
	border:none;
}

.ui-widget-overlay {
	top:51px;
}
}