/* custom styles specific to peake social  */
@import url("https://fonts.googleapis.com/css2?family=Metal&family=Oswald:wght@200..700&display=swap");
#header .social, #footer .social {
  position: absolute;
  padding-top: 10px; }
  #header .social li, #footer .social li {
    list-style: none;
    font-size: 18px;
    display: inline-block;
    padding: 5px 15px; }

#header {
  text-align: center; }
  #header .mainBar {
    display: inline-block;
    margin: 0px auto;
    padding: 5px 10px; }
  #header .social {
    left: 50px; }
    #header .social li a svg path {
      color: #222; }
      #header .social li a svg path:hover {
        fill: #8e8e89; }
  #header #topBar #userLoginInset #signInLink {
    background: none !important;
    background-color: #e3823f !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    height: unset;
    margin-left: unset;
    padding: 24px 20px;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    z-index: 100; }
    #header #topBar #userLoginInset #signInLink span {
      line-height: 14px;
      padding: unset;
      cursor: pointer;
      margin-left: unset; }
  #header #topBar #userLoginInset.signedIn {
    color: #222 !important; }
    #header #topBar #userLoginInset.signedIn div a {
      color: #222 !important; }
      #header #topBar #userLoginInset.signedIn div a:hover {
        text-decoration: none;
        font-weight: 700;
        color: #fff8f1; }
  #header .mainBar .mainLogo img {
    width: 340px;
    min-height: unset;
    max-height: unset; }
  #header #mainMenu {
    position: relative;
    text-align: center; }
    #header #mainMenu ul {
      height: 100%;
      padding: 15px; }
      #header #mainMenu ul li {
        display: inline-block;
        text-transform: uppercase;
        padding: 6px 10px;
        margin: 0 5px;
        border: 1px transparent dashed; }
        #header #mainMenu ul li:hover {
          background-color: #fff; }
        #header #mainMenu ul li a {
          display: block;
          height: 100%;
          color: #000;
          font-size: 18px;
          font-weight: 400;
          letter-spacing: 0.3px;
          font-family: "Oswald", sans-serif; }
          #header #mainMenu ul li a:hover {
            text-decoration: none;
            background-color: none; }
          #header #mainMenu ul li a .chevron-down {
            display: none !important; }
      #header #mainMenu ul .subMenu {
        background: #fff !important; }
        #header #mainMenu ul .subMenu ul li {
          padding: 10px 20px !important; }
          #header #mainMenu ul .subMenu ul li a {
            background-color: #fff;
            color: #000 !important; }

#mainPage #pageContainer {
  padding: 15px;
  margin: 25px 15px;
  background-color: #fff; }
  #mainPage #pageContainer .leagueDetailComponent {
    background-color: #fff; }

#footer {
  padding: 50px 25px 25px 25px;
  text-align: left;
  background-color: #000 !important;
  color: #fff !important;
  line-height: 24px; }
  #footer a {
    color: #e3823f;
    text-decoration: underline; }
  #footer div {
    font-size: 18px;
    line-height: 24px;
    color: #fff !important; }
  #footer h3 {
    color: #fff !important;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 40px; }
  #footer .social li a svg path {
    color: #fff; }
    #footer .social li a svg path:hover {
      fill: #8e8e89; }
  #footer .copyright {
    display: block;
    text-align: center; }

body {
  background-color: #000; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Oswald", sans-serif; }

.league-listing .league-name a {
  color: #233879 !important; }

.sharev3 div {
  color: #222 !important; }

#responsiveHeader, #responsiveMenu {
  color: #000 !important; }
  #responsiveHeader a, #responsiveMenu a {
    color: #000 !important; }

#responsiveLoginButton, #responsiveMenuButton {
  filter: invert(1); }

.responsiveMenuToggle {
  background-image: url(../../graphics/icon-arrow-click-to-open-black.png) !important; }

.responsiveMenuToggle.active {
  background-image: url(../../graphics/icon-arrow-click-to-close-black.png) !important; }

#responsiveMenuLogo {
  margin: 12px; }
  #responsiveMenuLogo img {
    max-width: 60% !important; }