.navbar.navbar-StarPitchers {
  color: #fff;
  background-color: #212529;
}
.navbar.navbar-StarPitchers .navbar-collapse {
  background-color: #212529;
  border-color: #212529;
  max-height: 100vh;
  -webkit-overflow-scrolling: touch;
}
.navbar.navbar-StarPitchers .navbar-text {
  color: #808080;
}
.navbar.navbar-StarPitchers a.navbar-link {
  color: #808080;
  background-color: transparent;
}
.navbar.navbar-StarPitchers a.navbar-link:hover,
.navbar.navbar-StarPitchers a.navbar-link:focus {
  color: #fff;
  background-color: #212529;
}
.navbar.navbar-StarPitchers .navbar-brand {
  color: #0853A4;
  background-color: transparent;
}
.navbar.navbar-StarPitchers .navbar-brand:hover,
.navbar.navbar-StarPitchers .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-light button .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light button:hover .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar.navbar-StarPitchers .navbar-toggler {
  color:#fff;
  border-color: #212529;
  background-color: #212529;
}
.navbar.navbar-StarPitchers .navbar-toggler:hover {
  color:#fff;
}
.navbar.navbar-StarPitchers .navbar-toggler:focus,
.navbar.navbar-StarPitchers .navbar-toggler:focus-visible {
  color:#fff;
  outline:none;
}

#login-box {
  text-align:right;
  margin: 0;
}
#login-box > span {
  color:#fff;
}
#login-box label {
  font-size:16px; 
  color:#fff;
  font-weight:700;
}
#login-box #login_id, #login-box #password {
  padding:3px 0 3px 4px; 
  height:24px; 
  width:100px; 
  background:#f6f7fc; 
  margin:0 6px 0 3px; 
  font-size:14px;
}
#login-box .dropdown-menu, .navbar-toggler .dropdown-menu {
  left: -64px;
  min-width: 6rem;
  padding: .3rem;
}
#login-box .dropdown-item, .navbar-toggler .dropdown-item {
  padding: 0 .5rem;
  background:#fff; 
  color: #212529;
  text-align: right;
  font-size: 15px;
  text-decoration: underline;
}
#login-box .dropdown-item:hover, .navbar-toggler .dropdown-item:hover {
  padding: 0 .5rem;
  background:#212529; 
  color: #fff;
  text-align: right;
  font-size: 15px;
  text-decoration: underline;
}
.img-social {
  width: 30px; 
  height: 30px; 
  border-radius: 50%;
}


.navbar.navbar-StarPitchers .form-control {
  color: #666666;
  background-color: #fff;
  border-color: #d4d4d4;
}
.navbar.navbar-StarPitchers .form-control:focus {
  -webkit-box-shadow: inset 0 1px 1px transparent, 0 0 5px #e6e6e6;
  box-shadow: inset 0 1px 1px transparent, 0 0 5px #e6e6e6;
}
.navbar.navbar-StarPitchers .navbar-nav > li[class*="dropdown"].dropdown-onhover:hover > a,
.navbar.navbar-StarPitchers.dropdown-onhover .navbar-nav > li:hover > a[class*="dropdown"] {
  color: #c2c2c2;
  background-color: transparent;
}
.navbar.navbar-StarPitchers .navbar-nav> li > a {
  color: #fff;
  background-color: #212529;
}
.navbar.navbar-StarPitchers .navbar-nav> li > a:focus {
  color: #fff;
  background-color: #212529;
}
.navbar.navbar-StarPitchers .navbar-nav> li > a:hover {
  color: #fff;
  background-color: #0853A4;
}
.navbar.navbar-StarPitchers .navbar-nav> li.open > a {
  color: #fff;
  background-color: #212529;
}
.navbar.navbar-StarPitchers .navbar-nav> li.open > a:hover,
.navbar.navbar-StarPitchers .navbar-nav> li.open > a:focus {
  color: #fff;
  background-color: #0853A4;
}
.navbar.navbar-StarPitchers .navbar-nav> li.active > a {
  color: #fff;
  background-color: #0853A4;
}
.navbar.navbar-StarPitchers .navbar-nav> li.active > a:hover,
.navbar.navbar-StarPitchers .navbar-nav> li.active > a:focus {
  color: #fff;
  background-color: #0853A4;
}
.navbar .btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.navbar .btn-warning {
  padding:3px 5px; 
  margin:2px; 
  font-size:14px; 
  font-weight:700; 
  background-color: #d7a31a;
  border-color: #fff;
  color:#FFF;
}

.navbar .btn-warning:hover { 
  background-color: #fff;
  border-color: #d7a31a;
  color:#d7a31a !important;
}

.navbar.navbar-StarPitchers .dropdown-menu {
  background: #fff;
  color: #0853A4;
  border-color: #fff;
  -webkit-box-shadow: 0 9px 12px -3px rgba(0,0,0,0.3);
  box-shadow: 0 9px 12px -3px rgba(0,0,0,0.3);
}
.navbar.navbar-StarPitchers .navbar-nav>li[class*="dropdown"].dropdown-onhover:hover,
.navbar.navbar-StarPitchers.dropdown-onhover .navbar-nav>li[class*="dropdown"]:hover {
  background-color: transparent;
}
.navbar.navbar-StarPitchers a>span.desc {
  color: #999999;
}
.navbar.navbar-StarPitchers a:hover>span.desc {
  color: #999999;
}

.navbar.navbar-StarPitchers .btn-default {
  color: #3b3b3b;
  background-color: #fff;
  border-color: #d4d4d4;
}
.navbar.navbar-StarPitchers .btn-default:hover,
.navbar.navbar-StarPitchers .btn-default:focus,
.navbar.navbar-StarPitchers .btn-default:active,
.navbar.navbar-StarPitchers .btn-default.active {
  color: #3b3b3b;
  background-color: #f0f0f0;
  border-color: #b3b3b3;
}
.navbar.navbar-StarPitchers .dropdown-menu .btn-default {
  color: #3b3b3b;
  background-color: #fff;
  border-color: #d4d4d4;
}
.navbar.navbar-StarPitchers .dropdown-menu .btn-default:hover,
.navbar.navbar-StarPitchers .dropdown-menu .btn-default:focus,
.navbar.navbar-StarPitchers .dropdown-menu .btn-default:active,
.navbar.navbar-StarPitchers .dropdown-menu .btn-default.active {
  color: #3b3b3b;
  background-color: #f0f0f0;
  border-color: #b3b3b3;
}
.navbar.navbar-StarPitchers .dropdown-menu li.dropdown-header {
  color: #808080;
}
.navbar.navbar-StarPitchers *:not(li)>a {
  color: #fff;
}
.navbar.navbar-StarPitchers *:not(li)>a:hover,
.navbar.navbar-StarPitchers *:not(li)>a:focus {
  color: #c2c2c2;
}
.navbar.navbar-StarPitchers .dropdown-menu>li>a {
  color: #0853A4;
  background-color: #fff;
}
.navbar.navbar-StarPitchers .dropdown-menu>li>a:hover,
.navbar.navbar-StarPitchers .dropdown-menu>li>a:focus {
  color: #fff;
  background-color: #0853A4;
}
.navbar.navbar-StarPitchers .navbar-nav>li .dropdown-menu:not([class*="collaps"]) {
  background-color: #212529;
  color: #fff;
  border-color: #212529;
  -webkit-box-shadow: 0 9px 12px -3px rgba(0,0,0,0.3);
  box-shadow: 0 9px 12px -3px rgba(0,0,0,0.3);
}
.navbar.navbar-StarPitchers.navbar-fixed-bottom .navbar-nav>li .dropdown-menu:not([class*="collaps"]) {
  -webkit-box-shadow: 0 -9px 12px rgba(0,0,0,0.17);
  box-shadow: 0 -9px 12px rgba(0,0,0,0.17);
}
.navbar.navbar-StarPitchers .dropdown-menu .form-control {
  color: #666666;
  background-color: #fff;
  border-color: #d4d4d4;
}
.navbar.navbar-StarPitchers .dropdown-menu .form-control:focus {
  -webkit-box-shadow: inset 0 1px 1px transparent, 0 0 5px #e6e6e6;
  box-shadow: inset 0 1px 1px transparent, 0 0 5px #e6e6e6;
}
.navbar.navbar-StarPitchers .navbar-nav .dropdown-menu li:not(.list-group) > a {
  color: #fff;
  background-color: #212529;
}
.navbar.navbar-StarPitchers .navbar-nav .dropdown-menu li:not(.list-group) > a:hover,
.navbar.navbar-StarPitchers .navbar-nav .dropdown-menu li:not(.list-group) > a:focus {
  color: #c2c2c2;
  background-color: #212529;
}
.navbar.navbar-StarPitchers .navbar-nav .dropdown-menu li.active > a {
  color: #808080;
  background-color: #f7f7f7;
}
.navbar.navbar-StarPitchers .navbar-nav .dropdown-menu li.active > a:hover,
.navbar.navbar-StarPitchers .navbar-nav .dropdown-menu li.active > a:focus {
  color: #808080;
  background-color: #f7f7f7;
}
.navbar.navbar-StarPitchers .navbar-nav .dropdown-menu li[class*="-onhover"]:hover>a {
  color: #fff;
  background-color: #0853A4;
}
/*
.navbar.navbar-StarPitchers .navbar-nav .dropdown-menu li.open > a,
.navbar.navbar-StarPitchers .navbar-nav .dropdown-menu li:not(.no-fix) > a.dropdown-toggle:not(.collapsed) {
  color: #808080;
  background-color: #f7f7f7;
}

.navbar.navbar-StarPitchers .navbar-nav .dropdown-menu li.open > a:hover,
.navbar.navbar-StarPitchers .navbar-nav .dropdown-menu li.open > a:focus,
.navbar.navbar-StarPitchers .navbar-nav .dropdown-menu li:not(.no-fix) > a.dropdown-toggle:not(.collapsed):hover,
.navbar.navbar-StarPitchers .navbar-nav .dropdown-menu li:not(.no-fix) > a.dropdown-toggle:not(.collapsed):focus {
  color: #808080;
  background-color: #f7f7f7;
}
*/
.navbar.navbar-StarPitchers .navbar-nav li:not(.dropdown)>ul.dropdown-menu.bordered:not(.no-padding)::after,
.navbar.navbar-StarPitchers .navbar-nav li:not(.dropdown)>.dropdown-grid-wrapper>ul.dropdown-menu.bordered:not(.no-padding)::after {
  outline-color: #e6e6e6;
}
.navbar.navbar-StarPitchers .navbar-nav>li.divider {
  background-color: #666;
}
.navbar.navbar-StarPitchers .dropdown-menu li.divider,
.navbar.navbar-StarPitchers .navbar-nav .v-divided>*::before,
.navbar.navbar-StarPitchers .navbar-nav .v-divided>*::after,
.navbar.navbar-StarPitchers .navbar-nav .h-divided>*::after,
.navbar.navbar-StarPitchers .navbar-nav .h-divided>*::first-child::before,
.navbar.navbar-StarPitchers .navbar-nav .h-divider::after {
  background-color: #e6e6e6;
}
.navbar.navbar-StarPitchers .navbar-nav .divided>*::before {
  border-color: #e6e6e6;
}

nav.navbar .data li {
  margin-bottom:5px;
}
.navbar:not(.no-border) .navbar-nav.dropdown-onhover>li:hover>a,
.navbar:not(.no-border) li.dropdown-onhover:hover>a,
.navbar:not(.no-border).dropdown-onhover .navbar-nav>li:hover>a{
  border-width:0 0 0;
  border-style:solid;
  margin-bottom:0;
  margin-top:0;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu .r-caret::before {
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  right: 20px;
  top: 0;
}
.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}

.col_margin {
  padding:0 10px 0 30px;
}
.col3, .col4, .col5 {
  display:none;
}
a:hover + div.col5 {
  display:block; 
  position:absolute; 
  top:63px; 
  left:330px; 
  width:350px;
}
a:hover + div.col4 {
  display:block; 
  position:absolute; 
  top:63px; 
  left:435px; 
  width:227px;
}
a:hover + div.col3 {
  display:block; 
  position:absolute; 
  top:54px; 
  left:530px; 
  width:200px;
}

#writer-menu {
  margin-right:none!important; 
  padding:0;
}
#writer-menu ul {
  list-style: none!important;
}
#writer-menu a {
  padding: 0 12px;
  font-size: 19px;
  white-space: nowrap;
}
#writer-menu .indent {
  margin-left: 10px;
}
.dropdown-menu {
  border:none;
}

#tips-menu {
  position: absolute; 
  left: -140px; 
  max-width: 350px; 
  width: max-content;
  padding: 0;
}

a.tip, a.tip-read, .tip, a.notif, .notif {
  font-size:15px !important;
  padding: 5px 10px 5px 25px !important;
  text-indent: -9px;
  white-space: normal !important;
  line-height: 1.6 !important;
}

.glyphicon-triangle-right {
  font-size:12px;
}

.time-active {
  font-size:11px;
  color:#aab;
  margin:-3px 0 0 10px;
}

.count {
  font-size:10px; 
  font-weight:normal; 
  border-radius:3px; 
  padding:0 3px 1px !important; 
  position:absolute; 
  top:2px; 
  left:26px; 
  z-index:20;
}

.data a {
  color:#029AFD;
  text-decoration:none;
  font-size: 18px;
  font-weight:400;
  line-height: 1.6;
}

.data a:hover {
  color:#000;
}
.data img {
  padding:1px;
}
.data .caption {
  display:inline-block;
  font-weight:700;
  line-height:1;
}
.data .description {
  display:block;
  color:#666;
  line-height:1;
}
.data li a::before {
  content: "\f054";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 12px;
  margin-right: 5px;
  vertical-align: middle;
}
nav.navbar {
  padding: 3px 0 0 0;
  /* box-shadow: 0 16px 12px -5px rgba(0,0,0,0.3); */
}
.navbar-brand {
  max-height: 54px;
  padding: 2px 10px 0 5px;
  margin: 0;
}
#slogan {
  display:inline-block; 
  color:#fff;
  font-size:14px; 
  font-weight:500;
  vertical-align: text-top;
}
.navbar .nav li {
  margin:0;
}
.navbar:not(.no-border) .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu, 
.navbar:not(.no-border) .navbar-nav > li[class*="dropdown"] > .dropdown-menu {
  margin:0;
}
.container-xl > .navbar-collapse, .container-xl > .navbar-header, 
.container > .navbar-collapse, .container > .navbar-header {
  margin:0;
}
.navbar-nav > li > a {
  padding:0x 12px 10px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}
.navbar.navbar-StarPitchers .dropdown-menu {
  font-size:18px;
}
.bar {  
  border-right:none;
  /* border-right: 2px solid #888; */
}
#signin {
  display:inline; 
  margin:10px 10px 0 15px;
}
#signin-btn {
  font-size:19px; 
  font-weight:900;
}


.dropdown .dropdown-menu {border-radius:0;}
.dropdown-menu.full {margin-top:7px !important;}
.form-control::placeholder {font-size:14px; opacity:.5;}
.navbar {padding:0rem; margin-bottom:10px;}


#nav-wrapper {
  border-top:2px solid #fff;
  border-bottom:0;
  width:100%;
  margin:5px 0 -10px;
}
.navbar .dropdown-menu li > a {
  padding:0 5px;
  font-size:15px;
  padding-left: 10px;
}
.navbar-brand,
.navbar-brand img {
  height:54px;
  margin:0;
}
.navbar-nav {
  margin: 0;
}
.navbar-nav li {
  margin: 0;
}
.navbar-nav > li {
  margin: 0 0 0 10px;
}
.navbar-nav li a {
  padding: 0 15px;
  line-height:2;
}
/*
.navbar-nav li.dropdown {
  margin-right: 10px !important;
}
*/
.navbar-nav > li.dropdown > ul {
  margin-left: 15px;
}
.navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap) > a.dropdown-toggle:not(.caret-bootstrap) > span.caret:not(.caret-bootstrap) {
  margin-left:3px;
}
.navbar.navbar-StarPitchers.dropdown-onhover.no-fix .navbar-nav > li > a {
  padding: 0 14px;
}
.navbar.navbar-StarPitchers.dropdown-onhover.no-fix .navbar-nav > li > a:hover, 
.navbar.navbar-StarPitchers .navbar-nav.dropdown-onhover.no-fix > li > a:hover {
  background-color: #212529;
  color:#c2c2c2;
}
#Producers > div > div {
  height:260px;
}
#movies-made > div > div {
  height:210px;
}
.learn-more {
  margin-right:50px;
}
.btn-block {
  display:inline-table;
}
#menu-viewings.dropdown-item,
#menu-viewings.dropdown-item:active, 
#menu-viewings.dropdown-item:hover,
#menu-directions.dropdown-item,
#menu-directions.dropdown-item:active, 
#menu-directions.dropdown-item:hover {
  background-color: #212529; 
  color:#fff;
  padding-left:10px; 
  font-size:15px;
}


MEDIA QUERIES
======================================

@media (max-width: 1199.98px) {
  
  .dropdown-menu.full {
    padding: 10px 20px;
  }
  .navbar-nav {
    margin: 0;
  }
  .navbar-nav li {
    margin: 0 0 0 25px;
  }
  nav .container {
    padding: 2px 0;
  }
  .navbar-brand {
    padding: 3px 5px 0 5px;
    margin: 0;
  }
  .navbar-brand img {
    height: 40px;
  }
  #signin {
    margin:5px 10px 0 15px;
  }
  .col_margin {
    padding:0;
  }
  a:hover + div.col4 {
    left:290px; 
    width:250px;
  }
  a:hover + div.col5 {
    left:260px; 
    width:260px;
  }
  #writer-menu a {
    padding: 0 8px;
    font-size:16px;
    white-space:nowrap;
  }
}


@media (max-width: 991.98px) {

  #signin {
    margin:8px 0 0 5px;
  }
  .navbar.navbar-StarPitchers.dropdown-onhover.no-fix .navbar-nav > li > a,
  .navbar-nav > li > a {
    font-size:14px;
    padding: 4px 10px;
  }
  .navbar-nav li a {
    padding: 4px 15px;
  }
  .navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap) > a.dropdown-toggle:not(.caret-bootstrap) > span.caret:not(.caret-bootstrap) {
    margin-left:3px;
  }
  a:hover + div.col4 {
    left:330px; 
    width:180px;
  }
  a:hover + div.col5 {
    left:260px; 
    width:250px;
  }
  #Producers > div > div {
    height:340px;
  }
  #movies-made > div > div {
    height:240px;
  }
  .learn-more {
    margin:0 20px 15px 0;
    vertical-align: top;
  }
  
}


@media (max-width: 767.98px) {
    
  .fixed-top {
    position: relative;
    z-index: 1;
    margin-bottom:-55px;
  }

  #nav-wrapper {
    border-top:none;
  }
  nav.navbar {
    padding: 0;
    box-shadow: 0 9px 12px -3px rgba(0,0,0,0.3);
    margin-bottom: 0px;
  }
  .navbar-brand img {
    height: 40px;
  }
  .navbar-toggler {
    padding: 0 5px;
  }
  .dropdown-menu.full {
    padding: 10px 20px;
  }
  a:hover + div.col5,
  a:hover + div.col4,
  a:hover + div.col3 {
    display:none;
  }
  #Producers > div > div {
    height:auto;
  }
  #movies-made > div > div {
    height:auto;
  }
  .navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap)>a.dropdown-toggle:not(.caret-bootstrap)>span:not(.caret-bootstrap).caret {
    float: right
  } /*ltr*/
  .navbar .navbar-collapse .navbar-nav>.navbar-form,
  .navbar .navbar-collapse>.navbar-form{
    margin:0;border-top:none;border-bottom-width:1px;border-bottom-style:solid;
    max-height: 100vh;
    overflow-y: auto;
  }
  .navbar .navbar-collapse .navbar-nav>a.navbar-link,
  .navbar .navbar-collapse>a.navbar-link,
  .navbar .navbar-collapse .navbar-nav>.navbar-text,
  .navbar .navbar-collapse>.navbar-text,
  .navbar .navbar-collapse .navbar  -nav>li{
    border-bottom-width:1px;border-bottom-style:solid;
    max-height: 100vh;
    overflow-y: auto;
  }

  .navbar-collapse {
    position: fixed;
    top: 56px; /* height of your navbar toggle/header */
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1050;
    overflow-y: auto;
  }

  .navbar.navbar-StarPitchers {
    color: #fff;
  }
  .navbar.navbar-StarPitchers *:not(li)>a {
    color: #fff;
  }
  .navbar.navbar-StarPitchers *:not(li)>a:hover,
  .navbar.navbar-StarPitchers *:not(li)>a:focus {
    color: #c2c2c2;
  }
  /*
  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
    border-radius:0;
  }
  */
  .navbar.navbar-StarPitchers.dropdown-onhover.no-fix .navbar-nav> li > a,
  .navbar.navbar-StarPitchers .navbar-nav.dropdown-onhover.no-fix> li > a {
    color: #fff;
    background-color: #212529;
  }
  .navbar.navbar-StarPitchers.dropdown-onhover.no-fix .navbar-nav> li > a:focus,
  .navbar.navbar-StarPitchers .navbar-nav.dropdown-onhover.no-fix> li > a:focus {
    color: #fff;
    background-color: #212529;
  }
  .navbar.navbar-StarPitchers.dropdown-onhover.no-fix .navbar-nav> li > a:hover,
  .navbar.navbar-StarPitchers .navbar-nav.dropdown-onhover.no-fix> li > a:hover {
    color: #fff;
    background-color: #212529;
  }
  .navbar.navbar-StarPitchers.dropdown-onhover.no-fix .navbar-nav> li.open > a,
  .navbar.navbar-StarPitchers .navbar-nav.dropdown-onhover.no-fix> li.open > a {
    color: #fff;
    background-color: #212529;
  }
  .navbar.navbar-StarPitchers.dropdown-onhover.no-fix .navbar-nav> li.open > a:focus,
  .navbar.navbar-StarPitchers .navbar-nav.dropdown-onhover.no-fix> li.open > a:focus {
    color: #fff;
    background-color: #212529;
  }
  .navbar.navbar-StarPitchers.dropdown-onhover.no-fix .navbar-nav> li.open > a:hover,
  .navbar.navbar-StarPitchers .navbar-nav.dropdown-onhover.no-fix> li.open > a:hover {
    color: #fff;
    background-color: #212529;
  }
  .navbar.navbar-StarPitchers.dropdown-onhover.no-fix .navbar-nav> li.active > a,
  .navbar.navbar-StarPitchers .navbar-nav.dropdown-onhover.no-fix> li.active > a {
    color: #fff;
    background-color: #212529;
  }
  .navbar.navbar-StarPitchers.dropdown-onhover.no-fix .navbar-nav> li.active > a:focus,
  .navbar.navbar-StarPitchers .navbar-nav.dropdown-onhover.no-fix> li.active > a:focus {
    color: #fff;
    background-color: #212529;
  }
  .navbar.navbar-StarPitchers.dropdown-onhover.no-fix .navbar-nav> li.active > a:hover,
  .navbar.navbar-StarPitchers .navbar-nav.dropdown-onhover.no-fix> li.active > a:hover {
    color: #fff;
    background-color: #212529;
  }

  .navbar.navbar-StarPitchers:not(.no-border).dropdown-onhover .navbar-nav>li:hover>a,
  .navbar:not(.no-border) li.dropdown-onhover:hover>a,
  .navbar:not(.no-border) .navbar-nav.dropdown-onhover>li:hover>a {
    border-color: #212529;
  }
  .navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap) > a.dropdown-toggle:not(.caret-bootstrap) > span:not(.caret-bootstrap).caret::before {
    content: "\f107";
  }
  .navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap) > a.dropdown-toggle:not(.caret-bootstrap) > span:not(.caret-bootstrap).caret {
    float: right;
  }
  
  .navbar.navbar-StarPitchers:not(.navbar-fixed-bottom):not(.no-border) .navbar-nav>.active>a::before {
    border-top-color: #fff;
  }
  .navbar.navbar-StarPitchers:not(.navbar-fixed-bottom):not(.no-border) .navbar-nav>.open>a::before,
  .navbar.navbar-StarPitchers:not(.navbar-fixed-bottom):not(.no-border) .navbar-nav>li.dropdown-onhover:not(.disabled):hover>a::before,
  .navbar.navbar-StarPitchers:not(.navbar-fixed-bottom):not(.no-border) .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a::before {
    border-bottom-color: #fff;
  }
  .navbar.navbar-StarPitchers:not(.navbar-fixed-bottom):not(.no-border).dropdown-onhover .navbar-nav>li:not(.disabled):hover>a::before {
    border-bottom-color: #fff;
  }
  .navbar.navbar-StarPitchers:not(.navbar-fixed-bottom) .navbar-nav>.active>a::after {
    border-top-color: #0853A4;
  }
  .navbar.navbar-StarPitchers:not(.navbar-fixed-bottom) .navbar-nav>.open>a::after,
  .navbar.navbar-StarPitchers:not(.navbar-fixed-bottom) .navbar-nav>li.dropdown-onhover:not(.disabled):hover>a::after,
  .navbar.navbar-StarPitchers:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a::after {
    border-bottom-color: #fff;
  }
  .navbar.navbar-StarPitchers:not(.navbar-fixed-bottom).dropdown-onhover .navbar-nav>li:not(.disabled):hover>a::after {
    border-bottom-color: #fff;
  }
  .navbar.navbar-StarPitchers.navbar-fixed-bottom:not(.no-border) .navbar-nav>.active>a::before {
    border-bottom-color: #fff;
  }
  .navbar.navbar-StarPitchers.navbar-fixed-bottom:not(.no-border) .navbar-nav>.open>a::before,
  .navbar.navbar-StarPitchers.navbar-fixed-bottom:not(.no-border) .navbar-nav>li.dropdown-onhover:not(.disabled):hover>a::before,
  .navbar.navbar-StarPitchers.navbar-fixed-bottom:not(.no-border) .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a::before {
    border-top-color: #fff;
  }
  .navbar.navbar-StarPitchers.navbar-fixed-bottom:not(.no-border).dropdown-onhover .navbar-nav>li:not(.disabled):hover>a::before {
    border-top-color: #fff;
  }
  .navbar.navbar-StarPitchers.navbar-fixed-bottom .navbar-nav>.active>a::after {
    border-bottom-color: #0853A4;
  }
  .navbar.navbar-StarPitchers.navbar-fixed-bottom .navbar-nav>.open>a::after,
  .navbar.navbar-StarPitchers.navbar-fixed-bottom .navbar-nav>li.dropdown-onhover:not(.disabled):hover>a::after,
  .navbar.navbar-StarPitchers.navbar-fixed-bottom .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a::after {
    border-top-color: #fff;
  }
  .navbar.navbar-StarPitchers.navbar-fixed-bottom.dropdown-onhover .navbar-nav>li:not(.disabled):hover>a::after {
    border-top-color: #fff;
  }

  .navbar.navbar-StarPitchers .navbar-nav li.xs-hover > a {
    color: #0853A4;
    background-color: #fff;
  }
  .navbar.navbar-StarPitchers .navbar-nav li.xs-hover > a:hover {
    color: #fff;
    background-color: #0853A4;
  }
  .navbar.navbar-StarPitchers .navbar-nav li.xs-hover.no-fix > a {
    color: #0853A4;
    background-color: #fff;
  }
  .navbar.navbar-StarPitchers .navbar-nav li.xs-hover.no-fix > a:hover {
    color: #000000;
    background-color: #212529;
  }
  .navbar.navbar-StarPitchers .navbar-nav .dropdown-menu .divider {
    background-color: #212529;
  }
  .navbar.navbar-StarPitchers .navbar-collapse>.navbar-form,
  .navbar.navbar-StarPitchers .navbar-collapse>a.navbar-link,
  .navbar.navbar-StarPitchers .navbar-collapse>.navbar-text,
  .navbar.navbar-StarPitchers .navbar-collapse .navbar-nav>.navbar-form,
  .navbar.navbar-StarPitchers .navbar-collapse .navbar-nav>li,
  .navbar.navbar-StarPitchers .navbar-collapse .navbar-nav>.navbar-text,
  .navbar.navbar-StarPitchers .navbar-collapse .navbar-nav>a.navbar-link,
  .navbar.navbar-StarPitchers .navbar-collapse .navbar-nav>.navbar-form {
    border-bottom-color: #212529 !important;
    -webkit-box-shadow: 0 1px 0 #212529 !important;
    box-shadow: 0 1px 0 #212529 !important;
    max-height: 100vh;
    overflow-y: auto;
  }
  .navbar.navbar-StarPitchers .navbar-nav>li>.dropdown-grid-wrapper>.dropdown-menu,
  .navbar.navbar-StarPitchers .navbar-nav>li>.dropdown-menu {
    border-top-color: #212529 !important;
    -webkit-box-shadow: 0 -1px 0 #212529 !important;
    box-shadow: 0 -1px 0 #212529 !important;
  }
  .navbar-brand {
    padding: 8px 5px 0 5px;
  }
  #nav-wrapper{
    margin:0; 
  }
  .navbar .navbar-collapse .navbar-nav > li > a {
    margin: 0 20px 0 10px;
    padding: 20px 0 20px 20px;
    font-size: 14px;
    max-height: 100vh;
    overflow-y: auto;
  }
  .navbar.navbar-StarPitchers.dropdown-onhover.no-fix .navbar-nav > li > a,
  .navbar-nav > li > a {
    font-size:18px;
    padding: 10px;
  }
  .navbar .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
    font-size:18px;
    padding: 15px;
    margin-left: 40px;
  }
  .navbar.navbar-StarPitchers .navbar-nav .dropdown-menu li:not(.list-group) > a {
    color: #fff;
    background-color: #212529;
  }
  .navbar.navbar-StarPitchers .navbar-nav > li.open > a {
    color: #fff;
    background-color: #212529;
    padding: 20px 0 20px 20px;
  }
  .navbar.navbar-StarPitchers .navbar-nav .dropdown-menu li:not(.list-group) > a:hover,
  .navbar.navbar-StarPitchers .navbar-nav .dropdown-menu li:not(.list-group) > a:focus {
    color: #fff;
    background-color: #212529;
  }
  #signin-btn {
    margin: 15px 30px;
    font-size:20px;
    padding:10px 60px;
  }
  .navbar .dropdown-menu li > a {
    padding: 5px 0 5px 50px;
    font-size:18px;
  }
}


.dropdown-toggle::after {display:none;}
.navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap)>a.dropdown-toggle:not(.caret-bootstrap)>span:not(.caret-bootstrap).caret {position: absolute; font-family:FontAwesome; margin: -1px 0px 0 4px; border: none; font-size:18px;} /*ltr*/
.navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap)>a.dropdown-toggle:not(.caret-bootstrap)>span:not(.caret-bootstrap).caret::before {content: "\f107"}
.navbar.navbar-fixed-bottom:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap)>a.dropdown-toggle:not(.caret-bootstrap)>span:not(.caret-bootstrap).caret::before {content: "\f106"}
@media (max-width:768px) {
    .navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap)>a.dropdown-toggle:not(.caret-bootstrap)>span:not(.caret-bootstrap).caret {float: right} /*ltr*/
    .navbar .navbar-collapse .navbar-nav>.navbar-form,.navbar .navbar-collapse>.navbar-form{margin:0;border-top:none;border-bottom-width:1px;border-bottom-style:solid}
    .navbar .navbar-collapse .navbar-nav>a.navbar-link,.navbar .navbar-collapse>a.navbar-link,.navbar .navbar-collapse .navbar-nav>.navbar-text,.navbar .navbar-collapse>.navbar-text,.navbar .navbar-collapse .navbar-nav>li{border-bottom-width:1px;border-bottom-style:solid}
}


@media (max-width: 575.98px) {
  
  .fixed-top {
    position: relative;
    z-index: 1;
    margin-bottom:-55px;
  }
  
  a:hover + div.col5, a:hover + div.col4, a:hover + div.col3 {
    display:none;
  }
  
  
  #login-box .dropdown-item, .navbar-toggler .dropdown-item {
    padding: .3rem .5rem;
    color: #212529 !important;
  }
  
}