/* 
  Display Mode Auto
  Prefix: #rdo_SiteModeDesktop:not(:checked) ~ #box_PageContainer 
*/
@media screen and (max-width: 979px) {
  #rdo_SiteModeDesktop:not(:checked) ~ #box_PageContainer header {
    background-color:rgb(255,255,255);
    box-sizing:content-box;
    position:sticky;
    top:0;
    text-align:left;
    z-index:1;
  }

  #rdo_SiteModeDesktop:not(:checked) ~ #chk_MenuShow:checked ~ #box_PageContainer header {
    /*border-bottom:0.25rem solid #CC0000;*/
    border-bottom:0.25rem solid rgb(228, 230, 235);
  }

  #rdo_SiteModeDesktop:not(:checked) ~ #box_PageContainer header>.main_logo {
    display:none;
  }

  #rdo_SiteModeDesktop:not(:checked) ~ #box_PageContainer header>h1 { 
    padding: 0;
  }

  #rdo_SiteModeDesktop:not(:checked) ~ #box_PageContainer #lnk_MobileMode {
    display:none;
  }

  #rdo_SiteModeDesktop:not(: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_SiteModeDesktop:not(:checked) ~ #box_PageContainer .mobile_Toolbar>:before {
    font-family:FontAwesomeSolid;
    font-size:2.3rem;
    font-weight:900;
    cursor:pointer;
  }

  /* The menu icon */
  #rdo_SiteModeDesktop:not(:checked) ~ #box_PageContainer #lbl_MenuShow:before{
    content:"\f0c9";
  }

  #rdo_SiteModeDesktop:not(:checked) ~ #chk_MenuShow:checked ~ * #lbl_MenuShow:before{
    content:"\f00d";
  }

  #rdo_SiteModeDesktop:not(:checked) ~ #chk_MenuShow:checked ~ #box_PageContainer {
    max-height:1vh;
  }

  /* My Account Icon */
  /*#rdo_SiteModeDesktop:not(: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_SiteModeDesktop:not(:checked) ~ #box_PageContainer #btn_ShoppingCart:before {
    content:"\f07a";
    font-size:1.7rem;
    line-height:2.1rem;
    padding-top:0.2rem;
    vertical-align:top;
  }

  #rdo_SiteModeDesktop:not(:checked) ~ #box_PageContainer #btn_ShoppingCart {
    display: inline-block;
    position:relative;
    vertical-align:top;
  }

  #rdo_SiteModeDesktop:not(:checked) ~ #box_PageContainer #btn_ShoppingCart>span {
    /*color:#0000FF;*/
    color:rgb(255,255,255);
    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_SiteModeDesktop:not(: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_SiteModeDesktop:not(:checked) ~ #chk_MenuShow:checked ~ * .mobile_Toolbar :not(#lbl_MenuShow) {
    display:none;
  }

  /* Show menu in mobile format */
  #rdo_SiteModeDesktop:not(:checked) ~ #box_PageContainer #menuSearchBox {
    /*color:#FFFFFF;*/
    color:rgb(0,0,0);
    font-size:0.875rem;
  }

  #rdo_SiteModeDesktop:not(:checked) ~ #box_PageContainer #menuSearchBox ul {
    list-style:none;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
    /*margin:3em 0 0.2rem;*/
    margin:0;
    padding:0;
  }

  #rdo_SiteModeDesktop:not(:checked) ~ #box_PageContainer #menuSearchBox li {
    margin:0 0.5rem;
  }

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

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

  #rdo_SiteModeDesktop:not(:checked) ~ #box_PageContainer #menuSearchBox  div {
    display:flex;
    flex-direction:column;
    line-height:1.75em;
  }

  #rdo_SiteModeDesktop:not(:checked) ~ #box_PageContainer #menuSearchBox a {
    /*color:#FFFFFF;*/
    color:rgb(0,0,0);
    padding-left:.5em;
  }

  #rdo_SiteModeDesktop:not(:checked) ~ #box_PageContainer #menuSearchBox a:focus, #menuSearchBox a:hover {
    /*background:rgba(255,255,255,.35);*/
    background:rgba(0,0,0,0.2);
    /*color:#FFFFFF;*/
  }

  #rdo_SiteModeDesktop:not(:checked) ~ #box_PageContainer #menuSearchBox .searchArea {
    display:flex;
    flex-grow:1;
    margin:.5rem 0 0;
    position:relative;
  }

  #rdo_SiteModeDesktop:not(:checked) ~ #box_PageContainer #menuSearchInput {
    /*border:solid 0 #CC0000;*/
    border:solid 0 rgb(228, 230, 235);
    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_SiteModeDesktop:not(:checked) ~ #chk_MenuShow:checked ~ * #menuSearchBox {
    /*background:#0000FF;*/
    background:rgb(255,255,255);
    display:block;
    flex-grow:1;
    left:0;
    overflow:auto;
    overflow-x:hidden;
    position:relative;
    width:100%;
  }

  #rdo_SiteModeDesktop:not(: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_SiteModeDesktop:not(: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;*/
    text-shadow:0 0 2px transparent;
  }

  #rdo_SiteModeDesktop:not(: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;*/
    text-shadow:0 0 2px rgb(0,0,0);
  }

  #rdo_SiteModeDesktop:not(:checked) ~ #chk_MenuShow:checked ~ * #menuSearchBox ~ * {
    display:none;
  }

  /* Content fix for small screens */
  #rdo_SiteModeDesktop:not(:checked) ~ #box_PageContainer .box_Content,
  #rdo_SiteModeDesktop:not(:checked) ~ #box_PageContainer .box_HomeContent {
    border-left:none;
    border-right:none;
  }

  /* Registration screen for mobile */
  #rdo_SiteModeDesktop:not(:checked) ~ #box_PageContainer .fieldKey {
    display:none;
  }

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

  #rdo_SiteModeDesktop:not(:checked) ~ #box_PageContainer  #box_BodyContainer {
    padding:.2rem;
  }

  /* New Instructor videos controls */
  .box_VideoCategoryFilters,
  .box_VideoCategoryDownloads {
    flex-direction:column;
  }
  
  .box_VideoCategoryFilters > *:not(:last-child),
  .box_VideoCategoryDownloads > *:not(:last-child)  {
    border-bottom:solid 1px #000000;
  }

  .box_CategoryTabs {
    align-items:center;
    display:flex;
    flex-direction:column-reverse;      
  }
    
  .tabBox {
    min-height:unset;
  }
    
  .img_Category {
    margin-right:1ch;
    margin-top:1ch;
  }
}

/* Our References */
@media screen and (max-width: 960px) {
  #rdo_SiteModeDesktop:not(:checked) ~ #box_PageContainer .referencesTable {
    column-count: 2;
  }
}

@media screen and (max-width: 640px) {
  #rdo_SiteModeDesktop:not(:checked) ~ #box_PageContainer .referencesTable {
    column-count: 1;
  }
}