/* 
  Display Mode Auto
  Prefix: #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer 
*/
@media screen and (min-width: 980px) {
  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer header {
    background-color:#FFFFFF;
    text-align:center;
  }

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

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer #lnk_DesktopMode {
    display:none;
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer #btn_MobileLogo {
    display:none;
  }

  /* Menu Style */
  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer #menuSearchBox {
    /*background: url(/img/newsite/menu_background.png);*/
    background: url(/img/newsite/menu_background.png);
    display:flex;
    flex-direction:column;
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer nav {
    align-self:center;
    display:flex;
    flex-direction:column;
    font-family:helvetica, verdana, arial, sans-serif;
    font-size:15px;
    height: 48px;
    max-width:100%;
    overflow:hidden;
    top: 110px;
    width: 960px;
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer nav>ul {
    align-self:center;
    display:flex;
    height: 48px;
    line-height: 48px;
    list-style:none;
    margin:0;
    max-width:100%;
    padding:0;
    position: absolute;
    width:960px;
    z-index:102;
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer nav>ul>li>a,
  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer nav>ul>li>span{
    border-left:solid 1px rgb(228, 230, 235);
    /*border-right:solid 1px black;*/
    padding:8px 5px;
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer nav>ul>li>span {
    cursor:default;
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer nav>ul>li:first-of-type>a, #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer nav>ul>li:first-of-type>span {
    /*border-left-width: 2px;*/
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer nav>ul>li:nth-last-child(-n+2)>a {
    /*border-right-width:2px;*/
    border-right:solid 1px rgb(228, 230, 235);
  }
  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer nav>ul>li:last-of-type {
    display:flex;
    flex-direction: row-reverse;
    flex-grow:1;
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer nav>ul>li:not(:last-of-type):hover {
    /*background: rgba(255,255,255,0.8);*/
    background: rgba(0,0,0,0.2);
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer nav>ul>li>.ico_MenuStyling {
    /*vertical-align:top;*/
    text-decoration:none;
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer nav>ul>li>.ico_MenuStyling>.title {
    display:inline-block;
    overflow:hidden;
    position:relative;
    text-decoration:none;
    text-indent:100px;
    width:36px;
    vertical-align: top;
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer nav>ul>li>.ico_MenuStyling>.title:before {
    font-family:FontAwesomeSolid;
    font-size:30px;
    position:absolute;
    right:0;
    text-align:center;
    text-decoration:none;
    text-indent:0;
    width:100%;
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer nav>ul>li>.ico_MenuStyling>.title.cart:before {
    content:"\f07a";
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer nav>ul>li>.ico_MenuStyling>.title.checkout:before {
    content:"\f788";
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer nav>ul>li>.ico_MenuStyling>.title.account:before {
    content:"\f007";
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer nav>ul>li>.ico_MenuStyling>.title.cart>span {
    /*color:#0000FF;*/
    color:rgb(255,255,255);
    font-size: 12px;
    font-weight: bold;
    left: 0;
    margin-top: -3px;
    position: absolute;
    text-align: center;
    text-decoration:none;
    text-indent: 5px;
    text-shadow:0px 0px 1px #FFFFFF;
    width: 100%;
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer nav .nav-submenu ul {
    background: rgba(255,255,255,0.95);
    border-bottom: solid 0px #D30000;
    box-sizing:border-box;
    display:flex;
    flex-direction: column;
    line-height:1.2em;
    list-style:none;
    margin: 0;
    max-height:0;
    padding:0;
    position: absolute;

    -webkit-transition: max-height 750ms ease, border 750ms linear 0ms;
    -moz-transition: max-height 750ms ease, border 750ms linear 0ms;
    -ms-transition: max-height 750ms ease, border 750ms linear 0ms;
    -o-transition: max-height 750ms ease, border 750ms linear 0ms;
    transition: max-height 750ms ease, border 750ms linear 0ms;
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer nav .nav-submenu:hover ul {
    border-bottom: solid 3px #D30000;
    max-height:4000px;
    z-index: 1;

    -webkit-transition: height 750ms ease;
    -moz-transition: height 750ms ease;
    -ms-transition: height 750ms ease;
    -o-transition: height 750ms ease;
    transition: height 750ms ease;

    -webkit-transition: max-height 250ms ease;
    -moz-transition: max-height 250ms ease;
    -ms-transition: max-height 250ms ease;
    -o-transition: max-height 250ms ease;
    transition: max-height 250ms ease;
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer nav li {
    white-space:nowrap;
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer nav .nav-submenu ul>li {
    display:flex;
    flex-shrink:1;
    overflow:hidden;
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer nav .nav-submenu ul>li:hover {
    background: url(/img/newsite/dropdown_highlight.png);
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer nav>ul>li>a, #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer nav>ul>li>span {
    /*color:white;*/
    color:#000000;
    text-decoration:none;
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer nav>ul>li ul>li>a {
    color: black;
    display: inline-block;
    padding:3px;
    text-decoration:none;
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer nav>ul>li ul>li:hover>a {
    color:white;
  }

  /* Sub-Menus */
  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer .nav-submenu .child {
    background: rgba(255,255,255,0.95);
    /*border-bottom: solid 0px #D30000;*/
    border-bottom: solid 0px rgb(228, 230, 235);
    display: flex;
    flex-direction:column; 
    line-height:1.2em;
    max-height: 0;
    overflow: hidden;
    position: absolute;

    -webkit-transition: max-height 750ms ease, border 750ms ease 0ms;
    -moz-transition: max-height 750ms ease, border 750ms ease 0ms;
    -ms-transition: max-height 750ms ease, border 750ms ease 0ms;
    -o-transition: max-height 750ms ease, border 750ms ease 0ms;
    transition: max-height 750ms ease, border 750ms ease 0ms;
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer .nav-submenu:hover .child {
    max-height:4000px;
    border-bottom-width: 3px;
    max-height:4000px;
    z-index: 1;

    -webkit-transition: height 750ms ease;
    -moz-transition: height 750ms ease;
    -ms-transition: height 750ms ease;
    -o-transition: height 750ms ease;
    transition: height 750ms ease;

    -webkit-transition: max-height 250ms ease;
    -moz-transition: max-height 250ms ease;
    -ms-transition: max-height 250ms ease;
    -o-transition: max-height 250ms ease;
    transition: max-height 250ms ease;
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer .nav-submenu>.child>a {
    color: black;
    display: inline-block;
    padding:3px;
    text-decoration:none;
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer .nav-submenu>.child>a:hover {
    /*background:rgba(0,0,255,1);*/
    background:rgb(128,128,128);
    color:white;
  }

  /* Search field styling */
  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer #menuSearchInput {
    box-sizing:border-box;
    font-size:15px;
    margin:7px 0 9px 5px;
    padding:2px;
    padding-right: 2em;
    -webkit-transition: all 750ms ease 750ms;
    -moz-transition: all 750ms ease 750ms;
    -ms-transition: all 750ms ease 750ms;
    -o-transition: all 750ms ease 750ms;
    transition: all 750ms ease 750ms;
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer #menuSearchInput:focus, #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer #menuSearchInput:hover, #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer #menuSearchButton:hover+#menuSearchInput {
    flex-grow:1;
    -webkit-transition: all 750ms ease;
    -moz-transition: all 750ms ease;
    -ms-transition: all 750ms ease;
    -o-transition: all 750ms ease;
    transition: all 750ms ease;
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer #menuSearchInput::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-style:italic;
    text-align:center;
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer #menuSearchInput::-moz-placeholder { /* Firefox 19+ */
    font-style:italic;
    text-align:center;
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer #menuSearchInput:-ms-input-placeholder { /* IE 10+ */
    font-style:italic;
    text-align:center;
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer #menuSearchInput:-moz-placeholder { /* Firefox 18- */
    font-style:italic;
    text-align:center;
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer #menuSearchInput::placeholder {
    font-style:italic;
    text-align:center;
  }

  /*#rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer #menuSearchButton {
    background-image: url(/ext/jquery/ui/redmond/images/ui-icons_469bdd_256x240.png);
    background-position: -160px -112px;
    background-repeat: no-repeat;
    border: 0px none;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    text-indent: -99999px;
    top: 16px;
    height: 16px;
    width: 16px;
    vertical-align: middle;
  }*/

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer #menuSearchButton {
    background:none;
    border:0;
    cursor:pointer;
    font-family:FontAwesomeSolid;
    font-size:1.25em;
    height:2.5rem;
    margin-top:0.2rem;
    position:absolute;
    right:0;
    width:2rem;
    z-index:1;
  }

  #rdo_SiteModeMobile:not(:checked) ~ #box_PageContainer #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_SiteModeMobile:not(:checked) ~ #box_PageContainer #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);
  }

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