@font-face {
    font-family: Avenir;
    src: url(https://www.visitmo.com/wp-content/themes/visitmo/library/static/highlights/baseball/avenir-roman.woff);
}
@font-face {
    font-family: GothamBook;
    src: url(https://www.visitmo.com/wp-content/themes/visitmo/library/static/highlights/baseball/gotham-book.woff);
}
body {
    overflow-x: hidden;background-color:#000;
    background-size: 100% auto;margin:0;
    background-attachment: fixed;
  }

  #reel {overflow-x: hidden}

  .spotlight-single p {
    padding: 0 10%;
    line-height: 210%;
    font-size: 17px;
    margin-bottom: 20px;
    color: #333333;
    font-family: Avenir, serif;
  }
  @media (max-width: 1100px) {
    .spotlight-single p {font-size:15px}
  }
@media (max-width: 800px) {
  .spotlight-single p {font-size:13.5px;padding:0 5%}
}
@media (max-width: 550px) {
  .spotlight-single p {font-size:12px;padding:0 5%}
}

.spotlight-single a {font-weight: bold}

.spotlight-single p.gotham {font-family: GothamBook,sans-serif !important;}

  .crafted__header p {
    padding: 0 10%;
  }

  .spotlight-single h3 {
    text-transform: uppercase;
    text-align: left;
    font-weight: bold;
    font-family: 'rift soft',sans-serif;
    font-size: 30px;
    margin-bottom: 20px;
  }

  .landing {
    background: #000 url(https://www.visitmo.com/wp-content/themes/visitmo/library/static/highlights/baseball/landing.jpg) center center no-repeat;
    background-size: cover;
    height: 100vh !important;
  }
  .landing .credit {position: absolute;left:2%;font-size:11px}
  .credit {position: absolute;font-size:11px;color:#fff;padding:0;margin:0;left:2%;bottom:1%}
  @media (max-width: 500px) {
    .credit {line-height: 100%}
}

  .landing div {
    width: 100%;
    text-align: center;
    display: inline-block;
  }

  .sharing {color:#fff;font-weight: bold;-webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,.5));filter: drop-shadow(0px 0px 10px rgba(0,0,0,.5));}
  .sharing i {
    color: #fff;cursor: pointer;
    font-size: 25px;
    margin: 0 10px;
  }
  .sharing i:hover {
    -webkit-transform: scale(1.05) translateY(-2px);
    transform: scale(1.05) translateY(-2px);
  }

  .landing div p {
    color: #fff;
    font-size: 15px;
    font-style: italic;
    position: relative;
    padding: 0;
    font-family: Montserrat, sans-serif !important;
  }

  .landing div div {
    width: auto;
  }

  .landing .logo {
    height: 72%;
    vertical-align: bottom;
    margin-top: 80px;text-align: center;
    margin-bottom: 30px;
  }

  .landing .logo img {
    width: 80%;
    margin-top: 190px;max-width:500px;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  @media (max-width: 1550px) {
    .landing .logo img {margin-top:90px}
  }
  @media (max-width: 992px) {
 /*   .landing .byline {
      width: 45%;
      text-align: right;
      padding-right: 40px;
    }

    .landing .sharing {
      width: 55%;
      display: inline;
    }*/
    .landing .sharing {
      width: 100%;
      text-align: center;
      display: inline-block;
    }
    .landing .logo img {margin-top:0px}

  }

  @media (max-width: 600px) {
    /*.landing .byline {
      width: 40%;
    }
    .landing .sharing {
      width: 60%;
    }*/
    .landing .sharing {
      width: 100%;
      text-align: center;
      display: inline-block;
    }
    .landing .logo img {
        margin-top:40px;
    }
  }

  @media (max-width: 500px) {
    /*.landing .byline, .landing .sharing {
      width: 100%;
      display: block;
      text-align: center;
    }

    .landing .byline {
      padding-top: 35px;
      padding-right: 0;
    }*/
    .landing .logo {height:300px}
    .landing .logo img {
        margin-top:0px;
    }
    .landing .sharing {
      padding-top:12px;
    }
  }

  .landing h1 {
    color: #fff;
    font-family: 'rift-soft', sans-serif;
    font-size: 5.65em;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    line-height: 40%;
    margin-top: 8%;
    text-shadow: 1px 3px 5px #333333;
  }

  .landing h1 span {
    font-size: 15px;
    font-family: Montserrat, sans-serif;
  }

  @media (max-width: 550px) {
    .landing h1 span {
      font-size: 12px;
    }
  }

  @media (max-width: 350px) {
    .landing h1 span {
      font-size: 9.5px;
    }
  }

  @media (max-width: 768px) {
    .landing h1 {
      font-size: 4.25em;
    }
  }

  @media (max-width: 550px) {
    .landing h1 {
      font-size: 3em;
      line-height: 50%;
    }
  }

  @media (max-width: 350px) {
    .landing h1 {
      font-size: 2.5em;
    }
  }

  .line__stretch {
    height: 1px;
    width: 100% !important;
    background-color: #fff;
    display: inline-block;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  .left {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .right {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }

  .fadein {
    opacity: 0;
  }

  .scaleZero {
    -webkit-transform: scale(0);transform: scale(0);
  }

  .content_wrapper {background-color:#fff}

  .content-section {
    position: relative;
    width: 100%;
    max-width: none;
    margin: auto;
  }

.bg {width:100%;}

.scaleYoverlay {position: absolute;top:0;height:100%;width:100%;}
.scaleYoverlay div {position: absolute;top:0;height:50%;width:100%;background-color:#000}
.scaleYoverlay div:nth-child(2) {position: absolute;top:auto;bottom:0;height:50%;width:100%;}

#teams .team {height:100%;position: absolute;width:50%;background-size:cover;background-position: center center;top:0}
#teams .team:nth-child(4) {background-image:url(https://www.visitmo.com/wp-content/themes/visitmo/library/static/highlights/baseball/RoyalsLogo-noCrop.jpg);left:0}
#teams .team:nth-child(5) {background-image:url(https://www.visitmo.com/wp-content/themes/visitmo/library/static/highlights/baseball/CardsLogo-noCrop.jpg);left:50%;}
#teams .team-mobile {display:none;height:250px;width:50%;background-size:cover;background-position: left center}
#teams .team-mobile:nth-child(1) {background-image:url(https://www.visitmo.com/wp-content/themes/visitmo/library/static/highlights/baseball/RoyalsLogo-noCrop.jpg);}
#teams .team-mobile:nth-child(2) {background-image:url(https://www.visitmo.com/wp-content/themes/visitmo/library/static/highlights/baseball/CardsLogo-noCrop.jpg);}
#teams .header {width:50%;margin-left:25%;position: relative;}
#teams .header img {width:100%;}
#teams .redblue {position: absolute;left:0;top:35px}
@media (max-width: 500px) {
    #teams .header {width:100%;margin-left:0;margin-top:-10px}
    #teams .team {display:none}
    #teams .team-mobile {display:inline-block}
}

#wall table {width:100%;height:50%;vertical-align: middle;position:absolute; left:0;top:35%;text-align: center}
#wall p {color:#fff;max-width: 1200px;text-align: left;margin: auto}
@media (max-width: 1200px) {
    #wall .bg {width:110%;margin-left:-5%}
}
@media (max-width: 1000px) {
    #wall .bg {width:120%;margin-left:-10%}
}
@media (max-width: 850px) {
    #wall .bg {width:140%;margin-left:-20%;}
}
@media (max-width: 700px) {
    #wall .bg {width:210%;margin-left:-55%}
}
@media (max-width: 550px) {
    #wall .bg {width:250%;margin-left:-75%}
}
@media (max-width: 400px) {
    #wall .bg {width:320%;margin-left:-110%}
}

#halloffame {
  background-color: #fff;
  display: flex;
}
#halloffame img {
  width: 50%;
}
#halloffame div {
  width: 50%;
  /*float: right;*/
  /*height: 100%;*/
  position: relative;
}
#halloffame div table {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
@media (max-width: 800px) {
  #halloffame {
    display: block;
  }
  #halloffame img {width: 100%}
  #halloffame div {width:100%;height:400px}
  #halloffame p {padding:50px 10%}
}

#bats {width:100%;background-color: #ab040c;height:100px;clear: both;}
#bats table {width:100%;height:100%;text-align: center;vertical-align: middle;position: relative;}
#bats img {margin-top:-20px}
@media (max-width: 800px) {
    #bats img {margin-top:0px}
}

#kansascity {background-color:#1758a4;height:400px}
#kansascity table {width:100%;height:100%;}
#kansascity td {width: 50%;position: relative;}
#kansascity td:nth-child(1) {vertical-align: middle;}
#kansascity table div {width:70%;left:15%;top:-10%;position: absolute;}
#kansascity table div img {width:100%;}
#kansascity p {color:#fff;}
#kansascity .credit {left:auto;right:2%;bottom:2%}
@media (max-width: 800px) {
    #kansascity {height:600px}
    #kansascity td {width:100%;height:auto;display: block}
    #kansascity p:nth-child(1) {padding:50px 10%}
    #kansascity table div {margin:0;width:50%;left:25%}
}
@media (max-width: 600px) {
    #kansascity {height:500px}    
    #kansascity .credit {bottom:-18px}
}
@media (max-width: 450px) {
    #kansascity {height:600px}    
}
@media (max-width: 350px) {
    #kansascity {height:500px}    
}

#negro {background-color:#000}
#negro div {width:100%;height:100%;overflow: hidden;position: relative;}
#negro img:nth-child(2),#negro img:nth-child(3) {position: absolute;left:0;}
#negro img:nth-child(2) {top:-7%}
#negro img:nth-child(3) {top:18%}
#negro table {width:80%;vertical-align: middle;background-color:#000;margin-left:10%;margin-top:30px;}
#negro table td:nth-child(1) {padding-right:5%;width:48%}
#negro table img {width:100%;}
#negro table .credit {position: static}
#negro table td:nth-child(2) {padding-left:0%}
#negro table td:nth-child(2) p {color:#fff;padding-top:100px;padding-bottom:100px}
@media (max-width: 900px) {
    #negro table {width:85%}
    #negro table td:nth-child(1) {width:43%}
}
@media (max-width: 600px) {
    #negro img:nth-child(2) {top:-7%}
    #negro img:nth-child(3) {top:0}
    #negro table {margin-top:60px}
    #negro table td:nth-child(1),#negro table td:nth-child(2) {width:90%;margin-left:5%;display: block}
    #negro table img {width:90%;margin-left:5%}
    #negro table .credit {margin-left:5%}
}

#quote .quotationmarks-right {-webkit-transform:scale(-1,-1);transform:scale(-1,-1);font-family:GothamBook,sans-serif;}
#quote table {width:90%;vertical-align: middle;position:absolute; left:5%;top:60%;text-align: center}
#quote span {color:#fff;padding:25px;margin: auto;font-size:22px}
#quote table img {margin-top:-40px}
#quote img:nth-child(2) {width:150%;margin-left:-25%}
#quote span.name {font-size:18px}
@media (max-width: 900px) {
    #quote span {font-size:18px}
    #quote span.name {font-size:14px}
}
@media (max-width: 700px) {
    #quote table {top:45%}
    #quote .bg {width:200%;margin-left:-2%}
    #quote img:nth-child(2) {width:350%;margin-left:-100%}
    #quote span {font-size:18px;line-height: 50px;}
    #quote span.name {font-size:14px}
}
@media (max-width: 550px) {
    #quote table {top:55%}
    #quote .quotationmarks-right {position: absolute;top:25%;right:15%;width:25px}
    #quote span {line-height:30px}
}
@media (max-width: 400px) {
    #quote table {top:50%}
    #quote span {font-size:12px;}
    #quote .quotationmarks-right {width:15px;top:20%}
    #quote table img {width:15px;margin-top:-20px}
    #quote span.name {font-size:10px}
}

#parallax {overflow: hidden;}
#parallax .clipped {position:absolute;top:0;left:0;clip: rect(0, 350px, 2000px,0);}
#parallax .dirt {width:100%;height:100%;overflow: hidden;}
#parallax .dirt img {position: absolute;top:0;left:0}
#parallax .dirt_bottom {left:-50px}
#parallax .dirt_middle {-webkit-transform:scale(.9);transform:scale(.9)}
#parallax .dirt_top {left:-100px}
#parallax table {width:59%;height:100%;position:absolute;top:0;left:5%;vertical-align: middle;background-color:transparent;text-align:center;}
#parallax table td {width:100%;height:100%}
#parallax table p {color:#000;text-align:left}
#parallax .logo {width:auto;height:auto;position: absolute;top:0;right:5%}
#parallax .gradient {background:linear-gradient(to right,white,rgba(255,255,255,0));width:50%;height:100%;position: absolute;top:0;left:0;}
#parallax .whiteone {left:-25%}
#parallax .whitetwo {opacity: 0;}
#parallax .credit {left:auto;right:1%}
@media (max-width: 1200px) {
    #parallax table {width:66%;left:0}
    #parallax table p {font-size:15px}
}
@media (max-width: 1000px) {
    #parallax .logo {width:0}
    #parallax .bg {width:130%;margin-left:0%}
    #parallax .clipped {clip:none}
}
@media (max-width: 900px) {
    #parallax .logo {width:20%;right:auto;left:10%}
    #parallax .bg {width:105%;margin-left:-3%}
    #parallax .clipped {clip:auto;}
    #parallax .gradient {display: none}
    #parallax table {position:static;width:90%;margin:8% 5% 5% 5%}
}
@media (max-width: 400px) {
    #parallax .dirt {display: none}
}

#kids {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
}
#kids img {width:33%;}
#kids div {width:65%;position: relative;}
#kids div table {width:100%;height:100%;position: absolute;top:0;left:0}
#kids .credit {bottom:auto;top:2%;padding:0 !important}
@media (max-width: 800px) {
  #kids {
    display: block;
  }
  #kids img {width: 100%}
  #kids div {width:100%;height:400px}
  #kids p {padding:50px 10%}
}

#end {position: relative;z-index: 4;clear:both}
#end div {width:100%;background:linear-gradient(white,transparent,transparent,transparent);position: absolute;top:0;left:0;padding-top:50px}
#end div p {color:#fff;line-height: 150%;width:65%;padding-top:8%}
#end .credit {right:2%;text-align: right}
.full-width .back-to-top {position: absolute;bottom:15%;right:5%;width:47px;cursor: pointer;transition:.3s all}
.full-width .back-to-top:hover {bottom:16%}
@media (max-width: 800px) {
    #end div p {padding-left:10%;}
}
@media (max-width: 400px) {
    #end .bg {width:200%;margin-left:-50%}
}