/* Belgrade uses bootstrap, for ex bg-dark, so add some class */
/* Drupal Theme Settings changed top region from .bg-dark to .bg-dark-fhs */
.bg-dark-fhs {
  --beo-bg-opacity: 1;
  background-color: #020212;
}
/* change header class in Belgrade */
.py-5-fhs {
  padding-top: 5px; 
  padding-bottom: 5px;
}

/* navbar needs min height for menu label under hamburger */
.region-top-bar {
  /* min-height: 84px; */
  height: auto !important;
  border-bottom: 6px ridge #1290FF;
  margin-bottom: 2px;
}

/* for small screen limit width of topbrandinfo */
@media screen and (min-width: 769px) {
	.region-top-bar #block-belgrade-topnavbrandinfo {
	  max-width: 500px;
 }
}
@media screen and (max-width: 768px) {
	.region-top-bar #block-belgrade-topnavbrandinfo {
	  min-width: 230px;
 }
}

/* tweak FHS title to wrap following address */
.region-top-bar #block-belgrade-topnavbrandinfo #contactinfodiv1 #frontFHStitle {
	font-size: 14px; 
	font-weight: 900;
	font-variant: small-caps;
}
.region-top-bar #block-belgrade-topnavbrandinfo #contactinfodiv1 .wrapcontactinforemainder {
  font-size: 95%;
}

/* mobile phones not seeing dept. menu, snakeksin try increasing margins */
/* .region-top-bar #block-belgrade-extensive { min-width: 90px; } */
/* region-top-bar #block-belgrade-departments {min-width: 90px; } */

/* don't display Belgrade hambuger header with branding */
  #navigationRegion .offcanvas-header {max-height: 70px; }

/* Try hinding Belgrade hamburger, hopefully SFmenu will do it as needed */
  .navigation-toggle { display: none; }

/* belgrade region-header has to much padding 48 0 margin 24 0 */
/*
section.region-header {
	margin-top: 0.75rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 1.5rem !important;
}
*/
/*
section.region-header #block-belgrade-departments .sf-menu {
  font-size: 90%;
}
*/

/* body.front #block-system-main, body.front #block-views-catalog-donation-block-2 {
  margin-bottom: 1em;
  background-color: rgba(255, 255, 136, 0.8);
  padding: 0.2em 1em 0.2em 1em;
  border: 1px solid rgba(68, 68,71, 0.6);
  border-radius: 1em;
} */


/* DIY Header Block Styling, including sprites */ 

/* #shopsprite72wmonolog, #fhsqsprite72x108wmonolog {color: white; font-size: 100%; } */

/* #shopsprite72wmonolog a, #fhsqsprite72x108wmonolog a {color: white; }  */

/* #shopsprite72wmonolog a:link, #fhsqsprite72x108wmonolog a:link {color: white; } */

#shopsprite72wmonolog a:hover, #fhsqsprite72x108wmonolog a:hover {color: #9ff4c1; } 

#shopsprite72wmonolog a:active, #fhsqsprite72x108wmonolog a:active {color: yellow; }

#shopsprite72w{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 72px;
        height: 72px;
        background: url('/sites/myfloridahistory.org/files/images/clipart/shoppingbldg-vector-sprite_72w.png') bottom;
        background-position: 0 0px;}

#shopsprite72w:hover {background-position: 0 -72px; }

#fhsqsprite72x108 {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 72px;
        height: 108px;
        background: url('/sites/myfloridahistory.org/files/images/clipart/fhsquarterly-sprite_72x216.png') bottom;
        background-position: 0 0px;
}

#fhsqsprite72x108:hover {background-position: 0 -108px;}