@import url("/pages/menucss?ts=");
/* /PageLayout/sitecss */

.logged-in { display:none }
.logged-out { }
.priv-ybeditor { display:none }
.priv-not-ybeditor { }
.priv-edit { display:none }
.priv-not-edit { }
.priv-admin { display:none }
.priv-not-admin { }
.edithtmlbody {background-color:white;background-image:none;}
.edithtmlbody .logged-in {display:block}
.edithtmlbody .logged-out {display:block}

@charset "UTF-8";
/* Basic Layout */
/*@mixin bflayout-allwidths($w) {
    $w: $w + 0px;

    #bfmiddle > div {
        padding: 0;
        max-width: $w;
    }

    #bfmenubar > div {
        padding: 0;
        max-width: $w;
    }

    #bfheader > div {
        padding: 0;
        max-width: $w;
    }

    #bffooter > div {
        padding: 0;
        max-width: $w;
    }
}*/
/* TBD - replace with generic text-font mixin.  */
/*          i.e. "@include bfheader-h1-text(...) -->  #bfheader{ h1 { @include font-text(...) } } */
/*@mixin bfmenubar-colors($bgcolor, $bghovercolor, $txtcolor, $txthovercolor) {*/
/* define bg and text colors for menu */
/*$effective-bg: if($bgcolor == transparent, rgba(0, 0, 0, 0.7), $bgcolor);

    #bfmenubar {
        // Base background
        background-color: $bgcolor !important;

        nav.navbar.bg-dark {
            background-color: $bgcolor !important;
        }
        // Force background only when collapsed
        @media (max-width: 991.98px) {
            background-color: $effective-bg !important;

            nav.navbar.bg-dark {
                background-color: $effective-bg !important;
            }
        }
        // ✨ Custom link + hover styles only on wide screens
        @media (min-width: 992px) {
            nav.navbar-dark .navbar-nav .nav-link {
                color: $txtcolor;

                &:hover,
                &:focus {
                    color: $txthovercolor;
                }
            }

            .nav-item:hover {
                background-color: $bghovercolor;
            }
        }
    }
}*/
/********************************************************************************************************/
/*      Old mixins - probably not used */
/********************************************************************************************************/
/* Navbar */
/********************************************************************************************************/
/* Menu */
/********************************************************************************************************/
/* Buttons */
#bfmenubar {
  background-color: #D27D37 !important; }
  #bfmenubar nav.navbar.bg-dark {
    background-color: #D27D37 !important; }
  @media (max-width: 991.98px) {
    #bfmenubar {
      background-color: #D27D37 !important; }
      #bfmenubar nav.navbar.bg-dark {
        background-color: #D27D37 !important; } }
  @media (min-width: 992px) {
    #bfmenubar nav.navbar-dark .navbar-nav .nav-link {
      color: white; }
      #bfmenubar nav.navbar-dark .navbar-nav .nav-link:hover, #bfmenubar nav.navbar-dark .navbar-nav .nav-link:focus {
        color: white; }
    #bfmenubar .nav-item:hover {
      background-color: #D27D37; } }

/* define font style for menu (tbd - use generic font-text mixin) */
#bfmenubar li.nav-item, #bfmenubar ul.dropdown-menu li, #bfmenubar li.nav-item a:link, #bfmenubar li.nav-item a:active, #bfmenubar li.nav-item a:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700; }

/* define bg and text colors for menu dropdown */
#bfmenubar .dropdown-menu {
  background-color: #323232; }
  #bfmenubar .dropdown-menu .dropdown-item {
    background-color: #323232;
    color: white; }
    #bfmenubar .dropdown-menu .dropdown-item:hover {
      background-color: white;
      color: #D27D37; }

#bfheader {
  background-color: #383838; }
  #bfheader .sitename {
    font-family: 'Roboto Slab', serif;
    color: #ea7617;
    font-size: 1.8em;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px; }
    #bfheader .sitename a:hover {
      text-decoration: none; }
    #bfheader .sitename a:active, #bfheader .sitename a:visited {
      color: #ea7617; }