/* TMM - corp slider tweaks 2016 - 2020
	mural.themilitarymuseums.ca
	mapify.css added 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);
}
/* Added 21 Oct 2018 to fix gap in strapline 
 * Note: this bug was fixed after update to Joomla 3.9.0
 */
.main-header {
/*	 margin-bottom: 34px !important;   */
}
/* Added 10 Nov 2018 Media Query resolves bug which adds bottom margin to main-header below 863px width. 
 * This fixes gap that appears above strapline below ~863px width (determined empirically). 
 * This is an important fix as it resolves an intractable bug that randomly appeared 
 * during development (846)
 * Note: this bug was fixed after update to Joomla 3.9.0
 */
 
 /* Added July 2023 to increase paragraph font on Mural Atrium Touchscreen */
 p {
  font-size: 1.04em;
}
 /* Flanders WW1 photos iframe Added 26 Feb 2024 */
.coverbar {
	position:absolute;
    top:4px;
    right:-626px;
    width:600px;
    height:55px;
	z-index: 1;
    background-color: white;
}
/* Cover over external link in side panel. Works but also covers photo links when zoomed in. NOT Used */
/* .coverpanel {
	position:absolute;
    top:310px;
    left:20px;
    width:340px;
    height:60px;
	z-index: 1;
    background-color: white;
}
*/

@media (max-width: 863px) {
	#strapline {
/*		margin-top: -23px !important;  */
	}
 }
/* 11 Nov 2018 Add padding on right side of Search input button */
.input-xxlarge {
	margin-right: 8px;
}
.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 Feb 2020 */
.hover-over {
  opacity: 0.75;
  transition: 0.3s;
}
.hover-over:hover {opacity:1}
/* Ortona dinner overlay May 2020 */
/* Requires absolute URL for bckgnd image */
.ortona-image {
background-image: url("https://mural.themilitarymuseums.ca/images/mmural/151-200/192_Ortona_Christmas_Dinner/m192_Ortona_Dinner_1943.jpg");
/* height: 100%;
 * width: 752px;
 */
 height: 750px;         
 width: 100%;
 background-size: contain;
 background-repeat: no-repeat;
}
/* 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
}
/* Added 16 Oct 2018 to fix disappearing Next/Prev */
li.previous > a {
	display: inline-block !important;
}
li.next > a {
	display: inline-block !important;
}
/* 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; */
	
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 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 18px;
	line-height: 1.4em;
}
.audio-title {
/* Used for mp3 titles */
	padding: 0px 10px 0px 20px;
	line-height: 1.0em;
	font-size: 1.1em;
}
/* 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;
}
/*** Mural image, container for jquery effects ***/
#mural_container {
	-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);
	
}
.sponsor {
	font-size: 1.4em;
	color: #333333;
/* 	color: #996600;   */
	
}
/******************************************/
/*
 * 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 .5s;
	fill: transparent;
	stroke: transparent;
	stroke-width: 0;
}
.mapify-hover {
/*	fill: #09f; */
/*	fill: #257150; */
	/* fill: #256b71;*/ 	/* light blue */
	/* fill: #177f86;  */ 	/* dark blue */	
	fill: #d1d08d; 			/* yellow */	
	
	opacity: 0.3;
}
.mapify-popOver {
	color: #000;
	position: absolute;
	top: 0;  
	left: 0;
	padding: 20px 30px; 
	width: 260px;
/*	background: #fff; */
	background: #c4c4c4;
	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: center;
	height: auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
/*	font-size: 14px; */
	font-size: 16px; 	
/*	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.8;
	-ms-transform: translateY(0);
	transform: translateY(0);
}