@font-face { /* font-awesome icons */
  font-family: 'FontAwesome';
  src: url('//www.gov.mb.ca/chc/_font-awesome/fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('//www.gov.mb.ca/chc/_font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('//www.gov.mb.ca/chc/_font-awesome/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('//www.gov.mb.ca/chc/_font-awesome/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('//www.gov.mb.ca/chc/_font-awesome/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('//www.gov.mb.ca/chc/_font-awesome/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

sup { 
	font-size: 70%;
	vertical-align: top;
	position: relative; top: -0.3em;
	}

p.enlarge-image { 
	margin-bottom: .5em;
	margin-top: .25em; 
	}
	
p.enlarge-image-full { 	margin-bottom: .5em; }

.archives-event-poster {
	float: left;
	padding-right: 7px;
	text-align: center;
	}

#main-content p,
#main-content ul, #main-content ul ul, #main-content ul ul ul,
#main-content li, #main-content li li, #main-content li li li {
	font-size: 1em;
	}

#main-content ul.archives-anchor-list {
	margin-top: 0px;
	padding-left: 0px;
	}
	
	#main-content .archives-anchor-list li {
		display: inline-block;
		list-style-type: none;
		padding-left: 0px;
		}
		
	#main-content .archives-anchor-list li:after {
		content: "\f107"; 
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 70%;
		margin-left: 5px;
		margin-right: 5px;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		}
		
		#main-content .archives-anchor-list li:last-child:after {
		content: ""; 
		}

.am-logo { display: table; }

.am-logo h1 { 
    display: table-cell;
    font-size: 1.5em;
    vertical-align: middle; 
    }

.am-logo img {  
    float: left; 
    margin-right: 15px;
    width: 105px;
    }

.banner-home {
	margin-top: -10px;
	text-align: center;
	}

.banner-building {
	margin-top: -10px;
	text-align: center;
    width: 450px;
	}

.more-info {
    float: right;
    margin-top: -10px;
    width: 200px;
    }

.banner-container {
    background-repeat: no-repeat;
    background-size: cover;    
    text-align: center;
    }

.banner-hbca { background-image: url(../../_images/banners/home_banner_lg_hbca.jpg); }
.banner-keystone { background-image: url(../../_images/banners/home_banner_lg_keystone.jpg); }
.banner-ww1 { background-image: url(../../_images/banners/home_banner_lg_ww1.jpg); }

.banner-text {}

.banner-text h2, .banner-text p {
    color: #fff;
    text-align: left;
    text-shadow: 0px 0px 8px #000;
    }
	
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  }

blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  }

blockquote p {
	/* display: inline; */
	text-align: left;
 	}

blockquote.rearview-quote {
  background: #EAE2D7;
  border: 1px solid #bba782;
  }

	blockquote.rearview-quote:before {
	  color: #bba782;
	  content: open-quote;
	  font-size: 2em;
	  line-height: 0.1em;
	  margin-left: 0.25em;
	  vertical-align: -0.2em;
	  }

	blockquote.rearview-quote:after {
	  color: #bba782;
	  content: close-quote;
	  font-size: 2em;
	  line-height: 0.1em;
	  margin-left: 0.25em;
	  vertical-align: -0.2em;
	  }

	#main-content blockquote.rearview-quote p {
  		display: block;
		padding-bottom: 15px;
		}

	#main-content blockquote.rearview-quote h4:first-of-type {
		margin-top: -0.5em;
		}


.box-aplhabet, .box-province { 
	background-color: #ecf2ee;
	margin: auto;
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: center;
	width: 510px;
	}

.box-aplhabet ul, .box-province ul { 
	padding-left: 0px;
	}

.box-aplhabet li { 
	display: inline;
	line-height: 220%;
	list-style-type: none;
	padding-left: 10px;
	padding-right: 10px;
	}

.box-province { 
	margin: auto;
	overflow: hidden;
	width: 550px;
	}

.box-province li {
	line-height: 220%;
	list-style-type: none;
	}

.box-province li { width: 160px; }

.building-gallery { 
	clear: both;
	margin: auto;
	}
	
	.building-gallery figure { 
		float: left;
		margin-left: 12px;
		margin-top: 10px;
		margin-bottom: 10px;
		width: 170px;
		}
		
	.building-gallery figure img { text-align: center; }

.caption { 
	clear: both;
	font-weight: bold; 
	}
	
.caption2 { 
	clear: both;
	font-weight: bold;
	margin-top: 0px;
	}

.center {
	margin: 0 auto;
	text-align: center;
	}

.current-services { 
    background: #F6F9FB;
    border: 2px solid #E4E4E4;
    margin-bottom: 15px;
    padding: 15px;
    }

.current-services-container { 
    border: 2px solid #E4E4E4; 
    padding: 15px;
    }

.divider { clear: both; }

.doc { width: 100%; }

.doc-image, 
.doc-transcript {
    display: inline;
    width: 46%;
    }

.doc-image {
    text-align: center;
    }
    
    .doc-image img { 
        max-height: auto;
        width: 100%;
        }
    
.doc-transcript {
    margin-left: 10px;
    padding: 10px;
    text-align: left;
    }

#estate-index th.col-deceased,
#estate-index th.col-year,
#estate-index th.col-court,
#estate-index th.col-file,
#estate-index th.col-book1,
#estate-index th.col-folio1,
#estate-index th.col-book2,
#estate-index th.col-folio2,
#estate-index th.col-references
{ width: 11%; }

#estate-index #filterrow td input, #estate-index #filterrow tr.child span.dtr-titl input { max-width: 50px; }

table.dataTable > tbody > tr.child span.dtr-title { max-width: 50px; min-width: }

.estate-list {
    margin-left: 0px; 
	padding-left: 0px; 
	}

.estate-list li {
    background: #ddd;
    border: 1px #777 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	display: inline-block; 
	font-size: 120%;
	list-style-type: none;
	margin-left: 2px;
    }

.estate-list li a {
    display: block;
    padding: 5px;
    text-decoration: none;
    }

    li.estate-list-current {
        background: #fff;
        border: 1px #eee solid;
        border: none;
        font-weight: bold;
        padding: 5px;
        }
        
.exhibit-content:after, .exhibit-content:before { clear: both; }

.exhibit-content a {
    color: #006643;
    text-decoration: underline;
    }
}
.exhibit-content h3 { 
    font-size: 1.2em;
    font-weight: 400;
    font-weight: normal; 
    }

.exhibit-img-left {
    background: #fff;
    float: left;
    margin-right: 15px;
    padding-bottom: 10px;
    text-align: center;
    width: 260px;
    }
 	@media screen and (max-width: 600px) {
		.exhibit-img-left {
			float: none;
			margin-left: 0px; 
			}	
	}

.exhibit-grid .exhibit-content:after, .exhibit-grid .exhibit-content:before { clear: none; }

.exhibit-grid .exhibit-content { 
    box-sizing: border-box;
    display: inline-block; 
    margin-right: 2%;
    padding-bottom: 10px;
    overflow: hidden;
    vertical-align: text-top;
    width: 30%;
    }

.exhibit-grid .exhibit-img-left {
    float: none;
    margin-right: 0px;
    max-width: 100%;
    padding-bottom: 5px;
    text-align: center;
    }

.exhibit-img img { max-width: 100%; }

figure  {
  display: block;
  margin-before: 1em;
  margin-after: 1em;
  margin-start: 40px;
  margin-end: 40px;
}

figure#padding  {
  padding: 10px;
  
  text-align: center;
}

figcaption {
  padding: 0px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 0.9em;
  font-weight: 500;
  font-style: italic;
  border: none;
  background: transparent;
  word-wrap:normal;
  text-align: center;
}

.f-left {
	float: left;
	margin-right: 10px;
	text-align: center;
	}
	
.f-right {
	float: right;
	margin-left: 10px;
	text-align: center;
	}

.faux-col-1 {
	display: inline-block;
	width: 410px;
	}
		
.faux-col-2 {
	display: inline;
	margin-left: 15px;
	}
		
.grid-row { clear:both; }
	
.hbca-head-left { 
	float: left;
	padding-top: 15px;
	width: 59%;
	}
.hbca-head-right { 
	float: right;
	width: 40%;
	}

.header-row { 
	background-color: #eee; 
	font-weight: bold;
	text-align: center;
	}


#main-content .highlight {  
    background-color: #F6F9FB; 
    padding: 3px;
    }

#main-content hr.averill,
#main-content hr.blake,
#main-content hr.cockburn,
#main-content hr.gee, 
#main-content hr.kennedy, 
#main-content hr.perrin, 
#main-content hr.thanadelthur { 
	border: none;
	clear: both;
	padding: 10px 0px;
	}

	#main-content hr.averill { border-top: 3px solid #761818; }
	#main-content hr.blake { border-top: 3px solid #4d3d2d; }
	#main-content hr.cockburn { border-top: 3px solid #6d2a10; }
	#main-content hr.gee { border-top: 3px solid #055434; }
	#main-content hr.kennedy { border-top: 3px solid #6a3e7d; }
	#main-content hr.perrin { border-top: 3px solid #334257; }
	#main-content hr.thanadelthur { border-top: 3px solid #007f8e; }

.img-left {
	float: left;
	margin: auto 10px auto 0px;
	text-align: center;
	width: 170px;
	}


.img-right {
	float: right;
	margin: auto 20px auto 40px;
	text-align: center;
	width: 205px;
	}

.img-right-pt {
	float: right;
	margin: auto 20px auto 40px;
	padding-top: 5px;
	text-align: center;
	width: 205px;
	}
	
.imgs2 {
	float: left;
	margin: auto 0px auto 50px;
	width: 250px;
	}

.imgs2-1 {
	float: left;
	margin: auto 10px auto 165px;
	width: 150px;
	}
	
.imgs2-2 {
	float: left;
	margin: auto 170px auto 10px;
	width: 150px;
	}

.imgs4-1 {
	margin: auto;
	width: 150px;
	}
	
.imgs4 {
	float: left;
	margin: auto 6px;
	width: 150px;
	}

#main-content .imgs-inline, .divs-inline { 
	text-align: center;
	}
	
	.imgs-inline figure,
	.divs-inline div { 
		display: inline-block;
		margin-bottom: 1em;
		margin-right: 0.5em;
		vertical-align: top;
		}
		
		figure.w50p { width: 48%; }
			
			@media screen and (max-width: 820px),
			@media screen and (max-width: 540px) {	
				figure.w50p { width: 100%; }	
			}
			@media screen and (min-width: 541px) and (max-width: 767px) {
				figure.w50p { width: 48%; } 
			}
			
		figure.w150 { width: 150px; }
		figure.w175 { width: 175px; }
		figure.w200 { width: 200px; }
		figure.w215 { width: 215px; }
		figure.w220 { width: 220px; }
		figure.w230 { width: 230px; }
		figure.w250 { width: 250px; }
		figure.w300 { width: 300px; }
		figure.w400 { width: 400px; }		

.imgs-uneven {
	float: left;
	list-style-type: none; 
	margin: auto 5px;
	}

.inline { display: inline;}

.magnified-container { max-width: 100%; }

.magnified-container img { max-width: 100%; }

.nki-image {
	float: left;
	margin-left: 10px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	width: 300px;
	}

h2.nki-subtitle { 
	font-size: 1.2em;
	margin-top: 0px;
	padding-bottom: 15px;
	text-align: center;
	}
	
h1.nki-title { 
	padding-bottom: 5px;
	margin-bottom: 0px;
	text-align: center;
	}

.no-bold { font-weight: normal;}


.perrin-panel table { margin: 15px; }
.perrin-panel table th { font-weight: normal; padding-bottom: 6px; }
.perrin-panel table td { padding-bottom: 6px; }

.perrin-table td { 
	border: 1px solid #000;
	text-align: left;
	} 
	



.postmap-container { width 100%; }

.postmap-listing {
	background: #2c3135;
	color: #fff;
	}

#main-content ul.postmap-menu {
	padding-left: 0px;
	text-align: center;
	}
	
#main-content .postmap-menu li { 
	display: inline;
	line-height: 2.5em;
	margin-right: 5px;
	overflow: hidden;
	}
	
	#main-content .postmap-menu a { 
		color: #fff;
		padding: 5px;
		text-decoration: none;
		}
		
		#main-content .postmap-menu a:hover { 
			background-color: #eaeaea;
			color: #000;
			}		 
	
	

.postmap-img { 
	float: left;
	width: 75%; 
	}
	.postmap-img img { max-width: 504px; }

.postmap-right {
	float: right;
	margin-left: 5px; 
	}

	@media screen and (max-width: 600px) {
		.postmap-right {
			float: none;
			margin-left: 0px; 
			}	
	}
	
.postmap-side { 
	float: right;
	width: 25%; }

#main-content .postmap-side ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	}
	
@media screen and (max-width: 1000px) {
	.postmap-img { 
		float: none;
		width: 100%;
		}
		.postmap-img img { max-width: 504px; }
	
	.postmap-side {	width: 100%; }
		
	#main-content .postmap-side li {
		display: inline;
		float: left;
		margin-right: 10px;
		}
}

#main-content .postmap-ul { 
	list-style-position: inside;
	list-style-type: none;
	padding-left: 0px;
	}
		.col-inside-3 .postmap-ul { padding-left: 0px; }

#main-content .postmap-2-col { /* puts a list into 2 columns */
	/*min-height: 300px;*/
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	padding-left: 0px;
	}
		.col-inside-2 .postmap-2-col { padding-left: 0px; }

	#main-content .postmap-2-col li {
		display: table;
		padding-bottom: 5px; 
		margin-right: 5px;
		}
		
	@media screen and (max-width: 480px) { /* down to 1 column */
		#main-content .postmap-2-col { /* puts a list into 1 columns */
			-webkit-column-count: 1;
			-moz-column-count: 1;
			column-count: 1;
		}
	}

#main-content .postmap-3-col { /* puts a list into 3 columns */
	/*min-height: 300px;*/
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	padding-left: 0px;
	}
		.col-inside-3 .postmap-3-col { padding-left: 0px; }

	#main-content .postmap-3-col li {
		display: table;
		padding-bottom: 5px; 
		margin-right: 5px;
		}

	@media screen and (max-width: 480px) { /* down to 2 column */
		#main-content .postmap-3-col {
			/*min-height: 300px;*/
			-webkit-column-count: 2;
			-moz-column-count: 2;
			column-count: 2;
		}
	}

.rearview-header { 
	margin-bottom: 10px;
	text-align: center;
	}

figure.rearview-averill h3 { color: #761818; }
figure.rearview-blake h3 { color: #4d3d2d; }
figure.rearview-cockburn h3 { color: #6d2a10; }
figure.rearview-gee h3 { color: #055434; }
figure.rearview-kennedy h3 { color: #6a3e7d; }
figure.rearview-perrin h3 {  color: #334257; }
figure.rearview-thanadelthur h3 {  color: #007f8e; }

figure.rearview-averill:hover { background-color: #761818; color: #000; }
figure.rearview-blake:hover { background-color: #4d3d2d; color: #000; }
figure.rearview-cockburn:hover { background-color: #6d2a10; color: #000; }
figure.rearview-gee:hover { background-color: #055434; color: #000; }
figure.rearview-kennedy:hover { background-color: #6a3e7d; color: #000; }
figure.rearview-perrin:hover {  background-color: #334257; color: #000; }
figure.rearview-thanadelthur:hover {  background-color: #007f8e; color: #000; }

#main-content .rearview-grid-home figure img {
	padding: 5px 5px 5px 5px;
	}

	#main-content .rearview-grid-home figure figcaption {
		font-style: normal;
		padding: 5px 5px 5px 5px;
		text-decoration:  none;
		}

	#main-content .rearview-grid-home figure a,
	#main-content .rearview-grid-home figure a h3 {
		text-decoration:  none;
		font-style: normal;
		display: block;
		}

	#main-content .rearview-grid-home figure a:hover p,
	#main-content .rearview-grid-home figure a:hover h3 {
		color: #fff;
		display: block;
		}

#main-content .rearview-grid figure {
	width: 200px;
	}

#main-content .rearview-grid-left {
	float: left;
	margin-right: 10px;
	}

#main-content .rearview-grid-left figure {
	width: 200px;
	}

#main-content .rearview-grid-right-single-line {
	text-align: left;
	}

#main-content .rearview-grid-right figure {
	text-align: center;
	width: 150px;
	}

.rearview-journal-transcript { 
	background: #EAE2D7;
	border: 1px solid #bba782;
	padding: 15px;
	}

.rearview-subheading { 
	color: #007A00;
	text-align: center;
	padding: 5px 0px;
	}

.sr-only { /* display for screen readers only */
	border: 0;
	clip: rect(0,0,0,0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.top { text-align: right; }

.table-hours-closures {
	margin: auto;
	width: 80%;
	}
	
	.columns .table-hours-closures th,
	.columns .table-hours-closures td { padding: 5px; }

.table-border { 
	border: 1px solid #ddd;
	width: 100%;
	}
		
	.table-border > tbody > tr > td {
		border-top: 1px solid #ddd;
		}
		
	.table-border > thead > tr > th, 
	.table-border > thead > tr > td {
		border-bottom-width: 2px;
		}
		
.table-padding > th > td {
	 padding: 15px;
     }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.table caption,
.w80-center .table th { 
	font-weight: bold;
	text-align: center;
	}

.w80-center {
	margin: auto;
	width: 80%;
	}
	
.w100 { max-width: 100%; }
.w400 { max-width: 400px; }
.w450 { max-width: 450px; }


#main-content .w10p, #main-content .col-w10 { width: 10%; }
#main-content .w20p, #main-content .col-w20 { width: 20%; }
#main-content .w25p, #main-content .col-w25 { width: 25%; }
#main-content .w30p, #main-content .col-w30 { width: 30%; }
#main-content .w40p, #main-content .col-w40 { width: 40%; }
#main-content .w47p, #main-content .col-w47 { width: 47%; }
#main-content .w50p, #main-content .col-w50 { width: 50%; }
#main-content .w60p, #main-content .col-w60 { width: 60%; }
#main-content .w75p, #main-content .col-w75 { width: 75%; }


/** slider **/

.title-slide { 
	color: #F8F8F8;
	padding: 60px 5px;
	}
	
	.title-slide span { color: #00ff00; }

#bxslider-leg-building .slider, 
#bxslider-telegrams .slider {
	margin: auto;
	width: 665px;
	}

#bxslider-leg-building {  }

#bxslider-leg-building .bx-wrapper, 
#bxslider-telegrams .bx-wrapper { 
	border: 5px solid #9C9C9C;
	padding: 5px;
	text-align: center;
	}

#bxslider-leg-building .bx-wrapper { background-color: #545454; }
#bxslider-telegrams .bx-wrapper { background-color: #000; }

.slider .bxslider img { 
	margin: auto;
	text-align: center;
	}

#bxslider-leg-building .bxslide-caption, 
#bxslider-telegrams .bxslide-caption {
	color: #fff;
	font-family: 'Open Sans', Arial, sans-serif;
	font-style: normal;
	margin-bottom: 0px;
	margin-top: 5px;
	padding: 5px;
	}

#bxslider-leg-building .bxslide-caption a, 
#bxslider-telegrams .bxslide-caption a {
	color: #fff;
	}
	
#bxslider-leg-building .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -50px;
	}
    
    
    /* blog stylings */
    
.caption { 
            clear: both;
            font-weight: bold; 
            }

.clear-both { clear: both; }

.imgs-inline { 
            text-align: center;
            }
            
            .imgs-inline figure { 
                        display: inline-block;
                        margin-bottom: 1em;
                        margin-right: 0.5em;
                        vertical-align: top;
                        }

.side-left, .side-right {
            background: #fff;
            padding-bottom: 10px;
            text-align: center;
            width: 210px;
            }

.side-left {
            float: left;
            margin-right: 15px;
            }

.side-right {
            float: right;
            margin-left: 15px;
            }

.video-container {
}

.video-content iframe { max-width: 100%; }

.video-main { width: 69%; }
.video-main2 { width: 59% }


.video-table,
.video-table2 {
    background-color: #ef;
    float: right;
    position: sticky;
        top: 0px;
    width: 30%;
    }
.video-table2 { width: 40%; }

@media screen and (max-width: 650px ) { 
.video-main2 { width: 100%; }
.video-table2 {
    float: none;
    position: static;
    width: 100%;
    }
}

@media screen and (max-width: 860px ) { 
.video-main { width: 100%; }
.video-table {
    float: none;
    position: static;
    width: 100%;
    }
}

.visually-hidden { /* hides content visually, but still read by screen readers */
            position: absolute;
            left: -10000px;
            top: auto;
            width: 1px;
            height: 1px;
            overflow: hidden;
            }



































