/*
Theme Name: Inside Zim
*/
html, body, div, span, object, iframe, h1, h2, h3,h6, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
background: transparent;
border: 0;
font-size: 100%;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline
}
body {
line-height: 1
}
body {
position: inherit !important;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block
}
nav ul {
list-style: none
}
blockquote, q {
quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
content: none
}
a {
background: transparent;
font-size: 120%;
margin: 0;
padding: 0;
vertical-align: baseline
}
ins {
background-color: #fff;
color: #141414;
text-decoration: none
}
mark {
background-color: #fff;
color: #141414;
font-style: italic;
font-weight: bold
}
del {
text-decoration: line-through
}
table {
border-collapse: collapse;
border-spacing: 0
}
hr {
border: 0;
border-top: 1px solid #141414;
display: block;
height: 1px;
margin: 1em 0;
padding: 0
}
input, select {
vertical-align: middle
}
main {
display: block
}
body {
font-family: 'Maven Pro', sans-serif;
font-size: 16px;
font-weight: 400;
background: #fff;
box-sizing: border-box;
color: #141414;
margin-top: 110px;
padding: 0;
transition: margin-top 125ms linear;
width: 100%
}
body main {
position: relative
}
body.article-page {
background-color: #F1F1F1
}
body.webview {
background-color: transparent
}
.ratio-3x2 {
display: block;
padding-top: 66.66%;
position: relative
}
.ratio-3x2 img {
display: block;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.hidden {
display: none !important
}
.not-visible {
opacity: 0;
visibility: hidden
}
[data-mod] {
min-height: 1px
}
@media all and (min-width: 728px) {
body {
margin-top: 124px
}
}
@media all and (min-width: 1024px) {
body {
margin-top: 127px;
transition: none
}
}
@media all and (min-width: 1240px) {
body {
margin-top: 105px
}
main {
margin: 0 auto;
z-index: 1
}
}
[data-smooth-scroll] {
-webkit-overflow-scrolling: touch
}
.icon {
border-radius: 50%;
box-sizing: content-box;
color: #fff;
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
text-indent: 100%;
white-space: nowrap
}
.icon:before {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-family: 'icomoon';
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-indent: 0;
text-transform: none
}
.icon:after {
border-radius: 50%;
content: '';
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.facebook {
background-color: #315C97
}
.facebook:before {
font-family: FontAwesome;
content: "\f09a";
}
.googleplus {
background-color: #DD4B39
}
.googleplus:before {
font-family: FontAwesome;
content: "\f0d5";
}
.instagram {
background-color: #517FA3
}
.instagram:before {
font-family: FontAwesome;
content: "\f16d";}
.linkedin {
background-color: #007BB5
}
.linkedin:before {
font-family: FontAwesome;
content: "\f0e1";
}
.pinterest {
background-color: #CD1D1F
}
.pinterest:before {
font-family: FontAwesome;
content: "\f0d5";
}
.reddit {
background-color: #B2CFEF
}
.reddit:before {
content: ""
}
.stumble-upon {
background-color: #F74425
}
.stumble-upon:before {
content: ""
}
.twitter {
background-color: #39A9E0
}
.twitter:before {
font-family: FontAwesome;
content: "\f099";
}
.whatsapp {
background-color: #3BB931
}
.whatsapp:before {
content: ""
}
.comments {
background-color: #009C33
}
.comments:before {
content: ""
}
.icon.facebook:before {
left: 55%
}
@keyframes sonarEffect {
0% {
opacity: .3
}
40% {
box-shadow: 0 0 0 2px rgba(44, 44, 44, 0.1), 0 0 8px 8px #fff, 0 0 0 8px rgba(44, 44, 44, 0.2);
opacity: .5
}
100% {
box-shadow: 0 0 0 2px rgba(44, 44, 44, 0.1), 0 0 8px 8px #fff, 0 0 0 8px rgba(44, 44, 44, 0.2);
opacity: 0;
transform: scale(1.4)
}
}
@keyframes sonarEffectFooter {
0% {
opacity: .3
}
40% {
box-shadow: 0 0 0 2px rgba(44, 44, 44, 0.1), 0 0 8px 8px #2C2C2C, 0 0 0 8px rgba(44, 44, 44, 0.2);
opacity: .5
}
100% {
box-shadow: 0 0 0 2px rgba(44, 44, 44, 0.1), 0 0 8px 8px #2C2C2C, 0 0 0 8px rgba(44, 44, 44, 0.2);
opacity: 0;
transform: scale(1.4)
}
}
@keyframes rotation {
from {
transform: rotate(0deg)
}
to {
transform: rotate(359deg)
}
}
.ribbon-middle {
background: transparent url("../img/premium/ribbon-middle.png") repeat center center
}
.premium-teaser-background {
background: transparent url("../img/premium/teasers-tag.png") no-repeat 50% 0
}
#signin {
float: right;
overflow: visible;
position: relative;
z-index: 3
}
#signin:before {
border-color: transparent transparent #141414;
border-style: solid;
border-width: 0 0 50px 22px;
content: '';
display: block;
height: 0;
position: absolute;
width: 0
}
#signin .label {
background: #141414;
color: #fff;
cursor: pointer;
display: none;
font-size: 0;
height: 50px;
margin-left: 22px;
position: relative;
text-decoration: none;
text-transform: uppercase;
width: 34px
}
#signin .label span {
box-shadow: inset 0 0 0 2px #fff;
font-size: 24px;
height: 25px;
left: 0px;
position: absolute;
top: 12px;
width: 25px
}
#signin .label span:before {
font-family: FontAwesome;
content: "\f09e";
}
#signin .label span:before {
}
#signin .label .icon {
background-color: #141414
}
#signin .bubble-wrapper {
background: #141414;
color: #fff;
cursor: pointer;
display: none;
height: 50px;
margin-left: 22px;
position: relative;
text-decoration: none;
text-transform: uppercase;
width: 34px
}
#signin .bubble-wrapper .name {
font-family: 'Maven Pro', sans-serif;
font-size: 16px;
font-weight: 600;
background-color: #fff;
border: 2px solid #fff;
border-radius: 50%;
color: #141414;
height: 32px;
left: -3px;
padding-top: 6px;
position: absolute;
text-align: center;
top: 8px;
width: 32px
}
#signin .bubble-wrapper .bubble {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400;
background: #fff;
border: 1px solid #E0E0E0;
border-radius: 2px;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
color: #626262;
display: none;
list-style-type: none;
position: absolute;
right: 12px;
text-transform: none;
top: 50px;
width: 195px;
z-index: 1
}
#signin .bubble-wrapper .bubble li:first-child a {
padding-bottom: 10px;
padding-top: 24px
}
#signin .bubble-wrapper .bubble a {
display: inline-block;
padding: 10px 20px 20px 24px;
text-decoration: none;
width: 100%
}
#signin .bubble-wrapper .bubble #sso-subscriptions {
padding: 10px 20px 10px 24px
}
#signin .bubble-wrapper .bubble:before {
border-bottom: 10px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
content: '\A';
position: absolute;
right: 10px;
top: -9px
}
#signin .bubble-wrapper .bubble.show {
display: block
}
#signin .bubble-wrapper .bubble p:hover {
opacity: .7
}
#signin .show {
display: block
}
#sso-my-account, #sso-subscriptions {
color: #141414
}
#sso-logout {
color: #626262
}
@media all and (min-width: 728px) {
#signin:before {
border-width: 0 0 60px 32px
}
#signin .label, #signin .bubble-wrapper {
font-family: 'Maven Pro', sans-serif;
font-size: 17px;
font-weight: 600;
height: 60px;
margin-left: 32px;
padding-left: 64px;
padding-right: 16px;
padding-top: 21px;
width: auto
}
#signin .label .name, #signin .bubble-wrapper .name {
left: 16px;
top: 14px
}
#signin .label span, #signin .bubble-wrapper span {
height: 32px;
left: 16px;
top: 14px;
width: 32px
}
#signin .label .bubble, #signin .bubble-wrapper .bubble {
right: 12px;
top: 60px
}
#signin .label .bubble:before, #signin .bubble-wrapper .bubble:before {
right: 25px
}
}
@media all and (min-width: 1024px) {
#signin:before {
border-width: 0 0 70px 32px
}
#signin .label, #signin .bubble-wrapper {
font-size: 0;
height: 70px;
padding-left: 0;
padding-right: 0;
width: 64px
}
#signin .label span, #signin .label .name, #signin .bubble-wrapper span, #signin .bubble-wrapper .name {
top: 19px
}
#signin .label .name, #signin .bubble-wrapper .name {
font-size: 15px
}
#signin .label .bubble, #signin .bubble-wrapper .bubble {
right: 12px;
top: 70px
}
#signin .label .bubble:before, #signin .bubble-wrapper .bubble:before {
right: 10px
}
}
@media all and (min-width: 1240px) {
#signin:before {
border-width: 0 0 80px 32px
}
#signin .label, #signin .bubble-wrapper {
font-size: 16px;
height: 80px;
padding-left: 58px;
padding-right: 16px;
padding-top: 33px;
width: auto
}
#signin .label span, #signin .label .name, #signin .bubble-wrapper span, #signin .bubble-wrapper .name {
top: 24px
}
#signin .label .name, #signin .bubble-wrapper .name {
font-size: 16px;
height: 38px;
padding-top: 9px;
width: 38px
}
#signin .label .bubble, #signin .bubble-wrapper .bubble {
right: 20px;
top: 80px
}
#signin .label .bubble:before, #signin .bubble-wrapper .bubble:before {
right: 8px
}
}
.gigya-progressive-custom, .gigya-screen-dialog-mobile.gigya-progressive-custom {
left: 0 !important;
position: fixed;
top: 50px !important;
width: 100%
}
.gigya-progressive-custom .gigya-screen-dialog *, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-screen-dialog * {
font-size: 16px
}
.gigya-progressive-custom #gigya-screen-dialog-page-overlay, .gigya-screen-dialog-mobile.gigya-progressive-custom #gigya-screen-dialog-page-overlay {
display: block !important;
height: 100%;
opacity: .9 !important
}
.gigya-progressive-custom .gigya-screen-dialog-inner, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-screen-dialog-inner {
border: 0;
left: 50%;
position: absolute;
transform: translateX(-50%)
}
.gigya-progressive-custom .gigya-screen-dialog-top, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-screen-dialog-top {
background-color: transparent;
border-radius: 50%;
box-shadow: 0 3px 4px 0 #979797;
overflow: initial;
padding: 0;
position: absolute;
right: 1%;
top: 5px;
z-index: 1
}
.gigya-progressive-custom .gigya-screen-dialog-top .gigya-screen-dialog-caption, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-screen-dialog-top .gigya-screen-dialog-caption {
display: none
}
.gigya-progressive-custom .gigya-screen-dialog-top .gigya-screen-dialog-close, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-screen-dialog-top .gigya-screen-dialog-close {
background: none;
background-color: #fff;
border-radius: 50%;
height: 48px;
position: relative;
width: 48px
}
.gigya-progressive-custom .gigya-screen-dialog-top .gigya-screen-dialog-close:before, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-screen-dialog-top .gigya-screen-dialog-close:before {
color: #626262;
content: '\e604';
display: block;
font-family: icomoon;
font-size: 22px;
font-weight: 700;
height: 20px;
left: 25%;
position: absolute;
top: 18%;
width: 20px
}
.gigya-progressive-custom .gigya-screen-dialog-content, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-screen-dialog-content {
overflow: visible
}
.gigya-progressive-custom .gigya-profile-form, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-profile-form {
background-color: #fff;
padding: 30px
}
.gigya-progressive-custom .gigya-label, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-label {
display: block;
font-weight: 700;
padding-bottom: 2px;
padding-top: 10px
}
.gigya-progressive-custom .gigya-label .gigya-label-text, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-label .gigya-label-text {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400;
font-weight: 700
}
.gigya-progressive-custom .gigya-input-text, .gigya-progressive-custom .gigya-composite-control-dropdown select, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-input-text, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-composite-control-dropdown select {
background-color: #F1F1F1;
border: 1px solid #E0E0E0;
border-radius: 5px;
box-sizing: border-box;
cursor: pointer;
margin: 5px 0;
padding: 5px;
width: 100%
}
.gigya-progressive-custom .gigya-composite-control-dropdown select, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-composite-control-dropdown select {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
color: #494949;
line-height: 1.6;
text-indent: 3px
}
.gigya-progressive-custom .gigya-style-modern .arrow, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-style-modern .arrow {
float: right;
font-size: 15px;
right: 39%
}
.gigya-progressive-custom .gigya-style-modern .arrow:after, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-style-modern .arrow:after {
color: #626262;
content: '\e605';
font-family: icomoon;
margin: 17px 0 0 -25px;
pointer-events: none;
position: absolute
}
.gigya-progressive-custom .gigya-style-modern .gigya-screen-dialog-main, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-style-modern .gigya-screen-dialog-main {
margin: 0 auto;
width: 440px !important
}
.gigya-progressive-custom .gigya-style-modern .gigya-screen-content, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-style-modern .gigya-screen-content {
overflow: visible;
width: 440px
}
.gigya-progressive-custom .gigya-style-modern .gigya-screen.portrait, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-style-modern .gigya-screen.portrait {
padding: 0 !important;
width: auto !important
}
.gigya-progressive-custom .gigya-style-modern .top-label, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-style-modern .top-label {
font-family: 'Maven Pro', sans-serif;
font-size: 18px;
font-weight: 400;
background: #626262;
display: block;
height: 80px;
width: 440px
}
.gigya-progressive-custom .gigya-style-modern .top-label span, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-style-modern .top-label span {
color: #fff;
display: block;
line-height: 1.2;
padding: 20px 25px 0 50px
}
.gigya-progressive-custom .gigya-style-modern .top-label span:before, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-style-modern .top-label span:before {
content: '\e900';
display: inline-block;
font-family: icomoon;
font-size: 25px;
left: 40px;
position: absolute;
top: 48px
}
.gigya-progressive-custom .gigya-style-modern .top-label strong, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-style-modern .top-label strong {
color: #fff;
font-weight: 700
}
.gigya-progressive-custom .gig-cust-row.gig-cust-row-3 .gigya-layout-cell, .gigya-screen-dialog-mobile.gigya-progressive-custom .gig-cust-row.gig-cust-row-3 .gigya-layout-cell {
display: inline-block;
margin-right: 13px;
width: 31%
}
.gigya-progressive-custom .gigya-composite-control-submit, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-composite-control-submit {
background-color: #F1F1F1;
border-top: 1px solid #E0E0E0;
margin: 30px -30px -32px;
padding: 25px 0;
text-align: center
}
.gigya-progressive-custom .gigya-composite-control-submit .gigya-input-submit, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-composite-control-submit .gigya-input-submit {
-webkit-appearance: none;
appearance: none;
background: #626262;
border: 0;
border-radius: 30px;
color: #fff;
cursor: pointer;
font-size: 15px;
font-weight: 700;
height: 40px;
padding: 0 52px;
text-transform: none;
width: auto
}
.gigya-progressive-custom .gigya-composite-control-submit .gigya-input-submit:hover, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-composite-control-submit .gigya-input-submit:hover {
background-color: #fff !important;
color: #626262 !important
}
.gigya-progressive-custom .skip:after, .gigya-screen-dialog-mobile.gigya-progressive-custom .skip:after {
content: '\00bb';
margin-left: 5px
}
.gigya-screen-dialog-mobile.gigya-progressive-custom {
position: absolute !important
}
.gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-screen-dialog-inner {
left: 0 !important;
position: initial !important;
transform: none !important
}
.gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-profile-form {
padding: 20px !important
}
.gigya-screen-dialog-mobile.gigya-progressive-custom .top-label {
margin: -20px -20px 20px !important;
padding-bottom: 20px;
width: auto !important
}
.gigya-screen-dialog-mobile.gigya-progressive-custom .top-label span {
padding: 20px 25px 0 50px !important
}
.gigya-screen-dialog-mobile.gigya-progressive-custom .top-label span:before {
left: 35px !important
}
.gigya-screen-dialog-mobile.gigya-progressive-custom .gig-cust-row-3 .gigya-layout-cell {
margin-right: 3px !important
}
.gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-composite-control-submit {
margin: 20px -20px -32px !important
}
.gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-label-skip {
margin: 30px -20px -30px !important
}
.gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-composite-control-textbox .gigya-input-text {
height: 36px
}
.gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-screen-dialog-content {
left: 50%;
position: relative;
transform: translateX(-50%)
}
.icon.thumbs-up:before {
content: ""
}
.icon.thumbs-down:before {
content: ""
}
.notification {
padding: 18px 12px
}
#social-follow {
font-size: 13px;
margin-bottom: 48px
}
#social-follow:empty {
margin-bottom: 0
}
#social-headings {
display: none
}
#social-headings li {
font-weight: 700
}
#social-methods .icon {
border-radius: 0;
font-size: 32px;
height: 32px;
width: 32px
}
#social-methods .icon.small {
font-size: 18px;
height: 18px;
width: 18px
}
#social-methods .icon.large {
cursor: default;
display: none
}
#social-methods a {
text-decoration: none
}
#social-methods > div {
padding: 18px 12px
}
#social-methods > div.facebook-share {
background: #315C97
}
#social-methods > div.facebook-share strong {
color: #fff;
display: block;
padding-left: 28px;
position: relative
}
#social-methods > div.facebook-share strong span {
left: 0;
position: absolute;
top: -4px
}
#social-methods > div.facebook-share strong em {
display: inline-block;
font-style: normal;
font-weight: normal;
margin-left: 5px
}
#social-methods > div.facebook-share .page-name {
color: #fff;
font-weight: 700;
left: 10px;
position: relative;
top: -8px
}
@media all and (min-width: 728px) {
#social-methods > div.facebook-share .page-name {
left: 0;
margin-left: 13px;
margin-top: 45px;
position: absolute;
top: calc(50% - 31px)
}
}
@media all and (min-width: 728px) {
#social-methods > div.facebook-share .fb-like {
margin-top: -15px
}
}
@media all and (min-width: 1240px) {
#social-methods > div.facebook-share .fb-like {
margin-top: -18px
}
}
#social-methods > div.twitter-share {
background: #39A9E0;
cursor: pointer
}
#social-methods > div.twitter-share ul {
overflow: hidden
}
#social-methods > div.twitter-share li {
box-sizing: border-box;
float: left;
line-height: 1.3em;
list-style-type: none;
margin-left: 20px;
min-height: 18px;
padding-left: 26px;
position: relative
}
#social-methods > div.twitter-share li:first-child {
margin-left: 0
}
#social-methods > div.twitter-share li .icon {
left: 0;
position: absolute;
top: -1px
}
#social-methods > div.twitter-share a {
color: #fff;
font-weight: 700
}
#social-methods > div.twitter-share span.icon {
cursor: pointer
}
#social-methods > div.mail-share {
background: #E90E0E;
padding-right: 144px;
position: relative
}
#social-methods > div.mail-share #enter-email {
cursor: pointer;
font-weight: 700
}
#social-methods > div.mail-share.textbox {
padding-bottom: 10px
}
#social-methods > div.mail-share.textbox .icon.large, #social-methods > div.mail-share.textbox #enter-email, #social-methods > div.mail-share.textbox > strong {
display: none
}
#social-methods > div.mail-share.textbox input {
border-radius: 6px;
border: 1px solid #E0E0E0;
color: #979797;
display: block;
font-size: 14px;
margin-top: -8px;
padding: 8px;
width: calc(100% - 24px)
}
#social-methods > div.mail-share.textbox input:focus {
color: #626262
}
#social-methods > div.mail-share.textbox #subscribe {
display: block
}
#social-methods > div.mail-share.textbox #subscribe {
cursor: pointer;
font-weight: 700
}
#social-methods > div.mail-share.user-message {
padding: 0
}
#social-methods > div.mail-share.user-message > * {
display: none
}
#social-methods > div.mail-share.user-message .notification {
display: block
}
#social-methods > div.mail-share .notification strong {
display: block;
font-weight: 700;
position: relative
}
#social-methods > div.mail-share .notification strong span {
border-radius: 0;
font-size: 18px;
height: 18px;
top: -1px;
width: 18px
}
#social-methods > div.mail-share.successful {
background: #009C33
}
#social-methods > div.mail-share.successful .notification strong {
color: #fff
}
#social-methods > div.mail-share.successful .notification strong span {
color: #fff
}
#social-methods > div.mail-share.successful .notification strong span:before {
content: ""
}
#social-methods > div.mail-share.warning {
background: gold
}
#social-methods > div.mail-share.warning .notification strong {
color: #000
}
#social-methods > div.mail-share.warning .notification strong span {
color: #000
}
#social-methods > div.mail-share.warning .notification strong span:before {
content: ""
}
#social-methods > div.mail-share.information {
color: #fff
}
#social-methods > div.mail-share.information .notification strong {
color: #fff
}
#social-methods > div.mail-share.information .notification strong span {
color: #fff
}
#social-methods > div.mail-share.information .notification strong span:before {
content: ""
}
#social-methods > div.mail-share .icon.mail:before {
font-family: FontAwesome;
content: "\f003";
}
#social-methods > div.mail-share > strong {
color: #fff;
min-height: 19px
}
#social-methods > div.mail-share strong {
display: block;
line-height: 1.3em;
padding-left: 28px;
position: relative
}
#social-methods > div.mail-share strong span {
left: 0;
position: absolute;
top: -1px
}
#social-methods > div.mail-share a {
border-radius: 16px;
background: #fff;
border-color: #E90E0E;
border-style: solid;
border-width: 2px;
color: #E90E0E;
display: inline-block;
padding: 8px 10px;
position: absolute;
right: 12px;
text-align: center;
top: 11px;
width: 100px
}
#social-methods > div.mail-share a:hover {
background: #E90E0E;
border-color: #fff;
color: #fff
}
#social-methods > div.mail-share input, #social-methods > div.mail-share #subscribe {
display: none
}
@media all and (min-width: 728px) {
#social-headings {
display: flex;
font-size: 16px
}
#social-headings li:first-child:nth-last-child(1) {
width: calc((100% - 16px) / 1)
}
#social-headings li:first-child:nth-last-child(2), #social-headings li:first-child:nth-last-child(2) ~ li {
width: calc((100% - 16px) / 2)
}
#social-headings li:first-child:nth-last-child(3), #social-headings li:first-child:nth-last-child(3) ~ li {
width: calc((100% - 32px) / 3)
}
#social-headings li {
list-style-type: none;
padding: 12px;
background: #F1F1F1
}
#social-headings li:not(:last-child) {
margin-right: 16px
}
#social-headings li:nth-child(1) strong {
color: #315C97
}
#social-headings li:nth-child(2) strong {
color: #39A9E0
}
#social-headings li:nth-child(3) strong {
color: #E90E0E
}
#social-methods {
display: flex
}
#social-methods .icon.large {
display: block;
position: absolute;
right: 16px;
top: calc(50% - 16px)
}
}
@media all and (min-width: 728px) and (min-width: 1024px) {
#social-methods .icon.large {
top: calc(50% - 20px)
}
}
@media all and (min-width: 728px) and (min-width: 1240px) {
#social-methods .icon.large {
top: calc(50% - 16px)
}
}
@media all and (min-width: 728px) {
#social-methods div:first-child:nth-last-child(1) {
width: calc((100% - 16px) / 1)
}
#social-methods div:first-child:nth-last-child(2), #social-methods div:first-child:nth-last-child(2) ~ div {
width: calc((100% - 16px) / 2)
}
#social-methods div:first-child:nth-last-child(3), #social-methods div:first-child:nth-last-child(3) ~ div {
width: calc((100% - 32px) / 3)
}
#social-methods > div {
list-style-type: none;
padding: 12px;
align-items: center;
box-sizing: border-box;
display: flex;
position: relative
}
#social-methods > div:not(:last-child) {
margin-right: 16px
}
#social-methods > div.facebook-share strong span {
top: -3px
}
#social-methods > div.twitter-share {
padding-right: 64px
}
#social-methods > div.twitter-share li {
margin-left: 0;
margin-top: 5px
}
#social-methods > div.twitter-share li:first-of-type {
margin-top: 0
}
#social-methods > div.mail-share {
padding-right: 64px
}
#social-methods > div.mail-share.textbox {
display: block;
padding: 12px
}
#social-methods > div.mail-share.textbox input {
margin-bottom: 12px;
margin-top: 0;
width: calc(100% - 16px)
}
#social-methods > div.mail-share.textbox a {
display: inline-block;
padding-left: 32px;
padding-right: 32px;
width: 80px
}
#social-methods > div.mail-share > strong, #social-methods > div.mail-share > .icon.small {
display: none
}
#social-methods > div.mail-share a {
border-radius: 22px;
display: block;
padding: 12px 10px;
position: relative;
right: 0;
top: 0;
width: 100%
}
#social-methods > div.mail-share.user-message {
padding-right: 64px
}
#social-methods > div.mail-share .notification {
padding-right: 0;
width: 100%
}
#social-methods > div.mail-share .notification strong {
padding-left: 0
}
#social-methods > div.mail-share .notification strong span {
font-size: 32px;
height: 32px;
left: auto;
right: -48px;
top: calc(50% - 16px);
width: 32px
}
}
@media all and (min-width: 1024px) {
#social-headings {
font-size: 14px
}
}
.blokada-auto .article-wrapper .content-column .article-body *, .blokada .article-wrapper .content-column .article-body * {
font-family: redacted_scriptbold !important
}
.blokada-auto .article-wrapper .content-column, .blokada .article-wrapper .content-column {
position: relative;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none
}
.blokada-auto .article-wrapper .content-column > *:not(.not-blur), .blokada .article-wrapper .content-column > *:not(.not-blur) {
filter: blur(5px);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');
pointer-events: none;
position: relative
}
.blokada-auto .article-wrapper .content-column > *:not(.not-blur).side-sharebar, .blokada .article-wrapper .content-column > *:not(.not-blur).side-sharebar {
display: none
}
.blokada-auto .article-wrapper .content-column:before, .blokada .article-wrapper .content-column:before {
background: transparent;
content: '';
height: 100%;
position: absolute;
width: 100%;
z-index: 1
}
.blokada-auto .article-wrapper .content-column .not-blur, .blokada .article-wrapper .content-column .not-blur {
filter: none;
pointer-events: visible
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.blokada .article-wrapper .content-column > *:not(.not-blur), .blokada .primary, .blokada-auto .article-wrapper .content-column > *:not(.not-blur), .blokada-auto .primary {
opacity: .2
}
.blokada .article-wrapper .content-column #premium-article-prompt, .blokada-auto .article-wrapper .content-column #premium-article-prompt {
opacity: 1
}
}
#top-article-prompt, #premium-article-prompt {
margin-bottom: 20px;
position: relative;
z-index: 1
}
#top-article-prompt:empty, #premium-article-prompt:empty {
margin-bottom: 0
}
#bottom-article-prompt {
bottom: 0;
left: 0;
position: fixed;
transition: opacity .5s;
width: 100% !important;
z-index: 4
}
.active + #bottom-article-prompt, .active + div[class*='mod-']:not(.active) + #bottom-article-prompt {
bottom: 80px
}
@media all and (min-width: 728px) {
.active + #bottom-article-prompt, .active + div[class*='mod-']:not(.active) + #bottom-article-prompt {
bottom: 70px
}
}
@media all and (min-width: 1240px) {
.active + #bottom-article-prompt, .active + div[class*='mod-']:not(.active) + #bottom-article-prompt {
bottom: 60px
}
}
.active + .active + #bottom-article-prompt {
bottom: 160px
}
@media all and (min-width: 728px) {
.active + .active + #bottom-article-prompt {
bottom: 120px
}
}
@media all and (min-width: 1240px) {
.active + .active + #bottom-article-prompt {
bottom: 110px
}
}
.premium-content {
color: #fff;
font-size: 16px;
font-weight: 600;
height: 20px;
letter-spacing: .2em;
line-height: 1.4;
margin-bottom: 10px;
position: relative;
text-align: center;
text-transform: uppercase
}
.premium-content:before {
border-color: transparent transparent transparent #fff;
border-style: solid;
border-width: 10px 0 10px 3px;
content: '';
display: inline-block;
height: 0;
left: 0;
position: absolute;
top: 0;
width: 0
}
.premium-content:after {
border-color: transparent #fff transparent transparent;
border-style: solid;
border-width: 10px 3px 10px 0;
content: '';
display: inline-block;
height: 0;
position: absolute;
right: 0;
top: 0;
width: 0
}
#bottom-article-message {
bottom: 0;
left: 0;
position: fixed;
transition: opacity .5s;
width: 100% !important;
z-index: 3
}
.active + #bottom-article-message, .active + div[class*="mod-"]:not(.active) + #bottom-article-message {
bottom: 80px
}
@media all and (min-width: 728px) {
.active + #bottom-article-message, .active + div[class*="mod-"]:not(.active) + #bottom-article-message {
bottom: 70px
}
}
@media all and (min-width: 1024px) {
.active + #bottom-article-message, .active + div[class*="mod-"]:not(.active) + #bottom-article-message {
bottom: 82px
}
}
@media all and (min-width: 1240px) {
.active + #bottom-article-message, .active + div[class*="mod-"]:not(.active) + #bottom-article-message {
bottom: 60px
}
}
.active + .active + #bottom-article-message {
bottom: 160px
}
@media all and (min-width: 728px) {
.active + .active + #bottom-article-message {
bottom: 120px
}
}
@media all and (min-width: 1024px) {
.active + .active + #bottom-article-message {
bottom: 110px
}
}
.icon.thumbs-up:before {
content: ""
}
.icon.thumbs-down:before {
content: ""
}
.notification {
padding: 18px 12px
}
#social-follow {
font-size: 13px;
margin-bottom: 48px
}
#social-follow:empty {
margin-bottom: 0
}
#social-headings {
display: none
}
#social-headings li {
font-weight: 700
}
#social-methods .icon {
border-radius: 0;
font-size: 32px;
height: 32px;
width: 32px
}
#social-methods .icon.small {
font-size: 18px;
height: 18px;
width: 18px
}
#social-methods .icon.large {
cursor: default;
display: none
}
#social-methods a {
text-decoration: none
}
#social-methods > div {
padding: 18px 12px
}
#social-methods > div.facebook-share {
background: #315C97
}
#social-methods > div.facebook-share strong {
color: #fff;
display: block;
padding-left: 28px;
position: relative
}
#social-methods > div.facebook-share strong span {
left: 0;
position: absolute;
top: -4px
}
#social-methods > div.facebook-share strong em {
display: inline-block;
font-style: normal;
font-weight: normal;
margin-left: 5px
}
#social-methods > div.facebook-share .page-name {
color: #fff;
font-weight: 700;
left: 10px;
position: relative;
top: -8px
}
@media all and (min-width: 728px) {
#social-methods > div.facebook-share .page-name {
left: 0;
margin-left: 13px;
margin-top: 45px;
position: absolute;
top: calc(50% - 31px)
}
}
@media all and (min-width: 728px) {
#social-methods > div.facebook-share .fb-like {
margin-top: -15px
}
}
@media all and (min-width: 1240px) {
#social-methods > div.facebook-share .fb-like {
margin-top: -18px
}
}
#social-methods > div.twitter-share {
background: #39A9E0;
cursor: pointer
}
#social-methods > div.twitter-share ul {
overflow: hidden
}
#social-methods > div.twitter-share li {
box-sizing: border-box;
float: left;
line-height: 1.3em;
list-style-type: none;
margin-left: 20px;
min-height: 18px;
padding-left: 26px;
position: relative
}
#social-methods > div.twitter-share li:first-child {
margin-left: 0
}
#social-methods > div.twitter-share li .icon {
left: 0;
position: absolute;
top: -1px
}
#social-methods > div.twitter-share a {
color: #fff;
font-weight: 700
}
#social-methods > div.twitter-share span.icon {
cursor: pointer
}
#social-methods > div.mail-share {
background: #E90E0E;
padding-right: 144px;
position: relative
}
#social-methods > div.mail-share #enter-email {
cursor: pointer;
font-weight: 700
}
#social-methods > div.mail-share.textbox {
padding-bottom: 10px
}
#social-methods > div.mail-share.textbox .icon.large, #social-methods > div.mail-share.textbox #enter-email, #social-methods > div.mail-share.textbox > strong {
display: none
}
#social-methods > div.mail-share.textbox input {
border-radius: 6px;
border: 1px solid #E0E0E0;
color: #979797;
display: block;
font-size: 14px;
margin-top: -8px;
padding: 8px;
width: calc(100% - 24px)
}
#social-methods > div.mail-share.textbox input:focus {
color: #626262
}
#social-methods > div.mail-share.textbox #subscribe {
display: block
}
#social-methods > div.mail-share.textbox #subscribe {
cursor: pointer;
font-weight: 700
}
#social-methods > div.mail-share.user-message {
padding: 0
}
#social-methods > div.mail-share.user-message > * {
display: none
}
#social-methods > div.mail-share.user-message .notification {
display: block
}
#social-methods > div.mail-share .notification strong {
display: block;
font-weight: 700;
position: relative
}
#social-methods > div.mail-share .notification strong span {
border-radius: 0;
font-size: 18px;
height: 18px;
top: -1px;
width: 18px
}
#social-methods > div.mail-share.successful {
background: #009C33
}
#social-methods > div.mail-share.successful .notification strong {
color: #fff
}
#social-methods > div.mail-share.successful .notification strong span {
color: #fff
}
#social-methods > div.mail-share.successful .notification strong span:before {
content: ""
}
#social-methods > div.mail-share.warning {
background: gold
}
#social-methods > div.mail-share.warning .notification strong {
color: #000
}
#social-methods > div.mail-share.warning .notification strong span {
color: #000
}
#social-methods > div.mail-share.warning .notification strong span:before {
content: ""
}
#social-methods > div.mail-share.information {
color: #fff
}
#social-methods > div.mail-share.information .notification strong {
color: #fff
}
#social-methods > div.mail-share.information .notification strong span {
color: #fff
}
#social-methods > div.mail-share.information .notification strong span:before {
content: ""
}
#social-methods > div.mail-share .icon.mail:before {
font-family: FontAwesome;
content: "\f003";
}
#social-methods > div.mail-share > strong {
color: #fff;
min-height: 19px
}
#social-methods > div.mail-share strong {
display: block;
line-height: 1.3em;
padding-left: 28px;
position: relative
}
#social-methods > div.mail-share strong span {
left: 0;
position: absolute;
top: -1px
}
#social-methods > div.mail-share a {
border-radius: 16px;
background: #fff;
border-color: #E90E0E;
border-style: solid;
border-width: 2px;
color: #E90E0E;
display: inline-block;
padding: 8px 10px;
position: absolute;
right: 12px;
text-align: center;
top: 11px;
width: 100px
}
#social-methods > div.mail-share a:hover {
background: #E90E0E;
border-color: #fff;
color: #fff
}
#social-methods > div.mail-share input, #social-methods > div.mail-share #subscribe {
display: none
}
@media all and (min-width: 728px) {
#social-headings {
display: flex;
font-size: 16px
}
#social-headings li:first-child:nth-last-child(1) {
width: calc((100% - 16px) / 1)
}
#social-headings li:first-child:nth-last-child(2), #social-headings li:first-child:nth-last-child(2) ~ li {
width: calc((100% - 16px) / 2)
}
#social-headings li:first-child:nth-last-child(3), #social-headings li:first-child:nth-last-child(3) ~ li {
width: calc((100% - 32px) / 3)
}
#social-headings li {
list-style-type: none;
padding: 12px;
background: #F1F1F1
}
#social-headings li:not(:last-child) {
margin-right: 16px
}
#social-headings li:nth-child(1) strong {
color: #315C97
}
#social-headings li:nth-child(2) strong {
color: #39A9E0
}
#social-headings li:nth-child(3) strong {
color: #E90E0E
}
#social-methods {
display: flex
}
#social-methods .icon.large {
display: block;
position: absolute;
right: 16px;
top: calc(50% - 16px)
}
}
@media all and (min-width: 728px) and (min-width: 1024px) {
#social-methods .icon.large {
top: calc(50% - 20px)
}
}
@media all and (min-width: 728px) and (min-width: 1240px) {
#social-methods .icon.large {
top: calc(50% - 16px)
}
}
@media all and (min-width: 728px) {
#social-methods div:first-child:nth-last-child(1) {
width: calc((100% - 16px) / 1)
}
#social-methods div:first-child:nth-last-child(2), #social-methods div:first-child:nth-last-child(2) ~ div {
width: calc((100% - 16px) / 2)
}
#social-methods div:first-child:nth-last-child(3), #social-methods div:first-child:nth-last-child(3) ~ div {
width: calc((100% - 32px) / 3)
}
#social-methods > div {
list-style-type: none;
padding: 12px;
align-items: center;
box-sizing: border-box;
display: flex;
position: relative
}
#social-methods > div:not(:last-child) {
margin-right: 16px
}
#social-methods > div.facebook-share strong span {
top: -3px
}
#social-methods > div.twitter-share {
padding-right: 64px
}
#social-methods > div.twitter-share li {
margin-left: 0;
margin-top: 5px
}
#social-methods > div.twitter-share li:first-of-type {
margin-top: 0
}
#social-methods > div.mail-share {
padding-right: 64px
}
#social-methods > div.mail-share.textbox {
display: block;
padding: 12px
}
#social-methods > div.mail-share.textbox input {
margin-bottom: 12px;
margin-top: 0;
width: calc(100% - 16px)
}
#social-methods > div.mail-share.textbox a {
display: inline-block;
padding-left: 32px;
padding-right: 32px;
width: 80px
}
#social-methods > div.mail-share > strong, #social-methods > div.mail-share > .icon.small {
display: none
}
#social-methods > div.mail-share a {
border-radius: 22px;
display: block;
padding: 12px 10px;
position: relative;
right: 0;
top: 0;
width: 100%
}
#social-methods > div.mail-share.user-message {
padding-right: 64px
}
#social-methods > div.mail-share .notification {
padding-right: 0;
width: 100%
}
#social-methods > div.mail-share .notification strong {
padding-left: 0
}
#social-methods > div.mail-share .notification strong span {
font-size: 32px;
height: 32px;
left: auto;
right: -48px;
top: calc(50% - 16px);
width: 32px
}
}
@media all and (min-width: 1024px) {
#social-headings {
font-size: 14px
}
}
.overflow {
overflow: hidden
}
.gigya-screen-dialog * {
font-family: 'Maven Pro', sans-serif;
font-size: 18px;
font-weight: 400
}
.screen-default .gigya-screen .avatar:after {
background: #626262;
border-radius: 5px;
content: '';
display: block;
height: 34px;
left: 34%;
margin: 0;
position: absolute;
text-indent: 100%;
top: 84%;
width: 34px
}
.gigya-screen .gigya-avatar span {
font-size: 46px
}
.gigya-screen .gigya-composite-control .gigya-label a {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400;
color: #141414
}
.gigya-screen .gigya-error-msg {
font-family: 'Maven Pro', sans-serif;
font-size: 12px;
font-weight: 400
}
.gigya-screen .gigya-composite-control-submit .gigya-input-submit {
background-color: #626262 !important
}
.gigya-screen .gigya-composite-control-submit .gigya-input-submit:hover {
background-color: #fff !important;
color: #626262
}
.gigya-native-login-form .gigya-layout-row h2 {
font-size: 36px
}
.gigya-native-login-form .gigya-layout-row .gigya-label {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 600
}
.gigya-native-login-form .gigya-layout-row .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400;
background-color: #626262 !important
}
.gigya-reset-password-form .gigya-composite-control-label {
font-family: 'Maven Pro', sans-serif;
font-size: 17px;
font-weight: 400;
font-weight: 700
}
.gigya-reset-password-form .reset-pswd {
font-size: 36px
}
#gigya-forgot-password-success-screen .reset-pswd {
font-size: 36px
}
#gigya-forgot-password-success-screen .reset-pswd .gigya-composite-control-label {
font-family: 'Maven Pro', sans-serif;
font-size: 17px;
font-weight: 600
}
#gigya-forgot-password-success-screen .gigya-composite-control.gigya-composite-control-label a {
background-color: #626262 !important
}
#gigya-forgot-password-success-screen .gigya-composite-control.gigya-composite-control-label a:hover {
color: #626262 !important
}
.gigya-register-form h2 {
font-size: 36px
}
.gigya-register-form .gigya-label-text {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 600
}
.gigya-login-form-customized .gigya-native-login .gigya-composite-control.gigya-composite-control-header {
font-size: 36px;
color: #141414;
padding-bottom: 22px
}
.gigya-login-form-customized .gigya-native-login .gigya-label-text {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 600
}
.gigya-login-form-customized .gigya-native-login .gigya-label-text .forgot-pswd {
font-family: 'Maven Pro', sans-serif;
font-size: 12px;
font-weight: 600;
color: #979797;
float: right;
font-size: 12px;
text-decoration: underline
}
.gigya-login-form-customized .gigya-native-login .gigya-label-text .forgot-pswd:hover {
color: #2C2C2C
}
.gigya-login-form-customized .gigya-native-login .gigya-composite-control.gigya-composite-control-submit {
background-color: #F1F1F1;
border-top: 1px solid #E0E0E0;
margin: 0 -30px -32px;
padding: 25px 0;
text-align: center
}
.gigya-login-form-customized .gigya-native-login .gigya-input-password {
margin-bottom: 20px
}
.gigya-login-form-customized .gigya-native-login .gigya-input-submit {
background: #626262 !important
}
.gigya-login-form-customized .gigya-native-login .gigya-input-submit:hover {
background-color: #fff !important;
color: #626262 !important
}
.gigya-login-form.gigya-login-form-customized {
background-color: #fff;
padding: 30px
}
.gigya-login-form .gigya-login-provider-row .gigya-login-provider {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400
}
.gigya-login-social span {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400;
margin-bottom: 20px
}
div.gigya-screen-dialog-top-customized:before {
color: #626262 !important
}
div.gigya-screen-dialog-top-customized .gigya-screen-dialog-close:before {
content: none
}
.gigya-progressive-custom .top-label {
background: #626262 !important
}
.gigya-progressive-custom.gigya-style-modern .arrow:after, .gigya-progressive-custom div.gigya-screen-dialog-close:before {
color: #626262 !important
}
#comments-wrapper {
margin-top: 60px;
overflow: hidden
}
#comments-wrapper.loading {
height: 150px;
background-color: #fff;
background-image: url("../../../../../chameleon-sso/comments/img/loader.gif");
background-repeat: no-repeat;
background-position: 50% 50%
}
#comments-wrapper.loading > * {
display: none
}
#comments-wrapper.state-login .gig-comments-composebox .gig-composebox-photo {
display: inline-block;
float: left;
margin-right: 5px;
vertical-align: middle
}
#comments-wrapper.state-login .gig-comments-composebox .gig-composebox-photo img {
border-radius: 50%
}
#comments-wrapper.state-login .gig-composebox-withBadges .gig-composebox-namecontainer {
margin-top: 6px
}
#comments-wrapper.state-login .gig-composebox-namecontainer {
display: inline-block;
float: left;
margin-left: 5px;
margin-top: 2px;
vertical-align: middle
}
#comments-wrapper.state-login .gig-composebox-namecontainer .gig-comment-userBadge {
bottom: 6px;
border-color: #fff;
color: #fff;
margin-bottom: 0;
position: relative
}
#comments-wrapper.state-login .gig-composebox-namecontainer .gig-comment-userBadge + .gig-composebox-logout {
bottom: 5px;
position: relative
}
#comments-wrapper.state-login .gig-composebox-data {
margin-top: -30px
}
#comments-wrapper.state-login .gig-comments-container .gig-composebox-data {
margin-bottom: 10px
}
#comments-wrapper.state-login .gig-comments-container .gig-comments-composebox.gig-composebox-open .gig-composebox-data {
margin-bottom: 60px
}
#comments-wrapper.state-login .gig-comments-container .gig-comment-replybox .gig-composebox-data {
margin-bottom: 60px
}
#comments-wrapper.state-login .gig-comments-container .gig-comment-replybox .gig-composebox-logout {
display: none
}
#comments-wrapper.state-login .gig-comments-container .gig-composebox-data .gig-composebox-footer, #comments-wrapper.state-login .gig-comments-container .gig-composebox-data .gig-composebox-sidebar {
display: block
}
#comments-wrapper.state-logout .gig-comments-composebox .gig-composebox-photo {
display: none
}
#comments-wrapper.state-logout .gig-comments-container .gig-composebox-data {
margin-bottom: 10px
}
#comments-wrapper.state-logout .gig-comment-replybox .gig-composebox-data {
margin-bottom: 60px
}
#comments-wrapper.state-logout .gig-composebox-header {
padding-bottom: 18px
}
#comments-wrapper.state-logout .gig-comment-footer .gig-comments-linksContainer:before {
content: "";
cursor: pointer;
height: 100%;
position: absolute;
width: 100%
}
#comments-wrapper.state-logout .gig-comments-container .gig-composebox-data .gig-composebox-footer, #comments-wrapper.state-logout .gig-comments-container .gig-composebox-data .gig-composebox-sidebar {
display: none
}
#comments-wrapper .gig-comment[data-level="2"] .gig-comment-shareLink {
display: inline-block;
padding-top: 3px !important
}
#comments-wrapper .comments-header {
color: #fff;
position: absolute
}
#comments-wrapper .comments-header .comments-header-title {
font-size: 32px;
padding-left: 0;
position: relative;
top: 28px;
z-index: 1
}
#comments-wrapper .comments-header .comment-count {
display: inline-block;
padding-left: 40px;
position: relative;
z-index: 2
}
#comments-wrapper .comments-header .comment-count:before {
content: '\e90a';
font-family: icomoon;
font-size: 60px;
height: 45px;
left: 10px;
line-height: 1;
position: absolute;
top: -10px;
width: 52px
}
#comments-wrapper .comments-header #comment-num {
font-size: 17px;
color: #141414;
display: inline-block;
left: -22px;
position: relative;
text-align: center;
top: 23px;
z-index: 2;
width: 30px
}
#comments-wrapper .gig-composebox-header {
padding-bottom: 55px
}
#comments-wrapper .gig-composebox-header .gig-composebox-follow {
display: none
}
#comments-wrapper .gig-composebox-header .gig-composebox-header-left {
float: left;
margin-top: 50px
}
#comments-wrapper .gig-composebox-header .gig-composebox-header-left .gig-composebox-title {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400;
font-weight: 700;
color: #fff
}
#comments-wrapper .gig-composebox-header .gig-composebox-header-left .gig-composebox-logout {
font-family: 'Maven Pro', sans-serif;
font-size: 12px;
font-weight: 400;
font-weight: 700;
color: #979797;
display: block
}
#comments-wrapper .gig-composebox-header .gig-composebox-header-left .gig-composebox-logout:hover span {
text-decoration: none
}
#comments-wrapper .gig-composebox-header .gig-composebox-header-left .gig-composebox-logout span {
font-family: 'Maven Pro', sans-serif;
font-size: 12px;
font-weight: 400;
font-weight: 700;
color: #979797;
position: relative;
top: 5px
}
#comments-wrapper .gig-composebox-header .gig-composebox-header-left .gig-composebox-logout span:hover {
text-decoration: underline
}
#comments-wrapper .gig-composebox-header .gig-composebox-header-left .gig-composebox-logout span:after {
content: '\00bb';
font-size: 15px;
right: -14px;
display: inline;
margin-left: 5px;
top: 0
}
#comments-wrapper .gig-comments-container .gig-comments-composebox {
background: #3A3A3A;
border-top: 5px solid #2C2C2C;
padding: 23px 12px
}
#comments-wrapper .gig-comments-container .gig-comments-composebox .gig-composebox-site-login {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400;
font-weight: 700;
background: #626262;
border-radius: 30px;
border: none;
box-shadow: none;
color: #fff;
float: right;
margin-top: 1px;
margin-bottom: 20px;
padding: 3px 35px;
position: relative;
transition: 400ms ease-in-out all;
text-transform: capitalize
}
#comments-wrapper .gig-comments-container .gig-composebox-data {
margin-bottom: 50px;
padding-left: 0
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-editor {
min-height: 75px;
padding-bottom: 0
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-editor.gig-composebox-editor-with-sidebar .gig-composebox-sidebar .gig-composebox-sidebar-button {
background: none;
box-shadow: none;
margin-right: 8px;
margin-top: 3px;
position: relative
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-editor.gig-composebox-editor-with-sidebar .gig-composebox-sidebar .gig-composebox-sidebar-button:before {
color: #626262;
content: '\e90d';
font-family: icomoon;
font-size: 34px;
height: 34px;
position: absolute;
width: 30px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-textarea {
font-family: 'Maven Pro', sans-serif;
font-size: 17px;
font-weight: 400;
margin-top: 5px;
min-height: 70px;
position: relative
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-textarea div {
font-family: 'Maven Pro', sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 1.1
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-textarea p, #comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-textarea span {
font-family: 'Maven Pro', sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 1.1
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-textarea:empty:not(:focus):before {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400;
color: #141414;
position: absolute;
top: 50%;
transform: translateY(-50%)
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-textarea + p {
display: none
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-textarea .gig-usertagging-tag {
font-family: 'Maven Pro', sans-serif;
font-size: 13px;
font-weight: 400;
font-weight: 700;
background: #F1F1F1;
border: 1px solid #E0E0E0;
padding: 5px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer {
height: 105px;
overflow: visible
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-left {
float: none
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right {
float: left
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-post {
font-family: 'Maven Pro', sans-serif;
font-size: 13px;
font-weight: 400;
font-weight: 700;
background: #626262;
border-radius: 30px;
border: none;
box-shadow: none;
color: #fff;
display: block;
padding: 5px 42px;
position: relative;
text-align: center;
top: 14px;
transition: .4s ease-in-out all
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow {
font-family: 'Maven Pro', sans-serif;
font-size: 13px;
font-weight: 400;
font-weight: 700;
background: none;
border: 1px solid #494949;
border-radius: 30px;
color: #fff;
display: block;
padding: 10px 31px;
position: relative;
right: 0;
top: 5px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow.gig-composebox-following {
padding: 10px 51px;
position: relative
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow.gig-composebox-following:before {
background: #fff;
border-radius: 50%;
bottom: 7px;
content: '';
height: 20px;
left: 24px;
position: absolute;
width: 20px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow.gig-composebox-following:after {
color: #141414;
content: '\ea10';
font-family: icomoon;
font-size: 11px;
height: 10px;
left: 28px;
position: absolute;
top: 11px;
width: 10px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow.gig-composebox-following:hover:after {
content: '\ea0f';
font-size: 9px;
left: 29px;
top: 12px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-comments-houserules {
font-family: 'Maven Pro', sans-serif;
font-size: 12px;
font-weight: 400;
bottom: 10px;
color: #fff;
padding-top: 20px;
position: relative
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-comments-houserules a {
font-family: 'Maven Pro', sans-serif;
font-size: 12px;
font-weight: 400;
font-weight: 700;
color: #fff;
text-decoration: underline
}
#comments-wrapper .gig-comments-container .gig-comments-header {
background-color: #2C2C2C;
border-bottom: 0;
margin-bottom: 0;
overflow: visible;
padding-bottom: 32px;
padding-top: 20px
}
#comments-wrapper .gig-comments-container .gig-comments-header .gig-comments-count {
display: none
}
#comments-wrapper .gig-comments-container .gig-comments-header .gig-comments-header-right .gig-comments-sort {
font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700;
color: #fff;
margin-right: 12px;
text-transform: capitalize;
top: 15px
}
#comments-wrapper .gig-comments-container .gig-comments-header .gig-comments-header-right .gig-comments-sort:after {
background: none;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #fff;
height: 0;
margin-left: 6px;
width: 0
}
#comments-wrapper .gig-comments-container .gig-comments-header .gig-comments-header-right .gig-comments-sort:hover {
text-decoration: underline
}
#comments-wrapper .gig-comments-container .gig-comments-header .gig-comments-header-right .gig-comments-subscribe, #comments-wrapper .gig-comments-container .gig-comments-header .gig-comments-header-right .gig-comments-rss {
display: none
}
#comments-wrapper .gig-comments-container .gig-comments-comments {
padding: 0 12px 30px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment {
padding-top: 30px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment:nth-child(even) {
background-color: #F1F1F1;
border-bottom: 1px solid #E0E0E0;
border-top: 1px solid #E0E0E0;
margin-left: -12px;
padding-left: 12px;
padding-right: 12px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-photo {
height: 50px;
position: relative;
width: 50px;
z-index: 1
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-photo .gig-comment-img {
border: 1px solid #E0E0E0;
border-radius: 50%
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-photo .gig-comment-providerLogo img {
border-radius: 50%
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data {
padding-left: 48px;
position: relative
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-content {
height: 100%;
padding-left: 12px;
position: relative
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-content.gig-comment-pinned-background {
background-color: #FDFDEA
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-content.gig-comment-pinned-background:before {
background: #FDFDEA;
content: '';
left: -48px;
height: 100%;
position: absolute;
top: 0;
width: 48px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-withBadges .gig-comment-header-right .gig-comment-time {
margin: 2px 0 0 16px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-header {
display: table;
margin-bottom: 8px;
width: 100%
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-header-right {
display: table-footer-group;
float: left
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-header-right .gig-comment-time {
font-family: 'Maven Pro', sans-serif;
font-size: 11px;
font-weight: 600;
color: #979797;
float: left;
line-height: 1.2;
margin: 8px 0 0 16px;
position: relative;
text-transform: uppercase
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-header-right .gig-comment-time:before {
content: '\e905';
font-family: icomoon;
font-size: 13px;
left: -15px;
position: absolute;
top: -1px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-header-left {
display: table-header-group
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-header-left .gig-comment-username {
font-family: 'Maven Pro', sans-serif;
font-size: 17px;
font-weight: 400;
font-weight: 700;
display: inline-block;
padding-top: 8px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-header-left .gig-comment-userBadge {
bottom: 2px;
position: relative
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-body {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400;
display: block;
left: -60px;
line-height: 1.6;
margin-bottom: 25px;
position: relative;
top: 20px;
width: calc(100% + 60px)
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-body div, #comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-body p, #comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-body span {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.6
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer {
font-family: 'Maven Pro', sans-serif;
font-size: 12px;
font-weight: 400;
font-weight: 700;
border-bottom: 0;
left: -48px;
margin: 0;
padding: 0 60px 20px 0;
position: relative;
top: 20px;
width: calc(100% + 48px)
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer li:hover {
text-decoration: none
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comment-footer-right {
margin-right: 5px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comment-footer-right div {
line-height: 1
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comments-linksContainer-nc, #comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comments-linksContainer {
display: inline-block;
margin: 0;
padding-top: 0;
position: relative
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comments-linksContainer-nc li, #comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comments-linksContainer li {
margin-left: 0;
padding: 0
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comments-linksContainer-nc li:hover, #comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comments-linksContainer li:hover {
text-decoration: underline
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comments-linksContainer-nc .gig-comment-repliesArrow {
margin-right: 10px;
padding-top: 4px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comments-linksContainer li:after {
border-right: 1px solid #E0E0E0;
content: "";
display: inline-block;
height: 20px;
margin-left: 10px;
margin-right: 10px;
width: auto
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comments-linksContainer .gig-comment-repliesArrow-text {
font-family: 'Maven Pro', sans-serif;
font-size: 12px;
font-weight: 400;
font-weight: 700
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comments-linksContainer-nc:hover {
text-decoration: underline
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comment-replyLink {
font-family: 'Maven Pro', sans-serif;
font-size: 13px;
font-weight: 400;
font-weight: 700;
color: #626262;
margin-right: 0
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comment-shareLink, #comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comment-deleteLink {
font-family: 'Maven Pro', sans-serif;
font-size: 13px;
font-weight: 400;
font-weight: 700;
color: #2C2C2C;
margin-left: 0;
margin-right: 0
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comment-flag {
font-family: 'Maven Pro', sans-serif;
font-size: 13px;
font-weight: 400;
font-weight: 700;
background: none;
bottom: 1px;
color: #2C2C2C;
display: inline-block !important;
height: auto;
margin: 0 0 0 0;
padding-top: 4px;
position: relative;
visibility: visible;
width: auto
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comment-flag:before {
content: 'Report';
height: 20px;
margin-right: 10px;
padding-bottom: 2px;
padding-top: 1px;
width: auto
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comment-flag:hover {
text-decoration: underline
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comment-flag.gig-comment-flag-submitted {
color: #626262;
font-weight: 400
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comment-flag.gig-comment-flag-submitted:before {
content: 'Reported'
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comment-flag.gig-comment-flag-submitted:hover {
text-decoration: none
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-data-removed {
margin-left: 0
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-replies > .gig-comment {
background: inherit;
border-top: 1px solid #E0E0E0;
margin: 0;
padding: 23px 0 0 0
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-vote-with-value {
font-family: 'Maven Pro', sans-serif;
font-size: 13px;
font-weight: 400;
font-weight: 700;
background: none;
color: #2C2C2C;
padding-left: 6px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-vote-with-value:before {
font-family: icomoon;
font-size: 16px;
position: relative
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-vote-with-value.gig-comment-vote-pos:before {
color: #009C33;
content: '\e909';
margin-right: 5px;
top: 1px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-vote-with-value.gig-comment-vote-neg {
border-left: 1px solid #E0E0E0;
margin-left: 10px;
padding-left: 10px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-vote-with-value.gig-comment-vote-neg:before {
color: #E90E0E;
content: '\e908';
left: -2px;
margin-right: 5px;
top: 4px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox {
background: #3A3A3A;
border-top: 5px solid #141414;
margin-top: 30px;
position: relative;
padding-left: 12px;
padding-right: 12px;
right: 48px;
width: 100%
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox:before {
border-bottom: 6px solid #141414;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
content: '\A';
position: absolute;
left: 17px;
top: -11px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-header .gig-composebox-header-left {
float: left;
margin-top: 10px;
top: 10px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-header .gig-composebox-header-left .gig-composebox-title {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400;
font-style: normal
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-header .gig-composebox-header-left .gig-composebox-username {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400;
font-weight: 700;
color: #fff;
font-style: normal
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-header .gig-composebox-close {
background: none;
background-color: #fff;
border-radius: 50%;
box-shadow: 0px 0 5px #626262;
height: 35px;
position: absolute;
right: 6px;
top: 3px;
width: 35px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-header .gig-composebox-close:before {
color: #626262;
content: '\e604';
display: block;
font-family: icomoon;
font-size: 17px;
font-weight: 700;
height: 20px;
left: 26%;
pointer-events: none;
position: absolute;
top: 24%;
width: 20px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-photo {
display: none
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-editor {
border-radius: 6px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer {
height: auto;
padding-bottom: 35px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-left {
float: none
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right {
float: left
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-follow {
display: block;
left: -3px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-comments-houserules {
font-family: 'Maven Pro', sans-serif;
font-size: 12px;
font-weight: 400;
bottom: 10px;
color: #fff;
padding-top: 18px;
position: relative
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-comments-houserules a {
font-family: 'Maven Pro', sans-serif;
font-size: 12px;
font-weight: 400;
font-weight: 700;
color: #fff;
text-decoration: underline
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-textarea:empty:not(:focus):before {
top: 15px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment-replies {
margin-left: -30px;
margin-top: 30px
}
@media all and (min-width: 728px) {
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment-replies {
margin-left: -15px
}
}
#comments-wrapper .comments-footer {
border-top: 2px solid #F1F1F1;
display: block;
margin-top: 10px;
padding-bottom: 30px
}
#comments-wrapper #btn-show-more-comments, #comments-wrapper .gig-comments-more {
font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700;
background: #626262;
border: 2px solid #626262;
border-radius: 30px;
clear: both;
color: #fff;
display: inline-block;
left: 50%;
line-height: 1;
padding: 12px 34px;
position: relative;
top: -23px;
transition: 400ms ease-in-out all;
transform: translateX(-50%)
}
#comments-wrapper #btn-show-more-comments.gig-comments-more-progress, #comments-wrapper .gig-comments-more.gig-comments-more-progress {
display: none
}
#comments-wrapper #btn-show-more-comments:before, #comments-wrapper .gig-comments-more:before {
content: ' + '
}
#comments-wrapper .gig-comments-more:before, #comments-wrapper .gig-comments-more:after {
border: 1px solid #F1F1F1;
content: '';
color: #F1F1F1;
position: absolute;
top: 18px;
width: 120%
}
#comments-wrapper .gig-comments-more:after {
right: 101%
}
#comments-wrapper .gig-comments-more:before {
left: 101%
}
#comments-wrapper .gig-comment-data-removed .gig-comment-header {
display: none !important
}
[id$="_showShareUI"] > table > tbody > tr:nth-child(1), [id$="_showShareUI"] > table > tbody > tr:nth-child(3) {
display: none
}
[id$="_showShareUI"] > table > tbody > tr:nth-child(2) > td:nth-child(1), [id$="_showShareUI"] > table > tbody > tr:nth-child(2) > td:nth-child(3) {
display: none
}
[id$="_showShareUI"] > table > tbody > tr:nth-child(2) > td:nth-child(2) {
border: none !important;
border-radius: 4px
}
[id$="_showShareUI"] > table > tbody input, [id$="_showShareUI"] > table > tbody textarea {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400;
border-radius: 3px;
font-family: 'Maven Pro', sans-serif !important;
height: auto !important;
padding: 5px 10px !important;
color: #626262 !important
}
.gig-share {
display: inline-block;
height: auto !important;
left: 50% !important;
max-width: 100% !important;
transform: translateX(-159px)
}
.gig-share > table {
position: initial !important;
width: 100% !important
}
[id$="_showShareUI_emailCanvas"] {
border-radius: 4px;
border: none !important;
font-family: 'Maven Pro', sans-serif !important
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(1) > td {
background-color: #fff !important;
border-radius: 4px 4px 0 0
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(1) tr > td:nth-child(1) {
display: none
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(1) tr > td:nth-child(2) {
font-family: 'Maven Pro', sans-serif !important;
text-align: center !important
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(1) tr > td:nth-child(2)::before {
font-family: 'Maven Pro', sans-serif;
font-size: 35px;
font-weight: 400;
font-weight: 700;
color: #141414;
display: inline-block;
font-family: 'Maven Pro', sans-serif !important;
padding: 45px 0 15px 5px;
content: 'Email this comment'
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(1) tr > td:nth-child(2) div {
background-color: #fff !important;
border-radius: 50%;
box-shadow: 0px 0 5px #626262;
float: right !important;
height: 46px;
left: 50%;
padding: 0 !important;
position: absolute !important;
overflow: initial;
text-align: right;
transform: translateX(158px);
top: 8px;
width: 46px !important
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(1) tr > td:nth-child(2) img {
position: relative;
right: 16px;
top: 15px;
width: 15px
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(2), [id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(3) {
display: none
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(4) > td {
padding: 0 30px 30px 30px !important
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(4) > td table {
padding: 0 25px 0 0 !important;
width: 100% !important
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(4) > td:before {
font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 600;
content: 'You are limited to 2 email addresses at a time and a maximum of 5 emails per day';
display: block;
color: #141414;
font-family: 'Maven Pro', sans-serif !important;
margin-bottom: 20px;
text-align: center
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(4) > td tr > td:nth-child(1) {
color: #494949 !important;
display: block;
padding: 14px 5px 10px 0 !important;
font-family: 'Maven Pro', sans-serif !important;
font-size: 15px !important
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(4) > td tr > td:nth-child(2) {
display: block
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(4) > td tr > td:nth-child(2) input, [id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(4) > td tr > td:nth-child(2) textarea {
background-color: #F1F1F1;
border: 1px solid #E0E0E0;
border-radius: 5px;
box-shadow: none;
height: 40px !important;
margin: 5px 0 !important;
padding: 5px 5px 5px 15px !important;
width: 100% !important
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(4) > td tr:nth-child(4) {
display: none
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(5) > td {
background-color: #F1F1F1 !important;
border-top: 1px solid #E0E0E0 !important;
padding: 25px 0 !important;
text-align: center !important
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(5) > td table {
border: none !important;
background-color: transparent !important
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(5) > td table:hover {
opacity: 0.85
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(5) > td table tbody {
text-align: center !important
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(5) > td div {
float: none !important;
margin-bottom: 25px !important;
text-align: center !important
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(5) > td td {
display: none
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(5) > td tr {
background: #626262 !important;
border-radius: 30px;
font-size: 15px !important;
font-weight: 700;
left: 32%;
height: 46px !important;
padding: 0 52px !important;
position: absolute !important;
text-transform: none;
width: auto
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(5) > td tr:before {
color: #fff;
content: 'Submit';
font-size: 15px !important;
position: relative !important;
top: 12px
}
[id$="_showShareUI_shareCanvas"] {
border-radius: 4px;
width: auto !important;
height: auto !important
}
[id$="_showShareUI_shareCanvas"] > table {
max-width: 440px;
width: 100% !important
}
[id$="_showShareUI_container"] {
width: auto !important;
height: auto !important
}
[id$="_showShareUI_workingCanvas"] {
background: #F1F1F1 !important
}
[id$="_showShareUI_workingCanvas"] tr:nth-child(1) img {
content: url("http://cdn1.gigya.com/gs/i/accounts/close_dialog.png")
}
[id$="_showShareUI_workingText"] {
font-family: 'Maven Pro', sans-serif;
font-size: 38px;
font-weight: 400;
color: #141414 !important;
font-family: 'Maven Pro', sans-serif !important
}
.gig-comments-container {
position: relative !important
}
.gig-comments-container.gig-comments-sortbox {
position: absolute !important
}
.gig-comments-container.gig-comments-sortbox li {
font-family: 'Maven Pro', sans-serif;
font-size: 12px;
font-weight: 400
}
.gig-comments-container .gig-comments-dialog {
border: 0;
border-radius: 0;
max-width: 440px
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-caption-container {
background: none;
margin-left: 32px;
margin-right: 32px;
overflow: initial;
text-align: center
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-caption-container .gig-comments-dialog-caption {
font-size: 36px;
color: #141414;
float: none;
padding-top: 65px;
padding-bottom: 20px;
position: relative;
top: 13px;
text-align: center
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-caption-container .gig-comments-dialog-close {
background: none;
background-color: #fff;
border-radius: 50%;
box-shadow: 0px 0 5px #626262;
height: 48px;
position: absolute;
right: 10%;
top: 25px;
width: 48px
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-caption-container .gig-comments-dialog-close:before {
color: #626262;
content: '\e604';
display: block;
font-family: icomoon;
font-size: 22px;
font-weight: 700;
height: 22px;
left: 28%;
position: absolute;
top: 28%;
width: 18px
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-body {
font-family: 'Maven Pro', sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 1.6;
margin-left: 32px;
margin-right: 32px;
padding-bottom: 24px;
padding-top: 0;
text-align: center
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-body .gig-comments-dialog-text {
font-family: 'Maven Pro', sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 1.6;
margin-bottom: 0;
padding: 0 0 24px 0;
text-align: center
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-body .gig-comments-dialog-textbox-container {
float: none;
margin-bottom: -30px
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-body input {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400;
background-color: #F1F1F1;
border: 1px solid #E0E0E0;
border-radius: 5px;
box-shadow: none;
height: 40px;
margin: 5px 0;
padding: 12px;
width: 100%
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-body .gig-comments-dialog-textbox-button {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400;
font-weight: 700;
background: #626262;
border: 2px solid #626262;
border-radius: 30px;
color: #fff;
height: 46px;
line-height: 3;
margin-top: -30px;
padding: 0 52px;
position: relative;
text-transform: none;
top: 102px;
width: auto
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-body .gig-comments-dialog-textbox-button:hover {
background: #fff;
border: 2px solid #E0E0E0;
color: #626262;
cursor: pointer
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-buttons {
background-color: #F1F1F1;
border-top: 1px solid #E0E0E0;
display: block;
height: 44px;
margin: 0;
padding: 24px 0;
text-align: center
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-buttons .gig-comments-dialog-button {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400;
font-weight: 700;
background: #626262;
border: 2px solid #626262;
border-radius: 30px;
color: #fff;
height: 42px;
line-height: 40px;
padding: 0 45px;
text-align: center;
text-transform: none;
transition: 400ms ease-in-out all;
width: auto
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-buttons .gig-comments-dialog-button:hover {
background: #fff;
border: 2px solid #E0E0E0;
color: #626262;
cursor: pointer
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-buttons .gig-comments-dialog-button-cancel {
margin-right: 5px
}
.gig-simpleShareUI {
border: 0 !important;
z-index: 2 !important
}
.gig-simpleShareUI + iframe {
z-index: 0 !important
}
.gig-simpleShareUI .gig-simpleShareUI-inner {
border: 0;
box-shadow: 2px 1px 5px #626262;
border-left: 4px solid #626262;
padding-left: 24px;
padding-right: 24px;
width: 150px
}
.gig-simpleShareUI .gig-simpleShareUI-caption {
background: none;
border: 0;
display: block
}
.gig-simpleShareUI .gig-simpleShareUI-caption-text {
display: none
}
.gig-simpleShareUI .gig-simpleShareUI-closeButton {
background: none;
background-color: #fff;
border-radius: 50%;
box-shadow: 0px 0 5px #626262;
height: 30px;
overflow: initial;
padding: 0;
position: absolute;
right: 21%;
top: -17px;
width: 30px
}
.gig-simpleShareUI .gig-simpleShareUI-closeButton:before {
color: #626262;
content: '\e604';
display: block;
font-family: icomoon;
font-size: 15px;
font-weight: 700;
height: 20px;
left: 25%;
position: absolute;
top: 25%;
width: 20px
}
.gig-simpleShareUI .gig-simpleShareUI-content {
padding-bottom: 15px;
width: 100%
}
.gig-simpleShareUI .gig-simpleShareUI-content .gig-simpleShareUI-button {
height: auto;
width: 30%
}
.gig-simpleShareUI .gig-simpleShareUI-content .gig-simpleShareUI-button[provider="facebook"] .gig-simpleShareUI-button-inner {
background-color: #315C97
}
.gig-simpleShareUI .gig-simpleShareUI-content .gig-simpleShareUI-button[provider="facebook"] .gig-simpleShareUI-button-inner:before {
content: '\e600'
}
.gig-simpleShareUI .gig-simpleShareUI-content .gig-simpleShareUI-button[provider="email"] {
display: none
}
.gig-simpleShareUI .gig-simpleShareUI-content .gig-simpleShareUI-button[provider="email"] .gig-simpleShareUI-button-inner {
background-color: #626262
}
.gig-simpleShareUI .gig-simpleShareUI-content .gig-simpleShareUI-button[provider="email"] .gig-simpleShareUI-button-inner:before {
content: '\e90c';
font-size: 30px;
left: 20px
}
.gig-simpleShareUI .gig-simpleShareUI-content .gig-simpleShareUI-button[provider="twitter"] .gig-simpleShareUI-button-inner {
background-color: #39A9E0
}
.gig-simpleShareUI .gig-simpleShareUI-content .gig-simpleShareUI-button[provider="twitter"] .gig-simpleShareUI-button-inner:before {
content: '\e602'
}
.gig-simpleShareUI .gig-simpleShareUI-content .gig-simpleShareUI-button[provider="googleplus"] .gig-simpleShareUI-button-inner {
background-color: #DD4B39
}
.gig-simpleShareUI .gig-simpleShareUI-content .gig-simpleShareUI-button[provider="googleplus"] .gig-simpleShareUI-button-inner:before {
content: '\e003'
}
.gig-simpleShareUI .gig-simpleShareUI-content .gig-simpleShareUI-button-inner {
background-image: none !important;
border-radius: 50%;
box-sizing: content-box;
color: #fff;
cursor: pointer;
display: inline-block;
height: 30px;
padding: 0;
position: relative;
text-decoration: none;
text-indent: 100%;
width: 30px;
white-space: nowrap
}
.gig-simpleShareUI .gig-simpleShareUI-content .gig-simpleShareUI-button-inner:before {
transform: translate(-50%, -50%);
font-family: icomoon;
font-size: 14px;
left: 50%;
position: absolute;
text-indent: 0;
text-transform: none;
top: 50%
}
.gig-simpleShareUI .gig-simpleShareUI-content span {
display: none
}
body > .gig-comments-container:not(.gig-comments-sortbox), body > .gig-share {
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
width: 440px !important
}
body > .gig-comments-container:not(.gig-comments-sortbox):after, body > .gig-share:after {
background: #141414;
content: "";
display: block;
height: 10000px;
left: -5000px;
opacity: .9;
position: absolute;
top: -5000px;
width: 10000px;
z-index: -1
}
body > .gig-share {
position: absolute !important
}
body > .gig-comments-container:not(.gig-comments-sortbox) {
position: fixed !important
}
.gig-comments-usertaggingbox {
border: 0
}
.gig-comments-usertaggingbox .gig-usertagging-title {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400;
font-weight: 700;
background: #fff;
border-top: 5px solid #626262;
padding: 10px
}
.gig-comments-usertaggingbox .gig-usertagging-suggestions {
padding: 0 10px
}
.gig-comments-usertaggingbox .gig-usertagging-suggestions .gig-usertagging-user {
font-family: 'Maven Pro', sans-serif;
font-size: 13px;
font-weight: 600;
background: #fff;
padding: 10px 0
}
.gig-comments-usertaggingbox .gig-usertagging-suggestions .gig-usertagging-user .gig-usertagging-userimage {
border-radius: 50%
}
@media all and (min-width: 728px) {
#comments-wrapper .gig-comments-more:before, #comments-wrapper .gig-comments-more:after {
width: 150%
}
#comments-wrapper .gig-composebox-header .gig-composebox-header-left {
float: right;
margin-top: 6px
}
#comments-wrapper .gig-composebox-header .gig-composebox-header-left .gig-composebox-title {
font-family: 'Maven Pro', sans-serif;
font-size: 17px;
font-weight: 400;
font-weight: 700
}
#comments-wrapper .comments-header .comment-count {
padding-left: 40px
}
#comments-wrapper .comments-header .comment-count:before {
left: 30px;
top: -14px
}
#comments-wrapper .comments-header #comment-num {
left: -2px;
top: 18px
}
#comments-wrapper .comments-header .comments-header-title {
font-size: 40px;
padding-left: 20px
}
#comments-wrapper.state-login .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data {
margin-bottom: 80px
}
#comments-wrapper.state-login .gig-comments-container .gig-composebox-data {
margin-bottom: 10px
}
#comments-wrapper.state-login .gig-comments-container .gig-comments-composebox.gig-composebox-open .gig-composebox-data {
margin-bottom: 30px
}
#comments-wrapper.state-logout .gig-composebox-data {
margin-bottom: 0
}
#comments-wrapper.state-logout .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data {
margin-bottom: 50px
}
#comments-wrapper .gig-comments-container .gig-comments-composebox {
padding: 23px 30px
}
#comments-wrapper .gig-comments-container .gig-comments-composebox .gig-composebox-site-login {
margin-top: 1px
}
#comments-wrapper .gig-comments-container .gig-comments-header .gig-comments-header-right .gig-comments-sort {
font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700;
margin-right: 30px;
top: 14px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right {
float: right
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right .gig-composebox-follow {
left: -20px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer {
height: 60px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right {
float: right
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-comments-houserules {
padding-top: 20px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400;
font-weight: 700;
display: inline-block;
padding: 14px 34px;
right: 20px;
top: -8px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow.gig-composebox-following {
padding: 14px 57px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow.gig-composebox-following:before {
bottom: 12px;
left: 28px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow.gig-composebox-following:after {
left: 32px;
top: 16px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow.gig-composebox-following:hover {
background: none;
color: #fff
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow.gig-composebox-following:hover:after {
font-size: 9px;
left: 33px;
top: 17px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-post {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400;
font-weight: 700;
display: inline-block;
padding: 7px 44px;
top: -5px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-follow, #comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-post {
display: inline-block;
top: 20px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-follow {
right: 20px
}
#comments-wrapper #comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right {
float: right
}
#comments-wrapper .gig-comment-footer-right div {
line-height: 0.4
}
[id$=_showShareUI_shareCanvas] > table {
max-width: 100%
}
[id$=_showShareUI_emailCanvas] > tbody > tr:nth-child(1) tr > td:nth-child(2) div {
top: -22px;
transform: translateX(200px)
}
[id$=_showShareUI_emailCanvas] > tbody > tr:nth-child(1) tr > td:nth-child(2):before {
padding: 15px 0 15px 5px
}
}
@media all and (min-width: 1024px) {
#comments-wrapper .gig-comments-more:before, #comments-wrapper .gig-comments-more:after {
width: 140%
}
#comments-wrapper.state-login .gig-comments-container .gig-composebox-data {
margin-bottom: 10px
}
#comments-wrapper.state-logout .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data {
margin-bottom: 80px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer {
height: 60px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right {
float: right
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow {
display: inline-block;
right: 20px;
top: -5px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow.gig-composebox-following {
padding: 11px 63px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow.gig-composebox-following:before {
bottom: 9px;
left: 32px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow.gig-composebox-following:after {
left: 36px;
top: 14px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow.gig-composebox-following:hover:after {
font-size: 9px;
left: 37px;
top: 14px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-post {
display: inline-block;
top: -5px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right {
float: right
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right .gig-composebox-follow {
left: -20px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-follow, #comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-post {
top: 25px
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-caption-container .gig-comments-dialog-close {
right: -5%;
top: -22px
}
[id$=_showShareUI_shareCanvas] > table {
max-width: 100%
}
[id$=_showShareUI_emailCanvas] > tbody > tr:nth-child(1) tr > td:nth-child(2) div {
top: -22px;
transform: translateX(200px)
}
[id$=_showShareUI_emailCanvas] > tbody > tr:nth-child(1) tr > td:nth-child(2):before {
padding: 15px 0 15px 5px
}
}
@media all and (min-width: 1240px) {
#comments-wrapper.state-login .gig-comments-container .gig-composebox-data {
margin-bottom: 20px
}
#comments-wrapper.state-login .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-header .gig-composebox-header-left {
padding-bottom: 0
}
#comments-wrapper.state-login .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data {
margin-bottom: 20px
}
#comments-wrapper.state-login .gig-composebox-withBadges .gig-composebox-namecontainer {
margin-top: 3px
}
#comments-wrapper.state-login .gig-composebox-namecontainer {
margin-top: 0
}
#comments-wrapper.state-login .gig-composebox-namecontainer .gig-comment-userBadge {
bottom: 9px
}
#comments-wrapper.state-logout .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data {
margin-bottom: 20px
}
#comments-wrapper.state-logout .gig-comments-container .gig-composebox-data {
margin-bottom: 7px;
margin-top: 5px
}
#comments-wrapper .comments-header .comments-header-title {
font-size: 40px;
padding-left: 20px;
top: 32px
}
#comments-wrapper .comments-header .comment-count:before {
font-size: 65px;
left: 30px;
line-height: 2;
top: -45px
}
#comments-wrapper .comments-header #comment-num {
left: -2px;
top: 22px
}
#comments-wrapper .gig-composebox-header .gig-composebox-header-left {
float: right;
margign-top: 10px;
top: 10px
}
#comments-wrapper .gig-composebox-header .gig-composebox-header-left .gig-composebox-title {
font-family: 'Maven Pro', sans-serif;
font-size: 17px;
font-weight: 400;
font-weight: 700;
padding-bottom: 3px;
padding-top: 2px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer {
height: 50px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right {
float: right
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right .gig-composebox-follow {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400;
font-weight: 700;
display: inline-block;
padding: 11px 40px;
right: 20px;
top: -12px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right .gig-composebox-follow:hover {
background: #fff;
color: #3A3A3A
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right .gig-composebox-follow.gig-composebox-following {
padding: 11px 63px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right .gig-composebox-follow.gig-composebox-following:before {
bottom: 8px;
left: 30px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right .gig-composebox-follow.gig-composebox-following:after {
left: 34px;
top: 14px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right .gig-composebox-follow.gig-composebox-following:hover:after {
font-size: 9px;
left: 35px;
top: 15px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-post {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400;
font-weight: 700;
display: inline-block;
padding: 6px 44px;
top: -12px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-post:hover {
background: #fff;
border-color: #E0E0E0;
color: #626262;
cursor: pointer
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-comments-houserules {
padding-top: 30px
}
#comments-wrapper .gig-comments-container .gig-comments-composebox {
padding: 23px 30px
}
#comments-wrapper .gig-comments-container .gig-comments-composebox .gig-composebox-site-login {
margin-bottom: 14px;
margin-top: 0;
padding: 7px 42px
}
#comments-wrapper .gig-comments-container .gig-comments-composebox .gig-composebox-site-login:hover {
background: #fff;
border-color: #E0E0E0;
color: #626262;
cursor: pointer
}
#comments-wrapper .gig-comments-container .gig-comments-composebox.gig-composebox-open .gig-composebox-data {
margin-bottom: 30px
}
#comments-wrapper .gig-comments-container .gig-comments-header .gig-comments-header-right .gig-comments-sort {
font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700;
margin-right: 35px;
top: 17px
}
#comments-wrapper .gig-comments-container .gig-comments-comments {
padding: 0 30px 30px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment:nth-child(even) {
margin-left: -30px;
padding-left: 30px;
padding-right: 30px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comment-footer-right {
margin-right: 24px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comment-footer-right div {
line-height: 1
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replies {
margin-left: 0
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox {
padding-left: 30px;
padding-right: 30px;
right: 48px;
width: 98%
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-header-right {
position: relative
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-header-right .gig-composebox-close {
height: 40px;
right: 0;
top: 2px;
width: 40px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-header-right .gig-composebox-close:before {
font-size: 20px;
left: 25%;
pointer-events: none;
top: 20%
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-header {
margin-bottom: 15px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-header .gig-composebox-header-left {
padding-bottom: 30px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer {
height: 62px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-follow {
left: -20px;
top: 5px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-post {
left: 0;
top: 5px
}
#comments-wrapper #btn-show-more-comments:hover, #comments-wrapper .gig-comments-more:hover {
background: #fff;
border-color: #E0E0E0;
color: #626262;
cursor: pointer
}
.gig-comments-dialog .gig-comments-dialog-caption-container .gig-comments-dialog-close {
right: -4%;
top: -15px
}
.gig-share {
left: 50% !important;
transform: translateX(-250px)
}
body > .gig-share {
position: fixed !important
}
[id$=_showShareUI_emailCanvas] > tbody > tr:nth-child(1) tr > td:nth-child(2) div {
transform: translateX(198px);
top: -15px
}
[id$=_showShareUI_emailCanvas] > tbody > tr:nth-child(1) tr > td:nth-child(2):before {
padding: 15px 0 15px 5px
}
[id$=_showShareUI_shareCanvas] > table {
max-width: 100%
}
.gig-simpleShareUI .gig-simpleShareUI-inner {
width: 200px
}
.gig-simpleShareUI .gig-simpleShareUI-closeButton {
right: 3%
}
.gig-simpleShareUI .gig-simpleShareUI-content .gig-simpleShareUI-button {
width: 22%
}
.gig-simpleShareUI .gig-simpleShareUI-content .gig-simpleShareUI-button[provider=email] {
display: inline-block
}
}
.icon.thumbs-up:before {
content: ""
}
.icon.thumbs-down:before {
content: ""
}
.notification {
padding: 18px 12px
}
#social-follow {
font-size: 13px;
margin-bottom: 48px
}
#social-follow:empty {
margin-bottom: 0
}
#social-headings {
display: none
}
#social-headings li {
font-weight: 700
}
#social-methods .icon {
border-radius: 0;
font-size: 32px;
height: 32px;
width: 32px
}
#social-methods .icon.small {
font-size: 18px;
height: 18px;
width: 18px
}
#social-methods .icon.large {
cursor: default;
display: none
}
#social-methods a {
text-decoration: none
}
#social-methods > div {
padding: 18px 12px
}
#social-methods > div.facebook-share {
background: #315C97
}
#social-methods > div.facebook-share strong {
color: #fff;
display: block;
padding-left: 28px;
position: relative
}
#social-methods > div.facebook-share strong span {
left: 0;
position: absolute;
top: -4px
}
#social-methods > div.facebook-share strong em {
display: inline-block;
font-style: normal;
font-weight: normal;
margin-left: 5px
}
#social-methods > div.facebook-share .page-name {
color: #fff;
font-weight: 700;
left: 10px;
position: relative;
top: -8px
}
@media all and (min-width: 728px) {
#social-methods > div.facebook-share .page-name {
left: 0;
margin-left: 13px;
margin-top: 45px;
position: absolute;
top: calc(50% - 31px)
}
}
@media all and (min-width: 728px) {
#social-methods > div.facebook-share .fb-like {
margin-top: -15px
}
}
@media all and (min-width: 1240px) {
#social-methods > div.facebook-share .fb-like {
margin-top: -18px
}
}
#social-methods > div.twitter-share {
background: #39A9E0;
cursor: pointer
}
#social-methods > div.twitter-share ul {
overflow: hidden
}
#social-methods > div.twitter-share li {
box-sizing: border-box;
float: left;
line-height: 1.3em;
list-style-type: none;
margin-left: 20px;
min-height: 18px;
padding-left: 26px;
position: relative
}
#social-methods > div.twitter-share li:first-child {
margin-left: 0
}
#social-methods > div.twitter-share li .icon {
left: 0;
position: absolute;
top: -1px
}
#social-methods > div.twitter-share a {
color: #fff;
font-weight: 700
}
#social-methods > div.twitter-share span.icon {
cursor: pointer
}
#social-methods > div.mail-share {
background: #E90E0E;
padding-right: 144px;
position: relative
}
#social-methods > div.mail-share #enter-email {
cursor: pointer;
font-weight: 700
}
#social-methods > div.mail-share.textbox {
padding-bottom: 10px
}
#social-methods > div.mail-share.textbox .icon.large, #social-methods > div.mail-share.textbox #enter-email, #social-methods > div.mail-share.textbox > strong {
display: none
}
#social-methods > div.mail-share.textbox input {
border-radius: 6px;
border: 1px solid #E0E0E0;
color: #979797;
display: block;
font-size: 14px;
margin-top: -8px;
padding: 8px;
width: calc(100% - 24px)
}
#social-methods > div.mail-share.textbox input:focus {
color: #626262
}
#social-methods > div.mail-share.textbox #subscribe {
display: block
}
#social-methods > div.mail-share.textbox #subscribe {
cursor: pointer;
font-weight: 700
}
#social-methods > div.mail-share.user-message {
padding: 0
}
#social-methods > div.mail-share.user-message > * {
display: none
}
#social-methods > div.mail-share.user-message .notification {
display: block
}
#social-methods > div.mail-share .notification strong {
display: block;
font-weight: 700;
position: relative
}
#social-methods > div.mail-share .notification strong span {
border-radius: 0;
font-size: 18px;
height: 18px;
top: -1px;
width: 18px
}
#social-methods > div.mail-share.successful {
background: #009C33
}
#social-methods > div.mail-share.successful .notification strong {
color: #fff
}
#social-methods > div.mail-share.successful .notification strong span {
color: #fff
}
#social-methods > div.mail-share.successful .notification strong span:before {
content: ""
}
#social-methods > div.mail-share.warning {
background: gold
}
#social-methods > div.mail-share.warning .notification strong {
color: #000
}
#social-methods > div.mail-share.warning .notification strong span {
color: #000
}
#social-methods > div.mail-share.warning .notification strong span:before {
content: ""
}
#social-methods > div.mail-share.information {
color: #fff
}
#social-methods > div.mail-share.information .notification strong {
color: #fff
}
#social-methods > div.mail-share.information .notification strong span {
color: #fff
}
#social-methods > div.mail-share.information .notification strong span:before {
content: ""
}
#social-methods > div.mail-share .icon.mail:before {
font-family: FontAwesome;
content: "\f003";
}
#social-methods > div.mail-share > strong {
color: #fff;
min-height: 19px
}
#social-methods > div.mail-share strong {
display: block;
line-height: 1.3em;
padding-left: 28px;
position: relative
}
#social-methods > div.mail-share strong span {
left: 0;
position: absolute;
top: -1px
}
#social-methods > div.mail-share a {
border-radius: 16px;
background: #fff;
border-color: #E90E0E;
border-style: solid;
border-width: 2px;
color: #E90E0E;
display: inline-block;
padding: 8px 10px;
position: absolute;
right: 12px;
text-align: center;
top: 11px;
width: 100px
}
#social-methods > div.mail-share a:hover {
background: #E90E0E;
border-color: #fff;
color: #fff
}
#social-methods > div.mail-share input, #social-methods > div.mail-share #subscribe {
display: none
}
@media all and (min-width: 728px) {
#social-headings {
display: flex;
font-size: 16px
}
#social-headings li:first-child:nth-last-child(1) {
width: calc((100% - 16px) / 1)
}
#social-headings li:first-child:nth-last-child(2), #social-headings li:first-child:nth-last-child(2) ~ li {
width: calc((100% - 16px) / 2)
}
#social-headings li:first-child:nth-last-child(3), #social-headings li:first-child:nth-last-child(3) ~ li {
width: calc((100% - 32px) / 3)
}
#social-headings li {
list-style-type: none;
padding: 12px;
background: #F1F1F1
}
#social-headings li:not(:last-child) {
margin-right: 16px
}
#social-headings li:nth-child(1) strong {
color: #315C97
}
#social-headings li:nth-child(2) strong {
color: #39A9E0
}
#social-headings li:nth-child(3) strong {
color: #E90E0E
}
#social-methods {
display: flex
}
#social-methods .icon.large {
display: block;
position: absolute;
right: 16px;
top: calc(50% - 16px)
}
}
@media all and (min-width: 728px) and (min-width: 1024px) {
#social-methods .icon.large {
top: calc(50% - 20px)
}
}
@media all and (min-width: 728px) and (min-width: 1240px) {
#social-methods .icon.large {
top: calc(50% - 16px)
}
}
@media all and (min-width: 728px) {
#social-methods div:first-child:nth-last-child(1) {
width: calc((100% - 16px) / 1)
}
#social-methods div:first-child:nth-last-child(2), #social-methods div:first-child:nth-last-child(2) ~ div {
width: calc((100% - 16px) / 2)
}
#social-methods div:first-child:nth-last-child(3), #social-methods div:first-child:nth-last-child(3) ~ div {
width: calc((100% - 32px) / 3)
}
#social-methods > div {
list-style-type: none;
padding: 12px;
align-items: center;
box-sizing: border-box;
display: flex;
position: relative
}
#social-methods > div:not(:last-child) {
margin-right: 16px
}
#social-methods > div.facebook-share strong span {
top: -3px
}
#social-methods > div.twitter-share {
padding-right: 64px
}
#social-methods > div.twitter-share li {
margin-left: 0;
margin-top: 5px
}
#social-methods > div.twitter-share li:first-of-type {
margin-top: 0
}
#social-methods > div.mail-share {
padding-right: 64px
}
#social-methods > div.mail-share.textbox {
display: block;
padding: 12px
}
#social-methods > div.mail-share.textbox input {
margin-bottom: 12px;
margin-top: 0;
width: calc(100% - 16px)
}
#social-methods > div.mail-share.textbox a {
display: inline-block;
padding-left: 32px;
padding-right: 32px;
width: 80px
}
#social-methods > div.mail-share > strong, #social-methods > div.mail-share > .icon.small {
display: none
}
#social-methods > div.mail-share a {
border-radius: 22px;
display: block;
padding: 12px 10px;
position: relative;
right: 0;
top: 0;
width: 100%
}
#social-methods > div.mail-share.user-message {
padding-right: 64px
}
#social-methods > div.mail-share .notification {
padding-right: 0;
width: 100%
}
#social-methods > div.mail-share .notification strong {
padding-left: 0
}
#social-methods > div.mail-share .notification strong span {
font-size: 32px;
height: 32px;
left: auto;
right: -48px;
top: calc(50% - 16px);
width: 32px
}
}
@media all and (min-width: 1024px) {
#social-headings {
font-size: 14px
}
}
.jotform-form {
border: 1px solid #626262;
margin-bottom: 24px;
margin-left: 12px;
margin-right: 12px;
overflow: hidden;
padding-bottom: 25px;
position: relative;
z-index: 0
}
.jotform-form * {
box-sizing: border-box
}
.jotform-form .competition-header {
border-bottom: 1px solid #626262;
color: #494949;
font-size: 24px;
margin-bottom: 0;
padding-bottom: 30px;
padding-top: 30px;
text-align: center
}
.jotform-form .form-line {
border: none;
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 100%
}
.jotform-form .form-line input {
font-family: 'Maven Pro', sans-serif;
font-size: 12px;
font-weight: 600;
background-color: #F1F1F1;
border: none;
border-radius: 4px;
box-shadow: none;
float: left;
height: 50px;
line-height: 2.1;
margin: 0 0 10px 0;
padding: 5px 10px;
text-overflow: ellipsis;
width: 100%
}
.jotform-form .form-line input::-webkit-input-placeholder {
color: #979797;
font-size: 12px
}
.jotform-form .form-line input:focus {
border-radius: 4px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
outline: initial
}
.jotform-form .form-line input[disabled] {
background: transparent;
border: 1px solid #F1F1F1;
color: #494949
}
.jotform-form .form-line input::-ms-clear {
display: none
}
.jotform-form .form-line .dropdown {
position: relative
}
.jotform-form .form-line .dropdown:before {
content: ""
}
.jotform-form .form-line .dropdown:before {
color: #626262;
font-family: icomoon;
font-size: 17px;
margin-top: 20px;
right: 10px;
bottom: 25px;
position: absolute;
pointer-events: none
}
.jotform-form .form-line .form-dropdown {
font-family: 'Maven Pro', sans-serif;
font-size: 12px;
font-weight: 600;
appearance: none;
-webkit-appearance: none;
background-color: #F1F1F1;
border: none;
border-radius: 4px;
color: #141414;
cursor: pointer;
height: 50px;
line-height: 2.1;
margin: 0 0 10px 0;
overflow: hidden;
padding-left: 10px;
padding-right: 28px;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%
}
.jotform-form .form-line .form-dropdown:focus {
box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
border-radius: 4px;
outline: initial
}
.jotform-form .form-line .form-dropdown option {
color: #141414;
padding: 0
}
.jotform-form .form-label-top, .jotform-form .form-label-left {
font-family: 'Maven Pro', sans-serif;
font-size: 16px;
font-weight: 400;
font-weight: 700;
color: #494949;
display: block;
line-height: 1.3;
margin-bottom: 10px;
white-space: normal
}
.jotform-form .form-label-center {
font-family: 'Maven Pro', sans-serif;
font-size: 16px;
font-weight: 400;
font-weight: 700;
color: #626262;
padding-bottom: 17px;
text-align: center
}
.jotform-form .form-label-auto {
font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700;
color: #494949;
margin-bottom: 12px
}
.jotform-form .form-input {
display: inline-block;
width: 100%
}
.jotform-form .form-sub-label-container-2 {
display: inline-block;
margin-right: 0;
padding-right: 0;
width: 100%
}
.jotform-form .form-sub-label-container-2:nth-child(2n+1) {
padding-left: 0;
width: 100%
}
.jotform-form .form-sub-label-container-2 .form-error-message:after {
top: 21%
}
.jotform-form .form-sub-label-container-3 {
float: left;
padding-left: 0;
padding-right: 10px;
width: 33%
}
.jotform-form .form-sub-label-container-3:last-child {
padding-right: 0
}
.jotform-form .form-sub-label-container-3 .form-error-message {
width: 205%
}
.jotform-form .form-sub-label-container-3 .form-error-message:after {
left: 18%;
top: 50%
}
.jotform-form .form-single-column.form-multiple-column {
border-bottom: 1px solid #626262;
display: inline-block;
padding-bottom: 30px;
padding-top: 10px;
width: 100%
}
.jotform-form .form-single-column.form-multiple-column .form-radio-item, .jotform-form .form-single-column.form-multiple-column .form-checkbox-item {
display: block;
padding-bottom: 5px;
padding-left: 0;
width: 100%
}
.jotform-form .form-single-column.form-multiple-column .form-radio-item label, .jotform-form .form-single-column.form-multiple-column .form-checkbox-item label {
font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 400;
color: #494949;
display: block;
height: auto;
line-height: 1.3;
position: relative
}
.jotform-form .form-single-column.form-multiple-column .form-radio-item label .form-radio, .jotform-form .form-single-column.form-multiple-column .form-radio-item label .form-checkbox, .jotform-form .form-single-column.form-multiple-column .form-checkbox-item label .form-radio, .jotform-form .form-single-column.form-multiple-column .form-checkbox-item label .form-checkbox {
cursor: pointer;
float: left;
position: absolute;
vertical-align: top;
width: auto
}
.jotform-form .form-single-column.form-multiple-column .form-radio-item label .label-text, .jotform-form .form-single-column.form-multiple-column .form-checkbox-item label .label-text {
font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 400;
padding-left: 23px;
padding-top: 2px
}
.jotform-form .form-single-column.form-multiple-column input[type="checkbox"] .form-error-message + span.check, .jotform-form .form-single-column.form-multiple-column input[type="radio"] .form-error-message + span.check {
height: 20px;
width: 20px
}
.jotform-form .form-single-column.form-multiple-column input[type="checkbox"]:checked + .form-error-message + span.check:before, .jotform-form .form-single-column.form-multiple-column input[type="radio"]:checked + .form-error-message + span.check:before {
bottom: 2px;
font-size: 12px;
right: 4px
}
.jotform-form .form-single-column input[type="checkbox"] + .form-error-message + span.check, .jotform-form .form-single-column input[type="radio"] + .form-error-message + span.check {
display: none;
height: 15px;
width: 15px
}
.jotform-form .form-single-column input[type="checkbox"]:checked + .form-error-message + span.check:before, .jotform-form .form-single-column input[type="radio"]:checked + .form-error-message + span.check:before {
bottom: 2px;
font-size: 10px;
right: 2px
}
.jotform-form .form-single-column .form-radio-item, .jotform-form .form-single-column .form-checkbox-item {
display: block
}
.jotform-form .form-single-column .form-radio-item .form-checkbox, .jotform-form .form-single-column .form-radio-item .form-radio, .jotform-form .form-single-column .form-checkbox-item .form-checkbox, .jotform-form .form-single-column .form-checkbox-item .form-radio {
display: inline-block;
height: 15px;
margin: 0;
width: 14px
}
.jotform-form .form-single-column .form-radio-item .form-checkbox:focus, .jotform-form .form-single-column .form-radio-item .form-radio:focus, .jotform-form .form-single-column .form-checkbox-item .form-checkbox:focus, .jotform-form .form-single-column .form-checkbox-item .form-radio:focus {
border-radius: 4px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5)
}
.jotform-form .form-single-column .form-radio-item:last-child, .jotform-form .form-single-column .form-checkbox-item:last-child {
padding-bottom: 0
}
.jotform-form .form-single-column .form-radio-item .label-text, .jotform-form .form-single-column .form-checkbox-item .label-text {
display: block;
height: 25px;
line-height: 1.2;
padding-left: 30px;
position: relative;
top: 2px
}
.jotform-form .form-single-column .form-checkbox-item .label-text {
font-family: 'Maven Pro', sans-serif;
font-size: 11px;
font-weight: 400
}
.jotform-form .form-single-column .form-radio-item .label-text {
font-family: 'Maven Pro', sans-serif;
font-size: 11px;
font-weight: 400
}
.jotform-form .button-row {
padding-bottom: 30px;
padding-top: 30px
}
.jotform-form .button-row .btn-submit {
font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700;
background: #626262;
border: 2px solid #626262;
border-radius: 30px;
color: #fff;
cursor: pointer;
left: 50%;
line-height: 1;
padding: 12px 34px;
position: relative;
outline: initial;
transform: translateX(-50%);
transition: .4s ease-in-out all;
width: auto
}
.jotform-form .button-row .btn-submit:focus {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5)
}
.jotform-form .button-legend {
display: none
}
.jotform-form .form-required {
padding-left: 5px
}
.jotform-form input[type="checkbox"], .jotform-form input[type="radio"] {
display: none
}
.jotform-form input[type="checkbox"] + .form-error-message + span.check, .jotform-form input[type="radio"] + .form-error-message + span.check {
background-color: #F1F1F1;
cursor: pointer;
display: inline-block;
float: left;
margin: -1px 6px 0 0;
position: relative;
vertical-align: middle
}
.jotform-form input[type="radio"] + .form-error-message + span.check {
border-radius: 50%
}
.jotform-form input[type="checkbox"]:checked + .form-error-message + span.check:before, .jotform-form input[type="radio"]:checked + .form-error-message + span.check:before {
content: "\ea10";
color: #494949;
font-family: icomoon;
pointer-events: none;
position: absolute
}
.jotform-form .form-file input {
background: none
}
.jotform-form .form-file input:focus {
box-shadow: none
}
.jotform-form .form-file input::-webkit-file-upload-button {
font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700;
-webkit-appearance: none;
background-color: #626262;
border: 2px solid #626262;
border-radius: 30px;
color: #fff;
cursor: pointer;
line-height: 1.2;
padding: 8px 20px;
outline: initial;
text-transform: capitalize
}
.jotform-form .form-single-column .form-checkbox-item.error-required {
background: gold;
margin-left: -15px;
margin-right: -15px
}
.jotform-form .form-single-column .form-checkbox-item.error-required .form-checkbox {
margin-left: 15px;
margin-top: 7px
}
.jotform-form .form-single-column .form-checkbox-item.error-required .label-text {
display: inline-block;
padding-left: 10px;
top: 4px
}
.jotform-form .form-single-column .form-checkbox-item.error-required .form-error-message {
display: block;
margin-left: 45px
}
.form-header {
background-size: cover;
background-position: bottom center;
background-image: url("../../../../../chameleon-sso/competition/img/stars.png");
background-color: #626262;
color: #fff;
padding-bottom: 12px;
padding-top: 15px;
position: relative
}
.form-header .logo {
height: 50px;
width: 150px;
background-size: 100% 100%;
display: block;
height: 50px;
margin: 0 auto 20px;
position: relative;
width: 155px
}
.form-header .logo:after {
font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700;
display: block;
color: #fff;
content: "competition";
font-size: 13px;
letter-spacing: 3.5px;
padding-top: 10px;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 33px;
width: 100%
}
select::-ms-expand {
display: none
}
.competition-enter, .competition-form {
display: none
}
.competition-enter.current, .competition-form.current {
display: block
}
.competition-enter.current .jotform-form, .competition-form.current .jotform-form {
display: block
}
.jotform-form, .thank-you {
display: none
}
.thank-you.current {
display: block
}
.thank-you .message {
border: 1px solid #626262;
text-align: center
}
.thank-you .message span {
color: #494949;
display: block
}
.thank-you .message .first {
font-family: 'Maven Pro', sans-serif;
font-size: 22px;
font-weight: 400;
font-weight: 700;
padding: 30px 0 20px 0
}
.thank-you .message .second {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400;
font-weight: 700;
line-height: 1.5;
padding-left: 5px;
padding-right: 5px
}
.thank-you .message .second:last-child {
padding-bottom: 30px
}
.competition-wrapper {
margin-bottom: 24px;
margin-left: 12px;
margin-right: 12px;
position: relative
}
.competition-wrapper .form-logout, .competition-wrapper .form-logout-success {
bottom: 40%;
cursor: pointer;
display: inline-block;
font-size: 12px;
position: absolute;
right: 10px;
text-transform: uppercase
}
.form-login-button {
background-color: #626262;
background-image: url("../../../../../chameleon-sso/competition/img/stars.png");
background-position: bottom;
background-size: cover;
height: 95px;
padding: 0 20px;
position: relative
}
.form-login-button .logo {
height: 50px;
width: 150px;
background-size: contain;
display: block;
height: 45px;
left: 0;
position: absolute;
top: 18px;
width: 140px
}
.form-login-button .logo:after {
font-family: 'Maven Pro', sans-serif;
font-size: 12px;
font-weight: 600;
color: #fff;
content: "competition";
display: block;
left: 21px;
letter-spacing: 1px;
position: absolute;
text-transform: uppercase;
top: 40px
}
.form-login-button .button {
background-color: #fff;
border: 2px solid #fff;
border-radius: 30px;
box-sizing: border-box;
color: #626262;
cursor: pointer;
display: inline-block;
font-size: 15px;
font-weight: 700;
padding: 13px 30px;
position: absolute;
right: 18px;
text-transform: uppercase;
top: 50%;
transform: translateY(-50%);
transition: .4s ease-in-out all
}
.competition-scrim {
background-color: rgba(0, 0, 0, 0.4);
height: 100%;
opacity: 0;
position: absolute;
transition: opacity 0.4s ease-out;
visibility: hidden;
width: 100%;
z-index: 5
}
.competition-scrim.scrim-visible {
opacity: 1;
visibility: visible
}
.form-error-message {
font-family: 'Maven Pro', sans-serif;
font-size: 12px;
font-weight: 400;
font-weight: 700;
color: #626262;
bottom: 3px;
display: none;
line-height: 1;
margin-bottom: 8px;
margin-left: 10px;
position: relative;
width: 100%
}
.header-error-message {
font-family: 'Maven Pro', sans-serif;
font-size: 12px;
font-weight: 400;
font-weight: 700;
background-color: gold;
color: #141414;
display: none;
line-height: 1.2;
margin-left: -30px;
margin-right: -30px;
padding: 10px 18px;
position: relative;
text-align: center;
top: 10px
}
.yellow-background {
background: gold !important
}
.yellow-background::-webkit-input-placeholder {
color: #141414 !important
}
.grey-background {
background: #F1F1F1
}
.display-inline {
display: inline-block
}
.display-block {
display: block
}
@media all and (min-width: 728px) {
.jotform-form {
margin-left: 0;
margin-right: 0
}
.jotform-form .form-single-column.form-multiple-column .form-radio-item, .jotform-form .form-single-column.form-multiple-column .form-checkbox-item {
display: inline-block;
float: left;
padding-bottom: 0;
padding-left: 25px;
width: 32%
}
.jotform-form .form-sub-label-container-2 {
display: block;
float: left;
width: 50%
}
.jotform-form .form-sub-label-container-2:nth-child(2n+1) {
padding-right: 5px;
width: 50%
}
.competition-wrapper {
margin-left: 0;
margin-right: 0
}
.competition-wrapper .form-logout, .competition-wrapper .form-logout-success {
font-size: 15px;
right: 20px
}
.form-login-button {
padding: 0 30px
}
.form-login-button .logo {
height: 50px;
left: 7px;
top: 12px;
width: 155px
}
.form-login-button .logo:after {
font-family: 'Maven Pro', sans-serif;
font-size: 13px;
font-weight: 600;
left: 23px;
letter-spacing: 1.5px;
top: 45px
}
.form-login-button .button {
line-height: 1.5;
padding: 13px 48px;
right: 28px
}
.header-error-message {
padding: 10px
}
}
@media all and (min-width: 1024px) {
.jotform-form {
margin-left: 0;
margin-right: 0
}
.jotform-form .form-sub-label-container-2 {
display: inline-block;
float: left;
width: 50%
}
.jotform-form .form-sub-label-container-2:nth-child(2n+1) {
padding-right: 5px;
width: 50%
}
.competition-wrapper {
margin-left: 0;
margin-right: 0
}
.thank-you .message .first {
font-size: 22px
}
.thank-you .message .second {
font-size: 15px
}
}
@media all and (min-width: 1240px) {
.jotform-form {
margin-bottom: 40px;
margin-left: 0;
margin-right: 0
}
.jotform-form .form-line {
padding-left: 30px;
padding-right: 30px
}
.jotform-form .form-line input, .jotform-form .form-line .form-dropdown {
height: 40px
}
.jotform-form .form-line .dropdown.no-before:before {
bottom: 45px
}
.jotform-form .form-line .dropdown:before {
bottom: 20px
}
.jotform-form .form-sub-label-container-2 {
display: inline-block;
float: left;
width: 50%
}
.jotform-form .form-sub-label-container-2:nth-child(2n+1) {
padding-right: 5px;
width: 50%
}
.jotform-form .form-single-column.form-multiple-column .form-radio-item label .label-text, .jotform-form .form-single-column.form-multiple-column .form-checkbox-item label .label-text {
font-family: 'Maven Pro', sans-serif;
font-size: 16px;
font-weight: 400
}
.jotform-form .form-single-column.form-multiple-column input[type="checkbox"] + .form-error-message + span.check, .jotform-form .form-single-column.form-multiple-column input[type="radio"] + .form-error-message + span.check {
height: 25px;
width: 25px
}
.jotform-form .form-single-column.form-multiple-column input[type="checkbox"]:checked + .form-error-message + span.check:before, .jotform-form .form-single-column.form-multiple-column input[type="radio"]:checked + .form-error-message + span.check:before {
bottom: 4px;
right: 6px
}
.jotform-form .form-single-column .form-checkbox-item .form-radio, .jotform-form .form-single-column .form-radio-item .form-radio {
margin: 0
}
.jotform-form .form-single-column .form-checkbox-item .form-checkbox, .jotform-form .form-single-column .form-radio-item .form-checkbox {
margin: 3px 3px 0 5px
}
.jotform-form .form-single-column .form-checkbox-item .label-text, .jotform-form .form-single-column .form-radio-item .label-text {
top: 4px
}
.jotform-form .form-sub-label-container-3 {
width: 20%
}
.jotform-form .button-row .btn-submit:hover {
background: #fff;
border: 2px solid #626262;
color: #626262
}
.jotform-form .form-single-column .form-checkbox-item.error-required {
margin-left: -30px;
margin-right: -30px
}
.jotform-form .form-single-column .form-checkbox-item.error-required .form-checkbox {
margin-left: 35px
}
.jotform-form .form-single-column .form-checkbox-item.error-required .label-text {
width: 40%
}
.jotform-form .form-single-column .form-checkbox-item.error-required .form-error-message {
display: inline-block;
margin-left: 0;
top: 5px;
width: 40%
}
.competition-wrapper {
margin-bottom: 40px;
margin-left: 0;
margin-right: 0
}
.form-login-button {
padding: 0 30px
}
.form-login-button .logo {
height: 60px;
left: 15px;
top: 10px
}
.form-login-button .logo:after {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 600;
left: 14px;
letter-spacing: 2px;
top: 50px
}
.form-login-button .button {
font-size: 16px;
line-height: 1;
padding: 16px 60px
}
.form-login-button .button:hover {
background: #626262;
border: 2px solid #fff;
color: #fff
}
.header-error-message {
font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700
}
.thank-you .message .first {
font-size: 20px
}
.thank-you .message .second {
font-size: 13px
}
}
.comment-prompt {
background: #fff;
float: left;
margin: 0 12px 30px;
position: relative;
text-align: center;
transition: 50ms ease-in-out;
width: calc(100% - 24px)
}
.comment-prompt:before, .comment-prompt:after {
background: #F1F1F1;
content: '';
height: 8px;
left: 0;
position: absolute;
transition: 150ms ease-in-out;
width: 100%
}
.comment-prompt:before {
top: 0
}
.comment-prompt:after {
bottom: 0
}
.comment-prompt:hover:before {
top: -8px
}
.comment-prompt:hover:after {
bottom: -8px
}
.comment-prompt:hover:before, .comment-prompt:hover:after {
background: #626262
}
.comment-prompt .comment-anchor {
display: block;
padding: 24px 12px
}
.comment-prompt .comment-anchor:hover {
text-decoration: none
}
.comment-prompt .comment-icon {
background: url("../../../../../chameleon-sso/comments/img/comment.png") no-repeat center center;
display: inline-block;
height: 57px;
margin: 0 auto 8px;
position: relative;
width: 86px
}
.comment-prompt .comment-icon:before {
content: '';
height: 20px;
position: absolute;
right: 44px;
top: 14px;
width: 20px
}
.comment-prompt .comment-header {
font-family: 'Maven Pro', sans-serif;
font-size: 18px;
font-weight: 400;
font-weight: 700;
color: #494949;
line-height: 1.4;
margin-bottom: 0
}
.comment-prompt .user-name {
font-family: 'Maven Pro', sans-serif;
font-size: 16px;
font-weight: 400;
font-weight: 700;
color: #141414;
margin-bottom: 8px
}
.comment-prompt .comment-btn {
font-family: 'Maven Pro', sans-serif;
font-size: 12px;
font-weight: 400;
font-weight: 700;
background: #626262;
border: 2px solid #626262;
border-radius: 30px;
clear: both;
color: #fff;
display: inline-block;
margin-top: 12px;
padding: 12px 34px;
position: relative;
transition: 400ms ease-in-out all
}
.comment-prompt .comment-text {
font-family: 'Maven Pro', sans-serif;
font-size: 16px;
font-weight: 400;
color: #3A3A3A;
font-style: italic;
line-height: 1.4;
margin: 0;
padding: 0
}
@media all and (min-width: 728px) {
.comment-prompt {
margin: 8px 40px 30px 0;
max-width: 280px
}
.comment-prompt .comment-anchor {
padding: 32px 12px
}
.comment-prompt .comment-header {
font-size: 22px
}
.comment-prompt .comment-icon {
margin: 0 auto 12px
}
}
@media all and (min-width: 1024px) {
.comment-prompt {
max-width: 240px
}
.comment-prompt .comment-header {
font-size: 20px
}
}
@media all and (min-width: 1240px) {
.comment-prompt {
max-width: 300px
}
.comment-prompt .comment-header {
font-size: 24px
}
.comment-prompt .comment-btn:hover {
background: #fff;
border-color: #626262;
color: #626262;
cursor: pointer
}
}
#wrapper {
background-size: cover;
display: block;
overflow: hidden;
width: 100%
}
#wrapper .footer {
margin: 80px auto 60px auto
}
#wrapper .footer .button {
font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700;
background-color: #fff;
border: 2px solid #fff;
border-radius: 50px;
color: #626262;
cursor: pointer;
display: inline-block;
left: 50%;
padding: 10px 35px;
position: relative;
transform: translatex(-50%);
transition: 400ms ease-in-out all
}
.content {
display: block;
width: 100%
}
.content .header {
bottom: 10px;
font-weight: 700;
margin-bottom: 36px;
position: relative;
text-align: center
}
.text {
font-family: 'Maven Pro', sans-serif;
font-size: 16px;
font-weight: 400;
color: #fff;
padding-top: 240px
}
.text ul {
box-sizing: border-box;
display: inline-block;
left: 50%;
margin-top: 0;
padding-left: 0;
padding-right: 0;
position: relative;
transform: translateX(-50%);
vertical-align: top;
width: 70%
}
.text ul:first-child {
padding-right: 0
}
.text ul li {
font-family: 'Maven Pro', sans-serif;
font-size: 16px;
font-weight: 600;
background: url("../../../../../chameleon-sso/premium/img/green-tick.png") no-repeat 0 1px;
background-size: 16px;
color: #fff;
display: block;
margin-bottom: 18px;
padding-left: 25px
}
@media all and (min-width: 728px) {
.text ul {
left: 0;
padding-left: 20px;
padding-right: 50px;
transform: inherit;
width: calc(50% - 4px)
}
.text ul:first-child {
margin-top: 0
}
.text ul:first-of-type {
padding-left: 50px;
padding-right: 20px
}
.text ul li {
font-size: 18px
}
}
@media all and (min-width: 1240px) {
#wrapper .footer .button:hover {
background-color: #626262;
border-color: #fff;
color: #fff
}
}
#premium-article-prompt, #bottom-article-message {
display: none
}
.blokada-auto #bottom-article-message, .blokada #bottom-article-message {
display: none
}
.blokada-auto #premium-article-prompt, .blokada #premium-article-prompt {
display: block
}
.blokada-auto #wrapper-premium, .blokada #wrapper-premium {
background: transparent;
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
overflow: hidden;
width: 100%;
display: none
}
.blokada-auto #wrapper-premium .content, .blokada #wrapper-premium .content {
background-position: 50% 20px;
background-repeat: no-repeat;
cursor: pointer;
display: block;
width: 100%
}
.blokada-auto #wrapper-premium .text, .blokada #wrapper-premium .text {
color: #fff;
font-family: 'Maven Pro', sans-serif;
font-size: 18px;
padding-top: 240px
}
.blokada-auto #wrapper-premium .header, .blokada #wrapper-premium .header {
font-weight: bold;
margin-bottom: 36px;
text-align: center
}
.blokada-auto #wrapper-premium footer, .blokada #wrapper-premium footer {
margin: 80px auto 60px
}
@media all and (min-width: 728px) {
.blokada-auto #bottom-article-message, .blokada #bottom-article-message {
display: block
}
}
.wip .msg-prompt {
opacity: 0;
transition: opacity 0.3s
}
.msg-prompt {
align-items: center;
display: flex;
justify-content: center;
margin: 0;
padding: 10px 15px;
transition: opacity 0.3s
}
.msg-prompt .lead {
color: #fff;
font-weight: 700;
width: calc(100% - 150px)
}
.msg-prompt .button-container {
flex-shrink: 0
}
.msg-prompt .logo {
background-repeat: no-repeat;
background-size: contain;
display: none;
height: 60px;
width: 80px
}
.inline {
flex: 0 1 auto;
margin: 0 5px;
vertical-align: middle
}
.subscribe {
font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700;
background: #fff;
border: 2px solid #fff;
border-radius: 30px;
box-sizing: border-box;
color: #626262;
cursor: pointer;
max-width: 170px;
outline: initial;
padding: 8px 12px;
transition: 200ms ease-in-out all
}
#bottom-article-message {
font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 400;
background-color: #d62226;
bottom: 0;
left: 0;
position: fixed;
transition: opacity .5s;
width: 100%;
z-index: 3
}
@media all and (min-width: 728px) {
.inline {
margin: 0 10px
}
.msg-prompt .logo {
display: block
}
.msg-prompt .lead {
width: auto
}
}
@media all and (min-width: 1240px) {
.subscribe:hover {
background-color: #626262;
border-color: #fff;
color: #fff
}
}
.loading {
background-color: #fff;
background-image: url("../../../../../chameleon-sso/comments/img/loader.gif");
background-position: 50% 50%;
background-repeat: no-repeat;
height: 150px
}
.green {
color: #009C33 !important
}
.artic-grey {
color: #F1F1F1 !important
}
.profile-container-main {
margin-left: 5px;
margin-right: 5px
}
.profile-container-sidebar {
background-color: #2C2C2C;
float: left;
height: 700px;
position: relative;
vertical-align: top;
width: 15%;
z-index: 1
}
.profile-head-wrapper {
padding-top: 10px
}
.profile-head-wrapper .avatar, .profile-head-wrapper img {
border-radius: 50%;
height: 30px;
left: 50%;
position: relative;
transform: translateX(-50%);
width: 30px
}
.profile-head-wrapper .avatar.empty {
background-color: #141414;
box-shadow: inset 0 0 0 2px #fff
}
.profile-head-wrapper .avatar.empty img {
display: none
}
.profile-head-wrapper .avatar.empty:before {
color: #fff;
content: '\e900';
font-family: icomoon;
font-size: 21px;
left: 50%;
position: absolute;
top: 25%;
transform: translateX(-50%)
}
.profile-head-wrapper .profile-head-data h2 {
color: #626262;
font-size: 0;
margin-top: 0;
text-align: center;
word-wrap: break-word
}
.profile-container-content {
display: inline-block;
width: 75%
}
.profile-navigation ul {
padding-top: 10px
}
.profile-navigation li {
display: block;
text-align: center
}
.profile-navigation li .nav-link {
align-items: center;
color: #fff;
display: flex;
font-size: 11px;
height: 55px;
text-decoration: none
}
.profile-navigation li .nav-link span {
color: #979797;
font-size: 0;
left: 50%;
padding-top: 35px;
position: relative;
transform: translate(-50%, -50%);
top: 40%
}
.profile-navigation li .nav-link span:before {
font-family: 'icomoon';
font-size: 25px;
font-style: normal;
font-variant: normal;
font-weight: normal;
left: 50%;
line-height: 1;
position: absolute;
text-indent: 0;
text-transform: none;
top: 35%;
transform: translate(-50%, -50%)
}
.profile-navigation li .nav-link span.profile:before {
content: '\e918'
}
.profile-navigation li .nav-link span.emailpref:before {
content: '\e007'
}
.profile-navigation li .nav-link span.history:before {
content: '\e919'
}
.profile-navigation li .nav-link span.logout:before {
content: '\e91a'
}
.profile-navigation li.selected {
background: #141414;
position: relative
}
.profile-navigation li.selected:after {
border-bottom: 5px solid transparent;
border-right: 5px solid #fff;
border-top: 5px solid transparent;
content: '';
height: 0;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 0
}
.profile-navigation li.selected span {
color: #fff
}
.content-container .profile-header {
padding: 10px 0 30px 15px
}
.content-container .profile-header h1 {
font-family: 'Maven Pro', sans-serif;
font-size: 22px;
font-weight: 400;
font-weight: 700
}
.content-container .profile-header p {
font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.2;
padding-top: 10px
}
.profile-page div.gigya-screen-dialog-top-customized, .profile-page div.gigya-screen-dialog-close, .profile-page .gigya-screen-dialog-mobile div.gigya-screen-mobile-dialog-close, .profile-page .gigya-screen-dialog-mobile .gig-mobile .gigya-dialog-close-custom {
display: none !important
}
.profile-form {
padding: 10px 0 0 15px
}
.profile-form .form-line {
display: block;
height: auto;
width: 100%
}
.profile-form .form-line label {
font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700;
color: #3A3A3A;
display: block;
padding-bottom: 10px
}
.profile-form .form-line label.invalid {
background-color: #fff
}
.profile-form .form-line input {
font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 400;
background-color: #F1F1F1;
border: none;
bottom: 1px;
box-sizing: border-box;
color: #3A3A3A;
display: block;
line-height: 1;
margin-bottom: 10px;
padding: 12px 0 12px 20px;
position: relative;
width: 100%
}
.profile-form .form-line input[disabled] {
color: #979797
}
.profile-form .form-line input.invalid {
background-color: #f2c3c4
}
.profile-form .user-details .form-line label {
color: #979797
}
.profile-form .user-name .form-line, .profile-form .user-address .form-line {
margin-top: 10px
}
.profile-form .user-address select, .profile-form .user-gender select {
font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 400;
background-color: #F1F1F1;
border: none;
bottom: 1px;
box-sizing: border-box;
color: #3A3A3A;
cursor: pointer;
display: block;
line-height: 1.2;
margin-bottom: 20px;
padding: 14px 20px;
position: relative;
-webkit-appearance: none;
width: 100%
}
.profile-form .user-address select.invalid, .profile-form .user-gender select.invalid {
background-color: #f2c3c4
}
.profile-form .user-date {
margin-bottom: 10px
}
.profile-form .user-date label {
font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700;
color: #3A3A3A;
display: block;
padding-bottom: 10px
}
.profile-form .user-date label.invalid {
background-color: #fff
}
.profile-form .user-date input {
font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 400;
background-color: #F1F1F1;
border: none;
box-sizing: border-box;
color: #3A3A3A;
display: inline-block;
line-height: 1;
padding: 12px 20px
}
.profile-form .user-date input[name="day"], .profile-form .user-date input[name="month"] {
margin-right: 5px;
width: calc(100% / 3)
}
.profile-form .user-date input[name="year"] {
width: calc(100% / 3 - 10px)
}
.profile-form .user-date input.invalid {
background-color: #f2c3c4
}
.profile-form .user-gender label {
font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700;
color: #3A3A3A;
display: block;
padding-bottom: 10px
}
.profile-form button {
font-family: 'Maven Pro', sans-serif;
font-size: 16px;
font-weight: 400;
font-weight: 700;
background: #626262;
border: 2px solid #626262;
border-radius: 30px;
color: #fff;
cursor: pointer;
height: 42px;
left: 50%;
margin-top: 25px;
padding: 0 42px;
position: relative;
text-transform: none;
transform: translateX(-50%);
-webkit-appearance: none;
width: auto
}
.profile-form button.submitting {
background-image: url("../../../../../chameleon-sso/comments/img/loader.gif");
color: #626262;
background-position: 50%;
background-repeat: no-repeat;
background-size: 30px 30px
}
.profile-form .checkbox {
font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 400;
cursor: pointer;
margin-top: 10px
}
.profile-form .checkbox input {
cursor: pointer
}
.profile-form .arrow {
display: block;
position: relative
}
.profile-form .arrow:before {
bottom: 15px;
color: #626262;
content: '\e605';
font-family: icomoon;
font-size: 17px;
margin-top: 20px;
pointer-events: none;
position: absolute;
right: 25px;
z-index: 1
}
.profile-form .form-error-message {
font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 400;
background-color: gold;
box-sizing: border-box;
color: #2C2C2C;
display: block;
margin-left: 0;
margin-top: 23px;
padding: 15px 10px 15px 65px;
width: 100%
}
.profile-form .form-error-message span:first-child {
font-weight: 700;
line-height: 1.6;
position: relative
}
.profile-form .form-error-message span:first-child:before {
content: '\ea07';
font-family: icomoon;
font-size: 31px;
left: -40px;
position: absolute
}
.profile-form .form-error-message span {
display: block
}
.user-history-comments {
margin-right: -42px;
padding: 0 0 10px 0
}
.user-history-comments .comments-wrapper {
display: block;
margin-bottom: 0
}
.user-history-comments .comments-wrapper:nth-of-type(2n+1) {
background-color: #F1F1F1
}
.user-history-comments .comments-container {
padding: 20px 10px
}
.user-history-comments .comment-article-title {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400;
font-weight: 700;
color: #2C2C2C;
line-height: 1.25
}
.user-history-comments .comment-time {
font-family: 'Maven Pro', sans-serif;
font-size: 11px;
font-weight: 400;
font-weight: 700;
color: #979797;
line-height: 1.9;
padding-top: 5px;
text-transform: uppercase
}
.user-history-comments .comment-body {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400;
color: #494949;
line-height: 1.5
}
.user-history-comments .view {
font-family: 'Maven Pro', sans-serif;
font-size: 11px;
font-weight: 400;
font-weight: 700;
color: #E90E0E;
display: inline-block;
line-height: 1.9;
padding-top: 10px;
text-transform: uppercase
}
.user-history-comments .view a {
color: #E90E0E;
text-decoration: none
}
.user-history-comments .likes {
float: right;
line-height: 2.1
}
.user-history-comments .likes .comment-like, .user-history-comments .likes .comment-dislike {
font-family: 'Maven Pro', sans-serif;
font-size: 11px;
font-weight: 400;
font-weight: 700;
display: inline-block
}
.user-history-comments .likes .comment-like {
padding-right: 10px
}
.user-history-comments .likes .comment-like-nr, .user-history-comments .likes .comment-dislike-nr {
padding-right: 5px
}
.user-history-comments .likes .comment-like-label, .user-history-comments .likes .comment-dislike-label {
color: #979797;
text-transform: uppercase
}
.user-history-comments .likes .comment-like-nr {
color: #009C33
}
.user-history-comments .likes .comment-dislike-nr {
color: #E90E0E
}
.container-history .no-comments {
padding-left: 20px
}
.container-history .no-comments p {
color: #494949;
padding-bottom: 30px
}
.container-history .button-view {
text-align: center
}
.container-history .button-view, .container-history .button-join {
display: block
}
.container-history .button-view .btn-submit, .container-history .button-join .btn-submit {
font-family: 'Maven Pro', sans-serif;
font-size: 13px;
font-weight: 400;
font-weight: 700;
border-radius: 30px;
cursor: pointer;
height: 46px;
line-height: 1.9;
outline: none;
padding: 0 42px;
text-transform: none;
-webkit-appearance: none;
width: auto
}
.user-newsletters {
padding: 0 15px 15px 15px;
width: 100%
}
.user-newsletters .newsletter-wrapper {
background-color: #009C33;
cursor: pointer;
float: left;
height: 50px;
margin-bottom: 15px;
margin-right: 15px;
position: relative;
width: 40%
}
.user-newsletters .newsletter-wrapper.unsubscribed {
background-color: #F1F1F1
}
.user-newsletters .newsletter-wrapper.unsubscribed label {
color: #979797
}
.user-newsletters .newsletter-wrapper.loading {
background-size: 40px
}
.user-newsletters .newsletter-wrapper label {
font-family: 'Maven Pro', sans-serif;
font-size: 12px;
font-weight: 400;
font-weight: 700;
color: #fff;
cursor: pointer;
margin-left: 10px;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%)
}
.user-newsletters .newsletter-wrapper input[type=checkbox] {
display: none
}
.user-newsletters .newsletter-wrapper input[type=checkbox] + label + span {
cursor: pointer;
float: right;
height: 25px;
right: 0;
position: relative;
width: 25px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%)
}
.user-newsletters .newsletter-wrapper input[type=checkbox] + label + span:before {
bottom: 4px;
content: "\ea10";
color: #fff;
display: none;
font-family: icomoon;
font-size: 15px;
font-weight: 400;
line-height: 1;
position: absolute;
right: 8px;
vertical-align: baseline;
-webkit-font-smoothing: antialiased
}
.user-newsletters .newsletter-wrapper input[type=checkbox] + label + span.ticked:before {
display: block
}
.content-container.container-emailpref {
width: 125%
}
.content-container.container-emailpref .no-emailpref {
padding-left: 15px
}
.content-container.container-emailpref .no-emailpref p {
color: #494949;
padding-bottom: 30px
}
@media all and (min-width: 728px) {
.profile-container-main {
margin-left: 15px;
margin-right: 15px
}
.content-container .profile-header {
padding: 30px
}
.content-container .profile-header h1 {
font-size: 36px
}
.content-container .profile-header p {
font-size: 16px
}
.profile-head-wrapper {
padding-top: 20px
}
.profile-head-wrapper .avatar, .profile-head-wrapper .avatar.empty, .profile-head-wrapper img {
height: 50px;
width: 50px
}
.profile-head-wrapper .avatar.empty:before {
font-size: 40px;
top: 16%
}
.profile-head-wrapper .profile-head-data {
padding-left: 10px;
padding-right: 10px
}
.profile-head-wrapper .profile-head-data h2 {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 18px;
font-weight: 700;
margin-top: 15px
}
.profile-navigation ul {
padding-top: 20px
}
.profile-navigation li .nav-link {
height: 130px
}
.profile-navigation li .nav-link span {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 18px;
font-weight: 700;
padding-top: 40px;
top: 35%
}
.profile-navigation li .nav-link span:before {
font-size: 50px;
top: 0
}
.profile-navigation li .nav-link span.profile:before {
left: 65%
}
.profile-navigation li.selected:after {
border-bottom: 10px solid transparent;
border-right: 10px solid #fff;
border-top: 10px solid transparent
}
.profile-form .form-error-message {
font-size: 16px;
padding: 15px 0 15px 65px
}
.user-history-comments {
margin-right: 0;
padding: 0 0 10px 30px
}
.user-history-comments .comments-container {
padding: 30px
}
.user-history-comments .comment-article-title {
font-size: 17px
}
.user-history-comments .likes .comment-like {
padding-right: 30px
}
.container-history .no-comments {
padding: 0 30px 30px
}
.container-history .button-view .btn-submit, .container-history .button-join .btn-submit {
font-size: 16px;
padding: 0 52px
}
.content-container.container-emailpref .no-emailpref {
padding-left: 30px
}
}
@media all and (min-width: 1024px) {
.user-newsletters {
padding: 0 30px 15px 30px
}
.user-newsletters .newsletter-wrapper {
height: 55px;
width: 22%
}
.user-newsletters .newsletter-wrapper label {
font-size: 16px;
margin-left: 20px
}
.user-newsletters .newsletter-wrapper input[type=checkbox] + label + span:before {
bottom: 2px;
font-size: 21px
}
.content-container.container-emailpref {
width: auto
}
}
@media all and (min-width: 1240px) {
.profile-container-main {
margin-left: 45px;
margin-right: 45px
}
.profile-container-content {
width: 90%
}
.profile-container-sidebar {
width: 9%
}
.profile-head-wrapper .avatar, .profile-head-wrapper .avatar.empty, .profile-head-wrapper img {
height: 65px;
width: 65px
}
.profile-head-wrapper .avatar.empty:before {
font-size: 50px;
top: 22%
}
.profile-navigation li .nav-link span:before {
font-size: 60px
}
.profile-navigation li.selected:after {
border-bottom: 15px solid transparent;
border-right: 15px solid #fff;
border-top: 15px solid transparent
}
.profile-navigation li.selected:hover {
background: #141414
}
.profile-navigation li:hover {
background-color: #464646
}
.profile-form {
padding: 0 30px
}
.profile-form .form-line {
display: block;
height: 57px;
width: 100%
}
.profile-form .form-line label {
font-family: 'Maven Pro', sans-serif;
font-size: 16px;
font-weight: 400;
font-weight: 700;
background-color: #E0E0E0;
color: #3A3A3A;
display: inline-block;
line-height: 1;
padding: 20px 0 20px 20px;
width: 24%
}
.profile-form .form-line label.invalid {
background-color: #e98b8c
}
.profile-form .form-line input {
display: inline-block;
font-size: 16px;
line-height: 1.4;
margin-bottom: 0;
padding: 17px 0 17px 25px;
width: 73%
}
.profile-form .user-details .form-line:first-child, .profile-form .user-details .form-line:nth-child(2) {
margin-bottom: 10px
}
.profile-form .user-name .form-line:first-child {
margin-bottom: 10px;
margin-top: 30px
}
.profile-form .user-name fieldset {
height: 112px
}
.profile-form .user-name label {
margin-bottom: 10px
}
.profile-form .user-address fieldset {
height: 400px;
margin-top: 30px
}
.profile-form .user-address label {
color: #3A3A3A;
margin-bottom: 10px
}
.profile-form .user-address select {
display: inline-block;
line-height: 1.4;
margin-bottom: 0;
padding: 18px 25px;
width: 73%
}
.profile-form .user-date label {
background-color: #E0E0E0;
display: inline-block;
font-size: 16px;
padding: 20px 0 20px 20px;
width: 24%
}
.profile-form .user-date label.invalid {
background-color: #e98b8c
}
.profile-form .user-date input {
font-family: 'Maven Pro', sans-serif;
font-size: 16px;
font-weight: 400;
background-color: #F1F1F1;
border: none;
bottom: 1px;
color: #3A3A3A;
display: inline-block;
line-height: 1.4;
padding: 17px 20px;
position: relative
}
.profile-form .user-date input[name="day"] {
margin-right: 10px;
padding-right: 0;
width: calc(24% - 10px)
}
.profile-form .user-date input[name="month"] {
margin-right: 10px;
padding-right: 0px;
width: calc(25% - 10px)
}
.profile-form .user-date input[name="year"] {
padding-left: 20px;
width: calc(25% - 11px)
}
.profile-form .user-gender {
margin-bottom: 25px
}
.profile-form .user-gender label {
font-family: 'Maven Pro', sans-serif;
font-size: 16px;
font-weight: 400;
font-weight: 700;
background-color: #E0E0E0;
color: #3A3A3A;
display: inline-block;
padding: 20px 0 20px 20px;
width: 24%
}
.profile-form .user-gender label.invalid {
background-color: #e98b8c
}
.profile-form .user-gender select {
display: inline-block;
font-size: 16px;
line-height: 1.4;
margin-bottom: 0;
padding: 17px 20px;
width: 73%
}
.profile-form .checkbox {
font-size: 16px;
margin: 0
}
.profile-form .non-highlighted {
margin-bottom: 25px
}
.profile-form button {
height: 55px;
margin-top: 0;
padding: 0 65px
}
.profile-form button:hover {
background: #fff;
color: #626262
}
.profile-form .arrow {
display: initial
}
.profile-form .arrow:before {
bottom: 0
}
.user-history-comments {
padding: 0 30px 30px
}
}
@media all and (min-width: 1240px) and (-ms-high-contrast: none), all and (min-width: 1240px) and (-ms-high-contrast: active) {
.profile-form .arrow {
display: inline
}
}
.notifications {
bottom: 0;
box-sizing: border-box;
display: block;
left: 0;
position: fixed;
width: 100%;
z-index: 3
}
.notifications .notification-wrapper {
background-image: none;
background-size: 80px 80px;
bottom: 0;
display: block;
height: auto;
left: 0;
padding-left: 0;
position: fixed;
right: 0;
width: 100%;
z-index: 10
}
@media all and (min-width: 1024px) {
.notifications .notification-wrapper {
height: 85px;
padding-left: 80px;
width: calc(100% - 80px)
}
}
.notifications .notification-wrapper .notification-url {
display: block;
height: 100%;
padding: 10px;
position: relative;
text-decoration: none
}
@media all and (min-width: 1024px) {
.notifications .notification-wrapper .notification-url {
align-content: center;
align-items: center;
border-left: 1px solid #2C2C2C;
display: flex;
padding: 0
}
}
.notifications .notification-wrapper p {
margin: 0
}
.notifications .notification-wrapper .title {
color: #fff;
display: block;
font-size: 17px;
font-weight: bold;
height: auto;
line-height: 1.3;
margin: 0;
margin-right: 35px;
overflow: hidden;
padding-top: 5px;
width: auto
}
@media all and (min-width: 1024px) {
.notifications .notification-wrapper .title {
font-size: 20px;
min-height: 40%;
overflow: hidden;
padding-top: 5px;
vertical-align: middle;
width: 70%
}
}
.notifications .notification-wrapper .title:hover {
text-decoration: underline
}
.notifications .notification-wrapper .breaking-news {
animation-direction: alternate;
animation-duration: 300ms;
animation-iteration-count: infinite;
animation-name: blink;
animation-timing-function: ease-in-out;
background: #fff;
color: #2C2C2C;
font-size: 11px;
padding: 4px 6px;
text-transform: uppercase;
vertical-align: middle;
width: 88px
}
@media all and (min-width: 1024px) {
.notifications .notification-wrapper .breaking-news {
font-size: 16px;
font-weight: bold;
height: 16px;
letter-spacing: 2px;
line-height: 1;
margin: auto 30px;
width: auto
}
}
@keyframes blink {
from {
opacity: 1
}
to {
opacity: .8
}
}
.notifications .notification-wrapper .close {
background: #2C2C2C;
color: #fff;
float: right;
height: 24px;
position: absolute;
right: 15px;
text-decoration: none;
top: calc(50% - 10px);
width: 24px;
z-index: 4
}
.notifications .notification-wrapper .close:before {
content: ""
}
.notifications .notification-wrapper .close:hover {
cursor: pointer;
opacity: .8
}
.notifications .notification-wrapper.sticky {
bottom: 125px
}
@media all and (min-width: 728px) {
.notifications .notification-wrapper.sticky {
bottom: 75px
}
}
@media all and (min-width: 1024px) {
.notifications .notification-wrapper.sticky {
bottom: 80px
}
}
@media all and (min-width: 1240px) {
.notifications .notification-wrapper.sticky {
bottom: 60px
}
}
#haymarket-car-search-form {
display: none;
margin-top: 20px
}
#haymarket-car-search-form h4 {
background-color: #F1F1F1;
background-size: 55px;
border-left: 1px solid #E0E0E0;
border-right: 1px solid #E0E0E0;
border-top: 4px solid #626262;
color: #494949;
font-size: 20px;
padding: 20px 10px 10px
}
#haymarket-car-search-form h4 .bold {
font-size: 20px;
font-weight: 700
}
#haymarket-car-search-form form {
background-color: #F1F1F1;
background-size: 40%;
border: 1px solid #E0E0E0;
border-top: 0;
padding: 20px 10px 30px
}
#haymarket-car-search-form form.padding-top {
padding: 10px 10px 30px
}
#haymarket-car-search-form .select-wrapper {
position: relative
}
#haymarket-car-search-form .select-wrapper span:after {
color: #626262;
content: "";
font-family: 'icomoon';
pointer-events: none;
position: absolute;
right: 10px;
top: 14px
}
#haymarket-car-search-form .select-wrapper.miles-select-wrapper {
display: inline-block;
width: 50%
}
#haymarket-car-search-form .select-wrapper.miles-select-wrapper span:after {
top: 6px
}
#haymarket-car-search-form select {
-webkit-appearance: none;
appearance: none;
background-color: #fff;
background-size: 14px;
border: 1px solid #E0E0E0;
border-radius: 3px;
color: #000;
font-family: 'Maven Pro';
font-size: 15px;
margin: 8px 0;
padding: 3px 10px 6px;
width: 100%
}
#haymarket-car-search-form select:focus {
outline: 0
}
#haymarket-car-search-form select::-ms-expand {
display: none
}
#haymarket-car-search-form select option {
display: block
}
#haymarket-car-search-form input[type=text] {
-webkit-appearance: none;
border: 1px solid #E0E0E0;
border-radius: 3px;
color: #494949;
font-family: 'Maven Pro';
font-size: 12px;
margin: 10px 0 20px;
margin-right: 5%;
padding: 5px 10px;
width: 37%
}
#haymarket-car-search-form input[type=text]:focus {
border: 1px solid #979797;
outline: 0
}
#haymarket-car-search-form #area {
margin-top: -1px;
width: 100%
}
#haymarket-car-search-form .digit {
background: linear-gradient(to bottom, gray 0%, #3a3a3a 2%, #292929 46%, #000 47%, #000 51%, #3a3a3a 51%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
border: 0 solid #000;
border-radius: 3px;
box-shadow: 0 5px 0 #E0E0E0;
color: #fff;
display: inline-block;
font-family: 'Open Sans Condensed';
font-size: 20px;
font-weight: 700;
margin-right: 2px;
padding: 8px 7px;
position: relative
}
#haymarket-car-search-form .result-count {
display: inline-block
}
#haymarket-car-search-form .submit-wrap {
-webkit-appearance: none;
background-color: #626262;
border: 2px solid #626262;
border-radius: 30px;
display: inline-block;
font-family: 'Maven Pro';
font-size: 14px;
font-weight: 700;
margin-left: 30px;
padding: 7px 20px;
transition: all 400ms ease-in-out
}
#haymarket-car-search-form .submit-wrap a {
color: #fff;
text-decoration: none
}
#haymarket-car-search-form .submit-wrap:hover {
background-color: #fff;
cursor: pointer
}
#haymarket-car-search-form .submit-wrap:hover a {
color: #626262
}
#haymarket-car-search-form .submit-wrap:focus {
outline: 0
}
.secondary.base-layout #haymarket-car-search-form {
margin-left: 16px;
margin-right: 16px
}
@media all and (min-width: 1024px) {
#haymarket-car-search-form {
display: block
}
}
@media all and (min-width: 1240px) {
#haymarket-car-search-form {
display: block
}
}
@media (max-width: 727px) {
#haymarket-car-search-form .digit {
padding: 8px 11px
}
#haymarket-car-search-form input [type=submit] {
padding: 7px 30px
}
}
.inassociation-head {
position: relative
}
#inassociation {
margin: 0 auto;
position: absolute;
right: 0;
top: 0;
width: 170px
}
#inassociation .association-brand {
color: #979797;
font-size: 9px;
font-weight: normal;
text-transform: uppercase
}
#inassociation .association-brand img {
margin-left: -5px;
vertical-align: middle;
width: 100%
}
@media all and (min-width: 728px) {
#inassociation {
margin: 0;
width: auto
}
#inassociation .association-brand {
font-size: 11px
}
#inassociation .association-brand span {
padding-right: 5px;
position: relative;
top: 3px
}
#inassociation .association-brand img {
display: inline;
margin: 0;
width: 295px
}
#inassociation:after {
clear: both;
content: ''
}
}
@media (max-width: 374px) {
#inassociation {
top: 5px;
width: 120px
}
}
.hotjobs {
background-color: #626262;
display: none;
margin: 0 1pc
}
.hotjobs .title {
background-color: transparent;
color: #fff;
font-size: 20px;
font-weight: normal;
position: relative
}
.hotjobs .title .bold {
font-size: 20px;
font-weight: 700
}
.hotjobs .title .icon-rps-jobs {
color: #fff;
display: inline-block;
margin-right: 10px;
position: absolute;
right: 0
}
.hotjobs .job-container {
overflow: hidden
}
.hotjobs .job-container:hover {
overflow-y: auto
}
.hotjobs .job-container:hover .listing > li {
min-width: 211px
}
.hotjobs .job-container a {
display: block;
text-decoration: none
}
.hotjobs .job-container .job-title {
color: #141414;
display: block;
font-size: 14px;
font-weight: 700;
line-height: 1.3em;
margin-bottom: 4px;
text-decoration: none
}
.hotjobs .job-container .job-title:hover {
text-decoration: underline
}
.hotjobs .job-container .salary {
color: #626262;
line-height: 1.4em
}
.hotjobs ul li {
transition: all 300ms ease-in-out;
background-color: #fff;
border: 1px solid #fff;
cursor: pointer;
font-size: 12px;
margin: 5px;
position: relative
}
.hotjobs ul li:after {
transition: all 300ms ease-in-out;
bottom: 0;
color: #626262;
content: '\e919';
font-family: 'icomoon-rps';
font-size: 16px;
height: 16px;
margin: auto;
position: absolute;
right: 20px;
top: 0
}
.hotjobs ul li:hover:after {
right: 15px
}
.hotjobs .job-by-email {
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 14px;
height: auto;
line-height: 1.4em;
position: relative;
text-decoration: none
}
.hotjobs .job-by-email:hover {
text-decoration: underline
}
.hotjobs .job-by-email:before {
content: '\e91b';
font-family: 'icomoon-rps';
left: 8px;
position: absolute;
top: 11px
}
.hotjobs .poweredby {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/madgex/img/fish4-logo.png") no-repeat right 5px top 20px transparent;
background-size: 85px;
color: #fff;
display: inline-block;
font-size: 10px;
height: 30px;
padding: 5px;
text-align: right;
text-decoration: none;
vertical-align: top;
width: 105px
}
@media all and (min-width: 1024px) {
.hotjobs {
display: block
}
.hotjobs .title {
margin-bottom: 0;
padding: 10px
}
.hotjobs .title .icon-rps-jobs {
font-size: 28px;
top: 6px
}
.hotjobs .job-container {
max-height: 130px
}
.hotjobs ul li {
padding: 6px 50px 10px 6px
}
.hotjobs .job-by-email {
padding: 10px 10px 7px 28px
}
.hotjobs .job-by-email:before {
font-size: 14px
}
}
@media all and (min-width: 1240px) {
.hotjobs {
display: block
}
.hotjobs .title {
margin-bottom: 20px;
padding: 20px 10px 10px
}
.hotjobs .title .icon-rps-jobs {
font-size: 40px;
top: 11px
}
.hotjobs .job-container {
max-height: 218px
}
.hotjobs ul li {
padding: 10px 50px 10px 10px
}
.hotjobs .job-by-email {
padding: 10px 10px 13px 33px
}
.hotjobs .job-by-email:before {
font-size: 17px
}
.hotjobs .poweredby {
width: 100px
}
}
.potw-carousel.loading, .prop-carousel.loading {
background-image: url("/@trinitymirrordigital/chameleon-partnership-widgets/property/img/loading.gif");
background-position: 50%;
background-repeat: no-repeat;
height: 240px
}
.potw-carousel.loading *, .prop-carousel.loading * {
opacity: 0;
transition: opacity 1s
}
.property-week {
background: #2F2F38;
box-sizing: border-box;
color: #fff;
height: auto;
margin-bottom: 40px;
overflow: hidden;
transition: opacity 1s;
width: 100%
}
.property-week a {
color: #fff;
display: inline-block;
margin: 10px 5px;
text-decoration: none
}
.property-week a:hover span {
text-decoration: underline
}
.property-week a:hover .potw-img {
opacity: .8;
transition: opacity .1s
}
.property-week .overflow-x {
overflow-x: scroll;
width: 100%
}
.property-week .potw-container {
position: relative
}
.property-week .potw-container .scroll-button {
background-color: #333331;
cursor: pointer;
height: 100%;
opacity: .9;
position: absolute;
top: 0;
width: 35px;
z-index: 1
}
.property-week .potw-container .scroll-button:hover {
opacity: 1
}
.property-week .potw-container .scroll-button:before {
font-size: 30px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}
.property-week .potw-container .scroll-button.scroll-right-potw {
display: none;
right: 0
}
.property-week .potw-container .scroll-button.scroll-left-potw {
display: none;
left: 0
}
.property-week .potw-container .scroll-button.scroll-right-potw:after {
content: "";
display: inline-block;
font-family: 'icomoon';
font-size: 25px;
margin: 0 5px;
position: absolute;
right: 0;
top: 130px;
vertical-align: middle
}
.property-week .potw-container .scroll-button.scroll-left-potw:after {
content: "";
display: inline-block;
font-family: 'icomoon';
font-size: 25px;
left: 0;
margin: 0 5px;
position: absolute;
top: 130px;
vertical-align: middle
}
.property-week h4 {
font-family: 'Signika Negative Bold', sans-serif;
font-size: 24px;
font-weight: 400;
color: #fff;
font-weight: bold;
margin: 0;
padding: 12px;
padding-left: 12px;
text-transform: uppercase
}
.property-week .potw-img {
background-color: #464654;
background-size: cover;
display: inline-block;
height: 188px;
transition: opacity .1s;
vertical-align: top;
width: 250px
}
.property-week .potw-img img, .property-week .potw-img .no-image {
height: 100%;
width: 100%
}
.property-week .potw-text {
display: block;
font-family: 'Maven Pro', sans-serif;
font-size: 12px;
line-height: 1.4;
padding-top: 10px;
width: 230px
}
.property-week .potw-text span {
display: block
}
.property-week .potw-text .transaction {
color: #91BD2C;
font-size: 14px;
text-transform: uppercase
}
.property-week .potw-text .price {
font-size: 36px;
line-height: 1;
margin: 10px 0
}
.property-week .potw-text .potw-beds {
text-transform: lowercase
}
.property-week .potw-carousel {
border-top: 1px #626262 solid;
list-style-type: none;
margin: 0;
overflow-y: hidden;
padding: 0;
position: relative;
white-space: nowrap;
width: 100%
}
.property-week .potw-carousel li {
float: left;
white-space: normal
}
@media all and (min-width: 728px) {
.property-week {
height: 270px
}
.property-week .overflow-x {
overflow-x: hidden
}
.property-week h4 {
padding: 15px;
padding-left: 40px
}
.property-week .potw-text {
display: inline-block;
font-size: 13px;
line-height: 1.6;
padding-left: 20px;
padding-right: 25px
}
.property-week a {
margin: 0
}
.property-week .potw-img {
height: 220px;
width: 300px
}
.property-week .potw-container .scroll-button.scroll-left-potw, .property-week .potw-container .scroll-button.scroll-right-potw {
display: block
}
}
@media all and (min-width: 1024px) {
#potw {
margin: 0 16px
}
}
@media all and (min-width: 1240px) {
#potw {
margin: 0 auto;
width: 1176px
}
}
.property-agents {
background: #2F2F38;
box-sizing: border-box;
color: #fff;
height: auto;
margin-bottom: 48px;
overflow: hidden;
transition: opacity 1s;
width: 100%
}
.property-agents .overflow-x {
overflow-x: scroll
}
.property-agents .prop-carousel-container {
border-top: 1px #626262 solid;
padding: 14px 0
}
.property-agents a {
background-color: #F1F1F1;
border: 1px solid #E0E0E0;
color: #000;
display: block;
height: 100%;
margin: 0 5px;
padding-bottom: 10px;
position: relative;
text-align: center;
transition: opacity 1s
}
.property-agents a:hover {
opacity: .8
}
.property-agents a:hover span {
text-decoration: underline
}
.property-agents a:after {
background-image: url("/@trinitymirrordigital/chameleon-partnership-widgets/property/img/featured.png");
background-repeat: no-repeat;
background-size: contain;
content: '';
height: 45px;
left: -1px;
position: absolute;
top: -1px;
width: 45px
}
.property-agents .overflow {
margin-left: 30px;
overflow: hidden;
position: relative;
width: 10000px
}
.property-agents .prop-container {
position: relative
}
.property-agents .prop-container .scroll-button {
background-color: #333331;
cursor: pointer;
height: 100%;
opacity: .9;
position: absolute;
top: 0;
width: 35px;
z-index: 1
}
.property-agents .prop-container .scroll-button:hover {
opacity: 1
}
.property-agents .prop-container .scroll-button:before {
color: #fff;
font-size: 30px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}
.property-agents .prop-container .scroll-button.scroll-right-prop {
display: none;
right: 0
}
.property-agents .prop-container .scroll-button.scroll-left-prop {
display: none;
left: 0
}
.property-agents .prop-container .scroll-button.scroll-right-prop:after {
content: "";
display: inline-block;
font-family: 'icomoon';
font-size: 25px;
margin: 0 5px;
position: absolute;
right: 0;
top: 130px;
vertical-align: middle
}
.property-agents .prop-container .scroll-button.scroll-left-prop:after {
content: "";
display: inline-block;
font-family: 'icomoon';
font-size: 25px;
left: 0;
margin: 0 5px;
position: absolute;
top: 130px;
vertical-align: middle
}
.property-agents h4 {
font-family: 'Signika Negative Bold', sans-serif;
font-size: 24px;
font-weight: 400;
font-weight: bold;
margin: 0;
padding: 12px;
text-transform: uppercase
}
.property-agents .prop-img {
background-color: #fff;
border: 1px solid #D0D0D0;
display: block;
margin: 10px
}
.property-agents .prop-img img, .property-agents .prop-img .no-image {
height: 75px;
margin: 15px auto;
width: 172px
}
.property-agents .prop-text {
display: inline-block;
font-family: 'Maven Pro', sans-serif;
font-size: 10px;
font-weight: 600;
padding: 5px
}
.property-agents .prop-text span {
display: block
}
.property-agents .prop-text .price {
font-size: 36px;
line-height: 1;
margin: 10px 0
}
.property-agents .prop-text .prop-details {
font-size: 12px;
line-height: 1.3;
margin-top: 10px
}
.property-agents .prop-text .phone {
font-size: 20px;
font-weight: bold
}
.property-agents .prop-text .phone:before {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAqCAYAAADbCvnoAAAB2ElEQVRYhe3YzYtOURwH8M8zL09MzU7CTg0LL8XORillwU4p2VCzsJSFBf4BC0miKGXBjoXEiiRlJDULNcpsxDQSKdIMhroWd27dnp778szcc57N862zuuc8z+eec8/p/i6DDDJI2AzX7DeES/iCz+E49bIW95Dgap8t1mFKiknwE+P9wkxgNofJ2ul+YPZIn5dOTII5tGNiDmOxAJO1yViYU/hXgUnwTrrzgudTDUzWjsQAPeoB9DoEoHPap2qOW8S1hi1ds1f1zLzFjhgYGMX3EswsxkICOpfsLx6X9E+wMxyn+9a9X9J/Mw4EshRmHL8UL9vzkH/e7fVjCbuwrWDMGD5iJhSqW/Yp32lPY2KyvCkBfcXB2KDJElCC6digUbwvAf3BldiooyWgDHU8JqiFZxWoJRyKidqChQrUb+xevoEoOVEBSvANW2OiLtRAfcCmjnFtXMe5pkEt3KmBeon1y2M24kXu2pmmUW08qIG6i4uY73LtfNOoEdyugSprN7GmSVQLl1eJmpa+zjSak9JzaKWoHziW/8HV1lY3sF9a5a4kIwJVwRvwRG+zE7xYGMJZ6aldhbklcLGQz3a8KoAsSE/96BmWHoL5jxYzItZzRZnAQz0s0X+g0SNsWJ9L9wAAAABJRU5ErkJggg==");
background-repeat: no-repeat;
background-size: contain;
content: '';
display: inline-block;
height: 20px;
width: 20px
}
.property-agents .prop-carousel {
left: 0;
list-style-type: none;
margin: 0;
overflow-y: hidden;
padding: 0;
position: relative;
top: 0;
white-space: nowrap;
width: 100%
}
.property-agents .prop-carousel li {
float: left;
height: 200px;
padding: 0 5px 5px;
white-space: normal;
width: 250px
}
@media all and (min-width: 728px) {
.property-agents .overflow-x {
overflow-x: hidden
}
.property-agents h4 {
font-weight: normal;
padding: 16px;
padding-left: 40px
}
.property-agents .prop-container .scroll-button.scroll-left-prop, .property-agents .prop-container .scroll-button.scroll-right-prop {
display: block
}
}
@media all and (min-width: 1024px) {
#agents {
margin: 0 16px
}
}
@media all and (min-width: 1240px) {
#agents {
margin: 0 auto;
width: 1176px
}
}
#property-search-container {
clear: both
}
#property-search-container:after {
clear: both;
content: '.';
display: block;
height: 0;
visibility: hidden
}
.section-page .ps-head-container .sponsorship-bar {
margin-bottom: 0
}
.property-search {
background-color: #2F2F38;
border-left: 8px solid #91BD2C;
float: left;
margin-top: 5px;
position: relative;
text-align: center;
width: 100%
}
.property-search #property-search-form {
float: left;
padding: 15px 12px;
width: calc(100% - 32px)
}
.property-search h2 {
font-family: 'Signika Negative Bold', sans-serif;
font-size: 25px;
font-weight: 400;
border-bottom: 1px solid #626262;
clear: both;
color: #fff;
display: block;
float: left;
font-size: 24px;
font-weight: 700;
line-height: normal;
margin: 0;
padding: 13px 0 13px 12px;
position: relative;
text-align: left;
text-transform: uppercase;
width: calc(100% - 20px)
}
.property-search .search-select-wrapper {
display: inline-block;
float: left;
max-width: 100px;
min-width: 90px;
position: relative;
width: 20%
}
.property-search .search-select-wrapper:after {
content: "";
display: inline-block;
font-family: 'icomoon';
pointer-events: none;
position: absolute;
right: 12px;
top: 6px
}
.property-search .search-type-select, .property-search .search-location {
-moz-appearance: none;
-webkit-appearance: none;
background-color: #fff;
border: 0;
border-radius: 3px;
display: inline-block;
float: left;
font-size: 13px;
height: 30px;
margin-right: 5px;
padding: 5px
}
.property-search .search-type-select {
width: 96%
}
.property-search .search-location {
-webkit-appearance: textfield;
margin: 0;
min-width: 80px;
width: 45%
}
.property-search .property-search-submit {
transition: all 300ms ease-in-out;
background-color: #91BD2C;
border: solid 2px #91BD2C;
border-radius: 30px;
color: #fff;
cursor: pointer;
float: left;
font-size: 14px;
font-weight: 800;
height: 30px;
margin-left: 5px;
width: 50px
}
.property-search .property-search-submit:hover {
background-color: transparent;
border: solid 2px #fff
}
.property-search .property-error {
transition: all 300ms ease-in-out;
color: #fff;
left: 6%;
position: absolute;
top: 26px;
width: 300px
}
.property-search .property-error .property-error-msg {
background-color: #626262;
border-radius: 5px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
font-size: 12px;
margin: 0 auto;
padding: 12px;
text-align: center;
width: 165px
}
.property-search .property-error .property-error-msg:before {
content: ""
}
.property-search .property-error .property-error-msg:before {
font-family: 'icomoon';
font-size: 15px;
padding-right: 5px
}
.property-search .property-error .property-error-msg:after {
border-bottom: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #626262;
bottom: -9px;
content: '';
left: calc(50% - 5px);
position: absolute
}
.article-wrapper .property-search {
margin: 0 12px 24px;
width: calc(100% - 32px)
}
.article-wrapper .property-search h2 {
width: calc(100% - 12px)
}
.article-wrapper .property-search #property-search-form {
width: calc(100% - 24px)
}
.article-wrapper .property-search .property-error {
left: 45px
}
@media all and (min-width: 728px) {
.property-search {
padding: 16px 10px 16px 11px;
width: calc(100% - 21px)
}
.property-search #property-search-form {
padding: 0;
width: auto
}
.property-search h2 {
border: 0;
font-size: 22px;
font-weight: 700;
line-height: .7;
margin-right: 10px;
padding-left: 5px;
text-align: left;
text-transform: none;
width: 165px
}
.property-search .search-type-select {
font-size: 14px;
height: 40px;
margin-right: 10px;
padding: 0 18px;
width: 150px
}
.property-search .search-location {
font-size: 14px;
height: 40px;
padding: 0 15px;
width: 225px
}
.property-search .property-search-submit {
font-size: 18px;
font-weight: 700;
height: 40px;
margin-left: 10px;
padding: 0 15px;
width: 70px
}
.property-search .search-select-wrapper {
max-width: none;
width: 160px
}
.property-search .search-select-wrapper:after {
right: 21px;
top: 11px
}
.property-search .property-error {
left: 260px;
top: -40px
}
.property-search .property-error .property-error-msg {
font-size: 14px;
padding: 15px;
width: 200px
}
.property-search .property-error .property-error-msg:before {
font-size: 18px
}
.article-wrapper .property-search {
margin: 0 0 32px;
width: calc(100% - 29px)
}
.article-wrapper .property-search h2 {
width: 165px
}
.article-wrapper .property-search #property-search-form {
width: calc(100% - 185px)
}
.article-wrapper .property-search .search-location {
max-width: 300px;
width: calc(100% - 270px)
}
.article-wrapper .property-search .property-error {
left: 312px
}
}
@media all and (min-width: 1024px) {
.article-wrapper .property-search {
width: calc(100% - 30px)
}
.article-wrapper .property-search h2 {
font-size: 23px;
width: 165px
}
.article-wrapper .property-search #property-search-form {
width: calc(100% - 190px)
}
.article-wrapper .property-search .search-type-select {
font-size: 14px;
height: 44px;
padding: 0 15px;
width: 120px
}
.article-wrapper .property-search .search-location {
font-size: 15px;
height: 43px;
max-width: 300px;
padding: 0 10px;
width: calc(100% - 220px)
}
.article-wrapper .property-search .search-select-wrapper {
width: 130px
}
.article-wrapper .property-search .property-search-submit {
font-size: 15px;
height: 43px;
padding: 0 12px;
width: 75px
}
.article-wrapper .property-search .property-error {
left: 295px
}
.property-search h2 {
font-size: 25px;
line-height: .8;
margin-right: 10px;
padding-left: 12px;
width: 190px
}
.property-search .search-type-select {
font-size: 16px;
height: 47px;
padding: 0 18px;
width: 160px
}
.property-search .search-location {
font-size: 15px;
height: 47px;
max-width: 300px;
padding: 0 15px;
width: 400px
}
.property-search .property-search-submit {
font-size: 18px;
height: 47px;
padding: 0 15px;
width: 78px
}
.property-search .search-select-wrapper {
width: 170px
}
.property-search .search-select-wrapper:after {
top: 16px
}
.property-search .property-error {
left: 430px;
top: -43px
}
.property-search .property-error .property-error-msg {
font-size: 16px;
padding: 16px;
width: 215px
}
.property-search .property-error .property-error-msg:before {
font-size: 20px
}
}
@media all and (min-width: 1240px) {
.article-wrapper .property-search #property-search-form {
width: calc(100% - 205px)
}
.article-wrapper .property-search h2 {
font-size: 25px;
width: 180px
}
.article-wrapper .property-search .search-type-select {
font-size: 16px;
height: 47px;
padding: 0 18px;
width: 140px
}
.article-wrapper .property-search .search-location {
font-size: 15px;
height: 47px;
max-width: 400px;
padding: 0 15px;
width: calc(100% - 270px)
}
.article-wrapper .property-search .search-select-wrapper {
width: 150px
}
.article-wrapper .property-search .property-search-submit {
font-size: 18px;
height: 47px;
padding: 0 15px;
width: 78px
}
.article-wrapper .property-search .property-error {
left: 333px
}
}
#web-search-container {
border-top: 4px solid #626262;
display: none;
margin: 0 16px 48px;
position: relative
}
.article-wrapper #web-search-container {
margin: 0 0 48px
}
@media all and (min-width: 1024px) {
#web-search-container {
display: block
}
}
@media all and (min-width: 1240px) {
#web-search-container {
display: block
}
}
.web-search {
background-color: #F1F1F1;
border-bottom: 1px solid #E0E0E0;
border-left: 1px solid #E0E0E0;
border-right: 1px solid #E0E0E0;
font-size: 16px;
padding: 10px
}
.web-search:after {
clear: both;
content: ' ';
display: table
}
.web-search h4 {
color: #494949;
font-size: 20px;
font-weight: 400;
margin-bottom: 20px;
padding: 10px 10px 10px 0
}
.web-search h4 .bold {
font-weight: 700
}
.web-search .search-what, .web-search .search-where {
background-color: #fff;
border: 1px solid #E0E0E0;
box-sizing: border-box;
margin-bottom: 10px;
padding: 8px;
width: 100%
}
.web-search .submit {
transition: all 300ms ease;
background-color: #626262;
border: 2px solid #626262;
border-radius: 30px;
color: #fff;
cursor: pointer;
float: right;
font-size: 14px;
font-weight: 700;
margin-top: 10px;
padding: 7px 20px
}
.web-search .submit:hover {
background-color: #fff;
color: #626262
}
.web-search #bd-sponsor {
float: left;
margin-top: 10px;
width: 100px
}
.web-search #bd-sponsor img {
width: 100%
}
.web-search-error {
transition: all 300ms ease-in-out;
color: #fff;
left: 0;
position: absolute;
top: 10px;
width: 100%;
z-index: 99999
}
.web-search-error.where-top {
top: 50px
}
.web-search-error.not-visible {
top: 75px
}
.web-search-error .web-search-error-msg {
background-color: #626262;
border-radius: 5px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
font-size: 16px;
list-style: none;
margin: 0 auto;
padding: 20px;
width: 215px
}
.web-search-error .web-search-error-msg li {
list-style: none;
padding: 5px 0
}
.web-search-error .web-search-error-msg li:before {
content: ""
}
.web-search-error .web-search-error-msg li:before {
font-family: 'icomoon';
padding-right: 5px
}
.web-search-error .web-search-error-msg:after {
border-bottom: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #626262;
bottom: -10px;
content: '';
left: calc(50% - 5px);
position: absolute
}
#video-car {
display: block
}
#haymarket-video-car {
background: #222;
display: none
}
#haymarket-video-car div:first-child {
margin: 0 auto;
width: 230px
}
.secondary.base-layout #haymarket-video-car {
margin-left: 16px;
margin-right: 16px
}
@media all and (min-width: 1024px) {
#haymarket-video-car {
display: block
}
}
@media all and (min-width: 1240px) {
#haymarket-video-car {
display: block
}
}
.partner-carousel {
margin-bottom: 32px
}
.partner-carousel .carousel-container {
background-color: #141414;
overflow-x: scroll
}
.partner-carousel .carousel-container .scroll-left-partner, .partner-carousel .carousel-container .scroll-right-partner {
background: #000;
background-size: 25px;
bottom: 0;
cursor: pointer;
display: none;
opacity: .5;
position: absolute;
top: 0;
transition: all .3s ease-in-out;
width: 45px;
z-index: 3
}
.partner-carousel .carousel-container .scroll-left-partner:after, .partner-carousel .carousel-container .scroll-right-partner:after {
color: #fff;
display: inline-block;
font-family: 'icomoon';
font-size: 25px;
margin: 0 20%;
position: absolute;
top: 176px;
vertical-align: middle
}
.partner-carousel .carousel-container .scroll-left-partner:hover, .partner-carousel .carousel-container .scroll-right-partner:hover {
background-color: #626262;
border-color: #000;
opacity: 1
}
.partner-carousel .carousel-container .scroll-left-partner {
left: 0
}
.partner-carousel .carousel-container .scroll-left-partner:after {
content: "";
left: 0
}
.partner-carousel .carousel-container .scroll-right-partner {
right: 0
}
.partner-carousel .carousel-container .scroll-right-partner:after {
content: "";
right: 0
}
.partner-carousel .partner-carousel-header {
margin: 0 auto;
margin-bottom: 12px;
overflow: hidden;
width: calc(1240px - 32px)
}
.partner-carousel .partner-carousel-header #logo {
height: 45px;
width: 135px;
float: left;
margin: 0 10px;
margin-left: 12px;
position: static
}
.partner-carousel .partner-carousel-header .partnership-text {
color: #141414;
font-family: 'Open Sans Condensed';
font-size: 32px;
font-weight: 700;
height: 45px;
line-height: 45px;
text-transform: uppercase
}
.partner-carousel .carousel-partner-holder {
position: relative
}
.partner-carousel .listing {
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
width: 9999px
}
.partner-carousel .listing li {
float: left;
width: 280px
}
.partner-carousel .listing li .link {
text-decoration: none
}
.partner-carousel .listing li .item {
background-color: #2C2C2C;
color: #fff;
margin-bottom: 10px;
margin-top: 10px;
padding: 0;
position: relative;
width: 270px
}
.partner-carousel .listing li .partner-img {
position: relative
}
.partner-carousel .listing figure {
height: 346px;
margin: 0;
overflow: hidden;
width: 270px
}
.partner-carousel .listing figure img {
height: 100%;
transition: all .4s ease;
width: 100%
}
.partner-carousel .listing .partner-copy {
backface-visibility: hidden;
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.8) 100%);
bottom: 0;
box-sizing: border-box;
color: #979797;
display: block;
font-size: 14px;
height: 255px;
line-height: normal;
overflow: hidden;
padding: 100px 30px 9px 10px;
position: absolute;
transition: all .3s ease;
width: 100%
}
.partner-carousel .listing .partner-copy h4 {
color: #fff;
font-family: 'Open Sans Condensed';
font-size: 30px;
margin-bottom: 7px;
margin-top: 0;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
width: 100%
}
.partner-carousel .listing .partner-copy h4:hover {
text-decoration: underline
}
@media (-webkit-min-device-pixel-ratio: 0) {
.partner-carousel .listing .partner-copy .description {
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
display: -webkit-box;
font-size: 14px;
height: 98px;
line-height: 1.4;
overflow: hidden
}
}
@media (min--moz-device-pixel-ratio: 0) {
.partner-carousel .listing .partner-copy .description {
font-size: 14px;
height: 98px;
line-height: 1.4;
overflow: hidden
}
.partner-carousel .listing .partner-copy .description:before {
content: '';
float: left;
height: 98px;
width: 5px
}
.partner-carousel .listing .partner-copy .description > *:first-child {
float: right;
margin-left: -5px;
width: 100%
}
.partner-carousel .listing .partner-copy .description:after {
background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%, #fff);
content: '\02026';
float: right;
left: 100%;
margin-left: -98px;
padding-right: 5px;
position: relative;
text-align: right;
top: -19.6px;
width: 98px
}
}
.partner-carousel .listing .partner-copy .external-link {
bottom: 15px;
height: 12px;
opacity: .4;
position: absolute;
right: 10px;
width: 12px
}
.partner-carousel .item:hover figure img {
height: 351px;
opacity: .9;
width: 276px
}
@media all and (min-width: 728px) {
.partner-carousel .partner-carousel-header #logo {
margin-left: 16px
}
.partner-carousel .carousel-container {
overflow-x: hidden
}
.partner-carousel .carousel-container .scroll-left-partner, .partner-carousel .carousel-container .scroll-right-partner {
display: block
}
}
:not(.base-layout) > .pancake > #carousel {
margin: 0 0 18px
}
:not(.base-layout) > .pancake > #carousel .partner-carousel {
margin-bottom: 0
}
@media all and (min-width: 728px) {
:not(.base-layout) > .pancake > #carousel {
margin: 0 16px 48px;
width: calc(100% - 32px)
}
:not(.base-layout) > .pancake > #carousel .partner-carousel {
margin-bottom: 0
}
}
.wraparound-body .partner-carousel .listing .partner-copy {
bottom: -1px;
left: -1px;
width: 272px
}
.wraparound-body #partners-footer {
transform-origin: center left
}
.has-partner-footer-widget footer, .has-partner-footer-widget main + #div-gpt-ad-bottom-slot {
margin-top: 48px
}
.article-page #partners-footer {
margin-top: 48px;
padding: 0
}
.article-page #partner-footer .partners-page-footer {
margin-top: 0
}
.article-page #partner-footer .partners-footer-right {
border-color: #fff
}
.article-page #partner-footer .partners-left {
margin: 0;
width: 100%
}
.article-page main #partners-footer {
margin-top: 0;
padding: 0 0 48px
}
.article-page main #partner-footer .partners-page-footer {
margin-top: 48px
}
.article-page main #partner-footer .partners-footer-right {
border-color: #F1F1F1
}
.article-page main #partner-footer .partners-left {
margin: 0 auto;
width: calc(100% - 24px)
}
.article-page:not(main) #partner-footer .partners-footer-right {
margin-left: 0;
width: 100%
}
#partner-footer #logo {
height: 35px;
width: 105px;
float: inherit;
margin: 0 auto;
position: static
}
#partner-footer .partners-page-footer {
background-color: #fff;
display: inline-block;
margin-top: 48px;
width: 100%
}
#partner-footer .partners-page-footer .pf-control-right-widget {
height: auto;
min-height: 110px
}
#partner-footer .partner-icons {
margin: 0;
padding: 0;
text-align: center
}
#partner-footer .partner-icons figure.pf-icon-rps-motors {
padding-top: 0
}
#partner-footer .partner-icons .pft-icon-rps-motors {
position: relative;
top: 2px
}
#partner-footer .partner-icons .pf-control-li-widget {
height: auto;
min-height: 70px
}
#partner-footer .partner-icons .pf-control-li-partner-title .partners-title {
line-height: 14px;
overflow: visible;
text-overflow: initial;
white-space: inherit
}
#partner-footer .partner-icons .pf-control-li-widget-4 {
width: 25%
}
#partner-footer .partner-icons li {
display: inline-block;
font-size: 10px;
font-weight: 700;
height: 70px;
list-style: none;
margin: 13px 0;
text-align: center;
text-transform: uppercase;
vertical-align: top;
width: 33%
}
#partner-footer .partner-icons li a {
color: #000;
text-decoration: none
}
#partner-footer .partner-icons li .partners-title {
float: left;
font-size: 10px;
line-height: 14px;
margin: 0 3%;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
width: 94%
}
#partner-footer .partner-icons li figure {
color: #626262;
font-size: 50px;
height: 60px;
margin: 0 auto;
padding-top: 2px;
transition: all .2s ease;
width: 45px
}
#partner-footer .partner-icons li img {
width: 90%
}
#partner-footer .partner-icons li:hover figure {
margin-top: 0
}
#partner-footer .partners-left {
background-color: #626262;
color: #fff;
float: none;
height: 56px;
margin-left: 12px;
position: relative;
text-transform: uppercase;
width: calc(100% - 24px)
}
#partner-footer .partners-left .header-logo {
bottom: 0;
font-size: 7px;
height: 50px;
left: 0;
letter-spacing: 5px;
margin: auto;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 100%
}
#partner-footer .partners-left .header-logo .header-title {
clear: both;
font-size: 11px;
letter-spacing: 5px;
text-align: center
}
#partner-footer .partners-footer-right {
background: #fff;
border-bottom: 3px solid #F1F1F1;
border-top: 0;
box-sizing: border-box;
float: none;
height: 194px;
margin-left: 12px;
margin-right: 12px;
position: relative;
width: calc(100% - 24px)
}
#partner-footer .partners-section {
zoom: 1
}
#partner-footer .partners-section:before {
content: ' ';
display: table
}
#partner-footer .partners-section:after {
clear: both;
content: ' ';
display: table
}
@media all and (min-width: 728px) and (max-width: 1024px) {
#partner-footer #logo {
height: 50px;
width: 150px;
float: inherit;
margin: 0 auto
}
#partner-footer .partners-footer-right {
border-top: 0;
float: none;
height: 164px
}
#partner-footer .partners-page-footer .pf-control-right-widget {
min-height: 155px
}
#partner-footer .partners-left {
float: none;
height: 86px
}
#partner-footer .partners-left .header-title {
clear: both;
float: left;
text-align: center;
width: 100%
}
#partner-footer .partners-left .header-logo {
font-size: 7px;
height: 55px;
letter-spacing: 5px;
margin: 9px auto;
text-align: center;
width: 100%
}
#partner-footer .partners-left .header-logo .header-title {
font-size: 13px
}
#partner-footer .partner-icons {
margin: 0
}
#partner-footer .partner-icons .pf-control-li-widget {
width: 22%
}
#partner-footer .partner-icons li {
font-size: 10px;
margin: 10px 0;
width: 16.6%
}
#partner-footer .partner-icons li .partners-title {
font-size: 12px
}
#partner-footer .partner-icons li figure {
font-size: 65px;
height: 85px;
margin: 15px auto 0;
width: 56%
}
#partner-footer .partner-icons li:hover figure {
margin-top: 8px
}
#partner-footer .partner-icons .pf-control-li-widget-5 {
width: 19.6%
}
.article-page #partners-footer {
margin: 48px 0 0;
padding: 0;
width: 100%
}
.article-page main #partners-footer {
margin: 0 auto calc(48px - 16px);
width: calc(100% - 32px - 8px)
}
}
@media all and (min-width: 1024px) {
#partner-footer #logo {
height: 70px;
width: 210px;
float: inherit;
margin-bottom: 0;
max-width: 100%
}
#partner-footer .partners-footer-right {
border-top: 3px solid #F1F1F1;
float: left;
height: 160px;
margin-left: 0;
width: calc(100% - 290px - 16px)
}
#partner-footer .partners-left {
float: left;
height: 160px;
width: calc(290px - 16px)
}
#partner-footer .partners-left .header-logo {
font-size: 11px;
height: 63px;
margin: 30px auto;
text-align: center
}
#partner-footer .partners-left .header-logo .header-title {
font-size: 15px
}
#partner-footer .partners-page-footer {
display: inline-block;
width: 100%
}
#partner-footer .partners-page-footer .pf-control-right-widget {
height: 160px
}
#partner-footer .partner-icons {
margin: 0 0 0 20px;
padding: 0
}
#partner-footer .partner-icons figure.pf-icon-rps-motors {
font-size: 75px
}
#partner-footer .partner-icons figure.pf-icon-rps-bingo, #partner-footer .partner-icons figure.pf-icon-rps-dating {
font-size: 67px
}
#partner-footer .partner-icons li, #partner-footer .partner-icons .pf-control-li-partner-title {
font-size: 11px;
height: 120px;
margin: 10px;
width: calc(16.6% - 20px)
}
#partner-footer .partner-icons li .partners-title, #partner-footer .partner-icons .pf-control-li-partner-title .partners-title {
float: left;
font-size: 12px;
margin: 0 1%;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
width: 98%
}
#partner-footer .partner-icons li figure, #partner-footer .partner-icons .pf-control-li-partner-title figure {
color: #626262;
font-size: 70px;
height: 90px;
margin: 15px auto 0;
width: 65%
}
#partner-footer .partner-icons li:hover figure, #partner-footer .partner-icons .pf-control-li-partner-title:hover figure {
margin-top: 10px
}
#partner-footer .partner-icons .pf-control-li-widget-3 {
float: left
}
#partner-footer .partner-icons .pf-control-li-widget-4 {
width: calc(22% - 20px)
}
#partner-footer .partner-icons .pf-control-li-widget-5 {
width: calc(19.6% - 20px)
}
.article-page.wraparound-body #partner-footer .partners-footer-right {
border-color: #F1F1F1;
margin-right: 0;
width: calc(100% - 275px)
}
.article-page #partners-footer .partners-footer-right {
width: calc(100% - 290px)
}
.article-page #partner-footer .partners-left {
width: calc(290px - 16px)
}
.article-page:not(main) #partner-footer .partners-footer-right {
margin-left: 0;
margin-right: 0;
width: calc(100% - 290px + 16px)
}
.article-page main #partners-footer {
margin: 0 20px 24px;
padding: 0;
width: calc(100% - 32px)
}
.article-page main #partners-footer .partners-footer-right {
width: calc(100% - 290px)
}
.article-page main #partner-footer .partners-left {
width: calc(290px - 16px)
}
}
@media all and (min-width: 1240px) {
.wraparound-body #partners-footer {
background: none;
transform-origin: center
}
#partner-footer #logo {
height: 80px;
width: 240px
}
#partner-footer {
margin: 0 auto;
width: 1208px
}
.article-page.wraparound-body #partners-footer #partner-footer {
width: 1240px
}
.article-page.wraparound-body main #partners-footer #partner-footer {
width: calc(100% - 32px)
}
.article-page #partner-footer {
margin: 0 auto;
width: 1240px
}
.article-page main #partner-footer {
width: 1208px
}
}
.primary .weather-widget-primary {
display: none !important
}
#weather-widget {
display: inline-block
}
#header-dropdown .weather-widget-primary, #header-dropdown #weather-widget {
display: none
}
.mod-header .secondary .weather-widget-primary {
display: inline-block
}
#weather-widget, .weather-widget-primary {
float: left
}
#weather-widget:after, .weather-widget-primary:after {
clear: both
}
#weather-widget .weather-data, .weather-widget-primary .weather-data {
border-right: 1px solid #E0E0E0;
display: inline-block;
float: left;
height: 36px;
padding: 6px 10px 5px 5px;
text-decoration: none
}
#weather-widget .weather-data:hover, .weather-widget-primary .weather-data:hover {
opacity: 1
}
#weather-widget .weather-data span, .weather-widget-primary .weather-data span {
vertical-align: top
}
#weather-widget .weather-data .weather-logo, .weather-widget-primary .weather-data .weather-logo {
display: inline-block;
padding-right: 10px
}
#weather-widget .weather-data .weather-logo img, .weather-widget-primary .weather-data .weather-logo img {
height: 23px;
width: 23px
}
#weather-widget .weather-data .weather-condition, .weather-widget-primary .weather-data .weather-condition {
display: inline-block;
padding-right: 10px
}
#weather-widget .weather-data .weather-condition img, .weather-widget-primary .weather-data .weather-condition img {
height: 23px;
width: 23px
}
#weather-widget .weather-data .temp, .weather-widget-primary .weather-data .temp {
color: #141414;
display: inline-block;
font-size: 13px;
font-weight: 700;
padding-top: 5px
}
#weather-widget .weather-data .temp .sky-cover, .weather-widget-primary .weather-data .temp .sky-cover {
display: none;
font-weight: normal;
padding-left: 10px;
text-transform: uppercase
}
@media all and (min-width: 728px) {
#weather-widget .weather-data, .weather-widget-primary .weather-data {
height: 40px;
padding: 8px 10px 5px 5px
}
}
@media all and (min-width: 1024px) {
#weather-widget .weather-data, .weather-widget-primary .weather-data {
border-right: 0;
height: 32px;
padding: 5px 10px 5px 5px
}
#weather-widget .weather-data .temp .sky-cover, .weather-widget-primary .weather-data .temp .sky-cover {
display: inline-block
}
}
.partner-head {
border-bottom: 2px solid #F1F1F1;
margin: 0 12px 24px;
overflow: hidden
}
.partner-head h1 {
padding-top: 7px
}
.partner-head h1 .partner-title {
font-family: 'Signika Negative Bold', sans-serif;
font-size: 40px;
font-weight: 400;
color: #141414;
padding-bottom: 6px;
padding-top: 7px;
text-transform: uppercase
}
.partner-head p {
font-family: 'Maven Pro', sans-serif;
font-size: 13px;
font-weight: 400
}
.partner-head p:nth-child(1) {
margin-top: 0;
text-transform: uppercase
}
.partner-head p:nth-child(1) a {
color: #979797
}
.partner-head p:nth-child(1) strong {
color: #fff
}
.partner-head p:nth-child(2) {
display: none
}
.partner-head p:nth-child(2) a, .partner-head p strong {
color: #fff
}
.partner-head a {
text-decoration: none
}
.partner-head a:hover {
opacity: .9
}
.partner-head strong {
display: block;
margin-top: 5px
}
.partner-head .image-outer {
display: block
}
.partner-head img {
border: 2px solid #fff;
display: block
}
.partner-head .partner-icomoon {
background: transparent;
background-color: transparent;
bottom: 2px;
box-sizing: border-box;
color: #141414;
display: inline-block;
font-size: 32px;
-webkit-font-smoothing: antialiased;
height: auto;
left: 6px;
padding: 0 15px 5px 0;
position: relative;
right: 6px;
vertical-align: middle
}
.partner-intro {
background: #F1F1F1;
float: left;
padding: 12px
}
.partner-intro figure {
border: 1px solid #E0E0E0;
display: none;
float: left;
margin-right: 20px;
overflow: hidden;
padding: 0;
width: 18%
}
.partner-intro figure img {
background: #fff;
border: 0;
box-sizing: border-box;
padding: 6px
}
.partner-intro .partner-intro-text {
float: left;
width: 100%
}
.partner-intro .partner-intro-text p {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.6;
padding-bottom: 10px;
text-transform: inherit
}
.partner-intro .partner-intro-text .partner-more-on p {
display: inline
}
.partner-intro .partner-intro-text .partner-more-on a {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400;
color: #626262;
display: inline-block;
font-weight: bold
}
.partner-intro .partner-intro-text .partner-more-on a:after {
display: none
}
.partner-intro .text-only {
width: 100%
}
@media all and (min-width: 728px) {
.partner-head {
margin-left: 16px;
margin-right: 16px
}
.partner-intro {
box-sizing: border-box;
padding: 24px 24px 18px;
width: 100%
}
.partner-intro figure {
display: inline-block
}
.partner-intro .partner-intro-text {
width: 70%
}
.partner-intro .partner-intro-text p {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400
}
}
@media all and (min-width: 1024px) {
.partner-head p:nth-child(2) {
display: block;
font-size: 15px;
margin-top: 8px
}
.partner-head p:nth-child(2) a {
display: block;
line-height: 1.3;
padding-right: 18px;
position: relative
}
.partner-head p:nth-child(2) a:after {
content: '\00bb';
display: block;
font-weight: bold;
height: 12px;
position: absolute;
right: 0;
top: 0;
transition: right 200ms ease;
width: 12px
}
.partner-head p:nth-child(2) a:hover:after {
right: -2px
}
.partner-intro figure {
width: 17%
}
.partner-intro figure .partner-intro-text {
width: 79%
}
}
@media all and (min-width: 1240px) {
.partner-head {
margin-left: auto;
margin-right: auto;
width: calc(1240px - 64px)
}
}
.carousel-parent {
background-color: #2C2C2C
}
.hub-carousel-header {
margin: 0 auto;
margin-bottom: 12px;
overflow: hidden;
width: 100%
}
.hub-carousel-header .carousel-title {
background: transparent;
border-bottom: 2px solid #979797;
color: #fff;
display: block;
font-size: 17px;
font-weight: 800;
height: 0;
margin: 0 auto 13px;
padding: 18px 0 8px;
text-align: center;
text-transform: uppercase
}
.hub-carousel-header .carousel-title span {
background-color: #2C2C2C;
padding: 10px
}
.hub-carousel .carousel-container {
overflow-x: scroll
}
.hub-carousel .carousel-container .scroll-left, .hub-carousel .carousel-container .scroll-right {
background: #2C2C2C;
background-size: 25px;
cursor: pointer;
display: none;
height: 185px;
position: absolute;
transition: all .3s ease-in-out;
width: 40px;
z-index: 3
}
.hub-carousel .carousel-container .scroll-left:after, .hub-carousel .carousel-container .scroll-right:after {
color: #fff;
display: inline-block;
font-family: 'icomoon';
font-size: 25px;
margin: 0 20%;
position: absolute;
top: 70px;
vertical-align: middle
}
.hub-carousel .carousel-container .scroll-left:hover:after, .hub-carousel .carousel-container .scroll-right:hover:after {
opacity: .7
}
.hub-carousel .carousel-container .scroll-left {
left: 0
}
.hub-carousel .carousel-container .scroll-left:after {
content: "";
left: 0
}
.hub-carousel .carousel-container .scroll-right {
right: 0
}
.hub-carousel .carousel-container .scroll-right:after {
content: "";
right: 0
}
.hub-carousel .carousel-holder {
margin: 0 auto 32px;
max-width: 1176px;
position: relative;
z-index: 1
}
.hub-carousel .listing {
list-style-type: none;
margin: 0;
margin-left: 5px;
padding: 0;
position: relative
}
.hub-carousel .listing li {
float: left;
padding-bottom: 10px;
padding-right: 4px;
width: 150px
}
.hub-carousel .listing li .link {
text-decoration: none
}
.hub-carousel .listing li .item {
background-color: #2C2C2C;
color: #fff;
position: relative
}
.hub-carousel .listing li .hub-img {
position: relative
}
.hub-carousel .listing figure {
margin-bottom: 10px;
max-height: 100px;
max-width: 100%;
overflow: hidden;
position: relative
}
.hub-carousel .listing figure img {
display: block;
transition: all .4s ease;
width: 100%
}
.hub-carousel .listing .hub-copy {
backface-visibility: hidden;
bottom: 0;
left: 0;
position: absolute;
right: 0
}
.hub-carousel .listing .hub-copy h4 {
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
color: #fff;
font-size: 12px;
font-weight: 700;
margin: 0;
overflow: hidden;
padding: 40px 10px 10px;
text-overflow: ellipsis;
white-space: nowrap
}
.hub-carousel .listing .hub-copy h4:hover {
text-decoration: none
}
@media (-webkit-min-device-pixel-ratio: 0) {
.hub-carousel .listing .hub-copy .description {
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
display: -webkit-box;
font-size: 14px;
height: 98px;
line-height: 1.4;
overflow: hidden
}
}
@media (min--moz-device-pixel-ratio: 0) {
.hub-carousel .listing .hub-copy .description {
font-size: 14px;
height: 98px;
line-height: 1.4;
overflow: hidden
}
.hub-carousel .listing .hub-copy .description:before {
content: '';
float: left;
height: 98px;
width: 5px
}
.hub-carousel .listing .hub-copy .description > *:first-child {
float: right;
margin-left: -5px;
width: 100%
}
.hub-carousel .listing .hub-copy .description:after {
background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%, #fff);
content: '\02026';
float: right;
left: 100%;
margin-left: -98px;
padding-right: 5px;
position: relative;
text-align: right;
top: -19.6px;
width: 98px
}
}
.no-autoscroll .carousel-container .listing {
margin: 0 1%;
width: calc(100% - 1%)
}
.no-autoscroll .carousel-container .listing li {
margin-right: .9%;
padding-left: 0;
padding-right: 0;
width: 24.1%
}
.no-autoscroll .carousel-container .listing li:first-child {
margin-left: 0
}
@media all and (min-width: 728px) {
.hub-carousel .carousel-container {
overflow-x: hidden
}
.hub-carousel .carousel-container .scroll-left, .hub-carousel .carousel-container .scroll-right {
bottom: 16px;
display: block
}
.hub-carousel .listing {
margin: 0;
width: 9999px
}
.hub-carousel .listing li {
width: 270px
}
.hub-carousel .listing figure {
max-height: 180px
}
.hub-carousel .listing .hub-copy h4 {
font-size: 20px
}
.hub-carousel .item:hover figure .animate {
opacity: .9;
transform: scale(1.05);
transition: transform .5s
}
.wraparound-body .hub-carousel-header {
width: 100%
}
.wraparound-body .hub-carousel .listing h4 {
bottom: -2px;
right: -2px
}
.wraparound-body .hub-carousel .carousel-container .scroll-left, .wraparound-body .hub-carousel .carousel-container .scroll-right {
bottom: 16px;
height: 185px
}
.wraparound-body .hub-carousel .carousel-container .scroll-right {
right: -2px
}
.wraparound-body .hub-carousel .carousel-container .scroll-left {
left: -2px
}
.hub-carousel-header .carousel-title {
font-size: 25px;
height: 2px;
margin: 10px auto 30px;
padding: 25px 0 11px
}
:not(.base-layout) > .pancake > #carousel {
margin: 0 16px 48px;
width: calc(100% - 32px)
}
:not(.base-layout) > .pancake > #carousel .hub-carousel {
margin-bottom: 0
}
.no-autoscroll .carousel-container .listing .hub-img {
height: auto;
overflow: hidden
}
.no-autoscroll .carousel-container .listing figure {
margin-bottom: 0;
max-height: none
}
}
@media all and (min-width: 1240px) {
.hub-carousel-header {
width: 1176px
}
.hub-carousel .listing li {
padding-bottom: 30px;
padding-right: 6px;
width: 302px
}
.hub-carousel .listing li figure {
max-height: 200px
}
.hub-carousel .carousel-container .scroll-left, .hub-carousel .carousel-container .scroll-right {
bottom: 40px;
height: 200px
}
.hub-carousel .carousel-container .scroll-left:after, .hub-carousel .carousel-container .scroll-right:after {
top: 80px
}
.wraparound-body .hub-carousel .carousel-container .scroll-left, .wraparound-body .hub-carousel .carousel-container .scroll-right {
bottom: 36px;
height: 206px
}
}
.wraparound-body .hub-carousel .listing .hub-copy {
bottom: -1px;
left: -1px
}
.lottoland-results {
background-color: #fff;
box-sizing: border-box;
color: #000;
padding: 0 12px;
position: relative;
width: 100%
}
.lottoland-results .results-container {
border-bottom: 2px solid #E0E0E0;
margin-bottom: 32px
}
.lottoland-results h2 {
border-bottom: 2px solid #E0E0E0;
font-family: 'Open Sans Condensed';
font-size: 30px;
font-weight: 700;
height: 30px;
margin-bottom: 70px;
text-align: center;
text-transform: uppercase
}
.lottoland-results h2 .lotto-header {
background-color: #fff;
display: inline-block;
font-size: 34px;
padding: 10px
}
.lottoland-results .lottery {
background-color: #E0E0E0;
border-radius: 7px;
box-sizing: border-box;
float: none;
font-family: 'Open Sans Condensed';
font-size: 30px;
font-weight: 700;
margin: 0;
padding: 12px;
text-transform: uppercase;
width: 100%
}
.lottoland-results .lottery:nth-child(odd) {
margin: 20px 0
}
.lottoland-results .lottery:last-child {
margin-bottom: 30px
}
.lottoland-results .lottery .result-title {
font-size: 24px;
margin-bottom: 20px;
padding-left: 85px;
position: relative
}
.lottoland-results .lottery .lottery-date {
display: block;
font-family: 'Maven Pro';
font-size: 15px;
font-weight: 400;
margin: 10px 0
}
.lottoland-results .lottery .number {
background-color: #fff;
border: 2px solid #fff;
border-radius: 100%;
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
box-sizing: border-box;
float: left;
font-family: 'Open Sans Condensed';
font-size: 20px;
font-weight: 700;
height: 40px;
margin: 3px;
padding-top: 8px;
text-align: center;
width: 40px
}
.lottoland-results .lottery .number.stars, .lottoland-results .lottery .number.megaballs, .lottoland-results .lottery .number.bonus, .lottoland-results .lottery .number.powerballs {
background-image: url("/@trinitymirrordigital/chameleon-partnership-widgets/lottoland/img/lottoland-bonus-sprite.png");
background-size: 38px;
color: #fff;
font-size: 18px;
padding-top: 9px
}
.lottoland-results .lottery .number.stars {
background-color: #0185DC;
background-position: -1px -1px;
border-color: #0185DC
}
.lottoland-results .lottery .number.megaplier, .lottoland-results .lottery .number.megaballs {
border-color: #3856C6
}
.lottoland-results .lottery .number.megaballs {
background-color: #3856C6;
background-position: -1px -115px
}
.lottoland-results .lottery .number.bonus {
background-color: #FA870F;
background-position: -1px -39px;
border-color: #FA870F
}
.lottoland-results .lottery .number.powerballs, .lottoland-results .lottery .number.powerplay {
border-color: #E90E0E
}
.lottoland-results .lottery .number.powerballs {
background-color: #E90E0E;
background-position: -1px -77px
}
.lottoland-results .lottery .additional {
float: left;
font-family: 'Maven Pro';
font-size: 13px;
padding: 10px 5px;
position: relative;
width: 100%
}
.lottoland-results .lottery .lottery-cta {
background-color: #fff;
border-radius: 3px;
box-sizing: border-box;
color: #141414;
font-size: 20px;
margin-top: 20px;
padding: 10px;
position: relative;
text-align: left;
width: 100%
}
.lottoland-results .lottery .lottery-cta:after {
border-bottom: 7px solid #fff;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
content: '';
left: 49%;
position: absolute;
top: -7px
}
.lottoland-results .lottery .lottery-cta-title {
clear: both;
position: relative
}
.lottoland-results .lottery .lottery-cta-title:after {
clear: both;
content: '.';
display: block;
height: 0;
visibility: hidden
}
.lottoland-results .lottery .lottery-cta-title .cta-text {
display: inline-block;
font-size: 21px;
padding-right: 10px;
width: 70%
}
.lottoland-results .lottery .lottery-cta-title .lotto-money, .lottoland-results .lottery .lottery-cta-title .jackpot-text {
font-family: 'Maven Pro';
font-size: 13px;
font-weight: 400;
margin-top: 7px
}
.lottoland-results .lottery .lottery-cta-title .lotto-money {
color: #E90E0E;
font-weight: 700
}
.lottoland-results .lottery .play-now {
-webkit-appearance: none;
background-color: #91BD2C;
border: 0;
border-radius: 3px;
color: #fff;
cursor: pointer;
float: right;
font-family: 'Open Sans Condensed';
font-size: 19px;
font-weight: 700;
line-height: 22px;
padding: 5px;
text-align: center;
width: 30%
}
.lottoland-results .lottery .play-now a {
color: #fff;
text-decoration: none
}
.lottoland-results .lottery .play-now .playnow-text {
display: block;
font-size: 16px;
font-weight: 700
}
.lottoland-results .lottery .play-now .playnow {
text-transform: uppercase
}
.lottoland-results .cf {
zoom: 1
}
.lottoland-results .cf:before {
content: ' ';
display: table
}
.lottoland-results .cf:after {
clear: both;
content: ' ';
display: table
}
.lottoland-results .euro-millions:before, .lottoland-results .mega-millions:before, .lottoland-results .irish-lotto:before, .lottoland-results .power-ball:before {
background-color: transparent;
background-image: url("/@trinitymirrordigital/chameleon-partnership-widgets/lottoland/img/lottoland-sprite.png");
background-repeat: no-repeat;
background-size: 300px;
content: '';
height: 65px;
left: 0;
position: absolute;
top: 0;
width: 75px;
z-index: 0
}
.lottoland-results .euro-millions::before {
background-position: 0 -47px
}
.lottoland-results .mega-millions::before {
background-position: -153px -47px
}
.lottoland-results .irish-lotto::before {
background-position: -75px -47px
}
.lottoland-results .power-ball::before {
background-position: -228px -47px
}
.lottoland-results:after {
clear: both;
content: ' ';
display: table
}
.lottoland-results * {
box-sizing: border-box
}
.lottoland-results .amount-win {
line-height: 14px;
margin-top: 0
}
@media all and (max-width: 360px) {
.lottoland-results .lottery .result-title {
font-size: 24px;
margin-bottom: 20px;
padding-left: 0;
padding-right: 85px;
position: relative
}
.lottoland-results .lottery .number {
font-size: 16px;
height: 32px;
padding-top: 5px;
width: 32px
}
.lottoland-results .lottery .number.stars, .lottoland-results .lottery .number.megaballs, .lottoland-results .lottery .number.bonus, .lottoland-results .lottery .number.powerballs {
background-size: 30px;
font-size: 15px;
padding-top: 6px
}
.lottoland-results .lottery .number.megaballs {
background-position: -1px -91px
}
.lottoland-results .lottery .number.bonus {
background-position: -1px -31px
}
.lottoland-results .lottery .number.powerballs {
background-position: -1px -61px
}
.lottoland-results .euro-millions:before, .lottoland-results .mega-millions:before, .lottoland-results .irish-lotto:before, .lottoland-results .power-ball:before {
left: auto;
right: 0
}
.lottoland-results .amount-win {
margin-top: 7px
}
}
@media all and (min-width: 728px) {
.lottoland-results {
padding: 0 16px
}
.lottoland-results .results-container {
padding-bottom: 10px
}
.lottoland-results h2 {
border-bottom: 2px solid #E0E0E0;
font-size: 40px;
height: 30px;
margin-bottom: 60px;
text-align: center
}
.lottoland-results h2 .lotto-header {
font-size: 40px
}
.lottoland-results .lottery {
float: left;
margin: 20px 1% 20px 0;
width: 49%
}
.lottoland-results .lottery:nth-child(odd) {
margin: 20px 0 20px 1%
}
.lottoland-results .lottery .result-title {
font-size: 30px
}
.lottoland-results .lottery .number {
font-size: 20px;
height: 35px;
padding-top: 5px;
width: 35px
}
.lottoland-results .lottery .number.stars, .lottoland-results .lottery .number.megaballs, .lottoland-results .lottery .number.bonus, .lottoland-results .lottery .number.powerballs {
background-size: 33px;
font-size: 18px;
padding-top: 6px
}
.lottoland-results .lottery .number.megaballs {
background-position: -1px -100px
}
.lottoland-results .lottery .number.bonus {
background-position: -1px -34px
}
.lottoland-results .lottery .number.powerballs {
background-position: -1px -67px
}
.lottoland-results .lottery .additional {
font-size: 8px;
margin-left: 2px;
padding: 10px 2px;
width: 13px
}
.lottoland-results .lottery .lottery-cta-title .cta-text {
font-size: 25px;
padding-right: 0
}
.lottoland-results .lottery .lottery-cta-title .lotto-money, .lottoland-results .lottery .lottery-cta-title .jackpot-text {
font-size: 16px
}
.lottoland-results .lottery .play-now {
font-size: 20px;
width: 20%
}
.lottoland-results .amount-win {
margin-top: 5px
}
}
@media all and (min-width: 1024px) {
.lottoland-results .lottery .number {
font-size: 24px;
height: 45px;
padding-top: 8px;
width: 45px
}
.lottoland-results .lottery .number.stars, .lottoland-results .lottery .number.megaballs, .lottoland-results .lottery .number.bonus, .lottoland-results .lottery .number.powerballs {
background-size: 43px;
font-size: 22px;
padding-top: 9px
}
.lottoland-results .lottery .number.megaballs {
background-position: -1px -130px
}
.lottoland-results .lottery .number.bonus {
background-position: -1px -44px
}
.lottoland-results .lottery .number.powerballs {
background-position: -1px -87px
}
.lottoland-results .lottery .additional {
font-size: 13px;
margin-left: 10px;
padding: 10px 5px;
width: 40px
}
}
@media all and (min-width: 1240px) {
.lottoland-results {
margin-left: auto;
margin-right: auto;
padding: 0;
width: calc(1240px - 64px)
}
.lottoland-results .lottery .number {
font-size: 30px;
height: 60px;
padding-top: 12px;
width: 60px
}
.lottoland-results .lottery .number.stars, .lottoland-results .lottery .number.megaballs, .lottoland-results .lottery .number.bonus, .lottoland-results .lottery .number.powerballs {
background-size: 58px;
font-size: 28px;
padding-top: 13px
}
.lottoland-results .lottery .number.megaballs {
background-position: -1px -175px
}
.lottoland-results .lottery .number.bonus {
background-position: -1px -59px
}
.lottoland-results .lottery .number.powerballs {
background-position: -1px -117px
}
.lottoland-results .amount-win {
line-height: 1;
margin-top: 0
}
}
.lottoland-wrapper-full .wrapper {
margin: 0 auto;
max-width: 1240px
}
.lottoland-wrapper-full .lotto-container {
margin-bottom: 48px;
padding: 0;
width: 100%
}
.lottoland-wrapper-full .lotto-container .lotto-header {
position: relative;
width: calc(100% + 24px)
}
.lottoland-wrapper-full .countdown-clock {
display: inline-block;
margin: 20px 0 0
}
.lottoland-wrapper-full .countdown-clock .clock-seconds, .lottoland-wrapper-full .countdown-clock .clock-minutes, .lottoland-wrapper-full .countdown-clock .clock-hours, .lottoland-wrapper-full .countdown-clock .clock-days {
display: inline-block;
float: none;
height: 62px;
margin: 3px;
width: 62px
}
.lottoland-wrapper-full .countdown-clock .clock-seconds .val, .lottoland-wrapper-full .countdown-clock .clock-minutes .val, .lottoland-wrapper-full .countdown-clock .clock-hours .val, .lottoland-wrapper-full .countdown-clock .clock-days .val {
font-size: 26px;
padding-top: 4px
}
.lottoland-wrapper-full .countdown-clock .clock-seconds .units, .lottoland-wrapper-full .countdown-clock .clock-minutes .units, .lottoland-wrapper-full .countdown-clock .clock-hours .units, .lottoland-wrapper-full .countdown-clock .clock-days .units {
color: rgba(255, 255, 255, 0.7);
font-size: 8px
}
.lottoland-wrapper-full .landscape {
display: none
}
.lottoland-wrapper-full .portrait {
float: left;
width: 100%
}
.lottoland-wrapper-full .portrait .lottoimg {
display: block;
height: auto;
width: 100%
}
.lottoland-wrapper-full .headline {
background: rgba(0, 153, 255, 0.87);
bottom: 0;
box-sizing: border-box;
display: inline-block;
left: 0;
padding: 40px 50px 21px;
position: absolute;
top: 0;
width: 95%
}
.lottoland-wrapper-full .headline .bet-now {
background-color: #91BD2C;
border: 0;
border-radius: 50px;
color: #fff;
display: block;
font-family: 'Open Sans Condensed';
font-size: 30px;
font-weight: 700;
line-height: 1.1;
margin: 20px auto;
padding: 15px 30px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease
}
.lottoland-wrapper-full .headline .bet-now:hover {
background-color: #fff;
color: #91BD2C
}
.lottoland-wrapper-full .headline .countdown, .lottoland-wrapper-full .headline .countdown-header {
background-color: transparent;
color: #fff !important;
margin: 0;
text-align: center
}
.lottoland-wrapper-full .headline .countdown-content-title {
color: #fff;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 1.2;
margin: 20px 0;
padding: 0;
text-align: center;
text-decoration: none;
text-transform: uppercase
}
.lottoland-wrapper-full .headline .countdown-content-caption {
color: #fff;
font-size: 19px;
font-weight: normal;
line-height: 25px;
padding-bottom: 0;
text-transform: none
}
.lottoland-wrapper-full .headline .countdown-content-caption span {
font-weight: 700
}
.lottoland-wrapper-full .arrow-container {
display: none
}
.lottoland-wrapper-full .cf {
zoom: 1
}
.lottoland-wrapper-full .cf:before {
content: ' ';
display: table
}
.lottoland-wrapper-full .cf:after {
clear: both;
content: ' ';
display: table
}
.lottoland-wrapper-full * {
box-sizing: border-box
}
@media all and (max-width: 360px) {
.lottoland-wrapper-full .headline {
padding: 20px 5px
}
.lottoland-wrapper-full .headline .bet-now {
font-size: 32px;
padding: 5px;
width: 59%
}
}
@media all and (min-width: 728px) {
.lottoland-wrapper-full {
background-color: #0185DC
}
.lottoland-wrapper-full .landscape {
display: inline-block;
float: right;
width: 100%
}
.lottoland-wrapper-full .landscape .lottoimg {
display: block;
height: auto;
width: 100%
}
.lottoland-wrapper-full .portrait {
display: none
}
.lottoland-wrapper-full .lotto-container {
padding: 0
}
.lottoland-wrapper-full .lotto-container .lotto-header {
top: 0;
width: 100%
}
.lottoland-wrapper-full .headline {
background: none;
margin: 0;
padding: 0 20% 20px;
position: relative;
text-align: left;
width: 100%
}
.lottoland-wrapper-full .headline .countdown-content-title {
font-size: 45px;
margin: 20px 0;
text-align: center
}
.lottoland-wrapper-full .headline .countdown-header {
background-color: #0185DC;
text-align: center
}
.lottoland-wrapper-full .headline .countdown-content-caption {
text-align: center
}
.lottoland-wrapper-full .headline .bet-now {
margin: 20px auto 0
}
.lottoland-wrapper-full .countdown-clock {
margin: 10px 0 0
}
.lottoland-wrapper-full .countdown-clock .clock-seconds, .lottoland-wrapper-full .countdown-clock .clock-minutes, .lottoland-wrapper-full .countdown-clock .clock-hours, .lottoland-wrapper-full .countdown-clock .clock-days {
height: 80px;
width: 80px
}
.lottoland-wrapper-full .countdown-clock .clock-seconds .val, .lottoland-wrapper-full .countdown-clock .clock-minutes .val, .lottoland-wrapper-full .countdown-clock .clock-hours .val, .lottoland-wrapper-full .countdown-clock .clock-days .val {
font-size: 37px
}
.lottoland-wrapper-full .countdown-clock .clock-seconds .units, .lottoland-wrapper-full .countdown-clock .clock-minutes .units, .lottoland-wrapper-full .countdown-clock .clock-hours .units, .lottoland-wrapper-full .countdown-clock .clock-days .units {
font-size: 10px
}
}
@media all and (min-width: 1024px) {
.lottoland-wrapper-full .landscape {
width: 60%
}
.lottoland-wrapper-full .headline {
display: inline-block;
margin: 0;
padding: 80px 5% 0 36px;
position: relative;
text-align: left;
width: 40%
}
.lottoland-wrapper-full .headline .countdown-content-title {
font-size: 28px;
margin: 0;
text-align: left
}
.lottoland-wrapper-full .headline .countdown-content-caption {
text-align: left
}
.lottoland-wrapper-full .headline .bet-now {
margin: 20px auto 38px
}
.lottoland-wrapper-full .lotto-container {
padding: 0 16px
}
.lottoland-wrapper-full .countdown-clock .clock-seconds, .lottoland-wrapper-full .countdown-clock .clock-minutes, .lottoland-wrapper-full .countdown-clock .clock-hours, .lottoland-wrapper-full .countdown-clock .clock-days {
height: 70px;
width: 70px
}
.lottoland-wrapper-full .countdown-clock .clock-seconds .val, .lottoland-wrapper-full .countdown-clock .clock-minutes .val, .lottoland-wrapper-full .countdown-clock .clock-hours .val, .lottoland-wrapper-full .countdown-clock .clock-days .val {
font-size: 33px;
padding-top: 2px
}
.lottoland-wrapper-full .countdown-clock .clock-seconds .units, .lottoland-wrapper-full .countdown-clock .clock-minutes .units, .lottoland-wrapper-full .countdown-clock .clock-hours .units, .lottoland-wrapper-full .countdown-clock .clock-days .units {
font-size: 9px
}
}
@media all and (min-width: 1240px) {
.lottoland-wrapper-full .lotto-container {
padding: 0 32px
}
.lottoland-wrapper-full .headline {
padding: 100px 6% 0 40px
}
.lottoland-wrapper-full .headline .countdown-content-title {
font-size: 40px;
margin: 0;
text-align: left
}
.lottoland-wrapper-full .headline .countdown-content-caption {
text-align: left
}
.lottoland-wrapper-full .countdown-clock .clock-seconds, .lottoland-wrapper-full .countdown-clock .clock-minutes, .lottoland-wrapper-full .countdown-clock .clock-hours, .lottoland-wrapper-full .countdown-clock .clock-days {
height: 80px;
width: 80px
}
.lottoland-wrapper-full .countdown-clock .clock-seconds .val, .lottoland-wrapper-full .countdown-clock .clock-minutes .val, .lottoland-wrapper-full .countdown-clock .clock-hours .val, .lottoland-wrapper-full .countdown-clock .clock-days .val {
font-size: 37px
}
.lottoland-wrapper-full .countdown-clock .clock-seconds .units, .lottoland-wrapper-full .countdown-clock .clock-minutes .units, .lottoland-wrapper-full .countdown-clock .clock-hours .units, .lottoland-wrapper-full .countdown-clock .clock-days .units {
font-size: 10px
}
}
.has-partner-mast-header .partner-mast-header > .primary {
z-index: 5
}
.has-partner-mast-header #takeover, .has-partner-mast-header #header-dropdown {
z-index: 4
}
.has-partner-mast-header[data-scroll-direction='down'] .partner-mast-header #takeover, .has-partner-mast-header[data-scroll-direction='down'] .partner-mast-header.animated #takeover {
top: -19px
}
.has-partner-mast-header[data-scroll-direction='down'] .partner-mast-header .secondary, .has-partner-mast-header[data-scroll-direction='down'] .partner-mast-header.animated .secondary {
top: 14px
}
.has-partner-mast-header .partner-mast-header.animated .secondary {
top: 142px
}
.has-partner-mast-header .partner-mast-header.animated #takeover {
top: 110px
}
.partner-mast-header {
margin-bottom: 33px
}
.partner-mast-header .secondary {
top: 82px
}
.partner-mast-header.prostate-cancer-header #logo {
transition: background-color 500ms, background-image 3s ease-in-out 1s;
background: #0097D8 url("/@trinitymirrordigital/chameleon-partnership-widgets/masthead/img/bespoke-logo1.jpg") no-repeat left top;
background-size: 100% 100%
}
#takeover {
transition: top 225ms linear;
height: 33px;
left: 0;
position: fixed;
top: 50px;
width: 100%
}
#takeover .takeover-nav {
clear: both;
background-color: #0082BA;
color: #fff;
font-size: 10px;
height: 33px;
line-height: 3.3;
padding: 0 10px;
text-transform: uppercase;
width: 100%
}
#takeover .takeover-nav:after {
clear: both;
content: '.';
display: block;
height: 0;
visibility: hidden
}
#takeover .takeover-nav .takeover-left {
float: left;
width: 115px
}
#takeover .takeover-nav .takeover-middle {
float: left;
text-align: center;
width: calc(100% - 220px)
}
#takeover .takeover-nav .takeover-content {
color: #fff;
padding: 0 20px;
text-align: center;
width: auto
}
#takeover .takeover-nav .takeover-right {
float: right;
text-align: right;
width: 100px
}
#takeover .takeover-nav .takeover-link {
color: inherit;
text-decoration: none
}
#takeover .takeover-nav .men-left-img, #takeover .takeover-nav .men-right-img {
height: 17px;
width: 74.389261745px;
margin-top: 7px;
vertical-align: top
}
#takeover .takeover-nav .takeover-arrow {
height: 15px;
margin: 9px 0 0 10px;
vertical-align: top;
width: 15px
}
#takeover .takeover-nav .link-desk-text, #takeover .takeover-nav .men-right-img, #takeover .takeover-nav .takeover-content {
display: none
}
#takeover .westandtogether-container {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/masthead/img/men-bg.png") no-repeat right 49.4% top 3px transparent;
background-color: #141414;
background-size: 200px;
box-sizing: border-box;
height: 33px;
padding: 7px 0 4px;
text-align: center;
width: 100%
}
#takeover .westandtogether-container a {
color: #141414;
font-size: 14px;
font-weight: 700;
text-decoration: none
}
#takeover .westandtogether-container a img {
display: inline-block;
margin-right: 10px;
margin-top: -5px;
vertical-align: middle;
width: 23px
}
@media all and (min-width: 728px) {
#takeover {
top: 60px
}
#takeover .takeover-nav {
font-size: 12px;
line-height: 2.8
}
#takeover .takeover-nav .takeover-left, #takeover .takeover-nav .takeover-right {
width: 150px
}
#takeover .takeover-nav .takeover-middle {
width: calc(100% - 300px)
}
#takeover .takeover-nav .takeover-arrow {
height: 18px;
margin: 7px 0 0 10px;
width: 18px
}
#takeover .takeover-nav .men-left-img, #takeover .takeover-nav .men-right-img {
height: 22px;
width: 96.2684563758px;
margin-top: 5px
}
.has-partner-mast-header .partner-mast-header .secondary {
top: 92px
}
.has-partner-mast-header .partner-mast-header.animated .secondary {
top: 152px
}
.has-partner-mast-header .partner-mast-header.animated #takeover {
top: 120px
}
}
@media all and (min-width: 1024px) {
#takeover {
position: absolute;
top: 70px;
transition: none
}
#takeover .takeover-nav {
padding: 0 17px
}
#takeover .takeover-nav .takeover-left, #takeover .takeover-nav .takeover-right {
width: 180px
}
#takeover .takeover-nav .takeover-middle {
width: calc(100% - 360px)
}
#takeover .takeover-nav .link-text {
display: none
}
#takeover .takeover-nav .link-desk-text, #takeover .takeover-nav .men-right-img, #takeover .takeover-nav .takeover-content {
display: inline-block
}
#takeover .takeover-nav .men-right-img {
transform: scaleX(-1)
}
.has-partner-mast-header .partner-mast-header .secondary {
top: 103px
}
.has-partner-mast-header .partner-mast-header.animated .secondary {
position: absolute;
top: 163px
}
.has-partner-mast-header .partner-mast-header.animated #takeover {
top: 130px
}
.has-partner-mast-header[data-scroll-direction='down'] .partner-mast-header #takeover, .has-partner-mast-header[data-scroll-direction='down'] .partner-mast-header.animated #takeover {
position: absolute;
top: 70px
}
.has-partner-mast-header[data-scroll-direction='down'] .partner-mast-header .secondary, .has-partner-mast-header[data-scroll-direction='down'] .partner-mast-header.animated .secondary {
position: absolute;
top: 103px
}
}
@media all and (min-width: 1240px) {
#takeover {
top: 80px
}
#takeover .takeover-nav {
padding: 0 20px
}
.has-partner-mast-header .partner-mast-header .secondary {
top: 113px
}
.has-partner-mast-header .partner-mast-header.animated > .secondary {
top: 173px
}
.has-partner-mast-header .partner-mast-header.animated #takeover {
top: 140px
}
.has-partner-mast-header[data-scroll-direction='down'] .partner-mast-header #takeover, .has-partner-mast-header[data-scroll-direction='down'] .partner-mast-header.animated #takeover {
top: 80px
}
.has-partner-mast-header[data-scroll-direction='down'] .partner-mast-header .secondary, .has-partner-mast-header[data-scroll-direction='down'] .partner-mast-header.animated .secondary {
top: 113px
}
}
.quidity-plus-video-content {
display: none;
height: 400px;
margin: 0 12px 18px;
width: calc(100% - 24px)
}
@media all and (min-width: 728px) {
.quidity-plus-video-content {
margin: 0 16px 32px;
width: calc(100% - 32px)
}
}
@media all and (min-width: 1024px) {
.quidity-plus-video-content {
margin: 0 16px 48px;
width: calc(100% - 32px)
}
}
.advertise-form {
font-size: 16px;
line-height: 22px;
padding: 0 12px
}
.advertise-form .labels, .advertise-form .features {
display: inline-block;
overflow: hidden;
vertical-align: top;
width: 100%
}
.advertise-form label {
display: block;
font-size: 13px;
font-weight: 800;
letter-spacing: 1.3px;
margin-top: 25px;
position: relative;
text-transform: uppercase
}
.advertise-form label.small {
font-size: 11px;
font-weight: 400;
letter-spacing: 0;
line-height: 19px;
margin-bottom: 0;
text-transform: none
}
.advertise-form label .error-message {
background-color: #E90E0E;
border-radius: 3px;
color: #fff;
font-size: 13px;
font-weight: 800;
opacity: 0;
padding: 2px 10px 3px;
position: absolute;
right: 0;
top: 30px;
transition: all .2s ease;
z-index: -10
}
.advertise-form label .error-message.show {
opacity: 1;
top: -4px
}
.advertise-form label .error-message:after {
border-bottom: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #E90E0E;
bottom: -4px;
content: '';
position: absolute;
right: 20px
}
.advertise-form .features {
padding-left: 0
}
.advertise-form .required {
color: #E90E0E;
padding: 0 5px
}
.advertise-form .mandate.error {
border-color: #E90E0E
}
.advertise-form [type="text"], .advertise-form select, .advertise-form [type="email"], .advertise-form textarea {
-moz-appearance: none;
-webkit-appearance: none;
background-color: #F1F1F1;
border: 1px solid #E0E0E0;
border-radius: 3px;
display: block;
margin-top: 5px;
max-width: inherit;
outline: none;
padding: 12px 10px;
width: 100%
}
.advertise-form [type="text"].user-input, .advertise-form select.user-input, .advertise-form [type="email"].user-input, .advertise-form textarea.user-input {
display: none
}
.advertise-form textarea {
height: 115px
}
.advertise-form .select-wrapper {
position: relative
}
.advertise-form .select-wrapper .error {
border-color: #E90E0E;
color: #E90E0E
}
.advertise-form .select-wrapper .downarrow:after {
color: #626262;
content: '\e917';
font-family: 'icomoon-rps';
pointer-events: none;
position: absolute;
right: 15px;
top: 8px
}
.advertise-form * {
box-sizing: border-box
}
.advertise-form .power-logo {
background-color: #626262;
border-radius: 50%;
box-shadow: 11px 10px 0 #E0E0E0;
color: #fff;
display: none;
height: 300px;
margin: 50px auto 130px;
position: relative;
width: 300px
}
.advertise-form .power-logo:before {
border-bottom: 40px solid transparent;
border-left: 0;
border-right: 100px solid #626262;
border-top: 40px solid transparent;
content: '';
display: inline-block;
left: -30px;
position: absolute;
top: 210px;
transform: rotate(-37deg);
z-index: -1
}
.advertise-form ul {
padding: 50px 0 0;
position: relative
}
.advertise-form ul li {
border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
font-family: 'Maven Pro';
font-size: 16px;
font-weight: 400;
list-style: none;
padding: 5px 45px;
text-align: center;
text-transform: uppercase
}
.advertise-form ul li:first-child {
font-family: 'Open Sans Condensed';
font-size: 27px;
font-weight: 800;
line-height: 32.5px;
padding-bottom: 20px
}
.advertise-form ul li .bold {
font-weight: 800
}
.advertise-form .instruction {
font-size: 11px;
margin: 10px 0 20px
}
.advertise-form .submit {
background-color: #626262;
border: 2px solid #626262;
border-radius: 50px;
color: #fff;
font-family: 'Maven Pro';
font-size: 16px;
font-weight: 700;
margin-bottom: 30px;
outline: none;
padding: 5px 20px;
transition: all .2s ease-in-out
}
.advertise-form .submit:hover {
background-color: #fff;
color: #626262
}
@media all and (min-width: 728px) {
.advertise-form .labels, .advertise-form .features {
width: 50%
}
.advertise-form .labels {
padding-right: 16px
}
.advertise-form .features {
padding-left: 16px
}
.advertise-form label {
font-size: 12px;
padding-right: 16px
}
.advertise-form label .error-message {
font-size: 10px;
margin-right: 16px;
padding: 2px 10px 3px
}
.advertise-form label.small {
margin-top: 48px
}
.advertise-form .power-logo {
display: block;
height: 280px;
margin-bottom: 59px;
width: 280px
}
.advertise-form .power-logo:before {
border-bottom: 25px solid transparent;
border-right: 70px solid #626262;
border-top: 25px solid transparent;
left: -30px;
top: 220px
}
.advertise-form [type="text"], .advertise-form select, .advertise-form [type="email"], .advertise-form textarea {
max-width: 500px
}
.advertise-form ul {
padding-top: 40px
}
.advertise-form ul li {
font-size: 14.5px
}
.advertise-form ul li:first-child {
font-size: 22.4px
}
.advertise-form ul li:last-child {
margin-left: 45px;
padding-left: 0
}
}
@media all and (min-width: 1024px) {
.advertise-form {
padding-left: 16px;
padding-right: 0
}
.advertise-form label {
font-size: 10px
}
.advertise-form label .error-message {
font-size: 9.6px;
padding: 2px 5px 3px
}
.advertise-form .power-logo::before {
left: -15px
}
}
@media all and (min-width: 1240px) {
.advertise-form .power-logo {
height: 300px;
margin: 50px auto 39px;
width: 300px
}
.advertise-form .power-logo:before {
border-bottom: 40px solid transparent;
border-right: 100px solid #626262;
border-top: 40px solid transparent;
left: -30px;
top: 210px
}
.advertise-form ul {
padding-top: 40px
}
.advertise-form ul li {
font-size: 16px
}
.advertise-form ul li:first-child {
font-size: 27px
}
.advertise-form ul li:last-child {
margin-left: 45px;
padding-left: 0
}
.advertise-form label {
font-size: 12px
}
.advertise-form label .error-message {
font-size: 10px;
padding: 2px 15px 3px
}
}
.msm-container {
border-right: 2px solid #626262;
border-top: 5px solid #626262;
margin: 0 12px
}
.msm {
background-color: #F1F1F1;
border-bottom: 1px solid #E0E0E0;
border-left: 1px solid #E0E0E0;
border-right: 1px solid #E0E0E0;
color: #141414;
font-size: 14px;
margin-bottom: 20px;
padding: 0;
width: 100%
}
.msm .msm-heading {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 17px;
font-weight: 700;
background-color: #F1F1F1;
margin: 0;
padding: 10px 0 15px;
text-align: center;
text-transform: uppercase
}
.msm .msm-table {
display: table;
line-height: 1.5;
width: 100%
}
.msm .msm-tablerow {
background-color: #fff;
color: #2C2C2C;
display: table-row;
position: relative;
text-decoration: none
}
.msm .msm-tableheader {
font-weight: 700;
line-height: 1.5
}
.msm .msm-tablecell {
display: table-cell;
font-size: 10px;
padding: 5px 10px
}
.msm .msm-tablecell .msm-tablecell {
padding: 0 10px 0 0
}
.msm .msm-tablebody {
display: table-row-group
}
.msm .msm-tableheader, .msm .msm-default-data {
display: none
}
.msm .msm-mob-data > .msm-tablecell, .msm .msm-mob-more-info > .msm-tablecell, .msm .msm-default-data > .msm-tablecell {
border-top: 1px solid #E0E0E0
}
.msm .msm-mob-data:first-child > .msm-tablecell {
border-top: 0
}
.msm .msm-mob-data .apply {
background-color: #fff;
border-bottom: 1px solid #009C33;
border-top: 1px solid #009C33;
color: #009C33;
font-size: 16px;
font-weight: 700;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 100%
}
.msm .msm-mob-more-info .msm-mob-header, .msm .msm-mob-more-info .msm-mob-value {
display: block;
line-height: 1.7;
width: 100%
}
.msm .msm-mob-more-info .msm-mob-header {
font-weight: 700
}
.msm .msm-mob-more-info.col-2 .msm-tablecell {
width: 50%
}
.msm .msm-mob-more-info.col-3 .msm-tablecell {
width: 30%
}
.msm .msm-mob-more-info.col-3 .msm-tablecell:first-child, .msm .msm-mob-more-info.col-3 .msm-tablecell:last-child {
width: 35%
}
.msm .msm-mob-more-info.col-4 .msm-tablecell {
width: 25%
}
.msm .msm-more-info-btn {
background-color: #626262;
border-radius: 50px;
color: #fff;
cursor: pointer;
display: block;
margin: 4px 0;
padding: 3px 5px 4px;
text-align: center;
width: 75px
}
.msm .msm-more-info-btn:after {
content: ' +'
}
.msm .msm-more-info-btn.expanded:after {
content: ' -'
}
.msm .product-info {
font-weight: 700;
width: calc(100% - 20px)
}
.msm .product-info img {
background-color: #fff;
border: 1px solid #E0E0E0;
float: right;
margin: 2px 0 5px;
max-height: 40px;
max-width: 50px;
padding: 2px;
vertical-align: top
}
.msm .product-info .msm-name {
display: block;
font-size: 12px;
text-transform: uppercase
}
.msm .small-text {
border-top: 1px solid #E0E0E0;
display: block;
font-size: 10px;
line-height: 1.5;
padding: 7px
}
.msm .msm-table-contents {
border-top: 1px solid #E0E0E0
}
@media all and (min-width: 728px) {
.msm-container {
margin: 0
}
.msm-apply-button {
transition: all 0.3s ease;
background-color: #009C33;
border: 2px solid #009C33;
border-radius: 50px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 10px;
font-weight: 700;
padding: 1px 5px 2px;
text-align: center;
text-decoration: none
}
.msm-apply-button:hover {
background-color: #fff;
color: #009C33
}
.msm .msm-tablerow:hover {
background-color: #F1F1F1
}
.msm .msm-mob-data, .msm .msm-mob-more-info {
display: none
}
.msm .msm-default-data {
display: table-row
}
.msm .msm-default-data.col-3 .msm-tablecell {
width: 20%
}
.msm .msm-default-data.col-3 .msm-tablecell:first-child {
width: 60%
}
.msm .msm-default-data.col-4 .msm-tablecell {
width: 15%
}
.msm .msm-default-data.col-4 .msm-tablecell:first-child {
width: 55%
}
.msm .msm-default-data.col-5 .msm-tablecell {
width: 15%
}
.msm .msm-default-data.col-5 .msm-tablecell:first-child {
width: 40%
}
.msm .msm-tableheader {
background-color: #E0E0E0;
display: block
}
.msm .product-info {
border-top: 0
}
.msm .product-info img {
border: 0;
float: left;
margin-right: 10px;
margin-top: 0;
padding: 0
}
.msm .more-details {
color: #009C33;
display: table-cell;
padding: 0 10px;
text-align: left;
vertical-align: middle;
width: 15%
}
.msm .msm-table-contents {
border-top: 0
}
}
@media all and (min-width: 1024px) {
.msm .msm-enable-scroll .msm-tableheader {
padding-right: 16px
}
.msm .msm-enable-scroll .msm-table-contents {
max-height: 260px;
overflow: auto
}
}
.karma-partners-content {
box-sizing: border-box;
padding: 20px
}
.karma-partners-content p {
font-size: 20px;
line-height: 1.35;
margin: 0 0 20px
}
.karma-partners-content ul {
margin: 50px 0;
padding: 0
}
.karma-partners-content ul li {
backface-visibility: hidden;
float: none;
list-style: none;
margin: 0 0 10px;
padding: 0;
transition: all .2s ease;
width: 100%
}
.karma-partners-content ul li a {
display: block;
padding: 20px;
text-align: center
}
.karma-partners-content ul li img {
max-height: 66px;
max-width: 100%
}
.karma-partners-content ul li:hover {
opacity: .9
}
.karma-partners-content .karma-partners-group-1 {
background-color: #BA1127
}
.karma-partners-content .karma-partner-group-2 {
background-color: #063C6A
}
.karma-partners-content .karma-partner-group-3 {
background-color: #22AF9E
}
.karma-partners-content .karma-partner-group-4 {
background-color: #005397
}
.karma-partners-content .karma-partner-group-5 {
background-color: #EA0001
}
.karma-partners-content .karma-partner-group-default {
background-color: #1E196B
}
#karma-partners + [data-group='splash'] {
display: none
}
@media all and (min-width: 728px) {
.karma-partners-content ul li {
float: left;
margin: 0 10px 10px 0;
width: calc(50% - 10px)
}
}
.weather-tile {
background: linear-gradient(to right, #82A7C8 0%, #95B1CB 50%, #82A7C8 100%);
color: #fff;
margin: 48px 0;
min-height: 100px;
padding: 20px 20px 30px;
position: relative;
width: calc(100% - 40px)
}
.weather-tile:after {
clear: both;
content: ' ';
display: block;
height: 0;
visibility: hidden
}
.weather-tile .weather-symbol {
height: 80px;
left: 110px;
opacity: .2;
position: absolute;
top: 53px;
width: 80px
}
.weather-tile .weather-symbol img {
width: 100%
}
.weather-tile .weather-text {
font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700;
position: relative;
text-transform: uppercase;
z-index: 2
}
.weather-tile .weather-text .weather-forecast {
font-size: 49px;
margin-top: 35px
}
.weather-tile .weather-text .weather-forecast .phrase {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 29px;
font-weight: 700;
line-height: 1.08;
margin-top: 14px;
vertical-align: middle
}
.weather-tile .weather-form {
float: none;
width: 100%
}
.weather-tile .weather-form h3 {
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 30px;
font-weight: 400;
font-style: italic;
color: #fff;
line-height: 1.05;
margin: 20px 0;
padding: 0;
text-shadow: 0 2px 0 #718FAB
}
.weather-tile .weather-form p {
color: #fff;
font-size: 14px;
margin: 7px 0 10px;
padding: 0
}
.weather-tile .weather-form .weather-postcode {
font-family: 'Maven Pro', sans-serif;
font-size: 11px;
font-weight: 400;
-webkit-appearance: none;
border: 0;
border-radius: 50px;
padding: 8px 13px
}
.weather-tile .weather-form .weather-submit-btn {
font-family: 'Maven Pro', sans-serif;
font-size: 11px;
font-weight: 400;
font-weight: 700;
-webkit-appearance: none;
background-color: #262626;
border: 0;
border-radius: 50px;
color: #fff;
cursor: pointer;
margin-left: 10px;
padding: 8px 13px
}
.weather-tile .weather-form .weather-sponsor {
font-family: 'Maven Pro', sans-serif;
font-size: 9.5px;
font-weight: 400;
font-weight: 700;
float: none;
line-height: 1.5;
margin-top: 0;
position: absolute;
right: 20px;
text-transform: uppercase;
top: 21px
}
.weather-tile .weather-form .weather-sponsor img {
margin-left: 8px;
vertical-align: top;
width: 29px
}
.weather-tile .weather-report-error {
transition: all 300ms ease-in-out;
bottom: 60px;
color: #fff;
left: 20px;
position: absolute
}
.weather-tile .weather-report-error .weather-error-msg {
background-color: #626262;
border-radius: 5px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
font-size: 12px;
margin: 0 auto;
max-width: 280px;
padding: 12px;
text-align: center
}
.weather-tile .weather-report-error .weather-error-msg:before {
content: ""
}
.weather-tile .weather-report-error .weather-error-msg:before {
font-family: 'icomoon';
font-size: 15px;
padding-right: 5px
}
.weather-tile .weather-report-error .weather-error-msg:after {
border-bottom: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #626262;
bottom: -9px;
content: '';
left: 40px;
position: absolute
}
@media all and (min-width: 728px) {
.weather-tile {
padding: 20px
}
.weather-tile .weather-text {
float: left;
width: 28%
}
.weather-tile .weather-text .weather-forecast {
font-size: 35px;
margin-top: 16px
}
.weather-tile .weather-text .weather-forecast .phrase {
display: block;
font-size: 21px;
margin-left: 0;
margin-top: 10px
}
.weather-tile .weather-symbol {
height: 55px;
left: 80px;
top: 45px;
width: 55px
}
.weather-tile .weather-form {
float: right;
margin-top: 0;
position: relative;
width: 70%
}
.weather-tile .weather-form h3 {
font-size: 24px;
margin: 0
}
.weather-tile .weather-form .weather-submit-btn {
margin-left: 2%
}
.weather-tile .weather-form .weather-sponsor {
float: right;
margin-top: -30px;
padding-right: 36px;
position: relative;
right: 0;
text-align: right;
top: 0;
width: 25%
}
.weather-tile .weather-form .weather-sponsor img {
margin-left: 0;
position: absolute;
right: 0;
top: 0
}
.weather-tile .weather-report-error {
bottom: 40px;
left: 0
}
}
.horz-sign-list {
margin-left: 12px;
margin-right: 12px;
padding-bottom: 32px
}
.horz-sign-list ul {
list-style: none;
overflow: hidden
}
.horz-sign-list .star-sign {
background-color: #cfe9e7;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
float: left;
height: auto;
margin: 0;
padding: 10px 0;
position: relative;
text-align: center;
width: 16.6%
}
.horz-sign-list .star-sign .image {
background-position: center;
height: 35px;
padding: 10px 0;
transition: all .2s ease-out
}
.horz-sign-list .star-sign.active {
background-color: rgba(207, 233, 231, 0.5)
}
.horz-sign-list .star-sign.active .highlight {
border-color: transparent #2A716D transparent transparent;
border-style: solid;
border-width: 0 10px 10px 0;
height: 0;
position: absolute;
right: 0;
top: 0;
width: 0
}
.horz-sign-list * {
box-sizing: border-box
}
.sign-tabs {
border-bottom: 4px solid #2A716D;
margin-bottom: 25px;
margin-left: 12px;
margin-right: 12px;
overflow: hidden
}
.sign-tabs .tab {
background-color: #474747;
border-width: 0;
color: #fff;
cursor: pointer;
display: inline-block;
float: left;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 15px;
font-weight: 700;
padding: 15px 12px 12px;
position: relative;
text-align: center;
text-transform: uppercase
}
.sign-tabs .tab:first-child {
border-top-left-radius: 3px
}
.sign-tabs .tab:last-child {
border-top-right-radius: 3px
}
.sign-tabs .forcast.forcast-active, .sign-tabs .meaning.star-active {
background: transparent linear-gradient(to right bottom, #509995 49%, #2A716D 50%)
}
.sign-tabs a {
color: #fff;
text-decoration: none
}
.horoscope .daily-read {
float: left;
margin-bottom: 30px;
margin-left: 12px;
margin-right: 12px;
padding: 20px 0
}
.horoscope .daily-read .star-icon {
background-color: #509995;
display: none;
float: left;
margin-right: 2%;
padding: 10px 0 20px;
position: relative;
width: 20%
}
.horoscope .daily-read .star-icon .star-date {
bottom: -4px;
color: #CFE9E7;
font-size: 13px;
left: 0;
margin: 0 auto;
padding-bottom: 20px;
position: absolute;
right: 0;
text-align: center;
width: 100%
}
.horoscope .daily-read .image {
background-position: center
}
.horoscope .daily-read .star-text {
float: left;
width: 100%
}
.horoscope .daily-read .star-text p {
font-size: 17px;
line-height: 1.55;
margin-bottom: 15px;
padding: 7px 0 0
}
.horoscope h2 {
border-bottom: 2px solid #F1F1F1;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 28px;
font-weight: 700;
margin-bottom: 20px;
padding: 10px 0
}
.horoscope h2 .image {
background-color: #fff;
display: inline-block;
float: none;
height: 35px;
margin-left: 15px;
width: 35px
}
.horoscope h2 .image:not(.aries) {
background-position-y: 0;
margin-bottom: 0
}
.horoscope h2 .image.aries {
background-position-y: 4px
}
.horoscope .image {
background-color: #509995;
background-position: center;
float: left;
height: 75px;
width: 100%
}
.horoscope .image:not(.aries) {
margin-bottom: 15px
}
.horoscope .sign-description {
margin-left: 12px;
margin-right: 12px;
overflow: hidden
}
.horoscope .description-placeholder {
float: left;
width: 100%
}
.horoscope .description-placeholder .title {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 20px;
font-weight: 700;
margin: 20px 0;
text-transform: uppercase
}
.horoscope .description-placeholder .para {
font-size: 16px;
line-height: 1.5;
margin-bottom: 15px
}
.horoscope * {
box-sizing: border-box
}
.section-head.star-page {
border-bottom: 0
}
@media all and (min-width: 728px) {
.horz-sign-list, .sign-tabs, .star-page .daily-read, .horoscope .sign-description {
margin-left: 16px;
margin-right: 16px
}
.star-page .daily-read .star-icon {
display: block
}
.star-page .daily-read .star-text {
width: 78%
}
.star-page .daily-read h2 .image {
display: none
}
.horz-sign-list .star-sign {
border-bottom: 0;
width: 8.33%
}
.horz-sign-list .star-sign .image {
height: 40px
}
.sign-tabs .tab {
font-size: 18px
}
.star-page .description-placeholder {
width: 90%
}
}
@media all and (min-width: 1024px) {
.horz-sign-list .star-sign {
padding: 20px 0
}
.horz-sign-list .star-sign .image {
height: 50px
}
}
@media all and (min-width: 1240px) {
.horz-sign-list, .sign-tabs {
margin-left: auto;
margin-right: auto;
width: 1176px
}
.horz-sign-list .star-sign:hover .image, .sign-tabs .star-sign:hover .image {
margin: -5px 0 5px
}
.star-page .daily-read .image {
height: 110px
}
}
@media (max-width: 374px) {
.destiny-horoscope .phone-lines ul li {
padding: 8px 10px 20px
}
.destiny-horoscope .phone-lines ul .header-text {
font-size: 20px
}
.horoscope .daily-read h2 {
font-size: 22px
}
.sign-tabs .tab {
font-size: 12px
}
}
.star-page .aries {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/horoscope/img/aries.svg") no-repeat
}
.star-page .taurus {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/horoscope/img/taurus.svg") no-repeat
}
.star-page .gemini {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/horoscope/img/gemini.svg") no-repeat
}
.star-page .cancer {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/horoscope/img/cancer.svg") no-repeat
}
.star-page .leo {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/horoscope/img/leo.svg") no-repeat
}
.star-page .virgo {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/horoscope/img/virgo.svg") no-repeat
}
.star-page .libra {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/horoscope/img/libra.svg") no-repeat
}
.star-page .scorpio {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/horoscope/img/scorpio.svg") no-repeat
}
.star-page .sagittarius {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/horoscope/img/sagittarius.svg") no-repeat
}
.star-page .capricorn {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/horoscope/img/capricorn.svg") no-repeat
}
.star-page .aquarius {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/horoscope/img/aquarius.svg") no-repeat
}
.star-page .pisces {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/horoscope/img/pisces.svg") no-repeat
}
.sign-list ul {
list-style: none;
margin-left: 12px;
margin-right: 0;
overflow: auto
}
.sign-list .star-sign {
background-color: #CFE9E7;
float: left;
font-size: 12px;
height: 170px;
margin: 0 1% 40px 0;
padding: 0 1% 1%;
text-align: center;
width: 48%
}
.sign-list .star-sign a {
color: #2A716D;
text-decoration: none
}
.sign-list .star-sign img {
max-height: 100px;
padding: 10px 0;
transition: all .2s ease-out
}
.sign-list .star-sign .title {
border-bottom: 0;
color: #2A716D;
display: block;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 22px;
font-weight: bold;
line-height: 1;
margin: 0 0 5px;
padding: 0 0 6px;
position: relative;
text-transform: uppercase
}
.sign-list .star-sign .read-more {
background-color: #509995;
color: #fff;
display: block;
font-size: 11px;
font-weight: 700;
margin: 10px auto 0;
padding: 10px;
text-transform: uppercase;
width: 90%
}
.sign-list * {
box-sizing: border-box
}
.primary.horoscope {
padding-right: 0
}
.primary.horoscope:after {
width: 0
}
.primary.horoscope [data-group='splash'] {
display: none
}
@media all and (min-width: 728px) {
.sign-list ul {
margin-left: 16px;
margin-right: 1%
}
.sign-list .star-sign {
width: 24%
}
}
@media all and (min-width: 1024px) {
.sign-list .star-sign:hover img {
margin: -5px 0 5px
}
.sign-list .star-sign:hover .title {
text-decoration: underline
}
}
@media all and (min-width: 1240px) {
.sign-list .star-sign {
width: 15.6675%
}
}
.phone-lines {
border-bottom: 2px solid #E0E0E0;
font-size: 16px;
margin-bottom: 30px;
margin-top: 35px;
padding-bottom: 30px;
text-align: center
}
.phone-lines h3 {
border-bottom: 2px solid #E0E0E0;
height: 27px;
margin-bottom: 60px
}
.phone-lines h3 span {
background-color: #fff;
display: block;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 30px;
font-weight: 700;
margin: 0 auto;
padding: 5px;
text-transform: uppercase;
width: 100%
}
.phone-lines ul {
color: #fff;
list-style: none;
margin: 20px auto;
max-width: 820px;
overflow: hidden
}
.phone-lines ul li {
float: none;
margin-left: 0;
padding: 8px 20px 20px;
text-align: center;
width: 100%
}
.phone-lines ul li .left-align {
padding-left: 22px;
text-align: left
}
.phone-lines ul .call-psychics {
background-color: #2A716D
}
.phone-lines ul .text-psychics {
background-color: #CFE9E7;
color: #2A716D
}
.phone-lines ul .text-psychics .text-icon {
float: left;
font-size: 130px;
width: 44%
}
.phone-lines ul .text-psychics .header-text {
float: left;
line-height: 1.2;
padding-left: 15px;
padding-top: 34px;
text-align: left;
width: 50%
}
.phone-lines ul .text-psychics .intro-text {
clear: both;
font-size: 15px
}
.phone-lines ul .text-psychics .message-text {
font-size: 35px;
padding: 16px 0
}
.phone-lines ul .text-psychics .bolder {
font-weight: bold
}
.phone-lines ul .text-psychics .divider {
border-bottom: 1px solid #509995
}
.phone-lines ul .text-psychics .view-readers {
background-color: #509995;
color: #fff;
cursor: pointer;
display: block;
font-size: 14px;
margin: 22px 16px;
padding: 8px 0 9px;
text-decoration: none
}
.phone-lines ul .text-psychics .small-text {
border-color: #509995
}
.phone-lines ul .title-holder {
overflow: hidden;
padding-left: 20px
}
.phone-lines ul .phone-icon {
color: #fff;
font-size: 64px;
position: relative;
top: 8px
}
.phone-lines ul .text-icon {
font-size: 130px
}
.phone-lines ul .header-text {
font-family: 'Maven Pro', sans-serif;
font-size: 24px;
line-height: 1;
text-transform: uppercase
}
.phone-lines ul .phone-intro, .phone-lines ul .card-intro {
font-size: 14px;
line-height: 1.3;
margin-top: 16px;
opacity: .9
}
.phone-lines ul .phone-number, .phone-lines ul .card-booking-number {
font-size: 35px;
font-weight: 600;
margin: 10px 0 4px
}
.phone-lines ul .small-text {
font-size: 11px;
opacity: .8
}
.phone-lines ul .divider {
border-bottom: 1px solid #fff;
margin: 28px 50px 12px
}
.phone-lines ul .bolder {
font-weight: bold
}
.phone-lines * {
box-sizing: border-box
}
.destiny-horoscope {
clear: both;
margin-left: 12px;
margin-right: 12px;
padding-top: 1px
}
.destiny-horoscope .terms {
font-size: 12px;
line-height: 1.6;
margin: 30px auto;
max-width: 800px;
text-align: center
}
.destiny-horoscope .terms .title {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 20px;
font-weight: 700;
margin-bottom: 10px
}
.destiny-horoscope .terms p {
font-size: 12px;
line-height: 1.5;
margin-bottom: 15px
}
@media all and (min-width: 728px) {
.destiny-horoscope {
margin-left: 16px;
margin-right: 16px
}
.phone-lines h3 span {
font-size: 40px;
width: 500px
}
.phone-lines ul li {
float: left;
width: 50%
}
.phone-lines ul .text-psychics .header-text {
padding-left: 0
}
.phone-lines ul .text-psychics .small-text {
margin: 0 20px
}
}
@media all and (min-width: 1240px) {
.destiny-horoscope {
clear: both;
margin-left: auto;
margin-right: auto;
padding-top: 1px;
width: 1176px
}
.phone-lines ul .text-psychics .small-text {
margin: 0 34px
}
}
.valpal-property-container {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/valpal/img/house-coin.png") no-repeat right 20px top 20px #2F2F38;
background-size: 100px;
border-top: 5px solid #91BD2C;
color: #fff;
margin-bottom: 28px;
min-height: 135px;
padding: 26px 20px 20px;
position: relative
}
.valpal-property-container option {
color: #000
}
.valpal-property-container h3 {
font-family: 'Signika Negative Bold', sans-serif;
font-size: 32px;
font-weight: 400;
color: #fff;
line-height: 1.2;
margin-bottom: 23px;
margin-top: 0;
max-width: 70%;
padding: 0
}
.valpal-property-container h4 {
color: #fff;
font-family: 'Signika Negative', sans-serif;
font-size: 24px;
line-height: 1.3;
margin-bottom: 23px;
margin-top: 36px;
padding: 0
}
.valpal-property-container h4.result-header {
margin-bottom: 5px
}
.valpal-property-container .terms {
color: #fff;
display: block;
font-size: 11px;
line-height: 1;
margin-bottom: 15px;
padding-left: 20px
}
.valpal-property-container .terms a {
color: #91BD2C
}
.valpal-property-container .terms a:visited {
color: #91BD2C
}
.valpal-property-container .terms .terms-and-condtions {
margin-left: -20px
}
.valpal-property-container p {
color: #fff;
line-height: 1.5;
margin-bottom: 23px;
padding: 0
}
.valpal-property-container .valpal-input-box {
font-family: 'Maven Pro', sans-serif;
font-size: 13px;
font-weight: 400;
-webkit-appearance: none;
border: 0;
border-radius: 4px;
box-sizing: border-box;
margin-bottom: 15px;
margin-right: 10px;
padding: 8px 13px;
width: calc(49% - 11px)
}
.valpal-property-container .valuation {
-moz-appearance: none;
-webkit-appearance: none;
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/valpal/img/down-arrow-white.png") no-repeat right 8px top 13px transparent;
background-size: 12px;
border: 1px solid #fff;
box-sizing: border-box;
color: #fff;
height: 32px;
margin-bottom: 15px;
margin-right: 10px;
padding: 5px 25px 5px 6px;
text-indent: 1px;
text-overflow: '';
width: calc(49% - 10px)
}
.valpal-property-container .valpal-button {
font-family: 'Maven Pro', sans-serif;
font-size: 11px;
font-weight: 400;
font-weight: 700;
padding: 8px 13px
}
.valpal-property-container .valpal-submit-button {
font-family: 'Maven Pro', sans-serif;
font-size: 16px;
font-weight: 400;
font-weight: 700;
padding: 6px 25px
}
.valpal-property-container .valpal-button, .valpal-property-container .valpal-submit-button {
background-color: #91BD2C;
border: 2px solid #91BD2C;
border-radius: 50px;
color: #2F2F38;
cursor: pointer;
display: inline-block;
line-height: 1.3;
max-width: 65%;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease
}
.valpal-property-container .valpal-button:hover, .valpal-property-container .valpal-submit-button:hover {
background-color: transparent;
color: #fff;
text-decoration: none
}
.valpal-property-container .valpal-sponsor {
font-family: 'Maven Pro', sans-serif;
font-size: 10px;
font-weight: 400;
font-weight: 700;
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/valpal/img/valpal.png") no-repeat right 0 top 16px transparent;
bottom: 20px;
padding: 0;
padding-bottom: 34px;
padding-top: 6px;
position: absolute;
right: 20px;
text-align: right;
text-transform: uppercase
}
.valpal-property-container .valpal-sponsor img {
margin-left: 8px;
width: 29px
}
.valpal-property-container .valpal-form {
display: none
}
.valpal-property-container .valpal-form.active {
display: block
}
.valpal-property-container .valpal-results {
display: none
}
.valpal-property-container .valpal-results table {
margin-bottom: 20px;
width: 100%
}
.valpal-property-container .valpal-results table tr {
border-bottom: 1px solid #6B6B7D
}
.valpal-property-container .valpal-results td {
font-size: 13px;
font-weight: 700;
line-height: 1;
padding: 10px 5% 10px 5px;
text-align: left;
text-transform: uppercase
}
.valpal-property-container .valpal-results tbody td {
color: #F9D300;
font-size: 16px;
font-weight: 400
}
.valpal-property-container .valpal-results tbody .average-result {
font-weight: bold
}
.valpal-property-container .valpal-results.active {
display: block
}
.valpal-property-container table thead {
background: #3A3A44
}
.valpal-property-container .error-description {
border: 1px dashed #91BD2C;
font-weight: 700;
line-height: 1.5;
margin-bottom: 16px;
padding: 10px 15px
}
.valpal-property-container .valpal-back {
color: #91BD2C;
cursor: pointer;
display: block;
font-size: 15px;
font-weight: 400;
line-height: 1;
margin: 18px 0 0;
text-decoration: none
}
.valpal-property-container.results-content {
background: #2F2F38;
padding: 26px 20px 20px
}
.valpal-property-container.results-content h3 {
max-width: 100%;
width: 100%
}
.valpal-property-container.results-content .valpal-property-contant {
padding-right: 0
}
@media all and (min-width: 728px) {
.valpal-property-container {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/valpal/img/house-coin.png") no-repeat right 20px top 20px #2F2F38;
background-size: calc(30% - 30px)
}
.valpal-property-container .valpal-button {
font-size: 16px
}
.valpal-property-container .valpal-property-contant {
padding-right: 30%
}
.valpal-property-container h3 {
margin-bottom: 23px;
max-width: 100%
}
.valpal-property-container .valpal-results tbody td {
font-size: 21px
}
.valpal-property-container .valpal-sponsor {
font-family: 'Maven Pro', sans-serif;
font-size: 10px;
font-weight: 400;
font-weight: 700;
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/valpal/img/valpal.png") no-repeat right 0 top 1px transparent;
bottom: 20px;
padding: 5px 71px 20px 0;
position: absolute;
right: 20px;
text-align: right;
text-transform: uppercase
}
}
.opta-score .Opta-Team-Score {
background-color: #626262 !important
}
.opta-cricket .Opta-MatchHeader {
border-top: 4px solid #626262
}
.opta-cricket .Opta-CricketInningsBreakdown .Opta-Team {
background-color: #626262 !important
}
.opta-cricket .Opta-scorecard .Opta-On a {
background-color: #626262 !important
}
.opta-cricket .Opta-batting thead th, .opta-cricket .Opta-bowling thead th, .opta-cricket .Opta-fall-of-wickets thead th {
border-top: 4px solid #626262 !important
}
.opta-cricket .Opta-Ranking-Bars div {
background-color: #626262 !important;
border-color: #626262 !important
}
.section-theme {
color: #626262 !important
}
.section-theme-background-with-transparency {
background: rgba(98, 98, 98, 0.12) !important
}
.section-theme-highlight {
background-color: #626262 !important;
color: #fff
}
.section-theme-indicator:before, .section-theme-indicator:after {
color: #626262 !important
}
.section-theme-background-indicator:before, .section-theme-background-indicator:after, .section-theme-inherit-background-indicator *:not([class*=section-theme-]):before, .section-theme-inherit-background-indicator *:not([class*=section-theme-]):after {
background: #626262 !important
}
.section-theme-gradient {
background: #626262 !important;
background: transparent linear-gradient(to right bottom, rgba(98, 98, 98, 0.7) 49%, #626262 50%) !important;
color: #fff
}
.section-theme-border, .section-theme-border:before, .section-theme-inherit-border *:not([class*=section-theme-]) {
border-color: #626262 !important
}
.section-theme-button {
background-color: #626262 !important;
border: 2px solid #626262 !important;
color: #fff
}
.section-theme-button:hover {
background-color: #fff !important;
border-color: #E0E0E0 !important;
color: #626262 !important
}
.section-theme-button-highlight {
background-color: #fff;
border-color: #E0E0E0
}
.section-theme-button-highlight:hover {
background-color: #626262 !important;
border-color: #626262 !important;
color: #fff
}
.section-theme-hover:hover {
color: #626262 !important
}
.live-event-entry[data-type='key-event'] {
border-bottom: 6px solid #626262;
border-left: 1px solid rgba(98, 98, 98, 0.15);
border-right: 1px solid rgba(98, 98, 98, 0.15)
}
.live-event-entry[data-type='key-event'] .entry-info {
background: #626262
}
.live-event-entry[data-type='key-event'] .entry-content {
background: rgba(98, 98, 98, 0.03)
}
.channel-whats-on .section-theme, .publication-theme .channel-whats-on .section-theme {
color: #840E83 !important
}
.channel-whats-on .section-theme-highlight, .publication-theme .channel-whats-on .section-theme-highlight {
background: #840E83 !important;
color: #fff
}
.channel-whats-on .section-theme-indicator:before, .channel-whats-on .section-theme-indicator:after, .publication-theme .channel-whats-on .section-theme-indicator:before, .publication-theme .channel-whats-on .section-theme-indicator:after {
color: #840E83 !important
}
.channel-whats-on .section-theme-background-indicator:before, .channel-whats-on .section-theme-background-indicator:after, .channel-whats-on .section-theme-inherit-background-indicator *:not([class*=section-theme-]):before, .channel-whats-on .section-theme-inherit-background-indicator *:not([class*=section-theme-]):after, .publication-theme .channel-whats-on .section-theme-background-indicator:before, .publication-theme .channel-whats-on .section-theme-background-indicator:after, .publication-theme .channel-whats-on .section-theme-inherit-background-indicator *:not([class*=section-theme-]):before, .publication-theme .channel-whats-on .section-theme-inherit-background-indicator *:not([class*=section-theme-]):after {
background: #840E83 !important
}
.channel-whats-on .section-theme-background-with-transparency, .publication-theme .channel-whats-on .section-theme-background-with-transparency {
background: rgba(132, 14, 131, 0.12) !important
}
.channel-whats-on .seldon-recs .section-theme, .publication-theme .channel-whats-on .seldon-recs .section-theme {
color: #626262 !important
}
.channel-whats-on .section-theme-gradient, .publication-theme .channel-whats-on .section-theme-gradient {
background: #840E83 !important;
background: transparent linear-gradient(to right bottom, rgba(132, 14, 131, 0.7) 49%, #840e83 50%) !important
}
.channel-whats-on .section-theme-border, .channel-whats-on .section-theme-inherit-border *:not([class*=section-theme-]), .publication-theme .channel-whats-on .section-theme-border, .publication-theme .channel-whats-on .section-theme-inherit-border *:not([class*=section-theme-]) {
border-color: #840E83 !important
}
.channel-whats-on .section-theme-button, .publication-theme .channel-whats-on .section-theme-button {
background-color: #840E83 !important;
border-color: #840E83 !important
}
.channel-whats-on .section-theme-button:hover, .publication-theme .channel-whats-on .section-theme-button:hover {
background-color: #fff !important;
border-color: #E0E0E0 !important;
color: #840E83 !important
}
.channel-whats-on .opta-score .Opta-Team-Score, .publication-theme .channel-whats-on .opta-score .Opta-Team-Score {
background-color: #840E83 !important
}
.channel-whats-on .opta-cricket .Opta-MatchHeader, .publication-theme .channel-whats-on .opta-cricket .Opta-MatchHeader {
border-top: 4px solid #840E83
}
.channel-whats-on .opta-cricket .Opta-CricketInningsBreakdown .Opta-Team, .publication-theme .channel-whats-on .opta-cricket .Opta-CricketInningsBreakdown .Opta-Team {
background-color: #840E83 !important
}
.channel-whats-on .opta-cricket .Opta-scorecard .Opta-On a, .publication-theme .channel-whats-on .opta-cricket .Opta-scorecard .Opta-On a {
background-color: #840E83 !important
}
.channel-whats-on .opta-cricket .Opta-batting thead th, .channel-whats-on .opta-cricket .Opta-bowling thead th, .channel-whats-on .opta-cricket .Opta-fall-of-wickets thead th, .publication-theme .channel-whats-on .opta-cricket .Opta-batting thead th, .publication-theme .channel-whats-on .opta-cricket .Opta-bowling thead th, .publication-theme .channel-whats-on .opta-cricket .Opta-fall-of-wickets thead th {
border-top: 4px solid #840E83 !important
}
.channel-whats-on .opta-cricket .Opta-Ranking-Bars div, .publication-theme .channel-whats-on .opta-cricket .Opta-Ranking-Bars div {
background-color: #840E83 !important;
border-color: #840E83 !important
}
.channel-whats-on .live-event-entry[data-type='key-event'], .publication-theme .channel-whats-on .live-event-entry[data-type='key-event'] {
border-bottom: 6px solid #840E83;
border-left: 1px solid rgba(132, 14, 131, 0.15);
border-right: 1px solid rgba(132, 14, 131, 0.15)
}
.channel-whats-on .live-event-entry[data-type='key-event'] .entry-info, .publication-theme .channel-whats-on .live-event-entry[data-type='key-event'] .entry-info {
background: #840E83
}
.channel-whats-on .live-event-entry[data-type='key-event'] .entry-content, .publication-theme .channel-whats-on .live-event-entry[data-type='key-event'] .entry-content {
background: rgba(132, 14, 131, 0.03)
}
.channel-whats-on .video-icon:before, .publication-theme .channel-whats-on .video-icon:before {
border-left-color: #840E83 !important
}
.publication-theme {
color: #626262 !important
}
.publication-theme-background-with-transparency {
background: rgba(98, 98, 98, 0.12) !important
}
.publication-theme-highlight {
background-color: #626262 !important;
color: #fff
}
.publication-theme-indicator:before, .publication-theme-indicator:after {
color: #626262 !important
}
.publication-theme-background-indicator:before, .publication-theme-background-indicator:after, .publication-theme-inherit-background-indicator *:not([class*=publication-theme-]):before, .publication-theme-inherit-background-indicator *:not([class*=publication-theme-]):after {
background: #626262 !important
}
.publication-theme-gradient {
background: #626262 !important;
background: transparent linear-gradient(to right bottom, rgba(98, 98, 98, 0.7) 49%, #626262 50%) !important;
color: #fff
}
.publication-theme-border, .publication-theme-border:before, .publication-theme-inherit-border *:not([class*=publication-theme-]) {
border-color: #626262 !important
}
.publication-theme-button {
background-color: #626262 !important;
border: 2px solid #626262 !important;
color: #fff
}
.publication-theme-button:hover {
background-color: #fff !important;
border-color: #E0E0E0 !important;
color: #626262 !important
}
.publication-theme-button-highlight {
background-color: #fff;
border-color: #E0E0E0
}
.publication-theme-button-highlight:hover {
background-color: #626262 !important;
border-color: #626262 !important;
color: #fff
}
.publication-theme-hover:hover {
color: #626262 !important
}
.publication-theme-icon:before {
content: '';
height: 25px;
left: 0;
position: absolute;
top: 0;
width: 25px
}
.publication-theme .section-theme {
color: #626262 !important
}
.publication-theme .section-theme-background-with-transparency {
background: rgba(98, 98, 98, 0.12) !important
}
.publication-theme .section-theme-highlight {
background-color: #626262 !important;
color: #fff
}
.publication-theme .section-theme-indicator:before, .publication-theme .section-theme-indicator:after {
color: #626262 !important
}
.publication-theme .section-theme-background-indicator:before, .publication-theme .section-theme-background-indicator:after, .publication-theme .section-theme-inherit-background-indicator *:not([class*=section-theme-]):before, .publication-theme .section-theme-inherit-background-indicator *:not([class*=section-theme-]):after {
background: #626262 !important
}
.publication-theme .section-theme-gradient {
background: #626262 !important;
background: transparent linear-gradient(to right bottom, rgba(98, 98, 98, 0.7) 49%, #626262 50%) !important;
color: #fff
}
.publication-theme .section-theme-border, .publication-theme .section-theme-border:before, .publication-theme .section-theme-inherit-border *:not([class*=section-theme-]) {
border-color: #626262 !important
}
.publication-theme .section-theme-button {
background-color: #626262 !important;
border: 2px solid #626262 !important;
color: #fff
}
.publication-theme .section-theme-button:hover {
background-color: #fff !important;
border-color: #E0E0E0 !important;
color: #626262 !important
}
.publication-theme .section-theme-button-highlight {
background-color: #fff;
border-color: #E0E0E0
}
.publication-theme .section-theme-button-highlight:hover {
background-color: #626262 !important;
border-color: #626262 !important;
color: #fff
}
.publication-theme .section-theme-hover:hover {
color: #626262 !important
}
#logo {
height: 50px;
width: 150px;
background-size: 100% 100%
}
@media all and (min-width: 728px) {
#logo {
height: 60px;
width: 180px
}
}
@media all and (min-width: 1024px) {
#logo {
height: 70px;
width: 210px
}
}
@media all and (min-width: 1240px) {
#logo {
height: 80px;
width: 240px
}
}
.static-content a {
color: #626262
}
.mod-video .suggested-video-failed .suggested-text {
color: #626262
}
.mod-video .vjs-control-bar:not(.vjs-ad-control-bar) .vjs-progress-control .vjs-play-progress, .mod-video .vjs-control-bar:not(.vjs-ad-control-bar) .vjs-volume-level {
background-color: #626262
}
.article-body p a, .article-body li a, .article-body h1 a, .article-body h2 a, .article-body h3 a, .article-body h4 a, .article-body h5 a, .article-body h6 a, .article-body b a, .article-body i a, .article-body strong a {
color: #626262
}
.article-body > a {
color: #626262
}
.chart-container .number-statistic.default {
background-color: #626262
}
.pagination ul li a {
color: #626262
}
.section-head.section-info a, .section-head.section-info p:first-child a {
color: #626262
}
.pagination ul li.active a, .pagination ul li a:hover {
background-color: #626262;
color: #fff
}
.topic-more-on a {
color: #626262 !important
}
.teaser {
font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 400;
box-sizing: border-box;
overflow: hidden;
vertical-align: top
}
.teaser figure {
margin-bottom: 0;
width: 40%
}
.teaser figure .sponsored {
font-family: 'Maven Pro', sans-serif;
font-size: 9px;
font-weight: 400;
background: #626262;
color: #fff;
display: inline-block;
font-weight: 700;
left: 0;
letter-spacing: 1px;
padding: 5px;
position: absolute;
text-transform: uppercase;
top: 5px;
width: auto
}
.teaser figure .video-icon {
background-color: #fff;
border-radius: 50%;
bottom: 10px;
pointer-events: none;
position: absolute;
right: 10px
}
.teaser figure .video-icon:before {
border-top-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
border-left-color: #626262;
border-style: solid;
content: '';
display: block;
height: 0;
margin-left: 40%;
margin-top: 30%;
width: 0
}
.teaser figure .video-icon {
height: 30px;
width: 30px
}
.teaser figure .video-icon:before {
border-width: 7px 0 7px 9px
}
.teaser figure .gallery-icon {
background-color: #fff;
border-radius: 50%;
bottom: 10px;
pointer-events: none;
position: absolute;
right: 10px
}
.teaser figure .gallery-icon:before {
content: ""
}
.teaser figure .gallery-icon:before {
display: block;
font-family: 'icomoon';
left: 50%;
position: absolute;
top: 50%;
transform: translate(-53%, -44%)
}
.teaser figure .gallery-icon {
height: 30px;
width: 30px
}
.teaser figure .gallery-icon:before {
font-size: 20px
}
.teaser .inner {
padding-left: 12px;
width: 60%
}
.teaser strong {
height: auto;
line-height: 1.35
}
.teaser .mod-image[data-initialized] img:hover {
opacity: .9
}
.teaser figure {
float: left
}
.teaser figure img {
display: block;
width: 100%;
max-width:100%;
}
.tab_content .teaser figure img {
display: block;
width: 100%;
height:80px;
}
.teaser figure .advertising-shopwindow-content .logo {
background-position: center center;
background-size: 100% auto;
bottom: 9px;
height: 25px;
left: 0;
margin: 0;
opacity: .85;
padding: 1px 0 0 20px;
pointer-events: none;
position: absolute;
width: 65px
}
.teaser.social figure {
height:120px;
}
.teaser.teaser-wide figure,.teaser.teaser-featured figure {
/*height:400px;*/
height:auto;
}
.wipeout .teaser.teaser-highlight figure {
height:500px;
}
@media all and (max-width: 480px) {
.teaser figure {
height:128px;
}
.wipeout .teaser.teaser-highlight figure {
height: 300px;
}
}
@media all and (min-width: 728px) {
.teaser figure .advertising-shopwindow-content .logo {
height: 42px;
width: 112px
}
}
@media all and (max-width: 728px) {
.teaser figure {
height:100px;
}
.teaser.teaser-highlight figure {
height:258px;
}
}
.teaser .advertising-shopwindow-link a {
color: #494949;
display: block;
padding-bottom: 2px
}
.teaser .advertising-shopwindow-link a:before {
background-image: url("/@trinitymirrordigital/chameleon-partnership-widgets/img/outside-black.svg");
background-repeat: no-repeat;
background-size: 12px 12px;
content: '';
display: inline-block;
height: 12px;
margin-right: 5px;
width: 13px
}
.teaser .advertising-shopwindow-link a:hover {
text-decoration: none
}
.teaser[data-noimage] figure a {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.teaser[data-noimage] figure img {
visibility: hidden
}
.teaser[data-noimage] figure:before {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
content: 'IMAGE NOT AVAILABLE';
line-height: 1.3;
margin: 0;
text-align: center
}
.teaser .inner {
box-sizing: border-box;
float: left;
position: relative
}
.teaser em {
display: block;
font-size: 10px;
font-style: normal;
font-weight: 700;
letter-spacing: 1px;
line-height: 1.2;
margin-bottom: 5px;
text-transform: uppercase
}
.teaser em a {
color: #979797
}
.teaser em a:hover {
opacity: .95;
text-decoration: none
}
.teaser strong {
display: block;
font-weight: 600
}
@media all and (min-width: 728px) {
.teaser strong {
font-weight: 700
}
}
.teaser a {
color: #141414;
text-decoration: none
}
.teaser a:hover {
text-decoration: underline
}
.teaser span {
color: #979797;
display: none;
font-size: 12px;
height: 14px;
margin-top: 10px;
padding-left: 20px;
padding-top: 1px;
position: relative
}
.teaser span:before {
background: #F1F1F1;
border: solid 1px #E0E0E0;
font-size: 0;
height: 12px;
left: 0;
position: absolute;
top: 0;
width: 12px
}
.teaser .description {
display: none
}
.teaser .featured-image {
display: none
}
.teaser .date {
color: #979797;
float: left;
font-size: 11px;
letter-spacing: 1px;
margin-bottom: 0;
margin-top: 4px
}
@media all and (min-width: 728px) {
.teaser .date {
float: right;
margin-top: 10px
}
}
.teaser-highlight figure {
margin: 0;
width: 100%
}
.teaser-highlight figure .sponsored {
font-family: 'Maven Pro', sans-serif;
font-size: 9px;
font-weight: 400;
background: #626262;
color: #fff;
display: inline-block;
font-weight: 700;
left: 0;
letter-spacing: 1px;
padding: 5px;
position: absolute;
text-transform: uppercase;
top: 5px;
width: auto
}
.teaser-highlight .inner {
padding: 0;
width: 100%
}
.teaser-highlight em {
display: block;
height: 8px;
margin-bottom: 0;
width: 100%
}
.teaser-highlight em a {
display: inline-block;
margin: 0 12px;
padding: 8px 11px;
position: relative
}
.teaser-highlight em a {
top: -11px
}
.teaser-highlight strong {
font-size: 24px;
line-height: 1.15;
margin: 24px 12px 12px
}
.teaser-highlight .description {
line-height: 1.5
}
.teaser-highlight .description a:not([class^=section-theme]) {
color: #626262
}
.teaser-prominent {
background: #141414;
position: relative
}
.teaser-prominent figure {
margin: 0;
width: 100%
}
.teaser-prominent figure .sponsored {
font-family: 'Maven Pro', sans-serif;
font-size: 9px;
font-weight: 400;
background: #626262;
color: #fff;
display: inline-block;
font-weight: 700;
left: 0;
letter-spacing: 1px;
padding: 5px;
position: absolute;
text-transform: uppercase;
top: 5px;
width: auto
}
.teaser-prominent .inner {
padding: 0;
width: 100%
}
.teaser-prominent .inner {
background: linear-gradient(to bottom, rgba(20, 20, 20, 0) 0%, #141414 50%)
}
.teaser-prominent strong {
font-size: 22px;
line-height: 1.2
}
.teaser-prominent strong a:not([class^=section-theme]) {
color: #fff
}
.teaser-prominent .description {
display: none;
font-size: 16px;
line-height: 1.5;
margin-top: 16px
}
.teaser-prominent .description a:not([class^=section-theme]) {
color: #979797
}
.teaser-prominent.teaser-wide .description {
display: none
}
.teaser-prominent.teaser-wide .inner {
background: none
}
.teaser-featured {
padding-bottom: 70px
}
.teaser-featured figure .video-icon, .teaser-featured figure .gallery-icon {
top: 10px
}
@media all and (min-width: 1024px) {
.teaser-featured figure .video-icon, .teaser-featured figure .gallery-icon {
bottom: 10px;
top: inherit
}
}
.teaser-featured .inner {
bottom: 0;
left: 0;
padding: 60px 12px 20px;
position: absolute;
right: 0;
text-align: center
}
.teaser-featured em {
display: inline-block;
margin-bottom: 5px
}
.teaser-featured em a {
display: inline-block;
margin: 0 12px;
padding: 8px 11px;
position: relative
}
.teaser-featured em a {
color: #fff;
margin: 0
}
.teaser-wide em {
display: block;
height: 8px;
margin-bottom: 0;
width: 100%
}
.teaser-wide em a {
display: inline-block;
margin: 0 12px;
padding: 8px 11px;
position: relative
}
.teaser-wide em a {
top: -11px
}
.teaser-wide strong {
font-size: 24px;
line-height: 1.15;
margin: 24px 12px 12px
}
@media all and (min-width: 728px) {
.teaser:not([class*=teaser-]) figure {
margin: 0;
width: 100%
}
.teaser:not([class*=teaser-]) figure .sponsored {
font-family: 'Maven Pro', sans-serif;
font-size: 9px;
font-weight: 400;
background: #626262;
color: #fff;
display: inline-block;
font-weight: 700;
left: 0;
letter-spacing: 1px;
padding: 5px;
position: absolute;
text-transform: uppercase;
top: 5px;
width: auto
}
.teaser:not([class*=teaser-]) .inner {
padding: 0;
width: 100%
}
.teaser:not([class*=teaser-]) figure {
margin-bottom: 12px
}
.teaser:not([class*=teaser-]) strong {
line-height: 1.5
}
.teaser-highlight figure {
margin-bottom: 0
}
.teaser-prominent strong {
font-size: 32px
}
.teaser-featured figure:after {
bottom: 0;
content: '';
display: block;
height: 60px;
position: absolute;
width: 100%
}
.teaser-featured .inner {
padding: 60px 60px 20px
}
.teaser-wide figure {
float: right;
width: 66%
}
.teaser-wide .inner {
float: left;
width: 34%
}
.teaser-wide strong {
font-size: 28px;
margin: 0 12px 12px
}
.teaser-wide em {
height: auto
}
.teaser-wide em a {
margin: 12px 0 0;
top: 0
}
.teaser-wide .section-theme-highlight {
background: none !important;
color: #979797
}
[class*='channel-'] .teaser-wide .section-theme-highlight {
background: none !important;
color: #979797
}
}
@media all and (min-width: 1024px) {
.teaser-prominent {
padding-bottom: 0
}
.teaser-prominent .inner {
background: none
}
.teaser-prominent .description {
display: block
}
.teaser-featured {
padding-bottom: 0
}
.teaser-featured figure {
float: right;
margin: 0;
width: 55%
}
.teaser-featured .inner {
background: none;
float: left;
padding: 24px 24px 20px;
position: relative;
text-align: left;
width: 40%
}
.teaser-featured em {
margin-bottom: 12px
}
.teaser-featured em a {
margin: 0
}
.teaser-featured strong {
font-size: 26px;
font-weight: 500
}
.teaser-featured p {
display: block;
font-size: 16px;
margin-top: 20px
}
.teaser-featured .featured-image {
-webkit-filter: blur(8px);
display: block;
filter: blur(8px);
height: 100%;
left: 0;
opacity: .165;
position: absolute;
width: 100%
}
.teaser-highlight figure, .teaser-highlight em {
margin-left: 0;
width: 100%
}
.teaser-highlight em > a {
color: #fff;
margin-left: 20px
}
.teaser-highlight .description {
margin-top: 12px;
padding-left: 20px
}
.teaser-highlight strong {
font-size: 30px;
padding-left: 20px
}
.teaser-wide strong {
font-size: 24px
}
}
@media all and (min-width: 1240px) {
.teaser-prominent .description {
font-size: 17px
}
.teaser-featured .inner {
padding-top: 60px
}
.teaser-featured strong {
font-size: 32px
}
.teaser-wide em a {
padding-left: 18px
}
.teaser-wide strong {
font-size: 29px;
font-weight: 500;
margin: 0 18px 18px
}
}
.premium-banner {
color: #fff;
font-size: 11px;
font-weight: 600;
height: 20px;
left: 0;
line-height: 2;
margin-top: 5px;
min-width: 100px;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 0;
width: auto
}
@media all and (min-width: 728px) {
.premium-banner {
font-size: 12px;
line-height: 1.8;
margin-top: 10px
}
}
.base-layout .teaser {
font-size: 13px
}
.base-layout .teaser figure {
margin-bottom: 0;
width: 50%
}
.base-layout .teaser figure .sponsored {
font-family: 'Maven Pro', sans-serif;
font-size: 9px;
font-weight: 400;
background: #626262;
color: #fff;
display: inline-block;
font-weight: 700;
left: 0;
letter-spacing: 1px;
padding: 5px;
position: absolute;
text-transform: uppercase;
top: 5px;
width: auto
}
.base-layout .teaser .inner {
padding-left: 12px;
width: 50%
}
.base-layout .teaser-highlight figure {
margin: 0;
width: 100%
}
.base-layout .teaser-highlight figure .sponsored {
font-family: 'Maven Pro', sans-serif;
font-size: 9px;
font-weight: 400;
background: #626262;
color: #fff;
display: inline-block;
font-weight: 700;
left: 0;
letter-spacing: 1px;
padding: 5px;
position: absolute;
text-transform: uppercase;
top: 5px;
width: auto
}
.base-layout .teaser-highlight .inner {
padding: 0;
width: 100%
}
.live-tag {
font-family: 'Maven Pro', sans-serif;
font-size: 13px;
font-weight: 400;
background: gold;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
letter-spacing: 1px;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 0;
z-index: 1
}
.live-tag {
font-size: 13px;
padding: 6px 60px;
left: 0;
right: auto;
transform: rotate(-45deg) translate(-50%, 13px);
transform-origin: left top
}
.teaser.teaser-opinion {
position: relative
}
.teaser.teaser-opinion *, .teaser.teaser-opinion *:before, .teaser.teaser-opinion *:after {
box-sizing: border-box
}
.teaser.teaser-opinion p {
display: inline-block;
float: left;
margin-top: 10px
}
.teaser.teaser-opinion p a {
color: #fff;
display: inline-block;
padding: 8px 11px;
text-decoration: none
}
.teaser.teaser-opinion .author a {
font-family: 'Maven Pro', sans-serif;
font-size: 13px;
font-weight: 400;
}
.teaser.teaser-opinion .inner {
padding: 0;
width: 100%
}
.teaser.teaser-opinion h2 {
float: left;
padding: 20px 15px 15px
}
.teaser.teaser-opinion h2 a {
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 16px;
font-weight: 400;
font-style: italic;
color: #494949;
float: left;
line-height: 24px
}
.teaser.teaser-opinion h2:before {
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 60px;
font-weight: 400;
font-style: italic;
color: #494949;
content: '\2018\2018';
float: left;
height: 10px;
line-height: 30px;
position: relative;
right: 5px;
width: 100%
}
.teaser.teaser-opinion figure {
display: none
}
.teaser.teaser-opinion img {
filter: grayscale(1)
}
.teaser.teaser-opinion .comments-count {
bottom: 10px;
display: block;
position: absolute;
right: 10px
}
@media all and (min-width: 728px) {
.teaser.teaser-opinion {
position: relative
}
.teaser.teaser-opinion h2 {
float: right;
width: calc(100% - 70px)
}
.teaser.teaser-opinion h2 a {
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 18px;
font-weight: 400;
font-style: italic;
line-height: 28px
}
.teaser.teaser-opinion figure {
background-color: transparent;
bottom: 0;
display: inline-block;
height: 60px;
left: 0;
position: absolute;
width: 60px
}
.teaser.teaser-opinion figure:before {
display: none
}
.teaser.teaser-opinion .comments-count {
right: 15px;
top: 0
}
}
@media all and (min-width: 1024px) {
.teaser.teaser-opinion h2 {
height: 90px;
overflow: hidden
}
.teaser.teaser-opinion figure {
height: 80px;
width: 80px
}
.teaser.teaser-opinion .inner {
padding-bottom: 10px
}
}
@media all and (min-width: 1240px) {
.teaser.teaser-opinion {
border-bottom: 4px solid #494949;
height: 310px
}
.teaser.teaser-opinion p {
display: block;
width: 100%
}
.teaser.teaser-opinion h2 {
height: 140px;
overflow: hidden;
width: 100%
}
.teaser.teaser-opinion figure {
width: 30%
}
.teaser.teaser-opinion .comments-count {
bottom: 15px;
right: 15px;
top: auto
}
}
.comments-count {
display: none;
margin-top: 0
}
.comments-count .count-number {
font-family: 'Maven Pro', sans-serif;
font-size: 12px;
font-weight: 400;
color: #979797;
display: block;
letter-spacing: 1px;
padding: 0 0 0 22px
}
.comments-count .count-number:before {
background: none;
border: 0;
content: '\e90e';
font-family: icomoon;
font-size: 16px;
height: 16px;
left: 0;
position: absolute;
top: -1px;
width: 16px
}
.comments-count a:hover {
text-decoration: none
}
@media all and (min-width: 728px) {
.comments-count {
display: inline-block
}
}
.mod-pancakes {
overflow: hidden
}
.mod-pancakes section {
clear: both;
overflow: hidden;
width: 100%
}
.mod-pancakes .primary {
box-sizing: border-box;
width: 100%
}
.mod-pancakes .show-more {
margin-bottom: 48px;
overflow: hidden;
position: relative;
text-align: center
}
.mod-pancakes .show-more:before, .mod-pancakes .show-more:after {
background: #F1F1F1;
content: '';
height: 2px;
left: 0;
margin-top: -1px;
position: absolute;
top: 50%;
width: 100%;
z-index: 1
}
.mod-pancakes .show-more.loading:after {
animation: show-more-loading 3s linear;
background: #626262;
z-index: 2
}
.mod-pancakes .show-more.loading a {
background: #fff;
border-color: #F1F1F1;
color: #626262;
cursor: default
}
.mod-pancakes .show-more a {
border-radius: 30px;
font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 400;
background: #626262;
border-color: #626262;
border-style: solid;
border-width: 2px;
box-sizing: border-box;
color: #fff;
display: inline-block;
margin: 0 auto;
padding: 12px 34px;
position: relative;
text-decoration: none;
transition: background 400ms ease-in-out 0s, border 400ms ease-in-out 0s;
z-index: 3
}
.mod-pancakes .show-more a:hover {
background: #fff;
border-color: #F1F1F1;
color: #626262
}
.mod-pancakes .show-more a:before {
content: ' + '
}
.pancake {
font-size: 0;
overflow: hidden
}
.pancake > div {
vertical-align: top
}
.pancake > div:not(.pancake) {
margin: 0 12px 18px
}
@media all and (min-width: 728px) {
.pancake > div:not(.pancake) {
margin: 0 16px 32px
}
}
@media all and (min-width: 1024px) {
.mod-pancakes .primary {
float: left;
padding-right: 19px;
position: relative;
width: calc(100% - 351px)
}
.mod-pancakes .primary:after {
background: #F1F1F1;
box-sizing: border-box;
content: '';
height: calc(100% - 48px);
position: absolute;
right: 0;
top: 0;
width: 3px
}
.mod-pancakes .secondary {
display: block;
float: left;
padding-left: 16px;
width: 332px
}
.mod-pancakes .secondary > *:not(:empty) {
margin-bottom: 48px
}
.pancake > div:not(.pancake) {
/*margin: 0 16px 48px
margin: 0 16px 15px*/
margin: 0 0px 15px 15px;
}
}
@media all and (min-width: 1240px) {
.mod-pancakes > section > .pancake {
margin: 0 auto;
width: 1208px
}
.mod-pancakes > .primary {
margin-left: calc((100% - 1240px) / 2 + 16px);
width: 860px
}
}
.base-layout .pancake > div {
border-bottom: 2px solid #F1F1F1;
margin: 0 12px 12px;
padding: 0 0 12px;
width: calc(100% - 32px);
width: auto
}
.pancake.solo .video-icon {
height: 40px;
width: 40px
}
.pancake.solo .video-icon:before {
border-width: 9px 0 9px 12px
}
@media all and (min-width: 728px) {
.pancake.solo {
margin-left: 16px;
margin-right: 16px
}
.pancake.solo .video-icon {
height: 50px;
width: 50px
}
.pancake.solo .video-icon:before {
border-width: 11px 0 11px 15px
}
.pancake.solo .gallery-icon {
height: 50px;
width: 50px
}
.pancake.solo .gallery-icon:before {
font-size: 32px
}
}
@media all and (min-width: 1024px) {
.pancake.solo {
margin-left: 0;
margin-right: 0;
width: 100%
}
}
.pancake.solo > div {
margin-left: 0;
margin-right: 0
}
.pancake.solo.wide [data-mod='image'], .pancake.solo.wide .mod-image {
background-color: #3A3A3A;
color: #626262
}
.pancake.solo.wide > div {
background-color: #2C2C2C
}
@media all and (min-width: 1024px) {
.pancake.solo.wide > div {
margin-left: 16px;
margin-right: 16px
}
}
.pancake.solo.wide .comments-count {
display: block;
margin-bottom: 10px;
margin-left: 12px
}
@media all and (min-width: 1240px) {
.pancake.solo.wide .comments-count {
margin-left: 18px
}
}
.pancake.solo.wide .comments-count .count-number {
color: #fff
}
.pancake.solo.wide em a {
color: #fff
}
@media all and (min-width: 728px) {
.pancake.solo.wide em a {
color: #979797
}
}
.pancake.solo.featured [data-mod='image'], .pancake.solo.featured .mod-image {
background-color: transparent;
color: #626262
}
@media all and (min-width: 1240px) {
.pancake.solo.featured {
margin-left: 0;
margin-right: 0;
width: 100%
}
}
@media all and (min-width: 1240px) {
.pancake.solo.featured > div {
padding: 0 calc((100% - 1240px) / 2)
}
}
.pancake.solo.featured .comments-count .count-number {
color: #fff
}
.pancake.solo.splash [data-mod='image'], .pancake.solo.splash .mod-image {
background-color: #3A3A3A;
color: #626262
}
@media all and (min-width: 728px) {
.pancake.solo.splash {
margin-left: 0;
margin-right: 0
}
}
.pancake.solo.splash > div {
background: #2C2C2C;
margin-left: 0;
margin-right: 0
}
@media all and (min-width: 728px) {
.pancake.solo.splash > div {
margin-left: 16px;
margin-right: 16px
}
}
.pancake.solo.splash em a {
color: #fff
}
@media all and (min-width: 728px) {
.pancake.solo.splash em a {
margin: 0 24px
}
}
.pancake.solo.splash strong {
font-size: 24px;
margin: 25px 12px 5px;
padding: 0
}
@media all and (min-width: 728px) {
.pancake.solo.splash strong {
font-size: 32px;
padding: 0 12px
}
}
@media all and (min-width: 1024px) {
.pancake.solo.splash strong {
font-size: 28px
}
}
@media all and (min-width: 1240px) {
.pancake.solo.splash strong {
font-size: 30px
}
}
.pancake.solo.splash strong a {
color: #fff
}
.pancake.solo.splash .description {
display: none;
margin-top: 7px;
padding: 0 24px 24px
}
@media all and (min-width: 728px) {
.pancake.solo.splash .description {
display: block
}
}
.pancake.solo.splash .description a {
color: #979797;
font-size: 16px
}
.pancake.solo.splash .description a:hover {
text-decoration: none
}
.pancake.solo.splash .comments-count {
display: block;
margin: 0 12px 18px
}
@media all and (min-width: 728px) {
.pancake.solo.splash .comments-count {
margin: 0 24px
}
}
.pancake.solo.splash .count-number {
color: #fff
}
.pancake.solo.splash .count-number:before {
color: #fff
}
.pancake.solo.wipeout [data-mod='image'], .pancake.solo.wipeout .mod-image {
background-color: #3A3A3A;
color: #626262
}
.pancake.solo.wipeout > div {
background: #2C2C2C;
font-size: 20px
}
@media all and (min-width: 1024px) {
.pancake.solo.wipeout > div {
margin-left: 16px;
margin-right: 16px;
text-align: center
}
}
.pancake.solo.wipeout .inner {
border-top-style: solid;
border-top-width: 8px
}
.pancake.solo.wipeout figure:not(.desktop) {
display: block
}
@media all and (min-width: 1024px) {
.pancake.solo.wipeout figure:not(.desktop) {
display: none
}
}
.pancake.solo.wipeout .desktop {
display: none
}
@media all and (min-width: 1024px) {
.pancake.solo.wipeout .desktop {
display: block
}
}
.pancake.solo.wipeout strong {
font-family: 'Maven Pro', sans-serif;
font-size: 36px;
font-weight: 400;
font-size: 24px;
line-height: 1.2;
margin: 18px 12px;
padding: 0
}
@media all and (min-width: 728px) {
.pancake.solo.wipeout strong {
font-size: 32px;
margin: 18px 24px 0
}
}
@media all and (min-width: 1024px) {
.pancake.solo.wipeout strong {
font-size: 32px;
margin: 24px 24px 18px
}
}
@media all and (min-width: 1240px) {
.pancake.solo.wipeout strong {
font-size: 36px;
margin: 24px 48px 18px
}
}
.pancake.solo.wipeout strong a {
color: #fff
}
.pancake.solo.wipeout em a {
display: none
}
.pancake.solo.wipeout .comments-count {
display: none
}
.pancake.solo.wipeout a {
color: #979797
}
.pancake.solo.wipeout p {
display: block;
font-size: 18px;
line-height: 1.4;
margin: 18px 12px
}
@media all and (min-width: 728px) {
.pancake.solo.wipeout p {
font-size: 20px;
margin: 24px
}
}
@media all and (min-width: 1024px) {
.pancake.solo.wipeout p {
margin: 24px 48px
}
}
.pancake.solo.wipeout ul {
margin: 18px 12px
}
@media all and (min-width: 728px) {
.pancake.solo.wipeout ul {
margin: 24px
}
}
@media all and (min-width: 1024px) {
.pancake.solo.wipeout ul {
margin: 24px 48px
}
}
.pancake.solo.wipeout li {
font-size: 18px;
list-style: none;
margin-bottom: 8px;
padding-left: 18px;
position: relative
}
@media all and (min-width: 728px) {
.pancake.solo.wipeout li {
font-size: 20px;
padding-left: 22px
}
.pancake.solo.wipeout li:before {
height: 12px;
width: 12px
}
}
@media all and (min-width: 1024px) {
.pancake.solo.wipeout li {
display: inline-block;
margin-right: 18px
}
.pancake.solo.wipeout li:last-child {
margin-right: 0
}
}
.pancake.solo.wipeout li:last-child {
margin-bottom: 0
}
.pancake.solo.wipeout li:before {
border-radius: 100%;
content: '';
height: 10px;
left: 0;
position: absolute;
top: 6px;
width: 10px
}
@media all and (min-width: 728px) {
:not(.base-layout) > section .duet .video-icon {
height: 40px;
width: 40px
}
:not(.base-layout) > section .duet .video-icon:before {
border-width: 9px 0 9px 12px
}
:not(.base-layout) > section .duet .gallery-icon {
height: 40px;
width: 40px
}
:not(.base-layout) > section .duet .gallery-icon:before {
font-size: 27px
}
:not(.base-layout) > section .duet > div {
/* width: calc(50% - 32px);*/
width: calc(50% - 23px);
display: inline-block;
font-size: 17px
}
}
@media all and (min-width: 1024px) {
:not(.base-layout) > section .duet .teaser {
font-size: 16px
}
}
@media all and (min-width: 1240px) {
:not(.base-layout) > section .duet .teaser {
font-size: 18px
}
}
.base-layout .duet .social .comments-count {
display: none
}
.base-layout .duet .teaser.social {
border-bottom: 0 transparent;
font-size: 14px;
margin: 0 12px 18px;
padding: 0
}
.base-layout .duet .teaser.social figure {
margin-bottom: 0;
width: 40%
}
.base-layout .duet .teaser.social figure .sponsored {
font-family: 'Maven Pro', sans-serif;
font-size: 9px;
font-weight: 400;
background: #626262;
color: #fff;
display: inline-block;
left: 0;
letter-spacing: 1px;
padding: 5px;
position: absolute;
text-transform: uppercase;
top: 5px;
width: auto
}
.base-layout .duet .teaser.social figure .video-icon {
background-color: #fff;
border-radius: 50%;
bottom: 10px;
pointer-events: none;
position: absolute;
right: 10px
}
.base-layout .duet .teaser.social figure .video-icon:before {
border-top-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
border-left-color: #626262;
border-style: solid;
content: '';
display: block;
height: 0;
margin-left: 40%;
margin-top: 30%;
width: 0
}
.base-layout .duet .teaser.social figure .video-icon {
height: 30px;
width: 30px
}
.base-layout .duet .teaser.social figure .video-icon:before {
border-width: 7px 0 7px 9px
}
.base-layout .duet .teaser.social figure .gallery-icon {
background-color: #fff;
border-radius: 50%;
bottom: 10px;
pointer-events: none;
position: absolute;
right: 10px
}
.base-layout .duet .teaser.social figure .gallery-icon:before {
content: ""
}
.base-layout .duet .teaser.social figure .gallery-icon:before {
display: block;
font-family: 'icomoon';
left: 50%;
position: absolute;
top: 50%;
transform: translate(-53%, -44%)
}
.base-layout .duet .teaser.social figure .gallery-icon {
height: 30px;
width: 30px
}
.base-layout .duet .teaser.social figure .gallery-icon:before {
font-size: 20px
}
.base-layout .duet .teaser.social .inner {
padding-left: 12px;
width: 60%
}
.base-layout .duet .teaser.social strong {
height: auto;
line-height: 1.35
}
@media all and (min-width: 728px) and (max-width: 1024px) {
.base-layout .duet .teaser.social .video-icon {
height: 40px;
width: 40px
}
.base-layout .duet .teaser.social .video-icon:before {
border-width: 9px 0 9px 12px
}
.base-layout .duet .teaser.social .gallery-icon {
height: 40px;
width: 40px
}
.base-layout .duet .teaser.social .gallery-icon:before {
font-size: 27px
}
}
@media all and (min-width: 728px) {
.base-layout .duet .teaser.social {
width: calc(50% - 32px);
border-bottom: 0 transparent;
display: inline-block;
font-size: 17px;
margin: 0 16px 48px
}
.base-layout .duet .teaser.social figure {
margin: 0;
width: 100%
}
.base-layout .duet .teaser.social figure .sponsored {
font-family: 'Maven Pro', sans-serif;
font-size: 9px;
font-weight: 400;
background: #626262;
color: #fff;
display: inline-block;
font-weight: 700;
left: 0;
letter-spacing: 1px;
padding: 5px;
position: absolute;
text-transform: uppercase;
top: 5px;
width: auto
}
.base-layout .duet .teaser.social .inner {
padding: 0;
width: 100%
}
.base-layout .duet .teaser.social figure {
margin-bottom: 12px
}
.base-layout .duet .teaser.social em {
display: block
}
.base-layout .duet .teaser.social strong {
font-weight: 700
}
}
@media all and (min-width: 1024px) {
.base-layout .duet .teaser.social {
width: calc(100% - 32px);
border-bottom: 2px solid #F1F1F1;
font-size: 13.5px;
margin: 0 16px 12px;
padding: 0 0 12px
}
.base-layout .duet .teaser.social figure {
margin-bottom: 0;
width: 52%
}
.base-layout .duet .teaser.social figure .sponsored {
font-family: 'Maven Pro', sans-serif;
font-size: 9px;
font-weight: 400;
background: #626262;
color: #fff;
display: inline-block;
font-weight: 700;
left: 0;
letter-spacing: 1px;
padding: 5px;
position: absolute;
text-transform: uppercase;
top: 5px;
width: auto
}
.base-layout .duet .teaser.social .inner {
padding-left: 12px;
width: 48%
}
.base-layout .duet .teaser.social em {
display: none
}
}
@media all and (min-width: 1240px) {
.base-layout .duet .teaser.social figure {
margin-bottom: 0;
width: 58%
}
.base-layout .duet .teaser.social figure .sponsored {
font-family: 'Maven Pro', sans-serif;
font-size: 9px;
font-weight: 400;
background: #626262;
color: #fff;
display: inline-block;
font-weight: 700;
left: 0;
letter-spacing: 1px;
padding: 5px;
position: absolute;
text-transform: uppercase;
top: 5px;
width: auto
}
.base-layout .duet .teaser.social .inner {
padding-left: 12px;
width: 42%
}
}
@media all and (min-width: 728px) {
:not(.base-layout) > .quartet .video-icon {
height: 40px;
width: 40px
}
:not(.base-layout) > .quartet .video-icon:before {
border-width: 9px 0 9px 12px
}
:not(.base-layout) > .quartet .gallery-icon {
height: 40px;
width: 40px
}
:not(.base-layout) > .quartet .gallery-icon:before {
font-size: 27px
}
:not(.base-layout) > .quartet.opinion {
margin-bottom: 16px
}
:not(.base-layout) > .quartet.opinion > div {
width: calc(100% - 32px);
display: inline-block;
margin: 0 16px 16px
}
:not(.base-layout) > .quartet > div {
width: calc(25% - 19px);
display: inline-block
}
}
@media all and (min-width: 1024px) {
:not(.base-layout) > .quartet.opinion {
margin-bottom: 32px
}
:not(.base-layout) > .quartet.opinion > div {
width: calc(50% - 32px)
}
:not(.base-layout) > .quartet .teaser {
font-size: 16px
}
}
@media all and (min-width: 1240px) {
:not(.base-layout) > .quartet.opinion > div {
width: calc(25% - 32px)
}
}
.pancake.ensemble h3 {
margin: 12px
}
.pancake.ensemble h3 > a {
font-size: 26px;
color: #141414;
padding-bottom: 6px;
text-decoration: none;
text-transform: uppercase
}
@media all and (min-width: 728px) and (max-width: 1024px) {
.pancake.ensemble h3 > a {
font-size: 28px
}
}
@media all and (min-width: 1024px) {
.pancake.ensemble h3 > a {
font-size: 30px
}
}
@media all and (min-width: 1240px) {
.pancake.ensemble h3 > a {
font-size: 32px
}
}
.pancake.ensemble h3 > a:after {
content: "";
display: inline-block;
font-family: 'icomoon';
font-size: 17px;
margin: 0 0 6px 6px;
vertical-align: middle
}
.pancake.ensemble > .pancake {
padding: 0
}
.pancake.ensemble > .pancake .comments-count {
display: none
}
.pancake.ensemble div.teaser-highlight {
margin-left: 0;
margin-right: 0
}
.pancake.ensemble div.teaser-highlight .video-icon {
height: 40px;
width: 40px
}
.pancake.ensemble div.teaser-highlight .video-icon:before {
border-width: 9px 0 9px 12px
}
.pancake.ensemble div.teaser-highlight .gallery-icon {
height: 40px;
width: 40px
}
.pancake.ensemble div.teaser-highlight .gallery-icon:before {
font-size: 27px
}
.pancake.ensemble div.teaser-highlight .comments-count {
display: block;
margin-left: 12px
}
.pancake.ensemble div.teaser-highlight em a {
color: #fff
}
:not(.base-layout) .pancake.ensemble {
margin-bottom: 12px
}
@media all and (min-width: 728px) and (max-width: 1024px) {
.pancake.ensemble > .pancake .video-icon, .related-column .pancake.ensemble .teaser-highlight .video-icon {
height: 40px;
width: 40px
}
.pancake.ensemble > .pancake .video-icon:before, .related-column .pancake.ensemble .teaser-highlight .video-icon:before {
border-width: 9px 0 9px 12px
}
.pancake.ensemble > .pancake .gallery-icon, .related-column .pancake.ensemble .teaser-highlight .gallery-icon {
height: 40px;
width: 40px
}
.pancake.ensemble > .pancake .gallery-icon:before, .related-column .pancake.ensemble .teaser-highlight .gallery-icon:before {
font-size: 27px
}
:not(.base-layout) .pancake.ensemble {
margin-bottom: 16px
}
}
@media all and (min-width: 1024px) {
.related-column .pancake.ensemble .teaser-highlight .video-icon {
height: 30px;
width: 30px
}
.related-column .pancake.ensemble .teaser-highlight .video-icon:before {
border-width: 7px 0 7px 9px
}
.related-column .pancake.ensemble .teaser-highlight .gallery-icon {
height: 30px;
width: 30px
}
.related-column .pancake.ensemble .teaser-highlight .gallery-icon:before {
font-size: 20px
}
:not(.base-layout) .pancake.ensemble {
margin-bottom: 32px
}
}
@media all and (min-width: 728px) {
.pancake.ensemble h3 {
margin: 12px 16px
}
.pancake.ensemble div.teaser-highlight {
margin-left: 16px;
margin-right: 16px
}
.pancake.ensemble div.teaser-highlight .video-icon {
height: 50px;
width: 50px
}
.pancake.ensemble div.teaser-highlight .video-icon:before {
border-width: 11px 0 11px 15px
}
.pancake.ensemble div.teaser-highlight .gallery-icon {
height: 50px;
width: 50px
}
.pancake.ensemble div.teaser-highlight .gallery-icon:before {
font-size: 32px
}
.pancake.ensemble div.teaser-highlight strong {
margin-left: 0;
margin-right: 0
}
.pancake.ensemble div.teaser-highlight .comments-count {
display: block;
margin-left: 0
}
.pancake.ensemble > .pancake .comments-count {
display: block
}
.pancake.ensemble > .pancake > div {
width: calc(50% - 32px);
display: inline-block
}
.pancake.ensemble .teaser-highlight .description {
display: block
}
}
@media all and (min-width: 1024px) {
.pancake.ensemble > div {
width: calc(50% - 32px);
display: inline-block
}
.pancake.ensemble .teaser {
font-size: 16px
}
.pancake.ensemble > .pancake {
margin: 0 16px
}
.pancake.ensemble > .pancake > div {
border-bottom: 2px solid #F1F1F1;
margin: 0 12px 12px;
padding: 0 0 12px;
margin: 0 0 12px;
width: 100%
}
.pancake.ensemble > .pancake .teaser figure {
margin-bottom: 0;
width: 33%
}
.pancake.ensemble > .pancake .teaser figure .sponsored {
font-family: 'Maven Pro', sans-serif;
font-size: 9px;
font-weight: 400;
background: #626262;
color: #fff;
display: inline-block;
font-weight: 700;
left: 0;
letter-spacing: 1px;
padding: 5px;
position: absolute;
text-transform: uppercase;
top: 5px;
width: auto
}
.pancake.ensemble > .pancake .teaser .inner {
padding-left: 18px;
width: 67%
}
.pancake.ensemble > .pancake .teaser strong {
line-height: 1.4
}
.pancake.ensemble .teaser-highlight .comments-count {
margin-left: 0;
padding-left: 20px
}
.base-layout .ensemble > div {
width: 100%
}
}
@media all and (min-width: 1240px) {
.pancake.ensemble .teaser-highlight .comments-count {
padding-left: 20px
}
}
.mod-pancakes .section-head.channel-whats-on p:nth-child(2) a:after {
color: #840E83
}
.section-page .secondary .mod-pancakes section, .tag-page .secondary .mod-pancakes section, .topic-page .secondary .mod-pancakes section {
width: auto
}
.section-page #simple-wrapper, .tag-page #simple-wrapper, .topic-page #simple-wrapper {
margin-left: auto;
margin-right: auto;
overflow: hidden;
width: calc(100% - 24px)
}
.section-page #simple-wrapper section, .tag-page #simple-wrapper section, .topic-page #simple-wrapper section {
width: auto
}
.section-page .breadcrumbs, .tag-page .breadcrumbs, .topic-page .breadcrumbs {
display: block;
margin-left: 12px;
margin-right: 12px;
width: auto
}
.section-page .section-head .breadcrumbs, .section-page .tag-head .breadcrumbs, .section-page .topic-head .breadcrumbs, .tag-page .section-head .breadcrumbs, .tag-page .tag-head .breadcrumbs, .tag-page .topic-head .breadcrumbs, .topic-page .section-head .breadcrumbs, .topic-page .tag-head .breadcrumbs, .topic-page .topic-head .breadcrumbs {
margin-left: 0;
margin-right: 0
}
.section-head, .tag-head, .topic-head {
border-bottom: 2px solid #F1F1F1;
margin: 0 12px 24px;
overflow: hidden
}
.section-head .pinned-items, .tag-head .pinned-items, .topic-head .pinned-items {
display: inline-block;
margin-bottom: 20px
}
.section-head .pinned-items .pinned-item, .tag-head .pinned-items .pinned-item, .topic-head .pinned-items .pinned-item {
background-color: #fff;
border: 1px solid #E0E0E0;
border-radius: 30px;
display: inline;
float: left;
list-style-type: none;
margin-right: 5px;
margin-top: 5px;
padding: 4px 10px 6px;
transition: 200ms ease-in-out all
}
.section-head .pinned-items .pinned-item a, .tag-head .pinned-items .pinned-item a, .topic-head .pinned-items .pinned-item a {
font-family: 'Maven Pro', sans-serif;
font-size: 11px;
font-weight: 400;
font-weight: 700;
color: #E90E0E
}
.section-head .pinned-items .pinned-item:hover, .tag-head .pinned-items .pinned-item:hover, .topic-head .pinned-items .pinned-item:hover {
background-color: #E90E0E
}
.section-head .pinned-items .pinned-item:hover a, .tag-head .pinned-items .pinned-item:hover a, .topic-head .pinned-items .pinned-item:hover a {
color: #fff
}
.section-head time, .section-head .topic-intro .topic-intro-text time, .topic-intro .topic-intro-text .section-head time, .tag-head time, .tag-head .topic-intro .topic-intro-text time, .topic-intro .topic-intro-text .tag-head time, .topic-head time, .topic-head .topic-intro .topic-intro-text time, .topic-intro .topic-intro-text .topic-head time {
font-family: 'Maven Pro', sans-serif;
font-size: 10px;
font-weight: 400;
font-weight: 700;
color: #979797;
right: 8px
}
.section-head time:before, .section-head .topic-intro .topic-intro-text time:before, .topic-intro .topic-intro-text .section-head time:before, .tag-head time:before, .tag-head .topic-intro .topic-intro-text time:before, .topic-intro .topic-intro-text .tag-head time:before, .topic-head time:before, .topic-head .topic-intro .topic-intro-text time:before, .topic-intro .topic-intro-text .topic-head time:before {
content: 'UPDATED';
margin-right: 5px
}
.section-head .breadcrumbs, .tag-head .breadcrumbs, .topic-head .breadcrumbs {
display: block
}
.section-head h1, .tag-head h1, .topic-head h1 {
font-size: 34px;
color: #141414;
padding-bottom: 6px;
text-transform: uppercase
}
.section-head p, .tag-head p, .topic-head p {
font-family: 'Maven Pro', sans-serif;
font-size: 13px;
font-weight: 400
}
.section-head p:nth-child(1), .tag-head p:nth-child(1), .topic-head p:nth-child(1) {
margin-top: 0;
text-transform: uppercase
}
.section-head p:nth-child(1) a, .tag-head p:nth-child(1) a, .topic-head p:nth-child(1) a {
color: #979797
}
.section-head p:nth-child(1) strong, .tag-head p:nth-child(1) strong, .topic-head p:nth-child(1) strong {
color: #fff
}
.section-head p:nth-child(2), .tag-head p:nth-child(2), .topic-head p:nth-child(2) {
display: none
}
.section-head p:nth-child(2) a, .section-head p strong, .tag-head p:nth-child(2) a, .tag-head p strong, .topic-head p:nth-child(2) a, .topic-head p strong {
color: #fff
}
.section-head a, .tag-head a, .topic-head a {
text-decoration: none
}
.section-head a:hover, .tag-head a:hover, .topic-head a:hover {
opacity: .9
}
.section-head strong, .tag-head strong, .topic-head strong {
display: block;
margin-top: 5px
}
.section-head figure, .tag-head figure, .topic-head figure {
float: right;
width: 120px
}
.section-head .image-outer, .tag-head .image-outer, .topic-head .image-outer {
display: block
}
.section-head img, .tag-head img, .topic-head img {
border: 2px solid #fff;
display: block
}
.section-head time, .tag-head time, .topic-head time {
float: left;
margin-bottom: 8px
}
.section-head.section-info .topic-intro-text.full-text {
width: 100%
}
.section-head.section-info .topic-intro-text.with-image {
width: 100%
}
.section-head.section-info .mod-image {
line-height: 1.8;
margin: 20px 0
}
.section-head.section-info p {
font-size: 16px;
line-height: 1.8;
margin-bottom: 20px;
text-transform: none
}
.section-head.section-info p:first-child {
margin-top: 20px
}
.section-head.section-info p:first-child a {
color: #626262
}
.section-head.section-info p:nth-child(2) {
display: block
}
.section-head.section-info a {
color: #626262;
font-weight: bold;
text-decoration: underline
}
.section-head.section-info a:hover {
opacity: .75
}
.section-head.section-info strong {
color: #141414;
display: inline
}
.topic-intro {
background: #F1F1F1;
float: left;
padding: 12px;
position: relative
}
.topic-intro figure {
border: 1px solid #E0E0E0;
display: none;
float: left;
margin-right: 20px;
overflow: hidden;
padding: 6px;
width: 25%
}
.topic-intro figure.profile {
display: block;
float: right;
margin-left: 20px
}
.topic-intro figure img {
background: #fff;
border: 0;
box-sizing: border-box;
padding: 6px
}
.topic-intro .topic-intro-text {
float: left;
width: 100%
}
.topic-intro .topic-intro-text.profile {
float: none
}
.topic-intro .topic-intro-text p {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.6;
padding-bottom: 10px;
text-transform: inherit
}
.topic-intro .topic-intro-text .topic-more-on {
padding-bottom: 15px
}
.topic-intro .topic-intro-text .topic-more-on p {
display: inline
}
.topic-intro .topic-intro-text .topic-more-on a {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400;
color: #626262;
display: inline-block;
font-weight: bold
}
.topic-intro .topic-intro-text .topic-more-on a:after {
display: none
}
.topic-intro .topic-intro-text time {
bottom: 8px;
float: right;
position: absolute
}
.social-profile-links {
font-size: 15px;
font-weight: bold;
padding-top: 10px;
vertical-align: top
}
.social-profile-links ul {
display: inline-block;
list-style: none
}
.social-profile-links ul li {
float: left;
line-height: 28px;
margin-left: 10px
}
.social-profile-links ul li span {
font-family: 'Maven Pro', sans-serif;
font-size: 11px;
font-weight: 400;
font-weight: 700
}
.social-profile-links ul li a {
display: block;
font-family: icomoon;
height: 28px;
position: relative;
text-align: center;
width: 28px
}
.social-profile-links ul li:first-child {
margin-left: 0
}
.social-profile-links ul li.email-profile {
background: #141414;
border-radius: 16px
}
.social-profile-links ul li.email-profile a:before {
content: ""
}
.social-profile-links ul li.phone-profile span {
font-family: 'Maven Pro', sans-serif;
font-size: 11px;
font-weight: 400;
font-weight: 700;
margin-left: 25px;
padding-right: 10px
}
.social-profile-links ul li.phone-profile a {
font-family: 'Maven Pro', sans-serif;
font-size: 11px;
font-weight: 400;
font-weight: 700;
background: #fff;
color: #E90E0E;
text-align: left;
text-indent: inherit
}
.social-profile-links ul li.phone-profile a:before {
content: ""
}
.social-profile-links ul li.phone-profile a.show-phone {
border-radius: 20px
}
.social-profile-links ul li.phone-profile a.show-phone span {
margin-left: 15px
}
.social-profile-links ul li.phone-profile a.show-phone:hover {
background: #E90E0E
}
.social-profile-links ul li.phone-profile a.show-phone:hover:before {
color: #fff
}
.social-profile-links ul li.phone-profile a.show-phone:hover span {
color: #fff
}
.social-profile-links ul li.phone-profile a:before {
left: 9px;
position: relative;
top: 0
}
.social-profile-links ul li.phone-profile a:before:hover {
opacity: .9
}
.gsc-thumbnail-inside, .gsc-url-top {
padding-left: 0 !important
}
.gs-title {
height: auto !important;
line-height: 20px;
margin-bottom: 7px
}
@media all and (min-width: 728px) {
.section-page #simple-wrapper, .tag-head #simple-wrapper, .topic-page #simple-wrapper {
width: calc(100% - 32px)
}
.section-page .breadcrumbs, .tag-head .breadcrumbs, .topic-page .breadcrumbs {
margin-left: 16px;
margin-right: 16px
}
.section-head, .tag-head, .topic-head {
margin-left: 16px;
margin-right: 16px
}
.section-head h1, .tag-head h1, .topic-head h1 {
font-size: 40px
}
.topic-intro {
box-sizing: border-box;
padding: 24px 24px 18px;
width: 100%
}
.topic-intro figure {
display: inline-block
}
.topic-intro figure.profile {
float: left;
margin-right: 20px;
width: 16%
}
.topic-intro .topic-intro-text {
width: 69%
}
.topic-intro .topic-intro-text.profile {
float: left
}
.topic-intro .topic-intro-text p {
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 400
}
.social-profile-links ul li.phone-profile {
width: 5px
}
.social-profile-links ul li.phone-profile span {
font-size: 14px
}
.social-profile-links ul li.phone-profile a {
text-indent: inherit
}
.social-profile-links ul li.phone-profile a.show-phone span {
margin-left: 10px
}
.social-profile-links ul li.phone-profile a:before {
font-size: 14px;
left: 7px;
position: relative;
top: 0
}
.social-profile-links ul li.phone-profile a:before:hover {
opacity: .9
}
.section-head.section-info .topic-intro-text.with-image {
width: 80%
}
}
@media all and (min-width: 1024px) {
.section-page #simple-wrapper, .tag-page #simple-wrapper, .topic-page #simple-wrapper {
position: relative
}
.section-page #simple-wrapper:before, .tag-page #simple-wrapper:before, .topic-page #simple-wrapper:before {
background: #F1F1F1;
content: '';
height: 100%;
left: calc(100% - 300px - 32px - 3px);
position: absolute;
width: 3px
}
.section-page #simple-wrapper > .content, .tag-page #simple-wrapper > .content, .topic-page #simple-wrapper > .content {
float: left;
width: calc(100% - (300px + 3px + 64px))
}
.section-page #simple-wrapper > aside, .tag-page #simple-wrapper > aside, .topic-page #simple-wrapper > aside {
float: right;
width: 300px
}
.section-head p:nth-child(2), .tag-head p:nth-child(2), .topic-head p:nth-child(2) {
display: block;
font-size: 15px;
margin-top: 8px
}
.section-head p:nth-child(2) a, .tag-head p:nth-child(2) a, .topic-head p:nth-child(2) a {
display: block;
line-height: 1.3;
padding-right: 18px;
position: relative
}
.section-head p:nth-child(2) a:after, .tag-head p:nth-child(2) a:after, .topic-head p:nth-child(2) a:after {
content: '\00bb';
display: block;
font-weight: bold;
height: 12px;
position: absolute;
right: 0;
top: 0;
transition: right 200ms ease;
width: 12px
}
.section-head p:nth-child(2) a:hover:after, .tag-head p:nth-child(2) a:hover:after, .topic-head p:nth-child(2) a:hover:after {
right: -2px
}
.tag-head time {
float: right
}
.topic-intro figure {
width: 17%
}
.topic-intro figure.profile {
width: 10%
}
.topic-intro figure.profile + .topic-intro-text {
width: 79%
}
.social-profile-links ul li.phone-profile {
width: 5px
}
.social-profile-links ul li.phone-profile a {
text-indent: inherit
}
.social-profile-links ul li.phone-profile a:before {
font-size: 14px;
left: 7px;
position: relative;
top: 0
}
.social-profile-links ul li.phone-profile a:before:hover {
opacity: .9
}
}
@media all and (min-width: 1240px) {
main {
background-color: #fff
}
main.wraparound {
max-width: 1240px
}
.section-page #simple-wrapper, .tag-page #simple-wrapper, .topic-page #simple-wrapper {
width: calc(1240px - 64px)
}
.section-page .breadcrumbs, .tag-page .breadcrumbs, .topic-page .breadcrumbs {
margin-left: auto;
margin-right: auto;
width: calc(1240px - 64px)
}
.section-head, .tag-head, .topic-head {
margin-left: auto;
margin-right: auto;
width: calc(1240px - 64px)
}
.tag-head time {
float: right
}
.social-profile-links ul li.phone-profile {
width: 5px
}
.social-profile-links ul li.phone-profile span {
font-size: 14px
}
.social-profile-links ul li.phone-profile a {
text-indent: inherit
}
.social-profile-links ul li.phone-profile a:before {
font-size: 14px;
left: 7px;
position: relative;
top: 0
}
.social-profile-links ul li.phone-profile a:before:hover {
opacity: .9
}
}
.pagination {
background: #F1F1F1;
margin: 12px 0 0;
padding: 12px;
text-align: center
}
@media all and (min-width: 1024px) {
.pagination {
margin: 12px 16px
}
}
.pagination ul {
background: #fff;
border: 1px solid #E0E0E0;
border-radius: 5px;
display: inline-block;
font-size: 0;
list-style: none;
overflow: hidden
}
.pagination ul li {
border-right: 1px solid #E0E0E0;
display: inline-block;
font-size: 12px;
line-height: 13px
}
@media all and (min-width: 728px) {
.pagination ul li {
font-size: 14px
}
}
.pagination ul li:last-child {
border-right: 0 transparent
}
.pagination ul li.active a {
background: #626262;
color: #fff;
cursor: default
}
.pagination ul li a {
color: #626262;
display: block;
font-weight: 700;
padding: 12px;
text-decoration: none;
vertical-align: text-bottom
}
@media all and (min-width: 728px) {
.pagination ul li a {
font-size: 14px;
padding: 12px 24px
}
}
@media all and (min-width: 1024px) {
.pagination ul li a:hover {
background: #626262;
color: #fff
}
}
.pagination ul li.pagi-previous a, .pagination ul li.pagi-next a {
padding: 12px 24px
}
.pagination ul li.disabled a {
padding: 12px 24px
}
.pagination ul li.disabled a:after {
color: #E0E0E0
}
.pagination ul li.disabled a:hover {
background: none;
cursor: default
}
.pagination ul li.pagi-previous a:after, .pagination ul li.pagi-previous.disabled a:after {
content: "";
font-family: 'icomoon'
}
.pagination ul li.pagi-next a:after, .pagination ul li.pagi-next.disabled a:after {
content: "";
font-family: 'icomoon'
}
.badges-nav {
position: relative
}
.badges-nav:after {
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);
content: '';
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ white, endColorstr=$ white, GradientType=1);
height: 40px;
position: absolute;
right: -4px;
top: 0;
width: 70px;
z-index: 1
}
.badges ul li a.arsenal {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/arsenal.png") no-repeat center;
background-size: contain
}
.badges ul li a.bournemouth {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/bournemouth.png") no-repeat center;
background-size: contain
}
.badges ul li a.brighton {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/brighton.png") no-repeat center;
background-size: contain
}
.badges ul li a.burnley {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/burnley.png") no-repeat center;
background-size: contain
}
.badges ul li a.chelsea {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/chelsea.png") no-repeat center;
background-size: contain
}
.badges ul li a.crystal-palace {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/crystal-palace.png") no-repeat center;
background-size: contain
}
.badges ul li a.everton {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/everton.png") no-repeat center;
background-size: contain
}
.badges ul li a.huddersfield {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/huddersfield.png") no-repeat center;
background-size: contain
}
.badges ul li a.leicester {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/leicester.png") no-repeat center;
background-size: contain
}
.badges ul li a.liverpool {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/liverpool.png") no-repeat center;
background-size: contain
}
.badges ul li a.man-city {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/man-city.png") no-repeat center;
background-size: contain
}
.badges ul li a.man-utd {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/man-utd.png") no-repeat center;
background-size: contain
}
.badges ul li a.newcastle {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/newcastle.png") no-repeat center;
background-size: contain
}
.badges ul li a.southampton {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/southampton.png") no-repeat center;
background-size: contain
}
.badges ul li a.stoke {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/stoke.png") no-repeat center;
background-size: contain
}
.badges ul li a.swansea {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/swansea.png") no-repeat center;
background-size: contain
}
.badges ul li a.tottenham {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/tottenham.png") no-repeat center;
background-size: contain
}
.badges ul li a.watford {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/watford.png") no-repeat center;
background-size: contain
}
.badges ul li a.west-brom {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/west-brom.png") no-repeat center;
background-size: contain
}
.badges ul li a.west-ham {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/west-ham.png") no-repeat center;
background-size: contain
}
.badges ul li a.aberdeen {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/aberdeen.png") no-repeat center;
background-size: contain
}
.badges ul li a.celtic {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/celtic.png") no-repeat center;
background-size: contain
}
.badges ul li a.dundee-united {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/dundee-united.png") no-repeat center;
background-size: contain
}
.badges ul li a.dundee {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/dundee.png") no-repeat center;
background-size: contain
}
.badges ul li a.hamilton {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/hamilton.png") no-repeat center;
background-size: contain
}
.badges ul li a.hearts {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/hearts.png") no-repeat center;
background-size: contain
}
.badges ul li a.hibernian {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/hibernian.png") no-repeat center;
background-size: contain
}
.badges ul li a.inverness {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/inverness.png") no-repeat center;
background-size: contain
}
.badges ul li a.kilmarnock {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/kilmarnock.png") no-repeat center;
background-size: contain
}
.badges ul li a.motherwell {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/motherwell.png") no-repeat center;
background-size: contain
}
.badges ul li a.partick-thistle {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/partick-thistle.png") no-repeat center;
background-size: contain
}
.badges ul li a.rangers {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/rangers.png") no-repeat center;
background-size: contain
}
.badges ul li a.ross-county {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/ross-county.png") no-repeat center;
background-size: contain
}
.badges ul li a.scotland {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/scotland.png") no-repeat center;
background-size: contain
}
.badges ul li a.st-johnstone {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/st-johnstone.png") no-repeat center;
background-size: contain
}
.badges ul li a.st-mirren {
background: url("/@trinitymirrordigital/marwood/TM/img/badges/st-mirren.png") no-repeat center;
background-size: contain
}
.badges {
margin: 0 auto 14px;
min-height: 41px;
overflow: scroll;
position: relative;
width: 100%
}
.badges .scroll {
margin-left: auto;
margin-right: auto;
width: calc(1240px - 64px)
}
.badges ul {
box-sizing: border-box;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
width: 100%
}
.badges ul li {
border-right: 1px solid #E0E0E0;
box-sizing: border-box;
float: left;
list-style: none;
padding: 0 4px;
width: 4%
}
.badges ul li a {
display: block;
min-height: 31px;
overflow: hidden;
text-decoration: none;
text-indent: 100%;
white-space: nowrap;
width: 100%
}
.badges ul li a:hover {
-ms-transform: scale(1.1)
}
.badges ul li:last-child {
border-right: 0 transparent;
width: 8%
}
.badges ul li:last-child a {
background-position: left
}
@media all and (min-width: 728px) {
.badges-nav:after {
display: none
}
.badges {
margin: 0 auto 14px;
overflow: initial;
-ms-overflow-style: none;
width: 100%
}
.badges .scroll {
width: 100%
}
.badges ul {
margin-bottom: 24px;
padding-left: 16px;
padding-right: 16px
}
.badges ul li {
padding: 0 2px
}
.badges ul li a {
min-height: 35px
}
.badges ul li:last-child a {
background-position: center
}
.badges [data-count='15'] li {
width: calc(100% / 15)
}
.badges [data-count='15'] li:last-child {
width: calc(100% / 15)
}
.badges [data-count='20'] li {
width: calc(100% / 20)
}
.badges [data-count='20'] li:last-child {
width: calc(100% / 20)
}
}
@media all and (min-width: 1024px) {
.badges {
overflow: initial;
width: 100%
}
.badges .scroll {
margin-bottom: 24px
}
.badges ul {
display: inline-block;
padding-left: 16px;
padding-right: 16px;
text-align: center
}
.badges li {
display: inline-block;
float: none;
padding: 0 4px;
text-align: center
}
.badges li a {
min-height: 41px;
width: 100%
}
.badges li:last-child {
width: 5%
}
.badges li:last-child a {
background-position: center
}
}
@media all and (min-width: 1240px) {
.badges {
overflow: initial;
width: calc(1240px - 64px)
}
.badges ul {
display: block;
float: left;
margin-bottom: 24px;
padding: 2px 0;
width: 100%
}
.badges li {
float: left;
padding: 0 8px
}
.badges li a:hover {
transform: scale(1.2);
transition: all .15s ease-in-out
}
.badges li:last-child a {
background-position: center
}
}
[data-mod="image"] {
background-color: #F1F1F1;
display: block;
margin-top: 0;
overflow: hidden;
position: relative;
width: 100%
}
[data-mod="image"] .mod-image:before {
font-family: 'Maven Pro', sans-serif;
font-size: 12px;
font-weight: 400;
bottom: 50%;
color: #979797;
content: 'LOADING';
left: 50%;
margin-bottom: -6px;
margin-left: -27px;
position: absolute;
z-index: 0
}
[data-mod="image"] .spacer {
content: '';
display: block;
float: left;
padding-top: 66%;
width: 0
}
[data-mod="image"]:not([data-init]) img {
visibility: hidden
}
[data-mod="image"] img {
position: relative;
width: 100%
}
[data-mod="image"] figcaption {
clear: both
}
.mod-cookiepolicy {
background: #141414;
border-left: 4px solid #626262;
bottom: 0;
box-sizing: border-box;
color: #E0E0E0;
display: none;
left: 0;
position: fixed;
width: 100%;
z-index: 3000000
}
.mod-cookiepolicy.active {
display: block
}
.mod-cookiepolicy .inner {
clear: both;
border-top: 1px solid #2C2C2C;
padding: 18px 55px 20px 15px
}
.mod-cookiepolicy .inner:after {
clear: both;
content: '.';
display: block;
height: 0;
visibility: hidden
}
.mod-cookiepolicy span, .mod-cookiepolicy ul {
float: left
}
.mod-cookiepolicy .close {
background: #fff;
color: #141414;
height: 24px;
position: absolute;
right: 15px;
text-decoration: none;
top: calc(50% - 12px);
width: 24px
}
.mod-cookiepolicy .close:before {
content: ""
}
.mod-cookiepolicy span {
font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 22px
}
.mod-cookiepolicy span a {
color: #fff;
font-weight: 700
}
.mod-cookiepolicy ul {
clear: both;
list-style-type: none;
margin-top: 8px
}
.mod-cookiepolicy ul:after {
clear: both;
content: '.';
display: block;
height: 0;
visibility: hidden
}
.mod-cookiepolicy li {
border-left: 1px solid #fff;
float: left;
margin-left: 10px;
padding-left: 10px
}
.mod-cookiepolicy li:first-child {
border-left: 0;
margin-left: 0;
padding-left: 0
}
.mod-cookiepolicy li a {
font-family: 'Maven Pro', sans-serif;
font-size: 13px;
font-weight: 400;
color: #fff;
font-weight: 700
}
.mod-cookiepolicy li a:hover {
color: #E0E0E0
}
.mod-cookiepolicy.sticky {
bottom: 85px
}
@media all and (min-width: 728px) {
.mod-cookiepolicy.sticky {
bottom: 75px
}
}
@media all and (min-width: 1024px) {
.mod-cookiepolicy.sticky {
bottom: 55px
}
}
.webview .mod-cookiepolicy {
display: none
}
[data-mod='tabs'] .tab-group {
margin: 0
}
[data-mod='tabs'] .tab-triggers {
border-bottom-style: solid;
border-bottom-width: 4px;
box-sizing: border-box;
font-weight: bold;
list-style-type: none;
overflow: hidden;
width: auto
}
[data-mod='tabs'] .tab-triggers li {
float: left
}
@media all and (min-width: 728px) {
[data-mod='tabs'] .tab-triggers li:first-of-type button {
border-top-left-radius: 3px
}
}
@media all and (min-width: 728px) {
[data-mod='tabs'] .tab-triggers li:last-of-type button {
border-top-right-radius: 3px
}
}
[data-mod='tabs'] .tab-triggers button {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 18px;
font-weight: 700;
border-width: 0;
color: #fff;
cursor: pointer;
display: block;
padding: 15px 12px 12px;
position: relative;
text-align: center;
text-transform: uppercase
}
[data-mod='tabs'] .tab-triggers button:not(.active) {
background: #494949
}
[data-mod='tabs'] .tab-triggers button:not(.active):hover {
background: #3A3A3A
}
[data-mod='tabs'] .tab-triggers .active {
transition: background .4s ease-in-out 0s, height .2s linear 0s
}
[data-mod='tabs'] .tab-content {
display: none;
transition: display .4s ease-in-out 0s, height .2s linear 0s
}
[data-mod='tabs'] .tab-content.active {
display: block
}
[data-mod='tabs'] .tab-content .tab-triggers {
background: #F1F1F1;
border: 0
}
[data-mod='tabs'] .tab-content .tab-triggers button {
font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 400;
background: none;
border-bottom-style: solid;
border-bottom-width: 4px;
color: #141414;
font-weight: bold;
text-transform: none
}
[data-mod='tabs'] .tab-content .tab-triggers button:not(.active) {
border: 0;
color: #626262
}
[data-mod='tabs'] .tab-content .tab-triggers button:hover {
background: none
}
@media all and (min-width: 728px) {
[data-mod='tabs'] .tab-content {
padding-top: 12px
}
[data-mod='tabs'] .tab-content .tab-triggers {
margin-top: -12px
}
[data-mod='tabs'] .tab-triggers button {
min-width: 100px
}
}
.base-layout .pancake [data-mod="tabs"] {
border-bottom: 0
}
.base-layout .pancake [data-mod="tabs"] .tab-triggers {
margin-top: 0
}
.base-layout .pancake [data-mod="tabs"] .tab-triggers li {
width: auto
}
.base-layout .pancake [data-mod="tabs"] .tab-triggers button {
min-width: 0;
width: 100%
}
.base-layout .pancake [data-mod="tabs"] .tab-group {
border-bottom-style: solid;
border-bottom-width: 4px
}
.base-layout .pancake [data-mod="tabs"] .tab-content {
padding-top: 0
}
.related-column [data-mod='mostRead'], .section-page [data-mod='mostRead'] {
display: none
}
.section-page main > [data-mod='mostRead'][data-init] {
display: block
}
.gallery [data-mod='mostRead'] {
padding-top: 48px
}
[data-mod='mostRead'] {
background-color: #fff;
counter-reset: teaser
}
[data-mod='mostRead'] [data-value='mostRead'] .teaser {
counter-increment: teaser;
position: relative
}
[data-mod='mostRead'] [data-value='mostRead'] .teaser:before {
font-size: 26px;
color: #fff;
content: counter(teaser);
display: block;
opacity: .85;
position: absolute;
padding: 5px 0;
text-align: center;
width: 28px;
z-index: 2;
background: #626262
}
[data-mod='mostRead'] [data-value='mostRead'] .teaser .inner:before {
background: #626262
}
[data-mod='mostRead'] .channel-whats-on .teaser:before, [data-mod='mostRead'] .channel-whats-on .teaser .inner:before {
background: #840E83
}
@media all and (min-width: 728px) {
[data-mod='mostRead'] .pancake.ensemble {
margin-left: -16px;
margin-right: -16px
}
}
[data-mod='mostRead'] .premium-banner {
display: none
}
.base-layout [data-mod='mostRead'] {
counter-reset: teaser
}
.base-layout [data-mod='mostRead'] .pancake {
margin: 0;
position: relative
}
.base-layout [data-mod='mostRead'] .pancake .teaser {
background: #FAFAFA;
margin: 0;
padding: 0;
width: 100%
}
.base-layout [data-mod='mostRead'] .pancake .teaser .inner {
padding: 20px;
width: 100%
}
.base-layout [data-mod='mostRead'] .pancake .teaser:nth-child(even) {
background: #F1F1F1
}
.base-layout [data-mod='mostRead'] .pancake .teaser:not(.teaser-highlight) {
font-size: 16px
}
.base-layout [data-mod='mostRead'] .pancake .teaser:not(.teaser-highlight) figure {
display: none
}
.base-layout [data-mod='mostRead'] .pancake .teaser:not(.teaser-highlight) strong {
font-size: 14px
}
.base-layout [data-mod='mostRead'] .pancake .teaser:before {
left: 20px;
top: 20px
}
.base-layout [data-mod='mostRead'] .pancake .teaser .description {
display: none
}
.base-layout [data-mod='mostRead'] .pancake .teaser-highlight {
background: #F1F1F1
}
.base-layout [data-mod='mostRead'] .pancake .teaser-highlight .inner {
padding: 0
}
.base-layout [data-mod='mostRead'] .pancake .teaser-highlight:before {
display: none
}
.base-layout [data-mod='mostRead'] .pancake .teaser-highlight strong {
font-size: 22px;
padding: 0 20px 20px
}
.base-layout [data-mod='mostRead'] [data-value='mostRead'] .teaser:not(.teaser-highlight) .inner {
padding-left: 66px
}
.base-layout [data-mod='mostRead'] [data-value='mostRead'] .teaser-highlight .inner:before {
font-size: 26px;
color: #fff;
content: counter(teaser);
display: block;
opacity: .85;
position: absolute;
padding: 5px 0;
text-align: center;
width: 28px;
z-index: 2;
left: 20px;
top: 36px
}
.base-layout [data-mod='mostRead'] [data-value='mostRead'] .teaser-highlight strong {
padding-left: 66px
}
@media all and (min-width: 1024px) {
.related-column [data-mod='mostRead'], .section-page .secondary [data-mod='mostRead'] {
display: block
}
.section-page main > [data-mod='mostRead'][data-init] {
display: none
}
}
.recommendations .teaser em {
display: none
}
.top-stories {
background-color: #fff;
border-bottom: 7px solid #626262;
border-top: 7px solid #626262;
margin-bottom: 48px;
padding: 32px 0 28px
}
.top-stories .headline {
margin: 0 16px 24px
}
.top-stories .headline a {
font-size: 40px;
color: #141414;
cursor: pointer;
position: relative;
text-decoration: none;
text-transform: uppercase;
transition: 150ms ease-in-out all
}
.top-stories .headline a:after {
bottom: 5px;
color: #626262;
font-family: FontAwesome;
content: "\f0da";
font-size: 17px;
margin-left: 3px;
position: relative;
transition: 150ms ease-in-out all
}
.top-stories .headline a:hover:after {
margin-left: 8px
}
.top-stories .headline a:hover {
color: #626262
}
.smartbanner-show .smartbanner {
display: block
}
.smartbanner-show .top-slot {
margin-top: 60px
}
.smartbanner-show #header-dropdown {
top: 60px
}
.smartbanner-show .article-page {
margin-top: 120px
}
.smartbanner {
font-family: 'Maven Pro', sans-serif;
font-size: 12px;
font-weight: 400;
background: #fff;
display: none;
height: 60px;
left: 0;
line-height: 60px;
overflow: hidden;
position: fixed;
top: 0;
width: 100%;
z-index: 4
}
.smartbanner .smartbanner-close {
display: inline-block;
font-size: 0;
height: 14px;
text-decoration: none;
vertical-align: middle;
width: 14px;
margin: 0 8px
}
.smartbanner .smartbanner-close:before, .smartbanner .smartbanner-close:after {
background-color: #2C2C2C;
content: '';
height: 14px;
left: 14px;
position: absolute;
width: 2px
}
.smartbanner .smartbanner-close:before {
transform: rotate(45deg)
}
.smartbanner .smartbanner-close:after {
transform: rotate(-45deg)
}
.smartbanner .smartbanner-container {
margin: 0 auto;
position: relative;
white-space: nowrap
}
.smartbanner .smartbanner-icon {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 7px;
display: inline-block;
height: 38px;
margin-right: 9px;
margin-top: 11px;
vertical-align: top;
width: 38px
}
.smartbanner .smartbanner-info {
display: inline-block;
font-size: 12px;
font-weight: bold;
line-height: 1.4;
margin: 0;
vertical-align: middle;
width: 52%
}
.smartbanner .smartbanner-info span {
display: block;
font-weight: normal;
text-align: left;
white-space: normal
}
.smartbanner .smartbanner-title {
color: #020202;
font-size: 13px;
line-height: 1.2;
white-space: normal
}
.smartbanner .smartbanner-button {
bottom: 0;
color: #2C2C2C;
font-size: 13px;
font-weight: 600;
height: 24px;
line-height: 24px;
margin: auto 0;
position: absolute;
right: 12px;
text-align: center;
text-decoration: none;
top: 0
}
.smartbanner-ios .smartbanner-icon {
background: rgba(0, 0, 0, 0.6);
background-size: cover
}
.smartbanner-ios .smartbanner-info {
color: #262626
}
.smartbanner-ios .smartbanner-button {
border: 1px solid #2C2C2C;
border-radius: 4px;
color: #2C2C2C;
min-width: 10%;
padding: 0 10px;
text-transform: uppercase
}
.smartbanner-android .smartbanner-icon {
background-color: transparent;
box-shadow: none
}
.smartbanner-android .smartbanner-info {
font-size: 12px;
font-weight: normal;
line-height: 1.4
}
.smartbanner-android .smartbanner-title {
font-weight: bold
}
.smartbanner-android .smartbanner-button {
background: #66A031;
border: 1px solid #66A031;
border-radius: 2px;
color: #fff;
min-width: 10%;
padding: 0 10px;
text-transform: uppercase
}
/*#*/
body:not(.custom-background-image):before, body:not(.custom-background-image):after {
height:0px;
}
/*@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,700|Raleway:300,400,700|Roboto:300,400,500,700|Saira:300,400,700');
*/
@import url('https://fonts.googleapis.com/css?family=Fjord+One|Francois+One|Gurajada');
p[itemprop="description"] {
font-family: 'Fjord One', sans-serif;
font-weight:300;
}
.article-body p {
font-family: 'Fjord One', sans-serif;
font-weight:300;
}
body, body * {
font-family: 'Fjord One', sans-serif;
}
#signin {
float: right;
overflow: visible;
position: relative;
z-index: 3;
/*width: 124px;*/
}
#signin:before {
border-color: transparent transparent #fff;
border-style: solid;
border-width: 0 0 50px 22px;
content: '';
display: block;
height: 0;
position: absolute;
width: 0
}
#signin .label {
background: #fff;
color: #ff6306;
cursor: pointer;
display: none;
font-size: 0;
height: 50px;
margin-left: 22px;
position: relative;
text-decoration: none;
text-transform: uppercase;
width: 34px
}
#signin .label span {
box-shadow: inset 0 0 0 2px #fff;
font-size: 38px;
height: 25px;
left: 0px;
position: absolute;
top: 12px;
width: 25px
}
#signin .label span:before {
font-family: FontAwesome;
content: "\f09e";
}
#signin .label span:before {
}
#signin .label .icon {
background-color: #ff6306
}
#signin .bubble-wrapper {
background: #141414;
color: #fff;
cursor: pointer;
display: none;
height: 50px;
margin-left: 22px;
position: relative;
text-decoration: none;
text-transform: uppercase;
width: 34px
}
#signin .bubble-wrapper .name {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
background-color: #fff;
border: 2px solid #fff;
border-radius: 50%;
color: #141414;
height: 32px;
left: -3px;
padding-top: 6px;
position: absolute;
text-align: center;
top: 8px;
width: 32px
}
#signin .bubble-wrapper .bubble {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
background: #fff;
border: 1px solid #E0E0E0;
border-radius: 2px;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
color: #0065B3;
display: none;
list-style-type: none;
position: absolute;
right: 12px;
text-transform: none;
top: 50px;
width: 195px;
z-index: 1
}
#signin .bubble-wrapper .bubble li:first-child a {
padding-bottom: 10px;
padding-top: 24px
}
#signin .bubble-wrapper .bubble a {
display: inline-block;
padding: 10px 20px 20px 24px;
text-decoration: none;
width: 100%
}
#signin .bubble-wrapper .bubble #sso-subscriptions {
padding: 10px 20px 10px 24px
}
#signin .bubble-wrapper .bubble:before {
border-bottom: 10px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
content: '\A';
position: absolute;
right: 10px;
top: -9px
}
#signin .bubble-wrapper .bubble.show {
display: block
}
#signin .bubble-wrapper .bubble p:hover {
opacity: .7
}
#signin .show {
display: block
}
#sso-my-account, #sso-subscriptions {
color: #141414
}
#sso-logout {
color: #0065B3
}
@media all and (min-width: 728px) {
#signin:before {
border-width: 0 0 60px 32px
}
#signin .label, #signin .bubble-wrapper {
font-family: 'Open Sans', sans-serif;
font-size: 17px;
font-weight: 600;
height: 60px;
margin-left: 32px;
padding-left: 64px;
padding-right: 16px;
padding-top: 21px;
width: auto
}
#signin .label .name, #signin .bubble-wrapper .name {
left: 16px;
top: 14px
}
#signin .label span, #signin .bubble-wrapper span {
height: 48px;
left: 5px;
top: 17px !important;
width: 48px
}
#signin .label .bubble, #signin .bubble-wrapper .bubble {
right: 12px;
top: 60px
}
#signin .label .bubble:before, #signin .bubble-wrapper .bubble:before {
right: 25px
}
}
@media all and (min-width: 1024px) {
#signin:before {
border-width: 0 0 70px 32px
}
#signin .label, #signin .bubble-wrapper {
font-size: 0;
height: 70px;
padding-left: 0;
padding-right: 0;
width: 64px
}
#signin .label span, #signin .label .name, #signin .bubble-wrapper span, #signin .bubble-wrapper .name {
top: 19px
}
#signin .label .name, #signin .bubble-wrapper .name {
font-size: 15px
}
#signin .label .bubble, #signin .bubble-wrapper .bubble {
right: 12px;
top: 70px
}
#signin .label .bubble:before, #signin .bubble-wrapper .bubble:before {
right: 10px
}
}
@media all and (min-width: 1240px) {
#signin:before {
border-width: 0 0 80px 32px
}
#signin .label, #signin .bubble-wrapper {
font-size: 16px;
height: 80px;
padding-left: 58px;
padding-right: 16px;
padding-top: 33px;
width: auto
}
#signin .label span, #signin .label .name, #signin .bubble-wrapper span, #signin .bubble-wrapper .name {
top: 24px
}
#signin .label .name, #signin .bubble-wrapper .name {
font-size: 16px;
height: 38px;
padding-top: 9px;
width: 38px
}
#signin .label .bubble, #signin .bubble-wrapper .bubble {
right: 20px;
top: 80px
}
#signin .label .bubble:before, #signin .bubble-wrapper .bubble:before {
right: 8px
}
}
.gigya-progressive-custom, .gigya-screen-dialog-mobile.gigya-progressive-custom {
left: 0 !important;
position: fixed;
top: 50px !important;
width: 100%
}
.gigya-progressive-custom .gigya-screen-dialog *, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-screen-dialog * {
font-size: 16px
}
.gigya-progressive-custom #gigya-screen-dialog-page-overlay, .gigya-screen-dialog-mobile.gigya-progressive-custom #gigya-screen-dialog-page-overlay {
display: block !important;
height: 100%;
opacity: .9 !important
}
.gigya-progressive-custom .gigya-screen-dialog-inner, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-screen-dialog-inner {
border: 0;
left: 50%;
position: absolute;
transform: translateX(-50%)
}
.gigya-progressive-custom .gigya-screen-dialog-top, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-screen-dialog-top {
background-color: transparent;
border-radius: 50%;
box-shadow: 0 3px 4px 0 #979797;
overflow: initial;
padding: 0;
position: absolute;
right: 1%;
top: 5px;
z-index: 1
}
.gigya-progressive-custom .gigya-screen-dialog-top .gigya-screen-dialog-caption, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-screen-dialog-top .gigya-screen-dialog-caption {
display: none
}
.gigya-progressive-custom .gigya-screen-dialog-top .gigya-screen-dialog-close, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-screen-dialog-top .gigya-screen-dialog-close {
background: none;
background-color: #fff;
border-radius: 50%;
height: 48px;
position: relative;
width: 48px
}
.gigya-progressive-custom .gigya-screen-dialog-top .gigya-screen-dialog-close:before, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-screen-dialog-top .gigya-screen-dialog-close:before {
color: #0065B3;
content: '\e604';
display: block;
font-family: icomoon;
font-size: 22px;
font-weight: 700;
height: 20px;
left: 25%;
position: absolute;
top: 18%;
width: 20px
}
.gigya-progressive-custom .gigya-screen-dialog-content, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-screen-dialog-content {
overflow: visible
}
.gigya-progressive-custom .gigya-profile-form, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-profile-form {
background-color: #fff;
padding: 30px
}
.gigya-progressive-custom .gigya-label, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-label {
display: block;
font-weight: 700;
padding-bottom: 2px;
padding-top: 10px
}
.gigya-progressive-custom .gigya-label .gigya-label-text, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-label .gigya-label-text {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
font-weight: 700
}
.gigya-progressive-custom .gigya-input-text, .gigya-progressive-custom .gigya-composite-control-dropdown select, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-input-text, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-composite-control-dropdown select {
background-color: #F1F1F1;
border: 1px solid #E0E0E0;
border-radius: 5px;
box-sizing: border-box;
cursor: pointer;
margin: 5px 0;
padding: 5px;
width: 100%
}
.gigya-progressive-custom .gigya-composite-control-dropdown select, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-composite-control-dropdown select {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
color: #494949;
line-height: 1.6;
text-indent: 3px
}
.gigya-progressive-custom .gigya-style-modern .arrow, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-style-modern .arrow {
float: right;
font-size: 15px;
right: 39%
}
.gigya-progressive-custom .gigya-style-modern .arrow:after, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-style-modern .arrow:after {
color: #0065B3;
content: '\e605';
font-family: icomoon;
margin: 17px 0 0 -25px;
pointer-events: none;
position: absolute
}
.gigya-progressive-custom .gigya-style-modern .gigya-screen-dialog-main, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-style-modern .gigya-screen-dialog-main {
margin: 0 auto;
width: 440px !important
}
.gigya-progressive-custom .gigya-style-modern .gigya-screen-content, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-style-modern .gigya-screen-content {
overflow: visible;
width: 440px
}
.gigya-progressive-custom .gigya-style-modern .gigya-screen.portrait, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-style-modern .gigya-screen.portrait {
padding: 0 !important;
width: auto !important
}
.gigya-progressive-custom .gigya-style-modern .top-label, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-style-modern .top-label {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 400;
background: #0065B3;
display: block;
height: 80px;
width: 440px
}
.gigya-progressive-custom .gigya-style-modern .top-label span, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-style-modern .top-label span {
color: #fff;
display: block;
line-height: 1.2;
padding: 20px 25px 0 50px
}
.gigya-progressive-custom .gigya-style-modern .top-label span:before, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-style-modern .top-label span:before {
content: '\e900';
display: inline-block;
font-family: icomoon;
font-size: 25px;
left: 40px;
position: absolute;
top: 48px
}
.gigya-progressive-custom .gigya-style-modern .top-label strong, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-style-modern .top-label strong {
color: #fff;
font-weight: 700
}
.gigya-progressive-custom .gig-cust-row.gig-cust-row-3 .gigya-layout-cell, .gigya-screen-dialog-mobile.gigya-progressive-custom .gig-cust-row.gig-cust-row-3 .gigya-layout-cell {
display: inline-block;
margin-right: 13px;
width: 31%
}
.gigya-progressive-custom .gigya-composite-control-submit, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-composite-control-submit {
background-color: #F1F1F1;
border-top: 1px solid #E0E0E0;
margin: 30px -30px -32px;
padding: 25px 0;
text-align: center
}
.gigya-progressive-custom .gigya-composite-control-submit .gigya-input-submit, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-composite-control-submit .gigya-input-submit {
-webkit-appearance: none;
appearance: none;
background: #0065B3;
border: 0;
border-radius: 30px;
color: #fff;
cursor: pointer;
font-size: 15px;
font-weight: 700;
height: 40px;
padding: 0 52px;
text-transform: none;
width: auto
}
.gigya-progressive-custom .gigya-composite-control-submit .gigya-input-submit:hover, .gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-composite-control-submit .gigya-input-submit:hover {
background-color: #fff !important;
color: #0065B3 !important
}
.gigya-progressive-custom .skip:after, .gigya-screen-dialog-mobile.gigya-progressive-custom .skip:after {
content: '\00bb';
margin-left: 5px
}
.gigya-screen-dialog-mobile.gigya-progressive-custom {
position: absolute !important
}
.gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-screen-dialog-inner {
left: 0 !important;
position: initial !important;
transform: none !important
}
.gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-profile-form {
padding: 20px !important
}
.gigya-screen-dialog-mobile.gigya-progressive-custom .top-label {
margin: -20px -20px 20px !important;
padding-bottom: 20px;
width: auto !important
}
.gigya-screen-dialog-mobile.gigya-progressive-custom .top-label span {
padding: 20px 25px 0 50px !important
}
.gigya-screen-dialog-mobile.gigya-progressive-custom .top-label span:before {
left: 35px !important
}
.gigya-screen-dialog-mobile.gigya-progressive-custom .gig-cust-row-3 .gigya-layout-cell {
margin-right: 3px !important
}
.gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-composite-control-submit {
margin: 20px -20px -32px !important
}
.gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-label-skip {
margin: 30px -20px -30px !important
}
.gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-composite-control-textbox .gigya-input-text {
height: 36px
}
.gigya-screen-dialog-mobile.gigya-progressive-custom .gigya-screen-dialog-content {
left: 50%;
position: relative;
transform: translateX(-50%)
}
.icon.thumbs-up:before {
content: ""
}
.icon.thumbs-down:before {
content: ""
}
.notification {
padding: 18px 12px
}
#social-follow {
font-size: 13px;
margin-bottom: 48px
}
#social-follow:empty {
margin-bottom: 0
}
#social-headings {
display: none
}
#social-headings li {
font-weight: 700
}
#social-methods .icon {
border-radius: 0;
font-size: 32px;
height: 32px;
width: 32px
}
#social-methods .icon.small {
font-size: 18px;
height: 18px;
width: 18px
}
#social-methods .icon.large {
cursor: default;
display: none
}
#social-methods a {
text-decoration: none
}
#social-methods > div {
padding: 18px 12px
}
#social-methods > div.facebook-share {
background: #315C97
}
#social-methods > div.facebook-share strong {
color: #fff;
display: block;
padding-left: 28px;
position: relative
}
#social-methods > div.facebook-share strong span {
left: 0;
position: absolute;
top: -4px
}
#social-methods > div.facebook-share strong em {
display: inline-block;
font-style: normal;
font-weight: normal;
margin-left: 5px
}
#social-methods > div.facebook-share .page-name {
color: #fff;
font-weight: 700;
left: 10px;
position: relative;
top: -8px
}
@media all and (min-width: 728px) {
#social-methods > div.facebook-share .page-name {
left: 0;
margin-left: 13px;
margin-top: 45px;
position: absolute;
top: calc(50% - 31px)
}
}
@media all and (min-width: 728px) {
#social-methods > div.facebook-share .fb-like {
margin-top: -15px
}
}
@media all and (min-width: 1240px) {
#social-methods > div.facebook-share .fb-like {
margin-top: -18px
}
}
#social-methods > div.twitter-share {
background: #39A9E0;
cursor: pointer
}
#social-methods > div.twitter-share ul {
overflow: hidden
}
#social-methods > div.twitter-share li {
box-sizing: border-box;
float: left;
line-height: 1.3em;
list-style-type: none;
margin-left: 20px;
min-height: 18px;
padding-left: 26px;
position: relative
}
#social-methods > div.twitter-share li:first-child {
margin-left: 0
}
#social-methods > div.twitter-share li .icon {
left: 0;
position: absolute;
top: -1px
}
#social-methods > div.twitter-share a {
color: #fff;
font-weight: 700
}
#social-methods > div.twitter-share span.icon {
cursor: pointer
}
#social-methods > div.mail-share {
background: #E90E0E;
padding-right: 144px;
position: relative
}
#social-methods > div.mail-share #enter-email {
cursor: pointer;
font-weight: 700
}
#social-methods > div.mail-share.textbox {
padding-bottom: 10px
}
#social-methods > div.mail-share.textbox .icon.large, #social-methods > div.mail-share.textbox #enter-email, #social-methods > div.mail-share.textbox > strong {
display: none
}
#social-methods > div.mail-share.textbox input {
border-radius: 6px;
border: 1px solid #E0E0E0;
color: #979797;
display: block;
font-size: 14px;
margin-top: -8px;
padding: 8px;
width: calc(100% - 24px)
}
#social-methods > div.mail-share.textbox input:focus {
color: #626262
}
#social-methods > div.mail-share.textbox #subscribe {
display: block
}
#social-methods > div.mail-share.textbox #subscribe {
cursor: pointer;
font-weight: 700
}
#social-methods > div.mail-share.user-message {
padding: 0
}
#social-methods > div.mail-share.user-message > * {
display: none
}
#social-methods > div.mail-share.user-message .notification {
display: block
}
#social-methods > div.mail-share .notification strong {
display: block;
font-weight: 700;
position: relative
}
#social-methods > div.mail-share .notification strong span {
border-radius: 0;
font-size: 18px;
height: 18px;
top: -1px;
width: 18px
}
#social-methods > div.mail-share.successful {
background: #009C33
}
#social-methods > div.mail-share.successful .notification strong {
color: #fff
}
#social-methods > div.mail-share.successful .notification strong span {
color: #fff
}
#social-methods > div.mail-share.successful .notification strong span:before {
content: ""
}
#social-methods > div.mail-share.warning {
background: gold
}
#social-methods > div.mail-share.warning .notification strong {
color: #000
}
#social-methods > div.mail-share.warning .notification strong span {
color: #000
}
#social-methods > div.mail-share.warning .notification strong span:before {
content: ""
}
#social-methods > div.mail-share.information {
color: #fff
}
#social-methods > div.mail-share.information .notification strong {
color: #fff
}
#social-methods > div.mail-share.information .notification strong span {
color: #fff
}
#social-methods > div.mail-share.information .notification strong span:before {
content: ""
}
#social-methods > div.mail-share .icon.mail:before {
font-family: FontAwesome;
content: "\f003";
}
#social-methods > div.mail-share > strong {
color: #fff;
min-height: 19px
}
#social-methods > div.mail-share strong {
display: block;
line-height: 1.3em;
padding-left: 28px;
position: relative
}
#social-methods > div.mail-share strong span {
left: 0;
position: absolute;
top: -1px
}
#social-methods > div.mail-share a {
border-radius: 16px;
background: #fff;
border-color: #E90E0E;
border-style: solid;
border-width: 2px;
color: #E90E0E;
display: inline-block;
padding: 8px 10px;
position: absolute;
right: 12px;
text-align: center;
top: 11px;
width: 100px
}
#social-methods > div.mail-share a:hover {
background: #E90E0E;
border-color: #fff;
color: #fff
}
#social-methods > div.mail-share input, #social-methods > div.mail-share #subscribe {
display: none
}
@media all and (min-width: 728px) {
#social-headings {
display: flex;
font-size: 16px
}
#social-headings li:first-child:nth-last-child(1) {
width: calc((100% - 16px) / 1)
}
#social-headings li:first-child:nth-last-child(2), #social-headings li:first-child:nth-last-child(2) ~ li {
width: calc((100% - 16px) / 2)
}
#social-headings li:first-child:nth-last-child(3), #social-headings li:first-child:nth-last-child(3) ~ li {
width: calc((100% - 32px) / 3)
}
#social-headings li {
list-style-type: none;
padding: 12px;
background: #F1F1F1
}
#social-headings li:not(:last-child) {
margin-right: 16px
}
#social-headings li:nth-child(1) strong {
color: #315C97
}
#social-headings li:nth-child(2) strong {
color: #39A9E0
}
#social-headings li:nth-child(3) strong {
color: #E90E0E
}
#social-methods {
display: flex
}
#social-methods .icon.large {
display: block;
position: absolute;
right: 16px;
top: calc(50% - 16px)
}
}
@media all and (min-width: 728px) and (min-width: 1024px) {
#social-methods .icon.large {
top: calc(50% - 20px)
}
}
@media all and (min-width: 728px) and (min-width: 1240px) {
#social-methods .icon.large {
top: calc(50% - 16px)
}
}
@media all and (min-width: 728px) {
#social-methods div:first-child:nth-last-child(1) {
width: calc((100% - 16px) / 1)
}
#social-methods div:first-child:nth-last-child(2), #social-methods div:first-child:nth-last-child(2) ~ div {
width: calc((100% - 16px) / 2)
}
#social-methods div:first-child:nth-last-child(3), #social-methods div:first-child:nth-last-child(3) ~ div {
width: calc((100% - 32px) / 3)
}
#social-methods > div {
list-style-type: none;
padding: 12px;
align-items: center;
box-sizing: border-box;
display: flex;
position: relative
}
#social-methods > div:not(:last-child) {
margin-right: 16px
}
#social-methods > div.facebook-share strong span {
top: -3px
}
#social-methods > div.twitter-share {
padding-right: 64px
}
#social-methods > div.twitter-share li {
margin-left: 0;
margin-top: 5px
}
#social-methods > div.twitter-share li:first-of-type {
margin-top: 0
}
#social-methods > div.mail-share {
padding-right: 64px
}
#social-methods > div.mail-share.textbox {
display: block;
padding: 12px
}
#social-methods > div.mail-share.textbox input {
margin-bottom: 12px;
margin-top: 0;
width: calc(100% - 16px)
}
#social-methods > div.mail-share.textbox a {
display: inline-block;
padding-left: 32px;
padding-right: 32px;
width: 80px
}
#social-methods > div.mail-share > strong, #social-methods > div.mail-share > .icon.small {
display: none
}
#social-methods > div.mail-share a {
border-radius: 22px;
display: block;
padding: 12px 10px;
position: relative;
right: 0;
top: 0;
width: 100%
}
#social-methods > div.mail-share.user-message {
padding-right: 64px
}
#social-methods > div.mail-share .notification {
padding-right: 0;
width: 100%
}
#social-methods > div.mail-share .notification strong {
padding-left: 0
}
#social-methods > div.mail-share .notification strong span {
font-size: 32px;
height: 32px;
left: auto;
right: -48px;
top: calc(50% - 16px);
width: 32px
}
}
@media all and (min-width: 1024px) {
#social-headings {
font-size: 14px
}
}
.blokada-auto .article-wrapper .content-column .article-body *, .blokada .article-wrapper .content-column .article-body * {
font-family: redacted_scriptbold !important
}
.blokada-auto .article-wrapper .content-column, .blokada .article-wrapper .content-column {
position: relative;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none
}
.blokada-auto .article-wrapper .content-column > *:not(.not-blur), .blokada .article-wrapper .content-column > *:not(.not-blur) {
filter: blur(5px);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');
pointer-events: none;
position: relative
}
.blokada-auto .article-wrapper .content-column > *:not(.not-blur).side-sharebar, .blokada .article-wrapper .content-column > *:not(.not-blur).side-sharebar {
display: none
}
.blokada-auto .article-wrapper .content-column:before, .blokada .article-wrapper .content-column:before {
background: transparent;
content: '';
height: 100%;
position: absolute;
width: 100%;
z-index: 1
}
.blokada-auto .article-wrapper .content-column .not-blur, .blokada .article-wrapper .content-column .not-blur {
filter: none;
pointer-events: visible
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.blokada .article-wrapper .content-column > *:not(.not-blur), .blokada .primary, .blokada-auto .article-wrapper .content-column > *:not(.not-blur), .blokada-auto .primary {
opacity: .2
}
.blokada .article-wrapper .content-column #premium-article-prompt, .blokada-auto .article-wrapper .content-column #premium-article-prompt {
opacity: 1
}
}
#top-article-prompt, #premium-article-prompt {
margin-bottom: 20px;
position: relative;
z-index: 1
}
#top-article-prompt:empty, #premium-article-prompt:empty {
margin-bottom: 0
}
#bottom-article-prompt {
bottom: 0;
left: 0;
position: fixed;
transition: opacity .5s;
width: 100% !important;
z-index: 4
}
.active + #bottom-article-prompt, .active + div[class*='mod-']:not(.active) + #bottom-article-prompt {
bottom: 80px
}
@media all and (min-width: 728px) {
.active + #bottom-article-prompt, .active + div[class*='mod-']:not(.active) + #bottom-article-prompt {
bottom: 70px
}
}
@media all and (min-width: 1240px) {
.active + #bottom-article-prompt, .active + div[class*='mod-']:not(.active) + #bottom-article-prompt {
bottom: 60px
}
}
.active + .active + #bottom-article-prompt {
bottom: 160px
}
@media all and (min-width: 728px) {
.active + .active + #bottom-article-prompt {
bottom: 120px
}
}
@media all and (min-width: 1240px) {
.active + .active + #bottom-article-prompt {
bottom: 110px
}
}
.premium-content {
color: #fff;
font-size: 16px;
font-weight: 600;
height: 20px;
letter-spacing: .2em;
line-height: 1.4;
margin-bottom: 10px;
position: relative;
text-align: center;
text-transform: uppercase
}
.premium-content:before {
border-color: transparent transparent transparent #fff;
border-style: solid;
border-width: 10px 0 10px 3px;
content: '';
display: inline-block;
height: 0;
left: 0;
position: absolute;
top: 0;
width: 0
}
.premium-content:after {
border-color: transparent #fff transparent transparent;
border-style: solid;
border-width: 10px 3px 10px 0;
content: '';
display: inline-block;
height: 0;
position: absolute;
right: 0;
top: 0;
width: 0
}
#bottom-article-message {
bottom: 0;
left: 0;
position: fixed;
transition: opacity .5s;
width: 100% !important;
z-index: 3
}
.active + #bottom-article-message, .active + div[class*="mod-"]:not(.active) + #bottom-article-message {
bottom: 80px
}
@media all and (min-width: 728px) {
.active + #bottom-article-message, .active + div[class*="mod-"]:not(.active) + #bottom-article-message {
bottom: 70px
}
}
@media all and (min-width: 1024px) {
.active + #bottom-article-message, .active + div[class*="mod-"]:not(.active) + #bottom-article-message {
bottom: 82px
}
}
@media all and (min-width: 1240px) {
.active + #bottom-article-message, .active + div[class*="mod-"]:not(.active) + #bottom-article-message {
bottom: 60px
}
}
.active + .active + #bottom-article-message {
bottom: 160px
}
@media all and (min-width: 728px) {
.active + .active + #bottom-article-message {
bottom: 120px
}
}
@media all and (min-width: 1024px) {
.active + .active + #bottom-article-message {
bottom: 110px
}
}
.icon.thumbs-up:before {
content: ""
}
.icon.thumbs-down:before {
content: ""
}
.notification {
padding: 18px 12px
}
#social-follow {
font-size: 13px;
margin-bottom: 48px
}
#social-follow:empty {
margin-bottom: 0
}
#social-headings {
display: none
}
#social-headings li {
font-weight: 700
}
#social-methods .icon {
border-radius: 0;
font-size: 32px;
height: 32px;
width: 32px
}
#social-methods .icon.small {
font-size: 18px;
height: 18px;
width: 18px
}
#social-methods .icon.large {
cursor: default;
display: none
}
#social-methods a {
text-decoration: none
}
#social-methods > div {
padding: 18px 12px
}
#social-methods > div.facebook-share {
background: #315C97
}
#social-methods > div.facebook-share strong {
color: #fff;
display: block;
padding-left: 28px;
position: relative
}
#social-methods > div.facebook-share strong span {
left: 0;
position: absolute;
top: -4px
}
#social-methods > div.facebook-share strong em {
display: inline-block;
font-style: normal;
font-weight: normal;
margin-left: 5px
}
#social-methods > div.facebook-share .page-name {
color: #fff;
font-weight: 700;
left: 10px;
position: relative;
top: -8px
}
@media all and (min-width: 728px) {
#social-methods > div.facebook-share .page-name {
left: 0;
margin-left: 13px;
margin-top: 45px;
position: absolute;
top: calc(50% - 31px)
}
}
@media all and (min-width: 728px) {
#social-methods > div.facebook-share .fb-like {
margin-top: -15px
}
}
@media all and (min-width: 1240px) {
#social-methods > div.facebook-share .fb-like {
margin-top: -18px
}
}
#social-methods > div.twitter-share {
background: #39A9E0;
cursor: pointer
}
#social-methods > div.twitter-share ul {
overflow: hidden
}
#social-methods > div.twitter-share li {
box-sizing: border-box;
float: left;
line-height: 1.3em;
list-style-type: none;
margin-left: 20px;
min-height: 18px;
padding-left: 26px;
position: relative
}
#social-methods > div.twitter-share li:first-child {
margin-left: 0
}
#social-methods > div.twitter-share li .icon {
left: 0;
position: absolute;
top: -1px
}
#social-methods > div.twitter-share a {
color: #fff;
font-weight: 700
}
#social-methods > div.twitter-share span.icon {
cursor: pointer
}
#social-methods > div.mail-share {
background: #E90E0E;
padding-right: 144px;
position: relative
}
#social-methods > div.mail-share #enter-email {
cursor: pointer;
font-weight: 700
}
#social-methods > div.mail-share.textbox {
padding-bottom: 10px
}
#social-methods > div.mail-share.textbox .icon.large, #social-methods > div.mail-share.textbox #enter-email, #social-methods > div.mail-share.textbox > strong {
display: none
}
#social-methods > div.mail-share.textbox input {
border-radius: 6px;
border: 1px solid #E0E0E0;
color: #979797;
display: block;
font-size: 14px;
margin-top: -8px;
padding: 8px;
width: calc(100% - 24px)
}
#social-methods > div.mail-share.textbox input:focus {
color: #626262
}
#social-methods > div.mail-share.textbox #subscribe {
display: block
}
#social-methods > div.mail-share.textbox #subscribe {
cursor: pointer;
font-weight: 700
}
#social-methods > div.mail-share.user-message {
padding: 0
}
#social-methods > div.mail-share.user-message > * {
display: none
}
#social-methods > div.mail-share.user-message .notification {
display: block
}
#social-methods > div.mail-share .notification strong {
display: block;
font-weight: 700;
position: relative
}
#social-methods > div.mail-share .notification strong span {
border-radius: 0;
font-size: 18px;
height: 18px;
top: -1px;
width: 18px
}
#social-methods > div.mail-share.successful {
background: #009C33
}
#social-methods > div.mail-share.successful .notification strong {
color: #fff
}
#social-methods > div.mail-share.successful .notification strong span {
color: #fff
}
#social-methods > div.mail-share.successful .notification strong span:before {
content: ""
}
#social-methods > div.mail-share.warning {
background: gold
}
#social-methods > div.mail-share.warning .notification strong {
color: #000
}
#social-methods > div.mail-share.warning .notification strong span {
color: #000
}
#social-methods > div.mail-share.warning .notification strong span:before {
content: ""
}
#social-methods > div.mail-share.information {
color: #fff
}
#social-methods > div.mail-share.information .notification strong {
color: #fff
}
#social-methods > div.mail-share.information .notification strong span {
color: #fff
}
#social-methods > div.mail-share.information .notification strong span:before {
content: ""
}
#social-methods > div.mail-share .icon.mail:before {
font-family: FontAwesome;
content: "\f003";
}
#social-methods > div.mail-share > strong {
color: #fff;
min-height: 19px
}
#social-methods > div.mail-share strong {
display: block;
line-height: 1.3em;
padding-left: 28px;
position: relative
}
#social-methods > div.mail-share strong span {
left: 0;
position: absolute;
top: -1px
}
#social-methods > div.mail-share a {
border-radius: 16px;
background: #fff;
border-color: #E90E0E;
border-style: solid;
border-width: 2px;
color: #E90E0E;
display: inline-block;
padding: 8px 10px;
position: absolute;
right: 12px;
text-align: center;
top: 11px;
width: 100px
}
#social-methods > div.mail-share a:hover {
background: #E90E0E;
border-color: #fff;
color: #fff
}
#social-methods > div.mail-share input, #social-methods > div.mail-share #subscribe {
display: none
}
@media all and (min-width: 728px) {
#social-headings {
display: flex;
font-size: 16px
}
#social-headings li:first-child:nth-last-child(1) {
width: calc((100% - 16px) / 1)
}
#social-headings li:first-child:nth-last-child(2), #social-headings li:first-child:nth-last-child(2) ~ li {
width: calc((100% - 16px) / 2)
}
#social-headings li:first-child:nth-last-child(3), #social-headings li:first-child:nth-last-child(3) ~ li {
width: calc((100% - 32px) / 3)
}
#social-headings li {
list-style-type: none;
padding: 12px;
background: #F1F1F1
}
#social-headings li:not(:last-child) {
margin-right: 16px
}
#social-headings li:nth-child(1) strong {
color: #315C97
}
#social-headings li:nth-child(2) strong {
color: #39A9E0
}
#social-headings li:nth-child(3) strong {
color: #E90E0E
}
#social-methods {
display: flex
}
#social-methods .icon.large {
display: block;
position: absolute;
right: 16px;
top: calc(50% - 16px)
}
}
@media all and (min-width: 728px) and (min-width: 1024px) {
#social-methods .icon.large {
top: calc(50% - 20px)
}
}
@media all and (min-width: 728px) and (min-width: 1240px) {
#social-methods .icon.large {
top: calc(50% - 16px)
}
}
@media all and (min-width: 728px) {
#social-methods div:first-child:nth-last-child(1) {
width: calc((100% - 16px) / 1)
}
#social-methods div:first-child:nth-last-child(2), #social-methods div:first-child:nth-last-child(2) ~ div {
width: calc((100% - 16px) / 2)
}
#social-methods div:first-child:nth-last-child(3), #social-methods div:first-child:nth-last-child(3) ~ div {
width: calc((100% - 32px) / 3)
}
#social-methods > div {
list-style-type: none;
padding: 12px;
align-items: center;
box-sizing: border-box;
display: flex;
position: relative
}
#social-methods > div:not(:last-child) {
margin-right: 16px
}
#social-methods > div.facebook-share strong span {
top: -3px
}
#social-methods > div.twitter-share {
padding-right: 64px
}
#social-methods > div.twitter-share li {
margin-left: 0;
margin-top: 5px
}
#social-methods > div.twitter-share li:first-of-type {
margin-top: 0
}
#social-methods > div.mail-share {
padding-right: 64px
}
#social-methods > div.mail-share.textbox {
display: block;
padding: 12px
}
#social-methods > div.mail-share.textbox input {
margin-bottom: 12px;
margin-top: 0;
width: calc(100% - 16px)
}
#social-methods > div.mail-share.textbox a {
display: inline-block;
padding-left: 32px;
padding-right: 32px;
width: 80px
}
#social-methods > div.mail-share > strong, #social-methods > div.mail-share > .icon.small {
display: none
}
#social-methods > div.mail-share a {
border-radius: 22px;
display: block;
padding: 12px 10px;
position: relative;
right: 0;
top: 0;
width: 100%
}
#social-methods > div.mail-share.user-message {
padding-right: 64px
}
#social-methods > div.mail-share .notification {
padding-right: 0;
width: 100%
}
#social-methods > div.mail-share .notification strong {
padding-left: 0
}
#social-methods > div.mail-share .notification strong span {
font-size: 32px;
height: 32px;
left: auto;
right: -48px;
top: calc(50% - 16px);
width: 32px
}
}
@media all and (min-width: 1024px) {
#social-headings {
font-size: 14px
}
}
.overflow {
overflow: hidden
}
.gigya-screen-dialog * {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 400
}
.screen-default .gigya-screen .avatar:after {
background: #0065B3;
background-image: url("../img/icon-nechronicle.svg");
border-radius: 5px;
content: '';
display: block;
height: 34px;
left: 34%;
margin: 0;
position: absolute;
text-indent: 100%;
top: 84%;
width: 34px
}
.gigya-screen .gigya-avatar span {
font-size: 46px
}
.gigya-screen .gigya-composite-control .gigya-label a {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
color: #141414
}
.gigya-screen .gigya-error-msg {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 400
}
.gigya-screen .gigya-composite-control-submit .gigya-input-submit {
background-color: #0065B3 !important
}
.gigya-screen .gigya-composite-control-submit .gigya-input-submit:hover {
background-color: #fff !important;
color: #0065B3
}
.gigya-native-login-form .gigya-layout-row h2 {
font-size: 36px
}
.gigya-native-login-form .gigya-layout-row .gigya-label {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 600
}
.gigya-native-login-form .gigya-layout-row .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
background-color: #0065B3 !important
}
.gigya-reset-password-form .gigya-composite-control-label {
font-family: 'Open Sans', sans-serif;
font-size: 17px;
font-weight: 400;
font-weight: 700
}
.gigya-reset-password-form .reset-pswd {
font-size: 36px
}
#gigya-forgot-password-success-screen .reset-pswd {
font-size: 36px
}
#gigya-forgot-password-success-screen .reset-pswd .gigya-composite-control-label {
font-family: 'Open Sans', sans-serif;
font-size: 17px;
font-weight: 600
}
#gigya-forgot-password-success-screen .gigya-composite-control.gigya-composite-control-label a {
background-color: #0065B3 !important
}
#gigya-forgot-password-success-screen .gigya-composite-control.gigya-composite-control-label a:hover {
color: #0065B3 !important
}
.gigya-register-form h2 {
font-size: 36px
}
.gigya-register-form .gigya-label-text {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 600
}
.gigya-login-form-customized .gigya-native-login .gigya-composite-control.gigya-composite-control-header {
font-size: 36px;
color: #141414;
padding-bottom: 22px
}
.gigya-login-form-customized .gigya-native-login .gigya-label-text {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 600
}
.gigya-login-form-customized .gigya-native-login .gigya-label-text .forgot-pswd {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 600;
color: #979797;
float: right;
font-size: 12px;
text-decoration: underline
}
.gigya-login-form-customized .gigya-native-login .gigya-label-text .forgot-pswd:hover {
color: #2C2C2C
}
.gigya-login-form-customized .gigya-native-login .gigya-composite-control.gigya-composite-control-submit {
background-color: #F1F1F1;
border-top: 1px solid #E0E0E0;
margin: 0 -30px -32px;
padding: 25px 0;
text-align: center
}
.gigya-login-form-customized .gigya-native-login .gigya-input-password {
margin-bottom: 20px
}
.gigya-login-form-customized .gigya-native-login .gigya-input-submit {
background: #0065B3 !important
}
.gigya-login-form-customized .gigya-native-login .gigya-input-submit:hover {
background-color: #fff !important;
color: #0065B3 !important
}
.gigya-login-form.gigya-login-form-customized {
background-color: #fff;
padding: 30px
}
.gigya-login-form .gigya-login-provider-row .gigya-login-provider {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400
}
.gigya-login-social span {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
margin-bottom: 20px
}
div.gigya-screen-dialog-top-customized:before {
color: #0065B3 !important
}
div.gigya-screen-dialog-top-customized .gigya-screen-dialog-close:before {
content: none
}
.gigya-progressive-custom .top-label {
background: #0065B3 !important
}
.gigya-progressive-custom.gigya-style-modern .arrow:after, .gigya-progressive-custom div.gigya-screen-dialog-close:before {
color: #0065B3 !important
}
#comments-wrapper {
margin-top: 60px;
overflow: hidden
}
#comments-wrapper.loading {
height: 150px;
background-color: #fff;
background-image: url("../../../../../chameleon-sso/comments/img/loader.gif");
background-repeat: no-repeat;
background-position: 50% 50%
}
#comments-wrapper.loading > * {
display: none
}
#comments-wrapper.state-login .gig-comments-composebox .gig-composebox-photo {
display: inline-block;
float: left;
margin-right: 5px;
vertical-align: middle
}
#comments-wrapper.state-login .gig-comments-composebox .gig-composebox-photo img {
border-radius: 50%
}
#comments-wrapper.state-login .gig-composebox-withBadges .gig-composebox-namecontainer {
margin-top: 6px
}
#comments-wrapper.state-login .gig-composebox-namecontainer {
display: inline-block;
float: left;
margin-left: 5px;
margin-top: 2px;
vertical-align: middle
}
#comments-wrapper.state-login .gig-composebox-namecontainer .gig-comment-userBadge {
bottom: 6px;
border-color: #fff;
color: #fff;
margin-bottom: 0;
position: relative
}
#comments-wrapper.state-login .gig-composebox-namecontainer .gig-comment-userBadge + .gig-composebox-logout {
bottom: 5px;
position: relative
}
#comments-wrapper.state-login .gig-composebox-data {
margin-top: -30px
}
#comments-wrapper.state-login .gig-comments-container .gig-composebox-data {
margin-bottom: 10px
}
#comments-wrapper.state-login .gig-comments-container .gig-comments-composebox.gig-composebox-open .gig-composebox-data {
margin-bottom: 60px
}
#comments-wrapper.state-login .gig-comments-container .gig-comment-replybox .gig-composebox-data {
margin-bottom: 60px
}
#comments-wrapper.state-login .gig-comments-container .gig-comment-replybox .gig-composebox-logout {
display: none
}
#comments-wrapper.state-login .gig-comments-container .gig-composebox-data .gig-composebox-footer, #comments-wrapper.state-login .gig-comments-container .gig-composebox-data .gig-composebox-sidebar {
display: block
}
#comments-wrapper.state-logout .gig-comments-composebox .gig-composebox-photo {
display: none
}
#comments-wrapper.state-logout .gig-comments-container .gig-composebox-data {
margin-bottom: 10px
}
#comments-wrapper.state-logout .gig-comment-replybox .gig-composebox-data {
margin-bottom: 60px
}
#comments-wrapper.state-logout .gig-composebox-header {
padding-bottom: 18px
}
#comments-wrapper.state-logout .gig-comment-footer .gig-comments-linksContainer:before {
content: "";
cursor: pointer;
height: 100%;
position: absolute;
width: 100%
}
#comments-wrapper.state-logout .gig-comments-container .gig-composebox-data .gig-composebox-footer, #comments-wrapper.state-logout .gig-comments-container .gig-composebox-data .gig-composebox-sidebar {
display: none
}
#comments-wrapper .gig-comment[data-level="2"] .gig-comment-shareLink {
display: inline-block;
padding-top: 3px !important
}
#comments-wrapper .comments-header {
color: #fff;
position: absolute
}
#comments-wrapper .comments-header .comments-header-title {
font-size: 32px;
padding-left: 0;
position: relative;
top: 28px;
z-index: 1
}
#comments-wrapper .comments-header .comment-count {
display: inline-block;
padding-left: 40px;
position: relative;
z-index: 2
}
#comments-wrapper .comments-header .comment-count:before {
content: '\e90a';
font-family: icomoon;
font-size: 60px;
height: 45px;
left: 10px;
line-height: 1;
position: absolute;
top: -10px;
width: 52px
}
#comments-wrapper .comments-header #comment-num {
font-size: 17px;
color: #141414;
display: inline-block;
left: -22px;
position: relative;
text-align: center;
top: 23px;
z-index: 2;
width: 30px
}
#comments-wrapper .gig-composebox-header {
padding-bottom: 55px
}
#comments-wrapper .gig-composebox-header .gig-composebox-follow {
display: none
}
#comments-wrapper .gig-composebox-header .gig-composebox-header-left {
float: left;
margin-top: 50px
}
#comments-wrapper .gig-composebox-header .gig-composebox-header-left .gig-composebox-title {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
font-weight: 700;
color: #fff
}
#comments-wrapper .gig-composebox-header .gig-composebox-header-left .gig-composebox-logout {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 400;
font-weight: 700;
color: #979797;
display: block
}
#comments-wrapper .gig-composebox-header .gig-composebox-header-left .gig-composebox-logout:hover span {
text-decoration: none
}
#comments-wrapper .gig-composebox-header .gig-composebox-header-left .gig-composebox-logout span {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 400;
font-weight: 700;
color: #979797;
position: relative;
top: 5px
}
#comments-wrapper .gig-composebox-header .gig-composebox-header-left .gig-composebox-logout span:hover {
text-decoration: underline
}
#comments-wrapper .gig-composebox-header .gig-composebox-header-left .gig-composebox-logout span:after {
content: '\00bb';
font-size: 15px;
right: -14px;
display: inline;
margin-left: 5px;
top: 0
}
#comments-wrapper .gig-comments-container .gig-comments-composebox {
background: #3A3A3A;
border-top: 5px solid #2C2C2C;
padding: 23px 12px
}
#comments-wrapper .gig-comments-container .gig-comments-composebox .gig-composebox-site-login {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
font-weight: 700;
background: #0065B3;
border-radius: 30px;
border: none;
box-shadow: none;
color: #fff;
float: right;
margin-top: 1px;
margin-bottom: 20px;
padding: 3px 35px;
position: relative;
transition: 400ms ease-in-out all;
text-transform: capitalize
}
#comments-wrapper .gig-comments-container .gig-composebox-data {
margin-bottom: 50px;
padding-left: 0
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-editor {
min-height: 75px;
padding-bottom: 0
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-editor.gig-composebox-editor-with-sidebar .gig-composebox-sidebar .gig-composebox-sidebar-button {
background: none;
box-shadow: none;
margin-right: 8px;
margin-top: 3px;
position: relative
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-editor.gig-composebox-editor-with-sidebar .gig-composebox-sidebar .gig-composebox-sidebar-button:before {
color: #0065B3;
content: '\e90d';
font-family: icomoon;
font-size: 34px;
height: 34px;
position: absolute;
width: 30px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-textarea {
font-family: 'Open Sans', sans-serif;
font-size: 17px;
font-weight: 400;
margin-top: 5px;
min-height: 70px;
position: relative
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-textarea div {
font-family: 'Open Sans', sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 1.1
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-textarea p, #comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-textarea span {
font-family: 'Open Sans', sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 1.1
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-textarea:empty:not(:focus):before {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
color: #141414;
position: absolute;
top: 50%;
transform: translateY(-50%)
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-textarea + p {
display: none
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-textarea .gig-usertagging-tag {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 400;
font-weight: 700;
background: #F1F1F1;
border: 1px solid #E0E0E0;
padding: 5px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer {
height: 105px;
overflow: visible
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-left {
float: none
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right {
float: left
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-post {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 400;
font-weight: 700;
background: #0065B3;
border-radius: 30px;
border: none;
box-shadow: none;
color: #fff;
display: block;
padding: 5px 42px;
position: relative;
text-align: center;
top: 14px;
transition: .4s ease-in-out all
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 400;
font-weight: 700;
background: none;
border: 1px solid #494949;
border-radius: 30px;
color: #fff;
display: block;
padding: 10px 31px;
position: relative;
right: 0;
top: 5px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow.gig-composebox-following {
padding: 10px 51px;
position: relative
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow.gig-composebox-following:before {
background: #fff;
border-radius: 50%;
bottom: 7px;
content: '';
height: 20px;
left: 24px;
position: absolute;
width: 20px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow.gig-composebox-following:after {
color: #141414;
content: '\ea10';
font-family: icomoon;
font-size: 11px;
height: 10px;
left: 28px;
position: absolute;
top: 11px;
width: 10px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow.gig-composebox-following:hover:after {
content: '\ea0f';
font-size: 9px;
left: 29px;
top: 12px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-comments-houserules {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 400;
bottom: 10px;
color: #fff;
padding-top: 20px;
position: relative
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-comments-houserules a {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 400;
font-weight: 700;
color: #fff;
text-decoration: underline
}
#comments-wrapper .gig-comments-container .gig-comments-header {
background-color: #2C2C2C;
border-bottom: 0;
margin-bottom: 0;
overflow: visible;
padding-bottom: 32px;
padding-top: 20px
}
#comments-wrapper .gig-comments-container .gig-comments-header .gig-comments-count {
display: none
}
#comments-wrapper .gig-comments-container .gig-comments-header .gig-comments-header-right .gig-comments-sort {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700;
color: #fff;
margin-right: 12px;
text-transform: capitalize;
top: 15px
}
#comments-wrapper .gig-comments-container .gig-comments-header .gig-comments-header-right .gig-comments-sort:after {
background: none;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #fff;
height: 0;
margin-left: 6px;
width: 0
}
#comments-wrapper .gig-comments-container .gig-comments-header .gig-comments-header-right .gig-comments-sort:hover {
text-decoration: underline
}
#comments-wrapper .gig-comments-container .gig-comments-header .gig-comments-header-right .gig-comments-subscribe, #comments-wrapper .gig-comments-container .gig-comments-header .gig-comments-header-right .gig-comments-rss {
display: none
}
#comments-wrapper .gig-comments-container .gig-comments-comments {
padding: 0 12px 30px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment {
padding-top: 30px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment:nth-child(even) {
background-color: #F1F1F1;
border-bottom: 1px solid #E0E0E0;
border-top: 1px solid #E0E0E0;
margin-left: -12px;
padding-left: 12px;
padding-right: 12px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-photo {
height: 50px;
position: relative;
width: 50px;
z-index: 1
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-photo .gig-comment-img {
border: 1px solid #E0E0E0;
border-radius: 50%
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-photo .gig-comment-providerLogo img {
border-radius: 50%
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data {
padding-left: 48px;
position: relative
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-content {
height: 100%;
padding-left: 12px;
position: relative
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-content.gig-comment-pinned-background {
background-color: #FDFDEA
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-content.gig-comment-pinned-background:before {
background: #FDFDEA;
content: '';
left: -48px;
height: 100%;
position: absolute;
top: 0;
width: 48px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-withBadges .gig-comment-header-right .gig-comment-time {
margin: 2px 0 0 16px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-header {
display: table;
margin-bottom: 8px;
width: 100%
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-header-right {
display: table-footer-group;
float: left
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-header-right .gig-comment-time {
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-weight: 600;
color: #979797;
float: left;
line-height: 1.2;
margin: 8px 0 0 16px;
position: relative;
text-transform: uppercase
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-header-right .gig-comment-time:before {
content: '\e905';
font-family: icomoon;
font-size: 13px;
left: -15px;
position: absolute;
top: -1px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-header-left {
display: table-header-group
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-header-left .gig-comment-username {
font-family: 'Open Sans', sans-serif;
font-size: 17px;
font-weight: 400;
font-weight: 700;
display: inline-block;
padding-top: 8px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-header-left .gig-comment-userBadge {
bottom: 2px;
position: relative
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-body {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
display: block;
left: -60px;
line-height: 1.6;
margin-bottom: 25px;
position: relative;
top: 20px;
width: calc(100% + 60px)
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-body div, #comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-body p, #comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-body span {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.6
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 400;
font-weight: 700;
border-bottom: 0;
left: -48px;
margin: 0;
padding: 0 60px 20px 0;
position: relative;
top: 20px;
width: calc(100% + 48px)
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer li:hover {
text-decoration: none
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comment-footer-right {
margin-right: 5px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comment-footer-right div {
line-height: 1
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comments-linksContainer-nc, #comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comments-linksContainer {
display: inline-block;
margin: 0;
padding-top: 0;
position: relative
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comments-linksContainer-nc li, #comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comments-linksContainer li {
margin-left: 0;
padding: 0
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comments-linksContainer-nc li:hover, #comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comments-linksContainer li:hover {
text-decoration: underline
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comments-linksContainer-nc .gig-comment-repliesArrow {
margin-right: 10px;
padding-top: 4px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comments-linksContainer li:after {
border-right: 1px solid #E0E0E0;
content: "";
display: inline-block;
height: 20px;
margin-left: 10px;
margin-right: 10px;
width: auto
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comments-linksContainer .gig-comment-repliesArrow-text {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 400;
font-weight: 700
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comments-linksContainer-nc:hover {
text-decoration: underline
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comment-replyLink {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 400;
font-weight: 700;
color: #0065B3;
margin-right: 0
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comment-shareLink, #comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comment-deleteLink {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 400;
font-weight: 700;
color: #2C2C2C;
margin-left: 0;
margin-right: 0
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comment-flag {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 400;
font-weight: 700;
background: none;
bottom: 1px;
color: #2C2C2C;
display: inline-block !important;
height: auto;
margin: 0 0 0 0;
padding-top: 4px;
position: relative;
visibility: visible;
width: auto
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comment-flag:before {
content: 'Report';
height: 20px;
margin-right: 10px;
padding-bottom: 2px;
padding-top: 1px;
width: auto
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comment-flag:hover {
text-decoration: underline
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comment-flag.gig-comment-flag-submitted {
color: #626262;
font-weight: 400
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comment-flag.gig-comment-flag-submitted:before {
content: 'Reported'
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comment-flag.gig-comment-flag-submitted:hover {
text-decoration: none
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-data-removed {
margin-left: 0
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-replies > .gig-comment {
background: inherit;
border-top: 1px solid #E0E0E0;
margin: 0;
padding: 23px 0 0 0
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-vote-with-value {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 400;
font-weight: 700;
background: none;
color: #2C2C2C;
padding-left: 6px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-vote-with-value:before {
font-family: icomoon;
font-size: 16px;
position: relative
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-vote-with-value.gig-comment-vote-pos:before {
color: #009C33;
content: '\e909';
margin-right: 5px;
top: 1px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-vote-with-value.gig-comment-vote-neg {
border-left: 1px solid #E0E0E0;
margin-left: 10px;
padding-left: 10px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-vote-with-value.gig-comment-vote-neg:before {
color: #E90E0E;
content: '\e908';
left: -2px;
margin-right: 5px;
top: 4px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox {
background: #3A3A3A;
border-top: 5px solid #141414;
margin-top: 30px;
position: relative;
padding-left: 12px;
padding-right: 12px;
right: 48px;
width: 100%
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox:before {
border-bottom: 6px solid #141414;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
content: '\A';
position: absolute;
left: 17px;
top: -11px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-header .gig-composebox-header-left {
float: left;
margin-top: 10px;
top: 10px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-header .gig-composebox-header-left .gig-composebox-title {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
font-style: normal
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-header .gig-composebox-header-left .gig-composebox-username {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
font-weight: 700;
color: #fff;
font-style: normal
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-header .gig-composebox-close {
background: none;
background-color: #fff;
border-radius: 50%;
box-shadow: 0px 0 5px #626262;
height: 35px;
position: absolute;
right: 6px;
top: 3px;
width: 35px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-header .gig-composebox-close:before {
color: #0065B3;
content: '\e604';
display: block;
font-family: icomoon;
font-size: 17px;
font-weight: 700;
height: 20px;
left: 26%;
pointer-events: none;
position: absolute;
top: 24%;
width: 20px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-photo {
display: none
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-editor {
border-radius: 6px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer {
height: auto;
padding-bottom: 35px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-left {
float: none
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right {
float: left
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-follow {
display: block;
left: -3px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-comments-houserules {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 400;
bottom: 10px;
color: #fff;
padding-top: 18px;
position: relative
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-comments-houserules a {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 400;
font-weight: 700;
color: #fff;
text-decoration: underline
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-textarea:empty:not(:focus):before {
top: 15px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment-replies {
margin-left: -30px;
margin-top: 30px
}
@media all and (min-width: 728px) {
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment-replies {
margin-left: -15px
}
}
#comments-wrapper .comments-footer {
border-top: 2px solid #F1F1F1;
display: block;
margin-top: 10px;
padding-bottom: 30px
}
#comments-wrapper #btn-show-more-comments, #comments-wrapper .gig-comments-more {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700;
background: #0065B3;
border: 2px solid #0065B3;
border-radius: 30px;
clear: both;
color: #fff;
display: inline-block;
left: 50%;
line-height: 1;
padding: 12px 34px;
position: relative;
top: -23px;
transition: 400ms ease-in-out all;
transform: translateX(-50%)
}
#comments-wrapper #btn-show-more-comments.gig-comments-more-progress, #comments-wrapper .gig-comments-more.gig-comments-more-progress {
display: none
}
#comments-wrapper #btn-show-more-comments:before, #comments-wrapper .gig-comments-more:before {
content: ' + '
}
#comments-wrapper .gig-comments-more:before, #comments-wrapper .gig-comments-more:after {
border: 1px solid #F1F1F1;
content: '';
color: #F1F1F1;
position: absolute;
top: 18px;
width: 120%
}
#comments-wrapper .gig-comments-more:after {
right: 101%
}
#comments-wrapper .gig-comments-more:before {
left: 101%
}
#comments-wrapper .gig-comment-data-removed .gig-comment-header {
display: none !important
}
[id$="_showShareUI"] > table > tbody > tr:nth-child(1), [id$="_showShareUI"] > table > tbody > tr:nth-child(3) {
display: none
}
[id$="_showShareUI"] > table > tbody > tr:nth-child(2) > td:nth-child(1), [id$="_showShareUI"] > table > tbody > tr:nth-child(2) > td:nth-child(3) {
display: none
}
[id$="_showShareUI"] > table > tbody > tr:nth-child(2) > td:nth-child(2) {
border: none !important;
border-radius: 4px
}
[id$="_showShareUI"] > table > tbody input, [id$="_showShareUI"] > table > tbody textarea {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
border-radius: 3px;
font-family: 'Open Sans', sans-serif !important;
height: auto !important;
padding: 5px 10px !important;
color: #626262 !important
}
.gig-share {
display: inline-block;
height: auto !important;
left: 50% !important;
max-width: 100% !important;
transform: translateX(-159px)
}
.gig-share > table {
position: initial !important;
width: 100% !important
}
[id$="_showShareUI_emailCanvas"] {
border-radius: 4px;
border: none !important;
font-family: 'Open Sans', sans-serif !important
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(1) > td {
background-color: #fff !important;
border-radius: 4px 4px 0 0
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(1) tr > td:nth-child(1) {
display: none
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(1) tr > td:nth-child(2) {
font-family: 'Open Sans', sans-serif !important;
text-align: center !important
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(1) tr > td:nth-child(2)::before {
font-family: 'Open Sans', sans-serif;
font-size: 35px;
font-weight: 400;
font-weight: 700;
color: #141414;
display: inline-block;
font-family: 'Open Sans', sans-serif !important;
padding: 45px 0 15px 5px;
content: 'Email this comment'
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(1) tr > td:nth-child(2) div {
background-color: #fff !important;
border-radius: 50%;
box-shadow: 0px 0 5px #626262;
float: right !important;
height: 46px;
left: 50%;
padding: 0 !important;
position: absolute !important;
overflow: initial;
text-align: right;
transform: translateX(158px);
top: 8px;
width: 46px !important
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(1) tr > td:nth-child(2) img {
position: relative;
right: 16px;
top: 15px;
width: 15px
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(2), [id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(3) {
display: none
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(4) > td {
padding: 0 30px 30px 30px !important
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(4) > td table {
padding: 0 25px 0 0 !important;
width: 100% !important
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(4) > td:before {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 600;
content: 'You are limited to 2 email addresses at a time and a maximum of 5 emails per day';
display: block;
color: #141414;
font-family: 'Open Sans', sans-serif !important;
margin-bottom: 20px;
text-align: center
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(4) > td tr > td:nth-child(1) {
color: #494949 !important;
display: block;
padding: 14px 5px 10px 0 !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 15px !important
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(4) > td tr > td:nth-child(2) {
display: block
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(4) > td tr > td:nth-child(2) input, [id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(4) > td tr > td:nth-child(2) textarea {
background-color: #F1F1F1;
border: 1px solid #E0E0E0;
border-radius: 5px;
box-shadow: none;
height: 40px !important;
margin: 5px 0 !important;
padding: 5px 5px 5px 15px !important;
width: 100% !important
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(4) > td tr:nth-child(4) {
display: none
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(5) > td {
background-color: #F1F1F1 !important;
border-top: 1px solid #E0E0E0 !important;
padding: 25px 0 !important;
text-align: center !important
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(5) > td table {
border: none !important;
background-color: transparent !important
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(5) > td table:hover {
opacity: 0.85
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(5) > td table tbody {
text-align: center !important
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(5) > td div {
float: none !important;
margin-bottom: 25px !important;
text-align: center !important
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(5) > td td {
display: none
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(5) > td tr {
background: #0065B3 !important;
border-radius: 30px;
font-size: 15px !important;
font-weight: 700;
left: 32%;
height: 46px !important;
padding: 0 52px !important;
position: absolute !important;
text-transform: none;
width: auto
}
[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(5) > td tr:before {
color: #fff;
content: 'Submit';
font-size: 15px !important;
position: relative !important;
top: 12px
}
[id$="_showShareUI_shareCanvas"] {
border-radius: 4px;
width: auto !important;
height: auto !important
}
[id$="_showShareUI_shareCanvas"] > table {
max-width: 440px;
width: 100% !important
}
[id$="_showShareUI_container"] {
width: auto !important;
height: auto !important
}
[id$="_showShareUI_workingCanvas"] {
background: #F1F1F1 !important
}
[id$="_showShareUI_workingCanvas"] tr:nth-child(1) img {
content: url("http://cdn1.gigya.com/gs/i/accounts/close_dialog.png")
}
[id$="_showShareUI_workingText"] {
font-family: 'Open Sans', sans-serif;
font-size: 38px;
font-weight: 400;
color: #141414 !important;
font-family: 'Open Sans', sans-serif !important
}
.gig-comments-container {
position: relative !important
}
.gig-comments-container.gig-comments-sortbox {
position: absolute !important
}
.gig-comments-container.gig-comments-sortbox li {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 400
}
.gig-comments-container .gig-comments-dialog {
border: 0;
border-radius: 0;
max-width: 440px
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-caption-container {
background: none;
margin-left: 32px;
margin-right: 32px;
overflow: initial;
text-align: center
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-caption-container .gig-comments-dialog-caption {
font-size: 36px;
color: #141414;
float: none;
padding-top: 65px;
padding-bottom: 20px;
position: relative;
top: 13px;
text-align: center
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-caption-container .gig-comments-dialog-close {
background: none;
background-color: #fff;
border-radius: 50%;
box-shadow: 0px 0 5px #626262;
height: 48px;
position: absolute;
right: 10%;
top: 25px;
width: 48px
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-caption-container .gig-comments-dialog-close:before {
color: #0065B3;
content: '\e604';
display: block;
font-family: icomoon;
font-size: 22px;
font-weight: 700;
height: 22px;
left: 28%;
position: absolute;
top: 28%;
width: 18px
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-body {
font-family: 'Open Sans', sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 1.6;
margin-left: 32px;
margin-right: 32px;
padding-bottom: 24px;
padding-top: 0;
text-align: center
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-body .gig-comments-dialog-text {
font-family: 'Open Sans', sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 1.6;
margin-bottom: 0;
padding: 0 0 24px 0;
text-align: center
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-body .gig-comments-dialog-textbox-container {
float: none;
margin-bottom: -30px
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-body input {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
background-color: #F1F1F1;
border: 1px solid #E0E0E0;
border-radius: 5px;
box-shadow: none;
height: 40px;
margin: 5px 0;
padding: 12px;
width: 100%
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-body .gig-comments-dialog-textbox-button {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
font-weight: 700;
background: #0065B3;
border: 2px solid #0065B3;
border-radius: 30px;
color: #fff;
height: 46px;
line-height: 3;
margin-top: -30px;
padding: 0 52px;
position: relative;
text-transform: none;
top: 102px;
width: auto
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-body .gig-comments-dialog-textbox-button:hover {
background: #fff;
border: 2px solid #E0E0E0;
color: #0065B3;
cursor: pointer
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-buttons {
background-color: #F1F1F1;
border-top: 1px solid #E0E0E0;
display: block;
height: 44px;
margin: 0;
padding: 24px 0;
text-align: center
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-buttons .gig-comments-dialog-button {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
font-weight: 700;
background: #0065B3;
border: 2px solid #0065B3;
border-radius: 30px;
color: #fff;
height: 42px;
line-height: 40px;
padding: 0 45px;
text-align: center;
text-transform: none;
transition: 400ms ease-in-out all;
width: auto
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-buttons .gig-comments-dialog-button:hover {
background: #fff;
border: 2px solid #E0E0E0;
color: #0065B3;
cursor: pointer
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-buttons .gig-comments-dialog-button-cancel {
margin-right: 5px
}
.gig-simpleShareUI {
border: 0 !important;
z-index: 2 !important
}
.gig-simpleShareUI + iframe {
z-index: 0 !important
}
.gig-simpleShareUI .gig-simpleShareUI-inner {
border: 0;
box-shadow: 2px 1px 5px #626262;
border-left: 4px solid #0065B3;
padding-left: 24px;
padding-right: 24px;
width: 150px
}
.gig-simpleShareUI .gig-simpleShareUI-caption {
background: none;
border: 0;
display: block
}
.gig-simpleShareUI .gig-simpleShareUI-caption-text {
display: none
}
.gig-simpleShareUI .gig-simpleShareUI-closeButton {
background: none;
background-color: #fff;
border-radius: 50%;
box-shadow: 0px 0 5px #626262;
height: 30px;
overflow: initial;
padding: 0;
position: absolute;
right: 21%;
top: -17px;
width: 30px
}
.gig-simpleShareUI .gig-simpleShareUI-closeButton:before {
color: #0065B3;
content: '\e604';
display: block;
font-family: icomoon;
font-size: 15px;
font-weight: 700;
height: 20px;
left: 25%;
position: absolute;
top: 25%;
width: 20px
}
.gig-simpleShareUI .gig-simpleShareUI-content {
padding-bottom: 15px;
width: 100%
}
.gig-simpleShareUI .gig-simpleShareUI-content .gig-simpleShareUI-button {
height: auto;
width: 30%
}
.gig-simpleShareUI .gig-simpleShareUI-content .gig-simpleShareUI-button[provider="facebook"] .gig-simpleShareUI-button-inner {
background-color: #315C97
}
.gig-simpleShareUI .gig-simpleShareUI-content .gig-simpleShareUI-button[provider="facebook"] .gig-simpleShareUI-button-inner:before {
content: '\e600'
}
.gig-simpleShareUI .gig-simpleShareUI-content .gig-simpleShareUI-button[provider="email"] {
display: none
}
.gig-simpleShareUI .gig-simpleShareUI-content .gig-simpleShareUI-button[provider="email"] .gig-simpleShareUI-button-inner {
background-color: #626262
}
.gig-simpleShareUI .gig-simpleShareUI-content .gig-simpleShareUI-button[provider="email"] .gig-simpleShareUI-button-inner:before {
content: '\e90c';
font-size: 30px;
left: 20px
}
.gig-simpleShareUI .gig-simpleShareUI-content .gig-simpleShareUI-button[provider="twitter"] .gig-simpleShareUI-button-inner {
background-color: #39A9E0
}
.gig-simpleShareUI .gig-simpleShareUI-content .gig-simpleShareUI-button[provider="twitter"] .gig-simpleShareUI-button-inner:before {
content: '\e602'
}
.gig-simpleShareUI .gig-simpleShareUI-content .gig-simpleShareUI-button[provider="googleplus"] .gig-simpleShareUI-button-inner {
background-color: #DD4B39
}
.gig-simpleShareUI .gig-simpleShareUI-content .gig-simpleShareUI-button[provider="googleplus"] .gig-simpleShareUI-button-inner:before {
content: '\e003'
}
.gig-simpleShareUI .gig-simpleShareUI-content .gig-simpleShareUI-button-inner {
background-image: none !important;
border-radius: 50%;
box-sizing: content-box;
color: #fff;
cursor: pointer;
display: inline-block;
height: 30px;
padding: 0;
position: relative;
text-decoration: none;
text-indent: 100%;
width: 30px;
white-space: nowrap
}
.gig-simpleShareUI .gig-simpleShareUI-content .gig-simpleShareUI-button-inner:before {
transform: translate(-50%, -50%);
font-family: icomoon;
font-size: 14px;
left: 50%;
position: absolute;
text-indent: 0;
text-transform: none;
top: 50%
}
.gig-simpleShareUI .gig-simpleShareUI-content span {
display: none
}
body > .gig-comments-container:not(.gig-comments-sortbox), body > .gig-share {
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
width: 440px !important
}
body > .gig-comments-container:not(.gig-comments-sortbox):after, body > .gig-share:after {
background: #141414;
content: "";
display: block;
height: 10000px;
left: -5000px;
opacity: .9;
position: absolute;
top: -5000px;
width: 10000px;
z-index: -1
}
body > .gig-share {
position: absolute !important
}
body > .gig-comments-container:not(.gig-comments-sortbox) {
position: fixed !important
}
.gig-comments-usertaggingbox {
border: 0
}
.gig-comments-usertaggingbox .gig-usertagging-title {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
font-weight: 700;
background: #fff;
border-top: 5px solid #0065B3;
padding: 10px
}
.gig-comments-usertaggingbox .gig-usertagging-suggestions {
padding: 0 10px
}
.gig-comments-usertaggingbox .gig-usertagging-suggestions .gig-usertagging-user {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 600;
background: #fff;
padding: 10px 0
}
.gig-comments-usertaggingbox .gig-usertagging-suggestions .gig-usertagging-user .gig-usertagging-userimage {
border-radius: 50%
}
@media all and (min-width: 728px) {
#comments-wrapper .gig-comments-more:before, #comments-wrapper .gig-comments-more:after {
width: 150%
}
#comments-wrapper .gig-composebox-header .gig-composebox-header-left {
float: right;
margin-top: 6px
}
#comments-wrapper .gig-composebox-header .gig-composebox-header-left .gig-composebox-title {
font-family: 'Open Sans', sans-serif;
font-size: 17px;
font-weight: 400;
font-weight: 700
}
#comments-wrapper .comments-header .comment-count {
padding-left: 40px
}
#comments-wrapper .comments-header .comment-count:before {
left: 30px;
top: -14px
}
#comments-wrapper .comments-header #comment-num {
left: -2px;
top: 18px
}
#comments-wrapper .comments-header .comments-header-title {
font-size: 40px;
padding-left: 20px
}
#comments-wrapper.state-login .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data {
margin-bottom: 80px
}
#comments-wrapper.state-login .gig-comments-container .gig-composebox-data {
margin-bottom: 10px
}
#comments-wrapper.state-login .gig-comments-container .gig-comments-composebox.gig-composebox-open .gig-composebox-data {
margin-bottom: 30px
}
#comments-wrapper.state-logout .gig-composebox-data {
margin-bottom: 0
}
#comments-wrapper.state-logout .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data {
margin-bottom: 50px
}
#comments-wrapper .gig-comments-container .gig-comments-composebox {
padding: 23px 30px
}
#comments-wrapper .gig-comments-container .gig-comments-composebox .gig-composebox-site-login {
margin-top: 1px
}
#comments-wrapper .gig-comments-container .gig-comments-header .gig-comments-header-right .gig-comments-sort {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700;
margin-right: 30px;
top: 14px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right {
float: right
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right .gig-composebox-follow {
left: -20px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer {
height: 60px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right {
float: right
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-comments-houserules {
padding-top: 20px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
font-weight: 700;
display: inline-block;
padding: 14px 34px;
right: 20px;
top: -8px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow.gig-composebox-following {
padding: 14px 57px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow.gig-composebox-following:before {
bottom: 12px;
left: 28px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow.gig-composebox-following:after {
left: 32px;
top: 16px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow.gig-composebox-following:hover {
background: none;
color: #fff
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow.gig-composebox-following:hover:after {
font-size: 9px;
left: 33px;
top: 17px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-post {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
font-weight: 700;
display: inline-block;
padding: 7px 44px;
top: -5px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-follow, #comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-post {
display: inline-block;
top: 20px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-follow {
right: 20px
}
#comments-wrapper #comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right {
float: right
}
#comments-wrapper .gig-comment-footer-right div {
line-height: 0.4
}
[id$=_showShareUI_shareCanvas] > table {
max-width: 100%
}
[id$=_showShareUI_emailCanvas] > tbody > tr:nth-child(1) tr > td:nth-child(2) div {
top: -22px;
transform: translateX(200px)
}
[id$=_showShareUI_emailCanvas] > tbody > tr:nth-child(1) tr > td:nth-child(2):before {
padding: 15px 0 15px 5px
}
}
@media all and (min-width: 1024px) {
#comments-wrapper .gig-comments-more:before, #comments-wrapper .gig-comments-more:after {
width: 140%
}
#comments-wrapper.state-login .gig-comments-container .gig-composebox-data {
margin-bottom: 10px
}
#comments-wrapper.state-logout .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data {
margin-bottom: 80px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer {
height: 60px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right {
float: right
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow {
display: inline-block;
right: 20px;
top: -5px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow.gig-composebox-following {
padding: 11px 63px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow.gig-composebox-following:before {
bottom: 9px;
left: 32px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow.gig-composebox-following:after {
left: 36px;
top: 14px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-follow.gig-composebox-following:hover:after {
font-size: 9px;
left: 37px;
top: 14px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-post {
display: inline-block;
top: -5px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right {
float: right
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right .gig-composebox-follow {
left: -20px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-follow, #comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-post {
top: 25px
}
.gig-comments-container .gig-comments-dialog .gig-comments-dialog-caption-container .gig-comments-dialog-close {
right: -5%;
top: -22px
}
[id$=_showShareUI_shareCanvas] > table {
max-width: 100%
}
[id$=_showShareUI_emailCanvas] > tbody > tr:nth-child(1) tr > td:nth-child(2) div {
top: -22px;
transform: translateX(200px)
}
[id$=_showShareUI_emailCanvas] > tbody > tr:nth-child(1) tr > td:nth-child(2):before {
padding: 15px 0 15px 5px
}
}
@media all and (min-width: 1240px) {
#comments-wrapper.state-login .gig-comments-container .gig-composebox-data {
margin-bottom: 20px
}
#comments-wrapper.state-login .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-header .gig-composebox-header-left {
padding-bottom: 0
}
#comments-wrapper.state-login .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data {
margin-bottom: 20px
}
#comments-wrapper.state-login .gig-composebox-withBadges .gig-composebox-namecontainer {
margin-top: 3px
}
#comments-wrapper.state-login .gig-composebox-namecontainer {
margin-top: 0
}
#comments-wrapper.state-login .gig-composebox-namecontainer .gig-comment-userBadge {
bottom: 9px
}
#comments-wrapper.state-logout .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data {
margin-bottom: 20px
}
#comments-wrapper.state-logout .gig-comments-container .gig-composebox-data {
margin-bottom: 7px;
margin-top: 5px
}
#comments-wrapper .comments-header .comments-header-title {
font-size: 40px;
padding-left: 20px;
top: 32px
}
#comments-wrapper .comments-header .comment-count:before {
font-size: 65px;
left: 30px;
line-height: 2;
top: -45px
}
#comments-wrapper .comments-header #comment-num {
left: -2px;
top: 22px
}
#comments-wrapper .gig-composebox-header .gig-composebox-header-left {
float: right;
margign-top: 10px;
top: 10px
}
#comments-wrapper .gig-composebox-header .gig-composebox-header-left .gig-composebox-title {
font-family: 'Open Sans', sans-serif;
font-size: 17px;
font-weight: 400;
font-weight: 700;
padding-bottom: 3px;
padding-top: 2px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer {
height: 50px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right {
float: right
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right .gig-composebox-follow {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
font-weight: 700;
display: inline-block;
padding: 11px 40px;
right: 20px;
top: -12px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right .gig-composebox-follow:hover {
background: #fff;
color: #3A3A3A
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right .gig-composebox-follow.gig-composebox-following {
padding: 11px 63px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right .gig-composebox-follow.gig-composebox-following:before {
bottom: 8px;
left: 30px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right .gig-composebox-follow.gig-composebox-following:after {
left: 34px;
top: 14px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-footer-right .gig-composebox-follow.gig-composebox-following:hover:after {
font-size: 9px;
left: 35px;
top: 15px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-post {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
font-weight: 700;
display: inline-block;
padding: 6px 44px;
top: -12px
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-composebox-post:hover {
background: #fff;
border-color: #E0E0E0;
color: #0065B3;
cursor: pointer
}
#comments-wrapper .gig-comments-container .gig-composebox-data .gig-composebox-footer .gig-comments-houserules {
padding-top: 30px
}
#comments-wrapper .gig-comments-container .gig-comments-composebox {
padding: 23px 30px
}
#comments-wrapper .gig-comments-container .gig-comments-composebox .gig-composebox-site-login {
margin-bottom: 14px;
margin-top: 0;
padding: 7px 42px
}
#comments-wrapper .gig-comments-container .gig-comments-composebox .gig-composebox-site-login:hover {
background: #fff;
border-color: #E0E0E0;
color: #0065B3;
cursor: pointer
}
#comments-wrapper .gig-comments-container .gig-comments-composebox.gig-composebox-open .gig-composebox-data {
margin-bottom: 30px
}
#comments-wrapper .gig-comments-container .gig-comments-header .gig-comments-header-right .gig-comments-sort {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700;
margin-right: 35px;
top: 17px
}
#comments-wrapper .gig-comments-container .gig-comments-comments {
padding: 0 30px 30px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment:nth-child(even) {
margin-left: -30px;
padding-left: 30px;
padding-right: 30px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comment-footer-right {
margin-right: 24px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-data .gig-comment-footer .gig-comment-footer-right div {
line-height: 1
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replies {
margin-left: 0
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox {
padding-left: 30px;
padding-right: 30px;
right: 48px;
width: 98%
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-header-right {
position: relative
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-header-right .gig-composebox-close {
height: 40px;
right: 0;
top: 2px;
width: 40px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-header-right .gig-composebox-close:before {
font-size: 20px;
left: 25%;
pointer-events: none;
top: 20%
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-header {
margin-bottom: 15px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-header .gig-composebox-header-left {
padding-bottom: 30px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer {
height: 62px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-follow {
left: -20px;
top: 5px
}
#comments-wrapper .gig-comments-container .gig-comments-comments .gig-comment .gig-comment-replybox .gig-composebox-data .gig-composebox-footer .gig-composebox-post {
left: 0;
top: 5px
}
#comments-wrapper #btn-show-more-comments:hover, #comments-wrapper .gig-comments-more:hover {
background: #fff;
border-color: #E0E0E0;
color: #0065B3;
cursor: pointer
}
.gig-comments-dialog .gig-comments-dialog-caption-container .gig-comments-dialog-close {
right: -4%;
top: -15px
}
.gig-share {
left: 50% !important;
transform: translateX(-250px)
}
body > .gig-share {
position: fixed !important
}
[id$=_showShareUI_emailCanvas] > tbody > tr:nth-child(1) tr > td:nth-child(2) div {
transform: translateX(198px);
top: -15px
}
[id$=_showShareUI_emailCanvas] > tbody > tr:nth-child(1) tr > td:nth-child(2):before {
padding: 15px 0 15px 5px
}
[id$=_showShareUI_shareCanvas] > table {
max-width: 100%
}
.gig-simpleShareUI .gig-simpleShareUI-inner {
width: 200px
}
.gig-simpleShareUI .gig-simpleShareUI-closeButton {
right: 3%
}
.gig-simpleShareUI .gig-simpleShareUI-content .gig-simpleShareUI-button {
width: 22%
}
.gig-simpleShareUI .gig-simpleShareUI-content .gig-simpleShareUI-button[provider=email] {
display: inline-block
}
}
.icon.thumbs-up:before {
content: ""
}
.icon.thumbs-down:before {
content: ""
}
.notification {
padding: 18px 12px
}
#social-follow {
font-size: 13px;
margin-bottom: 48px
}
#social-follow:empty {
margin-bottom: 0
}
#social-headings {
display: none
}
#social-headings li {
font-weight: 700
}
#social-methods .icon {
border-radius: 0;
font-size: 32px;
height: 32px;
width: 32px
}
#social-methods .icon.small {
font-size: 18px;
height: 18px;
width: 18px
}
#social-methods .icon.large {
cursor: default;
display: none
}
#social-methods a {
text-decoration: none
}
#social-methods > div {
padding: 18px 12px
}
#social-methods > div.facebook-share {
background: #315C97
}
#social-methods > div.facebook-share strong {
color: #fff;
display: block;
padding-left: 28px;
position: relative
}
#social-methods > div.facebook-share strong span {
left: 0;
position: absolute;
top: -4px
}
#social-methods > div.facebook-share strong em {
display: inline-block;
font-style: normal;
font-weight: normal;
margin-left: 5px
}
#social-methods > div.facebook-share .page-name {
color: #fff;
font-weight: 700;
left: 10px;
position: relative;
top: -8px
}
@media all and (min-width: 728px) {
#social-methods > div.facebook-share .page-name {
left: 0;
margin-left: 13px;
margin-top: 45px;
position: absolute;
top: calc(50% - 31px)
}
}
@media all and (min-width: 728px) {
#social-methods > div.facebook-share .fb-like {
margin-top: -15px
}
}
@media all and (min-width: 1240px) {
#social-methods > div.facebook-share .fb-like {
margin-top: -18px
}
}
#social-methods > div.twitter-share {
background: #39A9E0;
cursor: pointer
}
#social-methods > div.twitter-share ul {
overflow: hidden
}
#social-methods > div.twitter-share li {
box-sizing: border-box;
float: left;
line-height: 1.3em;
list-style-type: none;
margin-left: 20px;
min-height: 18px;
padding-left: 26px;
position: relative
}
#social-methods > div.twitter-share li:first-child {
margin-left: 0
}
#social-methods > div.twitter-share li .icon {
left: 0;
position: absolute;
top: -1px
}
#social-methods > div.twitter-share a {
color: #fff;
font-weight: 700
}
#social-methods > div.twitter-share span.icon {
cursor: pointer
}
#social-methods > div.mail-share {
background: #E90E0E;
padding-right: 144px;
position: relative
}
#social-methods > div.mail-share #enter-email {
cursor: pointer;
font-weight: 700
}
#social-methods > div.mail-share.textbox {
padding-bottom: 10px
}
#social-methods > div.mail-share.textbox .icon.large, #social-methods > div.mail-share.textbox #enter-email, #social-methods > div.mail-share.textbox > strong {
display: none
}
#social-methods > div.mail-share.textbox input {
border-radius: 6px;
border: 1px solid #E0E0E0;
color: #979797;
display: block;
font-size: 14px;
margin-top: -8px;
padding: 8px;
width: calc(100% - 24px)
}
#social-methods > div.mail-share.textbox input:focus {
color: #626262
}
#social-methods > div.mail-share.textbox #subscribe {
display: block
}
#social-methods > div.mail-share.textbox #subscribe {
cursor: pointer;
font-weight: 700
}
#social-methods > div.mail-share.user-message {
padding: 0
}
#social-methods > div.mail-share.user-message > * {
display: none
}
#social-methods > div.mail-share.user-message .notification {
display: block
}
#social-methods > div.mail-share .notification strong {
display: block;
font-weight: 700;
position: relative
}
#social-methods > div.mail-share .notification strong span {
border-radius: 0;
font-size: 18px;
height: 18px;
top: -1px;
width: 18px
}
#social-methods > div.mail-share.successful {
background: #009C33
}
#social-methods > div.mail-share.successful .notification strong {
color: #fff
}
#social-methods > div.mail-share.successful .notification strong span {
color: #fff
}
#social-methods > div.mail-share.successful .notification strong span:before {
content: ""
}
#social-methods > div.mail-share.warning {
background: gold
}
#social-methods > div.mail-share.warning .notification strong {
color: #000
}
#social-methods > div.mail-share.warning .notification strong span {
color: #000
}
#social-methods > div.mail-share.warning .notification strong span:before {
content: ""
}
#social-methods > div.mail-share.information {
color: #fff
}
#social-methods > div.mail-share.information .notification strong {
color: #fff
}
#social-methods > div.mail-share.information .notification strong span {
color: #fff
}
#social-methods > div.mail-share.information .notification strong span:before {
content: ""
}
#social-methods > div.mail-share .icon.mail:before {
font-family: FontAwesome;
content: "\f003";
}
#social-methods > div.mail-share > strong {
color: #fff;
min-height: 19px
}
#social-methods > div.mail-share strong {
display: block;
line-height: 1.3em;
padding-left: 28px;
position: relative
}
#social-methods > div.mail-share strong span {
left: 0;
position: absolute;
top: -1px
}
#social-methods > div.mail-share a {
border-radius: 16px;
background: #fff;
border-color: #E90E0E;
border-style: solid;
border-width: 2px;
color: #E90E0E;
display: inline-block;
padding: 8px 10px;
position: absolute;
right: 12px;
text-align: center;
top: 11px;
width: 100px
}
#social-methods > div.mail-share a:hover {
background: #E90E0E;
border-color: #fff;
color: #fff
}
#social-methods > div.mail-share input, #social-methods > div.mail-share #subscribe {
display: none
}
@media all and (min-width: 728px) {
#social-headings {
display: flex;
font-size: 16px
}
#social-headings li:first-child:nth-last-child(1) {
width: calc((100% - 16px) / 1)
}
#social-headings li:first-child:nth-last-child(2), #social-headings li:first-child:nth-last-child(2) ~ li {
width: calc((100% - 16px) / 2)
}
#social-headings li:first-child:nth-last-child(3), #social-headings li:first-child:nth-last-child(3) ~ li {
width: calc((100% - 32px) / 3)
}
#social-headings li {
list-style-type: none;
padding: 12px;
background: #F1F1F1
}
#social-headings li:not(:last-child) {
margin-right: 16px
}
#social-headings li:nth-child(1) strong {
color: #315C97
}
#social-headings li:nth-child(2) strong {
color: #39A9E0
}
#social-headings li:nth-child(3) strong {
color: #E90E0E
}
#social-methods {
display: flex
}
#social-methods .icon.large {
display: block;
position: absolute;
right: 16px;
top: calc(50% - 16px)
}
}
@media all and (min-width: 728px) and (min-width: 1024px) {
#social-methods .icon.large {
top: calc(50% - 20px)
}
}
@media all and (min-width: 728px) and (min-width: 1240px) {
#social-methods .icon.large {
top: calc(50% - 16px)
}
}
@media all and (min-width: 728px) {
#social-methods div:first-child:nth-last-child(1) {
width: calc((100% - 16px) / 1)
}
#social-methods div:first-child:nth-last-child(2), #social-methods div:first-child:nth-last-child(2) ~ div {
width: calc((100% - 16px) / 2)
}
#social-methods div:first-child:nth-last-child(3), #social-methods div:first-child:nth-last-child(3) ~ div {
width: calc((100% - 32px) / 3)
}
#social-methods > div {
list-style-type: none;
padding: 12px;
align-items: center;
box-sizing: border-box;
display: flex;
position: relative
}
#social-methods > div:not(:last-child) {
margin-right: 16px
}
#social-methods > div.facebook-share strong span {
top: -3px
}
#social-methods > div.twitter-share {
padding-right: 64px
}
#social-methods > div.twitter-share li {
margin-left: 0;
margin-top: 5px
}
#social-methods > div.twitter-share li:first-of-type {
margin-top: 0
}
#social-methods > div.mail-share {
padding-right: 64px
}
#social-methods > div.mail-share.textbox {
display: block;
padding: 12px
}
#social-methods > div.mail-share.textbox input {
margin-bottom: 12px;
margin-top: 0;
width: calc(100% - 16px)
}
#social-methods > div.mail-share.textbox a {
display: inline-block;
padding-left: 32px;
padding-right: 32px;
width: 80px
}
#social-methods > div.mail-share > strong, #social-methods > div.mail-share > .icon.small {
display: none
}
#social-methods > div.mail-share a {
border-radius: 22px;
display: block;
padding: 12px 10px;
position: relative;
right: 0;
top: 0;
width: 100%
}
#social-methods > div.mail-share.user-message {
padding-right: 64px
}
#social-methods > div.mail-share .notification {
padding-right: 0;
width: 100%
}
#social-methods > div.mail-share .notification strong {
padding-left: 0
}
#social-methods > div.mail-share .notification strong span {
font-size: 32px;
height: 32px;
left: auto;
right: -48px;
top: calc(50% - 16px);
width: 32px
}
}
@media all and (min-width: 1024px) {
#social-headings {
font-size: 14px
}
}
.jotform-form {
border: 1px solid #0065B3;
margin-bottom: 24px;
margin-left: 12px;
margin-right: 12px;
overflow: hidden;
padding-bottom: 25px;
position: relative;
z-index: 0
}
.jotform-form * {
box-sizing: border-box
}
.jotform-form .competition-header {
border-bottom: 1px solid #0065B3;
color: #494949;
font-size: 24px;
margin-bottom: 0;
padding-bottom: 30px;
padding-top: 30px;
text-align: center
}
.jotform-form .form-line {
border: none;
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 100%
}
.jotform-form .form-line input {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 600;
background-color: #F1F1F1;
border: none;
border-radius: 4px;
box-shadow: none;
float: left;
height: 50px;
line-height: 2.1;
margin: 0 0 10px 0;
padding: 5px 10px;
text-overflow: ellipsis;
width: 100%
}
.jotform-form .form-line input::-webkit-input-placeholder {
color: #979797;
font-size: 12px
}
.jotform-form .form-line input:focus {
border-radius: 4px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
outline: initial
}
.jotform-form .form-line input[disabled] {
background: transparent;
border: 1px solid #F1F1F1;
color: #494949
}
.jotform-form .form-line input::-ms-clear {
display: none
}
.jotform-form .form-line .dropdown {
position: relative
}
.jotform-form .form-line .dropdown:before {
content: ""
}
.jotform-form .form-line .dropdown:before {
color: #0065B3;
font-family: icomoon;
font-size: 17px;
margin-top: 20px;
right: 10px;
bottom: 25px;
position: absolute;
pointer-events: none
}
.jotform-form .form-line .form-dropdown {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 600;
appearance: none;
-webkit-appearance: none;
background-color: #F1F1F1;
border: none;
border-radius: 4px;
color: #141414;
cursor: pointer;
height: 50px;
line-height: 2.1;
margin: 0 0 10px 0;
overflow: hidden;
padding-left: 10px;
padding-right: 28px;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%
}
.jotform-form .form-line .form-dropdown:focus {
box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
border-radius: 4px;
outline: initial
}
.jotform-form .form-line .form-dropdown option {
color: #141414;
padding: 0
}
.jotform-form .form-label-top, .jotform-form .form-label-left {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 400;
font-weight: 700;
color: #494949;
display: block;
line-height: 1.3;
margin-bottom: 10px;
white-space: normal
}
.jotform-form .form-label-center {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 400;
font-weight: 700;
color: #0065B3;
padding-bottom: 17px;
text-align: center
}
.jotform-form .form-label-auto {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700;
color: #494949;
margin-bottom: 12px
}
.jotform-form .form-input {
display: inline-block;
width: 100%
}
.jotform-form .form-sub-label-container-2 {
display: inline-block;
margin-right: 0;
padding-right: 0;
width: 100%
}
.jotform-form .form-sub-label-container-2:nth-child(2n+1) {
padding-left: 0;
width: 100%
}
.jotform-form .form-sub-label-container-2 .form-error-message:after {
top: 21%
}
.jotform-form .form-sub-label-container-3 {
float: left;
padding-left: 0;
padding-right: 10px;
width: 33%
}
.jotform-form .form-sub-label-container-3:last-child {
padding-right: 0
}
.jotform-form .form-sub-label-container-3 .form-error-message {
width: 205%
}
.jotform-form .form-sub-label-container-3 .form-error-message:after {
left: 18%;
top: 50%
}
.jotform-form .form-single-column.form-multiple-column {
border-bottom: 1px solid #0065B3;
display: inline-block;
padding-bottom: 30px;
padding-top: 10px;
width: 100%
}
.jotform-form .form-single-column.form-multiple-column .form-radio-item, .jotform-form .form-single-column.form-multiple-column .form-checkbox-item {
display: block;
padding-bottom: 5px;
padding-left: 0;
width: 100%
}
.jotform-form .form-single-column.form-multiple-column .form-radio-item label, .jotform-form .form-single-column.form-multiple-column .form-checkbox-item label {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
color: #494949;
display: block;
height: auto;
line-height: 1.3;
position: relative
}
.jotform-form .form-single-column.form-multiple-column .form-radio-item label .form-radio, .jotform-form .form-single-column.form-multiple-column .form-radio-item label .form-checkbox, .jotform-form .form-single-column.form-multiple-column .form-checkbox-item label .form-radio, .jotform-form .form-single-column.form-multiple-column .form-checkbox-item label .form-checkbox {
cursor: pointer;
float: left;
position: absolute;
vertical-align: top;
width: auto
}
.jotform-form .form-single-column.form-multiple-column .form-radio-item label .label-text, .jotform-form .form-single-column.form-multiple-column .form-checkbox-item label .label-text {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
padding-left: 23px;
padding-top: 2px
}
.jotform-form .form-single-column.form-multiple-column input[type="checkbox"] .form-error-message + span.check, .jotform-form .form-single-column.form-multiple-column input[type="radio"] .form-error-message + span.check {
height: 20px;
width: 20px
}
.jotform-form .form-single-column.form-multiple-column input[type="checkbox"]:checked + .form-error-message + span.check:before, .jotform-form .form-single-column.form-multiple-column input[type="radio"]:checked + .form-error-message + span.check:before {
bottom: 2px;
font-size: 12px;
right: 4px
}
.jotform-form .form-single-column input[type="checkbox"] + .form-error-message + span.check, .jotform-form .form-single-column input[type="radio"] + .form-error-message + span.check {
display: none;
height: 15px;
width: 15px
}
.jotform-form .form-single-column input[type="checkbox"]:checked + .form-error-message + span.check:before, .jotform-form .form-single-column input[type="radio"]:checked + .form-error-message + span.check:before {
bottom: 2px;
font-size: 10px;
right: 2px
}
.jotform-form .form-single-column .form-radio-item, .jotform-form .form-single-column .form-checkbox-item {
display: block
}
.jotform-form .form-single-column .form-radio-item .form-checkbox, .jotform-form .form-single-column .form-radio-item .form-radio, .jotform-form .form-single-column .form-checkbox-item .form-checkbox, .jotform-form .form-single-column .form-checkbox-item .form-radio {
display: inline-block;
height: 15px;
margin: 0;
width: 14px
}
.jotform-form .form-single-column .form-radio-item .form-checkbox:focus, .jotform-form .form-single-column .form-radio-item .form-radio:focus, .jotform-form .form-single-column .form-checkbox-item .form-checkbox:focus, .jotform-form .form-single-column .form-checkbox-item .form-radio:focus {
border-radius: 4px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5)
}
.jotform-form .form-single-column .form-radio-item:last-child, .jotform-form .form-single-column .form-checkbox-item:last-child {
padding-bottom: 0
}
.jotform-form .form-single-column .form-radio-item .label-text, .jotform-form .form-single-column .form-checkbox-item .label-text {
display: block;
height: 25px;
line-height: 1.2;
padding-left: 30px;
position: relative;
top: 2px
}
.jotform-form .form-single-column .form-checkbox-item .label-text {
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-weight: 400
}
.jotform-form .form-single-column .form-radio-item .label-text {
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-weight: 400
}
.jotform-form .button-row {
padding-bottom: 30px;
padding-top: 30px
}
.jotform-form .button-row .btn-submit {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700;
background: #0065B3;
border: 2px solid #0065B3;
border-radius: 30px;
color: #fff;
cursor: pointer;
left: 50%;
line-height: 1;
padding: 12px 34px;
position: relative;
outline: initial;
transform: translateX(-50%);
transition: .4s ease-in-out all;
width: auto
}
.jotform-form .button-row .btn-submit:focus {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5)
}
.jotform-form .button-legend {
display: none
}
.jotform-form .form-required {
padding-left: 5px
}
.jotform-form input[type="checkbox"], .jotform-form input[type="radio"] {
display: none
}
.jotform-form input[type="checkbox"] + .form-error-message + span.check, .jotform-form input[type="radio"] + .form-error-message + span.check {
background-color: #F1F1F1;
cursor: pointer;
display: inline-block;
float: left;
margin: -1px 6px 0 0;
position: relative;
vertical-align: middle
}
.jotform-form input[type="radio"] + .form-error-message + span.check {
border-radius: 50%
}
.jotform-form input[type="checkbox"]:checked + .form-error-message + span.check:before, .jotform-form input[type="radio"]:checked + .form-error-message + span.check:before {
content: "\ea10";
color: #494949;
font-family: icomoon;
pointer-events: none;
position: absolute
}
.jotform-form .form-file input {
background: none
}
.jotform-form .form-file input:focus {
box-shadow: none
}
.jotform-form .form-file input::-webkit-file-upload-button {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700;
-webkit-appearance: none;
background-color: #0065B3;
border: 2px solid #0065B3;
border-radius: 30px;
color: #fff;
cursor: pointer;
line-height: 1.2;
padding: 8px 20px;
outline: initial;
text-transform: capitalize
}
.jotform-form .form-single-column .form-checkbox-item.error-required {
background: gold;
margin-left: -15px;
margin-right: -15px
}
.jotform-form .form-single-column .form-checkbox-item.error-required .form-checkbox {
margin-left: 15px;
margin-top: 7px
}
.jotform-form .form-single-column .form-checkbox-item.error-required .label-text {
display: inline-block;
padding-left: 10px;
top: 4px
}
.jotform-form .form-single-column .form-checkbox-item.error-required .form-error-message {
display: block;
margin-left: 45px
}
.form-header {
background-size: cover;
background-position: bottom center;
background-image: url("../../../../../chameleon-sso/competition/img/stars.png");
background-color: #0065B3;
color: #fff;
padding-bottom: 12px;
padding-top: 15px;
position: relative
}
.form-header .logo {
background: transparent url("data:image/png;base64,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") no-repeat center center;
height: 50px;
width: 175px;
background-size: 100% 100%;
display: block;
height: 50px;
margin: 0 auto 20px;
position: relative;
width: 155px
}
.form-header .logo:after {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700;
display: block;
color: #fff;
content: "competition";
font-size: 13px;
letter-spacing: 3.5px;
padding-top: 10px;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 33px;
width: 100%
}
select::-ms-expand {
display: none
}
.competition-enter, .competition-form {
display: none
}
.competition-enter.current, .competition-form.current {
display: block
}
.competition-enter.current .jotform-form, .competition-form.current .jotform-form {
display: block
}
.jotform-form, .thank-you {
display: none
}
.thank-you.current {
display: block
}
.thank-you .message {
border: 1px solid #0065B3;
text-align: center
}
.thank-you .message span {
color: #494949;
display: block
}
.thank-you .message .first {
font-family: 'Open Sans', sans-serif;
font-size: 22px;
font-weight: 400;
font-weight: 700;
padding: 30px 0 20px 0
}
.thank-you .message .second {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
font-weight: 700;
line-height: 1.5;
padding-left: 5px;
padding-right: 5px
}
.thank-you .message .second:last-child {
padding-bottom: 30px
}
.competition-wrapper {
margin-bottom: 24px;
margin-left: 12px;
margin-right: 12px;
position: relative
}
.competition-wrapper .form-logout, .competition-wrapper .form-logout-success {
bottom: 40%;
cursor: pointer;
display: inline-block;
font-size: 12px;
position: absolute;
right: 10px;
text-transform: uppercase
}
.form-login-button {
background-color: #0065B3;
background-image: url("../../../../../chameleon-sso/competition/img/stars.png");
background-position: bottom;
background-size: cover;
height: 95px;
padding: 0 20px;
position: relative
}
.form-login-button .logo {
background: transparent url("data:image/png;base64,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") no-repeat center center;
height: 50px;
width: 175px;
background-size: contain;
display: block;
height: 45px;
left: 0;
position: absolute;
top: 18px;
width: 140px
}
.form-login-button .logo:after {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 600;
color: #fff;
content: "competition";
display: block;
left: 21px;
letter-spacing: 1px;
position: absolute;
text-transform: uppercase;
top: 40px
}
.form-login-button .button {
background-color: #fff;
border: 2px solid #fff;
border-radius: 30px;
box-sizing: border-box;
color: #0065B3;
cursor: pointer;
display: inline-block;
font-size: 15px;
font-weight: 700;
padding: 13px 30px;
position: absolute;
right: 18px;
text-transform: uppercase;
top: 50%;
transform: translateY(-50%);
transition: .4s ease-in-out all
}
.competition-scrim {
background-color: rgba(0, 0, 0, 0.4);
height: 100%;
opacity: 0;
position: absolute;
transition: opacity 0.4s ease-out;
visibility: hidden;
width: 100%;
z-index: 5
}
.competition-scrim.scrim-visible {
opacity: 1;
visibility: visible
}
.form-error-message {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 400;
font-weight: 700;
color: #626262;
bottom: 3px;
display: none;
line-height: 1;
margin-bottom: 8px;
margin-left: 10px;
position: relative;
width: 100%
}
.header-error-message {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 400;
font-weight: 700;
background-color: gold;
color: #141414;
display: none;
line-height: 1.2;
margin-left: -30px;
margin-right: -30px;
padding: 10px 18px;
position: relative;
text-align: center;
top: 10px
}
.yellow-background {
background: gold !important
}
.yellow-background::-webkit-input-placeholder {
color: #141414 !important
}
.grey-background {
background: #F1F1F1
}
.display-inline {
display: inline-block
}
.display-block {
display: block
}
@media all and (min-width: 728px) {
.jotform-form {
margin-left: 0;
margin-right: 0
}
.jotform-form .form-single-column.form-multiple-column .form-radio-item, .jotform-form .form-single-column.form-multiple-column .form-checkbox-item {
display: inline-block;
float: left;
padding-bottom: 0;
padding-left: 25px;
width: 32%
}
.jotform-form .form-sub-label-container-2 {
display: block;
float: left;
width: 50%
}
.jotform-form .form-sub-label-container-2:nth-child(2n+1) {
padding-right: 5px;
width: 50%
}
.competition-wrapper {
margin-left: 0;
margin-right: 0
}
.competition-wrapper .form-logout, .competition-wrapper .form-logout-success {
font-size: 15px;
right: 20px
}
.form-login-button {
padding: 0 30px
}
.form-login-button .logo {
height: 50px;
left: 7px;
top: 12px;
width: 155px
}
.form-login-button .logo:after {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 600;
left: 23px;
letter-spacing: 1.5px;
top: 45px
}
.form-login-button .button {
line-height: 1.5;
padding: 13px 48px;
right: 28px
}
.header-error-message {
padding: 10px
}
}
@media all and (min-width: 1024px) {
.jotform-form {
margin-left: 0;
margin-right: 0
}
.jotform-form .form-sub-label-container-2 {
display: inline-block;
float: left;
width: 50%
}
.jotform-form .form-sub-label-container-2:nth-child(2n+1) {
padding-right: 5px;
width: 50%
}
.competition-wrapper {
margin-left: 0;
margin-right: 0
}
.thank-you .message .first {
font-size: 22px
}
.thank-you .message .second {
font-size: 15px
}
}
@media all and (min-width: 1240px) {
.jotform-form {
margin-bottom: 40px;
margin-left: 0;
margin-right: 0
}
.jotform-form .form-line {
padding-left: 30px;
padding-right: 30px
}
.jotform-form .form-line input, .jotform-form .form-line .form-dropdown {
height: 40px
}
.jotform-form .form-line .dropdown.no-before:before {
bottom: 45px
}
.jotform-form .form-line .dropdown:before {
bottom: 20px
}
.jotform-form .form-sub-label-container-2 {
display: inline-block;
float: left;
width: 50%
}
.jotform-form .form-sub-label-container-2:nth-child(2n+1) {
padding-right: 5px;
width: 50%
}
.jotform-form .form-single-column.form-multiple-column .form-radio-item label .label-text, .jotform-form .form-single-column.form-multiple-column .form-checkbox-item label .label-text {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 400
}
.jotform-form .form-single-column.form-multiple-column input[type="checkbox"] + .form-error-message + span.check, .jotform-form .form-single-column.form-multiple-column input[type="radio"] + .form-error-message + span.check {
height: 25px;
width: 25px
}
.jotform-form .form-single-column.form-multiple-column input[type="checkbox"]:checked + .form-error-message + span.check:before, .jotform-form .form-single-column.form-multiple-column input[type="radio"]:checked + .form-error-message + span.check:before {
bottom: 4px;
right: 6px
}
.jotform-form .form-single-column .form-checkbox-item .form-radio, .jotform-form .form-single-column .form-radio-item .form-radio {
margin: 0
}
.jotform-form .form-single-column .form-checkbox-item .form-checkbox, .jotform-form .form-single-column .form-radio-item .form-checkbox {
margin: 3px 3px 0 5px
}
.jotform-form .form-single-column .form-checkbox-item .label-text, .jotform-form .form-single-column .form-radio-item .label-text {
top: 4px
}
.jotform-form .form-sub-label-container-3 {
width: 20%
}
.jotform-form .button-row .btn-submit:hover {
background: #fff;
border: 2px solid #0065B3;
color: #0065B3
}
.jotform-form .form-single-column .form-checkbox-item.error-required {
margin-left: -30px;
margin-right: -30px
}
.jotform-form .form-single-column .form-checkbox-item.error-required .form-checkbox {
margin-left: 35px
}
.jotform-form .form-single-column .form-checkbox-item.error-required .label-text {
width: 40%
}
.jotform-form .form-single-column .form-checkbox-item.error-required .form-error-message {
display: inline-block;
margin-left: 0;
top: 5px;
width: 40%
}
.competition-wrapper {
margin-bottom: 40px;
margin-left: 0;
margin-right: 0
}
.form-login-button {
padding: 0 30px
}
.form-login-button .logo {
height: 60px;
left: 15px;
top: 10px
}
.form-login-button .logo:after {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 600;
left: 14px;
letter-spacing: 2px;
top: 50px
}
.form-login-button .button {
font-size: 16px;
line-height: 1;
padding: 16px 60px
}
.form-login-button .button:hover {
background: #0065B3;
border: 2px solid #fff;
color: #fff
}
.header-error-message {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700
}
.thank-you .message .first {
font-size: 20px
}
.thank-you .message .second {
font-size: 13px
}
}
.comment-prompt {
background: #fff;
float: left;
margin: 0 12px 30px;
position: relative;
text-align: center;
transition: 50ms ease-in-out;
width: calc(100% - 24px)
}
.comment-prompt:before, .comment-prompt:after {
background: #F1F1F1;
content: '';
height: 8px;
left: 0;
position: absolute;
transition: 150ms ease-in-out;
width: 100%
}
.comment-prompt:before {
top: 0
}
.comment-prompt:after {
bottom: 0
}
.comment-prompt:hover:before {
top: -8px
}
.comment-prompt:hover:after {
bottom: -8px
}
.comment-prompt:hover:before, .comment-prompt:hover:after {
background: #0065B3
}
.comment-prompt .comment-anchor {
display: block;
padding: 24px 12px
}
.comment-prompt .comment-anchor:hover {
text-decoration: none
}
.comment-prompt .comment-icon {
background: url("../../../../../chameleon-sso/comments/img/comment.png") no-repeat center center;
display: inline-block;
height: 57px;
margin: 0 auto 8px;
position: relative;
width: 86px
}
.comment-prompt .comment-icon:before {
background-image: url("../img/icon-nechronicle.svg");
content: '';
height: 20px;
position: absolute;
right: 44px;
top: 14px;
width: 20px
}
.comment-prompt .comment-header {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 400;
font-weight: 700;
color: #494949;
line-height: 1.4;
margin-bottom: 0
}
.comment-prompt .user-name {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 400;
font-weight: 700;
color: #141414;
margin-bottom: 8px
}
.comment-prompt .comment-btn {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 400;
font-weight: 700;
background: #0065B3;
border: 2px solid #0065B3;
border-radius: 30px;
clear: both;
color: #fff;
display: inline-block;
margin-top: 12px;
padding: 12px 34px;
position: relative;
transition: 400ms ease-in-out all
}
.comment-prompt .comment-text {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 400;
color: #3A3A3A;
font-style: italic;
line-height: 1.4;
margin: 0;
padding: 0
}
@media all and (min-width: 728px) {
.comment-prompt {
margin: 8px 40px 30px 0;
max-width: 280px
}
.comment-prompt .comment-anchor {
padding: 32px 12px
}
.comment-prompt .comment-header {
font-size: 22px
}
.comment-prompt .comment-icon {
margin: 0 auto 12px
}
}
@media all and (min-width: 1024px) {
.comment-prompt {
max-width: 240px
}
.comment-prompt .comment-header {
font-size: 20px
}
}
@media all and (min-width: 1240px) {
.comment-prompt {
max-width: 300px
}
.comment-prompt .comment-header {
font-size: 24px
}
.comment-prompt .comment-btn:hover {
background: #fff;
border-color: #0065B3;
color: #0065B3;
cursor: pointer
}
}
#wrapper {
background-size: cover;
display: block;
overflow: hidden;
width: 100%
}
#wrapper .footer {
margin: 80px auto 60px auto
}
#wrapper .footer .button {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700;
background-color: #fff;
border: 2px solid #fff;
border-radius: 50px;
color: #0065B3;
cursor: pointer;
display: inline-block;
left: 50%;
padding: 10px 35px;
position: relative;
transform: translatex(-50%);
transition: 400ms ease-in-out all
}
.content {
display: block;
width: 100%
}
.content .header {
bottom: 10px;
font-weight: 700;
margin-bottom: 36px;
position: relative;
text-align: center
}
.text {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 400;
color: #fff;
padding-top: 240px
}
.text ul {
box-sizing: border-box;
display: inline-block;
left: 50%;
margin-top: 0;
padding-left: 0;
padding-right: 0;
position: relative;
transform: translateX(-50%);
vertical-align: top;
width: 70%
}
.text ul:first-child {
padding-right: 0
}
.text ul li {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
background: url("../../../../../chameleon-sso/premium/img/green-tick.png") no-repeat 0 1px;
background-size: 16px;
color: #fff;
display: block;
margin-bottom: 18px;
padding-left: 25px
}
@media all and (min-width: 728px) {
.text ul {
left: 0;
padding-left: 20px;
padding-right: 50px;
transform: inherit;
width: calc(50% - 4px)
}
.text ul:first-child {
margin-top: 0
}
.text ul:first-of-type {
padding-left: 50px;
padding-right: 20px
}
.text ul li {
font-size: 18px
}
}
@media all and (min-width: 1240px) {
#wrapper .footer .button:hover {
background-color: #0065B3;
border-color: #fff;
color: #fff
}
}
#premium-article-prompt, #bottom-article-message {
display: none
}
.blokada-auto #bottom-article-message, .blokada #bottom-article-message {
display: none
}
.blokada-auto #premium-article-prompt, .blokada #premium-article-prompt {
display: block
}
.blokada-auto #wrapper-premium, .blokada #wrapper-premium {
background: transparent;
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
overflow: hidden;
width: 100%;
display: none
}
.blokada-auto #wrapper-premium .content, .blokada #wrapper-premium .content {
background-position: 50% 20px;
background-repeat: no-repeat;
cursor: pointer;
display: block;
width: 100%
}
.blokada-auto #wrapper-premium .text, .blokada #wrapper-premium .text {
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
padding-top: 240px
}
.blokada-auto #wrapper-premium .header, .blokada #wrapper-premium .header {
font-weight: bold;
margin-bottom: 36px;
text-align: center
}
.blokada-auto #wrapper-premium footer, .blokada #wrapper-premium footer {
margin: 80px auto 60px
}
@media all and (min-width: 728px) {
.blokada-auto #bottom-article-message, .blokada #bottom-article-message {
display: block
}
}
.wip .msg-prompt {
opacity: 0;
transition: opacity 0.3s
}
.msg-prompt {
align-items: center;
display: flex;
justify-content: center;
margin: 0;
padding: 10px 15px;
transition: opacity 0.3s
}
.msg-prompt .lead {
color: #fff;
font-weight: 700;
width: calc(100% - 150px)
}
.msg-prompt .button-container {
flex-shrink: 0
}
.msg-prompt .logo {
background-repeat: no-repeat;
background-size: contain;
display: none;
height: 60px;
width: 80px
}
.inline {
flex: 0 1 auto;
margin: 0 5px;
vertical-align: middle
}
.subscribe {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700;
background: #fff;
border: 2px solid #fff;
border-radius: 30px;
box-sizing: border-box;
color: #0065B3;
cursor: pointer;
max-width: 170px;
outline: initial;
padding: 8px 12px;
transition: 200ms ease-in-out all
}
#bottom-article-message {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
background-color: #d62226;
bottom: 0;
left: 0;
position: fixed;
transition: opacity .5s;
width: 100%;
z-index: 3
}
@media all and (min-width: 728px) {
.inline {
margin: 0 10px
}
.msg-prompt .logo {
display: block
}
.msg-prompt .lead {
width: auto
}
}
@media all and (min-width: 1240px) {
.subscribe:hover {
background-color: #0065B3;
border-color: #fff;
color: #fff
}
}
.loading {
background-color: #fff;
background-image: url("../../../../../chameleon-sso/comments/img/loader.gif");
background-position: 50% 50%;
background-repeat: no-repeat;
height: 150px
}
.green {
color: #009C33 !important
}
.artic-grey {
color: #F1F1F1 !important
}
.profile-container-main {
margin-left: 5px;
margin-right: 5px
}
.profile-container-sidebar {
background-color: #2C2C2C;
float: left;
height: 700px;
position: relative;
vertical-align: top;
width: 15%;
z-index: 1
}
.profile-head-wrapper {
padding-top: 10px
}
.profile-head-wrapper .avatar, .profile-head-wrapper img {
border-radius: 50%;
height: 30px;
left: 50%;
position: relative;
transform: translateX(-50%);
width: 30px
}
.profile-head-wrapper .avatar.empty {
background-color: #141414;
box-shadow: inset 0 0 0 2px #fff
}
.profile-head-wrapper .avatar.empty img {
display: none
}
.profile-head-wrapper .avatar.empty:before {
color: #fff;
content: '\e900';
font-family: icomoon;
font-size: 21px;
left: 50%;
position: absolute;
top: 25%;
transform: translateX(-50%)
}
.profile-head-wrapper .profile-head-data h2 {
color: #626262;
font-size: 0;
margin-top: 0;
text-align: center;
word-wrap: break-word
}
.profile-container-content {
display: inline-block;
width: 75%
}
.profile-navigation ul {
padding-top: 10px
}
.profile-navigation li {
display: block;
text-align: center
}
.profile-navigation li .nav-link {
align-items: center;
color: #fff;
display: flex;
font-size: 11px;
height: 55px;
text-decoration: none
}
.profile-navigation li .nav-link span {
color: #979797;
font-size: 0;
left: 50%;
padding-top: 35px;
position: relative;
transform: translate(-50%, -50%);
top: 40%
}
.profile-navigation li .nav-link span:before {
font-family: 'icomoon';
font-size: 25px;
font-style: normal;
font-variant: normal;
font-weight: normal;
left: 50%;
line-height: 1;
position: absolute;
text-indent: 0;
text-transform: none;
top: 35%;
transform: translate(-50%, -50%)
}
.profile-navigation li .nav-link span.profile:before {
content: '\e918'
}
.profile-navigation li .nav-link span.emailpref:before {
content: '\e007'
}
.profile-navigation li .nav-link span.history:before {
content: '\e919'
}
.profile-navigation li .nav-link span.logout:before {
content: '\e91a'
}
.profile-navigation li.selected {
background: #141414;
position: relative
}
.profile-navigation li.selected:after {
border-bottom: 5px solid transparent;
border-right: 5px solid #fff;
border-top: 5px solid transparent;
content: '';
height: 0;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 0
}
.profile-navigation li.selected span {
color: #fff
}
.content-container .profile-header {
padding: 10px 0 30px 15px
}
.content-container .profile-header h1 {
font-family: 'Open Sans', sans-serif;
font-size: 22px;
font-weight: 400;
font-weight: 700
}
.content-container .profile-header p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.2;
padding-top: 10px
}
.profile-page div.gigya-screen-dialog-top-customized, .profile-page div.gigya-screen-dialog-close, .profile-page .gigya-screen-dialog-mobile div.gigya-screen-mobile-dialog-close, .profile-page .gigya-screen-dialog-mobile .gig-mobile .gigya-dialog-close-custom {
display: none !important
}
.profile-form {
padding: 10px 0 0 15px
}
.profile-form .form-line {
display: block;
height: auto;
width: 100%
}
.profile-form .form-line label {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700;
color: #3A3A3A;
display: block;
padding-bottom: 10px
}
.profile-form .form-line label.invalid {
background-color: #fff
}
.profile-form .form-line input {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
background-color: #F1F1F1;
border: none;
bottom: 1px;
box-sizing: border-box;
color: #3A3A3A;
display: block;
line-height: 1;
margin-bottom: 10px;
padding: 12px 0 12px 20px;
position: relative;
width: 100%
}
.profile-form .form-line input[disabled] {
color: #979797
}
.profile-form .form-line input.invalid {
background-color: #f2c3c4
}
.profile-form .user-details .form-line label {
color: #979797
}
.profile-form .user-name .form-line, .profile-form .user-address .form-line {
margin-top: 10px
}
.profile-form .user-address select, .profile-form .user-gender select {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
background-color: #F1F1F1;
border: none;
bottom: 1px;
box-sizing: border-box;
color: #3A3A3A;
cursor: pointer;
display: block;
line-height: 1.2;
margin-bottom: 20px;
padding: 14px 20px;
position: relative;
-webkit-appearance: none;
width: 100%
}
.profile-form .user-address select.invalid, .profile-form .user-gender select.invalid {
background-color: #f2c3c4
}
.profile-form .user-date {
margin-bottom: 10px
}
.profile-form .user-date label {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700;
color: #3A3A3A;
display: block;
padding-bottom: 10px
}
.profile-form .user-date label.invalid {
background-color: #fff
}
.profile-form .user-date input {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
background-color: #F1F1F1;
border: none;
box-sizing: border-box;
color: #3A3A3A;
display: inline-block;
line-height: 1;
padding: 12px 20px
}
.profile-form .user-date input[name="day"], .profile-form .user-date input[name="month"] {
margin-right: 5px;
width: calc(100% / 3)
}
.profile-form .user-date input[name="year"] {
width: calc(100% / 3 - 10px)
}
.profile-form .user-date input.invalid {
background-color: #f2c3c4
}
.profile-form .user-gender label {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700;
color: #3A3A3A;
display: block;
padding-bottom: 10px
}
.profile-form button {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 400;
font-weight: 700;
background: #0065B3;
border: 2px solid #0065B3;
border-radius: 30px;
color: #fff;
cursor: pointer;
height: 42px;
left: 50%;
margin-top: 25px;
padding: 0 42px;
position: relative;
text-transform: none;
transform: translateX(-50%);
-webkit-appearance: none;
width: auto
}
.profile-form button.submitting {
background-image: url("../../../../../chameleon-sso/comments/img/loader.gif");
color: #0065B3;
background-position: 50%;
background-repeat: no-repeat;
background-size: 30px 30px
}
.profile-form .checkbox {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
cursor: pointer;
margin-top: 10px
}
.profile-form .checkbox input {
cursor: pointer
}
.profile-form .arrow {
display: block;
position: relative
}
.profile-form .arrow:before {
bottom: 15px;
color: #0065B3;
content: '\e605';
font-family: icomoon;
font-size: 17px;
margin-top: 20px;
pointer-events: none;
position: absolute;
right: 25px;
z-index: 1
}
.profile-form .form-error-message {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
background-color: gold;
box-sizing: border-box;
color: #2C2C2C;
display: block;
margin-left: 0;
margin-top: 23px;
padding: 15px 10px 15px 65px;
width: 100%
}
.profile-form .form-error-message span:first-child {
font-weight: 700;
line-height: 1.6;
position: relative
}
.profile-form .form-error-message span:first-child:before {
content: '\ea07';
font-family: icomoon;
font-size: 31px;
left: -40px;
position: absolute
}
.profile-form .form-error-message span {
display: block
}
.user-history-comments {
margin-right: -42px;
padding: 0 0 10px 0
}
.user-history-comments .comments-wrapper {
display: block;
margin-bottom: 0
}
.user-history-comments .comments-wrapper:nth-of-type(2n+1) {
background-color: #F1F1F1
}
.user-history-comments .comments-container {
padding: 20px 10px
}
.user-history-comments .comment-article-title {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
font-weight: 700;
color: #2C2C2C;
line-height: 1.25
}
.user-history-comments .comment-time {
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-weight: 400;
font-weight: 700;
color: #979797;
line-height: 1.9;
padding-top: 5px;
text-transform: uppercase
}
.user-history-comments .comment-body {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
color: #494949;
line-height: 1.5
}
.user-history-comments .view {
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-weight: 400;
font-weight: 700;
color: #E90E0E;
display: inline-block;
line-height: 1.9;
padding-top: 10px;
text-transform: uppercase
}
.user-history-comments .view a {
color: #E90E0E;
text-decoration: none
}
.user-history-comments .likes {
float: right;
line-height: 2.1
}
.user-history-comments .likes .comment-like, .user-history-comments .likes .comment-dislike {
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-weight: 400;
font-weight: 700;
display: inline-block
}
.user-history-comments .likes .comment-like {
padding-right: 10px
}
.user-history-comments .likes .comment-like-nr, .user-history-comments .likes .comment-dislike-nr {
padding-right: 5px
}
.user-history-comments .likes .comment-like-label, .user-history-comments .likes .comment-dislike-label {
color: #979797;
text-transform: uppercase
}
.user-history-comments .likes .comment-like-nr {
color: #009C33
}
.user-history-comments .likes .comment-dislike-nr {
color: #E90E0E
}
.container-history .no-comments {
padding-left: 20px
}
.container-history .no-comments p {
color: #494949;
padding-bottom: 30px
}
.container-history .button-view {
text-align: center
}
.container-history .button-view, .container-history .button-join {
display: block
}
.container-history .button-view .btn-submit, .container-history .button-join .btn-submit {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 400;
font-weight: 700;
border-radius: 30px;
cursor: pointer;
height: 46px;
line-height: 1.9;
outline: none;
padding: 0 42px;
text-transform: none;
-webkit-appearance: none;
width: auto
}
.user-newsletters {
padding: 0 15px 15px 15px;
width: 100%
}
.user-newsletters .newsletter-wrapper {
background-color: #009C33;
cursor: pointer;
float: left;
height: 50px;
margin-bottom: 15px;
margin-right: 15px;
position: relative;
width: 40%
}
.user-newsletters .newsletter-wrapper.unsubscribed {
background-color: #F1F1F1
}
.user-newsletters .newsletter-wrapper.unsubscribed label {
color: #979797
}
.user-newsletters .newsletter-wrapper.loading {
background-size: 40px
}
.user-newsletters .newsletter-wrapper label {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 400;
font-weight: 700;
color: #fff;
cursor: pointer;
margin-left: 10px;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%)
}
.user-newsletters .newsletter-wrapper input[type=checkbox] {
display: none
}
.user-newsletters .newsletter-wrapper input[type=checkbox] + label + span {
cursor: pointer;
float: right;
height: 25px;
right: 0;
position: relative;
width: 25px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%)
}
.user-newsletters .newsletter-wrapper input[type=checkbox] + label + span:before {
bottom: 4px;
content: "\ea10";
color: #fff;
display: none;
font-family: icomoon;
font-size: 15px;
font-weight: 400;
line-height: 1;
position: absolute;
right: 8px;
vertical-align: baseline;
-webkit-font-smoothing: antialiased
}
.user-newsletters .newsletter-wrapper input[type=checkbox] + label + span.ticked:before {
display: block
}
.content-container.container-emailpref {
width: 125%
}
.content-container.container-emailpref .no-emailpref {
padding-left: 15px
}
.content-container.container-emailpref .no-emailpref p {
color: #494949;
padding-bottom: 30px
}
@media all and (min-width: 728px) {
.profile-container-main {
margin-left: 15px;
margin-right: 15px
}
.content-container .profile-header {
padding: 30px
}
.content-container .profile-header h1 {
font-size: 36px
}
.content-container .profile-header p {
font-size: 16px
}
.profile-head-wrapper {
padding-top: 20px
}
.profile-head-wrapper .avatar, .profile-head-wrapper .avatar.empty, .profile-head-wrapper img {
height: 50px;
width: 50px
}
.profile-head-wrapper .avatar.empty:before {
font-size: 40px;
top: 16%
}
.profile-head-wrapper .profile-head-data {
padding-left: 10px;
padding-right: 10px
}
.profile-head-wrapper .profile-head-data h2 {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 18px;
font-weight: 700;
margin-top: 15px
}
.profile-navigation ul {
padding-top: 20px
}
.profile-navigation li .nav-link {
height: 130px
}
.profile-navigation li .nav-link span {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 18px;
font-weight: 700;
padding-top: 40px;
top: 35%
}
.profile-navigation li .nav-link span:before {
font-size: 50px;
top: 0
}
.profile-navigation li .nav-link span.profile:before {
left: 65%
}
.profile-navigation li.selected:after {
border-bottom: 10px solid transparent;
border-right: 10px solid #fff;
border-top: 10px solid transparent
}
.profile-form .form-error-message {
font-size: 16px;
padding: 15px 0 15px 65px
}
.user-history-comments {
margin-right: 0;
padding: 0 0 10px 30px
}
.user-history-comments .comments-container {
padding: 30px
}
.user-history-comments .comment-article-title {
font-size: 17px
}
.user-history-comments .likes .comment-like {
padding-right: 30px
}
.container-history .no-comments {
padding: 0 30px 30px
}
.container-history .button-view .btn-submit, .container-history .button-join .btn-submit {
font-size: 16px;
padding: 0 52px
}
.content-container.container-emailpref .no-emailpref {
padding-left: 30px
}
}
@media all and (min-width: 1024px) {
.user-newsletters {
padding: 0 30px 15px 30px
}
.user-newsletters .newsletter-wrapper {
height: 55px;
width: 22%
}
.user-newsletters .newsletter-wrapper label {
font-size: 16px;
margin-left: 20px
}
.user-newsletters .newsletter-wrapper input[type=checkbox] + label + span:before {
bottom: 2px;
font-size: 21px
}
.content-container.container-emailpref {
width: auto
}
}
@media all and (min-width: 1240px) {
.profile-container-main {
margin-left: 45px;
margin-right: 45px
}
.profile-container-content {
width: 90%
}
.profile-container-sidebar {
width: 9%
}
.profile-head-wrapper .avatar, .profile-head-wrapper .avatar.empty, .profile-head-wrapper img {
height: 65px;
width: 65px
}
.profile-head-wrapper .avatar.empty:before {
font-size: 50px;
top: 22%
}
.profile-navigation li .nav-link span:before {
font-size: 60px
}
.profile-navigation li.selected:after {
border-bottom: 15px solid transparent;
border-right: 15px solid #fff;
border-top: 15px solid transparent
}
.profile-navigation li.selected:hover {
background: #141414
}
.profile-navigation li:hover {
background-color: #464646
}
.profile-form {
padding: 0 30px
}
.profile-form .form-line {
display: block;
height: 57px;
width: 100%
}
.profile-form .form-line label {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 400;
font-weight: 700;
background-color: #E0E0E0;
color: #3A3A3A;
display: inline-block;
line-height: 1;
padding: 20px 0 20px 20px;
width: 24%
}
.profile-form .form-line label.invalid {
background-color: #e98b8c
}
.profile-form .form-line input {
display: inline-block;
font-size: 16px;
line-height: 1.4;
margin-bottom: 0;
padding: 17px 0 17px 25px;
width: 73%
}
.profile-form .user-details .form-line:first-child, .profile-form .user-details .form-line:nth-child(2) {
margin-bottom: 10px
}
.profile-form .user-name .form-line:first-child {
margin-bottom: 10px;
margin-top: 30px
}
.profile-form .user-name fieldset {
height: 112px
}
.profile-form .user-name label {
margin-bottom: 10px
}
.profile-form .user-address fieldset {
height: 400px;
margin-top: 30px
}
.profile-form .user-address label {
color: #3A3A3A;
margin-bottom: 10px
}
.profile-form .user-address select {
display: inline-block;
line-height: 1.4;
margin-bottom: 0;
padding: 18px 25px;
width: 73%
}
.profile-form .user-date label {
background-color: #E0E0E0;
display: inline-block;
font-size: 16px;
padding: 20px 0 20px 20px;
width: 24%
}
.profile-form .user-date label.invalid {
background-color: #e98b8c
}
.profile-form .user-date input {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 400;
background-color: #F1F1F1;
border: none;
bottom: 1px;
color: #3A3A3A;
display: inline-block;
line-height: 1.4;
padding: 17px 20px;
position: relative
}
.profile-form .user-date input[name="day"] {
margin-right: 10px;
padding-right: 0;
width: calc(24% - 10px)
}
.profile-form .user-date input[name="month"] {
margin-right: 10px;
padding-right: 0px;
width: calc(25% - 10px)
}
.profile-form .user-date input[name="year"] {
padding-left: 20px;
width: calc(25% - 11px)
}
.profile-form .user-gender {
margin-bottom: 25px
}
.profile-form .user-gender label {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 400;
font-weight: 700;
background-color: #E0E0E0;
color: #3A3A3A;
display: inline-block;
padding: 20px 0 20px 20px;
width: 24%
}
.profile-form .user-gender label.invalid {
background-color: #e98b8c
}
.profile-form .user-gender select {
display: inline-block;
font-size: 16px;
line-height: 1.4;
margin-bottom: 0;
padding: 17px 20px;
width: 73%
}
.profile-form .checkbox {
font-size: 16px;
margin: 0
}
.profile-form .non-highlighted {
margin-bottom: 25px
}
.profile-form button {
height: 55px;
margin-top: 0;
padding: 0 65px
}
.profile-form button:hover {
background: #fff;
color: #0065B3
}
.profile-form .arrow {
display: initial
}
.profile-form .arrow:before {
bottom: 0
}
.user-history-comments {
padding: 0 30px 30px
}
}
@media all and (min-width: 1240px) and (-ms-high-contrast: none), all and (min-width: 1240px) and (-ms-high-contrast: active) {
.profile-form .arrow {
display: inline
}
}
.notifications {
bottom: 0;
box-sizing: border-box;
display: block;
left: 0;
position: fixed;
width: 100%;
z-index: 3
}
.notifications .notification-wrapper {
background-image: none;
background-size: 80px 80px;
bottom: 0;
display: block;
height: auto;
left: 0;
padding-left: 0;
position: fixed;
right: 0;
width: 100%;
z-index: 10
}
@media all and (min-width: 1024px) {
.notifications .notification-wrapper {
background: #0065B3 url("../img/icon-nechronicle.svg") no-repeat;
background-size: 80px 80px;
height: 85px;
padding-left: 80px;
width: calc(100% - 80px)
}
}
.notifications .notification-wrapper .notification-url {
display: block;
height: 100%;
padding: 10px;
position: relative;
text-decoration: none
}
@media all and (min-width: 1024px) {
.notifications .notification-wrapper .notification-url {
align-content: center;
align-items: center;
border-left: 1px solid #2C2C2C;
display: flex;
padding: 0
}
}
.notifications .notification-wrapper p {
margin: 0
}
.notifications .notification-wrapper .title {
color: #fff;
display: block;
font-size: 17px;
font-weight: bold;
height: auto;
line-height: 1.3;
margin: 0;
margin-right: 35px;
overflow: hidden;
padding-top: 5px;
width: auto
}
@media all and (min-width: 1024px) {
.notifications .notification-wrapper .title {
font-size: 20px;
min-height: 40%;
overflow: hidden;
padding-top: 5px;
vertical-align: middle;
width: 70%
}
}
.notifications .notification-wrapper .title:hover {
text-decoration: underline
}
.notifications .notification-wrapper .breaking-news {
animation-direction: alternate;
animation-duration: 300ms;
animation-iteration-count: infinite;
animation-name: blink;
animation-timing-function: ease-in-out;
background: #fff;
color: #2C2C2C;
font-size: 11px;
padding: 4px 6px;
text-transform: uppercase;
vertical-align: middle;
width: 88px
}
@media all and (min-width: 1024px) {
.notifications .notification-wrapper .breaking-news {
font-size: 16px;
font-weight: bold;
height: 16px;
letter-spacing: 2px;
line-height: 1;
margin: auto 30px;
width: auto
}
}
@keyframes blink {
from {
opacity: 1
}
to {
opacity: .8
}
}
.notifications .notification-wrapper .close {
background: #2C2C2C;
color: #fff;
float: right;
height: 24px;
position: absolute;
right: 15px;
text-decoration: none;
top: calc(50% - 10px);
width: 24px;
z-index: 4
}
.notifications .notification-wrapper .close:before {
content: ""
}
.notifications .notification-wrapper .close:hover {
cursor: pointer;
opacity: .8
}
.notifications .notification-wrapper.sticky {
bottom: 125px
}
@media all and (min-width: 728px) {
.notifications .notification-wrapper.sticky {
bottom: 75px
}
}
@media all and (min-width: 1024px) {
.notifications .notification-wrapper.sticky {
bottom: 80px
}
}
@media all and (min-width: 1240px) {
.notifications .notification-wrapper.sticky {
bottom: 60px
}
}
#haymarket-car-search-form {
display: none;
margin-top: 20px
}
#haymarket-car-search-form h4 {
background-color: #F1F1F1;
background-size: 55px;
border-left: 1px solid #E0E0E0;
border-right: 1px solid #E0E0E0;
border-top: 4px solid #0065B3;
color: #494949;
font-size: 20px;
padding: 20px 10px 10px
}
#haymarket-car-search-form h4 .bold {
font-size: 20px;
font-weight: 700
}
#haymarket-car-search-form form {
background-color: #F1F1F1;
background-size: 40%;
border: 1px solid #E0E0E0;
border-top: 0;
padding: 20px 10px 30px
}
#haymarket-car-search-form form.padding-top {
padding: 10px 10px 30px
}
#haymarket-car-search-form .select-wrapper {
position: relative
}
#haymarket-car-search-form .select-wrapper span:after {
color: #0065B3;
content: "";
font-family: 'icomoon';
pointer-events: none;
position: absolute;
right: 10px;
top: 14px
}
#haymarket-car-search-form .select-wrapper.miles-select-wrapper {
display: inline-block;
width: 50%
}
#haymarket-car-search-form .select-wrapper.miles-select-wrapper span:after {
top: 6px
}
#haymarket-car-search-form select {
-webkit-appearance: none;
appearance: none;
background-color: #fff;
background-size: 14px;
border: 1px solid #E0E0E0;
border-radius: 3px;
color: #000;
font-family: 'Open Sans';
font-size: 15px;
margin: 8px 0;
padding: 3px 10px 6px;
width: 100%
}
#haymarket-car-search-form select:focus {
outline: 0
}
#haymarket-car-search-form select::-ms-expand {
display: none
}
#haymarket-car-search-form select option {
display: block
}
#haymarket-car-search-form input[type=text] {
-webkit-appearance: none;
border: 1px solid #E0E0E0;
border-radius: 3px;
color: #494949;
font-family: 'Open Sans';
font-size: 12px;
margin: 10px 0 20px;
margin-right: 5%;
padding: 5px 10px;
width: 37%
}
#haymarket-car-search-form input[type=text]:focus {
border: 1px solid #979797;
outline: 0
}
#haymarket-car-search-form #area {
margin-top: -1px;
width: 100%
}
#haymarket-car-search-form .digit {
background: linear-gradient(to bottom, gray 0%, #3a3a3a 2%, #292929 46%, #000 47%, #000 51%, #3a3a3a 51%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
border: 0 solid #000;
border-radius: 3px;
box-shadow: 0 5px 0 #E0E0E0;
color: #fff;
display: inline-block;
font-family: 'Open Sans Condensed';
font-size: 20px;
font-weight: 700;
margin-right: 2px;
padding: 8px 7px;
position: relative
}
#haymarket-car-search-form .result-count {
display: inline-block
}
#haymarket-car-search-form .submit-wrap {
-webkit-appearance: none;
background-color: #0065B3;
border: 2px solid #0065B3;
border-radius: 30px;
display: inline-block;
font-family: 'Open Sans';
font-size: 14px;
font-weight: 700;
margin-left: 30px;
padding: 7px 20px;
transition: all 400ms ease-in-out
}
#haymarket-car-search-form .submit-wrap a {
color: #fff;
text-decoration: none
}
#haymarket-car-search-form .submit-wrap:hover {
background-color: #fff;
cursor: pointer
}
#haymarket-car-search-form .submit-wrap:hover a {
color: #0065B3
}
#haymarket-car-search-form .submit-wrap:focus {
outline: 0
}
.secondary.base-layout #haymarket-car-search-form {
margin-left: 16px;
margin-right: 16px
}
@media all and (min-width: 1024px) {
#haymarket-car-search-form {
display: block
}
}
@media all and (min-width: 1240px) {
#haymarket-car-search-form {
display: block
}
}
@media (max-width: 727px) {
#haymarket-car-search-form .digit {
padding: 8px 11px
}
#haymarket-car-search-form input [type=submit] {
padding: 7px 30px
}
}
.inassociation-head {
position: relative
}
#inassociation {
margin: 0 auto;
position: absolute;
right: 0;
top: 0;
width: 170px
}
#inassociation .association-brand {
color: #979797;
font-size: 9px;
font-weight: normal;
text-transform: uppercase
}
#inassociation .association-brand img {
margin-left: -5px;
vertical-align: middle;
width: 100%
}
@media all and (min-width: 728px) {
#inassociation {
margin: 0;
width: auto
}
#inassociation .association-brand {
font-size: 11px
}
#inassociation .association-brand span {
padding-right: 5px;
position: relative;
top: 3px
}
#inassociation .association-brand img {
display: inline;
margin: 0;
width: 295px
}
#inassociation:after {
clear: both;
content: ''
}
}
@media (max-width: 374px) {
#inassociation {
top: 5px;
width: 120px
}
}
.hotjobs {
background-color: #0065B3;
display: none;
margin: 0 1pc
}
.hotjobs .title {
background-color: transparent;
color: #fff;
font-size: 20px;
font-weight: normal;
position: relative
}
.hotjobs .title .bold {
font-size: 20px;
font-weight: 700
}
.hotjobs .title .icon-rps-jobs {
color: #fff;
display: inline-block;
margin-right: 10px;
position: absolute;
right: 0
}
.hotjobs .job-container {
overflow: hidden
}
.hotjobs .job-container:hover {
overflow-y: auto
}
.hotjobs .job-container:hover .listing > li {
min-width: 211px
}
.hotjobs .job-container a {
display: block;
text-decoration: none
}
.hotjobs .job-container .job-title {
color: #141414;
display: block;
font-size: 14px;
font-weight: 700;
line-height: 1.3em;
margin-bottom: 4px;
text-decoration: none
}
.hotjobs .job-container .job-title:hover {
text-decoration: underline
}
.hotjobs .job-container .salary {
color: #626262;
line-height: 1.4em
}
.hotjobs ul li {
transition: all 300ms ease-in-out;
background-color: #fff;
border: 1px solid #fff;
cursor: pointer;
font-size: 12px;
margin: 5px;
position: relative
}
.hotjobs ul li:after {
transition: all 300ms ease-in-out;
bottom: 0;
color: #0065B3;
content: '\e919';
font-family: 'icomoon-rps';
font-size: 16px;
height: 16px;
margin: auto;
position: absolute;
right: 20px;
top: 0
}
.hotjobs ul li:hover:after {
right: 15px
}
.hotjobs .job-by-email {
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 14px;
height: auto;
line-height: 1.4em;
position: relative;
text-decoration: none
}
.hotjobs .job-by-email:hover {
text-decoration: underline
}
.hotjobs .job-by-email:before {
content: '\e91b';
font-family: 'icomoon-rps';
left: 8px;
position: absolute;
top: 11px
}
.hotjobs .poweredby {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/madgex/img/fish4-logo.png") no-repeat right 5px top 20px transparent;
background-size: 85px;
color: #fff;
display: inline-block;
font-size: 10px;
height: 30px;
padding: 5px;
text-align: right;
text-decoration: none;
vertical-align: top;
width: 105px
}
@media all and (min-width: 1024px) {
.hotjobs {
display: block
}
.hotjobs .title {
margin-bottom: 0;
padding: 10px
}
.hotjobs .title .icon-rps-jobs {
font-size: 28px;
top: 6px
}
.hotjobs .job-container {
max-height: 130px
}
.hotjobs ul li {
padding: 6px 50px 10px 6px
}
.hotjobs .job-by-email {
padding: 10px 10px 7px 28px
}
.hotjobs .job-by-email:before {
font-size: 14px
}
}
@media all and (min-width: 1240px) {
.hotjobs {
display: block
}
.hotjobs .title {
margin-bottom: 20px;
padding: 20px 10px 10px
}
.hotjobs .title .icon-rps-jobs {
font-size: 40px;
top: 11px
}
.hotjobs .job-container {
max-height: 218px
}
.hotjobs ul li {
padding: 10px 50px 10px 10px
}
.hotjobs .job-by-email {
padding: 10px 10px 13px 33px
}
.hotjobs .job-by-email:before {
font-size: 17px
}
.hotjobs .poweredby {
width: 100px
}
}
.potw-carousel.loading, .prop-carousel.loading {
background-image: url("/@trinitymirrordigital/chameleon-partnership-widgets/property/img/loading.gif");
background-position: 50%;
background-repeat: no-repeat;
height: 240px
}
.potw-carousel.loading *, .prop-carousel.loading * {
opacity: 0;
transition: opacity 1s
}
.property-week {
background: #2F2F38;
box-sizing: border-box;
color: #fff;
height: auto;
margin-bottom: 40px;
overflow: hidden;
transition: opacity 1s;
width: 100%
}
.property-week a {
color: #fff;
display: inline-block;
margin: 10px 5px;
text-decoration: none
}
.property-week a:hover span {
text-decoration: underline
}
.property-week a:hover .potw-img {
opacity: .8;
transition: opacity .1s
}
.property-week .overflow-x {
overflow-x: scroll;
width: 100%
}
.property-week .potw-container {
position: relative
}
.property-week .potw-container .scroll-button {
background-color: #333331;
cursor: pointer;
height: 100%;
opacity: .9;
position: absolute;
top: 0;
width: 35px;
z-index: 1
}
.property-week .potw-container .scroll-button:hover {
opacity: 1
}
.property-week .potw-container .scroll-button:before {
font-size: 30px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}
.property-week .potw-container .scroll-button.scroll-right-potw {
display: none;
right: 0
}
.property-week .potw-container .scroll-button.scroll-left-potw {
display: none;
left: 0
}
.property-week .potw-container .scroll-button.scroll-right-potw:after {
content: "";
display: inline-block;
font-family: 'icomoon';
font-size: 25px;
margin: 0 5px;
position: absolute;
right: 0;
top: 130px;
vertical-align: middle
}
.property-week .potw-container .scroll-button.scroll-left-potw:after {
content: "";
display: inline-block;
font-family: 'icomoon';
font-size: 25px;
left: 0;
margin: 0 5px;
position: absolute;
top: 130px;
vertical-align: middle
}
.property-week h4 {
font-family: 'Signika Negative Bold', sans-serif;
font-size: 24px;
font-weight: 400;
color: #fff;
font-weight: bold;
margin: 0;
padding: 12px;
padding-left: 12px;
text-transform: uppercase
}
.property-week .potw-img {
background-color: #464654;
background-size: cover;
display: inline-block;
height: 188px;
transition: opacity .1s;
vertical-align: top;
width: 250px
}
.property-week .potw-img img, .property-week .potw-img .no-image {
height: 100%;
width: 100%
}
.property-week .potw-text {
display: block;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
line-height: 1.4;
padding-top: 10px;
width: 230px
}
.property-week .potw-text span {
display: block
}
.property-week .potw-text .transaction {
color: #91BD2C;
font-size: 14px;
text-transform: uppercase
}
.property-week .potw-text .price {
font-size: 36px;
line-height: 1;
margin: 10px 0
}
.property-week .potw-text .potw-beds {
text-transform: lowercase
}
.property-week .potw-carousel {
border-top: 1px #626262 solid;
list-style-type: none;
margin: 0;
overflow-y: hidden;
padding: 0;
position: relative;
white-space: nowrap;
width: 100%
}
.property-week .potw-carousel li {
float: left;
white-space: normal
}
@media all and (min-width: 728px) {
.property-week {
height: 270px
}
.property-week .overflow-x {
overflow-x: hidden
}
.property-week h4 {
padding: 15px;
padding-left: 40px
}
.property-week .potw-text {
display: inline-block;
font-size: 13px;
line-height: 1.6;
padding-left: 20px;
padding-right: 25px
}
.property-week a {
margin: 0
}
.property-week .potw-img {
height: 220px;
width: 300px
}
.property-week .potw-container .scroll-button.scroll-left-potw, .property-week .potw-container .scroll-button.scroll-right-potw {
display: block
}
}
@media all and (min-width: 1024px) {
#potw {
margin: 0 16px
}
}
@media all and (min-width: 1240px) {
#potw {
margin: 0 auto;
width: 1176px
}
}
.property-agents {
background: #2F2F38;
box-sizing: border-box;
color: #fff;
height: auto;
margin-bottom: 48px;
overflow: hidden;
transition: opacity 1s;
width: 100%
}
.property-agents .overflow-x {
overflow-x: scroll
}
.property-agents .prop-carousel-container {
border-top: 1px #626262 solid;
padding: 14px 0
}
.property-agents a {
background-color: #F1F1F1;
border: 1px solid #E0E0E0;
color: #000;
display: block;
height: 100%;
margin: 0 5px;
padding-bottom: 10px;
position: relative;
text-align: center;
transition: opacity 1s
}
.property-agents a:hover {
opacity: .8
}
.property-agents a:hover span {
text-decoration: underline
}
.property-agents a:after {
background-image: url("/@trinitymirrordigital/chameleon-partnership-widgets/property/img/featured.png");
background-repeat: no-repeat;
background-size: contain;
content: '';
height: 45px;
left: -1px;
position: absolute;
top: -1px;
width: 45px
}
.property-agents .overflow {
margin-left: 30px;
overflow: hidden;
position: relative;
width: 10000px
}
.property-agents .prop-container {
position: relative
}
.property-agents .prop-container .scroll-button {
background-color: #333331;
cursor: pointer;
height: 100%;
opacity: .9;
position: absolute;
top: 0;
width: 35px;
z-index: 1
}
.property-agents .prop-container .scroll-button:hover {
opacity: 1
}
.property-agents .prop-container .scroll-button:before {
color: #fff;
font-size: 30px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}
.property-agents .prop-container .scroll-button.scroll-right-prop {
display: none;
right: 0
}
.property-agents .prop-container .scroll-button.scroll-left-prop {
display: none;
left: 0
}
.property-agents .prop-container .scroll-button.scroll-right-prop:after {
content: "";
display: inline-block;
font-family: 'icomoon';
font-size: 25px;
margin: 0 5px;
position: absolute;
right: 0;
top: 130px;
vertical-align: middle
}
.property-agents .prop-container .scroll-button.scroll-left-prop:after {
content: "";
display: inline-block;
font-family: 'icomoon';
font-size: 25px;
left: 0;
margin: 0 5px;
position: absolute;
top: 130px;
vertical-align: middle
}
.property-agents h4 {
font-family: 'Signika Negative Bold', sans-serif;
font-size: 24px;
font-weight: 400;
font-weight: bold;
margin: 0;
padding: 12px;
text-transform: uppercase
}
.property-agents .prop-img {
background-color: #fff;
border: 1px solid #D0D0D0;
display: block;
margin: 10px
}
.property-agents .prop-img img, .property-agents .prop-img .no-image {
height: 75px;
margin: 15px auto;
width: 172px
}
.property-agents .prop-text {
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 10px;
font-weight: 600;
padding: 5px
}
.property-agents .prop-text span {
display: block
}
.property-agents .prop-text .price {
font-size: 36px;
line-height: 1;
margin: 10px 0
}
.property-agents .prop-text .prop-details {
font-size: 12px;
line-height: 1.3;
margin-top: 10px
}
.property-agents .prop-text .phone {
font-size: 20px;
font-weight: bold
}
.property-agents .prop-text .phone:before {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAqCAYAAADbCvnoAAAB2ElEQVRYhe3YzYtOURwH8M8zL09MzU7CTg0LL8XORillwU4p2VCzsJSFBf4BC0miKGXBjoXEiiRlJDULNcpsxDQSKdIMhroWd27dnp778szcc57N862zuuc8z+eec8/p/i6DDDJI2AzX7DeES/iCz+E49bIW95Dgap8t1mFKiknwE+P9wkxgNofJ2ul+YPZIn5dOTII5tGNiDmOxAJO1yViYU/hXgUnwTrrzgudTDUzWjsQAPeoB9DoEoHPap2qOW8S1hi1ds1f1zLzFjhgYGMX3EswsxkICOpfsLx6X9E+wMxyn+9a9X9J/Mw4EshRmHL8UL9vzkH/e7fVjCbuwrWDMGD5iJhSqW/Yp32lPY2KyvCkBfcXB2KDJElCC6digUbwvAf3BldiooyWgDHU8JqiFZxWoJRyKidqChQrUb+xevoEoOVEBSvANW2OiLtRAfcCmjnFtXMe5pkEt3KmBeon1y2M24kXu2pmmUW08qIG6i4uY73LtfNOoEdyugSprN7GmSVQLl1eJmpa+zjSak9JzaKWoHziW/8HV1lY3sF9a5a4kIwJVwRvwRG+zE7xYGMJZ6aldhbklcLGQz3a8KoAsSE/96BmWHoL5jxYzItZzRZnAQz0s0X+g0SNsWJ9L9wAAAABJRU5ErkJggg==");
background-repeat: no-repeat;
background-size: contain;
content: '';
display: inline-block;
height: 20px;
width: 20px
}
.property-agents .prop-carousel {
left: 0;
list-style-type: none;
margin: 0;
overflow-y: hidden;
padding: 0;
position: relative;
top: 0;
white-space: nowrap;
width: 100%
}
.property-agents .prop-carousel li {
float: left;
height: 200px;
padding: 0 5px 5px;
white-space: normal;
width: 250px
}
@media all and (min-width: 728px) {
.property-agents .overflow-x {
overflow-x: hidden
}
.property-agents h4 {
font-weight: normal;
padding: 16px;
padding-left: 40px
}
.property-agents .prop-container .scroll-button.scroll-left-prop, .property-agents .prop-container .scroll-button.scroll-right-prop {
display: block
}
}
@media all and (min-width: 1024px) {
#agents {
margin: 0 16px
}
}
@media all and (min-width: 1240px) {
#agents {
margin: 0 auto;
width: 1176px
}
}
#property-search-container {
clear: both
}
#property-search-container:after {
clear: both;
content: '.';
display: block;
height: 0;
visibility: hidden
}
.section-page .ps-head-container .sponsorship-bar {
margin-bottom: 0
}
.property-search {
background-color: #2F2F38;
border-left: 8px solid #91BD2C;
float: left;
margin-top: 5px;
position: relative;
text-align: center;
width: 100%
}
.property-search #property-search-form {
float: left;
padding: 15px 12px;
width: calc(100% - 32px)
}
.property-search h2 {
font-family: 'Signika Negative Bold', sans-serif;
font-size: 25px;
font-weight: 400;
border-bottom: 1px solid #626262;
clear: both;
color: #fff;
display: block;
float: left;
font-size: 24px;
font-weight: 700;
line-height: normal;
margin: 0;
padding: 13px 0 13px 12px;
position: relative;
text-align: left;
text-transform: uppercase;
width: calc(100% - 20px)
}
.property-search .search-select-wrapper {
display: inline-block;
float: left;
max-width: 100px;
min-width: 90px;
position: relative;
width: 20%
}
.property-search .search-select-wrapper:after {
content: "";
display: inline-block;
font-family: 'icomoon';
pointer-events: none;
position: absolute;
right: 12px;
top: 6px
}
.property-search .search-type-select, .property-search .search-location {
-moz-appearance: none;
-webkit-appearance: none;
background-color: #fff;
border: 0;
border-radius: 3px;
display: inline-block;
float: left;
font-size: 13px;
height: 30px;
margin-right: 5px;
padding: 5px
}
.property-search .search-type-select {
width: 96%
}
.property-search .search-location {
-webkit-appearance: textfield;
margin: 0;
min-width: 80px;
width: 45%
}
.property-search .property-search-submit {
transition: all 300ms ease-in-out;
background-color: #91BD2C;
border: solid 2px #91BD2C;
border-radius: 30px;
color: #fff;
cursor: pointer;
float: left;
font-size: 14px;
font-weight: 800;
height: 30px;
margin-left: 5px;
width: 50px
}
.property-search .property-search-submit:hover {
background-color: transparent;
border: solid 2px #fff
}
.property-search .property-error {
transition: all 300ms ease-in-out;
color: #fff;
left: 6%;
position: absolute;
top: 26px;
width: 300px
}
.property-search .property-error .property-error-msg {
background-color: #0065B3;
border-radius: 5px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
font-size: 12px;
margin: 0 auto;
padding: 12px;
text-align: center;
width: 165px
}
.property-search .property-error .property-error-msg:before {
content: ""
}
.property-search .property-error .property-error-msg:before {
font-family: 'icomoon';
font-size: 15px;
padding-right: 5px
}
.property-search .property-error .property-error-msg:after {
border-bottom: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #0065B3;
bottom: -9px;
content: '';
left: calc(50% - 5px);
position: absolute
}
.article-wrapper .property-search {
margin: 0 12px 24px;
width: calc(100% - 32px)
}
.article-wrapper .property-search h2 {
width: calc(100% - 12px)
}
.article-wrapper .property-search #property-search-form {
width: calc(100% - 24px)
}
.article-wrapper .property-search .property-error {
left: 45px
}
@media all and (min-width: 728px) {
.property-search {
padding: 16px 10px 16px 11px;
width: calc(100% - 21px)
}
.property-search #property-search-form {
padding: 0;
width: auto
}
.property-search h2 {
border: 0;
font-size: 22px;
font-weight: 700;
line-height: .7;
margin-right: 10px;
padding-left: 5px;
text-align: left;
text-transform: none;
width: 165px
}
.property-search .search-type-select {
font-size: 14px;
height: 40px;
margin-right: 10px;
padding: 0 18px;
width: 150px
}
.property-search .search-location {
font-size: 14px;
height: 40px;
padding: 0 15px;
width: 225px
}
.property-search .property-search-submit {
font-size: 18px;
font-weight: 700;
height: 40px;
margin-left: 10px;
padding: 0 15px;
width: 70px
}
.property-search .search-select-wrapper {
max-width: none;
width: 160px
}
.property-search .search-select-wrapper:after {
right: 21px;
top: 11px
}
.property-search .property-error {
left: 260px;
top: -40px
}
.property-search .property-error .property-error-msg {
font-size: 14px;
padding: 15px;
width: 200px
}
.property-search .property-error .property-error-msg:before {
font-size: 18px
}
.article-wrapper .property-search {
margin: 0 0 32px;
width: calc(100% - 29px)
}
.article-wrapper .property-search h2 {
width: 165px
}
.article-wrapper .property-search #property-search-form {
width: calc(100% - 185px)
}
.article-wrapper .property-search .search-location {
max-width: 300px;
width: calc(100% - 270px)
}
.article-wrapper .property-search .property-error {
left: 312px
}
}
@media all and (min-width: 1024px) {
.article-wrapper .property-search {
width: calc(100% - 30px)
}
.article-wrapper .property-search h2 {
font-size: 23px;
width: 165px
}
.article-wrapper .property-search #property-search-form {
width: calc(100% - 190px)
}
.article-wrapper .property-search .search-type-select {
font-size: 14px;
height: 44px;
padding: 0 15px;
width: 120px
}
.article-wrapper .property-search .search-location {
font-size: 15px;
height: 43px;
max-width: 300px;
padding: 0 10px;
width: calc(100% - 220px)
}
.article-wrapper .property-search .search-select-wrapper {
width: 130px
}
.article-wrapper .property-search .property-search-submit {
font-size: 15px;
height: 43px;
padding: 0 12px;
width: 75px
}
.article-wrapper .property-search .property-error {
left: 295px
}
.property-search h2 {
font-size: 25px;
line-height: .8;
margin-right: 10px;
padding-left: 12px;
width: 190px
}
.property-search .search-type-select {
font-size: 16px;
height: 47px;
padding: 0 18px;
width: 160px
}
.property-search .search-location {
font-size: 15px;
height: 47px;
max-width: 300px;
padding: 0 15px;
width: 400px
}
.property-search .property-search-submit {
font-size: 18px;
height: 47px;
padding: 0 15px;
width: 78px
}
.property-search .search-select-wrapper {
width: 170px
}
.property-search .search-select-wrapper:after {
top: 16px
}
.property-search .property-error {
left: 430px;
top: -43px
}
.property-search .property-error .property-error-msg {
font-size: 16px;
padding: 16px;
width: 215px
}
.property-search .property-error .property-error-msg:before {
font-size: 20px
}
}
@media all and (min-width: 1240px) {
.article-wrapper .property-search #property-search-form {
width: calc(100% - 205px)
}
.article-wrapper .property-search h2 {
font-size: 25px;
width: 180px
}
.article-wrapper .property-search .search-type-select {
font-size: 16px;
height: 47px;
padding: 0 18px;
width: 140px
}
.article-wrapper .property-search .search-location {
font-size: 15px;
height: 47px;
max-width: 400px;
padding: 0 15px;
width: calc(100% - 270px)
}
.article-wrapper .property-search .search-select-wrapper {
width: 150px
}
.article-wrapper .property-search .property-search-submit {
font-size: 18px;
height: 47px;
padding: 0 15px;
width: 78px
}
.article-wrapper .property-search .property-error {
left: 333px
}
}
#web-search-container {
border-top: 4px solid #0065B3;
display: none;
margin: 0 16px 48px;
position: relative
}
.article-wrapper #web-search-container {
margin: 0 0 48px
}
@media all and (min-width: 1024px) {
#web-search-container {
display: block
}
}
@media all and (min-width: 1240px) {
#web-search-container {
display: block
}
}
.web-search {
background-color: #F1F1F1;
border-bottom: 1px solid #E0E0E0;
border-left: 1px solid #E0E0E0;
border-right: 1px solid #E0E0E0;
font-size: 16px;
padding: 10px
}
.web-search:after {
clear: both;
content: ' ';
display: table
}
.web-search h4 {
color: #494949;
font-size: 20px;
font-weight: 400;
margin-bottom: 20px;
padding: 10px 10px 10px 0
}
.web-search h4 .bold {
font-weight: 700
}
.web-search .search-what, .web-search .search-where {
background-color: #fff;
border: 1px solid #E0E0E0;
box-sizing: border-box;
margin-bottom: 10px;
padding: 8px;
width: 100%
}
.web-search .submit {
transition: all 300ms ease;
background-color: #0065B3;
border: 2px solid #0065B3;
border-radius: 30px;
color: #fff;
cursor: pointer;
float: right;
font-size: 14px;
font-weight: 700;
margin-top: 10px;
padding: 7px 20px
}
.web-search .submit:hover {
background-color: #fff;
color: #0065B3
}
.web-search #bd-sponsor {
float: left;
margin-top: 10px;
width: 100px
}
.web-search #bd-sponsor img {
width: 100%
}
.web-search-error {
transition: all 300ms ease-in-out;
color: #fff;
left: 0;
position: absolute;
top: 10px;
width: 100%;
z-index: 99999
}
.web-search-error.where-top {
top: 50px
}
.web-search-error.not-visible {
top: 75px
}
.web-search-error .web-search-error-msg {
background-color: #0065B3;
border-radius: 5px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
font-size: 16px;
list-style: none;
margin: 0 auto;
padding: 20px;
width: 215px
}
.web-search-error .web-search-error-msg li {
list-style: none;
padding: 5px 0
}
.web-search-error .web-search-error-msg li:before {
content: ""
}
.web-search-error .web-search-error-msg li:before {
font-family: 'icomoon';
padding-right: 5px
}
.web-search-error .web-search-error-msg:after {
border-bottom: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #0065B3;
bottom: -10px;
content: '';
left: calc(50% - 5px);
position: absolute
}
#video-car {
display: block
}
#haymarket-video-car {
background: #222;
display: none
}
#haymarket-video-car div:first-child {
margin: 0 auto;
width: 230px
}
.secondary.base-layout #haymarket-video-car {
margin-left: 16px;
margin-right: 16px
}
@media all and (min-width: 1024px) {
#haymarket-video-car {
display: block
}
}
@media all and (min-width: 1240px) {
#haymarket-video-car {
display: block
}
}
.partner-carousel {
margin-bottom: 32px
}
.partner-carousel .carousel-container {
background-color: #141414;
overflow-x: scroll
}
.partner-carousel .carousel-container .scroll-left-partner, .partner-carousel .carousel-container .scroll-right-partner {
background: #000;
background-size: 25px;
bottom: 0;
cursor: pointer;
display: none;
opacity: .5;
position: absolute;
top: 0;
transition: all .3s ease-in-out;
width: 45px;
z-index: 3
}
.partner-carousel .carousel-container .scroll-left-partner:after, .partner-carousel .carousel-container .scroll-right-partner:after {
color: #fff;
display: inline-block;
font-family: 'icomoon';
font-size: 25px;
margin: 0 20%;
position: absolute;
top: 176px;
vertical-align: middle
}
.partner-carousel .carousel-container .scroll-left-partner:hover, .partner-carousel .carousel-container .scroll-right-partner:hover {
background-color: #0065B3;
border-color: #000;
opacity: 1
}
.partner-carousel .carousel-container .scroll-left-partner {
left: 0
}
.partner-carousel .carousel-container .scroll-left-partner:after {
content: "";
left: 0
}
.partner-carousel .carousel-container .scroll-right-partner {
right: 0
}
.partner-carousel .carousel-container .scroll-right-partner:after {
content: "";
right: 0
}
.partner-carousel .partner-carousel-header {
margin: 0 auto;
margin-bottom: 12px;
overflow: hidden;
width: calc(1240px - 32px)
}
.partner-carousel .partner-carousel-header #logo {
height: 45px;
width: 157.5px;
float: left;
margin: 0 10px;
margin-left: 12px;
position: static
}
.partner-carousel .partner-carousel-header .partnership-text {
color: #141414;
font-family: 'Open Sans Condensed';
font-size: 32px;
font-weight: 700;
height: 45px;
line-height: 45px;
text-transform: uppercase
}
.partner-carousel .carousel-partner-holder {
position: relative
}
.partner-carousel .listing {
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
width: 9999px
}
.partner-carousel .listing li {
float: left;
width: 280px
}
.partner-carousel .listing li .link {
text-decoration: none
}
.partner-carousel .listing li .item {
background-color: #2C2C2C;
color: #fff;
margin-bottom: 10px;
margin-top: 10px;
padding: 0;
position: relative;
width: 270px
}
.partner-carousel .listing li .partner-img {
position: relative
}
.partner-carousel .listing figure {
height: 346px;
margin: 0;
overflow: hidden;
width: 270px
}
.partner-carousel .listing figure img {
height: 100%;
transition: all .4s ease;
width: 100%
}
.partner-carousel .listing .partner-copy {
backface-visibility: hidden;
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.8) 100%);
bottom: 0;
box-sizing: border-box;
color: #979797;
display: block;
font-size: 14px;
height: 255px;
line-height: normal;
overflow: hidden;
padding: 100px 30px 9px 10px;
position: absolute;
transition: all .3s ease;
width: 100%
}
.partner-carousel .listing .partner-copy h4 {
color: #fff;
font-family: 'Open Sans Condensed';
font-size: 30px;
margin-bottom: 7px;
margin-top: 0;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
width: 100%
}
.partner-carousel .listing .partner-copy h4:hover {
text-decoration: underline
}
@media (-webkit-min-device-pixel-ratio: 0) {
.partner-carousel .listing .partner-copy .description {
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
display: -webkit-box;
font-size: 14px;
height: 98px;
line-height: 1.4;
overflow: hidden
}
}
@media (min--moz-device-pixel-ratio: 0) {
.partner-carousel .listing .partner-copy .description {
font-size: 14px;
height: 98px;
line-height: 1.4;
overflow: hidden
}
.partner-carousel .listing .partner-copy .description:before {
content: '';
float: left;
height: 98px;
width: 5px
}
.partner-carousel .listing .partner-copy .description > *:first-child {
float: right;
margin-left: -5px;
width: 100%
}
.partner-carousel .listing .partner-copy .description:after {
background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%, #fff);
content: '\02026';
float: right;
left: 100%;
margin-left: -98px;
padding-right: 5px;
position: relative;
text-align: right;
top: -19.6px;
width: 98px
}
}
.partner-carousel .listing .partner-copy .external-link {
bottom: 15px;
height: 12px;
opacity: .4;
position: absolute;
right: 10px;
width: 12px
}
.partner-carousel .item:hover figure img {
height: 351px;
opacity: .9;
width: 276px
}
@media all and (min-width: 728px) {
.partner-carousel .partner-carousel-header #logo {
margin-left: 16px
}
.partner-carousel .carousel-container {
overflow-x: hidden
}
.partner-carousel .carousel-container .scroll-left-partner, .partner-carousel .carousel-container .scroll-right-partner {
display: block
}
}
:not(.base-layout) > .pancake > #carousel {
margin: 0 0 18px
}
:not(.base-layout) > .pancake > #carousel .partner-carousel {
margin-bottom: 0
}
@media all and (min-width: 728px) {
:not(.base-layout) > .pancake > #carousel {
margin: 0 16px 48px;
width: calc(100% - 32px)
}
:not(.base-layout) > .pancake > #carousel .partner-carousel {
margin-bottom: 0
}
}
.wraparound-body .partner-carousel .listing .partner-copy {
bottom: -1px;
left: -1px;
width: 272px
}
.wraparound-body #partners-footer {
transform-origin: center left
}
.has-partner-footer-widget footer, .has-partner-footer-widget main + #div-gpt-ad-bottom-slot {
margin-top: 48px
}
.article-page #partners-footer {
margin-top: 48px;
padding: 0
}
.article-page #partner-footer .partners-page-footer {
margin-top: 0
}
.article-page #partner-footer .partners-footer-right {
border-color: #fff
}
.article-page #partner-footer .partners-left {
margin: 0;
width: 100%
}
.article-page main #partners-footer {
margin-top: 0;
padding: 0 0 48px
}
.article-page main #partner-footer .partners-page-footer {
margin-top: 48px
}
.article-page main #partner-footer .partners-footer-right {
border-color: #F1F1F1
}
.article-page main #partner-footer .partners-left {
margin: 0 auto;
width: calc(100% - 24px)
}
.article-page:not(main) #partner-footer .partners-footer-right {
margin-left: 0;
width: 100%
}
#partner-footer #logo {
height: 35px;
width: 122.5px;
float: inherit;
margin: 0 auto;
position: static
}
#partner-footer .partners-page-footer {
background-color: #fff;
display: inline-block;
margin-top: 48px;
width: 100%
}
#partner-footer .partners-page-footer .pf-control-right-widget {
height: auto;
min-height: 110px
}
#partner-footer .partner-icons {
margin: 0;
padding: 0;
text-align: center
}
#partner-footer .partner-icons figure.pf-icon-rps-motors {
padding-top: 0
}
#partner-footer .partner-icons .pft-icon-rps-motors {
position: relative;
top: 2px
}
#partner-footer .partner-icons .pf-control-li-widget {
height: auto;
min-height: 70px
}
#partner-footer .partner-icons .pf-control-li-partner-title .partners-title {
line-height: 14px;
overflow: visible;
text-overflow: initial;
white-space: inherit
}
#partner-footer .partner-icons .pf-control-li-widget-4 {
width: 25%
}
#partner-footer .partner-icons li {
display: inline-block;
font-size: 10px;
font-weight: 700;
height: 70px;
list-style: none;
margin: 13px 0;
text-align: center;
text-transform: uppercase;
vertical-align: top;
width: 33%
}
#partner-footer .partner-icons li a {
color: #000;
text-decoration: none
}
#partner-footer .partner-icons li .partners-title {
float: left;
font-size: 10px;
line-height: 14px;
margin: 0 3%;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
width: 94%
}
#partner-footer .partner-icons li figure {
color: #0065B3;
font-size: 50px;
height: 60px;
margin: 0 auto;
padding-top: 2px;
transition: all .2s ease;
width: 45px
}
#partner-footer .partner-icons li img {
width: 90%
}
#partner-footer .partner-icons li:hover figure {
margin-top: 0
}
#partner-footer .partners-left {
background-color: #0065B3;
color: #fff;
float: none;
height: 56px;
margin-left: 12px;
position: relative;
text-transform: uppercase;
width: calc(100% - 24px)
}
#partner-footer .partners-left .header-logo {
bottom: 0;
font-size: 7px;
height: 50px;
left: 0;
letter-spacing: 5px;
margin: auto;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 100%
}
#partner-footer .partners-left .header-logo .header-title {
clear: both;
font-size: 11px;
letter-spacing: 5px;
text-align: center
}
#partner-footer .partners-footer-right {
background: #fff;
border-bottom: 3px solid #F1F1F1;
border-top: 0;
box-sizing: border-box;
float: none;
height: 194px;
margin-left: 12px;
margin-right: 12px;
position: relative;
width: calc(100% - 24px)
}
#partner-footer .partners-section {
zoom: 1
}
#partner-footer .partners-section:before {
content: ' ';
display: table
}
#partner-footer .partners-section:after {
clear: both;
content: ' ';
display: table
}
@media all and (min-width: 728px) and (max-width: 1024px) {
#partner-footer #logo {
height: 50px;
width: 175px;
float: inherit;
margin: 0 auto
}
#partner-footer .partners-footer-right {
border-top: 0;
float: none;
height: 164px
}
#partner-footer .partners-page-footer .pf-control-right-widget {
min-height: 155px
}
#partner-footer .partners-left {
float: none;
height: 86px
}
#partner-footer .partners-left .header-title {
clear: both;
float: left;
text-align: center;
width: 100%
}
#partner-footer .partners-left .header-logo {
font-size: 7px;
height: 55px;
letter-spacing: 5px;
margin: 9px auto;
text-align: center;
width: 100%
}
#partner-footer .partners-left .header-logo .header-title {
font-size: 13px
}
#partner-footer .partner-icons {
margin: 0
}
#partner-footer .partner-icons .pf-control-li-widget {
width: 22%
}
#partner-footer .partner-icons li {
font-size: 10px;
margin: 10px 0;
width: 16.6%
}
#partner-footer .partner-icons li .partners-title {
font-size: 12px
}
#partner-footer .partner-icons li figure {
font-size: 65px;
height: 85px;
margin: 15px auto 0;
width: 56%
}
#partner-footer .partner-icons li:hover figure {
margin-top: 8px
}
#partner-footer .partner-icons .pf-control-li-widget-5 {
width: 19.6%
}
.article-page #partners-footer {
margin: 48px 0 0;
padding: 0;
width: 100%
}
.article-page main #partners-footer {
margin: 0 auto calc(48px - 16px);
width: calc(100% - 32px - 8px)
}
}
@media all and (min-width: 1024px) {
#partner-footer #logo {
height: 70px;
width: 245px;
float: inherit;
margin-bottom: 0;
max-width: 100%
}
#partner-footer .partners-footer-right {
border-top: 3px solid #F1F1F1;
float: left;
height: 160px;
margin-left: 0;
width: calc(100% - 290px - 16px)
}
#partner-footer .partners-left {
float: left;
height: 160px;
width: calc(290px - 16px)
}
#partner-footer .partners-left .header-logo {
font-size: 11px;
height: 63px;
margin: 30px auto;
text-align: center
}
#partner-footer .partners-left .header-logo .header-title {
font-size: 15px
}
#partner-footer .partners-page-footer {
display: inline-block;
width: 100%
}
#partner-footer .partners-page-footer .pf-control-right-widget {
height: 160px
}
#partner-footer .partner-icons {
margin: 0 0 0 20px;
padding: 0
}
#partner-footer .partner-icons figure.pf-icon-rps-motors {
font-size: 75px
}
#partner-footer .partner-icons figure.pf-icon-rps-bingo, #partner-footer .partner-icons figure.pf-icon-rps-dating {
font-size: 67px
}
#partner-footer .partner-icons li, #partner-footer .partner-icons .pf-control-li-partner-title {
font-size: 11px;
height: 120px;
margin: 10px;
width: calc(16.6% - 20px)
}
#partner-footer .partner-icons li .partners-title, #partner-footer .partner-icons .pf-control-li-partner-title .partners-title {
float: left;
font-size: 12px;
margin: 0 1%;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
width: 98%
}
#partner-footer .partner-icons li figure, #partner-footer .partner-icons .pf-control-li-partner-title figure {
color: #0065B3;
font-size: 70px;
height: 90px;
margin: 15px auto 0;
width: 65%
}
#partner-footer .partner-icons li:hover figure, #partner-footer .partner-icons .pf-control-li-partner-title:hover figure {
margin-top: 10px
}
#partner-footer .partner-icons .pf-control-li-widget-3 {
float: left
}
#partner-footer .partner-icons .pf-control-li-widget-4 {
width: calc(22% - 20px)
}
#partner-footer .partner-icons .pf-control-li-widget-5 {
width: calc(19.6% - 20px)
}
.article-page.wraparound-body #partner-footer .partners-footer-right {
border-color: #F1F1F1;
margin-right: 0;
width: calc(100% - 275px)
}
.article-page #partners-footer .partners-footer-right {
width: calc(100% - 290px)
}
.article-page #partner-footer .partners-left {
width: calc(290px - 16px)
}
.article-page:not(main) #partner-footer .partners-footer-right {
margin-left: 0;
margin-right: 0;
width: calc(100% - 290px + 16px)
}
.article-page main #partners-footer {
margin: 0 20px 24px;
padding: 0;
width: calc(100% - 32px)
}
.article-page main #partners-footer .partners-footer-right {
width: calc(100% - 290px)
}
.article-page main #partner-footer .partners-left {
width: calc(290px - 16px)
}
}
@media all and (min-width: 1240px) {
.wraparound-body #partners-footer {
background: none;
transform-origin: center
}
#partner-footer #logo {
height: 71px;
width: 250px
}
#partner-footer {
margin: 0 auto;
width: 1208px
}
.article-page.wraparound-body #partners-footer #partner-footer {
width: 1240px
}
.article-page.wraparound-body main #partners-footer #partner-footer {
width: calc(100% - 32px)
}
.article-page #partner-footer {
margin: 0 auto;
width: 1240px
}
.article-page main #partner-footer {
width: 1208px
}
}
.primary .weather-widget-primary {
display: none !important
}
#weather-widget {
display: inline-block
}
#header-dropdown .weather-widget-primary, #header-dropdown #weather-widget {
display: none
}
.mod-header .secondary .weather-widget-primary {
display: inline-block
}
#weather-widget, .weather-widget-primary {
float: left
}
#weather-widget:after, .weather-widget-primary:after {
clear: both
}
#weather-widget .weather-data, .weather-widget-primary .weather-data {
border-right: 1px solid #E0E0E0;
display: inline-block;
float: left;
height: 36px;
padding: 6px 10px 5px 5px;
text-decoration: none
}
#weather-widget .weather-data:hover, .weather-widget-primary .weather-data:hover {
opacity: 1
}
#weather-widget .weather-data span, .weather-widget-primary .weather-data span {
vertical-align: top
}
#weather-widget .weather-data .weather-logo, .weather-widget-primary .weather-data .weather-logo {
display: inline-block;
padding-right: 10px
}
#weather-widget .weather-data .weather-logo img, .weather-widget-primary .weather-data .weather-logo img {
height: 23px;
width: 23px
}
#weather-widget .weather-data .weather-condition, .weather-widget-primary .weather-data .weather-condition {
display: inline-block;
padding-right: 10px
}
#weather-widget .weather-data .weather-condition img, .weather-widget-primary .weather-data .weather-condition img {
height: 23px;
width: 23px
}
#weather-widget .weather-data .temp, .weather-widget-primary .weather-data .temp {
color: #141414;
display: inline-block;
font-size: 13px;
font-weight: 700;
padding-top: 5px
}
#weather-widget .weather-data .temp .sky-cover, .weather-widget-primary .weather-data .temp .sky-cover {
display: none;
font-weight: normal;
padding-left: 10px;
text-transform: uppercase
}
@media all and (min-width: 728px) {
#weather-widget .weather-data, .weather-widget-primary .weather-data {
height: 40px;
padding: 8px 10px 5px 5px
}
}
@media all and (min-width: 1024px) {
#weather-widget .weather-data, .weather-widget-primary .weather-data {
border-right: 0;
height: 32px;
padding: 5px 10px 5px 5px
}
#weather-widget .weather-data .temp .sky-cover, .weather-widget-primary .weather-data .temp .sky-cover {
display: inline-block
}
}
.partner-head {
border-bottom: 2px solid #F1F1F1;
margin: 0 12px 24px;
overflow: hidden
}
.partner-head h1 {
padding-top: 7px
}
.partner-head h1 .partner-title {
font-family: 'Signika Negative Bold', sans-serif;
font-size: 40px;
font-weight: 400;
color: #141414;
padding-bottom: 6px;
padding-top: 7px;
text-transform: uppercase
}
.partner-head p {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 400
}
.partner-head p:nth-child(1) {
margin-top: 0;
text-transform: uppercase
}
.partner-head p:nth-child(1) a {
color: #979797
}
.partner-head p:nth-child(1) strong {
color: #fff
}
.partner-head p:nth-child(2) {
display: none
}
.partner-head p:nth-child(2) a, .partner-head p strong {
color: #fff
}
.partner-head a {
text-decoration: none
}
.partner-head a:hover {
opacity: .9
}
.partner-head strong {
display: block;
margin-top: 5px
}
.partner-head .image-outer {
display: block
}
.partner-head img {
border: 2px solid #fff;
display: block
}
.partner-head .partner-icomoon {
background: transparent;
background-color: transparent;
bottom: 2px;
box-sizing: border-box;
color: #141414;
display: inline-block;
font-size: 32px;
-webkit-font-smoothing: antialiased;
height: auto;
left: 6px;
padding: 0 15px 5px 0;
position: relative;
right: 6px;
vertical-align: middle
}
.partner-intro {
background: #F1F1F1;
float: left;
padding: 12px
}
.partner-intro figure {
border: 1px solid #E0E0E0;
display: none;
float: left;
margin-right: 20px;
overflow: hidden;
padding: 0;
width: 18%
}
.partner-intro figure img {
background: #fff;
border: 0;
box-sizing: border-box;
padding: 6px
}
.partner-intro .partner-intro-text {
float: left;
width: 100%
}
.partner-intro .partner-intro-text p {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.6;
padding-bottom: 10px;
text-transform: inherit
}
.partner-intro .partner-intro-text .partner-more-on p {
display: inline
}
.partner-intro .partner-intro-text .partner-more-on a {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
color: #0065B3;
display: inline-block;
font-weight: bold
}
.partner-intro .partner-intro-text .partner-more-on a:after {
display: none
}
.partner-intro .text-only {
width: 100%
}
@media all and (min-width: 728px) {
.partner-head {
margin-left: 16px;
margin-right: 16px
}
.partner-intro {
box-sizing: border-box;
padding: 24px 24px 18px;
width: 100%
}
.partner-intro figure {
display: inline-block
}
.partner-intro .partner-intro-text {
width: 70%
}
.partner-intro .partner-intro-text p {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400
}
}
@media all and (min-width: 1024px) {
.partner-head p:nth-child(2) {
display: block;
font-size: 15px;
margin-top: 8px
}
.partner-head p:nth-child(2) a {
display: block;
line-height: 1.3;
padding-right: 18px;
position: relative
}
.partner-head p:nth-child(2) a:after {
content: '\00bb';
display: block;
font-weight: bold;
height: 12px;
position: absolute;
right: 0;
top: 0;
transition: right 200ms ease;
width: 12px
}
.partner-head p:nth-child(2) a:hover:after {
right: -2px
}
.partner-intro figure {
width: 17%
}
.partner-intro figure .partner-intro-text {
width: 79%
}
}
@media all and (min-width: 1240px) {
.partner-head {
margin-left: auto;
margin-right: auto;
width: calc(1240px - 64px)
}
}
.carousel-parent {
background-color: #2C2C2C
}
.hub-carousel-header {
margin: 0 auto;
margin-bottom: 12px;
overflow: hidden;
width: 100%
}
.hub-carousel-header .carousel-title {
background: transparent;
border-bottom: 2px solid #979797;
color: #fff;
display: block;
font-size: 17px;
font-weight: 800;
height: 0;
margin: 0 auto 13px;
padding: 18px 0 8px;
text-align: center;
text-transform: uppercase
}
.hub-carousel-header .carousel-title span {
background-color: #2C2C2C;
padding: 10px
}
.hub-carousel .carousel-container {
overflow-x: scroll
}
.hub-carousel .carousel-container .scroll-left, .hub-carousel .carousel-container .scroll-right {
background: #2C2C2C;
background-size: 25px;
cursor: pointer;
display: none;
height: 185px;
position: absolute;
transition: all .3s ease-in-out;
width: 40px;
z-index: 3
}
.hub-carousel .carousel-container .scroll-left:after, .hub-carousel .carousel-container .scroll-right:after {
color: #fff;
display: inline-block;
font-family: 'icomoon';
font-size: 25px;
margin: 0 20%;
position: absolute;
top: 70px;
vertical-align: middle
}
.hub-carousel .carousel-container .scroll-left:hover:after, .hub-carousel .carousel-container .scroll-right:hover:after {
opacity: .7
}
.hub-carousel .carousel-container .scroll-left {
left: 0
}
.hub-carousel .carousel-container .scroll-left:after {
content: "";
left: 0
}
.hub-carousel .carousel-container .scroll-right {
right: 0
}
.hub-carousel .carousel-container .scroll-right:after {
content: "";
right: 0
}
.hub-carousel .carousel-holder {
margin: 0 auto 32px;
max-width: 1176px;
position: relative;
z-index: 1
}
.hub-carousel .listing {
list-style-type: none;
margin: 0;
margin-left: 5px;
padding: 0;
position: relative
}
.hub-carousel .listing li {
float: left;
padding-bottom: 10px;
padding-right: 4px;
width: 150px
}
.hub-carousel .listing li .link {
text-decoration: none
}
.hub-carousel .listing li .item {
background-color: #2C2C2C;
color: #fff;
position: relative
}
.hub-carousel .listing li .hub-img {
position: relative
}
.hub-carousel .listing figure {
margin-bottom: 10px;
max-height: 100px;
max-width: 100%;
overflow: hidden;
position: relative
}
.hub-carousel .listing figure img {
display: block;
transition: all .4s ease;
width: 100%
}
.hub-carousel .listing .hub-copy {
backface-visibility: hidden;
bottom: 0;
left: 0;
position: absolute;
right: 0
}
.hub-carousel .listing .hub-copy h4 {
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
color: #fff;
font-size: 12px;
font-weight: 700;
margin: 0;
overflow: hidden;
padding: 40px 10px 10px;
text-overflow: ellipsis;
white-space: nowrap
}
.hub-carousel .listing .hub-copy h4:hover {
text-decoration: none
}
@media (-webkit-min-device-pixel-ratio: 0) {
.hub-carousel .listing .hub-copy .description {
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
display: -webkit-box;
font-size: 14px;
height: 98px;
line-height: 1.4;
overflow: hidden
}
}
@media (min--moz-device-pixel-ratio: 0) {
.hub-carousel .listing .hub-copy .description {
font-size: 14px;
height: 98px;
line-height: 1.4;
overflow: hidden
}
.hub-carousel .listing .hub-copy .description:before {
content: '';
float: left;
height: 98px;
width: 5px
}
.hub-carousel .listing .hub-copy .description > *:first-child {
float: right;
margin-left: -5px;
width: 100%
}
.hub-carousel .listing .hub-copy .description:after {
background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%, #fff);
content: '\02026';
float: right;
left: 100%;
margin-left: -98px;
padding-right: 5px;
position: relative;
text-align: right;
top: -19.6px;
width: 98px
}
}
.no-autoscroll .carousel-container .listing {
margin: 0 1%;
width: calc(100% - 1%)
}
.no-autoscroll .carousel-container .listing li {
margin-right: .9%;
padding-left: 0;
padding-right: 0;
width: 24.1%
}
.no-autoscroll .carousel-container .listing li:first-child {
margin-left: 0
}
@media all and (min-width: 728px) {
.hub-carousel .carousel-container {
overflow-x: hidden
}
.hub-carousel .carousel-container .scroll-left, .hub-carousel .carousel-container .scroll-right {
bottom: 16px;
display: block
}
.hub-carousel .listing {
margin: 0;
width: 9999px
}
.hub-carousel .listing li {
width: 270px
}
.hub-carousel .listing figure {
max-height: 180px
}
.hub-carousel .listing .hub-copy h4 {
font-size: 20px
}
.hub-carousel .item:hover figure .animate {
opacity: .9;
transform: scale(1.05);
transition: transform .5s
}
.wraparound-body .hub-carousel-header {
width: 100%
}
.wraparound-body .hub-carousel .listing h4 {
bottom: -2px;
right: -2px
}
.wraparound-body .hub-carousel .carousel-container .scroll-left, .wraparound-body .hub-carousel .carousel-container .scroll-right {
bottom: 16px;
height: 185px
}
.wraparound-body .hub-carousel .carousel-container .scroll-right {
right: -2px
}
.wraparound-body .hub-carousel .carousel-container .scroll-left {
left: -2px
}
.hub-carousel-header .carousel-title {
font-size: 25px;
height: 2px;
margin: 10px auto 30px;
padding: 25px 0 11px
}
:not(.base-layout) > .pancake > #carousel {
margin: 0 16px 48px;
width: calc(100% - 32px)
}
:not(.base-layout) > .pancake > #carousel .hub-carousel {
margin-bottom: 0
}
.no-autoscroll .carousel-container .listing .hub-img {
height: auto;
overflow: hidden
}
.no-autoscroll .carousel-container .listing figure {
margin-bottom: 0;
max-height: none
}
}
@media all and (min-width: 1240px) {
.hub-carousel-header {
width: 1176px
}
.hub-carousel .listing li {
padding-bottom: 30px;
padding-right: 6px;
width: 302px
}
.hub-carousel .listing li figure {
max-height: 200px
}
.hub-carousel .carousel-container .scroll-left, .hub-carousel .carousel-container .scroll-right {
bottom: 40px;
height: 200px
}
.hub-carousel .carousel-container .scroll-left:after, .hub-carousel .carousel-container .scroll-right:after {
top: 80px
}
.wraparound-body .hub-carousel .carousel-container .scroll-left, .wraparound-body .hub-carousel .carousel-container .scroll-right {
bottom: 36px;
height: 206px
}
}
.wraparound-body .hub-carousel .listing .hub-copy {
bottom: -1px;
left: -1px
}
.lottoland-results {
background-color: #fff;
box-sizing: border-box;
color: #000;
padding: 0 12px;
position: relative;
width: 100%
}
.lottoland-results .results-container {
border-bottom: 2px solid #E0E0E0;
margin-bottom: 32px
}
.lottoland-results h2 {
border-bottom: 2px solid #E0E0E0;
font-family: 'Open Sans Condensed';
font-size: 30px;
font-weight: 700;
height: 30px;
margin-bottom: 70px;
text-align: center;
text-transform: uppercase
}
.lottoland-results h2 .lotto-header {
background-color: #fff;
display: inline-block;
font-size: 34px;
padding: 10px
}
.lottoland-results .lottery {
background-color: #E0E0E0;
border-radius: 7px;
box-sizing: border-box;
float: none;
font-family: 'Open Sans Condensed';
font-size: 30px;
font-weight: 700;
margin: 0;
padding: 12px;
text-transform: uppercase;
width: 100%
}
.lottoland-results .lottery:nth-child(odd) {
margin: 20px 0
}
.lottoland-results .lottery:last-child {
margin-bottom: 30px
}
.lottoland-results .lottery .result-title {
font-size: 24px;
margin-bottom: 20px;
padding-left: 85px;
position: relative
}
.lottoland-results .lottery .lottery-date {
display: block;
font-family: 'Open Sans';
font-size: 15px;
font-weight: 400;
margin: 10px 0
}
.lottoland-results .lottery .number {
background-color: #fff;
border: 2px solid #fff;
border-radius: 100%;
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
box-sizing: border-box;
float: left;
font-family: 'Open Sans Condensed';
font-size: 20px;
font-weight: 700;
height: 40px;
margin: 3px;
padding-top: 8px;
text-align: center;
width: 40px
}
.lottoland-results .lottery .number.stars, .lottoland-results .lottery .number.megaballs, .lottoland-results .lottery .number.bonus, .lottoland-results .lottery .number.powerballs {
background-image: url("/@trinitymirrordigital/chameleon-partnership-widgets/lottoland/img/lottoland-bonus-sprite.png");
background-size: 38px;
color: #fff;
font-size: 18px;
padding-top: 9px
}
.lottoland-results .lottery .number.stars {
background-color: #0185DC;
background-position: -1px -1px;
border-color: #0185DC
}
.lottoland-results .lottery .number.megaplier, .lottoland-results .lottery .number.megaballs {
border-color: #3856C6
}
.lottoland-results .lottery .number.megaballs {
background-color: #3856C6;
background-position: -1px -115px
}
.lottoland-results .lottery .number.bonus {
background-color: #FA870F;
background-position: -1px -39px;
border-color: #FA870F
}
.lottoland-results .lottery .number.powerballs, .lottoland-results .lottery .number.powerplay {
border-color: #E90E0E
}
.lottoland-results .lottery .number.powerballs {
background-color: #E90E0E;
background-position: -1px -77px
}
.lottoland-results .lottery .additional {
float: left;
font-family: 'Open Sans';
font-size: 13px;
padding: 10px 5px;
position: relative;
width: 100%
}
.lottoland-results .lottery .lottery-cta {
background-color: #fff;
border-radius: 3px;
box-sizing: border-box;
color: #141414;
font-size: 20px;
margin-top: 20px;
padding: 10px;
position: relative;
text-align: left;
width: 100%
}
.lottoland-results .lottery .lottery-cta:after {
border-bottom: 7px solid #fff;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
content: '';
left: 49%;
position: absolute;
top: -7px
}
.lottoland-results .lottery .lottery-cta-title {
clear: both;
position: relative
}
.lottoland-results .lottery .lottery-cta-title:after {
clear: both;
content: '.';
display: block;
height: 0;
visibility: hidden
}
.lottoland-results .lottery .lottery-cta-title .cta-text {
display: inline-block;
font-size: 21px;
padding-right: 10px;
width: 70%
}
.lottoland-results .lottery .lottery-cta-title .lotto-money, .lottoland-results .lottery .lottery-cta-title .jackpot-text {
font-family: 'Open Sans';
font-size: 13px;
font-weight: 400;
margin-top: 7px
}
.lottoland-results .lottery .lottery-cta-title .lotto-money {
color: #E90E0E;
font-weight: 700
}
.lottoland-results .lottery .play-now {
-webkit-appearance: none;
background-color: #91BD2C;
border: 0;
border-radius: 3px;
color: #fff;
cursor: pointer;
float: right;
font-family: 'Open Sans Condensed';
font-size: 19px;
font-weight: 700;
line-height: 22px;
padding: 5px;
text-align: center;
width: 30%
}
.lottoland-results .lottery .play-now a {
color: #fff;
text-decoration: none
}
.lottoland-results .lottery .play-now .playnow-text {
display: block;
font-size: 16px;
font-weight: 700
}
.lottoland-results .lottery .play-now .playnow {
text-transform: uppercase
}
.lottoland-results .cf {
zoom: 1
}
.lottoland-results .cf:before {
content: ' ';
display: table
}
.lottoland-results .cf:after {
clear: both;
content: ' ';
display: table
}
.lottoland-results .euro-millions:before, .lottoland-results .mega-millions:before, .lottoland-results .irish-lotto:before, .lottoland-results .power-ball:before {
background-color: transparent;
background-image: url("/@trinitymirrordigital/chameleon-partnership-widgets/lottoland/img/lottoland-sprite.png");
background-repeat: no-repeat;
background-size: 300px;
content: '';
height: 65px;
left: 0;
position: absolute;
top: 0;
width: 75px;
z-index: 0
}
.lottoland-results .euro-millions::before {
background-position: 0 -47px
}
.lottoland-results .mega-millions::before {
background-position: -153px -47px
}
.lottoland-results .irish-lotto::before {
background-position: -75px -47px
}
.lottoland-results .power-ball::before {
background-position: -228px -47px
}
.lottoland-results:after {
clear: both;
content: ' ';
display: table
}
.lottoland-results * {
box-sizing: border-box
}
.lottoland-results .amount-win {
line-height: 14px;
margin-top: 0
}
@media all and (max-width: 360px) {
.lottoland-results .lottery .result-title {
font-size: 24px;
margin-bottom: 20px;
padding-left: 0;
padding-right: 85px;
position: relative
}
.lottoland-results .lottery .number {
font-size: 16px;
height: 32px;
padding-top: 5px;
width: 32px
}
.lottoland-results .lottery .number.stars, .lottoland-results .lottery .number.megaballs, .lottoland-results .lottery .number.bonus, .lottoland-results .lottery .number.powerballs {
background-size: 30px;
font-size: 15px;
padding-top: 6px
}
.lottoland-results .lottery .number.megaballs {
background-position: -1px -91px
}
.lottoland-results .lottery .number.bonus {
background-position: -1px -31px
}
.lottoland-results .lottery .number.powerballs {
background-position: -1px -61px
}
.lottoland-results .euro-millions:before, .lottoland-results .mega-millions:before, .lottoland-results .irish-lotto:before, .lottoland-results .power-ball:before {
left: auto;
right: 0
}
.lottoland-results .amount-win {
margin-top: 7px
}
}
@media all and (min-width: 728px) {
.lottoland-results {
padding: 0 16px
}
.lottoland-results .results-container {
padding-bottom: 10px
}
.lottoland-results h2 {
border-bottom: 2px solid #E0E0E0;
font-size: 40px;
height: 30px;
margin-bottom: 60px;
text-align: center
}
.lottoland-results h2 .lotto-header {
font-size: 40px
}
.lottoland-results .lottery {
float: left;
margin: 20px 1% 20px 0;
width: 49%
}
.lottoland-results .lottery:nth-child(odd) {
margin: 20px 0 20px 1%
}
.lottoland-results .lottery .result-title {
font-size: 30px
}
.lottoland-results .lottery .number {
font-size: 20px;
height: 35px;
padding-top: 5px;
width: 35px
}
.lottoland-results .lottery .number.stars, .lottoland-results .lottery .number.megaballs, .lottoland-results .lottery .number.bonus, .lottoland-results .lottery .number.powerballs {
background-size: 33px;
font-size: 18px;
padding-top: 6px
}
.lottoland-results .lottery .number.megaballs {
background-position: -1px -100px
}
.lottoland-results .lottery .number.bonus {
background-position: -1px -34px
}
.lottoland-results .lottery .number.powerballs {
background-position: -1px -67px
}
.lottoland-results .lottery .additional {
font-size: 8px;
margin-left: 2px;
padding: 10px 2px;
width: 13px
}
.lottoland-results .lottery .lottery-cta-title .cta-text {
font-size: 25px;
padding-right: 0
}
.lottoland-results .lottery .lottery-cta-title .lotto-money, .lottoland-results .lottery .lottery-cta-title .jackpot-text {
font-size: 16px
}
.lottoland-results .lottery .play-now {
font-size: 20px;
width: 20%
}
.lottoland-results .amount-win {
margin-top: 5px
}
}
@media all and (min-width: 1024px) {
.lottoland-results .lottery .number {
font-size: 24px;
height: 45px;
padding-top: 8px;
width: 45px
}
.lottoland-results .lottery .number.stars, .lottoland-results .lottery .number.megaballs, .lottoland-results .lottery .number.bonus, .lottoland-results .lottery .number.powerballs {
background-size: 43px;
font-size: 22px;
padding-top: 9px
}
.lottoland-results .lottery .number.megaballs {
background-position: -1px -130px
}
.lottoland-results .lottery .number.bonus {
background-position: -1px -44px
}
.lottoland-results .lottery .number.powerballs {
background-position: -1px -87px
}
.lottoland-results .lottery .additional {
font-size: 13px;
margin-left: 10px;
padding: 10px 5px;
width: 40px
}
}
@media all and (min-width: 1240px) {
.lottoland-results {
margin-left: auto;
margin-right: auto;
padding: 0;
width: calc(1240px - 64px)
}
.lottoland-results .lottery .number {
font-size: 30px;
height: 60px;
padding-top: 12px;
width: 60px
}
.lottoland-results .lottery .number.stars, .lottoland-results .lottery .number.megaballs, .lottoland-results .lottery .number.bonus, .lottoland-results .lottery .number.powerballs {
background-size: 58px;
font-size: 28px;
padding-top: 13px
}
.lottoland-results .lottery .number.megaballs {
background-position: -1px -175px
}
.lottoland-results .lottery .number.bonus {
background-position: -1px -59px
}
.lottoland-results .lottery .number.powerballs {
background-position: -1px -117px
}
.lottoland-results .amount-win {
line-height: 1;
margin-top: 0
}
}
.lottoland-wrapper-full .wrapper {
margin: 0 auto;
max-width: 1240px
}
.lottoland-wrapper-full .lotto-container {
margin-bottom: 48px;
padding: 0;
width: 100%
}
.lottoland-wrapper-full .lotto-container .lotto-header {
position: relative;
width: calc(100% + 24px)
}
.lottoland-wrapper-full .countdown-clock {
display: inline-block;
margin: 20px 0 0
}
.lottoland-wrapper-full .countdown-clock .clock-seconds, .lottoland-wrapper-full .countdown-clock .clock-minutes, .lottoland-wrapper-full .countdown-clock .clock-hours, .lottoland-wrapper-full .countdown-clock .clock-days {
display: inline-block;
float: none;
height: 62px;
margin: 3px;
width: 62px
}
.lottoland-wrapper-full .countdown-clock .clock-seconds .val, .lottoland-wrapper-full .countdown-clock .clock-minutes .val, .lottoland-wrapper-full .countdown-clock .clock-hours .val, .lottoland-wrapper-full .countdown-clock .clock-days .val {
font-size: 26px;
padding-top: 4px
}
.lottoland-wrapper-full .countdown-clock .clock-seconds .units, .lottoland-wrapper-full .countdown-clock .clock-minutes .units, .lottoland-wrapper-full .countdown-clock .clock-hours .units, .lottoland-wrapper-full .countdown-clock .clock-days .units {
color: rgba(255, 255, 255, 0.7);
font-size: 8px
}
.lottoland-wrapper-full .landscape {
display: none
}
.lottoland-wrapper-full .portrait {
float: left;
width: 100%
}
.lottoland-wrapper-full .portrait .lottoimg {
display: block;
height: auto;
width: 100%
}
.lottoland-wrapper-full .headline {
background: rgba(0, 153, 255, 0.87);
bottom: 0;
box-sizing: border-box;
display: inline-block;
left: 0;
padding: 40px 50px 21px;
position: absolute;
top: 0;
width: 95%
}
.lottoland-wrapper-full .headline .bet-now {
background-color: #91BD2C;
border: 0;
border-radius: 50px;
color: #fff;
display: block;
font-family: 'Open Sans Condensed';
font-size: 30px;
font-weight: 700;
line-height: 1.1;
margin: 20px auto;
padding: 15px 30px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease
}
.lottoland-wrapper-full .headline .bet-now:hover {
background-color: #fff;
color: #91BD2C
}
.lottoland-wrapper-full .headline .countdown, .lottoland-wrapper-full .headline .countdown-header {
background-color: transparent;
color: #fff !important;
margin: 0;
text-align: center
}
.lottoland-wrapper-full .headline .countdown-content-title {
color: #fff;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 1.2;
margin: 20px 0;
padding: 0;
text-align: center;
text-decoration: none;
text-transform: uppercase
}
.lottoland-wrapper-full .headline .countdown-content-caption {
color: #fff;
font-size: 19px;
font-weight: normal;
line-height: 25px;
padding-bottom: 0;
text-transform: none
}
.lottoland-wrapper-full .headline .countdown-content-caption span {
font-weight: 700
}
.lottoland-wrapper-full .arrow-container {
display: none
}
.lottoland-wrapper-full .cf {
zoom: 1
}
.lottoland-wrapper-full .cf:before {
content: ' ';
display: table
}
.lottoland-wrapper-full .cf:after {
clear: both;
content: ' ';
display: table
}
.lottoland-wrapper-full * {
box-sizing: border-box
}
@media all and (max-width: 360px) {
.lottoland-wrapper-full .headline {
padding: 20px 5px
}
.lottoland-wrapper-full .headline .bet-now {
font-size: 32px;
padding: 5px;
width: 59%
}
}
@media all and (min-width: 728px) {
.lottoland-wrapper-full {
background-color: #0185DC
}
.lottoland-wrapper-full .landscape {
display: inline-block;
float: right;
width: 100%
}
.lottoland-wrapper-full .landscape .lottoimg {
display: block;
height: auto;
width: 100%
}
.lottoland-wrapper-full .portrait {
display: none
}
.lottoland-wrapper-full .lotto-container {
padding: 0
}
.lottoland-wrapper-full .lotto-container .lotto-header {
top: 0;
width: 100%
}
.lottoland-wrapper-full .headline {
background: none;
margin: 0;
padding: 0 20% 20px;
position: relative;
text-align: left;
width: 100%
}
.lottoland-wrapper-full .headline .countdown-content-title {
font-size: 45px;
margin: 20px 0;
text-align: center
}
.lottoland-wrapper-full .headline .countdown-header {
background-color: #0185DC;
text-align: center
}
.lottoland-wrapper-full .headline .countdown-content-caption {
text-align: center
}
.lottoland-wrapper-full .headline .bet-now {
margin: 20px auto 0
}
.lottoland-wrapper-full .countdown-clock {
margin: 10px 0 0
}
.lottoland-wrapper-full .countdown-clock .clock-seconds, .lottoland-wrapper-full .countdown-clock .clock-minutes, .lottoland-wrapper-full .countdown-clock .clock-hours, .lottoland-wrapper-full .countdown-clock .clock-days {
height: 80px;
width: 80px
}
.lottoland-wrapper-full .countdown-clock .clock-seconds .val, .lottoland-wrapper-full .countdown-clock .clock-minutes .val, .lottoland-wrapper-full .countdown-clock .clock-hours .val, .lottoland-wrapper-full .countdown-clock .clock-days .val {
font-size: 37px
}
.lottoland-wrapper-full .countdown-clock .clock-seconds .units, .lottoland-wrapper-full .countdown-clock .clock-minutes .units, .lottoland-wrapper-full .countdown-clock .clock-hours .units, .lottoland-wrapper-full .countdown-clock .clock-days .units {
font-size: 10px
}
}
@media all and (min-width: 1024px) {
.lottoland-wrapper-full .landscape {
width: 60%
}
.lottoland-wrapper-full .headline {
display: inline-block;
margin: 0;
padding: 80px 5% 0 36px;
position: relative;
text-align: left;
width: 40%
}
.lottoland-wrapper-full .headline .countdown-content-title {
font-size: 28px;
margin: 0;
text-align: left
}
.lottoland-wrapper-full .headline .countdown-content-caption {
text-align: left
}
.lottoland-wrapper-full .headline .bet-now {
margin: 20px auto 38px
}
.lottoland-wrapper-full .lotto-container {
padding: 0 16px
}
.lottoland-wrapper-full .countdown-clock .clock-seconds, .lottoland-wrapper-full .countdown-clock .clock-minutes, .lottoland-wrapper-full .countdown-clock .clock-hours, .lottoland-wrapper-full .countdown-clock .clock-days {
height: 70px;
width: 70px
}
.lottoland-wrapper-full .countdown-clock .clock-seconds .val, .lottoland-wrapper-full .countdown-clock .clock-minutes .val, .lottoland-wrapper-full .countdown-clock .clock-hours .val, .lottoland-wrapper-full .countdown-clock .clock-days .val {
font-size: 33px;
padding-top: 2px
}
.lottoland-wrapper-full .countdown-clock .clock-seconds .units, .lottoland-wrapper-full .countdown-clock .clock-minutes .units, .lottoland-wrapper-full .countdown-clock .clock-hours .units, .lottoland-wrapper-full .countdown-clock .clock-days .units {
font-size: 9px
}
}
@media all and (min-width: 1240px) {
.lottoland-wrapper-full .lotto-container {
padding: 0 32px
}
.lottoland-wrapper-full .headline {
padding: 100px 6% 0 40px
}
.lottoland-wrapper-full .headline .countdown-content-title {
font-size: 40px;
margin: 0;
text-align: left
}
.lottoland-wrapper-full .headline .countdown-content-caption {
text-align: left
}
.lottoland-wrapper-full .countdown-clock .clock-seconds, .lottoland-wrapper-full .countdown-clock .clock-minutes, .lottoland-wrapper-full .countdown-clock .clock-hours, .lottoland-wrapper-full .countdown-clock .clock-days {
height: 80px;
width: 80px
}
.lottoland-wrapper-full .countdown-clock .clock-seconds .val, .lottoland-wrapper-full .countdown-clock .clock-minutes .val, .lottoland-wrapper-full .countdown-clock .clock-hours .val, .lottoland-wrapper-full .countdown-clock .clock-days .val {
font-size: 37px
}
.lottoland-wrapper-full .countdown-clock .clock-seconds .units, .lottoland-wrapper-full .countdown-clock .clock-minutes .units, .lottoland-wrapper-full .countdown-clock .clock-hours .units, .lottoland-wrapper-full .countdown-clock .clock-days .units {
font-size: 10px
}
}
.has-partner-mast-header .partner-mast-header > .primary {
z-index: 5
}
.has-partner-mast-header #takeover, .has-partner-mast-header #header-dropdown {
z-index: 4
}
.has-partner-mast-header[data-scroll-direction='down'] .partner-mast-header #takeover, .has-partner-mast-header[data-scroll-direction='down'] .partner-mast-header.animated #takeover {
top: -19px
}
.has-partner-mast-header[data-scroll-direction='down'] .partner-mast-header .secondary, .has-partner-mast-header[data-scroll-direction='down'] .partner-mast-header.animated .secondary {
top: 14px
}
.has-partner-mast-header .partner-mast-header.animated .secondary {
top: 142px
}
.has-partner-mast-header .partner-mast-header.animated #takeover {
top: 110px
}
.partner-mast-header {
margin-bottom: 33px
}
.partner-mast-header .secondary {
top: 82px
}
.partner-mast-header.prostate-cancer-header #logo {
transition: background-color 500ms, background-image 3s ease-in-out 1s;
background: #ffffff url("zimlivelogo2.png") no-repeat left top;
background-size: 100% 100%
}
#takeover {
transition: top 225ms linear;
height: 33px;
left: 0;
position: fixed;
top: 50px;
width: 100%
}
#takeover .takeover-nav {
clear: both;
background-color: #0082BA;
color: #fff;
font-size: 10px;
height: 33px;
line-height: 3.3;
padding: 0 10px;
text-transform: uppercase;
width: 100%
}
#takeover .takeover-nav:after {
clear: both;
content: '.';
display: block;
height: 0;
visibility: hidden
}
#takeover .takeover-nav .takeover-left {
float: left;
width: 115px
}
#takeover .takeover-nav .takeover-middle {
float: left;
text-align: center;
width: calc(100% - 220px)
}
#takeover .takeover-nav .takeover-content {
color: #fff;
padding: 0 20px;
text-align: center;
width: auto
}
#takeover .takeover-nav .takeover-right {
float: right;
text-align: right;
width: 100px
}
#takeover .takeover-nav .takeover-link {
color: inherit;
text-decoration: none
}
#takeover .takeover-nav .men-left-img, #takeover .takeover-nav .men-right-img {
height: 17px;
width: 74.389261745px;
margin-top: 7px;
vertical-align: top
}
#takeover .takeover-nav .takeover-arrow {
height: 15px;
margin: 9px 0 0 10px;
vertical-align: top;
width: 15px
}
#takeover .takeover-nav .link-desk-text, #takeover .takeover-nav .men-right-img, #takeover .takeover-nav .takeover-content {
display: none
}
#takeover .westandtogether-container {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/masthead/img/men-bg.png") no-repeat right 49.4% top 3px transparent;
background-color: #141414;
background-size: 200px;
box-sizing: border-box;
height: 33px;
padding: 7px 0 4px;
text-align: center;
width: 100%
}
#takeover .westandtogether-container a {
color: #141414;
font-size: 14px;
font-weight: 700;
text-decoration: none
}
#takeover .westandtogether-container a img {
display: inline-block;
margin-right: 10px;
margin-top: -5px;
vertical-align: middle;
width: 23px
}
@media all and (min-width: 728px) {
#takeover {
top: 60px
}
#takeover .takeover-nav {
font-size: 12px;
line-height: 2.8
}
#takeover .takeover-nav .takeover-left, #takeover .takeover-nav .takeover-right {
width: 150px
}
#takeover .takeover-nav .takeover-middle {
width: calc(100% - 300px)
}
#takeover .takeover-nav .takeover-arrow {
height: 18px;
margin: 7px 0 0 10px;
width: 18px
}
#takeover .takeover-nav .men-left-img, #takeover .takeover-nav .men-right-img {
height: 22px;
width: 96.2684563758px;
margin-top: 5px
}
.has-partner-mast-header .partner-mast-header .secondary {
top: 92px
}
.has-partner-mast-header .partner-mast-header.animated .secondary {
top: 152px
}
.has-partner-mast-header .partner-mast-header.animated #takeover {
top: 120px
}
}
@media all and (min-width: 1024px) {
#takeover {
position: absolute;
top: 70px;
transition: none
}
#takeover .takeover-nav {
padding: 0 17px
}
#takeover .takeover-nav .takeover-left, #takeover .takeover-nav .takeover-right {
width: 180px
}
#takeover .takeover-nav .takeover-middle {
width: calc(100% - 360px)
}
#takeover .takeover-nav .link-text {
display: none
}
#takeover .takeover-nav .link-desk-text, #takeover .takeover-nav .men-right-img, #takeover .takeover-nav .takeover-content {
display: inline-block
}
#takeover .takeover-nav .men-right-img {
transform: scaleX(-1)
}
.has-partner-mast-header .partner-mast-header .secondary {
top: 103px
}
.has-partner-mast-header .partner-mast-header.animated .secondary {
position: absolute;
top: 163px
}
.has-partner-mast-header .partner-mast-header.animated #takeover {
top: 130px
}
.has-partner-mast-header[data-scroll-direction='down'] .partner-mast-header #takeover, .has-partner-mast-header[data-scroll-direction='down'] .partner-mast-header.animated #takeover {
position: absolute;
top: 70px
}
.has-partner-mast-header[data-scroll-direction='down'] .partner-mast-header .secondary, .has-partner-mast-header[data-scroll-direction='down'] .partner-mast-header.animated .secondary {
position: absolute;
top: 103px
}
}
@media all and (min-width: 1240px) {
#takeover {
top: 80px
}
#takeover .takeover-nav {
padding: 0 20px
}
.has-partner-mast-header .partner-mast-header .secondary {
top: 113px
}
.has-partner-mast-header .partner-mast-header.animated > .secondary {
top: 173px
}
.has-partner-mast-header .partner-mast-header.animated #takeover {
top: 140px
}
.has-partner-mast-header[data-scroll-direction='down'] .partner-mast-header #takeover, .has-partner-mast-header[data-scroll-direction='down'] .partner-mast-header.animated #takeover {
top: 80px
}
.has-partner-mast-header[data-scroll-direction='down'] .partner-mast-header .secondary, .has-partner-mast-header[data-scroll-direction='down'] .partner-mast-header.animated .secondary {
top: 113px
}
}
.quidity-plus-video-content {
display: none;
height: 400px;
margin: 0 12px 18px;
width: calc(100% - 24px)
}
@media all and (min-width: 728px) {
.quidity-plus-video-content {
margin: 0 16px 32px;
width: calc(100% - 32px)
}
}
@media all and (min-width: 1024px) {
.quidity-plus-video-content {
margin: 0 16px 48px;
width: calc(100% - 32px)
}
}
.advertise-form {
font-size: 16px;
line-height: 22px;
padding: 0 12px
}
.advertise-form .labels, .advertise-form .features {
display: inline-block;
overflow: hidden;
vertical-align: top;
width: 100%
}
.advertise-form label {
display: block;
font-size: 13px;
font-weight: 800;
letter-spacing: 1.3px;
margin-top: 25px;
position: relative;
text-transform: uppercase
}
.advertise-form label.small {
font-size: 11px;
font-weight: 400;
letter-spacing: 0;
line-height: 19px;
margin-bottom: 0;
text-transform: none
}
.advertise-form label .error-message {
background-color: #E90E0E;
border-radius: 3px;
color: #fff;
font-size: 13px;
font-weight: 800;
opacity: 0;
padding: 2px 10px 3px;
position: absolute;
right: 0;
top: 30px;
transition: all .2s ease;
z-index: -10
}
.advertise-form label .error-message.show {
opacity: 1;
top: -4px
}
.advertise-form label .error-message:after {
border-bottom: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #E90E0E;
bottom: -4px;
content: '';
position: absolute;
right: 20px
}
.advertise-form .features {
padding-left: 0
}
.advertise-form .required {
color: #E90E0E;
padding: 0 5px
}
.advertise-form .mandate.error {
border-color: #E90E0E
}
.advertise-form [type="text"], .advertise-form select, .advertise-form [type="email"], .advertise-form textarea {
-moz-appearance: none;
-webkit-appearance: none;
background-color: #F1F1F1;
border: 1px solid #E0E0E0;
border-radius: 3px;
display: block;
margin-top: 5px;
max-width: inherit;
outline: none;
padding: 12px 10px;
width: 100%
}
.advertise-form [type="text"].user-input, .advertise-form select.user-input, .advertise-form [type="email"].user-input, .advertise-form textarea.user-input {
display: none
}
.advertise-form textarea {
height: 115px
}
.advertise-form .select-wrapper {
position: relative
}
.advertise-form .select-wrapper .error {
border-color: #E90E0E;
color: #E90E0E
}
.advertise-form .select-wrapper .downarrow:after {
color: #0065B3;
content: '\e917';
font-family: 'icomoon-rps';
pointer-events: none;
position: absolute;
right: 15px;
top: 8px
}
.advertise-form * {
box-sizing: border-box
}
.advertise-form .power-logo {
background-color: #0065B3;
border-radius: 50%;
box-shadow: 11px 10px 0 #E0E0E0;
color: #fff;
display: none;
height: 300px;
margin: 50px auto 130px;
position: relative;
width: 300px
}
.advertise-form .power-logo:before {
border-bottom: 40px solid transparent;
border-left: 0;
border-right: 100px solid #0065B3;
border-top: 40px solid transparent;
content: '';
display: inline-block;
left: -30px;
position: absolute;
top: 210px;
transform: rotate(-37deg);
z-index: -1
}
.advertise-form ul {
padding: 50px 0 0;
position: relative
}
.advertise-form ul li {
border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
font-family: 'Open sans';
font-size: 16px;
font-weight: 400;
list-style: none;
padding: 5px 45px;
text-align: center;
text-transform: uppercase
}
.advertise-form ul li:first-child {
font-family: 'Open Sans Condensed';
font-size: 27px;
font-weight: 800;
line-height: 32.5px;
padding-bottom: 20px
}
.advertise-form ul li .bold {
font-weight: 800
}
.advertise-form .instruction {
font-size: 11px;
margin: 10px 0 20px
}
.advertise-form .submit {
background-color: #0065B3;
border: 2px solid #0065B3;
border-radius: 50px;
color: #fff;
font-family: 'Open Sans';
font-size: 16px;
font-weight: 700;
margin-bottom: 30px;
outline: none;
padding: 5px 20px;
transition: all .2s ease-in-out
}
.advertise-form .submit:hover {
background-color: #fff;
color: #0065B3
}
@media all and (min-width: 728px) {
.advertise-form .labels, .advertise-form .features {
width: 50%
}
.advertise-form .labels {
padding-right: 16px
}
.advertise-form .features {
padding-left: 16px
}
.advertise-form label {
font-size: 12px;
padding-right: 16px
}
.advertise-form label .error-message {
font-size: 10px;
margin-right: 16px;
padding: 2px 10px 3px
}
.advertise-form label.small {
margin-top: 48px
}
.advertise-form .power-logo {
display: block;
height: 280px;
margin-bottom: 59px;
width: 280px
}
.advertise-form .power-logo:before {
border-bottom: 25px solid transparent;
border-right: 70px solid #0065B3;
border-top: 25px solid transparent;
left: -30px;
top: 220px
}
.advertise-form [type="text"], .advertise-form select, .advertise-form [type="email"], .advertise-form textarea {
max-width: 500px
}
.advertise-form ul {
padding-top: 40px
}
.advertise-form ul li {
font-size: 14.5px
}
.advertise-form ul li:first-child {
font-size: 22.4px
}
.advertise-form ul li:last-child {
margin-left: 45px;
padding-left: 0
}
}
@media all and (min-width: 1024px) {
.advertise-form {
padding-left: 16px;
padding-right: 0
}
.advertise-form label {
font-size: 10px
}
.advertise-form label .error-message {
font-size: 9.6px;
padding: 2px 5px 3px
}
.advertise-form .power-logo::before {
left: -15px
}
}
@media all and (min-width: 1240px) {
.advertise-form .power-logo {
height: 300px;
margin: 50px auto 39px;
width: 300px
}
.advertise-form .power-logo:before {
border-bottom: 40px solid transparent;
border-right: 100px solid #0065B3;
border-top: 40px solid transparent;
left: -30px;
top: 210px
}
.advertise-form ul {
padding-top: 40px
}
.advertise-form ul li {
font-size: 16px
}
.advertise-form ul li:first-child {
font-size: 27px
}
.advertise-form ul li:last-child {
margin-left: 45px;
padding-left: 0
}
.advertise-form label {
font-size: 12px
}
.advertise-form label .error-message {
font-size: 10px;
padding: 2px 15px 3px
}
}
.msm-container {
border-right: 2px solid #0065B3;
border-top: 5px solid #0065B3;
margin: 0 12px
}
.msm {
background-color: #F1F1F1;
border-bottom: 1px solid #E0E0E0;
border-left: 1px solid #E0E0E0;
border-right: 1px solid #E0E0E0;
color: #141414;
font-size: 14px;
margin-bottom: 20px;
padding: 0;
width: 100%
}
.msm .msm-heading {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 17px;
font-weight: 700;
background-color: #F1F1F1;
margin: 0;
padding: 10px 0 15px;
text-align: center;
text-transform: uppercase
}
.msm .msm-table {
display: table;
line-height: 1.5;
width: 100%
}
.msm .msm-tablerow {
background-color: #fff;
color: #2C2C2C;
display: table-row;
position: relative;
text-decoration: none
}
.msm .msm-tableheader {
font-weight: 700;
line-height: 1.5
}
.msm .msm-tablecell {
display: table-cell;
font-size: 10px;
padding: 5px 10px
}
.msm .msm-tablecell .msm-tablecell {
padding: 0 10px 0 0
}
.msm .msm-tablebody {
display: table-row-group
}
.msm .msm-tableheader, .msm .msm-default-data {
display: none
}
.msm .msm-mob-data > .msm-tablecell, .msm .msm-mob-more-info > .msm-tablecell, .msm .msm-default-data > .msm-tablecell {
border-top: 1px solid #E0E0E0
}
.msm .msm-mob-data:first-child > .msm-tablecell {
border-top: 0
}
.msm .msm-mob-data .apply {
background-color: #fff;
border-bottom: 1px solid #009C33;
border-top: 1px solid #009C33;
color: #009C33;
font-size: 16px;
font-weight: 700;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 100%
}
.msm .msm-mob-more-info .msm-mob-header, .msm .msm-mob-more-info .msm-mob-value {
display: block;
line-height: 1.7;
width: 100%
}
.msm .msm-mob-more-info .msm-mob-header {
font-weight: 700
}
.msm .msm-mob-more-info.col-2 .msm-tablecell {
width: 50%
}
.msm .msm-mob-more-info.col-3 .msm-tablecell {
width: 30%
}
.msm .msm-mob-more-info.col-3 .msm-tablecell:first-child, .msm .msm-mob-more-info.col-3 .msm-tablecell:last-child {
width: 35%
}
.msm .msm-mob-more-info.col-4 .msm-tablecell {
width: 25%
}
.msm .msm-more-info-btn {
background-color: #0065B3;
border-radius: 50px;
color: #fff;
cursor: pointer;
display: block;
margin: 4px 0;
padding: 3px 5px 4px;
text-align: center;
width: 75px
}
.msm .msm-more-info-btn:after {
content: ' +'
}
.msm .msm-more-info-btn.expanded:after {
content: ' -'
}
.msm .product-info {
font-weight: 700;
width: calc(100% - 20px)
}
.msm .product-info img {
background-color: #fff;
border: 1px solid #E0E0E0;
float: right;
margin: 2px 0 5px;
max-height: 40px;
max-width: 50px;
padding: 2px;
vertical-align: top
}
.msm .product-info .msm-name {
display: block;
font-size: 12px;
text-transform: uppercase
}
.msm .small-text {
border-top: 1px solid #E0E0E0;
display: block;
font-size: 10px;
line-height: 1.5;
padding: 7px
}
.msm .msm-table-contents {
border-top: 1px solid #E0E0E0
}
@media all and (min-width: 728px) {
.msm-container {
margin: 0
}
.msm-apply-button {
transition: all 0.3s ease;
background-color: #009C33;
border: 2px solid #009C33;
border-radius: 50px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 10px;
font-weight: 700;
padding: 1px 5px 2px;
text-align: center;
text-decoration: none
}
.msm-apply-button:hover {
background-color: #fff;
color: #009C33
}
.msm .msm-tablerow:hover {
background-color: #F1F1F1
}
.msm .msm-mob-data, .msm .msm-mob-more-info {
display: none
}
.msm .msm-default-data {
display: table-row
}
.msm .msm-default-data.col-3 .msm-tablecell {
width: 20%
}
.msm .msm-default-data.col-3 .msm-tablecell:first-child {
width: 60%
}
.msm .msm-default-data.col-4 .msm-tablecell {
width: 15%
}
.msm .msm-default-data.col-4 .msm-tablecell:first-child {
width: 55%
}
.msm .msm-default-data.col-5 .msm-tablecell {
width: 15%
}
.msm .msm-default-data.col-5 .msm-tablecell:first-child {
width: 40%
}
.msm .msm-tableheader {
background-color: #E0E0E0;
display: block
}
.msm .product-info {
border-top: 0
}
.msm .product-info img {
border: 0;
float: left;
margin-right: 10px;
margin-top: 0;
padding: 0
}
.msm .more-details {
color: #009C33;
display: table-cell;
padding: 0 10px;
text-align: left;
vertical-align: middle;
width: 15%
}
.msm .msm-table-contents {
border-top: 0
}
}
@media all and (min-width: 1024px) {
.msm .msm-enable-scroll .msm-tableheader {
padding-right: 16px
}
.msm .msm-enable-scroll .msm-table-contents {
max-height: 260px;
overflow: auto
}
}
.karma-partners-content {
box-sizing: border-box;
padding: 20px
}
.karma-partners-content p {
font-size: 20px;
line-height: 1.35;
margin: 0 0 20px
}
.karma-partners-content ul {
margin: 50px 0;
padding: 0
}
.karma-partners-content ul li {
backface-visibility: hidden;
float: none;
list-style: none;
margin: 0 0 10px;
padding: 0;
transition: all .2s ease;
width: 100%
}
.karma-partners-content ul li a {
display: block;
padding: 20px;
text-align: center
}
.karma-partners-content ul li img {
max-height: 66px;
max-width: 100%
}
.karma-partners-content ul li:hover {
opacity: .9
}
.karma-partners-content .karma-partners-group-1 {
background-color: #BA1127
}
.karma-partners-content .karma-partner-group-2 {
background-color: #063C6A
}
.karma-partners-content .karma-partner-group-3 {
background-color: #22AF9E
}
.karma-partners-content .karma-partner-group-4 {
background-color: #005397
}
.karma-partners-content .karma-partner-group-5 {
background-color: #EA0001
}
.karma-partners-content .karma-partner-group-default {
background-color: #1E196B
}
#karma-partners + [data-group='splash'] {
display: none
}
@media all and (min-width: 728px) {
.karma-partners-content ul li {
float: left;
margin: 0 10px 10px 0;
width: calc(50% - 10px)
}
}
.weather-tile {
background: linear-gradient(to right, #82A7C8 0%, #95B1CB 50%, #82A7C8 100%);
color: #fff;
margin: 48px 0;
min-height: 100px;
padding: 20px 20px 30px;
position: relative;
width: calc(100% - 40px)
}
.weather-tile:after {
clear: both;
content: ' ';
display: block;
height: 0;
visibility: hidden
}
.weather-tile .weather-symbol {
height: 80px;
left: 110px;
opacity: .2;
position: absolute;
top: 53px;
width: 80px
}
.weather-tile .weather-symbol img {
width: 100%
}
.weather-tile .weather-text {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: 700;
position: relative;
text-transform: uppercase;
z-index: 2
}
.weather-tile .weather-text .weather-forecast {
font-size: 49px;
margin-top: 35px
}
.weather-tile .weather-text .weather-forecast .phrase {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 29px;
font-weight: 700;
line-height: 1.08;
margin-top: 14px;
vertical-align: middle
}
.weather-tile .weather-form {
float: none;
width: 100%
}
.weather-tile .weather-form h3 {
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 30px;
font-weight: 400;
font-style: italic;
color: #fff;
line-height: 1.05;
margin: 20px 0;
padding: 0;
text-shadow: 0 2px 0 #718FAB
}
.weather-tile .weather-form p {
color: #fff;
font-size: 14px;
margin: 7px 0 10px;
padding: 0
}
.weather-tile .weather-form .weather-postcode {
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-weight: 400;
-webkit-appearance: none;
border: 0;
border-radius: 50px;
padding: 8px 13px
}
.weather-tile .weather-form .weather-submit-btn {
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-weight: 400;
font-weight: 700;
-webkit-appearance: none;
background-color: #262626;
border: 0;
border-radius: 50px;
color: #fff;
cursor: pointer;
margin-left: 10px;
padding: 8px 13px
}
.weather-tile .weather-form .weather-sponsor {
font-family: 'Open Sans', sans-serif;
font-size: 9.5px;
font-weight: 400;
font-weight: 700;
float: none;
line-height: 1.5;
margin-top: 0;
position: absolute;
right: 20px;
text-transform: uppercase;
top: 21px
}
.weather-tile .weather-form .weather-sponsor img {
margin-left: 8px;
vertical-align: top;
width: 29px
}
.weather-tile .weather-report-error {
transition: all 300ms ease-in-out;
bottom: 60px;
color: #fff;
left: 20px;
position: absolute
}
.weather-tile .weather-report-error .weather-error-msg {
background-color: #0065B3;
border-radius: 5px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
font-size: 12px;
margin: 0 auto;
max-width: 280px;
padding: 12px;
text-align: center
}
.weather-tile .weather-report-error .weather-error-msg:before {
content: ""
}
.weather-tile .weather-report-error .weather-error-msg:before {
font-family: 'icomoon';
font-size: 15px;
padding-right: 5px
}
.weather-tile .weather-report-error .weather-error-msg:after {
border-bottom: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #0065B3;
bottom: -9px;
content: '';
left: 40px;
position: absolute
}
@media all and (min-width: 728px) {
.weather-tile {
padding: 20px
}
.weather-tile .weather-text {
float: left;
width: 28%
}
.weather-tile .weather-text .weather-forecast {
font-size: 35px;
margin-top: 16px
}
.weather-tile .weather-text .weather-forecast .phrase {
display: block;
font-size: 21px;
margin-left: 0;
margin-top: 10px
}
.weather-tile .weather-symbol {
height: 55px;
left: 80px;
top: 45px;
width: 55px
}
.weather-tile .weather-form {
float: right;
margin-top: 0;
position: relative;
width: 70%
}
.weather-tile .weather-form h3 {
font-size: 24px;
margin: 0
}
.weather-tile .weather-form .weather-submit-btn {
margin-left: 2%
}
.weather-tile .weather-form .weather-sponsor {
float: right;
margin-top: -30px;
padding-right: 36px;
position: relative;
right: 0;
text-align: right;
top: 0;
width: 25%
}
.weather-tile .weather-form .weather-sponsor img {
margin-left: 0;
position: absolute;
right: 0;
top: 0
}
.weather-tile .weather-report-error {
bottom: 40px;
left: 0
}
}
.horz-sign-list {
margin-left: 12px;
margin-right: 12px;
padding-bottom: 32px
}
.horz-sign-list ul {
list-style: none;
overflow: hidden
}
.horz-sign-list .star-sign {
background-color: #cfe9e7;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
float: left;
height: auto;
margin: 0;
padding: 10px 0;
position: relative;
text-align: center;
width: 16.6%
}
.horz-sign-list .star-sign .image {
background-position: center;
height: 35px;
padding: 10px 0;
transition: all .2s ease-out
}
.horz-sign-list .star-sign.active {
background-color: rgba(207, 233, 231, 0.5)
}
.horz-sign-list .star-sign.active .highlight {
border-color: transparent #2A716D transparent transparent;
border-style: solid;
border-width: 0 10px 10px 0;
height: 0;
position: absolute;
right: 0;
top: 0;
width: 0
}
.horz-sign-list * {
box-sizing: border-box
}
.sign-tabs {
border-bottom: 4px solid #2A716D;
margin-bottom: 25px;
margin-left: 12px;
margin-right: 12px;
overflow: hidden
}
.sign-tabs .tab {
background-color: #474747;
border-width: 0;
color: #fff;
cursor: pointer;
display: inline-block;
float: left;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 15px;
font-weight: 700;
padding: 15px 12px 12px;
position: relative;
text-align: center;
text-transform: uppercase
}
.sign-tabs .tab:first-child {
border-top-left-radius: 3px
}
.sign-tabs .tab:last-child {
border-top-right-radius: 3px
}
.sign-tabs .forcast.forcast-active, .sign-tabs .meaning.star-active {
background: transparent linear-gradient(to right bottom, #509995 49%, #2A716D 50%)
}
.sign-tabs a {
color: #fff;
text-decoration: none
}
.horoscope .daily-read {
float: left;
margin-bottom: 30px;
margin-left: 12px;
margin-right: 12px;
padding: 20px 0
}
.horoscope .daily-read .star-icon {
background-color: #509995;
display: none;
float: left;
margin-right: 2%;
padding: 10px 0 20px;
position: relative;
width: 20%
}
.horoscope .daily-read .star-icon .star-date {
bottom: -4px;
color: #CFE9E7;
font-size: 13px;
left: 0;
margin: 0 auto;
padding-bottom: 20px;
position: absolute;
right: 0;
text-align: center;
width: 100%
}
.horoscope .daily-read .image {
background-position: center
}
.horoscope .daily-read .star-text {
float: left;
width: 100%
}
.horoscope .daily-read .star-text p {
font-size: 17px;
line-height: 1.55;
margin-bottom: 15px;
padding: 7px 0 0
}
.horoscope h2 {
border-bottom: 2px solid #F1F1F1;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 28px;
font-weight: 700;
margin-bottom: 20px;
padding: 10px 0
}
.horoscope h2 .image {
background-color: #fff;
display: inline-block;
float: none;
height: 35px;
margin-left: 15px;
width: 35px
}
.horoscope h2 .image:not(.aries) {
background-position-y: 0;
margin-bottom: 0
}
.horoscope h2 .image.aries {
background-position-y: 4px
}
.horoscope .image {
background-color: #509995;
background-position: center;
float: left;
height: 75px;
width: 100%
}
.horoscope .image:not(.aries) {
margin-bottom: 15px
}
.horoscope .sign-description {
margin-left: 12px;
margin-right: 12px;
overflow: hidden
}
.horoscope .description-placeholder {
float: left;
width: 100%
}
.horoscope .description-placeholder .title {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 20px;
font-weight: 700;
margin: 20px 0;
text-transform: uppercase
}
.horoscope .description-placeholder .para {
font-size: 16px;
line-height: 1.5;
margin-bottom: 15px
}
.horoscope * {
box-sizing: border-box
}
.section-head.star-page {
border-bottom: 0
}
@media all and (min-width: 728px) {
.horz-sign-list, .sign-tabs, .star-page .daily-read, .horoscope .sign-description {
margin-left: 16px;
margin-right: 16px
}
.star-page .daily-read .star-icon {
display: block
}
.star-page .daily-read .star-text {
width: 78%
}
.star-page .daily-read h2 .image {
display: none
}
.horz-sign-list .star-sign {
border-bottom: 0;
width: 8.33%
}
.horz-sign-list .star-sign .image {
height: 40px
}
.sign-tabs .tab {
font-size: 18px
}
.star-page .description-placeholder {
width: 90%
}
}
@media all and (min-width: 1024px) {
.horz-sign-list .star-sign {
padding: 20px 0
}
.horz-sign-list .star-sign .image {
height: 50px
}
}
@media all and (min-width: 1240px) {
.horz-sign-list, .sign-tabs {
margin-left: auto;
margin-right: auto;
width: 1176px
}
.horz-sign-list .star-sign:hover .image, .sign-tabs .star-sign:hover .image {
margin: -5px 0 5px
}
.star-page .daily-read .image {
height: 110px
}
}
@media (max-width: 374px) {
.destiny-horoscope .phone-lines ul li {
padding: 8px 10px 20px
}
.destiny-horoscope .phone-lines ul .header-text {
font-size: 20px
}
.horoscope .daily-read h2 {
font-size: 22px
}
.sign-tabs .tab {
font-size: 12px
}
}
.star-page .aries {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/horoscope/img/aries.svg") no-repeat
}
.star-page .taurus {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/horoscope/img/taurus.svg") no-repeat
}
.star-page .gemini {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/horoscope/img/gemini.svg") no-repeat
}
.star-page .cancer {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/horoscope/img/cancer.svg") no-repeat
}
.star-page .leo {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/horoscope/img/leo.svg") no-repeat
}
.star-page .virgo {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/horoscope/img/virgo.svg") no-repeat
}
.star-page .libra {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/horoscope/img/libra.svg") no-repeat
}
.star-page .scorpio {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/horoscope/img/scorpio.svg") no-repeat
}
.star-page .sagittarius {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/horoscope/img/sagittarius.svg") no-repeat
}
.star-page .capricorn {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/horoscope/img/capricorn.svg") no-repeat
}
.star-page .aquarius {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/horoscope/img/aquarius.svg") no-repeat
}
.star-page .pisces {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/horoscope/img/pisces.svg") no-repeat
}
.sign-list ul {
list-style: none;
margin-left: 12px;
margin-right: 0;
overflow: auto
}
.sign-list .star-sign {
background-color: #CFE9E7;
float: left;
font-size: 12px;
height: 170px;
margin: 0 1% 40px 0;
padding: 0 1% 1%;
text-align: center;
width: 48%
}
.sign-list .star-sign a {
color: #2A716D;
text-decoration: none
}
.sign-list .star-sign img {
max-height: 100px;
padding: 10px 0;
transition: all .2s ease-out
}
.sign-list .star-sign .title {
border-bottom: 0;
color: #2A716D;
display: block;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 22px;
font-weight: bold;
line-height: 1;
margin: 0 0 5px;
padding: 0 0 6px;
position: relative;
text-transform: uppercase
}
.sign-list .star-sign .read-more {
background-color: #509995;
color: #fff;
display: block;
font-size: 11px;
font-weight: 700;
margin: 10px auto 0;
padding: 10px;
text-transform: uppercase;
width: 90%
}
.sign-list * {
box-sizing: border-box
}
.primary.horoscope {
padding-right: 0
}
.primary.horoscope:after {
width: 0
}
.primary.horoscope [data-group='splash'] {
display: none
}
@media all and (min-width: 728px) {
.sign-list ul {
margin-left: 16px;
margin-right: 1%
}
.sign-list .star-sign {
width: 24%
}
}
@media all and (min-width: 1024px) {
.sign-list .star-sign:hover img {
margin: -5px 0 5px
}
.sign-list .star-sign:hover .title {
text-decoration: underline
}
}
@media all and (min-width: 1240px) {
.sign-list .star-sign {
width: 15.6675%
}
}
.phone-lines {
border-bottom: 2px solid #E0E0E0;
font-size: 16px;
margin-bottom: 30px;
margin-top: 35px;
padding-bottom: 30px;
text-align: center
}
.phone-lines h3 {
border-bottom: 2px solid #E0E0E0;
height: 27px;
margin-bottom: 60px
}
.phone-lines h3 span {
background-color: #fff;
display: block;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 30px;
font-weight: 700;
margin: 0 auto;
padding: 5px;
text-transform: uppercase;
width: 100%
}
.phone-lines ul {
color: #fff;
list-style: none;
margin: 20px auto;
max-width: 820px;
overflow: hidden
}
.phone-lines ul li {
float: none;
margin-left: 0;
padding: 8px 20px 20px;
text-align: center;
width: 100%
}
.phone-lines ul li .left-align {
padding-left: 22px;
text-align: left
}
.phone-lines ul .call-psychics {
background-color: #2A716D
}
.phone-lines ul .text-psychics {
background-color: #CFE9E7;
color: #2A716D
}
.phone-lines ul .text-psychics .text-icon {
float: left;
font-size: 130px;
width: 44%
}
.phone-lines ul .text-psychics .header-text {
float: left;
line-height: 1.2;
padding-left: 15px;
padding-top: 34px;
text-align: left;
width: 50%
}
.phone-lines ul .text-psychics .intro-text {
clear: both;
font-size: 15px
}
.phone-lines ul .text-psychics .message-text {
font-size: 35px;
padding: 16px 0
}
.phone-lines ul .text-psychics .bolder {
font-weight: bold
}
.phone-lines ul .text-psychics .divider {
border-bottom: 1px solid #509995
}
.phone-lines ul .text-psychics .view-readers {
background-color: #509995;
color: #fff;
cursor: pointer;
display: block;
font-size: 14px;
margin: 22px 16px;
padding: 8px 0 9px;
text-decoration: none
}
.phone-lines ul .text-psychics .small-text {
border-color: #509995
}
.phone-lines ul .title-holder {
overflow: hidden;
padding-left: 20px
}
.phone-lines ul .phone-icon {
color: #fff;
font-size: 64px;
position: relative;
top: 8px
}
.phone-lines ul .text-icon {
font-size: 130px
}
.phone-lines ul .header-text {
font-family: 'Open Sans', sans-serif;
font-size: 24px;
line-height: 1;
text-transform: uppercase
}
.phone-lines ul .phone-intro, .phone-lines ul .card-intro {
font-size: 14px;
line-height: 1.3;
margin-top: 16px;
opacity: .9
}
.phone-lines ul .phone-number, .phone-lines ul .card-booking-number {
font-size: 35px;
font-weight: 600;
margin: 10px 0 4px
}
.phone-lines ul .small-text {
font-size: 11px;
opacity: .8
}
.phone-lines ul .divider {
border-bottom: 1px solid #fff;
margin: 28px 50px 12px
}
.phone-lines ul .bolder {
font-weight: bold
}
.phone-lines * {
box-sizing: border-box
}
.destiny-horoscope {
clear: both;
margin-left: 12px;
margin-right: 12px;
padding-top: 1px
}
.destiny-horoscope .terms {
font-size: 12px;
line-height: 1.6;
margin: 30px auto;
max-width: 800px;
text-align: center
}
.destiny-horoscope .terms .title {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 20px;
font-weight: 700;
margin-bottom: 10px
}
.destiny-horoscope .terms p {
font-size: 12px;
line-height: 1.5;
margin-bottom: 15px
}
@media all and (min-width: 728px) {
.destiny-horoscope {
margin-left: 16px;
margin-right: 16px
}
.phone-lines h3 span {
font-size: 40px;
width: 500px
}
.phone-lines ul li {
float: left;
width: 50%
}
.phone-lines ul .text-psychics .header-text {
padding-left: 0
}
.phone-lines ul .text-psychics .small-text {
margin: 0 20px
}
}
@media all and (min-width: 1240px) {
.destiny-horoscope {
clear: both;
margin-left: auto;
margin-right: auto;
padding-top: 1px;
width: 1176px
}
.phone-lines ul .text-psychics .small-text {
margin: 0 34px
}
}
.valpal-property-container {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/valpal/img/house-coin.png") no-repeat right 20px top 20px #2F2F38;
background-size: 100px;
border-top: 5px solid #91BD2C;
color: #fff;
margin-bottom: 28px;
min-height: 135px;
padding: 26px 20px 20px;
position: relative
}
.valpal-property-container option {
color: #000
}
.valpal-property-container h3 {
font-family: 'Signika Negative Bold', sans-serif;
font-size: 32px;
font-weight: 400;
color: #fff;
line-height: 1.2;
margin-bottom: 23px;
margin-top: 0;
max-width: 70%;
padding: 0
}
.valpal-property-container h4 {
color: #fff;
font-family: 'Signika Negative', sans-serif;
font-size: 24px;
line-height: 1.3;
margin-bottom: 23px;
margin-top: 36px;
padding: 0
}
.valpal-property-container h4.result-header {
margin-bottom: 5px
}
.valpal-property-container .terms {
color: #fff;
display: block;
font-size: 11px;
line-height: 1;
margin-bottom: 15px;
padding-left: 20px
}
.valpal-property-container .terms a {
color: #91BD2C
}
.valpal-property-container .terms a:visited {
color: #91BD2C
}
.valpal-property-container .terms .terms-and-condtions {
margin-left: -20px
}
.valpal-property-container p {
color: #fff;
line-height: 1.5;
margin-bottom: 23px;
padding: 0
}
.valpal-property-container .valpal-input-box {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 400;
-webkit-appearance: none;
border: 0;
border-radius: 4px;
box-sizing: border-box;
margin-bottom: 15px;
margin-right: 10px;
padding: 8px 13px;
width: calc(49% - 11px)
}
.valpal-property-container .valuation {
-moz-appearance: none;
-webkit-appearance: none;
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/valpal/img/down-arrow-white.png") no-repeat right 8px top 13px transparent;
background-size: 12px;
border: 1px solid #fff;
box-sizing: border-box;
color: #fff;
height: 32px;
margin-bottom: 15px;
margin-right: 10px;
padding: 5px 25px 5px 6px;
text-indent: 1px;
text-overflow: '';
width: calc(49% - 10px)
}
.valpal-property-container .valpal-button {
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-weight: 400;
font-weight: 700;
padding: 8px 13px
}
.valpal-property-container .valpal-submit-button {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 400;
font-weight: 700;
padding: 6px 25px
}
.valpal-property-container .valpal-button, .valpal-property-container .valpal-submit-button {
background-color: #91BD2C;
border: 2px solid #91BD2C;
border-radius: 50px;
color: #2F2F38;
cursor: pointer;
display: inline-block;
line-height: 1.3;
max-width: 65%;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease
}
.valpal-property-container .valpal-button:hover, .valpal-property-container .valpal-submit-button:hover {
background-color: transparent;
color: #fff;
text-decoration: none
}
.valpal-property-container .valpal-sponsor {
font-family: 'Open Sans', sans-serif;
font-size: 10px;
font-weight: 400;
font-weight: 700;
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/valpal/img/valpal.png") no-repeat right 0 top 16px transparent;
bottom: 20px;
padding: 0;
padding-bottom: 34px;
padding-top: 6px;
position: absolute;
right: 20px;
text-align: right;
text-transform: uppercase
}
.valpal-property-container .valpal-sponsor img {
margin-left: 8px;
width: 29px
}
.valpal-property-container .valpal-form {
display: none
}
.valpal-property-container .valpal-form.active {
display: block
}
.valpal-property-container .valpal-results {
display: none
}
.valpal-property-container .valpal-results table {
margin-bottom: 20px;
width: 100%
}
.valpal-property-container .valpal-results table tr {
border-bottom: 1px solid #6B6B7D
}
.valpal-property-container .valpal-results td {
font-size: 13px;
font-weight: 700;
line-height: 1;
padding: 10px 5% 10px 5px;
text-align: left;
text-transform: uppercase
}
.valpal-property-container .valpal-results tbody td {
color: #F9D300;
font-size: 16px;
font-weight: 400
}
.valpal-property-container .valpal-results tbody .average-result {
font-weight: bold
}
.valpal-property-container .valpal-results.active {
display: block
}
.valpal-property-container table thead {
background: #3A3A44
}
.valpal-property-container .error-description {
border: 1px dashed #91BD2C;
font-weight: 700;
line-height: 1.5;
margin-bottom: 16px;
padding: 10px 15px
}
.valpal-property-container .valpal-back {
color: #91BD2C;
cursor: pointer;
display: block;
font-size: 15px;
font-weight: 400;
line-height: 1;
margin: 18px 0 0;
text-decoration: none
}
.valpal-property-container.results-content {
background: #2F2F38;
padding: 26px 20px 20px
}
.valpal-property-container.results-content h3 {
max-width: 100%;
width: 100%
}
.valpal-property-container.results-content .valpal-property-contant {
padding-right: 0
}
@media all and (min-width: 728px) {
.valpal-property-container {
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/valpal/img/house-coin.png") no-repeat right 20px top 20px #2F2F38;
background-size: calc(30% - 30px)
}
.valpal-property-container .valpal-button {
font-size: 16px
}
.valpal-property-container .valpal-property-contant {
padding-right: 30%
}
.valpal-property-container h3 {
margin-bottom: 23px;
max-width: 100%
}
.valpal-property-container .valpal-results tbody td {
font-size: 21px
}
.valpal-property-container .valpal-sponsor {
font-family: 'Open Sans', sans-serif;
font-size: 10px;
font-weight: 400;
font-weight: 700;
background: url("/@trinitymirrordigital/chameleon-partnership-widgets/valpal/img/valpal.png") no-repeat right 0 top 1px transparent;
bottom: 20px;
padding: 5px 71px 20px 0;
position: absolute;
right: 20px;
text-align: right;
text-transform: uppercase
}
}
.opta-score .Opta-Team-Score {
background-color: #0065B3 !important
}
.opta-cricket .Opta-MatchHeader {
border-top: 4px solid #0065B3
}
.opta-cricket .Opta-CricketInningsBreakdown .Opta-Team {
background-color: #0065B3 !important
}
.opta-cricket .Opta-scorecard .Opta-On a {
background-color: #0065B3 !important
}
.opta-cricket .Opta-batting thead th, .opta-cricket .Opta-bowling thead th, .opta-cricket .Opta-fall-of-wickets thead th {
border-top: 4px solid #0065B3 !important
}
.opta-cricket .Opta-Ranking-Bars div {
background-color: #0065B3 !important;
border-color: #0065B3 !important
}
.section-theme {
color: #0065B3 !important
}
.section-theme-background-with-transparency {
background: rgba(0, 101, 179, 0.12) !important
}
.section-theme-highlight {
background-color: #d60000 !important;
color: #fff;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.section-theme-indicator:before, .section-theme-indicator:after {
color: #0065B3 !important
}
.section-theme-background-indicator:before, .section-theme-background-indicator:after, .section-theme-inherit-background-indicator *:not([class*=section-theme-]):before, .section-theme-inherit-background-indicator *:not([class*=section-theme-]):after {
background: #d60000 !important
}
.section-theme-gradient {
background: #0065B3 !important;
background: transparent linear-gradient(to right bottom, rgba(0, 101, 179, 0.7) 49%, #0065b3 50%) !important;
color: #fff
}
.section-theme-border, .section-theme-border:before, .section-theme-inherit-border *:not([class*=section-theme-]) {
border-color: #d60000 !important
}
.section-theme-button {
background-color: #0065B3 !important;
border: 2px solid #0065B3 !important;
color: #fff
}
.section-theme-button:hover {
background-color: #fff !important;
border-color: #E0E0E0 !important;
color: #0065B3 !important
}
.section-theme-button-highlight {
background-color: #fff;
border-color: #E0E0E0
}
.section-theme-button-highlight:hover {
background-color: #0065B3 !important;
border-color: #0065B3 !important;
color: #fff
}
.section-theme-hover:hover {
color: #0065B3 !important
}
.live-event-entry[data-type='key-event'] {
border-bottom: 6px solid #0065B3;
border-left: 1px solid rgba(0, 101, 179, 0.15);
border-right: 1px solid rgba(0, 101, 179, 0.15)
}
.live-event-entry[data-type='key-event'] .entry-info {
background: #0065B3
}
.live-event-entry[data-type='key-event'] .entry-content {
background: rgba(0, 101, 179, 0.03)
}
.channel-whats-on .section-theme, .publication-theme .channel-whats-on .section-theme {
color: #840E83 !important
}
.channel-whats-on .section-theme-highlight, .publication-theme .channel-whats-on .section-theme-highlight {
background: #840E83 !important;
color: #fff
}
.channel-whats-on .section-theme-indicator:before, .channel-whats-on .section-theme-indicator:after, .publication-theme .channel-whats-on .section-theme-indicator:before, .publication-theme .channel-whats-on .section-theme-indicator:after {
color: #840E83 !important
}
.channel-whats-on .section-theme-background-indicator:before, .channel-whats-on .section-theme-background-indicator:after, .channel-whats-on .section-theme-inherit-background-indicator *:not([class*=section-theme-]):before, .channel-whats-on .section-theme-inherit-background-indicator *:not([class*=section-theme-]):after, .publication-theme .channel-whats-on .section-theme-background-indicator:before, .publication-theme .channel-whats-on .section-theme-background-indicator:after, .publication-theme .channel-whats-on .section-theme-inherit-background-indicator *:not([class*=section-theme-]):before, .publication-theme .channel-whats-on .section-theme-inherit-background-indicator *:not([class*=section-theme-]):after {
background: #840E83 !important
}
.channel-whats-on .section-theme-background-with-transparency, .publication-theme .channel-whats-on .section-theme-background-with-transparency {
background: rgba(132, 14, 131, 0.12) !important
}
.channel-whats-on .seldon-recs .section-theme, .publication-theme .channel-whats-on .seldon-recs .section-theme {
color: #0065B3 !important
}
.channel-whats-on .section-theme-gradient, .publication-theme .channel-whats-on .section-theme-gradient {
background: #840E83 !important;
background: transparent linear-gradient(to right bottom, rgba(132, 14, 131, 0.7) 49%, #840e83 50%) !important
}
.channel-whats-on .section-theme-border, .channel-whats-on .section-theme-inherit-border *:not([class*=section-theme-]), .publication-theme .channel-whats-on .section-theme-border, .publication-theme .channel-whats-on .section-theme-inherit-border *:not([class*=section-theme-]) {
border-color: #840E83 !important
}
.channel-whats-on .section-theme-button, .publication-theme .channel-whats-on .section-theme-button {
background-color: #840E83 !important;
border-color: #840E83 !important
}
.channel-whats-on .section-theme-button:hover, .publication-theme .channel-whats-on .section-theme-button:hover {
background-color: #fff !important;
border-color: #E0E0E0 !important;
color: #840E83 !important
}
.channel-whats-on .opta-score .Opta-Team-Score, .publication-theme .channel-whats-on .opta-score .Opta-Team-Score {
background-color: #840E83 !important
}
.channel-whats-on .opta-cricket .Opta-MatchHeader, .publication-theme .channel-whats-on .opta-cricket .Opta-MatchHeader {
border-top: 4px solid #840E83
}
.channel-whats-on .opta-cricket .Opta-CricketInningsBreakdown .Opta-Team, .publication-theme .channel-whats-on .opta-cricket .Opta-CricketInningsBreakdown .Opta-Team {
background-color: #840E83 !important
}
.channel-whats-on .opta-cricket .Opta-scorecard .Opta-On a, .publication-theme .channel-whats-on .opta-cricket .Opta-scorecard .Opta-On a {
background-color: #840E83 !important
}
.channel-whats-on .opta-cricket .Opta-batting thead th, .channel-whats-on .opta-cricket .Opta-bowling thead th, .channel-whats-on .opta-cricket .Opta-fall-of-wickets thead th, .publication-theme .channel-whats-on .opta-cricket .Opta-batting thead th, .publication-theme .channel-whats-on .opta-cricket .Opta-bowling thead th, .publication-theme .channel-whats-on .opta-cricket .Opta-fall-of-wickets thead th {
border-top: 4px solid #840E83 !important
}
.channel-whats-on .opta-cricket .Opta-Ranking-Bars div, .publication-theme .channel-whats-on .opta-cricket .Opta-Ranking-Bars div {
background-color: #840E83 !important;
border-color: #840E83 !important
}
.channel-whats-on .live-event-entry[data-type='key-event'], .publication-theme .channel-whats-on .live-event-entry[data-type='key-event'] {
border-bottom: 6px solid #840E83;
border-left: 1px solid rgba(132, 14, 131, 0.15);
border-right: 1px solid rgba(132, 14, 131, 0.15)
}
.channel-whats-on .live-event-entry[data-type='key-event'] .entry-info, .publication-theme .channel-whats-on .live-event-entry[data-type='key-event'] .entry-info {
background: #840E83
}
.channel-whats-on .live-event-entry[data-type='key-event'] .entry-content, .publication-theme .channel-whats-on .live-event-entry[data-type='key-event'] .entry-content {
background: rgba(132, 14, 131, 0.03)
}
.channel-whats-on .video-icon:before, .publication-theme .channel-whats-on .video-icon:before {
border-left-color: #840E83 !important
}
.publication-theme {
color: #0065B3 !important
}
.publication-theme-background-with-transparency {
background: rgba(0, 101, 179, 0.12) !important
}
.publication-theme-highlight {
background-color: #d60000 !important;
color: #fff
}
.publication-theme-indicator:before, .publication-theme-indicator:after {
color: #0065B3 !important
}
.publication-theme-background-indicator:before, .publication-theme-background-indicator:after, .publication-theme-inherit-background-indicator *:not([class*=publication-theme-]):before, .publication-theme-inherit-background-indicator *:not([class*=publication-theme-]):after {
background: #0065B3 !important
}
.publication-theme-gradient {
background: #0065B3 !important;
background: transparent linear-gradient(to right bottom, rgba(0, 101, 179, 0.7) 49%, #0065b3 50%) !important;
color: #fff
}
.publication-theme-border, .publication-theme-border:before, .publication-theme-inherit-border *:not([class*=publication-theme-]) {
border-color: #d60000 !important
}
.publication-theme-button {
background-color: #0065B3 !important;
border: 2px solid #0065B3 !important;
color: #fff
}
.publication-theme-button:hover {
background-color: #fff !important;
border-color: #E0E0E0 !important;
color: #0065B3 !important
}
.publication-theme-button-highlight {
background-color: #fff;
border-color: #E0E0E0
}
.publication-theme-button-highlight:hover {
background-color: #0065B3 !important;
border-color: #0065B3 !important;
color: #fff
}
.publication-theme-hover:hover {
color: #0065B3 !important
}
.publication-theme-icon:before {
background: transparent url("../img/icon-nechronicle.svg") 0 0 no-repeat;
content: '';
height: 25px;
left: 0;
position: absolute;
top: 0;
width: 25px
}
.publication-theme .section-theme {
color: #0065B3 !important
}
.publication-theme .section-theme-background-with-transparency {
background: rgba(0, 101, 179, 0.12) !important
}
.publication-theme .section-theme-highlight {
background-color: #0065B3 !important;
color: #fff
}
.publication-theme .section-theme-indicator:before, .publication-theme .section-theme-indicator:after {
color: #0065B3 !important
}
.publication-theme .section-theme-background-indicator:before, .publication-theme .section-theme-background-indicator:after, .publication-theme .section-theme-inherit-background-indicator *:not([class*=section-theme-]):before, .publication-theme .section-theme-inherit-background-indicator *:not([class*=section-theme-]):after {
background: #0065B3 !important
}
.publication-theme .section-theme-gradient {
background: #0065B3 !important;
background: transparent linear-gradient(to right bottom, rgba(0, 101, 179, 0.7) 49%, #0065b3 50%) !important;
color: #fff
}
.publication-theme .section-theme-border, .publication-theme .section-theme-border:before, .publication-theme .section-theme-inherit-border *:not([class*=section-theme-]) {
border-color: #0065B3 !important
}
.publication-theme .section-theme-button {
background-color: #0065B3 !important;
border: 2px solid #0065B3 !important;
color: #fff
}
.publication-theme .section-theme-button:hover {
background-color: #fff !important;
border-color: #E0E0E0 !important;
color: #0065B3 !important
}
.publication-theme .section-theme-button-highlight {
background-color: #fff;
border-color: #E0E0E0
}
.publication-theme .section-theme-button-highlight:hover {
background-color: #0065B3 !important;
border-color: #0065B3 !important;
color: #fff
}
.publication-theme .section-theme-hover:hover {
color: #0065B3 !important
}
#logo {
background: #ffffff url('files/insidezim.png') no-repeat left top;
height: 50px;
width: 175px;
background-size: 100% 100%
}
@media all and (min-width: 728px) {
/* #logo {
height: 60px;
width: 210px
}
*/
}
@media all and (min-width: 1240px) {
#logo {
height: 80px;
width: 175px;
}
}
.publication-font {
font-weight: 400
}
.static-content h1, .static-content h2, .static-content h3, .static-content h4, .static-content h5, .static-content h6 {
font-weight: 400
}
.static-content a {
color: #0065B3
}
.mod-video .suggested-video-failed .suggested-text {
color: #0065B3
}
.mod-video .vjs-control-bar:not(.vjs-ad-control-bar) .vjs-progress-control .vjs-play-progress, .mod-video .vjs-control-bar:not(.vjs-ad-control-bar) .vjs-volume-level {
background-color: #0065B3
}
.article-body p a, .article-body li a, .article-body h1 a, .article-body h2 a, .article-body h3 a, .article-body h4 a, .article-body h5 a, .article-body h6 a, .article-body b a, .article-body i a, .article-body strong a {
color: #0065B3
}
.article-body > a {
color: #0065B3
}
.chart-container .number-statistic.default {
background-color: #0065B3
}
.pagination ul li a {
color: #0065B3
}
.section-head.section-info a, .section-head.section-info p:first-child a {
color: #0065B3
}
.pagination ul li.active a, .pagination ul li a:hover {
background-color: #0065B3;
color: #fff
}
.topic-more-on a {
color: #0065B3 !important
}
[data-mod='mostRead'] [data-value='mostRead'] .teaser:before, .base-layout [data-mod='mostRead'] [data-value='mostRead'] .teaser-highlight .inner:before {
font-family: 'Signika Negative Bold', sans-serif !important;
font-weight: 400
}
.social-sites .facebook {
color: #315C97
}
.social-sites .facebook:before {
font-family: FontAwesome;
content: "\f09a";
}
.social-sites .googleplus {
color: #DD4B39
}
.social-sites .googleplus:before {
content: ""
}
.social-sites .instagram {
color: #517FA3
}
.social-sites .instagram:before {
font-family: FontAwesome;
content: "\f16d";
}
.social-sites .linkedin {
color: #007BB5
}
.social-sites .linkedin:before {
content: ""
}
.social-sites .pinterest {
color: #CD1D1F
}
.social-sites .pinterest:before {
content: ""
}
.social-sites .reddit {
color: #B2CFEF
}
.social-sites .reddit:before {
content: ""
}
.social-sites .stumble-upon {
color: #F74425
}
.social-sites .stumble-upon:before {
content: ""
}
.social-sites .twitter {
color: #39A9E0
}
.social-sites .twitter:before {
font-family: FontAwesome;
content: "\f099";
}
.social-sites .whatsapp {
color: #3BB931
}
.social-sites .whatsapp:before {
content: ""
}
.social-sites .comments {
color: #009C33
}
.social-sites .comments:before {
content: ""
}
.social-sites .icon {
background-color: #2d2d2d;
color: #fff
}
.has-children:hover > ul.sub-menu {
display:block !important;
}
#signin.social_sites:before {
border-width: 0 0 33px 12px;
}
#signin .social-sites {
width:124px;
}
#signin.social_sites .label .icon {
background: #ef0000;
color: #fff;
}
#signin.social_sites:before {
border-width: 0 0 32px 13px;
right: 124px;
border-color: transparent transparent #757575;
}
#signin.social_sites .label{
background: #757575;
}
#signin.social_sites a {
width: 28px;
height: 20px;
padding: 13px 14px;
margin-left: 4px;
margin-top: 3px;
}
.widget_liveblog {
background: #f9f9f9;
height:700px;
padding:5px 2px !important;
overflow: auto;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}
.liveheader {
background: #d60000; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #d60000, #990008); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #d60000, #990008); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
padding: 20px; color: #fff;
border-radius: 5px 5px 0px 0px;
border-style: solid;
border-color:#232323;
border-width:1px 1px 4px 1px;
}
.liveheader h3:before {
/* content: '\f0a1';
font-family: FontAwesome;
margin-right: 10px;
animation: blinker 20s linear infinite;
*/
}
.liveheader h3 {
font-size: 26pt;
}
.liveheader h3 {
/* animation: blinker 20s linear infinite;
*/
}
@keyframes blinker {
2.5% { opacity: 0; }
5% { opacity: 1; }
7.5% { opacity: 0; }
10% { opacity: 1; }
12.5% { opacity: 0; }
15% { opacity: 1; }
100% { opacity: 1; }
}
/*
Breaking news in live widget
*/
.breaking-news-headline {
display: block;
position: absolute;
font-family: arial;
font-size: 13px;
margin-top: -22px;
color: white;
margin-left: 100px;
}
.breaking-news-title {
background-color: #FFF;
display: block;
height: 20px;
width: 60px;
font-family: arial;
font-size: 11px;
position: absolute;
top: 0px;
margin-top: 0px;
margin-left: 20px;
padding-top: 10px;
padding-left: 3px;
z-index: 3;
}
.breaking-news-title:before {
content: "";
position: absolute;
display: block;
width: 0px;
height: 0px;
top: 0;
left: -12px;
border-left: 12px solid transparent;
border-right: 0px solid transparent;
border-bottom: 30px solid #FFF;
}
.breaking-news-title:after {
content: "";
position: absolute;
display: block;
width: 0px;
height: 0px;
right: -12px;
top: 0;
border-right: 12px solid transparent;
border-left: 0px solid transparent;
border-top: 30px solid #FFF;
}
#breaking-news-colour {
height: 30px;
width: 694px;
background-color: #2d2d2d;
}
#breaking-news-container {
height: 30px;
width: 694px;
overflow: hidden;
position: absolute;
}
#breaking-news-container:before {
content: "";
width: 30px;
height: 30px;
background-color: #2d2d2d;
position: absolute;
z-index: 2;
}
.animated {
-webkit-animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
-moz-animation-duration: 0.2s;
-moz-animation-fill-mode: both;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
}
.delay-animated {
-webkit-animation-duration: 0.4s;
-webkit-animation-fill-mode: both;
-moz-animation-duration: 0.4s;
-moz-animation-fill-mode: both;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.scroll-animated {
-webkit-animation-duration: 3s;
-webkit-animation-fill-mode: both;
-moz-animation-duration: 3s;
-moz-animation-fill-mode: both;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.delay-animated2 {
-webkit-animation-duration: 0.4s;
-webkit-animation-fill-mode: both;
-moz-animation-duration: 0.4s;
-moz-animation-fill-mode: both;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.delay-animated3 {
-webkit-animation-duration: 5s;
-webkit-animation-fill-mode: both;
-moz-animation-duration: 5s;
-moz-animation-fill-mode: both;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-webkit-animation-delay: 0.5s;
animation-delay: 3s;
}
.fadein {
-webkit-animation-name: fadein;
-moz-animation-name: fadein;
-o-animation-name: fadein;
animation-name: fadein;
}
@-webkit-keyframes fadein {
from {
margin-left: 1000px;
}
}
@-moz-keyframes fadein {
from {
margin-left: 1000px;
}
}
.slidein {
-webkit-animation-name: slidein;
-moz-animation-name: slidein;
-o-animation-name: slidein;
animation-name: slidein;
}
@keyframes marquee {
0% {
left: 0;
}
20% {
left: 0;
}
100% {
left: -100%;
}
}
.marquee {
animation: marquee 10s linear infinite;
-webkit-animation-duration: 10s;
-moz-animation-duration: 10s;
-webkit-animation-delay: 0.5s;
animation-delay: 3s;
}
@-webkit-keyframes slidein {
from {
margin-left: 800px;
}
to {
margin-top: 0px;
}
}
@-moz-keyframes slidein {
from {
margin-left: 800px;
}
to {
margin-top: 0px;
}
}
.slideup {
-webkit-animation-name: slideup;
-moz-animation-name: slideup;
-o-animation-name: slideup;
animation-name: slideup;
}
@-webkit-keyframes slideup {
from {
margin-top: 30px;
}
to {
margin-top: 0;
}
}
@-moz-keyframes slideup {
from {
margin-top: 30px;
}
to {
margin-top: 0;
}
}
a.channel-name.section-theme-highlight {
font-size: 14pt;
}
.widget_liveblog .liveblog-entry .liveblog-entry-text {
margin: 10px 0px 0 0px !important;
}
div.article-body figure {
width:100% !important;
}
/*
.wp-block-image:before {
content: "";
display: table;
clear: both;
margin-top: 20px;
padding-top: 15px;
}
*/
div.article-body figure.alignleft, .wp-block-image .alignleft {
width:auto !important;
}
div.article-body figure img.size-full{
width:100% !important;
height:auto !important;
}
div.article-body img{
max-width: 100%;
height: auto;
}
iframe[src^='//www.youtube.com'] {
max-width: 100%;
}