/*
  Display mode mobile
  Prefix: #rdo_SiteModeMobile:checked ~ #box_PageContainer 
*/
#rdo_SiteModeMobile:checked ~ #box_PageContainer header {
  background-color:#0000FF;
  box-sizing:content-box;
  text-align:left;
  /*height:2.5rem;*/
  z-index: 2;
  width: 100%;
}

#rdo_SiteModeMobile:checked ~ #chk_MenuShow:checked ~ #box_PageContainer header {
  border-bottom:0.25rem solid #CC0000;
}

#rdo_SiteModeMobile:checked ~ #box_PageContainer header>.main_logo {
  display:none;
}

#rdo_SiteModeMobile:checked ~ #box_PageContainer header>h1 { 
  padding: 0;
}

#rdo_SiteModeMobile:checked ~ #box_PageContainer #lnk_MobileMode {
  display:none;
}

#rdo_SiteModeMobile:checked ~ #box_PageContainer .mobile_Toolbar {
  display:inline-block;
  height: 2.5rem;
  position:absolute;
  right:0;
  user-select:none;
  vertical-align:top;
  z-index:2;
}

#rdo_SiteModeMobile:checked ~ #box_PageContainer .mobile_Toolbar>:before {
  font-family:FontAwesomeSolid;
  font-size:2.3rem;
  font-weight:900;
  cursor:pointer;
}

/* The menu icon */
#rdo_SiteModeMobile:checked ~ #box_PageContainer #lbl_MenuShow:before{
  content:"\f0c9";
}

#rdo_SiteModeMobile:checked ~ #chk_MenuShow:checked ~ * #lbl_MenuShow:before{
  content:"\f00d";
}

#rdo_SiteModeMobile:checked ~ #chk_MenuShow:checked ~ #box_PageContainer {
  max-height:1vh;
}

/* My Account Icon */
#rdo_SiteModeMobile:checked ~ #box_PageContainer #btn_MyAccount:before {
  content:"\f007";
  font-size:1.7rem;
  line-height:2.1rem;
  padding-top:0.2rem;
  vertical-align:top;
}

/* Shopping Cart Icon */
#rdo_SiteModeMobile:checked ~ #box_PageContainer #btn_ShoppingCart:before {
  content:"\f07a";
  font-size:1.7rem;
  line-height:2.1rem;
  padding-top:0.2rem;
  vertical-align:top;
}

#rdo_SiteModeMobile:checked ~ #box_PageContainer #btn_ShoppingCart {
  display: inline-block;
  position:relative;
  vertical-align:top;
}

#rdo_SiteModeMobile:checked ~ #box_PageContainer #btn_ShoppingCart>span {
  color:#0000FF;
  display:block;
  font-size:0.7rem;
  font-weight:bold;
  left:0;
  padding-left:0.2rem;
  position:absolute;
  text-align:center;
  text-shadow:0px 0px 1px #0000FF;
  top:0.6rem;
  width:100%;
}

/* Checkout Icon */
#rdo_SiteModeMobile:checked ~ #box_PageContainer #btn_Checkout:before {
  content:"\f788";
  font-size:1.7rem;
  line-height:2.1rem;
  padding-top:0.2rem;
  vertical-align:top;
}

/* Hide other icons when in menu */
#rdo_SiteModeMobile:checked ~ #chk_MenuShow:checked ~ * .mobile_Toolbar :not(#lbl_MenuShow) {
  display:none;
}

/* Show menu in mobile format */
#rdo_SiteModeMobile:checked ~ #box_PageContainer #menuSearchBox {
  color:#FFFFFF;
  font-size:0.875rem;
}

#rdo_SiteModeMobile:checked ~ #box_PageContainer #menuSearchBox nav {
  height:100%;
}

#rdo_SiteModeMobile:checked ~ #box_PageContainer #menuSearchBox ul {
  display:flex;
  flex-direction:column;
  height:100%;
  list-style:none;
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
  margin:0;
  padding:0;
}

#rdo_SiteModeMobile:checked ~ #box_PageContainer #menuSearchBox li {
  margin:0 0.5rem;
}

#rdo_SiteModeMobile:checked ~ #box_PageContainer #menuSearchBox li>span {
  font-size:1.5em;
  font-weight:bold;
  line-height:2em;
}

#rdo_SiteModeMobile:checked ~ #box_PageContainer #menuSearchBox li:not(.nav-submenu) {
  display:none;
}

#rdo_SiteModeMobile:checked ~ #box_PageContainer #menuSearchBox div {
  display:flex;
  flex-direction:column;
  line-height:1.75em;
}

#rdo_SiteModeMobile:checked ~ #box_PageContainer #menuSearchBox a {
  color:#FFFFFF;
  padding-left:.5em;
}

#rdo_SiteModeMobile:checked ~ #box_PageContainer #menuSearchBox a:focus, #rdo_SiteModeMobile:checked ~ #box_PageContainer #menuSearchBox a:hover {
  background:rgba(255,255,255,.35);
  color:#FFFFFF;
}

#rdo_SiteModeMobile:checked ~ #box_PageContainer #menuSearchBox li.searchArea {
  display:flex;
  flex-grow:1;
  margin:.5rem 0 0;
  position:relative;
}

#rdo_SiteModeMobile:checked ~ #box_PageContainer #menuSearchInput {
  border:solid 0 #CC0000;
  border-top-width:0.2rem;
  box-sizing:border-box;
  font-size:2em;
  height:2.7rem;
  left:0;
  padding-left:0.2rem;
  padding-right:2.5rem;
  position:absolute;
  width:100%;
}

#rdo_SiteModeMobile:checked ~ #chk_MenuShow:checked ~ * #menuSearchBox {
  background:#0000FF;
  display:block;
  flex-grow:1;
  left:0;
  overflow:auto;
  overflow-x:hidden;
  position:relative;
  width:100%;
}

#rdo_SiteModeMobile:checked ~ #chk_MenuShow:checked ~ * #menuSearchButton{
  background:none;
  border:0;
  cursor:pointer;
  font-family:FontAwesomeSolid;
  font-size:1.7em;
  height:2.5rem;
  margin-top:0.2rem;
  position:absolute;
  right:0;
  width:2.5rem;
  z-index:1;
}

#rdo_SiteModeMobile:checked ~ #chk_MenuShow:checked ~ * #menuSearchButton:before {
  color:#000000;
  content:"\f002";
  -webkit-transition: text-shadow 0.5s linear;
  -moz-transition: text-shadow 0.5s linear;
  -ms-transition: text-shadow 0.5s linear;
  -o-transition: text-shadow 0.5s linear;
  transition: text-shadow 0.5s linear;
  text-shadow:1px 1px 2px #000000, 1px -1px 2px #000000, -1px 1px 2px #000000, -1px -1px 2px #000000;
}

#rdo_SiteModeMobile:checked ~ #chk_MenuShow:checked ~ * #menuSearchButton:hover:before {
  -webkit-transition: text-shadow 0.2s linear;
  -moz-transition: text-shadow 0.2s linear;
  -ms-transition: text-shadow 0.2s linear;
  -o-transition: text-shadow 0.2s linear;
  transition: text-shadow 0.2s linear;
  text-shadow:1px 1px 2px #0000FF, 1px -1px 2px #0000FF, -1px 1px 2px #0000FF, -1px -1px 2px #0000FF;
}

#rdo_SiteModeMobile:checked ~ #chk_MenuShow:checked ~ * #menuSearchBox ~ * {
  display:none;
}

/* Registration screen for mobile */
#rdo_SiteModeMobile:checked ~ #box_PageContainer .fieldKey {
  display:none;
}

#rdo_SiteModeMobile:checked ~ #box_PageContainer .txt_Registration::-webkit-input-placeholder { 
  color:initial;
  text-align:center;
}
#rdo_SiteModeMobile:checked ~ #box_PageContainer .txt_Registration:-moz-placeholder { 
  color:initial;
  text-align:center;
}
#rdo_SiteModeMobile:checked ~ #box_PageContainer .txt_Registration::-moz-placeholder { 
  color:initial;
  text-align:center;
}
#rdo_SiteModeMobile:checked ~ #box_PageContainer .txt_Registration:-ms-input-placeholder { 
  color:initial;
  text-align:center;
}