.body,
body {
	scroll-behavior: smooth;
}
 
 .--alignright {
	 text-align: right;
 }

 .--flexcentered {
	display: flex;
	align-items: center;
	justify-content: center;
}

.--flexcentered img {
	margin-left: 1rem;
}

.--mt1rem {
	margin-top: 1rem;
}

.--mb1rem {
	margin-bottom: 1rem;
}

.--ml1rem {
	margin-left: 1rem;
}

.--mr1rem {
	margin-right: 1rem;
}

ol.--mt1rem > li,
ul.--mt1rem > li {
	margin-top: 1rem;
}

ol.--mt1rem > ul,
li.--mt1rem > ul {
	margin-top: 1rem;
}

iframe.video {
	width:1000px;
	height:563px;
}



label {
	margin-bottom: 0;
	margin-top: 0.25rem;
}

fieldset {
	padding: 2rem;
	border: solid 1px rgba( 255,255,255, 0.5);
}

legend {
	font-size: 1.25rem;
	padding: 0 0.5rem;
	margin: 0;
	width: auto;
}

strong {
	font-weight: 700;
}
 
summary{
	display: list-item;
	cursor: pointer;
	list-style-position: outside;
	margin-left: 1.4rem;
}

summary::marker {
	color: orange;
}

details {
	margin-bottom: 1rem;
}

details div {
	margin: 1rem;
	margin-bottom: 2rem;
	padding: 1rem;
	/* background-color: rgba(255,255,255,0.1);
	border: solid 1px black; */
}

select.form-control:not([size]):not([multiple]) {
	height: auto;
}

ul.--counter {
	list-style-type: decimal;
}

#fragments{
	display: none;
}


body{
	color: white;
	background-color: rgb(47, 47, 47);
	min-height: 100%;
	overflow-x: hidden;
}

h1, h2, h3{
	/* text-shadow: 1px 1px 3px rgba(0,0,0,.8); */
}

h1, h2, h3, h4, h5, h6,
summary,
.navbar-brand{
	font-weight: 700;
}


.header {
	height: 5rem;
}

.header,
.footer {
	box-shadow: 0 0 6px rgba(0,0,0,.4);
	border-bottom: solid 1px rgba(0,0,0,.5);
	border-bottom: solid 1px rgba(0,0,0,.5);
	background-color: rgb(35,35,35);
}

.header .right{
	border-left: solid 1px white;
}

.header .right{
	overflow: hidden;
}

.row{
	transition: background-color 1s ease-in;	
}

.alert h3 {
	text-shadow: none;
}


.form-control:focus,
input:focus,
select:focus,
textarea:focus{
	background-color: #c9e7ff;
}

.section_header{
	width: 100%;
	margin: 0;
}

.section_header img {
	width: 100%;
	height: auto;
}

.clearright {
	clear: right;
}

.clearleft {
	clear: left;
}

.clear {
	clear: both;
}


/* *****************************************************
   *****************************************************
                      NAVIGATION
   *****************************************************
   ***************************************************** */
   
#page_navigation{
	width: 100%;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 999;
}

.nav_menu{
	margin-top: 1.5em;
	list-style: none;
	/* display: inline-block; */
	overflow: hidden;
	float: right;
}

.nav_menu li{
	display: inline;
	margin-right: 1em;
	padding: 2em 1em;
}		

.nav_menu li:hover{
	cursor: pointer;
	background-color: rgba(128,128,128,.5);
}

.navbar img.logo {
	margin: -20px -20px;
	width: 55px;
	height: auto;
}

.scrolledto{
	background-color: rgba(252, 158, 75, 0.8);
	transition: background-color 1s ease-in;
}








/* *****************************************************
*****************************************************
                 LOGO
*****************************************************
***************************************************** */

.logo_row{
	margin-bottom: 3rem;
}

.logo{
	width: 100%;
	height: auto;
}

.logo.small{
	width: 50%;
	margin-left: 25%;
	height: auto;
}








/* *****************************************************
   *****************************************************
                      CLOSE ICON
   *****************************************************
   ***************************************************** */

.closeicon{
	position: absolute;
	right: 0.5rem;
	top: 0.5rem;
}

.closeicon:hover{
	cursor: pointer;
}







/* *****************************************************
   *****************************************************
                      ANCHORS AND CLICKABLE
   *****************************************************
   ***************************************************** */
summary:hover,
.clickable:hover,
a:focus, 
a:hover {
	color: #F28C18;
}

.clickable,
a{
	color: #18C6F2;
}
  
   
.clickable:hover {
	text-decoration: underline;
	cursor: pointer;
}



/* *****************************************************
   *****************************************************
                      TABLE OF CONTENTS
   *****************************************************
   ***************************************************** */

	 [data-propertyname="toc"] {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	[data-propertyname="toc"] > * {
		width: 50%;
	}

	[data-propertyname="toc"] h3 {
		text-align: center;
	}

	[data-propertyname="toc"] ul {
		font-size: 1.2rem;
		background-color: rgba( 255,255,255,0.1);
		padding: 1rem;
		padding-left: 3rem;
		border: solid 1px rgba( 255,255,255,0.2);
	}

	[data-propertyname="toc"] li {
		line-height: 2.25rem;
	}


/* *****************************************************
   *****************************************************
                      FOOTER
   *****************************************************
   ***************************************************** */


#footer {
	width: 100%;
	min-height: 5rem;
	text-align: center;
	padding-top: .75rem;
	position: absolute;
	bottom: 0;
}

#footer ul{
	margin-left: -3rem;
	margin-right: 0;
	list-style-type: none;
}

#footer ul,
#footer ul li{
	display: inline;	
}


body.scroll #footer {
	position: relative;
	bottom: auto;
}










/* *****************************************************
   *****************************************************
                      LIGHTBOX
   *****************************************************
   ***************************************************** */

#lightbox{
	background-color: white;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.75);
	z-index: 1000;
}

#lightbox figure {
	transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
}

#lightbox.border-none figure,
#lightbox.border-none figcaption{
	border: none;
	border-radius: 0;
}


#lightbox figure,
#lightbox figcaption{
	border: solid 5px white;
}

.lightbox,
#lightbox figure:hover,
#lightbox img:hover{
	cursor: pointer;
}

#lightbox figure img{
	background-color: white;
	border: none;
	width: 100%;
	height: 100%;
}

#lightbox figcaption{
	background-color: white;
	width: calc( 100% + 10px );
	margin-left: -5px;
	margin-top: -3px;
	padding: 0 1rem;
	color: black;
	text-align: center;
	z-index: 10;
	border-radius: 6px;
}

#lightbox.border-none figcaption{
	width: 100%;
	margin-left: 0;
	margin-top: 0;
}

.lightbox-overlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/img/mhp-logo_308x206.png) right bottom no-repeat;
	background-size: 37.5% auto;
}

.lightbox-overlay.horizontal{
	background-size: 25% auto;
}	

.lightbox-overlay.horizontal.bg-small{
	background-size: 15% auto;
}





/* *****************************************************
   *****************************************************
                      BACKGROUND-IMAGE
   *****************************************************
   ***************************************************** */

.bg-none,
.none{
	background: none;
}

.bg-topleft{
	background-position: top left;
}

.bg-topright{
	background-position: top right;
}

.bg-bottomleft{
	background-position: bottom left;
}

.bg-bottomright{
	background-position: bottom right;
}

.bg-small{
	background-size: 15% auto;
}

.bg-faded{
	opacity: 0.4;
}







/* *****************************************************
   *****************************************************
                      CAROUSEL STYLES
   *****************************************************
   ***************************************************** */

body > .carousel_container{
	margin-top: 3.5rem;
	border-top: solid 2px rgba(255,255,255,.7);
	border-bottom: solid 2px rgba(255,255,255,.7);
	width: 100%;
	height : calc( ( 100vw * 0.376 ) - 4px );
	transition: height 0.25s ease-in;
}

body > .carousel_container .row{
	margin-top: 0;
}


.carousel-item img{
	width: 100%;
	background-color: #333;
}

.carousel-item-overlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 3%,rgba(0,0,0,0) 57%,rgba(0,0,0,0.65) 100%);
	pointer-events: none;
}

.carousel-caption{
	font-size: 1.5em;
	font-weight: 700;
	margin-bottom: 1rem;
	bottom: 5px;
	padding-bottom: 0;
	left: 5%;
	right: 5%;
	text-align: right;
}

.carousel-name{
	position: absolute;
	right: 0.25em;
	bottom: 0;
	z-index: 10;
	text-align: right;
	padding-bottom: 1em;
	margin-right: 1em;
}

.carousel-name .collection_info{
	font-size: 1.5em;
	font-family: "Segoe WP Black", "Impact", sans-serif;
}

.carousel-name .collection_name,
.carousel-name .collection_info{
	display: block;
	margin: 0;
	line-height: 1;
	padding: 0;
}

.carousel-name .collection_info,
.carousel-name .collection_name{
	text-shadow: 2px 2px 6px rgba( 0,0,0,0.5 );
}
	
.carousel-name .collection_name{
	font-family: "Segoe WP Black", "Impact", sans-serif;
	margin-bottom: 0.125em;
}



/* *****************************************************
   *****************************************************
                      CARDS
   *****************************************************
   ***************************************************** */

.card{
	background-color: #232121;
	box-shadow: 0 0 8px rgba(0,0,0,0.4);
	overflow: hidden;
	height: calc( 100% - 3rem);
	margin-bottom: 3rem;
}

.card img{
	width: 100%;
	height: auto;
	border-top: solid 2px white;
	border-bottom: solid 2px white;
}

.card img.card-img-top{
	border-top: none;
}

.card-request .card-header{
	background: linear-gradient(to bottom, #ff9226 0%,#ff7b0d 100%);
}

blockquote {
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 1rem;
  padding-left: 1rem;
  border-left: 3px solid #ccc;
} 





/* *****************************************************
   *****************************************************
                      IMG.INSET
   *****************************************************
   ***************************************************** */


img.inset{
	width: 150px;
	margin: 1rem;
	/* border: solid 2px white; */
	box-shadow: 0 0 5px rgba( 0,0,0,.5);
	transform: translateZ(0);  /* NEW STACKING CONTEXT */
	z-index: 10;
}

img.inset.horizontal{
	width: 100%;
	height: auto;
	margin: 0;
	margin-bottom: 1.5rem;
}

img.inset.fullWidth{
	width: 100%;
	margin: 0;
}	

img.inset.small{
	width: 135px;
}


img.inset.smaller{
	width: 110px;
}

img.inset.large{
	width: 40%;
}

img.rotate-right{
	transform: rotate(2.5deg);
}

img.rotate-left{
	transform: rotate(-2.5deg);
}



/* *****************************************************
   *****************************************************
                      MARGIN OVERRIDES
   *****************************************************
   ***************************************************** */

.margin-top{
	margin-top: .5rem;
}

.row.margin-top{
	margin-top: 2rem;
}

.margin-bottom{
	margin-bottom: .5rem;
}

.row:first-of-type{
	margin-top: 1.5rem;
}
	

	
	


/* *****************************************************
   *****************************************************
                      FEATURETTES
   *****************************************************
   ***************************************************** */
   
hr.featurette-divider{
	margin: 3rem 0;
	width: 100%;
}

.featurette-content-container{
	position: relative;
	width: 100%;
	height: 37rem;
}		

.featurette-heading h2{
	margin-top: 7rem;
}

.featurette-column-header{
	width: 100%;
	margin: 0 0 1em 0;
}

.featurette-column-header img{
	width: 100%;
	height: auto;
	border: solid 2px white;
	border-right: none;
	border-left: none;
	box-shadow: 0 0 6px rgba(0,0,0,.5);
}

.featurette-image{
	width: 350px;
	height: auto;
	border: solid 5px white;
	box-shadow: 0 0 12px 2px rgba(0,0,0,.5);
	opacity: 1;
	transition: transform .55s cubic-bezier(.1,.5,.78,.85) .15s, opacity .25s ease-in .25s, width .15s, height .15s;
}

.featurette-image.below_the_fold{
	opacity: 0;
	transition: transform .55s cubic-bezier(.1,.5,.78,.85) .15s, opacity .25s ease-in .25s, width .15s, height .15s;
}







/* *****************************************************
   *****************************************************
                      OVERLAY
   *****************************************************
   ***************************************************** */

/* OVERLAY CONTENT IS MEAN TO FILL THE SCREEN AND SIT OVER THE TYPE OF ALL OTHER CONTENT */

.overlay{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: rgba(47, 47, 47,.95);
	overflow: auto;
}

body.overlay{
	overflow: hidden;
}






/* *****************************************************
   *****************************************************
                      SIGNUP FORM
   *****************************************************
   ***************************************************** */

	.request--notournaments {
		display: none;
	}

.event_description,
.request_description{
	padding: 1rem;
	border-radius: 3px;
	margin-bottom: 1rem;
}

.event_description,
.request_description:not(.alert){
	border: solid 1px rgba(255,255,255,0.4);
	background-color: rgba( 255,255,255,.2 );
}

.request_description h1 {
	font-size: 1.5rem;
	text-shadow: none;
}

.request_description h2 {
	font-size: 1.25rem;
	text-shadow: none;
}

.request_description p:first-of-type {
	margin-top: 1rem;
}

h1,
.alert-danger h1 {
	text-shadow: none
};

.alert-danger{
	background-color: #F2DEDE;
	border-color: #A94442;
}

.alert-info,
.event_description.alert-info,
.request_description.alert-info{
	border-color: #31708F;
	background-color: #D9EDF7;
}

.alert-success {
	border-color: #318f41;
	background-color: #bdf7cf;
	color: #1f4a20;
}

.event_description.alert h2,
.request_description.alert h2{
	text-shadow: none;
}

.request_info_container {
	padding-top: 0.65rem;
}

.request_form_container{
	margin-bottom: 2rem;
}

.event_description,
.request_description {
	margin-top: 0.25rem;
}

.requestSubmitButton {
	transition: background-color 1s ease-in-out;
}

#requestform span.label{
	display: inline-block;
	width: 30%;
	font-weight: 700;
}

#requestform span.desc{
	display: inline-block;
}

.request_form_container .form-footer{
	margin-top: 1rem;
}

#requestform .formLabel{
	font-weight: 600;
	display: block;
}

#requestform .row{
	margin-bottom: 1rem;
}

#requestform .policyread label{
	display: inline;
}

.--required {
	background-color: rgb(255,200,200);
}


.form-control {
	border-radius: 0;
}

.form-control.--halfwidth {
	width: calc( 50% - 0.3rem);
	margin-right: 0.25rem;
	display: inline-block;
}

.form-control.--margin-right-zero {
	margin-right: 0;
}




/* *****************************************************
   *****************************************************
                      EMAILFORM
   *****************************************************
   ***************************************************** */

#emailform{
	transition: opacity .25s;	
}



/* *****************************************************
   *****************************************************
                      GALLERIES
   *****************************************************
   ***************************************************** */
   
.gallery_image--width2,
.gallery_image{
	width: calc( 25% - 2rem );
	margin: 1rem;
	opacity: 1;
	box-shadow: 0 0 5px rgba(0, 0, 0, .7);
	transition: opacity .5s ease-in;
}

.gallery_image--width2{
	width: calc( 50% - 2.7rem );
}

.gallery .gallery_image.below_the_fold{
	opacity: 0;
	transition: opacity .5s ease-in;
}

.gallery{
	padding: 0;
}

.gallery-small .gallery_image{
	width: calc( 12.5% - 1rem );
	margin: 0.5rem;
}

.gallery-small .gallery_image--width2{
	width: calc( 25% - 1rem );
}

.gallery-column{
	margin-bottom: 2rem;
}


.gallery-column-image{
	width: 100%;
	height: auto;
	border: solid 3px white;
	box-shadow: 0 0 8px rgba(0, 0, 0, .7);
}

img.full_width{
	width: 100%;
	height: auto;
}

.gallery_image.full_width{
	margin: 0;
}

.pano_container{
	width: 100%;
	height: 500px;
}






















/* **********************************************************************************************************************
   **********************************************************************************************************************
   **********************************************************************************************************************
   **********************************************************************************************************************
   **********************************************************************************************************************
   **********************************************************************************************************************
   **********************************************************************************************************************
   **********************************************************************************************************************
   
                                                        MEDIA QUERIES
					  
   **********************************************************************************************************************
   **********************************************************************************************************************
   **********************************************************************************************************************
   **********************************************************************************************************************
   **********************************************************************************************************************
   **********************************************************************************************************************
   **********************************************************************************************************************
   ********************************************************************************************************************** */

	/*
	
		{
			'xl-up'   : 1200,
			'lg-down' : 1199,
			'lg-up'   : 992,
			'md-down' : 991,
			'md-up'   : 768,
			'sm-down' : 767,
			'sm-up'   : 577,
			'xs-down' : 576,
		}
		
	*/

/* *****************************************************
*****************************************************
				  EXTRA SMALL AND BELOW
*****************************************************
***************************************************** */
@media (max-width: 576px){

	hr.featurette-divider{
		display: none;
	}
	
	.lead{
		font-size: 1rem;
	}

	.row .col-xs-12.col-lg-6:first-child,
	.row.featurette{
		margin-bottom: 2.5rem;
	}
	
	.full-width{
		padding: 0;
	}
	
	.featurette-column-header img{
		border-right: none;
		border-left: none;
	}
	
	.gallery_image.xs-down-fullwidth{
		width: 100%;
		height: auto;
		margin: 0;
	}
		
	.carousel-name .collection_name{
		font-size: 2em;
	}

	img.inset{
		margin: 0;
	}


}


/* *****************************************************
*****************************************************
				  SMALL AND BELOW
*****************************************************
***************************************************** */   
@media (max-width: 767px){
	
	.navbar-brand{
		font-size: .9em;
	}
	
	#footer {
		font-size: .9rem;
		position: relative;
		bottom: auto;
	}

	.row:first-of-type{
		margin-top: 5rem;
	}

	#requestform .row:first-of-type{
		margin-top: 1rem;
	}

	hr.featurette-divider:first-of-type{
		display: none;
	}

	hr.featurette-divider{
		margin: 1em 0;
	}
	
	.lead{
		font-size: 1.1rem;
	}
	
	.gallery_image{
		width: calc( 50% - 2rem );
	}
	
	.gallery_image--width2{
		width: calc( 100% - 2rem );
	}
	
	.gallery-small .gallery_image{
		width: calc(25% - 1rem );
		margin: 0.5rem;
	}

	.gallery-small .gallery_image--width2{
		width: calc( 50% - 1rem );
	}
	
	img.inset.small{
		width: 125px;
	}
	
	img.inset.smaller{
		width: 100px;
	}	
	
	#requestform input,
	#requestform select,
	#emailform input{
		margin-bottom: 1rem;
	}
		
	#lightbox figure{
		font-size: 0.7rem;
	}

	.carousel-name .collection_name{
		font-size: 3em;
	}

	details {
		margin-bottom: 1.5rem;
	}
	
}



/* *****************************************************
*****************************************************
				  MEDIUM AND BELOW
*****************************************************
***************************************************** */  
@media (max-width: 991px){
	
	img.inset.large{
		width: 100%;
	}	

	[data-propertyname="toc"] > * {
		width: 100%;
	}

	details div {
		margin: 1rem 0;
		padding-left: 1.4rem;
	}

	details h2 {
		margin: 1.5rem 0;
	}


}



/* *****************************************************
*****************************************************
                   SMALL AND UP
*****************************************************
***************************************************** */
@media (min-width: 576px) {

	img.inset.horizontal{
		width: 200px;
		margin: .25rem 1rem .25rem .25rem;
	}
	
	img.inset.horizontal.wide{
		width: 350px;
	}

}



/* *****************************************************
*****************************************************
                   MEDIUM AND UP
*****************************************************
***************************************************** */
@media (min-width: 768px) {
		
	
	.margin-top{
		margin-top: 2rem;
	}

	.margin-bottom{
		margin-bottom: .75em;
	}
	
	img.inset{
		width: 185px;
	}
	
	.featurette-image.below_the_fold.left {
		transform: translateX(-250px) rotate(-25deg);
	}
	
	.featurette-image.below_the_fold{
		transform: translateX(250px);
	}
	
	blockquote {
		margin-left: 3rem;
	}
	
	.carousel-name .collection_name{
		font-size: 3em;
	}
	
	.carousel-name .collection_info{
		font-size: 1.5em;
	}	
}



/* *****************************************************
*****************************************************
                   LARGE AND UP
*****************************************************
***************************************************** */
@media (min-width: 992px) {
	
	.margin-bottom{
		margin-bottom: 1.5rem;
	}
	
	.featurette-image.team_01 {
		border-width: 4px;
		transform: translateX(70px) translateY(-40px) rotate(-7.5deg);
		width: 225px;
	}

	.featurette-image.team_02 {
		border-width: 4px;
		transform: translateX(305px) rotate(2deg) translateY(131px);
		width: 205px;
	}

	.featurette-image.team_03 {
		border-width: 4px;
		transform: translateX(105px) rotate(9deg) translateY(224px);
		width: 225px;
	}
	
	.featurette-image.action_01 {
		transform: translateX(10px) rotate(-5deg) translateY(15px);
		width: 200px;
		height: auto;
		z-index: 15;
	}

	.featurette-image.action_02 {
		height: 395px;
		width: auto;
		transform: translateX(140px) translateY(65px) rotate(5deg);
	}
	
	.featurette-image.action_03 {
		height: 265px;
		width: auto;
		transform: translateX(43px) rotate(3deg) translateY(262px);
		z-index: 25;
	}
	
	.featurette-image.below_the_fold{
		transform: translateX(250px);
	}

	img.inset.float-lg-right{
		margin-left: 0.5rem;
	}
	
	.carousel-name .collection_name{
		font-size: 4em;
	}

	[data-propertyname="toc"] li {
		font-size: 1rem;
		line-height: 1.5rem;
	}
	
}



/* *****************************************************
*****************************************************
                 EXTRA LARGE AND UP
*****************************************************
***************************************************** */
@media (min-width: 1200px) {

	.featurette-image.team_01 {
		border-width: 5px;
		transform: translateX(20px) translateY(29px) rotate(-7.5deg);
		width: 400px;
	}

	.featurette-image.team_02 {
		border-width: 5px;
		transform: translateX(349px) rotate(2deg) translateY(131px);
		width: 231px;
	}

	.featurette-image.team_03 {
		border-width: 5px;
		transform: translateX(22px) rotate(4deg) translateY(200px);
		width: 425px;
	}

	.featurette-image.below_the_fold{
		transform: translateX(250px);
	}
	
	img.inset{
		width: 215px;
		/* border-width: 3px; */
		box-shadow: 0 0 8px rgba(0,0,0.7);
	}
	
	img.inset.small{
		width: 175px;
	}
	
	img.inset.xl-smallest{
		width: 150px;
	}
	
	.carousel-name .collection_name{
		font-size: 4.5em;
	}
	

}



/* *****************************************************
*****************************************************
                PORTRAIT ORIENTATION
*****************************************************
***************************************************** */
@media (orientation:portrait) {

	hr.featurette-divider{
		margin: 2rem 0;
	}

	iframe.video {
		width: 100%;
		height: auto;
		aspect-ratio: 1.5;
	}

}







/* *****************************************************
*****************************************************
                 TRANSITIONS
*****************************************************
***************************************************** */

/* CUSTOM STYLES USED BY OUR TRANSITIONS UI CODE */
.fade_in{
	opacity: 1;
	transition: opacity 0.25s ease-in;
}

.fade_out{
	opacity: 0 !important;
	transition: opacity 0.25s ease-in;
}

.slide_up{
	height: 0 !important;
	overflow: hidden;
	transition: height 0.25s ease-in;
}

.slide_down{
	height: 0;
	overflow: hidden;
	transition: height 0.25s ease-in;
}

.hidden{
	display: none;
}





/* *****************************************************
*****************************************************
                 MISC UTILITIES
*****************************************************
***************************************************** */

/* UTILITY CLASSES FOR A DESIGN TIME BOX THAT DISPLAYS INFORMATION LIKE PAGE SIZE AND CURRENT BOOTSTRAP MEDIA QUERY ACTIVE*/
.marker,
#page_info{
	display: none;
	padding: 1em;
	position: fixed;
	width: 20%;
	left: 0;
	bottom: 0;
	opacity: .65;
	background-color: rgb(255,255,255);
	color: black;
	border-radius: 4px;
	border: solid 2px black;
	z-index: 9999;
	font-weight:bold;
}

#page_info{
	left: auto;
	right: 0;
}

body.show_page_info .marker,
body.show_page_info #page_info{
	display: block;
}

.marker:hover,
#page_info:hover{
	opacity: 1;
}

.no-border{
	border: none !important;
}

.alert.alert-secondary {
	background-color: rgba(128,128,128,0.3);
	border: solid 1px rgb(0,0,0);
}