/*BLOC DE DIFFUSION & COMMANDITAIRES RADIO CANADA*/

/* Webfont: Rubrik-Light */
@font-face {
    font-family: 'RubrikLt';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Rubrik-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Rubrik-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Rubrik-Light.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Rubrik-Light.svg#Rubrik-Light') format('svg'), /* Legacy iOS */
    url('../fonts/Rubrik-Light.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* Webfont: Rubrik-Medium */
@font-face {
    font-family: 'RubrikMd';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Rubrik-Medium.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Rubrik-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Rubrik-Medium.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Rubrik-Medium.svg#Rubrik-Medium') format('svg'), /* Legacy iOS */
    url('../fonts/Rubrik-Medium.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* NEW SCHEDULE LAYOUT 2016*/

.schedule {
    overflow: hidden;
    position: relative;
    padding: 16px;
    background: #fff;
    text-align: left;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .schedule {
        display: flex;
        width: 100%;
        align-items: center;
        margin: auto;
        justify-content: center;
    }
}

@media (max-width: 1023px) {
    .schedule {
        text-align: center;
    }
}

.schedule #ScheduleCustom {
    margin-top: 20px;
}

.schedule #ScheduleCustom:nth-of-type(1) {
    margin-top: 0;
}

.schedule .also-on-tou-tv {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #0cc;
    color: #fff!important;
    display: block;
    font-size: 14px;
    line-height: 34px;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}

.schedule .also-on-tou-tv:hover {
    background-color: #36b6ba;
    text-decoration:none;
}

.schedule .also-on-tou-tv img {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-top: -3px;
    height: 24px;
    width: 93px;
}

@media screen and (max-width:767px) {
    .schedule .also-on-tou-tv {
        width: 98.5%;
        margin-bottom: 10px;
    }
}

.schedule .horaire {
    color: #202020;
    display: table;
    overflow: hidden;
    margin: auto;
}

.schedule .horaire .logo-chaines,
.schedule .horaire .dayTime {
    display: table-cell;
    vertical-align: middle;
}

.schedule .horaire .logo-chaines {
    width: 85px;
}

.schedule .horaire .logo-chaines img {
    height: 22px;
}

.schedule .horaire .logo-chaines .logo-tele,
.schedule .horaire .logo-chaines .logo-explora {
    width: 76px;
    padding-right: 9px;
}

.schedule .horaire .logo-chaines .logo-artv {
    width: 73px;
    padding-right: 12px;
}

.schedule .horaire .logo-chaines .logo-rdi {
    width: 65px;
    padding-right: 20px;
}

.schedule .horaire-variable h3 {
    font-size: 13px;
    /*font-size: .8125rem;*/
    font-family: "RubrikLt", Arial, Sans-serif;
    letter-spacing: -.2px
}

.schedule .horaire-variable h4 {
    font-size: 10px;
    /*font-size: .625rem;*/
    color: #666;
    font-family: "RubrikLt", Arial, Sans-serif;
}

.schedule .horaire-variable+.hours {
    display: none;
}

.schedule .horaire .dayTime {
    border-left: 1px solid #ccc;
    padding-left: 12px;
    width: 202px;
}

@media screen and (max-width:767px) {
    .schedule .horaire {
        margin: auto;
    }

    .schedule .horaire .dayTime {
        border: none;
        padding-left: 9px;
        width: auto;
    }
}

.schedule .horaire span {
    display: inline;
    margin-right: 5px;
}

.schedule .horaire .day {
    font-size: 17px;
    /*font-size: 1.0625rem;*/
    font-family: "RubrikLt", Arial, Sans-serif;
    letter-spacing: -.2px;
    /*text-transform: lowercase;*/
    margin-right: 5px;
    color:#202020;
}

@media screen and (max-width:767px) {
    .schedule .horaire .day {
        font-size: 15px;
        /*font-size: .9375rem*/
    }
}

.schedule .horaire .hour {
    font-size: 17px;
    /*font-size: 1.0625rem;*/
    color: #202020!important;
    font-family: "RubrikLt", Arial, Sans-serif;
    letter-spacing: -1px;
    margin-right: 3px;
    text-transform: lowercase;
}

@media screen and (max-width:767px) {
    .schedule .horaire .hour {
        font-size: 15px;
        /*font-size: .9375rem*/
    }
}

.schedule .horaire .eastern-time {
    font-size: 12px;
    /*font-size: .75rem;*/
    color: #666;
    font-family: "RubrikLt", Arial, Sans-serif;
    display: block;
}

@media screen and (max-width:767px) {
    .schedule .horaire .eastern-time {
        font-size: 10px;
        /*font-size: .625rem*/
    }
}

.schedule .horaire .rediff {
    font-size: 12px;
    /*font-size: .75rem;*/
    display: block;
    font-family: "RubrikLt", Arial, Sans-serif;
    letter-spacing: -.2px;
}

@media screen and (max-width:767px) {
    .schedule .horaire .rediff {
        display: inherit
    }
}

@media screen and (max-width:767px) {
    .schedule .horaire {
        margin-bottom: 14px
    }
}

.schedule .rediff-title {
    font-size: 12px;
    /*font-size: .75rem;*/
    color: #666;
    font-family: "RubrikLt", Arial, Sans-serif;
    text-transform: uppercase
}

.schedule .subtitle {
    font-size: 17px;
    /*font-size: 1.0625rem;*/
    font-family: "RubrikLt", Arial, Sans-serif;
    letter-spacing: -.2px;
    margin-bottom: 17px
}
.schedule a {
    margin-top: 10px;
    display: inline-block;
}

@media screen and (max-width:767px) {
    .schedule .subtitle {
        font-size: 13px;
        /*font-size: .8125rem;*/
        margin-bottom: 22px
    }
}

@media screen and (max-width:767px) {
    /*.schedule {*/
    /*    padding: 10px 0 0 12px!important;*/
    /*}*/
    .schedule a {
        margin-top: 0;
        display: inline-block;
    }
    .schedule .img-responsive{
        height: 68px!important;
        max-width: inherit!important;
    }
    #MoreSchedule{
        display:none !important;
    }
}

.schedule.moins {
    height: auto
}

.schedule.moins .icon-plus-round:before {
    content: ""
}


body>.schedule,
body>.scheduleOffSeason {
    margin: 0;
    -webkit-transition: margin-left .7s;
    transition: margin-left .7s;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (min-width:768px) and (max-width:991px) {
    body>.schedule,
    body>.scheduleOffSeason {
        display: none!important
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    body>.schedule,
    body>.scheduleOffSeason {
        display: none!important
    }
}

@media screen and (min-width:1200px) {
    body>.schedule,
    body>.scheduleOffSeason {
        display: none!important
    }
}

.nav-mobile-active body>.schedule,
.nav-mobile-active body>.scheduleOffSeason {
    margin-left: 250px
}

@media screen and (max-width:767px) {
    body #src-content .main-aside .schedule,
    body #src-content .main-aside .scheduleOffSeason {
        display: none!important
    }
}

@media screen and (min-width:1200px) {
    #src-nav-zone .schedule,
    #src-nav-zone .scheduleOffSeason {
        display: none!important
    }
}
.icon-plus-round,.icon-minus-round{
    color: #c00;
    position: absolute;
    right: 15px;
    top: 10px;
    height: 14px;
    width: 14px;
}

.offSeason {
    margin-bottom: 20px
}

.offSeason:nth-of-type(1) {
    margin-bottom: 0
}

.offSeason .day,
.offSeason .hours {
    font-family: "RubrikLt", Arial, Sans-serif;
    letter-spacing: -.2px
}

.offSeason .day {
    font-size: 16px;
    /*font-size: 1rem;*/
    text-transform: none!important;
    text-align: center;
    color:#202020;
}

@media screen and (max-width:767px) {
    .offSeason .day {
        font-size: 15px;
        /*font-size: .9375rem;*/
        text-align: center
    }
}

.offSeason .hours {
    font-size: 14px;
    /*font-size: .875rem;*/
    color: #666;
    text-align: center
}

.offSeason .eastern-time {
    font-size: 12px;
    /*font-size: .75rem*/
}

.offSeason .icon-chevron-double:after {
    content: "";
    vertical-align: sub
}

.offSeason .icon-chevron-double:before {
    content: ""
}

.offSeason [class^="icon-"]:after,
.offSeason [class*=" icon-"]:after {
    font-family: 'radiocanada';
    font-size: 18px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

/** LOGO SPONSOR **/

#ScheduleCustomContainer .logo_present {
    padding-top: 16px;
}

#ScheduleCustomContainer .logo_present div img {
    width: 96px;
    margin: auto;
}

#ScheduleCustomContainer .logo_present h4 {
    font-size: 12px;
}

@media screen and (max-width:767px) {
    #ScheduleCustomContainer .logo_present {
        text-align: center;
    }

    #ScheduleCustomContainer .logo_present img {
        margin: auto;
    }

    #ScheduleCustomContainer .logo_present div img {
        width: initial;
    }

    #ScheduleCustomContainer .logo_present h4 {
        position: initial;
    }
}