/*!
# CT24 UI library
by manGoweb | http://www.mangoweb.cz
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic&subset=latin,latin-ext);
*/
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,600,600i&subset=latin-ext');
@import url(node_modules/normalize.css/normalize.css);
@font-face {
font-family: 'TV Sans Screen';
src: url("assets/fonts/tv-sans/tv_sans.eot");
src: url("assets/fonts/tv-sans/tv_sans.eot?#iefix") format("embedded-opentype"), url("assets/fonts/tv-sans/tv_sans.woff") format("woff"), url("assets/fonts/tv-sans/tv_sans.ttf") format("truetype"), url("assets/fonts/tv-sans/tv_sans.svg") format("svg");
font-weight: normal;
font-style: normal;
}
.element-invisible {
display: none;
}
.adaptive-image, .adaptive_image {
max-width: 100%;
}
.btn {
padding: 7px 15px 8px;
font-family: "Source Sans Pro", sans-serif;
color: #fff;
font-size: 18px;
background-repeat: no-repeat;
background-color: #0000ff;
border: none;
border-radius: 2px;
text-decoration: none;
display: inline-block;
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
margin: 2px 2px 2px 0;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.btn:hover,
.btn:active {
background-color: #0016b6;
}
.btn-arrowDown, .btn-thumbnails, .btn-tick, .btn-arrowRight, .btn-arrowUp, .btn-remove {
padding-right: 53px;
position: relative;
}
.btn-arrowDown:after, .btn-thumbnails:after, .btn-tick:after, .btn-arrowRight:after, .btn-arrowUp:after, .btn-remove:after {
position: absolute;
right: 0;
top: 0;
width: 38px;
height: 100%;
padding: 10px 0;
border-radius: 2px;
background-image: url("assets/images/arrow-down-white.svg");
background-position: 50% 50%;
background-repeat: no-repeat;
background-color: #0016b6;
background-size: 16px;
content: " ";
text-align: center;
display: inline-block;
}
.no-svg .btn-arrowDown:after, .no-svg .btn-thumbnails:after, .no-svg .btn-tick:after, .no-svg .btn-arrowRight:after, .no-svg .btn-arrowUp:after, .no-svg .btn-remove:after {
background-image: url("assets/images/arrow-down-white.png");
}
.btn-thumbnails:after {
background-image: url("assets/images/gallery-thumbnails.svg");
}
.no-svg .btn-thumbnails:after {
background-image: url("assets/images/gallery-thumbnails.png");
}
.btn-tick:after {
background-image: url("assets/images/tick-white.svg");
background-size: 15px 12px;
}
.no-svg .btn-tick:after {
background-image: url("assets/images/tick-white.png");
}
.btn-arrowRight:after {
background-image: url("assets/images/arrow-right-white.svg");
background-size: 9px;
}
.no-svg .btn-arrowRight:after {
background-image: url("assets/images/arrow-right-white.png");
}
.btn-arrowUp:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.btn-remove:after {
background-image: url("assets/images/icon-close.svg");
}
.no-svg .btn-remove:after {
background-image: url("assets/images/icon-close.png");
}
.btn-alarmClock {
background-image: url("assets/images/icon-alarm-clock.svg");
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
padding: 13px 22px 13px;
}
.no-svg .btn-alarmClock {
background-image: url("assets/images/icon-alarm-clock.png");
}
.btn-big {
padding: 11px 25px 12px;
font-size: 20px;
}
.btn-big.btn-arrowDown,
.btn-big.btn-thumbnails,
.btn-big.btn-tick,
.btn-big.btn-arrowRight,
.btn-big.btn-arrowUp,
.btn-big.btn-remove,
.btn-big.btn-arrowRight {
padding-right: 73px;
}
.btn-big.btn-arrowDown:after,
.btn-big.btn-thumbnails:after,
.btn-big.btn-tick:after,
.btn-big.btn-arrowRight:after,
.btn-big.btn-arrowUp:after,
.btn-big.btn-remove:after,
.btn-big.btn-arrowRight:after {
width: 48px;
}
.btn-close {
width: 40px;
height: 40px;
overflow: hidden;
text-indent: -999px;
border-radius: 2px;
background-color: #0016b6;
background-image: url("assets/images/icon-close.svg");
background-position: center center;
background-repeat: no-repeat;
border: none;
color: #fff;
}
.no-svg .btn-close {
background-image: url("assets/images/icon-close.png");
}
.close {
display: inline-block;
position: relative;
width: 18px;
height: 18px;
text-indent: -999px;
overflow: hidden;
}
.close:before, .close:after {
position: absolute;
left: 50%;
content: ' ';
height: 100%;
width: 2px;
background-color: #000;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.close:hover {
opacity: 1;
}
.close:hover:before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.close:hover:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.form {
background-color: #f2f2ff;
padding: 10px;
font-family: "Source Sans Pro", sans-serif;
}
.form:after {
content: "";
display: table;
clear: both;
}
.form ::-webkit-input-placeholder, .form :-moz-placeholder, .form ::-moz-placeholder, .form :-ms-input-placeholder, .form ::input-placeholder {
color: #aab0b7;
text-overflow: ellipsis;
font-family: inherit;
}
.form-row {
margin: 10px 0;
clear: both;
}
.form-row:after {
content: "";
display: table;
clear: both;
}
.form-text label, .form-textarea label, .form-select label {
display: block;
padding: 8px 20px 8px 12px;
line-height: 26px;
font-size: 20px;
font-family: inherit;
color: #393939;
}
.form-text input, .form-textarea input, .form-select input, .form-text textarea, .form-textarea textarea, .form-select textarea, .form-text select, .form-textarea select, .form-select select {
display: block;
width: 100%;
padding: 8px 12px;
line-height: 28px;
font-size: 18px;
vertical-align: top;
font-family: inherit;
color: #80858a;
font-weight: 400;
text-align: left;
background: #fff;
border: none;
border-bottom: 2px solid #dae1e3;
}
.form-text input.is-touched, .form-textarea input.is-touched, .form-select input.is-touched, .form-text textarea.is-touched, .form-textarea textarea.is-touched, .form-select textarea.is-touched, .form-text select.is-touched, .form-textarea select.is-touched, .form-select select.is-touched {
border-bottom-color: #aab0b7;
}
.form-text input.is-touched:invalid, .form-textarea input.is-touched:invalid, .form-select input.is-touched:invalid, .form-text textarea.is-touched:invalid, .form-textarea textarea.is-touched:invalid, .form-select textarea.is-touched:invalid, .form-text select.is-touched:invalid, .form-textarea select.is-touched:invalid, .form-select select.is-touched:invalid {
border-bottom-color: #ff3300;
}
.form-text input:hover, .form-textarea input:hover, .form-select input:hover, .form-text textarea:hover, .form-textarea textarea:hover, .form-select textarea:hover, .form-text select:hover, .form-textarea select:hover, .form-select select:hover {
border-bottom-color: #aae6ff;
}
.form-text input:active, .form-textarea input:active, .form-select input:active, .form-text input:focus, .form-textarea input:focus, .form-select input:focus, .form-text textarea:active, .form-textarea textarea:active, .form-select textarea:active, .form-text textarea:focus, .form-textarea textarea:focus, .form-select textarea:focus, .form-text select:active, .form-textarea select:active, .form-select select:active, .form-text select:focus, .form-textarea select:focus, .form-select select:focus {
color: #282d4d;
border-bottom-color: #00beff;
outline: none;
}
.form-text input[placeholder], .form-textarea input[placeholder], .form-select input[placeholder], .form-text textarea[placeholder], .form-textarea textarea[placeholder], .form-select textarea[placeholder], .form-text select[placeholder], .form-textarea select[placeholder], .form-select select[placeholder] {
text-overflow: ellipsis;
}
.form-select option {
color: #282d4d;
border: none;
line-height: 28px;
}
.form-checkbox label, .form-radio label {
position: relative;
cursor: pointer;
line-height: 28px;
font-size: 18px;
font-family: inherit;
color: #282d4d;
vertical-align: top;
}
.form-checkbox label:before, .form-radio label:before {
display: inline-block;
vertical-align: top;
content: '';
margin-top: 4px;
margin-right: 12px;
width: 20px;
height: 20px;
border: 2px solid #dae1e3;
-webkit-transition: border-color 100ms;
transition: border-color 100ms;
}
.form-checkbox label:hover:before, .form-radio label:hover:before {
border-color: #aab0b7;
}
.form-checkbox input, .form-radio input {
position: absolute;
visibility: hidden;
}
.form-checkbox input:checked + label:before, .form-radio input:checked + label:before {
border-color: #00beff;
background-repeat: no-repeat;
background-position: -2px center;
background-image: url("assets/images/form-checkbox.png");
background-size: 40px 20px;
}
.form-checkbox input:checked + label:hover:before, .form-radio input:checked + label:hover:before {
border-color: #00a8e2;
background-position: -22px center;
}
.form-radio + .form-radio {
margin-top: -10px;
}
.form-radio label:before {
border-radius: 20px;
}
.form-radio input:checked + label:before {
background-image: url("assets/images/form-radio.png");
}
@media (min-width: 480px) {
.form {
padding: 20px;
}
}
@media (min-width: 640px) {
.form {
padding: 31px 83px 34px 20px;
}
.form-row {
margin: 35px 0;
}
.form-text label, .form-textarea label, .form-select label {
float: left;
width: 40%;
text-align: right;
padding-left: 0;
}
.form-text input, .form-textarea input, .form-select input, .form-text textarea, .form-textarea textarea, .form-select textarea, .form-text select, .form-textarea select, .form-select select {
float: left;
width: 60%;
}
.form-radio + .form-radio {
margin-top: -25px;
}
}
@media (min-width: 960px) {
.form-text label, .form-textarea label, .form-select label {
width: 30%;
}
.form-text input, .form-textarea input, .form-select input, .form-text textarea, .form-textarea textarea, .form-select textarea, .form-text select, .form-textarea select, .form-select select {
width: 70%;
}
}
*, *:before, *:after {
box-sizing: border-box;
}
html {
font-family: "Source Sans Pro", sans-serif;
font-weight: 400;
}
html, body {
margin: 0;
padding: 0;
}
body {
background: #fff;
overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
font-weight: normal;
}
h1 {
font-size: 23px;
}
@media (min-width: 480px) {
h1 {
font-size: 28px;
}
}
@media (min-width: 960px) {
h1 {
font-size: 30px;
}
}
figure {
margin: 0;
}
.accessible {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
/**
* Responsive grid layout - bootstrap like
*
* @TODO: limit number of cols to max cols per breakpoint
*/
.grid {
margin: auto;
max-width: 1200px;
/**
* Up to 4 cols and 480px
*/
/**
* 6 cols
*/
/**
* 8 cols
*/
/**
* 12 cols, 10px gutter
*/
/**
* 12 cols, 20px gutter
*/
/**
* Limit width to 960px
*/
/**
* View for demonstration purposes only
*/
}
.grid-row {
clear: both;
max-width: 100%;
-webkit-transition: all 250ms;
transition: all 250ms;
}
.grid-row:after {
content: "";
display: table;
clear: both;
}
.grid-col {
display: block;
float: left;
position: relative;
width: 100%;
padding: 0 10px;
}
.grid-vspace {
margin-top: 10px;
margin-bottom: 10px;
}
.grid-slot {
-webkit-transition: all 250ms;
transition: all 250ms;
}
.grid-xs-1 {
width: 25%;
}
.grid-xs-push-1 {
margin-left: 25%;
}
.grid-xs-pull-1 {
margin-left: -25%;
}
.grid-xs-2 {
width: 50%;
}
.grid-xs-push-2 {
margin-left: 50%;
}
.grid-xs-pull-2 {
margin-left: -50%;
}
.grid-xs-3 {
width: 75%;
}
.grid-xs-push-3 {
margin-left: 75%;
}
.grid-xs-pull-3 {
margin-left: -75%;
}
.grid-xs-4 {
width: 100%;
}
.grid-xs-push-4 {
margin-left: 100%;
}
.grid-xs-pull-4 {
margin-left: -100%;
}
.grid-xs-5 {
width: 125%;
}
.grid-xs-push-5 {
margin-left: 125%;
}
.grid-xs-pull-5 {
margin-left: -125%;
}
.grid-xs-6 {
width: 150%;
}
.grid-xs-push-6 {
margin-left: 150%;
}
.grid-xs-pull-6 {
margin-left: -150%;
}
.grid-xs-7 {
width: 175%;
}
.grid-xs-push-7 {
margin-left: 175%;
}
.grid-xs-pull-7 {
margin-left: -175%;
}
.grid-xs-8 {
width: 200%;
}
.grid-xs-push-8 {
margin-left: 200%;
}
.grid-xs-pull-8 {
margin-left: -200%;
}
.grid-xs-9 {
width: 225%;
}
.grid-xs-push-9 {
margin-left: 225%;
}
.grid-xs-pull-9 {
margin-left: -225%;
}
.grid-xs-10 {
width: 250%;
}
.grid-xs-push-10 {
margin-left: 250%;
}
.grid-xs-pull-10 {
margin-left: -250%;
}
.grid-xs-11 {
width: 275%;
}
.grid-xs-push-11 {
margin-left: 275%;
}
.grid-xs-pull-11 {
margin-left: -275%;
}
.grid-xs-12 {
width: 300%;
}
.grid-xs-push-12 {
margin-left: 300%;
}
.grid-xs-pull-12 {
margin-left: -300%;
}
.grid-xs-push-0, .grid-xs-pull-0 {
margin-left: 0;
}
@media (max-width: 479px) {
.grid-xs-hide {
display: none;
}
.grid-xs-tight {
padding-left: 0;
padding-right: 0;
overflow: hidden;
}
}
@media (min-width: 480px) {
.grid-xs-1 {
width: 16.66667%;
}
.grid-xs-push-1 {
margin-left: 16.66667%;
}
.grid-xs-pull-1 {
margin-left: -16.66667%;
}
.grid-xs-2 {
width: 33.33333%;
}
.grid-xs-push-2 {
margin-left: 33.33333%;
}
.grid-xs-pull-2 {
margin-left: -33.33333%;
}
.grid-xs-3 {
width: 50%;
}
.grid-xs-push-3 {
margin-left: 50%;
}
.grid-xs-pull-3 {
margin-left: -50%;
}
.grid-xs-4 {
width: 66.66667%;
}
.grid-xs-push-4 {
margin-left: 66.66667%;
}
.grid-xs-pull-4 {
margin-left: -66.66667%;
}
.grid-xs-5 {
width: 83.33333%;
}
.grid-xs-push-5 {
margin-left: 83.33333%;
}
.grid-xs-pull-5 {
margin-left: -83.33333%;
}
.grid-xs-6 {
width: 100%;
}
.grid-xs-push-6 {
margin-left: 100%;
}
.grid-xs-pull-6 {
margin-left: -100%;
}
.grid-xs-7 {
width: 116.66667%;
}
.grid-xs-push-7 {
margin-left: 116.66667%;
}
.grid-xs-pull-7 {
margin-left: -116.66667%;
}
.grid-xs-8 {
width: 133.33333%;
}
.grid-xs-push-8 {
margin-left: 133.33333%;
}
.grid-xs-pull-8 {
margin-left: -133.33333%;
}
.grid-xs-9 {
width: 150%;
}
.grid-xs-push-9 {
margin-left: 150%;
}
.grid-xs-pull-9 {
margin-left: -150%;
}
.grid-xs-10 {
width: 166.66667%;
}
.grid-xs-push-10 {
margin-left: 166.66667%;
}
.grid-xs-pull-10 {
margin-left: -166.66667%;
}
.grid-xs-11 {
width: 183.33333%;
}
.grid-xs-push-11 {
margin-left: 183.33333%;
}
.grid-xs-pull-11 {
margin-left: -183.33333%;
}
.grid-xs-12 {
width: 200%;
}
.grid-xs-push-12 {
margin-left: 200%;
}
.grid-xs-pull-12 {
margin-left: -200%;
}
.grid-sm-1 {
width: 16.66667%;
}
.grid-sm-push-1 {
margin-left: 16.66667%;
}
.grid-sm-pull-1 {
margin-left: -16.66667%;
}
.grid-sm-2 {
width: 33.33333%;
}
.grid-sm-push-2 {
margin-left: 33.33333%;
}
.grid-sm-pull-2 {
margin-left: -33.33333%;
}
.grid-sm-3 {
width: 50%;
}
.grid-sm-push-3 {
margin-left: 50%;
}
.grid-sm-pull-3 {
margin-left: -50%;
}
.grid-sm-4 {
width: 66.66667%;
}
.grid-sm-push-4 {
margin-left: 66.66667%;
}
.grid-sm-pull-4 {
margin-left: -66.66667%;
}
.grid-sm-5 {
width: 83.33333%;
}
.grid-sm-push-5 {
margin-left: 83.33333%;
}
.grid-sm-pull-5 {
margin-left: -83.33333%;
}
.grid-sm-6 {
width: 100%;
}
.grid-sm-push-6 {
margin-left: 100%;
}
.grid-sm-pull-6 {
margin-left: -100%;
}
.grid-sm-7 {
width: 116.66667%;
}
.grid-sm-push-7 {
margin-left: 116.66667%;
}
.grid-sm-pull-7 {
margin-left: -116.66667%;
}
.grid-sm-8 {
width: 133.33333%;
}
.grid-sm-push-8 {
margin-left: 133.33333%;
}
.grid-sm-pull-8 {
margin-left: -133.33333%;
}
.grid-sm-9 {
width: 150%;
}
.grid-sm-push-9 {
margin-left: 150%;
}
.grid-sm-pull-9 {
margin-left: -150%;
}
.grid-sm-10 {
width: 166.66667%;
}
.grid-sm-push-10 {
margin-left: 166.66667%;
}
.grid-sm-pull-10 {
margin-left: -166.66667%;
}
.grid-sm-11 {
width: 183.33333%;
}
.grid-sm-push-11 {
margin-left: 183.33333%;
}
.grid-sm-pull-11 {
margin-left: -183.33333%;
}
.grid-sm-12 {
width: 200%;
}
.grid-sm-push-12 {
margin-left: 200%;
}
.grid-sm-pull-12 {
margin-left: -200%;
}
.grid-sm-push-0, .grid-sm-pull-0 {
margin-left: 0;
}
}
@media (min-width: 480px) and (max-width: 639px) {
.grid-sm-hide {
display: none;
}
.grid-sm-tight {
padding-left: 0;
padding-right: 0;
overflow: hidden;
}
}
@media (min-width: 640px) and (max-width: 959px) {
.grid-md-hide {
display: none;
}
.grid-md-tight {
padding-left: 0;
padding-right: 0;
overflow: hidden;
}
}
@media (min-width: 640px) {
.grid-xs-1, .grid-sm-1 {
width: 12.5%;
}
.grid-xs-push-1, .grid-sm-push-1 {
margin-left: 12.5%;
}
.grid-xs-pull-1, .grid-sm-pull-1 {
margin-left: -12.5%;
}
.grid-xs-2, .grid-sm-2 {
width: 25%;
}
.grid-xs-push-2, .grid-sm-push-2 {
margin-left: 25%;
}
.grid-xs-pull-2, .grid-sm-pull-2 {
margin-left: -25%;
}
.grid-xs-3, .grid-sm-3 {
width: 37.5%;
}
.grid-xs-push-3, .grid-sm-push-3 {
margin-left: 37.5%;
}
.grid-xs-pull-3, .grid-sm-pull-3 {
margin-left: -37.5%;
}
.grid-xs-4, .grid-sm-4 {
width: 50%;
}
.grid-xs-push-4, .grid-sm-push-4 {
margin-left: 50%;
}
.grid-xs-pull-4, .grid-sm-pull-4 {
margin-left: -50%;
}
.grid-xs-5, .grid-sm-5 {
width: 62.5%;
}
.grid-xs-push-5, .grid-sm-push-5 {
margin-left: 62.5%;
}
.grid-xs-pull-5, .grid-sm-pull-5 {
margin-left: -62.5%;
}
.grid-xs-6, .grid-sm-6 {
width: 75%;
}
.grid-xs-push-6, .grid-sm-push-6 {
margin-left: 75%;
}
.grid-xs-pull-6, .grid-sm-pull-6 {
margin-left: -75%;
}
.grid-xs-7, .grid-sm-7 {
width: 87.5%;
}
.grid-xs-push-7, .grid-sm-push-7 {
margin-left: 87.5%;
}
.grid-xs-pull-7, .grid-sm-pull-7 {
margin-left: -87.5%;
}
.grid-xs-8, .grid-sm-8 {
width: 100%;
}
.grid-xs-push-8, .grid-sm-push-8 {
margin-left: 100%;
}
.grid-xs-pull-8, .grid-sm-pull-8 {
margin-left: -100%;
}
.grid-xs-9, .grid-sm-9 {
width: 112.5%;
}
.grid-xs-push-9, .grid-sm-push-9 {
margin-left: 112.5%;
}
.grid-xs-pull-9, .grid-sm-pull-9 {
margin-left: -112.5%;
}
.grid-xs-10, .grid-sm-10 {
width: 125%;
}
.grid-xs-push-10, .grid-sm-push-10 {
margin-left: 125%;
}
.grid-xs-pull-10, .grid-sm-pull-10 {
margin-left: -125%;
}
.grid-xs-11, .grid-sm-11 {
width: 137.5%;
}
.grid-xs-push-11, .grid-sm-push-11 {
margin-left: 137.5%;
}
.grid-xs-pull-11, .grid-sm-pull-11 {
margin-left: -137.5%;
}
.grid-xs-12, .grid-sm-12 {
width: 150%;
}
.grid-xs-push-12, .grid-sm-push-12 {
margin-left: 150%;
}
.grid-xs-pull-12, .grid-sm-pull-12 {
margin-left: -150%;
}
.grid-md-1 {
width: 12.5%;
}
.grid-md-push-1 {
margin-left: 12.5%;
}
.grid-md-pull-1 {
margin-left: -12.5%;
}
.grid-md-2 {
width: 25%;
}
.grid-md-push-2 {
margin-left: 25%;
}
.grid-md-pull-2 {
margin-left: -25%;
}
.grid-md-3 {
width: 37.5%;
}
.grid-md-push-3 {
margin-left: 37.5%;
}
.grid-md-pull-3 {
margin-left: -37.5%;
}
.grid-md-4 {
width: 50%;
}
.grid-md-push-4 {
margin-left: 50%;
}
.grid-md-pull-4 {
margin-left: -50%;
}
.grid-md-5 {
width: 62.5%;
}
.grid-md-push-5 {
margin-left: 62.5%;
}
.grid-md-pull-5 {
margin-left: -62.5%;
}
.grid-md-6 {
width: 75%;
}
.grid-md-push-6 {
margin-left: 75%;
}
.grid-md-pull-6 {
margin-left: -75%;
}
.grid-md-7 {
width: 87.5%;
}
.grid-md-push-7 {
margin-left: 87.5%;
}
.grid-md-pull-7 {
margin-left: -87.5%;
}
.grid-md-8 {
width: 100%;
}
.grid-md-push-8 {
margin-left: 100%;
}
.grid-md-pull-8 {
margin-left: -100%;
}
.grid-md-9 {
width: 112.5%;
}
.grid-md-push-9 {
margin-left: 112.5%;
}
.grid-md-pull-9 {
margin-left: -112.5%;
}
.grid-md-10 {
width: 125%;
}
.grid-md-push-10 {
margin-left: 125%;
}
.grid-md-pull-10 {
margin-left: -125%;
}
.grid-md-11 {
width: 137.5%;
}
.grid-md-push-11 {
margin-left: 137.5%;
}
.grid-md-pull-11 {
margin-left: -137.5%;
}
.grid-md-12 {
width: 150%;
}
.grid-md-push-12 {
margin-left: 150%;
}
.grid-md-pull-12 {
margin-left: -150%;
}
.grid-md-push-0, .grid-md-pull-0 {
margin-left: 0;
}
.grid-vspace {
margin-top: 20px;
margin-bottom: 20px;
}
}
@media (min-width: 640px) and (max-width: 959px) {
.grid-md-hide {
display: none;
}
.grid-md-tight {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 960px) {
.grid {
padding: 0 5px;
}
.grid-col {
padding: 0 5px;
}
.grid-xs-1, .grid-sm-1, .grid-md-1 {
width: 8.33333%;
}
.grid-xs-push-1, .grid-sm-push-1, .grid-md-push-1 {
margin-left: 8.33333%;
}
.grid-xs-pull-1, .grid-sm-pull-1, .grid-md-pull-1 {
margin-left: -8.33333%;
}
.grid-xs-2, .grid-sm-2, .grid-md-2 {
width: 16.66667%;
}
.grid-xs-push-2, .grid-sm-push-2, .grid-md-push-2 {
margin-left: 16.66667%;
}
.grid-xs-pull-2, .grid-sm-pull-2, .grid-md-pull-2 {
margin-left: -16.66667%;
}
.grid-xs-3, .grid-sm-3, .grid-md-3 {
width: 25%;
}
.grid-xs-push-3, .grid-sm-push-3, .grid-md-push-3 {
margin-left: 25%;
}
.grid-xs-pull-3, .grid-sm-pull-3, .grid-md-pull-3 {
margin-left: -25%;
}
.grid-xs-4, .grid-sm-4, .grid-md-4 {
width: 33.33333%;
}
.grid-xs-push-4, .grid-sm-push-4, .grid-md-push-4 {
margin-left: 33.33333%;
}
.grid-xs-pull-4, .grid-sm-pull-4, .grid-md-pull-4 {
margin-left: -33.33333%;
}
.grid-xs-5, .grid-sm-5, .grid-md-5 {
width: 41.66667%;
}
.grid-xs-push-5, .grid-sm-push-5, .grid-md-push-5 {
margin-left: 41.66667%;
}
.grid-xs-pull-5, .grid-sm-pull-5, .grid-md-pull-5 {
margin-left: -41.66667%;
}
.grid-xs-6, .grid-sm-6, .grid-md-6 {
width: 50%;
}
.grid-xs-push-6, .grid-sm-push-6, .grid-md-push-6 {
margin-left: 50%;
}
.grid-xs-pull-6, .grid-sm-pull-6, .grid-md-pull-6 {
margin-left: -50%;
}
.grid-xs-7, .grid-sm-7, .grid-md-7 {
width: 58.33333%;
}
.grid-xs-push-7, .grid-sm-push-7, .grid-md-push-7 {
margin-left: 58.33333%;
}
.grid-xs-pull-7, .grid-sm-pull-7, .grid-md-pull-7 {
margin-left: -58.33333%;
}
.grid-xs-8, .grid-sm-8, .grid-md-8 {
width: 66.66667%;
}
.grid-xs-push-8, .grid-sm-push-8, .grid-md-push-8 {
margin-left: 66.66667%;
}
.grid-xs-pull-8, .grid-sm-pull-8, .grid-md-pull-8 {
margin-left: -66.66667%;
}
.grid-xs-9, .grid-sm-9, .grid-md-9 {
width: 75%;
}
.grid-xs-push-9, .grid-sm-push-9, .grid-md-push-9 {
margin-left: 75%;
}
.grid-xs-pull-9, .grid-sm-pull-9, .grid-md-pull-9 {
margin-left: -75%;
}
.grid-xs-10, .grid-sm-10, .grid-md-10 {
width: 83.33333%;
}
.grid-xs-push-10, .grid-sm-push-10, .grid-md-push-10 {
margin-left: 83.33333%;
}
.grid-xs-pull-10, .grid-sm-pull-10, .grid-md-pull-10 {
margin-left: -83.33333%;
}
.grid-xs-11, .grid-sm-11, .grid-md-11 {
width: 91.66667%;
}
.grid-xs-push-11, .grid-sm-push-11, .grid-md-push-11 {
margin-left: 91.66667%;
}
.grid-xs-pull-11, .grid-sm-pull-11, .grid-md-pull-11 {
margin-left: -91.66667%;
}
.grid-xs-12, .grid-sm-12, .grid-md-12 {
width: 100%;
}
.grid-xs-push-12, .grid-sm-push-12, .grid-md-push-12 {
margin-left: 100%;
}
.grid-xs-pull-12, .grid-sm-pull-12, .grid-md-pull-12 {
margin-left: -100%;
}
.grid-lg-1 {
width: 8.33333%;
}
.grid-lg-push-1 {
margin-left: 8.33333%;
}
.grid-lg-pull-1 {
margin-left: -8.33333%;
}
.grid-lg-2 {
width: 16.66667%;
}
.grid-lg-push-2 {
margin-left: 16.66667%;
}
.grid-lg-pull-2 {
margin-left: -16.66667%;
}
.grid-lg-3 {
width: 25%;
}
.grid-lg-push-3 {
margin-left: 25%;
}
.grid-lg-pull-3 {
margin-left: -25%;
}
.grid-lg-4 {
width: 33.33333%;
}
.grid-lg-push-4 {
margin-left: 33.33333%;
}
.grid-lg-pull-4 {
margin-left: -33.33333%;
}
.grid-lg-5 {
width: 41.66667%;
}
.grid-lg-push-5 {
margin-left: 41.66667%;
}
.grid-lg-pull-5 {
margin-left: -41.66667%;
}
.grid-lg-6 {
width: 50%;
}
.grid-lg-push-6 {
margin-left: 50%;
}
.grid-lg-pull-6 {
margin-left: -50%;
}
.grid-lg-7 {
width: 58.33333%;
}
.grid-lg-push-7 {
margin-left: 58.33333%;
}
.grid-lg-pull-7 {
margin-left: -58.33333%;
}
.grid-lg-8 {
width: 66.66667%;
}
.grid-lg-push-8 {
margin-left: 66.66667%;
}
.grid-lg-pull-8 {
margin-left: -66.66667%;
}
.grid-lg-9 {
width: 75%;
}
.grid-lg-push-9 {
margin-left: 75%;
}
.grid-lg-pull-9 {
margin-left: -75%;
}
.grid-lg-10 {
width: 83.33333%;
}
.grid-lg-push-10 {
margin-left: 83.33333%;
}
.grid-lg-pull-10 {
margin-left: -83.33333%;
}
.grid-lg-11 {
width: 91.66667%;
}
.grid-lg-push-11 {
margin-left: 91.66667%;
}
.grid-lg-pull-11 {
margin-left: -91.66667%;
}
.grid-lg-12 {
width: 100%;
}
.grid-lg-push-12 {
margin-left: 100%;
}
.grid-lg-pull-12 {
margin-left: -100%;
}
.grid-lg-push-0, .grid-lg-pull-0 {
margin-left: 0;
}
.grid-vspace {
margin-top: 30px;
margin-bottom: 30px;
}
.grid-lg-hide {
display: none;
}
.grid-lg-tight {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1200px) {
.grid {
padding: 0;
}
.grid-col {
padding: 0 10px;
}
.grid-md-tight {
padding-left: 10px;
padding-right: 10px;
}
}
@media (min-width: 960px) {
.grid.view-fixed .grid-row {
max-width: 960px;
}
}
.grid.view-demo .grid-col {
border-right: 1px dotted silver;
border-bottom: 1px dotted silver;
}
.grid.view-demo .grid-col:after {
display: block;
content: attr(class);
height: 100%;
background: silver;
}
.grid.view-demo .grid-demo-table {
width: 100%;
}
.grid.view-demo .grid-demo-table td, .grid.view-demo .grid-demo-table th {
text-align: left;
vertical-align: top;
padding-bottom: 10px;
font-weight: normal;
font-size: 14px;
}
.grid.view-demo .grid-demo-table th {
white-space: nowrap;
}
.grid.view-demo .grid-demo-table td {
font-size: 12px;
}
hr {
display: block;
height: 2px;
background-color: #DDDFE2;
border: none;
margin: 10px auto;
float: left;
clear: both;
width: 100%;
}
@media (min-width: 640px) {
hr {
margin: 12px auto 22px;
}
}
@media (max-width: 479px) {
hr.view-thin-mobile {
height: 1px;
}
}
hr.view-bold {
background-color: #f2f5fd;
background: -webkit-linear-gradient(-360deg, #f2f5fd 0%, #f2fbfe 74%);
background: -webkit-linear-gradient(0deg, #f2f5fd 0%, #f2fbfe 74%);
background: linear-gradient(90deg, #f2f5fd 0%, #f2fbfe 74%);
height: 5px;
}
@media (max-width: 639px) {
hr.view-bold {
width: calc(100% + 20px);
margin-left: -10px;
}
}
.icon {
display: inline-block;
vertical-align: middle;
}
.icon img {
display: block;
max-height: 100%;
max-width: 100%;
}
.image {
position: relative;
overflow: hidden;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.image img {
display: block;
visibility: hidden;
width: 100%;
}
.image-zoom {
display: block;
position: absolute;
bottom: 14px;
right: 14px;
opacity: 0;
-webkit-transition: 250ms opacity;
transition: 250ms opacity;
}
.image:hover .image-zoom {
opacity: 1;
}
.imagezoom {
display: inline-block;
min-width: 48px;
height: 48px;
background: #0e111d;
background: rgba(14, 17, 29, 0.68);
border-radius: 48px/48px;
-webkit-transition: 250ms opacity;
transition: 250ms opacity;
}
.imagezoom-plus, .imagezoom-fullscreen, .imagezoom-minus {
display: none;
text-indent: -999px;
overflow: hidden;
width: 48px;
height: 48px;
background-image: url("assets/images/imagezoom-zoom.svg");
background-position: center center;
background-repeat: no-repeat;
}
.no-svg .imagezoom-plus, .no-svg .imagezoom-fullscreen, .no-svg .imagezoom-minus {
background-image: url("assets/images/imagezoom-zoom.png");
}
.imagezoom-minus {
background-image: url("assets/images/imagezoom-zoomout.svg");
}
.no-svg .imagezoom-minus {
background-image: url("assets/images/imagezoom-zoomout.png");
}
.imagezoom-fullscreen {
background-image: url("assets/images/imagezoom-full.svg");
}
.no-svg .imagezoom-fullscreen {
background-image: url("assets/images/imagezoom-full.png");
}
.imagezoom.view-hasPlus .imagezoom-plus {
display: inline-block;
}
.imagezoom.view-hasMinus .imagezoom-minus {
display: inline-block;
}
.imagezoom.view-hasFullscreen .imagezoom-fullscreen {
display: inline-block;
}
.label {
padding: 2px 5px;
border: 1px solid #7b8594;
border-radius: 3px;
font-size: 12px;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #666e7a;
display: inline-block;
}
.label-icon {
padding: 3px;
}
.label.view-standard {
border-color: #1250cc;
color: #1250cc;
}
.panel {
background-color: #f2f2ff;
/**
* 640 and above - more whitespace for content
*/
/**
* 970 and above - more whitespace for content
*/
}
.panel-bar {
background: #f2f2ff;
overflow: hidden;
position: relative;
display: block;
padding: 0 56px 22px 22px;
border-radius: 4px;
text-decoration: none;
cursor: pointer;
border-bottom: 0 !important;
background-repeat: no-repeat;
background-color: #f2f2ff;
}
.panel-bar:after {
content: "";
display: block;
background: url("assets/images/arrow-down-gray.svg") 0 0 no-repeat;
width: 20px;
height: 12px;
position: absolute;
right: 21px;
top: 50%;
margin-top: -6px;
}
.no-svg .panel-bar:after {
background-image: url("assets/images/arrow-down-gray.png");
}
.panel-bar-label {
float: left;
margin: 22px 14px -12px 0;
}
.panel-bar-title {
display: block;
float: left;
margin-top: 20px;
font-size: 18px;
color: #666e7a;
}
.panel-content {
position: relative;
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.4s, padding 0.5s;
transition: max-height 0.4s, padding 0.5s;
padding: 0 22px 0;
}
.panel-content:after {
content: ' ';
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 2px;
background-color: #0000ff;
}
@media (min-width: 640px) {
.panel .panel-content {
padding: 0 30px 0;
}
.panel .panel-bar-title {
width: 85%;
}
}
@media (min-width: 960px) {
.panel .panel-content {
padding: 0 50px;
}
}
.panel.is-open {
background: #e6e6ff;
/**
* 640 and above - more whitespace for content
*/
/**
* 970 and above - more whitespace for content
*/
}
.panel.is-open .panel-bar {
background: #e6e6ff;
}
.panel.is-open .panel-bar:after {
background-image: url("assets/images/arrow-up-gray.svg");
}
.no-svg .panel.is-open .panel-bar:after {
background-image: url("assets/images/arrow-up-gray.png");
}
.panel.is-open .panel-bar-label {
border-color: #180000;
color: #180000;
}
.panel.is-open .panel-content {
max-height: 1000px;
padding: 32px 22px 48px;
}
@media (min-width: 640px) {
.panel.is-open .panel-content {
padding: 32px 30px 48px;
}
}
@media (min-width: 960px) {
.panel.is-open .panel-content {
padding: 60px 50px;
}
}
.position {
/**
* Position on the right side of the parent, floating
*/
}
.position-P {
margin-left: -10px;
margin-right: -10px;
}
@media (min-width: 480px) {
.position-P {
float: right;
margin: 0 0 20px 40px;
padding-top: 20px;
}
}
@media (min-width: 960px) {
.position-P {
margin-right: -240px;
}
}
@media (min-width: 1200px) {
.position-P {
margin-right: -361px;
}
}
.shape, .shape-fallback {
display: inline-block;
vertical-align: middle;
line-height: inherit;
}
.shape-defs {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
visibility: hidden;
z-index: -1;
}
.shape-refresh {
width: 20px;
height: 16px;
}
.shape-placemark {
width: 11px;
height: 15px;
}
.shape-report {
width: 16px;
height: 15px;
}
.shape-burger {
width: 30px;
height: 24px;
}
.shape-social-share {
height: 16px;
width: 15px;
}
.shape-miniplay {
width: 16px;
height: 16px;
}
.shape-cant-play {
width: 36px;
height: 36px;
}
.shape-cinema {
width: 36px;
height: 36px;
}
.shape-tick {
width: 12px;
height: 12px;
}
.shape-arrow-right {
width: 8px;
height: 15px;
}
.shape-star {
width: 16px;
height: 16px;
}
.shape, .shape-fallback {
display: inline-block;
vertical-align: middle;
line-height: inherit;
}
.shape-defs {
visibility: hidden;
position: absolute;
width: 0;
height: 0;
overflow: hidden;
}
.shape-refresh {
width: 20px;
height: 16px;
}
.shape-placemark {
width: 11px;
height: 15px;
}
.shape-report {
width: 16px;
height: 15px;
}
.shape-burger {
width: 30px;
height: 24px;
}
.shape-social-share {
height: 16px;
width: 15px;
}
.shape-miniplay {
width: 16px;
height: 16px;
}
.shape-cant-play {
width: 36px;
height: 36px;
}
.shape-cinema {
width: 36px;
height: 36px;
}
.shape-tick {
width: 12px;
height: 12px;
}
.shape-arrow-down, .shape-arrow-up {
width: 15px;
height: 8px;
}
.shape-arrow-right, .shape-arrow-left {
width: 8px;
height: 15px;
}
.shape-star-fill {
width: 16px;
height: 16px;
}
.shape-star-outline {
width: 16px;
height: 16px;
}
.tag {
padding: 3px 8px 4px;
font-family: "Source Sans Pro", sans-serif;
color: #0000ff;
font-size: 18px;
background-color: #f2f2ff;
margin: 4px 4px 4px 0;
border-radius: 3px;
text-decoration: none;
display: inline-block;
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
background-color: #f2f5fd;
background: -webkit-linear-gradient(-360deg, #f2f5fd 0%, #f2fbfe 74%);
background: -webkit-linear-gradient(0deg, #f2f5fd 0%, #f2fbfe 74%);
background: linear-gradient(90deg, #f2f5fd 0%, #f2fbfe 74%);
}
.tag:hover,
.tag:active {
color: #00001a;
}
.tag:visited {
color: #575775;
}
.textcontent {
clear: left;
color: #393939;
font-size: 18px;
line-height: 28px;
}
.textcontent h1, .textcontent h2, .textcontent h3, .textcontent h4, .textcontent h5 {
margin: 20px 0 10px;
line-height: 1.4;
font-size: 25px;
color: #191d30;
}
.textcontent h3 {
font-size: 22px;
}
.textcontent h4, .textcontent h5 {
font-size: 20px;
}
.textcontent h5 {
font-size: inherit;
font-style: italic;
}
.textcontent a {
color: #0000ff;
cursor: pointer;
border-bottom: 1px solid #0000ff;
text-decoration: none;
-webkit-transition: color 250ms, border-color 250ms;
transition: color 250ms, border-color 250ms;
}
.textcontent a:hover, .textcontent a:active, .textcontent a:visited:hover, .textcontent a:visited:active {
color: #00001a;
border-bottom-color: #00001a;
}
.textcontent a:visited {
color: #575775;
border-bottom-color: #575775;
}
.textcontent p {
margin: 10px 0 20px;
line-height: inherit;
font-size: inherit;
color: inherit;
}
.textcontent blockquote {
border-left: 3px solid #00b4ff;
padding-left: 20px;
margin-left: -23px;
}
.textcontent header {
font-size: 22px;
}
.textcontent header > :first-child {
margin-top: 0;
}
.textcontent table {
font-size: 17px;
line-height: 1.2;
}
.textcontent td, .textcontent th {
color: #666e7a;
padding: 12px 12px 12px 0;
border-bottom: 1px solid #ededee;
}
.textcontent th {
color: #40444a;
font-weight: normal;
text-align: left;
}
@media (min-width: 960px) {
.textcontent {
line-height: 1.6;
font-size: 20px;
}
.textcontent h1, .textcontent h2, .textcontent h3, .textcontent h4 {
margin-top: 40px;
}
.textcontent h1 {
font-size: 40px;
}
.textcontent h2 {
font-size: 30px;
}
.textcontent h3 {
font-size: 25px;
color: #444;
}
.textcontent h4 {
font-size: 20px;
color: #666;
}
}
.star {
cursor: pointer;
display: inline-block;
width: 22px;
height: 22px;
padding: 3px;
text-decoration: none;
}
.star svg {
display: block;
}
.star .fill {
visibility: hidden;
fill: #ff8e15;
}
.star .outline {
fill: #cdcdcd;
}
.star.is-active .fill,
.star.is-active ~ .star .fill {
visibility: visible;
fill: #e7172a;
}
.star.is-active .outline,
.star.is-active ~ .star .outline {
visibility: hidden;
}
.star:hover .fill,
.star.is-active:hover .fill,
.star:hover ~ .star .fill,
.star.is-active ~ .star:hover .fill {
visibility: visible;
fill: #ff8e15;
}
.star:hover .outline,
.star.is-active:hover .outline,
.star:hover ~ .star .outline,
.star.is-active ~ .star:hover .outline {
visibility: hidden;
}
.no-svg .star {
background: url("./assets/images/ico-star-outline.png") no-repeat center center;
}
.no-svg .star.is-active,
.no-svg .star.is-active ~ .star {
background-image: url("./assets/images/ico-star-active.png");
}
.no-svg .star:hover,
.no-svg .star.is-active:hover,
.no-svg .star:hover ~ .star,
.no-svg .star.is-active ~ .star:hover {
background-image: url("./assets/images/ico-star-hover.png");
}
.badge {
display: inline-block;
min-width: 10px;
padding: 7px 9px;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
background-color: #666e7a;
border-radius: 24px;
}
.badge-view-inBtn {
color: #393939;
background: #fff;
font-size: 14px;
margin-left: 12px;
padding: 7px 9px 5px 8px;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
margin-top: 0px;
margin-right: -12px;
}
.form_control {
border: 0;
border-bottom: 2px solid #abb0b6;
outline: none !important;
background: #fff;
padding: 7px 15px 8px;
padding-bottom: 6px;
margin: 2px 2px 2px 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 18px;
font-family: "Source Sans Pro", sans-serif;
display: inline-block;
}
.form_control:focus {
border-bottom-color: #0000ff;
}
.navi_arrow {
width: 38px;
height: 38px;
margin-top: -19px;
position: absolute;
top: 50%;
background: rgba(14, 17, 29, 0.69) no-repeat center center;
text-indent: -9999px;
border-radius: 2px;
}
.navi_arrow:before {
width: 9px;
height: 16px;
position: absolute;
left: 50%;
top: 50%;
margin: -8px 0 0 -4.5px;
content: '';
background-position: center center;
background-repeat: no-repeat;
}
.navi_arrow-left {
left: 22px;
}
.navi_arrow-left:before {
background-image: url(assets/images/arrow-left-white.svg);
}
.navi_arrow-right {
right: 22px;
}
.navi_arrow-right:before {
background-image: url(assets/images/arrow-right-white.svg);
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%;
/* create separate layer, to avoid paint on window.onscroll in webkit/blink */
-webkit-backface-visibility: hidden;
outline: none;
}
.pswp img {
max-width: none;
}
/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
opacity: 0.001;
will-change: opacity;
/* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
display: block;
}
.pswp--zoom-allowed .pswp__img {
/* autoprefixer: off */
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.pswp--dragging .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
/*
Background is added as a separate element.
As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.96);
opacity: 0;
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
/* for open/close transition */
-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
will-change: opacity;
/* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden;
will-change: transform;
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
-webkit-transition: opacity 0.15s;
transition: opacity 0.15s;
}
/*
stretched thumbnail or div placeholder element (see below)
style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
-webkit-backface-visibility: hidden;
}
/*
div element that matches size of large image
large image loads on top of it
*/
.pswp__img--placeholder--blank {
background: #222;
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0;
}
/*
Error message appears when image is not loaded
(JS option errorMsg controls markup)
*/
.pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #CCC;
}
.pswp__error-msg a {
color: #CCC;
text-decoration: underline;
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Contents:
1. Buttons
2. Share modal and links
3. Index indicator ("1 of X" counter)
4. Caption
5. Loading indicator
6. Additional styles (root element, top bar, idle state, hidden state, etc.)
*/
/*
1. Buttons
*/
/* <button> css reset */
.pswp__button {
width: 44px;
height: 44px;
position: relative;
background: none;
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
display: block;
border: 0;
padding: 0;
margin: 0;
float: right;
opacity: 0.75;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
box-shadow: none;
}
.pswp__button:focus,
.pswp__button:hover {
opacity: 1;
}
.pswp__button:active {
outline: none;
opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0;
}
/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
opacity: 1;
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background: url(assets/photoswipe/default-skin.png) 0 0 no-repeat;
background-size: 264px 88px;
width: 44px;
height: 44px;
}
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
/* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
.pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
background-image: url(assets/photoswipe/default-skin.svg);
}
.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
background: none;
}
}
.pswp__button--close {
background-position: 0 -44px;
}
.pswp__button--share {
background-position: -44px -44px;
}
.pswp__button--fs {
display: none;
}
.pswp--supports-fs .pswp__button--fs {
display: block;
}
.pswp--fs .pswp__button--fs {
background-position: -44px 0;
}
.pswp__button--zoom {
display: none;
background-position: -88px 0;
}
.pswp--zoom-allowed .pswp__button--zoom {
display: block;
}
.pswp--zoomed-in .pswp__button--zoom {
background-position: -132px 0;
}
/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
visibility: hidden;
}
/*
Arrow buttons hit area
(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
background: none;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
position: absolute;
}
.pswp__button--arrow--left {
left: 0;
}
.pswp__button--arrow--right {
right: 0;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
content: '';
top: 35px;
background-color: rgba(0, 0, 0, 0.3);
height: 30px;
width: 32px;
position: absolute;
}
.pswp__button--arrow--left:before {
left: 6px;
background-position: -138px -44px;
}
.pswp__button--arrow--right:before {
right: 6px;
background-position: -94px -44px;
}
/*
2. Share modal/popup and links
*/
.pswp__counter,
.pswp__share-modal {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pswp__share-modal {
display: block;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
position: absolute;
z-index: 1600;
opacity: 0;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__share-modal--hidden {
display: none;
}
.pswp__share-tooltip {
z-index: 1620;
position: absolute;
background: #FFF;
top: 56px;
border-radius: 2px;
display: block;
width: auto;
right: 44px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
-webkit-transition: -webkit-transform 0.25s;
transition: transform 0.25s;
-webkit-backface-visibility: hidden;
will-change: transform;
}
.pswp__share-tooltip a {
display: block;
padding: 8px 12px;
color: #000;
text-decoration: none;
font-size: 14px;
line-height: 18px;
}
.pswp__share-tooltip a:hover {
text-decoration: none;
color: #000;
}
.pswp__share-tooltip a:first-child {
/* round corners on the first/last list item */
border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
border-radius: 0 0 2px 2px;
}
.pswp__share-modal--fade-in {
opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
padding: 16px 12px;
}
a.pswp__share--facebook:before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 15px;
border: 6px solid transparent;
border-bottom-color: #FFF;
-webkit-pointer-events: none;
-moz-pointer-events: none;
pointer-events: none;
}
a.pswp__share--facebook:hover {
background: #3E5C9A;
color: #FFF;
}
a.pswp__share--facebook:hover:before {
border-bottom-color: #3E5C9A;
}
a.pswp__share--twitter:hover {
background: #55ACEE;
color: #FFF;
}
a.pswp__share--pinterest:hover {
background: #CCC;
color: #CE272D;
}
a.pswp__share--download:hover {
background: #DDD;
}
/*
3. Index indicator ("1 of X" counter)
*/
.pswp__counter {
position: absolute;
left: 0;
top: 0;
height: 44px;
font-size: 13px;
line-height: 44px;
color: #FFF;
opacity: 0.75;
padding: 0 10px;
}
/*
4. Caption
*/
.pswp__caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 44px;
}
.pswp__caption small {
font-size: 11px;
color: #BBB;
}
.pswp__caption__center {
text-align: left;
max-width: 420px;
margin: 0 auto;
font-size: 13px;
padding: 10px;
line-height: 20px;
color: #CCC;
}
.pswp__caption--empty {
display: none;
}
/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
visibility: hidden;
}
/*
5. Loading indicator (preloader)
You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
*/
.pswp__preloader {
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 50%;
margin-left: -22px;
opacity: 0;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
will-change: opacity;
direction: ltr;
}
.pswp__preloader__icn {
width: 20px;
height: 20px;
margin: 12px;
}
.pswp__preloader--active {
opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
/* We use .gif in browsers that don't support CSS animation */
background: url(assets/photoswipe/preloader.gif) 0 0 no-repeat;
}
.pswp--css_animation .pswp__preloader--active {
opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
-webkit-animation: clockwise 500ms linear infinite;
animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
background: none;
opacity: 0.75;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 15px;
margin: 0;
}
.pswp--css_animation .pswp__preloader__cut {
/*
The idea of animating inner circle is based on Polymer ("material") loading indicator
by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
*/
position: relative;
width: 7px;
height: 14px;
overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
box-sizing: border-box;
width: 14px;
height: 14px;
border: 2px solid #FFF;
border-radius: 50%;
border-left-color: transparent;
border-bottom-color: transparent;
position: absolute;
top: 0;
left: 0;
background: none;
margin: 0;
}
@media screen and (max-width: 1024px) {
.pswp__preloader {
position: relative;
left: auto;
top: auto;
margin: 0;
float: right;
}
}
@-webkit-keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
/*
6. Additional styles
*/
/* root element of UI */
.pswp__ui {
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 1550;
}
/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%;
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
-webkit-backface-visibility: hidden;
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
visibility: visible;
}
.pswp__top-bar,
.pswp__caption {
background-color: rgba(0, 0, 0, 0.5);
}
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
background-color: rgba(0, 0, 0, 0.3);
}
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
opacity: 0;
}
/*
pswp__ui--hidden class is added when controls are hidden
e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
/* Force paint & create composition layer for controls. */
opacity: 0.001;
}
/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
display: none;
}
.pswp__element--disabled {
display: none !important;
}
.pswp--minimal--dark .pswp__top-bar {
background: none;
}
.pswp__top-bar,
.pswp__caption {
background-color: transparent;
}
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
background-color: transparent;
}
.pswp__top-bar {
padding: 10px;
height: 80px;
}
.pswp__button--arrow--left,
.pswp__button--arrow--right {
top: 25px;
}
.pswp__button--arrow--left {
left: 50%;
margin-left: -100px;
}
.pswp__button--arrow--right {
right: 50%;
margin-right: -100px;
left: auto;
}
.pswp__button--arrow--left:before, .pswp__button--arrow--right:before, .pswp__button--close {
background: #0000ff no-repeat center center;
background-size: auto 19px !important;
overflow: hidden;
border-radius: 2px;
}
.pswp__button--arrow--left:before {
background-image: url("assets/images/arrow-left-white.svg") !important;
}
.no-svg .pswp__button--arrow--left:before {
background-image: url("assets/images/arrow-left-white.png") !important;
}
.pswp__button--arrow--right:before {
background-image: url("assets/images/arrow-right-white.svg") !important;
}
.no-svg .pswp__button--arrow--right:before {
background-image: url("assets/images/arrow-right-white.png") !important;
}
.pswp__button--close {
background-image: url("assets/images/icon-close.svg") !important;
background-size: 18px 18px !important;
}
.no-svg .pswp__button--close {
background-image: url("assets/images/icon-close.png") !important;
}
.pswp__button--share,
.pswp--supports-fs .pswp__button--fs,
.pswp--zoom-allowed .pswp__button--zoom {
display: none;
}
.pswp__caption {
max-width: 590px;
background: none;
}
.pswp__caption__center {
position: relative;
margin: 0 10px 10px 21px;
padding: 15px 0;
max-width: 780px;
color: #666e7a;
font-size: 18px;
line-height: 26px;
background: transparent;
}
.pswp__caption__center:after {
content: ' ';
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 2px;
background-color: #0000ff;
}
.pswp__caption__center:after {
max-width: 405px;
}
.pswp__caption__center .photo-source-part {
margin-right: 22px;
color: #99a1ad;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
font-size: 13px;
}
@media (min-width: 640px) and (max-width: 1024px) {
.pswp__caption {
max-width: 984px;
}
.pswp__caption__center {
background: #FFF;
padding: 15px;
max-width: 923px;
}
.pswp__bg {
background: #fff;
}
}
@media (max-width: 1199px) {
.pswp__img {
-webkit-transform: scale(0.9);
}
}
.pswp__button--arrow--left:before, .pswp__button--arrow--right:before, .pswp__button--close {
background-size: auto;
width: 36px;
height: 36px;
}
.pswp__button--arrow--left, .pswp__button--arrow--right, .pswp__button--close {
opacity: 1 !important;
}
.pswp__counter {
top: 8px;
left: 50%;
width: 120px;
margin-left: -60px;
color: #888;
text-align: center;
font-size: 13px;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
}
.pswp__counter:before {
content: 'Fotka ';
}
.pswp__caption {
padding-left: 30px;
padding-bottom: 30px;
}
.pswp__img {
cursor: pointer !important;
}
.link, .explanatory {
background-color: #f2f2ff;
position: relative;
font-size: 18px;
overflow: hidden;
cursor: pointer;
/**
* 480 and above - image on the left side
*/
/**
* 640 and above - wider image, more whitespace
*/
/**
* 970 and above - wider image, more whitespace
*/
}
.link:after, .explanatory:after {
content: "";
display: table;
clear: both;
}
.link-image, .explanatory-image {
overflow: hidden;
background-position: center center;
background-size: cover;
width: 110px;
}
.link-image img, .explanatory-image img {
display: block;
visibility: hidden;
max-width: 110px;
}
.link-content, .explanatory-content {
position: relative;
position: static;
padding: 12px 22px 22px;
}
.link-content:after, .explanatory-content:after {
content: ' ';
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 2px;
background-color: #0000ff;
}
.link-label {
color: #AAB0B7;
padding: 2px 4px;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
font-size: 12px;
text-transform: uppercase;
text-decoration: none;
border: 2px solid #AAB0B7;
border-radius: 3px;
}
.link-text, .explanatory-text {
color: #393939;
margin: 11px 0 14px;
line-height: 26px;
}
.link-more {
display: inline-block;
color: #1250CC;
text-decoration: none;
padding-right: 22px;
line-height: 22px;
background: url("assets/images/link_standard-arrow-right.svg") no-repeat center right;
color: #0000ff;
cursor: pointer;
text-decoration: none;
}
.link-more:hover, .link-more:active, .link-more:visited:hover, .link-more:visited:active {
color: #00001a;
}
.link-more:visited {
color: #575775;
}
.no-svg .link-more {
background-image: url("assets/images/link_standard-arrow-right.png");
}
@media (min-width: 480px) {
.link-image, .explanatory-image {
width: 160px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
z-index: 10;
}
.link-image img, .explanatory-image img {
max-width: 160px;
}
.link-content, .explanatory-content {
margin-left: 160px;
padding-left: 22px;
padding-top: 18px;
}
}
@media (min-width: 640px) {
.link-image, .explanatory-image {
width: 195px;
}
.link-image img, .explanatory-image img {
max-width: 195px;
}
.link-content, .explanatory-content {
padding: 25px 40px 25px 28px;
margin-left: 195px;
}
.link-text, .explanatory-text {
margin: 18px 0 20px;
}
}
@media (min-width: 960px) {
.link-image, .explanatory-image {
width: 275px;
}
.link-image img, .explanatory-image img {
max-width: 275px;
}
.link-content, .explanatory-content {
padding: 25px 40px 25px 28px;
margin-left: 275px;
}
.link-text, .explanatory-text {
margin: 18px 0 20px;
min-height: 73px;
}
}
/**
* Simple view without side image
*/
.link.view-simple .link-image, .view-simple.explanatory .link-image, .link.view-simple .explanatory-image, .view-simple.explanatory .explanatory-image {
display: none;
}
.link.view-simple .link-content, .view-simple.explanatory .link-content, .link.view-simple .explanatory-content, .view-simple.explanatory .explanatory-content {
margin-left: 0;
}
.link.view-simple .link-text, .view-simple.explanatory .link-text, .link.view-simple .explanatory-text, .view-simple.explanatory .explanatory-text {
min-height: 0;
}
/**
* P view - streched outside content boundaries to
* the right side of the browser window.
*/
.link.view-P, .view-P.explanatory {
overflow: visible;
}
.link.view-P .link-faker, .view-P.explanatory .link-faker, .link.view-P .explanatory-faker, .view-P.explanatory .explanatory-faker {
display: none;
}
.link.view-P .link-image img, .view-P.explanatory .link-image img, .link.view-P .explanatory-image img, .view-P.explanatory .explanatory-image img {
max-width: 100%;
}
@media (min-width: 480px) {
.link.view-P, .view-P.explanatory {
max-width: 230px;
background: none;
}
.link.view-P .link-image, .view-P.explanatory .link-image, .link.view-P .explanatory-image, .view-P.explanatory .explanatory-image {
width: 230px;
position: static;
}
.link.view-P .link-content, .view-P.explanatory .link-content, .link.view-P .explanatory-content, .view-P.explanatory .explanatory-content {
margin-left: 0;
padding-left: 14px;
padding-top: 10px;
padding-right: 0;
}
.link.view-P .link-content:after, .view-P.explanatory .link-content:after, .link.view-P .explanatory-content:after, .view-P.explanatory .explanatory-content:after {
display: none;
}
.link.view-P .link-faker, .view-P.explanatory .link-faker, .link.view-P .explanatory-faker, .view-P.explanatory .explanatory-faker {
position: relative;
background-color: #f2f2ff;
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
min-width: 1000px;
min-width: 100vw;
z-index: -1;
}
.link.view-P .link-faker:after, .view-P.explanatory .link-faker:after, .link.view-P .explanatory-faker:after, .view-P.explanatory .explanatory-faker:after {
content: ' ';
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 2px;
background-color: #0000ff;
}
}
@media (min-width: 960px) {
.link.view-P .link-content, .view-P.explanatory .link-content, .link.view-P .explanatory-content, .view-P.explanatory .explanatory-content {
padding-left: 22px;
padding-top: 18px;
}
.link.view-P .link-text, .view-P.explanatory .link-text, .link.view-P .explanatory-text, .view-P.explanatory .explanatory-text {
min-height: 0;
}
}
@media (min-width: 1200px) {
.link.view-P, .view-P.explanatory {
max-width: 280px;
}
.link.view-P .link-image, .view-P.explanatory .link-image, .link.view-P .explanatory-image, .view-P.explanatory .explanatory-image {
width: 280px;
}
.link.view-P .link-image img, .view-P.explanatory .link-image img, .link.view-P .explanatory-image img, .view-P.explanatory .explanatory-image img {
max-width: 280px;
}
}
.map-info {
position: relative;
min-height: 60px;
margin: 0 10px;
padding: 10px 0;
padding-left: 60px;
}
.map-info:after {
content: ' ';
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 2px;
background-color: #0000ff;
}
.map-info-title, .map-info-source {
font-size: 18px;
line-height: 26px;
margin: 6px 0;
}
.map-info-title {
color: #666E7A;
}
.map-info-source {
color: #99A1AD;
}
.map-label {
position: absolute;
left: 0;
top: 19px;
}
.map-container {
width: 100%;
background: #CBDFAD;
}
.map-container:after {
content: '';
display: block;
position: relative;
padding-bottom: 56%;
}
@media only screen and (min-width: 640px) {
.map.view-M {
max-width: 540px;
position: relative;
}
.map.view-M .map-label {
position: absolute;
}
.map.view-M .map-info {
margin: 0;
padding-left: 60px;
}
}
@media only screen and (min-width: 960px) {
.map.view-M {
max-width: 880px;
position: relative;
}
.map.view-M .map-container {
float: left;
max-width: 630px;
}
.map.view-M .map-label {
position: static;
}
.map.view-M .map-info {
margin-left: 650px;
width: auto;
padding-left: 0;
padding-top: 0;
}
.map.view-M .map-info:after {
width: 150px;
}
}
@media only screen and (min-width: 640px) {
.map.view-L {
max-width: none;
position: relative;
}
.map.view-L .map-label {
position: relative;
top: -2px;
}
.map.view-L .map-label, .map.view-L .map-info-title, .map.view-L .map-info-source {
display: inline-block;
margin-left: 10px;
}
.map.view-L .map-info {
max-width: 960px;
margin: 0 auto;
padding-left: 0;
}
.map.view-L .map-info:after {
display: none;
}
}
@media only screen and (min-width: 960px) {
.map.view-L .map-container {
height: 500px;
}
.map.view-L .map-container:after {
display: none;
}
}
@media only screen and (min-width: 1200px) {
.map.view-L .map-info {
max-width: 1200px;
}
}
@media only screen and (min-width: 960px) {
.map.view-THIRD {
max-width: 310px;
}
.map.view-THIRD .map-info {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.map.view-THIRD .map-label {
position: static;
}
}
@media only screen and (min-width: 1200px) {
.map.view-THIRD {
max-width: 380px;
}
}
.map.view-S .map-panel {
border-radius: 3px;
}
.map.view-S .map-panel-content, .map.view-S .map-panel.is-open .map.view-S .map-panel-content {
padding: 0;
}
.map.view-S .panel-bar {
padding-top: 0.01px;
padding-bottom: 9px;
}
.map.view-S .panel-bar-title, .map.view-S .panel-bar-source {
font-size: 18px;
line-height: 26px;
padding-bottom: 6px;
display: block;
}
.map.view-S .panel-bar-title {
width: 100%;
color: #666e7a;
}
.map.view-S .panel-bar-source {
color: #99A1AD;
clear: both;
}
@media only screen and (min-width: 640px) {
.map.view-S .panel-bar-source {
margin-left: 60px;
}
.map.view-S .panel-bar-title {
width: 80%;
}
}
@media only screen and (min-width: 960px) {
.map.view-S .panel-bar-title {
width: 88%;
}
}
.profile {
background-color: #f2f2ff;
position: relative;
margin: 0;
padding: 0 0 5px 0;
position: relative;
/* for break after header */
/**
* 480 and above - header with break after, more whitespace
*/
}
.profile:after {
content: ' ';
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 2px;
background-color: #0000ff;
}
.profile-wrap {
max-width: 1200px;
margin: auto;
text-decoration: none;
}
.profile-header {
min-height: 125px;
margin-bottom: 18px;
padding-right: 20px;
}
.profile-image {
float: left;
overflow: hidden;
width: 120px;
height: 120px;
margin: 0 22px 23px 0;
background-position: center center;
background-size: cover;
}
.profile-image img {
display: block;
visibility: hidden;
width: 100%;
}
.profile-label {
margin: 22px 0 0;
}
.profile-name {
margin: 20px 0 0;
font-size: 20px;
line-height: 1.3;
font-weight: normal;
color: #393939;
border-bottom: 0;
}
.profile-name.view-link {
color: #0000ff;
}
.profile-text {
clear: both;
padding: 0 22px 18px;
}
.profile-text > p {
margin-top: 0;
font-size: 18px;
line-height: 26px;
color: #666e7a;
margin-bottom: 0;
}
.profile-faker {
display: none;
}
@media (min-width: 480px) {
.profile-header {
padding-right: 30px;
}
.profile-image {
margin-right: 30px;
}
.profile-label {
margin-top: 30px;
}
.profile-text {
padding: 0 30px 25px;
}
}
/**
* Simple view without profile image
*/
.profile.view-simple .profile-header {
padding-left: 22px;
min-height: 0;
}
.profile.view-simple .profile-label, .profile.view-simple .profile-name, .profile.view-simple .profile-text {
margin-left: 0;
}
@media (min-width: 480px) {
.profile.view-simple .profile-header {
padding-left: 30px;
}
}
/**
* P view on the right side
*/
.profile.view-P {
overflow: visible;
/**
* 480 and above - more whitespace
*/
}
.profile.view-P .profile-name {
margin-bottom: 20px;
}
@media (min-width: 480px) {
.profile.view-P {
width: auto;
background: transparent;
}
.profile.view-P .profile-wrap {
width: 230px;
margin: 0;
}
.profile.view-P .profile-label {
margin-top: 15px;
}
.profile.view-P .profile-name {
margin-top: 10px;
font-size: 18px;
line-height: 23px;
}
.profile.view-P .profile-image {
margin-right: 20px;
width: 100px;
height: 100px;
}
.profile.view-P .profile-text {
padding: 0 0 18px 22px;
}
.profile.view-P .profile-faker {
position: relative;
background-color: #f2f2ff;
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
min-width: 1000px;
min-width: 100vw;
z-index: -1;
}
.profile.view-P .profile-faker:after {
content: ' ';
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 2px;
background-color: #0000ff;
}
.profile.view-P:after {
display: none;
}
}
@media (min-width: 1200px) {
.profile.view-P .profile-wrap {
width: 280px;
}
}
.profile.view-shows .profile-text {
clear: none;
margin-left: 120px;
margin-top: -30px;
padding-top: 0;
}
.related, .recommended.in-article {
background-color: #f2f2ff;
padding: 25px 0 32px;
}
.related-wrap,
.related .recommended-item-wrapper, .recommended.in-article-wrap,
.recommended.in-article .recommended-item-wrapper {
max-width: 1200px;
margin: auto;
position: relative;
overflow: hidden;
padding: 0 0 6px 0;
}
.related-wrap:after,
.related .recommended-item-wrapper:after, .recommended.in-article-wrap:after,
.recommended.in-article .recommended-item-wrapper:after {
content: ' ';
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 2px;
background-color: #0000ff;
}
.related-title, .recommended.in-article-title {
font-size: 22px;
line-height: 32px;
color: #444444;
margin: 0 0 21px 0;
}
.related-title a, .recommended.in-article-title a {
color: #0000ff;
cursor: pointer;
text-decoration: none;
}
.related-title a:hover, .related-title a:active, .related-title a:visited:hover, .related-title a:visited:active, .recommended.in-article-title a:hover, .recommended.in-article-title a:active, .recommended.in-article-title a:visited:hover, .recommended.in-article-title a:visited:active {
color: #00001a;
}
.related-title a:visited, .recommended.in-article-title a:visited {
color: #575775;
}
.related .recommended-item-wrapper, .recommended.in-article .recommended-item-wrapper {
font-size: 22px;
line-height: 32px;
color: #444444;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
padding-bottom: 20px;
}
.related .recommended-item-wrapper .recommended-strike, .recommended.in-article .recommended-item-wrapper .recommended-strike {
display: none;
}
.related-items-list, .recommended.in-article-items-list {
margin: 0;
padding: 0;
list-style: none;
}
.related-item, .recommended.in-article-item {
margin: 0 0 27px 0;
padding: 0;
}
.related-item-title, .related-item .title, .recommended.in-article-item-title, .recommended.in-article-item .title {
font-family: inherit;
color: #0000ff;
margin: 0 0 2px 0;
font-size: 18px;
}
.related-item-title a, .related-item .title a, .recommended.in-article-item-title a, .recommended.in-article-item .title a {
color: #0000ff;
cursor: pointer;
text-decoration: none;
text-decoration: none;
}
.related-item-title a:hover, .related-item-title a:active, .related-item-title a:visited:hover, .related-item-title a:visited:active, .related-item .title a:hover, .related-item .title a:active, .related-item .title a:visited:hover, .related-item .title a:visited:active, .recommended.in-article-item-title a:hover, .recommended.in-article-item-title a:active, .recommended.in-article-item-title a:visited:hover, .recommended.in-article-item-title a:visited:active, .recommended.in-article-item .title a:hover, .recommended.in-article-item .title a:active, .recommended.in-article-item .title a:visited:hover, .recommended.in-article-item .title a:visited:active {
color: #00001a;
}
.related-item-title a:visited, .related-item .title a:visited, .recommended.in-article-item-title a:visited, .recommended.in-article-item .title a:visited {
color: #575775;
}
.related-item-info, .related-item .published, .recommended.in-article-item-info, .recommended.in-article-item .published {
margin: 9px 0 0 0;
color: #666e7a;
font-size: 18px;
}
.related-item .published, .recommended.in-article-item .published {
padding: 0;
margin-top: 0;
}
.related .recommended-item-wrapper .related-item, .recommended.in-article .recommended-item-wrapper .related-item {
margin-top: 27px;
margin-bottom: 16px;
line-height: 1.2;
font-family: "Source Sans Pro", sans-serif;
}
.related .recommended-item-wrapper .related-item a, .recommended.in-article .recommended-item-wrapper .related-item a {
color: #0000ff;
cursor: pointer;
text-decoration: none;
border-bottom: 0;
}
.related .recommended-item-wrapper .related-item a:hover, .related .recommended-item-wrapper .related-item a:active, .related .recommended-item-wrapper .related-item a:visited:hover, .related .recommended-item-wrapper .related-item a:visited:active, .recommended.in-article .recommended-item-wrapper .related-item a:hover, .recommended.in-article .recommended-item-wrapper .related-item a:active, .recommended.in-article .recommended-item-wrapper .related-item a:visited:hover, .recommended.in-article .recommended-item-wrapper .related-item a:visited:active {
color: #00001a;
}
.related .recommended-item-wrapper .related-item a:visited, .recommended.in-article .recommended-item-wrapper .related-item a:visited {
color: #575775;
}
.related .recommended-item-wrapper .related-item + .related-item, .recommended.in-article .recommended-item-wrapper .related-item + .related-item {
margin-top: 0;
}
.recommended.in-article {
padding: 20px 25px;
margin-bottom: 30px;
}
@media only screen and (min-width: 640px) {
.related-title, .related .title {
font-size: 25px;
}
.related-item-title a, .related-item .title a {
font-size: 20px;
}
.related-item-info {
margin: 0;
}
.recommended.in-article .recommended-item-wrapper {
font-size: 25px;
}
}
/**
* Side view with max-width
*/
.related.view-P {
padding: 0;
}
.related.view-P .related-wrap {
padding: 32px 10px 5px;
}
.related.view-P .related-title {
font-size: 20px;
line-height: 1;
margin-bottom: 32px;
padding-top: 0;
}
.related.view-P .related-item-title a {
font-size: 18px;
}
.related.view-P .related-item-info {
font-size: 14px;
margin: 8px 0 0 0;
}
@media (min-width: 480px) {
.related.view-P {
max-width: 230px;
}
.related.view-P .related-wrap {
padding: 32px 22px 5px;
}
}
@media (min-width: 1200px) {
.related.view-P {
max-width: 280px;
}
}
/**
* Popup view
*/
.related.view-popup {
padding: 0;
padding-bottom: 0;
background: transparent;
margin: 40px 0 20px;
}
.related.view-popup .related-title {
margin: 6px 0;
font-size: 14px;
line-height: 32px;
}
.related.view-popup .related-wrap {
border-bottom: solid 1px #ededee;
}
.related.view-popup .related-wrap:after {
display: none;
}
.related.view-popup .related-item {
margin-bottom: 15px;
}
.related.view-popup .related-item-title, .related.view-popup .related-item-title a {
font-size: 18px;
line-height: 24px;
}
@media only screen and (min-width: 640px) {
.related.view-popup .related-title {
font-size: 20px;
line-height: 32px;
}
.related.view-popup .related-item-title {
font-size: 20px;
line-height: 29px;
}
}
@media only screen and (min-width: 960px) {
.related.view-popup {
max-width: 240px;
position: fixed;
right: 0;
bottom: 0;
z-index: 100;
-webkit-transition: -webkit-transform ease-in-out 0.4s;
transition: transform ease-in-out 0.4s;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.related.view-popup.is-visible {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.related.view-popup .related-wrap {
padding: 10px 20px;
border-bottom: none;
background-color: #ececec;
background: -webkit-linear-gradient(-270deg, #ececec 0%, #fcfcfc 100%);
background: -webkit-linear-gradient(90deg, #ececec 0%, #fcfcfc 100%);
background: linear-gradient(0deg, #ececec 0%, #fcfcfc 100%);
}
.related.view-popup .related-wrap:after {
display: block;
}
.related.view-popup .related-title {
font-size: 14px;
line-height: 32px;
}
.related.view-popup .related-item-title {
font-size: 18px;
line-height: 24px;
}
}
@media only screen and (min-width: 1200px) {
.related.view-popup {
max-width: 320px;
}
}
.video {
max-width: 100%;
position: relative;
z-index: 0;
overflow: hidden;
cursor: pointer;
position: relative;
/**
* styles from CT, see https://github.com/manGoweb/ct24/issues/122
*/
}
.video-wrap:hover .video-play-btn {
outline: none;
background-image: url(assets/images/icon-play-video-hover.svg);
}
.no-svg .video-wrap:hover .video-play-btn {
background-image: url("assets/images/icon-play-video-hover.png");
}
.video.is-playing {
cursor: auto;
}
.video:after {
content: ' ';
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 2px;
background-color: #0000ff;
}
.video:after {
left: 10px;
right: 10px;
}
.video-info {
position: relative;
margin-top: 8px;
padding: 0px 120px 15px 10px;
color: #666E7A;
}
.video-info:after {
display: block;
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.video.is-playing .video-info:after {
display: none;
}
.video-panel .video-info, .video_playlist .video-info {
display: none;
}
.video-title {
margin: 0;
font-family: "Source Sans Pro", sans-serif;
font-size: 18px;
line-height: 26px;
position: relative;
z-index: 10;
}
.video-preview {
position: relative;
}
.video-preview:before {
display: block;
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #191D30;
background: rgba(25, 29, 48, 0.3);
}
.video.is-playing .video-preview:before {
display: none;
}
.video-player {
display: none;
}
.video-player iframe {
display: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.video.is-playing .video-player iframe {
display: block;
}
.video-duration {
background: #7b8594 url(assets/images/icon-clock-7B8594.svg) no-repeat 10px center;
background-color: rgba(123, 133, 148, 0.15);
color: #7b8594;
background-size: 13px;
border-radius: 3px;
font-size: 18px;
line-height: 24px;
padding: 2px 12px 3px 34px;
}
.no-svg .video-duration {
background-image: url("assets/images/icon-clock-7B8594.png");
}
.video-info .label {
display: none;
}
.video-info .video-duration {
position: absolute;
top: 0;
right: 10px;
}
.video-container {
position: relative;
z-index: 1;
}
.video-play-btn {
display: block;
width: 64px;
height: 64px;
border-radius: 100%;
background: url(assets/images/icon-play-video.svg) no-repeat center center;
border: none;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.no-svg .video-play-btn {
background-image: url("assets/images/icon-play-video.png");
}
.video-play-btn:focus, .video-play-btn:hover {
outline: none;
background-image: url(assets/images/icon-play-video-hover.svg);
}
.no-svg .video-play-btn:focus, .no-svg .video-play-btn:hover {
background-image: url("assets/images/icon-play-video-hover.png");
}
.video-play-btn-label {
display: none;
}
.video.is-playing .video-play-btn {
display: none;
}
.video .media-ivysilani-placeholder {
display: none;
}
.video.is-playing .video-player {
display: block;
}
.video .video-player iframe {
border: 0 none;
}
@media only screen and (max-width: 479px) {
.video-play-btn {
background-size: contain;
}
}
@media only screen and (min-width: 480px) {
.video-info {
margin-top: 20px;
padding-bottom: 20px;
}
.video-play-btn {
width: 96px;
height: 96px;
}
}
@media only screen and (min-width: 640px) {
.video-info {
width: 100%;
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
right: 0;
color: #FFF;
margin-top: 0;
padding-top: 72px;
}
.video-info:after {
background-image: -webkit-linear-gradient(-270deg, rgba(0, 0, 0, 0.82) 0%, transparent 100%);
background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.82) 0%, transparent 100%);
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.82) 0%, transparent 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d1000000',GradientType=0 );
/* IE6-9 */
}
.video.is-playing .video-info {
display: none;
}
.video-title {
font-size: 18px;
line-height: 24px;
}
.video-duration {
background-color: #FFF;
background-color: rgba(255, 255, 255, 0.15);
background-image: url(assets/images/icon-clock.svg);
color: #FFF;
}
.no-svg .video-duration {
background-image: url("assets/images/icon-clock.png");
}
.video-info .video-duration {
position: absolute;
top: auto;
bottom: 17px;
right: 10px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 10;
}
}
@media only screen and (min-width: 640px) {
.video-panel .video-info, .video_playlist .video-info {
display: block;
}
}
@media only screen and (min-width: 640px) {
.video.view-L {
-webkit-transform: translate3d(0, 0, 0);
}
}
@media only screen and (min-width: 960px) {
.video.view-L .video-title {
font-size: 24px;
line-height: 30px;
}
.video.view-L .video-play-btn {
width: 114px;
height: 114px;
}
.video.view-L .video-info {
width: auto;
left: 0;
padding-left: 30px;
right: 0;
}
.video.view-L .video-duration {
right: 0;
border-radius: 3px 0 0 3px;
}
}
.video.view-S {
max-width: 630px;
}
.video.view-S:not(.is-open):after {
display: none;
}
.video.view-S .video-panel .panel-bar-duration {
display: block;
clear: both;
padding-top: 19px;
padding-bottom: 6px;
}
.video.view-S .video-panel .panel-bar-duration .video:after {
display: none;
}
.video.view-S .video-panel .panel-bar-duration .video-duration {
padding-top: 2px;
padding-bottom: 5px;
color: #666E7A;
background-color: #7B8594;
background-color: rgba(123, 133, 148, 0.15);
background-image: url(assets/images/icon-clock-7B8594.svg);
}
.no-svg .video.view-S .video-panel .panel-bar-duration .video-duration {
background-image: url("assets/images/icon-clock-7B8594.png");
}
.video.view-S .video-panel .panel-content, .video.view-S .video-panel.is-open .panel-content {
padding: 0;
background: transparent;
}
.video.view-S .video-panel .panel-content:after, .video.view-S .video-panel.is-open .panel-content:after {
display: none;
}
.video.view-S .video-panel.is-open .panel-bar-duration .video-duration {
color: #666E7A;
background-image: url(assets/images/icon-clock-666E7A.svg);
}
.no-svg .video.view-S .video-panel.is-open .panel-bar-duration .video-duration {
background-image: url("assets/images/icon-clock-666E7A.png");
}
@media only screen and (min-width: 480px) {
.video.view-S .video-panel .panel-bar {
padding-right: 145px;
position: relative;
}
.video.view-S .video-panel .panel-bar-duration {
position: absolute;
top: 49%;
right: 55px;
padding: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.video.view-episode .video-play-icon {
position: absolute;
background: rgba(14, 17, 29, 0.69) url(./assets/images/icon-livenow-with-label.svg) no-repeat 24px center;
background-size: auto 24px;
top: 50%;
left: 50%;
padding: 25px;
padding-left: 58px;
color: #FFF;
line-height: 14px;
border-radius: 200px;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
white-space: nowrap;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
font-size: 20px;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.no-svg .video.view-episode .video-play-icon {
top: 40%;
left: 50%;
padding: 20px;
padding-left: 50px;
width: 200px;
margin-left: -100px;
background: #000 url(assets/images/icon-livenow-with-label.png) no-repeat 20px center;
}
.video.view-episode .video-wrap:hover .video-play-icon {
outline: none;
background-color: rgba(255, 255, 255, 0.69);
color: #393939;
background-image: url(assets/images/icon-livenow-with-label-dark.svg);
}
.no-svg .video.view-episode .video-wrap:hover .video-play-icon {
color: #EEE;
background: #111 url(assets/images/icon-livenow-with-label.png) no-repeat 20px center;
}
.video.view-episode .video-play-icon.video-play-notext {
padding-left: 0;
}
.video.view-episode.is-playing .video-play-icon {
display: none;
}
@media (min-width: 480px) {
.video.view-episode .video-play-icon {
background-position: 32px center;
background-size: auto 48px;
padding: 50px;
padding-left: 96px;
}
.video.view-episode .video-play-icon.video-play-notext {
padding-left: 0;
}
}
.article_link {
color: #666E7A;
padding: 10px 0;
padding-right: 10px;
overflow: hidden;
clear: both;
}
.article_link-image {
float: left;
max-width: 110px;
}
.article_link.has-video .article_link-image {
position: relative;
}
.article_link.has-video .article_link-image-play-icon, .article_link.has-video .article_link-image-label {
content: '';
position: absolute;
display: inline-block;
top: 50%;
height: 32px;
width: 32px;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
background: #000 url(assets/images/icon-livenow-with-label.svg) no-repeat 11px center;
background-color: rgba(0, 0, 0, 0.68);
background-size: 13px;
border-radius: 32px;
}
.no-svg .article_link.has-video .article_link-image-play-icon, .no-svg .article_link.has-video .article_link-image-label {
background-image: url("assets/images/icon-livenow-with-label.png");
}
.article_link.has-video .article_link-image-label {
color: #FFF;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
font-size: 12px;
text-transform: uppercase;
padding-left: 33px;
padding-right: 12px;
padding-top: 8px;
background-position: 12px center;
width: auto;
}
.article_link-content, .article_link-aside {
margin-left: 120px;
}
.article_link-content {
padding-top: 1px;
position: relative;
}
.article_link-actions {
position: absolute;
bottom: -6px;
right: 0;
}
.article_link-actions .siteupdates-icon {
fill: #aab0b7;
}
.article_link.is-subscribed .article_link-actions .siteupdates-icon {
fill: #33CC00;
}
.article_link.is-pocketed:not(.is-active) .btn {
height: 38px;
padding-left: 0;
padding-right: 0;
bottom: -10px;
}
.article_link.is-pocketed:not(.is-active) .btn .btn-remove-label {
display: none;
}
.article_link.is-pocketed:not(.is-active) .btn .btn-tick-label {
display: none;
}
.article_link.is-pocketed:not(.is-active) .btn:after {
margin-left: 0;
}
@media (max-width: 540px) {
.article_link.is-pocketed.is-active .btn {
height: 38px;
padding-left: 0;
padding-right: 0;
bottom: -5px;
}
.article_link.is-pocketed.is-active .btn .btn-remove-label {
display: none;
}
.article_link.is-pocketed.is-active .btn .btn-tick-label {
display: none;
}
.article_link.is-pocketed.is-active .btn:after {
margin-left: 0;
}
}
.article_link .label {
position: relative;
bottom: 2px;
}
.article_link-label {
text-transform: uppercase;
font-size: 12px;
line-height: 15px;
margin: 0;
display: inline-block;
}
.article_link-title {
font-size: 18px;
line-height: 26px;
margin: -4px 0 6px 0;
min-height: 70px;
}
.article_link-title a {
color: #0000ff;
cursor: pointer;
text-decoration: none;
}
.article_link-title a:hover, .article_link-title a:active, .article_link-title a:visited:hover, .article_link-title a:visited:active {
color: #00001a;
}
.article_link-title a:visited {
color: #575775;
}
.label + .article_link-title {
min-height: 40px;
margin-top: 6px;
}
.article_link-text {
display: none;
font-size: 18px;
margin: 6px 0;
}
.article_link-timestamp {
font-size: 14px;
line-height: 14px;
position: relative;
padding-right: 40px;
margin-bottom: 0;
}
.article_link-timestamp .timestamp-prefix {
text-transform: uppercase;
position: absolute;
right: 100%;
top: 0;
padding-right: 5px;
}
.article_link.has-aside .article_link-timestamp {
margin-bottom: 14px;
}
@media only screen and (min-width: 640px) {
.article_link.has-aside .article_link-timestamp {
margin-bottom: 0;
}
}
.article_link-aside {
border-top: solid 1px #ededee;
padding-top: 6px;
display: none;
}
.article_link-aside-image {
display: none;
max-width: 100px;
margin: 18px 0 10px;
}
.article_link-aside-author, .article_link-aside-when, .article_link-aside-studio {
font-size: 14px;
line-height: 17px;
}
.article_link-aside-studio {
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
font-size: 12px;
}
.article_link-aside-author, .article_link-aside-studio, .article_link-aside-text {
color: #393939;
}
.article_link-aside-author {
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
margin-bottom: 10px;
display: block;
}
.article_link-aside-author-prefix {
text-transform: uppercase;
color: #AAB0B7;
display: block;
margin-bottom: 6px;
}
.article_link-aside-author a {
color: #0000ff;
cursor: pointer;
text-decoration: none;
}
.article_link-aside-author a:hover, .article_link-aside-author a:active, .article_link-aside-author a:visited:hover, .article_link-aside-author a:visited:active {
color: #00001a;
}
.article_link-aside-author a:visited {
color: #575775;
}
.article_link-aside-text {
margin: 6px 0;
font-size: 16px;
line-height: 15px;
}
.article_link-aside .timestamp-prefix {
display: block;
margin-bottom: 6px;
}
.article_link-aside .timestamp {
font-size: 12px;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
}
.article_link.has-aside .article_link-aside {
display: block;
}
.article_link-continue {
clear: both;
text-align: right;
padding-top: 16px;
position: relative;
}
.article_link-continue:before {
content: '';
display: block;
position: absolute;
top: 10px;
left: 0;
height: 18px;
width: 1px;
background: #ededee;
}
.article_link-continue:after {
content: '';
display: block;
position: absolute;
top: 28px;
left: 0;
height: 1px;
width: 100%;
background: #ededee;
}
.article_link-continue-btn {
color: #0000ff;
cursor: pointer;
text-decoration: none;
display: inline-block;
font-size: 18px;
padding: 0 20px 0 10px;
background: #FFF url(assets/images/arrow-right-blue.svg) no-repeat right center;
background-size: 10px auto;
position: relative;
z-index: 2;
}
.article_link-continue-btn:hover, .article_link-continue-btn:active, .article_link-continue-btn:visited:hover, .article_link-continue-btn:visited:active {
color: #00001a;
}
.article_link-continue-btn:visited {
color: #575775;
}
.no-svg .article_link-continue-btn {
background-image: url("assets/images/arrow-right-blue.png");
}
.article_link.is-highlighted .label {
border-color: #7b8594;
color: #666e7a;
}
.article_link.is-highlighted .article_link-wrap {
width: 100%;
box-sizing: content-box;
padding: 10px;
padding-right: 20px;
margin-left: -10px;
margin-right: -10px;
background-color: #f2f2ff;
}
.article_link.is-highlighted .article_link-wrap:after {
content: "";
display: table;
clear: both;
}
@media (min-width: 640px) and (max-width: 959px) {
.article_link.view-M.is-pocketed .article_link-title {
margin-right: 50px;
}
}
@media (min-width: 640px) and (max-width: 959px) {
.article_link.view-M.is-pocketed.is-active .article_link-title {
margin-right: 240px;
}
}
@media only screen and (min-width: 480px) {
.article_link-aside {
position: relative;
padding-left: 130px;
min-height: 100px;
}
.article_link-aside-image {
display: block;
position: absolute;
top: 0;
left: 0;
}
.article_link-aside-when, .article_link-aside-studio, .article_link-aside-text {
display: block;
}
}
@media only screen and (min-width: 960px) {
.article_link {
padding-right: 0;
}
.article_link.is-highlighted {
padding-right: 10px;
}
.article_link-title, .article_link-text {
padding-right: 80px;
}
.article_link:after {
content: "";
display: table;
clear: both;
}
.article_link-content {
margin: 0;
padding-left: 20px;
padding-right: 0;
width: 400px;
width: calc(100% - 130px);
float: left;
}
.article_link.has-aside .article_link-content {
width: calc(100% - 130px - 130px);
border-right: solid 1px #ededee;
}
.article_link-content:before {
display: block;
content: '';
float: right;
width: 42px;
height: 42px;
}
.article_link-timestamp .timestamp-prefix {
padding-right: 20px;
}
.article_link-actions {
top: 0;
right: 0;
bottom: auto;
}
.article_link.is-highlighted .article_link-actions {
top: 5px;
}
.article_link-image {
max-width: 130px;
}
.article_link-aside {
border: none;
border-left: solid 1px #ededee;
margin-left: -1px;
padding: 0;
padding-left: 20px;
float: left;
max-width: 130px;
}
.article_link-aside-image {
position: static;
}
.article_link-aside-studio, .article_link-aside .timestamp {
font-size: 14px;
}
.article_link-aside-text {
font-size: 18px;
line-height: 18px;
}
.article_link-title, .label + .article_link-title {
min-height: 0;
}
.article_link-text {
display: block;
}
.grid-sm-tight .article_link.is-highlighted {
margin-left: -10px;
margin-right: -10px;
padding-left: 10px;
}
.has-aside .article_link-actions {
right: 10px;
}
}
@media only screen and (min-width: 960px) {
.article_link-title {
font-size: 24px;
line-height: 29px;
}
.article_link-content {
width: 400px;
width: calc(100% - 196px);
}
.article_link.has-aside .article_link-content {
width: calc(100% - 196px - 130px);
}
.article_link-timestamp .timestamp-prefix {
position: static;
padding-right: 0;
}
.article_link-image {
max-width: 196px;
}
}
@media only screen and (min-width: 1200px) {
.article_link {
margin-left: 0;
}
.article_link-title {
font-size: 26px;
line-height: 32px;
}
.article_link-content {
width: 700px;
width: calc(100% - 196px);
}
.article_link.has-aside .article_link-content {
width: calc(100% - 196px - 290px);
}
.article_link-continue {
float: right;
width: 291px;
}
.article_link-image {
max-width: 196px;
}
.article_link-aside {
max-width: 290px;
}
.article_link-aside-image {
max-width: 145px;
margin-top: 12px;
margin-bottom: 16px;
}
.article_link-aside-when, .article_link-aside-studio, .article_link-aside-when .timestamp {
display: inline-block;
vertical-align: middle;
font-size: 14px;
line-height: 17px;
}
}
.article_link.view-HALF {
clear: both;
}
.article_link.view-HALF .article_link-title, .article_link.view-HALF .article_link-text {
padding-right: 0;
}
.article_link.view-HALF .article_link-text {
display: none;
}
@media (min-width: 640px) {
.article_link.view-HALF.is-highlighted {
margin-left: 0;
margin-right: 0;
}
.article_link.view-HALF.is-highlighted .article_link-wrap {
background: transparent;
}
}
.article_link.view-HALF + hr.view-bold {
margin-top: 4px;
}
@media only screen and (min-width: 640px) {
.article_link.view-HALF {
width: 50%;
clear: none;
float: left;
padding-right: 10px;
padding-left: 10px;
}
.article_link.view-HALF:nth-of-type(odd) {
padding-left: 0px;
}
.article_link.view-HALF:nth-of-type(even) {
padding-right: 0px;
}
.article_link.view-HALF .article_link-content {
padding-top: 1px;
float: none;
margin-left: 130px;
width: auto;
}
.article_link.view-HALF .article_link-title {
min-height: 90px;
margin-bottom: 0;
}
.article_link.view-HALF .label + .article_link-title {
min-height: 50px;
}
.article_link.view-HALF .article_link-label + .article_link-title {
min-height: 3.5em;
}
.article_link.view-HALF .article_link-timestamp {
display: inline-block;
margin-right: 10px;
margin-bottom: 0;
padding-right: 5px;
}
.article_link.view-HALF .article_link-actions {
position: static;
float: right;
margin-top: 8px;
}
.article_link.view-HALF .article_link-actions .siteupdates-icon {
position: relative;
bottom: -10px;
}
.article_links-group .article_link.view-HALF:nth-of-type(2n+1) {
clear: left;
}
.article_links-group hr.view-bold {
display: none;
}
.article_links-group hr.view-bold.hr-end {
display: block;
}
}
@media only screen and (min-width: 640px) {
.article_link.view-HALF .article_link-actions {
position: static;
display: inline-block;
float: none;
margin-top: -2px;
}
}
@media only screen and (min-width: 960px) {
.article_link.view-HALF .article_link-content {
margin-left: 196px;
}
}
@media only screen and (min-width: 1200px) {
.article_link.view-HALF .article_link-image {
max-width: 280px;
margin-bottom: 32px;
}
.article_link.view-HALF .article_link-content {
float: none;
width: auto;
margin-left: 280px;
}
}
.article_link.view-recommended {
padding-right: 0;
border-bottom: 1px solid #86888a;
border-bottom-color: rgba(134, 136, 138, 0.15);
}
.article_link.view-recommended .article_link-image {
display: none;
max-width: 110px;
}
.article_link.view-recommended .article_link-content {
margin-left: 0;
float: none;
padding: 0;
width: auto;
}
.article_link.view-recommended .article_link-content:before {
display: block;
content: '';
float: right;
width: 42px;
height: 42px;
}
.article_link.view-recommended .article_link-content .label + .article_link-title {
margin-top: 6px;
}
.article_link.view-recommended .article_link-title {
font-size: 18px;
line-height: 24px;
}
.article_link.view-recommended .article_link-timestamp, .article_link.view-recommended .article_link-label, .article_link.view-recommended .article_link-text {
display: none;
}
.article_link.view-recommended .article_link-actions {
position: absolute;
top: 5px;
right: 0;
}
@media only screen and (min-width: 640px) {
.article_link.view-recommended {
border-bottom: 0;
}
.article_link.view-recommended .article_link-image {
display: block;
}
.article_link.view-recommended .article_link-content {
margin-left: 130px;
}
}
@media only screen and (min-width: 960px) {
.article_link.view-recommended {
width: 50%;
float: left;
clear: none;
padding-right: 20px;
}
.article_link.view-recommended:nth-of-type(2n+1) {
clear: left;
}
.article_link.view-recommended:nth-of-type(2n) {
padding-left: 20px;
padding-right: 0;
}
.article_link.view-recommended .article_link-actions {
right: -10px;
}
.article_link.view-recommended .article_link-title {
padding-right: 20px;
}
.article_link.view-recommended .article_link-content {
margin-right: 10px;
}
}
@media only screen and (min-width: 1200px) {
.article_link.view-recommended {
padding-right: 30px;
}
.article_link.view-recommended:nth-of-type(2n) {
padding-left: 30px;
}
}
.article_link.view-THIRD {
clear: none;
float: left;
width: 50%;
padding-bottom: 22px;
}
.article_link.view-THIRD .article_link-image {
float: none;
display: block;
max-width: 100%;
}
.article_link.view-THIRD .article_link-content {
position: relative;
margin: 0;
padding: 0;
padding-top: 10px;
width: auto;
}
.article_link.view-THIRD .article_link-title {
border-bottom: solid 1px #ededee;
padding-bottom: 6px;
font-size: 14px;
line-height: 18px;
min-height: 3em;
}
.article_link.view-THIRD .article_link-text {
display: none;
}
.article_link.view-THIRD .article_link-timestamp {
padding-bottom: 9px;
}
.article_link.view-THIRD .article_link-timestamp .timestamp-prefix {
position: static;
display: block;
display: none;
}
.article_link.view-THIRD .article_link-actions {
position: absolute;
top: auto;
bottom: 0;
right: 0;
}
.article_link-group-THIRD {
margin-right: -10px;
}
@media only screen and (min-width: 640px) {
.article_link.view-THIRD {
width: 33.333%;
padding-right: 7px;
padding-bottom: 12px;
}
.article_link.view-THIRD .article_link-title {
font-size: 16px;
line-height: 20px;
padding-bottom: 12px;
border-bottom-width: 2px;
}
.article_link.view-THIRD .article_link-timestamp {
padding-top: 5px;
}
.article_link-group-THIRD {
margin-right: -7px;
}
}
@media only screen and (min-width: 960px) {
.article_link.view-THIRD {
margin-left: 0;
padding-right: 10px;
padding-bottom: 35px;
}
.article_link.view-THIRD .article_link-title {
font-size: 24px;
line-height: 34px;
padding-bottom: 12px;
}
.article_link.view-THIRD .article_link-timestamp {
padding-top: 14px;
}
.article_link.view-THIRD .article_link-timestamp .timestamp {
font-size: 18px;
}
.article_link-group-THIRD {
margin-right: -10px;
}
}
@media only screen and (min-width: 1200px) {
.article_link.view-THIRD {
padding-right: 10px;
padding-left: 10px;
padding-bottom: 54px;
}
.article_link.view-THIRD .article_link-title {
padding-bottom: 16px;
}
.article_link.view-THIRD .article_link-timestamp {
padding-top: 20px;
}
.article_link-group-THIRD {
margin-left: -10px;
}
}
@media only screen and (min-width: 640px) {
.article_link.view-noLabel .article_link-title, .article_link.view-noLabel .article_link-text {
padding-right: 0;
}
}
.duration {
display: inline-block;
padding: 0 11px;
line-height: 30px;
border-radius: 3px;
font-size: 18px;
font-family: "Source Sans Pro", sans-serif;
background: rgba(123, 133, 148, 0.15);
color: #7b8594;
}
.duration svg {
fill: currentColor;
margin-right: 4px;
}
.videotile, .video_promo, .video_bonus {
position: relative;
cursor: pointer;
background: #FFF;
}
.videotile:after, .video_promo:after, .video_bonus:after {
content: ' ';
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 2px;
background-color: #0000ff;
}
.videotile-video, .video_promo-video, .video_bonus-video, .video_promo_link-video {
display: block;
position: relative;
}
.videotile-image, .video_promo-image, .video_promo_link-image {
display: block;
height: 0;
padding-bottom: 62.5%;
}
.videotile-play, .episode_list_item-play, .video_promo-play, .video_bonus-play, .video_promo_link-play, .shows_similar-item-play {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 64px;
height: 64px;
margin: auto;
border-radius: 64px;
background-image: url("assets/images/icon-play-video.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
text-indent: -999px;
overflow: hidden;
}
.no-svg .videotile-play, .no-svg .episode_list_item-play, .no-svg .video_promo-play, .no-svg .video_bonus-play, .no-svg .video_promo_link-play, .no-svg .shows_similar-item-play {
background-image: url("assets/images/icon-play-video.png");
}
.videotile-section {
padding: 10px 10px 2px;
line-height: 1;
font-size: 12px;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
text-transform: uppercase;
color: #666e7a;
}
.videotile-title {
margin: 0;
padding: 0 10px 10px;
line-height: 23px;
font-size: 18px;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
color: #0000ff;
}
.videotile:hover .videotile-play, .video_promo:hover .videotile-play, .video_bonus:hover .videotile-play, .videotile:hover .episode_list_item-play, .video_promo:hover .episode_list_item-play, .video_bonus:hover .episode_list_item-play, .videotile:hover .video_promo-play, .video_promo:hover .video_promo-play, .video_bonus:hover .video_promo-play, .videotile:hover .video_bonus-play, .video_promo:hover .video_bonus-play, .video_bonus:hover .video_bonus-play, .videotile:hover .video_promo_link-play, .video_promo:hover .video_promo_link-play, .video_bonus:hover .video_promo_link-play, .videotile:hover .shows_similar-item-play, .video_promo:hover .shows_similar-item-play, .video_bonus:hover .shows_similar-item-play {
background-image: url("assets/images/icon-play-video-hover.svg");
}
.no-svg .videotile:hover .videotile-play, .no-svg .video_promo:hover .videotile-play, .no-svg .video_bonus:hover .videotile-play, .no-svg .videotile:hover .episode_list_item-play, .no-svg .video_promo:hover .episode_list_item-play, .no-svg .video_bonus:hover .episode_list_item-play, .no-svg .videotile:hover .video_promo-play, .no-svg .video_promo:hover .video_promo-play, .no-svg .video_bonus:hover .video_promo-play, .no-svg .videotile:hover .video_bonus-play, .no-svg .video_promo:hover .video_bonus-play, .no-svg .video_bonus:hover .video_bonus-play, .no-svg .videotile:hover .video_promo_link-play, .no-svg .video_promo:hover .video_promo_link-play, .no-svg .video_bonus:hover .video_promo_link-play, .no-svg .videotile:hover .shows_similar-item-play, .no-svg .video_promo:hover .shows_similar-item-play, .no-svg .video_bonus:hover .shows_similar-item-play {
background-image: url("assets/images/icon-play-video-hover.png");
}
@media (min-width: 480px) {
.videotile-play, .episode_list_item-play, .video_promo-play, .video_bonus-play, .video_promo_link-play, .shows_similar-item-play {
width: 48px;
height: 48px;
border-radius: 48px;
}
}
/**
* Display as row item on small screens
*/
@media (max-width: 479px) {
.videotile.view-reducible, .view-reducible.video_promo, .view-reducible.video_bonus {
padding: 22px 0;
min-height: 48px;
border-bottom: 1px solid #ededee;
background: transparent;
}
.videotile.view-reducible:after, .view-reducible.video_promo:after, .view-reducible.video_bonus:after {
display: none;
}
.videotile.view-reducible .videotile-play, .view-reducible.video_promo .videotile-play, .view-reducible.video_bonus .videotile-play, .videotile.view-reducible .episode_list_item-play, .view-reducible.video_promo .episode_list_item-play, .view-reducible.video_bonus .episode_list_item-play, .videotile.view-reducible .video_promo-play, .view-reducible.video_promo .video_promo-play, .view-reducible.video_bonus .video_promo-play, .videotile.view-reducible .video_bonus-play, .view-reducible.video_promo .video_bonus-play, .view-reducible.video_bonus .video_bonus-play, .videotile.view-reducible .video_promo_link-play, .view-reducible.video_promo .video_promo_link-play, .view-reducible.video_bonus .video_promo_link-play, .videotile.view-reducible .shows_similar-item-play, .view-reducible.video_promo .shows_similar-item-play, .view-reducible.video_bonus .shows_similar-item-play {
width: 48px;
height: 48px;
border-radius: 48px;
}
.videotile.view-reducible .videotile-video, .view-reducible.video_promo .videotile-video, .view-reducible.video_bonus .videotile-video, .videotile.view-reducible .video_promo-video, .view-reducible.video_promo .video_promo-video, .view-reducible.video_bonus .video_promo-video, .videotile.view-reducible .video_bonus-video, .view-reducible.video_promo .video_bonus-video, .view-reducible.video_bonus .video_bonus-video, .videotile.view-reducible .video_promo_link-video, .view-reducible.video_promo .video_promo_link-video, .view-reducible.video_bonus .video_promo_link-video {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 78px;
min-height: 48px;
}
.videotile.view-reducible .videotile-image, .view-reducible.video_promo .videotile-image, .view-reducible.video_bonus .videotile-image, .videotile.view-reducible .video_promo-image, .view-reducible.video_promo .video_promo-image, .view-reducible.video_bonus .video_promo-image, .videotile.view-reducible .video_promo_link-image, .view-reducible.video_promo .video_promo_link-image, .view-reducible.video_bonus .video_promo_link-image {
display: none;
}
.videotile.view-reducible .videotile-section, .view-reducible.video_promo .videotile-section, .view-reducible.video_bonus .videotile-section, .videotile.view-reducible .videotile-title, .view-reducible.video_promo .videotile-title, .view-reducible.video_bonus .videotile-title {
padding-left: 90px;
}
.videotile.view-reducible:hover .videotile-play, .view-reducible.video_promo:hover .videotile-play, .view-reducible.video_bonus:hover .videotile-play, .videotile.view-reducible:hover .episode_list_item-play, .view-reducible.video_promo:hover .episode_list_item-play, .view-reducible.video_bonus:hover .episode_list_item-play, .videotile.view-reducible:hover .video_promo-play, .view-reducible.video_promo:hover .video_promo-play, .view-reducible.video_bonus:hover .video_promo-play, .videotile.view-reducible:hover .video_bonus-play, .view-reducible.video_promo:hover .video_bonus-play, .view-reducible.video_bonus:hover .video_bonus-play, .videotile.view-reducible:hover .video_promo_link-play, .view-reducible.video_promo:hover .video_promo_link-play, .view-reducible.video_bonus:hover .video_promo_link-play, .videotile.view-reducible:hover .shows_similar-item-play, .view-reducible.video_promo:hover .shows_similar-item-play, .view-reducible.video_bonus:hover .shows_similar-item-play {
background-image: url("assets/images/icon-play-video-opaque.svg");
}
.no-svg .videotile.view-reducible:hover .videotile-play, .no-svg .view-reducible.video_promo:hover .videotile-play, .no-svg .view-reducible.video_bonus:hover .videotile-play, .no-svg .videotile.view-reducible:hover .episode_list_item-play, .no-svg .view-reducible.video_promo:hover .episode_list_item-play, .no-svg .view-reducible.video_bonus:hover .episode_list_item-play, .no-svg .videotile.view-reducible:hover .video_promo-play, .no-svg .view-reducible.video_promo:hover .video_promo-play, .no-svg .view-reducible.video_bonus:hover .video_promo-play, .no-svg .videotile.view-reducible:hover .video_bonus-play, .no-svg .view-reducible.video_promo:hover .video_bonus-play, .no-svg .view-reducible.video_bonus:hover .video_bonus-play, .no-svg .videotile.view-reducible:hover .video_promo_link-play, .no-svg .view-reducible.video_promo:hover .video_promo_link-play, .no-svg .view-reducible.video_bonus:hover .video_promo_link-play, .no-svg .videotile.view-reducible:hover .shows_similar-item-play, .no-svg .view-reducible.video_promo:hover .shows_similar-item-play, .no-svg .view-reducible.video_bonus:hover .shows_similar-item-play {
background-image: url("assets/images/icon-play-video-opaque.png");
}
}
.gallery {
position: relative;
margin-bottom: 20px;
/**
* Meta layout change
*/
/**
* More button in the bottom right corner
*/
/**
* Photo with fixed width, content in the top right corner
*/
/**
* At least one image is zoomed in, move the description box below
*/
/**
* Opened state (but hidden)
*/
}
.gallery-photos {
position: relative;
-webkit-transition: all 250ms;
transition: all 250ms;
}
.gallery-photos .image {
cursor: pointer;
/**
* this needs to be higher than close button (which is ~20).
* So its above in M phoho, which is zoomed (M -> L).
*
* See git blame for more.
*/
}
@media (min-width: 640px) {
.gallery-photos .image {
z-index: 30;
-webkit-transform: translate3d(0, 0, 0);
}
}
.gallery-photos-grid, .gallery-photos-more {
display: none;
max-height: 0;
opacity: 0;
overflow: hidden;
-webkit-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.gallery-photos-grid .gallery-image-grid {
margin: 6px 0;
}
.gallery-close {
visibility: hidden;
position: absolute;
right: 14px;
top: 14px;
z-index: 20;
-webkit-transition: opacity 250ms;
transition: opacity 250ms;
opacity: 0;
}
.gallery-close-inmeta {
display: none;
}
.gallery-more {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
margin: 0;
border-radius: 0;
text-align: left;
-webkit-transition: all 500ms;
transition: all 500ms;
z-index: 10;
white-space: nowrap;
}
.gallery-meta {
position: relative;
padding: 57px 10px 20px;
}
.is-open .gallery-meta {
padding-top: 20px;
}
.gallery-label {
margin-bottom: 10px;
}
.gallery-text, .gallery-source {
font-size: 18px;
color: #666e7a;
}
.gallery-text {
margin-bottom: 10px;
}
.gallery-source {
color: #99a1ad;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
font-size: 13px;
}
.gallery-source-author {
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
font-size: 13px;
}
.gallery-image-grid {
margin-top: 22px;
}
.gallery .is-fixed {
position: fixed;
top: 70px;
bottom: auto;
right: auto;
}
.gallery .is-fixed.is-onend {
position: absolute;
right: 14px;
}
.gallery .is-fixed.is-onend.gallery-close-inmeta {
right: auto;
}
@media (max-width: 959px) {
.gallery .is-fixed {
z-index: 100;
}
}
@media (min-width: 960px) {
.gallery.is-zoomed .gallery-meta {
position: static !important;
}
.gallery.is-zoomed .gallery-close-inmeta {
right: auto;
top: 0;
left: 650px;
}
.gallery.is-zoomed .gallery-close-inmeta.is-fixed {
margin-left: 0;
top: 70px;
}
.gallery.is-zoomed .gallery-close-inmeta.is-onend {
left: 650px !important;
}
}
@media (max-width: 959px) {
.gallery-photos {
cursor: inherit;
}
.gallery .image-zoom {
display: none;
}
}
@media (min-width: 480px) {
.gallery-meta {
position: relative;
padding-left: 90px;
padding-right: 32px;
}
.gallery-label {
position: absolute;
top: 57px;
left: 10px;
}
.is-open .gallery-label {
top: 20px;
}
}
@media (min-width: 640px) {
.gallery {
padding-bottom: 51px;
}
.gallery-meta, .is-open .gallery-meta {
padding-top: 17px;
}
.gallery-more {
width: auto;
max-width: 200px;
top: auto;
left: auto;
right: 0;
bottom: 0;
border-radius: 2px;
}
.gallery-label {
top: auto;
}
}
@media (min-width: 960px) {
.gallery-photos .image {
width: 630px;
-webkit-transition: all 250ms;
transition: all 250ms;
}
.gallery-photos .image.is-zoomed {
width: 100%;
}
.gallery-meta {
position: absolute;
top: 0;
left: 650px;
right: 0;
padding-left: 0;
padding-bottom: 62px;
max-width: 300px;
}
.gallery-more, .gallery-close-inmeta {
top: auto;
right: auto;
bottom: 0;
}
.gallery-close-inphotos {
display: none;
}
.gallery-close-inmeta {
display: block;
}
.gallery-label {
position: static;
}
}
.gallery.is-open .gallery-photos-grid, .gallery.is-open .gallery-photos-more {
display: block;
}
.gallery.is-open .gallery-close {
visibility: visible;
opacity: 1;
}
.gallery.is-open .gallery-more {
visibility: hidden;
opacity: 0;
max-width: 0;
}
.gallery.view-L.is-open .gallery-photos-grid {
width: 100%;
}
.gallery.is-animated .gallery-photos-grid, .gallery.is-animated .gallery-photos-more {
opacity: 1;
max-height: 9999px;
}
.gallery.is-zoomed .gallery-close {
right: 14px;
}
/**
* Maintain the main photo in full width
*/
@media (min-width: 960px) {
.gallery.view-L .gallery-meta,
.gallery.is-zoomed .gallery-meta {
position: relative;
top: 0;
left: 0;
padding-left: 80px;
padding-bottom: 20px;
padding-right: 0;
max-width: 100%;
background: #fff;
}
.gallery.view-L .gallery-label,
.gallery.is-zoomed .gallery-label {
position: absolute;
left: 0;
}
.gallery.view-L .gallery-more,
.gallery.is-zoomed .gallery-more {
float: right;
position: relative;
margin-left: 20px;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
@media (min-width: 640px) {
.gallery.view-L .gallery-photos {
background: #fff;
}
}
@media (min-width: 960px) {
.gallery.view-L .gallery-photos .image {
width: 100%;
}
.gallery.view-L .gallery-close-inphotos {
display: block;
}
.gallery.view-L .gallery-close-inmeta {
display: none;
}
}
@media (min-width: 960px) {
.gallery.view-L .gallery-text {
margin-right: 200px;
}
}
.gallery.view-L .gallery-photos .image {
/**
* this needs to be lower than value close button (which is ~20).
* So in cases of view-L is close button above image.
* This view-L is triggered even in M -> L varinant - when you open first
* image to M->L and then open whole gallery, view-L is attached by JS.
*
* See git blame for more.
*/
z-index: 10;
}
/**
* Special case of negative indentation, happen only in article context
*/
@media (min-width: 960px) {
.gallery.view-article.is-open.is-zoomed .gallery-photos {
-webkit-transform: translateX(81px);
-ms-transform: translateX(81px);
transform: translateX(81px);
}
.gallery.view-article.is-open.is-zoomed .gallery-photos-grid, .gallery.view-article.is-open.is-zoomed .gallery-photos-more {
overflow: visible;
}
.gallery.view-article.is-open.is-zoomed .image.is-zoomed {
-webkit-transform: translateX(-81px);
-ms-transform: translateX(-81px);
transform: translateX(-81px);
}
}
/**
* Episode view
*/
.gallery.view-episode {
padding-bottom: 0;
margin-bottom: 0;
}
.gallery.view-episode .gallery-meta {
padding-bottom: 0;
}
@media (min-width: 640px) {
.gallery.view-episode .gallery-meta {
padding-bottom: 40px;
}
}
@media (min-width: 960px) {
.gallery.view-episode .gallery-meta {
left: 650px;
}
}
.gallery.view-episode .gallery-label {
display: none;
}
@media (min-width: 640px) {
.gallery.view-episode .gallery-label {
display: inline-block;
}
}
.gallery_v2 {
max-width: 1200px;
}
.gallery_v2-holder {
padding: 12px;
background: #f2f2ff;
margin-bottom: 20px;
}
.gallery_v2-holder:after {
content: "";
display: table;
clear: both;
}
.gallery_v2-image-wrap {
width: 50%;
display: block;
float: left;
padding: 4px;
text-decoration: none;
}
.gallery_v2-image-wrap .image-placeholder {
display: block;
position: relative;
}
.gallery_v2-image-wrap .image-placeholder img {
display: block;
width: 100%;
height: auto;
}
.gallery_v2-image-wrap .image-placeholder:before {
display: none;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #0000ff;
opacity: 0.2;
content: '';
}
.gallery_v2-image-wrap .image-placeholder:hover:before {
display: block;
}
.gallery_v2-button {
display: none;
margin: 20px 0;
text-align: center;
}
.gallery_v2-button .btn {
margin: 0;
}
.gallery_v2-info {
width: auto;
max-width: none;
padding-left: 82px;
padding-bottom: 0;
position: relative;
font-size: 13px;
color: #99A1AD;
}
.gallery_v2-info .label {
position: absolute;
left: 0;
top: 3px;
}
.gallery_v2-info .photo-text {
padding: 0 0 10px;
font-size: 18px;
color: #666e7a;
}
.gallery_v2-info .photo-source {
padding-top: 0;
}
.gallery_v2-info:after {
display: none;
}
.gallery_v2-main {
display: none;
position: relative;
text-align: center;
}
.gallery_v2-main img {
display: block;
width: 100%;
height: auto;
}
@media (min-width: 480px) {
.gallery_v2-image-wrap {
width: 33.3333%;
}
}
@media (min-width: 640px) {
.gallery_v2-image-wrap {
width: 25%;
}
}
@media (min-width: 800px) {
.gallery_v2-image-wrap {
width: 20%;
}
}
@media (min-width: 960px) {
.gallery_v2-image-wrap {
width: 14.2857%;
}
.gallery_v2-main {
display: none !important;
}
.gallery_v2-button {
display: none !important;
}
}
.gallery_v2.view-L:after {
content: "";
display: table;
clear: both;
}
.gallery_v2.view-L .gallery_v2-image-wrap {
width: 50%;
}
.gallery_v2.view-L .gallery_v2-info {
padding-left: 0;
}
.gallery_v2.view-L .gallery_v2-info .label {
margin-bottom: 10px;
position: static;
}
.gallery_v2.view-L .gallery_v2-holder {
max-width: 630px;
}
@media (min-width: 480px) {
.gallery_v2.view-L .gallery_v2-image-wrap {
width: 33.3333%;
}
}
@media (min-width: 960px) {
.gallery_v2.view-L .gallery_v2-holder {
width: 71.6%;
float: left;
}
.gallery_v2.view-L .gallery_v2-info {
width: 28.4%;
padding: 0 20px;
float: left;
}
}
@media (min-width: 800px) {
.gallery_v2.view-L .gallery_v2-image-wrap {
width: 25%;
}
}
.show_bg {
/**
Default small variant
*/
background-image: url("./assets/headers/small_1.jpg");
background-position: top center;
background-repeat: no-repeat;
/**
Large variant
*/
}
@media (min-width: 480px) {
.show_bg {
background-image: url("./assets/headers/small_2.jpg");
}
}
@media (min-width: 640px) {
.show_bg {
background-image: url("./assets/headers/small_3.jpg");
}
}
@media (min-width: 950px) {
.show_bg {
background-image: url("./assets/headers/small_4.jpg");
}
}
.show_bg.view-big {
background-image: url("./assets/headers/large_1.jpg");
}
@media (min-width: 480px) {
.show_bg.view-big {
background-image: url("./assets/headers/large_2.jpg");
}
}
@media (min-width: 640px) {
.show_bg.view-big {
background-image: url("./assets/headers/large_3.jpg");
}
}
@media (min-width: 950px) {
.show_bg.view-big {
background-image: url("./assets/headers/large_4.jpg");
}
}
.show_grid {
/**
* View for shows anomaly
*/
}
@media (min-width: 640px) and (max-width: 959px) {
.show_grid {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 960px) {
.show_grid .grid-row {
max-width: 975px;
}
}
@media (min-width: 1200px) {
.show_grid .grid-row {
margin-left: 120px;
}
}
.btn_group {
display: inline-block;
}
.btn_group:after {
content: "";
display: table;
clear: both;
}
.btn_group .btn {
border-radius: 0;
float: left;
}
.btn_group .btn:first-child {
border-radius: 2px 0 0 2px;
}
.btn_group .btn:last-child {
border-radius: 0 2px 2px 0;
}
.btn_group .btn + .btn {
margin-left: -2px;
}
.btn_group--moreRounded .btn:first-child {
border-radius: 4px 0 0 4px;
}
.btn_group--moreRounded .btn:last-child {
border-radius: 0 4px 4px 0;
}
.dropdown {
z-index: 99;
display: inline-block;
/**
* Opened state
*/
}
.dropdown-menu {
display: none;
position: absolute;
left: 0;
right: 0;
z-index: 999;
margin: 0;
text-align: left;
background: #0016b6;
}
.dropdown-menu-item-link {
display: block;
padding: 14px 24px;
font-size: 20px;
line-height: 1;
text-decoration: none;
color: #fff;
}
@media (min-width: 480px) {
.dropdown {
position: relative;
}
.dropdown-menu {
top: 100%;
left: auto;
width: auto;
min-width: 277px;
border-radius: 2px;
border-top-right-radius: 0;
}
}
.dropdown.is-hoverable:hover .dropdown-toggle, .dropdown.is-open .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background: #0016b6;
}
.dropdown.is-hoverable:hover .dropdown-toggle:after, .dropdown.is-open .dropdown-toggle:after {
background-color: transparent;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.dropdown.is-hoverable:hover .dropdown-menu, .dropdown.is-open .dropdown-menu {
background: #0016b6;
display: block;
}
.episode {
padding: 17px 0 0;
text-align: center;
background: rgba(229, 229, 255, 0.7);
}
.episode-header {
padding: 0 15px;
}
.episode-title {
margin: 0;
margin-bottom: 18px;
color: #393939;
font-size: 24px;
}
.episode-index {
font-size: 18px;
}
.episode-airing-label {
position: relative;
font-size: 14px;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
padding: 16px 25px;
border-radius: 2px;
}
.episode-airing-label .icon {
margin-right: 12px;
max-width: 28px;
position: relative;
top: -1px;
}
.episode-airing-info {
display: none;
width: 400px;
padding: 36px 12px 36px 32px;
position: absolute;
right: 0;
top: 100%;
z-index: 1000;
background: #fff;
border-radius: 2px;
color: #343434;
font-size: 18px;
font-family: 'Source Sans Pro', sans-serif;
text-align: left;
cursor: default;
}
.episode-airing-info table {
width: 100%;
}
.episode-airing-info-type {
margin-bottom: 4px;
font-size: 12px;
color: #666e7a;
text-transform: uppercase;
}
.episode-airing-info-row {
position: relative;
margin-bottom: 13px;
}
.episode-airing-info-row:after {
content: "";
display: table;
clear: both;
}
.episode-airing-info-row span {
display: inline-block;
}
.episode-airing-info-row .channel {
padding-right: 20px;
white-space: nowrap;
}
.episode-airing-info-row .time {
color: #666e7a;
}
.episode-airing-info-row .attachement-icon,
.episode-airing-info-row .clock-icon {
display: inline-block;
width: 48px;
height: 48px;
position: relative;
}
.episode-airing-info-row .attachement-icon:after,
.episode-airing-info-row .clock-icon:after {
width: 24px;
height: 22px;
position: absolute;
left: 13px;
top: 13px;
background-image: url(./assets/images/attachement.svg);
content: '';
}
.no-svg .episode-airing-info-row .attachement-icon:after,
.no-svg .episode-airing-info-row .clock-icon:after {
background-image: url(./assets/images/attachement.png);
}
.episode-airing-info-row .clock-icon:after {
height: 23px;
background-image: url(./assets/images/clock.svg);
}
.no-svg .episode-airing-info-row .clock-icon:after {
background-image: url(./assets/images/clock.png);
}
.episode-airing-info-row.live {
margin-bottom: 22px;
}
.episode-airing-info-row:last-child {
margin-bottom: 0;
}
.episode-airing-info td {
vertical-align: top;
}
.is-open .episode-airing-info {
display: block;
}
.episode-actions {
background: #f2f2ff;
}
.episode-actions .share_bar {
background: none;
}
.episode-video-wrap {
background: #f2f2ff;
}
.episode-nav {
font-size: 16px;
line-height: 20px;
padding: 5px 20px;
}
.episode-nav:after {
content: "";
display: table;
clear: both;
}
.episode-nav-prev, .episode-nav-next {
color: #0000ff;
cursor: pointer;
text-decoration: none;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
display: inline-block;
float: right;
padding: 14px;
position: relative;
}
.episode-nav-prev:hover, .episode-nav-prev:active, .episode-nav-prev:visited:hover, .episode-nav-prev:visited:active, .episode-nav-next:hover, .episode-nav-next:active, .episode-nav-next:visited:hover, .episode-nav-next:visited:active {
color: #00001a;
}
.episode-nav-prev:visited, .episode-nav-next:visited {
color: #575775;
}
.episode-nav-prev:after, .episode-nav-next:after {
display: block;
content: '';
width: 20px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
background-image: url(./assets/images/arrow-right-blue.svg);
background-repeat: no-repeat;
background-position: right center;
background-size: auto 12px;
}
.no-svg .episode-nav-prev:after, .no-svg .episode-nav-next:after {
background-image: url(./assets/images/arrow-right-blue.png);
}
.episode-nav-prev {
float: left;
}
.episode-nav-prev:after {
right: auto;
left: 0;
background-image: url(./assets/images/arrow-left-blue.svg);
background-position: left center;
}
.no-svg .episode-nav-prev:after {
background-image: url(./assets/images/arrow-left-blue.png);
}
.episode-actions-share {
padding-top: 14px;
}
.episode .link-share {
color: #0000ff;
cursor: pointer;
text-decoration: none;
display: inline-block;
padding: 6px 20px;
margin-bottom: 10px;
font-size: 18px;
}
.episode .link-share:hover, .episode .link-share:active, .episode .link-share:visited:hover, .episode .link-share:visited:active {
color: #00001a;
}
.episode .link-share:visited {
color: #575775;
}
.episode .link-share .shape, .episode .link-share .shape-fallback {
fill: #0000ff;
position: relative;
top: -2px;
margin-right: 6px;
}
@media (min-width: 480px) {
.episode {
padding-top: 20px;
}
.episode-header {
padding: 0 10px;
}
.episode-header:after {
content: "";
display: table;
clear: both;
}
.episode-nav {
padding-left: 10px;
padding-right: 10px;
}
.episode-title {
float: left;
padding-top: 9px;
margin-bottom: 5px;
max-width: 228px;
text-align: left;
}
.episode-airing-label {
float: right;
}
.episode-actions {
position: relative;
}
.episode-actions-share {
padding-top: 20px;
}
.episode-actions .share_bar.is-open {
padding-bottom: 22px;
}
.episode-actions .share_bar-link {
position: absolute;
left: 0;
top: 20px;
}
.episode-actions-share .share_bar-bottom {
margin-top: 22px;
}
}
@media (min-width: 640px) {
.episode-header:after {
content: "";
display: table;
clear: both;
}
.episode-airing-label {
margin-right: 1px;
}
.episode-title {
font-size: 30px;
padding-top: 4px;
max-width: 325px;
}
.episode-index {
font-size: 24px;
}
.episode-header {
padding: 0 21px;
}
.episode-nav {
font-size: 20px;
padding-left: 22px;
padding-right: 22px;
}
}
@media (min-width: 960px) {
.episode {
margin-left: 0;
margin-right: 0;
}
.episode-title {
font-size: 36px;
padding-top: 0;
margin-top: -2px;
max-width: 618px;
}
.episode-index {
font-size: 20px;
}
}
@media (min-width: 1200px) {
.episode-title {
max-width: 658px;
}
}
@media (max-width: 479px) {
.episode-airing-info {
padding: 10px 10px 15px 15px;
width: 100%;
top: auto;
left: 0;
right: 0;
margin-right: 0;
margin-top: 16px;
border-radius: 0;
}
.episode-airing-info-row .clock-icon {
margin-right: 0;
}
.episode-airing-info-row .date-holder {
max-width: none;
}
.episode .episode-airing-label {
position: static;
}
}
@media (min-width: 320px) {
.episode-airing-info-row .date {
margin-right: 15px;
}
}
@media (max-width: 319px) {
.episode-airing-info-row td {
padding-bottom: 10px;
}
.episode-airing-info-row .channel-cell {
display: none;
}
.episode-airing-info-row .date-cell {
padding-top: 22px;
position: relative;
}
.episode-airing-info-row .date-cell:before {
position: absolute;
top: 0;
left: 0;
content: attr(data-channel);
}
.episode-airing-info-row .time {
display: block;
}
}
.episode_link {
position: relative;
overflow: hidden;
background: #B2B2FF;
/**
* Layout changed to grid (instead of row)
*/
/**
* Layout exception to change ratio, to match with textual episode_link height
*/
/**
* More whitespace and bigger fonts
*/
/**
* View with multiple links instead of picture
*/
}
.episode_link-image {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 110px;
}
.episode_link-title {
display: block;
position: relative;
margin: 0;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
font-size: 20px;
z-index: 10;
}
.episode_link-title:after {
content: "";
display: table;
clear: both;
}
.episode_link-permalink {
color: #0000ff;
cursor: pointer;
text-decoration: none;
display: block;
padding: 29px 14px 29px 124px;
}
.episode_link-permalink:hover, .episode_link-permalink:active, .episode_link-permalink:visited:hover, .episode_link-permalink:visited:active {
color: #00001a;
}
.episode_link-permalink:visited {
color: #575775;
}
@media (min-width: 480px) {
.episode_link-image {
bottom: auto;
width: 100%;
height: 0;
padding-bottom: 56.4444%;
}
.episode_link-title {
text-align: center;
}
.episode_link-permalink {
padding: 14px;
padding-top: 60%;
padding-top: calc(56.4444% + 14px);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
}
@media (min-width: 480px) and (max-width: 959px) {
.episode_links.has-1 .episode_links-box:last-child .episode_link:not(.view-text) .episode_link-image, .episode_links.has-3 .episode_links-box:last-child .episode_link:not(.view-text) .episode_link-image {
padding-bottom: 41.4444%;
}
.episode_links.has-1 .episode_links-box:last-child .episode_link:not(.view-text) .episode_link-permalink, .episode_links.has-3 .episode_links-box:last-child .episode_link:not(.view-text) .episode_link-permalink {
padding-top: calc(41.4444% + 14px);
}
}
@media (min-width: 480px) and (max-width: 639px) {
.episode_links.has-middle-text .episode_link-image {
padding-bottom: 75%;
}
.episode_links.has-middle-text .episode_link-permalink {
padding-top: 100%;
padding-top: calc(75% + 14px);
}
}
@media (min-width: 960px) {
.episode_link-title {
font-size: 24px;
}
.episode_link-permalink {
padding: 20px;
padding-top: 60%;
padding-top: calc(56.4444% + 20px);
}
}
.episode_link.view-text {
background: transparent;
overflow: visible;
}
.episode_link.view-text .episode_link-title {
text-align: center;
background: #B2B2FF;
}
.episode_link.view-text .episode_link-permalink {
padding-left: 14px;
cursor: default;
color: #393939;
}
.episode_link.view-text .episode_link-sublinks {
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
}
.episode_link.view-text .episode_link-sublink {
color: #0000ff;
cursor: pointer;
text-decoration: none;
position: relative;
display: block;
padding: 14px 10px;
height: 52px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 18px;
text-align: center;
margin-bottom: 1px;
background-color: #f2f2ff;
}
.episode_link.view-text .episode_link-sublink:hover, .episode_link.view-text .episode_link-sublink:active, .episode_link.view-text .episode_link-sublink:visited:hover, .episode_link.view-text .episode_link-sublink:visited:active {
color: #00001a;
}
.episode_link.view-text .episode_link-sublink:visited {
color: #575775;
}
.episode_link.view-text .episode_link-sublink:last-child {
margin-bottom: 0;
}
.episode_link.view-text .episode_link-sublink b {
font-weight: normal;
}
@media (min-width: 480px) {
.episode_link.view-text .episode_link-permalink {
padding-top: 14px;
}
.episode_link.view-text .episode_link-sublinks:after {
content: "";
display: table;
clear: both;
}
.episode_link.view-text .episode_link-sublink {
width: 50%;
float: left;
font-size: 16px;
}
.episode_link.view-text .episode_link-sublink:nth-child(odd) {
margin-right: 1px;
}
.episode_link.view-text .episode_link-sublink:nth-child(even) {
margin-right: -1px;
}
.episode_link.view-text.has-1 .episode_link-sublink {
width: 100%;
}
.episode_link.view-text.has-3 .episode_link-sublink:last-child {
width: 100%;
}
}
@media (min-width: 480px) and (max-width: 959px) {
.episode_links.has-middle-text .episode_link.view-text {
height: 0;
padding-bottom: 56.4444%;
}
.episode_links.has-middle-text .episode_link.view-text .episode_link-title {
position: absolute;
bottom: auto;
top: 100%;
left: 0;
right: 0;
}
.episode_links.has-middle-text .episode_link.view-text .episode_link-sublinks {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 0;
padding-bottom: 56.4444%;
}
.episode_links.has-middle-text .episode_link.view-text .episode_link-sublinks:before, .episode_links.has-middle-text .episode_link.view-text .episode_link-sublinks:after {
display: none;
}
.episode_links.has-middle-text .episode_link.view-text .episode_link-sublink {
position: absolute;
left: 0;
right: 0;
width: auto;
height: auto;
float: none;
font-size: 20px;
margin-right: 0 !important;
}
.episode_links.has-middle-text .episode_link.view-text .episode_link-sublink b {
position: absolute;
left: 14px;
right: 14px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.episode_links.has-middle-text .episode_link.view-text.has-1 .is-0 {
top: 0;
bottom: 0;
}
.episode_links.has-middle-text .episode_link.view-text.has-2 .is-0 {
top: 0;
bottom: 50%;
}
.episode_links.has-middle-text .episode_link.view-text.has-2 .is-1 {
top: 50%;
bottom: 0;
}
.episode_links.has-middle-text .episode_link.view-text.has-3 .is-0 {
top: 0;
bottom: 66.66667%;
}
.episode_links.has-middle-text .episode_link.view-text.has-3 .is-1 {
top: 33.33333%;
bottom: 33.33333%;
}
.episode_links.has-middle-text .episode_link.view-text.has-3 .is-2 {
top: 66.66667%;
bottom: 0;
}
.episode_links.has-middle-text .episode_link.view-text.has-4 .is-0 {
top: 0;
bottom: 75%;
}
.episode_links.has-middle-text .episode_link.view-text.has-4 .is-1 {
top: 25%;
bottom: 50%;
}
.episode_links.has-middle-text .episode_link.view-text.has-4 .is-2 {
top: 50%;
bottom: 25%;
}
.episode_links.has-middle-text .episode_link.view-text.has-4 .is-3 {
top: 75%;
bottom: 0;
}
}
@media (min-width: 480px) and (max-width: 639px) {
.episode_links.has-middle-text .episode_link.view-text {
padding-bottom: 100%;
padding-bottom: calc(75% + 52px);
}
.episode_links.has-middle-text .episode_link.view-text .episode_link-sublinks {
padding-bottom: 75%;
}
}
@media (min-width: 640px) and (max-width: 959px) {
.episode_links.has-2 .episode_link.view-text {
height: 0;
padding-bottom: 56.4444%;
}
.episode_links.has-2 .episode_link.view-text .episode_link-title {
position: absolute;
bottom: auto;
top: 100%;
left: 0;
right: 0;
}
.episode_links.has-2 .episode_link.view-text .episode_link-sublinks {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 0;
padding-bottom: 56.4444%;
}
.episode_links.has-2 .episode_link.view-text .episode_link-sublinks:before, .episode_links.has-2 .episode_link.view-text .episode_link-sublinks:after {
display: none;
}
.episode_links.has-2 .episode_link.view-text .episode_link-sublink {
position: absolute;
left: 0;
right: 0;
width: auto;
height: auto;
float: none;
font-size: 20px;
margin-right: 0 !important;
}
.episode_links.has-2 .episode_link.view-text .episode_link-sublink b {
position: absolute;
left: 14px;
right: 14px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.episode_links.has-2 .episode_link.view-text.has-1 .is-0 {
top: 0;
bottom: 0;
}
.episode_links.has-2 .episode_link.view-text.has-2 .is-0 {
top: 0;
bottom: 50%;
}
.episode_links.has-2 .episode_link.view-text.has-2 .is-1 {
top: 50%;
bottom: 0;
}
.episode_links.has-2 .episode_link.view-text.has-3 .is-0 {
top: 0;
bottom: 66.66667%;
}
.episode_links.has-2 .episode_link.view-text.has-3 .is-1 {
top: 33.33333%;
bottom: 33.33333%;
}
.episode_links.has-2 .episode_link.view-text.has-3 .is-2 {
top: 66.66667%;
bottom: 0;
}
.episode_links.has-2 .episode_link.view-text.has-4 .is-0 {
top: 0;
bottom: 75%;
}
.episode_links.has-2 .episode_link.view-text.has-4 .is-1 {
top: 25%;
bottom: 50%;
}
.episode_links.has-2 .episode_link.view-text.has-4 .is-2 {
top: 50%;
bottom: 25%;
}
.episode_links.has-2 .episode_link.view-text.has-4 .is-3 {
top: 75%;
bottom: 0;
}
}
@media (min-width: 960px) {
.episode_link.view-text {
height: 0;
padding-bottom: 56.4444%;
}
.episode_link.view-text .episode_link-title {
position: absolute;
top: 100%;
bottom: auto;
left: 0;
right: 0;
}
.episode_link.view-text .episode_link-permalink {
padding-top: 20px;
}
.no-svg .episode_link.view-text .episode_link-permalink {
padding-top: 13px;
}
.episode_link.view-text .episode_link-sublinks {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 0;
padding-bottom: 56.4444%;
}
.episode_link.view-text .episode_link-sublinks:before, .episode_link.view-text .episode_link-sublinks:after {
display: none;
}
.episode_link.view-text .episode_link-sublink {
position: absolute;
left: 0;
right: 0;
width: auto;
height: auto;
float: none;
font-size: 20px;
margin-right: 0 !important;
}
.episode_link.view-text .episode_link-sublink b {
position: absolute;
left: 14px;
right: 14px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.episode_link.view-text.has-1 .is-0 {
top: 0;
bottom: 0;
}
.episode_link.view-text.has-2 .is-0 {
top: 0;
bottom: 50%;
}
.episode_link.view-text.has-2 .is-1 {
top: 50%;
bottom: 0;
}
.episode_link.view-text.has-3 .is-0 {
top: 0;
bottom: 66.66667%;
}
.episode_link.view-text.has-3 .is-1 {
top: 33.33333%;
bottom: 33.33333%;
}
.episode_link.view-text.has-3 .is-2 {
top: 66.66667%;
bottom: 0;
}
.episode_link.view-text.has-4 .is-0 {
top: 0;
bottom: 75%;
}
.episode_link.view-text.has-4 .is-1 {
top: 25%;
bottom: 50%;
}
.episode_link.view-text.has-4 .is-2 {
top: 50%;
bottom: 25%;
}
.episode_link.view-text.has-4 .is-3 {
top: 75%;
bottom: 0;
}
}
.episode_list_item {
position: relative;
color: #0000ff;
cursor: pointer;
text-decoration: none;
display: block;
position: relative;
padding: 15px 15px 19px;
padding-left: 125px;
text-decoration: none;
background: #f2f2ff;
}
.episode_list_item:after {
content: ' ';
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 2px;
background-color: #0000ff;
}
.episode_list_item:hover, .episode_list_item:active, .episode_list_item:visited:hover, .episode_list_item:visited:active {
color: #00001a;
}
.episode_list_item:visited {
color: #575775;
}
.episode_list_item-image {
position: absolute;
top: 0;
left: 0;
width: 110px;
text-align: center;
}
.episode_list_item-play {
height: 32px;
width: 32px;
border-radius: 32px;
}
.episode_list_item-release {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 68px;
height: 32px;
line-height: 32px;
border-radius: 32px;
text-align: center;
float: left;
background: rgba(14, 17, 29, 0.68);
color: #fff;
}
.episode_list_item-title {
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
font-size: 20px;
color: inherit;
margin: 0;
}
.episode_list_item-date {
display: block;
color: #666e7a;
font-size: 16px;
margin-bottom: 12px;
}
.episode_list_item-desc {
color: #666e7a;
font-size: 18px;
margin: 0;
}
.episode_list_item:hover .episode_list_item-play {
background-image: url("assets/images/icon-play-video-hover.svg");
}
.no-svg .episode_list_item:hover .episode_list_item-play {
background-image: url("assets/images/icon-play-video-hover.png");
}
@media (min-width: 480px) {
.episode_list_item {
padding-left: 165px;
}
.episode_list_item-image {
width: 150px;
}
.episode_list_item-title {
float: left;
}
.episode_list_item-date {
clear: right;
float: right;
font-style: italic;
}
.episode_list_item-desc {
clear: both;
max-width: 630px;
}
}
@media (min-width: 960px) {
.episode_list_item {
padding-left: 210px;
}
.episode_list_item-image {
width: 180px;
}
.episode_list_item-play {
width: 48px;
height: 48px;
border-radius: 48px;
}
}
.episode_newest {
position: relative;
cursor: pointer;
/**
* No image nor video
*/
/**
* Has play button view
*/
/**
* Has preview image view
*/
/**
* Has play button and preview image view
*/
}
.episode_newest-meta {
background-color: #f2f2ff;
position: relative;
padding: 32px;
}
.episode_newest-title {
margin: -3px 0 0;
font-size: 20px;
line-height: 26px;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
color: #0000ff;
text-align: left;
}
.episode_newest-desc {
margin: 0 0 -5px;
font-size: 16px;
line-height: 26px;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
color: #0000ff;
text-align: left;
}
.episode_newest-duration {
display: none;
}
@media (min-width: 480px) {
.episode_newest-meta {
padding: 62px 32px;
}
}
.episode_newest.is-video .episode_newest-meta {
padding-left: 60px;
text-align: center;
}
.episode_newest.is-video .episode_newest-meta:before {
content: '';
position: absolute;
top: 26px;
left: 14px;
width: 32px;
height: 32px;
background: url("assets/images/icon-play-video.svg") no-repeat center center;
background-size: 32px;
}
.no-svg .episode_newest.is-video .episode_newest-meta:before {
background-image: url("assets/images/icon-play-video.png");
}
.episode_newest.is-video .episode_newest-duration {
display: inline-block;
margin: 14px auto 0;
position: relative;
left: -28px;
}
@media (min-width: 480px) {
.episode_newest.is-video .episode_newest-meta {
padding-right: 120px;
}
.episode_newest.is-video .episode_newest-meta:before {
top: 56px;
}
.episode_newest.is-video .episode_newest-duration {
position: absolute;
top: 56px;
right: 10px;
left: auto;
margin-top: 0;
}
}
.episode_newest.has-image {
position: relative;
}
.episode_newest.has-image:after {
content: ' ';
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 2px;
background-color: #0000ff;
}
.episode_newest.has-image:after {
right: 10px;
left: 10px;
}
.episode_newest.has-image .episode_newest-meta {
background: none;
padding: 14px 10px;
padding-right: 120px;
}
.episode_newest.has-image .episode_newest-title {
font-size: 18px;
}
.episode_newest.has-image .episode_newest-desc {
margin-bottom: 2px;
font-size: 16px;
line-height: 18px;
color: #666e7a;
font-family: "Source Sans Pro", sans-serif;
}
.episode_newest.has-image .episode_newest-duration {
display: inline-block;
position: absolute;
top: 14px;
right: 10px;
}
@media (min-width: 480px) {
.episode_newest.has-image .episode_newest-meta {
padding-top: 23px;
padding-bottom: 23px;
}
.episode_newest.has-image .episode_newest-title {
font-size: 20px;
line-height: 1.6;
}
.episode_newest.has-image .episode_newest-desc {
font-size: 18px;
line-height: inherit;
}
.episode_newest.has-image .episode_newest-duration {
top: 18px;
}
}
@media (min-width: 640px) {
.episode_newest.has-image:after {
display: none;
}
.episode_newest.has-image .episode_newest-meta {
position: absolute;
right: 0;
left: 0;
bottom: 0;
padding: 72px 120px 32px 32px;
background-image: -webkit-linear-gradient(-270deg, rgba(0, 0, 0, 0.82) 0%, transparent 100%);
background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.82) 0%, transparent 100%);
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.82) 0%, transparent 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d1000000',GradientType=0 );
/* IE6-9 */
}
.episode_newest.has-image .episode_newest-title {
color: #FFF;
}
.episode_newest.has-image .episode_newest-desc {
color: #FFF;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
}
.episode_newest.has-image .episode_newest-duration {
top: 67px;
color: #FFF;
background-color: rgba(134, 136, 138, 0.3);
}
}
.episode_newest.is-video.has-image .episode_newest-meta {
padding-top: 23px;
padding-bottom: 23px;
padding-left: 60px;
}
.episode_newest.is-video.has-image .episode_newest-meta:before {
top: 18px;
}
.episode_newest.is-video.has-image .episode_newest-duration {
top: 18px;
left: auto;
margin: 0;
}
@media (min-width: 640px) {
.episode_newest.is-video.has-image .episode_newest-meta {
padding-top: 72px;
padding-bottom: 32px;
}
.episode_newest.is-video.has-image .episode_newest-meta:before {
top: 67px;
background-image: url("assets/images/icon-play-video-hover.svg");
}
.no-svg .episode_newest.is-video.has-image .episode_newest-meta:before {
background-image: url("assets/images/icon-play-video-hover.png");
}
.episode_newest.is-video.has-image .episode_newest-duration {
top: 67px;
}
}
.eshop_item {
position: relative;
display: block;
padding: 22px;
text-decoration: none;
background: #FFF;
}
.eshop_item:after {
content: ' ';
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 2px;
background-color: #0000ff;
}
.eshop_item-img {
float: left;
margin: 0 22px 0 0;
vertical-align: middle;
max-height: 64px;
}
.eshop_item-title {
margin: 0;
font-size: 20px;
line-height: 1.2;
font-family: "Source Sans Pro", sans-serif;
}
.eshop_item-cleaner {
display: block;
clear: both;
}
@media (min-width: 480px) {
.eshop_item-img {
max-height: 120px;
}
.eshop_item-title {
margin-top: 20px;
}
}
@media (min-width: 640px) {
.eshop_item-img {
max-height: 160px;
}
}
@media (max-width: 639px) {
.eshop_item.view-vertical {
text-align: center;
}
.eshop_item.view-vertical .eshop_item-img {
float: none;
display: block;
margin: auto;
}
}
@media (min-width: 480px) {
.eshop_item.view-vertical .eshop_item-img {
max-height: 64px;
}
}
@media (min-width: 640px) {
.eshop_item.view-vertical .eshop_item-img {
max-height: 120px;
}
}
.eshop_item.view-2 .eshop_item-title {
margin-top: 20px;
}
@media (max-width: 639px) {
.eshop_item.view-2 {
text-align: center;
}
.eshop_item.view-2 .eshop_item-img {
float: none;
display: block;
margin: auto;
}
.eshop_item.view-2 h3 {
display: block;
}
}
@media (min-width: 480px) {
.eshop_item.view-2 .eshop_item-img {
max-height: 64px;
}
}
@media (min-width: 640px) {
.eshop_item.view-2 .eshop_item-img {
max-height: 120px;
}
}
.explanatory {
cursor: auto;
}
.explanatory-title {
font-size: 20px;
margin-bottom: 20px;
}
/**
* Simple view without side image
*/
.explanatory.view-simple .explanatory-image {
display: none;
}
.explanatory.view-simple .explanatory-content {
margin-left: 0;
}
.explanatory.view-simple .explanatory-text {
min-height: 0;
}
/**
* P view - streched outside content boundaries to
* the right side of the browser window.
*/
.explanatory.view-P {
overflow: visible;
}
.explanatory.view-P .explanatory-faker {
display: none;
}
.explanatory.view-P .explanatory-image img {
max-width: 100%;
}
@media (min-width: 480px) {
.explanatory.view-P {
max-width: 230px;
background: none;
}
.explanatory.view-P .explanatory-image {
width: 230px;
position: static;
}
.explanatory.view-P .explanatory-content {
margin-left: 0;
padding-left: 14px;
padding-top: 10px;
padding-right: 0;
}
.explanatory.view-P .explanatory-content:after {
display: none;
}
.explanatory.view-P .explanatory-faker {
position: relative;
background-color: #f2f2ff;
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
min-width: 1000px;
min-width: 100vw;
z-index: -1;
}
.explanatory.view-P .explanatory-faker:after {
content: ' ';
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 2px;
background-color: #0000ff;
}
}
@media (min-width: 960px) {
.explanatory.view-P .explanatory-content {
padding-left: 22px;
padding-top: 18px;
}
.explanatory.view-P .explanatory-text {
min-height: 0;
}
}
@media (min-width: 1200px) {
.explanatory.view-P {
max-width: 280px;
}
.explanatory.view-P .explanatory-image {
width: 280px;
}
.explanatory.view-P .explanatory-image img {
max-width: 280px;
}
}
.newsletter_form {
display: block;
}
.newsletter_form .form_control {
margin-right: 20px;
margin-bottom: 14px;
display: block;
width: 100%;
}
@media (min-width: 480px) {
.newsletter_form .form_control {
display: inline-block;
width: calc(100% - (190px + 30px));
}
}
.newsletter_form label {
display: none;
}
.newsletter_form input {
padding-top: 9px;
padding-bottom: 10px;
font-size: 20px;
}
.newsletter_form input[type=submit] {
width: 190px;
}
.poster {
max-width: 100%;
}
.poster-title {
margin-bottom: 18px;
font-size: 22px;
line-height: 32px;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
color: #393939;
}
@media (min-width: 640px) {
.poster-title {
font-size: 25px;
}
}
@media (min-width: 1200px) {
.poster-title {
font-size: 26px;
}
}
@media (min-width: 480px) {
.poster {
width: 220px;
}
}
@media (min-width: 960px) {
.poster {
width: 230px;
}
}
@media (min-width: 1200px) {
.poster {
width: 280px;
}
}
.share_bar {
background: #f2f2ff;
padding-bottom: 0;
}
.share_bar-link {
font-size: 18px;
color: #0000ff;
text-decoration: none;
padding: 20px;
padding-bottom: 22px;
display: block;
line-height: 16px;
background-size: 16px;
}
.share_bar-link svg {
fill: #0000ff;
vertical-align: bottom;
margin-right: 8px;
}
.share_bar-bottom {
/* Initially we don't want any height, and we want the contents to be hidden */
max-height: 0;
overflow: hidden;
padding-left: 15px;
padding-right: 15px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.share_bar-bottom:after {
content: "";
display: table;
clear: both;
}
.share_bar-buttons {
display: inline-block;
width: 167px;
}
.share_bar-buttons .share_bar-btn {
display: inline-block;
width: 45px;
height: 45px;
cursor: pointer;
text-indent: -999px;
overflow: hidden;
background-size: contain;
margin-right: 10px;
float: left;
}
.share_bar-buttons .share_bar-btn--fb {
background: url(./assets/images/social/fb.svg);
}
.no-svg .share_bar-buttons .share_bar-btn--fb {
background-image: url(./assets/images/social/fb.png);
}
.share_bar-buttons .share_bar-btn--g {
background: url(./assets/images/social/g+.svg);
}
.no-svg .share_bar-buttons .share_bar-btn--g {
background-image: url(./assets/images/social/g+.png);
}
.share_bar-buttons .share_bar-btn--twitter {
background: url(./assets/images/social/twitter.svg);
}
.no-svg .share_bar-buttons .share_bar-btn--twitter {
background-image: url(./assets/images/social/twitter.png);
}
.share_bar-buttons .share_bar-btn--email {
background: url(./assets/images/social/mail.svg);
}
.no-svg .share_bar-buttons .share_bar-btn--email {
background-image: url(./assets/images/social/mail.png);
}
@media only screen and (max-width: 479px) {
.share_bar-buttons .share_bar-btn {
margin-bottom: 13px;
}
}
.share_bar-form {
display: block;
width: calc(100% - 167px);
}
.share_bar-form label {
display: none;
}
.share_bar-form .form_control {
display: block;
width: 100%;
height: 44px;
margin: 0;
font-size: 12px;
text-align: center;
font-family: Verdana, sans-serif;
color: #abb0b6;
}
.share_bar-buttons, .share_bar-form {
float: left;
}
@media only screen and (max-width: 479px) {
.share_bar-buttons, .share_bar-form {
float: none;
display: block;
width: 100%;
}
}
.share_bar.is-open {
background: rgba(229, 229, 255, 0.7);
padding-bottom: 15px;
}
.share_bar.is-open .share_bar-link {
color: #575775;
padding-bottom: 12px;
margin-bottom: 10px;
}
.share_bar.is-open .share_bar-link svg {
fill: #575775;
}
.share_bar.is-open .share_bar-bottom {
max-height: 200px;
}
.show_article_link {
color: #666E7A;
padding: 10px 0;
padding-right: 10px;
overflow: hidden;
clear: both;
}
.show_article_link-image {
float: left;
max-width: 110px;
margin-top: 4px;
}
.show_article_link.has-video .show_article_link-image {
position: relative;
}
.show_article_link.has-video .show_article_link-image-play-icon, .show_article_link.has-video .show_article_link-image-label {
content: '';
position: absolute;
display: inline-block;
top: 50%;
height: 32px;
width: 32px;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
background: #000 url(assets/images/icon-livenow-with-label.svg) no-repeat 11px center;
background-color: rgba(0, 0, 0, 0.68);
background-size: 13px;
border-radius: 32px;
}
.show_article_link.has-video .show_article_link-image-label {
color: #FFF;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
font-size: 12px;
text-transform: uppercase;
padding-left: 33px;
padding-right: 12px;
padding-top: 8px;
background-position: 12px center;
width: auto;
}
.show_article_link-content, .show_article_link-aside {
margin-left: 120px;
}
.show_article_link-content {
position: relative;
}
.show_article_link-actions {
position: absolute;
bottom: -6px;
right: 0;
}
.show_article_link-actions .siteupdates-icon {
fill: #aab0b7;
}
.show_article_link.is-subscribed .show_article_link-actions .siteupdates-icon {
fill: #33CC00;
}
.show_article_link.is-pocketed:not(.is-active) .btn {
height: 38px;
padding-left: 0;
padding-right: 0;
bottom: -10px;
}
.show_article_link.is-pocketed:not(.is-active) .btn .btn-remove-label {
display: none;
}
.show_article_link.is-pocketed:not(.is-active) .btn .btn-tick-label {
display: none;
}
.show_article_link.is-pocketed:not(.is-active) .btn:after {
margin-left: 0;
}
@media (max-width: 540px) {
.show_article_link.is-pocketed.is-active .btn {
height: 38px;
padding-left: 0;
padding-right: 0;
bottom: -5px;
}
.show_article_link.is-pocketed.is-active .btn .btn-remove-label {
display: none;
}
.show_article_link.is-pocketed.is-active .btn .btn-tick-label {
display: none;
}
.show_article_link.is-pocketed.is-active .btn:after {
margin-left: 0;
}
}
.show_article_link .label {
position: relative;
bottom: 3px;
}
.show_article_link-label {
text-transform: uppercase;
font-size: 12px;
line-height: 15px;
margin: 0;
display: inline-block;
}
.show_article_link-title {
position: relative;
font-size: 18px;
line-height: 26px;
margin: 0 0 6px 0;
padding-top: 0;
}
.show_article_link-title a {
display: block;
color: #0000ff;
cursor: pointer;
text-decoration: none;
}
.show_article_link-title a:hover, .show_article_link-title a:active, .show_article_link-title a:visited:hover, .show_article_link-title a:visited:active {
color: #00001a;
}
.show_article_link-title a:visited {
color: #575775;
}
.label + .show_article_link-title {
min-height: 40px;
margin-top: 6px;
}
.show_article_link-text {
display: none;
font-size: 18px;
margin: 6px 0;
}
.show_article_link-timestamp {
font-size: 14px;
line-height: 14px;
position: relative;
padding-right: 40px;
margin-bottom: 0;
}
.show_article_link-timestamp .timestamp-prefix {
text-transform: uppercase;
position: absolute;
right: 100%;
top: 0;
padding-right: 5px;
}
.show_article_link.has-aside .show_article_link-timestamp {
margin-bottom: 14px;
}
@media only screen and (min-width: 640px) {
.show_article_link.has-aside .show_article_link-timestamp {
margin-bottom: 0;
}
}
.show_article_link-aside {
border-top: solid 1px #ededee;
padding-top: 6px;
display: none;
}
.show_article_link-aside-image {
display: none;
max-width: 100px;
margin: 18px 0 10px;
}
.show_article_link-aside-author, .show_article_link-aside-when, .show_article_link-aside-studio {
font-size: 14px;
line-height: 17px;
}
.show_article_link-aside-studio {
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
font-size: 12px;
}
.show_article_link-aside-author, .show_article_link-aside-studio, .show_article_link-aside-text {
color: #393939;
}
.show_article_link-aside-author {
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
margin-bottom: 10px;
display: block;
}
.show_article_link-aside-author-prefix {
text-transform: uppercase;
color: #AAB0B7;
display: block;
margin-bottom: 6px;
}
.show_article_link-aside-author a {
color: #0000ff;
cursor: pointer;
text-decoration: none;
}
.show_article_link-aside-author a:hover, .show_article_link-aside-author a:active, .show_article_link-aside-author a:visited:hover, .show_article_link-aside-author a:visited:active {
color: #00001a;
}
.show_article_link-aside-author a:visited {
color: #575775;
}
.show_article_link-aside-text {
margin: 6px 0;
font-size: 16px;
line-height: 15px;
}
.show_article_link-aside .timestamp-prefix {
display: block;
margin-bottom: 6px;
}
.show_article_link-aside .timestamp {
font-size: 12px;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
}
.show_article_link.has-aside .show_article_link-aside {
display: block;
}
.show_article_link-continue {
clear: both;
text-align: right;
padding-top: 16px;
position: relative;
}
.show_article_link-continue:before {
content: '';
display: block;
position: absolute;
top: 10px;
left: 0;
height: 18px;
width: 1px;
background: #ededee;
}
.show_article_link-continue:after {
content: '';
display: block;
position: absolute;
top: 28px;
left: 0;
height: 1px;
width: 100%;
background: #ededee;
}
.show_article_link-continue-btn {
color: #0000ff;
cursor: pointer;
text-decoration: none;
display: inline-block;
font-size: 18px;
padding: 0 20px 0 10px;
background: #FFF url(assets/images/arrow-right-blue.svg) no-repeat right center;
background-size: 10px auto;
position: relative;
z-index: 2;
}
.show_article_link-continue-btn:hover, .show_article_link-continue-btn:active, .show_article_link-continue-btn:visited:hover, .show_article_link-continue-btn:visited:active {
color: #00001a;
}
.show_article_link-continue-btn:visited {
color: #575775;
}
.show_article_link.is-highlighted .label {
border-color: #7b8594;
color: #666e7a;
}
.show_article_link.is-highlighted .show_article_link-wrap {
width: 100%;
box-sizing: content-box;
padding: 10px;
padding-right: 20px;
margin-left: -10px;
margin-right: -10px;
background-color: #f2f2ff;
}
.show_article_link.is-highlighted .show_article_link-wrap:after {
content: "";
display: table;
clear: both;
}
@media only screen and (min-width: 480px) {
.show_article_link-aside {
position: relative;
padding-left: 130px;
min-height: 100px;
}
.show_article_link-aside-image {
display: block;
position: absolute;
top: 0;
left: 0;
}
.show_article_link-aside-when, .show_article_link-aside-studio, .show_article_link-aside-text {
display: block;
}
}
@media only screen and (min-width: 640px) {
.show_article_link {
padding-right: 0;
}
.show_article_link-image {
max-width: 130px;
}
.show_article_link-content {
margin-left: 150px;
}
.show_article_link-text {
display: block;
}
}
@media only screen and (min-width: 960px) {
.show_article_link {
padding-right: 0;
}
.show_article_link.is-highlighted {
padding-right: 10px;
}
.show_article_link-title, .show_article_link-text {
padding-right: 80px;
}
.show_article_link:after {
content: "";
display: table;
clear: both;
}
.show_article_link-content {
margin: 0;
padding-left: 20px;
padding-right: 0;
width: 400px;
width: calc(100% - 130px);
float: left;
}
.show_article_link.has-aside .show_article_link-content {
width: calc(100% - 130px - 130px);
border-right: solid 1px #ededee;
}
.show_article_link-content:before {
display: block;
content: '';
float: right;
width: 42px;
height: 42px;
}
.show_article_link-timestamp .timestamp-prefix {
padding-right: 20px;
}
.show_article_link-actions {
top: 0;
right: 0;
bottom: auto;
}
.show_article_link.is-highlighted .show_article_link-actions {
top: 5px;
}
.show_article_link-image {
max-width: 130px;
}
.show_article_link-aside {
border: none;
border-left: solid 1px #ededee;
margin-left: -1px;
padding: 0;
padding-left: 20px;
float: left;
max-width: 130px;
}
.show_article_link-aside-image {
position: static;
}
.show_article_link-aside-studio, .show_article_link-aside .timestamp {
font-size: 14px;
}
.show_article_link-aside-text {
font-size: 18px;
line-height: 18px;
}
.show_article_link-text {
display: block;
}
.grid-sm-tight .show_article_link.is-highlighted {
margin-left: -10px;
margin-right: -10px;
padding-left: 10px;
}
.has-aside .show_article_link-actions {
right: 10px;
}
}
@media only screen and (min-width: 960px) {
.show_article_link-title {
font-size: 24px;
line-height: 29px;
}
.show_article_link-content {
width: calc(100% - 196px);
}
.show_article_link.has-aside .show_article_link-content {
width: calc(100% - 196px - 130px);
}
.show_article_link-timestamp .timestamp-prefix {
position: static;
padding-right: 0;
}
.show_article_link-image {
max-width: 196px;
margin-top: 2px;
}
}
@media only screen and (min-width: 1200px) {
.show_article_link {
margin-left: 0;
}
.show_article_link-title {
font-size: 26px;
line-height: 32px;
}
.show_article_link-content {
width: calc(100% - 196px);
}
.show_article_link.has-aside .show_article_link-content {
width: calc(100% - 196px - 290px);
}
.show_article_link-continue {
float: right;
width: 291px;
}
.show_article_link-image {
max-width: 196px;
}
.show_article_link-aside {
max-width: 290px;
}
.show_article_link-aside-image {
max-width: 145px;
margin-top: 12px;
margin-bottom: 16px;
}
.show_article_link-aside-when, .show_article_link-aside-studio, .show_article_link-aside-when .timestamp {
display: inline-block;
vertical-align: middle;
font-size: 14px;
line-height: 17px;
}
}
.show_article_link.view-HALF {
clear: both;
}
.show_article_link.view-HALF .show_article_link-title, .show_article_link.view-HALF .show_article_link-text {
padding-right: 0;
}
.show_article_link.view-HALF .show_article_link-text {
display: none;
}
@media (min-width: 640px) {
.show_article_link.view-HALF.is-highlighted {
margin-left: 0;
margin-right: 0;
}
.show_article_link.view-HALF.is-highlighted .show_article_link-wrap {
background: transparent;
}
}
.show_article_link.view-HALF + hr.view-bold {
margin-top: 4px;
}
@media only screen and (min-width: 640px) {
.show_article_link.view-HALF {
width: 50%;
clear: none;
float: left;
padding-right: 10px;
padding-left: 10px;
}
.show_article_link.view-HALF:nth-of-type(odd) {
padding-left: 0px;
}
.show_article_link.view-HALF:nth-of-type(even) {
padding-right: 0px;
}
.show_article_link.view-HALF .show_article_link-title {
margin-bottom: 0;
}
.show_article_link.view-HALF .show_article_link-timestamp {
display: inline-block;
margin-right: 10px;
margin-bottom: 0;
padding-right: 5px;
}
.show_article_link.view-HALF .show_article_link-actions {
position: static;
float: right;
margin-top: 8px;
}
.show_article_link.view-HALF .show_article_link-actions .siteupdates-icon {
position: relative;
bottom: -10px;
}
.show_article_links-group .show_article_link.view-HALF:nth-of-type(2n+1) {
clear: left;
}
.show_article_links-group hr.view-bold {
display: none;
}
.show_article_links-group hr.view-bold.hr-end {
display: block;
}
}
@media only screen and (min-width: 640px) {
.show_article_link.view-HALF .show_article_link-actions {
position: static;
display: inline-block;
float: none;
margin-top: -2px;
}
}
@media only screen and (min-width: 1200px) {
.show_article_link.view-HALF .show_article_link-image {
max-width: 280px;
margin-bottom: 32px;
}
.show_article_link.view-HALF .show_article_link-content {
width: calc(100% - 280px);
}
}
.show_article_link.view-recommended {
padding-right: 0;
border-bottom: 1px solid #86888a;
border-bottom-color: rgba(134, 136, 138, 0.15);
}
.show_article_link.view-recommended .show_article_link-image {
display: none;
max-width: 110px;
}
.show_article_link.view-recommended .show_article_link-content {
margin-left: 0;
float: none;
padding: 0;
width: auto;
}
.show_article_link.view-recommended .show_article_link-content:before {
display: block;
content: '';
float: right;
width: 42px;
height: 42px;
}
.show_article_link.view-recommended .show_article_link-content .label + .show_article_link-title {
margin-top: 6px;
}
.show_article_link.view-recommended .show_article_link-title {
margin-top: 0;
font-size: 18px;
line-height: 24px;
}
.show_article_link.view-recommended .show_article_link-timestamp, .show_article_link.view-recommended .show_article_link-label, .show_article_link.view-recommended .show_article_link-text {
display: none;
}
.show_article_link.view-recommended .show_article_link-actions {
position: absolute;
top: 5px;
right: 0;
}
@media only screen and (min-width: 640px) {
.show_article_link.view-recommended {
border-bottom: 0;
}
.show_article_link.view-recommended .show_article_link-image {
display: block;
}
.show_article_link.view-recommended .show_article_link-content {
margin-left: 130px;
}
}
@media only screen and (min-width: 960px) {
.show_article_link.view-recommended {
width: 50%;
float: left;
clear: none;
padding-right: 20px;
}
.show_article_link.view-recommended:nth-of-type(2n+1) {
clear: left;
}
.show_article_link.view-recommended:nth-of-type(2n) {
padding-left: 20px;
padding-right: 0;
}
.show_article_link.view-recommended .show_article_link-actions {
right: -10px;
}
.show_article_link.view-recommended .show_article_link-title {
padding-right: 20px;
}
.show_article_link.view-recommended .show_article_link-content {
margin-right: 10px;
}
}
@media only screen and (min-width: 1200px) {
.show_article_link.view-recommended {
padding-right: 30px;
}
.show_article_link.view-recommended:nth-of-type(2n) {
padding-left: 30px;
}
}
.show_article_link.view-THIRD {
clear: none;
float: left;
width: 50%;
padding-bottom: 22px;
}
.show_article_link.view-THIRD .show_article_link-image {
float: none;
display: block;
max-width: 100%;
}
.show_article_link.view-THIRD .show_article_link-content {
position: relative;
margin: 0;
padding: 0;
padding-top: 10px;
width: auto;
}
.show_article_link.view-THIRD .show_article_link-title {
border-bottom: solid 1px #ededee;
padding-bottom: 6px;
font-size: 14px;
line-height: 18px;
min-height: 3em;
}
.show_article_link.view-THIRD .show_article_link-text {
display: none;
}
.show_article_link.view-THIRD .show_article_link-timestamp {
padding-bottom: 9px;
}
.show_article_link.view-THIRD .show_article_link-timestamp .timestamp-prefix {
position: static;
display: block;
display: none;
}
.show_article_link.view-THIRD .show_article_link-actions {
position: absolute;
top: auto;
bottom: 0;
right: 0;
}
.show_article_link-group-THIRD {
margin-right: -10px;
}
@media only screen and (min-width: 640px) {
.show_article_link.view-THIRD {
width: 33.333%;
padding-right: 7px;
padding-bottom: 12px;
}
.show_article_link.view-THIRD .show_article_link-title {
font-size: 16px;
line-height: 20px;
padding-bottom: 12px;
border-bottom-width: 2px;
}
.show_article_link.view-THIRD .show_article_link-timestamp {
padding-top: 5px;
}
.show_article_link-group-THIRD {
margin-right: -7px;
}
}
@media only screen and (min-width: 960px) {
.show_article_link.view-THIRD {
margin-left: 0;
padding-right: 10px;
padding-bottom: 35px;
}
.show_article_link.view-THIRD .show_article_link-title {
font-size: 24px;
line-height: 34px;
padding-bottom: 12px;
}
.show_article_link.view-THIRD .show_article_link-timestamp {
padding-top: 14px;
}
.show_article_link.view-THIRD .show_article_link-timestamp .timestamp {
font-size: 18px;
}
.show_article_link-group-THIRD {
margin-right: -10px;
}
}
@media only screen and (min-width: 1200px) {
.show_article_link.view-THIRD {
padding-right: 10px;
padding-left: 10px;
padding-bottom: 54px;
}
.show_article_link.view-THIRD .show_article_link-title {
padding-bottom: 16px;
}
.show_article_link.view-THIRD .show_article_link-timestamp {
padding-top: 20px;
}
.show_article_link-group-THIRD {
margin-left: -10px;
}
}
@media only screen and (min-width: 640px) {
.show_article_link.view-noLabel .show_article_link-title, .show_article_link.view-noLabel .show_article_link-text {
padding-right: 0;
}
}
.show_author {
color: #666e7a;
font-size: 18px;
position: relative;
color: #40444A;
}
.show_author-photo {
position: relative;
}
.show_author-photo:before {
content: '';
display: block;
padding-top: 66.36364%;
}
.show_author-photo__wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 66.36364%;
}
.show_author-photo__wrapper > div {
display: table;
width: 100%;
height: 100%;
}
.show_author-name {
margin-bottom: 33px;
}
.show_author-name strong {
display: block;
}
.show_author-content {
display: block;
background: #eff0f2;
padding: 15px 20px;
}
.show_author-content ul {
margin: 0;
padding: 0;
list-style: none;
}
.show_author-content ul li {
line-height: 1;
padding: 0;
margin: 0;
margin-bottom: 10px;
}
.show_author-content ul li:last-child {
margin-bottom: 0;
}
.show_author-content ul li span {
font-weight: bold;
}
.show_author-content ul li span:after {
content: ': ';
}
.show_author-content ul li i {
font-style: normal;
}
@media only screen and (max-width: 319px) {
.show_author-photo {
width: 110px;
height: 73px;
position: absolute;
left: 0;
top: 0;
}
.show_author-content {
padding-left: 130px;
}
}
.show_sources {
background-color: #f2f2ff;
padding: 25px 0 32px;
}
.show_sources-wrap {
max-width: 1200px;
margin: auto;
position: relative;
overflow: hidden;
padding: 0 0 6px 0;
}
.show_sources-wrap:after {
content: ' ';
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 2px;
background-color: #0000ff;
}
.show_sources h3 {
font-size: 22px;
line-height: 32px;
color: #393939;
margin: 0 0 21px 0;
}
.show_sources ul {
margin: 0;
padding: 0;
list-style: none;
}
.show_sources ul li {
margin: 0 0 27px 0;
padding: 0;
}
.show_sources ul li a {
color: #0000ff;
cursor: pointer;
text-decoration: none;
font-size: 20px;
}
.show_sources ul li a:hover, .show_sources ul li a:active, .show_sources ul li a:visited:hover, .show_sources ul li a:visited:active {
color: #00001a;
}
.show_sources ul li a:visited {
color: #575775;
}
.show_sources ul li a span:first-child:after {
content: ': ';
}
@media only screen and (min-width: 640px) {
.show_sources h3 {
font-size: 25px;
}
.show_sources a {
font-size: 18px;
}
}
.show_special {
display: block;
text-align: center;
text-decoration: none;
color: #0000ff;
}
.show_special h3 {
text-align: center;
font-size: 22px;
margin-bottom: 25px;
}
@media only screen and (min-width: 480px) {
.show_special h3 {
font-size: 26px;
}
}
.show_special img {
max-width: 100%;
margin: auto;
}
.shows_period {
padding-left: 10px;
padding-right: 10px;
display: none;
font-size: 18px;
}
.shows_period .icon {
vertical-align: baseline;
}
.shows_period .icon img {
max-width: 29px;
max-height: 24px;
position: relative;
bottom: -1px;
}
.shows_period-text {
color: #393939;
margin-left: 10px;
}
.shows_period-viewSmall {
text-align: center;
margin-top: 34px;
}
@media (max-width: 959px) {
.shows_period-viewSmall {
display: block;
}
}
@media only screen and (max-width: 639px) {
.shows_period-viewSmall {
margin-top: 14px;
font-size: 16px;
}
}
@media only screen and (min-width: 480px) {
.shows_period-viewSmall {
margin-top: 24px;
}
}
.shows_period-viewBig {
position: relative;
bottom: -2px;
}
@media (min-width: 960px) {
.shows_period-viewBig {
display: inline-block;
bottom: 0;
}
}
.shows_period.view-background {
background: #FFF;
padding: 11px 25px 12px;
border-radius: 2px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
line-height: 26px;
margin: 0 0 0 5px;
vertical-align: top;
}
.shows_period.view-background .icon img {
margin-bottom: -4px;
}
.shows_playlist {
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
color: #666e7a;
}
.shows_playlist-title {
color: #40444a;
}
.shows_playlist-actions {
text-align: center;
padding-top: 15px;
}
.shows_playlist-actions:after {
content: "";
display: table;
clear: both;
}
.shows_playlist-actions .btn-link {
color: #0000ff;
cursor: pointer;
text-decoration: none;
padding: 15px 0;
display: block;
font-size: 20px;
}
.shows_playlist-actions .btn-link:hover, .shows_playlist-actions .btn-link:active, .shows_playlist-actions .btn-link:visited:hover, .shows_playlist-actions .btn-link:visited:active {
color: #00001a;
}
.shows_playlist-actions .btn-link:visited {
color: #575775;
}
.shows_playlist-actions .btn {
padding: 12px 20px;
font-size: 20px;
}
.shows_playlist-actions .btn .shape, .shows_playlist-actions .btn .shape-fallback {
position: relative;
top: -2px;
margin-right: 6px;
}
.shows_playlist-item {
display: block;
background: #f2f2ff;
margin: 4px 0;
padding-right: 40px;
position: relative;
cursor: pointer;
}
.shows_playlist-item:after {
content: "";
display: table;
clear: both;
}
.shows_playlist-item-image {
width: 100px;
position: relative;
}
.shows_playlist-item-image:after {
display: block;
content: '';
background-image: url(./assets/images/icon-play-video.svg);
background-repeat: no-repeat;
background-size: contain;
width: 48px;
height: 48px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -24px;
margin-left: -24px;
}
.no-svg .shows_playlist-item-image:after {
background-image: url(./assets/images/icon-play-video.png);
}
.shows_playlist-item:hover .shows_playlist-item-image:after {
background-image: url(./assets/images/icon-play-video-hover.svg);
}
.no-svg .shows_playlist-item:hover .shows_playlist-item-image:after {
background-image: url(./assets/images/icon-play-video-hover.png);
}
.shows_playlist-item-info {
padding: 10px;
}
.shows_playlist-item-title a {
color: #0000ff;
cursor: pointer;
text-decoration: none;
}
.shows_playlist-item-title a:hover, .shows_playlist-item-title a:active, .shows_playlist-item-title a:visited:hover, .shows_playlist-item-title a:visited:active {
color: #00001a;
}
.shows_playlist-item-title a:visited {
color: #575775;
}
.shows_playlist-item-title, .shows_playlist-item p {
margin: 5px 0;
}
.shows_playlist-item p {
font-size: 16px;
}
.shows_playlist-item-actions {
position: absolute;
top: 0;
right: 0;
padding: 16px 10px;
}
.shows_playlist-item-actions input[type="checkbox"] {
display: none;
}
.shows_playlist-item-actions input[type="checkbox"] + .checkbox-placeholder {
color: #666e7a;
display: inline-block;
width: 20px;
height: 20px;
border: solid 2px #666e7a;
}
.shows_playlist-item-actions input[type="checkbox"] + .checkbox-placeholder svg {
position: relative;
top: -2px;
right: -2px;
fill: #0000ff;
display: none;
}
.shows_playlist-item:hover .shows_playlist-item-actions input[type="checkbox"] + .checkbox-placeholder {
border-color: #0000ff;
}
.shows_playlist-item-actions input[type="checkbox"]:checked + .checkbox-placeholder {
border-color: #0000ff;
}
.shows_playlist-item-actions input[type="checkbox"]:checked + .checkbox-placeholder svg {
display: inline-block;
}
@media (min-width: 480px) {
.shows_playlist {
padding: 0;
background: transparent;
}
.shows_playlist-actions {
padding: 10px;
}
.shows_playlist-actions .btn-link {
float: left;
}
.shows_playlist-actions .btn-play-selected {
float: right;
}
.shows_playlist-item-image {
width: 160px;
float: left;
}
.shows_playlist-item-info {
padding: 20px 15px;
}
.shows_playlist-item-image + .shows_playlist-item-info {
padding: 10px 20px;
margin-left: 160px;
}
.shows_playlist-item-actions {
padding: 27px 10px;
}
.shows_playlist-item-image ~ .shows_playlist-item-actions {
padding-top: 10px;
}
}
.shows_title {
padding: 16px 0 20px;
line-height: 1.444;
border-top: 2px solid #DDDFE2;
font-size: 18px;
font-style: normal;
display: block;
}
.shows_title:after {
content: "";
display: table;
clear: both;
}
.shows_title-label {
padding-right: 5px;
color: #393939;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
font-size: 12px;
text-transform: uppercase;
display: block;
}
.shows_title-name {
color: #393939;
display: block;
}
.shows_title-quality {
margin-right: 10px;
}
.shows_title a {
color: #0000ff;
cursor: pointer;
text-decoration: none;
}
.shows_title a:hover, .shows_title a:active, .shows_title a:visited:hover, .shows_title a:visited:active {
color: #00001a;
}
.shows_title a:visited {
color: #575775;
}
@media (max-width: 639px) {
.shows_title {
padding-bottom: 32px;
}
}
.shows_title.view-three-cols:after {
content: "";
display: table;
clear: both;
}
.shows_title.view-three-cols .shows_title-item {
width: 33.3%;
float: left;
margin-bottom: 10px;
}
@media (min-width: 480px) and (max-width: 639px) {
.shows_title.view-three-cols .shows_title-item {
width: 25%;
}
}
.shows_votes-title {
font-size: 14px;
display: inline-block;
margin-left: 4px;
position: relative;
top: -2px;
}
.shows_votes-rating {
display: inline-block;
}
.shows_votes-rating .star {
position: relative;
float: right;
top: 3px;
}
.video_availability {
text-align: center;
background: #f2f2ff;
}
.video_availability-icon {
margin-bottom: 20px;
}
.video_availability-icon svg {
fill: #0000ff;
}
.video_availability strong {
display: block;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
font-weight: 400;
font-size: 20px;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
color: #393939;
}
.video_availability-note small {
margin-right: 0;
margin-bottom: 15px;
display: block;
font-size: 16px;
color: #666e7a;
}
@media only screen and (min-width: 480px) {
.video_availability-note small {
display: inline-block;
margin-right: 25px;
}
}
@media only screen and (min-width: 1200px) {
.video_availability {
padding: 20px 70px;
padding-bottom: 55px;
}
}
@media only screen and (min-width: 640px) {
.video_availability {
padding: 20px 50px;
padding-bottom: 35px;
}
}
@media only screen and (min-width: 240px) {
.video_availability {
padding: 20px;
}
}
.video_availability.view-cinema strong {
max-width: 260px;
}
.video_availability.view-inEpisodes {
background: #f2f2ff;
max-width: 480px;
margin: 0 auto;
padding-bottom: 20px;
padding-top: 30px;
}
.video_availability.view-inEpisodes strong {
font-size: 18px;
line-height: 1.44;
margin-bottom: 24px;
}
.video_availability.view-inEpisodes .video_availability-icon {
margin-bottom: 24px;
}
.video_availability.view-inEpisodes .video_availability-icon .shape-cant-play {
width: 48px;
height: 48px;
}
.video_availability.view-inEpisodes .video_availability-note {
overflow: hidden;
max-width: 310px;
margin: 0 auto;
padding-bottom: 20px;
position: relative;
}
.video_availability.view-inEpisodes .video_availability-note:after {
content: ' ';
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 2px;
background-color: #0000ff;
}
.video_availability.view-inEpisodes .video_availability-note small {
font-size: 16px;
line-height: 1.44;
float: left;
text-align: left;
max-width: 200px;
padding: 0;
margin: 0;
color: #393939;
}
.video_availability.view-inEpisodes .video_availability-note .btn {
float: right;
}
@media only screen and (min-width: 480px) {
.video_availability.view-inEpisodes {
padding-bottom: 40px;
padding-top: 56px;
}
.video_availability.view-inEpisodes strong {
font-size: 26px;
}
.video_availability.view-inEpisodes .video_availability-note {
max-width: 338px;
padding-bottom: 48px;
}
.video_availability.view-inEpisodes .video_availability-note small {
font-size: 20px;
max-width: 270px;
}
}
.video_promo-meta, .video_bonus-meta {
position: relative;
padding: 8px 10px;
padding-right: 120px;
line-height: 26px;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
}
.video_promo-section, .video_bonus-section {
font-size: 14px;
line-height: inherit;
font-family: inherit;
color: #666e7a;
}
.video_promo-title, .video_bonus-title, .video_bonus-duration {
margin: 0;
font-size: 18px;
line-height: inherit;
font-family: "Source Sans Pro", sans-serif;
color: #0000ff;
}
.video_promo-onair {
font-size: 14px;
font-family: inherit;
color: #666e7a;
}
.video_promo-duration {
position: absolute;
top: 12px;
right: 10px;
}
.video_promo-clearfix, .video_bonus-clearfix {
clear: both;
}
@media (min-width: 480px) {
.video_promo-play, .video_bonus-play {
width: 96px;
height: 96px;
border-radius: 96px;
}
.video_promo-meta, .video_bonus-meta {
line-height: 1.2;
padding-top: 23px;
padding-bottom: 28px;
}
.video_promo-section, .video_bonus-section {
font-size: 18px;
}
.video_promo-title, .video_bonus-title, .video_bonus-duration {
font-size: 20px;
}
.video_promo-onair {
line-height: 20px;
}
.video_promo-duration {
top: 20px;
}
}
@media (min-width: 640px) {
.video_promo:after, .video_bonus:after {
display: none;
}
.video_promo-meta, .video_bonus-meta {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 72px 140px 32px 10px;
color: #fff;
background-image: -webkit-linear-gradient(-270deg, rgba(0, 0, 0, 0.82) 0%, transparent 100%);
background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.82) 0%, transparent 100%);
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.82) 0%, transparent 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d1000000',GradientType=0 );
/* IE6-9 */
}
.video_promo-section, .video_bonus-section, .video_promo-title, .video_bonus-title, .video_bonus-duration, .video_promo-onair {
color: #fff;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
}
.video_promo-duration {
color: #fff;
}
.video_promo-section, .video_bonus-section {
font-size: 16px;
}
.video_promo-title, .video_bonus-title, .video_bonus-duration {
line-height: 26px;
}
.video_promo-onair {
line-height: 24px;
}
.video_promo-duration {
top: 67px;
color: #FFF;
background-color: rgba(134, 136, 138, 0.3);
}
}
/**
* S view with horizontal layout
*/
.video_promo.view-S .video_promo-video, .view-S.video_bonus .video_promo-video, .video_promo.view-S .video_bonus-video, .view-S.video_bonus .video_bonus-video {
float: left;
width: 150px;
margin-top: 10px;
}
.video_promo.view-S .video_promo-play, .view-S.video_bonus .video_promo-play, .video_promo.view-S .video_bonus-play, .view-S.video_bonus .video_bonus-play {
width: 48px;
height: 48px;
border-radius: 48px;
}
.video_promo.view-S .video_promo-meta, .view-S.video_bonus .video_promo-meta, .video_promo.view-S .video_bonus-meta, .view-S.video_bonus .video_bonus-meta {
padding: 9px 0 14px 166px;
line-height: 1.2;
}
.video_promo.view-S .video_promo-section, .view-S.video_bonus .video_promo-section, .video_promo.view-S .video_bonus-section, .view-S.video_bonus .video_bonus-section {
font-size: 12px;
line-height: inherit;
}
.video_promo.view-S .video_promo-title, .view-S.video_bonus .video_promo-title, .video_promo.view-S .video_bonus-title, .view-S.video_bonus .video_bonus-title, .video_promo.view-S .video_bonus-duration, .view-S.video_bonus .video_bonus-duration {
font-size: 18px;
line-height: inherit;
}
.video_promo.view-S .video_promo-onair, .view-S.video_bonus .video_promo-onair {
font-size: 12px;
line-height: 18px;
}
.video_promo.view-S .video_promo-duration, .view-S.video_bonus .video_promo-duration {
position: static;
margin-top: 11px;
}
@media (min-width: 480px) {
.video_promo.view-S .video_promo-video, .view-S.video_bonus .video_promo-video, .video_promo.view-S .video_bonus-video, .view-S.video_bonus .video_bonus-video {
width: 155px;
margin-top: 0;
}
.video_promo.view-S .video_promo-meta, .view-S.video_bonus .video_promo-meta, .video_promo.view-S .video_bonus-meta, .view-S.video_bonus .video_bonus-meta {
padding-top: 9px;
padding-left: 177px;
padding-right: 120px;
color: #666e7a;
}
.video_promo.view-S .video_promo-section, .view-S.video_bonus .video_promo-section, .video_promo.view-S .video_bonus-section, .view-S.video_bonus .video_bonus-section {
font-size: 16px;
line-height: 24px;
color: inherit;
}
.video_promo.view-S .video_promo-title, .view-S.video_bonus .video_promo-title, .video_promo.view-S .video_bonus-title, .view-S.video_bonus .video_bonus-title, .video_promo.view-S .video_bonus-duration, .view-S.video_bonus .video_bonus-duration {
font-size: 22px;
line-height: 26px;
color: #0000ff;
}
.video_promo.view-S .video_promo-onair, .view-S.video_bonus .video_promo-onair {
font-size: 14px;
line-height: 24px;
color: inherit;
}
.video_promo.view-S .video_promo-duration, .view-S.video_bonus .video_promo-duration {
position: absolute;
margin-top: 0;
top: 10px;
}
}
@media (min-width: 640px) {
.video_promo.view-S:after, .view-S.video_bonus:after {
display: block;
}
.video_promo.view-S .video_promo-meta, .view-S.video_bonus .video_promo-meta, .video_promo.view-S .video_bonus-meta, .view-S.video_bonus .video_bonus-meta {
position: static;
padding-left: 177px;
background: none;
-webkit-filter: none;
filter: none;
}
.video_promo.view-S .video_promo-title, .view-S.video_bonus .video_promo-title, .video_promo.view-S .video_bonus-title, .view-S.video_bonus .video_bonus-title, .video_promo.view-S .video_bonus-duration, .view-S.video_bonus .video_bonus-duration {
color: #0000ff;
font-family: "Source Sans Pro", sans-serif;
}
.video_promo.view-S .video_promo-duration, .view-S.video_bonus .video_promo-duration {
top: 14px;
color: #666e7a;
}
}
@media (min-width: 960px) {
.video_promo.view-S .video_promo-video, .view-S.video_bonus .video_promo-video, .video_promo.view-S .video_bonus-video, .view-S.video_bonus .video_bonus-video {
width: 196px;
margin-top: 0;
}
.video_promo.view-S .video_promo-meta, .view-S.video_bonus .video_promo-meta, .video_promo.view-S .video_bonus-meta, .view-S.video_bonus .video_bonus-meta {
padding-top: 22px;
padding-left: 220px;
}
.video_promo.view-S .video_promo-duration, .view-S.video_bonus .video_promo-duration {
top: 15px;
}
}
/**
* L view with bigger whitespace on large screens
*/
@media (min-width: 960px) {
.video_promo.view-L .video_promo-play, .view-L.video_bonus .video_promo-play, .video_promo.view-L .video_bonus-play, .view-L.video_bonus .video_bonus-play {
width: 114px;
height: 114px;
border-radius: 114px;
}
.video_promo.view-L .video_promo-meta, .view-L.video_bonus .video_promo-meta, .video_promo.view-L .video_bonus-meta, .view-L.video_bonus .video_bonus-meta {
padding-left: 48px;
padding-bottom: 41px;
}
.video_promo.view-L .video_promo-section, .view-L.video_bonus .video_promo-section, .video_promo.view-L .video_bonus-section, .view-L.video_bonus .video_bonus-section {
font-size: 20px;
line-height: 24px;
}
.video_promo.view-L .video_promo-title, .view-L.video_bonus .video_promo-title, .video_promo.view-L .video_bonus-title, .view-L.video_bonus .video_bonus-title, .video_promo.view-L .video_bonus-duration, .view-L.video_bonus .video_bonus-duration {
font-size: 24px;
line-height: inherit;
}
.video_promo.view-L .video_promo-onair, .view-L.video_bonus .video_promo-onair {
font-size: 16px;
line-height: 30px;
}
}
.video_promo_link {
background-color: #f2f2ff;
padding: 30px 0 32px;
/**
* View with an image on the left side
*/
}
.video_promo_link-play {
width: 48px;
height: 48px;
border-radius: 48px;
}
.video_promo_link-meta {
position: relative;
position: relative;
padding-bottom: 14px;
color: #666e7a;
line-height: 1.2;
}
.video_promo_link-meta:after {
content: ' ';
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 2px;
background-color: #0000ff;
}
.video_promo_link-section {
font-size: 14px;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
}
.video_promo_link-title {
margin: 0;
line-height: inherit;
font-size: 18px;
color: #0000ff;
font-family: "Source Sans Pro", sans-serif;
}
.video_promo_link-desc {
font-size: 16px;
font-family: "Source Sans Pro", sans-serif;
}
.video_promo_link-onair {
font-size: 12px;
line-height: 18px;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
}
.video_promo_link-alarm {
margin-top: 11px;
}
.video_promo_link-clearfix {
clear: both;
}
@media (min-width: 480px) {
.video_promo_link {
padding-top: 32px;
}
.video_promo_link-meta {
padding-right: 68px;
padding-bottom: 28px;
}
.video_promo_link-section {
font-size: 16px;
line-height: 24px;
}
.video_promo_link-title {
font-size: 22px;
line-height: 26px;
}
.video_promo_link-desc {
line-height: 20px;
}
.video_promo_link-onair {
font-size: 14px;
line-height: 24px;
}
.video_promo_link-alarm {
position: absolute;
top: -4px;
right: 10px;
}
}
@media (min-width: 640px) {
.video_promo_link-meta {
color: #393939;
}
.video_promo_link-desc {
color: #666e7a;
margin-bottom: 4px;
}
}
@media (min-width: 960px) {
.video_promo_link-desc {
line-height: 22px;
}
}
@media (min-width: 1200px) {
.video_promo_link-desc {
line-height: 24px;
}
}
.video_promo_link.has-image .video_promo_link-video {
width: 150px;
float: left;
}
.video_promo_link.has-image .video_promo_link-meta {
padding-left: 166px;
min-height: 107.75px;
}
@media (min-width: 480px) {
.video_promo_link.has-image .video_promo_link-video {
width: 155px;
}
.video_promo_link.has-image .video_promo_link-meta {
padding-left: 178px;
min-height: 128.875px;
}
}
@media (min-width: 960px) {
.video_promo_link.has-image .video_promo_link-video {
width: 196px;
}
.video_promo_link.has-image .video_promo_link-meta {
padding-left: 220px;
min-height: 154.5px;
}
}
@media (min-width: 1200px) {
.video_promo_link.has-image .video_promo_link-meta {
padding-top: 12px;
}
}
.coproduction {
display: block;
overflow: hidden;
max-width: 100%;
border-bottom: 0;
text-decoration: none;
background: #2f313a url(./assets/images/coproduction-xxs.jpg) no-repeat center center;
background-size: cover;
}
@media (min-width: 321px) {
.coproduction {
background-image: url(./assets/images/coproduction-xs.jpg);
}
}
@media (min-width: 481px) {
.coproduction {
background-image: url(./assets/images/coproduction-sm.jpg);
}
}
@media (min-width: 641px) {
.coproduction {
background-image: url(./assets/images/coproduction-md.jpg);
}
}
@media (min-width: 971px) {
.coproduction {
background-image: url(./assets/images/coproduction-lg.jpg);
}
}
.coproduction-wrapper {
display: block;
overflow: hidden;
height: 100px;
position: relative;
}
.coproduction-wrapper:after {
background: transparent url("assets/images/arrow-right-white.svg") no-repeat 50% 50%;
content: " ";
width: 9px;
height: 16px;
margin-left: 12px;
display: inline-block;
position: absolute;
right: 10px;
top: 42px;
}
.no-svg .coproduction-wrapper:after {
background-image: url("assets/images/arrow-right-white.png");
}
.coproduction-logo {
float: left;
margin: 12px 10px;
background: transparent url(./assets/images/coproduction-logo-xs.png) no-repeat top left;
width: 76px;
height: 76px;
}
.coproduction-title {
float: right;
width: 184px;
font-size: 18px;
line-height: 1.3;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
color: #fff;
text-decoration: none;
vertical-align: middle;
text-align: right;
position: relative;
margin-right: 40px;
margin-top: 26px;
}
@media (min-width: 480px) {
.coproduction-title {
width: 250px;
}
}
@media (min-width: 640px) {
.coproduction-wrapper {
height: 120px;
}
.coproduction-wrapper:after {
top: 54px;
}
.coproduction-title {
font-size: 20px;
width: 500px;
margin-top: 49px;
}
.coproduction-logo {
margin: 22px 10px;
}
}
@media (min-width: 960px) {
.coproduction-wrapper {
height: 140px;
max-width: 960px;
margin: 0 auto;
}
.coproduction-wrapper:after {
top: 64px;
}
.coproduction-title {
font-size: 24px;
margin-top: 55px;
}
.coproduction-logo {
margin: 14px 10px;
background-image: url(./assets/images/coproduction-logo-md.png);
height: 112px;
width: 112px;
}
}
@media (min-width: 1200px) {
.coproduction-wrapper {
height: 200px;
max-width: 1200px;
}
.coproduction-wrapper:after {
top: 94px;
}
.coproduction-title {
margin-top: 86px;
}
.coproduction-logo {
margin: 25px 10px;
background-image: url(./assets/images/coproduction-logo-lg.png);
height: 150px;
width: 150px;
}
}
.episode_links:after {
content: "";
display: table;
clear: both;
}
.episode_links-box {
margin: 15px 0;
}
.episode_links-footer {
clear: both;
text-align: center;
padding: 20px 0 30px;
border-bottom: solid 1px #0000ff;
}
.episode_links-footer-link {
color: #0000ff;
cursor: pointer;
text-decoration: none;
font-size: 16px;
line-height: 20px;
padding: 12px 20px;
display: block;
}
.episode_links-footer-link:hover, .episode_links-footer-link:active, .episode_links-footer-link:visited:hover, .episode_links-footer-link:visited:active {
color: #00001a;
}
.episode_links-footer-link:visited {
color: #575775;
}
@media (min-width: 480px) {
.episode_links-footer {
border-bottom: none;
}
.episode_links-footer-link {
font-size: 18px;
line-height: 22px;
display: inline-block;
}
}
@media (min-width: 480px) {
.episode_links.has-3 .episode_links-box-first, .episode_links.has-3 .episode_links-box-second {
width: 50%;
float: left;
margin: 10px 0;
}
.episode_links.has-3 .episode_links-box-first {
padding-right: 5px;
}
.episode_links.has-3 .episode_links-box-second {
padding-left: 5px;
}
.episode_links.has-3 .episode_links-box-third {
clear: both;
}
}
@media (min-width: 960px) {
.episode_links.has-3 {
margin: 0 -5px;
}
.episode_links.has-3 .episode_links-box-first, .episode_links.has-3 .episode_links-box-second, .episode_links.has-3 .episode_links-box-third {
width: 33.333333%;
float: left;
margin: 10px 0;
padding: 0 5px;
}
.episode_links.has-3 .episode_links-box-third {
clear: none;
}
}
@media (min-width: 640px) {
.episode_links.has-2.has-text .episode_links-box-first, .episode_links.has-2.has-text .episode_links-box-second {
width: 50%;
float: left;
margin: 10px 0;
}
.episode_links.has-2.has-text .episode_links-box-first {
padding-right: 5px;
}
.episode_links.has-2.has-text .episode_links-box-second {
padding-left: 5px;
}
}
@media (min-width: 480px) {
.episode_links.has-2.has-no-text .episode_links-box-first, .episode_links.has-2.has-no-text .episode_links-box-second {
width: 50%;
float: left;
margin: 10px 0;
}
.episode_links.has-2.has-no-text .episode_links-box-first {
padding-right: 5px;
}
.episode_links.has-2.has-no-text .episode_links-box-second {
padding-left: 5px;
}
}
.episode_links.has-1 {
max-width: 650px;
}
.eshop {
padding: 32px 21px;
background: #f2f2ff;
}
.eshop-title {
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
font-size: 22px;
color: #393939;
margin: 0 0 22px;
}
.eshop-items:after {
content: "";
display: table;
clear: both;
}
.eshop-items-col {
float: left;
width: 45%;
width: calc(50% - 10px);
}
.eshop-items-col:first-child {
margin-right: 10px;
}
.eshop-items-col:last-child {
margin-left: 10px;
}
@media (min-width: 640px) {
.eshop-title {
font-size: 26px;
}
}
.newsletter {
background: #f2f2ff;
padding: 30px 25px;
padding-bottom: 15px;
border-bottom: 2px solid #0000fe;
}
.newsletter-title {
margin-bottom: 22px;
color: #393939;
font-size: 20px;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
}
.newsletter-note {
font-size: 18px;
margin-bottom: 35px;
color: #666e7a;
}
@media (min-width: 480px) {
.newsletter {
padding: 30px 20px;
}
}
.show_articles {
max-width: 1200px;
margin: auto;
}
.show_authors {
max-width: 1200px;
margin: auto;
}
.show_authors h3 {
font-size: 22px;
margin-bottom: 26px;
}
@media only screen and (min-width: 640px) {
.show_authors h3 {
font-size: 26px;
}
}
.show_authors .show_author {
margin-bottom: 20px;
}
.show_authors-more {
clear: both;
font-size: 20px;
line-height: 20px;
text-align: center;
}
.show_authors-more a {
text-decoration: none;
}
.show_authors-more a svg {
margin-left: 10px;
fill: #0000ff;
}
@media only screen and (min-width: 640px) {
.show_authors .show_authors-col {
width: 33.33333333333333333333333333333333%;
}
}
@media only screen and (min-width: 320px) and (max-width: 639px) {
.show_authors .show_authors-col {
width: 50%;
}
}
.show_episodes {
padding-bottom: 23px;
}
.show_episodes-inner {
padding: 23px 23px 0 23px;
background: rgba(229, 229, 255, 0.7);
}
.show_episodes-title {
position: relative;
margin-bottom: 13px;
}
.show_episodes-title h2 {
margin: 0;
padding: 0;
font-size: 24px;
display: inline-block;
}
@media (min-width: 640px) {
.show_episodes-title h2 {
font-size: 36px;
}
}
.show_episodes-title__appendix {
display: inline-block;
}
.show_episodes-title__appendix:after {
content: "";
display: table;
clear: both;
}
@media (min-width: 640px) {
.show_episodes-title__appendix {
position: relative;
top: -5px;
}
}
.show_episodes-title__appendix .badge {
vertical-align: middle;
padding-right: 14px;
padding-left: 14px;
font-size: 16px;
margin-left: 15px;
margin-bottom: 10px;
background: #fff;
color: #393939;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
}
.show_episodes-title__appendix__willBe {
color: #0000ff;
cursor: pointer;
text-decoration: none;
display: inline-block;
text-decoration: none;
font-size: 18px;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
line-height: 34px;
}
.show_episodes-title__appendix__willBe:hover, .show_episodes-title__appendix__willBe:active, .show_episodes-title__appendix__willBe:visited:hover, .show_episodes-title__appendix__willBe:visited:active {
color: #00001a;
}
.show_episodes-title__appendix__willBe:visited {
color: #575775;
}
.show_episodes-title__appendix__willBe:visited {
color: #0000ff;
}
.show_episodes-title__appendix__willBe:after {
content: "";
display: inline-block;
background: url("assets/images/arrow-right-blue.svg") 0 0 no-repeat;
background-size: 100%;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
width: 9px;
height: 17px;
position: relative;
top: 3px;
margin-left: 10px;
}
@media (min-width: 640px) {
.show_episodes-title__appendix__willBe {
font-size: 20px;
line-height: 43px;
}
}
.has-open-filter .show_episodes-title__appendix__willBe:after {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
@media (max-width: 639px) {
.show_episodes-title__appendix__willBe {
position: absolute;
top: 0;
right: 0;
}
}
@media (min-width: 640px) {
.show_episodes-title__appendix__willBe {
margin-left: 50px;
}
}
.show_episodes-sort {
margin-bottom: 20px;
}
@media (max-width: 639px) {
.show_episodes-sort {
text-align: center;
}
}
.show_episodes-sort .btn {
padding: 6px 20px;
background: transparent;
border: 2px solid #0000ff;
color: #0000ff;
cursor: pointer;
text-decoration: none;
}
.show_episodes-sort .btn:hover, .show_episodes-sort .btn:active, .show_episodes-sort .btn:visited:hover, .show_episodes-sort .btn:visited:active {
color: #00001a;
}
.show_episodes-sort .btn:visited {
color: #575775;
}
.show_episodes-sort .btn:visited {
color: #0000ff;
}
.show_episodes-sort .btn.is-active {
color: #fff;
background: #0000ff;
color: #fff;
}
.show_episodes-sort .btn.is-active:visited {
color: #fff;
}
.show_episodes-content {
margin-left: -25px;
margin-right: -25px;
margin-bottom: 20px;
}
.show_episodes-comming-soon {
max-height: 0;
-webkit-transition: max-height 300ms;
transition: max-height 300ms;
overflow: hidden;
margin-bottom: 0;
}
.has-open-filter .show_episodes-comming-soon {
max-height: 1000px;
overflow: hidden;
border-bottom: 54px solid transparent;
}
.show_episodes-footer {
text-align: center;
}
.show_episodes-footer small {
color: #666e7a;
margin-top: 20px;
display: block;
font-size: 18px;
}
@media (max-width: 479px) {
.show_episodes {
padding-left: 0;
padding-right: 0;
}
.show_episodes h2 {
text-align: center;
display: block;
margin-bottom: 15px;
font-size: 24px;
}
.show_episodes .btn_group {
display: block;
}
.show_episodes .btn_group .btn {
text-align: center;
width: calc(50% - 2px);
padding-left: 0;
padding-right: 0;
}
.show_episodes-content {
margin-left: -23px;
margin-right: -23px;
}
.show_episodes-title {
margin-bottom: 10px;
}
.show_episodes-title__appendix {
display: block;
position: relative;
}
.show_episodes-title__appendix__willBe {
line-height: 1;
}
.show_episodes-title__appendix .badge {
float: left;
margin-left: 0;
margin-bottom: 0;
}
}
.showsheader {
padding: 0;
/**
* Bigger view (?)
*/
}
.showsheader-wrap {
padding-bottom: 22px;
padding-top: 1px;
margin-left: -10px;
padding-left: 10px;
padding-right: 10px;
margin-right: -10px;
background-size: cover;
background-position: center center;
}
.showsheader-title {
display: block;
width: 100%;
margin: 0;
padding: 22px 0 10px;
text-align: center;
font-size: 24px;
}
.showsheader-title a {
text-decoration: none;
color: inherit;
}
.showsheader-about {
text-align: center;
clear: both;
}
.showsheader-about:after {
content: "";
display: table;
clear: both;
}
.showsheader-about__l, .showsheader-about__r {
display: block;
float: none;
text-align: center;
}
.showsheader-about__l {
line-height: 52px;
}
.showsheader-about__r .btn {
margin-top: 0;
margin-bottom: 0;
margin-left: 5px;
margin-right: 0;
}
.showsheader-about__r .btn-alarmClock {
padding: 11px 22px 12px;
}
@media (min-width: 480px) {
.showsheader-wrap {
padding-bottom: 32px;
}
.showsheader-title {
padding-bottom: 22px;
}
.showsheader-about__l {
float: left;
}
.showsheader-about__r {
float: right;
}
}
@media (min-width: 640px) {
.showsheader-wrap {
padding-bottom: 27px;
margin-bottom: 32px;
}
.showsheader-about {
padding-left: 11px;
padding-right: 11px;
}
}
@media (min-width: 960px) {
.showsheader-wrap {
margin-left: 0;
margin-right: 0;
padding-bottom: 5px;
padding-left: 21px;
padding-right: 10px;
}
.showsheader-title {
padding-top: 87px;
padding-bottom: 35px;
max-width: 450px;
text-align: left;
font-size: 30px;
}
.showsheader-title-viewImageTitle {
padding-bottom: 3px;
padding-top: 62px;
}
.showsheader .shows_period-viewSmall {
display: none;
}
}
@media (min-width: 1200px) {
.showsheader-wrap {
padding-left: 80px;
padding-right: 20px;
}
.showsheader-about {
padding-left: 0;
padding-right: 0;
}
}
.showsheader.view-big .showsheader-footer {
margin-top: 40px;
text-align: center;
margin-bottom: 20px;
}
.showsheader.view-big .showsheader-footer .btn {
margin-top: 30px;
}
@media (max-width: 639px) {
.showsheader.view-big {
padding-left: 0;
padding-right: 0;
}
}
.shows_similar {
background-color: #f2f2ff;
padding: 32px 0;
}
.shows_similar-title {
margin: 0 0 22px;
font-size: 22px;
line-height: 1.2;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
color: #393939;
}
.shows_similar-wrap {
position: relative;
overflow: hidden;
padding-left: 40px;
}
.shows_similar-prev, .shows_similar-next {
position: absolute;
top: 0;
bottom: 0;
z-index: 10;
margin: auto;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
width: 10px;
overflow: visible;
background: transparent;
}
.shows_similar-prev:before, .shows_similar-prev:after, .shows_similar-next:before, .shows_similar-next:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 10px;
width: 80px;
background: -webkit-linear-gradient(-360deg, rgba(242, 242, 255, 0) 0%, #f2f2ff 100%);
background: -webkit-linear-gradient(0deg, rgba(242, 242, 255, 0) 0%, #f2f2ff 100%);
background: linear-gradient(90deg, rgba(242, 242, 255, 0) 0%, #f2f2ff 100%);
}
.shows_similar-prev:after, .shows_similar-next:after {
width: 10px;
right: 0;
background: #f2f2ff;
}
.shows_similar-prev:focus, .shows_similar-next:focus {
outline: none;
}
.shows_similar-prev i, .shows_similar-next i {
display: none;
}
.shows_similar-prev svg, .shows_similar-next svg {
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
z-index: 10;
fill: rgba(0, 0, 255, 0.1);
}
.shows_similar-prev.is-active svg, .shows_similar-next.is-active svg {
fill: #0000ff;
}
.shows_similar-prev {
left: 0;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
padding-left: 22px;
}
.shows_similar-prev:before {
display: none;
}
.shows_similar-prev:after {
width: 30px;
}
.shows_similar-next {
right: 0;
padding-left: 22px;
}
.shows_similar-items {
position: relative;
left: 0;
width: 9999px;
-webkit-transition: all 333ms;
transition: all 333ms;
}
.shows_similar-item {
color: #0000ff;
cursor: pointer;
text-decoration: none;
float: left;
width: 180px;
margin-right: 20px;
text-decoration: none;
}
.shows_similar-item:hover, .shows_similar-item:active, .shows_similar-item:visited:hover, .shows_similar-item:visited:active {
color: #00001a;
}
.shows_similar-item:visited {
color: #575775;
}
.shows_similar-item:hover .shows_similar-item-play {
background-image: url("assets/images/icon-play-video-hover.svg");
}
.no-svg .shows_similar-item:hover .shows_similar-item-play {
background-image: url("assets/images/icon-play-video-hover.png");
}
.shows_similar-item-video {
height: 100px;
display: block;
position: relative;
}
.shows_similar-item-play {
width: 32px;
height: 32px;
border-radius: 32px;
}
.shows_similar-item-duration {
position: absolute;
right: 5px;
bottom: 4px;
background-color: rgba(14, 17, 29, 0.68);
color: #fff;
}
.shows_similar-item-meta {
position: relative;
padding: 11px 20px 16px;
background: #fff;
}
.shows_similar-item-meta:after {
content: ' ';
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 2px;
background-color: #0000ff;
}
.shows_similar-item-title {
margin: 0;
font-size: 22px;
line-height: 26px;
font-family: "Source Sans Pro", sans-serif;
color: inherit;
}
.shows_similar-item-pre {
line-height: 24px;
font-size: 17px;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
color: #666e7a;
}
.shows_similar-item-pos {
line-height: 22px;
font-size: 14px;
font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
color: #666e7a;
}
.shows_similar-item-more {
position: relative;
background: rgba(255, 255, 255, 0.7);
padding-right: 14px;
}
.shows_similar-item-more:after {
content: ' ';
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 2px;
background-color: #0000ff;
}
.shows_similar-item-more:after {
opacity: 0.5;
}
.shows_similar-item-more-arrow {
content: '';
position: absolute;
right: -20px;
top: 0;
bottom: 0;
margin: auto;
width: 9px;
height: 16px;
fill: #0000ff;
}
.shows_similar-item-more .shows_similar-item-meta {
margin-top: 100px;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: none;
}
.shows_similar-item-more .shows_similar-item-meta:after {
display: none;
}
.shows_similar-item-more-inner {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (min-width: 480px) {
.shows_similar-title {
padding: 0 40px;
}
}
@media (min-width: 640px) {
.shows_similar-title {
font-size: 26px;
margin-bottom: 32px;
}
.shows_similar-item {
width: 205px;
}
.shows_similar-item-video {
height: 115px;
}
.shows_similar-item-play {
width: 48px;
height: 48px;
border-radius: 48px;
}
.shows_similar-item-more .shows_similar-item-meta {
margin-top: 115px;
}
}
@media (min-width: 960px) {
.shows_similar-next:before {
display: none;
}
}
@media (min-width: 1200px) {
.shows_similar-item {
margin-right: 21px;
}
}
.shows_similar.view-grid .shows_similar-prev, .shows_similar.view-grid .shows_similar-next {
display: none;
}
.shows_similar.view-grid .shows_similar-items {
width: 100%;
}
.shows_similar.view-grid .shows_similar-item {
float: none;
background: #FFF;
display: inline-block;
vertical-align: top;
margin-right: 15px;
margin-bottom: 15px;
}
.shows_similar.view-grid .shows_similar-item-more {
display: none;
}
.episode-perex {
font-weight: bold;
}
.episode-video.view-288p {
max-width: 630px;
margin-left: auto;
margin-right: auto;
}
.video_bonus:after {
left: 10px;
right: 10px;
}
.video_bonus-meta {
padding-bottom: 14px;
}
@media (min-width: 480px) {
.video_bonus-meta {
padding-bottom: 24px;
}
}
@media (min-width: 640px) {
.video_bonus-meta {
padding-bottom: 32px;
}
}
.video_bonus.view-S .video_bonus-meta {
min-height: 124px;
}
@media (min-width: 480px) {
.video_bonus.view-S .video_bonus-meta {
min-height: 104.875px;
}
}
@media (min-width: 640px) {
.video_bonus.view-S .video_bonus-meta {
padding-top: 25px;
}
}
@media (min-width: 960px) {
.video_bonus.view-S .video_bonus-meta {
padding-top: 37px;
}
}
@media (min-width: 960px) {
.video_bonus.view-L .video_bonus-meta {
padding-bottom: 48px;
}
}
@media print {
/* --------------------------------------------------------------
Hartija Css Print Framework
* Version: 1.0
-------------------------------------------------------------- */
body {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.45;
font-family: Garamond,"Times New Roman", serif;
color: #000;
background: none;
font-size: 14pt;
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
page-break-after: avoid;
}
h1 {
font-size: 19pt;
}
h2 {
font-size: 17pt;
}
h3 {
font-size: 15pt;
}
h4, h5, h6 {
font-size: 14pt;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
code {
font: 12pt Courier, monospace;
}
blockquote {
margin: 1.2em;
padding: 1em;
font-size: 12pt;
}
hr {
background-color: #ccc;
}
/* Images */
img {
float: left;
margin: 1em 1.5em 1.5em 0;
max-width: 100% !important;
}
a img {
border: none;
}
/* Links */
a:link, a:visited {
background: transparent;
font-weight: 700;
text-decoration: underline;
color: #333;
}
a:link[href^="http://"]:after, a[href^="http://"]:visited:after {
content: " (" attr(href) ") ";
font-size: 90%;
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/* Don't show linked images */
a[href^="http://"] {
color: #000;
}
a[href$=".jpg"]:after, a[href$=".jpeg"]:after, a[href$=".gif"]:after, a[href$=".png"]:after {
content: " (" attr(href) ") ";
display: none;
}
/* Don't show links that are fragment identifiers, or use the `javascript:` pseudo protocol .. taken from html5boilerplate */
a[href^="#"]:after, a[href^="javascript:"]:after {
content: "";
}
/* Table */
table {
margin: 1px;
text-align: left;
}
th {
border-bottom: 1px solid #333;
font-weight: bold;
}
td {
border-bottom: 1px solid #333;
}
th, td {
padding: 4px 10px 4px 0;
}
tfoot {
font-style: italic;
}
caption {
background: #fff;
margin-bottom: 2em;
text-align: left;
}
thead {
display: table-header-group;
}
img, tr {
page-break-inside: avoid;
}
/* Hide various parts from the site */
.siteheader,
.image,
.photo,
.video,
.gallery,
.article_link-image,
.share_tools,
.article-photohero,
.view-P {
display: none;
}
}
/*# sourceMappingURL=shows_index.css.map */