/* Code tidied up by ScrapBook */ meta.foundation-version { font-family: "/5.4.7/"; } meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } meta.foundation-mq-medium { font-family: "/only screen and (min-width:30em)/"; width: 30em; } meta.foundation-mq-large { font-family: "/only screen and (min-width:42em)/"; width: 42em; } meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:62.5em)/"; width: 62.5em; } meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:240.063em)/"; width: 240.063em; } meta.foundation-data-attribute-namespace { font-family: false; } html, body { height: 100%; } *, *:before, *:after { box-sizing: border-box; } html, body { font-size: 100%; } body { background: none repeat scroll 0% 0% rgb(255, 255, 255); color: rgb(34, 34, 34); padding: 0px; margin: 0px; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; font-weight: normal; font-style: normal; line-height: 1.5; position: relative; cursor: auto; } a:hover { cursor: pointer; } img { max-width: 100%; height: auto; } img { } #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none ! important; } .left { float: left ! important; } .right { float: right ! important; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .hide, .m-schedule-responsive .m-menu-show-title-prefix { display: none ! important; visibility: hidden; } .invisible { visibility: hidden; } .antialiased { } img { display: inline-block; vertical-align: middle; } textarea { height: auto; min-height: 50px; } select { width: 100%; } .row { width: 100%; margin: 0px auto; max-width: 62.5rem; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .row.collapse > .column, .row.collapse > .columns { padding-left: 0px; padding-right: 0px; } .row.collapse .row { margin-left: 0px; margin-right: 0px; } .row .row { width: auto; margin: 0px -0.1875rem; max-width: none; } .row .row:before, .row .row:after { content: " "; display: table; } .row .row:after { clear: both; } .row .row.collapse { width: auto; margin: 0px; max-width: none; } .row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; } .row .row.collapse:after { clear: both; } .column, .columns { padding-left: 0.1875rem; padding-right: 0.1875rem; width: 100%; float: left; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + .end[class*="column"] { float: left; } @media only screen { .small-push-0 { position: relative; left: 0%; right: auto; } .small-pull-0 { position: relative; right: 0%; left: auto; } .small-push-1 { position: relative; left: 8.33333%; right: auto; } .small-pull-1 { position: relative; right: 8.33333%; left: auto; } .small-push-2 { position: relative; left: 16.6667%; right: auto; } .small-pull-2 { position: relative; right: 16.6667%; left: auto; } .small-push-3 { position: relative; left: 25%; right: auto; } .small-pull-3 { position: relative; right: 25%; left: auto; } .small-push-4 { position: relative; left: 33.3333%; right: auto; } .small-pull-4 { position: relative; right: 33.3333%; left: auto; } .small-push-5 { position: relative; left: 41.6667%; right: auto; } .small-pull-5 { position: relative; right: 41.6667%; left: auto; } .small-push-6 { position: relative; left: 50%; right: auto; } .small-pull-6 { position: relative; right: 50%; left: auto; } .small-push-7 { position: relative; left: 58.3333%; right: auto; } .small-pull-7 { position: relative; right: 58.3333%; left: auto; } .small-push-8 { position: relative; left: 66.6667%; right: auto; } .small-pull-8 { position: relative; right: 66.6667%; left: auto; } .small-push-9 { position: relative; left: 75%; right: auto; } .small-pull-9 { position: relative; right: 75%; left: auto; } .small-push-10 { position: relative; left: 83.3333%; right: auto; } .small-pull-10 { position: relative; right: 83.3333%; left: auto; } .small-push-11 { position: relative; left: 91.6667%; right: auto; } .small-pull-11 { position: relative; right: 91.6667%; left: auto; } .column, .columns { position: relative; padding-left: 0.1875rem; padding-right: 0.1875rem; float: left; } .small-1 { width: 8.33333%; } .small-2 { width: 16.6667%; } .small-3 { width: 25%; } .small-4 { width: 33.3333%; } .small-5 { width: 41.6667%; } .small-6 { width: 50%; } .small-7 { width: 58.3333%; } .small-8 { width: 66.6667%; } .small-9 { width: 75%; } .small-10 { width: 83.3333%; } .small-11 { width: 91.6667%; } .small-12 { width: 100%; } .small-offset-0 { margin-left: 0% ! important; } .small-offset-1 { margin-left: 8.33333% ! important; } .small-offset-2 { margin-left: 16.6667% ! important; } .small-offset-3 { margin-left: 25% ! important; } .small-offset-4 { margin-left: 33.3333% ! important; } .small-offset-5 { margin-left: 41.6667% ! important; } .small-offset-6 { margin-left: 50% ! important; } .small-offset-7 { margin-left: 58.3333% ! important; } .small-offset-8 { margin-left: 66.6667% ! important; } .small-offset-9 { margin-left: 75% ! important; } .small-offset-10 { margin-left: 83.3333% ! important; } .small-offset-11 { margin-left: 91.6667% ! important; } .small-reset-order { margin-left: 0px; margin-right: 0px; left: auto; right: auto; float: left; } .column.small-centered, .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } .column.small-uncentered, .columns.small-uncentered { margin-left: 0px; margin-right: 0px; float: left; } .column.small-centered:last-child, .columns.small-centered:last-child { float: none; } .column.small-uncentered:last-child, .columns.small-uncentered:last-child { float: left; } .column.small-uncentered.opposite, .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 30em) { .medium-push-0 { position: relative; left: 0%; right: auto; } .medium-pull-0 { position: relative; right: 0%; left: auto; } .medium-push-1 { position: relative; left: 8.33333%; right: auto; } .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } .medium-push-2 { position: relative; left: 16.6667%; right: auto; } .medium-pull-2 { position: relative; right: 16.6667%; left: auto; } .medium-push-3 { position: relative; left: 25%; right: auto; } .medium-pull-3 { position: relative; right: 25%; left: auto; } .medium-push-4 { position: relative; left: 33.3333%; right: auto; } .medium-pull-4 { position: relative; right: 33.3333%; left: auto; } .medium-push-5 { position: relative; left: 41.6667%; right: auto; } .medium-pull-5 { position: relative; right: 41.6667%; left: auto; } .medium-push-6 { position: relative; left: 50%; right: auto; } .medium-pull-6 { position: relative; right: 50%; left: auto; } .medium-push-7 { position: relative; left: 58.3333%; right: auto; } .medium-pull-7 { position: relative; right: 58.3333%; left: auto; } .medium-push-8 { position: relative; left: 66.6667%; right: auto; } .medium-pull-8 { position: relative; right: 66.6667%; left: auto; } .medium-push-9 { position: relative; left: 75%; right: auto; } .medium-pull-9 { position: relative; right: 75%; left: auto; } .medium-push-10 { position: relative; left: 83.3333%; right: auto; } .medium-pull-10 { position: relative; right: 83.3333%; left: auto; } .medium-push-11 { position: relative; left: 91.6667%; right: auto; } .medium-pull-11 { position: relative; right: 91.6667%; left: auto; } .column, .columns { position: relative; padding-left: 0.1875rem; padding-right: 0.1875rem; float: left; } .medium-1 { width: 8.33333%; } .medium-2 { width: 16.6667%; } .medium-3 { width: 25%; } .medium-4 { width: 33.3333%; } .medium-5 { width: 41.6667%; } .medium-6 { width: 50%; } .medium-7 { width: 58.3333%; } .medium-8 { width: 66.6667%; } .medium-9 { width: 75%; } .medium-10 { width: 83.3333%; } .medium-11 { width: 91.6667%; } .medium-12 { width: 100%; } .medium-offset-0 { margin-left: 0% ! important; } .medium-offset-1 { margin-left: 8.33333% ! important; } .medium-offset-2 { margin-left: 16.6667% ! important; } .medium-offset-3 { margin-left: 25% ! important; } .medium-offset-4 { margin-left: 33.3333% ! important; } .medium-offset-5 { margin-left: 41.6667% ! important; } .medium-offset-6 { margin-left: 50% ! important; } .medium-offset-7 { margin-left: 58.3333% ! important; } .medium-offset-8 { margin-left: 66.6667% ! important; } .medium-offset-9 { margin-left: 75% ! important; } .medium-offset-10 { margin-left: 83.3333% ! important; } .medium-offset-11 { margin-left: 91.6667% ! important; } .medium-reset-order { margin-left: 0px; margin-right: 0px; left: auto; right: auto; float: left; } .column.medium-centered, .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } .column.medium-uncentered, .columns.medium-uncentered { margin-left: 0px; margin-right: 0px; float: left; } .column.medium-centered:last-child, .columns.medium-centered:last-child { float: none; } .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child { float: left; } .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite { float: right; } .push-0 { position: relative; left: 0%; right: auto; } .pull-0 { position: relative; right: 0%; left: auto; } .push-1 { position: relative; left: 8.33333%; right: auto; } .pull-1 { position: relative; right: 8.33333%; left: auto; } .push-2 { position: relative; left: 16.6667%; right: auto; } .pull-2 { position: relative; right: 16.6667%; left: auto; } .push-3 { position: relative; left: 25%; right: auto; } .pull-3 { position: relative; right: 25%; left: auto; } .push-4 { position: relative; left: 33.3333%; right: auto; } .pull-4 { position: relative; right: 33.3333%; left: auto; } .push-5 { position: relative; left: 41.6667%; right: auto; } .pull-5 { position: relative; right: 41.6667%; left: auto; } .push-6 { position: relative; left: 50%; right: auto; } .pull-6 { position: relative; right: 50%; left: auto; } .push-7 { position: relative; left: 58.3333%; right: auto; } .pull-7 { position: relative; right: 58.3333%; left: auto; } .push-8 { position: relative; left: 66.6667%; right: auto; } .pull-8 { position: relative; right: 66.6667%; left: auto; } .push-9 { position: relative; left: 75%; right: auto; } .pull-9 { position: relative; right: 75%; left: auto; } .push-10 { position: relative; left: 83.3333%; right: auto; } .pull-10 { position: relative; right: 83.3333%; left: auto; } .push-11 { position: relative; left: 91.6667%; right: auto; } .pull-11 { position: relative; right: 91.6667%; left: auto; } } @media only screen and (min-width: 42em) { .large-push-0 { position: relative; left: 0%; right: auto; } .large-pull-0 { position: relative; right: 0%; left: auto; } .large-push-1 { position: relative; left: 8.33333%; right: auto; } .large-pull-1 { position: relative; right: 8.33333%; left: auto; } .large-push-2 { position: relative; left: 16.6667%; right: auto; } .large-pull-2 { position: relative; right: 16.6667%; left: auto; } .large-push-3 { position: relative; left: 25%; right: auto; } .large-pull-3 { position: relative; right: 25%; left: auto; } .large-push-4 { position: relative; left: 33.3333%; right: auto; } .large-pull-4 { position: relative; right: 33.3333%; left: auto; } .large-push-5 { position: relative; left: 41.6667%; right: auto; } .large-pull-5 { position: relative; right: 41.6667%; left: auto; } .large-push-6 { position: relative; left: 50%; right: auto; } .large-pull-6 { position: relative; right: 50%; left: auto; } .large-push-7 { position: relative; left: 58.3333%; right: auto; } .large-pull-7 { position: relative; right: 58.3333%; left: auto; } .large-push-8 { position: relative; left: 66.6667%; right: auto; } .large-pull-8 { position: relative; right: 66.6667%; left: auto; } .large-push-9 { position: relative; left: 75%; right: auto; } .large-pull-9 { position: relative; right: 75%; left: auto; } .large-push-10 { position: relative; left: 83.3333%; right: auto; } .large-pull-10 { position: relative; right: 83.3333%; left: auto; } .large-push-11 { position: relative; left: 91.6667%; right: auto; } .large-pull-11 { position: relative; right: 91.6667%; left: auto; } .column, .columns { position: relative; padding-left: 0.1875rem; padding-right: 0.1875rem; float: left; } .large-1 { width: 8.33333%; } .large-2 { width: 16.6667%; } .large-3 { width: 25%; } .large-4 { width: 33.3333%; } .large-5 { width: 41.6667%; } .large-6 { width: 50%; } .large-7 { width: 58.3333%; } .large-8 { width: 66.6667%; } .large-9 { width: 75%; } .large-10 { width: 83.3333%; } .large-11 { width: 91.6667%; } .large-12 { width: 100%; } .large-offset-0 { margin-left: 0% ! important; } .large-offset-1 { margin-left: 8.33333% ! important; } .large-offset-2 { margin-left: 16.6667% ! important; } .large-offset-3 { margin-left: 25% ! important; } .large-offset-4 { margin-left: 33.3333% ! important; } .large-offset-5 { margin-left: 41.6667% ! important; } .large-offset-6 { margin-left: 50% ! important; } .large-offset-7 { margin-left: 58.3333% ! important; } .large-offset-8 { margin-left: 66.6667% ! important; } .large-offset-9 { margin-left: 75% ! important; } .large-offset-10 { margin-left: 83.3333% ! important; } .large-offset-11 { margin-left: 91.6667% ! important; } .large-reset-order { margin-left: 0px; margin-right: 0px; left: auto; right: auto; float: left; } .column.large-centered, .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } .column.large-uncentered, .columns.large-uncentered { margin-left: 0px; margin-right: 0px; float: left; } .column.large-centered:last-child, .columns.large-centered:last-child { float: none; } .column.large-uncentered:last-child, .columns.large-uncentered:last-child { float: left; } .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right; } .push-0 { position: relative; left: 0%; right: auto; } .pull-0 { position: relative; right: 0%; left: auto; } .push-1 { position: relative; left: 8.33333%; right: auto; } .pull-1 { position: relative; right: 8.33333%; left: auto; } .push-2 { position: relative; left: 16.6667%; right: auto; } .pull-2 { position: relative; right: 16.6667%; left: auto; } .push-3 { position: relative; left: 25%; right: auto; } .pull-3 { position: relative; right: 25%; left: auto; } .push-4 { position: relative; left: 33.3333%; right: auto; } .pull-4 { position: relative; right: 33.3333%; left: auto; } .push-5 { position: relative; left: 41.6667%; right: auto; } .pull-5 { position: relative; right: 41.6667%; left: auto; } .push-6 { position: relative; left: 50%; right: auto; } .pull-6 { position: relative; right: 50%; left: auto; } .push-7 { position: relative; left: 58.3333%; right: auto; } .pull-7 { position: relative; right: 58.3333%; left: auto; } .push-8 { position: relative; left: 66.6667%; right: auto; } .pull-8 { position: relative; right: 66.6667%; left: auto; } .push-9 { position: relative; left: 75%; right: auto; } .pull-9 { position: relative; right: 75%; left: auto; } .push-10 { position: relative; left: 83.3333%; right: auto; } .pull-10 { position: relative; right: 83.3333%; left: auto; } .push-11 { position: relative; left: 91.6667%; right: auto; } .pull-11 { position: relative; right: 91.6667%; left: auto; } } @media only screen and (min-width: 62.5em) { .xlarge-push-0 { position: relative; left: 0%; right: auto; } .xlarge-pull-0 { position: relative; right: 0%; left: auto; } .xlarge-push-1 { position: relative; left: 8.33333%; right: auto; } .xlarge-pull-1 { position: relative; right: 8.33333%; left: auto; } .xlarge-push-2 { position: relative; left: 16.6667%; right: auto; } .xlarge-pull-2 { position: relative; right: 16.6667%; left: auto; } .xlarge-push-3 { position: relative; left: 25%; right: auto; } .xlarge-pull-3 { position: relative; right: 25%; left: auto; } .xlarge-push-4 { position: relative; left: 33.3333%; right: auto; } .xlarge-pull-4 { position: relative; right: 33.3333%; left: auto; } .xlarge-push-5 { position: relative; left: 41.6667%; right: auto; } .xlarge-pull-5 { position: relative; right: 41.6667%; left: auto; } .xlarge-push-6 { position: relative; left: 50%; right: auto; } .xlarge-pull-6 { position: relative; right: 50%; left: auto; } .xlarge-push-7 { position: relative; left: 58.3333%; right: auto; } .xlarge-pull-7 { position: relative; right: 58.3333%; left: auto; } .xlarge-push-8 { position: relative; left: 66.6667%; right: auto; } .xlarge-pull-8 { position: relative; right: 66.6667%; left: auto; } .xlarge-push-9 { position: relative; left: 75%; right: auto; } .xlarge-pull-9 { position: relative; right: 75%; left: auto; } .xlarge-push-10 { position: relative; left: 83.3333%; right: auto; } .xlarge-pull-10 { position: relative; right: 83.3333%; left: auto; } .xlarge-push-11 { position: relative; left: 91.6667%; right: auto; } .xlarge-pull-11 { position: relative; right: 91.6667%; left: auto; } .column, .columns { position: relative; padding-left: 0.1875rem; padding-right: 0.1875rem; float: left; } .xlarge-1 { width: 8.33333%; } .xlarge-2 { width: 16.6667%; } .xlarge-3 { width: 25%; } .xlarge-4 { width: 33.3333%; } .xlarge-5 { width: 41.6667%; } .xlarge-6 { width: 50%; } .xlarge-7 { width: 58.3333%; } .xlarge-8 { width: 66.6667%; } .xlarge-9 { width: 75%; } .xlarge-10 { width: 83.3333%; } .xlarge-11 { width: 91.6667%; } .xlarge-12 { width: 100%; } .xlarge-offset-0 { margin-left: 0% ! important; } .xlarge-offset-1 { margin-left: 8.33333% ! important; } .xlarge-offset-2 { margin-left: 16.6667% ! important; } .xlarge-offset-3 { margin-left: 25% ! important; } .xlarge-offset-4 { margin-left: 33.3333% ! important; } .xlarge-offset-5 { margin-left: 41.6667% ! important; } .xlarge-offset-6 { margin-left: 50% ! important; } .xlarge-offset-7 { margin-left: 58.3333% ! important; } .xlarge-offset-8 { margin-left: 66.6667% ! important; } .xlarge-offset-9 { margin-left: 75% ! important; } .xlarge-offset-10 { margin-left: 83.3333% ! important; } .xlarge-offset-11 { margin-left: 91.6667% ! important; } .xlarge-reset-order { margin-left: 0px; margin-right: 0px; left: auto; right: auto; float: left; } .column.xlarge-centered, .columns.xlarge-centered { margin-left: auto; margin-right: auto; float: none; } .column.xlarge-uncentered, .columns.xlarge-uncentered { margin-left: 0px; margin-right: 0px; float: left; } .column.xlarge-centered:last-child, .columns.xlarge-centered:last-child { float: none; } .column.xlarge-uncentered:last-child, .columns.xlarge-uncentered:last-child { float: left; } .column.xlarge-uncentered.opposite, .columns.xlarge-uncentered.opposite { float: right; } } @media only screen and (min-width: 240.063em) { .xxlarge-push-0 { position: relative; left: 0%; right: auto; } .xxlarge-pull-0 { position: relative; right: 0%; left: auto; } .xxlarge-push-1 { position: relative; left: 8.33333%; right: auto; } .xxlarge-pull-1 { position: relative; right: 8.33333%; left: auto; } .xxlarge-push-2 { position: relative; left: 16.6667%; right: auto; } .xxlarge-pull-2 { position: relative; right: 16.6667%; left: auto; } .xxlarge-push-3 { position: relative; left: 25%; right: auto; } .xxlarge-pull-3 { position: relative; right: 25%; left: auto; } .xxlarge-push-4 { position: relative; left: 33.3333%; right: auto; } .xxlarge-pull-4 { position: relative; right: 33.3333%; left: auto; } .xxlarge-push-5 { position: relative; left: 41.6667%; right: auto; } .xxlarge-pull-5 { position: relative; right: 41.6667%; left: auto; } .xxlarge-push-6 { position: relative; left: 50%; right: auto; } .xxlarge-pull-6 { position: relative; right: 50%; left: auto; } .xxlarge-push-7 { position: relative; left: 58.3333%; right: auto; } .xxlarge-pull-7 { position: relative; right: 58.3333%; left: auto; } .xxlarge-push-8 { position: relative; left: 66.6667%; right: auto; } .xxlarge-pull-8 { position: relative; right: 66.6667%; left: auto; } .xxlarge-push-9 { position: relative; left: 75%; right: auto; } .xxlarge-pull-9 { position: relative; right: 75%; left: auto; } .xxlarge-push-10 { position: relative; left: 83.3333%; right: auto; } .xxlarge-pull-10 { position: relative; right: 83.3333%; left: auto; } .xxlarge-push-11 { position: relative; left: 91.6667%; right: auto; } .xxlarge-pull-11 { position: relative; right: 91.6667%; left: auto; } .column, .columns { position: relative; padding-left: 0.1875rem; padding-right: 0.1875rem; float: left; } .xxlarge-1 { width: 8.33333%; } .xxlarge-2 { width: 16.6667%; } .xxlarge-3 { width: 25%; } .xxlarge-4 { width: 33.3333%; } .xxlarge-5 { width: 41.6667%; } .xxlarge-6 { width: 50%; } .xxlarge-7 { width: 58.3333%; } .xxlarge-8 { width: 66.6667%; } .xxlarge-9 { width: 75%; } .xxlarge-10 { width: 83.3333%; } .xxlarge-11 { width: 91.6667%; } .xxlarge-12 { width: 100%; } .xxlarge-offset-0 { margin-left: 0% ! important; } .xxlarge-offset-1 { margin-left: 8.33333% ! important; } .xxlarge-offset-2 { margin-left: 16.6667% ! important; } .xxlarge-offset-3 { margin-left: 25% ! important; } .xxlarge-offset-4 { margin-left: 33.3333% ! important; } .xxlarge-offset-5 { margin-left: 41.6667% ! important; } .xxlarge-offset-6 { margin-left: 50% ! important; } .xxlarge-offset-7 { margin-left: 58.3333% ! important; } .xxlarge-offset-8 { margin-left: 66.6667% ! important; } .xxlarge-offset-9 { margin-left: 75% ! important; } .xxlarge-offset-10 { margin-left: 83.3333% ! important; } .xxlarge-offset-11 { margin-left: 91.6667% ! important; } .xxlarge-reset-order { margin-left: 0px; margin-right: 0px; left: auto; right: auto; float: left; } .column.xxlarge-centered, .columns.xxlarge-centered { margin-left: auto; margin-right: auto; float: none; } .column.xxlarge-uncentered, .columns.xxlarge-uncentered { margin-left: 0px; margin-right: 0px; float: left; } .column.xxlarge-centered:last-child, .columns.xxlarge-centered:last-child { float: none; } .column.xxlarge-uncentered:last-child, .columns.xxlarge-uncentered:last-child { float: left; } .column.xxlarge-uncentered.opposite, .columns.xxlarge-uncentered.opposite { float: right; } } [class*="block-grid-"] { display: block; padding: 0px; margin: 0px -0.1875rem; } [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } [class*="block-grid-"]:after { clear: both; } [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0px 0.1875rem 0.375rem; } @media only screen { .small-block-grid-1 > li { width: 100%; list-style: none outside none; } .small-block-grid-1 > li:nth-of-type(n) { clear: none; } .small-block-grid-1 > li:nth-of-type(n+1) { clear: both; } .small-block-grid-2 > li { width: 50%; list-style: none outside none; } .small-block-grid-2 > li:nth-of-type(n) { clear: none; } .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .small-block-grid-3 > li { width: 33.3333%; list-style: none outside none; } .small-block-grid-3 > li:nth-of-type(n) { clear: none; } .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .small-block-grid-4 > li { width: 25%; list-style: none outside none; } .small-block-grid-4 > li:nth-of-type(n) { clear: none; } .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .small-block-grid-5 > li { width: 20%; list-style: none outside none; } .small-block-grid-5 > li:nth-of-type(n) { clear: none; } .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .small-block-grid-6 > li { width: 16.6667%; list-style: none outside none; } .small-block-grid-6 > li:nth-of-type(n) { clear: none; } .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .small-block-grid-7 > li { width: 14.2857%; list-style: none outside none; } .small-block-grid-7 > li:nth-of-type(n) { clear: none; } .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .small-block-grid-8 > li { width: 12.5%; list-style: none outside none; } .small-block-grid-8 > li:nth-of-type(n) { clear: none; } .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .small-block-grid-9 > li { width: 11.1111%; list-style: none outside none; } .small-block-grid-9 > li:nth-of-type(n) { clear: none; } .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .small-block-grid-10 > li { width: 10%; list-style: none outside none; } .small-block-grid-10 > li:nth-of-type(n) { clear: none; } .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .small-block-grid-11 > li { width: 9.09091%; list-style: none outside none; } .small-block-grid-11 > li:nth-of-type(n) { clear: none; } .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .small-block-grid-12 > li { width: 8.33333%; list-style: none outside none; } .small-block-grid-12 > li:nth-of-type(n) { clear: none; } .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 30em) { .medium-block-grid-1 > li { width: 100%; list-style: none outside none; } .medium-block-grid-1 > li:nth-of-type(n) { clear: none; } .medium-block-grid-1 > li:nth-of-type(n+1) { clear: both; } .medium-block-grid-2 > li { width: 50%; list-style: none outside none; } .medium-block-grid-2 > li:nth-of-type(n) { clear: none; } .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .medium-block-grid-3 > li { width: 33.3333%; list-style: none outside none; } .medium-block-grid-3 > li:nth-of-type(n) { clear: none; } .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .medium-block-grid-4 > li { width: 25%; list-style: none outside none; } .medium-block-grid-4 > li:nth-of-type(n) { clear: none; } .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .medium-block-grid-5 > li { width: 20%; list-style: none outside none; } .medium-block-grid-5 > li:nth-of-type(n) { clear: none; } .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .medium-block-grid-6 > li { width: 16.6667%; list-style: none outside none; } .medium-block-grid-6 > li:nth-of-type(n) { clear: none; } .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .medium-block-grid-7 > li { width: 14.2857%; list-style: none outside none; } .medium-block-grid-7 > li:nth-of-type(n) { clear: none; } .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .medium-block-grid-8 > li { width: 12.5%; list-style: none outside none; } .medium-block-grid-8 > li:nth-of-type(n) { clear: none; } .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .medium-block-grid-9 > li { width: 11.1111%; list-style: none outside none; } .medium-block-grid-9 > li:nth-of-type(n) { clear: none; } .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .medium-block-grid-10 > li { width: 10%; list-style: none outside none; } .medium-block-grid-10 > li:nth-of-type(n) { clear: none; } .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .medium-block-grid-11 > li { width: 9.09091%; list-style: none outside none; } .medium-block-grid-11 > li:nth-of-type(n) { clear: none; } .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .medium-block-grid-12 > li { width: 8.33333%; list-style: none outside none; } .medium-block-grid-12 > li:nth-of-type(n) { clear: none; } .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 42em) { .large-block-grid-1 > li { width: 100%; list-style: none outside none; } .large-block-grid-1 > li:nth-of-type(n) { clear: none; } .large-block-grid-1 > li:nth-of-type(n+1) { clear: both; } .large-block-grid-2 > li { width: 50%; list-style: none outside none; } .large-block-grid-2 > li:nth-of-type(n) { clear: none; } .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .large-block-grid-3 > li { width: 33.3333%; list-style: none outside none; } .large-block-grid-3 > li:nth-of-type(n) { clear: none; } .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .large-block-grid-4 > li { width: 25%; list-style: none outside none; } .large-block-grid-4 > li:nth-of-type(n) { clear: none; } .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .large-block-grid-5 > li { width: 20%; list-style: none outside none; } .large-block-grid-5 > li:nth-of-type(n) { clear: none; } .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .large-block-grid-6 > li { width: 16.6667%; list-style: none outside none; } .large-block-grid-6 > li:nth-of-type(n) { clear: none; } .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .large-block-grid-7 > li { width: 14.2857%; list-style: none outside none; } .large-block-grid-7 > li:nth-of-type(n) { clear: none; } .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .large-block-grid-8 > li { width: 12.5%; list-style: none outside none; } .large-block-grid-8 > li:nth-of-type(n) { clear: none; } .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .large-block-grid-9 > li { width: 11.1111%; list-style: none outside none; } .large-block-grid-9 > li:nth-of-type(n) { clear: none; } .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .large-block-grid-10 > li { width: 10%; list-style: none outside none; } .large-block-grid-10 > li:nth-of-type(n) { clear: none; } .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .large-block-grid-11 > li { width: 9.09091%; list-style: none outside none; } .large-block-grid-11 > li:nth-of-type(n) { clear: none; } .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .large-block-grid-12 > li { width: 8.33333%; list-style: none outside none; } .large-block-grid-12 > li:nth-of-type(n) { clear: none; } .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 62.5em) { .xlarge-block-grid-1 > li { width: 100%; list-style: none outside none; } .xlarge-block-grid-1 > li:nth-of-type(n) { clear: none; } .xlarge-block-grid-1 > li:nth-of-type(n+1) { clear: both; } .xlarge-block-grid-2 > li { width: 50%; list-style: none outside none; } .xlarge-block-grid-2 > li:nth-of-type(n) { clear: none; } .xlarge-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .xlarge-block-grid-3 > li { width: 33.3333%; list-style: none outside none; } .xlarge-block-grid-3 > li:nth-of-type(n) { clear: none; } .xlarge-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .xlarge-block-grid-4 > li { width: 25%; list-style: none outside none; } .xlarge-block-grid-4 > li:nth-of-type(n) { clear: none; } .xlarge-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .xlarge-block-grid-5 > li { width: 20%; list-style: none outside none; } .xlarge-block-grid-5 > li:nth-of-type(n) { clear: none; } .xlarge-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .xlarge-block-grid-6 > li { width: 16.6667%; list-style: none outside none; } .xlarge-block-grid-6 > li:nth-of-type(n) { clear: none; } .xlarge-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .xlarge-block-grid-7 > li { width: 14.2857%; list-style: none outside none; } .xlarge-block-grid-7 > li:nth-of-type(n) { clear: none; } .xlarge-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .xlarge-block-grid-8 > li { width: 12.5%; list-style: none outside none; } .xlarge-block-grid-8 > li:nth-of-type(n) { clear: none; } .xlarge-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .xlarge-block-grid-9 > li { width: 11.1111%; list-style: none outside none; } .xlarge-block-grid-9 > li:nth-of-type(n) { clear: none; } .xlarge-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .xlarge-block-grid-10 > li { width: 10%; list-style: none outside none; } .xlarge-block-grid-10 > li:nth-of-type(n) { clear: none; } .xlarge-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .xlarge-block-grid-11 > li { width: 9.09091%; list-style: none outside none; } .xlarge-block-grid-11 > li:nth-of-type(n) { clear: none; } .xlarge-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .xlarge-block-grid-12 > li { width: 8.33333%; list-style: none outside none; } .xlarge-block-grid-12 > li:nth-of-type(n) { clear: none; } .xlarge-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 240.063em) { .xxlarge-block-grid-1 > li { width: 100%; list-style: none outside none; } .xxlarge-block-grid-1 > li:nth-of-type(n) { clear: none; } .xxlarge-block-grid-1 > li:nth-of-type(n+1) { clear: both; } .xxlarge-block-grid-2 > li { width: 50%; list-style: none outside none; } .xxlarge-block-grid-2 > li:nth-of-type(n) { clear: none; } .xxlarge-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .xxlarge-block-grid-3 > li { width: 33.3333%; list-style: none outside none; } .xxlarge-block-grid-3 > li:nth-of-type(n) { clear: none; } .xxlarge-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .xxlarge-block-grid-4 > li { width: 25%; list-style: none outside none; } .xxlarge-block-grid-4 > li:nth-of-type(n) { clear: none; } .xxlarge-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .xxlarge-block-grid-5 > li { width: 20%; list-style: none outside none; } .xxlarge-block-grid-5 > li:nth-of-type(n) { clear: none; } .xxlarge-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .xxlarge-block-grid-6 > li { width: 16.6667%; list-style: none outside none; } .xxlarge-block-grid-6 > li:nth-of-type(n) { clear: none; } .xxlarge-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .xxlarge-block-grid-7 > li { width: 14.2857%; list-style: none outside none; } .xxlarge-block-grid-7 > li:nth-of-type(n) { clear: none; } .xxlarge-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .xxlarge-block-grid-8 > li { width: 12.5%; list-style: none outside none; } .xxlarge-block-grid-8 > li:nth-of-type(n) { clear: none; } .xxlarge-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .xxlarge-block-grid-9 > li { width: 11.1111%; list-style: none outside none; } .xxlarge-block-grid-9 > li:nth-of-type(n) { clear: none; } .xxlarge-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .xxlarge-block-grid-10 > li { width: 10%; list-style: none outside none; } .xxlarge-block-grid-10 > li:nth-of-type(n) { clear: none; } .xxlarge-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .xxlarge-block-grid-11 > li { width: 9.09091%; list-style: none outside none; } .xxlarge-block-grid-11 > li:nth-of-type(n) { clear: none; } .xxlarge-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .xxlarge-block-grid-12 > li { width: 8.33333%; list-style: none outside none; } .xxlarge-block-grid-12 > li:nth-of-type(n) { clear: none; } .xxlarge-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } button, .button { border-style: solid; border-width: 0px; cursor: pointer; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; font-weight: normal; line-height: normal; margin: 0px 0px 1.25rem; position: relative; text-decoration: none; text-align: center; display: inline-block; padding: 1rem 2rem 1.0625rem; font-size: 1rem; background-color: rgb(247, 184, 27); border-color: rgb(212, 153, 7); color: rgb(255, 255, 255); transition: background-color 300ms ease-out 0s; } button:hover, button:focus, .button:hover, .button:focus { background-color: rgb(212, 153, 7); } button:hover, button:focus, .button:hover, .button:focus { color: rgb(255, 255, 255); } button.secondary, .button.secondary { background-color: rgb(231, 231, 231); border-color: rgb(185, 185, 185); color: rgb(51, 51, 51); } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: rgb(185, 185, 185); } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: rgb(51, 51, 51); } button.success, .button.success { background-color: rgb(67, 172, 106); border-color: rgb(54, 138, 85); color: rgb(255, 255, 255); } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: rgb(54, 138, 85); } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: rgb(255, 255, 255); } button.alert, .button.alert { background-color: rgb(240, 65, 36); border-color: rgb(207, 42, 14); color: rgb(255, 255, 255); } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: rgb(207, 42, 14); } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: rgb(255, 255, 255); } button.warning, .button.warning { background-color: rgb(240, 138, 36); border-color: rgb(207, 110, 14); color: rgb(255, 255, 255); } button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { background-color: rgb(207, 110, 14); } button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { color: rgb(255, 255, 255); } button.info, .button.info { background-color: rgb(160, 211, 232); border-color: rgb(97, 182, 217); color: rgb(51, 51, 51); } button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { background-color: rgb(97, 182, 217); } button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { color: rgb(255, 255, 255); } button.large, .button.large { padding: 1.125rem 2.25rem 1.1875rem; font-size: 1.25rem; } button.small, .button.small { padding: 0.875rem 1.75rem 0.9375rem; font-size: 0.8125rem; } button.tiny, .button.tiny { padding: 0.625rem 1.25rem 0.6875rem; font-size: 0.6875rem; } button.expand, .button.expand { padding-right: 0px; padding-left: 0px; width: 100%; } button.left-align, .button.left-align { text-align: left; text-indent: 0.75rem; } button.right-align, .button.right-align { text-align: right; padding-right: 0.75rem; } button.radius, .button.radius { border-radius: 3px; } button.round, .button.round { border-radius: 1000px; } button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: rgb(247, 184, 27); border-color: rgb(212, 153, 7); color: rgb(255, 255, 255); cursor: default; opacity: 0.7; box-shadow: none; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: rgb(212, 153, 7); } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { color: rgb(255, 255, 255); } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: rgb(247, 184, 27); } button.disabled.secondary, button.secondary[disabled], .button.disabled.secondary, .button.secondary[disabled] { background-color: rgb(231, 231, 231); border-color: rgb(185, 185, 185); color: rgb(51, 51, 51); cursor: default; opacity: 0.7; box-shadow: none; } button.disabled.secondary:hover, button.disabled.secondary:focus, button.secondary[disabled]:hover, button.secondary[disabled]:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button.secondary[disabled]:hover, .button.secondary[disabled]:focus { background-color: rgb(185, 185, 185); } button.disabled.secondary:hover, button.disabled.secondary:focus, button.secondary[disabled]:hover, button.secondary[disabled]:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button.secondary[disabled]:hover, .button.secondary[disabled]:focus { color: rgb(51, 51, 51); } button.disabled.secondary:hover, button.disabled.secondary:focus, button.secondary[disabled]:hover, button.secondary[disabled]:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button.secondary[disabled]:hover, .button.secondary[disabled]:focus { background-color: rgb(231, 231, 231); } button.disabled.success, button.success[disabled], .button.disabled.success, .button.success[disabled] { background-color: rgb(67, 172, 106); border-color: rgb(54, 138, 85); color: rgb(255, 255, 255); cursor: default; opacity: 0.7; box-shadow: none; } button.disabled.success:hover, button.disabled.success:focus, button.success[disabled]:hover, button.success[disabled]:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button.success[disabled]:hover, .button.success[disabled]:focus { background-color: rgb(54, 138, 85); } button.disabled.success:hover, button.disabled.success:focus, button.success[disabled]:hover, button.success[disabled]:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button.success[disabled]:hover, .button.success[disabled]:focus { color: rgb(255, 255, 255); } button.disabled.success:hover, button.disabled.success:focus, button.success[disabled]:hover, button.success[disabled]:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button.success[disabled]:hover, .button.success[disabled]:focus { background-color: rgb(67, 172, 106); } button.disabled.alert, button.alert[disabled], .button.disabled.alert, .button.alert[disabled] { background-color: rgb(240, 65, 36); border-color: rgb(207, 42, 14); color: rgb(255, 255, 255); cursor: default; opacity: 0.7; box-shadow: none; } button.disabled.alert:hover, button.disabled.alert:focus, button.alert[disabled]:hover, button.alert[disabled]:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button.alert[disabled]:hover, .button.alert[disabled]:focus { background-color: rgb(207, 42, 14); } button.disabled.alert:hover, button.disabled.alert:focus, button.alert[disabled]:hover, button.alert[disabled]:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button.alert[disabled]:hover, .button.alert[disabled]:focus { color: rgb(255, 255, 255); } button.disabled.alert:hover, button.disabled.alert:focus, button.alert[disabled]:hover, button.alert[disabled]:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button.alert[disabled]:hover, .button.alert[disabled]:focus { background-color: rgb(240, 65, 36); } button.disabled.warning, button.warning[disabled], .button.disabled.warning, .button.warning[disabled] { background-color: rgb(240, 138, 36); border-color: rgb(207, 110, 14); color: rgb(255, 255, 255); cursor: default; opacity: 0.7; box-shadow: none; } button.disabled.warning:hover, button.disabled.warning:focus, button.warning[disabled]:hover, button.warning[disabled]:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button.warning[disabled]:hover, .button.warning[disabled]:focus { background-color: rgb(207, 110, 14); } button.disabled.warning:hover, button.disabled.warning:focus, button.warning[disabled]:hover, button.warning[disabled]:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button.warning[disabled]:hover, .button.warning[disabled]:focus { color: rgb(255, 255, 255); } button.disabled.warning:hover, button.disabled.warning:focus, button.warning[disabled]:hover, button.warning[disabled]:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button.warning[disabled]:hover, .button.warning[disabled]:focus { background-color: rgb(240, 138, 36); } button.disabled.info, button.info[disabled], .button.disabled.info, .button.info[disabled] { background-color: rgb(160, 211, 232); border-color: rgb(97, 182, 217); color: rgb(51, 51, 51); cursor: default; opacity: 0.7; box-shadow: none; } button.disabled.info:hover, button.disabled.info:focus, button.info[disabled]:hover, button.info[disabled]:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button.info[disabled]:hover, .button.info[disabled]:focus { background-color: rgb(97, 182, 217); } button.disabled.info:hover, button.disabled.info:focus, button.info[disabled]:hover, button.info[disabled]:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button.info[disabled]:hover, .button.info[disabled]:focus { color: rgb(255, 255, 255); } button.disabled.info:hover, button.disabled.info:focus, button.info[disabled]:hover, button.info[disabled]:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button.info[disabled]:hover, .button.info[disabled]:focus { background-color: rgb(160, 211, 232); } button::-moz-focus-inner { border: 0px none; padding: 0px; } @media only screen and (min-width: 30em) { button, .button { display: inline-block; } } .clearing-thumbs, [data-clearing] { margin-bottom: 0px; margin-left: 0px; list-style: none outside none; } .clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after { content: " "; display: table; } .clearing-thumbs:after, [data-clearing]:after { clear: both; } .clearing-thumbs li, [data-clearing] li { float: left; margin-right: 10px; } .clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li { margin-right: 0px; } .clearing-blackout { background: none repeat scroll 0% 0% rgb(51, 51, 51); position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 998; } .clearing-blackout .clearing-close { display: block; } .clearing-container { position: relative; z-index: 998; height: 100%; overflow: hidden; margin: 0px; } .clearing-touch-label { position: absolute; top: 50%; left: 50%; color: rgb(170, 170, 170); font-size: 0.6em; } .visible-img { height: 95%; position: relative; } .visible-img img { position: absolute; left: 50%; top: 50%; margin-left: -50%; max-height: 100%; max-width: 100%; } .clearing-caption { color: rgb(204, 204, 204); font-size: 0.875em; line-height: 1.3; margin-bottom: 0px; text-align: center; bottom: 0px; background: none repeat scroll 0% 0% rgb(51, 51, 51); width: 100%; padding: 10px 30px 20px; position: absolute; left: 0px; } .clearing-close { z-index: 999; padding-left: 20px; padding-top: 10px; font-size: 30px; line-height: 1; color: rgb(204, 204, 204); display: none; } .clearing-close:hover, .clearing-close:focus { color: rgb(204, 204, 204); } .clearing-assembled .clearing-container { height: 100%; } .clearing-assembled .clearing-container .carousel > ul { display: none; } .clearing-feature li { display: none; } .clearing-feature li.clearing-featured-img { display: block; } @media only screen and (min-width: 30em) { .clearing-main-prev, .clearing-main-next { position: absolute; height: 100%; width: 40px; top: 0px; } .clearing-main-prev > span, .clearing-main-next > span { position: absolute; top: 50%; display: block; width: 0px; height: 0px; border: 12px solid; } .clearing-main-prev > span:hover, .clearing-main-next > span:hover { opacity: 0.8; } .clearing-main-prev { left: 0px; } .clearing-main-prev > span { left: 5px; border-color: transparent rgb(204, 204, 204) transparent transparent; } .clearing-main-next { right: 0px; } .clearing-main-next > span { border-color: transparent transparent transparent rgb(204, 204, 204); } .clearing-main-prev.disabled, .clearing-main-next.disabled { opacity: 0.3; } .clearing-assembled .clearing-container .carousel { background: none repeat scroll 0% 0% rgba(51, 51, 51, 0.8); height: 120px; margin-top: 10px; text-align: center; } .clearing-assembled .clearing-container .carousel > ul { display: inline-block; z-index: 999; height: 100%; position: relative; float: none; } .clearing-assembled .clearing-container .carousel > ul li { display: block; width: 120px; min-height: inherit; float: left; overflow: hidden; margin-right: 0px; padding: 0px; position: relative; cursor: pointer; opacity: 0.4; clear: none; } .clearing-assembled .clearing-container .carousel > ul li.fix-height img { height: 100%; max-width: none; } .clearing-assembled .clearing-container .carousel > ul li a.th { border: medium none; box-shadow: none; display: block; } .clearing-assembled .clearing-container .carousel > ul li img { cursor: pointer ! important; width: 100% ! important; } .clearing-assembled .clearing-container .carousel > ul li.visible { opacity: 1; } .clearing-assembled .clearing-container .carousel > ul li:hover { opacity: 0.8; } .clearing-assembled .clearing-container .visible-img { background: none repeat scroll 0% 0% rgb(51, 51, 51); overflow: hidden; height: 85%; } .clearing-close { position: absolute; top: 10px; right: 20px; padding-left: 0px; padding-top: 0px; } } .dropdown.button, button.dropdown { position: relative; outline: medium none; padding-right: 3.5625rem; } .dropdown.button:after, button.dropdown:after { position: absolute; content: ""; width: 0px; height: 0px; display: block; border-style: solid; border-color: rgb(255, 255, 255) transparent transparent; top: 50%; } .dropdown.button:after, button.dropdown:after { border-width: 0.375rem; right: 1.40625rem; margin-top: -0.15625rem; } .dropdown.button:after, button.dropdown:after { border-color: rgb(255, 255, 255) transparent transparent; } .dropdown.button.tiny, button.dropdown.tiny { padding-right: 2.625rem; } .dropdown.button.tiny:after, button.dropdown.tiny:after { border-width: 0.375rem; right: 1.125rem; margin-top: -0.125rem; } .dropdown.button.tiny:after, button.dropdown.tiny:after { border-color: rgb(255, 255, 255) transparent transparent; } .dropdown.button.small, button.dropdown.small { padding-right: 3.0625rem; } .dropdown.button.small:after, button.dropdown.small:after { border-width: 0.4375rem; right: 1.3125rem; margin-top: -0.15625rem; } .dropdown.button.small:after, button.dropdown.small:after { border-color: rgb(255, 255, 255) transparent transparent; } .dropdown.button.large, button.dropdown.large { padding-right: 3.625rem; } .dropdown.button.large:after, button.dropdown.large:after { border-width: 0.3125rem; right: 1.71875rem; margin-top: -0.15625rem; } .dropdown.button.large:after, button.dropdown.large:after { border-color: rgb(255, 255, 255) transparent transparent; } .dropdown.button.secondary:after, button.dropdown.secondary:after { border-color: rgb(51, 51, 51) transparent transparent; } .inline-list { margin: 0px 0px 1.0625rem -1.375rem; padding: 0px; list-style: none outside none; overflow: hidden; } .inline-list > li { list-style: none outside none; float: left; margin-left: 1.375rem; display: block; } .inline-list > li > * { display: block; } .text-left { text-align: left ! important; } .text-right { text-align: right ! important; } .text-center { text-align: center ! important; } .text-justify { text-align: justify ! important; } @media only screen and (max-width: 29.9375em) { .small-only-text-left { text-align: left ! important; } .small-only-text-right { text-align: right ! important; } .small-only-text-center { text-align: center ! important; } .small-only-text-justify { text-align: justify ! important; } } @media only screen { .small-text-left { text-align: left ! important; } .small-text-right { text-align: right ! important; } .small-text-center { text-align: center ! important; } .small-text-justify { text-align: justify ! important; } } @media only screen and (min-width: 30em) and (max-width: 41.9375em) { .medium-only-text-left { text-align: left ! important; } .medium-only-text-right { text-align: right ! important; } .medium-only-text-center { text-align: center ! important; } .medium-only-text-justify { text-align: justify ! important; } } @media only screen and (min-width: 30em) { .medium-text-left { text-align: left ! important; } .medium-text-right { text-align: right ! important; } .medium-text-center { text-align: center ! important; } .medium-text-justify { text-align: justify ! important; } } @media only screen and (min-width: 42em) and (max-width: 62.4375em) { .large-only-text-left { text-align: left ! important; } .large-only-text-right { text-align: right ! important; } .large-only-text-center { text-align: center ! important; } .large-only-text-justify { text-align: justify ! important; } } @media only screen and (min-width: 42em) { .large-text-left { text-align: left ! important; } .large-text-right { text-align: right ! important; } .large-text-center { text-align: center ! important; } .large-text-justify { text-align: justify ! important; } } @media only screen and (min-width: 62.5em) and (max-width: 240em) { .xlarge-only-text-left { text-align: left ! important; } .xlarge-only-text-right { text-align: right ! important; } .xlarge-only-text-center { text-align: center ! important; } .xlarge-only-text-justify { text-align: justify ! important; } } @media only screen and (min-width: 62.5em) { .xlarge-text-left { text-align: left ! important; } .xlarge-text-right { text-align: right ! important; } .xlarge-text-center { text-align: center ! important; } .xlarge-text-justify { text-align: justify ! important; } } @media only screen and (min-width: 240.063em) and (max-width: 1e+8em) { .xxlarge-only-text-left { text-align: left ! important; } .xxlarge-only-text-right { text-align: right ! important; } .xxlarge-only-text-center { text-align: center ! important; } .xxlarge-only-text-justify { text-align: justify ! important; } } @media only screen and (min-width: 240.063em) { .xxlarge-text-left { text-align: left ! important; } .xxlarge-text-right { text-align: right ! important; } .xxlarge-text-center { text-align: center ! important; } .xxlarge-text-justify { text-align: justify ! important; } } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0px; padding: 0px; } a { color: rgb(247, 184, 27); text-decoration: none; line-height: inherit; } a:hover, a:focus { color: rgb(228, 165, 8); } a img { border: medium none; } p { font-family: inherit; font-weight: normal; font-size: 1rem; line-height: 1.6; margin-bottom: 1.25rem; text-rendering: optimizelegibility; } p.lead { font-size: 1.21875rem; line-height: 1.6; } p aside { font-size: 0.875rem; line-height: 1.35; font-style: italic; } h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; font-weight: normal; font-style: normal; color: rgb(34, 34, 34); text-rendering: optimizelegibility; margin-top: 0.2rem; margin-bottom: 0.5rem; line-height: 1.4; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: rgb(111, 111, 111); line-height: 0; } h1 { font-size: 2.125rem; } h2 { font-size: 1.6875rem; } h3 { font-size: 1.375rem; } h4 { font-size: 1.125rem; } h5 { font-size: 1.125rem; } h6 { font-size: 1rem; } .subheader { line-height: 1.4; color: rgb(111, 111, 111); font-weight: normal; margin-top: 0.2rem; margin-bottom: 0.5rem; } hr { border-style: solid; border-color: rgb(221, 221, 221); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-width: 1px 0px 0px; clear: both; margin: 1.25rem 0px 1.1875rem; height: 0px; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } code { font-family: Consolas,"Liberation Mono",Courier,monospace; font-weight: normal; color: rgb(51, 51, 51); background-color: rgb(248, 248, 248); border-width: 1px; border-style: solid; border-color: rgb(223, 223, 223); padding: 0.125rem 0.3125rem 0.0625rem; } ul, ol, dl { font-size: 1rem; line-height: 1.6; margin-bottom: 1.25rem; list-style-position: outside; font-family: inherit; } ul { margin-left: 1.1rem; } ul.no-bullet { margin-left: 0px; } ul.no-bullet li ul, ul.no-bullet li ol { margin-left: 1.25rem; margin-bottom: 0px; list-style: none outside none; } ul li ul, ul li ol { margin-left: 1.25rem; margin-bottom: 0px; } ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; } ul.square { list-style-type: square; margin-left: 1.1rem; } ul.circle { list-style-type: circle; margin-left: 1.1rem; } ul.disc { list-style-type: disc; margin-left: 1.1rem; } ul.no-bullet { list-style: none outside none; } ol { margin-left: 1.4rem; } ol li ul, ol li ol { margin-left: 1.25rem; margin-bottom: 0px; } dl dt { margin-bottom: 0.3rem; font-weight: bold; } dl dd { margin-bottom: 0.75rem; } abbr, acronym { text-transform: uppercase; font-size: 90%; color: rgb(34, 34, 34); cursor: help; } abbr { text-transform: none; } abbr[title] { border-bottom: 1px dotted rgb(221, 221, 221); } blockquote { margin: 0px 0px 1.25rem; padding: 0.5625rem 1.25rem 0px 1.1875rem; border-left: 1px solid rgb(221, 221, 221); } blockquote cite { display: block; font-size: 0.8125rem; color: rgb(85, 85, 85); } blockquote cite:before { content: "— "; } blockquote cite a, blockquote cite a:visited { color: rgb(85, 85, 85); } blockquote, blockquote p { line-height: 1.6; color: rgb(111, 111, 111); } .vcard { display: inline-block; margin: 0px 0px 1.25rem; border: 1px solid rgb(221, 221, 221); padding: 0.625rem 0.75rem; } .vcard li { margin: 0px; display: block; } .vcard .fn { font-weight: bold; font-size: 0.9375rem; } .vevent .summary { font-weight: bold; } .vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: medium none; padding: 0px 0.0625rem; } @media only screen and (min-width: 30em) { h1, h2, h3, h4, h5, h6 { line-height: 1.4; } h1 { font-size: 2.75rem; } h2 { font-size: 2.3125rem; } h3 { font-size: 1.6875rem; } h4 { font-size: 1.4375rem; } h5 { font-size: 1.125rem; } h6 { font-size: 1rem; } } .print-only { display: none ! important; } @media print { * { background: none repeat scroll 0% 0% transparent ! important; color: rgb(0, 0, 0) ! important; box-shadow: none ! important; text-shadow: none ! important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid rgb(153, 153, 153); page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% ! important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .hide-on-print { display: none ! important; } .print-only { display: block ! important; } .hide-for-print { display: none ! important; } .show-for-print { display: inherit ! important; } } @media only screen { .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit ! important; } .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none ! important; } .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static ! important; height: auto; width: auto; overflow: visible; clip: auto; } .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { position: absolute ! important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table ! important; } thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group ! important; } tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group ! important; } tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row ! important; } th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell ! important; } } @media only screen and (min-width: 30em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit ! important; } .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none ! important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static ! important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { position: absolute ! important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table ! important; } thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group ! important; } tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group ! important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row ! important; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell ! important; } } @media only screen and (min-width: 42em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit ! important; } .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none ! important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static ! important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { position: absolute ! important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table ! important; } thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group ! important; } tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group ! important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row ! important; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell ! important; } } @media only screen and (min-width: 62.5em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit ! important; } .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none ! important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static ! important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { position: absolute ! important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table ! important; } thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group ! important; } tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group ! important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row ! important; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell ! important; } } @media only screen and (min-width: 240.063em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down { display: inherit ! important; } .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down { display: none ! important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down { position: static ! important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down { position: absolute ! important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down { display: table ! important; } thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group ! important; } tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group ! important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down { display: table-row ! important; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell ! important; } } .show-for-landscape, .hide-for-portrait { display: inherit ! important; } .hide-for-landscape, .show-for-portrait { display: none ! important; } table.hide-for-landscape, table.show-for-portrait { display: table ! important; } thead.hide-for-landscape, thead.show-for-portrait { display: table-header-group ! important; } tbody.hide-for-landscape, tbody.show-for-portrait { display: table-row-group ! important; } tr.hide-for-landscape, tr.show-for-portrait { display: table-row ! important; } td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { display: table-cell ! important; } @media only screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: inherit ! important; } .hide-for-landscape, .show-for-portrait { display: none ! important; } table.show-for-landscape, table.hide-for-portrait { display: table ! important; } thead.show-for-landscape, thead.hide-for-portrait { display: table-header-group ! important; } tbody.show-for-landscape, tbody.hide-for-portrait { display: table-row-group ! important; } tr.show-for-landscape, tr.hide-for-portrait { display: table-row ! important; } td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait { display: table-cell ! important; } } @media only screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: inherit ! important; } .hide-for-portrait, .show-for-landscape { display: none ! important; } table.show-for-portrait, table.hide-for-landscape { display: table ! important; } thead.show-for-portrait, thead.hide-for-landscape { display: table-header-group ! important; } tbody.show-for-portrait, tbody.hide-for-landscape { display: table-row-group ! important; } tr.show-for-portrait, tr.hide-for-landscape { display: table-row ! important; } td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape { display: table-cell ! important; } } .show-for-touch { display: none ! important; } .hide-for-touch { display: inherit ! important; } .touch .show-for-touch { display: inherit ! important; } .touch .hide-for-touch { display: none ! important; } table.hide-for-touch { display: table ! important; } .touch table.show-for-touch { display: table ! important; } thead.hide-for-touch { display: table-header-group ! important; } .touch thead.show-for-touch { display: table-header-group ! important; } tbody.hide-for-touch { display: table-row-group ! important; } .touch tbody.show-for-touch { display: table-row-group ! important; } tr.hide-for-touch { display: table-row ! important; } .touch tr.show-for-touch { display: table-row ! important; } td.hide-for-touch { display: table-cell ! important; } .touch td.show-for-touch { display: table-cell ! important; } th.hide-for-touch { display: table-cell ! important; } .touch th.show-for-touch { display: table-cell ! important; } @media print { .show-for-print { display: block; } .hide-for-print { display: none; } table.show-for-print { display: table ! important; } thead.show-for-print { display: table-header-group ! important; } tbody.show-for-print { display: table-row-group ! important; } tr.show-for-print { display: table-row ! important; } td.show-for-print { display: table-cell ! important; } th.show-for-print { display: table-cell ! important; } } html { font-family: sans-serif; } body { margin: 0px; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0px; } [hidden], template { display: none; } a { background: none repeat scroll 0% 0% transparent; } a:active, a:hover { outline: 0px none; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0px; } mark { background: none repeat scroll 0% 0% rgb(255, 255, 0); color: rgb(0, 0, 0); } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0px none; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0px; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0px; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0px none; padding: 0px; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; } input[type="search"] { box-sizing: content-box; } fieldset { border: 1px solid rgb(192, 192, 192); margin: 0px 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0px none; padding: 0px; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0px; } td, th { padding: 0px; } .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-user-select: none; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0px; padding: 0px; } .slick-list:focus { outline: medium none; } .slick-loading .slick-list { background: none repeat scroll 0% 0% rgb(255, 255, 255); } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { transform: translate3d(0px, 0px, 0px); } .slick-track { position: relative; left: 0px; top: 0px; display: block; transition: transform 300ms ease 0s; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0px; cursor: pointer; background: none repeat scroll 0% 0% transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0px; border: medium none; outline: medium none; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; color: rgb(255, 255, 255); opacity: 0.75; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -45px; list-style: none outside none; display: block; text-align: center; padding: 0px; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; } .slick-dots li button { border: 0px none; background: none repeat scroll 0% 0% transparent; display: block; height: 20px; width: 20px; outline: medium none; line-height: 0; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: medium none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0px; left: 0px; content: "•"; width: 20px; height: 20px; font-size: 6px; line-height: 20px; text-align: center; color: rgb(0, 0, 0); opacity: 0.25; } .slick-dots li.slick-active button:before { color: rgb(0, 0, 0); opacity: 0.75; } .vertical-center { display: table; width: 100%; } .vertical-center-wrapper { display: table-cell; text-align: center; vertical-align: middle; } .fluid-img { width: 100%; height: auto; } .fill-img { position: absolute; min-width: 100%; min-height: 100%; width: auto; height: auto; } .align-bottom { position: absolute; bottom: 0px; } .clearfix { clear: both; margin: 0px; padding: 0px; font-size: 0.0625rem; } .truncate.show { opacity: 1; } .truncate-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .vertical-flip { transform: scale(1, -1); } .butterscotch .module-name { color: rgb(247, 184, 27); } .white { color: rgb(255, 255, 255); } .black { color: rgb(0, 0, 0); } .light-grey { color: rgb(194, 194, 194); } .lighter-grey { color: rgb(204, 204, 204); } .dark-grey { color: rgb(35, 35, 35); } .faded-grey { color: rgb(77, 77, 77); } .dark-text { color: rgb(35, 35, 35); } .grey { color: rgb(156, 156, 156); } .row { padding: 0px 0.4375rem; } @media only screen and (min-width: 42em) { .row { padding: 0px 1.0625rem; } } @media only screen and (min-width: 62.5em) { .row { padding: 0px; } } @media only screen and (min-width: 90rem) { body.new-home .row { max-width: 75rem; } } .row-10-col { width: 100%; margin: 0px auto; max-width: 62.5rem; } .row-10-col:after { clear: both; content: ""; display: table; } .row.nogutter { padding: 0px; } .columns.nogutter, .column.nogutter { padding: 0px; } ul { margin: 0px; padding: 0px; } .no-list-style, .m-menu-link-list { list-style: none outside none; } html { } body, h1, h2, h3 { font-family: "abc-modern",sans-serif; font-weight: 300; } b, strong { font-weight: 300; } em, i { font-style: italic; line-height: inherit; } .text1 { display: block; text-rendering: optimizelegibility; margin-top: 0.2rem; margin-bottom: 0.5rem; line-height: 1.4; font-family: "abc-modern",sans-serif; font-weight: 300; font-size: 1.125rem; } @media only screen and (min-width: 42em) { .text1 { font-size: 1.25rem; } } @media only screen and (min-width: 62.5em) { .text1 { font-size: 1.875rem; line-height: 2.25rem; margin-bottom: 1.25rem; } } @media only screen and (min-width: 62.5em) { .text1.subheader { font-size: 1.5rem; } } .text2 { display: block; text-rendering: optimizelegibility; margin-top: 0.2rem; margin-bottom: 0.5rem; line-height: 1.4; font-family: "abc-modern",sans-serif; font-weight: 300; font-size: 1.125rem; } @media only screen and (min-width: 42em) { .text2 { font-size: 1.5rem; } } @media only screen and (min-width: 42em) { .text2.subheader { font-size: 1.125rem; } } .text3 { display: block; text-rendering: optimizelegibility; margin-top: 0.2rem; margin-bottom: 0.5rem; line-height: 1.4; font-family: "abc-modern",sans-serif; font-weight: 300; font-size: 1.0625rem; } @media only screen and (min-width: 42em) { .text3 { font-size: 1.125rem; line-height: 1.375rem; } } @media only screen and (min-width: 42em) { .text3.subheader { font-size: 1rem; } } .text4 { display: block; text-rendering: optimizelegibility; margin-top: 0.2rem; margin-bottom: 0.5rem; line-height: 1.4; font-family: "abc-modern",sans-serif; font-weight: 300; } @media only screen and (min-width: 42em) { .text4 { font-size: 1rem; line-height: 1.1875rem; } } @media only screen and (min-width: 42em) { .text4.subheader { font-size: 0.75rem; } } .text5 { display: block; text-rendering: optimizelegibility; margin-top: 0.2rem; margin-bottom: 0.5rem; line-height: 1.4; font-family: "abc-modern",sans-serif; font-weight: 300; font-size: 0.75rem; } @media only screen and (min-width: 42em) { .text5.subheader { font-size: 0.5625rem; } } .text6 { display: block; text-rendering: optimizelegibility; margin-top: 0.2rem; margin-bottom: 0.5rem; line-height: 1.4; font-family: "abc-modern",sans-serif; font-weight: 300; font-size: 0.625rem; } .text6.subheader { font-size: 0.5625rem; } .text7 { display: block; text-rendering: optimizelegibility; line-height: 1.4; font-family: "abc-modern",sans-serif; font-weight: 300; font-size: 0.9375rem; margin: 1rem auto; } .text-header-nav { display: block; text-rendering: optimizelegibility; margin-top: 0.2rem; margin-bottom: 0.5rem; line-height: 1.4; font-family: "abc-modern",sans-serif; font-weight: 300; } @media only screen and (min-width: 42em) { .text-header-nav { font-size: 0.9375rem; line-height: 1.1875rem; } } p { font-size: 1rem; line-height: 1.5625rem; margin-bottom: 1.875rem; font-weight: 100; } @media only screen and (min-width: 42em) { p { line-height: 1.6875rem; margin-bottom: 2.5rem; } } .ultra-light { font-weight: 100; } .extra-light { font-weight: 200; } .light { font-weight: 300; } .regular { font-weight: 400; } .bold { font-weight: 700; } .capitalize { text-transform: uppercase; } .lowercase { text-transform: lowercase; } a:hover, a:focus { color: rgba(255, 255, 255, 0.8); } input:focus, textarea:focus, button:focus, .button:focus { outline: medium none; text-decoration: none; } .button { border-radius: 1.5rem; } button, .button { padding: 0.625rem 2.5rem; background: none repeat scroll 0% 0% rgb(226, 176, 94); color: rgb(0, 0, 0); font-size: 0.875rem; text-transform: uppercase; font-family: "abc-modern",sans-serif; font-weight: 300; transition: background 400ms ease-in 0s, border 200ms ease-in 0s, color 200ms ease-in 0s; } button:focus, button:hover, .button:focus, .button:hover { background: none repeat scroll 0% 0% rgba(226, 176, 94, 0.7); cursor: pointer; } @media only screen and (min-width: 42em) { button, .button { font-size: 0.9375rem; } } @media only screen and (min-width: 62.5em) { button, .button { font-size: 1.125rem; } } button.large, .button.large { font-size: 1rem; } @media only screen and (min-width: 30em) { button.large, .button.large { font-size: 1.125rem; } } @media only screen and (min-width: 62.5em) { button.large, .button.large { font-size: 1.5rem; } } button.button, a.button, input.button { display: inline-block; background-color: rgb(255, 255, 255); border-radius: 1.5rem; min-width: 15rem; min-height: 2.75rem; text-transform: uppercase; padding: 0.75rem 3.4375rem; color: rgb(25, 25, 25); font-size: 0.875rem; border: medium none; text-align: center; transition: background 400ms ease-in 0s, border 200ms ease-in 0s, color 200ms ease-in 0s; font-family: "abc-modern",sans-serif; font-weight: 300; } button.button:focus, a.button:focus, input.button:focus { background-color: rgb(255, 255, 255); color: rgb(25, 25, 25); } button.button:hover, button.button:active, a.button:hover, a.button:active, input.button:hover, input.button:active { background-color: rgba(255, 255, 255, 0.8); color: rgb(25, 25, 25); } .touch .hide-for-touch { display: none ! important; } .hide-season-number .season-number { display: none; } .hide-episode-number .episode-number { display: none; } .not-visible { display: none; } body { background-color: rgb(25, 25, 25); } body > iframe, body > form { display: none; } html, body.show-homepage:not(#disneyid-wrapper) { } h1, h2, h3, h4, h5, h6 { color: rgb(255, 255, 255); } .page-wrapper { display: flex; flex-direction: column; min-width: 250px; overflow: hidden; position: relative; width: 100%; z-index: 1; background: none repeat scroll 0% 0% rgb(25, 25, 25); } .page-wrapper .freewheel-ad { position: relative; z-index: 1002; background-color: rgb(25, 25, 25); text-align: center; } .page-wrapper .freewheel-ad.ad-hidden { display: none; } .page-wrapper .freewheel-ad img { margin: 0px auto; } .page-wrapper .header-modules .gpt-container { position: relative; z-index: 1002; background-color: rgb(25, 25, 25); } .page-wrapper .header-modules .gpt-container:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: -1; display: block; } @media only screen and (min-width: 48rem) { .page-wrapper .header-modules .gpt-container > div > div, .page-wrapper .header-modules .freewheel-ad ._fwac > span { padding: 1.5rem 0px; } } .page-wrapper .header-modules .gpt-container .ad-container[data-google-query-id] + .freewheel-ad, .page-wrapper .header-modules .freewheel-ad + .gpt-container .ad-container[data-google-query-id] { margin-top: -1.5rem; } .page-wrapper .modules .gpt-container > div > div { padding: 1.5rem 0px 3rem; } @media only screen and (min-width: 48rem) { .page-wrapper .modules .gpt-container > div > div { padding: 1rem 0px 4rem; } } @media only screen and (min-width: 64rem) { .page-wrapper .modules .gpt-container > div > div { padding: 0.5rem 0px 4.5rem; } } body.new-design .page-wrapper .freewheel-ad, body.new-home .page-wrapper .freewheel-ad { background: none repeat scroll 0% 0% transparent; z-index: 1; } body.new-design .page-wrapper .freewheel-ad.adblock-mobile ._fwac > span, body.new-home .page-wrapper .freewheel-ad.adblock-mobile ._fwac > span { padding: 1.5rem 0px 3rem; } body.new-design .page-wrapper .freewheel-ad.adblock-tablet ._fwac > span, body.new-home .page-wrapper .freewheel-ad.adblock-tablet ._fwac > span { padding: 2.5rem 0px 4rem; } body.new-design .page-wrapper .freewheel-ad.adblock-desktop ._fwac > span, body.new-home .page-wrapper .freewheel-ad.adblock-desktop ._fwac > span { padding: 3.625rem 0px 4.5rem; } body.new-design .page-wrapper .gpt-container .ad-container[data-google-query-id] + .freewheel-ad, body.new-design .page-wrapper .freewheel-ad + .gpt-container .ad-container[data-google-query-id], body.new-home .page-wrapper .gpt-container .ad-container[data-google-query-id] + .freewheel-ad, body.new-home .page-wrapper .freewheel-ad + .gpt-container .ad-container[data-google-query-id] { margin-top: -1.875rem; } .page-wrapper .m-videoplayer.has-ad .freewheel-ad span._fwac iframe { margin: 1.5rem auto 1.0625rem; } .page-wrapper .m-slideshow #_fw_container_thinbanner2 span:first-child { padding: 1.25rem 0px 0px; } @media only screen and (min-width: 42em) { .page-wrapper { justify-content: space-between; height: 100%; overflow-y: visible; overflow-x: hidden; } @supports (display: flex) { .page-wrapper { height: auto; } } } .mobile .page-wrapper { overflow-x: hidden; overflow-y: scroll; } .region.content { display: block; margin-top: 0px; position: static; width: 100%; z-index: 1; } @media only screen and (min-width: 42em) { .region.content { flex-shrink: 0; flex-grow: 2; overflow: hidden; position: relative; width: auto; } @supports (display: flex) { .region.content { flex: 1 1 0%; height: auto; margin-bottom: 0px; } } } @media only screen and (min-width: 42em) { .authenticated .region.content { margin-top: 0px; } } body.show-homepage .shows-theme { background-color: transparent; } body.show-homepage .background-image { position: absolute; background-repeat: no-repeat; top: 5rem; z-index: -1; } body.show-homepage .background-image:before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; height: 75%; } @media only screen and (min-width: 30em) { body.show-homepage .background-image { top: 0px; min-width: 100%; } } body.show-homepage .background-image img { display: none; } body.show-homepage .background-image .e-404 { display: none; visibility: hidden; } body.show-homepage .modules { background-color: transparent; } .module .module-title, .module.notitle { font-weight: 200; text-transform: uppercase; margin-top: 1.875rem; font-size: 1.125rem; white-space: normal; } @media only screen and (min-width: 42em) { .module .module-title, .module.notitle { margin-top: 2.5rem; font-size: 1.25rem; } } @media only screen and (min-width: 62.5em) { .module .module-title, .module.notitle { margin-top: 3.75rem; } } .modules .module.notitle:nth-child(2), .modules .module.notitle:nth-child(3) { margin-top: 0.375rem; } .module .module-comment-title { font-weight: 200; } .module .module-title.m-person-title { font-size: 1.5rem; text-transform: capitalize; } @media only screen and (min-width: 42em) { .module .module-title.m-person-title { font-size: 1.875rem; } } .module .m-person-subtitle { font-size: 0.9375rem; } @media only screen and (min-width: 42em) { .module .m-person-subtitle { font-size: 1.125rem; } } .module .m-person-bio-title { font-size: 1.25rem; } @media only screen and (min-width: 42em) { .module .m-person-bio-title { font-size: 1.625rem; } } .module .module-title .icon { font-size: 0.75rem; transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden; transition: transform 800ms cubic-bezier(0.23, 1, 0.32, 1) 0s; } .module .module-title .icon.abc-icon-arrow-right { margin-left: 0.4375rem; } @media only screen and (min-width: 42em) { .module .module-title .icon { font-size: 1rem; } } html.no-touch .module .module-title:hover .icon { transform: translateX(0.3125rem); } .abcmedia { margin-bottom: 1.875rem; } @media only screen and (min-width: 42em) { .abcmedia { margin-bottom: 2.5rem; } } .content-gutter .modules { width: 100%; margin: 0px auto; max-width: 62.5rem; } .content-gutter .modules:after { clear: both; content: ""; display: table; } .module.last-module { margin-bottom: 1.875rem; } @media only screen and (min-width: 42em) { .module.last-module { margin-bottom: 2.5rem; } } @media only screen and (min-width: 62.5em) { .module.last-module { margin-bottom: 3.75rem; } } .module.module-marker { display: none; } .copy-content p { font-size: 1.0375rem; font-weight: 200; line-height: 1.6875rem; color: rgb(156, 156, 156); } .copy-content .module-title { text-transform: capitalize; } .copy-content section.state span.text4, .copy-content section.state span.text2 { color: rgb(255, 255, 255); } .copy-content .text3, .copy-content ul, .copy-content li { color: rgb(255, 255, 255); } .copy-content .hero-copy p { color: rgb(0, 0, 0); } .copy-content img { width: 100%; height: auto; } .copy-content p:last-child { margin-bottom: 0px; } .copy-content a:not(.button) { color: rgb(255, 255, 255); } .copy-content a:hover:not(.button) { color: rgba(255, 255, 255, 0.8); } .copy-content ul { padding-left: 1.25rem; margin-bottom: 1.875rem; } @media only screen and (min-width: 42em) { .copy-content ul { margin-bottom: 2.5rem; } } .copy-content br { height: 0.8em; float: none; display: block; } .expandable-section span.br { height: 0.8em; float: none; display: block; } .copy-content.m-freetext .tile .tile-copy-section .desc, .copy-content .notes .notes-list .list-item { color: rgb(204, 204, 204); } .m-abouttext { margin-top: 0px; padding-top: 0px; } .m-abouttext .m-abouttext-row { position: relative; } .m-abouttext .m-abouttext-content { position: relative; } .m-abouttext .m-abouttext-copy a:hover { text-decoration: underline; } .m-abouttext .m-abouttext-copy p:last-child { margin-bottom: 0px; } .expandable-section { color: rgb(255, 255, 255); max-height: 14.1875rem; margin-bottom: 1rem; overflow: hidden; padding-right: 1.875rem; } @media only screen and (min-width: 42em) { .expandable-section { max-height: 15.25rem; } } .expandable-section p br { display: none; } .m-abouttext .expandable-one p:last-of-type, .m-abouttext .expandable-two p:last-of-type { margin-bottom: 0px; } .continue-reading { display: none; font-weight: 200; margin-top: 0.625rem; } .continue-reading .abc-icon-arrow-down { display: inline-block; font-size: 0.6875rem; } .m-abouttext.collapse-top { margin-top: 0px; } .m-expandable-text.open .expandable-section { max-height: none; } .m-expandable-text.open .continue-reading .icon { transform: scaleY(-1); } .m-abouttext .ad-unit-wrapper .ad-wrapper { margin: 0px auto 1.875rem; } @media only screen and (min-width: 42em) { .m-abouttext .ad-unit-wrapper .ad-wrapper { margin: auto 0px; } } @media only screen and (min-width: 42em) { .m-abouttext.m-text.withad .ad-unit-wrapper { margin-top: 3.75rem; } } .show-homepage .m-abouttext .m-abouttext-wrapper .ad-unit-wrapper { display: none; } .show-homepage .m-abouttext.ad-loaded .ad-unit-wrapper { display: block; } .m-abouttext.show-homepage { background-position: center center; background-size: cover; padding-bottom: 1.875rem; padding-right: 0.3125rem; } @media only screen and (min-width: 30em) { .m-abouttext.show-homepage { padding-bottom: 2.5rem; } } @media only screen and (min-width: 62.5em) { .m-abouttext.show-homepage { padding-bottom: 3.75rem; } } @media only screen and (max-width: 29.9375em) { .m-abouttext.show-homepage .module-title { margin-top: 1.875rem; } } .m-show-logo .m-freetext.show-homepage-pluto { background: none repeat scroll 0% 0% transparent; display: none; } @media only screen and (min-width: 30em) { .m-show-logo .m-freetext.show-homepage-pluto { display: block; } .m-show-logo .m-freetext.show-homepage-pluto .m-text-wrapper { display: block; flex-direction: column; max-width: 42rem; margin: 1.5rem auto; } } .m-freetext.show-homepage-pluto { background-color: rgba(0, 0, 0, 0.45); text-align: center; color: rgb(255, 255, 255); } .m-freetext.show-homepage-pluto .module-title { font-size: 1rem; margin-bottom: 1rem; margin-top: 2.5rem; } .m-freetext.show-homepage-pluto .m-freetext-copy { font-size: 0.875rem; } .m-freetext.show-homepage-pluto .read-more-link.button { background-color: rgba(255, 255, 255, 0.15); color: rgb(255, 255, 255); margin-bottom: 0px; margin-top: 2rem; } @media only screen and (min-width: 30em) { .m-freetext.show-homepage-pluto { display: none; } } .m-freetext.about-box { padding: 0px 0px 2.5rem; } .m-account .m-modal.modal-overlay { z-index: 9001; } @media only screen and (max-width: 29.9375em) { .m-account .m-modal.modal-overlay { background-color: rgb(255, 255, 255); } } .m-account .m-modal.modal-overlay .close { width: 1.5rem; height: 1.5rem; } .m-account .m-modal.modal-overlay a { color: rgb(255, 255, 255); font-size: 0.875rem; font-weight: 200; } .m-account .m-modal.modal-overlay a:hover { color: rgba(255, 255, 255, 0.8); } .m-account .modal { max-width: 25.75rem; padding: 0.75rem 0.75rem 2.625rem; font-family: "abc-modern",sans-serif; font-weight: 300; } @media only screen and (max-width: 29.9375em) { .m-account .modal { height: 100%; max-width: 30rem; padding: 1rem 1rem 3rem 1.0625rem; } } @media only screen and (max-width: 20em) { .m-account .modal { width: 20rem; padding: 1.3125rem 1rem 3rem; } } .m-account .modal .logo { font-size: 0px; background: url("") no-repeat scroll center center / contain transparent; display: block; height: 3rem; width: 3rem; margin: 1.8125rem auto 0px; } .m-account .modal .buttons-group { display: flex; justify-content: center; margin: 0px auto; padding-bottom: 1.25rem; } .m-account .modal .buttons-group .oneid-action, .m-account .modal .buttons-group .mvpd-action { width: 100%; max-width: 18.75rem; } .m-account .modal .heading { font-weight: 200; padding-top: 1.8125rem; font-size: 1rem; margin: 0px auto 1.5625rem; max-width: 18.75rem; line-height: 1.25rem; color: rgb(255, 255, 255); } @media only screen and (max-width: 29.9375em) { .m-account .modal .heading { line-height: 1.375rem; } } .m-account .modal .subheading { color: rgb(255, 255, 255); font-size: 0.875rem; } .m-account .modal button.sign-out-confirmed { display: flex; } .m-account .modal .oneid-unauthenticated { display: none; color: rgb(255, 255, 255); } .m-account .modal .oneid-unauthenticated .bullet-list { max-width: 18.75rem; font-size: 1rem; font-weight: 200; text-align: left; margin: 0px auto 2.125rem; list-style-type: none; } @media only screen and (max-width: 29.9375em) { .m-account .modal .oneid-unauthenticated .bullet-list { margin-bottom: 1.625rem; } } .m-account .modal .oneid-unauthenticated .bullet-list li { position: relative; padding-left: 1.1875rem; margin-bottom: 0.375rem; font-size: 0.875rem; line-height: 1.25rem; } .m-account .modal .oneid-unauthenticated .bullet-list li i { font-size: 0.625rem; position: absolute; left: -0.1875rem; top: 0.4375rem; } .m-account .modal .oneid-authenticated { display: none; } .m-account .modal .sign-out-confirmation, .m-account .modal .mvpd-sign-out-confirmation { max-width: 18.75rem; margin-left: auto; margin-right: auto; margin-bottom: 1.0625rem; display: none; } .m-account .modal .sign-out-confirmation .heading, .m-account .modal .mvpd-sign-out-confirmation .heading { margin-bottom: 0px; color: rgb(255, 255, 255); } .m-account .modal .sign-out-confirmation .subheading, .m-account .modal .mvpd-sign-out-confirmation .subheading { font-size: 0.875rem; font-weight: 200; color: rgb(255, 255, 255); line-height: 1; margin-top: 1.5rem; margin-bottom: 2rem; } .m-account .modal .sign-out-confirmation .info, .m-account .modal .mvpd-sign-out-confirmation .info { max-width: 20.625rem; margin: 0px auto 2rem; text-align: center; font-size: 0.75rem; font-weight: 300; color: rgb(156, 156, 156); letter-spacing: 0.00625rem; line-height: normal; } .m-account .modal .sign-out-confirmation a.cancel, .m-account .modal .mvpd-sign-out-confirmation a.cancel { color: rgb(255, 255, 255); font-size: 0.75rem; font-weight: 300; line-height: normal; text-transform: capitalize; } .m-account .modal .sign-out-confirmation a.cancel:hover, .m-account .modal .mvpd-sign-out-confirmation a.cancel:hover { color: rgba(255, 255, 255, 0.8); } .m-account .modal .oneid-name, .m-account .modal .oneid-email { font-size: 0.875rem; font-weight: 300; line-height: 1; letter-spacing: 0.00625rem; max-width: 18.75rem; } .m-account .modal .oneid-name { color: rgb(255, 255, 255); font-weight: 300; margin: 0px auto 1rem; height: 1.875rem; word-wrap: normal ! important; word-break: break-all; overflow: hidden; } .m-account .modal .oneid-email { text-align: center; color: rgb(156, 156, 156); margin: 0px auto 2.0625rem; max-width: 18.75rem; line-height: 1.5625rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .m-account .modal .oneid-account { font-size: 0.9375rem; font-weight: 200; } .m-account .modal button.view-account, .m-account .modal .sign-out-confirmed, .m-account .modal .mvpd-action.cancel { margin: 0px auto 1.25rem; display: flex; justify-content: center; max-width: 18.75rem; } .m-account .modal .sign-out-confirmed { margin-bottom: 1.0625rem; } .m-account .modal a.sign-out { font-size: 0.75rem; font-weight: 300; text-align: center; color: rgb(255, 255, 255); text-transform: capitalize; } .m-account .modal a.sign-out:hover { color: rgba(255, 255, 255, 0.8); } .m-account .modal .mvpd-sign-out { display: none; text-align: center; margin-left: auto; margin-right: auto; margin-top: 1.875rem; max-width: 18.75rem; padding: 0px; } .m-account .modal .mvpd-sign-out.visible { display: block; } .m-account .modal .mvpd-sign-out .sign-out-container { display: flex; flex-direction: column; align-items: center; width: 100%; padding-bottom: 0.75rem; border-top: 0.125rem solid rgb(218, 218, 218); } .m-account .modal .mvpd-sign-out .sign-out-container .heading { margin-bottom: 0.625rem; } .m-account .modal .mvpd-sign-out .sign-out-provider { padding: 2rem 0px 0.75rem; width: 70%; } @media only screen and (min-width: 42em) { .m-account .modal .mvpd-sign-out .sign-out-provider { width: 50%; } } @media only screen and (max-width: 29.9375em) { .m-account .modal .mvpd-sign-out .sign-out-provider { padding: 1.1875rem 0px 0.625rem; } } .m-account .modal .mvpd-sign-out .sign-out-btn-wrapper { font-size: 0.75rem; font-weight: 300; color: rgb(156, 156, 156); } .m-account .modal .mvpd-sign-out .sign-out-btn-wrapper .sign-out-link { padding: 0px; text-transform: capitalize; font-size: 0.75rem; font-weight: 300; margin-bottom: 0px; color: rgb(255, 255, 255); border: 0px none; background: none repeat scroll 0% 0% transparent; display: inline; } .m-account .modal .mvpd-sign-out .sign-out-btn-wrapper .sign-out-link:hover, .m-account .modal .mvpd-sign-out .sign-out-btn-wrapper .sign-out-link:focus { color: rgba(255, 255, 255, 0.8); background: none repeat scroll 0% 0% transparent; } .m-account .modal .mvpd-sign-out .hbaMessage { font-size: 0.75rem; line-height: 1.5; text-transform: none; padding-bottom: 1.25rem; width: 100%; white-space: normal; } @media only screen and (min-width: 42em) { .m-account .modal .mvpd-sign-out .hbaMessage { font-size: 0.6875rem; } } .m-account .modal .sign-up-text { color: rgb(156, 156, 156); font-size: 0.75rem; text-align: center; margin-top: 0.25rem; } .m-account .modal .link { font-size: 0.75rem; font-weight: 300; color: rgb(43, 45, 54); text-transform: capitalize; } .m-account .modal .link:hover { color: rgb(66, 69, 82); } .m-activate { background: none repeat scroll 0% 0% rgb(0, 0, 0); font-weight: 100; } .m-activate.activate-device { width: 100%; margin: 0px; color: rgb(255, 255, 255); z-index: 10; } .header-modules .footer { display: none; } body.activate .activate-background, body.activate .feedback-background { background-color: rgb(25, 25, 25); height: 100vh; max-height: 112.5rem; left: 0px; position: absolute; right: 0px; bottom: 0px; top: 0px; width: auto; z-index: 0; overflow-y: auto; } .m-activate.activate-device video#m-activate-video-bg { background-repeat: no-repeat; background-size: cover; bottom: 0px; left: 0px; min-height: 100%; min-width: 100%; position: fixed; right: 0px; top: 0px; z-index: 2; } .m-activate.activate-device.activate-novideo video#m-activate-video-bg { display: none ! important; } .m-activate.activate-device.activate-novideo .activate-background { background-size: 85.375rem 64rem; background-position: center top; transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden; } body.activate { background-color: rgb(0, 0, 0); } .m-activate-content, .m-feedback-content { align-items: center; display: flex; justify-content: center; height: 100vh; overflow-y: scroll; overflow-x: hidden; position: absolute; top: 0px; width: 100%; z-index: 6; } @media not all, not all { .m-activate-content, .m-feedback-content { height: 100%; } } .m-activate-content .m-activate-content-wrapper, .m-feedback-content .m-feedback-content-wrapper { margin-top: auto; margin-bottom: auto; width: 100%; } @media not all, not all { .m-activate-content .m-activate-content-wrapper, .m-feedback-content .m-feedback-content-wrapper { height: 100%; } } .m-activate.hideVideo #m-activate-overlay, .m-activate.hideVideo video#m-activate-video-bg { display: none; } .m-activate.activate-device #m-activate-overlay { background-color: rgba(0, 0, 0, 0.65); bottom: 0px; left: 0px; position: fixed; right: 0px; top: 0px; z-index: 3; } .m-activate.activate-device #m-activate-overlay.bubble { background-color: rgba(0, 0, 0, 0.8); z-index: 4; } .m-activate.activate-device.activate-novideo #m-activate-overlay { background: none repeat scroll 0% 0% transparent; } .m-activate.activate-device #popup { background-color: rgba(50, 50, 50, 0.7); left: 50%; margin: -10.9375rem 0px 0px -10.9375rem; max-height: 0px; max-width: 21.25rem; opacity: 0; overflow: hidden; position: absolute; text-align: center; top: 50%; z-index: 5; transition: all 300ms ease-in-out 0s; transform: scale(0.5); } .m-activate.activate-device #popup.show { box-shadow: 0px 0px 0.5rem rgba(0, 0, 0, 0.7); max-height: 31.25rem; opacity: 1; overflow: visible; padding: 0.625rem; transform: scale(1); } .m-activate.activate-device #popup header { border-bottom: 0.0625rem solid rgb(255, 255, 255); } .m-activate.activate-device #popup .close { display: block; position: absolute; right: 0.3125rem; top: 0.3125rem; } .m-activate.activate-device #popup .provider { display: block; font-size: 1.25rem; font-weight: 300; margin: 0.625rem 0px; } .m-activate.activate-device #popup .vod, .m-activate.activate-device #popup .live { display: none; margin-top: 1.25rem; } .m-activate.activate-device #popup .vod.show, .m-activate.activate-device #popup .live.show { display: block; } .m-activate-content .continueButton, .m-feedback-content .continueButton { border: 0px none; background-color: rgb(255, 255, 255); color: rgb(25, 25, 25); display: block; font-size: 0.875rem; height: 3.5rem; line-height: 3.5rem; margin: 1.625rem auto 5rem; padding: 0px 0.9375rem; text-align: center; text-transform: uppercase; width: 18.25rem; transition: background-color 300ms ease-in-out 0s; } .m-activate-content .continueButton:hover, .m-feedback-content .continueButton:hover { background-color: rgba(255, 255, 255, 0.8); } @media only screen and (min-width: 42em) { .m-activate-content .continueButton, .m-feedback-content .continueButton { font-size: 1.25rem; height: 3.9375rem; line-height: 3.9375rem; width: 26.8125rem; } } .m-activate-content .backButton { background-color: rgb(255, 255, 255); border-radius: 1.5rem; color: rgb(25, 25, 25); display: inline-block; font-size: 0.75rem; font-weight: 300; margin: 0.4375rem 0px 2.625rem; opacity: 1; padding: 0.9375rem 1.5625rem; text-align: center; text-transform: uppercase; width: 11.875rem; transition: background-color 300ms ease-in-out 0s, opacity 600ms ease-in-out 0s; } .m-activate-content .backButton:hover { background-color: rgba(255, 255, 255, 0.8); } @media only screen and (min-width: 30em) { .m-activate-content .backButton { font-size: 1.125rem; padding: 0.9375rem 1.5625rem; width: 15.8125rem; } } .m-activate-content .backButton:hover { color: rgb(25, 25, 25); } .m-activate-content header, .m-feedback-content header { margin-bottom: 1.25rem; margin-top: 3.125rem; text-align: center; } @media only screen and (min-width: 30em) { .m-activate-content header, .m-feedback-content header { margin-bottom: 2.5rem; } } .m-activate-content header .logo, .m-feedback-content header .logo { background-image: url(""); background-repeat: no-repeat; background-size: contain; height: 4.375rem; margin: 0px auto; width: 4.375rem; } @media only screen and (min-width: 30em) { .m-activate-content header .logo, .m-feedback-content header .logo { height: 5.4375rem; width: 5.4375rem; } } .m-activate-content .footer, .m-feedback-content .footer { display: block; font-size: 0.625rem; line-height: 1.125rem; margin: 0px auto 0.625rem; width: 78%; } @media only screen and (min-width: 42em) { .m-activate-content .footer, .m-feedback-content .footer { font-size: 0.75rem; line-height: 1.375rem; margin-bottom: 0px; width: 28.125rem; } } .m-activate-content .footer.show-device .activate-help, .m-activate-content .footer.show-device .activate-feedback, .m-feedback-content .footer.show-device .activate-help, .m-feedback-content .footer.show-device .activate-feedback { display: inline-block; } .m-activate-content .footer .activate-help, .m-activate-content .footer .activate-feedback, .m-feedback-content .footer .activate-help, .m-feedback-content .footer .activate-feedback { display: none; } .m-activate-content .footer ul, .m-feedback-content .footer ul { text-align: center; } @media only screen and (min-width: 30em) { .m-activate-content .footer ul, .m-feedback-content .footer ul { margin: 0px 3% 4.375rem; } } .m-activate-content .footer li, .m-feedback-content .footer li { display: inline-block; margin-bottom: 0.0625rem; padding: 0px 0.625rem; } .m-activate-content .footer a, .m-feedback-content .footer a { color: rgb(255, 255, 255); display: block; font-size: 0.625rem; line-height: 0.875rem; text-transform: lowercase; } @media only screen and (min-width: 30em) { .m-activate-content .footer a, .m-feedback-content .footer a { font-size: 0.75rem; } } .m-activate-content .footer a:hover, .m-feedback-content .footer a:hover { color: rgba(255, 255, 255, 0.8); } @media only screen and (min-width: 42em) { .m-activate-feedback .footer.expand, .m-activate .footer.expand { width: 100%; } } .m-activate-help .footer, .m-activate-congrats .footer { width: 94%; } @media only screen and (min-width: 30em) { .m-activate-help .footer, .m-activate-congrats .footer { width: 34.375rem; } } .m-activate-help .footer li, .m-activate-congrats .footer li { padding: 0px 0.25rem; } @media only screen and (min-width: 30em) { .m-activate-help .footer li, .m-activate-congrats .footer li { padding: 0px 0.625rem; } } .module.activate-device .disclaimer { margin: 1.75rem auto 0px; max-width: 36.25rem; padding: 0px 1.25rem; text-align: center; } @media only screen and (min-width: 30em) { .module.activate-device .disclaimer { margin-top: 0px; } } .module.activate-device .disclaimer p { color: rgb(255, 255, 255); font-size: 0.625rem; font-style: italic; font-weight: 200; line-height: 1rem; margin: 0px; opacity: 0.75; padding: 0px; } @media only screen and (min-width: 30em) { .module.activate-device .disclaimer p { font-size: 0.75rem; line-height: 1.125rem; } } .m-activate .forms { color: rgb(255, 255, 255); display: none; margin-bottom: 1.875rem; position: relative; text-align: center; } @media only screen and (min-width: 42em) { .m-activate .forms { margin-bottom: 2.5rem; } } .m-activate .forms.show { display: block; margin: 0px auto; max-width: 30rem; } @media only screen and (min-width: 42em) { .m-activate .forms.show { max-width: 46rem; } } .m-activate .forms .message { display: block; margin: 1.25rem 0px 1.5625rem; } @media only screen and (min-width: 42em) { .m-activate .forms .message { margin: 1.625rem 0px 1.75rem; } } .m-activate .forms .message p { color: rgb(255, 255, 255); font-size: 1rem; font-weight: 200; line-height: 1.4em; margin-bottom: 0px; } @media only screen and (min-width: 42em) { .m-activate .forms .message p { font-size: 1.5rem; } } .m-activate .forms label { display: block; font-size: 0.75rem; line-height: 1.5rem; margin: 1.25rem auto 1.875rem; max-width: 25rem; } @media only screen and (min-width: 42em) { .m-activate .forms label { font-size: 1.125rem; margin: 0px auto 1.875rem; } } .m-activate .forms label p { color: rgb(255, 255, 255); font-size: 1.125rem; font-weight: 100; margin-bottom: 0px; } .m-activate .forms input { background-color: rgba(255, 255, 255, 0.1); border: 0px none; border-radius: 0px; color: rgb(255, 255, 255); font-size: 0.875rem; font-weight: 200; height: 3.5rem; line-height: 3.5rem; text-align: center; text-transform: uppercase; width: 18.25rem; } @media only screen and (min-width: 42em) { .m-activate .forms input { font-size: 1.25rem; height: 3.9375rem; line-height: 3.9375rem; width: 26.8125rem; } } .m-activate .forms input:focus { box-shadow: 0px 0px 0.5rem rgb(156, 156, 156); } .m-activate .forms input::-moz-placeholder { text-transform: none; } .m-activate .forms input:-moz-placeholder { text-transform: none; } .m-activate .forms .search-wrapper { padding: 0px 0.1875rem; } .m-activate .forms input.search { background-color: rgba(255, 255, 255, 0.1); border-radius: 0px; font-size: 1.125rem; font-weight: 100; line-height: 2.5rem; margin-bottom: 0.375rem; padding: 0.625rem 1.25rem; text-align: left; text-transform: none; width: 100%; } @media only screen and (min-width: 42em) { .m-activate .forms input.search { font-size: 1.5rem; margin-bottom: 0.9375rem; } } .m-activate .forms .flipper { position: relative; transition-duration: 800ms; transform-style: preserve-3d; } .m-activate .forms .flipper.show { transform: rotateY(180deg); } .m-activate .forms .step { height: 0px; left: 6.25rem; opacity: 0; overflow: hidden; position: relative; transition: left 600ms ease 0s, opacity 300ms ease 0s; } .m-activate .forms .step.show { height: auto; left: 0px; opacity: 1; overflow: visible; padding-bottom: 1.25rem; } @media only screen and (min-width: 42em) { .m-activate .forms .step.show { padding-bottom: 3.125rem; } } .m-activate .forms .step.complete { display: none; } .m-activate .forms .step.mvpdProvider { margin: 0px 1.25rem; } .activationLoading, .m-activate .forms .step.activationCode { display: none; } .activationLoading.show { padding: 1.25rem 0px 5rem; } .activationLoading.show, .m-activate .forms .step.activationCode.show { display: block; } .activationLoading.show .m-spinner { display: block; } .m-activate .forms .activationLoading p { font-weight: 200; } .m-activate .forms .error { color: rgb(255, 255, 255); display: none; font-size: 0.875rem; font-style: italic; line-height: 1.125rem; margin: 0px auto; padding-top: 1.625rem; text-align: left; width: 18.25rem; } @media only screen and (min-width: 42em) { .m-activate .forms .error { font-size: 0.875rem; line-height: 1.5rem; width: 26.8125rem; } } .m-activate .forms .error.show { display: block; } .m-activate.activate-device .forms ul.mvpds { font-size: 0px; } .m-activate.activate-device .forms ul.mvpds li { background-color: rgb(255, 255, 255); border: 0.0625rem solid rgba(255, 255, 255, 0.15); cursor: pointer; display: block; font-size: 1.5625rem; font-weight: 300; height: 3.875rem; line-height: 3.625rem; margin: 0.0625rem auto; overflow: hidden; text-align: center; width: 18.25rem; } @media only screen and (min-width: 62.5em) { .m-activate.activate-device .forms ul.mvpds li { display: inline-block; height: 5.25rem; line-height: 4.9375rem; margin: 0px 0.0625rem 0.0625rem 0px; width: 13.75rem; } } .m-activate.activate-device .forms ul.mvpds li > img { display: inline; margin-bottom: 0px; vertical-align: middle; width: 55%; } @media only screen and (min-width: 62.5em) { .m-activate.activate-device .forms ul.mvpds li > img { width: 75%; } } .m-activate.activate-device .forms ul.mvpds li.more { background-position: 74% center; background-repeat: no-repeat; background-size: 0.4375rem auto; } @media only screen and (min-width: 62.5em) { .m-activate.activate-device .forms ul.mvpds li.more { background-position: 80% center; } } .m-activate.activate-device .forms ul.mvpds li.more.hidden { cursor: default; opacity: 0; } .m-activate.activate-device .forms ul.mvpds li.more .text { color: rgb(0, 0, 0); font-size: 1rem; position: relative; top: -0.125rem; } .m-activate.activate-device .forms ul.minorMvpds { font-size: 0px; width: 100%; margin: 0px auto; max-width: 62.5rem; } .m-activate.activate-device .forms ul.minorMvpds:after { clear: both; content: ""; display: table; } .m-activate.activate-device .forms ul.minorMvpds li { display: none; opacity: 0; transition: all 0.3s ease-in-out 0s; } .m-activate.activate-device .forms ul.minorMvpds li.show { display: block; margin-bottom: 0.625rem; opacity: 1; padding-left: 0.1875rem; padding-right: 0.1875rem; width: 100%; float: left; } @media only screen and (min-width: 42em) { .m-activate.activate-device .forms ul.minorMvpds li.show { padding-left: 0.1875rem; padding-right: 0.1875rem; width: 50%; float: left; } } .m-activate.activate-device .forms ul.minorMvpds li .distributor-wrapper { background-color: rgba(255, 255, 255, 0.06); color: rgb(255, 255, 255); display: block; font-size: 1.125rem; font-weight: 200; opacity: 1; padding-bottom: 1.4375rem; padding-top: 1.4375rem; text-align: left; } @media only screen and (min-width: 42em) { .m-activate.activate-device .forms ul.minorMvpds li .distributor-wrapper { background-color: rgba(255, 255, 255, 0.06); cursor: pointer; font-size: 1rem; overflow: hidden; padding: 0.625rem; text-align: center; text-overflow: ellipsis; white-space: nowrap; } } .activateError { display: none; font-size: 1rem; margin: 2.875rem auto 1.625rem; padding: 0px 1.125rem 7.875rem; width: 100%; } @media only screen and (min-width: 30em) { .activateError { font-size: 1.5rem; width: 31.25rem; } } .activateError .message { display: block; } .activateError .message .title { color: rgb(255, 255, 255); display: inline-block; font-size: 1rem; font-weight: 300; } @media only screen and (min-width: 30em) { .activateError .message .title { font-size: 1.5rem; } } .activateError .message p { display: inline; } .activateError .message .errorMessage { font-size: 1rem; line-height: 1.6em; } @media only screen and (min-width: 30em) { .activateError .message .errorMessage { font-size: 1.5rem; } } .activateError .retry { border: 0.0625rem solid rgba(255, 255, 255, 0.8); color: rgb(255, 255, 255); display: block; font-size: 0.875rem; margin: 2.1875rem auto 0px; padding: 0.5625rem 0px 0.625rem; width: 12.8125rem; } @media only screen and (min-width: 30em) { .activateError .retry { margin: 3rem auto 0px; font-size: 1.375rem; line-height: 1.375rem; padding: 0.8125rem 0px 0.875rem; width: 14.875rem; } } .activateError.show { display: block; } .m-activate-congrats.activateCongrats { color: rgb(255, 255, 255); font-weight: 100; } .m-activate-congrats .activateCongrats { color: rgb(255, 255, 255); margin: 2.875rem auto 1.625rem; padding: 0px 1.125rem 1.125rem; width: 100%; } @media only screen and (min-width: 30em) { .m-activate-congrats .activateCongrats { max-width: 46rem; } } .m-activate-congrats .activateCongrats p { display: block; font-size: 0.875rem; font-weight: lighter; line-height: 1.79375rem; margin-bottom: 5rem; text-align: center; } @media only screen and (min-width: 30em) { .m-activate-congrats .activateCongrats p { font-size: 1.25rem; padding-bottom: 3.125rem; } } .m-activate-congrats .activateCongrats .title { color: rgb(255, 255, 255); font-size: 1rem; font-weight: lighter; line-height: 1.6em; text-align: center; } @media only screen and (min-width: 30em) { .m-activate-congrats .activateCongrats .title { font-size: 1.5rem; } } .m-activate-congrats .activateCongrats img { margin-bottom: 2.8125rem; } .m-activate-congrats .activateCongrats, .m-activate-congrats .noFlash { display: none; } .m-activate-congrats .activateCongrats.show { display: block; } body.activateCongrats .m-message { display: none; } .m-activate-help { color: rgb(255, 255, 255); font-weight: 100; } .m-activate-help .wrapper { background-color: transparent; overflow: hidden; max-width: 34.375rem; margin: 0px auto; padding: 0px 1.25rem 0.9375rem; } @media only screen and (min-width: 30em) { .m-activate-help .wrapper { padding: 0px; } } .m-activate-help .helpHeader { line-height: 1.85063rem; text-align: center; } .m-activate-help .helpHeader .header { color: rgb(255, 255, 255); font-size: 0.9375rem; } @media only screen and (min-width: 30em) { .m-activate-help .helpHeader .header { font-size: 1.5rem; } } .m-activate-help .helpHeader .subheader { color: rgb(255, 255, 255); font-size: 0.875rem; } @media only screen and (min-width: 30em) { .m-activate-help .helpHeader .subheader { font-size: 1.375rem; } } .m-activate-help .helpBody { background-color: rgba(0, 0, 0, 0.1); border: 0.0625rem solid rgba(255, 255, 255, 0.8); display: none; margin-bottom: 1.875rem; margin-top: 2.125rem; } @media only screen and (min-width: 30em) { .m-activate-help .helpBody { margin: 2.375rem 0.0625rem 7.5rem; } } .m-activate-help .helpBody.show { display: block; } .m-activate-help .content .fields { display: none; } .m-activate-help .content .fields .topic .description { display: none; } .m-activate-help .content.expanded .fields { display: block; } .m-activate-help .content.expanded .fields .topic.expanded .question { text-decoration: none; } .m-activate-help .content.expanded .fields .topic.expanded .description { display: block; } .m-activate-help .content .topic { padding: 1.5rem 0px 0px; } @media only screen and (min-width: 30em) { .m-activate-help .content .topic { padding: 1.625rem 0px 0px; } } .m-activate-help .content .title { border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.8); font-size: 0.875rem; padding: 1.5rem 1rem; position: relative; text-align: left; text-transform: uppercase; } @media only screen and (min-width: 30em) { .m-activate-help .content .title { font-size: 1.125rem; line-height: 0.523125rem; padding: 2rem 1.25rem; } } .m-activate-help .content:last-of-type .title { border-bottom: medium none; } .m-activate-help .content.expanded:last-of-type .title { border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.8); } .m-activate-help .content .title .issue { color: rgb(255, 255, 255); } .m-activate-help .content .title .abc-icon-arrow-down { font-size: 0.75rem; position: absolute; right: 30px; } .m-activate-help .content .fields { border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.8); padding: 0px 1.25rem; text-align: left; } .m-activate-help .content.expanded:last-child .fields { border-bottom: medium none; } .m-activate-help .content .question { color: rgb(255, 255, 255); display: block; font-size: 0.75rem; font-weight: 300; padding: 0px 0px 0.9375rem; } @media only screen and (min-width: 30em) { .m-activate-help .content .question { font-size: 1rem; padding-bottom: 1.875rem; } } .m-activate-help .content .question.selected { text-decoration: none; } .m-activate-help .content .description * { font-size: 0.6875rem; font-weight: 100; } @media only screen and (min-width: 30em) { .m-activate-help .content .description * { font-size: 0.875rem; } } .m-activate-help .content .description p { margin-bottom: 0px; padding-bottom: 1.375rem; } @media only screen and (min-width: 30em) { .m-activate-help .content .description p { padding-bottom: 1.875rem; } } .m-activate-help .content .description :last-child { padding-bottom: 0px; } .m-activate-help.activateHelp .helpBody a.question, .m-activate-help.activateHelp .helpBody .external-link, .m-activate-help.activateHelp .helpBody .description a { color: rgb(255, 255, 255); font-weight: 300; } .m-activate-help.activateHelp .helpBody a.question:hover, .m-activate-help.activateHelp .helpBody .external-link:hover, .m-activate-help.activateHelp .helpBody .description a:hover { color: rgba(255, 255, 255, 0.8); } .m-activate-feedback { color: rgb(255, 255, 255); font-weight: 100; } .mobile .activate-feedback .page-wrapper { } .m-activate-feedback .feedbackWrapper { font-weight: lighter; line-height: 1.85063rem; padding-bottom: 3.75rem; text-align: center; } .m-activate-feedback .header { color: rgb(255, 255, 255); font-size: 0.9375rem; font-weight: lighter; margin-left: 0.625rem; margin-right: 0.625rem; padding: 0px; text-align: center; text-transform: none; } @media only screen and (min-width: 30em) { .m-activate-feedback .header { font-size: 1.5rem; } } .m-activate-feedback .subheader { font-size: 0.875rem; font-weight: lighter; margin-left: 0.625rem; margin-right: 0.625rem; text-align: center; } @media only screen and (min-width: 30em) { .m-activate-feedback .subheader { font-size: 1.375rem; } } .m-activate-feedback .content { display: inline-block; max-width: 26.8125rem; padding-top: 1.5625rem; text-align: left; width: auto; } @media only screen and (min-width: 30em) { .m-activate-feedback .content { padding-top: 4.625rem; } } .m-activate-feedback .content .field { background-color: rgba(43, 45, 54, 0.8); border: medium none; border-radius: 0px; color: rgb(255, 255, 255); display: block; font-size: 0.6875rem; font-weight: 200; height: 3.25rem; margin-bottom: 0px; padding: 0.75rem; width: 100%; } @media only screen and (min-width: 30em) { .m-activate-feedback .content .field { height: 2.9375rem; font-size: 1rem; margin-bottom: 0px; padding: 0.875rem; } } .m-activate-feedback .content #issueCode.field { text-align: left; width: 100%; } .m-activate-feedback .content #userComment.field { font-size: 0.8125rem; height: 6.5rem; padding: 0.4375rem 0.875rem; resize: none; } @media only screen and (min-width: 30em) { .m-activate-feedback .content #userComment.field { height: 6.625rem; } } .m-activate-feedback .content option { color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border: medium none; padding: 0.625rem 0.25rem 0.625rem 0.875rem; } .m-activate-feedback .content .label { display: block; margin-top: 2.375rem; text-transform: lowercase; } @media only screen and (min-width: 30em) { .m-activate-feedback .content .label { padding-bottom: 1.125rem; } } .m-activate-feedback .content .label .text { font-size: 0.75rem; font-weight: 100; text-transform: capitalize; } @media only screen and (min-width: 30em) { .m-activate-feedback .content .label .text { font-size: 1.125rem; } } .m-activate-feedback .content .label .text:before { color: red; content: "*"; display: inline-block; padding-right: 0.125rem; vertical-align: middle; } .m-activate-feedback .content label.required { display: block; margin-top: 2.375rem; margin-bottom: 0px ! important; } .m-activate-feedback .content .label .error:before { content: none; } .m-activate-feedback .content .invalid { margin-bottom: 40px; } .m-activate-feedback .content .invalid .field { margin-bottom: 0px; } .m-activate-feedback .m-feedback-required .active { color: rgb(255, 255, 255); font-style: italic; font-size: 0.625rem; line-height: 0.791875rem; font-weight: 100; margin-top: 0.625rem; } @media only screen and (min-width: 30em) { .m-activate-feedback .m-feedback-required .active { font-size: 0.875rem; } } .m-activate-feedback .content .m-feedback-requiredText { font-size: 0.8125rem; font-style: italic; margin-bottom: 1rem; margin-top: 2.375rem; text-transform: capitalize; } .m-activate-feedback .content .m-feedback-requiredText .message-asterisk { color: rgb(197, 5, 17); padding-right: 0.3125rem; } .m-activate-feedback .datg-select { min-height: 2.9375rem; margin-top: 0px; } .m-activate-feedback .datg-select-custom .module-select, .m-activate-feedback .datg-select:not(.disabled) .datg-select-custom .button:hover { background-color: rgb(43, 45, 54); border: medium none; color: rgb(255, 255, 255); } .m-activate-feedback .datg-select-custom .datg-select-custom-list .datg-select-custom-option { transform: translateY(0px); } .m-activate-feedback .datg-select .datg-select-custom-list { background-color: rgb(43, 45, 54); color: rgb(255, 255, 255); } .m-activate-feedback .datg-select .datg-select-custom-button-text { background-color: rgba(30, 31, 37, 0.8); padding: 0.875rem 0.5625rem; font-size: 0.6875rem; font-weight: 200; text-transform: capitalize; } @media only screen and (min-width: 30em) { .m-activate-feedback .datg-select .datg-select-custom-button-text { font-size: 1rem; } } .m-activate-feedback .content .styled-select select { background-image: url(""); background-position: 95% center; background-repeat: no-repeat; background-size: 1.25rem 0.625rem; border: 0px none; color: rgb(255, 255, 255); display: block; font-size: 1rem; margin-bottom: 0px; text-indent: 0.000625rem; text-overflow: ""; text-shadow: none; width: 26.8125rem; -moz-appearance: none; } .m-activate-feedback .content .styled-select select option:first-child { display: none; } .m-activate-feedback .m-feedback-info { display: none; } .m-activate-feedback .content .continueButton { border-radius: 1.5rem; font-weight: 200; margin: 1rem auto 3.125rem; width: 100%; } .m-activate-feedback .m-spinner { display: block; } .m-activate-feedback .form-field .error-message, .m-activate-feedback .form-field .validation-message { display: none; } .m-activate-feedback .form-field.field-error .error-message { display: inline-block; } .m-activate-feedback .form-field.field-validation-error .validation-message { display: inline-block; } .m-activate-feedback .confirmation { margin: 0px 1.25rem; max-width: 36.25rem; padding-bottom: 2.5rem; text-align: center; width: auto; align-content: center; } @media only screen and (min-width: 30em) { .m-activate-feedback .confirmation { margin: 1rem auto 5rem; } } .m-activate-feedback .confirmation .header { font-size: 1rem; padding-bottom: 1.75rem; text-transform: none; } @media only screen and (min-width: 30em) { .m-activate-feedback .confirmation .header { font-size: 1.625rem; line-height: 1.85063rem; padding-bottom: 1.5rem; } } .m-activate-feedback .confirmation .message { display: block; font-size: 0.75rem; padding-bottom: 2.625rem; padding-top: 0px; } @media only screen and (min-width: 30em) { .m-activate-feedback .confirmation .message { font-size: 1.125rem; line-height: 1.64063rem; padding-bottom: 3.25rem; } } .m-activate-feedback .confirmation .helpMessage { display: block; font-size: 0.6875rem; padding-bottom: 2.1875rem; } @media only screen and (min-width: 30em) { .m-activate-feedback .confirmation .helpMessage { font-size: 1rem; line-height: 1.36937rem; padding-bottom: 2.75rem; } } .m-activate-feedback .confirmation .helpButton { background-color: rgb(226, 176, 94); border-radius: 1.5rem; color: rgb(255, 255, 255); display: block; font-size: 0.875rem; height: 2.5rem; line-height: 2.5rem; margin: 0px auto; width: 12.8125rem; text-transform: uppercase; transition: background 400ms ease-in 0s, border 200ms ease-in 0s, color 200ms ease-in 0s; } .m-activate-feedback .confirmation .helpButton:hover { background-color: rgb(157, 124, 69); } @media only screen and (min-width: 30em) { .m-activate-feedback .confirmation .helpButton { font-size: 1.375rem; height: 3.1875rem; line-height: 3.125rem; width: 14.875rem; } } .m-activate-feedback .wrapper.submitted .header.logo { width: 7.5rem; height: 7.5rem; padding-bottom: 2.5rem; } .m-activate-feedback .error { display: none; } .m-activate-feedback .error.active { display: block; } .m-activate-feedback.form-default .confirmation.step, .m-activate-feedback.form-default .loadingstep.step, .m-activate-feedback.form-error .confirmation.step, .m-activate-feedback.form-error .loadingstep.step { display: none; } .m-activate-feedback.form-loading .confirmation.step, .m-activate-feedback.form-loading .feedbackWrapper.step { display: none; } .m-activate-feedback.form-success .loadingstep.step, .m-activate-feedback.form-success .feedbackWrapper.step { display: none; } .m-activate-content .backButton { background-color: rgb(255, 255, 255); } body.butterscotch .m-activate-content .retry { background-color: rgba(0, 0, 0, 0.1); } body.butterscotch .m-activate-content .retry:hover { background-color: rgb(247, 184, 27); } body.garnet .m-activate-content .retry { background-color: rgba(0, 0, 0, 0.1); } body.garnet .m-activate-content .retry:hover { background-color: rgb(197, 5, 17); } body.aluminum .m-activate-content .retry { background-color: rgba(0, 0, 0, 0.1); } body.aluminum .m-activate-content .retry:hover { background-color: rgb(92, 117, 148); } body.default .m-activate-content .retry { background-color: rgba(0, 0, 0, 0.1); } body.default .m-activate-content .retry:hover { background-color: rgb(226, 176, 94); } .form ul.minorMvpds li.show:hover { background-color: transparent; cursor: pointer; } @media only screen and (min-width: 30em) { body.butterscotch .form ul.minorMvpds li.show:hover { background-color: rgb(247, 184, 27); } body.garnet .form ul.minorMvpds li.show:hover { background-color: rgb(197, 5, 17); } body.aluminum .form ul.minorMvpds li.show:hover { background-color: rgb(92, 117, 148); } body.default .form ul.minorMvpds li.show:hover { background-color: rgb(226, 176, 94); } } @media only screen and (min-width: 42em) { body.butterscotch .forms ul.minorMvpds li .distributor-wrapper:hover { background-color: rgba(255, 255, 255, 0.2); } } @media only screen and (min-width: 42em) { body.garnet .forms ul.minorMvpds li .distributor-wrapper:hover { background-color: rgba(255, 255, 255, 0.2); } } @media only screen and (min-width: 42em) { body.aluminum .forms ul.minorMvpds li .distributor-wrapper:hover { background-color: rgba(255, 255, 255, 0.2); } } @media only screen and (min-width: 42em) { body.default .forms ul.minorMvpds li .distributor-wrapper:hover { background-color: rgba(255, 255, 255, 0.2); } } body.butterscotch .activateError .retry { background-color: rgb(255, 255, 255); color: rgb(25, 25, 25); } body.butterscotch .activateError .retry:hover { background-color: rgba(255, 255, 255, 0.8); } body.garnet .activateError .retry { background-color: rgb(255, 255, 255); color: rgb(25, 25, 25); } body.garnet .activateError .retry:hover { background-color: rgba(255, 255, 255, 0.8); } body.aluminum .activateError .retry { background-color: rgb(255, 255, 255); color: rgb(25, 25, 25); } body.aluminum .activateError .retry:hover { background-color: rgba(255, 255, 255, 0.8); } body.default .activateError .retry { background-color: rgb(255, 255, 255); color: rgb(25, 25, 25); } body.default .activateError .retry:hover { background-color: rgba(255, 255, 255, 0.8); } body.butterscotch .m-activate-help.activateHelp.butterscotch .question { background-color: rgb(247, 184, 27); } body.garnet .m-activate-help.activateHelp.butterscotch .question { background-color: rgb(197, 5, 17); } body.aluminum .m-activate-help.activateHelp.butterscotch .question { background-color: rgb(92, 117, 148); } body.default .m-activate-help.activateHelp.butterscotch .question { background-color: rgb(226, 176, 94); } body.activate .page-wrapper { overflow-y: visible; min-height: 100%; } body.activate .page-wrapper .region.content { height: auto; margin-top: 0px; position: static; width: auto; } body.activate .page-wrapper main.content { height: 100%; } body.activate .m-message { background: none repeat scroll 0% 0% rgb(255, 255, 255); display: none; max-width: none; position: absolute; top: 0px; width: 100%; z-index: 11; } @media only screen and (min-width: 42em) { body.activate .m-message { padding-right: 3.125rem; } } body.activate .m-message.m-message-active { display: block; } .activationLoading p { text-align: center; } .m-oneid-activation { color: rgb(255, 255, 255); background-color: rgb(25, 25, 25); } .m-oneid-activation a { color: rgb(255, 255, 255); font-weight: 300; } .m-oneid-activation a:hover { color: rgba(255, 255, 255, 0.8); } .m-oneid-activation .m-oneid-activation-content { margin: 3rem auto 0px; padding: 0px 2.1875rem; position: inherit; display: block; overflow: hidden; height: auto; } @media only screen and (min-width: 42em) { .m-oneid-activation .m-oneid-activation-content { margin-top: 4rem; max-width: 20rem; padding: 0px; } } .m-oneid-activation .m-oneid-activation-content .m-menu { display: none; } .m-oneid-activation .m-oneid-activation-content .step.show { padding-bottom: 0px; } .m-oneid-activation .m-oneid-activation-content .step.sign-in-up.show { min-height: 14.125rem; } .m-oneid-activation .m-oneid-activation-content .step.sign-in-up.show input.button { margin-top: 2rem; } .m-oneid-activation .m-oneid-activation-content .step1 .help { font-size: 0.75rem; color: rgb(156, 156, 156); font-weight: 200; } .m-oneid-activation .m-oneid-activation-content .step3 .description { padding-bottom: 1rem; } .m-oneid-activation .m-oneid-activation-content .description h4 { font-size: 1.125rem; margin: 0.625rem 0px 1.625rem; } .m-oneid-activation .m-oneid-activation-content .description span.icon.abc-icon-check { display: inline-block; border-radius: 50%; background-color: rgb(64, 193, 103); width: 1.5625rem; height: 1.5625rem; font-size: 0.875rem; padding-top: 0.4375rem; } .m-oneid-activation .m-oneid-activation-content .description p { margin-bottom: 1rem; line-height: 140%; } .m-oneid-activation .m-oneid-activation-content .description p.small { font-size: 0.875rem; } .m-oneid-activation .m-oneid-activation-content .button, .m-oneid-activation .m-oneid-activation-content form.activation input { background-color: rgb(255, 255, 255); border-radius: 1.5rem; text-transform: uppercase; padding: 0.75rem 3.4375rem; color: rgb(25, 25, 25); border: medium none; text-align: center; transition: background 400ms ease-in 0s, border 200ms ease-in 0s, color 200ms ease-in 0s; min-width: 100%; width: 100%; display: block; line-height: 100%; height: auto; min-height: 2.75rem; font-size: 0.875rem; font-weight: 200; } .m-oneid-activation .m-oneid-activation-content .button:focus, .m-oneid-activation .m-oneid-activation-content form.activation input:focus { background-color: rgb(255, 255, 255); color: rgb(25, 25, 25); } .m-oneid-activation .m-oneid-activation-content .button:hover, .m-oneid-activation .m-oneid-activation-content .button:active, .m-oneid-activation .m-oneid-activation-content form.activation input:hover, .m-oneid-activation .m-oneid-activation-content form.activation input:active { background-color: rgba(255, 255, 255, 0.8); color: rgb(25, 25, 25); } .m-oneid-activation .m-oneid-activation-content .button { font-weight: 300; } .m-oneid-activation .m-oneid-activation-content a.button { padding: 0.9375rem 2.5rem; } .m-oneid-activation .m-oneid-activation-content form.activation { margin: 1rem 0px 1.5rem; display: block; width: auto; padding: 0px; font-style: normal; } .m-oneid-activation .m-oneid-activation-content form.activation input.activateCode { color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.1); border: 0.0625rem solid transparent; font-family: "abc-modern",sans-serif; padding: 0px 1rem; border-radius: 0.125rem; transition: all 500ms ease 0s; box-shadow: none; text-align: left; } .m-oneid-activation .m-oneid-activation-content form.activation input.activateCode::-moz-placeholder { color: rgb(255, 255, 255); } .m-oneid-activation .m-oneid-activation-content form.activation input.activateCode:focus { box-shadow: none; outline: 0px none; } .m-oneid-activation .m-oneid-activation-content form.activation input.submit { margin: 2rem 0px 0px; } .m-oneid-activation .m-oneid-activation-content form.activation .input-container .error { display: none; margin-top: 0.4375rem; } .m-oneid-activation .m-oneid-activation-content form.activation .input-container .error p { font-size: 0.75rem; margin: 0px; line-height: 130%; } .m-oneid-activation .m-oneid-activation-content form.activation.error .input-container .error { display: block; width: auto; padding: 0px; font-style: normal; } .m-oneid-activation .m-oneid-activation-content form.activation.error .input-container .activateCode { border: 0.0625rem solid rgb(186, 62, 62); color: rgb(186, 62, 62); font-style: normal; } .m-oneid-activation .m-oneid-activation-content form.activation.error .input-container .activateCode::-moz-placeholder { color: rgb(186, 62, 62); } .m-oneid-activation .m-oneid-activation-content .steps { margin: 6.75rem 0px 3.125rem; position: relative; } .m-oneid-activation .m-oneid-activation-content .steps:before { content: ""; width: 100%; position: absolute; top: 0px; left: 0px; height: 2px; border-top: 2px solid rgba(255, 255, 255, 0.1); } .m-oneid-activation .m-oneid-activation-content .steps ul { margin: 0px; text-align: center; } .m-oneid-activation .m-oneid-activation-content .steps ul li { font-size: 0.75rem; color: rgba(255, 255, 255, 0.2); border-top: 2px solid transparent; margin-left: 0px; padding: 0.375rem 0px; float: none; transition: all 500ms ease 0s; display: inline-block; } @media only screen and (max-width: 20em) { .m-oneid-activation .m-oneid-activation-content .steps ul li { font-size: 0.625rem; } } .m-oneid-activation .m-oneid-activation-content .steps ul li:nth-child(1) { float: left; width: auto; } .m-oneid-activation .m-oneid-activation-content .steps ul li:nth-child(3) { float: right; width: auto; } .m-oneid-activation .m-oneid-activation-content .steps ul li.active { color: rgb(255, 255, 255); border-top: 2px solid rgb(255, 255, 255); } .m-adblock { display: table; position: relative; width: 100%; } @media only screen and (max-width: 29.9375em) { .m-adblock.columns { padding: 0px; } } .m-adblock .centered { display: table-cell; text-align: center; vertical-align: middle; width: 100%; } @media only screen and (min-width: 30em) { .m-adblock .centered { background: none repeat scroll 0% 0% rgb(25, 25, 25); } } .ad-unit.displayad { background: none repeat scroll 0% 0% rgb(238, 238, 238); height: 17.5rem; margin: 0px auto; padding: 0.9375rem; text-align: center; width: 20.625rem; } .ad-unit-wrapper .ad-wrapper { max-width: 20.875rem; } @media only screen and (min-width: 30em) { .m-adblock.adblock320x250 { height: 17.5rem; width: 20.875rem; } .m-adblock.adblock320x250 .ad-unit-target { height: 15.625rem; width: 20rem; } } @media only screen and (min-width: 42em) { .m-adblock.adblock320x250 { height: 17.5rem; width: 20.875rem; } } .m-adblock.adblock320x100.not-visible, .m-adblock.adblock320x250.not-visible { display: none; } .m-adblock.adblock320x100 { margin-top: -1rem; } .m-adblock.adblock320x100 .centered { background: none repeat scroll 0% 0% rgb(243, 243, 243); padding: 1rem 0px; display: block; margin: 0px auto; } .m-text.withad .ad-unit-wrapper { display: block; margin: 0px; top: 0px; } @media only screen and (min-width: 42em) { .m-text.withad .ad-unit-wrapper { margin: 0px; max-width: 20.5rem; right: 0px; } } .m-text.withad .m-text-wrapper { display: flex; flex-direction: column; } @media only screen and (min-width: 42em) { .m-text.withad .m-text-wrapper { flex-direction: row; } } #ns__zoom_svg { display: block; } #_fw_container_rectangle { display: inline-block; position: relative; z-index: 1; } .m-adblock .centered img, .m-adblock .centered iframe, .m-adblock .centered object { margin: 0px auto; } .tile.ad .center-box { display: table; width: 100%; height: 100%; } .tile.ad .center-box .centered { background: none repeat scroll 0% 0% rgb(43, 45, 54); display: table-cell; text-align: center; vertical-align: middle; height: 100%; width: 100%; } .tile.ad .m-adblock.adblock320x250 { width: 100%; height: 100%; } .sm-skinnableBanner.row { padding: 0px; } #_fw_container_SkinnableBanner:empty { display: none; height: auto; } #_fw_container_SkinnableBanner { display: block; height: 5.625rem; position: relative; } #_fw_container_SkinnableBanner img { height: 5.625rem; left: 50%; margin-left: -31.25rem; max-width: none; position: absolute; top: 0px; width: 62.5rem; } #_fw_container_thinbanner { margin: 0px auto; text-align: center; } #_fw_container_thinbanner span:first-child { padding: 1.25rem 0px; } #_fw_frame_thinbanner { display: block; margin: 0px auto; text-align: center; } .m-tilegroup.m-tilegroup-trending-shows .tile.ad .aspect-ratio-buffer { min-height: 17.3125rem; } @media only screen and (min-width: 42em) { .m-tilegroup.m-tilegroup-trending-shows .tile.ad .aspect-ratio-buffer { padding-bottom: 0px; } } .m-tilegroup.m-tilegroup-trending-shows .tile.ad .ad-wrapper { background: none repeat scroll 0% 0% rgb(238, 238, 238); margin: 0px auto; max-width: none; padding: 1.25rem; } @media only screen and (min-width: 62.5em) and (max-width: 240em) { .m-tilegroup.m-tilegroup-trending-shows .tile.ad .ad-wrapper { padding: 0px; max-width: 21.25rem; } } .m-tilegroup.m-tilegroup-trending-shows .tile.ad .ad-wrapper ._fwac { display: inline-block; } .m-tilegroup.m-tilegroup-trending-shows .tile.ad .aspect-ratio-buffer.m-ad-300600 { min-height: 40.625rem; } @media only screen and (min-width: 62.5em) { .m-tilegroup.m-tilegroup-trending-shows .tile.ad .aspect-ratio-buffer.m-ad-300600 { position: absolute; right: 0px; z-index: 1; } } @media only screen and (min-width: 62.5em) { .m-tilegroup.m-tilegroup-trending-shows .tile.ad .aspect-ratio-buffer.m-ad-300600 .ad-wrapper { max-width: 20.4375rem; min-height: 41.125rem; } } .cssgradients .m-tilegroup.m-tilegroup-trending-shows .tiles .tile .bg-gradient:after { background-image: linear-gradient(rgba(29, 29, 29, 0) 75%, rgba(29, 29, 29, 0.4) 100%); } .affiliatewrapper { display: none; } .affiliate-displayed .affiliatewrapper { display: block; } .affiliateTitle { text-transform: capitalize; color: rgb(255, 255, 255); font-size: 0.9375rem; font-weight: 300; margin-bottom: 0px; } .affilate-logo.hasDistro { width: 4.0625rem; height: 3.21875rem; margin-bottom: 0px; position: absolute; top: 0px; } @media only screen and (min-width: 42em) { .affilate-logo.hasDistro { margin: 0.3125rem 0px 1.25rem; width: 5.625rem; height: 3.75rem; } } .affiliatePicker { background-image: url(""); background-size: cover; padding: 1.875rem 2.625rem; text-align: center; } @media only screen and (min-width: 42em) { .affiliatePicker { padding: 1.875rem 7.625rem; } } .affiliatePicker .screenTitle { padding-top: 8rem; background-color: transparent; background-repeat: no-repeat; background-position: center 2rem; background-size: 4.6875rem auto; background-image: url(""); margin: 0px auto 0.5rem; width: 65%; } body.butterscotch .affiliatePicker .screenTitle { background-image: url(""); } body.garnet .affiliatePicker .screenTitle { background-image: url(""); } body.aluminum .affiliatePicker .screenTitle { background-image: url(""); } body.default .affiliatePicker .screenTitle { background-image: url(""); } .affiliatePicker .copy { font-size: 1.5rem; color: rgb(255, 255, 255); text-align: center; margin-bottom: 0px; } .affiliatePicker .selectNote { font-size: 1rem; color: rgb(178, 175, 173); text-align: center; margin-bottom: 0.3125rem; } .affiliatePicker .affiliatesAlt { display: none; position: absolute; border: 0.0625rem solid rgb(238, 238, 238); background: none repeat scroll 0% 0% white; width: 16rem; margin: 0px auto; left: 0px; right: 0px; top: 25%; } @media only screen and (min-width: 42em) { .affiliatePicker .affiliatesAlt { width: 28rem; } } .affiliatePicker .olay { display: none; position: absolute; width: 100%; height: 100%; left: 0px; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5); } .affiliatePicker .affiliatesAlt h4 { font-size: 1rem; line-height: 2; background: none repeat scroll 0% 0% rgb(238, 238, 238); color: rgb(0, 0, 0); margin-top: 0px; } .affiliatePicker .affiliatesAlt h4 .close { float: right; background: none repeat scroll 0% 0% rgb(255, 255, 255); line-height: 1; padding: 0px 0.3125rem 0.25rem; margin: 0.25rem; } .affiliatePicker .affiliatesAlt h4 .close:before { content: "×"; color: inherit; font-weight: bold; } .affiliatePicker .affiliates { margin: 0px auto; text-align: center; } .affiliatePicker .affiliates li { display: inline-block; vertical-align: top; cursor: pointer; margin-left: 0.625rem; margin-right: 0.625rem; margin-top: 0.3125rem; } .affiliatePicker .extra { color: rgb(255, 255, 255); font-size: 1.125rem; margin-bottom: 1.5625rem; } .butterscotch .affiliatePicker .helps a { color: rgb(247, 184, 27); } .garnet .affiliatePicker .helps a { color: rgb(197, 5, 17); } .aluminum .affiliatePicker .helps a { color: rgb(92, 117, 148); } .default .affiliatePicker .helps a { color: rgb(226, 176, 94); } .affiliatePicker .footnote { color: rgb(185, 185, 185); font-size: 0.75rem; padding: 1rem 0px 0px; } .showMoreProviders .affiliatePicker .affiliatesAlt { display: block; } .showMoreProviders .affiliatePicker .olay { display: block; } .approadblock { display: table; width: 100%; height: 100%; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.6); position: absolute; top: 1px; } .approadblock .approadblock-wrapper { display: table-cell; text-align: center; vertical-align: middle; } .approadblock .approadblock-cta { color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); margin-bottom: 0.8125rem; } .approadblock .approadblock-title { margin-top: 0.625rem; margin-bottom: 0.8125rem; } .approadblock .approadblock-subtitle { margin: 0px 0px 0.375rem; } .m-allshows .m-allshows-column-wrapper { padding: 0px; } .m-allshows-category-selector { background-color: rgb(25, 25, 25); height: 4.625rem; overflow: hidden; position: relative; } .m-allshows-category-selector .slick-slider { opacity: 0; } .m-allshows-category-selector .slick-slider.slick-initialized { opacity: 1; transition: opacity 0.2s ease-in 0s; } .m-allshows-category-selector ul.slick-slider { margin-left: 0px; margin-right: 0px; margin-bottom: 0px; } .m-allshows-category-selector ul.slick-slider.enabled { margin-left: 0.5rem; margin-right: 0.75rem; margin-bottom: 0px; } .m-allshows-category-selector .row { height: 4.6875rem; } .m-allshows-category-selector:not(.hide-arrows) .row { padding-right: 1.0625rem; padding-left: 1.0625rem; } .m-allshows-category-selector button.slick-prev, .m-allshows-category-selector button.slick-next { display: none; } .m-allshows-category-selector hr { position: absolute; height: 0.1875rem; width: 0px; margin: -0.1875rem 0px 0px; border: medium none; display: none; z-index: 1; } .m-allshows-category-selector hr.enable-animation { transition: all 0.35s ease-in-out 0s; } .m-allshows .m-allshows-tilegroup .module-title { margin-bottom: 0.5rem; margin-top: 1.25rem; display: none; } @media only screen and (min-width: 42em) { .m-allshows .m-allshows-tilegroup .module-title { margin-bottom: 0.75rem; margin-top: 1.25rem; } } .m-allshows-category-selector .tile { display: inline-block; height: 4.625rem; line-height: 4.625rem; padding: 0px 1rem; } .m-allshows-category-selector .tile .categoryLink { font-size: 0.875rem; font-weight: 200; color: rgba(255, 255, 255, 0.4); display: block; height: 4.625rem; text-transform: capitalize; transition: color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0s; } .m-allshows-category-selector .tile .categoryLink:hover { color: rgba(255, 255, 255, 0.8); } .m-allshows-category-selector .selected-category.show .categoryLink { border: medium none; color: rgb(255, 255, 255); } .m-allshows-nav { cursor: pointer; display: block; height: 4.625rem; position: absolute; top: 0px; width: 1.5rem; background-color: rgb(25, 25, 25); z-index: 2; } .m-allshows-nav span { line-height: 4.625rem; font-size: 0.625rem; color: rgb(255, 255, 255); font-weight: 700; visibility: visible; opacity: 1; transition: all 0.3s ease-out 0s; } .m-allshows-nav.prev { padding-right: 0.1875rem; text-align: right; left: 0px; } .m-allshows-nav.next { padding-left: 0.1875rem; text-align: left; right: 0px; } .m-allshows-nav.next:before { pointer-events: none; content: ""; display: block; height: 4.625rem; position: absolute; right: 1.5rem; top: 0px; width: 1.75rem; background: -moz-linear-gradient(left center , rgba(25, 25, 25, 0.1) 5%, rgb(25, 25, 25)) repeat scroll 0% 0% transparent; transition: width 0.5s ease-out 0s; } .m-allshows-nav.prev:after { pointer-events: none; content: ""; display: block; height: 4.625rem; position: absolute; left: 1.5625rem; top: 0px; width: 1.0625rem; background: -moz-linear-gradient(right center , rgba(25, 25, 25, 0.1) 5%, rgb(25, 25, 25)) repeat scroll 0% 0% transparent; } .m-allshows-nav.prev.slick-disabled span { visibility: hidden; opacity: 0; } .m-allshows-nav.next.slick-disabled span { visibility: hidden; opacity: 0; } .m-allshows-nav.next.slick-disabled:before { width: 0px; } .hide-arrows .m-allshows-category-list li a { left: 0px; } .hide-arrows .m-allshows-category-list li:first-of-type { padding-left: 0px; } .hide-arrows .m-allshows-nav, .hide-arrows .m-allshows-nav span { visibility: hidden; } .m-allshows-category-detail.loading .m-allshows-tilegroup { visibility: hidden; } .m-allshows-category-selector .enabled .tile:last-child { padding-right: 0px ! important; } body.butterscotch .m-allshows-category-selector hr { background: none repeat scroll 0% 0% rgb(247, 184, 27); } body.garnet .m-allshows-category-selector hr { background: none repeat scroll 0% 0% rgb(197, 5, 17); } body.aluminum .m-allshows-category-selector hr { background: none repeat scroll 0% 0% rgb(92, 117, 148); } body.default .m-allshows-category-selector hr { background: none repeat scroll 0% 0% rgb(226, 176, 94); } #vp2_adobe_access_enabler, #vp2_flash_check { position: absolute; top: 0px; left: 0px; z-index: 500; width: 0.0625rem; visibility: visible; } .m-blog_detail, .m-blog_comments { padding: 0px 0.625rem; } @media only screen and (min-width: 42em) { .m-blog_detail, .m-blog_comments { padding-left: 1.25rem; padding-right: 1.25rem; } } @media only screen and (min-width: 62.5em) { .m-blog_detail, .m-blog_comments { padding-left: 0px; padding-right: 2.3125rem; } } [class*="column"] + .m-blog_comments[class*="column"]:last-child { float: none; } .m-blog_detail.on-news header { margin-top: 0.9375rem; } .m-blog_detail header .module-title { margin-bottom: 0px; margin-top: 0px; color: rgb(255, 255, 255); } .m-blog_detail header .subheader { margin: 0.625rem 0px 1.25rem; } @media only screen and (min-width: 42em) { .m-blog_detail header .subheader { font-size: 0.9375rem; } } .m-blog_detail header .m-social-block { margin-bottom: 1.875rem; } @media only screen and (min-width: 42em) { .m-blog_detail header .m-social-block { margin-bottom: 2.5rem; } } .m-blog_detail header .abc-icon-comments { margin-right: 7px; vertical-align: middle; } .m-blog_detail header .text1 { text-transform: none; } @media only screen and (min-width: 42em) { .m-blog_detail header .text1 { font-size: 1.875rem; } } @media only screen and (min-width: 42em) { .m-blog_detail header .text5 { font-size: 0.9375rem; } } .m-blog_detail .m-blog_detail-comments .privacyNote, .m-blog_comments .m-blog_detail-comments .privacyNote { line-height: 1.0625rem; margin-bottom: 1.25rem; } .m-blog_detail .m-blog_detail-comments .privacyNote a, .m-blog_comments .m-blog_detail-comments .privacyNote a { text-decoration: underline; } .m-blog_detail .m-blog_detail-comments .numberOfComments, .m-blog_comments .m-blog_detail-comments .numberOfComments { margin-left: 0.1875rem; } @media only screen and (min-width: 42em) { .m-blog_detail .m-blog_detail-comments .text2, .m-blog_comments .m-blog_detail-comments .text2 { font-size: 1.25rem; } } @media only screen and (min-width: 62.5em) { .m-blog_detail .m-blog_detail-comments .text2, .m-blog_comments .m-blog_detail-comments .text2 { font-size: 1.5rem; } } @media only screen and (min-width: 42em) { .m-blog_detail .m-blog_detail-comments .numberOfComments, .m-blog_comments .m-blog_detail-comments .numberOfComments { font-size: 0.875rem; } } @media only screen and (min-width: 62.5em) { .m-blog_detail .m-blog_detail-comments .numberOfComments, .m-blog_comments .m-blog_detail-comments .numberOfComments { font-size: 1.0625rem; } } .fb-comments, .fb-comments iframe[style], .fb_iframe_widget_fluid span { width: 100% ! important; } .content-gutter .m-blog_detail .ad-wrapper, .content-gutter .m-blog_comments .ad-wrapper { display: flex; justify-content: center; overflow: hidden; } .content-gutter .m-blog_detail .ad-wrapper .m-adblock, .content-gutter .m-blog_comments .ad-wrapper .m-adblock { margin: 0px 0px 2.5rem; } .content-gutter .m-blog_detail .ad-wrapper .m-adblock.not-visible, .content-gutter .m-blog_comments .ad-wrapper .m-adblock.not-visible { display: none; } @media only screen and (min-width: 30em) { .content-gutter .m-blog_detail .ad-wrapper .m-adblock, .content-gutter .m-blog_comments .ad-wrapper .m-adblock { height: 17.5rem; width: 20.5rem; } } @media only screen and (min-width: 62.5em) { .content-gutter .m-blog_detail .ad-wrapper, .content-gutter .m-blog_comments .ad-wrapper { margin: 0px; position: absolute; right: -23.125rem; top: 0px; } } @media only screen and (min-width: 62.5em) { .module.m-tilegroup.m-related-blogs, .module.m-blog_detail { margin-top: 0.9375rem; } } .breadcrumbs { margin-top: 1.25rem; margin-bottom: 1.25rem; } @media only screen and (min-width: 42em) { .breadcrumbs { margin-top: 1.875rem; margin-bottom: 1.25rem; } } @media only screen and (min-width: 62.5em) { .breadcrumbs { margin-top: 2.5rem; margin-bottom: 1.875rem; } } .inline-list .breadcrumb { margin-left: 0.625rem; } .inline-list .breadcrumb .breadcrumb-icon { font-size: 0.625rem; margin-right: 0.625rem; color: rgb(255, 255, 255); } .inline-list .breadcrumb .breadcrumb-icon, .inline-list .breadcrumb .breadcrumb-link { display: inline-block; } .inline-list .breadcrumb .breadcrumb-icon:hover, .inline-list .breadcrumb .breadcrumb-icon span:hover, .inline-list .breadcrumb .breadcrumb-link:hover, .inline-list .breadcrumb .breadcrumb-link span:hover { color: rgba(255, 255, 255, 0.8); } .inline-list .breadcrumb .text7 { color: rgb(255, 255, 255); font-size: 0.625rem; margin: 0px; white-space: nowrap; } @media only screen and (min-width: 30em) { .inline-list .breadcrumb .text7 { font-size: 0.875rem; } } @media only screen and (min-width: 62.5em) { .inline-list .breadcrumb .text7 { font-size: 1rem; } } .inline-list .breadcrumb:first-child { margin-left: 0px; } .inline-list .breadcrumb:first-child .breadcrumb-icon { display: none; } .inline-list .breadcrumb:last-child .text7 { color: rgb(255, 255, 255); } .breadcrumbs .inline-list { margin-left: 0px; margin-bottom: 0px; } .cast { overflow: hidden; position: relative; } .m-cast-list-content { clear: both; position: relative; } .cast-list { margin: 0px; padding: 0px 0.1875rem; width: 100%; float: left; } @media only screen and (min-width: 42em) { .ad-loaded .cast-list { padding-right: 21.375rem; } } .cast-list.mobile-rail { font-size: 0px; height: 10.7813rem; overflow: hidden; white-space: nowrap; } @media only screen and (min-width: 42em) { .cast-list.mobile-rail { height: 17.5rem; } } .cast-list .cast-list-wrapper { margin-bottom: 1.25rem; padding: 0px; } @media only screen and (min-width: 42em) { .cast-list .cast-list-wrapper { margin-bottom: 0px; } } html.touch .cast-list .m-cast-list-arrow { display: none ! important; } @media only screen and (min-width: 42em) { html.touch .cast-list .m-cast-list-arrow { display: block; } } .cast-list .m-cast-list-arrow { position: absolute; top: 50%; display: none; left: 0px; margin-top: -1.6875rem; height: 3.375rem; width: 2.3125rem; background: none repeat scroll 0% 0% rgba(25, 25, 25, 0.5); cursor: pointer; transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden; transition: opacity 800ms cubic-bezier(0.23, 1, 0.32, 1) 0s, background 800ms cubic-bezier(0.23, 1, 0.32, 1) 0s, width 800ms cubic-bezier(0.23, 1, 0.32, 1) 0s; } .cast-list .m-cast-list-arrow:hover { background: none repeat scroll 0% 0% rgba(25, 25, 25, 0.8); width: 2.8125rem; } html.touch .cast-list .m-cast-list-arrow { background: none repeat scroll 0% 0% rgba(25, 25, 25, 0.8); } .cast-list .m-cast-list-arrow.slick-disabled { display: none ! important; } .tiles.mobile-rail .cast-list .m-cast-list-arrow { display: block; } .cast-list .m-cast-list-arrow .icon { color: rgb(255, 255, 255); font-size: 1.875rem; white-space: initial; text-align: center; width: 2.3125rem; display: inline-block; line-height: 3.375rem; } .cast-list .m-cast-list-arrow.m-cast-list-arrow-next { left: auto; right: 0px; text-align: right; } @media only screen and (min-width: 42em) { .ad-loaded .cast-list .m-cast-list-arrow.m-cast-list-arrow-next { right: 21.1875rem; } } .cast-list .tile { float: none; height: 10.7813rem; margin: 0.1875rem 0.375rem 0px 0px; overflow: hidden; padding: 0px; position: relative; width: 15.25rem; } @media only screen and (min-width: 42em) { .cast-list .tile { display: block; float: left; height: 17.5rem; margin: 0.1875rem; overflow: hidden; } } .cast.tile-strip .cast-list .tile { display: inline-block; margin-top: 0px; } .cast-list .tile .bg-gradient:after { content: ""; height: 100%; pointer-events: none; position: absolute; top: 0px; width: 100%; z-index: 10; transform: translate3d(0px, 0px, 0px); background-image: linear-gradient(rgba(29, 29, 29, 0.15) 100%, rgba(29, 29, 29, 0.15) 100%), linear-gradient(rgba(29, 29, 29, 0) 60%, rgba(29, 29, 29, 0.4) 100%); } .cast-list .tile .cast-member-details { bottom: 0px; height: 50%; position: absolute; width: 100%; z-index: 11; text-shadow: 0.03125rem 0.054125rem 0.125rem rgb(0, 0, 0); transform: translate3d(0px, 0px, 0px); } .cast-list .tile .cast-member-title { bottom: 0.625rem; color: rgb(255, 255, 255); max-width: 100%; padding: 0px 0.625rem; position: absolute; white-space: normal; } .cast-list .tile .cast-member-img-link { display: block; overflow: hidden; position: relative; text-align: center; } .cast-list .tile .cast-member-img { display: inline-block; height: 10.7813rem; left: 50%; max-width: none; position: relative; text-align: center; transform: translateX(-50%); } @media only screen and (min-width: 30em) { .cast-list .tile .cast-member-img { height: 17.5rem; } } .m-cast-list-fluid .background-link { height: 100%; } .m-cast-list-fluid .background .fluid-img { height: 10.7813rem; left: 50%; max-width: none; position: relative; width: auto; transform: translateX(-50%); } @media only screen and (min-width: 42em) { .m-cast-list-fluid .background .fluid-img { height: 17.5rem; } } .m-cast-list-fluid.tile-strip .tiles .tile:last-child, .m-cast-list-fluid.tile-strip .tiles.slick-slider .tile { float: none; max-width: 20.4375rem; min-width: 7.9375rem; padding: 0px; } .m-cast-list-fluid .details { transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden; bottom: 0px; padding: 0px 0.625rem 0.625rem; position: absolute; width: 100%; z-index: 12; } .m-cast-list-fluid .details .title { color: rgb(255, 255, 255); font-size: 1.0625rem; margin-bottom: 0px; margin-top: 0px; font-weight: normal; text-shadow: 0.03125rem 0.054125rem 0.125rem rgb(0, 0, 0); } @media only screen and (min-width: 30em) { .m-cast-list-fluid .details .title { font-size: 1.0625rem; } } .cast-tile-group .module-title { text-transform: uppercase; letter-spacing: 0.125rem; } .cast-tile-group .tile .details { padding-top: 0px; } .cast .m-ad { display: none; } .cast.ad-loaded .m-ad { display: block; } .cast .cast-ad-unit { margin: 2.875rem auto 0px; padding: 0px; width: calc(100% - 0.375rem); } @media only screen and (min-width: 30em) { .cast .cast-ad-unit { background: none repeat scroll 0% 0% rgb(238, 238, 238); height: 17.5rem; margin-top: 2.125rem; width: 20.875rem; } } @media only screen and (min-width: 42em) { .cast .cast-ad-unit { max-width: 20.875rem; margin: 0px; position: absolute; right: 0px; top: 0px; } } @media only screen and (min-width: 30em) { .cast .ad-wrapper { height: 17.5rem; margin: 0px auto; width: 20.875rem; } } .cast .cast-ad-unit .ad-unit-wrapper { min-height: 17.5rem; } .cast .cast-ad-unit .adBlockSpot { min-height: 17.5rem; padding: 0.9375rem 0.625rem; } .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast { height: 12.125rem; width: 8.25rem ! important; margin-right: 0.5rem; } .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .image-cropper { width: 8.25rem; height: 8.25rem; overflow: hidden; border-radius: 50%; margin: 0px auto; display: inline-block; } .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .image-cropper .aspect-ratio-buffer.aspect-16x9 { max-height: 8.25rem; } .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .image-cropper .aspect-ratio-buffer.aspect-16x9 picture img { height: 100%; width: 100%; border-radius: 50%; vertical-align: middle; } @media only screen and (min-width: 48rem) { .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .image-cropper .aspect-ratio-buffer.aspect-16x9 picture img { min-height: 9.75rem; } } @media only screen and (min-width: 64rem) { .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .image-cropper .aspect-ratio-buffer.aspect-16x9 picture img { min-height: 9.375rem; } } @media only screen and (min-width: 90rem) { .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .image-cropper .aspect-ratio-buffer.aspect-16x9 picture img { min-height: 13.1875rem; } } @media only screen and (min-width: 48rem) { .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .image-cropper .aspect-ratio-buffer.aspect-16x9 { max-height: 9.75rem; } } @media only screen and (min-width: 64rem) { .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .image-cropper .aspect-ratio-buffer.aspect-16x9 { max-height: 9.375rem; } } @media only screen and (min-width: 90rem) { .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .image-cropper .aspect-ratio-buffer.aspect-16x9 { max-height: 13.1875rem; } } @media only screen and (min-width: 48rem) { .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .image-cropper { width: 9.75rem; height: 9.75rem; } } @media only screen and (min-width: 64rem) { .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .image-cropper { width: 9.375rem; height: 9.375rem; margin-left: 0.5rem; } } @media only screen and (min-width: 90rem) { .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .image-cropper { width: 11.5rem; height: 12.7rem; margin-left: 0.5rem; } } .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .details { text-shadow: none; bottom: -1rem; } .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .details .title { line-height: 1.25rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-height: 2.5rem; font-size: 1rem; } .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .details .title.text3 { color: rgb(255, 255, 255); font-size: 1rem; text-align: center; } .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .details .title.text5 { color: rgb(204, 204, 204); font-size: 0.875rem; text-align: center; margin-top: 0.625rem; } @media only screen and (min-width: 48rem) { .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast { height: 13.625rem; width: 9.75rem ! important; margin-right: 1rem; } } @media only screen and (min-width: 64rem) { .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast { height: 13.25rem; width: 10.375rem ! important; margin-right: 0.75rem; } } @media only screen and (min-width: 90rem) { .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast { height: 16.0625rem; width: 11.5rem ! important; margin-right: 0.5rem;} } .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles:not(.enabled) .tile.new-home.new-cast:last-child { margin-right: 0px; } .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles:not(.enabled) .tile.new-home.new-cast:nth-child(n+5) { margin-right: 0px; } @media only screen and (min-width: 64rem) { .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles:not(.enabled) .tile.new-home.new-cast:nth-child(n+5) { margin-right: 0px; } } @media only screen and (min-width: 90rem) { .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles:not(.enabled) .tile.new-home.new-cast:nth-child(n+5) { margin-right: 0px; } } .m-contentgroup .module-title { font-size: 1.125rem; margin-bottom: 0.875rem; margin-top: 1.8125rem; min-height: 1.5625rem; } @media only screen and (min-width: 30em) { .m-contentgroup .module-title { margin-top: 2.125rem; } } @media only screen and (min-width: 42em) { .m-contentgroup .module-title { margin-top: 2.75rem; font-size: 1.25rem; } } @media only screen and (min-width: 62.5em) { .m-contentgroup .module-title { margin-bottom: 1.1875rem; margin-top: 3.375rem; } } .loadmore-button { color: rgb(255, 255, 255); background-color: rgb(226, 176, 94); border-radius: 1.5rem; font-size: 1.0625rem; margin-bottom: 0px; margin-top: 1.25rem; } .last-page .loadmore-button { display: none; } .m-contentgroupplaylist .loadmore-button { display: none; } .loading .m-spinner { display: block; } .loading .loadmore-button { display: none ! important; } .m-contentgroup .tiles .tile.ad { padding: 0px; } @media only screen and (min-width: 30em) { .m-contentgroup .tiles:not(.has-ad) .tile { max-height: 19.5rem; } } @media only screen and (min-width: 51.25rem) and (max-width: 62.4375rem) { .m-contentgroup .tiles:not(.has-ad) .tile { max-height: inherit; } } @media only screen and (min-width: 62.5em) { .m-contentgroup .tiles:not(.has-ad) .tile { max-height: 17.5rem; } } .m-contentgroup .tiles:not(.has-ad) .tile.ad { display: none ! important; width: 0px ! important; height: 0px ! important; } .m-contentgroup .tiles:not(.has-ad) .tile.pageMarker:not(:first-child):after { content: " "; clear: both; border: 0.0625rem solid transparent; } .m-contentgroup .tiles.xlarge-block-grid-3:not(.has-ad) > li:nth-of-type(3n+1) { clear: none; } .m-contentgroup .tiles.xlarge-block-grid-3:not(.has-ad) > li { clear: none; } .m-contentgroup .tiles .tile.ad .aspect-59x50 { padding-bottom: 0px; } .m-contentgroup .tiles .tile.ad .aspect-ratio-buffer { height: 100%; } .m-contentgroup .tiles .tile.ad .ad-wrapper { margin: 0px auto; min-height: 15.625rem; background-color: rgb(43, 45, 54); } @media only screen and (min-width: 30em) { .m-contentgroup .tiles .tile.ad .ad-wrapper { width: 20.875rem; min-height: 17.5rem; background-color: transparent; } } @media only screen and (min-width: 42em) { .m-contentgroup .tiles .tile.ad .ad-wrapper { width: 100%; } } .m-contentgroup .tiles .tile.ad .m-adblock.adblock320x250.m-adblock.adblock320x250 { margin: 0px auto; } @media only screen and (min-width: 30em) { .m-contentgroup .tiles .tile.ad .m-adblock.adblock320x250.m-adblock.adblock320x250 { width: 20.875rem; height: 17.5rem; } } @media only screen and (min-width: 42em) { .m-contentgroup .tiles .tile.ad .m-adblock.adblock320x250.m-adblock.adblock320x250 { width: 100%; height: 100%; } } @media only screen and (min-width: 30em) { .m-contentgroup .tiles .tile.ad .centered { padding: 1.25rem 0px; } } @media only screen and (min-width: 42em) { .m-contentgroup .tiles .tile.ad .centered { padding: 0px; } } .m-contentgroup .tiles span.ondemand-wrapper { display: none; } .m-contentgroup.hasad .tiles.small-block-grid-2 .tile.ad { width: 100%; margin: 1.25rem 0px; } @media only screen and (min-width: 42em) { .m-contentgroup.hasad .tiles.small-block-grid-2 .tile.ad { margin: 0px 0px 0.375rem; width: 50%; } } @media only screen and (min-width: 62.5em) { .m-contentgroup.hasad .tiles.xlarge-block-grid-3 .tile.ad { width: 33.3333%; } } @media only screen and (max-width: 41.9375em) { .m-contentgroup.hasad .tiles.xlarge-block-grid-3 > .tile:nth-of-type(2n+1) { clear: none; } } .m-contentgroup .datg-select { margin-top: 1.625rem; } @media only screen and (min-width: 42em) { .m-contentgroup .datg-select { margin-top: 2.5rem; } } @media only screen and (min-width: 62.5em) { .m-contentgroup .datg-select { margin-top: 3rem; } } .m-contentgrouprecipelist .pagination.active, .m-contentgrouprecipelist .pagination { display: none; } .m-contentgroupbloglist .tile .details .text4.subheader { margin-top: 0px; } .ui-c-select { position: relative; } .ui-c-select-button { width: 100%; padding: 0.71875rem 0.9375rem; margin-top: 1.875rem; margin-bottom: 1.0625rem; } @media only screen and (min-width: 42em) { .ui-c-select-button { margin-top: 2.5rem; margin-bottom: 1.375rem; } } @media only screen and (min-width: 62.5em) { .ui-c-select-button { margin-top: 3.75rem; margin-bottom: 1.375rem; } } .dropdownlist { position: absolute; left: 50%; top: 3.1875rem; min-height: 1.25rem; width: 19.375rem; z-index: 101; transform: translateX(-50%); } .dropdownlist .dropdownlist-wrapper { margin: 0.625rem 0px; padding: 0px; background: none repeat scroll 0% 0% rgb(255, 255, 255); } .dropdownlist .dropdownlist-list { margin: 0px; padding: 0px 1.25rem; } .show-list-nav-more .dropdownlist .dropdownlist-list .show-list-nav-item > a { text-transform: lowercase; } .dropdownlist .dropdownlist-list .show-list-nav-item > a { padding: 0.5rem 0.625rem; margin: 0px; display: block; border-bottom: 0.0625rem solid rgb(194, 194, 194); transition: background 400ms cubic-bezier(0.23, 1, 0.32, 1) 0s; } .dropdownlist .dropdownlist-list .show-list-nav-item:first-child:after { position: absolute; display: block; height: 0px; width: 0px; margin: 0px auto; border-bottom: 0.625rem solid rgb(255, 255, 255); border-left: 0.625rem solid transparent; border-right: 0.625rem solid transparent; content: " "; pointer-events: none; top: -0.625rem; left: 50%; transform: translate(-50%, 0px); transition: border 400ms cubic-bezier(0.23, 1, 0.32, 1) 0s; } .dropdownlist .dropdownlist-list .show-list-nav-item > a:hover { background: none repeat scroll 0% 0% rgb(194, 194, 194); color: rgb(255, 255, 255); } .dropdownlist .dropdownlist-list .show-list-nav-item:last-child > a { border: medium none; } .dropdownlist .dropdownlist-list .show-list-nav-item > a:hover:after { border-bottom: 0.625rem solid rgb(194, 194, 194); } .dropdownlist .social-icons { text-align: center; } .dropdownlist .social-icons .icon:first-child { padding-left: 0px; } .dropdownlist .social-icons:before { display: none; } body:not(.authenticated) .icon.left.lock, body:not(.authenticated) .text5.verify { display: none; } body:not(.authenticated) .locked .featured { margin-top: 0.625rem; } body:not(.authenticated) .locked .featured .text5.verify { display: none; } body:not(.authenticated) .locked .icon.left, body:not(.authenticated) .locked .text5.new, body:not(.authenticated) .locked .text5.expire { display: none; } body:not(.authenticated) .locked .icon.left.lock { display: table; } body:not(.authenticated) .locked .text5.verify { display: block; } body.authenticated .icon.left.lock, body.authenticated .text5.verify { display: none; } .m-tilegroup-episode-guide .tiles { margin: 0px -0.625rem; } .m-episodeguide-copy { clear: both; height: auto; margin-bottom: 1.875rem; max-height: 18.75rem; overflow: hidden; padding-right: 0px; color: rgb(156, 156, 156); } .m-episodeguide-copy a { color: rgb(255, 255, 255); } .m-episodeguide-copy a:hover { color: rgba(255, 255, 255, 0.8); } @media only screen and (min-width: 42em) { .m-episodeguide-copy { margin-bottom: 0px; } } .m-episodeguide-copy.open { max-height: none; } .m-episodeguide-copy.is-truncated { margin-bottom: 1rem; } .m-episodeguide-filters { width: 50%; display: inline-block; } @media only screen and (min-width: 42em) { .m-episodeguide-filters { background: none repeat scroll 0% 0% rgb(25, 25, 25); vertical-align: top; } } @media only screen and (min-width: 62.5em) { .m-episodeguide-filters { padding-left: 0.625rem; } } .m-episode-filter { float: right; padding-bottom: 2.375rem; width: 100%; } .m-episode-filter:first-child { padding-right: 0.15625rem; } .m-episode-filter:last-child { padding-left: 0.15625rem; } .m-episode-filter:only-child { padding-left: 0px; padding-right: 0px; } @media only screen and (min-width: 30em) { .m-episode-filter { display: inline-block; min-width: 11.25rem; width: auto; } .m-episode-filter .daily-filter { min-width: 11rem; } } .m-episode-filter .datg-select { margin-top: 0.0625rem; } .show-homepage .module.m-tilegroup.m-tilegroup-episode-guide { margin-top: 1.9375rem; } @media only screen and (min-width: 30em) { .show-homepage .module.m-tilegroup.m-tilegroup-episode-guide { margin-top: 2.0625rem; } } .m-tilegroup-episode-guide .m-episodeguide-filters { padding-left: 0.1875rem; background-color: transparent; float: left; width: auto; } @media only screen and (max-width: 20em) { .m-tilegroup-episode-guide .m-episodeguide-filters { margin-bottom: 12px; } } @media screen and (min-width: 20.0625rem) and (max-width: 23.4375rem) { .m-tilegroup-episode-guide .m-episodeguide-filters { margin-bottom: 0.75rem; } } .m-tilegroup-episode-guide .m-episode-filter { float: none; width: auto; max-width: 16rem; } @media only screen and (min-width: 42em) { .m-tilegroup-episode-guide .m-episode-filter { display: block; margin-bottom: 0.125rem; } } @media only screen and (min-width: 62.5em) { .m-tilegroup-episode-guide .m-episode-filter { margin-bottom: 0.4375rem; } } .m-tilegroup-episode-guide .m-episode-filter .datg-select-wrapper { min-width: 9.6875rem; } @media only screen and (min-width: 42em) { .m-tilegroup-episode-guide .m-episode-filter .datg-select-wrapper { min-width: 16rem; } } .m-tilegroup-episode-guide .m-episode-filter .datg-select-custom-option, .m-tilegroup-episode-guide .m-episode-filter .button-title { text-transform: none; font-size: 0.875rem; } @media only screen and (min-width: 42em) { .m-tilegroup-episode-guide .m-episode-filter .datg-select-custom-option, .m-tilegroup-episode-guide .m-episode-filter .button-title { font-size: 0.9375rem; } } @media only screen and (min-width: 62.5em) { .m-tilegroup-episode-guide .m-episode-filter .datg-select-custom-option, .m-tilegroup-episode-guide .m-episode-filter .button-title { font-size: 1.125rem; } } .m-tilegroup-episode-guide .m-episode-filter .datg-select-custom-option span.count, .m-tilegroup-episode-guide .m-episode-filter .button-title span.count { color: rgb(194, 194, 194); font-size: 0.75rem; display: none; } @media only screen and (min-width: 42em) { .m-tilegroup-episode-guide .m-episode-filter .datg-select-custom-option span.count, .m-tilegroup-episode-guide .m-episode-filter .button-title span.count { display: inline; } } @media only screen and (min-width: 62.5em) { .m-tilegroup-episode-guide .m-episode-filter .datg-select-custom-option span.count, .m-tilegroup-episode-guide .m-episode-filter .button-title span.count { font-size: 0.875rem; top: -0.0625rem; position: relative; } } .m-episodeguide .module-title { margin-bottom: 0.6875rem; } @media only screen and (min-width: 42em) { .m-episodeguide .module-title { margin-top: 2.5rem; padding-bottom: 0.25rem; } } @media only screen and (min-width: 62.5em) { .m-episodeguide .module-title { margin-top: 3.75rem; } } .m-episodeguide .module-title.module-summary-title { display: inline-block; margin-top: 0px; margin-bottom: 0.3125rem; color: rgb(255, 255, 255); } @media only screen and (min-width: 42em) { .m-episodeguide .module-title.module-summary-title { border: medium none; } } .m-episodeguide .m-episodeguide-header { min-height: 2.4375rem; margin-bottom: 1.25rem; } .m-episodeguide .m-episodeguide-block-content { margin: 0px; padding: 0px; position: relative; } @media only screen and (min-width: 42em) { .m-episodeguide .m-episodeguide-block-content { margin-top: 2.5rem; } } .m-episode .m-episode-meta .icon { color: rgb(255, 255, 255); } @media only screen and (min-width: 42em) { .m-episodeguide-episodes > .row { padding: 0px 0.1875rem; } } .m-episode { border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.1); margin-bottom: 1.25rem; padding-bottom: 1.25rem; position: relative; } @media only screen and (min-width: 42em) { .m-episode { padding-bottom: 0px; } } .m-episode .module-row { padding: 0px; } @media only screen and (min-width: 42em) { .m-episode .module-row { padding: 0px 0px 0.875rem; } } .m-episode .row .row { padding: 0px; } .m-episode .m-episode-thumb-wrapper { padding-left: 0px; } .m-episode .m-episode-thumb-wrapper > .tile > .background-link { background: none repeat scroll 0% 0% rgb(43, 45, 54); } @media only screen and (min-width: 30em) { .m-episode .m-episode-copy { padding: 0px 1.0625rem; } } @media only screen and (min-width: 62.5em) { .m-episode .m-episode-copy { padding: 0px 7.8125rem 0px 1.0625rem; } } .m-episode .m-episode-title { color: rgb(255, 255, 255); margin: -0.3125rem 0px 0.9375rem; font-weight: 200; width: calc(100% - 2.75rem); } @media only screen and (min-width: 30em) { .m-episode .m-episode-title { width: 100%; } } @media only screen and (min-width: 42em) { .m-episode .m-episode-title { font-size: 1.125rem; margin-bottom: 0.5rem; max-height: 3.75rem; overflow: hidden; } } @media only screen and (min-width: 62.5em) { .m-episode .m-episode-title { font-size: 1.25rem; max-height: 4.375rem; } } .m-episode .m-episode-title .season-number { font-weight: 300; } .m-episode .m-episode-title .episode-number { font-weight: 300; } .m-episode .m-episode-summary { margin-bottom: 1.25rem; color: rgb(255, 255, 255); } @media only screen and (min-width: 30em) { .m-episode .m-episode-summary { max-height: 3.125rem; } } @media only screen and (min-width: 42em) { .m-episode .m-episode-summary { margin-bottom: 0.625rem; overflow: hidden; } } .m-episode .m-episode-summary p { font-size: 0.9375rem; line-height: 1.4375rem; margin-bottom: 0px; } .m-episode .m-episode-meta { margin: 0px 0px 1.25rem; } @media only screen and (min-width: 42em) { .m-episode .m-episode-meta { margin: 0px 0px 0.375rem; } } .m-episode .m-episode-meta .icon { font-size: 0.625rem; } @media only screen and (min-width: 30em) { .m-episode .m-episode-meta .icon { display: none; } } .m-episode .m-episode-meta .m-episode-meta-item { padding-left: 0.6875rem; padding-right: 0.6875rem; border-right: 0.0625rem solid rgb(204, 204, 204); } .m-episode .m-episode-meta .m-episode-meta-item a { color: rgb(255, 255, 255); } .m-episode .m-episode-meta .m-episode-meta-item a:hover { color: rgba(255, 255, 255, 0.8); } .m-episode .m-episode-meta .m-episode-meta-item:first-child { padding-left: 0px; } @media only screen and (min-width: 30em) { .m-episode .m-episode-meta .m-episode-meta-item.m-episode-meta-duration { padding-left: 0px; } } .m-episode .m-episode-meta .m-episode-meta-item:last-child { border-right: medium none; } .m-episode .row.module-row { position: relative; } .m-episode-extras-wrapper .m-episode-extra-link:last-child { float: left; } @media only screen and (min-width: 42em) { .m-episode-extras-wrapper { position: absolute; right: 0px; margin: 0.5625rem 0px; } } @media only screen and (min-width: 62.5em) { .m-episode-extras-wrapper { margin: 1.5rem 0px; } } .m-episode-extras-wrapper .m-episode-extra-link { background-clip: content-box; background-color: rgb(20, 20, 20); color: rgba(255, 255, 255, 0.2); font-size: 0.9375rem; height: 2.8125rem; line-height: 2.8125rem; margin-bottom: 0.0625rem; padding: 0px 0px 0px 0.0625rem; text-align: center; } .m-episode-extras-wrapper .m-episode-extra-link a { color: rgb(255, 255, 255); } .m-episode-extras-wrapper .m-episode-extra-link a:hover { color: rgba(255, 255, 255, 0.8); } @media only screen and (min-width: 42em) { .m-episode-extras-wrapper .m-episode-extra-link { height: 2.8125rem; line-height: 2.8125rem; } } .m-episode-extras-wrapper .m-episode-extra-link > a { display: inline-block; width: 100%; } .m-episode .mobile-drop-arrow { display: none; font-size: 0.71875rem; margin-top: 0.375rem; color: rgb(255, 255, 255); } .row .row.m-episode-extras-drawer-wrapper { margin-bottom: 0px; margin-top: 1.25rem; max-height: 0px; overflow: hidden; transition: max-height 550ms ease-in 0s; } @media only screen and (min-width: 30em) { .row .row.m-episode-extras-drawer-wrapper { margin-top: 2.5rem; } } .row .row.m-episode-extras-drawer-wrapper.active { margin-bottom: 3.75rem; max-height: 18.75rem; transition: max-height 550ms ease-in 0s; } .m-episode-extras-drawer { max-height: 0px; overflow: hidden; opacity: 0; transition: opacity 20ms ease-in 0s; } .m-episode-extras-drawer.active { margin-bottom: 2.5rem; max-height: 18.75rem; opacity: 1; transition: opacity 550ms ease-in 350ms; } @media only screen and (min-width: 30em) { .m-episode-extras-drawer.active { margin-top: 3.75rem; } } @media only screen and (max-width: 29.9375em) { .m-episode:hover { cursor: pointer; } .m-episode.active { margin-top: 1.25rem; } .m-episode.active:hover { cursor: auto; } .m-episode.active .m-episode-thumb-wrapper { display: block; } .m-episode.active .m-episode-summary { display: block; } .m-episode.active .m-episode-extras-wrapper { display: block; } .row .m-episode .row.m-episode-extras-drawer-wrapper { margin: 0px; } .row .m-episode.active .row.m-episode-extras-drawer-wrapper { margin-top: 1.25rem; } .m-episode .m-episode-thumb-wrapper { display: none; } .m-episode .m-episode-summary { display: none; } .m-episode .m-episode-extras-wrapper { display: none; } .m-episode .m-episode-title { margin: 0px 0px 0.3125rem; } .m-episode.active .m-episode-title { margin: 0.875rem 0px 0.8125rem; width: 100%; } .m-episode.active .mobile-drop-arrow { display: none; } .m-episode .mobile-drop-arrow { display: block; height: 4.1875rem; margin-top: 0px; padding-top: 1.375rem; position: absolute; right: 0px; top: 0px; text-align: center; width: 2.75rem; z-index: 99; } } .m-tilegroup-episode-guide.error .tiles, .m-tilegroup-episode-guide.loading .tiles { display: none; } .m-tilegroup-episode-guide.error .m-loading-failed, .m-tilegroup-episode-guide.loading .m-spinner { display: block; } .m-episodeguide .ad-unit-wrapper .ad-wrapper { margin: 0px auto; } @media only screen and (min-width: 42em) { .m-episodeguide.withad .m-episodeguide-content { min-height: 9.375rem; } } @media only screen and (min-width: 42em) { .m-episodeguide.withad .m-episodeguide-wrapper { position: relative; } } .m-episodeguide.withad .ad-unit-wrapper { display: none; margin: 0px; top: 1.875rem; } @media only screen and (min-width: 42em) { .m-episodeguide.withad .ad-unit-wrapper { margin: 0px; top: 0px; position: absolute; right: 0px; max-width: 20.625rem; } } .expandable-section.m-episodeguide-copy p:only-child { margin-bottom: 0px; } body.show-homepage .m-tilegroup-episode-guide + .m-top-picks { display: none; } body.show-homepage .m-tilegroup-episode-guide { display: block; } .m-favoritelist { margin-bottom: 2.25rem; overflow: hidden; } .m-favoritelist-module-title .module-title.text2 { font-weight: 200; line-height: 1; letter-spacing: 0.125rem; display: block; font-size: 1.125rem; margin-top: 2.5rem; text-transform: uppercase; } @media only screen and (min-width: 42em) { .m-favoritelist-module-title .module-title.text2 { font-size: 1.25rem; } } .m-favoritelist.needCta, .m-favoritelist-module-title, .m-favoritelist-tiles .tiles { display: none; } .m-favoritelist .m-spinner { display: block; clear: both; } .m-favoritelist.needSlider .m-spinner { display: none; } .m-favoritelist.needSlider .m-favoritelist-module-title, .m-favoritelist.needSlider .m-favoritelist-tiles .tiles { display: block; } .m-favoritelist { margin-bottom: 0px; padding-left: 0.625rem; } .m-favoritelist:not(.needCta) { padding-right: 0px; } @media only screen and (min-width: 42em) { .m-favoritelist { padding-left: 1.25rem; } } @media only screen and (min-width: 62.5em) { .m-favoritelist { padding-left: 0.1875rem; } } .m-favoritelist.row { max-width: 63.125rem; overflow: visible; } .m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow { visibility: hidden; top: 45%; opacity: 1; transition: opacity 250ms cubic-bezier(0.23, 1, 0.32, 1) 0s; } @media only screen and (min-width: 62.5em) { .m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow { visibility: visible; } } .m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow.hidden { opacity: 0; } .m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow.m-favoritelist-arrow-next, .m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow.m-favoritelist-arrow-prev { z-index: 1; position: absolute; height: 20rem; top: 0px; font-size: 2.375rem; padding-top: 6.25rem; width: 62.5rem; } @media screen and (max-width: 71.875rem) { .m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow.m-favoritelist-arrow-next .icon, .m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow.m-favoritelist-arrow-prev .icon { opacity: 0; } } .m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow.m-favoritelist-arrow-next { text-align: left; right: -62.5rem; } .m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow.m-favoritelist-arrow-next .icon { color: rgb(255, 255, 255); position: relative; transition: right 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s; right: -3.125rem; } .m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow.m-favoritelist-arrow-next.hidden .icon, .m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow.m-favoritelist-arrow-next.slick-disabled .icon { right: 3.75rem; } .m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow.m-favoritelist-arrow-prev { text-align: right; left: -62.5rem; } .m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow.m-favoritelist-arrow-prev .icon { color: rgb(255, 255, 255); position: relative; transition: left 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s; left: -3.125rem; } .m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow.m-favoritelist-arrow-prev.hidden .icon, .m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow.m-favoritelist-arrow-prev.slick-disabled .icon { left: 3.75rem; } .m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow.slick-disabled { opacity: 0; } .m-favoritelist .m-favoritelist-tiles .tiles:not(.enabled) { max-height: 20rem; overflow: hidden; } .m-favoritelist .m-favoritelist-tiles .tiles .slick-list { overflow: visible; } @media only screen and (min-width: 62.5em) { .m-favoritelist .m-favoritelist-tiles .tiles .slick-slide { opacity: 0.2; transition: opacity 333ms cubic-bezier(0.23, 1, 0.32, 1) 0s; } .m-favoritelist .m-favoritelist-tiles .tiles .slick-slide.slick-active { opacity: 1; } } .m-favoritelist .m-favoritelist-tiles .tiles:not(.enabled) ~ .m-favoritelist-arrow { opacity: 0 ! important; } @media only screen and (min-width: 62.5em) { .m-favoritelist .m-favoritelist-tiles .tiles { min-width: 63.125rem; } } .m-favoritelist .m-favoritelist-tiles .tiles .tile { padding-right: 0.375rem; margin-bottom: 0px; width: 12.625rem ! important; } @media only screen and (min-width: 62.5em) { .m-favoritelist .m-favoritelist-tiles .tiles .tile { width: auto; } } .m-favoritelist .m-favoritelist-tiles .tiles .tile .tile-show-name { font-size: 1rem; color: rgb(255, 255, 255); max-height: 3.5rem; line-height: 1.25rem; overflow: hidden; white-space: normal; } .m-favoritelist .m-favoritelist-tiles .tiles .tile:last-of-type { margin-left: 0px; } .m-favoritelist .m-favoritelist-tiles .tiles .tile a.background-link { background: none repeat scroll 0% 0% transparent; } .m-favoritelist .m-favoritelist-tiles .tiles .slick-track { transition: transform 883ms cubic-bezier(0.23, 1, 0.32, 1) 0s; } .m-slideshow .m-favoritelistbutton { display: block; padding: 1.9375rem 0.625rem 0.25rem; } @media only screen and (min-width: 42em) { .m-slideshow .m-favoritelistbutton { padding: 2.0625rem 1.25rem 0.875rem; } } @media only screen and (min-width: 62.5em) { .m-slideshow .m-favoritelistbutton { padding: 2.0625rem 0.1875rem 0.875rem; } } .m-tilegroup-episode-guide .m-episodeguide-filters + .m-favoritelistbutton { padding: 0px 0.1875rem; margin-left: 0.3125rem; } @media only screen and (min-width: 30em) { .m-tilegroup-episode-guide .m-episodeguide-filters + .m-favoritelistbutton { margin-left: 1rem; } } .m-tilegroup-episode-guide .m-favoritelistbutton { padding: 0px 0.375rem; } @media only screen and (min-width: 30em) { .m-tilegroup-episode-guide .m-favoritelistbutton { margin-bottom: 0.625rem; } } .m-favoritelistbutton { display: inline-block; } .m-favoritelistbutton button.list-action { border-radius: 1.5rem; font-size: 0.875rem; width: 13.125rem; line-height: 2.1875rem; padding: 0.25rem; border: medium none; } .m-favoritelistbutton button.list-action:hover:not(.no-hover):not(:disabled) { background-color: rgb(30, 31, 37); color: rgb(255, 255, 255); } @media only screen and (max-width: 20em) { .m-favoritelistbutton button.list-action { font-size: 0.875rem ! important; width: 13.125rem ! important; } } @media screen and (min-width: 20.0625rem) and (max-width: 22.4375rem) { .m-favoritelistbutton button.list-action { font-size: 0.875rem ! important; width: 13.125rem ! important; } } @media screen and (min-width: 22.5rem) and (max-width: 23.375rem) { .m-favoritelistbutton button.list-action { font-size: 0.875rem ! important; width: 11.25rem ! important; } } @media screen and (min-width: 23.4375rem) and (max-width: 27.375rem) { .m-favoritelistbutton button.list-action { font-size: 0.875rem ! important; width: 12.1875rem ! important; } } @media screen and (min-width: 27.4375rem) and (max-width: 29.9375rem) { .m-favoritelistbutton button.list-action { font-size: 0.9375rem ! important; width: 15rem ! important; } } @media only screen and (min-width: 30em) { .m-favoritelistbutton button.list-action { font-size: 0.9375rem; width: 15.5rem; } } @media only screen and (min-width: 62.5em) { .m-favoritelistbutton button.list-action { padding: 0.4375rem; } } .m-favoritelistbutton button.list-action.loading { opacity: 0.5; } .m-favoritelistbutton.state-unknown { display: none; } .m-favoritelistbutton.state-in-list .add-to-list { display: none; } .m-favoritelistbutton.state-in-list .remove-from-list { display: block; background-color: rgb(43, 45, 54); color: rgb(255, 255, 255); font-size: 0.875rem; width: 13.125rem; } @media only screen and (max-width: 20em) { .m-favoritelistbutton.state-in-list .remove-from-list { font-size: 0.875rem ! important; width: 13.125rem ! important; } } @media screen and (min-width: 20.0625rem) and (max-width: 22.4375rem) { .m-favoritelistbutton.state-in-list .remove-from-list { font-size: 0.875rem ! important; width: 13.125rem ! important; } } @media screen and (min-width: 22.5rem) and (max-width: 23.375rem) { .m-favoritelistbutton.state-in-list .remove-from-list { font-size: 0.8125rem ! important; width: 11.25rem ! important; } } @media screen and (min-width: 23.4375rem) and (max-width: 27.375rem) { .m-favoritelistbutton.state-in-list .remove-from-list { font-size: 0.875rem ! important; width: 12.1875rem ! important; } } @media screen and (min-width: 27.4375rem) and (max-width: 29.9375rem) { .m-favoritelistbutton.state-in-list .remove-from-list { font-size: 0.9375rem ! important; width: 15rem ! important; } } @media only screen and (min-width: 30em) { .m-favoritelistbutton.state-in-list .remove-from-list { width: 15.5rem; font-size: 15px; } } .m-favoritelistbutton.state-in-list .remove-from-list:active:not(:disabled) { background-color: rgb(43, 45, 54); color: rgb(255, 255, 255); } .m-favoritelistbutton.state-not-in-list .add-to-list { display: block; background-color: rgb(43, 45, 54); color: rgb(255, 255, 255); } .m-favoritelistbutton.state-not-in-list .add-to-list:active:not(:disabled) { background-color: rgb(43, 45, 54); color: rgb(255, 255, 255); } .m-favoritelistbutton.state-not-in-list .remove-from-list { display: none; } .m-favoritelistactioncta .m-modal.modal-overlay .close { width: 1.5rem; height: 1.5rem; } .m-favoritelistactioncta .modal { max-width: 25.75rem; min-height: 38.375rem; padding: 1.0625rem 1rem 3rem; } @media only screen and (max-width: 29.9375em) { .m-favoritelistactioncta .modal { max-width: 23.4375rem; padding: 1rem 1rem 3rem 1.0625rem; } } @media only screen and (max-width: 20em) { .m-favoritelistactioncta .modal { max-width: 20rem; padding: 1.3125rem 1rem 3rem; } } .m-favoritelistactioncta .modal .show-title { font-size: 1.125rem; font-weight: 300; line-height: 0.89; color: rgb(50, 50, 50); margin: 2.1875rem auto 0.875rem; max-width: 21.25rem; } @media only screen and (max-width: 20em) { .m-favoritelistactioncta .modal .show-title { max-width: 18rem; } } .m-favoritelistactioncta .modal .logo { font-size: 0px; background: url("") no-repeat scroll center center / contain transparent; display: block; height: 3rem; width: 3rem; margin: 1.8125rem auto 0px; } .m-favoritelistactioncta .modal .action-notification { font-size: 1rem; font-weight: 200; line-height: 1.25; color: rgb(255, 255, 255); margin-bottom: 1.5rem; padding-top: 1.5rem; max-width: 18.75rem; margin-left: auto; margin-right: auto; } .m-favoritelistactioncta .modal .show-image { width: 12.25rem; margin: 0px auto; border: 0.0625rem solid rgb(218, 218, 218); } .m-favoritelistactioncta .modal .show-image.no-border { border: medium none; } .m-favoritelistactioncta .modal .promo-text { margin: 1.5rem auto 2rem; max-width: 18.75rem; font-size: 0.9375rem; font-weight: 200; line-height: 1.33; color: rgb(255, 255, 255); } @media only screen and (max-width: 20em) { .m-favoritelistactioncta .modal .promo-text { max-width: 18rem; } } .m-favoritelistactioncta .modal .buttons-group { max-width: 21.25rem; margin: 0px auto; } @media only screen and (max-width: 20em) { .m-favoritelistactioncta .modal .buttons-group { width: 18rem; } } .m-favoritelistactioncta .modal .buttons-group .oneid-action { height: 2.75rem; border-radius: 1.5rem; background-color: rgb(255, 255, 255); border: medium none; color: rgb(25, 25, 25); font-size: 0.875rem; font-weight: 300; } @media only screen and (max-width: 20em) { .m-favoritelistactioncta .modal .buttons-group .oneid-action { width: 8.5rem; } } .m-favoritelistactioncta .modal .buttons-group .oneid-action.sign-up { width: 100%; max-width: 18.75rem; } .m-favoritelistactioncta .modal .buttons-group .oneid-action:hover { background-color: rgba(255, 255, 255, 0.8); } .m-favoritelistactioncta .modal .sign-up-text { color: rgb(156, 156, 156); font-size: 0.75rem; text-align: center; margin-top: 1.5rem; line-height: normal; } .m-favoritelistactioncta .modal .skip-text { margin-top: 2rem; padding-bottom: 1.5rem; } @media only screen and (min-width: 30em) { .m-favoritelistactioncta .modal .skip-text { padding-bottom: 0.4375rem; } } .m-favoritelistactioncta .modal .link { font-size: 0.75rem; font-weight: 300; color: rgb(255, 255, 255); } .m-favoritelistactioncta .modal .link:hover { color: rgba(255, 255, 255, 0.8); } @media only screen and (max-width: 29.9375em) { .m-favoritelistactioncta .m-modal.modal-overlay { background-color: rgb(43, 45, 54); } } .m-my-list-empty-cta { display: none; } .m-my-list-empty-cta.shown { display: block; margin-bottom: 4rem; } .m-my-list-empty-cta .container-parallax { display: none; } @media only screen and (min-width: 42em) { .m-my-list-empty-cta .container-parallax { right: -42.5rem; display: block; top: -40.3125rem; position: absolute; width: 39.375rem; transform: translate3d(0px, 0px, 0px) rotate(-24deg); } .m-my-list-empty-cta .container-parallax ul.shows-list { font-size: 0px; display: inline-block; margin-right: 1rem; max-width: 12.125rem; position: relative; top: 3.75rem; vertical-align: top; } .m-my-list-empty-cta .container-parallax ul.shows-list:nth-child(1) { animation: 60s linear 0s alternate none infinite movePosters; } .m-my-list-empty-cta .container-parallax ul.shows-list:nth-child(2) { top: 14.75rem; animation: 60s linear 0s alternate none infinite movePostersAlt; } .m-my-list-empty-cta .container-parallax ul.shows-list:last-child { margin-right: 0px; } .m-my-list-empty-cta .container-parallax ul.shows-list li { margin-bottom: 1rem; } .m-my-list-empty-cta .container-parallax ul.shows-list li:last-child { margin-bottom: 0px; } .m-my-list-empty-cta .container-parallax img { width: 100%; max-width: 12.125rem; display: block; } } @media only screen and (min-width: 62.5em) { .m-my-list-empty-cta .container-parallax { right: -31.875rem; } .m-my-list-empty-cta .container-parallax ul.shows-list:nth-child(3) { animation: 60s linear 0s alternate none infinite movePosters; } } @keyframes movePosters { 0% { transform: translate3d(0px, -0.5rem, 0px); } 100% { transform: translate3d(0px, -43.75rem, 0px); } } @keyframes movePosters { 0% { transform: translate3d(0px, -0.5rem, 0px); } 100% { transform: translate3d(0px, -43.75rem, 0px); } } @keyframes movePostersAlt { 0% { transform: translate3d(0px, -43.75rem, 0px); } 100% { transform: translate3d(0px, -0.625rem, 0px); } } @keyframes movePostersAlt { 0% { transform: translate3d(0px, -43.75rem, 0px); } 100% { transform: translate3d(0px, -0.625rem, 0px); } } .m-favoritelistcta { margin-bottom: 2.25rem; overflow: hidden; } .m-favoritelistcta-hidden { display: none; } .m-favoritelistcta-block { display: block; position: relative; overflow: hidden; background: none repeat scroll 0% 0% rgb(43, 45, 54); } @media only screen and (min-width: 42em) { .m-favoritelistcta-block { min-height: 16.8125rem; } } @media only screen and (min-width: 62.5em) { .m-favoritelistcta-block { min-height: 19.375rem; } } .m-favoritelistcta-background { position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; width: 100%; height: 100%; z-index: 0; background-repeat: no-repeat; } @media only screen and (min-width: 42em) { .m-favoritelistcta-background { background-size: cover; display: block; } } @media only screen and (min-width: 62.5em) { .m-favoritelistcta-background { display: block; } } .m-favoritelistcta-content { position: relative; z-index: 1; text-align: center; padding: 2.625rem 1rem; } @media only screen and (min-width: 42em) { .m-favoritelistcta-content { text-align: left; padding-left: 2.5rem; padding-top: 3.25rem; } } @media only screen and (min-width: 62.5em) { .m-favoritelistcta-content { padding-top: 4.625rem; padding-left: 3rem; } } .m-favoritelistcta-module-title .module-title.text2 { font-weight: 200; line-height: 1; letter-spacing: normal; display: block; font-size: 1.5rem; text-transform: uppercase; margin-top: 0px; } @media only screen and (min-width: 42em) { .m-favoritelistcta-module-title .module-title.text2 { font-size: 1.25rem; } } .m-favoritelistcta-title { font-weight: 300; line-height: 1; letter-spacing: 0.0625rem; display: block; } @media only screen { .m-favoritelistcta-title { font-size: 1.375rem; } } @media only screen and (min-width: 42em) { .m-favoritelistcta-title { font-size: 1.5rem; } } .m-favoritelistcta-description { font-weight: 200; line-height: 1.38; letter-spacing: 0.03125rem; margin-top: 0.5625rem; display: block; } @media only screen { .m-favoritelistcta-description { margin-top: 0.4375rem; font-size: 0.875rem; } } @media only screen and (min-width: 62.5em) { .m-favoritelistcta-description { font-size: 1rem; } } .m-favoritelistcta-link { margin-top: 1.625rem; } .m-favoritelistcta-link.button { background-color: rgba(255, 255, 255, 0.15); color: rgb(255, 255, 255); margin-bottom: 0px; } .m-favoritelistcta-link.button:hover { background-color: rgba(255, 255, 255, 0.3); color: rgb(255, 255, 255); } .m-favoritelistcta { display: none; } .m-favoritelistcta.shown { display: block; } .m-favoritelistcta-title { color: rgb(255, 255, 255); } .m-favoritelistcta-description { color: rgb(255, 255, 255); } .m-feedback { color: rgb(35, 35, 35); } .m-feedback .m-feedback-state { display: none; margin-top: 1.5625rem; } .m-feedback hr { margin: 2rem 0px; border-color: rgba(255, 255, 255, 0.5); } .m-feedback .m-feedbackForm { padding: 0px 0px 1.125rem; } .m-feedback .m-feedback-copy { color: rgb(255, 255, 255); } @media only screen and (min-width: 42em) { .m-feedback .m-feedback-copy { padding-left: 0.1875rem; padding-right: 0.1875rem; width: 25%; float: left; } } .m-feedback #allInputs { display: inline-block; height: 100%; vertical-align: top; width: 100%; } @media only screen and (min-width: 42em) { .m-feedback #allInputs { text-align: left; position: relative; padding-left: 0.1875rem; padding-right: 0.1875rem; width: 66.6667%; left: 8.33333%; right: auto; float: left; } } .m-feedback .datg-select { margin: 0px; min-height: 3.125rem; width: 100%; } .m-feedback .datg-select .datg-select-custom, .m-feedback .datg-select li.datg-select-custom-option { font-size: 0.875rem; } .m-feedback .datg-select .datg-select-border-wrapper, .m-feedback .datg-select .datg-select-custom .module-select { border-color: transparent; } .m-feedback .datg-select .datg-select-default .button, .m-feedback .datg-select .button .datg-select-custom-button-text { padding: 0.5625rem; font-size: 0.875rem; } .m-feedback .datg-select .datg-select-default .icon { top: 1rem; } .m-feedback .datg-select .button .datg-select-custom-button-text .icon { top: 0.375rem; } .m-feedback .datg-select .datg-select-custom .datg-select-custom-list { font-weight: 200; } .m-feedback label { display: inline-block; font-size: 0.875rem; font-weight: 400; min-height: 21px; vertical-align: top; width: 100%; color: rgb(255, 255, 255); text-transform: capitalize; } .m-feedback label span { color: rgb(194, 194, 194); font-size: 0.75rem; font-style: italic; font-weight: 300; line-height: 1em; } .m-feedback input:not(.button), .m-feedback select, .m-feedback textarea { background-color: rgb(43, 45, 54); border: medium none; color: rgb(255, 255, 255); display: inline-block; font-family: "abc-modern",sans-serif; font-size: 0.875rem; font-weight: 200; margin-bottom: 1rem; min-height: 2.375rem; padding-left: 0.5rem; width: 100%; } .m-feedback input:focus:not(.button), .m-feedback select:focus, .m-feedback textarea:focus { outline: 0px none; } .m-feedback input, .m-feedback textarea { line-height: 1.5rem; resize: none; } .m-feedback .m-feedback-altContact { color: rgb(194, 194, 194); display: inline-block; font-size: 0.8125rem; line-height: 1.6em; margin-bottom: 1.125rem; } .m-feedback .m-feedback-required { position: relative; } .m-feedback .m-feedback-required > div { display: inline-block; } .m-feedback .m-feedback-required label:after { content: " *"; color: rgb(156, 156, 156); } .m-feedback .showList { margin-top: 0px; } .m-feedback .m-feedback-info { color: rgb(204, 204, 204); float: right; font-size: 0.625rem; font-weight: 100; margin: 0px 3% 1rem 0px; text-align: right; } .m-feedback .m-feedback-disclaimer { clear: both; display: block; font-size: 0.75rem; line-height: 0.95rem; margin-top: 1.5rem; text-align: left; color: rgb(204, 204, 204); } .m-feedback .m-feedback-error-inquiry { color: rgb(0, 0, 0); display: none; font-size: 1rem; } .m-feedback #error-container { color: red; display: block; font-size: 1rem; } .m-feedback .m-feedback-required .active { color: red; display: block; font-size: 0.875rem; } .m-feedback .ctaLink, .m-feedback .ctaLink:link, .m-feedback .ctaLink:visited { border: 0px none; box-shadow: none; display: inline-block; line-height: 0.9375rem; text-decoration: none; text-transform: lowercase; transition: background 0.2s ease-in-out 0s; width: auto; } .m-feedback .ctaLink:hover, .m-feedback .ctaLink:active { cursor: pointer; text-decoration: none; } .m-feedback .submitButton { border-radius: 1.5rem; display: block; float: left; text-transform: uppercase; } .m-feedback ul.links li { display: inline-block; margin-right: 1%; padding: 3% 0px; vertical-align: top; width: 100%; } @media only screen and (min-width: 42em) { .m-feedback ul.links li { padding: 1% 0px; width: 45%; } } .m-feedback ul.links li a { font-size: 0.875rem; font-weight: 500; } .m-feedback #viewFAQbutton { display: none; } .m-freetext.copy-content p.text2:first-letter { text-transform: capitalize; } .m-freetext.copy-content ul.links { color: rgb(255, 255, 255); } .m-freetext .module-title { text-transform: uppercase; color: rgb(255, 255, 255); } .m-feedback .datg-select.expand .datg-select-border-wrapper, .m-feedback .datg-select.expand .datg-select-custom .module-select { border: medium none; background: none repeat scroll 0% 0% rgb(43, 45, 54); } .m-feedback .datg-select.expand .datg-select-custom .module-select .datg-select-custom-button-text { background: none repeat scroll 0% 0% rgb(30, 31, 37); } .m-feedback .datg-select .datg-select-border-wrapper, .m-feedback .datg-select .datg-select-custom .module-select, .m-feedback .datg-select .datg-select-default .button, .m-feedback .datg-select .button .datg-select-custom-button-text { background: none repeat scroll 0% 0% rgb(43, 45, 54); color: rgb(255, 255, 255); } .m-feedback .datg-select .datg-select-border-wrapper.selected, .m-feedback .datg-select .datg-select-custom .module-select.selected, .m-feedback .datg-select .datg-select-default .button.selected, .m-feedback .datg-select .button .datg-select-custom-button-text.selected { background-color: rgb(30, 31, 37); } .m-feedback .datg-select.expand .datg-select-custom .datg-select-custom-list .datg-select-custom-option:hover { border: medium none; background: none repeat scroll 0% 0% rgb(43, 45, 54); color: rgba(255, 255, 255, 0.8); } .m-feedback input:focus, .m-feedback select:focus, .m-feedback textarea:focus { border: medium none; } body.butterscotch .m-feedback a, body.butterscotch .m-feedback a:link, body.butterscotch .m-feedback a:visited { color: rgb(247, 184, 27); } body.garnet .m-feedback a, body.garnet .m-feedback a:link, body.garnet .m-feedback a:visited { color: rgb(197, 5, 17); } body.aluminum .m-feedback a, body.aluminum .m-feedback a:link, body.aluminum .m-feedback a:visited { color: rgb(92, 117, 148); } body.default .m-feedback a, body.default .m-feedback a:link, body.default .m-feedback a:visited { color: rgb(226, 176, 94); } .m-footer { background-color: rgb(20, 20, 20); } .m-footer .m-footer-links { margin: 1.6875rem auto 0px; text-align: center; max-width: 50rem; } @media only screen and (min-width: 42em) { .m-footer .m-footer-links .m-footer-link { display: inline-block; } } .m-footer .m-footer-links .m-footer-link a { display: block; font-size: 0.75rem; margin: 0px; padding: 0.8125rem 0px; color: rgb(255, 255, 255); } .m-footer .m-footer-links .m-footer-link a:hover { color: rgba(255, 255, 255, 0.8); } .m-footer .m-footer-links .m-footer-link a:active { color: rgba(255, 255, 255, 0.6); } @media only screen and (min-width: 42em) { .m-footer .m-footer-links .m-footer-link a { border-bottom: medium none; padding: 0.5rem 1.375rem; } } .m-footer .m-footer-social-links { font-size: 1rem; margin: 0.8125rem 0px; text-align: center; } .m-footer .m-footer-social-links .icon { margin: 0px 1.375rem; color: rgb(255, 255, 255); } .m-footer .m-footer-social-links .icon:hover { color: rgba(255, 255, 255, 0.8); } .m-footer .m-footer-social-links .icon:active { color: rgba(255, 255, 255, 0.6); } html.update-mobile-app-android .page-wrapper, html.update-mobile-app-amazon .page-wrapper { background-color: rgb(25, 25, 25); } .m-update { text-align: center; position: relative; } .update-mobile-app .page-wrapper .region.content { margin-top: 0px; } .m-update-logo { background-image: url(""); background-size: contain; background-position: center center; width: 5rem; height: 5rem; margin: 3.5rem auto 2rem; } .m-update-brand { font-size: 1rem; font-weight: 200; margin-bottom: 0.9375rem; color: white; } @media screen and (min-width: 42em) { .m-update-brand { font-size: 1.25rem; font-weight: 200; } } .m-update-brand strong { font-weight: 200; } .m-update-message { color: rgb(156, 156, 156); font-size: 0.875rem; font-weight: 200; line-height: 1.375rem; margin: 0px auto; text-align: center; padding: 0px 2rem; } @media screen and (min-width: 42em) { .m-update-message { font-size: 1rem; } } .m-update-message-small { color: rgb(156, 156, 156); font-size: 0.875rem; font-weight: 200; text-align: center; line-height: 1.375rem; padding: 0px 2rem; } @media screen and (min-width: 42em) { .m-update-message-small { font-size: 1rem; } } .m-update-message-instructions { margin-top: 1.5rem; color: rgb(255, 255, 255); font-size: 0.875rem; font-weight: 200; text-align: center; line-height: 1.0625rem; } .update-buttons { margin-top: 2rem; } .update-buttons .no-thanks-btn { display: block; color: white; font-size: 12px; } .update-buttons .no-thanks-btn:hover { color: white; } html.update-mobile-app-amazon .update-buttons a.button { background: none repeat scroll 0% 0% transparent; color: rgb(255, 255, 255); text-transform: initial; margin-top: 5.1875rem; font-size: 0.75rem; } .update-mobile-app-ios .page-wrapper { background-color: rgb(25, 25, 25); } .m-update { text-align: center; position: static; } .m-update.row { max-width: none; } .update-mobile-app .page-wrapper .region.content { margin-top: 0px; } .update-mobile-app .page-wrapper .region.content .modules { display: flex; flex-direction: column; } .update-mobile-app .page-wrapper .region.content .modules section[data-m-name="header"] { order: 0; } .update-mobile-app .page-wrapper .region.content .modules section[data-m-name="update_force"], .update-mobile-app .page-wrapper .region.content .modules section[data-m-name="update_noforce"] { order: 1; } .update-mobile-app-ios .m-update-logo { background-image: url(""); background-size: contain; background-position: center center; width: 5rem; height: 5rem; margin-top: 3.5rem; margin-bottom: 2rem; } .update-mobile-app-ios .m-update-brand { color: rgb(255, 255, 255); font-size: 1rem; line-height: 1.375rem; margin: 0px auto; text-align: center; padding: 0px 3.125rem; font-weight: 200; } @media screen and (min-width: 42em) { .update-mobile-app-ios .m-update-brand { font-size: 1.25rem; } } .update-mobile-app-ios .m-update-brand strong { font-weight: 300; margin-bottom: 2.1875rem; } .update-mobile-app-ios .m-update-message { color: rgb(255, 255, 255); font-size: 0.75rem; font-weight: 200; line-height: 0.9375rem; margin: 0px auto; text-align: center; } @media screen and (min-width: 42em) { .update-mobile-app-ios .m-update-message { font-size: 1.25rem; line-height: 1.375rem; } } .update-mobile-app-ios .m-update-message-small { margin-top: 0.75rem; color: rgb(255, 255, 255); font-size: 0.625rem; font-weight: 200; text-align: center; } @media screen and (min-width: 42em) { .update-mobile-app-ios .m-update-message-small { font-size: 0.9375rem; line-height: 1.0625rem; margin-top: 0.75rem; } } .update-mobile-app-ios .m-update-message-instructions { margin-top: 0.75rem; color: rgb(255, 255, 255); font-size: 0.625rem; font-weight: 200; text-align: center; } @media screen and (min-width: 42em) { .update-mobile-app-ios .m-update-message-instructions { font-size: 0.9375rem; line-height: 1.0625rem; margin-top: 0.75rem; } } .update-mobile-app-ios .update-buttons { margin-top: 2rem; } .update-mobile-app-ios .update-buttons .no-thanks-btn { display: block; font-size: 0.875rem; font-weight: 200; color: rgb(255, 255, 255); text-transform: lowercase; } @media (min-width: 568px) and (max-width: 767px) { .update-mobile-app-ios .update-buttons .no-thanks-btn { margin-top: 0px; } } .page-404 .module-title { text-transform: none; margin-top: 35px ! important; font-size: 1.875rem ! important; line-height: 1.875rem ! important; margin-bottom: 0.625rem ! important; } .page-404 .region.content { background-color: rgb(0, 0, 0); } .page-404 .m-freetext { max-width: none; padding: 0px; } .page-404 .module-404-lost-image { background-image: url(""); background-repeat: no-repeat; background-size: cover; height: 0px; padding-top: 55%; width: 100%; } @media only screen and (min-width: 30em) { .page-404 .module-404-lost-image { padding-top: 40%; } } @media only screen and (min-width: 42em) { .page-404 .module-404-lost-image { padding-top: 34%; } } @media only screen and (min-width: 62.5em) { .page-404 .module-404-lost-image { background-size: contain; padding-top: 27%; } } .page-404 .module-404-content { color: rgb(255, 255, 255); padding-bottom: 13.75rem; padding-top: 1.25rem; } .page-404 .module-404-content p { font-size: 0.875rem; font-weight: 200; line-height: 0.9375rem; text-align: center; } @media only screen and (min-width: 42em) { .page-404 .module-404-content p { font-size: 1.0625rem; line-height: 1.25rem; } } @media only screen and (min-width: 62.5em) { .page-404 .module-404-content p { font-size: 1.5rem; line-height: 1.875rem; } } html.key-information-box-firefox, html.key-information-box-firefox body { overflow: auto ! important; } @keyframes stickyHeaderDown { 0% { transform: translate3d(0px, -4.5rem, 0px); } 100% { transform: translate3d(0px, 0px, 0px); } } @keyframes stickyHeaderDown { 0% { transform: translate3d(0px, -4.5rem, 0px); } 100% { transform: translate3d(0px, 0px, 0px); } } @keyframes stickyHeaderDownNonShow { 0% { transform: translate3d(0px, -2.25rem, 0px); } 100% { transform: translate3d(0px, 0px, 0px); } } @keyframes stickyHeaderDownNonShow { 0% { transform: translate3d(0px, -2.25rem, 0px); } 100% { transform: translate3d(0px, 0px, 0px); } } .m-key-information-box { background: none repeat scroll 0% 0% transparent; position: relative; max-width: 75rem; margin: 0px auto; } .m-key-information-box a.back-arrow { display: inline-block; font-size: 1.5rem; padding-right: 0.625rem; } .m-key-information-box a.back-arrow i { cursor: pointer; } .m-key-information-box.sticky:not(.legacy) { animation: 0.3s linear 0s normal none 1 stickyHeaderDown; } .m-key-information-box.sticky:not(.legacy) a.back-arrow { display: none; } .m-key-information-box.sticky, .m-key-information-box.legacy { position: fixed; top: 0px; width: 100%; max-width: 100%; z-index: 10; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4); } .m-key-information-box.sticky .header, .m-key-information-box.legacy .header { flex-direction: row; background: none repeat scroll 0% 0% transparent; height: 4.5rem; padding: 1.5rem; margin: 0px auto; max-width: 75rem; } .m-key-information-box.sticky .header .show-logo-image, .m-key-information-box.legacy .header .show-logo-image { display: flex; flex: 1 1 0%; } .m-key-information-box.sticky .header .show-logo-image a, .m-key-information-box.legacy .header .show-logo-image a { min-width: inherit; } @media only screen and (min-width: 48rem) { .m-key-information-box.sticky .header .show-logo-image a, .m-key-information-box.legacy .header .show-logo-image a { min-width: 10rem; } } .m-key-information-box.sticky .header .show-logo-image a.back-arrow, .m-key-information-box.legacy .header .show-logo-image a.back-arrow { min-width: inherit; } .m-key-information-box.sticky .header .text, .m-key-information-box.legacy .header .text { display: none; } .m-key-information-box.sticky .header .buttons, .m-key-information-box.legacy .header .buttons { display: flex; padding-top: 0px; } .m-key-information-box.sticky .header .buttons .button, .m-key-information-box.legacy .header .buttons .button { margin: 0px 0.5rem; } .m-key-information-box.sticky .header .buttons .button:last-child, .m-key-information-box.legacy .header .buttons .button:last-child { margin: 0px 0px 0px 0.5rem; } .m-key-information-box.sticky .header .buttons .button > span, .m-key-information-box.legacy .header .buttons .button > span { display: none; } .m-key-information-box.sticky:before, .m-key-information-box.legacy:before { content: ""; width: 100%; height: 100%; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3); position: absolute; top: 0px; left: 0px; z-index: -1; } @media screen and (min-width: 48em) { .m-key-information-box.sticky .header, .m-key-information-box.legacy .header { padding: 1.5rem 0px; } } .m-key-information-box.legacy { position: relative; padding: 0px 0.4375rem; } .m-key-information-box.legacy.sticky { position: fixed; animation: 0.1s linear 0s normal none 1 stickyHeaderDownNonShow; } .m-key-information-box.legacy .header { max-width: 62.5rem; padding-left: 0px; padding-right: 0px; } .m-key-information-box .header { position: relative; display: flex; flex-direction: column; color: rgb(255, 255, 255); padding: 0px 1.5rem; margin: 1rem auto; } @media only screen and (max-width: 47.9375rem) { .m-key-information-box .header { background: none repeat scroll 0% 0% transparent ! important; } } .m-key-information-box .header .show-logo-image { display: none; align-items: center; } .m-key-information-box .header .show-logo-image img { max-height: 2.875rem; } .m-key-information-box .header .text { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1 1 0%; font-weight: 200; letter-spacing: 0.029375rem; line-height: 1.375rem; text-align: center; z-index: 1; } .m-key-information-box .header .text .title { font-size: 0.875rem; } .m-key-information-box .header .text .content { font-size: 0.875rem; display: none; } @media screen and (min-width: 48em) { .m-key-information-box .header .text { text-align: left; } .m-key-information-box .header .text .title { font-size: 1rem; } .m-key-information-box .header .text .content { display: block; } } .m-key-information-box .header .buttons { display: flex; justify-content: center; align-items: center; font-size: 0.5625rem; font-weight: 200; letter-spacing: 0.0375rem; padding-top: 0.625rem; } .m-key-information-box .header .buttons .add-to-list, .m-key-information-box .header .buttons .remove-from-my-list { visibility: hidden; } .m-key-information-box .header .buttons.state-not-in-list .add-to-list { display: flex; visibility: visible; } .m-key-information-box .header .buttons.state-not-in-list .remove-from-my-list { display: none; visibility: hidden; } .m-key-information-box .header .buttons.state-in-list .add-to-list { display: none; visibility: hidden; } .m-key-information-box .header .buttons.state-in-list .remove-from-my-list { display: flex; visibility: visible; } .m-key-information-box .header .buttons .button { display: flex; flex-direction: column; align-items: center; margin: 0px; background: none repeat scroll 0% 0% transparent; color: rgb(255, 255, 255); font-size: 0.5625rem; padding: 0px; width: auto ! important; border-radius: 0px; height: 100%; justify-content: center; } .m-key-information-box .header .buttons .button span { font-size: 0.5625rem; height: 0.75rem; display: flex; justify-content: center; align-items: center; padding: 0.625rem; margin-top: 0.3125rem; } .m-key-information-box .header .buttons .button:last-child { margin: 0px 0px 0px 1.625rem; } .m-key-information-box .header .buttons .button.nogutter { margin: 0px; } .m-key-information-box .header .buttons .button:hover span { color: rgba(255, 255, 255, 0.8); } .m-key-information-box .header .buttons .button i.icon { width: 2.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: center; font-size: 1rem; border-radius: 50%; transition: background-color 0.3s ease 0s; } @media only screen and (min-width: 48rem) { .m-key-information-box .header .buttons .button span { height: 1rem; margin-top: 0.3125rem; line-height: 1rem; font-weight: 300; } .m-key-information-box .header .buttons .button:active:not(.no-hover):not(:disabled), .m-key-information-box .header .buttons .button:hover:not(.no-hover):not(:disabled) { background: none repeat scroll 0% 0% transparent; } } @media only screen and (min-width: 48rem) { .m-key-information-box { padding: 0px 3rem; } .m-key-information-box .header { flex-direction: row; height: 5.8125rem; } .m-key-information-box .header .buttons { display: flex; } .m-key-information-box:not(.sticky) .header { box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4); } .m-key-information-box:not(.sticky) .header:before { content: ""; width: 100%; height: 100%; display: block; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3); position: absolute; top: 0px; left: 0px; z-index: 0; } .m-key-information-box.legacy:not(.sticky) .header { box-shadow: none; } .m-key-information-box.legacy:not(.sticky) .header:before { display: none; } } @media only screen and (min-width: 64rem) { .m-key-information-box { padding: 0px 4rem; } } @media only screen and (min-width: 90rem) { .m-key-information-box { padding: 0px; } } .m-favoritelistbutton .button i { background-color: rgba(255, 255, 255, 0.15); } .m-favoritelistbutton .button:hover i { background-color: rgba(255, 255, 255, 0.3); } .m-key-information-box.sticky, .m-key-information-box.legacy, .m-key-information-box.non-home { background-color: rgb(25, 25, 25); } .m-key-information-box .header { background-color: rgb(25, 25, 25); } #m-key-information-box-shadow.visible { height: 4.5rem; } @media only screen and (min-width: 48rem) { #m-key-information-box-shadow.visible { height: 5.8125rem; margin: 1rem auto; } } @media only screen and (min-width: 48rem) { #m-key-information-box-shadow.visible.legacy { height: 4.5rem; margin: 0px; } } .m-faq { padding: 1rem 0px; background: none repeat scroll 0% 0% rgb(25, 25, 25); color: rgb(255, 255, 255); } .m-faq-header { overflow: hidden; margin: 1.6875rem 0px; } .m-faq-header .title { margin: 0.4375rem 0px 0px; } .m-faq-question-title { font-size: 2rem; margin: 2rem 0px; } .m-faq-index li { font-weight: 200; } .m-faq-index li a { font-size: 1rem; font-weight: 300; display: inline-block; } .m-faq .m-faq-index li a { color: rgb(255, 255, 255); } .m-faq .m-faq-index li a:hover { color: rgba(255, 255, 255, 0.8); } .m-faq-question { font-size: 1rem; font-weight: 500; margin-bottom: 1rem; } .m-faq-answer { font-size: 1rem; margin-bottom: 3rem; } .m-faq-answer, .m-faq-answer div, .m-faq-answer p { font-weight: 200; line-height: 1.6875rem; } .m-faq-answer p { word-wrap: break-word; } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0px); } } .m-hero { opacity: 0; animation: 1s ease 0s normal forwards 1 fadeInDown; width: 100%; margin-top: 0px; margin-bottom: 2rem; } .m-hero .wrapper { position: relative; background-color: rgb(33, 33, 33); } .m-hero .h-container { position: absolute; top: 0px; left: 0px; width: 100%; opacity: 0; transition: opacity 1s ease 0s; } .m-hero.image-loaded .h-container { opacity: 1; } .m-hero .link-wrapper { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%; background-color: rgb(33, 33, 33); } .m-hero .link-wrapper.default { background-color: rgb(84, 84, 84); } @media only screen and (max-width: 47.9375rem) { .m-hero .link-wrapper { flex-direction: column-reverse; } } @media only screen and (min-width: 64rem) { .m-hero .link-wrapper { max-width: 64rem; margin: 0px auto; } } .m-hero .info { float: left; width: 41%; height: 100%; text-align: center; color: rgb(255, 255, 255); } @media only screen and (max-width: 47.9375rem) { .m-hero .info { width: 100%; padding: 1rem 0px 1.5rem; } } @media only screen and (min-width: 48rem) { .m-hero .info { padding: 0px 1.5rem; } } @media only screen and (min-width: 64rem) { .m-hero .info { padding: 0px 1.5rem; } } .m-hero .info .title { font-weight: 200; letter-spacing: 0.025rem; margin-bottom: 1rem; } @media only screen and (max-width: 47.9375rem) { .m-hero .info .title { font-size: 1.125rem; line-height: 1.33; letter-spacing: 0.01875rem; } } @media only screen and (min-width: 48rem) { .m-hero .info .title { font-size: 0.875rem; line-height: 1.43; } } @media only screen and (min-width: 64rem) { .m-hero .info .title { font-size: 1.125rem; line-height: 1.33; } } .m-hero .info .title.default { margin-right: 20%; margin-left: 20%; } .m-hero .info .subtitle { font-weight: 300; letter-spacing: 0.025rem; } @media only screen and (max-width: 47.9375rem) { .m-hero .info .subtitle { font-size: 1.5rem; line-height: 1.25; letter-spacing: 0.01875rem; margin-bottom: 0px; } } @media only screen and (min-width: 48rem) { .m-hero .info .subtitle { font-size: 1.375rem; line-height: 1.18; margin-bottom: 1.5rem; } } @media only screen and (min-width: 64rem) { .m-hero .info .subtitle { font-size: 1.625rem; line-height: 1.31; margin-bottom: 2rem; } } .m-hero .info .subtitle.default { margin-bottom: 1rem; } .m-hero .info .action-button { color: rgb(255, 255, 255); margin: 0px; width: 15rem; height: 2.75rem; background-color: rgba(255, 255, 255, 0.15); padding: 0px; border-radius: 1.5rem; } .m-hero .info .action-button:hover { background-color: rgba(255, 255, 255, 0.3); } @media only screen and (max-width: 47.9375rem) { .m-hero .info .action-button { display: none; } } .m-hero .info .title.default, .m-hero .info .subtitle.default, .m-hero .info .action-button.default { background-color: rgb(114, 114, 114); } .m-hero .thumbnail { float: left; width: 59%; } @media only screen and (max-width: 47.9375rem) { .m-hero .thumbnail { width: 100%; min-height: 54.1875vw; } } .m-hero .thumbnail.default { height: 31.1875vw; background-color: rgb(64, 64, 64); } @media only screen and (min-width: 64rem) { .m-hero .thumbnail.default { height: 21.24rem; } } .m-hero .play { display: none; width: 2.5rem; height: 2.5rem; border-radius: 2.5rem; margin-top: -1.25rem; background-color: rgb(255, 255, 255); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); text-align: center; background-clip: padding-box; z-index: 10; } .m-hero .play .icon { display: table-cell; text-align: center; vertical-align: middle; font-size: 1.1875rem; color: rgb(15, 155, 188); } .m-hero .play .icon:before { margin-left: 0.375rem; } @media only screen and (max-width: 47.9375rem) { .m-hero .h-container .play { display: table; } } .liveroadblock { display: table; width: 100%; height: 100%; background-image: url(""); background-size: cover; } .liveroadblock .liveroadblock-wrapper { display: table-cell; text-align: center; vertical-align: middle; padding: 1.875rem 1.875rem 0.9375rem; } @media only screen and (min-width: 62.5em) { .liveroadblock .liveroadblock-wrapper { padding: 1.875rem 0px; } } .liveroadblock .liveroadblock-title { background-color: transparent; background-repeat: no-repeat; background-position: center 2em; background-size: 3em 3em; margin: 0px auto 0.5em; font-family: "abc-modern",helvetica,arial,sans-serif; font-weight: 200; font-size: 1.3125rem; } @media only screen and (min-width: 62.5em) { .liveroadblock .liveroadblock-title { width: 52%; font-size: 1.5rem; } } .liveroadblock .liveroadblock-subtitle { margin: 0px 0px 1.875rem; font-size: 1rem; font-family: "abc-modern",helvetica,arial,sans-serif; font-weight: 100; } .butterscotch .liveroadblock .liveroadblock-subtitle a { color: rgb(247, 184, 27); } .garnet .liveroadblock .liveroadblock-subtitle a { color: rgb(197, 5, 17); } .aluminum .liveroadblock .liveroadblock-subtitle a { color: rgb(92, 117, 148); } .default .liveroadblock .liveroadblock-subtitle a { color: rgb(226, 176, 94); } .liveroadblock .icon-wrapper, .liveroadblock .icon-col { display: inline-block; } .liveroadblock .browser-icon { background-repeat: no-repeat; background-size: contain; background-position: center center; width: 3.5rem; height: 3.5rem; margin-left: 1.875rem; margin-right: 1.875rem; } .liveroadblock .icons-wrapper .browser-icon.chrome { background-image: url(""); } .liveroadblock .icons-wrapper .browser-icon.firefox { background-image: url(""); } .liveroadblock .icons-wrapper .browser-icon.safari { background-image: url(""); } .liveroadblock .icons-wrapper .browser-icon.edge { background-image: url(""); } .liveroadblock .browser-title { color: white; font-family: "abc-modern",helvetica,arial,sans-serif; font-weight: 100; font-size: 0.875rem; text-align: center; margin: 0.9375rem 1.875rem; } .liveroadblock.mobile .firefox, .liveroadblock.mobile .edge { display: none; } .m-live-tv-alert { display: none; } .m-live-tv-alert.network-homepage { background-color: rgb(247, 247, 247); } .m-live-tv-alert.network-homepage .row:hover { cursor: pointer; } @media only screen { .m-live-tv-alert.network-homepage .row { padding: 0.9375rem 0.4375rem; } } @media only screen and (min-width: 42em) { .m-live-tv-alert.network-homepage .row { display: flex; align-items: center; padding: 1.25rem 1.0625rem; } } @media only screen and (min-width: 62.5em) { .m-live-tv-alert.network-homepage .row { padding-left: 0px; padding-right: 0px; } } @media only screen and (min-width: 42em) { .m-live-tv-alert.network-homepage.show-affiliate-logo { height: 9rem; } } @media only screen and (min-width: 62.5em) { .m-live-tv-alert.network-homepage.show-affiliate-logo { height: 10.875rem; } } .m-live-tv-alert.network-homepage.show-affiliate-logo .row { height: 100%; } @media only screen and (min-width: 42em) { .m-live-tv-alert.network-homepage.show-affiliate-logo .row { padding: 1.25rem 1.0625rem; } } @media only screen and (min-width: 62.5em) { .m-live-tv-alert.network-homepage.show-affiliate-logo .row { padding-left: 0px; padding-right: 0px; } } .m-live-tv-alert.network-homepage .thumbnail-wrapper { background-color: rgb(241, 241, 241); position: relative; height: 100%; } .m-live-tv-alert.network-homepage .thumbnail-wrapper .affilate-logo-wrapper { position: absolute; width: 100%; height: 100%; text-align: center; } .m-live-tv-alert.network-homepage .thumbnail-wrapper .affilate-logo-wrapper .center { display: inline-block; height: 100%; vertical-align: middle; } .m-live-tv-alert.network-homepage .thumbnail-wrapper .affilate-logo-wrapper .affiliate-logo { display: inline-block; vertical-align: middle; } .m-live-tv-alert.network-homepage .thumbnail-wrapper .top-right-details { left: 0.625rem; top: 0.5rem; margin-left: 0px; } .m-live-tv-alert.network-homepage .thumbnail-wrapper .top-right-details .icon.left.lock { display: none; border-width: 0.125rem; } @media only screen and (min-width: 42em) { .m-live-tv-alert.network-homepage .details { padding: 0px 0.9375rem; } } .m-live-tv-alert.network-homepage .details .live-tv-now.label { background-color: rgb(197, 5, 17); display: table; color: rgb(255, 255, 255); font-weight: 500; letter-spacing: 0.1px; line-height: 1; } @media only screen { .m-live-tv-alert.network-homepage .details .live-tv-now.label { font-size: 0.5625rem; padding: 0.25rem 0.4375rem 0.1875rem; } } @media only screen and (min-width: 42em) { .m-live-tv-alert.network-homepage .details .live-tv-now.label { font-size: 0.625rem; padding: 0.3125rem 0.4375rem 0.1875rem; } } @media only screen and (min-width: 62.5em) { .m-live-tv-alert.network-homepage .details .live-tv-now.label { font-size: 0.75rem; padding: 0.375rem 0.5rem 0.25rem; } } .m-live-tv-alert.network-homepage .details .program-name { display: block; font-weight: 100; text-align: left; color: rgb(35, 35, 35); overflow: hidden; margin-bottom: 0.125rem; } .m-live-tv-alert.network-homepage .details .program-name:hover { color: rgb(247, 184, 27); } @media only screen { .m-live-tv-alert.network-homepage .details .program-name { font-size: 1rem; line-height: 1.89; max-height: 1.9375rem; } } @media only screen and (min-width: 42em) { .m-live-tv-alert.network-homepage .details .program-name { font-size: 1.1875rem; line-height: 1.59; max-height: 1.9375rem; } } @media only screen and (min-width: 62.5em) { .m-live-tv-alert.network-homepage .details .program-name { font-size: 1.625rem; line-height: 1.47; max-height: 2.4375rem; } } .m-live-tv-alert.network-homepage .details .program-description { display: block; font-weight: 100; text-align: left; color: rgb(35, 35, 35); overflow: hidden; } @media only screen { .m-live-tv-alert.network-homepage .details .program-description { font-size: 0.75rem; line-height: 1.33; max-height: 2rem; letter-spacing: 0.1px; margin-bottom: 0.625rem; } } @media only screen and (min-width: 42em) { .m-live-tv-alert.network-homepage .details .program-description { font-size: 0.8125rem; line-height: 1.38; max-height: 2.25rem; letter-spacing: 0.2px; margin-bottom: 0px; } } @media only screen and (min-width: 62.5em) { .m-live-tv-alert.network-homepage .details .program-description { font-size: 0.875rem; line-height: 1.29; max-height: 2.3125rem; } } .m-live-tv-alert.network-homepage .call-to-action .live-tv-alert-cta-wrapper { text-align: right; } @media only screen and (max-width: 41.9375em) { .m-live-tv-alert.network-homepage .call-to-action .live-tv-alert-cta-wrapper { text-align: left; display: block; } } .m-live-tv-alert.network-homepage .call-to-action .live-tv-alert-cta-wrapper .live-tv-alert-cta { margin-bottom: 0px; padding: 0px 0.3125rem; } .m-live-tv-alert.network-homepage .call-to-action .live-tv-alert-cta-wrapper .live-tv-alert-cta:before { content: " ●"; font-size: 9px; color: rgb(197, 5, 17); margin-right: 0.5rem; position: relative; } .m-live-tv-alert.network-homepage .call-to-action .live-tv-alert-cta-wrapper .live-tv-alert-cta:after { content: "watch live"; font-weight: 200; text-align: left; color: rgb(35, 35, 35); } .m-live-tv-alert.network-homepage .call-to-action .live-tv-alert-cta-wrapper .live-tv-alert-cta:hover:after { color: rgb(255, 255, 255); } @media only screen { .m-live-tv-alert.network-homepage .call-to-action .live-tv-alert-cta-wrapper .live-tv-alert-cta { min-width: 9.375rem; } .m-live-tv-alert.network-homepage .call-to-action .live-tv-alert-cta-wrapper .live-tv-alert-cta:after { line-height: 2.4; font-size: 0.75rem; letter-spacing: 0.1px; } .m-live-tv-alert.network-homepage .call-to-action .live-tv-alert-cta-wrapper .live-tv-alert-cta:before { top: -0.0625rem; } } @media only screen and (min-width: 42em) { .m-live-tv-alert.network-homepage .call-to-action .live-tv-alert-cta-wrapper .live-tv-alert-cta { min-width: 9.25rem; } .m-live-tv-alert.network-homepage .call-to-action .live-tv-alert-cta-wrapper .live-tv-alert-cta:after { line-height: 2.2; font-size: 0.875rem; letter-spacing: 0.2px; } .m-live-tv-alert.network-homepage .call-to-action .live-tv-alert-cta-wrapper .live-tv-alert-cta:before { top: -0.125rem; } } @media only screen and (min-width: 62.5em) { .m-live-tv-alert.network-homepage .call-to-action .live-tv-alert-cta-wrapper .live-tv-alert-cta { min-width: 10.625rem; } .m-live-tv-alert.network-homepage .call-to-action .live-tv-alert-cta-wrapper .live-tv-alert-cta:after { line-height: 2.6; } } .m-live-tv-alert.flyout { position: fixed; z-index: 999; display: table; background-color: rgb(255, 255, 255); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.35), 0px 0px 21px 0px rgba(0, 0, 0, 0.13); transition: all 0.8s ease 0s; } @media only screen { .m-live-tv-alert.flyout { bottom: 0px; width: 100%; transform: translateY(130%); } } @media only screen and (min-width: 42em) { .m-live-tv-alert.flyout { top: 0px; right: 0px; width: 20.1875rem; transform: translateX(130%); } } .m-live-tv-alert.flyout .row { display: flex; align-items: flex-start; position: relative; height: 100%; padding: 0.8125rem 0.65625rem 0.75rem; } .m-live-tv-alert.flyout .row:hover { cursor: pointer; } .m-live-tv-alert.flyout .details { margin-left: 0.78125rem; } .m-live-tv-alert.flyout .live-tv-now.label { background-color: rgb(197, 5, 17); display: table; color: rgb(255, 255, 255); font-weight: 500; letter-spacing: 0.1px; line-height: 1; margin-bottom: 0.1875rem; margin-top: 0.0625rem; } @media only screen { .m-live-tv-alert.flyout .live-tv-now.label { font-size: 0.625rem; padding: 0.3125rem 0.4375rem 0.1875rem; } } @media only screen and (min-width: 42em) { .m-live-tv-alert.flyout .live-tv-now.label { font-size: 0.59375rem; padding: 0.3125rem 0.25rem 0.3125rem 0.3125rem; } } .m-live-tv-alert.flyout .program-name { overflow: hidden; white-space: nowrap; font-size: 1.375rem; line-height: 1.33; } .m-live-tv-alert.flyout .program-name a { font-weight: 200; text-align: left; color: rgb(35, 35, 35); } .m-live-tv-alert.flyout .program-name a:hover { color: rgb(247, 184, 27); } .m-live-tv-alert.flyout .program-name.two-lines { white-space: normal; font-size: 1rem; line-height: 1.33; max-height: 2.6875rem; } .m-live-tv-alert.flyout .top-right-details.small-top-right-details { margin-left: 0.1875rem; top: 1rem; } .m-live-tv-alert.flyout .top-right-details.small-top-right-details .icon.left.lock { border-width: 0.0625rem; border-radius: 50%; width: 1.0625rem; height: 1.0625rem; } .m-live-tv-alert.flyout .top-right-details.small-top-right-details .icon.left.lock .iconfont.abc-icon-lock-icon { font-size: 0.625rem; } .m-live-tv-alert.flyout .close-button-wrapper { position: absolute; top: 0px; right: 0px; } .m-live-tv-alert.flyout .close-button-wrapper span { float: right; padding: 0.625rem 0.625rem 0px 0px; font-size: 0.625rem; } .m-live-tv-alert.flyout.show-affiliate-logo { display: block; height: 5.5rem; } .m-live-tv-alert.flyout.show-affiliate-logo .row { align-items: center; } @media only screen and (min-width: 42em) { .m-live-tv-alert.flyout.show-affiliate-logo .details { margin-left: 0px; } } .m-live-tv-alert.flyout.show-affiliate-logo .thumbnail-wrapper { padding: 0px; } @media only screen { .m-live-tv-alert.flyout.show-affiliate-logo .thumbnail-wrapper { min-width: 4.9375rem; } } @media only screen and (min-width: 42em) { .m-live-tv-alert.flyout.show-affiliate-logo .thumbnail-wrapper { min-width: 3.75rem; } } .m-live-tv-alert.flyout.show-affiliate-logo .thumbnail-wrapper .live-tv-now.label { margin-bottom: 0px; } @media only screen { .m-live-tv-alert.flyout.show-affiliate-logo .thumbnail-wrapper .live-tv-now.label { margin: 0px auto; font-size: 0.75rem; padding: 0.4375rem 0.5rem 0.375rem; } } @media only screen and (min-width: 42em) { .m-live-tv-alert.flyout.show-affiliate-logo .thumbnail-wrapper .live-tv-now.label { margin: 0px 0px 0px -2rem; font-size: 0.75rem; padding: 0.375rem 0.5rem 0.3125rem; } } .m-live-tv-alert.flyout.show-affiliate-logo .program-name.two-lines { font-size: 1.25rem; line-height: 1.33; max-height: 3.375rem; } .m-live-tv-alert.flyout.visible { transition: all 1s ease 0s; } @media only screen { .m-live-tv-alert.flyout.visible { transform: translateY(0px); } } @media only screen and (min-width: 42em) { .m-live-tv-alert.flyout.visible { transform: translateX(0px); } } .m-live-tv-alert.unauthenticated .thumbnail-wrapper .top-right-details .icon.left.lock { display: table; } .m-menu { position: relative; top: 0px; left: 0px; width: 100%; background-color: rgb(0, 0, 0); z-index: 1001; transform: translateZ(0px); } .m-menu, .m-menu-row { min-height: 5rem; } body.new-home .row.m-menu-row { max-width: 75rem; } @media only screen and (min-width: 48rem) { body.new-home .row.m-menu-row { padding: 0px 3rem; } } @media only screen and (min-width: 64rem) { body.new-home .row.m-menu-row { padding: 0px 4rem; } } @media only screen and (min-width: 90rem) { body.new-home .row.m-menu-row { padding: 0px; } } .m-menu .m-menu-wrapper { position: relative; z-index: 1001; width: 100%; background: none repeat scroll 0% 0% rgb(0, 0, 0); } @media only screen and (min-width: 42em) { .m-menu .m-menu-wrapper { position: absolute; display: flex; } } .m-menu-row { position: relative; z-index: 10; display: flex; align-items: center; } .m-menu .m-menu-drop-nav-header { display: none ! important; } .m-menu .m-menu-logo-title { min-height: 3.125rem; min-width: 3.125rem; float: none; padding: 0px; width: auto; } .m-menu .m-menu-logo-title .m-menu-page-title { padding-top: 0.25rem; } .m-menu .m-menu-logo-title .m-menu-page-title .m-menu-showtitle { font-size: 0.9375rem; } .m-menu .m-menu-logo-title .m-menu-page-title .m-menu-showtitle, .m-menu .m-menu-logo-title .m-menu-page-title .m-menu-tune-in { margin: 0px; } @media only screen and (min-width: 42em) { .m-menu .m-menu-logo-title .m-menu-page-title { margin-top: 0.625rem; margin-left: 2.625rem; } } @media only screen and (min-width: 62.5em) { .m-menu .m-menu-logo-title .m-menu-page-title { margin-top: 0.75rem; margin-left: 3.25rem; } } .m-menu .m-menu-logo-title .m-menu-page-title.m-menu-page-title-only { display: none; } .m-menu .m-menu-logo-title .m-menu-page-title.m-menu-page-title-only .m-menu-showtitle { margin-top: 0.28125rem; line-height: 1em; } @media only screen and (min-width: 42em) { .m-menu .m-menu-logo-title .m-menu-page-title.m-menu-page-title-only .m-menu-showtitle { margin-top: 0px; font-size: 1.5rem; font-weight: 300; } } .m-menu .m-menu-logo-title .m-menu-logo { height: auto; left: 0px; width: 3.125rem; margin-right: 0px; } @media not all { .m-menu .m-menu-logo { } } .m-menu .abc-icon-hamburger-menu { font-size: 0.625rem; } .m-menu .m-menu-global-navigation { float: none; width: auto; } .m-menu .m-menu-global-navigation .m-menu-global-section .abc-icon-arrow-down { line-height: inherit; font-size: 4px; vertical-align: middle; } .m-menu .m-menu-global-navigation .m-menu-mobile-global-link { width: 2.1875rem; height: 3.125rem; position: relative; } .m-menu .m-menu-global-navigation .m-menu-mobile-global-link .m-menu-mobile-bar { display: block; width: 0.875rem; height: 0.1875rem; background: none repeat scroll 0% 0% rgb(77, 77, 77); opacity: 1; position: absolute; top: 1.125rem; left: 0.9375rem; transition: all 250ms ease-in-out 0s; } .m-menu .m-menu-global-navigation .m-menu-mobile-global-link .m-menu-mobile-bar:nth-child(2), .m-menu .m-menu-global-navigation .m-menu-mobile-global-link .m-menu-mobile-bar:nth-child(3) { top: 1.4375rem; } .m-menu .m-menu-global-navigation .m-menu-mobile-global-link .m-menu-mobile-bar:nth-child(4) { top: 1.75rem; } .m-menu-nav-open .m-menu-mobile-global-link .m-menu-mobile-bar:nth-child(2) { transform: rotate(45deg); } .m-menu-nav-open .m-menu .m-menu-global-navigation .m-menu-mobile-global-link .m-menu-mobile-bar:nth-child(3) { transform: rotate(-45deg); } .m-menu-nav-open .m-menu .m-menu-global-navigation .m-menu-mobile-global-link .m-menu-mobile-bar:nth-child(1), .m-menu-nav-open .m-menu .m-menu-global-navigation .m-menu-mobile-global-link .m-menu-mobile-bar:nth-child(4) { width: 0px; left: 2.25rem; opacity: 0; top: 1.4375rem; } .m-menu-nav-open .m-menu .m-menu-drop-nav.m-menu-show-drop-nav .m-menu-link-list .m-menu-link-list-item:last-child { margin-bottom: 0px; } .no-csscolumns-breakbefore .m-menu .m-menu-drop-nav.m-menu-show-drop-nav .m-menu-link-list .m-menu-link-list-item:nth-child(6), .no-csscolumns-breakbefore .m-menu .m-menu-drop-nav.m-menu-show-drop-nav .m-menu-link-list .m-menu-link-list-item:nth-child(11) { display: inline-block; margin-bottom: 0.3125rem; } .m-menu .m-menu-global-navigation .m-menu-global-list-navigation { white-space: nowrap; overflow: hidden; margin: 0px; } .m-menu .m-menu-global-navigation .m-menu-global-list-navigation li { font-size: 1rem; margin-left: 1.4375rem; text-transform: capitalize; } .m-menu .m-menu-global-navigation .m-menu-global-list-navigation li.primary-item, .m-menu .m-menu-global-navigation .m-menu-global-list-navigation li.primary-item-more { display: inline-block; float: none; height: 5rem; } .m-menu .m-menu-global-navigation .m-menu-global-list-navigation li.primary-item a:active, .m-menu .m-menu-global-navigation .m-menu-global-list-navigation li.primary-item-more a:active { color: rgba(255, 255, 255, 0.6); } .m-menu .m-menu-global-navigation .m-menu-global-list-navigation li.primary-item.active, .m-menu .m-menu-global-navigation .m-menu-global-list-navigation li.primary-item-more.active { border-bottom: 0.1875rem solid rgb(197, 5, 17); } .m-menu .m-menu-global-navigation .m-menu-global-list-navigation li.primary-item .m-menu-global-section, .m-menu .m-menu-global-navigation .m-menu-global-list-navigation li.primary-item-more .m-menu-global-section { margin-top: 1.6875rem; } @media only screen and (max-width: 29.9375em) { .m-menu .m-menu-global-navigation .m-menu-global-list-navigation li.primary-item, .m-menu .m-menu-global-navigation .m-menu-global-list-navigation li.primary-item-more { margin-left: 0.875rem; font-size: 0.875rem; } } .m-menu .m-menu-drop-nav.m-menu-global-drop-nav .m-menu-link-list li { font-size: 0.9375rem; } @media only screen and (max-width: 41.9375em) { .m-menu.flexible-dropdown .m-menu-global-navigation-search-icon { visibility: hidden; } } a.m-menu-global-link.active { color: rgba(255, 255, 255, 0.8); } .mobile .m-menu .m-menu-global-navigation-search-icon a:hover { color: rgba(255, 255, 255, 0.8); } .mobile .m-menu-global-list-navigation a.m-menu-showlist-link:hover { color: rgba(255, 255, 255, 0.8); } .mobile .m-menu-global-list-navigation a.m-menu-global-link:hover { color: rgba(255, 255, 255, 0.8); } @media only screen and (min-width: 42em) { .m-menu .m-menu-shows-all-link:hover, .m-menu .m-menu-shows-all-link:focus { color: rgb(226, 176, 94); } } .m-menu-global-list-navigation a.active { color: rgb(226, 176, 94); } .m-menu-global-list-navigation li.active a, .m-menu .m-menu-drop-nav.m-menu-global-drop-nav .m-menu-link-list li.active a { color: rgb(255, 255, 255); } .m-menu-global-list-navigation li.active a:hover { color: rgba(255, 255, 255, 0.8); opacity: 1; } .m-menu-global-navigation-search-icon a:hover { color: rgb(226, 176, 94); } .m-menu-global-navigation-search-icon a.m-menu-search-link { color: rgb(255, 255, 255); } .m-menu-global-list-navigation a.m-menu-showlist-link { color: rgb(255, 255, 255); } .m-menu-global-list-navigation a.m-menu-global-link { color: rgb(255, 255, 255); opacity: 1; } .m-menu-global-list-navigation a.m-menu-global-link:hover, .m-menu-global-list-navigation a.m-menu-global-link.active { color: rgba(255, 255, 255, 0.8); } .m-menu.search-active .m-menu-global-navigation-search-icon { top: 50%; transform: translateY(-50%); } @media only screen { .m-menu.search-active .m-menu-global-navigation-search-icon { right: 4%; left: 4%; } } @media (min-width: 20rem) and (max-width: 21.75rem) { .m-menu.search-active .m-menu-global-navigation-search-icon { right: 11.5%; } } @media (min-width: 21.8125rem) and (max-width: 23.375rem) { .m-menu.search-active .m-menu-global-navigation-search-icon { right: 11%; } } @media (min-width: 23.4375rem) and (max-width: 25.625rem) { .m-menu.search-active .m-menu-global-navigation-search-icon { right: 10.5%; } } @media (min-width: 25.6875rem) { .m-menu.search-active .m-menu-global-navigation-search-icon { right: 9.5%; } } @media only screen and (min-width: 42em) { .m-menu.search-active .m-menu-global-navigation-search-icon { left: 6.25%; } } @media only screen and (min-width: 62.5em) { .m-menu.search-active .m-menu-global-navigation-search-icon { width: auto; right: 0px; left: auto; } } .m-menu.search-active .m-menu-global-navigation-search-icon .m-menu-search-block { display: flex; } .m-menu.search-active .m-menu-global-navigation-search-icon .m-menu-search-link { display: none; } .m-menu .m-menu-global-navigation-search-icon { position: absolute; top: 1.75rem; right: 0.375rem; } @media only screen and (min-width: 42em) { .m-menu .m-menu-global-navigation-search-icon { right: 1.0625rem; } } @media only screen and (min-width: 62.5em) { .m-menu .m-menu-global-navigation-search-icon { right: 0px; } } body.new-home .m-menu .m-menu-global-navigation-search-icon, body.new-design .m-menu .m-menu-global-navigation-search-icon { right: 1.5rem; } @media only screen and (max-width: 29.9375rem) { body.new-home .m-menu .m-menu-global-navigation-search-icon a.m-menu-search-link .icon, body.new-design .m-menu .m-menu-global-navigation-search-icon a.m-menu-search-link .icon { margin-right: 0px; } } @media only screen and (min-width: 48rem) { body.new-home .m-menu .m-menu-global-navigation-search-icon, body.new-design .m-menu .m-menu-global-navigation-search-icon { right: 3rem; } } @media only screen and (min-width: 64rem) { body.new-home .m-menu .m-menu-global-navigation-search-icon, body.new-design .m-menu .m-menu-global-navigation-search-icon { right: 4rem; } } @media only screen and (min-width: 90rem) { body.new-home .m-menu .m-menu-global-navigation-search-icon, body.new-design .m-menu .m-menu-global-navigation-search-icon { right: 0px; } } .m-menu .m-menu-global-navigation-search-icon a.m-menu-search-link { color: rgb(255, 255, 255); display: flex; justify-content: center; align-items: center; font-size: 1rem; font-weight: 300; line-height: normal; letter-spacing: normal; } .m-menu .m-menu-global-navigation-search-icon a.m-menu-search-link .search-cta { display: none; } @media only screen and (min-width: 42em) { .m-menu .m-menu-global-navigation-search-icon a.m-menu-search-link .search-cta { display: inline; } } .m-menu .m-menu-global-navigation-search-icon a.m-menu-search-link .icon { font-size: 1.375rem; margin-right: 0.5rem; } .m-menu .m-menu-global-navigation-search-icon a.m-menu-search-link:hover { color: rgba(255, 255, 255, 0.8); } .m-menu .m-menu-global-navigation-search-icon a.m-menu-search-link:active { color: rgba(255, 255, 255, 0.6); } .m-menu .m-menu-global-navigation-search-icon .m-menu-search-block { display: none; align-items: center; justify-content: flex-end; } @media only screen and (min-width: 42em) { .m-menu .m-menu-global-navigation-search-icon .m-menu-search-block { width: 100%; } } @media only screen and (min-width: 62.5em) { .m-menu .m-menu-global-navigation-search-icon .m-menu-search-block { width: 26.25rem; } } .m-menu .m-menu-global-navigation-search-icon .m-menu-search-block .search-field-icon { font-size: 1.375rem; color: rgb(255, 255, 255); margin-right: -2.375rem; z-index: 2; } .m-menu .m-menu-global-navigation-search-icon .m-menu-search-block input.search-field { width: 1%; height: 2.75rem; background: none repeat scroll 0% 0% rgb(0, 0, 0); border-radius: 0.125rem; border: 0.125rem solid rgba(255, 255, 255, 0.2); color: rgb(255, 255, 255); } @media only screen { .m-menu .m-menu-global-navigation-search-icon .m-menu-search-block input.search-field { padding: 0px 3.125rem; } } @media only screen and (min-width: 62.5em) { .m-menu .m-menu-global-navigation-search-icon .m-menu-search-block input.search-field { padding: 0px 2.875rem; } } .m-menu .m-menu-global-navigation-search-icon .m-menu-search-block .search-field-close { width: 1.625rem; height: 1.625rem; margin-left: -2.375rem; display: flex; align-items: center; justify-content: center; font-size: 0.9375rem; color: rgb(255, 255, 255); } .m-menu .m-menu-drop-nav { background-color: rgba(255, 255, 255, 0); display: block; padding: 3.125rem 0px 0px; position: absolute; top: -43.75rem; width: 100%; transform: translateY(4.375rem); transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1) 0s; } .m-menu-link-list { margin: 0px; -moz-columns: 2 auto; } .m-menu-drop-nav .m-menu-link-list-item { padding-bottom: 1rem; display: table; } .m-menu-drop-nav .m-menu-link-list-item span { margin: 0px; line-height: 1.125rem; font-weight: 300; } @media only screen and (max-width: 29.9375em) { .m-menu-drop-nav .m-menu-link-list-item span { line-height: 1.5625rem; } } .m-menu-drop-nav .m-menu-link-list-item span a { color: rgb(255, 255, 255); text-transform: capitalize; } .m-menu-drop-nav .m-menu-link-list-item span a:hover { color: rgba(255, 255, 255, 0.8); } .m-menu-link-list-item.mvpd-sign-out { display: none; text-align: center; } .m-menu-link-list-item.mvpd-sign-out.visible { display: block; } .m-menu-link-list-item .sign-out-container { display: flex; flex-direction: column; align-items: center; width: 100%; padding-bottom: 12px; } .m-menu-link-list-item .sign-out-provider { padding-bottom: 0.9375rem; } .m-menu-link-list-item .sign-out-link { width: 100%; color: rgb(77, 77, 77); font-size: 0.875rem; font-weight: 300; margin-bottom: 0px; padding: 0.5rem 0.875rem; } .m-menu-link-list-item .sign-out-link:hover, .m-menu-link-list-item .sign-out-link:focus { color: rgb(255, 255, 255); } .m-menu-link-list-item .sign-out-provider { padding: 1.25rem 2.0625rem; } .m-menu-link-list-item.mvpd-sign-out { margin: 0px 1rem; padding: 0px; border-top: 0.0625rem solid rgb(194, 194, 194); } .m-menu-link-list-item.mvpd-sign-out .sign-out-link { max-width: 12.5rem; } @media only screen and (min-width: 42em) { .m-menu-link-list-item.mvpd-sign-out .sign-out-link { width: 80%; } } .m-menu-link-list-item.mvpd-sign-out .sign-out-provider { padding: 1.1875rem 0px 0.625rem; width: 70%; } @media only screen and (min-width: 42em) { .m-menu-link-list-item.mvpd-sign-out .sign-out-provider { width: 50%; } } .m-menu-link-list-item.mvpd-sign-out .hbaMessage { font-size: 0.75rem; line-height: 1.5; text-transform: none; padding-bottom: 1.25rem; width: 100%; white-space: normal; } @media only screen and (min-width: 42em) { .m-menu-link-list-item.mvpd-sign-out .hbaMessage { font-size: 0.6875rem; } } .mobile-menu .navigation-group .mvpd-sign-out { border: 0px none; } @media only screen and (min-width: 42em) { .m-menu-drop-nav.m-menu-show-drop-nav .m-menu-link-list { -moz-columns: 3 auto; } } @media only screen and (min-width: 42em) { .m-menu .m-menu-shows-all-link { padding: 0.6875rem 2.0625rem 0.625rem; color: rgb(255, 255, 255); font-size: 0.9375rem; border: 0.125rem solid rgb(77, 77, 77); } .m-menu .m-menu-shows-all-link:hover, .m-menu .m-menu-shows-all-link:focus { background-color: rgb(0, 0, 0); border-color: rgb(222, 165, 72); color: rgb(226, 176, 94); } } .m-menu-drop-nav .navigation-group { padding: 1.375rem 0px 0.6875rem; } .m-menu-drop-nav .navigation-group.show-list-navigation { padding-top: 0px; padding-bottom: 0px; } body.m-menu-nav-open.m-menu-show-drop-nav-open .m-menu-drop-nav.m-menu-show-drop-nav { background-color: rgb(43, 45, 54); top: 0px; transform: translateY(1.125rem); } body.m-menu-nav-open.m-menu-show-drop-nav-open .m-menu-drop-nav.m-menu-show-drop-nav.show-for-large-up { visibility: visible; } body:not(.m-menu-show-drop-nav-open) .m-menu-drop-nav.m-menu-show-drop-nav.show-for-large-up { visibility: hidden; } body.m-menu-nav-open.m-menu-global-drop-nav-open .m-menu-drop-nav.m-menu-show-drop-nav { visibility: visible; } body:not(.m-menu-global-drop-nav-open) .m-menu-drop-nav.m-menu-global-drop-nav { visibility: hidden; } body.m-menu-nav-open.m-menu-global-drop-nav-open .m-menu-drop-nav.m-menu-global-drop-nav { background-color: rgb(43, 45, 54); top: 0px; transform: translateY(1.125rem); } .m-menu .m-menu-drop-nav.m-menu-global-drop-nav { width: auto; padding: 0px; margin: 3.875rem 0px 0px -2rem; } .m-menu .m-menu-drop-nav.m-menu-global-drop-nav li { margin: 0px 1rem; } .m-menu .m-menu-drop-nav.m-menu-global-drop-nav li.primary-item-moved .m-menu-global-section { margin-top: 0px; } .m-menu .m-menu-drop-nav.m-menu-global-drop-nav li.primary-item-moved a { text-transform: capitalize; } .m-menu .m-menu-drop-nav.m-menu-global-drop-nav .m-menu-link-list { padding-bottom: 0px; -moz-columns: 1 auto; } .m-menu .m-menu-drop-nav.m-menu-global-drop-nav .m-menu-link-list li { margin-left: 1rem; } @media only screen and (max-width: 29.9375em) { .m-menu .m-menu-drop-nav.m-menu-global-drop-nav .m-menu-link-list { line-height: 1.5625rem; } } .m-menu .m-menu-drop-nav.m-menu-global-drop-nav .row { margin: auto; width: 18.9375rem; padding: 0px 1.0625rem; } @media only screen and (max-width: 29.9375em) { .m-menu .m-menu-drop-nav.m-menu-global-drop-nav { overflow-y: scroll; width: 100%; margin: 3.875rem 0px 0px; left: 0px ! important; position: fixed; } .m-menu .m-menu-drop-nav.m-menu-global-drop-nav .row { width: 100%; } .m-menu .m-menu-drop-nav.m-menu-global-drop-nav .m-menu-link-list li { margin: 0px auto; } .m-menu .m-menu-drop-nav.m-menu-global-drop-nav .m-menu-link-list li .m-menu-global-section { margin-top: 0px; } .m-menu .m-menu-drop-nav.m-menu-global-drop-nav .m-menu-link-list li a { font-size: 1.125rem; } } .m-menu .m-mvpdauth { display: none; } .authenticated .m-menu .mvpdSite > img { height: 2.25rem; width: auto; } .genericMvpdLogin { display: none; } .m-menu.no-title .m-menu-logo-title .m-menu-page-title .m-menu-showtitle { display: none; } .movies-and-specials-detail .m-menu .m-menu-logo-title .m-menu-page-title .m-menu-showtitle { display: block; } @media only screen { .m-menu.search-active .m-menu-logo-title, .m-menu.search-active .m-menu-global-navigation { display: none; } } @media only screen and (min-width: 62.5em) { .m-menu.search-active .m-menu-logo-title, .m-menu.search-active .m-menu-global-navigation { display: block; } } .m-message { display: none; padding: 1.875rem 0.46875rem; } @media only screen and (min-width: 42em) { .m-message { padding: 2.5rem 0px; } } @media only screen and (min-width: 62.5em) { .m-message { padding: 3.75rem 0px; } } .m-message.m-message-active { display: block; } .m-message-alert-icon { text-align: center; color: rgb(226, 176, 94); } .m-message-alert-icon .icon { display: block; margin: 1.25rem 0px 1.875rem; font-size: 5.6875rem; } @media only screen and (min-width: 42em) { .m-message .error-message:first-child { padding-top: 0px; } } .m-message .error-message:last-child { padding-bottom: 0px; } .m-message .error-message { padding: 0px 0.46875rem 1.875rem; } @media only screen and (min-width: 42em) { .m-message .error-message { padding: 0px 0px 2.5rem; } } @media only screen and (min-width: 62.5em) { .m-message .error-message { padding: 0px 0px 3.75rem; } } .m-message .error-message .error-messages-wrapper p.text2 { color: rgb(255, 255, 255); } .error-message a.messageMoreInfo { text-transform: uppercase; } body.butterscotch .error-message a.messageMoreInfo { color: rgb(247, 184, 27); } body.garnet .error-message a.messageMoreInfo { color: rgb(197, 5, 17); } body.aluminum .error-message a.messageMoreInfo { color: rgb(92, 117, 148); } body.default .error-message a.messageMoreInfo { color: rgb(226, 176, 94); } .m-message .close { padding-right: 1rem; text-align: right; cursor: pointer; color: rgb(226, 176, 94); } .m-message .close:hover { color: rgba(226, 176, 94, 0.7); } .m-message .close div { padding-top: 0.6875rem; } .mobile-menu { background-color: rgba(255, 255, 255, 0); visibility: hidden; position: absolute; opacity: 0; } .mobile-menu .show-list-navigation .expandable-list .collapsed-list { visibility: hidden; } .mobile-menu .show-list-navigation .expandable-list.expanded .collapsed-list { visibility: visible; } body.m-menu-nav-open .mobile-menu { display: none; } body.m-menu-nav-open .content, body.m-menu-nav-open .footer-modules { display: block; height: auto; overflow: visible; visibility: visible; } body.m-menu-nav-open .page-wrapper { overflow-y: visible; overflow-x: hidden; position: relative; } .mobile-menu .navigation-group > ul > li { border-bottom: 1px solid rgb(194, 194, 194); opacity: 0; transform: translateX(-3.125rem); } .mobile-menu .navigation-group .navigation-group-link { line-height: 3rem; margin: 0px; } .mobile-menu .navigation-group .navigation-group-link a { display: block; } body.m-menu-nav-open .mobile-menu .navigation-group li { opacity: 1; line-height: 3rem; transform: translateX(0px); transition: all 700ms cubic-bezier(0.86, 0, 0.07, 1) 0.5s; } body.m-menu-nav-open .mobile-menu .navigation-group li:nth-child(1) { transition-delay: 50ms; } body.m-menu-nav-open .mobile-menu .navigation-group li:nth-child(2) { transition-delay: 100ms; } body.m-menu-nav-open .mobile-menu .navigation-group li:nth-child(3) { transition-delay: 150ms; } body.m-menu-nav-open .mobile-menu .navigation-group li:nth-child(4) { transition-delay: 200ms; } body.m-menu-nav-open .mobile-menu .navigation-group li:nth-child(5) { transition-delay: 250ms; } body.m-menu-nav-open .mobile-menu .navigation-group li:nth-child(6) { transition-delay: 300ms; } body.m-menu-nav-open .mobile-menu .navigation-group li:nth-child(7) { transition-delay: 350ms; } body.m-menu-nav-open .mobile-menu .navigation-group li:nth-child(8) { transition-delay: 400ms; } body.m-menu-nav-open .mobile-menu .navigation-group li:nth-child(9) { transition-delay: 450ms; } body.m-menu-nav-open .mobile-menu .navigation-group li:nth-child(10) { transition-delay: 500ms; } .mobile-menu .expandable-list .expanded-list-title { text-transform: lowercase; } .mobile-menu .expandable-list .expand-arrow { display: inline-block; font-size: 5px; vertical-align: middle; transform: rotate(-90deg); } .mobile-menu .expandable-list .expand-arrow { transform: rotate(-90deg); transition-property: transform; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } .mobile-menu .expandable-list.expanded .expand-arrow { transform: rotate(0deg); } .mobile-menu .show-list-navigation .expandable-list:not(.expanded) a:hover, .mobile-menu .show-list-navigation .expandable-list:not(.expanded) a:focus { color: rgb(35, 35, 35); } .mobile-menu .expandable-list .collapsed-list { max-height: 0px; overflow: hidden; transition: max-height 600ms cubic-bezier(0.86, 0, 0.07, 1) 0s; } .mobile-menu .expandable-list.expanded .collapsed-list { max-height: 75rem; } .schedule-menu li { margin: 10px; display: block; min-height: 93px; } .schedule-menu picture { position: absolute; left: 0px; top: 0px; width: 129px; height: 73px; } .schedule-menu .text5, .schedule-menu .text4 { margin: 0px 0px 0px 149px; display: block; } .schedule-menu .text5 { padding: 5px 0px 15px; } .schedule-menu .m-schedule-block { clear: both; display: block; } .mobile-menu .mobile-menu-section-header .navtitle { margin: 1rem 0px 0px; line-height: 3rem; } .mobile-menu .mobile-menu-section-header hr { margin: 0px; } .mobile-menu .social-icons:before { content: normal; } .mobile-menu .social-icons { text-align: center; } .mobile-menu .social-icons .icon { padding: 0px 0.9375rem; opacity: 0; } body.m-menu-nav-open .mobile-menu .social-icons .icon { opacity: 1; transition: opacity 300ms ease-in 300ms; } body.modal-open { overflow: hidden; } .m-modal { display: none; } .m-modal.visible { display: block; } .m-modal .modal { display: block; z-index: 9001; position: relative; transform: translate(0px, 0px); margin: 3.75rem auto; background-color: rgb(43, 45, 54); text-align: center; } @media only screen and (max-width: 29.9375em) { .m-modal .modal { margin: 0px auto; } } @media only screen and (max-width: 23.4375rem) { .m-modal .modal { height: 100%; } } @media only screen and (max-width: 20em) { .m-modal .modal { margin: 0px auto; } } .m-modal .modal .close { float: right; display: flex; justify-content: center; align-items: center; width: 0.9375rem; height: 0.9375rem; color: rgb(255, 255, 255); } .m-modal .modal .close:after { clear: both; } .m-modal .modal .close .icon { font-size: 0.9375rem; } .m-modal.modal-overlay { z-index: 9000; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(25, 25, 25, 0.95); overflow-x: hidden; overflow-y: auto; } body.modal-open { overflow: hidden; } body.modal-open .page-wrapper { overflow: hidden; } div.insterstitial-modal.visible .m-modal { display: block; } @media only screen and (max-width: 29.9375em) { div.insterstitial-modal .m-modal.modal-overlay { background: none repeat scroll 0% 0% rgb(43, 45, 54); } } @media only screen and (min-width: 30em) { div.insterstitial-modal .m-modal .modal { max-width: 25.75rem; max-height: 25.75rem; } } div.insterstitial-modal .m-modal .modal .message-text { margin: 0px auto 2.1875rem; max-width: 20rem; padding-bottom: 0px; line-height: 1.25rem; color: rgb(255, 255, 255); } div.insterstitial-modal .m-modal .modal .message-text span { font-size: 0.875rem; } div.insterstitial-modal .m-modal .modal button.continue { margin: 0px; } .mvpdwrapper { display: none; } .mvpd-displayed .mvpdwrapper { display: block; } .mvpdPicker { background-color: rgba(15, 15, 15, 0.85); padding: 1.875rem 2.625rem; text-align: center; } @media only screen and (min-width: 42em) { .mvpdPicker { padding: 1.875rem 7.625rem; } } .mvpdPicker.live { background-color: rgb(0, 0, 0); } .mvpdPicker .helps, .mvpdPicker.live .helps { list-style-type: none; margin-top: 2rem; } .mvpdPicker .copy { font-size: 1.5rem; color: rgb(255, 255, 255); text-align: center; } .mvpdPicker .mvpdsAlt { display: none; position: absolute; border: 0.0625rem solid rgb(238, 238, 238); background: none repeat scroll 0% 0% white; width: 16rem; margin: 0px auto; left: 0px; right: 0px; top: 25%; } @media only screen and (min-width: 42em) { .mvpdPicker .mvpdsAlt { width: 28rem; } } .mvpdPicker .olay { display: none; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5); } .mvpdPicker .mvpdsAlt h4 { font-size: 1rem; line-height: 2; background: none repeat scroll 0% 0% rgb(238, 238, 238); color: rgb(0, 0, 0); margin-top: 0px; } .mvpdPicker .mvpdsAlt h4 .close { float: right; background: none repeat scroll 0% 0% rgb(255, 255, 255); cursor: pointer; line-height: 1; padding: 0px 0.3125rem 0.25rem; margin: 0.25rem; } .mvpdPicker .mvpdsAlt h4 .close:before { content: "×"; color: inherit; font-weight: bold; } .mvpdPicker .mvpdsAlt .more-mvpds { margin: 1rem; min-height: 6rem; max-height: 17rem; overflow-y: scroll; border: 0.0625rem solid rgb(238, 238, 238); } .mvpdPicker .mvpdsAlt .more-mvpds li { text-overflow: ellipsis; cursor: pointer; white-space: nowrap; overflow: hidden; text-align: left; display: block; max-width: none; border-bottom: 0.0625rem solid rgb(238, 238, 238); line-height: 2.5; color: black; font-size: 0.875rem; padding-left: 1rem; } .mvpdPicker .mvpdsAlt .more-mvpds li:hover { text-decoration: underline; } .mvpdPicker .mvpdsAlt .more-mvpds li:last-child { border-bottom: medium none; } .mvpdPicker .mvpds { margin: 0px auto 1rem; text-align: center; } .mvpdPicker .mvpds li { width: 12.25rem; height: 4.125rem; line-height: 3.75rem; max-width: 45%; border-right: 0.0625rem solid rgb(0, 0, 0); color: rgb(0, 0, 0); background: none repeat scroll 0% 0% rgb(255, 255, 255); font-size: 1rem; display: inline-block; vertical-align: top; cursor: pointer; } @media only screen and (min-width: 42em) { .mvpdPicker .mvpds li { height: auto; max-width: 30%; } } @media only screen { .mvpdPicker .mvpds li:nth-child(n+3) { border-top: 1px solid rgb(0, 0, 0); } } @media only screen and (min-width: 42em) { .mvpdPicker .mvpds li:nth-child(n+3) { border-top: medium none; } } @media only screen and (min-width: 42em) { .mvpdPicker .mvpds li:nth-child(n+4) { border-top: 1px solid rgb(0, 0, 0); } } @media only screen { .mvpdPicker .mvpds .blank:nth-child(2n+3), .mvpdPicker .mvpds .blank:nth-child(2n+3) ~ li.blank { display: none; } } @media only screen and (min-width: 42em) { .mvpdPicker .mvpds .blank:nth-child(3n+4), .mvpdPicker .mvpds .blank:nth-child(3n+4) ~ li.blank { display: none; } } .mvpdPicker .extra { color: rgb(255, 255, 255); font-size: 0.9375rem; margin-top: 0.5rem; } .mvpd-bottom { color: rgb(156, 156, 156); font-size: 1.125rem; font-weight: 200; } .mvpd-bottom .mvpd-bottom-link { color: rgb(255, 255, 255); padding-left: 0.75rem; } @media only screen { .mvpd-bottom .mvpd-bottom-link { display: block; } } @media only screen and (min-width: 42em) { .mvpd-bottom .mvpd-bottom-link { display: inline-block; } } .mvpd-bottom .mvpd-bottom-link:hover { color: rgba(255, 255, 255, 0.8); } .mvpdPicker .helps a { font-size: 0.9375rem; color: rgb(255, 255, 255); } .mvpdPicker .helps a:hover { color: rgba(255, 255, 255, 0.8); } .mvpdPicker .footnote { color: rgb(185, 185, 185); font-size: 0.75rem; margin-top: 2rem; } .showMoreProviders .mvpdPicker .mvpdsAlt { display: block; } .showMoreProviders .mvpdPicker .olay { display: block; } .oneid-lightbox-open body { position: static; } .pagination { display: none; margin: 1.25rem 0px 2.5rem; text-align: center; } @media only screen and (min-width: 42em) { .pagination { margin: 1.25rem 0px 3.75rem; } } .pagination.active { display: block; } .pagination-section { display: block; font-size: 0.75rem; font-weight: 200; margin-top: 1.25rem; color: rgb(226, 176, 94); } .pagination-section:hover { color: rgb(157, 124, 69); } @media only screen and (min-width: 42em) { .pagination-section { display: inline-block; margin-top: 0px; } } .pagination-section.pagination-left a, .pagination-section.pagination-right a { color: rgb(255, 255, 255); } .pagination-section.pagination-left a:hover, .pagination-section.pagination-right a:hover { color: rgba(255, 255, 255, 0.8); } .pagination-right { text-align: center; } @media only screen and (min-width: 42em) { .pagination-right { text-align: left; } } .pagination-left { text-align: center; } @media only screen and (min-width: 42em) { .pagination-left { text-align: right; } } .pagination-pages { margin-left: 1rem; margin-right: 1rem; } .pagination-page { background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.15); border: medium none; border-radius: 0.125rem; color: rgb(255, 255, 255); display: inline-block; font-size: 0.75rem; line-height: 1.625rem; margin: 0px 0.15625rem; width: 1.625rem; } .pagination-page:hover, .pagination-page:active, .pagination-page:focus { background-color: rgba(255, 255, 255, 0.3); } @media only screen and (min-width: 42em) { .pagination-page { line-height: 1.875rem; width: 2rem; } } .pagination-left .icon { font-size: 0.5rem; margin-right: 0.3125rem; } @media only screen and (min-width: 42em) { .pagination-left .icon { margin-right: 0.625rem; } } .pagination-right .icon { font-size: 0.5rem; margin-left: 0.3125rem; } @media only screen and (min-width: 42em) { .pagination-right .icon { margin-left: 0.625rem; } } .pagination.pagination-start .pagination-left { visibility: hidden; } .pagination.pagination-end .pagination-right { visibility: hidden; } .m-person .expandable-section { max-height: 14.1875rem; overflow: inherit; padding-right: 1.25rem; } @media only screen and (min-width: 42em) { .m-person .expandable-section { max-height: 16.5rem; } } .m-person .open .expandable-section { max-height: none; } .m-person .expandable-section p:last-of-type { margin-bottom: 0px; } .m-person .ad-unit-wrapper .ad-wrapper { margin: 0px auto; } .m-person .sectionheader { margin: 2.5rem 0px 1.25rem; color: rgb(255, 255, 255); text-transform: capitalize; } @media only screen and (min-width: 42em) { .m-person .sectionheader { margin: 3.125rem 0px 1.25rem; } } .m-person .m-person-bio p:last-child { margin-bottom: 0px; } .m-person .m-person-bio:last-child { margin-bottom: 1.875rem; } @media only screen and (min-width: 42em) { .m-person .m-person-bio:last-child { margin-bottom: 2.5rem; } } .m-person .twitter-button { display: block; margin-top: 0.625rem; } .module .module-title.m-person-title { font-size: 1.5rem; margin-bottom: 0px; } @media only screen and (min-width: 42em) { .module .module-title.m-person-title { font-size: 1.875rem; } } .module .m-person-subtitle { font-size: 0.9375rem; margin-top: 0.125rem; margin-bottom: 0.625rem; } @media only screen and (min-width: 42em) { .module .m-person-subtitle { font-size: 1.125rem; margin-bottom: 0.9375rem; } } .module .m-person-bio-title { margin-top: 1.875rem; margin-bottom: 1.875rem; font-size: 1.25rem; display: inline-block; } @media only screen and (min-width: 42em) { .module .m-person-bio-title { font-size: 1.625rem; margin-top: 2.5rem; } } .m-profilelist { margin-bottom: 3.75rem; } .m-profilelist .tiles .tile .background.lazyloaded { opacity: 1; } .m-profilelist-authcopy { color: rgb(255, 255, 255); } .m-profilelist-signout { color: rgb(255, 255, 255); } .m-profilelist-signout:hover { background-color: rgb(157, 124, 69); } .m-profilelist .m-profilelist-clearhistory.button { display: none; margin: 1.5rem auto 0.9375rem; } @media only screen and (max-width: 20em) { .m-profilelist .m-profilelist-clearhistory.button { font-size: 0.8125rem; margin: 1.625rem auto 0.9375rem; } } @media only screen and (min-width: 30em) { .m-profilelist .m-profilelist-clearhistory.button { margin: 1.625rem auto 0.9375rem; } } @media only screen and (min-width: 42em) { .m-profilelist .m-profilelist-clearhistory.button { margin: 2.375rem auto 1.25rem; } } @media only screen and (min-width: 62.5em) { .m-profilelist .m-profilelist-clearhistory.button { margin: 3.4375rem auto 1.25rem; } } .m-abouttext-content a:hover > h2 { color: rgba(255, 255, 255, 0.8) ! important; } .module .module-title { margin-bottom: 0.9375rem; } @media only screen and (min-width: 42em) { .module .module-title { margin-bottom: 1.25rem; } } .m-profilelist .m-spinner { display: block; clear: both; } .m-profilelist .m-profilelist-viewinghistory, .m-profilelist .m-profilelist-settings { display: none; } .m-profilelist.authfinished .m-profilelist-viewinghistory, .m-profilelist.authfinished .m-profilelist-settings { display: block; } .m-profilelist.hashistory .m-profilelist-loader, .m-profilelist.nohistory .m-profilelist-loader, .m-profilelist.authfinished .m-profilelist-loader { display: none; } .m-profilelist.authfinished.noauthn .m-profilelist-settings { display: none; } .m-profilelist .m-profilelist-viewinghistory-nohistory { display: none; } .m-profilelist.hashistory .m-profilelist-viewinghistory { display: block; } .m-profilelist.historyfinished.hashistory .m-profilelist-clearhistory.button { display: inline-block; background: none repeat scroll 0% 0% transparent; color: rgb(255, 255, 255); } .m-profilelist.historyfinished.hashistory .m-profilelist-clearhistory.button:hover { background: none repeat scroll 0% 0% transparent; color: rgb(226, 176, 94); } .m-profilelist.historyfinished.nohistory .m-profilelist-viewinghistory-nohistory { display: block; } .m-profilelist.historyfinished.nohistory .m-profilelist-viewinghistory-nohistory p { color: rgb(255, 255, 255); } .m-profilelist.historyfinished.nohistory .tiles { display: none; } .m-profilelist .tiles .tile .tile-copy-section .subheader, .m-profilelist .tiles .tile .tile-copy-section .title { width: 100%; display: block; } .m-profilelist .tiles .tile .tile-copy-section .subheader { height: 1.25rem; max-height: 1.25rem; } .m-profilelist .tiles .tile .tile-copy-section .title { height: 1.5rem; max-height: 1.5rem; } .m-profilelist .tiles .tile.movie .tile-copy-section .title { height: 3.375rem; max-height: 3.375rem; } body .m-profilelist.slider-enabled .tiles .tile .background-link { background: none repeat scroll 0% 0% transparent; } .m-profilelist.slider-enabled { padding-left: 0.625rem; margin-bottom: 0px; } @media only screen and (min-width: 42em) { .m-profilelist.slider-enabled { padding-left: 1.25rem; } } @media only screen and (min-width: 62.5em) { .m-profilelist.slider-enabled { padding-left: 0.125rem; } } .m-profilelist.slider-enabled.nohistory { display: none; } .m-profilelist.slider-enabled .m-profilelist-settings { display: none; } .m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow { visibility: hidden; top: 45%; opacity: 1; transition: opacity 250ms cubic-bezier(0.23, 1, 0.32, 1) 0s; } @media only screen and (min-width: 62.5em) { .m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow { visibility: visible; } } .m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow.hidden { opacity: 0; } .m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow.m-profile-list-arrow-next, .m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow.m-profile-list-arrow-prev { z-index: 1; position: absolute; height: 17.375rem; top: 0px; font-size: 2.375rem; padding-top: 6.25rem; width: 62.5rem; } @media screen and (max-width: 71.875rem) { .m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow.m-profile-list-arrow-next .icon, .m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow.m-profile-list-arrow-prev .icon { opacity: 0; } } .m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow.m-profile-list-arrow-next { text-align: left; right: -62.5rem; } .m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow.m-profile-list-arrow-next .icon { color: rgb(255, 255, 255); position: relative; transition: right 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s; right: -3.125rem; } .m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow.m-profile-list-arrow-next.hidden .icon, .m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow.m-profile-list-arrow-next.slick-disabled .icon { right: 3.75rem; } .m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow.m-profile-list-arrow-prev { text-align: right; left: -62.5rem; } .m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow.m-profile-list-arrow-prev .icon { color: rgb(255, 255, 255); position: relative; transition: left 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s; left: -3.125rem; } .m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow.m-profile-list-arrow-prev.hidden .icon, .m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow.m-profile-list-arrow-prev.slick-disabled .icon { left: 3.75rem; } .m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow.slick-disabled { opacity: 0; } .m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles:not(.enabled) { max-height: 17.375rem; overflow: hidden; } .m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles .slick-list { overflow: visible; } @media only screen and (min-width: 62.5em) { .m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles .slick-slide { opacity: 0.2; transition: opacity 333ms cubic-bezier(0.23, 1, 0.32, 1) 0s; } .m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles .slick-slide.slick-active { opacity: 1; } } .m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles:not(.enabled) ~ .m-profile-list-arrow { opacity: 0 ! important; } @media screen and (max-width: 21.875rem) { .m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles { min-width: 21.875rem; } } @media only screen and (min-width: 62.5em) { .m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles { min-width: 63.75rem; } } .m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles .tile { padding-right: 1.125rem; width: 21.125rem ! important; } @media screen and (max-width: 20rem) { .m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles .tile { width: 20.625rem ! important; } } .m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles .tile .tile-copy-section { min-height: 6.125rem; } @media only screen and (min-width: 62.5em) { .m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles .tile .tile-copy-section { height: 6.125rem; } } @media only screen and (min-width: 42em) { .m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles .tile .tile-copy-section { height: 6.125rem; } } .m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles .tile .tile-copy-section .title { font-size: 1rem; margin-bottom: 0.375rem; max-height: 3.5rem; line-height: 1.25rem; overflow: hidden; white-space: normal; height: auto; } .m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles .tile .tile-copy-section .details { padding: 0.75rem 0.625rem; height: 100%; } .m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles .tile .tile-copy-section .details .text5 { font-size: 0.8125rem; font-weight: 200; margin: 0px; max-height: 1.75rem; line-height: 1.25rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles .tile .tile-copy-section .tile-thumbnail { background: none repeat scroll 0% 0% rgb(248, 248, 248); } .m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profilelist-clearhistory.button { font-size: 1rem; font-weight: 200; color: rgb(255, 255, 255); margin-top: 0px; background: none repeat scroll 0% 0% transparent; border: medium none; padding: 0px 0.125rem 0px 0px; text-align: right; vertical-align: top; margin-bottom: 0.9375rem; width: auto; float: right; border-radius: unset; transition: unset; } .m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profilelist-clearhistory.button:hover, .m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profilelist-clearhistory.button:focus { color: rgba(255, 255, 255, 0.8); background: none repeat scroll 0% 0% transparent; } @media screen and (max-width: 23.4375rem) { .m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profilelist-clearhistory.button { font-size: 0.8125rem; } } @media only screen and (max-width: 20em) { .m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profilelist-clearhistory.button { font-size: 0.6875rem; } } @media only screen and (min-width: 30em) { .m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profilelist-clearhistory.button { font-size: 1.25rem; } } .m-profilelist.slider-enabled .m-profilelist-viewinghistory .module-title { margin-top: 0px; margin-bottom: 0.9375rem; font-size: 1.125rem; font-weight: 200; line-height: normal; letter-spacing: 0.125rem; text-transform: uppercase; } @media screen and (max-width: 23.4375rem) { .m-profilelist.slider-enabled .m-profilelist-viewinghistory .module-title { font-size: 0.8125rem; } } @media only screen and (max-width: 20em) { .m-profilelist.slider-enabled .m-profilelist-viewinghistory .module-title { font-size: 0.6875rem; } } @media only screen and (min-width: 42em) { .m-profilelist.slider-enabled .m-profilelist-viewinghistory .module-title { font-size: 1.25rem; } } .m-profilelist.slider-enabled .m-profilelist-viewinghistory .title-and-button { margin-top: 2.5rem; padding: 0px; } .m-oneid-account-profile { margin-bottom: 7.5rem; color: rgb(255, 255, 255); } @media only screen and (min-width: 30em) { .m-oneid-account-profile { margin-bottom: 12rem; } } .m-oneid-account-profile a { color: rgb(255, 255, 255); font-size: 0.75rem; } .m-oneid-account-profile a:hover { color: rgba(255, 255, 255, 0.8); } .m-oneid-account-profile.loading .m-profilelist-loader .m-spinner { display: block; } .m-oneid-account-profile .no-session { margin: 2.5rem 1.5rem 0px; } @media only screen and (min-width: 30em) { .m-oneid-account-profile .no-session .row { padding: 0px; } } @media only screen and (min-width: 30em) { .m-oneid-account-profile .no-session { max-width: 41.9375em; margin: 3.4375rem auto 0px; } } .m-oneid-account-profile .no-session h3 { font-size: 1rem; text-align: center; font-weight: 300; margin-bottom: 2.125rem; } @media only screen and (min-width: 30em) { .m-oneid-account-profile .no-session h3 { font-size: 1.125rem; margin-bottom: 2.625rem; } } .m-oneid-account-profile .no-session .columns { font-size: 0.875rem; font-weight: 200; max-width: 14.375rem; float: none; margin: 0px auto 1rem; line-height: 1.5rem; } @media only screen and (min-width: 30em) { .m-oneid-account-profile .no-session .columns { max-width: 100%; float: left; } } .m-oneid-account-profile .no-session .columns .icon { display: inline-block; font-size: 2.75rem; margin-right: 0.9375rem; } .m-oneid-account-profile .no-session .columns .content { display: inline-block; max-width: 9.375rem; } .m-oneid-account-profile .no-session .sing-in-button-container { text-align: center; margin-top: 1.125rem; } @media only screen and (min-width: 30em) { .m-oneid-account-profile .no-session .sing-in-button-container { margin-top: 1.6875rem; } } .m-oneid-account-profile .no-session .sing-in-button-container .button { margin-bottom: 1.5rem; } .m-oneid-account-profile .no-session .sing-in-button-container .sing-in-message { font-size: 0.75rem; color: rgba(255, 255, 255, 0.5); } .m-oneid-account-profile .active-session .columns { float: left; } @media only screen and (min-width: 30em) { .m-oneid-account-profile .active-session .columns { padding: 0px 0.5rem; } } .m-oneid-account-profile .active-session .columns .container { padding: 2.5rem 0.625rem; background-color: rgb(35, 35, 35); } @media only screen and (min-width: 30em) { .m-oneid-account-profile .active-session .columns .container { min-height: 18.75rem; } } @media only screen and (min-width: 62.5em) { .m-oneid-account-profile .active-session .columns .container { min-height: 17.8125rem; } } @media only screen and (min-width: 240.063em) { .m-oneid-account-profile .active-session .columns .container { } } @media only screen and (min-width: 42em) { .m-oneid-account-profile .active-session .columns .container .message { font-size: 1.125rem; } } .m-oneid-account-profile .active-session .columns .container .desc { font-size: 0.875rem; margin-top: 1.5rem; } .m-oneid-account-profile .active-session .columns .container .tv-provider-logo { padding: 3.625rem 0px; } .m-oneid-account-profile .active-session .columns.logged-user .btn-container { margin: 2.625rem 0px 1rem; } .m-oneid-account-profile .active-session .columns.logged-user .btn-container .button { margin: 0px; } .m-recipe-category .recipecategory a { color: rgb(51, 51, 51); } @media only screen and (min-width: 42em) { .m-recipe-category .module-title { font-size: 1.625rem; } } .m-recipe-category .tiles { margin-bottom: 1.25rem; } @media only screen and (min-width: 62.5em) { .m-recipe-category .tiles .tile { margin-bottom: 1.25rem; } } @media only screen and (min-width: 62.5em) { .m-recipe-category .tiles .aspect-ratio-buffer.aspect-16x9 { width: 35%; padding-bottom: 20%; display: inline-block; } } @media only screen and (min-width: 62.5em) { .m-recipe-category .columns { margin: 0px; } } .recipecategory .text3 { font-size: 0.875rem; font-weight: 200; height: 2.3rem; padding: 0.25rem 0px 1rem; } @media only screen and (min-width: 42em) { .recipecategory .text3 { font-size: 1.125rem; line-height: 1.2625rem; height: auto; } } @media only screen and (min-width: 62.5em) { .recipecategory .text3 { margin-top: 0px; } } .recipecategory .copy { padding: 0.25rem 0px 1rem; } @media only screen and (min-width: 62.5em) { .recipecategory .copy { width: 59%; display: inline-block; vertical-align: top; padding: 0.25rem 0px 0px 0.9375rem; } } .m-recipe-category ul.row { margin: 0px -1rem 0px 0px; } @media only screen and (min-width: 30em) { .m-recipe-category ul.row { margin: 0px -1.25rem; } } .recipecategory .inner-wrap { margin: 0.125rem; white-space: normal; } @media only screen and (min-width: 30em) { .recipecategory .inner-wrap { margin: 0px 1rem; } } .m-recipe-detail-page { color: rgb(255, 255, 255); } .m-recipe-detail-page hr { margin-left: -0.4375rem; margin-right: -0.4375rem; border-color: rgba(255, 255, 255, 0.1); } @media only screen and (min-width: 42em) { .m-recipe-detail-page hr { margin-left: 0px; margin-right: 0px; } } .m-recipe-detail-page h1, .m-recipe-meta h1 { text-align: center; margin: 1.75rem 0px 0.3125rem; font-size: 1.125rem; } @media only screen and (min-width: 42em) { .m-recipe-detail-page h1, .m-recipe-meta h1 { margin: 3.125rem 0px 0.625rem; font-size: 2.25rem; } } .m-recipe-detail-page .m-recipe-directions > .title, .m-recipe-detail-page .m-recipe-ingredients > .title, .m-recipe-meta .m-recipe-directions > .title, .m-recipe-meta .m-recipe-ingredients > .title { display: none; font-size: 1.625rem; font-weight: 100; margin-bottom: 1.25rem; text-transform: lowercase; } @media only screen and (min-width: 42em) { .m-recipe-detail-page .m-recipe-directions > .title, .m-recipe-detail-page .m-recipe-ingredients > .title, .m-recipe-meta .m-recipe-directions > .title, .m-recipe-meta .m-recipe-ingredients > .title { display: block; } } .m-recipe-detail-page .m-recipe-ingredients-lists .title, .m-recipe-meta .m-recipe-ingredients-lists .title { font-size: 0.75rem; font-weight: 300; margin-top: 0.625rem; text-transform: uppercase; } @media only screen and (min-width: 42em) { .m-recipe-detail-page .m-recipe-ingredients-lists .title, .m-recipe-meta .m-recipe-ingredients-lists .title { margin-top: 2.1875rem; } } .m-recipe-detail-page .m-recipe-similarCategories .categoryTitle, .m-recipe-meta .m-recipe-similarCategories .categoryTitle { color: rgb(0, 0, 0); display: inline-block; padding-left: 0.25rem; } .m-recipe-meta { display: block; margin-bottom: 1.875rem; text-align: center; } @media only screen and (max-width: 29.9375em) { .m-recipe-meta { margin-bottom: 1.5625rem ! important; } } .m-recipe-meta ul { list-style: none outside none; margin: 0px; padding: 0px; } .m-recipe-meta ul li { display: inline-block; } .m-recipe-meta ul li:first-of-type { margin-left: 0px; } .m-recipe-ratings { display: inline-block; height: 0.75rem; margin-right: 0.125rem; position: relative; top: 0.125rem; width: 3.9375rem; } @media only screen and (min-width: 42em) { .m-recipe-ratings { height: 1rem; width: 5.1875rem; margin-right: 1.25rem; } } .m-recipe-ratings ul { position: absolute; top: 0px; width: 3.9375rem; } @media only screen and (min-width: 42em) { .m-recipe-ratings ul { width: 5.25rem; } } .m-recipe-ratings ul li { float: left; font-size: 0px; } .m-recipe-ratings li span { font-size: 0.75rem; } @media only screen and (min-width: 42em) { .m-recipe-ratings li span { font-size: 1rem; } } .m-recipe-ratings .m-recipe-rating-stars-mask { height: 0.75rem; overflow: hidden; position: absolute; top: 0px; width: 0%; z-index: 1; } @media only screen and (min-width: 42em) { .m-recipe-ratings .m-recipe-rating-stars-mask { height: 1rem; } } .m-recipe-ratings .m-recipe-rating-stars-mask.rated-point-five { width: 10%; } .m-recipe-ratings .m-recipe-rating-stars-mask.rated-one { width: 20%; } .m-recipe-ratings .m-recipe-rating-stars-mask.rated-one-point-five { width: 30%; } .m-recipe-ratings .m-recipe-rating-stars-mask.rated-two { width: 40%; } .m-recipe-ratings .m-recipe-rating-stars-mask.rated-two-point-five { width: 50%; } .m-recipe-ratings .m-recipe-rating-stars-mask.rated-three { width: 60%; } .m-recipe-ratings .m-recipe-rating-stars-mask.rated-three-point-five { width: 70%; } .m-recipe-ratings .m-recipe-rating-stars-mask.rated-four { width: 80%; } .m-recipe-ratings .m-recipe-rating-stars-mask.rated-four-point-five { width: 90%; } .m-recipe-ratings .m-recipe-rating-stars-mask.rated-five { width: 100%; } .m-recipe-ratings .m-recipe-rating-stars { height: 1rem; left: 0px; overflow: hidden; position: absolute; top: 0px; } .m-recipe-ratings .m-recipe-rating-stars li { color: rgb(247, 184, 27); list-style: none outside none ! important; } .m-recipe-ratings .m-recipe-rating-stars-shadow li { color: rgb(194, 194, 194); list-style: none outside none ! important; } .m-recipe-ratings .m-recipe-rating-stars-shadow li span:after { color: transparent; content: ""; cursor: pointer; margin-left: -1rem; position: absolute; z-index: 100; } .m-recipe-meta .m-recipe-servings { display: inline-block; font-size: 0.6875rem; margin: 0px 0.125rem; text-transform: lowercase; font-weight: 200; } @media only screen and (min-width: 42em) { .m-recipe-meta .m-recipe-servings { margin: 0px 1.25rem; font-size: 1.125rem; } } .m-recipe-meta .m-recipe-difficulty { display: inline-block; font-size: 0.6875rem; margin: 0px 0.125rem; text-transform: lowercase; font-weight: 200; } @media only screen and (min-width: 42em) { .m-recipe-meta .m-recipe-difficulty { margin: 0px 1.25rem; font-size: 1.125rem; } } .m-recipe-meta .m-recipe-time { display: inline-block; font-size: 0.6875rem; margin-left: 0.125rem; text-transform: lowercase; font-weight: 200; } @media only screen and (min-width: 42em) { .m-recipe-meta .m-recipe-time { margin-left: 1.25rem; font-size: 1.125rem; } } .m-recipe-meta .m-recipe-time .abc-icon-time-clock { font-size: 0.75rem; margin-right: 0.3125rem; position: relative; top: 0.0625rem; color: rgb(156, 156, 156); } @media only screen and (min-width: 42em) { .m-recipe-meta .m-recipe-time .abc-icon-time-clock { font-size: 1.125rem; top: 0.125rem; } } .m-recipe-detail-page .sep { font-weight: 100; display: inline-block; font-size: 1rem; line-height: 1.5rem; color: rgb(221, 221, 221); } .m-recipe-detail-page .m-recipe-author-container { margin-bottom: 0.625rem; display: block; height: auto; text-align: center; font-size: 0.75rem; color: rgb(204, 204, 204); font-weight: 300; text-transform: uppercase; } .m-recipe-detail-page .m-recipe-author-container .m-recipe-author { display: inline-block; padding-right: 0px; } .m-recipe-detail-page .m-recipe-author-container .m-recipe-author:hover { color: rgb(226, 176, 94); } .m-recipe-detail-page .m-recipe-author-container .m-recipe-author-avatar { border-radius: 100%; width: 1.5rem; margin: 0px 0.3125rem; } @media only screen and (min-width: 42em) { .m-recipe-detail-page .m-recipe-author-container .m-recipe-author-avatar { width: 2.625rem; } } .m-recipe-detail-page .m-recipe-author-container .sep-comma { display: inline-block; padding-right: 0.1875rem; } @media only screen and (min-width: 42em) { .m-recipe-detail-page .m-recipe-author-container { font-size: 0.9375rem; } } .m-recipe-hero { margin-bottom: 2.1875rem ! important; padding: 0px ! important; position: relative; text-align: center; } @media only screen and (max-width: 29.9375em) { .m-recipe-hero { margin-bottom: 1.5625rem ! important; } } .m-recipe-hero .close-player-icon { opacity: 0; } .m-recipe-hero.recipe-video .play-arrow-icon { background-image: url(""); background-position: center center; background-size: 80% auto; background-repeat: no-repeat; display: block; height: 3.125rem; left: 0px; margin: 19% auto 0px; position: absolute; right: 0px; width: 3.125rem; z-index: 999; transition: all 250ms ease-in-out 0s; } @media only screen and (min-width: 30em) { .m-recipe-hero.recipe-video .play-arrow-icon { height: 5rem; width: 5rem; } } @media only screen and (min-width: 42em) { .m-recipe-hero.recipe-video .play-arrow-icon { height: 7.5rem; margin-top: 12%; width: 7.5rem; } } @media only screen and (min-width: 62.5em) { .m-recipe-hero.recipe-video .play-arrow-icon { height: 8.75rem; width: 8.75rem; } } .m-recipe-hero.recipe-video:hover { cursor: pointer; } .m-recipe-hero.recipe-video:hover .play-arrow-icon { background-size: 100% auto; } .m-recipe-hero .play-arrow-icon { display: none; } .m-recipe-hero .m-recipe-hero-container { bottom: 0px; left: 1.875rem; margin-bottom: 3.75rem; max-width: 25rem; position: absolute; z-index: 9999; } @media only screen and (min-width: 62.5em) { .m-recipe-hero .m-recipe-hero-container { margin-bottom: 1.875rem; } } .m-recipe-hero .m-recipe-image { display: inline-block; margin: 0px auto; cursor: default; } @media only screen and (min-width: 30em) { .m-recipe-hero .m-recipe-image { max-width: 500px; padding-bottom: 0.3125rem; padding-right: 0px; } } @media only screen and (min-width: 62.5em) { .m-recipe-hero .m-recipe-image { padding-right: 0.5rem; } } .m-recipe-hero.no-video .m-recipe-image { padding-right: 0px; } .m-recipe-hero .m-recipe-hero-image { position: relative; } .m-recipe-hero .m-recipe-hero-image:after { content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 10; background-image: linear-gradient(rgba(29, 29, 29, 0.15) 100%, rgba(29, 29, 29, 0.15) 100%), linear-gradient(rgba(29, 29, 29, 0) 40%, rgba(29, 29, 29, 0.4) 100%); } .m-recipe-hero.no-video .m-recipe-hero-video { display: none; } .m-recipe-hero .m-recipe-hero-video { position: relative; } .m-recipe-hero .m-recipe-hero-video-container { margin: 0px auto; display: block; min-height: 0.0625rem; } @media only screen and (max-width: 29.9375em) { .m-recipe-hero .m-recipe-hero-video-container { margin-top: 0.625rem; } } @media only screen and (min-width: 30em) { .m-recipe-hero .m-recipe-hero-video-container { max-width: 500px; padding-left: 0px; } } @media only screen and (min-width: 62.5em) { .m-recipe-hero .m-recipe-hero-video-container { float: right; padding-left: 0.5rem; } } .m-recipe-hero .m-videoplayer-navigation { margin: 0px; padding: 0.625rem; display: block; opacity: 0; background-color: rgb(238, 238, 238); cursor: default; transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 0s; } .m-recipe-hero .m-videoplayer-navigation.active { opacity: 1; } .m-recipe-hero .m-videoplayer-navigation .prev { text-align: left; cursor: default; } .m-recipe-hero .m-videoplayer-navigation .current { font-size: 0.875rem; color: rgb(35, 35, 35); font-weight: 200; padding: 0.1875rem; cursor: default; } @media only screen and (min-width: 42em) { .m-recipe-hero .m-videoplayer-navigation .current { font-size: 1rem; padding: 0px 0.1875rem; } } .m-recipe-hero .m-videoplayer-navigation .next { text-align: right; cursor: default; } .m-recipe-hero .m-videoplayer-navigation .next-video, .m-recipe-hero .m-videoplayer-navigation .previous-video { font-family: "abc-modern",helvetica,arial,sans-serif; font-size: 0.875rem; color: rgb(170, 170, 170); font-weight: 200; cursor: default; } @media only screen and (min-width: 42em) { .m-recipe-hero .m-videoplayer-navigation .next-video, .m-recipe-hero .m-videoplayer-navigation .previous-video { font-size: 1rem; } } .m-recipe-hero .m-videoplayer-navigation .next-video:after { font-family: 'abc-ui-font' ! important; content: ""; padding-left: 0.625rem; color: rgb(170, 170, 170); font-size: 0.6875rem; font-weight: 600; } @media only screen and (min-width: 42em) { .m-recipe-hero .m-videoplayer-navigation .next-video:after { font-size: 0.8125rem; } } .m-recipe-hero .m-videoplayer-navigation .previous-video:before { font-family: 'abc-ui-font' ! important; content: ""; padding-right: 0.625rem; color: rgb(170, 170, 170); font-size: 0.6875rem; font-weight: 600; } @media only screen and (min-width: 42em) { .m-recipe-hero .m-videoplayer-navigation .previous-video:before { font-size: 0.8125rem; } } .m-recipe-hero .m-videoplayer-navigation .next-video.active, .m-recipe-hero .m-videoplayer-navigation .previous-video.active { cursor: pointer; color: rgb(35, 35, 35); } .m-recipe-hero .m-videoplayer-navigation .next-video.active:after, .m-recipe-hero .m-videoplayer-navigation .previous-video.active:after { color: rgb(35, 35, 35); } .m-recipe-hero .m-videoplayer-navigation .next-video.active:before, .m-recipe-hero .m-videoplayer-navigation .previous-video.active:before { color: rgb(35, 35, 35); } .m-recipe-detail-page .m-recipe-description { margin-bottom: 1.25rem; } @media only screen and (min-width: 42em) { .m-recipe-detail-page .m-recipe-description { margin-bottom: 1.5rem; } } .m-recipe-detail-page .m-recipe-description p { font-size: 0.875rem; font-weight: 200; text-align: center; margin-bottom: 0px; } @media only screen and (min-width: 42em) { .m-recipe-detail-page .m-recipe-description p { font-size: 1.25rem; } } .m-recipe-detail-page .m-sharebar-wrapper { text-align: center; display: block; margin-bottom: 1.25rem; } @media only screen and (min-width: 42em) { .m-recipe-detail-page .m-sharebar-wrapper { margin-bottom: 1.5rem; } } .m-recipe-detail-page .m-sharebar { margin: 0px auto; text-align: center; display: inline-block; border: 0.0625rem solid rgb(206, 206, 206); width: auto; padding: 0.75rem ! important; opacity: 0; transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 0s; } .m-recipe-detail-page .m-sharebar.active { opacity: 1; } .m-recipe-detail-page .m-sharebar .shareButton { margin-right: 1.25rem; } .m-recipe-detail-page .m-sharebar img { height: 100%; } .m-recipe-detail-page .m-sharebar a { color: rgb(35, 35, 35); } .m-recipe-detail-page .m-sharebar .shareButton.fb { width: 3.625rem; } .m-recipe-detail-page .m-sharebar .shareButton.pinterestButton { margin-right: 1.25rem; width: 2.5rem; } .m-recipe-detail-page .m-sharebar .shareButton .icon { color: rgb(170, 170, 170); } .m-recipe-detail-page .m-sharebar .shareButton.printButton { margin-right: 0.9375rem; } .m-recipe-detail-page .m-sharebar .shareButton.printButton .icon { color: rgb(170, 170, 170); } .m-recipe-detail-page .m-sharebar .shareButton.zipListButton { background-color: rgb(247, 184, 27); border-radius: 0.625rem; color: rgb(255, 255, 255); display: inline-block; height: 1.25rem; width: 1.25rem; } .m-recipe-detail-page .m-sharebar .shareButton.moreShareButton { margin-right: 0px; } .m-recipe-detail-page .m-sharebar .hideInMore { visibility: hidden; } .m-recipe-detail-page .m-sharebar .fb-share-button iframe { display: inline-block ! important; } .m-recipe-detail-page .m-sharebar.showMore .hideInMore { right: 0px; left: inherit; } .m-recipe-detail-page .m-sharebar.showMore .hideInMore:before { left: 79%; } .m-recipe-detail-page .m-sharebar.showMore .hideInMore .shareButton, .m-recipe-detail-page .m-sharebar.showMore .hideInMore .shareButton:last-child { display: inline-block; margin: 1rem 0.5rem; } .m-recipe-detail-page .m-recipe-tabs { left: 0px; margin-top: 0.9375rem; position: absolute; width: 100%; z-index: 5; } .m-recipe-detail-page .m-recipe-tabs .inline-list { margin-left: 0px; padding-top: 0.125rem; } .m-recipe-detail-page .m-recipe-tabs .inline-list li { background-color: rgb(43, 45, 54); color: rgb(156, 156, 156); cursor: pointer; font-size: 0.75rem; margin: 0px; padding: 0.375rem 0px 0.4375rem; text-align: center; text-transform: uppercase; width: 50%; border-top: 0.125rem solid transparent; transition: all 500ms ease 0s; } .m-recipe-detail-page .m-recipe-tabs .inline-list li.active { border-top-color: rgb(247, 184, 27); color: rgb(255, 255, 255); background-color: transparent; } @media only screen and (min-width: 42em) { .m-recipe-detail-page .m-recipe-tabs .inline-list li { display: none; } } .m-recipe-detail-page .m-recipe-content { margin-top: 5rem; padding: 0px 0.3125rem; } @media only screen and (min-width: 42em) { .m-recipe-detail-page .m-recipe-content { margin-top: 2.5rem; } } .m-recipe-detail-page .tab-content { display: none; } .m-recipe-detail-page .tab-content.active { display: block; } @media only screen and (min-width: 42em) { .m-recipe-detail-page .tab-content { display: block; } .m-recipe-detail-page .tab-content.active { display: block; } } .m-recipe-ingredients { margin-bottom: 1.25rem; vertical-align: top; color: rgb(255, 255, 255); } @media only screen and (min-width: 42em) { .m-recipe-ingredients { float: left; margin-right: 2.375rem; } } .m-recipe-ingredients .m-recipe-ingredients-lists { overflow: hidden; padding-bottom: 2.1875rem; width: 100%; } @media only screen and (min-width: 42em) { .m-recipe-ingredients .m-recipe-ingredients-lists { color: rgb(0, 0, 0); background-color: rgb(238, 238, 238); max-width: 20.875rem; padding: 0px 1.25rem 2.1875rem; } } .m-recipe-ingredients .m-recipe-ingredients-lists ul { font-size: 0.8125rem; font-weight: 200; margin: 0px 0px 2.1875rem; padding: 0px 0px 0px 0.9375rem; } .m-recipe-ingredients .m-recipe-ingredients-lists ul:last-child { margin-bottom: 0px; } @media only screen and (min-width: 42em) { .m-recipe-ingredients .m-recipe-ingredients-lists ul { font-size: 0.75rem; } } .m-recipe-ingredients .m-recipe-ingredients-lists li { padding: 0.3125rem 0px; } .m-recipe-ingredients .m-recipe-ingredients-lists li a { padding-right: 0.1875rem; } .m-recipe-directions { overflow: hidden; } .m-recipe-directions ul { counter-reset: numList; display: block; font-size: 0.9375rem; font-weight: 200; list-style: none outside none; margin: 0.9375rem 0px 0px; padding: 0px; } @media only screen and (min-width: 42em) { .m-recipe-directions ul { display: table-cell; font-size: 1.125rem; margin-top: 0px; } } .m-recipe-directions .step { border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.1); margin-bottom: 1.875rem; padding-bottom: 1.875rem; padding-left: 3.125rem; position: relative; } .m-recipe-directions .step:before { background-color: rgb(247, 184, 27); border-radius: 100%; color: rgb(255, 255, 255); content: counter(numList, decimal); counter-increment: numList; font-size: 1rem; font-weight: 700; height: 1.75rem; left: 0px; position: absolute; text-align: center; width: 1.75rem; } .m-recipe-detail-page .m-recipe-similarCategories { display: table-row; } .m-recipe-detail-page .m-recipe-similarCategories a { color: rgb(247, 184, 27); } .m-recipe-detail-page .m-recipe-similarCategories .category:not(:last-child):after { color: rgb(247, 184, 27); content: ", "; } .m-recipe-detail-page .m-recipe-ingredients .ad-unit-wrapper .m-adblock { margin-top: 1.25rem; } .m-recipe-detail-page .m-recipe-ingredients .columns.m-adblock { padding: 0px; } .m-recipe-detail-page .m-recipe-ingredients .ad-wrapper { margin: 0px auto; } .m-recipe-detail-page .comments { margin-top: 1.25rem; } .m-recipe-detail-page .comments h2 { width: 100%; display: block; } @media only screen and (min-width: 42em) { .m-recipe-detail-page .comments h2 { width: 50%; margin: 0px; display: inline-block; } } .m-recipe-detail-page .comments .rate-this-recipe { width: 100%; display: block; text-align: left; float: right; margin-bottom: 0.5rem; } .m-recipe-detail-page .comments .rate-this-recipe .rate-this-recipe-title { display: inline-block; font-size: 1rem; font-weight: 200; padding-right: 0.3125rem; } @media only screen and (min-width: 42em) { .m-recipe-detail-page .comments .rate-this-recipe .rate-this-recipe-title { font-size: 1.125rem; padding-right: 0.625rem; } } @media only screen and (min-width: 42em) { .m-recipe-detail-page .comments .rate-this-recipe { width: 50%; margin: 0px; display: inline-block; text-align: right; } } .m-recipe-detail-page .m-recipe-rating-popup { background-color: white; display: none; height: 3.6875rem; position: absolute; width: 9.875rem; z-index: 9999; box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.25); } .m-recipe-detail-page .m-recipe-rating-popup:before { content: " "; top: -0.65rem; border-top: 0.125rem solid rgb(238, 238, 238); border-left: 0.125rem solid rgb(238, 238, 238); background: none repeat scroll 0% 0% rgb(255, 255, 255); height: 1.125rem; width: 1.125rem; position: absolute; display: block; pointer-events: none; transform: rotate(45deg); } .m-recipe-detail-page .m-recipe-rating-popup.open { display: block; } .m-recipe-detail-page .m-recipe-rating-popup .m-recipe-rating-stars { display: flex; direction: rtl; height: 60%; margin-top: 0.9375rem; width: 90%; } .m-recipe-detail-page .m-recipe-rating-popup .m-recipe-rating-stars li { color: rgb(194, 194, 194); } .m-recipe-detail-page .m-recipe-rating-popup .m-recipe-rating-stars li:hover, .m-recipe-detail-page .m-recipe-rating-popup .m-recipe-rating-stars li:hover ~ li { color: rgb(247, 184, 27); } .m-recipe-detail-page .m-recipe-rating-popup .m-recipe-rating-stars span { cursor: pointer; font-size: 1.5rem; } .m-recipe-detail-page .rate-this-recipe .m-recipe-rating-popup { top: 1.5625rem; right: -2.3125rem; } @media only screen and (min-width: 42em) { .m-recipe-detail-page .rate-this-recipe .m-recipe-rating-popup { top: 1.875rem; right: -0.3125rem; } } .m-recipe-detail-page .rate-this-recipe .m-recipe-rating-popup:before { right: 38%; } @media only screen and (min-width: 42em) { .m-recipe-detail-page .rate-this-recipe .m-recipe-rating-popup:before { right: 24%; } } .m-recipe-detail-page .m-recipe-meta .m-recipe-rating-popup { top: 1.5625rem; right: -4.875rem; } @media only screen and (min-width: 42em) { .m-recipe-detail-page .m-recipe-meta .m-recipe-rating-popup { top: 1.875rem; right: -2rem; } } .m-recipe-detail-page .m-recipe-meta .m-recipe-rating-popup:before { right: 64%; } @media only screen and (min-width: 42em) { .m-recipe-detail-page .m-recipe-meta .m-recipe-rating-popup:before { right: 42%; } } .m-recipe-tilegroup .tile .copy { padding: 0.25rem 0px 0.625rem; } .m-recipe-tilegroup .recipe.tile { padding-bottom: 2.5rem; } .m-recipe-tilegroup .tile a { color: rgb(255, 255, 255); } .m-recipe-tilegroup .tile a.background-link { height: auto; } .m-recipe-author-container { color: rgb(255, 255, 255); display: inline-block; font-size: 0.625rem; font-weight: 300; height: 1.5rem; line-height: 2; overflow: hidden; text-transform: uppercase; } .m-recipe-author-container .m-recipe-author { color: inherit; display: block; } .m-recipe-author-container a.m-recipe-author { display: inline-block; } .m-recipe-author-container span { display: inline-block; padding-right: 0.1875rem; } @media only screen and (min-width: 42em) { .m-recipe-author-container { font-size: 0.75rem; } } .tile .m-recipe-title { display: block; font-size: 0.8125rem; font-weight: 200; height: 2.0625rem; line-height: 1.2; max-height: none; overflow: hidden; padding-bottom: 0.125rem; padding-right: 2.1875rem; text-transform: capitalize; color: rgb(255, 255, 255); } .tile .m-recipe-title:hover { color: rgb(226, 176, 94); } @media only screen and (min-width: 30em) { .tile .m-recipe-title { font-size: 1.125rem; height: 2.5rem; max-height: 2.5rem; } } @media only screen and (min-width: 42em) { .tile .m-recipe-title { font-size: 1.125rem; height: 2.375rem; max-height: 2.375rem; } } .m-recipe-tilegroup .m-recipe-meta { border-top: 0.0625rem solid rgba(255, 255, 255, 0.4); display: inline-block; margin-bottom: 0px; text-align: center; width: 100%; color: rgb(255, 255, 255); } .m-recipe-tilegroup .m-recipe-meta ul { list-style: none outside none; margin: 0px; padding: 0px; } .m-recipe-tilegroup .m-recipe-meta ul li { display: inline-block; } .m-recipe-tilegroup .m-recipe-meta ul li:first-of-type { margin-left: 0px; } .m-recipe-tilegroup .m-recipe-ratings ul { cursor: default; position: absolute; top: 0px; width: 5.25rem; } @media only screen and (min-width: 30em) { .m-recipe-tilegroup .m-recipe-ratings ul { width: 3.9375rem; } } @media only screen and (min-width: 42em) { .m-recipe-tilegroup .m-recipe-ratings ul { width: 5.25rem; } } .m-recipe-tilegroup .m-recipe-ratings ul li { float: left; font-size: 0px; } .m-recipe-tilegroup .m-recipe-ratings li span { font-size: 0.9375rem; } @media only screen and (min-width: 30em) { .m-recipe-tilegroup .m-recipe-ratings li span { font-size: 0.75rem; } } @media only screen and (min-width: 42em) { .m-recipe-tilegroup .m-recipe-ratings li span { font-size: 0.9375rem; } } .m-recipe-tilegroup .m-recipe-rating-stars-shadow li span:after { cursor: default; } .m-recipe-tilegroup .m-recipe-rating-stars-mask { height: 1rem; overflow: hidden; position: absolute; top: 0px; width: 0%; z-index: 1; } @media only screen and (min-width: 30em) { .m-recipe-tilegroup .m-recipe-rating-stars-mask { height: 0.75rem; } } @media only screen and (min-width: 42em) { .m-recipe-tilegroup .m-recipe-rating-stars-mask { height: 1rem; } } .m-recipe-tilegroup .m-recipe-rating-stars-mask.rated-point-5 { width: 10%; } .m-recipe-tilegroup .m-recipe-rating-stars-mask.rated-one { width: 20%; } .m-recipe-tilegroup .m-recipe-rating-stars-mask.rated-one-point-five { width: 30%; } .m-recipe-tilegroup .m-recipe-rating-stars-mask.rated-two { width: 40%; } .m-recipe-tilegroup .m-recipe-rating-stars-mask.rated-two-point-five { width: 50%; } .m-recipe-tilegroup .m-recipe-rating-stars-mask.rated-three { width: 60%; } .m-recipe-tilegroup .m-recipe-rating-stars-mask.rated-three-point-five { width: 70%; } .m-recipe-tilegroup .m-recipe-rating-stars-mask.rated-four { width: 80%; } .m-recipe-tilegroup .m-recipe-rating-stars-mask.rated-four-point-five { width: 90%; } .m-recipe-tilegroup .m-recipe-rating-stars-mask.rated-five { width: 100%; } .m-recipe-tilegroup .m-recipe-ratings { display: inline-block; height: 1rem; margin-right: 0px; position: relative; top: 0.3125rem; width: 4.875rem; } @media only screen and (min-width: 30em) { .m-recipe-tilegroup .m-recipe-ratings { height: 0.75rem; margin-right: 0px; top: 0.1875rem; width: 2.8125rem; } } @media only screen and (min-width: 42em) { .m-recipe-tilegroup .m-recipe-ratings { height: 1rem; top: 0.3125rem; width: 4.375rem; } } @media only screen and (min-width: 62.5em) { .m-recipe-tilegroup .m-recipe-ratings { margin-right: 0.75rem; } } .m-recipe-tilegroup .m-recipe-rating-stars { height: 1rem; left: 0px; overflow: hidden; position: absolute; top: 0px; } .m-recipe-tilegroup .m-recipe-rating-stars li { color: rgb(226, 176, 94); } .m-recipe-tilegroup .m-recipe-rating-stars-shadow li { color: rgb(255, 255, 255); } .m-recipe-tilegroup .m-recipe-rating-stars-shadow li span:after { color: transparent; content: ""; margin-left: -1rem; position: absolute; z-index: 100; } .m-recipe-tilegroup .m-recipe-difficulty { display: inline-block; font-size: 0.75rem; font-weight: 300; margin: 0px; text-transform: lowercase; } @media only screen and (min-width: 30em) { .m-recipe-tilegroup .m-recipe-difficulty { font-size: 0.5625rem; margin: 0px; } } @media only screen and (min-width: 62.5em) { .m-recipe-tilegroup .m-recipe-difficulty { font-size: 0.75rem; margin: 0px 0.75rem; } } .m-recipe-tilegroup .m-recipe-time { display: inline-block; font-size: 0.75rem; font-weight: 300; margin-left: 0px; text-transform: lowercase; } @media only screen and (min-width: 30em) { .m-recipe-tilegroup .m-recipe-time { font-size: 0.5625rem; margin-left: 0px; } } @media only screen and (min-width: 62.5em) { .m-recipe-tilegroup .m-recipe-time { font-size: 0.75rem; margin-left: 0.75rem; } } .m-recipe-tilegroup .m-recipe-time .abc-icon-time-clock { font-size: 0.75rem; top: 0.0625rem; } .m-recipe-tilegroup .sep { color: rgba(255, 255, 255, 0.4); font-size: 1.25rem; font-weight: 100; vertical-align: middle; } .m-recipe-tilegroup .m-recipe-author { font-size: 0.75rem; } @media only screen and (min-width: 30em) { .m-recipe-tilegroup .m-recipe-author { font-size: 0.5625rem; } } @media only screen and (min-width: 42em) { .m-recipe-tilegroup .m-recipe-author { font-size: 0.625rem; } } @media only screen and (min-width: 62.5em) { .m-recipe-tilegroup .m-recipe-author { font-size: 0.75rem; } } .m-recipe-tilegroup .recipe .m-recipe-title { font-size: 1.125rem; height: 2.8125rem; line-height: 1.2; max-height: none; display: block; overflow: hidden; } @media only screen and (min-width: 30em) { .m-recipe-tilegroup .recipe .m-recipe-title { font-size: 0.875rem; height: 2.1875rem; } } @media only screen and (min-width: 42em) { .m-recipe-tilegroup .recipe .m-recipe-title { font-size: 0.9375rem; height: 2.375rem; } } @media only screen and (min-width: 62.5em) { .m-recipe-tilegroup .recipe .m-recipe-title { font-size: 1.125rem; height: 2.8125rem; } } .m-recipe-tilegroup .m-recipe-ratings li span, .m-recipe-tilegroup .m-recipe-difficulty, .m-recipe-tilegroup .m-recipe-time { font-size: 0.8125rem; } @media only screen and (min-width: 30em) { .m-recipe-tilegroup .m-recipe-ratings li span, .m-recipe-tilegroup .m-recipe-difficulty, .m-recipe-tilegroup .m-recipe-time { font-size: 0.5625rem; } } @media only screen and (min-width: 42em) { .m-recipe-tilegroup .m-recipe-ratings li span, .m-recipe-tilegroup .m-recipe-difficulty, .m-recipe-tilegroup .m-recipe-time { font-size: 0.75rem; } } @media only screen and (min-width: 62.5em) { .m-recipe-tilegroup .m-recipe-ratings li span, .m-recipe-tilegroup .m-recipe-difficulty, .m-recipe-tilegroup .m-recipe-time { font-size: 0.8125rem; } } .module.tile-strip.m-recipe-tilegroup .m-tilegroup-arrow { top: 30%; } .m-tilegroup .tile.recipe .fluid-img { transition: transform 200ms ease-in 0s; } .m-tilegroup .tile.recipe:hover .fluid-img { transition: transform 200ms ease-out 0s; transform: scale(1.05); } @media only print { @page { margin: 15mm; } body { font-family: 'abc-modern',helvetica,sans-serif; font-size: 0.75rem; padding: 0px; } .page-wrapper { display: block; height: auto; } .authenticated .page-wrapper .region.content, .page-wrapper .region.content { margin-top: 0px; overflow: visible; } .m-menu-row { margin: 0px; max-width: none; padding: 0px; } .m-menu { position: static; } .m-menu .m-menu-logo-title { padding-left: 0px; padding-right: 0px; width: 50%; } .m-menu .m-menu-logo-title .m-menu-page-title .m-menu-showtitle { margin-top: 0.3125rem; text-decoration: none; } .m-menu .m-menu-logo-title .m-menu-page-title .m-menu-tune-in { font-size: 0.9375rem; position: absolute; right: 0px; top: 0.9375rem; } .m-recipe-detail-page .m-recipe-hero { margin-bottom: 0px; min-height: 3.4375rem; } .m-recipe-detail-page .m-recipe-hero .m-recipe-hero-image { display: block; height: 8.5rem; overflow: hidden; position: absolute; width: 8.5rem; z-index: 9999; } .m-recipe-detail-page .m-recipe-hero .m-recipe-hero-image img { left: 0px; margin-left: -6.375rem; max-height: 8.5rem; max-width: none ! important; position: relative; right: 0px; top: 0px; width: auto; } .m-recipe-detail-page .m-recipe-hero img:after { display: none; } .m-recipe-detail-page .m-recipe-directions > .title, .m-recipe-detail-page .m-recipe-ingredients > .title, .m-recipe-detail-page .tab-content { display: block; float: none; width: 90%; } .m-recipe-detail-page .m-recipe-ingredients { float: none; margin-left: 5%; width: 90%; } .m-recipe-detail-page .m-recipe-ingredients .title { display: none; } .m-recipe-detail-page .m-recipe-ingredients li { font-size: 0.5625rem; } .m-recipe-detail-page .m-recipe-ingredients .m-recipe-ingredients-lists { padding-bottom: 0px; } .m-recipe-detail-page .m-recipe-ingredients .m-recipe-ingredients-lists .title { display: block; font-weight: 300; font-size: 0.75rem; } .m-recipe-detail-page .m-recipe-directions { margin-left: 5%; width: 90%; } .m-recipe-detail-page .m-recipe-directions .title { display: none; } .m-recipe-detail-page .m-recipe-directions .step { font-size: 0.6875rem; margin-bottom: 0.75rem; padding-bottom: 0.75rem; } .row.module.m-recipe-detail { max-width: none; } .m-recipe-info .m-recipe-author { display: block; margin: 0.625rem 0px 0px 10rem; text-align: left; top: 0px; width: auto; } .m-recipe-info .m-recipe-author span { font-size: 0.875rem; font-weight: 700; } .m-recipe-detail-page .m-recipe-hero .m-recipe-hero-container { left: 0px; max-width: 100%; position: absolute; top: 0px; z-index: 9999; } .m-recipe-detail-page .m-recipe-hero .m-recipe-hero-container .m-recipe-author-container { height: auto; padding-bottom: 0px; } .m-recipe-detail-page .m-recipe-hero .m-recipe-hero-container .m-recipe-author-container .m-recipe-author { font-size: 0.625rem; height: auto; } .m-recipe-detail-page .m-recipe-hero .m-recipe-hero-container h1 { display: inline-block; font-size: 1rem; font-weight: 300; margin: 0px 0px 0px 10rem; text-align: left; top: 0px; width: auto; } .m-recipe-detail-page .m-recipe-content { margin-top: 1.875rem; } .m-recipe-detail-page .m-recipe-content header.title { font-size: 0.875rem; } a:after, img:after, .social-icons, .authenticated .m-menu .m-mvpdauth, .m-menu-global-navigation-search-icon, .m-menu-global-navigation, .m-submenu-logo-h1, .m-menu-drop-nav, .m-submenu .show-subnav, .m-submenu, .m-sharebar-wrapper, .m-sharebar, .shareButton, .m-tilegroup, .m-schedule, .m-recipe-rating-popup, .m-recipe-tabs, .m-recipe-info hr, .footer-modules, .m-recipe-similarCategories.categoryTitle, .ad-unit-wrapper, .comments { display: none ! important; } .m-recipe-hero-video-container { width: 1px; height: 1px; overflow: hidden; } } .m-schedule-responsive { color: rgb(255, 255, 255); } .m-schedule-responsive .affiliate-selector { visibility: hidden; opacity: 0; transition: opacity 250ms ease-in 0s; } .m-schedule-responsive .affilate-logo.hasDistro { background-position: center bottom; background-repeat: no-repeat; background-size: contain; display: inline-block; position: relative; margin: 0px; width: 4.0625rem; height: 3.21875rem; } @media only screen and (min-width: 42em) { .m-schedule-responsive .m-menu-show-title-prefix { display: inline-block ! important; visibility: visible; } } .m-schedule-responsive .text2 { display: inline-block; } .m-schedule-responsive .slick-slider { border-bottom: medium none; height: 5rem; margin-top: 1rem; margin-left: 2.5rem; margin-right: 2.5rem; opacity: 0; overflow: hidden; position: relative; transition: opacity 150ms ease-in 0s; } .m-schedule-responsive .slick-slider .slick-list .slick-track { height: 5rem; overflow: hidden; position: relative; z-index: 100; } .m-schedule-responsive .slick-slider .slick-track { transition: transform 500ms ease 0s; } .m-schedule-responsive .slick-slider .tile { border-bottom: 0.125rem solid rgba(238, 238, 238, 0); display: inline-block; height: 5rem; margin-bottom: 1.25rem; min-width: 7.5rem; position: relative; vertical-align: top; width: 7.5rem; transition: border 150ms ease-in 0s; } .m-schedule-responsive .slick-slider .tile a { transition: color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0s; } .m-schedule-responsive .slick-slider .tile .weekdate { display: inline-block; height: 100%; padding-left: 1rem; position: relative; text-decoration: none; text-transform: capitalize; width: 100%; } .m-schedule-responsive .slick-slider .tile .weekdate .day { display: block; font-size: 1.875rem; font-weight: 300; line-height: 2.5625rem; letter-spacing: -0.0375rem; } .m-schedule-responsive .slick-slider .tile .weekdate .date { display: block; font-size: 0.875rem; line-height: 1.1875rem; letter-spacing: -0.0375rem; } .m-schedule-responsive .slick-slider .tile a, .m-schedule-responsive .slick-slider .tile a:link { color: rgb(156, 156, 156); } .m-schedule-responsive .slick-slider li.selected-day a { color: rgb(255, 255, 255); } .m-schedule-responsive .slick-slider li.selected-day a span, .m-schedule-responsive .slick-slider li.selected-day a span.date { color: inherit; } .m-schedule-responsive .m-schedule-program { border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.1); padding: 2.5rem 0px 1.25rem; } .m-schedule-responsive .m-schedule-program .m-schedule-program-time { font-size: 1rem; font-weight: 500; padding-top: 0.625rem; padding-left: 0.9375rem; letter-spacing: -0.0375rem; } @media only screen and (min-width: 42em) { .m-schedule-responsive .m-schedule-program .m-schedule-program-time { padding-top: 2.1875rem; padding-left: 2.1875rem; } } @media only screen and (min-width: 62.5em) { .m-schedule-responsive .m-schedule-program .m-schedule-program-time { font-size: 1.5rem; letter-spacing: -0.0625rem; padding-top: 2.8125rem; } } .m-schedule-responsive .m-schedule-program .m-schedule-program-time .on-now { color: white; display: none; font-size: 0.75rem; margin-top: 0.5rem; padding: 0.25rem; text-transform: uppercase; } @media only screen and (min-width: 62.5em) { .m-schedule-responsive .m-schedule-program .m-schedule-program-time .on-now { font-size: 1.25rem; } } .m-schedule-responsive .m-schedule-program .m-schedule-program-details { padding: 0px 3.75rem 0px 1.875rem; } .m-schedule-responsive .m-schedule-program .m-schedule-program-details .m-schedule-program-name { font-size: 1.5rem; font-weight: 200; margin-top: 0.25rem; } .m-schedule-responsive .m-schedule-program .m-schedule-program-details .m-schedule-program-name a { color: rgb(255, 255, 255); } .m-schedule-responsive .m-schedule-program .m-schedule-program-details .m-schedule-program-name a:hover { text-decoration: none; } .m-schedule-responsive .m-schedule-program .m-schedule-program-details .m-schedule-program-name a:hover { text-decoration: underline; } .m-schedule-responsive .m-schedule-program .m-schedule-program-details .m-schedule-program-description { font-size: 1rem; line-height: 1.2rem; margin-top: 1rem; } .m-schedule-responsive .m-schedule-program .m-schedule-program-details .m-schedule-program-footer { color: rgb(204, 204, 204); font-size: 0.75rem; margin-top: 0.6875rem; text-transform: uppercase; } .m-schedule-responsive .m-schedule-program .m-schedule-program-details .m-schedule-program-footer.m-schedule-program-footer-with-icon { margin-top: 0.4375rem; } .m-schedule-responsive .m-schedule-program .m-schedule-program-details .m-schedule-program-footer .abc-icon-ad { font-size: 1.6875rem; vertical-align: middle; color: rgb(255, 255, 255); } .m-schedule-responsive .m-schedule-programs-section { min-height: 31.25rem; } .m-schedule-responsive .m-schedule-programs-section.loading .m-spinner { display: block; } .m-schedule-responsive .m-schedule-programs-section.loading .m-schedule-programs { display: none; } .m-schedule-responsive .m-schedule-programs-section .m-schedule-nav { display: none; } .m-schedule-responsive .m-schedule-nav-wrapper { position: relative; } .m-schedule-responsive .m-schedule-nav-wrapper .m-schedule-nav { background-color: rgba(255, 255, 255, 0.15); background-position: 50% center; background-repeat: no-repeat; background-size: 0.9375rem 1.3125rem; border: 0px none; color: rgb(255, 255, 255); display: table; height: 5rem; opacity: 0; overflow: hidden; position: absolute; text-align: center; top: 0px; width: 3rem; transition: all 150ms ease-in 0s; } .m-schedule-responsive .m-schedule-nav-wrapper .m-schedule-nav:hover { cursor: pointer; } .m-schedule-responsive .m-schedule-nav-wrapper .m-schedule-nav .icon { color: rgb(255, 255, 255); display: table-cell; font-size: 1.5625rem; vertical-align: middle; transition: color 150ms ease-in 0s; } .m-schedule-responsive .m-schedule-nav-wrapper .m-schedule-nav:hover .icon { color: rgb(255, 255, 255); } .m-schedule-responsive .m-schedule-nav-wrapper .m-schedule-nav.prev { left: 0px; margin-left: 0px; } .m-schedule-responsive .m-schedule-nav-wrapper .m-schedule-nav.next { right: 0px; margin-right: 0px; } .m-schedule-responsive.show-on-now .m-schedule-program.current-program .m-schedule-program-time .on-now { display: inline-block; } .m-schedule-responsive .slick-slider li.selected-day a .date { color: rgb(133, 133, 133); } .m-schedule-responsive .slick-slider.slick-initialized { opacity: 1; } .m-schedule-responsive .m-schedule-nav-wrapper .slick-initialized ~ .m-schedule-nav { opacity: 1; } .m-schedule-responsive.multiple-affiliates .affiliate-selector { visibility: visible; opacity: 1; } .m-schedule-responsive.multiple-affiliates .affiliate-selector.hidden { visibility: hidden; opacity: 0; } .m-schedule .m-schedule-cta { line-height: 3.125rem; margin: 0px; } @media only screen and (min-width: 42em) { .m-schedule .m-schedule-cta { padding-right: 1.25rem; padding-left: 0px; } } @media only screen and (min-width: 42em) { .m-schedule .m-schedule-cta { float: left; min-width: 15%; padding-left: 7px; } } .m-schedule .m-schedule-cta .textblock { line-height: 3.125rem; margin: 0px; } .m-schedule.m-schedule-slider .m-schedule-cta { display: table-cell; height: 2rem; line-height: normal; vertical-align: bottom; } @media only screen and (min-width: 42em) { .m-schedule.m-schedule-slider .m-schedule-cta { min-width: inherit; display: block; height: auto; line-height: 3.125rem; } } .m-schedule.m-schedule-slider .m-schedule-cta .textblock { line-height: normal; } @media only screen and (min-width: 42em) { .m-schedule.m-schedule-slider .m-schedule-cta .textblock { line-height: 3.125rem; } } @media only screen and (min-width: 42em) { .m-schedule .m-schelude-column-wrapper { max-height: 3.125rem; overflow: hidden; } } .m-schedule .m-schedule-programs { display: block; } .m-schedule .m-schedule-programs .m-schedule-program { border-top: 0.09375rem solid rgb(255, 255, 255); line-height: 3.125rem; margin: 0px; } @media only screen and (min-width: 42em) { .m-schedule .m-schedule-programs .m-schedule-program { padding-right: 1.25rem; padding-left: 0px; } } @media only screen and (min-width: 42em) { .m-schedule .m-schedule-programs .m-schedule-program { border: medium none; display: inline-block; min-width: 15%; } } .m-schedule .m-schedule-programs .m-schedule-program .m-schedule-program-name a, .m-schedule .m-schedule-programs .m-schedule-program .m-schedule-program-name span { color: rgb(255, 255, 255); font-size: 0.875rem; } @media only screen and (min-width: 42em) { .m-schedule .m-schedule-programs .m-schedule-program .m-schedule-program-name a, .m-schedule .m-schedule-programs .m-schedule-program .m-schedule-program-name span { font-size: 1rem; } } .m-schedule .m-schedule-programs .m-schedule-program.slick-slide { opacity: 0; transition: opacity 200ms ease-in 0s; } .m-schedule .m-schedule-programs .m-schedule-program.slick-slide.slick-active { opacity: 1; } .m-schedule .m-schedule-programs .m-schedule-program .textblock { border-top: medium none; line-height: 3.125rem; margin: 0px; } .m-schedule .m-schedule-programs.white:hover { color: rgb(255, 255, 255); } @media only screen and (min-width: 42em) { .m-schedule.m-schedule-slider .m-schedule-program { min-width: inherit; } } .m-schedule.m-schedule-slider .m-schedule-programs { height: 1.25rem; margin-bottom: 0.375rem; margin-top: 0.375rem; overflow: hidden; } @media only screen and (min-width: 42em) { .m-schedule.m-schedule-slider .m-schedule-programs { height: 3.125rem; margin: 0px; } } .m-schedule.m-schedule-slider .m-schedule-programs .m-schedule-program .textblock { line-height: normal; } @media only screen and (min-width: 42em) { .m-schedule.m-schedule-slider .m-schedule-programs .m-schedule-program .textblock { line-height: 3.125rem; } } .m-schedule.m-schedule-slider .m-schedule-programs .m-schedule-program { border-top: medium none; display: inline-block; } .m-schedule.m-schedule-slider .m-schedule-programs { height: 2rem; overflow: hidden; margin-bottom: 0.375rem; margin-top: 0.375rem; min-width: inherit; } @media only screen and (min-width: 42em) { .m-schedule.m-schedule-slider .m-schedule-programs { margin: 0px; height: 3.125rem; } } .m-schedule.m-schedule-slider .m-schedule-programs .m-schedule-program .textblock { line-height: normal; } @media only screen and (min-width: 42em) { .m-schedule.m-schedule-slider .m-schedule-programs .m-schedule-program .textblock { line-height: 3.125rem; } } .m-schedule.m-schedule-slider .m-schedule-programs .m-schedule-program { opacity: 0; border-top: medium none; display: inline-block; } .m-schedule.noLeading { margin-top: 0px; } .m-schedule .m-schedule-programs.dragging .m-schedule-program.slick-slide { opacity: 1; } body.butterscotch .m-schedule { background: none repeat scroll 0% 0% rgb(247, 184, 27); } body.garnet .m-schedule { background: none repeat scroll 0% 0% rgb(197, 5, 17); } body.aluminum .m-schedule { background: none repeat scroll 0% 0% rgb(92, 117, 148); } body.default .m-schedule { background: none repeat scroll 0% 0% rgb(226, 176, 94); } body.butterscotch .m-schedule-responsive .m-schedule-nav-wrapper .m-schedule-nav:hover { background: none repeat scroll 0% 0% rgb(247, 184, 27); } body.garnet .m-schedule-responsive .m-schedule-nav-wrapper .m-schedule-nav:hover { background: none repeat scroll 0% 0% rgb(197, 5, 17); } body.aluminum .m-schedule-responsive .m-schedule-nav-wrapper .m-schedule-nav:hover { background: none repeat scroll 0% 0% rgb(92, 117, 148); } body.default .m-schedule-responsive .m-schedule-nav-wrapper .m-schedule-nav:hover { background: none repeat scroll 0% 0% rgb(226, 176, 94); } body.butterscotch .m-schedule-responsive .m-schedule-program-time .on-now { background-color: rgb(247, 184, 27); } body.garnet .m-schedule-responsive .m-schedule-program-time .on-now { background-color: rgb(197, 5, 17); } body.aluminum .m-schedule-responsive .m-schedule-program-time .on-now { background-color: rgb(92, 117, 148); } body.default .m-schedule-responsive .m-schedule-program-time .on-now { background-color: rgb(226, 176, 94); } body.butterscotch .m-schedule-responsive .slick-slider .tile:hover { color: rgb(247, 184, 27) ! important; } body.butterscotch .m-schedule-responsive .slick-slider .tile.selected-day:after { background-color: rgb(247, 184, 27); } body.garnet .m-schedule-responsive .slick-slider .tile:hover { color: rgb(197, 5, 17) ! important; } body.garnet .m-schedule-responsive .slick-slider .tile.selected-day:after { background-color: rgb(197, 5, 17); } body.aluminum .m-schedule-responsive .slick-slider .tile:hover { color: rgb(92, 117, 148) ! important; } body.aluminum .m-schedule-responsive .slick-slider .tile.selected-day:after { background-color: rgb(92, 117, 148); } body.default .m-schedule-responsive .slick-slider .tile:hover { color: rgb(226, 176, 94) ! important; } body.default .m-schedule-responsive .slick-slider .tile.selected-day:after { background-color: rgb(226, 176, 94); } body.butterscotch .m-schedule-responsive .slick-slider .tile a:hover { color: rgb(247, 184, 27) ! important; } body.garnet .m-schedule-responsive .slick-slider .tile a:hover { color: rgb(197, 5, 17) ! important; } body.aluminum .m-schedule-responsive .slick-slider .tile a:hover { color: rgb(92, 117, 148) ! important; } body.default .m-schedule-responsive .slick-slider .tile a:hover { color: rgb(226, 176, 94) ! important; } body.default .m-schedule-responsive .m-schedule-program-time .on-now { background-color: rgb(255, 255, 255); color: rgb(25, 25, 25); } body.default .m-schedule-responsive .slick-slider .tile a:hover { color: rgba(255, 255, 255, 0.8) ! important; } body.default .m-schedule-responsive .m-schedule-nav-wrapper .m-schedule-nav:hover { background-color: rgba(255, 255, 255, 0.3); } .m-searchlist .modal-overlay { opacity: 0; } .m-searchlist .modal-overlay .modal { margin: 0px auto; height: 100%; padding: 2rem 1rem 0px; background-color: rgb(25, 25, 25); } .m-searchlist .search-results { margin-bottom: 4rem; } .m-searchlist .tiles { margin: 0px auto; padding-bottom: 4rem; } .m-searchlist .tiles .tile { opacity: 0; } @media only screen { .m-searchlist .tiles .tile { margin-bottom: 1.5625rem; } } @media only screen and (min-width: 42em) { .m-searchlist .tiles .tile { margin-bottom: 2rem; } } .m-searchlist .tiles:empty { display: none; } .m-searchlist .tiles:empty ~ .no-results { display: block; opacity: 0; } .m-searchlist .tiles:not(:empty) ~ .no-results { display: none; } .m-searchlist .no-results { font-size: 1rem; font-weight: 200; color: rgb(255, 255, 255); background-color: rgb(43, 45, 54); margin: 0px auto; line-height: normal; text-align: left; padding: 1.875rem 1.5rem 1.625rem; } @media only screen and (max-width: 20em) { .m-searchlist .no-results { text-align: center; } } @media only screen { .m-searchlist .no-results { width: 91.5%; } } @media only screen and (min-width: 42em) { .m-searchlist .no-results { width: 46rem; } } @media only screen and (min-width: 62.5em) { .m-searchlist .no-results { width: 62.5rem; } } .datg-select { margin-top: 1.4375rem; width: 100%; } @media only screen and (min-width: 42em) { .datg-select { margin-top: 2.5rem; } } @media only screen and (min-width: 62.5em) { .datg-select { margin-top: 3.75rem; } } .datg-select .button { background: none repeat scroll 0% 0% rgb(43, 45, 54); color: rgb(255, 255, 255); border-radius: 0px; text-transform: none; } .datg-select.disabled .button, .datg-select.disabled .button:focus, .datg-select.disabled .button:hover { background: none repeat scroll 0% 0% rgb(43, 45, 54); color: white; cursor: default; opacity: 0.7; } .datg-select-border-wrapper { border: 1px solid rgb(215, 215, 215); position: relative; } .datg-select-default { display: none; } .datg-select-default .icon { font-size: 0.5rem; position: absolute; right: 9px; top: 12px; z-index: 1; } @media only screen and (min-width: 42em) { .datg-select-default .icon { top: 0.875rem; } } @media only screen and (min-width: 62.5em) { .datg-select-default .icon { top: 1.125rem; } } .datg-select-default .module-select { margin-bottom: 0px; } .datg-select-default .button { border: medium none; padding: 0.375rem 0.5625rem; text-transform: none; } @media only screen and (min-width: 42em) { .datg-select-default .button { padding: 0.5625rem; } } .datg-select-custom { position: relative; } .datg-select-custom .button { padding: 0px; } .datg-select-custom .datg-select-custom-button-text { padding: 0.75rem; } .datg-select-custom .datg-select-custom-button-text .icon { font-size: 0.5625rem; position: relative; top: 0.375rem; } @media only screen and (min-width: 30em) { .datg-select-custom .datg-select-custom-button-text .icon { top: 0.4375rem; } } @media only screen and (min-width: 62.5em) { .datg-select-custom .datg-select-custom-button-text .icon { top: 0.5625rem; } } .datg-select-custom .datg-select-custom-button-text .button-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; width: calc(100% - 1.25rem); line-height: 100%; } .datg-select-custom .module-select { position: absolute; top: 0px; width: 100%; z-index: 2; transition: z-index 200ms cubic-bezier(0.86, 0, 0.07, 1) 800ms; } .datg-select-custom .datg-select-custom-list { color: rgb(255, 255, 255); max-height: 0px; opacity: 0; overflow: hidden; padding-top: 0px; visibility: hidden; transition: all 1000ms cubic-bezier(0.86, 0, 0.07, 1) 0ms; } .datg-select-custom .datg-select-custom-list .datg-select-custom-option { padding: 0.375rem 0.5625rem; transition: all 300ms cubic-bezier(0.86, 0, 0.07, 1) 0ms; } .datg-select-custom .datg-select-custom-list .datg-select-custom-option:first-child { margin-top: 0.3125rem; } .datg-select-custom .datg-select-custom-list .datg-select-custom-option:active { transition: all 300ms cubic-bezier(0.86, 0, 0.07, 1) 100ms; } .datg-select-custom .datg-select-custom-list .datg-select-custom-option:hover { background: none repeat scroll 0% 0% rgb(43, 45, 54); color: rgba(255, 255, 255, 0.8); transition: background 300ms ease-in-out 0s, transform 300ms cubic-bezier(0.86, 0, 0.07, 1) 100ms; } .touch .datg-select-default { display: block; } .module .datg-select-wrapper { width: 100%; } .module.videolanding .datg-select-wrapper { margin-bottom: 0px; margin-top: 0px; width: 100%; } .module.videolanding .datg-select-default .icon, .module.recipelanding .datg-select-default .icon, .module.newsandblogs .datg-select-default .icon { top: 12px; } @media only screen and (min-width: 42em) { .module.videolanding .datg-select-default .icon, .module.recipelanding .datg-select-default .icon, .module.newsandblogs .datg-select-default .icon { top: 1rem; } } @media only screen and (min-width: 62.5em) { .module.videolanding .datg-select-default .icon, .module.recipelanding .datg-select-default .icon, .module.newsandblogs .datg-select-default .icon { top: 1.0625rem; } } .datg-select.no-visibility-support .datg-select-custom-list { display: none; } .datg-select.expand .datg-select-custom .module-select { z-index: 3; transition: z-index 200ms cubic-bezier(0.86, 0, 0.07, 1) 0ms; } .datg-select.expand .datg-select-custom-list { max-height: 25rem; opacity: 1; visibility: visible; } .datg-select.expand.no-visibility-support .datg-select-custom-list { display: block; } .datg-select.expand .datg-select-custom-list .datg-select-custom-option { transform: translateY(0px); } .datg-select.expand .datg-select-custom-list .datg-select-custom-option.selected { background-color: rgb(30, 31, 37); } .datg-select .datg-select-custom .datg-select-custom-list.scroll { overflow-y: scroll; } .datg-select.daily-filter .datg-select-custom-list .datg-select-custom-option { text-align: right; padding-right: 1rem; } .datg-select.daily-filter .datg-select-custom-list .datg-select-custom-option.selected { background-color: rgb(30, 31, 37); } .datg-select:not(.disabled) .datg-select-custom .button:hover { border: medium none; } .datg-select:not(.disabled) .datg-select-custom .button:hover .icon { color: rgba(255, 255, 255, 0.8); } .datg-select .datg-select-custom-option.not-visible { display: none; } .m-sharebar { position: relative; width: 100%; display: inline-block; } .m-sharebar:not(:empty) { padding-bottom: 1.875rem; } .m-sharebar .shareButton { margin-right: 1.5rem; height: 1.25rem; display: inline-block; vertical-align: bottom; color: rgb(35, 35, 35); text-decoration: none; background-repeat: no-repeat; background-position: left center; background-size: contain; font-weight: 200; line-height: initial; margin-bottom: 0.3125rem; } .m-sharebar .shareButton .icon { color: rgb(156, 156, 156); padding-right: 0.3125rem; } .m-sharebar .shareButton.pinterestButton { margin-right: 1.5rem; padding-left: 0px; } .m-sharebar .shareButton .fb-share-button { height: auto; line-height: initial; } .m-sharebar .shareButton .fb-share-button iframe { display: none; position: relative; } @media only screen and (min-width: 42em) { .m-sharebar .shareButton .fb-share-button iframe { display: inline-block; } } .m-sharebar.showMore .shareButton .fb-share-button iframe { display: block; } .m-sharebar.showMore .shareButton .fb-share-button iframe { display: block; } .m-sharebar .shareButton.gPlus { display: none; } .m-sharebar .shareButton .twitter-share-button { visibility: hidden ! important; } .m-sharebar.showMore .shareButton .twitter-share-button { visibility: visible ! important; } .m-sharebar .shareButton:last-child { margin-right: 0px; } .m-sharebar .shareButton.gPlus div, .m-sharebar .shareButton.gPlus iframe { width: 3.5rem ! important; } .m-sharebar .numberOfComments { color: rgb(35, 35, 35); } .m-sharebar.showMore .hideInMore .shareButton.mobile, .m-sharebar .shareButton.mobile { display: block; } @media only screen and (min-width: 42em) { .m-sharebar.showMore .hideInMore .shareButton.mobile, .m-sharebar .shareButton.mobile { display: none; } } .m-sharebar .shareButton.web { display: none; } @media only screen and (min-width: 42em) { .m-sharebar .shareButton.web { display: inline-block; position: relative; } } .m-sharebar .hideInMore .shareButton { visibility: hidden; position: absolute; } .m-sharebar.showMore .hideInMore .shareButton { visibility: visible; position: static; } .m-sharebar.showMore .hideInMore .shareButton { vertical-align: top; display: block; margin: 1rem 0px; } @media only screen and (min-width: 42em) { .m-sharebar.showMore .hideInMore .shareButton { display: inline-block; margin: 0.75rem 0px 0.5rem 1rem; } } .m-sharebar.showMore .hideInMore .shareButton .twitter-share-button { margin: 0px; } .m-sharebar.showMore .hideInMore .shareButton:last-child { margin-right: 2.375rem; } .m-sharebar.showMore .hideInMore { z-index: 10; position: absolute; top: 2.5rem; left: 0px; visibility: visible; box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.25); background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 0px 0.5rem; } .m-sharebar.showMore .hideInMore:before { content: " "; top: -0.65rem; left: 10%; border-top: 0.125rem solid rgb(238, 238, 238); border-left: 0.125rem solid rgb(238, 238, 238); background: none repeat scroll 0% 0% rgb(255, 255, 255); height: 1.125rem; width: 1.125rem; position: absolute; display: block; pointer-events: none; transform: rotate(45deg); } @media only screen and (min-width: 42em) { .m-sharebar.showMore .hideInMore:before { left: 25%; } } @media only screen and (min-width: 42em) { .m-sharebar.showMore .hideInMore { left: 1.25rem; } } .showlogo-wrapper { margin: 0px auto; } @media only screen and (min-width: 90.0625em) { .showlogo-wrapper { width: 21.875rem; height: 7.3125rem; margin-top: 1.5rem; margin-bottom: 1.5rem; } } @media only screen and (max-width: 90em) { .showlogo-wrapper { width: 21.875rem; height: 7.3125rem; margin-top: 1.5rem; margin-bottom: 1.5rem; } } @media only screen and (max-width: 64em) { .showlogo-wrapper { width: 21.875rem; height: 7.3125rem; margin-top: 1.5rem; margin-bottom: 1.5rem; } } @media only screen and (max-width: 48em) { .showlogo-wrapper { width: 21.875rem; height: 7.3125rem; margin-top: 1.5rem; margin-bottom: 1.5rem; } } @media only screen and (max-width: 25em) { .showlogo-wrapper { width: 14.625rem; height: 4.875rem; margin-top: 1rem; margin-bottom: 1rem; } } @media only screen and (max-width: 20em) { .showlogo-wrapper { width: 14.625rem; height: 4.875rem; margin-top: 1rem; margin-bottom: 1rem; } } .h1-showlogo { margin: 0px; } a { color: rgb(255, 255, 255); } .m-signupnewslettertext { background: none repeat scroll 0% 0% rgb(25, 25, 25); padding-top: 0px; } @media only screen and (min-width: 30em) { .m-signupnewslettertext { padding: 1.875rem 0px; } } .m-signupnewslettertext .m-signupnewslettertext-row { position: relative; text-align: center; } .m-signupnewslettertext .m-signupnewslettertext-row .logo { margin: 0px auto; background-color: rgb(181, 161, 88); border-radius: 50%; display: flex; justify-content: center; align-items: center; } @media only screen { .m-signupnewslettertext .m-signupnewslettertext-row .logo { width: 3rem; height: 3rem; } .m-signupnewslettertext .m-signupnewslettertext-row .logo .icon { font-size: 1.5rem; } } @media only screen and (min-width: 30em) { .m-signupnewslettertext .m-signupnewslettertext-row .logo { width: 3rem; height: 3rem; } .m-signupnewslettertext .m-signupnewslettertext-row .logo .icon { font-size: 1.5rem; } } .m-signupnewslettertext .m-signupnewslettertext-row .title { font-weight: 200; color: rgb(255, 255, 255); } @media only screen { .m-signupnewslettertext .m-signupnewslettertext-row .title { font-size: 1.125rem; line-height: 1; margin: 1rem 0px 1.5rem; } } @media only screen and (min-width: 30em) { .m-signupnewslettertext .m-signupnewslettertext-row .title { font-size: 1.25rem; line-height: 1.07; margin: 2rem 0px; } } .m-signupnewslettertext .m-signupnewslettertext-row .separator { margin: 0px auto; width: 2.5rem; height: 0.125rem; background-color: rgb(181, 161, 88); } .m-signupnewslettertext .m-signupnewslettertext-row .message { font-weight: 200; color: rgb(156, 156, 156); font-size: 0.9375rem; } @media only screen { .m-signupnewslettertext .m-signupnewslettertext-row .message { line-height: 1.25; max-width: 20.4375rem; margin: 1.5rem auto; } } @media only screen and (min-width: 30em) { .m-signupnewslettertext .m-signupnewslettertext-row .message { max-width: 37.5rem; margin: 2rem auto 3.5rem; } } .m-signupnewslettertext.state-init .init { display: inline; } .m-signupnewslettertext.state-init .confirmation { display: none; } .m-signupnewslettertext.state-confirmation .init { display: none; } .m-signupnewslettertext.state-confirmation .confirmation { display: inline; } .m-signupnewslettertext.state-confirmation .sign-up { display: none; } .m-signupnewslettertext.m-signupnewslettertext-localish { background-color: rgb(25, 25, 25); } @media only screen and (min-width: 42em) { .m-signupnewslettertext.m-signupnewslettertext-localish { margin-top: 9.5625rem; } } .m-signupnewslettertext.m-signupnewslettertext-localish .m-signupnewslettertext-row { margin-bottom: 9.5625rem; } @media only screen and (max-width: 29.9375em) { .m-signupnewslettertext.m-signupnewslettertext-localish .m-signupnewslettertext-row { margin-bottom: 6.25rem; } } .m-signupnewslettertext.m-signupnewslettertext-localish .m-signupnewslettertext-row .logo { background-color: rgb(158, 213, 210); } @media only screen { .m-signupnewslettertext.m-signupnewslettertext-localish .m-signupnewslettertext-row .logo { width: 11.25rem; height: 11.25rem; } .m-signupnewslettertext.m-signupnewslettertext-localish .m-signupnewslettertext-row .logo picture, .m-signupnewslettertext.m-signupnewslettertext-localish .m-signupnewslettertext-row .logo img { width: 8.25rem; } } @media only screen and (min-width: 30em) { .m-signupnewslettertext.m-signupnewslettertext-localish .m-signupnewslettertext-row .logo { width: 22.5rem; height: 22.5rem; } .m-signupnewslettertext.m-signupnewslettertext-localish .m-signupnewslettertext-row .logo picture, .m-signupnewslettertext.m-signupnewslettertext-localish .m-signupnewslettertext-row .logo img { width: 16.4375rem; } } .m-signupnewslettertext.m-signupnewslettertext-localish .title, .m-signupnewslettertext.m-signupnewslettertext-localish .message { color: rgb(255, 255, 255); } .m-signupnewslettertext.m-signupnewslettertext-localish .title { font-weight: 100; letter-spacing: 0.5rem; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 42em) { .m-signupnewslettertext.m-signupnewslettertext-localish .title { font-size: 2.25rem; max-width: 50.9375rem; margin-top: 7.6875rem; margin-bottom: 2.8125rem; } } .m-signupnewslettertext.m-signupnewslettertext-localish .message { font-weight: 100; letter-spacing: 0.3125rem; line-height: 2rem; } @media only screen and (min-width: 30em) { .m-signupnewslettertext.m-signupnewslettertext-localish .message { line-height: 2.4375rem; } } @media only screen and (min-width: 42em) { .m-signupnewslettertext.m-signupnewslettertext-localish .message { line-height: 2.9375rem; font-size: 1.5rem; max-width: 51.5rem; margin-top: 8.375rem; margin-bottom: 9.375rem; } } .m-signupnewslettertext.m-signupnewslettertext-localish .separator { background-color: rgb(158, 213, 210); width: 28.5625rem; height: 0.5625rem; } @media only screen and (max-width: 29.9375em) { .m-signupnewslettertext.m-signupnewslettertext-localish .separator { width: 16.875rem; } } @media only screen and (min-width: 30em) and (max-width: 41.9375em) { .m-signupnewslettertext.m-signupnewslettertext-localish .separator { width: 21.875rem; } } .m-signupnewslettertext.m-signupnewslettertext-localish .sign-up { border: 0.0625rem solid rgb(125, 168, 166); border-radius: 2.25rem; color: rgb(255, 255, 255); background-color: rgb(158, 213, 210); max-width: 24.6875rem; max-height: 4.875rem; font-size: 1.875rem; } @media only screen { .m-signupnewslettertext.m-signupnewslettertext-localish .sign-up { width: 15.625rem; height: 3rem; font-size: 1.25rem; } } @media only screen and (min-width: 30em) { .m-signupnewslettertext.m-signupnewslettertext-localish .sign-up { width: 20rem; height: 3.625rem; font-size: 1.25rem; } } @media only screen and (min-width: 42em) { .m-signupnewslettertext.m-signupnewslettertext-localish .sign-up { width: 100%; height: 4.875rem; font-size: 1.875rem; } } .m-signupnewslettertext.m-signupnewslettertext-localish .sign-up:hover { border: 0.0625rem solid rgb(158, 213, 210); background-color: rgb(125, 168, 166); } .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-user-select: none; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0px; padding: 0px; } .slick-list:focus { outline: medium none; } .slick-loading .slick-list { background: none repeat scroll 0% 0% rgb(255, 255, 255); } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { transform: translate3d(0px, 0px, 0px); } .slick-track { position: relative; left: 0px; top: 0px; display: block; transition: transform 300ms ease 0s; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0px; cursor: pointer; background: none repeat scroll 0% 0% transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0px; border: medium none; outline: medium none; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; color: rgb(255, 255, 255); opacity: 0.75; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -45px; list-style: none outside none; display: block; text-align: center; padding: 0px; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; } .slick-dots li button { border: 0px none; background: none repeat scroll 0% 0% transparent; display: block; height: 20px; width: 20px; outline: medium none; line-height: 0; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: medium none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0px; left: 0px; content: "•"; width: 20px; height: 20px; font-size: 6px; line-height: 20px; text-align: center; color: rgb(0, 0, 0); opacity: 0.25; } .slick-dots li.slick-active button:before { color: rgb(0, 0, 0); opacity: 0.75; } .m-slideshow { margin: 0px auto; max-width: none; overflow: hidden; padding: 0px; position: relative; } .m-slideshow.module + .m-abouttext { margin-top: 0px; } .m-slideshow-expandable-wrapper { max-width: none; overflow: hidden; padding: 0px; position: relative; } .m-slideshow-slides { height: 100%; margin: 0px auto; max-width: 100%; position: absolute; top: 0px; width: 100%; transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden; transition: transform3d 0s ease-in-out 0s; } .m-slideshow-slides .slick-list { height: 100%; } .m-slideshow-slides .slick-list .slick-track { height: 100%; transition: transform 1200ms ease 0s; } .m-slideshow-slides .slick-list .slick-track.positioning { transition: none 0s ease 0s ; } .m-slideshow-slide { display: none; position: relative; width: 100%; } .m-slideshow-slide .m-slideshow-background { width: 100%; height: auto; } .m-slideshow-slide .m-slideshow-slide-thumb-wrapper { max-width: none; padding: 0px; } @media only screen and (min-width: 64.063em) { .m-slideshow-slide .m-slideshow-slide-thumb-wrapper { max-width: 62.5rem; } } .m-slideshow-slide .m-slideshow-content { width: 100%; height: 100%; margin: 0px auto; } @media only screen and (min-width: 64.063em) { .m-slideshow-slide .m-slideshow-content { max-width: 62.5rem; margin: 0px auto; opacity: 1; transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden; transition: opacity 500ms ease-in-out 100ms; } } .loaded .m-slideshow-slides .m-slideshow-slide { display: block; } .m-slideshow-browse { background: none no-repeat scroll center center / contain transparent; cursor: pointer; font-size: 3.75rem; height: 3.75rem; margin-top: -1.875rem; opacity: 0; position: absolute; top: 50%; width: 1.875rem; transition: all 0.2s ease-in-out 0s; } .m-slideshow:hover .m-slideshow-browse { background-color: transparent ! important; border-color: transparent ! important; opacity: 0.6; transform: translateX(0px) scale(1); } .single-slide ~ .m-slideshow-browse { display: none; } .m-slideshow-prev { left: 50%; margin-left: -34.25rem; transform: translateX(20px) scale(0.6); } .m-slideshow-next { margin-right: -34.25rem; right: 50%; transform: translateX(-20px) scale(0.6); } .m-slideshow-slide .m-slideshow-shadows { display: block; position: relative; } .m-slideshow-slide .m-slideshow-shadows:before { padding-left: 0.1875rem; padding-right: 0.1875rem; width: 100%; float: left; } .m-slideshow-slide .m-slideshow-shadows:after { content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 10; background-image: linear-gradient(rgba(29, 29, 29, 0.15) 100%, rgba(29, 29, 29, 0.15) 100%), linear-gradient(rgba(29, 29, 29, 0) 40%, rgba(29, 29, 29, 0.4) 100%); transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden; } .m-slideshow-details { bottom: 0px; color: rgb(255, 255, 255); height: 100%; padding: 0px 0.625rem 0.9375rem; position: absolute; z-index: 15; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; transition: transform3d 0s ease-in-out 0s; } @media only screen and (min-width: 42em) { .m-slideshow-details { padding: 0px 1.25rem 1.5625rem; } } @media only screen and (min-width: 64.063em) { .m-slideshow-details { padding: 0px 1.875rem 1.875rem; } } .m-slideshow-details > .columns { height: 100%; position: relative; } .m-slideshow-details .m-slideshow-contributor { margin-bottom: 0px; } .m-slideshow-details .m-slideshow-title { opacity: 0; font-size: 1.125rem; max-height: 100px; line-height: 1.375rem; margin-bottom: 0px; transition: opacity 0.5s ease-in-out 0.7s, transform 0.5s ease-in-out 0.7s; transform: translateY(10px); } @media only screen and (min-width: 64.063em) { .m-slideshow-details .m-slideshow-title { font-size: 1.5rem; line-height: 1.75rem; max-height: 120px; } } .m-slideshow-details .subheader { opacity: 0; transform: translateY(20px); transition: all 0.5s ease-in-out 0.7s; } .m-slideshow-details .m-slideshow-cta { margin-bottom: 0px; margin-top: 1.25rem; opacity: 0; transform: translateY(20px); transition: opacity 500ms ease-in-out 1100ms, transform 0.5s ease-in-out 1.1s, background 400ms ease-in-out 0s, color 200ms ease-in-out 0s; } .m-slideshow.keyart .m-slideshow-details .m-slideshow-title, .m-slideshow-slide.slick-active .m-slideshow-details .m-slideshow-title { opacity: 1; transform: translateY(0px); } .m-slideshow.keyart .m-slideshow-details .m-slideshow-cta, .m-slideshow-slide.slick-active .m-slideshow-details .m-slideshow-cta { opacity: 1; transform: translateY(0px); } .m-slideshow.keyart .m-slideshow-details .m-slideshow-cta:hover, .m-slideshow-slide.slick-active .m-slideshow-details .m-slideshow-cta:hover { background-color: rgba(255, 255, 255, 0.8); } .m-slideshow.keyart .m-slideshow-details .subheader, .m-slideshow-slide.slick-active .m-slideshow-details .subheader { opacity: 1; transform: translateY(0px); } .m-slideshow-spacer-bg { background-color: rgb(35, 35, 35); } .m-slideshow-spacer-bg .m-slideshow-backgrounds { position: absolute; width: 100%; height: 100%; display: block; } .m-slideshow-spacer-bg .m-slideshow-backgrounds .m-slideshow-background { position: absolute; top: 0px; width: 100%; min-height: 100%; opacity: 0; display: none; transition: opacity 0.2s ease-in-out 0s; transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden; } @media only screen and (min-width: 64.063em) { .m-slideshow-spacer-bg .m-slideshow-backgrounds .m-slideshow-background { display: block; } } @media only screen and (min-width: 64.063em) { .m-slideshow-spacer-bg .m-slideshow-backgrounds .m-slideshow-background.active { opacity: 1; } } .m-slideshow-spacer-bg .m-slideshow-backgrounds .m-slideshow-background-wrapper { height: 200px; width: 100%; } .m-slideshow .m-slideshow-spacer-aspectratio { padding: 0px; } .m-slideshow .m-slideshow-spacer-aspectratio:after { content: ""; display: block; padding: 0px 0px 56.25%; width: 100%; position: relative; transition: padding-bottom 0.2s ease-in-out 0s; } @media only screen and (min-width: 42em) { .m-slideshow .m-slideshow-spacer-aspectratio:after { width: 100%; padding-bottom: 40%; position: relative; } } @media only screen and (min-width: 64.063em) { .m-slideshow .m-slideshow-spacer-aspectratio:after { max-width: 62.5rem; width: 100%; padding-bottom: 40%; position: relative; } } .cssfilters .m-slideshow-spacer-bg .m-slideshow-backgrounds .m-slideshow-background { filter: url(""); } .no-cssfilters .m-slideshow-spacer-bg .m-slideshow-backgrounds .m-slideshow-background.active { opacity: 0.05; } .m-slideshow .slick-dots { bottom: 1.875rem; display: none ! important; right: 1.875rem; width: auto; } .m-slideshow .slick-dots button { background: none repeat scroll 0% 0% rgb(255, 255, 255); border-radius: 0.3125rem; opacity: 0.7; } .m-slideshow .slick-dots button:before { display: none; } .m-slideshow .slick-dots li button, .m-slideshow .slick-dots li { width: 0.3125rem; height: 0.3125rem; } .m-slideshow .slick-dots li.slick-active button { opacity: 1; } .m-slideshow-video-container { display: none; height: 100%; position: absolute; top: 0px; width: 100%; z-index: 10; } .m-slideshow-video-wrapper { background: none repeat scroll 0% 0% rgb(35, 35, 35); height: 100%; position: relative; } .m-slideshow-video-wrapper .m-slideshow-close-btn { cursor: pointer; font-size: 3.125rem; opacity: 0; position: absolute; right: 1.875rem; top: 1.875rem; z-index: 10; transition: opacity 0.2s ease-in-out 0s; } .m-slideshow.blockingUi .m-slideshow-video-wrapper .m-slideshow-close-btn { display: none; } .m-slideshow .m-slideshow-video-wrapper:hover .m-slideshow-close-btn { opacity: 1; } .m-slideshow.videoIsOpen .m-slideshow-spacer-aspectratio:after { width: 100%; padding-bottom: 56.25%; position: relative; } .m-slideshow.videoIsOpen .m-slideshow-video-container { display: block; } .m-slideshow.videoIsOpen .m-slideshow-slides { opacity: 0; } .m-slideshow.videoIsOpen .m-slideshow-browse { opacity: 0; } .m-slideshow.keyart .m-slideshow-slides { position: relative; } .m-slideshow.keyart .m-slideshow-content { opacity: 1; } .m-slideshow.m-slideshow-homepage .m-slideshow-spacer-aspectratio { padding: 0px; } .m-slideshow.m-slideshow-homepage .m-slideshow-spacer-aspectratio.row { max-width: 100rem; } .m-slideshow.m-slideshow-homepage .m-slideshow-spacer-aspectratio:after { width: 100%; padding-bottom: 75%; position: relative; } @media only screen and (min-width: 62.5em) { .m-slideshow.m-slideshow-homepage .m-slideshow-spacer-aspectratio:after { width: 100%; padding-bottom: 40%; position: relative; } } @media only screen and (min-width: 64.063em) { .m-slideshow.m-slideshow-homepage .m-slideshow-spacer-aspectratio:after { max-width: none; } } .m-slideshow-homepage.loading .m-spinner { display: block; position: absolute; top: 40%; width: 100%; } .m-slideshow-homepage.loading .m-slideshow-expandable-wrapper { visibility: hidden; } .m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-details { padding: 0px 0.625rem 0.9375rem; } @media only screen and (min-width: 42em) { .m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-details { padding: 0px 1.25rem 1.5625rem; } } @media only screen and (min-width: 64.063em) { .m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-details { padding: 0px 0px 1.875rem; } } .m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-details .m-slideshow-title { margin-bottom: 1rem; } .m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-details button.m-slideshow-cta { margin-top: 1.125rem; background-color: rgb(226, 176, 94); border-radius: 1.5rem; } .m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-details button.m-slideshow-cta:hover { background-color: rgb(157, 124, 69); } .m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-content { left: 50%; position: absolute; top: 0px; z-index: 15; transform: translateX(-50%); } .m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-show-logo { max-width: 13.75rem; opacity: 0; transform: translateY(20px); transition: opacity 0.5s ease-in-out 1.1s, transform 0.5s ease-in-out 1s; } .m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-show-logo img { max-width: 60%; } .m-slideshow.m-slideshow-homepage .m-slideshow-slide .subheader.text3 { font-size: 1rem; } @media only screen and (min-width: 42em) { .m-slideshow.m-slideshow-homepage .m-slideshow-slide .subheader.text3 { font-size: 1rem; margin-top: 0.75rem; margin-bottom: 0.3125rem; } } .m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-description.text3 { font-size: 1.75rem; opacity: 0; } @media only screen and (min-width: 42em) { .m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-description.text3 { font-size: 1.875rem; margin-top: 0.75rem; } } .m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-contributor { text-transform: uppercase; transform: translateY(20px); transition: all 0.5s ease-in-out 0.9s; } .m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-title { transition: all 0.5s ease-in-out 1.1s; transform: translateY(0px); } .m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-description { transform: translateY(20px); transition: all 0.5s ease-in-out 1.3s; } .m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-cta { transform: translateY(20px); transition: opacity 500ms ease-in-out 1300ms, transform 0.5s ease-in-out 1.5s, background 400ms ease-in-out 0s, color 200ms ease-in-out 0s; } .m-slideshow.m-slideshow-homepage .m-slideshow-slide.slick-active .m-slideshow-show-logo, .m-slideshow.m-slideshow-homepage .m-slideshow-slide.slick-active .m-slideshow-description.text3, .m-slideshow.m-slideshow-homepage .m-slideshow-slide.slick-active .m-slideshow-contributor, .m-slideshow.m-slideshow-homepage .m-slideshow-slide.slick-active .m-slideshow-cta { opacity: 1; transform: translateY(0px); } .m-slideshow.m-slideshow-homepage .m-slideshow-slide-thumb-wrapper { max-width: 1600px ! important; position: relative; } .m-slideshow.m-slideshow-homepage .m-slideshow-slide-thumb-wrapper .m-slideshow-fade { height: 100%; opacity: 0; position: absolute; top: 0px; width: 18.75rem; z-index: 20; transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden; transition: opacity 0.3s ease-in 0s; } @media only screen and (min-width: 100rem) { .m-slideshow.m-slideshow-homepage .m-slideshow-slide-thumb-wrapper .m-slideshow-fade { opacity: 1; } } .m-slideshow.m-slideshow-homepage .m-slideshow-slide-thumb-wrapper .m-slideshow-fade.fade-left { left: -0.0625rem; background-color: rgba(35, 35, 35, 0); background-image: linear-gradient(-90deg, rgba(35, 35, 35, 0) 0%, rgb(35, 35, 35) 100%); } .m-slideshow.m-slideshow-homepage .m-slideshow-slide-thumb-wrapper .m-slideshow-fade.fade-right { right: -0.0625rem; background: linear-gradient(-90deg, rgb(35, 35, 35) 0%, rgba(35, 35, 35, 0) 100%) repeat scroll 0% 0% transparent; } .m-spinner { display: none; margin: 3.125rem auto; width: 4.375rem; text-align: center; } .m-spinner .m-spinner-bounce { width: 1.125rem; height: 1.125rem; display: inline-block; background-color: rgb(238, 238, 238); border-radius: 100%; animation: 1.4s ease-in-out 0s normal both infinite bouncedelay; } .m-spinner .m-spinner-bounce.m-spinner-bounce-1 { animation-delay: -0.32s; } .m-spinner .m-spinner-bounce.m-spinner-bounce-2 { animation-delay: -0.16s; } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } } .m-spinner-failed { display: none; background-color: rgb(35, 35, 35); padding: 1.4375rem 0.875rem; font-size: 1rem; color: rgb(255, 255, 255); text-transform: none; text-align: left; border-left: 0.375rem solid rgb(186, 62, 62); } .m-spinner-failed .m-spinner-failed-icon { font-size: 1.625rem; margin-right: 0.625rem; vertical-align: middle; } .m-spinner-failed .abc-icon-circle-alert { padding: 0.375rem; font-size: 0.8125rem; } .m-spinner-failed-icon { background-color: rgb(186, 62, 62); border-radius: 1.25rem; } .m-spinner.black .m-spinner-bounce { background-color: rgb(0, 0, 0); } .m-spinner.white .m-spinner-bounce { background-color: rgb(238, 238, 238); } .m-spinner .m-spinner-bounce { background-color: rgb(226, 176, 94); } .m-spinner.loading { display: block; } .m-spinner.failed { display: block; margin: 0.6875rem 0px; width: 100%; } .m-spinner.failed .m-spinner-failed { display: block; } .m-spinner.failed .m-spinner-bounce { display: none; } .m-submenu { margin-bottom: 0.9375rem; position: relative; } .m-submenu .m-submenu-show-branding { background-color: rgb(248, 248, 248); height: 5.625rem; } body.show-homepage .m-submenu { margin-bottom: 0px; } .m-submenu .m-submenu-show-branding { background: none no-repeat scroll center center / cover transparent; height: 5.625rem; } .m-submenu .m-submenu-show-branding .m-submenu-show-branding-wrapper { position: relative; } .m-submenu .m-submenu-show-branding .m-submenu-logo { display: block; margin: 0px auto; max-height: 5.625rem; width: auto; } .m-submenu .m-submenu-show-branding .m-submenu-logo-h1 { margin: 0px; } .m-submenu .m-submenu-tunein { bottom: 0px; margin-bottom: 0.3125rem; position: absolute; width: 100%; } .t-light .m-submenu .m-submenu-tunein { color: rgb(0, 0, 0); } .t-dark .m-submenu .m-submenu-tunein { color: rgb(255, 255, 255); } .show-subnav .row { border-bottom: medium none; } .show-subnav .show-list-navigation-column { padding: 0px; } .show-subnav .show-list-navigation { margin-bottom: 0px; max-height: 4.8125rem; overflow: hidden; } .show-subnav .show-list-navigation li { display: inline-block; height: 4.6875rem; line-height: 4.6875rem; padding: 0px 1rem; } .show-subnav .show-list-navigation li a { position: relative; left: -7px; color: rgba(255, 255, 255, 0.4); } .show-subnav .show-list-navigation li a:hover { color: rgb(226, 176, 94); } .show-subnav .show-list-navigation li.selected a { border-bottom: medium none; height: 4.6875rem; color: rgb(255, 255, 255); } .show-subnav .show-list-navigation li.selected a:visited, .show-subnav .show-list-navigation li.selected a:focus { color: rgb(255, 255, 255); } .show-subnav .m-show-subnav-nav { cursor: pointer; display: block; height: 4.6875rem; position: absolute; text-align: left; top: 0px; width: 1.5rem; visibility: visible; opacity: 1; transition: all 0.3s ease-out 0s; } .show-subnav .m-show-subnav-nav span { line-height: 4.6875rem; font-size: 0.625rem; color: rgb(255, 255, 255); font-weight: 700; } .show-subnav .m-show-subnav-nav.prev { padding-left: 0.75rem; left: 0px; } .show-subnav .m-show-subnav-nav.next { padding-left: 0.375rem; right: 0px; } .show-subnav .m-show-subnav-nav.next:before { pointer-events: none; content: ""; display: block; height: 4.6875rem; position: absolute; right: 1.25rem; top: 0px; width: 2.5rem; background: -moz-linear-gradient(left center , rgba(25, 25, 25, 0.1) 5%, rgb(25, 25, 25)) repeat scroll 0% 0% transparent; } @media only screen and (min-width: 30em) { .show-subnav .m-show-subnav-nav.next:before { right: 1.75rem; width: 2.5rem; } } @media only screen and (min-width: 42em) { .show-subnav .m-show-subnav-nav.next:before { right: 1.5625rem; width: 2.5rem; } } .show-subnav .m-show-subnav-nav.prev:after { pointer-events: none; content: ""; display: block; height: 4.6875rem; position: absolute; left: 1.5rem; top: 0px; width: 0.5rem; background: -moz-linear-gradient(right center , rgba(25, 25, 25, 0.1) 5%, rgb(25, 25, 25)) repeat scroll 0% 0% transparent; } @media only screen and (min-width: 30em) { .show-subnav .m-show-subnav-nav.prev:after { left: 1.5rem; width: 0.5rem; } } @media only screen and (min-width: 42em) { .show-subnav .m-show-subnav-nav.prev:after { left: 1.5rem; width: 0.5rem; } } @media only screen and (max-width: 41.9375em) { .show-subnav .m-show-subnav-nav.prev.slick-disabled { visibility: hidden; opacity: 0; } } .show-subnav .m-show-subnav-nav.next.slick-disabled { visibility: hidden; opacity: 0; } .show-subnav .show-list-navigation a .icon { font-size: 0.625rem; } .show-subnav .show-list-navigation .show-list-nav-item > a { line-height: 4.6875rem; text-transform: capitalize; margin: 0px; transition: color 0.3s ease-in-out 0s; } .show-subnav .show-list-navigation .show-list-nav-item > a:hover { color: rgba(255, 255, 255, 0.8); } .show-subnav ul { max-width: 62.5rem; } .show-subnav ul.slick-slider.enabled { margin-left: 0.4375rem; margin-right: 0.75rem; } .show-subnav ul.slick-slider.enabled li.selected a { height: 4.6875rem; } @media only screen and (min-width: 42em) { .show-subnav ul.slick-slider.enabled { padding-left: 1.0625rem; padding-right: 1.0625rem; } } @media only screen and (min-width: 42em) { .show-subnav ul.slick-slider.enabled.slick-left-arrow-disabled { padding-left: 0px; margin-left: 0px; } .show-subnav ul.slick-slider.enabled.slick-left-arrow-disabled li:first-of-type { padding-left: 0.4375rem; } } @media only screen and (min-width: 42em) { .show-subnav ul.slick-slider.enabled.slick-left-arrow-disabled + .m-show-subnav-nav.prev { visibility: hidden; opacity: 0; } } .show-subnav .show-list-navigation .show-list-nav-item { position: relative; } .show-subnav .show-list-navigation .show-list-nav-item .text7 { font-weight: 200; } .show-subnav .show-list-navigation .show-list-nav-item.show-list-nav-more { display: none; } .show-subnav .show-list-nav-more .dropdownlist-list { padding: 0px; } .show-subnav .show-list-navigation .show-list-nav-item.show-list-nav-more.active { display: block; } .show-subnav .show-list-navigation .show-list-nav-item-social { float: right; } .show-subnav .show-list-navigation .show-list-nav-item-social .social-icons { height: 2.75rem; } .show-subnav .show-list-navigation .show-list-nav-item-social .social-icons a .icon { font-size: 1.125rem; } .show-subnav .show-list-navigation .show-list-nav-more .show-list-nav-item-social { float: none; } @media only screen and (max-width: 41.9375em) { .show-subnav .row.wrapper { padding: 0px 1.0625rem; } } .m-submenu.showMoreLink .show-subnav .show-list-navigation { overflow: visible; } @media only screen and (min-width: 42em) { .m-submenu.showMoreLink .show-subnav .show-list-navigation .dropdownlist { display: block; } } .scheduleIsOpen a.scheduledropdown, .showMoreLink a.show-list-nav-more-link { color: rgb(255, 255, 255); } .hide-arrows .show-list-navigation li a { left: 0px; } .hide-arrows .show-list-navigation li:first-of-type { padding-left: 0px; } .hide-arrows .m-show-subnav-nav { visibility: hidden; } .social-icons { color: rgb(35, 35, 35); max-height: 2.75rem; } .social-icons:before { content: "Follow"; display: inline-block; font-size: 0.875rem; font-weight: 100; line-height: normal; opacity: 0; text-transform: uppercase; vertical-align: text-top; transform: translateX(0.3125rem); transition: all 0.2s ease-in 0s; } .social-icons:hover:before { opacity: 1; transform: translateX(0px); } .social-icons .icon { display: inline-block; font-size: 1.125rem; line-height: 2.75rem; padding: 0px 0.6875rem; transition: color 0.2s ease-in 0s, transform 350ms ease-in-out 0s; } .social-icons .icon:last-child { padding-right: 0px; } .social-icons .icon:hover { cursor: pointer; transform: scale(1.2); } .social-icons .icon.abc-icon-twitter:hover { color: rgb(45, 171, 222); } .social-icons .icon.abc-icon-googleplus:hover { color: rgb(196, 46, 25); } .social-icons .icon.abc-icon-facebook:hover { color: rgb(57, 91, 149); } .social-icons .icon.abc-icon-youtube:hover { color: rgb(229, 45, 39); } .social-icons .icon.abc-icon-tumblr:hover { color: rgb(71, 102, 128); } .social-icons .icon.abc-icon-pinterest:hover { color: rgb(204, 33, 39); } .social-icons .icon.abc-icon-instagram:hover { color: rgb(61, 110, 144); } .social-icons .icon.abc-icon-reddit:hover { color: rgb(255, 69, 0); } .m-submenu.scheduleIsOpen .m-submenu-drawer { max-height: 125rem; } .m-submenu-drawer { background: none repeat scroll 0% 0% rgb(43, 45, 54); left: 0px; max-height: 0px; overflow: hidden; position: absolute; width: 100%; z-index: 3; transition: max-height 600ms cubic-bezier(0.86, 0, 0.07, 1) 0s; } .m-submenu-drawer .row { margin: 0px auto; max-width: 62.5rem; padding-top: 1.875rem; width: 100%; } @media only screen and (max-width: 41.9375em) { .m-submenu-drawer .row { padding: 0.9375rem 0.9375rem 0px; } } .m-submenu-drawer .m-schedule-block .text5 { color: rgb(255, 255, 255); display: inline-block; height: 1.5rem; line-height: 1.5rem; margin-bottom: 0.3125rem; text-transform: uppercase; } @media only screen and (max-width: 41.9375em) { .m-submenu-drawer .m-schedule-block { padding-bottom: 0.9375rem; width: 100%; } } .m-submenu-drawer .m-schedule-block .info-mobile-only { background-color: rgba(25, 25, 25, 0.4); display: flex; } @media only screen and (min-width: 42em) { .m-submenu-drawer .m-schedule-block .info-mobile-only { display: none; } } .m-submenu-drawer .m-schedule-block .info-mobile-only .image { flex-basis: 37%; min-width: 8.125rem; } .m-submenu-drawer .m-schedule-block .info-mobile-only .text-info { flex-basis: 63%; padding: 0px 0.625rem; display: flex; flex-direction: column; justify-content: space-between; } .m-submenu-drawer .m-schedule-block .info-mobile-only .text-info .text4 { padding-top: 0.625rem; margin: 0px; line-height: 1rem; font-size: 0.9375rem; height: 100%; } @media only screen and (min-width: 30em) and (max-width: 41.9375em) { .m-submenu-drawer .m-schedule-block .info-mobile-only .text-info .text4 { line-height: 1.0625rem; font-size: 1rem; } } .m-submenu-drawer .m-schedule-block .info-mobile-only .text-info .air-info { display: flex; justify-content: space-between; padding-bottom: 0.625rem; } .m-submenu-drawer .m-schedule-block .info-mobile-only .text-info .air-info .text5 { line-height: normal; height: 100%; margin: 0px; } .show-list-navigation .schedule-menu .text5 { color: rgb(85, 85, 85); display: inline-block; margin-bottom: 0.3125rem; padding: 0px; text-transform: uppercase; } .show-list-navigation .schedule-menu .text4, .m-submenu-drawer .m-schedule-block .text4 { height: 2.625rem; line-height: 1.375rem; margin-top: 0.625rem; max-height: 2.625rem; color: rgb(255, 255, 255); } @media only screen and (min-width: 42em) { .show-list-navigation .schedule-menu .text4, .m-submenu-drawer .m-schedule-block .text4 { overflow: hidden; } } .m-submenu-drawer .m-schedule-block .text4 { color: rgb(255, 255, 255); } .m-submenu-drawer .m-schedule-block .text4:hover { color: rgb(226, 176, 94); } .m-submenu-drawer .m-schedule-block .text4:active { color: rgb(77, 77, 77); opacity: 0.4; } .show-list-navigation .schedule-menu .text5, .show-list-navigation .schedule-menu .text4 { display: block; } .show-list-navigation .schedule-menu .text5 { overflow: hidden; } .m-submenu .dropdownlist { display: none; } .tiles { margin: 0px; min-height: 3.4375rem; width: 100%; } .tiles .tile { margin-bottom: 6px; padding-bottom: 0px; position: relative; } .tile a.background-link { background: none repeat scroll 0% 0% rgb(156, 156, 156); display: block; overflow: hidden; position: relative; } .new-home .tile a.background-link { background: none repeat scroll 0% 0% rgba(43, 45, 54, 0.4); } .new-home .tile a.background-link img { transform: inherit; } .tile .background { opacity: 0; transition: opacity 550ms ease-in 0s; } .tile .background.lazyload { opacity: 0; } .tile .background.lazyloaded { opacity: 1; } picture.background.fluid-img { opacity: 0; transition: opacity 550ms ease-in 0s; } picture.background.fluid-img.lazyloaded { opacity: 1; } .tile .tile-thumbnail { position: relative; } .tile .bg-gradient:after { background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.15); content: ""; height: 100%; position: absolute; top: 0px; width: 100%; transform: translate3d(0px, 0px, 0px); } .cssgradients .tile .bg-gradient:after { background-color: transparent; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; background-clip: border-box; background-origin: padding-box; background-size: auto auto; background-image: linear-gradient(rgba(29, 29, 29, 0.15) 100%, rgba(29, 29, 29, 0.15) 100%), linear-gradient(rgba(29, 29, 29, 0) 40%, rgba(29, 29, 29, 0.4) 100%); } .tile .details { color: rgb(255, 255, 255); padding: 0.625rem; white-space: normal; width: 100%; transform: translate3d(0px, 0px, 0px); } .tile .details p, .tile .details span { color: rgb(255, 255, 255); } .tile .details .title, .tile .details .subheader { margin-bottom: 0px; } .tile .details .title { font-size: 1.0625rem; font-weight: 300; line-height: 1.375rem; margin-top: 0px; max-height: 5em; overflow: hidden; } @media only screen and (min-width: 30em) { .tile .details .title { font-size: 0.875rem; max-height: 4em; } } @media only screen and (min-width: 42em) { .tile .details .title { font-size: 1.0625rem; } } .tile .details .subheader { font-size: 0.75rem; font-weight: 300; } @media only screen and (min-width: 30em) { .tile .details .subheader { margin-top: 0.625rem; } } .tile .details .tile-content-divider { display: block; height: 0px; padding: 0px 0.125rem; visibility: hidden; } @media only screen and (min-width: 42em) { .tile .details .tile-content-divider { display: inline; height: auto; visibility: visible; } } .tile.tile-content-overlay .details { bottom: 0px; position: absolute; text-shadow: 0.03125rem 0.054125rem 0.125rem rgb(0, 0, 0); } .tile.tile-content-overlay .details .subheader { color: rgb(255, 255, 255); } .m-contentgroup .tiles .tile .details .title { font-size: 0.8125rem; max-height: 3.125rem; line-height: 1.0625rem; overflow: hidden; white-space: normal; } @media only screen and (min-width: 30em) { .m-contentgroup .tiles .tile .details .title { font-size: 1.0625rem; line-height: 1.375rem; } } @media only screen and (min-width: 42em) { .m-contentgroup .tiles .tile .details .title { height: 2.75rem; } } .tile .top-right-details { margin-left: 0.625rem; position: absolute; top: 0.625rem; transform: translate3d(0px, 0px, 0px); } .tile .top-right-details .status { font-size: 0.75rem; margin: 0.4375rem 0px 0px 0.3125rem; } .tile .top-right-details .progress-radial { display: block; position: relative; } .tile .top-right-details .progress-radial-track { fill: rgba(255, 255, 255, 0.5); } .tile .top-right-details .progress-radial-bar { fill: rgb(255, 255, 255); } .tile.tile-content-overlay .top-right-details .status { margin: 0.4375rem 0px 0px 0.3125rem; text-shadow: 0.03125rem 0.054125rem 0.125rem rgb(0, 0, 0); } .tile.tile-content-overlay .top-right-details .status:first-child { margin-left: 0px; } .tile .icon { display: table; color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.4); border-radius: 1.875rem; border: 0.1875rem solid rgba(255, 255, 255, 0.5); width: 1.875rem; height: 1.875rem; text-align: center; font-size: 0.6875rem; background-clip: padding-box; } .tile .icon .iconfont { display: table-cell; text-align: center; vertical-align: middle; } .tile .icon .iconfont.abc-icon-play-solid { font-size: 0.71875rem; padding-left: 0.15625rem; line-height: initial; } .tile .icon .iconfont.abc-icon-lock-icon, .tile .icon .iconfont.abc-icon-lock-new { font-size: 1rem; padding-bottom: 0.0625rem; } .tile .icon .iconfont.abc-icon-replay { font-size: 1.875rem; opacity: 0.9; color: rgb(255, 255, 255); } .tile .close { color: rgb(255, 255, 255); position: absolute; top: 0px; right: 0px; padding: 0.625rem; transform: translate3d(0px, 0px, 0px); } .tile .close:hover { cursor: pointer; } .tile .bottom-left-details { bottom: 0.625rem; left: 0.625rem; position: absolute; backface-visibility: hidden; transform: translate3d(0px, 0px, 0px); } .tile:not(.card) .bottom-left-details { bottom: 1rem; left: 0.625rem; position: absolute; display: flex; justify-content: center; align-items: center; background-color: rgb(255, 255, 255); width: 7.5625rem; } .tile:not(.card) .bottom-left-details .status.text5 { color: rgb(25, 25, 25); font-size: 0.75rem; line-height: 1em; font-weight: 400; margin: 0px; padding: 0.375rem 0px; } .tile .tile-thumb-label { margin: 0px; color: rgb(255, 255, 255); } .module.tile-strip { font-size: 0px; overflow-x: hidden; padding: 0px 0px 0px 0.4375rem; white-space: nowrap; } @media only screen and (min-width: 30em) { .module.tile-strip { padding: 0px 0.4375rem; } } @media only screen and (min-width: 42em) { .module.tile-strip { padding: 0px 1.0625rem; } } @media only screen and (min-width: 62.5em) { .module.tile-strip { padding: 0px; } } @media only screen and (min-width: 30em) { .module.tile-strip .tiles.mobile-rail { font-size: inherit; overflow-x: visible; white-space: normal; } } .module.tile-strip .tiles.slick-slider .tile, .module.tile-strip .tiles.slick-slider .tile:last-child { padding: 0px 0.375rem 0px 0px; vertical-align: top; width: 100%; } .module.tile-strip .tiles .tile, .module.tile-strip .tiles .tile:last-child { display: inline-block; float: none; } @media only screen and (min-width: 30em) { .module.tile-strip .tiles .tile, .module.tile-strip .tiles .tile:last-child { float: left; max-width: none; } } @media only screen and (max-width: 29.9375em) { .module.tile-strip .tiles.mobile-rail .tile, .module.tile-strip .tiles.mobile-rail .tile:last-child { display: inline-block; float: none; max-width: 18.75rem; padding: 0px 0.375rem 0px 0px; } } @media only screen and (min-width: 30em) { .module.tile-strip .tiles.mobile-rail .tile, .module.tile-strip .tiles.mobile-rail .tile:last-child { display: block; max-width: none; } } @media only screen and (min-width: 30em) { .module.tile-strip .tiles.mobile-rail .tile:first-child, .module.tile-strip .tiles.mobile-rail .tile:last-child:first-child { margin-left: 0px ! important; } } .module.tile-strip .tiles.mobile-rail .tile { margin-bottom: 0px; } .module.tile-strip.peak { padding: 0px 0px 0px 0.4375rem; } @media only screen and (min-width: 42em) { .module.tile-strip.peak { padding: 0px 0px 0px 1.0625rem; } } @media only screen and (min-width: 62.5em) { .module.tile-strip.peak { padding: 0px; } } @media only screen and (min-width: 62.5em) { .module.tile-strip.peak .tiles.slick-slider .tile { max-width: none; } } .module.tile-strip.peak .tile:first-child:nth-last-child(12), .module.tile-strip.peak .tile:first-child:nth-last-child(12) ~ .tile { width: 4%; } .module.tile-strip.peak .tile:first-child:nth-last-child(6), .module.tile-strip.peak .tile:first-child:nth-last-child(6) ~ .tile { width: 8%; } .module.tile-strip.peak .tile:first-child:nth-last-child(3), .module.tile-strip.peak .tile:first-child:nth-last-child(3) ~ .tile { width: 16%; } .module .m-tilegroup-arrow { display: none; } .module.tile-strip:not(.slider-with-fade-sides) .m-tilegroup-arrow { position: absolute; top: 50%; display: none; left: 0px; margin-top: -1.6875rem; height: 3.375rem; width: 2.3125rem; background: none repeat scroll 0% 0% rgba(25, 25, 25, 0.5); cursor: pointer; transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden; transition: opacity 800ms cubic-bezier(0.23, 1, 0.32, 1) 0s, background 800ms cubic-bezier(0.23, 1, 0.32, 1) 0s, width 800ms cubic-bezier(0.23, 1, 0.32, 1) 0s; } .module.tile-strip:not(.slider-with-fade-sides) .m-tilegroup-arrow:hover { background: none repeat scroll 0% 0% rgba(25, 25, 25, 0.8); width: 2.8125rem; } html.touch .module.tile-strip:not(.slider-with-fade-sides) .m-tilegroup-arrow { background: none repeat scroll 0% 0% rgba(25, 25, 25, 0.8); } .module.tile-strip:not(.slider-with-fade-sides) .m-tilegroup-arrow.m-tilegroup-arrow-next { left: auto; right: 0px; text-align: right; } .module.tile-strip:not(.slider-with-fade-sides) .m-tilegroup-arrow span.icon { color: rgb(255, 255, 255); font-size: 1.875rem; white-space: initial; text-align: center; width: 2.3125rem; display: inline-block; line-height: 3.375rem; } .module.tile-strip:not(.slider-with-fade-sides) .m-tilegroup-arrow.slick-disabled { display: none ! important; } .module.tile-strip.tile-grid-cards .m-tilegroup-arrow { top: 32.333%; } html.touch .module:not(.slider-with-fade-sides) .m-tilegroup-arrow { display: none ! important; } @media only screen and (min-width: 42em) { html.touch .module:not(.slider-with-fade-sides) .m-tilegroup-arrow { display: block; } } .m-cast-list-fluid.module.tile-strip .tiles .tile:last-child, .m-cast-list-fluid.module.tile-strip .tiles.slick-slider .tile { float: none; padding: 0px; } .module.cast .twitter-follow-button { display: block; float: right; margin: 10px 7px 0px 0px; } .m-tilegroup.about .host-type { display: none; } .m-tilegroup.expanded-mobile .background-link { height: 6.5625rem; float: left; width: 6.5625rem; } @media only screen and (min-width: 42em) { .m-tilegroup.expanded-mobile .background-link { float: none; height: auto; width: 100%; } } .m-tilegroup.expanded-mobile .tile { display: block; min-height: 6.5625rem; padding-bottom: 1.0625rem; } @media only screen and (min-width: 42em) { .m-tilegroup.expanded-mobile .tile { display: block; min-height: initial; padding-bottom: 0.375rem; } } .m-tilegroup.expanded-mobile .tile .details { padding-top: 0px; } @media only screen and (min-width: 42em) { .m-tilegroup.expanded-mobile .tile .details { padding-top: inherit; } } .m-tilegroup.expanded-mobile .tile.ad { margin-bottom: 1.0625rem; padding-bottom: 0px; } @media only screen and (min-width: 42em) { .m-tilegroup.expanded-mobile .tile.ad { margin-bottom: 0px; } } .m-tilegroup.expanded-mobile .tile.ad .background-link { float: none; height: auto; width: auto; } @media only screen and (min-width: 30em) { .m-tilegroup.expanded-mobile .tile.ad .ad-wrapper { background: none repeat scroll 0% 0% rgb(238, 238, 238); padding: 1.25rem; } } @media only screen and (min-width: 42em) { .m-tilegroup.expanded-mobile .tile.ad .ad-wrapper { padding: 0px; } } .m-tilegroup.expanded-mobile .tile.tile.tile-content-overlay .details { margin-left: 6.5625rem; margin-top: -0.3125rem; position: relative; } @media only screen and (min-width: 42em) { .m-tilegroup.expanded-mobile .tile.tile.tile-content-overlay .details { margin-left: auto; position: absolute; } } .m-tilegroup.expanded-mobile .tile.tile.tile-content-overlay .details .truncate { max-height: 4.3125rem; } .m-tilegroup.expanded-mobile .twitter-follow-button { float: none; } .m-tilegroup.expanded-mobile .tile .details .title { margin-top: 0px; } .m-tilegroup.expanded-mobile .tile .details .title, .m-tilegroup.expanded-mobile .tile .details .subheader { color: rgb(255, 255, 255); text-shadow: none; } @media only screen and (min-width: 42em) { .m-tilegroup.expanded-mobile .tile .details .title, .m-tilegroup.expanded-mobile .tile .details .subheader { text-shadow: inherit; } } .m-tilegroup.expanded-mobile .tile .details .twitter-button { bottom: 15px; position: absolute; right: 15px; } @media only screen and (min-width: 42em) { .m-tilegroup.expanded-mobile .tile .details .twitter-button { float: right; } } .cast-tile-group .tile { min-height: 5rem; } .cast-tile-group .tile .details .title, .cast-tile-group .tile .details .subheader { color: rgb(255, 255, 255); } .cast-tile-group .tile .details .title { font-weight: 400; } .cast-tile-group .tile .details .subheader { font-size: 0.6875rem; font-weight: 300; margin: 0px; } @media only screen and (min-width: 42em) { .cast-tile-group .tile .details .subheader { font-size: 0.75rem; margin-bottom: 0px; } } .cast-tile-group .tile .details .truncate { max-height: 5rem; } @media only screen and (min-width: 62.5em) { .module.m-tilegroup.right-rail { max-width: 20.625rem; } .module.m-tilegroup.m-related-blogs .module-title { margin-top: 0px; } .module.m-tilegroup.right-rail-ad { margin-top: 32.375rem; } } .m-tilegroup.m-tilegroup-poster .tiles { display: block; padding: 0px; margin: 0px -0.1875rem; } .m-tilegroup.m-tilegroup-poster .tiles:after { clear: both; content: ""; display: table; } .m-tilegroup.m-tilegroup-poster .tiles > li { display: block; height: auto; float: left; padding: 0px 0.1875rem 0.375rem; } .m-tilegroup.m-tilegroup-poster .tiles > li { width: 50%; padding: 0px 0.1875rem 0.375rem; list-style: none outside none; } .m-tilegroup.m-tilegroup-poster .tiles > li:nth-of-type(n) { clear: none; } .m-tilegroup.m-tilegroup-poster .tiles > li:nth-of-type(2n+1) { clear: both; } @media only screen and (min-width: 42em) { .m-tilegroup.m-tilegroup-poster .tiles { display: block; padding: 0px; margin: 0px -0.1875rem; } .m-tilegroup.m-tilegroup-poster .tiles:after { clear: both; content: ""; display: table; } .m-tilegroup.m-tilegroup-poster .tiles > li { display: block; height: auto; float: left; padding: 0px 0.1875rem 0.375rem; } .m-tilegroup.m-tilegroup-poster .tiles > li { width: 33.3333%; padding: 0px 0.1875rem 0.375rem; list-style: none outside none; } .m-tilegroup.m-tilegroup-poster .tiles > li:nth-of-type(n) { clear: none; } .m-tilegroup.m-tilegroup-poster .tiles > li:nth-of-type(3n+1) { clear: both; } } @media only screen and (min-width: 62.5em) { .m-tilegroup.m-tilegroup-poster .tiles { display: block; padding: 0px; margin: 0px -0.1875rem; } .m-tilegroup.m-tilegroup-poster .tiles:after { clear: both; content: ""; display: table; } .m-tilegroup.m-tilegroup-poster .tiles > li { display: block; height: auto; float: left; padding: 0px 0.1875rem 0.375rem; } .m-tilegroup.m-tilegroup-poster .tiles > li { width: 25%; padding: 0px 0.1875rem 0.375rem; list-style: none outside none; } .m-tilegroup.m-tilegroup-poster .tiles > li:nth-of-type(n) { clear: none; } .m-tilegroup.m-tilegroup-poster .tiles > li:nth-of-type(4n+1) { clear: both; } } .cssgradients .tiles .tile.tile-keyart-poster .bg-gradient:after { background-image: linear-gradient(rgba(29, 29, 29, 0) 75%, rgba(29, 29, 29, 0.4) 100%); } .tiles .tile.tile-keyart-poster { margin-bottom: 20px; } .tiles.no-gradient .tile .bg-gradient:after { display: none; } .tile-strip .tile .details .title { text-transform: none; width: 98%; } .tile-strip .cast-list .tile .details .title { max-height: 1.75rem; line-height: 1.25rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .m-tilegroup.tile-strip .tiles { opacity: 0; } .m-tilegroup.tile-strip .tiles.slider-loaded { opacity: 1; } .m-tilegroup.tile-strip .slick-track { transition: transform 500ms ease 0s; } .cssgradients .m-tilegroup.no-tile-gradient .tiles .tile .bg-gradient:after { background: none repeat scroll 0% 0% transparent; } .tiles .aspect-ratio-buffer.aspect-16x9 { width: 100%; padding-bottom: 56.25%; position: relative; } .tiles .aspect-ratio-buffer.aspect-16x9 > * { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; } .featured .tiles .aspect-ratio-buffer picture img.lazyloaded { background-image: url("urn:scrapbook-download-error:https://cdn1.edgedatg.com/abc/prod/images/abc-tile-image-fallback.png"); background-size: cover; background-position: center center; } .featured .tiles .aspect-ratio-buffer.aspect-16x9 { padding: 0px; background: none repeat scroll 0% 0% transparent; max-height: 11.5rem; } .featured .tiles .aspect-ratio-buffer.aspect-16x9:after { height: 100%; } .featured .tiles .aspect-ratio-buffer.aspect-16x9 picture { position: inherit; } .featured .tiles .aspect-ratio-buffer.aspect-16x9 picture img { min-height: 11.5rem; background-color: rgba(43, 45, 54, 0.4); } .featured .tiles .aspect-ratio-buffer.aspect-3x4 picture img { min-height: 11.125rem; } @media only screen and (min-width: 48rem) { .featured .tiles .aspect-ratio-buffer.aspect-3x4 picture img { min-height: 13rem; } } @media only screen and (min-width: 64rem) { .featured .tiles .aspect-ratio-buffer.aspect-3x4 picture img { min-height: 13.8125rem; } } @media only screen and (min-width: 90rem) { .featured .tiles .aspect-ratio-buffer.aspect-3x4 picture img { min-height: 18.875rem; } } .new-home .tiles .aspect-ratio-buffer.aspect-16x9 { max-height: 7.875rem; } @media only screen and (min-width: 48rem) { .new-home .tiles .aspect-ratio-buffer.aspect-16x9 { max-height: 9.5rem; } } @media only screen and (min-width: 64rem) { .new-home .tiles .aspect-ratio-buffer.aspect-16x9 { max-height: 10.125rem; } } @media only screen and (min-width: 90rem) { .new-home .tiles .aspect-ratio-buffer.aspect-16x9 { max-height: 13.75rem; } } .new-home .tiles .aspect-ratio-buffer.aspect-16x9 picture img { min-height: 7.875rem; } @media only screen and (min-width: 48rem) { .new-home .tiles .aspect-ratio-buffer.aspect-16x9 picture img { min-height: 9.5rem; } } @media only screen and (min-width: 64rem) { .new-home .tiles .aspect-ratio-buffer.aspect-16x9 picture img { min-height: 10.125rem; } } @media only screen and (min-width: 90rem) { .new-home .tiles .aspect-ratio-buffer.aspect-16x9 picture img { min-height: 13.75rem; } } @media only screen and (min-width: 42em) { .tiles .aspect-59x50 { width: 100%; padding-bottom: 84.7458%; position: relative; } .tiles .aspect-59x50 > * { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; } } .notilebackgrounds .tile .tile-copy-section { min-height: 5.9375rem; } .notilebackgrounds .tile .details .title { margin-bottom: 0.25rem; } @media only screen and (min-width: 42em) { .notilebackgrounds .tile .details .title { margin-bottom: 0.625rem; } } .tile .tile-copy-section { background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.1); min-height: 5.9375rem; } @media only screen and (min-width: 42em) { .tile .tile-copy-section { height: 6.78125rem; } } @media only screen and (min-width: 62.5em) { .tile .tile-copy-section { height: 5.9375rem; } } .tile .tile-copy-section .truncate { max-height: 3.6875rem; } .tile .tile-copy-section span.text3 { color: rgb(255, 255, 255); } .m-contentgroup .tiles .tile .tile-copy-section { height: 6.65625rem; } @media only screen and (min-width: 42em) { .m-contentgroup .tiles .tile .tile-copy-section { height: 6.78125rem; } } @media only screen and (min-width: 62.5em) { .m-contentgroup .tiles .tile .tile-copy-section { height: 5.9375rem; } } .tile-copy-section .subheader .tile-meta { padding-left: 0.1875rem; padding-right: 0.1875rem; border-right: 0.0625rem solid rgb(194, 194, 194); } .tile-copy-section .subheader .tile-meta:last-child { padding-right: 0px; border-right: medium none; } .tile .tunein-copy { bottom: 0px; line-height: 1.4em; position: absolute; right: 0.1875rem; text-align: right; text-transform: uppercase; width: 100%; } .tile .tunein-copy .details { padding: 0.625rem 0.625rem 0.5rem 1rem; } .tile .tunein-copy .details .title { font-size: 0.875rem; font-weight: 300; line-height: 1.2em; } .tile .tunein-copy .details .day { font-weight: 800; text-transform: uppercase; } .tile .tunein-copy .details .time { text-transform: lowercase; } .tile.hide-tune-in-copy .tunein-copy { display: none; } .m-tilegroup.m-allshows-tilegroup .tiles .tile.hide-tune-in-copy .bg-gradient:after { background: none repeat scroll 0% 0% transparent; } .m-tilegroup.m-allshows-tilegroup .tiles a.background-link { background: none repeat scroll 0% 0% rgb(43, 45, 54); min-height: 12.5rem; } @media only screen and (min-width: 30em) { .m-tilegroup.m-allshows-tilegroup .tiles a.background-link { min-height: 16.25rem; } } .tile.tile-keyart .tunein-copy .details .title { font-size: 1.0625rem; } .tile.tile-keyart-poster .tile-show-name { padding-top: 0.3125rem; font-size: 1rem; color: rgb(255, 255, 255); } .m-allshows-tilegroup .tile.tile-keyart-poster .tile-show-name { max-height: 1.75rem; line-height: 1.25rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tile.tile-content-overlay .season-episode-info, .tile.tile-content-overlay .episode-description, .tile.tile-content-overlay .meta-air-date-duration { display: none; } .m-tilegroup-episode-guide .tile .details .title, .m-top-picks .tile .details .title { text-transform: none; width: 98%; } .truncate-one-line { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right: 0.625rem; } .tile .icon.left svg + .abc-icon-play-solid { display: none; } .replay-new-icon { display: none; } .cssgradients .tile .bg-gradient:after { background-image: linear-gradient(rgba(29, 29, 29, 0.15) 100%, rgba(29, 29, 29, 0.15) 100%), linear-gradient(rgba(29, 29, 29, 0) 40%, rgba(29, 29, 29, 0.5) 100%); } .tile.tile-content-overlay-episode { padding: 0.625rem; } .tile.tile-content-overlay-episode.episode-expired { opacity: 0.5; } .tile.tile-content-overlay-episode .icon { width: 2.5rem; height: 2.5rem; } .tile.tile-content-overlay-episode .icon.left { border: 0.0625rem solid rgb(255, 255, 255); } .tile.tile-content-overlay-episode .icon.left svg { display: none; } .tile.tile-content-overlay-episode .abc-icon-play-solid { font-size: 0.96875rem; padding-left: 0.3125rem; line-height: initial; } .tile.tile-content-overlay-episode .abc-icon-lock-new { font-size: 1.3125rem; padding-bottom: 0.1875rem; } .tile.tile-content-overlay-episode .details { position: static; background-color: rgba(255, 255, 255, 0.1); text-shadow: none; height: 4rem; padding: 0.875rem 0.75rem; } .tile.tile-content-overlay-episode .details .wrapper { margin: 0.875rem 0.75rem; } .tile.tile-content-overlay-episode .details .titles { color: rgb(50, 50, 50); font-size: 1rem; margin: 0px; padding: 0px; max-height: 1.5rem; line-height: 1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tile.tile-content-overlay-episode .details .titles .seasonal { text-transform: uppercase; display: inline-block; font-weight: 300; line-height: 0.94; } .tile.tile-content-overlay-episode .details .titles .common { color: rgb(255, 255, 255); text-transform: capitalize; display: inline-block; font-weight: 200; } .tile.tile-content-overlay-episode .details .titles .common:hover { color: rgb(255, 255, 255); } .tile.tile-content-overlay-episode .details .video-info { margin: 0px; font-size: 0.75rem; font-weight: 200; line-height: 1; color: rgb(74, 74, 74); } .tile.tile-content-overlay-episode .details .video-info .air-date { position: absolute; bottom: 0.875rem; } .tile.tile-content-overlay-episode .details .video-info .duration { position: absolute; bottom: 0.875rem; right: 0.75rem; text-transform: uppercase; } .tile.tile-content-overlay-episode .bottom-left-details { width: 9.375rem; left: 0.75rem; bottom: 1.25rem; } .tile.tile-content-overlay-episode .bottom-left-details .status.text5 { font-size: 0.875rem; line-height: 1.14; padding: 0.4375rem 0px; } .tile.tile-content-overlay-episode .icon.left svg + .abc-icon-play-solid { display: table-cell; } .tile.tile-content-overlay-episode .video-progress-linear-wrapper { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 0.5rem; padding: 0px; } .tile.tile-content-overlay-episode .video-progress-linear-wrapper.not-started { display: none; } .tile.tile-content-overlay-episode .video-progress-linear-wrapper.not-started .progress-bar { display: none; } .tile.tile-content-overlay-episode .video-progress-linear-wrapper .progress-linear { background-color: rgba(255, 255, 255, 0.4); height: 0.5rem; } .tile.tile-content-overlay-episode .video-progress-linear-wrapper .progress-linear .progress-bar { width: 0px; height: 0.5rem; position: relative; text-align: right; background-color: rgb(255, 255, 255); } @keyframes expand { 0% { width: 0px; } } .tile.tile-content-featured .tile-thumbnail .video-progress-linear-wrapper { top: inherit; z-index: 1; } .new-home .tile.tile-content-featured .tile-thumbnail .video-progress-linear-wrapper, .new-design .tile.tile-content-featured .tile-thumbnail .video-progress-linear-wrapper { bottom: 0.5rem; left: 0.5rem; width: calc(100% - 1rem); } .new-home .tile.tile-content-featured .tile-thumbnail .video-progress-linear-wrapper .progress-linear, .new-design .tile.tile-content-featured .tile-thumbnail .video-progress-linear-wrapper .progress-linear { background-color: rgba(255, 255, 255, 0.2); height: 0.375rem; } .new-home .tile.tile-content-featured .tile-thumbnail .video-progress-linear-wrapper .progress-linear .progress-bar, .new-design .tile.tile-content-featured .tile-thumbnail .video-progress-linear-wrapper .progress-linear .progress-bar { height: 0.375rem; } .tile.tile-content-featured .details { position: inherit; margin-top: 1rem; padding: 0px; background: none repeat scroll 0% 0% transparent; } .tile.tile-content-featured .details > a > span { font-size: 1rem; display: block; font-weight: 200; text-shadow: none; line-height: 1.25rem; max-height: 1.25rem; overflow: hidden; } .tile.tile-content-featured .details .season-data { font-weight: normal; display: inline-block; margin-right: 0.1875rem; color: rgb(204, 204, 204); } .tile.tile-content-featured .details .title { line-height: 1.25rem; overflow: hidden; white-space: normal; max-height: 2.5rem; font-size: 1rem; } .tile.tile-content-featured .details .description { text-overflow: ellipsis; white-space: nowrap; } .tile.tile-content-featured .details .description > span { color: rgb(204, 204, 204); } .tile.tile-content-featured .details .description, .tile.tile-content-featured .details .duration, .tile.tile-content-featured .details .secondary-text { color: rgb(204, 204, 204); margin-top: 0.375rem; } .tile.tile-content-featured .details .rating { color: rgb(204, 204, 204); } .tile.tile-content-featured .details .duration, .tile.tile-content-featured .details .secondary-text { font-size: 0.875rem; line-height: 0.875rem; } .tile.tile-content-featured .details .secondary-text { display: block; } @media only screen and (min-width: 30em) { .tile.tile-content-featured .details .description { font-size: 0.875rem; line-height: 1.125rem; max-height: 1.125rem; } } .tile.tile-content-featured.new-home .top-right-details { margin: 0.8125rem 0px 0px 0.8125rem; } .tile.tile-content-featured.new-home .top-right-details .icon.left { background-color: rgba(0, 0, 0, 0.6); } .tile.tile-content-featured.new-home .top-right-details .icon.left:not(.lock), .tile.tile-content-featured.new-home .top-right-details .new, .tile.tile-content-featured.new-home .top-right-details .verify { display: none; border: 0px none; } .tile.tile-content-featured.new-home .top-right-details .icon.left.lock { border: 0px none; } .tile.tile-content-featured.new-home .top-right-details .abc-icon-lock-icon { font-size: 1.3125rem; } .tile.tile-content-featured.new-home .details { height: auto; } .tile.tile-content-featured.new-home .details .season-data { margin-right: 0.75rem; } .tile.tile-content-featured.new-home .details .title { line-height: 1.375rem; font-weight: 200; max-height: 2.875rem; } .tile.tile-content-featured.new-home .details .description { line-height: 1.375rem; overflow: hidden; white-space: normal; max-height: 2.875rem; text-transform: capitalize; font-weight: 200; color: rgb(255, 255, 255); } @media only screen and (min-width: 48rem) { .tile.tile-content-featured.new-home .details .description { font-size: 1rem; line-height: 1.375rem; } } .tile.tile-content-featured.new-home .details .description > span { color: rgb(255, 255, 255); } .tile.tile-content-featured.new-home .details .duration, .tile.tile-content-featured.new-home .details .secondary-text { font-weight: 100; margin-top: 0.8125rem; } .tile.tile-content-featured.new-home .details .duration > span, .tile.tile-content-featured.new-home .details .secondary-text > span { color: rgb(204, 204, 204); } .tile.tile-content-featured.new-home .details .separator { display: inline-block; margin: 0px 0.375rem; } .tile.tile-content-featured.new-home[data-video-type="sf"] .details .description { font-weight: 300; } .slick-initialized.enabled.line-clamp .tile.tile-content-featured .details .title, .slick-initialized.enabled.line-clamp .tile.tile-content-featured .details .description { width: 100%; } .slick-initialized.enabled.line-clamp .tile.tile-content-overlay .tile-show-name { width: 100%; } .m-tilegroup-around-abc.new-home { padding: 0px 1.5rem; max-width: 75rem; } @media only screen and (min-width: 48rem) { .m-tilegroup-around-abc.new-home { padding: 0px 3rem; } } @media only screen and (min-width: 64rem) { .m-tilegroup-around-abc.new-home { padding: 0px 4rem; } } @media only screen and (min-width: 90rem) { .m-tilegroup-around-abc.new-home { padding: 0px; } } .m-tilegroup-around-abc.new-home > .columns { padding: 0px; } .m-tilegroup-around-abc.new-home > .columns > .row { margin-left: 0px; margin-right: 0px; } .m-tilegroup-around-abc.new-home .module-title { font-size: 1rem; } @media only screen and (min-width: 48rem) { .m-tilegroup-around-abc.new-home .module-title { font-size: 1.25rem; } } .m-tilegroup-around-abc.new-home .with-right-button:after { content: ""; clear: both; } .m-tilegroup-around-abc.new-home .with-right-button .module-title { float: left; } .m-tilegroup-around-abc.new-home .with-right-button .right-button { float: right; margin-top: 1.25rem; } .m-tilegroup-around-abc.new-home .with-right-button .right-button a { font-size: 1rem; font-weight: 200; color: rgb(255, 255, 255); text-transform: capitalize; letter-spacing: 1px; } .m-tilegroup-around-abc.new-home.tiles-counter .right-button { display: none; } @media only screen and (min-width: 64rem) { .m-tilegroup-around-abc.new-home ul.tiles { overflow: hidden; } } .m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles:not(.enabled) { max-height: 12rem; } @media only screen and (min-width: 48rem) { .m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles:not(.enabled) { max-height: 13.9375rem; } } @media only screen and (min-width: 90rem) { .m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles:not(.enabled) { max-height: 19.375rem; } } .m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles:not(.enabled) .tile { float: left; visibility: hidden; } .m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles:not(.enabled) .tile:nth-child(1), .m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles:not(.enabled) .tile:nth-child(2), .m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles:not(.enabled) .tile:nth-child(3) { visibility: visible; } .m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles:not(.enabled) .tile:nth-child(3) { margin-right: 0px; } @media only screen and (min-width: 64rem) { .m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles:not(.enabled) .tile { width: 17.6875rem ! important; } } @media only screen and (min-width: 90rem) { .m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles:not(.enabled) .tile { width: 24.3125rem ! important; } } @media all and (min-width: 907px) and (max-width: 937px) { .m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles:not(.enabled) { width: 52.8125rem; } } .m-tilegroup-around-abc.new-home.slider-with-fade-sides.new-cast .tiles:not(.enabled) .tile, .m-tilegroup-around-abc.new-home.slider-with-fade-sides.related-shows .tiles:not(.enabled) .tile { visibility: visible; } .m-tilegroup-around-abc.new-home.slider-with-fade-sides.new-cast .tiles:not(.enabled) .tile:nth-child(n+6), .m-tilegroup-around-abc.new-home.slider-with-fade-sides.related-shows .tiles:not(.enabled) .tile:nth-child(n+6) { visibility: hidden; } .m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles .tile { opacity: 1; margin-right: 1rem; padding: 0px ! important; width: 14.0625rem ! important; } @media only screen and (min-width: 48rem) { .m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles .tile { width: 16.875rem ! important; } } @media only screen and (min-width: 64rem) { .m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles .tile { width: 18rem ! important; } } @media only screen and (min-width: 90rem) { .m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles .tile { width: 24.375rem ! important; } } .m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles .tile .bg-gradient:after { background: none repeat scroll 0% 0% transparent; display: none; } @media only screen and (min-width: 64rem) { .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.related-shows.slider-with-fade-sides .tiles:not(.enabled) { max-height: 18rem; } } @media only screen and (min-width: 90rem) { .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.related-shows.slider-with-fade-sides .tiles:not(.enabled) { max-height: 23rem; } } .m-tilegroup-around-abc.new-home.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-next .icon { right: -1.5rem; } .m-tilegroup-around-abc.new-home.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-prev .icon { left: -1.5rem; } @media only screen and (min-width: 64rem) { .m-tilegroup-around-abc.new-home.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-next, .m-tilegroup-around-abc.new-home.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-prev { padding-top: 3.5rem; } .m-tilegroup-around-abc.new-home.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-next .icon, .m-tilegroup-around-abc.new-home.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-prev .icon { opacity: 1; } } @media only screen and (min-width: 90rem) { .m-tilegroup-around-abc.new-home.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-next, .m-tilegroup-around-abc.new-home.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-prev { padding-top: 5.1rem; } } .m-profilelist.slider-enabled .video-progress-linear-wrapper { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 0.5rem; padding: 0px; } .m-profilelist.slider-enabled .video-progress-linear-wrapper.not-started { display: none; } .m-profilelist.slider-enabled .video-progress-linear-wrapper.not-started .progress-bar { display: none; } .m-profilelist.slider-enabled .video-progress-linear-wrapper .progress-linear { background-color: rgba(255, 255, 255, 0.4); height: 0.5rem; } .m-profilelist.slider-enabled .video-progress-linear-wrapper .progress-linear .progress-bar { width: 0px; height: 0.5rem; position: relative; text-align: right; background-color: rgb(255, 255, 255); } @keyframes expand { 0% { width: 0px; } } .m-profilelist.slider-enabled .tile .icon { display: table; color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.4); border-radius: 1.875rem; width: 1.875rem; height: 1.875rem; text-align: center; font-size: 0.6875rem; background-clip: padding-box; border: 0.0625rem solid rgb(255, 255, 255); } .m-profilelist.slider-enabled .tile .icon .iconfont.abc-icon-play-solid { font-size: 0.78125rem; padding-left: 0.25rem; } .m-profilelist.slider-enabled .abc-icon-close { font-size: 0.875rem; } .mobile .m-tilegroup .line-clamp .background.lazyloaded { width: 100%; display: block; } .m-tilegroup-around-abc.slider-with-fade-sides { overflow: visible; } .m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow { visibility: hidden; top: 45%; opacity: 1; transition: opacity 250ms cubic-bezier(0.23, 1, 0.32, 1) 0s; } @media only screen and (min-width: 62.5em) { .m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow { visibility: visible; } } .m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow.hidden { opacity: 0; } .m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-next, .m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-prev { z-index: 1; position: absolute; height: 11.5625rem; top: 0px; font-size: 2.375rem; padding-top: 4.5rem; width: 62.5rem; } @media screen and (max-width: 71.875rem) { .m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-next .icon, .m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-prev .icon { opacity: 0; } } .m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-next { text-align: left; right: -62.5rem; } .m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-next .icon { color: rgb(255, 255, 255); position: relative; transition: right 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s; right: -3.125rem; } .m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-next.hidden .icon, .m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-next.slick-disabled .icon { right: 3.75rem; } .m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-prev { text-align: right; left: -62.5rem; } .m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-prev .icon { color: rgb(255, 255, 255); position: relative; transition: left 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s; left: -3.125rem; } .m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-prev.hidden .icon, .m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-prev.slick-disabled .icon { left: 3.75rem; } .m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow.slick-disabled { opacity: 0; } .m-tilegroup-around-abc.slider-with-fade-sides .tiles:not(.enabled) { max-height: 11.5625rem; overflow: hidden; } .m-tilegroup-around-abc.slider-with-fade-sides .tiles .slick-list { overflow: visible; } @media only screen and (min-width: 62.5em) { .m-tilegroup-around-abc.slider-with-fade-sides .tiles .slick-slide { opacity: 0.2; transition: opacity 333ms cubic-bezier(0.23, 1, 0.32, 1) 0s; } .m-tilegroup-around-abc.slider-with-fade-sides .tiles .slick-slide.slick-active { opacity: 1; } } .m-tilegroup-around-abc.slider-with-fade-sides .tiles:not(.enabled) ~ .m-tilegroup-arrow { opacity: 0 ! important; } @media only screen and (min-width: 62.5em) { .m-tilegroup-around-abc.slider-with-fade-sides .tiles { min-width: 63.75rem; } } .m-tilegroup-around-abc.slider-with-fade-sides .tiles .tile { width: 21.0625rem ! important; padding-right: 0.5625rem ! important; } .m-tilegroup-around-abc.slider-with-fade-sides .tiles .tile .bg-gradient:after { height: 101%; } .m-tilegroup-around-abc.tile-strip .slick-track { transition: transform 500ms ease 0s; } .m-tilegroup-around-abc .module-title { margin-top: 1.25rem; margin-bottom: 0.9375rem; text-transform: uppercase; letter-spacing: 0.125rem; } ul.tiles li.mk-tile.tile { margin-bottom: 4rem; } ul.tiles li.mk-tile.tile.full { width: 100%; padding: 0px; } ul.tiles li.mk-tile.tile.half { width: 50%; } ul.tiles li.mk-tile.tile.half.left-tile { padding: 0px 0.5rem 0px 0px; } ul.tiles li.mk-tile.tile.half.right-tile { padding: 0px 0px 0px 0.5rem; } @media only screen and (max-width: 36.875em) { ul.tiles li.mk-tile.tile.half { width: 100%; } ul.tiles li.mk-tile.tile.half.left-tile { padding: 0px; } ul.tiles li.mk-tile.tile.half.right-tile { padding: 0px; } } ul.tiles li.mk-tile.tile.slim { width: 100%; padding: 0px; } .marketing.full-width { width: 100%; height: 19.125rem; padding: 0px; color: rgb(255, 255, 255); } .marketing.full-width .mk-background { position: absolute; width: inherit; height: 100%; z-index: -1; } .marketing.full-width .mk-background .mk-background-img { height: 100%; width: 100%; } .marketing.full-width.mk-background-fallback { background-color: rgba(0, 0, 0, 0.3); } .marketing.full-width .mk-wrapper { position: relative; width: 100%; height: 100%; padding-top: 2.5rem; } .marketing.full-width .mk-wrapper .mk-logo { margin: 0px auto; width: 14.625rem; height: 4.875rem; } .marketing.full-width .mk-wrapper .mk-logo-fallback { margin: 0px auto; width: 37.5rem; height: 4.875rem; padding-top: 1.6875rem; } .marketing.full-width .mk-wrapper .mk-logo-fallback .mk-title { width: 18.6875rem; height: 1.5rem; font-size: 1.625rem; font-weight: 300; line-height: 0.92; } .marketing.full-width .mk-wrapper .mk-description { margin: 1.5rem auto 0px; max-width: 37.5rem; font-size: 1rem; font-weight: 200; line-height: 1.5; } .marketing.full-width .mk-wrapper .mk-button { position: absolute; bottom: 0px; left: 0px; right: 0px; margin: 0px auto; padding-bottom: 1.25rem; width: 15rem; } .marketing.full-width .mk-wrapper .mk-button .mk-button-color { color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.15); } .marketing.full-width .mk-wrapper .mk-button .mk-button-color:hover { background-color: rgba(255, 255, 255, 0.3); } @media only screen and (max-width: 48em) { .marketing.full-width .mk-wrapper .mk-description { padding: 0px 1.25rem; font-size: 1rem; } } @media only screen and (max-width: 37.5rem) { .marketing.full-width { height: 18.875rem; } .marketing.full-width .mk-wrapper { padding-top: 2rem; } .marketing.full-width .mk-wrapper .mk-logo { width: 9.375rem; height: 3.125rem; } .marketing.full-width .mk-wrapper .mk-logo-fallback { width: 19rem; height: 3.125rem; padding-top: 0.8125rem; } .marketing.full-width .mk-wrapper .mk-logo-fallback .mk-title { width: 18.6875rem; height: 1.5rem; font-size: 1.25rem; line-height: 1.2; } .marketing.full-width .mk-wrapper .mk-description { padding: 0px 1.5rem; font-size: 0.875rem; line-height: 1.57; } .marketing.full-width .mk-wrapper .mk-button { padding-bottom: 0.75rem; } } @media only screen and (max-width: 20em) { .marketing.full-width { height: 17.375rem; } .marketing.full-width .mk-wrapper { padding-top: 1.5rem; } .marketing.full-width .mk-wrapper .mk-logo-fallback { width: 15rem; height: 3.125rem; } .marketing.full-width .mk-wrapper .mk-logo-fallback .mk-title { width: 14.375rem; height: 1.5rem; } .marketing.full-width .mk-wrapper .mk-description { padding: 0px 1rem; } .marketing.full-width .mk-wrapper .mk-button { padding-bottom: 0.25rem; } } .marketing.half-width { max-width: 37rem; width: 100%; height: 20.625rem; padding: 0px; color: rgb(255, 255, 255); display: inline-block; } .marketing.half-width .mk-background { position: absolute; max-width: inherit; height: 100%; display: inherit; z-index: -1; } .marketing.half-width .mk-background .mk-background-img { height: 100%; width: 100%; } .marketing.half-width.mk-background-fallback { background-color: rgba(0, 0, 0, 0.3); } .marketing.half-width .mk-wrapper { height: 100%; } .marketing.half-width .mk-wrapper .mk-logo { position: relative; margin: 0px auto; padding-top: 2.5rem; width: 14.625rem; } .marketing.half-width .mk-wrapper .mk-logo-fallback { margin: 2.5rem 2.5rem 0px; height: 4.875rem; padding-top: 1.6875rem; } .marketing.half-width .mk-wrapper .mk-logo-fallback .mk-title { width: 14.375rem; height: 1.5rem; font-size: 1.25rem; font-weight: 300; line-height: 1.2; } .marketing.half-width .mk-wrapper .mk-description { margin: 0px 2.5rem; padding-top: 1.5rem; max-width: 32rem; font-size: 1rem; font-weight: 200; line-height: 1.5; } .marketing.half-width .mk-wrapper .mk-button { position: absolute; bottom: 0px; left: 0px; right: 0px; margin: 0px auto; padding-bottom: 1.25rem; width: 15rem; } .marketing.half-width .mk-wrapper .mk-button .mk-button-color { color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.15); } .marketing.half-width .mk-wrapper .mk-button .mk-button-color:hover { background-color: rgba(255, 255, 255, 0.3); } @media only screen and (max-width: 64em) { .marketing.half-width .mk-wrapper .mk-logo-fallback { margin: 2.5rem 2rem 0px; } .marketing.half-width .mk-wrapper .mk-logo-fallback .mk-title { width: 14.375rem; height: 1.5rem; font-size: 1.25rem; font-weight: 300; line-height: 1.2; } .marketing.half-width .mk-wrapper .mk-description { max-width: 24.5rem; margin-left: 1.5rem; margin-right: 1.5rem; } } @media only screen and (max-width: 48em) { .marketing.half-width .mk-wrapper .mk-logo { position: relative; margin: 0px auto; padding-top: 2rem; width: 9.375rem; } .marketing.half-width .mk-wrapper .mk-logo-fallback { margin: 2rem 1rem 0px; } .marketing.half-width .mk-wrapper .mk-logo-fallback .mk-title { width: 14.375rem; height: 1.5rem; } .marketing.half-width .mk-wrapper .mk-description { max-width: 18.5rem; margin-left: 1rem; margin-right: 1rem; font-size: 0.875rem; line-height: 1.57; } } @media only screen and (max-width: 36.875em) { .marketing.half-width { display: block; height: 18.875rem; } .marketing.half-width .mk-wrapper { width: 100%; height: 100%; } .marketing.half-width .mk-wrapper .mk-description { margin: 0px auto; max-width: 100%; padding: 1.5rem 1.5rem 0px; font-size: 0.875rem; line-height: 1.57; } } .marketing.slim-banner { max-width: 75rem; width: 100%; height: 6rem; min-height: 6rem; padding: 0px; color: rgb(255, 255, 255); } .marketing.slim-banner:before { content: ""; width: 100%; height: 100%; display: block; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3); position: absolute; top: 0px; left: 0px; z-index: 0; } .marketing.slim-banner.mk-background-fallback { background-color: rgba(0, 0, 0, 0.3); } .marketing.slim-banner .mk-wrapper { height: 100%; display: flex; align-items: center; padding: 1rem 1.5rem; } .marketing.slim-banner .mk-wrapper .mk-logo { position: relative; width: 4rem; display: table-cell; vertical-align: middle; } .marketing.slim-banner .mk-wrapper .mk-description { position: relative; display: table-cell; vertical-align: middle; padding-left: 0.75rem; max-width: 47.375rem; font-size: 1rem; font-weight: 200; line-height: 1.5; letter-spacing: 0.03125rem; } .marketing.slim-banner .mk-wrapper .mk-description .mk-mobile-button { display: none; } .marketing.slim-banner .mk-wrapper .mk-description-fallback { padding: 0px; } .marketing.slim-banner .mk-wrapper .mk-button { position: absolute; right: 0px; width: 15rem; margin: 0.625rem 1.5rem 1.625rem 0px; display: table-cell; vertical-align: middle; } .marketing.slim-banner .mk-wrapper .mk-button .mk-button-color { color: rgb(255, 255, 255); } .marketing.slim-banner .mk-wrapper .mk-button .mk-button-color:hover { background-color: rgba(255, 255, 255, 0.3) ! important; } .marketing.slim-banner .mk-wrapper .mk-button .mk-button-fallback { color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.15); } .marketing.slim-banner .mk-wrapper .mk-button .mk-button-fallback:hover { background-color: rgba(255, 255, 255, 0.3); } @media only screen and (max-width: 89.9375em) { .marketing.slim-banner .mk-wrapper .mk-description { max-width: 30rem; } } @media only screen and (max-width: 56.25rem) { .marketing.slim-banner { height: auto; } .marketing.slim-banner .mk-wrapper { padding: 1rem; } .marketing.slim-banner .mk-wrapper .mk-description { max-width: 18rem; } } @media only screen and (max-width: 41.25rem) { .marketing.slim-banner .mk-wrapper .mk-description { max-width: 100%; width: 100%; font-size: 0.875rem; line-height: 1.57; } .marketing.slim-banner .mk-wrapper .mk-description .mk-mobile-button { display: block; padding-top: 0.5rem; letter-spacing: 0.0625rem; } .marketing.slim-banner .mk-wrapper .mk-button { display: none; } } @media only screen and (max-width: 24.9375rem) { .marketing.slim-banner .mk-wrapper { width: 100%; display: table; text-align: center; padding: 1rem; } .marketing.slim-banner .mk-wrapper .mk-description { padding: 0px; } .marketing.slim-banner .mk-wrapper .mk-description-fallback { margin: 0px auto; } .marketing.slim-banner .mk-wrapper .mk-logo { display: none; } } .m-tilegroup-popular-shows.row { max-width: 63.125rem; overflow: visible; padding-left: 0.625rem; } @media only screen and (min-width: 42em) { .m-tilegroup-popular-shows.row { padding-left: 1.25rem; margin-bottom: 3.125rem; } } @media only screen and (min-width: 62.5em) { .m-tilegroup-popular-shows.row { padding-left: 0.1875rem; } } .m-tilegroup-popular-shows .m-tilegroup-arrow { visibility: hidden; top: 45%; opacity: 1; transition: opacity 250ms cubic-bezier(0.23, 1, 0.32, 1) 0s; } @media only screen and (min-width: 62.5em) { .m-tilegroup-popular-shows .m-tilegroup-arrow { visibility: visible; } } .m-tilegroup-popular-shows .m-tilegroup-arrow.hidden { opacity: 0; } .m-tilegroup-popular-shows .m-tilegroup-arrow.m-tilegroup-arrow-next, .m-tilegroup-popular-shows .m-tilegroup-arrow.m-tilegroup-arrow-prev { z-index: 1; position: absolute; height: 20rem; top: 0px; font-size: 2.375rem; padding-top: 6.25rem; width: 62.5rem; } @media screen and (max-width: 71.875rem) { .m-tilegroup-popular-shows .m-tilegroup-arrow.m-tilegroup-arrow-next .icon, .m-tilegroup-popular-shows .m-tilegroup-arrow.m-tilegroup-arrow-prev .icon { opacity: 0; } } .m-tilegroup-popular-shows .m-tilegroup-arrow.m-tilegroup-arrow-next { text-align: left; right: -62.5rem; } .m-tilegroup-popular-shows .m-tilegroup-arrow.m-tilegroup-arrow-next .icon { color: rgb(255, 255, 255); position: relative; transition: right 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s; right: -3.125rem; } .m-tilegroup-popular-shows .m-tilegroup-arrow.m-tilegroup-arrow-next.hidden .icon, .m-tilegroup-popular-shows .m-tilegroup-arrow.m-tilegroup-arrow-next.slick-disabled .icon { right: 3.75rem; } .m-tilegroup-popular-shows .m-tilegroup-arrow.m-tilegroup-arrow-prev { text-align: right; left: -62.5rem; } .m-tilegroup-popular-shows .m-tilegroup-arrow.m-tilegroup-arrow-prev .icon { color: rgb(255, 255, 255); position: relative; transition: left 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s; left: -3.125rem; } .m-tilegroup-popular-shows .m-tilegroup-arrow.m-tilegroup-arrow-prev.hidden .icon, .m-tilegroup-popular-shows .m-tilegroup-arrow.m-tilegroup-arrow-prev.slick-disabled .icon { left: 3.75rem; } .m-tilegroup-popular-shows .m-tilegroup-arrow.slick-disabled { opacity: 0; } .m-tilegroup-popular-shows .tiles:not(.enabled) { max-height: 20rem; overflow: hidden; } .m-tilegroup-popular-shows .tiles .slick-list { overflow: visible; } @media only screen and (min-width: 62.5em) { .m-tilegroup-popular-shows .tiles .slick-slide { opacity: 0.2; transition: opacity 333ms cubic-bezier(0.23, 1, 0.32, 1) 0s; } .m-tilegroup-popular-shows .tiles .slick-slide.slick-active { opacity: 1; } } .m-tilegroup-popular-shows .tiles:not(.enabled) ~ .m-tilegroup-arrow { opacity: 0 ! important; } .m-tilegroup-popular-shows .tiles:not(.enabled) { max-height: 18.125rem; } @media only screen and (min-width: 62.5em) { .m-tilegroup-popular-shows .tiles { min-width: 63.125rem; } } .m-tilegroup-popular-shows .tiles .tile { width: 12.625rem ! important; } .m-tilegroup-popular-shows .tiles .tile:not(.ad) { padding-right: 0.375rem ! important; } .m-tilegroup-popular-shows .tiles .tile .tile-show-name { font-size: 1rem; color: rgb(255, 255, 255); max-height: 3.5rem; line-height: 1.25rem; overflow: hidden; white-space: normal; } .m-tilegroup-popular-shows .tiles .tile:last-of-type { margin-left: 0px; } .m-tilegroup-popular-shows .tiles .tile a.background-link { background: none repeat scroll 0% 0% rgb(43, 45, 54); min-height: 16.3125rem; } .m-tilegroup-popular-shows .tiles .tile.ad { width: 24.875rem ! important; background-color: rgba(77, 77, 77, 0.2); height: 16.3125rem ! important; padding-right: 0px ! important; border-right: 0.375rem solid transparent; } .m-tilegroup-popular-shows .tiles .tile.ad .aspect-59x50 { position: static; width: auto; padding-bottom: inherit; } .m-tilegroup-popular-shows .tiles .tile.ad.ad-hidden { display: none; } .m-tilegroup-popular-shows .module-title { margin-top: 2.5rem; margin-bottom: 0.9375rem; letter-spacing: 0.125rem; text-transform: uppercase; } .m-tilegroup-popular-shows .tiles .tile.hide-tune-in-copy .bg-gradient:after { background: none repeat scroll 0% 0% transparent; } .m-tilegroup-popular-shows .ad-place { margin-top: 1.5625rem; margin-left: -0.625rem; } @media only screen and (min-width: 42em) { .m-tilegroup-popular-shows .ad-place { margin-left: -1.25rem; } } @media only screen and (min-width: 62.5em) { .m-tilegroup-popular-shows .ad-place { margin-left: -0.1875rem; } } .m-tilegroup-popular-shows .ad-place + .columns .module-title { margin-top: 1.5rem; } .m-tilegroup-popular-shows.tile-strip .slick-track { transition: transform 883ms cubic-bezier(0.23, 1, 0.32, 1) 0s; } .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.related-shows .tiles .tile.new-home.related-shows { width: 8.25rem ! important; margin-right: 0.5rem; } .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.related-shows .tiles .tile.new-home.related-shows .tile-show-name { color: rgb(255, 255, 255); font-size: 1rem; margin-top: 1rem; max-height: 3.5rem; line-height: 1.25rem; overflow: hidden; white-space: normal; } @media only screen and (min-width: 48rem) { .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.related-shows .tiles .tile.new-home.related-shows { width: 9.75rem ! important; margin-right: 1rem; } } @media only screen and (min-width: 64rem) { .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.related-shows .tiles .tile.new-home.related-shows { width: 10.375rem ! important; margin-right: 1rem; } } @media only screen and (min-width: 90rem) { .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.related-shows .tiles .tile.new-home.related-shows { width: 14.1875rem ! important; margin-right: 1rem; } } @media only screen and (min-width: 64rem) { .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.related-shows .m-tilegroup-arrow.m-tilegroup-arrow-next, .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.related-shows .m-tilegroup-arrow.m-tilegroup-arrow-prev { padding-top: 5.25rem; } } @media only screen and (min-width: 90rem) { .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.related-shows .m-tilegroup-arrow.m-tilegroup-arrow-next, .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.related-shows .m-tilegroup-arrow.m-tilegroup-arrow-prev { padding-top: 7.75rem; } } .m-tilegroup-trending-shows .module-title { margin-top: 2.5rem; margin-bottom: 0.9375rem; letter-spacing: 0.125rem; text-transform: uppercase; } .m-tilegroup-trending-shows .button.loadmore-button { align-items: center; background-color: rgb(226, 176, 94); border: medium none; border-radius: 1.5rem; color: rgb(255, 255, 255); display: flex; justify-content: center; margin-left: auto; margin-right: auto; height: 2.75rem; width: 15rem; text-transform: uppercase; top: 1.25rem; } .m-tilegroup-trending-shows .button.loadmore-button:hover { background-color: rgba(226, 176, 94, 0.7); } .m-tilegroup-trending-shows.ad-loaded .tiles.hero-tiles { display: block; } .m-tilegroup-trending-shows .tiles.hero-tiles { display: none; } .m-tilegroup-trending-shows .tiles.hero-tiles.tiles .tile:not(.ad) { padding-left: 0.1875rem; padding-right: 0.1875rem; width: 100%; float: left; } @media only screen and (min-width: 62.5em) { .m-tilegroup-trending-shows .tiles.hero-tiles.tiles .tile:not(.ad) { overflow-y: hidden; height: 17.3369rem; padding-left: 0.1875rem; padding-right: 0.1875rem; width: 66.6667%; float: left; } } .m-tilegroup-trending-shows .tiles .tile.hide-tune-in-copy .bg-gradient:after { background: none repeat scroll 0% 0% transparent; } .datgPlayerControls .controlBar .control.volume.isEnabled:hover:before, .datgPlayerControls .controlBar .control:hover:before { box-sizing: content-box; } #svgPlayerIcons { display: none; } .datgUi .ui-slider-handle { outline: 0px none; } .m-videoplayer .playlist-meta-data, .m-livevideoplayer .playlist-meta-data { height: 4.5rem; display: flex; justify-content: center; flex-direction: column; align-items: center; background: none repeat scroll 0% 0% rgb(0, 26, 60); color: rgb(255, 255, 255); font-weight: 200; line-height: 1.125rem; } .m-videoplayer .playlist-meta-data .playlist-title, .m-livevideoplayer .playlist-meta-data .playlist-title { text-transform: uppercase; font-size: 1.125rem; text-align: center; letter-spacing: 0.1875rem; } .m-videoplayer .playlist-meta-data .playlist-subtitle, .m-livevideoplayer .playlist-meta-data .playlist-subtitle { font-size: 1rem; } .m-videoplayer .m-videoplayer-wrapper, .m-livevideoplayer .m-videoplayer-wrapper { background-color: rgb(25, 25, 25); position: relative; } .m-videoplayer .m-videoplayer-image-background, .m-livevideoplayer .m-videoplayer-image-background { background-position: center center; background-size: cover; height: 100%; opacity: 0.2; overflow: hidden; position: absolute; top: 0px; width: 100%; transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden; } .m-videoplayer .m-videoplayer-videoplayer, .m-livevideoplayer .m-videoplayer-videoplayer { background-color: rgb(35, 35, 35); background-position: center center; background-size: cover; padding: 0px; position: relative; } .m-videoplayer .aspectBuffer:after, .m-livevideoplayer .aspectBuffer:after { content: ""; display: block; width: 100%; padding-bottom: 56.25%; position: relative; } .m-videoplayer .videoContainer, .m-livevideoplayer .videoContainer { height: 100%; position: absolute; top: 0px; width: 100%; } .m-videoplayer.no-aspect-buffer .videoContainer, .m-livevideoplayer.no-aspect-buffer .videoContainer { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .m-videoplayer.no-aspect-buffer .aspectBuffer:after, .m-livevideoplayer.no-aspect-buffer .aspectBuffer:after { padding: 0px; } .m-videoplayer .datgPlayer, .m-livevideoplayer .datgPlayer { height: 100%; width: 100%; } .m-videoplayer .error-message, .abcmedia.video .error-message { display: inline-block; padding: 25% 40px 40px; } .m-videoplayer .error-message .error-messages-wrapper, .abcmedia.video .error-message .error-messages-wrapper { text-align: center; } .m-videoplayer .error-message .error-messages-wrapper .text2, .abcmedia.video .error-message .error-messages-wrapper .text2 { color: white; } .abcmedia.video.m-message-active { background: none repeat scroll 0% 0% black; } .endCardOverlay button.end-card-btn-watch { text-transform: uppercase; background-color: rgb(226, 176, 94); border-radius: 1.5rem; border: medium none; font-weight: 400; } .endCardOverlay button.end-card-btn-watch:hover { background-color: rgba(226, 176, 94, 0.7); } .endCardOverlay .up-next-text { text-transform: capitalize; } .m-videoplayer .m-videoplayer-content-row, .m-livevideoplayer .m-videoplayer-content-row { position: relative; } .m-videoplayer .m-videoplayer-header, .m-livevideoplayer .m-videoplayer-header { display: inline-block; min-height: 64px; position: relative; width: 100%; } .m-videoplayer .affilate-logo, .m-livevideoplayer .affilate-logo { background-position: center bottom; background-repeat: no-repeat; background-size: contain; display: inline-block; position: relative; vertical-align: top; } .m-videoplayer .m-videoplayer-content, .m-livevideoplayer .m-videoplayer-content { margin: 0.5rem 0px 0px; } @media only screen and (min-width: 30em) { .m-videoplayer .m-videoplayer-content, .m-livevideoplayer .m-videoplayer-content { margin: 1.875rem 0px 0px; } } @media only screen and (min-width: 42em) { .m-videoplayer .m-videoplayer-content, .m-livevideoplayer .m-videoplayer-content { margin-bottom: 0px; } } .m-videoplayer .m-videoplayer-content-lf .m-videoplayer-title, .m-livevideoplayer .m-videoplayer-content-lf .m-videoplayer-title { display: inline-block; margin-bottom: 0px; margin-top: 0px; position: relative; vertical-align: bottom; } .m-videoplayer .m-videoplayer-content-lf .m-videoplayer-title.has-affilate, .m-livevideoplayer .m-videoplayer-content-lf .m-videoplayer-title.has-affilate { max-width: 75%; } @media only screen and (min-width: 30em) { .m-videoplayer .m-videoplayer-content-lf .m-videoplayer-title.has-affilate, .m-livevideoplayer .m-videoplayer-content-lf .m-videoplayer-title.has-affilate { max-width: 83%; } } @media only screen and (min-width: 42em) { .m-videoplayer .m-videoplayer-content-lf .m-videoplayer-title.has-affilate, .m-livevideoplayer .m-videoplayer-content-lf .m-videoplayer-title.has-affilate { margin-bottom: 1.25rem; } } @media only screen and (min-width: 62.5em) { .m-videoplayer .m-videoplayer-content-lf .m-videoplayer-title.has-affilate, .m-livevideoplayer .m-videoplayer-content-lf .m-videoplayer-title.has-affilate { max-width: 90%; } } .m-videoplayer .m-videoplayer-content-sf .m-videoplayer-title, .m-livevideoplayer .m-videoplayer-content-sf .m-videoplayer-title { color: rgb(255, 255, 255); display: inline-block; margin-bottom: 0.625rem; margin-top: 0.4375rem; vertical-align: top; } @media only screen and (min-width: 30em) { .m-videoplayer .m-videoplayer-content-sf .m-videoplayer-title, .m-livevideoplayer .m-videoplayer-content-sf .m-videoplayer-title { font-size: 1.25rem; margin-bottom: 0.3125rem; } } @media only screen and (min-width: 42em) { .m-videoplayer .m-videoplayer-content-sf .m-videoplayer-title, .m-livevideoplayer .m-videoplayer-content-sf .m-videoplayer-title { font-size: 1.875rem; } } .m-videoplayer .m-videoplayer-content-sf .duration, .m-livevideoplayer .m-videoplayer-content-sf .duration { font-size: 0.875rem; color: rgb(156, 156, 156); margin: 0px 0px 0.625rem; } .m-videoplayer .m-videoplayer-content-sf .duration .separator, .m-livevideoplayer .m-videoplayer-content-sf .duration .separator { display: inline-block; margin: 0px 0.3125rem; } @media only screen and (min-width: 30em) { .m-videoplayer .m-videoplayer-content-sf .duration, .m-livevideoplayer .m-videoplayer-content-sf .duration { font-size: 1rem; } } .m-videoplayer .m-videoplayer-content-lf .m-videoplayer-hr, .m-livevideoplayer .m-videoplayer-content-lf .m-videoplayer-hr { display: none; } .m-videoplayer .m-videoplayer-content-sf .m-videoplayer-hr, .m-livevideoplayer .m-videoplayer-content-sf .m-videoplayer-hr { display: none; } .m-videoplayer .m-videoplayer-content-lf .m-videoplayer-episodemeta, .m-livevideoplayer .m-videoplayer-content-lf .m-videoplayer-episodemeta { font-size: 0.9375rem; font-weight: 200; margin: 0px 0px 1.25rem; } .m-videoplayer .m-videoplayer-content-lf .m-videoplayer-episodemeta p, .m-livevideoplayer .m-videoplayer-content-lf .m-videoplayer-episodemeta p { color: rgb(255, 255, 255); } @media only screen and (min-width: 42em) { .m-videoplayer .m-videoplayer-content-lf .m-videoplayer-episodemeta, .m-livevideoplayer .m-videoplayer-content-lf .m-videoplayer-episodemeta { margin: 0px 0px 1.875rem; } } .m-videoplayer .m-videoplayer-content-sf .m-videoplayer-episodemeta, .m-livevideoplayer .m-videoplayer-content-sf .m-videoplayer-episodemeta { color: rgb(255, 255, 255); font-size: 0.875rem; font-weight: 200; line-height: 1.5em; margin: 0px 0px 1.25rem; } .m-videoplayer .m-videoplayer-content-sf .m-videoplayer-episodemeta p, .m-livevideoplayer .m-videoplayer-content-sf .m-videoplayer-episodemeta p { color: rgb(255, 255, 255); } @media only screen and (min-width: 30em) { .m-videoplayer .m-videoplayer-content-sf .m-videoplayer-episodemeta, .m-livevideoplayer .m-videoplayer-content-sf .m-videoplayer-episodemeta { margin: 0px 0px 1.875rem; } } @media only screen and (min-width: 42em) { .m-videoplayer .m-videoplayer-content-sf .m-videoplayer-episodemeta, .m-livevideoplayer .m-videoplayer-content-sf .m-videoplayer-episodemeta { font-size: 1.125rem; margin: 0px 0px 1.875rem; } } .m-videoplayer .expandable-section, .m-livevideoplayer .expandable-section { max-height: 11.25rem; overflow: hidden; } @media only screen and (min-width: 42em) { .m-videoplayer .expandable-section, .m-livevideoplayer .expandable-section { max-height: 8.75rem; } } .m-videoplayer .expandable-section p:only-child, .m-livevideoplayer .expandable-section p:only-child { margin-bottom: 0px; } .m-videoplayer .expandable-section p:last-of-type, .m-livevideoplayer .expandable-section p:last-of-type { margin-bottom: 0px; } .m-videoplayer .ad-unit-wrapper { display: none; } .m-videoplayer.withad .m-videoplayer-copy { min-height: 15.625rem; } @media only screen and (min-width: 42em) { .m-videoplayer.withad .m-videoplayer-wrapper { position: relative; } } @media only screen and (min-width: 42em) { .m-videoplayer.withad .m-videoplayer-content { min-height: 17.5rem; } } .m-videoplayer.withad .ad-unit-wrapper { display: block; margin: 0px; top: 1.875rem; } @media only screen and (min-width: 42em) { .m-videoplayer.withad .ad-unit-wrapper { max-width: 20.625rem; margin: 0px; position: absolute; right: 1.0625rem; } } .m-videoplayer.withad .ad-unit-wrapper .ad-wrapper { margin: 1.25rem auto; } @media only screen and (min-width: 42em) { .m-videoplayer.withad .ad-unit-wrapper .ad-wrapper { margin: 0px; } } .cssfilters .m-videoplayer-image-background { filter: url(""); } .m-videoplayer .open .expandable-section { max-height: none; } .no-cssfilters .m-videoplayer-image-background { opacity: 0.05; } .flashIsNotInstalled .m-videoplayer .m-videoplayer-content-sf .m-videoplayer-title, .flashIsNotInstalled .m-videoplayer .m-videoplayer-content-sf .m-videoplayer-episodemeta { display: none; } .hide-season-number .m-videoplayer-season-number { display: none; } .hide-episode-number .m-videoplayer-episode-number { display: none; } .movies-and-specials-detail .m-videoplayer { margin-bottom: 1.875rem; } @media only screen and (min-width: 42em) { .movies-and-specials-detail .m-videoplayer { margin-bottom: 2.5rem; } } @media only screen and (min-width: 62.5em) { .movies-and-specials-detail .m-videoplayer { margin-bottom: 3.75rem; } } .videoContainer.m-videoplayer-embed.hide-player, .videoContainer.m-videoplayer-embed.affiliate-displayed .datgPlayer.m-videoplayer-container, .videoContainer.m-videoplayer-embed.hbaMessage-displayed .datgPlayer.m-videoplayer-container { width: 1px; height: 1px; } .hbaMessageWrapper { background-color: rgba(15, 15, 15, 0.85); height: 100%; } .hbaMessageWrapper .hbaMessage { color: rgb(255, 255, 255); font-size: 1.375rem; margin: 0px auto; padding: 3.125rem 0px; text-align: center; width: 80%; } @media only screen and (min-width: 42em) { .hbaMessageWrapper .hbaMessage { padding: 7.625rem 0px; margin-top: -0.0625rem; width: 55%; } } @media only screen and (min-width: 62.5em) { .hbaMessageWrapper .hbaMessage { width: 45%; } } .hbaMessageWrapper .hbaLogo { padding-bottom: 1.625rem; width: 11.25rem; } .hbaMessageWrapper .hbaText { color: rgb(255, 255, 255); font-size: 1.25rem; margin: 0px; padding-bottom: 1.625rem; } @media only screen and (min-width: 42em) { .hbaMessageWrapper .hbaText { font-size: 1.375rem; padding-bottom: 2.625rem; } } .hbaMessageWrapper .ctaButton { background-color: rgba(255, 255, 255, 0.1); border: 2px solid rgb(255, 255, 255); color: rgb(255, 255, 255); font-size: 1rem; padding: 0.375rem 2.75rem; } @media only screen and (min-width: 42em) { .hbaMessageWrapper .ctaButton { font-size: 1.125rem; } } .hbaMessageWrapper .hbaTimer { color: rgb(255, 255, 255); font-size: 0.9375rem; font-style: italic; margin: 0px; } body.butterscotch .m-videoplayer-content-sf .m-videoplayer-episodemeta a { color: rgb(247, 184, 27); } body.garnet .m-videoplayer-content-sf .m-videoplayer-episodemeta a { color: rgb(197, 5, 17); } body.aluminum .m-videoplayer-content-sf .m-videoplayer-episodemeta a { color: rgb(92, 117, 148); } body.default .m-videoplayer-content-sf .m-videoplayer-episodemeta a { color: rgb(226, 176, 94); } body.butterscotch .m-videoplayer .expandable-section a, body.butterscotch .m-livevideoplayer .expandable-section a { color: rgb(247, 184, 27); } body.garnet .m-videoplayer .expandable-section a, body.garnet .m-livevideoplayer .expandable-section a { color: rgb(197, 5, 17); } body.aluminum .m-videoplayer .expandable-section a, body.aluminum .m-livevideoplayer .expandable-section a { color: rgb(92, 117, 148); } body.default .m-videoplayer .expandable-section a, body.default .m-livevideoplayer .expandable-section a { color: rgb(226, 176, 94); } .m-livevideoplayer .m-videoplayer-image-background { background-color: rgb(0, 0, 0); } .m-livevideoplayer .videoContainer { background-color: rgb(0, 0, 0); } .m-livevideoplayer .affilate-logo.hasDistro { height: 3.21875rem; margin-bottom: 0px; position: absolute; top: 0px; width: 4.0625rem; } @media only screen and (min-width: 42em) { .m-livevideoplayer .affilate-logo.hasDistro { margin-top: 5px; margin-bottom: 0px; width: 5.625rem; height: 3.75rem; } } .m-livevideoplayer .m-videoplayer-content-lf .m-videoplayer-title { left: 4.46875rem; margin-top: 0px; } @media only screen and (min-width: 42em) { .m-livevideoplayer .m-videoplayer-content-lf .m-videoplayer-title { left: 5.875rem; } }