:root {
	--display-font-family: Suez One;
	--body-font-family: Montserrat;

	--font-size: 16px

	--logo-padding: 14px;
	--logo-height: 100px;

	--header-width: 100%;
	--header-border-position: bottom;
	--header-border-size: 8px;
	--header-bg-color: 0 4 53;
	--header-border-color: 0 4 53;

	--brand-color: 0 4 53;
	--brand-color-inverted: 255 255 255;

	--background-color: 255 15 ;
	--text-color: 61 61 61;
	--link-color: 178 34 34;

	--action-color: 178 34 34;
	--action-color-inverted: 255 15 ;

	--announcement-bar-bg-color: 178 34 34;
	--announcement-bar-text-color: 255 255 255;
	--announcement-bar-link-color: 61 61 61;

	--main-navigation-bg-color: 0 4 53;
	--main-navigation-link-color: 255 255 255;
	--main-navigation-link-color-hover: 178 34 34;
	--main-navigation-link-bg-color: 44 81 112;
	--main-navigation-link-font-size: 17px;
	--main-navigation-link-alignment: center;

	--auxiliary-bg-color: transparent;
	--auxiliary-border-color: transparent;
	--auxiliary-link-color: 255 255 255;

	--order-status-bg-color: 245 245 245;
	--order-status-color: 178 34 34;

	--store-menu-bg_color: 248 248 248;
	--store-menu-color: 119 7 ;

	--footer-bg-color: 0 4 53;
	--footer-color: 255 15 ;
	--footer-link-color: 255 15 ;
}

/*Custom Styles*/
#bvbc-story-section {
  font-family: Arial, sans-serif;
  max-width: 800px;
  margin: auto;
  padding: 20px;
  line-height: 1.6;
}

#bvbc-story-section .bvbc-heading {
  font-size: 28px;
  color: #000435;
  margin-bottom: 16px;
}

#bvbc-story-section p {
  margin-bottom: 16px;
  font-size: 16px;
  color: #333;
}
  
  .bvbc-read-story-link {
  display: inline-block;
  padding: 10px 18px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  color: #b22222;
  border: 2px solid #b22222;
  border-radius: 6px;
  background-color: #fff5f5;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease;
  transform: translateY(0); /* no animation needed */
}
/* Make location warning bar stand out and pulse */
.location-warning {
  background-color: #b22222;
  color: #ffffff;
  font-weight: bold;
  padding: 12px 16px;
  text-align: center;
  border-bottom: 4px solid #000435;
  animation: pulseBar 1.5s ease-in-out 2;
}

@keyframes pulseBar {
  0% { transform: scale(1); }
  50% { transform: scale(1.02); }
  100% { transform: scale(1); }
}