/*
 NOTE:
   - Above 30em, each main item is separated by 60px
   - Below 30em, each section is separated by 60px; 
     Within a given section, each main item is separated by 40px
*/



/* Background */
body{
font-weight: 100 !important;
}

#main {
    background-color: rgba(0, 0, 0, 0.5) !important;
	text-align: left;
}

.images{width: 50% !important;}


h1{font-size: 150%;
font-weight: 400;
letter-spacing: 2px;
line-height: 1.2em;
font-family: 'Oswald'}
strong{font-weight: 400;
text-transform: none !important;}

ul{font-weight: 100 !important;
list-style-type: disc;}

.seating-map{line-height: 1em !important;}


/* Removing border-radius default */

table thead:last-child tr:last-child > th:last-child, table tbody:last-child tr:last-child > td:last-child, table tbody:last-child tr:last-child > th:last-child, table tfoot:last-child tr:last-child > td:last-child, table tfoot:last-child tr:last-child > th:last-child, 
table thead:last-child tr:last-child > th:first-child, table tbody:last-child tr:last-child > td:first-child, table tbody:last-child tr:last-child > th:first-child, table tfoot:last-child tr:last-child > td:first-child, table tfoot:last-child tr:last-child > th:first-child {
    border-radius: 0px !important;
}



/* Chaning Default Right Rail Headings*/

    /* Latest News & Media */
    #content h2.block-title {
        color: #FFFFFF !important;
    }


    /* Article Titles */
    .title_container.player .title_overlay .title, .node-type-multi-section-page a, .node-type-multi-section-page a:hover, .node-type-multi-section-page a:active, .node-type-multi-section-page a:visited, .node-page a, .node-page a:hover, .node-page a:active, .node-page a:visited, .node-post a, .node-post .field-name-field-post-body a, .node-post .field-name-field-post-body a:hover, .node-post .field-name-field-post-body a:active, .node-post .field-name-field-post-body a:visited, .posts-bean a, .posts-bean a:hover, .posts-bean a:active, .posts-bean a:visited, #page-callouts .homepage_callout .callout .callout_link, .page-stats .ct_wrapper a {
            color: #FFFFFF !important;
    }


    /* Dates */
    .row .timestamp {
        color: #B0B7BC;
    }





/* Titles */


.groups-page-title {
    margin-top: 60px !important;   

    font-family: 'Oswald', sans-serif !important;
    font-size: 48px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    font-style: italic !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    text-align: center !important;
    color: #FFFFFF !important;
}


    /* First line */
    .groups-page-title .first-line {
        padding-bottom: 10px !important;

        font-size: 24px !important;
    }


.groups-page-title.seating-chart {
    margin-top: 52px !important;
}


.groups-page-title.leader-benefits {
    margin-top: 50px !important;
}



/* Page Heading & Image (Building from '.groups-page-title') */


.tfc-group-logo {
    text-align: center !important;
}


    .tfc-group-logo img {
        width: 160px !important;
        display: block !important;
        margin: 0px auto !important;
    }


    .groups-page-title.main-heading {
        display: inline-block !important;

        padding: 0px 20px !important;
        line-height: 1.25 !important;
        margin-top: 10px !important;

        font-style: normal !important;
        letter-spacing: 4px !important;
    }



/* Contact Line */


.groups-contact {
    font-size: 20px !important;
    line-height: 28px !important;
    padding: 0px 10% !important;
    margin-top: 20px !important;

    font-family: 'Oswald', 'Arial Narrow', sans-serif !important;   
    letter-spacing: 1px !important;
    font-weight: 300 !important;
    font-style: none !important;
    text-transform: none !important;
    text-align: center !important;
    
    color: #ffffff !important;
}


    .groups-contact a {
        font-size: 18px !important;
        font-weight: 400 !important;
        color: #B0B7BC !important;
        text-decoration: none !important;           
    }


    .groups-contact a.contact-call img {
        height: 18px !important;
        padding-right: 7px !important;
    }


    .groups-contact a.contact-email img {
        height: 14px !important;
        padding-right: 7px !important
    }


    .groups-contact-or {
       display: inline-block !important;
       padding: 0px 15px !important; 
    }


    .groups-contact.groups-contact-footer {
        margin-top: 52.5px !important;
    }



/* TFC Logo Footer */


.tfc-logo-silver {
    width: 85px !important;
    display: block !important;
    margin: 60px auto 0px !important;
}





/************************************************************ 
    SECTION 2: 2016 GROUP TICKETS SEATING CHART
************************************************************/


    .bmo-seating-image {
        text-align: center !important;
        margin-top: 60px !important;
    }


        .bmo-seating-image img {
            width: 525px !important;
            max-width: 95% !important;
        }


    /* PRICING CHART */


    table.seating-map {
        width: 100% !important;
        height: 100% !important;
        padding: 0px !important;
        margin: 50px 0px 0px !important; /* +10px border-spacing for table */
        
        border-spacing: 10px !important;
        border-collapse: separate !important;
        border: none !important;

        background: transparent !important;
    }


    /* Column widths */


    table.seating-map td.prices {
        width: 21.25% !important;
		padding-top: 20px !important;
    }
	
	    table.seating-map td.blurb {
        width: 100%;
				padding-top: 20px !important;

    }


    table.seating-map tr td:first-child {
        width: 15% !important;

        text-align: left !important;
    }


    /* Text styling */


    table.seating-map th,
    table.seating-map td {
        font-size: 18px !important;
        line-height: 20px !important;
        padding: 0px !important;
        margin: 0px !important;

        font-family: 'Oswald', 'Arial Narrow', sans-serif !important;      
        letter-spacing: 1px !important;
        font-weight: 400 !important;
        font-style: normal !important;
        text-transform: none !important;
        text-align: left !important;
		padding-left: 20px !important;
        vertical-align: middle !important;
        
        color: #FFFFFF !important;
        background: transparent !important;
        border: none !important;
    }
	
	table.seating-map li{list-style: none;}
 

        table.seating-map td.seat-area-title {
            font-size: 13px !important;
            line-height: 1 !important;
            font-weight: 400 !important;
            text-align: center !important;
            padding: 7.5px !important;
        }


        table.seating-map td.prices {
            font-size: 13px !important;
            line-height: 1.25 !important;
            text-transform: none !important;
        }


            table.seating-map td.prices div {
                font-weight: 300 !important;
                padding-top: 7.5px !important;
            }


    /* Color Scheme */


    td.seat-area-title.upper-bowl-red {
        background-color: #EF3C43 !important;
    }


    td.seat-area-title.upper-bowl-light-red {
        background-color: #F26B5F !important;
        color: #2C393E !important;
    }


    td.seat-area-title.east-end-dark-grey {
        background-color: #6F7486 !important;
    }


    td.seat-area-title.upper-bowl-dark-grey {
        background-color: #6F7486 !important;
    }


    td.seat-area-title.upper-bowl-white {
        background-color: #ffffff !important; 
        color: #2C393E !important;
    }


    td.seat-area-title.upper-bowl-medium-grey {
        background-color: #BEC0C8 !important;
        color: #2C393E !important;
    }


    td.seat-area-title.upper-bowl-black {
        background-color: #040707 !important;
    }


    td.seat-area-title.upper-bowl-light-grey {
        background-color: #E4E6EB !important;
        color: #2C393E !important;
    }



/* Mobile - Custom Breakpoint */


@media screen and (max-width: 30em) {


    /* Main Headings */
    .groups-page-title {
        font-size: 48px !important;
        letter-spacing: 1px !important;
    }


        /* First line */
        .groups-page-title .first-line {
            font-size: 18px !important;

            padding-bottom: 7.5px !important;
        }


    /* Page Heading */
    .groups-page-title.main-heading {
        letter-spacing: 2px !important;
    }


    /* TFC Groups Logo */
    .tfc-group-logo img {
        width: 125px !important;
    }


    /* Contact Line */
    .groups-contact {
        font-size: 16px !important;
        line-height: 24px !important;
        margin-top: 40px !important;
        letter-spacing: 1px !important;
    }


        .groups-contact a {
            font-size: 14px !important;
            line-height: 1 !important;
        }


        .groups-contact a.contact-call img {
            height: 14px !important;
        }


        .groups-contact a.contact-email img {
            height: 11px !important;
        }


    /* Seating Map Image */
    .bmo-seating-image {
        margin-top: 40px !important;
    }


    /* Pricing Table */
    table.seating-map {
        margin: 35px 0px 0px !important; /* +5px border-spacing for table */

        border-spacing: 5px !important;
    }


    /* Pricing Table Heading */
    table.seating-map th {
        font-size: 13px !important;
        line-height: 1 !important; 
        padding-bottom: 10px !important;  
    }


    /* Hiding "Match" from Pricing Table Heading */
    .mobile-hide {
        display: none !important;
    }


}   /* //media query */



/* Mobile */


@media screen and (min-width: 0em) and (max-width: 45.75em) {


    /* Background */

    #main {
       background-color: #2c393e !important;
    }


}   /* //media query */





/************************************************************ 
    SECTION 1: 2016 HOME SCHEDULE
************************************************************/


/* Section 1 builds off of table created in Section 2 */


    /* Removing all border-spacing (to create row color);
       Will create spacing with padding instead */
     table.home-schedule {
        border-spacing: 0px !important; 

        /* Top margin addressed in .tables-wrapper (below) */
        margin: 0px !important;
     }


        table.home-schedule th {
            text-align: left !important;
            padding: 0px 7.5px 7.5px !important;
        }


        table.home-schedule td.prices {
            text-align: left !important;
            text-transform: uppercase !important;
            padding: 7.5px !important;
        }


            table.home-schedule td.prices .price-time-slash {
                padding-top: 0px !important;
                display: none !important;
            }


            table.home-schedule td.prices .schedule-time {
                font-weight: 300 !important;
                padding-top: 0px !important;
            }

            table.home-schedule td.prices .opponent-name {
                padding-top: 0px !important;
                font-weight: 400 !important;
            }


        /* Column Widths */

        table.seating-map.home-schedule td.prices {
            width: 45% !important;
            vertical-align: middle !important;
			text-align: left; 
        }


        table.seating-map.home-schedule tr td:last-child {
            width: 10% !important;
            text-align: center !important;
        }


        /* Color Scheme */

        table.home-schedule tr:nth-of-type(even) td {
            background-color: #B0B7BC !important;
            color: #2C393E !important;
        }


        table.home-schedule tr.montreal-awmay td {
            background-color: #000000 !important;
            color: #FFFFFF !important;
        }


    /* Floating */


    .tables-wrapper {
        overflow: hidden !important;
        padding-left: 10px !important;
        padding-right: 10px !important;  

        margin: 60px 0px 0px !important;
    }


        table.home-schedule {
            width: 49% !important;
        }


        table.home-schedule:first-of-type {
            float: left !important;
        }


        table.home-schedule:last-of-type {
            float: right !important;
        }


    /* Legend at bottom */


    .schedule-legend-wrapper {
        text-align: center !important;
        margin: 20px 10% 0px !important;
        padding: 0px !important; 
    }


    .schedule-legend-item {
        display: inline-block !important;
        font-family: 'Oswald', sans-serif !important;
        font-size: 12px !important;
        line-height: 1 !important;
        font-weight: 300 !important;
        text-transform: uppercase !important;
        letter-spacing: 2px !important;
        color: #FFFFFF !important;

        margin: 0px 2.5% 8px !important;
        padding: 0px !important;
    }


        .schedule-legend-short {
            font-weight: 400 !important;
        }


    .schedule-legend-amway {
        background-color: #000000 !important;
        color: #FFFFFF !important;
        padding: 5px 15px !important;
    }



/* Mobile & Tablet */


@media screen and (min-width: 0em) and (max-width: 64.5em) { 


    .mobile-tablet-hide {
        display: none !important;
    }


    table.home-schedule {
        float: none !!important;
        width: 100% !important;
    }


    /* Adjustments to second table */

    table.home-schedule:last-of-type {
        margin-top: 0px !important;
    }


    table.home-schedule:last-of-type th {
        display: none !important;
    }


    table.home-schedule:last-of-type tr:nth-of-type(even) td {
        background-color: transparent !important;
        color: #FFFFFF !important;
    }


    table.home-schedule:last-of-type tr:nth-of-type(odd) td {
        background-color: #B0B7BC !important;
        color: #2C393E !important;
    }


    /* Resizing column widths */

    table.seating-map.home-schedule tr td:nth-child(1) {
        width: 35% !important;
    } 


    table.seating-map.home-schedule tr td:nth-child(2) {
        width: 55% !important;
    } 


}



/* Mobile - Custom Breakpoint */


@media screen and (max-width: 30em) {


    .tables-wrapper {
        padding-left: 5px !important;
        padding-right: 5px !important;

        margin: 40px 0px 0px !important;
    }


    /* Restoring desktop formatting on this smaller portrait view */

    table.seating-map.home-schedule tr td:nth-child(1),
    table.seating-map.home-schedule tr td:nth-child(2) {
        width: 45% !important;
    }


}   /* //media query */



@media screen and (min-width: 30em) and (max-width: 64.5em) { 

    /* In-between state where date/time & opponent occupy one line */ 
    table.home-schedule td.prices .price-time-slash,
    table.home-schedule td.prices .schedule-time,
    table.home-schedule td.prices .opponent-name {
        display: inline-block !important;
    }

}





/************************************************************ 
    SECTION 3: 2016 GROUP LEADER BENEFITS 
************************************************************/


    /* Section 3 builds off of table created in Section 2 */


    /* Removing all border-spacing (to create row color);
       Will create spacing with padding instead */

    table.leader-benefits {
        border-spacing: 0px !important;
        padding: 10px 10px 0px !important;
        margin-top: 42.5px !important;  /* First row of table has 7.5px padding-top */ 
    }


    /* Column widths */

    table.leader-benefits tr td {
        width: 15% !important;
        padding: 7.5px !important;
    }


    table.leader-benefits tr td:first-child {
        width: 40% !important;
    }


    /* Text */

    .benefits-plus {
        font-family: Arial, sans-serif !important;
    }


    #tickets-heading {
        border-bottom: 1px solid #B0B7BC !important;
    }


    table.leader-benefits td#leader-benefits-first {
        vertical-align: bottom !important;
    }


    /* Color Scheme */

    table.leader-benefits tr.benefit-row:nth-of-type(odd) td {
        background-color: #B0B7BC !important;
        color: #2C393E !important;
    }



/* Desktop */

@media screen and (min-width: 64.5em) {


    .desktop-hide {
        display: none !important;
    }


    .groups-contact div.contact-email {
        display: inline-block !important;
    }


}   /* //Desktop media-query */



/* Mobile & Tablet */


@media screen and (min-width: 0em) and (max-width: 64.5em) { 


    table.leader-benefits tr.benefit-row td {
        font-size: 13px !important;
    }


    .groups-contact-or {
        display: none !important;
    }


    .groups-contact a:first-of-type { 
        display: block !important; 
        padding-top: 7px !important;
    }


}   /* //Mobile & Tablet */



/* Mobile - Custom Breakpoint */


@media screen and (max-width: 30em) {


    table.leader-benefits {
        padding: 5px 5px 0px !important;
        margin-top: 27.5px !important;  /* First row of table has 7.5px padding-top */
    }


    .material-icons#checkmark {
        font-size: 20px !important;
        line-height: 1 !important;
    }
  

}   /* //media-query */

.seating-map td img{max-width: none;}