@charset "utf-8";
/* CSS Document */ /*Updated added balance 11 Jan 2024; 27 line 5 21 February 2023 Line 13 additions*/ /*Updated 29 June 2022*/

	/* main stylesheet for all sizes */
	html { scroll-behavior: smooth; }
	body { background-color: rgb(252,205,5,1); background: linear-gradient(0deg, rgba(255,255,255,1) 10%, rgba(252,205,5,1) 60%); background-repeat: repeat-x; font-family: 'Open Sans', sans-serif; margin: auto; }
	h1, h2, h3, h4, h5, h6, blockquote { text-wrap: balance !important; }
		header { width: 100% !important; text-align: center; margin-top: 2em; }
		header img { width: 100%; max-width: 900px; display: block; margin: auto; }
		#main { display: flex; flex-flow: row nowrap; padding: 0 15px; margin: 2% auto; width: 90%; }
		#left { width: 15%; padding: inherit; color: black; }
		#left a { text-shadow: none !important; }
		#left li a:visited, #left li a { color: #7B241C; text-decoration: none; }
		#left li a:hover { color: red; text-align: center; text-shadow: 1px 1px 2px #CCC !important; text-decoration: underline; }
		ul { list-style-type: none !important; -webkit-padding-start: 0; }
		li { text-transform: uppercase; margin: 15px 0; font-size: .9em; font-weight: bolder; }
		/* #youarehere { color: blue; text-shadow: 2px 2px 30px #2c2c2c; } */
		address { font-size: .99em; }
		address a { color: #7B241C; text-decoration: none; font-weight: bolder; }
		address a:hover { color: red; text-decoration: none; }
		address p { display: block !important; font-family: 'Open Sans', sans-serif !important; }
		#intro div img { height: 136px; max-width: 300px; float: right; margin: 5px; border: 1px solid black; }
		#intro p { font-size: 1.1em; }
		#right { background-color: white; padding: inherit; border: 2px solid black; height: 100%; width: 85%; box-shadow: 1px 1px 1px black; }
		#right p, #right li { font-family: Cambria, Georgia, "Liberation Serif", "serif"; font-weight: 400; line-height: 1.25; }
		#right a { color: blue; font-weight: bolder; text-decoration: none; }
		#right a:hover { text-decoration: underline; }
		#right a:visited { color: #9F2B68; font-weight: bolder; }
		#right img { border: 1px solid black; } /*added Feb. 10, 2022*/
		h2 { font-size: 1.5em; line-height: 1.1; }
		h3 { font-size: 1.2em; line-height: 1.2; }
		h4 { text-transform: uppercase; letter-spacing: 1px; }
		#right ul { padding-left: 5px; }
		#news { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; align-content: center; }
		footer { margin: 2%; font-size: smaller; font-style: italic; }
		article p { line-height: 1.2; margin: 15px auto; }
		.hidemob { display: block !important; }
		.showmob { display: none !important; }
		blockquote { font-family: Georgia, serif; font-weight: 700; font-size: 1.4em; color: #7B241C; }
		.subdiv-news { display: flex; }
		.topbanner { background-color: #e0022b; text-align: center; text-transform: uppercase; padding: 15px 0; font-weight: 700; letter-spacing: 2px; border-bottom: 2px solid white;
		}
		.topbanner a, .topbanner a:visited { color: white !important; text-decoration: none !important; }

		/* mostly mobile fine-tuning under 900px viewport width */
		@media (max-width: 900px) {
			header { margin: 1em; }
			#main { display: flex; flex-direction: column; justify-content: center !important; align-items: center; align-content: center; margin-right: auto; }
			#left { width: 100% !important; display: block !important; }
			#left li { display: inline !important; margin: .5em; line-height: 1.8 !important; font-size: .9em !important; }
			#left ul { text-align: center; list-style-type: none; -webkit-hyphens: none;-moz-hyphens: none; ms-hyphens: none; hyphens: none; line-height: 1.8 !important; font-size: .9em !important; }
			address { text-align: center; font-size: 1.1em; line-height: 1.5; }
			address p { display: inline !important; }
			#intro div img { float: none !important; margin: 5px auto; display: block; width: 100%; }
			#right { width: 90% !important; display: block !important; padding: 4%; border: 0px solid white !important; box-shadow: none !important; border-top-left-radius: 15px; border-top-right-radius: 15px; }
			#photos { display: flex; flex-flow: row-reverse wrap; }
			footer { text-align: center; margin: 25% 0; }
			.showmob { display: block !important; }
			.hidemob { display: none !important; }
			#bookmarkRibbon { font-size: .9em; line-height: 1.8; }
		}
		/* fine-tuning appearance under 1130px viewport width */
		@media (max-width: 1130px) {
			article h2 { display: block !important; clear: both; }
			#intro div img { float: none !important; margin: 15px auto; display: inline-block; width: 100%; }
			#photos { display: flex; flex-flow: row-reverse wrap !important; }
		}
		
		/* fine-tuning appearance under 746px viewport width */
		@media (max-width: 745px) {
			#photos { display: flex; flex-flow: column-reverse wrap !important; }
			#left li { font-size: .9em !important; line-height: 1.8 !important; }
			#left li a { font-size: .9em; line-height: 1.8; }
			.subdiv-news { flex-direction: column; flex-wrap: nowrap; } 
			.butmob { width: 100%; padding: 1em 0 !important; margin: auto !important; display: block; }
		}

/*Back to Top button styles*/
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: 1px solid white;
  outline: none;
  background-color: #d91f26;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 5px;
  opacity: .75;
  width: 75px;
}

button {
  background-color: rgb(252,205,5,1);
  border-radius: 5px;
  font-weight: bold;
  font-size: 1em;
  padding: 5px;
}
button:hover { background-color: #e0022b; color: white; }

#bookmarkRibbon {
	height: 0;
	border-bottom: 20px solid #e0022b;
	border-top: 20px solid #e0022b;
	border-left: 15px solid transparent;
	font-weight: 700;
	color: white !important;
	padding-left: .5em;
	position: relative !important;
	line-height: 0;
	font-size: .9em !important; 
    }
@media (max-width: 899px) {
	#bookmarkRibbon {
		border-bottom: 0px solid black;
		border-top: 0px solid black;
		border-right: 0px solid transparent;
		border-left: 0px solid transparent;
		color: #e0022b !important;
		padding-left: 0px !important;
	}
}