/* TMM - corp slider tweaks 2016
	line 200, template.css
	mapify.css added 20 Nov 2018
*/
/* @import url("font-awesome.min.4.6.3.css"); */
.corp-demo #rev_slider_3_1 {
	background-image: url(../images/mural_upper_crp.jpg) !important;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
/*	background-image: url(../images/carousel-bg.jpg) !important;  */
}
/* enable both toggling and hovering for menus */
.dropdown:hover .dropdown-menu {
	display: block;
}
.text_shadow {
	4px 4px 3px rgba(150, 150, 150, 0.75);
}
.box_shadow {
/*	box-shadow: 4px 4px 5px 5px #333; */
	-webkit-box-shadow: 4px 4px 6px -2px rgba(0,0,0,0.5);
	-moz-box-shadow: 4px 4px 6px -2px rgba(0,0,0,0.5);
	box-shadow: 4px 4px 6px -2px rgba(0,0,0,0.5);
}
.fluid-img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
/* Breadcrumb Advanced */
.breadcrumb-custom {
	padding-top: 8px;
	padding-bottom: 4px;
	position: relative;
	color: #999999;
}
.breadcrumb-custom:before {
	font-family: FontAwesome;
	font-size: 1.1em;
	content: "\f015";
	display: inline-block;
	position: absolute;
	vertical-align: middle;
	margin-left: 16px;
}
/* Hover Over for thumbnails Added Nov 2020 */
.hover-over {
  opacity: 0.75;
  transition: 0.3s;
}
.hover-over:hover {opacity:1}
/* RSFormPro
 * Used to help format RSFormPro pagebreaks 
 */
.rsform-submit-button {
	 margin-left: 12px;
}
.rsform-button {
	 margin-left: 12px;
}
/* RSFormPro, reduce spacing between text boxes, Note, doesn't work */
.form-group {
    margin-bottom: 4px;
}
/* styling for Corporate Isotope page heading */
.headline {
    font-family: Lato, sans-serif;
    font-size: 24px;
    margin-top: 20px
}
/* Education Program buttons - NOT Used*/
.btn-program {
	color: #FFFFFF;
	background-color: #CCC1A5;
	border-color: #BEB18D;/*	background-color: #B6CBCF 
	border-color: #AAC2C7; */
}
/*Google Map Embed CSS by Valentin Garcia 
THis did not work */
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
/* dotted leader, from w3.org */
ul.leaders {
    max-width: 40em;
    padding: 0;
    overflow-x: hidden;
    list-style: none}
ul.leaders li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "}
ul.leaders span:first-child {
    padding-right: 0.33em;
	background: #ffffff;	
/*	background: #fdfcfc; */	
/*  background: white */	
}
ul.leaders span + span {
    float: right;
    padding-left: 0.33em;
	background: #ffffff;
/*	background: #fdfcfc; */	
/*  background: white */
}
.margin-reset {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* Text Columns */
.multi-col {
	padding: 0px 30px 0px 30px;
/*	font-size: 1.2em; */
	line-height: normal;
		   
	-webkit-columns: 2 380px;
	-moz-columns: 2 380px;
	columns: 2 380px;
}
/* For some reason, the padding version below indents on desktop, 
 * but not smartphone portrait mode (xs), preferred  
 */
.multi-col-nopad {
	padding-top: 0px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 0px;
	line-height: normal;
	-webkit-columns: 2 380px;
	-moz-columns: 2 380px;
	columns: 2 380px;
}
.multi-col2 {
/* This is a refined multi-column version that allows for
 * smoother flow of text between columns. 
 * May NOT work as well
 */
	-moz-column-count: 2;
	-moz-column-gap: 12px;
	-webkit-column-count: 2;
	-webkit-column-gap: 12px;
	column-count: 2;
	column-gap: 12px;
	width: 90%;
	left: 20px;
	top: 20px;
	position: relative;
	text-shadow: 2px 2px 2px #666666;
	filter: dropshadow(color=#666666, offx=2, offy=2);
	height: 100%;
	float: left;
}
.text-indent {
	/*	padding: 0px 10px 0px 30px; */
	padding: 0px 10px 0px 30px;
	/*	line-height: normal; */
	line-height: 1.4em;
}
.text-indent-sm {
	padding: 0px 10px 0px 16px;
	line-height: 1.4em;
}
/* Deployed Youtube video formatting Apr 2019 */
.youtube-container {
	width: 60%;
	border-style: ridge;
	border-width: 5px;
	/* border-color: #4e4e4e; */
	border-color: #606060; 
}

/* used for text formatting in Permanent exhibits */
.perm-exhibit-padding {
	padding-top: 12px;
}
/* Makes tables work in all layouts */
.table-responsive
{
    overflow-x: auto;
}
/* Alternate table row colors */
tr:nth-child(even) {
	background: #ebeada;
}
/* Horizontal Rule */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
/* Original
hr {
	margin-top: 4px; 
	margin-bottom: 8px; 
} */
/* Custom glyphicons */
.glyphicon.glyphicon-list-alt {
    font-size: 30px;
}
.glyphicon.glyphicon-question-sign {
    font-size: 20px;
}
.glyphicon.glyphicon-hand-right {
	font-size: 20px;
}
.glyph-heading {
	/*	style="vertical-align: bottom; height:15px;" */
	vertical-align: middle;
	height: 30px;
}
/* Bullet List custom dot */
.bullet_list ul li{
	/* Joomla 3*/
	list-style-image: url(/images/icons/disc.png);
	font-size: 1.02em;
}
/* Thumbnail Images initial state, Home page event module*/
.thumb {
	opacity: 0.7;
}
/* Custom Panel colour used for Education programs 
 * A separate panel color scheme is defined for each Education section. 
 * Packages, Programs and Presentations, Remembrance Programs, Outreach, 
 * Special Topics, Museum Tours
 * example:
 * - panel-package-border replaces the predefined panel-info class,
 *   and defines the entire panel border color. 
 * - panel-package-heading defines the title block 
 * - panel-package-title defines the title typography
 */
/* 
 * Education Package (Light blue)
 */
.panel-package-border {
	border-style: solid;
	border-color: #b2d9e1; /* #bce8f1; */
	border-width: 1px;
}
/* Education program text line height*/
.panel-body {
	line-height: 1.6em ;
}
.panel-package-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	/*    background-color: #d9edf7; */
	background-color: #b0d5d5;
	line-height: 8px;
} 
.panel-package-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1.3em;
	color: #31708f;
	background-color: #b0d5d5;
}
/* 
 * Programs and Presentations (Light Green)
 */
.panel-program-border {
	border-style: solid;
	border-color: #adc897;
	border-width: 1px;
}
.panel-program-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #c8dbc0;
} 
.panel-program-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1.3em;
	color: #3c763d;
	background-color: #c8dbc0; /* #dff0d8; */
}
/* 
 * Remembrance Programs (light brown)
 */
.panel-remembrance-border {
	border-style: solid;
	border-color: #C4A66F;
	border-width: 1px;
}
.panel-remembrance-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #dccbac;
} 
.panel-remembrance-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1.3em;
	color: #886B37; /*#9A7A3F; */
	background-color: #dccbac;
}

/* Outreach (lighter brown)
 *
 */
.panel-outreach-border {
	border-style: solid;
	border-color: #bfafa3;  /* #FFD0AE; */ /* #FFD98A; */
	border-width: 1px;
}
.panel-outreach-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background-color: #ddccc0;
} 
.panel-outreach-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1.3em;
	color: #886B37; /*  #714D00; #916200; */
	background-color: #ddccc0;  /* #FFE9D9; */ /*#FFEECC;  */
}

/* Special Topics (very light blue)
 *
 */
.panel-special-border {
	border-style: solid;
	border-color: #abbac3;
	border-width: 1px;
}
.panel-special-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background-color: #c6d6df;
} 
.panel-special-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1.3em;
	color: #71838d;
	background-color: #c6d6df; /* #D7E3FF; */ /* #ccddff; */
}

/* Museum Tours (darker green)
 *
 */
.panel-tours-border {
	border-style: solid;
	border-color: #b2c2ac;
	border-width: 1px; 
}
.panel-tours-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #c7d5c2;
} 
.panel-tours-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1.3em;
	color: #6f8267;             /* #886B37; #9A7A3F; */
	background-color: #c7d5c2;  /* #dccbac; */
}

/******************************************/
/*
 * Responsive text aligning
 * http://ohryan.ca/2014/08/14/set-responsive-text-alignment-bootstrap-3/
 */
.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }
/* added Oct 2016 */
.text-xs-float-left {
	float: left;
}
.text-xs-float-right {
	float: right;
}

@media (min-width: 768px) {
  .text-sm-left { text-align: left; }
  .text-sm-right { text-align: right; }
  .text-sm-center { text-align: center; }
  .text-sm-justify { text-align: justify; }
}

@media (min-width: 992px) {
  .text-md-left { text-align: left; }
  .text-md-right { text-align: right; }
  .text-md-center { text-align: center; }
  .text-md-justify { text-align: justify; }
}

@media (min-width: 1200px) {
  .text-lg-left { text-align: left; }
  .text-lg-right { text-align: right; }
  .text-lg-center { text-align: center; }
  .text-lg-justify { text-align: justify; }
}
/*** Mapify css ***/
/* Responsive Image Map Highlighter */
/* http://etiennemartin.ca/mapify/ */

.mapify-holder {
	position: relative;
	display: inline-block;
	font-size: 0;
	max-width: 100%;
	z-index: 1;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none
}
.mapify-imgHolder {
	position: relative;
	z-index: 1
}
.mapify-GPU, .mapify-holder * {
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.mapify-imgHolder .mapify {
	max-width: 100%;
	height: auto
}
.mapify-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -2
}
.mapify-svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -2
}
.mapify-polygon {
	transition: all .3s;
	fill: transparent;
	stroke: transparent;
	stroke-width: 0
}
.mapify-hover {
/*	fill: #09f; */
	fill: #177f86;  /* light blue */
	opacity: 0.3;
}
.mapify-popOver {
	color: #000;
	position: absolute;
	top: 0;  
	left: 0;
/*	padding: 20px 30px; */
	padding: 10px 15px 10px 15px; 	
	width: 260px;
/*	background: #fff; */
/*	background: #c4c4c4; */
	background: #c0c0c0; 	
	box-shadow: rgba(0,0,0,.15) 0 0 0 2px;
	z-index: 999;
	-ms-transform: translateY(-15px);
	transform: translateY(-15px);
	border-radius: 5px;
	text-align: left;
	height: auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
/*	font-size: 14px; */
	font-size: 15px; 	
/*	z-index: -1; */
	opacity: 0;
}
.mapify-popOver .mapify-popOver-arrow {
	content: "";
	width: 15px;
	height: 15px;
	z-index: -2;
	margin-top: -3px;
	box-shadow: inset #fff 0 0 0 100px;
	border-top: solid transparent 2px;
	border-left: solid transparent 2px;
	border-right: solid rgba(0,0,0,.15) 2px;
	border-bottom: solid rgba(0,0,0,.15) 2px;
	position: absolute;
	top: 100%;
	left: 50%;
	-ms-transform: translateX(-15px) rotate(45deg) translateY(-50%);
	transform: translateX(-15px) rotate(45deg) translateY(-50%)
}
.mapify-popOver.mapify-bottom .mapify-popOver-arrow {
	top: auto;
	bottom: 100%;
	margin-top: auto;
	margin-bottom: -3px;
	border-bottom: solid transparent 2px;
	border-right: solid transparent 2px;
	border-top: solid rgba(0,0,0,.15) 2px;
	border-left: solid rgba(0,0,0,.15) 2px;
	-ms-transform: rotate(45deg) translateY(50%);
	transform: rotate(45deg) translateY(50%)
}
.mapify-popOver.mapify-visible {
	opacity: 0.9;
	-ms-transform: translateY(0);
	transform: translateY(0)
}
/****** Custom mapify CSS ******* */
.mapify-popOver-content {
/*	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
*/	
}
.customHover-founders {
/*   fill: #09f;
  stroke: #fff;
  stroke-width: 2;
*/	
}
.customPopOver-founders {
/*	background: #09f;  */
	width: 440px !important; 
}

.customPopOver-education {
	width: 420px !important; 
}
.customPopOver-library {
	width: 440px !important; 
}
.customPopOver-army {
	width: 420px !important; 
}
.customPopOver-calhigh {
	width: 440px !important; 
	height: 180px !important;
}
.customPopOver-ppcli {
	width: 480px !important; 
	height: 180px !important;
}
.customPopOver-fallof44 {
	width: 470px !important; 
	height: 170px !important;
}
.customPopOver-theatre {
	width: 420px !important; 
	height: 160px !important;
}
.customPopOver-giftshop {
	width: 420px !important; 
	height: 160px !important;
}
.customPopOver-ldshrc {
	width: 470px !important; 
	height: 170px !important;
}
.customPopOver-cooperkey {
	width: 420px !important; 
	height: 150px !important;
}
.customPopOver-kocr {
	width: 480px !important; 
	height: 180px !important;
}
.customPopOver-airforce {
	width: 500px !important; 
	height: 200px !important;
}	
.customPopOver-navy {
	width: 470px !important; 
	height: 170px !important;
}
.customPopOver-coldwar {
	width: 500px !important; 
	height: 180px !important;
}