/*
    Lancaster Barnstormers Game Center Widget Styles
    Author: Zachary Pickell - EZMarketing
    Date: February 29, 2016
*/


/*	--------------------------------------------------
:: CALENDAR SCHEDULE VIEW
-------------------------------------------------- */
.schedule-date {
    float: right;   
}

.schedule-score-separator {
    margin: 0px auto;
    width: 50%;
    border-bottom: 1px solid #CCC; 
    margin-top: 7px;  
    margin-bottom: 7px;
}

.schedule-scores {
  /*   line-height: 1.1em;   */
}

#schedule-team-legend img{
    width: 50px !important;
	vertical-align: middle;
}

#game-schedule-month-switcher .g50 h3 a{
    color: #000;
    text-decoration: none;
}

#game-schedule-month-switcher .g50:first-child{
    text-align:left;   
}

#game-schedule-month-switcher .g50:last-child{
    text-align:right;   
}

#game-schedule-table {
    border-collapse: collapse;
    border: 1px solid #CCC;
    table-layout: fixed;   
}

#game-schedule-table,#game-schedule-table th,#game-schedule-table td {
    border: 1px solid #CCC;
}

#game-schedule-table td{
    height: 130px;   
    vertical-align: top;
}

 #game-schedule-table td .schedule-game-cell-info{
    padding: 5px;
    font-size: 0.9em;
	/* line-height: 1.4em; */
    text-align:center;
 }

#game-schedule-table td .schedule-game-cell-info a{
    text-decoration: none;
 }

#game-schedule-table td.current-date {
    background-color: rgba(175,230,255,0.5);
}

#game-schedule-table td .schedule-day{
    padding: 3px;
    font-size: 0.8em;
    background-color: #EFEFEF;
    border-bottom: 1px solid #CCC;
}
#game-schedule-table td .schedule-day a {
    text-decoration: none;
}

#game-schedule-table td .schedule-day-date{
    float: right;
    font-size: 1.2em;
    font-weight: bold;
}

#game-schedule-table td .schedule-day-week {
    display: none;   
    float: left;
}

#game-schedule-table td.empty-schedule{
    background-color: #FFF;  
}

#game-schedule-table td.home-game {
    background-color: rgba(213,184,141,0.5);   
}

#game-schedule-table td.special-event {
    background-color: rgba(255,204,0,0.5) !important;   
}

#game-schedule-table th {
    text-align: center; 
    background-color: #9f0b24;  
    color: #FFF;
    padding: 5px;
}

.schedule-mobile-time {
    display: none;   
}

.header-double-header {margin: -15px 0 5px 0; font-weight: bold; background-color: #000; padding: 10px; color: #fff;}

.calendar-game-location {margin-top: -10px;}

.calendar-game-time { font-size: 1.2em; clear: both;}
.calendar-game-recap, .calendar-game-promotion {font-size: 1.2em; padding: 5px 0px; color: #c41230;}
.calendar-game-recap:hover, .calendar-game-promotion:hover {color: #9f0b24;}


.calendar-ads {margin-top: 25px;}

/* RESPONSIVE STYLES */


@media screen and (max-width: 800px) {
    
    table.stacktable.small-only tr td{
        border: 1px solid #CCC;
        padding: 0px !important;
    }
    
    table.stacktable.small-only tr td .schedule-game-cell-info{
        text-align: center;
        text-decoration : none;
    }
    
	table.stacktable.small-only td.current-date {
    background-color: rgba(175,230,255,0.5);
}
	
    table.stacktable.small-only .st-key {
        display: none;   
    }
    
    table.stacktable.small-only a, 
    table.stacktable.small-only a span
    {
       text-decoration: none !important;
    }
    
    table.stacktable.small-only tr td .schedule-day-date{
        float: right;
    }
    
    table.stacktable.small-only tr td .schedule-day-week {
        display: inline;   
    }
    
    table.stacktable.small-only td.home-game {
        background-color: rgba(213,184,141,0.5);   
    }
    
    table.stacktable.small-only td.special-event {
        background-color: rgba(255,204,0,0.5) !important;   
    }
    
    #team-legend #schedule-team-legend {
        width: 100%;   
    }
    
    
    
    table.stacktable.small-only .schedule-day{
        padding: 3px;
        font-size: 0.8em;
        background-color: #EFEFEF;
        border-bottom: 1px solid #CCC;
    }
    
    .schedule-home-key > div {
        float: none !important; 
        margin: 0px !important;  
        margin-bottom: 3px !important;
    }
    
    h1#schedule-page-heading {
        text-align:center !important;   
    }
    
    h1#schedule-page-heading .schedule-date {
       display: block !important;
       float: none !important;
       text-align: center !important;
    }
}


/*	--------------------------------------------------
:: Game Schedule Modals
-------------------------------------------------- */

.modal {
    z-index: 300000 !important;   
}

.modal-backdrop {
    z-index: 15000 !important;   
}

.schedule-modal h3.modal-title {
    color: #FFF;   
    font-size: 1.5em;
    text-align: left;
}

.schedule-modal .modal-body {
    background-color: #DDD;   
}

.schedule-modal .modal-dialog {
    width: 90%;
    max-width: 800px; 
    text-align: left;  
}

.schedule-modal .home-team-information,
.schedule-modal .away-team-information {
    text-align: center;   
}


.schedule-modal .schedule-details-heading {
    background-color: #9f0b24; 
    padding: 10px;
    font-size: 1.5em;   
    color: #FFF;
}

.schedule-modal .schedule-modal-score {
    font-size: 3.0em;
    font-weight: bold;
    margin-top: 20px;
       
}

.schedule-modal .shadowed-box {
    -webkit-box-shadow: 0px 10px 16px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 16px -8px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 16px -8px rgba(0,0,0,0.75);   
}


.schedule-modal .schedule-modal-innings {
    text-align: center;
    font-weight: bold;
    font-size: 1.2em; 
    vertical-align:middle;
    line-height: 32.5px;
    
}

.schedule-modal .schedule-modal-innings .g9 {
    padding: 5px;
    background-color: #EFEFEF;   
}


.schedule-modal .schedule-modal-innings-number .g9{
    background-color: #9f0b24;
    color: #FFF;
}

.schedule-modal .information-table .g55 {
    padding: 10px;
    background-color: #EFEFEF;
    font-size: 1.5em;   
}

.schedule-modal .information-table .g55 a{
    text-decoration: none;   
    color: #9f0b24;
}

.schedule-modal .modal-header {
    background-color: #9f0b24;   
}

.schedule-modal .modal-header button.close {
    background-color: #000;
    color: #FFF;   
}

.schedule-modal .modal-header button.close:hover {
    opacity: 1;   
}

.schedule-modal .team-title-banner {
    padding: 10px;   
}

.schedule-modal .team-title {
    font-size: 1.5em;
    font-weight: bold; 
   
}

.schedule-modal .home-team-at {
    line-height: 175px;
    font-size: 5.0em;
    font-weight: bold;
    text-align: center;
}