@CHARSET "UTF-8";
.bg-white{ background-color: #fff;}
.article-info dd {display: inline-block; margin-left: 0; margin-right: 10px; white-space: nowrap; }

body {
    background-color: #e7e7e7;
    font-family: 'Rubik', sans-serif;
    font-size: 1.62em;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Bebas Neue', cursive;
    text-shadow: 0px 1px 0px rgba(0,0,0,1);
}

@font-face {
    font-family: 'baseball_iconsregular';
    src: url('baseball_icons-webfont.woff2') format('woff2'),
         url('baseball_icons-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

span.baseball
{
    font-family: 'baseball_iconsregular';
    font-size: 64px;
    background: #134e1d;
    border-radius: 16px;
    width: 72px;
    border: 1px solid #2b0828;
    color: #f3ef38;
    margin-bottom: 0px;
    display: inline-block;
    margin-top: 0px;
    line-height: 70px;
}

/* BUTTON STYLES */

.rspbld-button.btn-default {
    text-shadow: 0px 1px 0px rgba(255,255,255,1) !important;
    color: #1f6d2c !important;
    background-image: none !important;
    background-color: #f3ef38 !important;
    border-color: initial !important;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,1) !important;
    -moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,1) !important;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,1) !important;
}

.btn {
    font-family: 'Bebas Neue', cursive !important;
    font-size: 1.4em !important;
    padding: 4px 58px !important;
    border-radius: 20px !important;
    height: auto !important;
}

/* HEADER STYLES */

header {
    position: absolute;
    width: 100%;
    z-index: 9999;
}

.main-menu a {
    font-family: 'Bebas Neue', cursive;
    font-size: 1.4em;
    color: #fff;
    text-shadow: 0px 1px 0px rgba(0,0,0,1);
}

.internal .logo {
    margin: 60px 0px;
}

#nav-contain {
    background-color: rgba(197, 138, 52,.85);
    margin-bottom: 8px;
    border-bottom: 1px solid #b0b3ab;
}

/*
.navbar-nav {
    width: 100%;
    text-align: center;
}

.navbar-nav>li {
    float: none;
    display: inline-block;
}
*/
#hero-background {
    background-color: #1f6d2c;
}

#hero-contain {
    min-height: 435px;
    background: #000 url('/images/miracle_league_player.jpg') no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-color: transparent;
  border-bottom-left-radius: 60% 10%;
  border-bottom-right-radius: 60% 10%;
    overflow: hidden;
}

.internal #hero-contain {
    min-height: 240px;
    background: #000 url('/images/miracle_league_dayton_ohio.jpg') no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-color: transparent;
  border-bottom-left-radius: 60% 10%;
  border-bottom-right-radius: 60% 10%;
}

.nav>li>a {
    transition: 300ms;
    border-top: 3px solid transparent;
}

.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: transparent;
    border-color: white;
}


/* MAIN STYLES */
.main-content {
    background-color: #1f6d2c;
    padding: 20px 0px;
}

.main-content a {
    color: #f3ef38;
    text-decoration: none;
}

.main-content .rspbld-page,
.main-content .com-dpcalendar-location {
    color: #fff;
}

.alert {
    color: #fff;
    background-color: #68b5e1;
}

.main-content a.close {
    color: #fff;
}

.main-content .login {
    color: #000;
}

.main-content .login a {
    color: #68b5e1;
}

.table-striped>tbody>tr:nth-child(odd) {
    background-color: rgba(249, 249, 249, 0.22);
}

/* FORM STYLE OVERRIDES */

.gbs3 legend {
    color: #f2ed1f !important;
    border-bottom: none !important;
}

.form-group label {
    font-weight: 100 !important;
}

#fin-button12 {
    width: 100%;
    text-align: center;
}

#fin-comments, #comments {
    width: 100% !important;
}

.chrono_credits {
    display: none;
}

/* COUNTDOWN STYLES */

#countdown {
    background: #f2ed1f;
    color: #b07522;
    font-family: 'Bebas Neue', cursive;
    font-size: 44px;
    padding: 10px 0px;
    line-height: 1.3em;
}

.mod-dpcalendar-counter__intro-text {
    margin-bottom: 0px !important;
}

.mod-dpcalendar-counter .dp-counter-block {
    margin-bottom: 0px !important;
}

.edge--both--reverse {
  position: relative;
  z-index: 1;
}
.edge--both--reverse:before, .edge--both--reverse:after {
  background: inherit;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.edge--both--reverse:before {
  top: 0;
  -webkit-transform: skewY(-0.5deg);
          transform: skewY(-0.5deg);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.edge--both--reverse:after {
  bottom: 0;
  -webkit-transform: skewY(0.5deg);
          transform: skewY(0.5deg);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}

.-green {
  background: #5e9b42;
}

.block {
  color: #fff;
  margin: 0 0 0px;
  padding: 20% 20px;
  text-align: center;
}

.page-header {
    padding-bottom: 9px;
    margin: 0px;
    border: none;
    text-align: center;
}

.page-header h1 {
    font-size: 45px;
    font-display: fallback;
}

/* SCHEDULE STYLES - OVERRIDES */

.mod-dpcalendar-upcoming-horizontal__group, .mod-dpcalendar-upcoming-horizontal .mod-dpcalendar-upcoming-horizontal__event {
    flex: 1 1 260px;
}

.mod-dpcalendar-upcoming-horizontal__group a, .mod-dpcalendar-upcoming-horizontal a .mod-dpcalendar-upcoming-horizontal__event a {
    color: #f2ed1f;
}

.mod-dpcalendar-upcoming-horizontal__group a:hover, .mod-dpcalendar-upcoming-horizontal a:hover .mod-dpcalendar-upcoming-horizontal__event a:hover {
    color: #fff;
}

.mod-dpcalendar-upcoming-horizontal__description {
    display: inline-block;
    margin-left: 57px;
}

/* DIRECTIONS STYLES */

#directions {
    padding: 64px 0px;
    font-size: 50px;
    background: #000 url('/images/miracle_league_field.jpg') no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-color: transparent;
}

#directions a {
    font-family: 'Bebas Neue', cursive;
    color: #1f6d2c;
    text-shadow: 0px 1px 0px rgba(255,255,255,1);
}

/* FOOTER STYLES */

footer {
    padding: 62px 0px;
    border-top: 1px solid #323232;
    color: #1f6d2c;
    font-size: 16px;
    text-shadow: 0px 1px 0px rgba(255,255,255,1);
}

footer p,
footer address {
    margin-bottom: 0px;
}

footer .footer-icon {
    background-color: #1f6d2c;
    color: #fff;
    text-shadow: none;
    display: inline-block;
    padding: 10px;
    border-radius: 20px;
    width: 40px;
    height: 40px;
    line-height: 20px;
    font-size: 20px;
}

.footer-menu .navbar-nav>li>a {
    padding: 4px 6px 4px 6px;
    border-top: none;
}

/* HAMBURGER MENU */

.button_container {
    position: fixed;
    top: 5%;
    left: 2%;
    height: 35px;
    width: 35px;
    cursor: pointer;
    z-index: 100;
    transition: opacity .25s ease;
    background: #3e61a5;
    border: 5px solid #3e61a5;
    border-radius: 5px;
}

.button_container:hover {
  opacity: .7;
}

.button_container.active {
    height: 27px;
    width: 35px;
    background: transparent;
    border: none;
}
.button_container.active .top {
  -webkit-transform: translateY(10px) translateX(0) rotate(45deg);
          transform: translateY(10px) translateX(0) rotate(45deg);
  background: #FFF;
}
.button_container.active .middle {
  opacity: 0;
  background: #FFF;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
          transform: translateY(-10px) translateX(0) rotate(-45deg);
  background: #FFF;
}
.button_container span {
  background: #fff;
  border: none;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0;
  transition: all .35s ease;
  cursor: pointer;
}
.button_container span:nth-of-type(2) {
  top: 10px;
}
.button_container span:nth-of-type(3) {
  top: 20px;
}

/* OVERLAY STYLING */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: hidden;
  transition: opacity .35s, visibility .35s, width .35s;
  z-index: 50;
}
.overlay:before {
  content: '';
  background: #3e61a5;
  left: -55%;
  top: 0;
  width: 50%;
  height: 100%;
  position: absolute;
  transition: left .35s ease;
}
.overlay:after {
  content: '';
  background: #3e61a5;
  right: -55%;
  top: 0;
  width: 50%;
  height: 100%;
  position: absolute;
  transition: all .35s ease;
}
.overlay.open {
  opacity: .9;
  visibility: visible;
  height: 100%;
}
.overlay.open:before {
  left: 0;
}
.overlay.open:after {
  right: 0;
}
.overlay.open li {
  -webkit-animation: fadeInRight .5s ease forwards;
          animation: fadeInRight .5s ease forwards;
  -webkit-animation-delay: .35s;
          animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: .55s;
          animation-delay: .55s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: .65s;
          animation-delay: .65s;
}
.overlay nav {
    position: relative;
    height: 70%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 32px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    z-index: 100;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
  display: block;
  height: 25%;
  height: calc(100% / 7);
  min-height: 50px;
  position: relative;
  opacity: 0;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #FFF;
  text-decoration: none;
  overflow: hidden;
}
.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;
}
.overlay ul li a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 3px;
  background: #FFF;
  transition: .35s;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

/* ART TABLE LITE OVERRIDES */

.pagedisplay {
    background: none;
    border: none;
    text-align: center;
}

select.pagesize {
    background-color: #1f6d2c;
    border: none;
}

.filter-box {
    color: #000;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #f3ef38;
    border: 1px solid #708551;
    font-size: 13pt;
    padding: 6px 4px;
}

table.tablesorter tbody td {
    color: #3D3D3D;
    padding: 6px 4px;
    background-color: rgba(255, 255, 255, 0.7);
    vertical-align: top;
    font-size: 13px;
}

table.tablesorter {
    border-collapse:separate;
    border:solid black 1px;
    border-radius:6px;
    -moz-border-radius:6px;
}

table.tablesorter td, table.tablesorter th {
    border-left:solid black 1px;
    border-top:solid black 1px;
}

table.tablesorter th {
    background-color: blue;
    border-top: none;
}

table.tablesorter td:first-child, table.tablesorter th:first-child {
     border-left: none;
}

/* MEDIA QUERIES */

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        .navigation .navbar-nav {
            display: none;
        }
        #toggle {
            display: block;
        }
        #buttons-contain {
            margin-top: 240px;
        }
        .logo-contain {
            text-align: center;
        }
        .logo {
            margin-top: -48px;
            margin-left: -56px;
        }
        .internal .logo {
            margin: 24px 0px;
        }
        .internal #buttons-contain {
            margin-top: 178px;
        }
        .mod-dpcalendar-counter__intro-text {
            font-size: 30px;
        }
        #fin-shirtsize, #fin-gender {
            width: 100%;
        }
        #medicine {
            width: 300px !important;
        }
        .footer-menu .nav>li {
            display: inline-block;
        }
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
        .logo {
            margin-left: auto;
            margin-right: auto;
        }
        .mod-dpcalendar-counter__intro-text {
            font-size: inherit;
        }
        #fin-shirtsize, #fin-gender {
            width: auto;
        }
        #medicine {
            width: auto !important;
        }
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        #toggle {
            display: none;
        }
        .navigation .navbar-nav,
        .footer-menu .navbar-nav {
            display: block;
            float: none;
            margin: 0;
            width: 100%;
            text-align: center;
        }
        .navigation .navbar-nav>li,
        .footer-menu .navbar-nav>li {
            float: none;
            display: inline-block;
        }    
        .logo {
            margin-top: 16px;
        }   
        .logo-contain {
            text-align: left;
        }
        .internal .logo-contain {
            text-align: center;
        }
        .internal .logo {
            margin: 60px 0px;
        }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        .logo {
            margin-top: 50px;
        }   
        #buttons-contain {
            margin-top: 0px;
        }
        .internal #buttons-contain {
            margin-top: 0px;
        }
        .internal .logo-contain {
            text-align: left;
        }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        .logo {
            margin-top: 20px;
        }
    }