/* DONATE BUTTON*/
.menu__ul.navbar-nav .menu__li.highlight .menu-item {
  border-radius: 4px;
  line-height: 50px;
  position: relative;
  margin: 10px 0 0 0;
}

.station-header .menu__ul.navbar-nav .menu__li.highlight .menu-item {
  background: #B62121;
  color: #ffffff;
  font-weight: 600;
  padding: 0 16px;
  text-decoration: none;
  width: 96px;
  box-sizing: border-box;
  text-align: center;
}

.station-header .menu__ul.navbar-nav .menu__li.highlight .menu-item:hover,
.station-header .menu__ul.navbar-nav .menu__li.highlight .menu-item:focus {
 background: #D65756 !important;
  color: #ffffff !important;
  outline: none;

}


 .station-header .menu__ul.navbar-nav .menu__li:hover{
  box-shadow: inset 1px 0 0 #ffffff, inset -1px 0 0 #ffffff !important;
}

/* Cancels the CMS theme's own grey left/right hover border for just our 3 buttons
   (Passport, Donate, Live TV) - every other nav item keeps that grey hover border. */
.station-header .menu__ul.navbar-nav #d9736f2d-934e-4e0a-839a-1e981ac29c6b:hover,
.station-header .menu__ul.navbar-nav .menu__li.highlight:hover,
.station-header .menu__ul.navbar-nav .menu__li:has(> .menu-item[aria-labelledby="menu-live-link"]):hover {
  border-left: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
}




.menu__ul.navbar-nav #d9736f2d-934e-4e0a-839a-1e981ac29c6b .menu-item {
  border-radius: 4px;
  line-height: 50px;
  position: relative;
  margin: 10px 0 0 0;
}


.station-header .menu__ul.navbar-nav #d9736f2d-934e-4e0a-839a-1e981ac29c6b .menu-item {
  background: #2937c2;
  color: #ffffff;
  font-weight: 600;
  padding: 0 16px;
  text-decoration: none;
  transition: background .2s ease;
  margin-right: 6px;
  width: 96px;
  box-sizing: border-box;
  text-align: center;
}


.station-header .menu__ul.navbar-nav #d9736f2d-934e-4e0a-839a-1e981ac29c6b .menu-item:hover,
.station-header .menu__ul.navbar-nav #d9736f2d-934e-4e0a-839a-1e981ac29c6b .menu-item:focus {
background: #486CD8 !important;
  outline: none;
  color: #ffffff !important;
  transition: none !important;
  animation: none !important;
}




.station-header .menu__ul.navbar-nav #d9736f2d-934e-4e0a-839a-1e981ac29c6b :hover {
  box-shadow: inset 1px 0 0 #ffffff, inset -1px 0 0 #ffffff !important;
}




@media (max-width: 767px) {

  .station-header .menu__ul.navbar-nav #d9736f2d-934e-4e0a-839a-1e981ac29c6b  .menu-item,
  .station-header .menu__ul.navbar-nav #d9736f2d-934e-4e0a-839a-1e981ac29c6b  .menu-item,
  .station-header .menu__ul.navbar-nav .menu__li.highlight .menu-item,
  li.menu__li div.menu-item a.live-link-text.dropdown {
    display: block !important;
    width: 140px !important;
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 !important;
    margin: 8px auto !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  li.menu__li div.menu-item a.live-link-text.dropdown {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}@media (max-width:1024px){

  .station-header .station-header-search{
     margin-left: 0;

 }
}

@media (max-width:1366px){


.station-header .menu__ul.navbar-nav #d9736f2d-934e-4e0a-839a-1e981ac29c6b .menu-item,




.station-header .menu__ul.navbar-nav .menu__li.highlight > .menu-item {

    display:block !important;
    width:150px;
    height:46px;
    line-height:46px;

    padding:0 !important;

    margin:8px auto !important;

    text-align:center;

    border-radius:4px;

}
}
/* Live TV's wrapping div matches the CMS's own .menu__li > .menu-item rule at
   max-width:1024px, which gives it asymmetric padding (16px 32px 16px 12.03px) -
   nothing else resets it since our other rules only ever target the inner <a>.
   Scoped to the same max-width so it never touches desktop. */
@media (max-width: 1024px) {
  .station-header .menu__ul.navbar-nav .menu__li > .menu-item[aria-labelledby="menu-live-link"] {
    padding: 0 !important;
    overflow: visible !important;
  }
}

/* Prevents grey hover */
#component-ebacd5a0-7c95-11f1-b667-ddb79e873134 .menu--navbar-nav .menu__li:hover > .menu-item[aria-labelledby="menu-live-link"],
#component-ebacd5a0-7c95-11f1-b667-ddb79e873134 .menu--navbar-nav .menu__li:focus > .menu-item[aria-labelledby="menu-live-link"],
#component-ebacd5a0-7c95-11f1-b667-ddb79e873134 .menu--navbar-nav .menu__li:focus-within > .menu-item[aria-labelledby="menu-live-link"] {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
li.menu__li div.menu-item a.live-link-text.dropdown {
    color: #ffff !important;
    background: #008000 !important;
    padding: 0 16px;
    line-height:50px;
    display: inline-block;
    border-radius:4px;
    border:none;
    margin-left:-13px;
    top:0px;
    width: 96px;
    box-sizing: border-box;
    text-align: center;
}
li.menu__li div.menu-item a.live-link-text.dropdown:hover {
    color: white !important;
    background: #7ab375 !important;
}


@media (min-width: 1025px) {
  .station-header .station-header-search{
      margin-left: -10px;
  }
}