/* Something Common UI 1.4.0 -- store stylesheet incl. original SlickNav styles */

/* Lightbox */
.sc-cbox-overlay[hidden], .sc-cbox[hidden] { display:none !important; }
.sc-cbox-overlay { position:fixed; inset:0; z-index:9998; }
.sc-cbox { position:fixed; z-index:9999; top:50%; left:50%; transform:translate(-50%, -50%);
  max-width:94vw; max-height:88vh; overflow:hidden; box-sizing:border-box;
  background:#fff; box-shadow:0 10px 45px rgba(0,0,0,.35); border-radius:4px; color:#222; }
.sc-cbox-panel { position:relative; width:100%; box-sizing:border-box; padding:38px 12px 12px; }
.sc-cbox-content { overflow:auto; max-height:calc(88vh - 112px); text-align:center; }
.sc-cbox-photo { display:block; max-width:100%; max-height:calc(88vh - 112px); width:auto; height:auto; margin:auto; }
.sc-cbox-image-click-next .sc-cbox-photo { cursor:pointer; }
.sc-cbox-iframe { display:block; border:0; width:100%; height:100%; min-height:250px; }
.sc-cbox-close { position:absolute; top:4px; right:7px; width:32px; height:32px; border:0;
  cursor:pointer; background:transparent; font:26px/1 sans-serif; color:#333; }
.sc-cbox-footer { min-height:30px; display:flex; align-items:center; gap:8px; padding-top:7px; }
.sc-cbox-meta { min-width:0; flex:1; font:13px/1.5 sans-serif; text-align:center; }
.sc-cbox-caption { overflow-wrap:anywhere; }
.sc-cbox-count { color:#777; }
.sc-cbox-prev, .sc-cbox-next, .sc-cbox-play { flex:none; border:0; background:#eee; color:#222;
  cursor:pointer; border-radius:3px; min-width:29px; height:29px; font-size:21px; line-height:1; }
.sc-cbox-play { font-size:12px; }
.sc-cbox button:focus-visible { outline:2px solid #0677c8; outline-offset:2px; }

/* Background slideshow */
.sc-bg-host { isolation:isolate; }
.sc-bg-layer { display:block; position:absolute; inset:0; pointer-events:none; z-index:0; }
.sc-bg-content { position:relative; z-index:2; }


/* Original storefront SlickNav CSS (preserved) */
.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:0.438em 0.625em 0.438em 0.625em;line-height:1.125em;cursor:pointer;}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar{margin-top:0.3em;}
.slicknav_menu{*zoom:1;}
.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left;}
.slicknav_menu .slicknav_icon{float:left;margin:0.188em 0 0 0.438em;}
.slicknav_menu .slicknav_no-text{margin:0;}
.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:0.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);}
.slicknav_menu:before{content:" ";display:table;}
.slicknav_menu:after{content:" ";display:table;clear:both;}
.slicknav_nav{clear:both;}
.slicknav_nav ul{display:block;}
.slicknav_nav li{display:block;}
.slicknav_nav .slicknav_arrow{font-size:0.8em;margin:0 0 0 0.4em;}
.slicknav_nav .slicknav_item{cursor:pointer;}
.slicknav_nav .slicknav_item a{display:inline;}
.slicknav_nav .slicknav_row{display:block;}
.slicknav_nav a{display:block;}
.slicknav_nav .slicknav_parent-link a{display:inline;}
.slicknav_brand{float:left;}
.slicknav_menu *{box-sizing:border-box;}
.slicknav_btn{margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#222;}
.slicknav_nav{color:#fff;margin:0;padding:0;font-size:0.875em;list-style:none;overflow:hidden;}
.slicknav_nav ul{list-style:none;overflow:hidden;padding:0;margin:0 0 0 20px;}
.slicknav_nav .slicknav_row{padding:15px 10px;}
.slicknav_nav .slicknav_row:hover{background:#ccc;color:#fff;}
.slicknav_nav a{padding:15px 10px;text-decoration:none;color:#fff;}
.slicknav_nav a:hover{background:#ccc;color:#222;}
.slicknav_nav .slicknav_txtnode{margin-left:15px;}
.slicknav_nav .slicknav_item a{padding:0;margin:0;}
.slicknav_nav .slicknav_parent-link a{padding:0;margin:0;}
.slicknav_brand{color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px;}


#top-menu>li{width:160px;height:30px;text-align:center;margin:0px 2px;position:relative;z-index:1;background:#999;box-shadow: -5px 12px 2px -10px #333 inset;}
#top-menu li a{padding:7px 0;height:30px;color:#fff;display:block;box-sizing: border-box;}
#top-menu>li a:hover{background:#b20b1e;box-shadow: -5px 12px 2px -10px #660510 inset;}
#top-menu li a:active{color:#b20b1e;}
#top-menu li ul.sub-menu{display:none;position:absolute;width:100%;top:30px;left:0;}
#top-menu li:hover ul.sub-menu{display:block;}
#top-menu li ul.sub-menu ul{width:100%;display:block;}
#top-menu li ul.sub-menu li{background:#b20b1e;width:100%;height:30px;display:block;border-top:thin solid #fff;}
#top-menu li ul.sub-menu li:hover{background: #666;}
#top-menu li ul.sub-menu li a:hover{opacity: 0.6;box-shadow:none;}

.slicknav_menu{font-size: 100%; background-color:#b20b1e!important;box-sizing:border-box;background:#4c4c4c;padding:5px 0;}
.slicknav_menu .slicknav_menutxt{font-size: 120%;color:#fff;font-weight:bold; text-shadow: none!important;box-shadow: none!important;}
.slicknav_menu .slicknav_icon-bar{background:#fff!important;box-shadow: none!important;}
.slicknav_menu a:hover{color:#fff !important;}
.slicknav_btn{background-color:#b20b1e !important;}

.slicknav_nav li{border-top:1px solid #fff;padding:0;}
.slicknav_nav li.pc_on{display: none!important;}

.slicknav_nav .slicknav_row:hover{background:#999 !important;}
.slicknav_nav a:hover{background:#999 !important;}
i.fa{font-size:18px;}
i.fa.fa-caret-right{display:none;}
#top-menu{display:none;}

@media screen and (min-width:641px){body{margin:0;}
#content{margin:0;}
#top-menu{display: flex;flex-direction: row; justify-content: center;}
.slicknav_menu{display:none;}
i.fa.fa-caret-right{font-size:14px;display:inline-block;}
}

/* Matching navigation markup generated by the new common.js */
.slicknav_menu .slicknav_btn {
  border: 0;
  color: #fff;
  font-family: inherit;
  font-size: inherit;
}
.slicknav_menu .slicknav_arrow {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  min-width: 32px;
  height: 32px;
  border: 0;
  cursor: pointer;
  background: rgba(255,255,255,.12);
  color: #fff;
}
.slicknav_menu .slicknav_nav > li,
.slicknav_menu .slicknav_submenu > li { position: relative; }
.slicknav_menu button:focus-visible { outline: 2px solid white; outline-offset: 2px; }
/* Maintain the original 640/641px breakpoint, not the previous 767px. */

/* v1.4: make the whole parent menu label a mobile accordion target.
   PC #top-menu remains a regular link and is unaffected. */
@media screen and (max-width:640px) {
  .slicknav_menu .slicknav_parent > a[role="button"] {
    display: block;
    padding-right: 46px;
    cursor: pointer;
  }
}
