.page-tv-guide #page-content {
    background: #fff;
}

#mininav {
    margin-bottom: 8px;
}

#mininav button {
    border: none;
    background: #d9d9d6;
    display: inline-block;
    color: #000;
    font-size: 16px !important;
    font-weight: 300;
    padding: 8px 24px;
    margin: 0;
    float: left;
    border-left: 1px solid #fff;
    outline: none !important;
}

#mininav button:first-child {
    border-left: none;
}

#mininav button.nav-current {
    background: #eb7123;
    color: #fff;
}

#mininav button:hover {
    background: #eb7123;
    color: #fff;
}

.programmeBlock{
    display: inline;
    float: left;
    width: 50%;
}

.tvGuideProgramme{
    border: 1px solid #ccc;
    padding: 15px 5px;
    margin: 5px;
    height: 200px;
}

.subHour-col-1{
    padding: 0 !important;
}

/*
.subHour-col-1{
    display:inline-block;
    float: left;
    width: 8.3333332%;
}

.subHour-col-2{
    display:inline-block;
    float: left;
    width: 16.6666665%;
}

.subHour-col-3{
    display:inline-block;
    float: left;
    width: 24.9999997%;
}

.subHour-col-4{
    display:inline-block;
    float: left;
    width: 33.3333333%;
}
*/

/* SW */
#time-scroll {
    margin-bottom: 20px;
}

#time-scroll ul {
    margin: 0;
    padding: 0;
    background: #d9d9d6;
    width: 80%;
    display: inline-block;
    float: left;
}

#time-scroll li {
    display: inline-block;
    width: 33.3333333333%;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: 28px 40px;
    border-left: 1px solid #fff;
    float: left;
}

#time-scroll li.first-child {
    border-left: 0;
}

.time-scroll-button {
    display: inline-block;
    width: 10%;
    border: 0;
    background: #eb7123;
    color: #fff;
    margin: 0;
    height: 80px;
    float: left;
    font-size: 25px !important;
}

.time-scroll-button:hover {
    background: #000;
}

.time-scroll-button:focus {
    outline: 0;
}

#time-scroll-right {
    border-left: 1px solid #fff;
}

#schedule-display {
    background: #fff;
}

#schedule-display ul li {
    width: 100%;
    float: left;
}

.show-wrapper {
    background: #eee;
    border-left: 1px solid #fff;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 15px;
    height: 120px;
    overflow: hidden;
    display:inline-block;
    float: left;
}

.row-even .show-wrapper {
    background: #fff;
}

.show-title {
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 5px;
}

.show-time {
    display: block;
}

.schedule-date {
    float: left;
    display: inline-block;
    padding: 10px 20px;
    width: 10%;
    height: 94px;
    overflow: hidden;
    color: #fff;
    text-align: center;
    background: #d9d9d6;
    border-left: 1px solid #fff !important;
    color: #000;
}

.schedule-date a {
    display: inline-block;
    color: #fff;
    padding: 13px 20px;
    font-size: 18px;
    border: 0px solid #e97025;
    -webkit-transition: background 0.3s ease-out;  
    -moz-transition: background 0.3s ease-out;  
    -o-transition: background 0.3s ease-out;  
    transition: background 0.3s ease-out; 

    background: -webkit-linear-gradient(#ffa300,#f4690b); 
    background: -moz-linear-gradient(#ffa300,#f4690b);  
    background: -o-linear-gradient(#ffa300,#f4690b);  
    background: -webkit-gradient(linear,left top, left bottom,from(#ffa300),to(#f4690b));  
    background: linear-gradient(#ffa300,#f4690b);  

    -webkit-background-size:1px 200px;  

       -moz-background-size:1px 200px;  

         -o-background-size:1px 200px;  

            background-size:1px 200px; 

    /*background: #ffa300 !important;
    background: -moz-linear-gradient(left, #ffa300 0%, #f4690b 100%) !important;
    background: -webkit-linear-gradient(left, #ffa300 0%,#f4690b 100%) !important;
    background: -webkit-gradient(linear, left top, right top, from(#ffa300),to(#f4690b)) !important;
    background: -moz-linear-gradient(left, #ffa300 0%,#f4690b 100%) !important;
    background: -o-linear-gradient(left, #ffa300 0%,#f4690b 100%) !important;
    background: linear-gradient(to right, #ffa300 0%,#f4690b 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa300', endColorstr='#f4690b',GradientType=1 ) !important;*/
}

.schedule-date a:hover {
    color: #fff;
    background-position:100px;  
    
}

.schedule-date-day {
    display: block;
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 5px;
    margin: 0 auto;
    color: #070c3c;
    background: #fff;
    padding: 15px;
}

.row-even .schedule-date {
    background: #d9d9d6;
    color: #000;
}

.schedule-show-wrapper {
    float: left;
    width: 80%;
}

.tooltip.top .tooltip-arrow  {
    border-top-color: #eb7123;
    opacity: 1;
    filter: alpha(opacity=100);
}

.tooltip.top .tooltip-inner {
    background: #eb7123;
    opacity: 1 !important;
    filter: alpha(opacity=100);
    font-size: 15px;
}

.schedule-scroll-vertical {
    display: block;
    border: none;
    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px;
    background: #eb7123;
    width: 235px;
    margin: 20px auto 15px;
    height: 50px;
    color: #fff;
    font-size: 20px !important;
    font-weight: 600;
}

.schedule-scroll-vertical:hover {
    background: #000;
}

.currentlyPlaying {
    background: #eb7010;
}

/**** 2020 ****/

#guide2020 {
    width: 100%;
    float: left;
}

#guide2020 .day-listing, #guide2020 .day-listing-new {
    width: 100%;
    float: left;
}

#guide2020 .day-listing .schedule-date, #guide2020 .day-listing-new .schedule-date {
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 0 20px;
    background: -webkit-gradient(linear, left top, right top, from(#d9d9d6),to(#cacaca)) !important;
    background: -webkit-linear-gradient(left, #d9d9d6 0%,#cacaca 100%) !important;
    background: -moz-linear-gradient(left, #d9d9d6 0%,#cacaca 100%) !important;
    background: -o-linear-gradient(left, #d9d9d6 0%,#cacaca 100%) !important;
    background: linear-gradient(to right, #d9d9d6 0%,#cacaca 100%) !important;
}


#guide2020 .schedule-show-wrapper {
    width: 100%;
    float: left;
}

#guide2020 .show-wrapper {
    width: 100%;
    float: left;
    height: auto;
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 2px solid #eb7010;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

#guide2020 .show-wrapper p { 
    margin: 0; 
}

#guide2020 .show-wrapper p.show-title {
    margin-right: 15px;
    width: 220px;
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: none;
       -moz-box-flex: 0;
        -ms-flex: none;
            flex: none;
}

#guide2020 .show-wrapper p.show-desc {
    text-align: left;
}

#guide2020 .show-wrapper.noShow {
    display: none;
}

#guide2020 .show-wrapper span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
       -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0 20px 0 0;
}

#guide2020 .show-wrapper span.show-time {
    width: 90px;
    font-size: 30px;
    font-weight: 500;
}

#guide2020 .show-wrapper span.show-image {
    width: 250px;
    height: 175px;
    overflow: hidden;
}

#guide2020 .show-wrapper span.show-image img {
    width: 100%;
    height: auto;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    transition: 0.3s ease all;
    opacity: 1;
}

#guide2020 .show-wrapper:hover span.show-image img {
    width: 105%;
    opacity: 0.8;
}

@media screen and (max-width: 979px) {

    #guide2020 .show-wrapper {
        padding: 20px 0;
    }

    #guide2020 .show-wrapper span.show-time {
        width: 55px;
        font-size: 22px;
    }

    #guide2020 .show-wrapper span.show-image {
        width: 190px;
        height: 133px;
    }

    #guide2020 .show-wrapper p.show-title {
        width: 100px;
        font-size: 16px;
        line-height: 1;
    }

    #guide2020 .show-wrapper p.show-desc {
        font-size: 16px;
        line-height: 1;
    }
}

@media screen and (max-width: 767px) {
    .page-tv-guide .introduction-text {display: none;}

    .page-tv-guide #main-content {
        padding: 0;
    }
}

@media screen and (max-width: 660px) {

    .schedule-date {
        padding: 10px;
        height: 70px;
    }

    .schedule-date a {
        padding: 6px 8px;
    }

    .schedule-date-day {
        font-size: 23px;
        padding: 10px;
    }

    #guide2020 .show-wrapper {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        padding: 0px 0 20px;
        margin-bottom: 20px;
    }

    #guide2020 .show-wrapper span {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
           -moz-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }

/*    #guide2020 .show-wrapper span.show-time {
        width: 100%;
        text-align: left;
    }*/

    #guide2020 .show-wrapper span.show-image {
        width: 147px;
        height: auto;
        margin: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    #guide2020 .show-wrapper span.show-time,
    #guide2020 .show-wrapper p.show-title,
    #guide2020 .show-wrapper p.show-desc {
        width: 100%;
        padding-left: 167px;
        margin: 0;
    }

    #guide2020 .show-wrapper p.show-desc {
        margin: 0 0 10px;
    }

    #guide2020 .show-wrapper:hover span.show-image img {
        width: 100%;
        opacity: 1;
    }

}

@media screen and (max-width: 425px) {

    .schedule-date a.prev {
        font-size: 0px;
        background: url(/sites/togethertv.com/files/chev-left.png) no-repeat #eb7010;
        -webkit-background-size: 20px 20px;
           -moz-background-size: 20px;
             -o-background-size: 20px;
                background-size: 20px;
        background-position: 50%;
        padding: 15px 12px;
    }

    .schedule-date a.next {
        font-size: 0px;
        background: url(/sites/togethertv.com/files/chev-right.png) no-repeat #eb7010;
        -webkit-background-size: 20px 20px;
           -moz-background-size: 20px;
             -o-background-size: 20px;
                background-size: 20px;
        background-position: 50%;
        padding: 15px 12px;
    }
}

@media screen and (max-width: 374px) {
    #guide2020 .show-wrapper span.show-image {
        width: 110px;
    }

    #guide2020 .show-wrapper span.show-time, #guide2020 .show-wrapper p.show-title, #guide2020 .show-wrapper p.show-desc {
        padding-left: 122px;
    }

    #guide2020 .show-wrapper span.show-time {
        font-size: 17px;
    }
}