@charset "UTF-8";
/* CSS Document */
html { scroll-behavior: smooth; }
body, article > p, article > ul > li { font-family: Lora, serif; font-weight: 400; font-style: normal; font-size: 18px !important; text-wrap: balance !important; }

.topbanner { background-color: #822318; color: white; text-align: center; text-transform: uppercase; padding: 15px; font-weight: 700; letter-spacing: 2px; border-bottom: 2px solid white; font-family: Poppins, 'Poppins', "Poppins", sans-serif; }
.topbanner a, .topbanner a:visited { color: white !important; text-decoration: none !important; }
.topbanner a:active, .topbanner a:hover { color: #e7b022 !important; text-decoration: underline !important; }
#topbanner_home { float: left; font-size: 1.5em; }
#topbanner_social { float: right; font-size: 1.5em; }

#container { width: 90%; max-width: 1600px; margin: auto auto -10em; }

.specialannouncement { background-color: #f0ead4; padding: .5em 1em; border-radius: 10px; margin: 0 auto 1em; font-family: "Montserrat", Montserrat, "Poppins", Poppins, sans-serif; font-weight: bolder; text-transform: uppercase; }
.specialannouncement i { color: #822318; }

#storelogoba { width: 100%; }
#storeinfo { width: 30%; }
#catbooks { width: 30%; }
h1 { font-family: Poppins, "poppins", sans-serif; font-weight: 600; font-style: normal; color: #822318; font-size: 4em; line-height: 1; letter-spacing: 1px; width: 100%; }
.batagline { font-family: Lora, 'Lora', lora, Merriweather, serif; font-style: italic; font-size: 1.5em; line-height: 1; }
h2, h3, h4, h5, h6 { font-family: Poppins, sans-serif; line-height: 1.25; }
h5, h6 { text-transform: uppercase; font-family: Poppins, sans-serif; font-style: italic; }
.caphead { text-transform: uppercase; }
header { display: flex; flex-flow: row nowrap; justify-content: space-around; background-color: white; width: 100% !important; padding: none 1em none; align-content: flex-start; align-items: flex-end; }
#subh1 { color: #411410; text-transform: uppercase; letter-spacing: 3px; display: block !important; }
header > div > h1, header > div > span { margin-left: 1em; }
div#storeinfo { width: 30%; margin: auto; display: block; font-family: poppins, "poppins", Poppins, "montserrat", Lora, "lora", sans-serif; line-height: 1.25; background-color: white; padding: 1em; max-width: 400px; }
.streetaddress { font-size: 1.5em; }
div#storeinfo a { color: #822318 !important; }
div#storeinfo a:hover { color: #411410 !important; }
#catheaderlogo { max-width: 280px; }

main { width: 100%; display: flex; }
nav { font-family: 'Montserrat',  sans-serif; border-radius: 10px; padding: 0 1em; }
nav a { text-shadow: none !important; font-weight: 400; text-transform: uppercase; color: #411410; text-decoration: none; }
nav li a:visited, #left li a { color: #7B241C; text-decoration: none; }
nav li a:hover { color: #822318; text-align: center; /*text-shadow: 1px 1px 2px #CCC !important;*/ text-decoration: underline; font-weight: 700; }
nav li { margin: 1em auto; }
nav ul { list-style-type: none !important; -webkit-padding-start: 0; letter-spacing: 2px; }
#bookmarkRibbon {
	height: 0;
	border-bottom: 20px solid #822318;
	border-top: 20px solid #822318;
	border-right: 15px solid transparent;
	font-weight: 700;
	color: white !important;
	padding-left: .5em;
	position: relative !important;
	line-height: 0;
	text-transform: uppercase;
	margin: .5em auto;
    }
.nav-ad { margin: 1em auto; max-width: 300px; }

section { width: 100%; padding: 0 1em; margin: 1em !important; display: block !important; }
		section li { list-style-type: disc!important; margin-left: 1em !important; text-transform: none !important; line-height: 1.3 !important; }
blockquote { font-family: Lora, 'Lora', lora, Merriweather, serif; font-size: 2em; color: #822318; font-weight: 700; line-height: 1.25; }
		section li { list-style-type: none; text-transform: none; }
		section ul li { font-family: montserrat, "montserrat", sans-serif; line-height: 2; }

#photos { display: flex; width: 100%; justify-content: space-between; }
#photos img { width: 100%; /* max-width: 480px; */ border: 2px solid black; }

#news { display: flex; }
#news article { margin: 25px auto; }
#news article ul { list-style-type: disc !important; font-size: 1.25em !important;  }
#news article ul li { -webkit-padding-start: 0 !important; text-transform: none !important; margin-left: 0 !important; }
#banews { margin-left: 25px !important; }

.searchbox { color: black; background-color: #f0ead4; padding: 5%; border: 0px solid #411410; border-radius: 10px; width: auto; max-width: 480px; }

footer { padding: 1em; border-radius: 10px; margin: 2em auto; font-family: Montserrat, serif; text-align: center; }

/*General Button Styles
*/button {
  background-color: #822318;
  color: white;
  border-radius: 5px;
  font-weight: bold;
  font-size: 1em;
  padding: 5px;
  margin: 1em 0;
}
button:hover { background-color: #e7b022; color: black; }

/*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: #822318;
  color: #e7b022;
  cursor: pointer;
  padding: 15px;
  border-radius: 5px;
  opacity: .75;
  width: 75px;
}
#myBtn i:hover { color: white; }
#myBtn:hover { background-color: #822318; }

/* Universal Table styles*/
td, th { font-family: "Montserrat", Montserrat, sans-serif; }
td { font-size: .85em; }
th { text-transform: uppercase; color: white; }
thead th { background: #822318; }
		
/*Mobile Toggles
*/
.hidemob { display: block !important; }
.showmob { display: none !important; }

/* Media Queries */
@media (max-width: 480px) {
	a#topbanner_cta { font-size: .8em !important; }
	#topbanner_home { float: left; font-size: 1.25em; }
	#topbanner_social {
		  display: grid;
		  grid-auto-flow: column;       /* lays out items in columns (side by side) */
		  grid-auto-columns: max-content; /* each icon gets only as much width as it needs */
		  gap: 0.5rem;                  /* spacing between icons */
		  align-items: center;          /* vertically centers them */
		  justify-content: center;      /* horizontally centers the group */
		  white-space: nowrap;          /* prevents internal line breaks */
		  font-size: 1em !important;
		}
/*	.specialannouncement { font-size: .85rem !important; line-height: 1 !important; }
*/	#container { width: 100%; }
	h1 { font-size: 3em; }
	header { display: flex; flex-flow: column nowrap; width: 100%; justify-content: space-around; }
	header > div > h1, header > div > span { margin-left: auto !important; }
	#storelogoba { width: 100% !important; text-align: center !important; /*z-index: 999 !important; position: relative !important*/; }
	div#storeinfo { font-size: 1.1em; border-radius: 0px; width: 90% !important; max-width: 480px; margin: 0px auto !important; background-color: white; text-align: center; display: block !important; }
	#catbooks { order: 1; width: 100% !important; /*z-index: -999 !important; position: relative !important;*/ }
	#catheaderlogo { margin: -30% 0px -1em !important; width: 100% !important; max-width: 480px; }
	main { flex-flow: column-reverse; padding: none !important; }
	nav { max-width: 300px !important; border-radius: 0px; margin: auto !important; display: block !important; width: 100% !important; clear: both; padding: none !important; font-size: .65em; }
	nav ul { column-count: 2; display: flex; flex-wrap: wrap; align-items: stretch !important; row-gap: 1em; /* Adjust as needed for vertical spacing */ margin: 2em auto; }
	nav li { margin: auto; margin: .5em auto; width: 50%; }
	nav a { font-weight: bolder; }
	li#bookmarkRibbon, li#volunt { display: none !important; }
	section { max-width: 300px; width: 95% !important; margin: auto !important; display: block !important; padding: auto !important; }
	#photos { flex-flow: column wrap; }
	#photos img { margin: 5px auto; }
	article { width: 100% !important; margin: auto !important; display: flex !important; flex-flow: column; }
	article p, h2, h3 { text-align: center; }
	article h2 { font-size: 1.25em;  }
	#news { flex-direction: column; }
/*	#news article { margin: 0 !important; }
*/	#news button { max-width: 300px; }
		#banews { margin-left: auto !important; }
	footer { padding-bottom: 5% !important; }
	.showmob { display: block !important; }
	.hidemob { display: none !important; }
}
/*
@media only screen and (max-width: 800px) and (orientation: landscape) { */
  /* CSS rules for phone-sized devices in landscape orientation */
/*	main { flex-flow: column-reverse wrap !important; padding: none !important; }
	nav { flex-flow: row nowrap !important; width: 100% !important; }
} */

/* Landscape 
@media only screen 
  and (min-device-width: 360px) 
  and (max-device-width: 812px)
  and (orientation: landscape) {

	main { flex-flow: column-reverse wrap !important; padding: none !important; }
	nav { flex-flow: row nowrap !important; width: 100% !important; }
	  
}*/

/*@media screen and (max-width: 1024px) and (orientation: landscape) {
    main { flex-flow: column-reverse wrap; width: 90%; margin: 0; padding: auto; }
    nav { width: 100% !important; display: flex; flex-direction: row !important; justify-content: flex-end; align-content: space-around; align-items: flex-start; margin: auto; }
	#nav > ul { max-width: 50%;  }
    div.nav-ad { width: 50%; max-width: 300px; }
	article#banews { display: flex; flex-flow: row nowrap; }
	#storeinfo { font-size: smaller; }
}*/


@media screen and (min-width: 481px) and (max-width: 1200px) {
	#container { width: 100%; }
	h1 { font-size: 2.5em; display: block; width: 100%; margin: auto !important; text-align: center; }
	#storelogoba { width: 50%; order: 1; }
	.batagline { font-size: .8em; text-align: center; width: 100%; margin: auto; display: block; }
	div#storeinfo p { font-size: 1em; }
	header { align-items: center; }
	#storeinfo { flex-grow: 3 !important; order: 2; width: 50%; }
	#catbooks { order: 2; width: 50%; align-self: flex-start; }
	#photos { flex-flow: column wrap; align-content: space-between; align-items: stretch; }
	#photos img { margin: 5px auto; }
	#news { width: 100%; flex-flow: column wrap; }
	.showmob { display: block; }
	.hidemob { display: none !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;
	}
}*/