/*
 *
 */
 ul > li { border-right: .1em solid #333; }
.logocolor {color: #ee1217; letter-spacing: .1em; font-weight: 600;}
.colorred {color: #ee0000; }
.copyright { 
	color: black;
	background-color: #F3B81E;
	padding: 1em;
	border: .1em solid  #884B55 !important; 
	border-radius: .45em !important; 
	background-clip: content-box;
	text-align: center;
	width: 50%;
	margin: 1em auto 5em auto;
}
.indent1em {margin-left: 1em; }
.centerit { text-align: center; }
.fixed-top { position: relative !important; }
.noborder {  border-right: 0em; }

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #d3d3d3; 
}
/* Add some top padding to the page content to prevent sudden quick movement 
 * (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) 
 */
.sticky + .content {
	padding-top: 90px;
}
.stickyb + .content {
	padding-top: 80px;
}

.headerbox {
	border: 0em solid #555;
	padding: .35em; 
	height: 20em; margin-top: 0em;
	margin-top: 5em;
	}
	
.my_fixed_top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
	padding-bottom: .2em;
	margin-bottom: 0;
	/* border-top: .4rem solid rgb( 136, 214, 250); */
	font-size: 90%;
	height: 6em;
}
	
.logoimage {
	background-image: url('images/logo_opacity34.jpg');
	background-repeat: no-repeat; 
	background-size: cover;
}
.myjumbo2 {
	 margin-bottom: 0em; 
	 padding-bottom: 1em;
	 color: #eee; 
	 background-color: #bcbdc1;
}

.title_style {
	text-align: center; 
	color: #513b1c; 
	margin-top: 0;
	font-family: 'engravers MT', verdana; 
}
.title_style2 {
	font-size: 120%; 
	color: #444;
	background-color: yellow;
}
.title_style3 {
	font-size: 130%; 
	color: #ee1217;		/*#547D19; */
}
.mainreturn {float: right; padding-top: 4em; }

.custom-tooltip {
  --bs-tooltip-bg: var(--bd-violet-bg);
  --bs-tooltip-color: var(--bs-white);
}

/*
 * X-Small devices (portrait phones, less than 576px)
 * No media query for `xs` since this is the default in Bootstrap
 */

/* Tiny devices ( 380px and up) #E5E8E8*/
@media (min-width: 379.98px) {
	body {background-color:  #E5E8E8;  margin-bottom: 2em; }
	.p120 { font-size: 120%; }
	.bold {font-weight: 700; }
	.red {color: #ee1111;}
	.mainreturn {float: right; padding-top: 3em; }
	.maincontainer { width: 100%; margin-top: 1em; }
	.maintext {
		margin: 1em 0 0 2em; 
		width: 90%; 
		z-index: 3008; 
		color: blue;
		/* border-top: .5em solid #F3B81E; */
	}
	.headerbox {
		border: 0em solid #555;
		padding: .35em; 
		height: 11em; 
		margin-top: 1em;
	}
	.navbar-expand-sm .navbar-collapse {
		display: flex !important;
		flex-basis: auto;
		width: 30%;
	}
	.welcome { font-size: 120%; }
	.title_style {font-size: 120%; }
	.smallframes { width: 20%; background-color: #F3B81E; }
	.hotel { margin-top: 1em; }
	
	.mainreturn {float: right; padding-top: 0em; }

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 575.98px) {
	body {background-color:  #E5E8E8;  margin-bottom: 2em; }

	.maincontainer { width: 100%; margin-top: 1em; }
	.maintext {
		margin: 1em 0 0 2em; 
		width: 90%; 
		z-index: 3008; 
		color: green;
		/* border-top: .5em solid #F3B81E;*/
	}
	.title_style3 {
		font-size: 125%; 
		color: #ee1217;		/*#547D19; */
	}
	.headerbox {
		border: 0em solid #555;
		padding: .35em; 
		height: 17em; 
		margin-top: .5em;
	}
	.navbar-expand-md .navbar-collapse {
		display: flex !important;
		flex-basis: auto;
		background-color: #e3f2aa;
		float: left;
	}
	.welcome { font-size: 130%; }
	.title_style {font-size: 140%; }
	.smallframes { width: 25%; background-color: whitesmoke; }
	.hotel { margin: 1em 0 0 2em; }

	.copyright { 
		color: black;
		background-color: #F3B81E;
		padding: 1em;
		border: .1em solid  #884B55 !important; 
		border-radius: .45em !important; 
		background-clip: content-box;
		text-align: center;
		width: 80%;
		margin: 5em auto 2em auto;
	}
	.container {margin-top: 2em; }

	.mainreturn {float: right; padding-top: 3.5em; }

}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 767.98px) {
	body {background-color:  #E5E8E8; margin-bottom: 2em;}

	.maincontainer { width: 100%; margin-top: 1em; }
	.maintext {
		margin: 1em 0 0 3em; 
		width: 80%; 
		z-index: 3008; 
		color: blue;
		/* border-top: .5em solid #F3B81E; */
	}
	.title_style3 {
		font-size: 125%; 
		color: #ee1217;		/*#547D19; */
	}	
/*
	.navbar-expand-lg .navbar-collapse {
		display: flex !important;
		flex-basis: auto;
		background-color: #e3f2aa;
	}
*/
	.welcome { font-size: 140%; }
	.title_style {font-size: 160%; }
	.smallframes { width: 15%; background-color: whitesmoke;  }
	.showme {display: inline;}
	.hotel { margin: 2em 0 0 2em;  font-weight: 700; }
	
	.copyright { 
		color: black;
		background-color: #F3B81E;
		padding: 1em;
		border: .1em solid  #884B55 !important; 
		border-radius: .45em !important; 
		background-clip: content-box;
		text-align: center;
		width: 70%;
		margin: 5em auto 2em auto;
	}
	.mainreturn {float: right; padding-top: 4.0em; }
	
}


/* Large devices (desktops, 992px and up) */
@media (min-width: 991.98px) {
	body {background-color:  #E5E8E8;  margin-bottom: 2em; }

	.maincontainer { width: 100%; margin-top: 1em; }
	.maintext {
		margin: 1em 0 0 4em; 
		width: 70%; 
		z-index: 3008; 
		color: brown;
		/* border-top: .5em solid #F3B81E; */
	}
	
	.title_style3 {
		font-size: 120%; 
		color: #ee1217;		/*#547D19; */
	}
	.headerbox {
		border: 0em solid #555;
		padding: .35em; 
		height: 17em; 
		margin-top: .5em;
		}
	.navbar-expand-lg .navbar-collapse {
		display: flex !important;
		flex-basis: auto;
	}
	.welcome { font-size: 140%; }
	.title_style {font-size: 180%; }
	.bbottom { 
		background-color: red; 
		color: #333;
		border: .1em solid black;
		z-index: 2001;
	}
	.hotel { margin-top: 4em;  font-weight: 700;}
	
	.copyright { 
		color: black;
		background-color: #F3B81E;
		padding: 1em;
		border: .1em solid  #884B55 !important; 
		border-radius: .45em !important; 
		background-clip: content-box;
		text-align: center;
		width: 50%;
		margin: 1em auto 2em auto;
	}
	
	.container {margin-top: 2em; }
	.mainreturn {float: right; padding-top: 3.75em; }

}


/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1199.98px) {
	body {background-color: #E5E8E8;  margin-bottom: 2em; }

	.maincontainer { width: 100%; margin-top: 1em; }
	.p120 { font-size: 120%; }
	.mainreturn {float: right; padding-top: 2.5em; }
	.maintext {
		margin: 1em 0 0 4em; 
		width: 80%; 
		z-index: 3008; 
		color: yellow;
		/* border-top: .5em solid #F3B81E; */
	}
	.title_style3 {
		font-size: 130%; 
		color: #ee1217;		/*#547D19; */
	}
	.welcome { font-size: 150%; }
	.title_style {font-size: 200%; }
	.bbottom { 
		background-color: red; 
		color: #333;
		border: .1em solid black;
		z-index: 2001;
	}
	.hotel { margin-top: 5em; font-weight: 700; }
	.mainreturn {float: right; padding-top: 3.0em; }

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1399.98px) {
	body {background-color: #E5E8E8;  margin-bottom: 2em;}

	.maincontainer { width: 100%; margin-top: 1em; }
	.p120 { font-size: 120%; }
	.high_desert { margin: 1em auto; text-align: center; }
	.maintext {
		margin: 1em 0 0 4em; 
		width: 80%; 
		z-index: 3009; 
		color: salmon;
		/* border-top: .5em solid ##F3B81E; */
	}
	.title_style3 {
		font-size: 135%; 
		color: #ee1217;		/*#547D19; */
	}
	.welcome { font-size: 150%; }
	.title_style {font-size: 200%; }
	.bbottom { 
		background-color: red; 
		color: #333;
		border: .1em solid black;
		z-index: 2001;
	}
	.hotel { margin-top: 5em; font-weight: 700; }
	.mainreturn {float: right; padding-top: 3.0em; }

}