header.sports .top-section {
  background: url("../../img/sports/advosports_header_tile.png"); }

#section_background {
  margin-top: 52px; }

@media screen and (min-width: 801px) {
  #section_background {
    margin-top: 0; } }
@media screen and (max-width: 1000px) {
  .large-only {
    display: none !important; } }
@media screen and (min-width: 801px) {
  .mobile-only {
    display: none !important; } }
header {
  background-color: #50627b;
  color: white; }
  header ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  header a {
    display: block;
    color: #3c495c; }
  header .top-section {
    display: none;
    background-color: #fff; }
    header .top-section .logo-area {
      float: left; }
      header .top-section .logo-area a {
        padding: 15px; }
      header .top-section .logo-area a h1 {
        font-family: "Times New Roman", serif;
        color: white;
        margin: 0;
        padding: 0;
        font-size: 2em; }
    header .top-section .search-wrapper {
      float: right; }
      header .top-section .search-wrapper form {
        width: 130px;
        margin: 14px 15px 0 0;
        transition-property: width;
        transition-duration: .25s;
        transition-delay: 50ms; }
        header .top-section .search-wrapper form .search-input {
          width: 93px;
          margin: 0;
          transition-property: width;
          transition-duration: .25s;
          transition-delay: 50ms; }
        header .top-section .search-wrapper form .search-submit {
          border: none;
          background-color: #5a6e8a;
          height: 37px;
          width: 37px;
          padding: 0;
          font-size: 22px; }
        header .top-section .search-wrapper form .search-input, header .top-section .search-wrapper form .search-submit {
          float: left;
          margin: 0; }
      header .top-section .search-wrapper form:after {
        content: "";
        clear: both;
        display: table; }
    @media screen and (min-width: 850px) {
      header .top-section .search-wrapper form {
        width: 300px;
        margin: 14px 15px 0 0; }
        header .top-section .search-wrapper form .search-input {
          width: 243px; } }
    header .top-section .subscriber-block {
      float: right;
      position: relative; }
      header .top-section .subscriber-block a {
        display: block;
        font-family: "Arial Black", Gadget, sans-serif;
        color: #ccc;
        padding: 15px;
        margin: 10px;
        background-color: #46566c; }
  header .top-section:after {
    content: "";
    clear: both;
    display: table; }
  @media screen and (min-width: 801px) {
    header .top-section {
      display: block; }
      header .top-section .logo-area a img {
        height: 36px; } }
  header #menu-toggle {
    display: block;
    padding: 5px 15px;
    margin-right: 10px;
    color: white;
    cursor: pointer;
    float: left;
    text-align: center; }
    header #menu-toggle i {
      font-size: 30px;
      margin: 0; }
  header #menu-toggle .icon-cancel {
    display: none; }
  header #menu-toggle.close {
    background-color: #900; }
    header #menu-toggle.close .icon-cancel {
      display: inline; }
    header #menu-toggle.close .icon-menu {
      display: none; }
  header #secondary-mobile-toggle {
    color: white !important;
    padding: 5px 15px; }
    header #secondary-mobile-toggle i.icon-cancel, header #secondary-mobile-toggle i.icon-share-1 {
      font-size: 30px;
      margin: 0;
      line-height: 30px; }
  header #secondary-mobile-toggle .icon-cancel {
    display: none; }
  header #secondary-mobile-toggle.close {
    background-color: #900; }
    header #secondary-mobile-toggle.close .icon-share-1 {
      display: none; }
    header #secondary-mobile-toggle.close .icon-cancel {
      display: inline; }
  @media screen and (min-width: 801px) {
    header #secondary-mobile-toggle {
      color: inherit !important;
      padding: 10px 15px; }
      header #secondary-mobile-toggle i.icon-cancel, header #secondary-mobile-toggle i.icon-share-1 {
        font-size: inherit;
        line-height: inherit; } }
  header .nav-wrapper {
    border-top: 1px solid #5a6e8a;
    background-color: #50627b;
    position: fixed;
    z-index: 99;
    width: 100%;
    border-bottom: 1px solid #5a6e8a; }
    header .nav-wrapper .section-break {
      padding: 5px 15px;
      color: white;
      background-color: #8395ae; }
    header .nav-wrapper #main-navigation {
      border-top: 1px solid #5a6e8a;
      position: fixed;
      left: -320px;
      width: 320px;
      height: 100%;
      top: 50px;
      background-color: #28313d;
      transition-property: left;
      transition-duration: .25s;
      transition-delay: 100ms;
      overflow-y: auto; }
    header .nav-wrapper #main-navigation.open {
      left: 0;
      width: 100%; }
    header .nav-wrapper #secondary-nav .menu #weather {
      padding: 10px;
      margin: 0; }
    header .nav-wrapper #secondary-nav .menu #aep-sponsorship {
      margin: 0;
      display: none; }
    @media screen and (min-width: 1084px) {
      header .nav-wrapper #secondary-nav .menu #aep-sponsorship {
        margin: 0;
        display: inline-block; } }
    header .nav-wrapper #secondary-nav .menu .connect .sub.open {
      right: 0;
      width: 100%; }
    header .nav-wrapper a {
      padding: 15px 25px;
      font-size: 14px; }
    header .nav-wrapper #main-navigation li.home {
      width: 40px;
      margin-left: -40px;
      transition-property: margin-left;
      transition-duration: 0.5s;
      transition-delay: 100ms;
      display: none; }
      header .nav-wrapper #main-navigation li.home a {
        line-height: 42px;
        padding: 0;
        height: 42px; }
      header .nav-wrapper #main-navigation li.home a img {
        width: 30px;
        height: 30px;
        margin: 0 5px; }
    @media screen and (min-width: 801px) {
      header .nav-wrapper #main-navigation li.home {
        display: inline-block; } }
    header .nav-wrapper #main-navigation > ul > li > a, header .nav-wrapper #secondary-nav > ul > li > a {
      color: inherit; }
    @media screen and (max-width: 801px) {
      header .nav-wrapper #main-navigation > ul > li:last-child {
        margin-bottom: 50px; }
      header .nav-wrapper #main-navigation ul li {
        border-bottom: 1px solid #14181e; }
      header .nav-wrapper #main-navigation ul li.has-sub .sub {
        height: 0;
        overflow: hidden;
        transition-property: height;
        transition-duration: .25s;
        transition-delay: 100ms; }
      header .nav-wrapper #main-navigation ul li.has-sub.open {
        background-color: #14181e; }
      header .nav-wrapper #main-navigation ul li.has-sub.open .sub {
        height: auto; } }
    header .nav-wrapper #main-navigation ul li.has-sub > a {
      position: relative; }
    header .nav-wrapper #main-navigation ul li.has-sub > a:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 5px;
      border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
      border-top-style: solid;
      margin-top: -2.5px;
      top: 25.5px;
      position: absolute;
      margin-right: 15px;
      right: 0; }
    header .nav-wrapper ul li.has-sub .sub, header .nav-wrapper #secondary-nav ul li.has-sub .sub {
      background-color: #eee;
      margin: 0;
      border-bottom: #3c495c; }
    header .nav-wrapper ul li.has-sub .sub {
      width: 100%; }
    header .nav-wrapper #secondary-nav ul li.has-sub .sub {
      width: 320px; }
    header .nav-wrapper #secondary-nav ul li.has-sub.open .sub {
      width: 100%; }
    header .nav-wrapper #secondary-nav > ul > li {
      display: inline-block;
      border-left: 1px solid #5a6e8a; }
    header .nav-wrapper #secondary-nav ul li.has-sub .sub {
      border-top: 1px solid #5a6e8a;
      position: fixed;
      right: -320px;
      height: 100%;
      transition-property: right;
      transition-duration: .25s;
      transition-delay: 100ms;
      overflow-y: scroll; }
    header .nav-wrapper ul li.has-sub:hover .sub, header .nav-wrapper #secondary-nav ul li.has-sub:hover .sub {
      display: block; }
    header .nav-wrapper ul li.has-sub:hover .sub li a, header .nav-wrapper #secondary-nav ul li.has-sub:hover .sub li a {
      padding: 15px 25px; }
    header .nav-wrapper ul li.has-sub:hover .sub li a:hover, header .nav-wrapper #secondary-nav ul li.has-sub:hover .sub li a:hover {
      background-color: #50627b;
      color: white; }
    header .nav-wrapper #secondary-nav .menu li #weather {
      display: none; }
    @media screen and (min-width: 801px) {
      header .nav-wrapper #secondary-nav .menu li #weather {
        display: block; } }
    header .nav-wrapper #secondary-nav .menu > li {
      border-right: none; }
    header .nav-wrapper .mlogo {
      display: block;
      float: left;
      background: transparent;
      margin-top: 15px;
      padding: 0; }
      header .nav-wrapper .mlogo img {
        width: 157px;
        height: 20px; }
    @media screen and (min-width: 801px) {
      header .nav-wrapper .mlogo {
        display: none; } }
    header .nav-wrapper form.small-search {
      width: 100%;
      padding: 2.5%;
      background-color: #28313d; }
      header .nav-wrapper form.small-search p {
        margin: 0; }
      header .nav-wrapper form.small-search input {
        float: left;
        width: 80%;
        margin: 0; }
      header .nav-wrapper form.small-search button {
        float: right;
        width: 20%;
        margin: 0; }
    header .nav-wrapper form.small-search:after {
      content: "";
      clear: both;
      display: table; }
  @media screen and (min-width: 801px) {
    header .nav-wrapper {
      position: relative; }
      header .nav-wrapper #menu-toggle {
        display: none; }
      header .nav-wrapper #main-navigation, header .nav-wrapper #secondary-nav {
        position: relative;
        width: auto;
        border-top: none; }
      header .nav-wrapper #main-navigation {
        float: left;
        left: 0;
        top: 0;
        background-color: #50627b;
        overflow-y: visible; }
      header .nav-wrapper #main-navigation.open {
        width: auto; }
      header .nav-wrapper #secondary-nav {
        float: right;
        right: 0;
        top: 0; }
      header .nav-wrapper #main-navigation > ul > li, header .nav-wrapper #secondary-nav > ul > li {
        display: inline-block;
        position: relative;
        border-right: 1px solid #5a6e8a;
        border-top: none; }
      header .nav-wrapper ul li.has-sub:hover, header .nav-wrapper #secondary-nav ul li.has-sub:hover, header .nav-wrapper .tablet-menu li:hover {
        background-color: #eee;
        color: #50627b; }
      header .nav-wrapper ul li.has-sub .sub, header .nav-wrapper #secondary-nav ul li.has-sub .sub {
        display: none;
        height: auto;
        position: absolute;
        left: 0;
        margin: 0;
        z-index: 99;
        width: 200px;
        border-right: 1px solid #d5d5d5;
        border-left: 1px solid #d5d5d5;
        border-bottom: 1px solid #d5d5d5; }
      header .nav-wrapper #main-navigation ul li.has-sub > a {
        padding-right: 35px; }
      header .nav-wrapper #main-navigation ul li.has-sub > a:after {
        top: 21.5px; }
      header .nav-wrapper #secondary-nav ul li.has-sub.connect .sub {
        right: 0;
        left: auto;
        height: auto; }
      header .nav-wrapper ul li.has-sub:hover .sub li a {
        padding: 10px 15px; }
      header .nav-wrapper a {
        padding: 10px 15px;
        font-size: 14px; }
    header .nav-wrapper:after {
      content: "";
      clear: both;
      display: table; }
    header .small-search {
      display: none; } }
  header .nav-wrapper:after {
    content: "";
    clear: both;
    display: table; }
  header .nav-wrapper.fixed {
    width: 100%;
    z-index: 99;
    position: fixed;
    border-bottom: 1px solid #5a6e8a; }
    header .nav-wrapper.fixed #main-navigation li.home {
      margin-left: 0px; }
  header .nav-wrapper.fixed #aep-sponsorship {
    display: none !important; }

@media screen and (min-width: 801px) and (max-width: 1000px) {
  .usr-controls a span {
    display: none; } }
#tablet-menu {
  display: none; }

@media screen and (min-width: 480px) and (max-width: 801px) {
  #tablet-menu {
    display: block;
    float: left; }

  #tablet-menu li {
    display: inline-block; }

  #tablet-menu li a {
    color: white; } }
@media screen and (max-width: 705px) {
  #tablet-menu li.four {
    display: none; } }
@media screen and (max-width: 580px) {
  #tablet-menu li.three {
    display: none; } }

/*# sourceMappingURL=nav.css.map */