/* Don't use these colors in other stylesheets. See colors below. Color names from http://chir.ag/projects/name-that-color/ */
/*
Variables below are for convenience and supposed to be used in place of the
generic variable names above. Add new values above this line and define more
readable variable aliases below.

Remember that components can define their own variable aliases in a
`_variables.scss` file.
*/
html {
  box-sizing: border-box;
}

body {
  -webkit-font-smoothing: antialiased;
}

*, *::before, *::after {
  box-sizing: inherit;
}

/*
reset some of the margins and paddings added by normalize
*/
*, figure, h1, fieldset {
  padding: 0;
  margin: 0;
}

html, body {
  height: 100%;
}

ul {
  list-style: none;
}
@media (max-width: 768px) {
  .tableau--container > ul {
    margin-left: 2rem;
  }
}
/*
Setting `vertical-align` removes the whitespace that appears under elements
when they are dropped into a page as-is.
*/
video, img {
  vertical-align: middle;
}

html {
  font-size: 62.5%;
}
html body {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
}
html h1,
html h2 {
  font-family: "Exo 2";
}

.tableau_item--episode_info__more-links a::after {
  content: "";
  background-image: url("../stylesheets/images/arrow.svg");
  transform: rotate(90deg);
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  height: 16px;
  width: 16px;
  margin-left: 1rem;
}

.date_picker--container .date_picker--week .date_picker--week__link--arrow {
  content: "";
  background-image: url("../stylesheets/images/arrow_dark.svg");
  transform: rotate(180deg);
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  height: 30px;
  width: 10px;
  background-size: 10px 16px;
  align-self: flex-start;
}

.tableau_item--episode_info__program_link {
  text-decoration: none;
}

.tableau_item--episode_info__program_link {
  color: #213dbf;
}
.tableau_item--episode_info__program_link:hover, .tableau_item--episode_info__program_link:focus {
  color: #110737;
  text-decoration: underline;
}
.tableau_item--episode_info__program_link:focus {
  outline: 3px solid #110737;
  border: none;
}

.tableau_item--episode_info__program_link {
  text-decoration: underline;
}

.tableau_item--filter a:focus, .date_picker--container .date_picker--option a:focus {
  outline: 3px solid #110737;
}

.date_picker--container {
  background-color: #caf5ff;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (min-width: 769px) {
  .date_picker--container {
    padding-left: 8rem;
    padding-right: 8rem;
  }
}
@media (min-width: 769px) {
  .date_picker--container .date_picker--option {
    font-size: 1.6rem;
  }
}
.date_picker--container .date_picker--option a {
  color: #110737;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}
@media (max-width: 1024px) {
  .date_picker--container .date_picker--option a .large-screen-text {
    display: none;
  }
}
.date_picker--container .date_picker--option a:hover, .date_picker--container .date_picker--option a:focus {
  text-decoration: underline;
}
.date_picker--container .date_picker--option .date_picker--link--disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.1;
}
.date_picker--container .date_picker--week {
  line-height: 30px;
}
.date_picker--container .date_picker--week.date_picker--next-week .date_picker--week__link--arrow {
  transform: rotate(0deg);
}
.date_picker--container .date_picker--week .large-screen-text {
  font-size: 1.4rem;
  line-height: normal;
}
.date_picker--container .date_picker--week .large-screen-text .date_picker--week__link--dates {
  font-weight: 400;
}
.date_picker--container .date_picker--week .date_picker--prev-week__link--text {
  margin-left: 1rem;
  text-align: left;
}
.date_picker--container .date_picker--week .date_picker--next-week__link--text {
  margin-right: 1rem;
  text-align: right;
}
.date_picker--container .date_picker--day {
  background: #ffffff;
  text-align: center;
  border-radius: 15px;
  height: 30px;
  line-height: 30px;
}
@media (max-width: 1024px) {
  .date_picker--container .date_picker--day {
    width: 30px;
  }
}
@media (min-width: 1025px) {
  .date_picker--container .date_picker--day {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.date_picker--container .date_picker--day a {
  display: block;
  height: 100%;
  width: 100%;
  font-size: 1.4rem;
}
.date_picker--container .date_picker--day.date_picker--chosen {
  background: #110737;
}
.date_picker--container .date_picker--day.date_picker--chosen a {
  color: #ffffff;
}

.tableau--container {
  padding-top: 5rem;
  padding-bottom: 5rem;
  margin: 0 auto;
  max-width: 1366px;
  background-color: #ffffff;
}
@media (max-width: 768px) {
  .tableau--container {
    position: relative;
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 769px) {
  .tableau--container {
    padding-left: 5rem;
    padding-right: 8rem;
  }
}

.tableau_date--content--container {
  display: flex;
  flex-wrap: wrap;
  padding-left: 3rem;
}

.tableau_date--content {
  color: #110737;
  font-weight: normal;
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
}

.tableau_item--filter {
  display: flex;
  margin-left: auto;
  margin-bottom: 1rem;
  font-size: 2.2rem;
  align-items: center;
}
.tableau_item--filter a {
  color: #110737;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}
.tableau_item--filter a .large-screen-text {
  padding-left: 0.5rem;
}
@media (max-width: 1024px) {
  .tableau_item--filter a .large-screen-text {
    display: none;
  }
}
.tableau_item--filter a:hover, .tableau_item--filter a:focus {
  text-decoration: underline;
  color: #110737;
}
.tableau_item--filter a:hover::before, .tableau_item--filter a:focus::before {
  background-size: calc( 26px + 2px );
}

.tableau_item--filter--tv,
.tableau_item--filter--radio {
  padding-left: 15px;
  padding-right: 15px;
  background-color: #caf5ff;
  border-radius: 28px;
  height: calc( 56px + 2px );
  line-height: calc( 56px + 2px );
  align-self: center;
}
.tableau_item--filter--tv::before,
.tableau_item--filter--radio::before {
  content: "";
  display: inline-block;
  height: calc( 26px + 2px );
  width: calc( 26px + 2px );
  background-repeat: no-repeat;
  background-position: center;
  background-size: 26px;
  vertical-align: middle;
  align-self: center;
}

.tableau_item--filter--tv::before {
  background-image: url("../stylesheets/images/tabla_tv_dark.svg");
}
@media (min-width: 1025px) {
  .tableau_item--filter--tv::before {
    background-position: 0% 0%;
    height: 29px;
  }
}
.tableau_item--filter--tv.tv-filtering-selected {
  background-color: #2396fc;
  color: white;
}
.tableau_item--filter--tv.tv-filtering-selected::before {
  background-image: url("../stylesheets/images/tabla_tv_white.svg");
}

.tableau_item--filter--radio {
  margin-left: 1rem;
}
.tableau_item--filter--radio::before {
  background-image: url("../stylesheets/images/tabla_radio_dark.svg");
}
@media (min-width: 1025px) {
  .tableau_item--filter--radio::before {
    background-position: 0% 0%;
    height: 37px;
  }
}
.tableau_item--filter--radio.radio-filtering-selected {
  background-color: #2cdbec;
  color: white;
}
.tableau_item--filter--radio.radio-filtering-selected::before {
  background-image: url("../stylesheets/images/tabla_radio_white.svg");
}

.tableau_date--additional_date_desc {
  font-weight: 700;
  margin-right: 1rem;
}

.tableau_date--additional_date_desc,
.tableau_date--date {
  font-size: 3.2rem;
  align-self: center;
}
@media (max-width: 768px) {
  .tableau_date--additional_date_desc,
.tableau_date--date {
    font-size: 1.8rem;
  }
}

.tableau_item {
  max-height: 60rem;
  display: block;
  padding-top: 1rem;
}

.js-hide-tableau-item {
  display: none;
}

.tableau_item--content-container {
  display: flex;
}
@media (max-width: 1024px) {
  .tableau_item--content-container {
    display: block;
  }
}

.tableau_item--time_image--container {
  display: flex;
  height: 100%;
  background-color: #caf5ff;
}
@media (max-width: 1024px) {
  .tableau_item--time_image--container {
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .tableau_item--time_image--container {
    width: 50%;
  }
}

.tableau_item--time_channel--container {
  color: #ffffff;
  position: relative;
  overflow: hidden;
  width: 40%;
}

.tableau_item--radio.tableau_item--filter__only-tv {
  display: none;
}
.tableau_item--radio .tableau_item--time_channel--container {
  background-color: #2cdbec;
}

.tableau_item--tv.tableau_item--filter__only-radio {
  display: none;
}
.tableau_item--tv .tableau_item--time_channel--container {
  background-color: #2396fc;
}

.tableau_item--time_channel--content {
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  margin-left: 10%;
}

.tableau_item--time_channel--content__time {
  color: #110737;
  font-weight: 700;
  font-size: 4rem;
}
@media (max-width: 610px) {
  .tableau_item--time_channel--content__time {
    font-size: 3.2rem;
  }
}

.tableau_item--time_channel--content__channel {
  color: #110737;
  font-weight: 700;
  font-size: 1.4rem;
}
@media (max-width: 610px) {
  .tableau_item--time_channel--content__channel {
    font-size: 1rem;
  }
}

.tableau_item--image--container {
  overflow: hidden;
  width: 60%;
  display: inline-block;
  position: relative;
}
@media (min-width: 611px) {
  .tableau_item--image--container a:hover .tableau_item__image-link,
.tableau_item--image--container a:focus .tableau_item__image-link {
    opacity: 0.6;
  }
}

.tableau_item--image--container:after {
  /* 16:9 ratio */
  padding-top: 56.25%;
  display: block;
  content: "";
}

.tableau_item--image--content {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
}

.tableau_item--episode_info--container {
  background-color: #110737;
  padding: 1rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .tableau_item--episode_info--container {
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .tableau_item--episode_info--container {
    width: 50%;
    padding: 2rem;
  }
}

.tableau_item--episode_info--content-titles {
  flex-grow: 1;
  width: 100%;
  display: flex;
}

.tableau_item--episode_info-titles {
  flex-grow: 1;
  display: block;
}

.tableau_item--episode_info-series_title {
  font-size: 2.2rem;
  font-weight: 700;
  padding-bottom: 0.5rem;
  line-height: 2.7rem;
  color: #ffffff;
}

.tableau_item--episode_info-episode_title {
  font-weight: 400;
  padding-bottom: 0.5rem;
  font-size: 2rem;
  color: #ffffff;
}

.tableau_item--episode_info__links {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1025px) {
  .tableau_item--episode_info__links {
    flex-direction: row;
    justify-content: space-between;
  }
}

.tableau_item--episode_info__program_link {
  color: #ffffff;
}
.tableau_item--episode_info__program_link:hover {
  color: #caf5ff;
}
@media (min-width: 1025px) {
  .tableau_item--episode_info__program_link {
    order: 2;
  }
}
@media (max-width: 1024px) {
  .tableau_item--episode_info__program_link {
    padding-bottom: 0.5rem;
  }
}

.tableau_item--episode_info__more-links {
  cursor: pointer;
}
@media (min-width: 1025px) {
  .tableau_item--episode_info__more-links {
    order: 1;
  }
}

.tableau_item--episode_info__more-links a {
  color: #ffffff;
  font-weight: 700;
  font-size: 1.6rem;
}
.tableau_item--episode_info__more-links a:hover, .tableau_item--episode_info__more-links a:focus {
  color: #ffffff;
}
.tableau_item--episode_info__more-links a:hover::after, .tableau_item--episode_info__more-links a:focus::after {
  color: #ffffff;
}

.js-open-tableau-item .tableau_item--read-more-link::after {
  transform: rotate(270deg);
}

.tableau_item--extended_info--container {
  font-size: 1.4rem;
}

.tableau_item--episode_info--episode_extended_info {
  display: none;
  background-color: #110737;
  padding: 1rem;
  padding-top: 0;
  color: #ffffff;
}
@media (max-width: 1024px) {
  .tableau_item--episode_info--episode_extended_info {
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .tableau_item--episode_info--episode_extended_info {
    width: 50%;
    margin-left: auto;
    padding: 2rem;
    padding-top: 0;
  }
}

.tableau_item--episode_info--episode_extended_info__rerun {
  font-weight: 700;
}

@media (max-width: 610px) {
  .tableau_item--episode_info--content-titles .share {
    text-align: right;
    position: relative;
  }
}

@media (max-width: 610px) {
  .tableau_item--episode_info--content-titles .share__popup {
    margin-top: 2rem;
    right: 0;
  }
}
/* keep darkblue as background color
.content-bg, body.content-style-unboxed .site {
  background-color: #110737 !important;
}
*/
.page-id-5511 .site {
  background-color: #110737 !important;
}

.page-id-5511 .entry-title {
  color: #ffffff !important;
}

.page-id-5511 .entry-content {
  color: #ffffff !important;
}

.page-id-5511 .kadence-breadcrumb-container {
  color: #ffffff !important;
}
/*# sourceMappingURL=tableau.css.map */