/* 
map and timeline styles
Colorado Encyclopedia 
Greg Vogl 2017-02-06
*/

/* maps ******************************************************************************* */

/* image maps */
map { display: none; }
img[usemap] { width: 100%; }
/*a:focus, a:active, input:focus, input:active { outline: 1px solid red; }*/
area:focus, area:hover, area:active { outline: 5px solid red; }

/* openlayers popups */
.openlayers-popup .field-content a {
	font-weight: bold;
	color: #9cf;
}
.openlayers-popup .field-content a:hover {
	text-decoration: underline;
}
.openlayers-popup .views-field-title {
	margin-top: 1em;
}
.openlayers-popup.first .views-field-title {
	margin-top: 0;
}
.openlayers-popup .views-field-title .field-content a {
	font-size: 1.5em;
	line-height: 1.2em;
}
.openlayers-popup .views-field-body .field-content {
	font-size: 1.2em;
	line-height: 1.2em;
}
.page-path-map image[id^="OpenLayers.Geometry.Point_"],
.full-path-maps image[id^="OpenLayers.Geometry.Point_"] 
{
    opacity: 1.0 !important;
}

/* images map popups should have enough space to display entire image */
.view-images-map #popup.olPopup 
{ min-width: 540px !important; min-height: 550px !important; }
.view-images-map #popup.olPopup #popup_contentDiv 
{ min-width: 500px !important; min-height: 500px !important; }
.view-images-map #popup.olPopup #popup_FrameDecorationDiv_0,
.view-images-map #popup.olPopup #popup_FrameDecorationDiv_1,
.view-images-map #popup.olPopup #popup_FrameDecorationDiv_2,
.view-images-map #popup.olPopup #popup_FrameDecorationDiv_3,
.view-images-map #popup.olPopup #popup_FrameDecorationDiv_4
{ min-width: 530px !important; min-height: 520px !important; }
.view-images-map #popup_close { background-color: black; margin-right: 10px; }

/* hide Google copyright/report error statements */
.gm-style-cc { display: none; }

/* category key and jQuery filter */
#ce-category-key { display: inline-block; margin-top: -0.5em; margin-right: 1em; }
#ce-category-key input { display: none; }
#ce-category-key label { 
	display: inline-block; 
	text-align: center; 
	width: 4em; 
	height: 25px; 
	padding: 5px 10px 5px 25px; 
	border-radius: 5px; border: 1px solid #def;
	background-color: #f0f8ff;
	background-position: center left 2px;
	background-repeat: no-repeat;
	box-shadow: 2px 2px 2px #789;
	margin-left: 5px;
	color: black;
}
#ce-category-key input:checked + label,
#ce-category-key label:hover
{ 
	background-color: #def; 
	box-shadow: -2px -2px 2px #789;
}
#ce-category-key label[for*="Any"] { padding-left: 5px; }
#ce-category-key label[for*="People"] { background-image: url("/sites/all/themes/rbce/images/marker-People.png"); }
#ce-category-key label[for*="Places"] { background-image: url("/sites/all/themes/rbce/images/marker-Places.png"); }
#ce-category-key label[for*="Events"] { background-image: url("/sites/all/themes/rbce/images/marker-Events.png"); }
#ce-category-key label[for*="Things"] { background-image: url("/sites/all/themes/rbce/images/marker-Things.png"); }

/* timelines ******************************************************************************* */

.view-timelines-list {
	font-size: 1.429em;
	font-weight: bold;
}
.view-timelines-list .views-field-title {
	margin-top: 1em;
}

/* timeline should not cover dropdown menus */
#storyjs-timeline.vco-storyjs { z-index: 10; }

/* timeline links blue */
.vco-storyjs a { color: #0073bd !important; }

/* timelines */
/* hide error messages */
.page-timelines-images #messages,
.page-timelines-articles #messages,
.page-timelines-people #messages,
.page-timelines-places #messages,
.page-timelines-events #messages,
.page-timelines-things #messages
{ display: none; }

.form-item-field-timeline-dates-value-min-date input,
.form-item-field-timeline-dates-value-max-date input,
.form-item-field-timeline-date-value-1-min-date input,
.form-item-field-timeline-date-value-1-max-date input
{ width: 4em !important; }

#edit-field-timeline-date-value-min-wrapper,
#edit-field-timeline-date-value-max-wrapper,
#edit-field-timeline-dates-value-min-wrapper,
#edit-field-timeline-dates-value-max-wrapper
{ display: inline-block; width: auto; }

.page-timelines .form-type-date-text .description
{ display: none; }

/* smaller input fields */
input.geofield-lat, input.geofield-lon {
	width: 13em;
}
.field-name-field-timeline-date .container-inline-date .form-item input {
	width: 3em;
}
.field-name-field-timeline-date .container-inline-date .form-item .description, 
.field-name-field-timeline-date label[for*="value2"],
.field-name-field-timeline-date legend 
{
	display: none;
}

@media only screen and (min-width: 901px) {
.node-type-timeline #header > div.section,
.node-type-timeline #footer-wrapper > div.section,
.node-type-timeline #main-wrapper, 
.node-type-timeline #main,
.page-timelines #header > div.section,
.page-timelines #footer-wrapper > div.section,
.page-timelines #main-wrapper, 
.page-timelines #main { width: 100% !important; max-width: 1200px !important; }
/*.page-timelines #header { padding-right: 40px; }*/
.page-timelines #header { margin-left: -25px; }
}

/* both maps and timelines ******************************************************************************* */

/* hide map and timeline filters unless logged in */
.page-map .view-footer, 
.page-map .view-filters,
.page-timelines .view-footer, 
.page-timelines .view-filters
 { display: none; }
 
/* remove bullets from list of maps and timelines */
.full-path-timelines .region-content ul, 
.full-path-timelines .region-content li,
.full-path-maps .region-content ul, 
.full-path-maps .region-content li {
	padding: 0; margin: 0; list-style: none none;
}
.full-path-timelines .region-content tr,
.full-path-maps .region-content tr {
	vertical-align: top; 
	background-color: transparent;
}
.full-path-timelines article table, .full-path-maps article table { 
	font-size: 1em;
	margin-left: -8px;
}