.article-page main{background-color:#fff;padding-top:20px}.article-page .mod-pancakes section{width:auto}.related-column>*{display:none}.related-column .mod-pancakes{display:block}.related-column .pancake>div{margin-left:0;margin-right:0;width:auto}.article-wrapper{margin-top:20px}.article-wrapper::after{clear:both;content:' ';display:table}.article-main{box-sizing:border-box;position:relative}.article-main>h1{font-size:36px;color:#141414;letter-spacing:-1px;line-height:1.2;margin-bottom:20px;padding:0 12px;position:relative}.article-main h1+p{color:#626262;font-size:16px;line-height:1.4;margin-bottom:20px;padding:0 12px}@media all and (min-width:728px){.article-main h1+p{padding:0}}@media all and (min-width:1024px){.article-main h1+p{font-size:18px}}@media all and (min-width:1240px){.article-main h1+p{font-size:20px}}.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;font-weight:700;text-decoration:underline}.article-body p a:hover,.article-body li a:hover,.article-body h1 a:hover,.article-body h2 a:hover,.article-body h3 a:hover,.article-body h4 a:hover,.article-body h5 a:hover,.article-body h6 a:hover,.article-body b a:hover,.article-body i a:hover,.article-body strong a:hover{opacity:.75}.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{color:#141414;margin:40px 0 20px;padding:0 12px}.article-body h2+h2,.article-body h2+h3,.article-body h2+h4,.article-body h2+h5,.article-body h2+h6,.article-body h3+h3,.article-body h3+h4,.article-body h3+h5,.article-body h3+h6,.article-body h4+h4,.article-body h4+h5,.article-body h4+h6,.article-body h5+h5,.article-body h5+h6,.article-body h6+h3,.article-body h6+h6{margin:15px 0 10px}.article-body h2{font-family:maven pro,sans-serif;font-size:31px;font-weight:600}.article-body h3,.article-body h4,.article-body h5{font-family:maven pro,sans-serif;font-size:26px;font-weight:400;font-weight:700}.article-body h4{font-size:20px}.article-body h5{font-size:16px}.article-body a{text-decoration:none}.article-body a:hover{opacity:1;text-decoration:underline}.article-body .read-more-links h5{margin-top:0}.article-body>a{color:#626262;font-weight:700;text-decoration:underline}.article-body>a:hover{opacity:.75}.article-body .live-event.entry-content a{color:#626262;font-weight:700;text-decoration:underline}.article-body .live-event.entry-content a:hover{opacity:.75}.article-body p{font-family:maven pro,sans-serif;font-size:18px;font-weight:400;color:#141414;line-height:1.7;margin-bottom:23px;padding:0 12px}.article-body ul,.article-body ol{font-family:maven pro,sans-serif;font-size:16px;font-weight:400;margin:0 0 20px;padding:0 12px}.article-body ul li,.article-body ol li{line-height:2;padding-bottom:10px;position:relative}.article-body ul li p,.article-body ol li p{margin:0;padding:0}.article-body ul{list-style:disc}.article-body ul li{margin-left:20px}.article-body ol{counter-reset:li;list-style:none}.article-body ol li{margin-left:30px}.article-body ol li:before{content:counter(li) ".";counter-increment:li;margin-left:-30px;position:absolute}.article-body>table{border-collapse:collapse;display:block;margin-bottom:23px;overflow-x:auto;width:100%}.article-body>table tr{background-color:#e0e0e0}.article-body>table tr:nth-child(even){background-color:#f1f1f1}.article-body>table td,.article-body>table th{font-family:maven pro,sans-serif;font-size:14px;font-weight:400;border-bottom:2px solid #fff;line-height:20px;min-width:150px;padding:6px 16px}.article-body>table tr:first-child td,.article-body>table tr:first-child th{font-size:16px;font-weight:600;line-height:26px;padding:10px 16px}.article-body>table th{font-weight:700}@media all and (min-width:728px){.article-page main{padding:20px 0 16px}.article-page main>section{padding-left:16px;padding-right:16px}.article-page article{margin-left:12px;margin-right:12px}.article-wrapper{margin-top:15px}.article-main>h1{font-size:38px;padding:0}.article-main>h2{padding:0}.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6,.article-body p,.article-body ol,.article-body ul{padding:0}.article-body p{line-height:1.8}}@media all and (min-width:1024px){.article-wrapper{position:relative}.article-wrapper:before{background-color:#f1f1f1;content:' ';height:100%;position:absolute;right:332px;top:0;width:3px}.article-wrapper .related-column{float:right;width:300px}.article-wrapper .related-column>*{display:block;overflow:hidden;position:relative}.article-wrapper .related-column>*:not(:empty){margin-bottom:48px}.article-wrapper .related-column [id*=bottom-primary],.article-wrapper .related-column [id*=bottom-secondary],.article-wrapper .related-column .no-bottom-margin{margin-bottom:0}.article-wrapper .related-column [data-str-native-key]{border-bottom:1px solid #f1f1f1;margin:0 0 12px;padding:0 0 12px}.article-wrapper .related-column .mpu-container{height:600px}.article-wrapper .related-column .heading{border-bottom:2px solid #f1f1f1;font-size:13px;font-weight:700;letter-spacing:1px;margin-bottom:12px;padding-bottom:12px;text-transform:uppercase}.article-wrapper .content-column{float:left;width:calc(100% - 367px)}.article-main>h1{font-size:50px;padding:0}.article-main>h2{font-size:18px;line-height:1.4;padding:0}}@media all and (min-width:1240px){.article-page main{box-sizing:border-box;max-width:1240px;padding:24px 0}.article-page article{margin-left:32px;margin-right:32px}.article-wrapper{margin-top:23px}.article-main>h1{font-size:53px}.article-main>h1:before{background-color:#626262;content:'';height:calc(100% - 25px);left:-32px;position:absolute;top:50%;transform:translate(0,-50%);width:8px}.article-main>h2{font-size:20px;line-height:1.4}}.adblock footer{padding-bottom:160px}.blokada .article-wrapper .content-column,.blokada-auto .article-wrapper .content-column{-ms-user-select:none;-webkit-user-select:none;position:relative;user-select:none}.blokada .article-wrapper .content-column>*:not(.not-blur),.blokada-auto .article-wrapper .content-column>*:not(.not-blur){filter:blur(5px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');pointer-events:none;position:relative}.blokada .article-wrapper .content-column>*:not(.not-blur).side-sharebar,.blokada-auto .article-wrapper .content-column>*:not(.not-blur).side-sharebar{display:none}.blokada .article-wrapper .content-column:before,.blokada-auto .article-wrapper .content-column:before{background:0 0;content:'';height:100%;position:absolute;width:100%;z-index:1}.blokada .article-wrapper .content-column #premium-article-prompt,.blokada-auto .article-wrapper .content-column #premium-article-prompt{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-auto .article-wrapper .content-column>*:not(.not-blur){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}.webview{margin:0;padding:0}.webview main{padding:0}.webview main .timeline .publication-theme-icon,.webview main .timeline .publication-theme-font{margin-top:20px}.webview main .chart-container h3{margin:20px 0;text-align:center}.webview .article-wrapper:before{display:none}.article-type{font-size:18px;margin-bottom:20px;white-space:nowrap}.byline .article-type{display:none}.article-type .advertorial,.article-type .opinion,.article-type .indicator,.article-type .channel-name{color:#fff;display:inline-block;padding:4px 18px 5px;text-transform:uppercase}.article-type .channel-name{background-color:#626262;color:#fff;text-decoration:none}.article-type .channel-name:hover{opacity:.9;text-decoration:none}.article-type .advertorial{background-color:#979797}.article-type .opinion,.article-type .indicator{background-color:#2c2c2c}@media all and (min-width:728px){.article-type{font-size:20px;margin-left:-14px}.article-type .advertorial,.article-type .opinion,.article-type .indicator,.article-type .channel-name{padding:7px 18px 8px}}@media all and (min-width:1024px){.article-type{display:none}.byline .article-type{display:inherit;margin:0;overflow:hidden;vertical-align:middle}.byline .article-type .advertorial,.byline .article-type .opinion,.byline .article-type .indicator,.byline .article-type .channel-name{padding:10px 24px}}@media all and (min-width:1240px){.byline .article-type{font-size:24px}.byline .article-type .advertorial,.byline .article-type .opinion,.byline .article-type .indicator,.byline .article-type .channel-name{padding:8px 24px}}.breadcrumbs{font-family:maven pro,sans-serif;font-size:11px;font-weight:400;font-weight:700;display:none;margin:0 12px 10px}.breadcrumbs.gallery-breadcrumbs a{color:#fff}.breadcrumbs a{color:#494949;display:inline-block;margin-left:10px;margin-right:9px;position:relative;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs ol{list-style-type:none}.breadcrumbs li{display:inline-block;vertical-align:middle}.breadcrumbs li:first-child>a{background:#626262;height:25px;margin:0;overflow:hidden;text-indent:100%;width:25px}.breadcrumbs li:not(:first-child):before{border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;border:4px solid #626262;border-right-width:0;content:'';display:inline-block}@media all and (min-width:1024px){.breadcrumbs{display:block}}@media all and (min-width:1240px){.breadcrumbs{margin:0 32px 10px}}.byline{align-items:center;box-sizing:border-box;display:block;padding:0 12px;width:100%}.byline ul li{list-style-type:none}@media all and (min-width:728px){.byline{border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;display:flex;padding:6px 0}}@media all and (min-width:1240px){.byline{padding:10px 0}}.article-information{color:#494949;display:block;text-transform:uppercase;vertical-align:middle}.article-information .author-information-container{overflow:hidden}.article-information .author-label,.article-information .author{margin-right:4px}.article-information .author-label{font-family:maven pro,sans-serif;font-size:15px;font-weight:400;font-weight:700}.article-information .author{font-family:maven pro,sans-serif;font-size:15px;font-weight:400;display:inline-block}.article-information .author:after{content:','}.article-information .author:last-child:after{display:none}.article-information a{color:#494949;text-decoration:none}.article-information a:hover{text-decoration:underline}.article-information .time-info li{font-family:maven pro,sans-serif;font-size:10px;font-weight:400;border-left:1px solid #e0e0e0;display:inline-block;margin-left:4px;padding-left:8px}.article-information .time-info li:first-child{border-left:0;margin-left:0;padding-left:0;padding-right:8px}.article-information .time-info li span{font-family:maven pro,sans-serif;font-size:10px;font-weight:400;font-weight:700;padding-right:4px}.opinion-author{background-size:cover;border-radius:90px;display:block;float:left;height:32px;margin-right:8px;padding:0}.opinion-author-default{display:block;float:left;padding-top:2px}.opinion-author-default span{background-color:#f1f1f1;border-radius:90px;display:block;height:32px;margin-right:8px;overflow:hidden;width:32px}.opinion-author-default span:before{color:#979797;content:"";font-family:icomoon;font-size:20px;height:100%;left:6px;position:relative;top:6px;width:100%}@media all and (min-width:728px){.article-information{border-left:1px solid #e0e0e0;flex-grow:1;padding:0 16px;position:relative}.article-information .author-information-container{margin-top:6px}.article-information .time-info{bottom:3px;position:relative}.opinion-author{display:table-cell;margin-left:0;margin-right:16px;margin-top:5px;position:absolute}.opinion-author+.author-information-container{margin-left:48px}.opinion-author+.author-information-container+.time-info{margin-left:48px}.opinion-author-default{display:table-cell;padding-top:2px}.opinion-author-default span{margin-left:0;margin-right:16px}}@media all and (min-width:1240px){.article-information{position:relative}.article-information .time-info{bottom:3px;position:relative}.article-information .time-info li{font-size:11px}.article-information .time-info li span{font-size:11px}.article-information .author-information-container{margin-top:6px}.opinion-author{height:40px;position:absolute}.opinion-author+.author-information-container{margin-left:56px}.opinion-author+.author-information-container+.time-info{margin-left:56px}.opinion-author-default{padding-top:0}.opinion-author-default span{height:40px;width:40px}.opinion-author-default span:before{font-size:23px;height:100%;left:9px;top:8px;width:100%}}.sharebar-icon:after{border-radius:50%;content:'';height:100%;position:absolute;top:0;width:100%}.sharebar-icon:hover:after{animation:sonarEffect 450ms ease-out}@keyframes sonarEffect{0%{opacity:.3}40%{box-shadow:0 0 0 2px rgba(0,0,0,.1),0 0 10px 10px #fff,0 0 0 10px rgba(0,0,0,.2);opacity:.5}100%{box-shadow:0 0 0 2px rgba(0,0,0,.1),0 0 10px 10px #fff,0 0 0 10px rgba(0,0,0,.2);opacity:0;transform:scale(1.6)}}.article-wrapper .sharebar{border-bottom:0;display:flex;margin:0 auto}.article-wrapper .sharebar li{line-height:1;margin-left:5px}.article-wrapper .sharebar li a{color:#fff}.article-wrapper .byline{display:flex}.article-wrapper .side-sharebar{display:none}.sharebar{border-bottom:1px solid #e0e0e0;margin-bottom:10px;margin-right:0;padding-bottom:10px}.sharebar li{font-family:maven pro,sans-serif;font-size:12px;font-weight:400;display:inline-block;line-height:1;list-style:none;margin-left:0;vertical-align:middle}.sharebar li.sharebar-comments{border-left:1px solid #e0e0e0;margin-left:10px}.sharebar li:last-child{border:0;margin-right:16px}.sharebar .sharebar-provider{margin:0 2px 0 0}.sharebar .count-shares{font-family:maven pro,sans-serif;font-size:11px;font-weight:400;font-weight:700;box-sizing:border-box;display:none;margin-left:5px;margin-right:16px}.sharebar .count-shares .count-num{color:#141414;font-size:15px}.gallery .sharebar .count-shares .count-num{color:#fff}.sharebar .count-comments{font-family:maven pro,sans-serif;font-size:11px;font-weight:400;font-weight:700;box-sizing:border-box;text-align:left}.sharebar .count-comments .count-num{color:#009c33;font-size:15px}.sharebar .count-comments a{text-decoration:none}.sharebar .count-num{display:block;font-size:15px;font-weight:700;margin-bottom:2px;transition:opacity .6s ease-out}.sharebar .count-num.hidden{opacity:0}.sharebar .count-text{color:#494949;display:block;font-size:11px;font-weight:400;margin-top:4px;text-transform:uppercase;transition:transform .4s ease-out}.gallery .sharebar .count-text{color:#979797}.sharebar-icon{border-radius:30px;color:#fff;display:inline-block;height:30px;overflow:visible;position:relative;width:30px}.side-sharebar .sharebar-icon{height:34px;width:34px}.sharebar-icon.icon.facebook{background-color:#315c97}.sharebar-icon.icon.facebook:before{font-size:15px;left:55%;position:absolute;top:50%}.sharebar-icon.icon.facebook:hover{border:2px solid #315c97;box-sizing:border-box;cursor:pointer;text-decoration:none;transform:scale(1.05);transition:transform ease-out .1s,background .2s}.sharebar-icon.icon.twitter{background-color:#39a9e0}.sharebar-icon.icon.twitter:before{font-size:17px;left:50%;position:absolute;top:50%}.sharebar-icon.icon.twitter:hover{border:2px solid #39a9e0;box-sizing:border-box;cursor:pointer;text-decoration:none;transform:scale(1.05);transition:transform ease-out .1s,background .2s}.sharebar-icon.icon.pinterest{background-color:#cd1d1f}.sharebar-icon.icon.pinterest:before{font-size:15px;left:50%;position:absolute;top:50%}.sharebar-icon.icon.pinterest:hover{border:2px solid #cd1d1f;box-sizing:border-box;cursor:pointer;text-decoration:none;transform:scale(1.05);transition:transform ease-out .1s,background .2s}.sharebar-icon.icon.linkedin{background-color:#007bb5}.sharebar-icon.icon.linkedin:before{font-size:22px;left:50%;position:absolute;top:50%}.sharebar-icon.icon.linkedin:hover{border:2px solid #007bb5;box-sizing:border-box;cursor:pointer;text-decoration:none;transform:scale(1.05);transition:transform ease-out .1s,background .2s}.sharebar-icon.icon.googleplus{background-color:#dd4b39}.sharebar-icon.icon.googleplus:before{font-size:18px;left:50%;position:absolute;top:47%}.sharebar-icon.icon.googleplus:hover{border:2px solid #dd4b39;box-sizing:border-box;cursor:pointer;text-decoration:none;transform:scale(1.05);transition:transform ease-out .1s,background .2s}.sharebar-icon.icon.whatsapp{background-color:#3bb931}.sharebar-icon.icon.whatsapp:before{font-size:17px;left:50%;position:absolute;top:50%}.sharebar-icon.icon.whatsapp:hover{border:2px solid #3bb931;box-sizing:border-box;cursor:pointer;text-decoration:none;transform:scale(1.05);transition:transform ease-out .1s,background .2s}.sharebar-icon.icon.comments{background-color:#009c33;margin-left:10px;margin-right:5px}.sharebar-icon.icon.comments:before{font-size:24px;left:50%;position:absolute;top:53%}.sharebar-icon.icon.comments:hover{border:2px solid #009c33;box-sizing:border-box;cursor:pointer;text-decoration:none;transform:scale(1.05);transition:transform ease-out .1s,background .2s}@media all and (min-width:728px){.sharebar .count-shares{display:inline-block}.sharebar li{margin-left:5px}.sharebar li.sharebar-comments{margin-left:0}.sharebar .sharebar-icon{height:38px;width:38px}.sharebar .sharebar-icon.icon.facebook{background-color:#315c97}.sharebar .sharebar-icon.icon.facebook:before{font-size:18px;left:55%;position:absolute;top:50%}.sharebar .sharebar-icon.icon.facebook:hover{border:2px solid #315c97;box-sizing:border-box;cursor:pointer;text-decoration:none;transform:scale(1.05);transition:transform ease-out .1s,background .2s}.sharebar .sharebar-icon.icon.twitter{background-color:#39a9e0}.sharebar .sharebar-icon.icon.twitter:before{font-size:20px;left:50%;position:absolute;top:50%}.sharebar .sharebar-icon.icon.twitter:hover{border:2px solid #39a9e0;box-sizing:border-box;cursor:pointer;text-decoration:none;transform:scale(1.05);transition:transform ease-out .1s,background .2s}.sharebar .sharebar-icon.icon.pinterest{background-color:#cd1d1f}.sharebar .sharebar-icon.icon.pinterest:before{font-size:18px;left:50%;position:absolute;top:50%}.sharebar .sharebar-icon.icon.pinterest:hover{border:2px solid #cd1d1f;box-sizing:border-box;cursor:pointer;text-decoration:none;transform:scale(1.05);transition:transform ease-out .1s,background .2s}.sharebar .sharebar-icon.icon.linkedin{background-color:#007bb5}.sharebar .sharebar-icon.icon.linkedin:before{font-size:26px;left:50%;position:absolute;top:50%}.sharebar .sharebar-icon.icon.linkedin:hover{border:2px solid #007bb5;box-sizing:border-box;cursor:pointer;text-decoration:none;transform:scale(1.05);transition:transform ease-out .1s,background .2s}.sharebar .sharebar-icon.icon.googleplus{background-color:#dd4b39}.sharebar .sharebar-icon.icon.googleplus:before{font-size:21px;left:50%;position:absolute;top:47%}.sharebar .sharebar-icon.icon.googleplus:hover{border:2px solid #dd4b39;box-sizing:border-box;cursor:pointer;text-decoration:none;transform:scale(1.05);transition:transform ease-out .1s,background .2s}.sharebar .sharebar-icon.icon.whatsapp{background-color:#3bb931}.sharebar .sharebar-icon.icon.whatsapp:before{font-size:20px;left:50%;position:absolute;top:50%}.sharebar .sharebar-icon.icon.whatsapp:hover{border:2px solid #3bb931;box-sizing:border-box;cursor:pointer;text-decoration:none;transform:scale(1.05);transition:transform ease-out .1s,background .2s}.sharebar .sharebar-icon.icon.comments{background-color:#009c33;margin-left:16px}.sharebar .sharebar-icon.icon.comments:before{font-size:29px;left:50%;position:absolute;top:51%}.sharebar .sharebar-icon.icon.comments:hover{border:2px solid #009c33;box-sizing:border-box;cursor:pointer;text-decoration:none;transform:scale(1.05);transition:transform ease-out .1s,background .2s}}.side-sharebar{border:0;display:none;float:left;margin-right:-60px;width:50px}.side-sharebar.sticky.top{position:fixed;top:105px}.side-sharebar.bottom{position:absolute}.side-sharebar .sharebar li{border-left:0;display:block;margin:0;text-align:center}.side-sharebar .sharebar a{color:#fff}.side-sharebar .sharebar-comments{border:0;border-left:0;margin-left:0;margin-top:10px;padding-top:10px;position:relative}.side-sharebar .sharebar-comments:before{background-color:#e0e0e0;content:'';height:1px;left:0;position:absolute;top:0;width:100%}.side-sharebar .sharebar .count-shares,.side-sharebar .sharebar .count-comments{font-size:10px;margin-bottom:10px;margin-right:0;margin-top:10px}.side-sharebar .sharebar .count-num{font-size:16px}.side-sharebar .sharebar .count-comments .count-text{display:none}.side-sharebar .sharebar .icon.comments{margin-left:0;margin-right:0}@media all and (min-width:728px){.sharebar{border-bottom:0;flex:0 0 auto;margin-bottom:0;padding-bottom:0}.article-wrapper .side-sharebar{display:block}.article-wrapper .side-sharebar~.article-body{padding-left:60px}}@media all and (min-width:728px){.byline ul{margin-top:3px}.byline .article-information{margin-top:-2px}}.in-article-image{margin-bottom:23px}.in-article-image figcaption{background-color:#f1f1f1;line-height:1.4;padding:11px 12px}.in-article-image figcaption .caption{font-family:maven pro,sans-serif;font-size:14px;font-weight:400;font-weight:700;color:#2c2c2c}.in-article-image figcaption .credit{font-family:maven pro,sans-serif;font-size:11px;font-weight:400;color:#141414;margin-left:2px}.in-article-image figcaption span:first-child{margin-left:0}.lead-article-image img{display:block;width:100%}@media all and (min-width:728px){.in-article-image figcaption{padding-left:10px}}@media all and (min-width:1024px){.in-article-image figcaption{padding-left:12px}}@media all and (min-width:1240px){.in-article-image figcaption{padding-left:17px}}.html-embed{margin-bottom:20px;min-height:1px;padding-bottom:1px}.html-embed iframe{max-width:100%}.mod-unsupported{background-color:#f1f1f1;margin-bottom:23px;overflow:hidden;padding-bottom:20px;text-align:center}.mod-unsupported .title{font-size:20px;background-color:#e0e0e0;color:#2c2c2c;display:block;letter-spacing:-1px;line-height:27px;padding:12px}.mod-unsupported .symbol{background-image:url(/marwood/TM/unsupported-content/img/icons.png);display:block;height:74px;margin:auto;margin-bottom:14px;margin-top:17px;width:75px}.mod-unsupported .symbol.quiz{background-position:-375px 0}.mod-unsupported .symbol.chart{background-position:-75px 0}.mod-unsupported .symbol.content{background-position:-150px 0}.mod-unsupported .symbol.form{background-position:0 0}.mod-unsupported .symbol.video{background-position:-225px 0}.mod-unsupported .symbol.poll{background-position:-300px 0}.mod-unsupported .notice{font-family:maven pro,sans-serif;font-size:16px;font-weight:400;font-weight:700;color:#626262}.mod-unsupported .message{font-family:maven pro,sans-serif;font-size:16px;font-weight:400;color:#626262;display:block;line-height:1.7}.mod-unsupported .opt-out-action{font-family:maven pro,sans-serif;font-size:14px;font-weight:400;font-weight:700;border-radius:40px;background-color:#979797;border:1px solid #979797;color:#fff;display:inline-block;margin-top:20px;padding:10px 30px;text-decoration:none;transition:400ms ease-in-out all}.mod-unsupported .opt-out-action:hover{background-color:#fff;border-color:#e0e0e0;color:#979797;text-decoration:none}@media all and (min-width:728px){.mod-unsupported .message{display:inline}}.image-gallery-placeholder{margin-bottom:23px;position:relative}.image-gallery-placeholder .gallery-interaction{display:block;text-decoration:none}.image-gallery-placeholder .gallery-interaction:hover{text-decoration:none}.image-gallery-placeholder .content{position:relative}.image-gallery-placeholder .gallery-title{background-color:#141414;color:#fff;padding:15px 18px;position:relative}.image-gallery-placeholder .gallery-title span{font-family:maven pro,sans-serif;font-size:16px;font-weight:400;display:block;line-height:1.2;padding-left:18px;position:relative;text-decoration:none;word-wrap:break-word}.image-gallery-placeholder .gallery-title span:before{border-bottom:6px solid transparent;border-left:6px solid #fff;border-top:6px solid transparent;content:'';height:0;left:0;position:absolute;top:4px;width:0}.image-gallery-placeholder .call-to-action{font-size:34px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translateY(-50%);background:#141414;border-bottom:1px solid #fff;border-top:1px solid #fff;color:#fff;letter-spacing:-1px;position:absolute;text-align:center;text-transform:uppercase;width:100%}.image-gallery-placeholder .label{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-left:-25px;white-space:nowrap}.image-gallery-placeholder .label:before{content:""}.image-gallery-placeholder .label:before{font-family:icomoon;font-size:41px;position:absolute;right:-45px;top:-2px}.image-gallery-placeholder .blur{background-image:none;height:48px;position:relative;width:100%}.image-gallery-placeholder .blur[data-init]{background-color:#141414;padding-top:0!important}.image-gallery-placeholder .blur:before{display:none}.image-gallery-placeholder .blur img{position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translateY(-50%);filter:blur(10px);left:0;width:100%}.image-gallery-placeholder .blur.mod-image{min-height:0}.image-gallery-placeholder .blur.mod-image img{opacity:.4}@media all and (min-width:728px){.image-gallery-placeholder .gallery-title span{font-size:17px;line-height:1.3}.image-gallery-placeholder .gallery-title span:before{top:5px}.image-gallery-placeholder .call-to-action{font-size:47px}.image-gallery-placeholder .label:before{font-size:59px;right:-65px;top:-5px}.image-gallery-placeholder .blur{height:75px}}.article-page.gallery{background-color:#141414}.article-page.gallery main{background-color:#2c2c2c}.article-page.gallery h1{color:#fff;font-size:36px;margin:0;padding:12px 12px 18px}.article-page.gallery h1+p{color:#979797;font-size:16px;padding:0 12px}.article-page.gallery .sharebar{border-bottom-color:#3a3a3a;padding:0 0 12px}.article-page.gallery .tag-list{background-color:#3a3a3a;border:1px solid #141414}.article-page.gallery .tag-list a{background-color:#2c2c2c;border:1px solid #141414;color:#fff}.article-page.gallery .tag-list a:hover{background-color:#626262}.article-page.gallery .author-label,.article-page.gallery .author,.article-page.gallery .time-info li{color:#979797}.article-page.gallery footer{border-top:1px solid #2c2c2c}.gallery-tag{font-size:16px;padding-top:20px}.gallery-tag span{background-color:#fff;display:inline-block;padding:6px 11px;position:relative;text-transform:uppercase}.gallery-tag span:first-child{background-color:#626262;color:#fff;text-transform:uppercase}.gallery-tag span:nth-child(2){padding-left:40px}.gallery-tag span:nth-child(2):before{content:""}.gallery-tag span:nth-child(2):before{font-family:icomoon;font-size:25px;left:10px;position:absolute;top:50%;transform:translate(0,-50%)}.image-gallery{list-style:none;margin-top:20px}.image-gallery li:first-child{margin-top:0}.image-gallery li{margin-top:45px}.image-gallery li .image-container{line-height:0;min-height:50vh;transition:min-height .2s;transition-delay:.5s}.image-gallery li .image-container img{max-height:90vh;max-width:100%;width:auto}.image-gallery .in-article-image[data-init] .image-container{min-height:0}.image-gallery figure{background-color:#141414}.image-gallery figure .mod-image{background-color:transparent}.image-gallery figure .mod-image img{display:block}.image-gallery figure figcaption{background-color:#2c2c2c;padding:45px 12px 11px;position:relative;text-align:left}.image-gallery figure .img-count{font-family:maven pro,sans-serif;font-size:12px;font-weight:400;color:#979797;display:inline-block;left:0;line-height:1;padding:0 12px;position:absolute;top:20px}.image-gallery figure .caption{font-family:maven pro,sans-serif;font-size:16px;font-weight:400;background-color:transparent;color:#fff;line-height:22px}.image-gallery figure .credit{font-family:maven pro,sans-serif;font-size:12px;font-weight:400;color:#979797;display:block;margin-top:1px}@media all and (min-width:728px){.article-page.gallery .article-main h1{font-size:38px;padding:20px 0 30px}.article-page.gallery .article-main h1+p,.article-page.gallery .article-main .sharebar{padding:0}.article-page.gallery .byline{border-bottom:1px solid #3a3a3a;border-top:1px solid #3a3a3a}.article-page.gallery .article-information{border-left:1px solid #3a3a3a}.article-page.gallery .time-info li{border-left:1px solid #3a3a3a}.gallery-tag{font-size:20px;left:-14px;position:relative}.gallery-tag span{padding:10px 16px}.gallery-tag span:nth-child(2){padding-left:47px}.gallery-tag span:nth-child(2):before{font-size:32px}.image-gallery figure{text-align:center}.image-gallery figure[data-orientation=portrait] .outer{margin:0 auto;width:50%}.image-gallery figure figcaption{line-height:28px;padding-bottom:6px;padding-left:0}.image-gallery figure figcaption .credit{margin-top:-7px}.image-gallery figure .img-count{padding:0}}@media all and (min-width:1024px){.article-page.gallery .article-main h1{font-size:50px;padding:14px 0 25px}.article-page.gallery .article-main h1+p{font-size:18px}.gallery-tag{font-size:24px;left:-14px;position:relative}.gallery-tag span{padding:8px 20px}.gallery-tag span:nth-child(2){padding-left:50px}.gallery-tag span:nth-child(2):before{font-size:34px}.image-gallery figure figcaption{font-size:18px;padding-top:40px}.image-gallery figure figcaption .caption{font-size:18px}.image-gallery figure figcaption .credit{font-size:14px;margin-top:0}.image-gallery figure figcaption .img-count{padding:0}}@media all and (min-width:1240px){.article-page.gallery .article-main h1{font-size:53px;margin-bottom:20px;margin-top:30px;padding:0}.article-page.gallery .article-main h1+p{font-size:20px}.gallery-tag{left:-32px;padding-top:10px}.image-gallery li{margin-top:55px}.image-gallery figure .caption{font-size:20px;line-height:33px}.image-gallery figure .img-count{top:20px}}.instagram-content,.instagram-media,iframe[src*=instagram]{box-sizing:border-box;margin:0 0 20px;padding:0 12px;width:99.375%;width:calc(100% - 2px)}.instagram-media{margin-bottom:20px!important}.instagram-placeholder{border:1px solid #e0e0e0;border-radius:4px;overflow:hidden;padding-top:100%;position:relative;width:100%}.instagram-placeholder:before{content:""}.instagram-placeholder:before,.instagram-placeholder:after{background-color:transparent;color:#979797;height:35px;left:50%;line-height:35px;position:absolute;top:60%;z-index:1}.instagram-placeholder:before{font-family:icomoon;font-size:40px;margin-left:-72px;margin-top:-75px;width:143px}.instagram-placeholder:after{content:'IMAGE LOADING';font-family:open sans condensed;font-size:20px;left:50%;margin-left:-65px;margin-top:-42px;width:200px}.instagram-placeholder a{background-color:#f1f1f1;border:8px solid #fff;border-bottom-width:40px;border-top-width:40px;box-sizing:border-box;color:#626262;display:block;height:100%;left:0;position:absolute;text-decoration:none;text-indent:100%;top:0;width:100%;z-index:0}@media all and (min-width:728px){.instagram-content{padding:0}}.read-more-links{background-color:#f1f1f1;border:1px solid #e0e0e0;margin-bottom:23px;margin-top:39px;position:relative}.read-more-links h5{font-family:maven pro,sans-serif;font-size:16px;font-weight:400;font-weight:700;background-color:#141414;border-color:#626262;border-left-width:29px;border-style:solid;color:#fff;font-size:14px;left:9px;line-height:29px;margin:0;padding:0 9px;position:absolute;text-transform:uppercase;top:-15px}.read-more-links h5:before{height:27px;left:-28px;top:1px;width:27px}.read-more-links ul{list-style-type:none;margin:0;padding:8px 0 0}.read-more-links ul li{border-top:1px solid #e0e0e0;line-height:1;margin:0;padding:17px 24px}.read-more-links ul li a{font-family:maven pro,sans-serif;font-size:16px;font-weight:400;color:#141414;line-height:26px;position:relative;text-decoration:none}.read-more-links ul li a:hover{opacity:1;text-decoration:underline}.read-more-links ul li a:before{border:6px solid transparent;border-left:6px solid #141414;content:' ';display:inline-block;height:0;left:-12px;line-height:0;position:absolute;top:6px;width:0}.read-more-links ul li:first-child{border-top:0}.pancake.grid>.embedded-image-grid{margin-top:36px}.embedded-image-grid{background-color:#141414;border-bottom:solid 4px #626262;border-top:solid 4px #626262;margin-bottom:48px;margin-top:36px;position:relative}.embedded-image-grid h4{font-family:maven pro,sans-serif;font-size:16px;font-weight:400;font-weight:700;background-color:#141414;border-color:#626262;border-left-width:29px;border-style:solid;color:#fff;font-size:14px;left:9px;line-height:29px;margin:0;padding:0 9px;position:absolute;text-transform:uppercase;top:-15px}.embedded-image-grid h4:before{height:27px;left:-28px;top:1px;width:27px}.embedded-image-grid h3{font-size:26px;color:#fff;letter-spacing:-1px;line-height:1.4;margin:20px 12px;text-align:center;text-transform:capitalize}.article-body .embedded-image-grid a{color:#fff;display:block}.embedded-image-grid ul{-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;font-size:0;list-style-type:none;margin:0 0 10px;overflow-x:scroll;overflow-y:hidden;white-space:nowrap}.embedded-image-grid li{box-sizing:border-box;display:inline-block;margin:0 24px 0 0;position:relative;vertical-align:top;width:80%}.embedded-image-grid li:last-child{margin:0}.embedded-image-grid li a{color:#fff;font-weight:400;text-decoration:none;display:block}.embedded-image-grid li a:hover{opacity:1}.embedded-image-grid li[data-type=gallery] .mod-image:before,.embedded-image-grid li[data-type=photo-story] .mod-image:before{content:""}.embedded-image-grid li[data-type=gallery] .mod-image:before,.embedded-image-grid li[data-type=photo-story] .mod-image:before{background-color:#fff;border-radius:50%;bottom:10%;box-sizing:border-box;font-family:icomoon;font-size:20px;height:30px;line-height:25px;padding:4px;pointer-events:none;position:absolute;right:6%;width:30px;z-index:1}.article-body .embedded-image-grid li{margin-left:0;padding-bottom:10px}.article-body .embedded-image-grid li:first-child{margin-left:10%}.embedded-image-grid .mod-image{border:solid 1px #979797;margin-bottom:18px;overflow:hidden}.embedded-image-grid figcaption{font-family:maven pro,sans-serif;font-size:16px;font-weight:600;background-color:#141414;color:#fff;line-height:1.4;text-align:center;white-space:normal;word-break:break-word}@media all and (min-width:728px){.embedded-image-grid{margin-bottom:48px}.embedded-image-grid h3{font-size:36px;margin:23px 12px}.embedded-image-grid .wrapper{padding-left:10px}.embedded-image-grid ul{-ms-overflow-style:none;list-style-type:none;overflow-x:initial;white-space:normal}.embedded-image-grid a .mod-image img{transform:scale(1.1) translateZ(0)}.embedded-image-grid a:hover .mod-image img{transform:scale(1.3) translateZ(0)}.embedded-image-grid li{margin:0 0 20px;opacity:1;padding:0 10px 0 0;width:25%}.embedded-image-grid li[data-type=gallery] .mod-image:before,.embedded-image-grid li[data-type=photo-story] .mod-image:before{bottom:10%;right:6%}.article-body .embedded-image-grid li:first-child{margin-left:0}.embedded-image-grid .mod-image{margin-bottom:12px}.embedded-image-grid .mod-image img{transform:scale(1);transition:transform 300ms}.embedded-image-grid figcaption{font-family:maven pro,sans-serif;font-size:14px;font-weight:600}.pancake.grid>.embedded-image-grid .wrapper ul li[data-type=gallery] .mod-image:before,.pancake.grid>.embedded-image-grid .wrapper ul li[data-type=photo-story] .mod-image:before{bottom:10%;right:6%}}@media all and (min-width:1024px){.embedded-image-grid .wrapper ul li[data-type=gallery] .mod-image:before,.embedded-image-grid .wrapper ul li[data-type=photo-story] .mod-image:before{bottom:10%;right:6%}.pancake.grid>.embedded-image-grid .wrapper ul li[data-type=gallery] .mod-image:before,.pancake.grid>.embedded-image-grid .wrapper ul li[data-type=photo-story] .mod-image:before{bottom:10%;right:6%}}@media all and (min-width:1240px){.embedded-image-grid .wrapper ul li[data-type=gallery] .mod-image:before,.embedded-image-grid .wrapper ul li[data-type=photo-story] .mod-image:before{bottom:10%;right:6%}.pancake.grid>.embedded-image-grid .wrapper ul li[data-type=gallery] .mod-image:before,.pancake.grid>.embedded-image-grid .wrapper ul li[data-type=photo-story] .mod-image:before{bottom:10%;right:6%}}.review{padding:0 12px 20px}.review h3{display:inline-block;font-size:14px;margin-right:5px;text-transform:uppercase}.review .star:before,.review .star-rating:before{-webkit-font-smoothing:antialiased;color:inherit;font-family:icomoon;font-size:22px;font-variant:normal;font-weight:400;line-height:1;position:absolute;text-transform:none;z-index:0}.review .star-rating{color:#626262;display:inline-block;min-width:115px;position:relative}.review .star-rating:before{content:'\e90b\e90b\e90b\e90b\e90b';position:absolute;z-index:0}.review .star{color:gold}.review .star:before{background-color:#fff;content:'\e90b';position:relative;z-index:1}@media all and (min-width:728px){.review{padding:0 0 20px}}.tag-list{background-color:#f1f1f1;border:1px solid #e0e0e0;margin-bottom:23px;margin-top:39px;padding:30px 0 12px;position:relative}.tag-list span{font-family:maven pro,sans-serif;font-size:16px;font-weight:400;font-weight:700;background-color:#141414;border-color:#626262;border-left-width:29px;border-style:solid;color:#fff;font-size:14px;left:9px;line-height:29px;margin:0;padding:0 9px;position:absolute;text-transform:uppercase;top:-15px}.tag-list span:before{height:27px;left:-28px;top:1px;width:27px}.tag-list ul{list-style-type:none;margin:0;padding:0 10px}.tag-list ul li{display:inline-block;line-height:0;margin:0 8px 8px 0}.tag-list ul a{font-family:maven pro,sans-serif;font-size:12px;font-weight:600;background-color:#fff;border:1px solid #e0e0e0;border-radius:90px;color:#000;display:inline-block;line-height:1;margin-top:0;padding:7px 14px;text-decoration:none;text-transform:capitalize}.tag-list ul a:hover{background-color:#626262;border:1px solid #626262;color:#fff;text-decoration:none}.quiz{background-color:#2c2c2c;margin-bottom:23px;overflow:hidden;padding:20px 0 48px;position:relative}.quiz figure{background:0 0}.quiz .mod-image{overflow:hidden}.quiz:before{font-family:maven pro,sans-serif;font-size:18px;font-weight:400;font-weight:700;background-color:#626262;color:#fff;content:'Quiz';left:-59px;letter-spacing:-1px;padding:45px 45px 5px;position:absolute;text-transform:uppercase;top:-24px;transform:rotate(-45deg)}.quiz .stats{margin:10px 0 20px;text-align:center}.quiz .position,.quiz .score{font-family:maven pro,sans-serif;font-size:16px;font-weight:400;color:#fff;letter-spacing:-.5px}.quiz .position span,.quiz .score span{font-family:maven pro,sans-serif;font-size:16px;font-weight:400;font-weight:700;margin-left:4px}.quiz .score{border-left:1px #979797 solid;margin-left:10px;padding-left:11px}.quiz .options-list{list-style:none;margin:0;padding:0}.quiz .options-list[data-type=image]{-ms-overflow-scrolling:touch;overflow-style:autohiding-scrollbar;overflow-x:scroll;overflow-y:hidden;padding-bottom:20px;white-space:nowrap}.quiz .options-list li a{font-weight:400;text-decoration:none}.quiz .options-list li a:hover{opacity:1}.quiz .question{font-size:25px;color:#fff;display:block;letter-spacing:-1px;line-height:1.4;margin:0 auto 20px;text-align:center;width:80%}.quiz .option-default{font-family:maven pro,sans-serif;font-size:15px;font-weight:400;border:1px #494949 solid;cursor:pointer;display:block;letter-spacing:-1px;line-height:1.4;margin:0 auto 12px;padding:16px 0;width:80%}.quiz .option-default:hover{border:1px #fff solid;text-decoration:none}.quiz .option-default a{color:#fff;display:block;padding:0 12px;text-decoration:none}.quiz .option-default-preview{cursor:default;position:relative}.quiz .option-default-preview:before{position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translateY(-50%);color:#fff;font-family:icomoon;font-size:20px;position:absolute;right:18px;z-index:1}.quiz .option-default-preview:after{content:'';height:100%;position:absolute;right:0;top:0;width:55px}.quiz .option-default-preview a{cursor:default;padding-right:62px}.quiz .option-default-incorrect{border:1px #e90e0e solid}.quiz .option-default-incorrect:before{content:""}.quiz .option-default-incorrect:after{background-color:#e90e0e}.quiz .option-default-incorrect:hover{border:1px #e90e0e solid}.quiz .option-default-correct{border:1px #009c33 solid}.quiz .option-default-correct:before{content:""}.quiz .option-default-correct:after{background-color:#009c33}.quiz .option-default-correct:hover{border:1px #009c33 solid}.quiz .status{border:1px #fff solid;margin:0 auto 20px;overflow:hidden;padding:16px 0;position:relative;text-align:right;width:80%}.quiz .next-action{color:#fff;letter-spacing:-1px;margin-right:35px;position:relative;text-transform:capitalize}.quiz .next-action:before{content:""}.quiz .next-action:before{display:inline-block;font-family:icomoon;font-size:20px;position:absolute;right:-27px;text-decoration:underline;top:1px}.quiz .next-action:before,.quiz .next-action:hover:before{text-decoration:none}.quiz .status-message-default{font-family:maven pro,sans-serif;font-size:15px;font-weight:400;color:#fff;display:block;float:left;left:51px;letter-spacing:-1px;position:relative}.quiz .status-message-default:before{font-family:icomoon;left:-31px;position:absolute;top:1px;z-index:1}.quiz .status-message-default:after{border-radius:50px;content:'';height:29px;left:-29pt;position:absolute;top:-6px;width:29px}.quiz .status-message-correct:before{content:""}.quiz .status-message-correct:after{background-color:#009c33}.quiz .status-message-incorrect:before{content:""}.quiz .status-message-incorrect:before{left:-32px}.quiz .status-message-incorrect:after{background-color:#e90e0e}.quiz .option-image{box-sizing:border-box;display:inline-block;margin:0 5px;padding:0;position:relative;vertical-align:top;width:75%}.quiz .option-image:first-child{margin-left:10%}.quiz .option-image:last-child{margin-right:10%}.quiz .option-image .after-image{position:relative}.quiz .option-image a:hover{display:block;position:relative;text-decoration:none}.quiz .option-image .option-text{font-family:maven pro,sans-serif;font-size:15px;font-weight:400;border:1px #494949 solid;color:#fff;cursor:pointer;display:block;margin-top:10px;padding:8px 0;text-align:center}.quiz .option-image .option-text.correct-border,.quiz .option-image .option-text.correct-border:hover{border:1px #009c33 solid}.quiz .option-image .option-text.incorrect-border,.quiz .option-image .option-text.incorrect-border:hover{border:1px #e90e0e solid}.quiz .option-image .option-text:hover{border:1px #fff solid;text-decoration:none}.quiz .option-image .in-article-image{margin:0;padding:0;width:100%}.quiz .option-image .in-article-image figcaption{box-sizing:border-box;margin-top:-35px;opacity:.85;padding-left:6px;padding-right:6px;position:absolute;top:100%;width:100%;z-index:1}.quiz .option-image .in-article-image .credit{display:inline-block;font-size:10px;height:14px}.quiz .option-image .img-count{font-family:maven pro,sans-serif;font-size:12px;font-weight:400;background-color:#000;color:#979797;letter-spacing:-1px;line-height:1;padding:4px;position:absolute;top:0}.quiz .option-image-preview{cursor:default;position:relative}.quiz .option-image-preview:before{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-family:icomoon;font-size:35px;position:absolute;z-index:1}.quiz .option-image-preview:after{content:'';height:98%;left:0;opacity:.6;position:absolute;top:0;width:100%;z-index:2}.quiz .option-image-incorrect:before{content:""}.quiz .option-image-incorrect:after{background-color:#e90e0e}.quiz .option-image-correct:before{content:""}.quiz .option-image-correct:after{background-color:#009c33}.quiz .info p{font-family:maven pro,sans-serif;font-size:14px;font-weight:400;box-sizing:border-box;color:#fff;display:block;line-height:1.4;margin:0 auto 20px;padding:0 0 0 33px;position:relative;width:80%}.quiz .info p:before{background-color:#fff;border-radius:50px;content:'';height:19px;left:0;position:absolute;top:1px;width:19px}.quiz .info p:after{font-family:maven pro,sans-serif;font-size:16px;font-weight:400;font-weight:700;color:#2c2c2c;content:'i';left:7px;position:absolute;top:0}.quiz .info a{color:#fff;font-weight:700;text-decoration:underline}.quiz .info a:hover{color:#e0e0e0}.quiz .info .in-article-image{margin-bottom:0}.quiz .result-title{font-size:25px;display:block;letter-spacing:-1px;margin-left:auto;margin-right:auto;text-align:center;width:80%;color:#fff;line-height:1.4;margin-bottom:20px;margin-top:20px}.quiz .result-label{font-family:maven pro,sans-serif;font-size:16px;font-weight:400;display:block;letter-spacing:-1px;margin-left:auto;margin-right:auto;text-align:center;width:80%;color:#979797;margin-bottom:20px;text-transform:uppercase}.quiz .result-score{font-size:60px;display:block;letter-spacing:-1px;margin-left:auto;margin-right:auto;text-align:center;width:80%;color:#fff;margin-bottom:30px}.quiz .replay-quiz{border:1px solid #fff;border-radius:40px;color:#fff;display:block;font-size:18px;height:60px;letter-spacing:-1px;line-height:3.3;margin:0 auto;padding-left:34px;position:relative;text-align:center;text-transform:uppercase;width:150px}.quiz .replay-quiz:before{content:""}.quiz .replay-quiz:before{display:inline-block;font-family:icomoon;font-size:25px;left:20px;position:absolute;text-decoration:underline;top:-11px;transform:rotate(87deg) scaleX(-1)}.quiz .replay-quiz:before,.quiz .replay-quiz:hover:before{text-decoration:none}.quiz .result-message{font-family:maven pro,sans-serif;font-size:14px;font-weight:400;color:#fff;display:block;line-height:20px;margin:40px auto 0;text-align:center;width:70%}.quiz .in-article-image{margin:0 auto 20px;width:80%}.quiz .in-article-image figcaption{background-color:#141414;margin-top:-26px;opacity:.85;padding-bottom:0;padding-top:0;position:absolute;top:100%;width:100%}.quiz .in-article-image .credit{color:#fff;display:inline-block;font-size:12px;height:14px;padding-bottom:5px;padding-top:5px}.quiz .in-article-image .caption{display:none}@media all and (min-width:728px){.quiz:before{font-size:23px;left:-64px;padding:65px 50px 12px;top:-37px}.quiz .options-list[data-type=image]{border-spacing:8px;display:table;margin:0 auto;table-layout:fixed;width:98%}.quiz .question{line-height:1.3}.quiz .in-article-image figcaption{margin-top:-26px}.quiz .option-default,.quiz .option-default-correct,.quiz .option-default-incorrect{font-size:18px}.quiz .option-image{display:table-cell}.quiz .option-image .in-article-image figcaption{margin-top:-35px}.quiz .option-image .option-text{font-size:16px;padding-bottom:16px;padding-top:16px}.quiz .option-image .img-count{display:none}.quiz .option-image-preview:after{height:98%}.quiz .next-action{font-size:18px}.quiz .next-action:before{left:-30px;top:3px}.quiz .status-message-default{font-size:18px}.quiz .status-message-incorrect:before{font-size:16px;left:-32px}.quiz .status-message-correct:before{left:-32px}.quiz .info:after{left:7px}}@media all and (min-width:1024px){.quiz .option-image .in-article-image figcaption{margin-top:-35px}.quiz .in-article-image figcaption{margin-top:-25.9px}.quiz .option-image-preview:after{height:97.5%}}@media all and (min-width:1240px){.quiz .option-image-preview:after{height:98.3%}.quiz .in-article-image figcaption{margin-top:-25.5px}}.pb_feed{margin-bottom:23px}.pb_top_content_container{clear:none!important}.live-event-container{background-color:#fff}.live-event-hero-image{margin:23px 0;width:100%}.live-event-lead-entry>a{color:#626262;font-weight:700;text-decoration:underline;display:inline-block;line-height:1.4;padding:0 12px}.live-event-lead-entry>a:hover{opacity:.75}@media all and (min-width:728px){.live-event-lead-entry>a{padding:0 0 20px}}.live-event-lead-entry-toggle{margin:0 15px;position:relative}.live-event-lead-entry-toggle:after{border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;content:'';display:block;height:1px;left:112px;position:absolute;right:47px;top:8px}.live-event-lead-entry-toggle span{font-family:maven pro,sans-serif;font-size:11px;font-weight:400;font-weight:700;text-transform:uppercase}.live-event-lead-entry-toggle button{background-color:#fff;border:1px solid #e0e0e0;height:30px;position:absolute;right:0;top:-7px;width:30px}.live-event-entries{margin-bottom:48px}.live-event-lead-image{margin:23px 0}.live-event-lead-image img{display:block;width:100%}.live-event-lead-image figcaption{background-color:#f1f1f1;line-height:1.4;padding:11px 12px}.live-event-lead-image figcaption .caption{font-family:maven pro,sans-serif;font-size:14px;font-weight:400;font-weight:700;color:#2c2c2c}.live-event-lead-image figcaption .credit{font-family:maven pro,sans-serif;font-size:11px;font-weight:400;color:#141414;margin-left:2px}.live-event-lead-image figcaption span:first-child{margin-left:0}.live-event-key-events{border:1px solid #e0e0e0;border-top:0;margin-bottom:48px;padding:32px 15px;position:relative}.live-event-key-events:before{border-top:5px solid;content:'';height:0;left:-1px;position:absolute;top:-5px;width:calc(100% + 2px)}.live-event-key-events h2{font-family:maven pro,sans-serif;font-size:16px;font-weight:400;font-weight:700;color:inherit;letter-spacing:1px;line-height:16px;margin:0;overflow:hidden;padding:0 8px 20px;position:relative;text-transform:uppercase}.live-event-key-events ul{list-style-type:none;margin:0;padding:0;position:relative}.live-event-key-events ul:before,.live-event-key-events ul:after{background-color:#e0e0e0;content:'';height:2px;left:7px;position:absolute;width:16px;z-index:1}.live-event-key-events ul:after{bottom:0}.live-event-key-events ul li{line-height:24px;margin-left:0;padding:12px 10px 12px 35px;position:relative}.live-event-key-events ul li:before{border:7px solid;border-radius:50px;content:'';display:block;height:0;left:8px;position:absolute;top:20px;width:0;z-index:1}.live-event-key-events ul li:after{background-color:#e0e0e0;content:'';display:block;height:100%;left:14px;position:absolute;top:0;width:2px;z-index:0}.live-event-key-events ul li a{font-family:maven pro,sans-serif;font-size:15px;font-weight:400;font-weight:700;color:#141414;cursor:pointer;display:block}.live-event-key-events ul li a:hover{text-decoration:none}.live-event-key-events ul li:first-child{padding-top:22px}.live-event-key-events ul li:first-child:before{top:32px}.live-event-key-events ul li:last-child{padding-bottom:22px}.live-event-key-events ul time{font-family:maven pro,sans-serif;font-size:11px;font-weight:400;color:#979797}.live-event-key-events .key-bubble{background-color:#f1f1f1;border-radius:3px;padding:15px;position:relative}.live-event-key-events .key-bubble:before{border-bottom:5px solid transparent;border-right:6px solid #f1f1f1;border-top:5px solid transparent;content:'';height:0;left:-6px;position:absolute;top:10px;width:0;z-index:1}.live-event-key-events .key-bubble a{text-decoration:none}.live-event-key-events .key-bubble a:hover{opacity:1}@media all and (min-width:728px){.live-event-key-events{padding:32px 24px}.live-event-key-events h2{font-size:18px;margin:5px 7px 28px;padding:0}.live-event-key-events ul:before,.live-event-key-events ul:after{height:3px;left:3px;width:26px}.live-event-key-events ul li{background-color:#fff;line-height:24px;margin-left:0;padding:15px 10px 0 45px;position:relative}.live-event-key-events ul li:before{border-width:10px;left:6px;top:22px}.live-event-key-events ul li:after{width:3px}.live-event-key-events ul li:first-child{padding-top:22px}.live-event-key-events ul li:first-child:before{top:32px}.live-event-key-events ul li:last-child{padding-bottom:22px}.live-event-key-events ul a{font-size:17px;padding-right:50px}.live-event-key-events ul time{position:absolute;right:15px;top:10px}.live-event-key-events .key-bubble{padding:12px 70px 12px 24px}.live-event-key-events .key-bubble:before{border-bottom:8px solid transparent;border-right:10px solid #f1f1f1;border-top:8px solid transparent;left:-9px;top:15px}}@media all and (min-width:1024px){.live-event-key-events ul .key-bubble a{font-size:16px}}@media all and (min-width:1240px){.live-event-key-events ul .key-bubble a{font-size:17px}}.live-event-entry{margin-bottom:23px}.live-event-entry[data-type=key-event] .entry-info time,.live-event-entry[data-type=key-event] .entry-info span{background-color:#141414}.live-event-entry[data-type=key-event] .entry-info time::after,.live-event-entry[data-type=key-event] .entry-info span::after{border-top:32px solid #141414}.live-event-entry[data-type=bet-comment] .entry-info{background-color:#f1f1f1}.live-event-entry[data-type=bet-comment] .entry-info small{color:#141414;font-size:11px;font-weight:900;text-transform:uppercase}.live-event-entry[data-type=bet-comment] .entry-info .sponsor-logo{background:transparent url(/@trinitymirrordigital/article-service/live-event/img/sky-bet.png);background-size:100%;border-radius:3px;display:inline-block;height:18px;margin-left:8px;vertical-align:middle;width:75px}.live-event-entry[data-type=bet-comment] .entry-content{overflow:hidden;padding:20px 10px 0 12px}.live-event-entry[data-type=bet-comment] .entry-content h3{display:inline-block;margin-bottom:10px;margin-right:5px;padding:0}.live-event-entry[data-type=bet-comment] .entry-content h3 span{margin-right:5px}.live-event-entry[data-type=bet-comment] .entry-content h3 span:last-of-type{display:none}.live-event-entry[data-type=bet-comment] .entry-content h3 span:nth-last-of-type(2){margin-right:50px}@media all and (min-width:1024px){.live-event-entry[data-type=bet-comment] .entry-content h3{margin-right:9px}}.live-event-entry[data-type=bet-comment] .entry-content .odds{color:#979797;font-weight:700}.live-event-entry[data-type=bet-comment] .entry-content .dash{color:#d0d0d0}.live-event-entry[data-type=bet-comment] .entry-content a{font-family:open sans condensed,sans-serif;font-size:14px;font-weight:700;border:0;border-radius:5px;color:#fff;cursor:pointer;float:right;margin-right:10px;margin-top:5px;padding:7px;text-align:center;text-decoration:none;text-transform:uppercase;vertical-align:bottom;width:100px}@media all and (min-width:728px){.live-event-entry[data-type=bet-comment] .entry-content a{margin-right:0;margin-top:0}}@media all and (min-width:728px){.live-event-entry[data-type=bet-comment] .entry-content a{margin-bottom:12px}}.live-event .entry-info{background-color:#141414;min-height:32px;position:relative}.live-event .entry-info small{color:#fff}.live-event .entry-info time,.live-event .entry-info span{font-family:maven pro,sans-serif;font-size:14px;font-weight:400;font-weight:700;background-color:#626262;color:#fff;display:inline-block;line-height:32px;margin-right:30px;padding:0 7px 0 18px;position:relative;text-transform:uppercase}.live-event .entry-info time::before,.live-event .entry-info time::after,.live-event .entry-info span::before,.live-event .entry-info span::after{border-right:11px solid transparent;border-top:32px solid #fff;content:'';display:block;height:0;position:absolute;right:-15px;top:0}.live-event .entry-info time::before,.live-event .entry-info span::before{right:-20px;width:5px;z-index:0}.live-event .entry-info time::after,.live-event .entry-info span::after{border-top:32px solid #626262;width:5px;z-index:1}.live-event .entry-info mark{font-family:maven pro,sans-serif;font-size:14px;font-weight:400;background-color:transparent;color:#fff;display:block;font-style:normal;font-weight:700;line-height:32px;padding:0 10px;position:absolute;right:0;text-transform:uppercase;top:0}.live-event .entry-content{padding-top:20px}.live-event .entry-content iframe{width:100%}.live-event .entry-content h3{margin-top:0}.live-event .entry-content>a{color:#626262;font-weight:700;text-decoration:underline;display:inline-block;line-height:1.4;padding:0 12px}.live-event .entry-content>a:hover{opacity:.75}@media all and (min-width:728px){.live-event .entry-content>a{padding:0 0 20px}}.live-event .entry-content p a{overflow-wrap:break-word}.live-event .entry-content .live-event-quote{background-color:#f1f1f1;border-radius:10px;color:#626262;font-style:italic;margin:0 12px 23px;padding:25px 55px;position:relative;word-break:break-word}.live-event .entry-content .live-event-quote:before,.live-event .entry-content .live-event-quote:after{color:#626262;content:'\2018';font-family:times new roman,Georgia,Serif;font-size:102px;position:absolute;top:6px}.live-event .entry-content .live-event-quote:before{left:0}.live-event .entry-content .live-event-quote:after{left:14px}.live-event .entry-content .live-event-quote p{color:#626262;margin-bottom:0}.live-event .entry-content .live-event-quote a{color:#626262}.live-event-image .mod-image img{position:relative}@media all and (min-width:728px){.live-event .entry-content{border:1px solid #e0e0e0;padding:20px 20px 0}.live-event .entry-content .live-event-quote{margin:0 0 23px}}.live-event-section-view .live-event-entries{background-color:#f1f1f1;margin-bottom:0}.live-event-section-view h2{font-size:40px;padding:14px;position:relative;text-align:center;text-transform:uppercase;transition:400ms ease-in-out background-color}.live-event-section-view h2:hover{background-color:#2c2c2c}.live-event-section-view h2 a,.live-event-section-view h2 a:hover{background-color:transparent;color:inherit;text-decoration:none}.live-event-section-view h2 span{font-family:maven pro,sans-serif;font-size:14px;font-weight:400;display:block;letter-spacing:2px;padding-top:5px}.live-event-section-view h2:after{border-color:rgba(255,255,255,.15) transparent transparent;border-style:solid;border-width:100px 300px 0 0;content:'';height:0;left:0;pointer-events:none;position:absolute;top:0;width:0;z-index:1}.live-event-section-view .live-event-entry{background-color:transparent;border-bottom:1px solid #e0e0e0;margin-bottom:0;padding:18px 12px}.live-event-section-view .live-event-entry:nth-of-type(n+6){display:none}.live-event-section-view .live-event-entry:nth-of-type(odd){background-color:rgba(255,255,255,.7)}.live-event-section-view .live-event-entry:last-of-type{border-bottom:0}.live-event-section-view time{font-family:maven pro,sans-serif;font-size:12px;font-weight:400;display:inline-block;line-height:1.35;padding-top:1px;vertical-align:top;width:50px}.live-event-section-view h3{display:inline-block;line-height:1.35;vertical-align:top;width:calc(100% - 55px)}.live-event-section-view h3 a{font-family:maven pro,sans-serif;font-size:14px;font-weight:400;font-weight:700;color:#141414;text-decoration:none}.live-event-section-view .entry-content{display:none}.live-event-section-view .live-event-more{background-color:#f1f1f1;border-top:1px solid #e0e0e0;padding:18px;text-align:center}.live-event-section-view .live-event-more a{font-family:maven pro,sans-serif;font-size:14px;font-weight:400;font-weight:700;border-radius:30px;display:inline-block;margin:0;padding:12px 34px;text-decoration:none;transition:400ms ease-in-out all}@media all and (min-width:728px){.live-event-section-view{padding-left:16px;padding-right:16px}.live-event-section-view h3 a{font-size:17px}.live-event-section-view time{padding-top:2px}}@media all and (min-width:1024px){.live-event-section-view{padding:0 16px}.live-event-section-view .live-event-entries{-webkit-overflow-scrolling:touch;height:637px;overflow-x:hidden;overflow-y:scroll;position:relative}.live-event-section-view time{display:block;font-size:13px;line-height:1.7;margin-bottom:5px}.live-event-section-view .live-event-entry:nth-of-type(n+6){display:block}.live-event-section-view .live-event-entry h3{margin-bottom:5px;width:100%}.live-event-section-view .live-event-entry p{font-family:maven pro,sans-serif;font-size:14px;font-weight:400;color:#626262;line-height:1.5;margin-bottom:12px}.live-event-section-view .live-event-entry a{color:#141414;font-weight:700}.live-event-section-view .live-event-entry figure{margin-bottom:12px}.live-event-section-view .entry-content{display:block}.live-event-section-view .live-event-quote{background-color:#fff;border-radius:10px;color:#626262;font-style:italic;padding:25px;position:relative;word-break:break-word}.live-event-section-view .live-event-quote:before,.live-event-section-view .live-event-quote:after{content:'\2018';font-family:times new roman,Georgia,Serif;font-size:60px;position:absolute;top:6px}.live-event-section-view .live-event-quote:before{left:0}.live-event-section-view .live-event-quote:after{left:9px}.live-event-section-view .live-event-quote p{color:#626262;margin-bottom:0}.live-event-section-view .live-event-quote a{color:#626262}.live-event-more{border-top:1px solid #e0e0e0}}@media all and (min-width:1240px){.live-event-section-view .live-event-entries{height:837px}}.skinny-signup{background-color:#3a3a3a;border-top:5px solid #626262;color:#494949;margin:0 12px 24px;padding:10px}.skinny-signup>*{box-sizing:border-box}.skinny-signup .skinny-header{font-family:maven pro,sans-serif;font-size:15px;font-weight:400;color:#fff;line-height:1.4;margin-bottom:6px;padding:0}.skinny-signup .skinny-header .name{text-transform:capitalize}.skinny-signup .skinny-form input:focus{border:1px solid #979797;outline:none}.skinny-signup .skinny-form [type=text]{font-family:maven pro,sans-serif;font-size:12px;font-weight:400;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-radius:3px;box-sizing:border-box;color:#fff;height:38px;padding:5px 6px;width:62%}.skinny-signup .skinny-form [type=text]::-webkit-input-placeholder{color:#fff}.skinny-signup .skinny-form [type=text]:-ms-input-placeholder{color:#fff}.skinny-signup .skinny-form button{font-family:maven pro,sans-serif;font-size:11px;font-weight:400;font-weight:700;background-color:#626262;border:2px solid #626262;border-radius:30px;box-sizing:border-box;color:#fff;cursor:pointer;line-height:1;margin:0 0 0 2%;max-width:140px;outline:initial;padding:8px 12px;transition:400ms ease-in-out all;width:36%}.skinny-signup .confirm{display:none;margin:4px 0;padding:10px 0;text-align:center}.skinny-signup .confirm:before{background:#fff;border:1px solid #fff;border-radius:50%;color:#494949;content:'\ea10';font-family:icomoon;font-size:14px;padding:5px}.skinny-signup .confirm span{font-family:maven pro,sans-serif;font-size:15px;font-weight:400;color:#fff;display:block;margin:0;padding:10px 0 0}.skinny-signup .warning,.skinny-signup .invalid{font-family:maven pro,sans-serif;font-size:12px;font-weight:600;background:gold;border-radius:0 0 3px 3px;color:#141414;display:none;line-height:1.8;margin-top:-1px;padding:4px 18px;position:absolute}.skinny-signup .warning:before,.skinny-signup .invalid:before{border:medium solid transparent;border-color:transparent transparent gold;border-width:0 6px 6px;content:'';height:0;left:8px;position:absolute;top:-6px;width:0}@media all and (min-width:1240px){.skinny-signup{margin:0 0 24px;padding:12px}.skinny-signup .skinny-header{font-size:17px}.skinny-signup .skinny-form [type=text]{line-height:1;padding:10px 12px}.skinny-signup .skinny-form button{font-size:14px;padding:10px 24px}.skinny-signup .skinny-form button:hover{background:0 0;border-color:#fff;color:#fff}.skinny-signup .confirm span{font-family:maven pro,sans-serif;font-size:17px;font-weight:400}}@media all and (min-width:728px){.skinny-signup{margin:0 0 24px}}@media all and (min-width:1024px){.skinny-signup{margin:0 0 24px;padding:12px}.skinny-signup .skinny-header{font-size:17px}.skinny-signup .skinny-form [type=text]{line-height:1;padding:10px 12px}.skinny-signup .skinny-form button{font-size:14px;padding:10px 24px}.skinny-signup .confirm span{font-family:maven pro,sans-serif;font-size:17px;font-weight:400}}.opta-score{border-top:5px solid #626262;margin-bottom:27px;min-height:180px;overflow:hidden;width:100%}.opta-score:before{top:50px!important}.opta-score table{display:table}.opta-score .Opta{border:1px solid #e0e0e0;border-left:0;border-right:0}.opta-score .Opta,.opta-score .Opta>div,.opta-score .Opta>div>div{margin-bottom:0!important;padding-bottom:0!important}.opta-score .Opta-Image-Holder{visibility:hidden!important}.opta-score .Opta .Opta-MatchHeader .Opta-Score-Extras td{height:14px;padding:0 5px}.opta-score .Opta-Team-Score{font-family:open sans condensed,sans-serif;font-size:22px;font-weight:700;-webkit-font-smoothing:antialiased;background-color:#626262!important}.opta-score .Opta .Opta-Team,.opta-score .Opta .Opta-TeamName{font-family:open sans condensed,sans-serif;font-size:18px;font-weight:700;-webkit-font-smoothing:antialiased;color:#141414!important;text-transform:uppercase}.opta-score .Opta-Normal .Opta-TeamName{font-size:18px!important}.opta-score .Opta-Wide .Opta-TeamName{font-size:22px}.Opta .Opta-Events li{padding:4px 0!important}.Opta .Opta-MatchHeader .Opta-Score-Extras td span{font-family:maven pro,sans-serif;font-size:12px;font-weight:400;color:#626262}@media all and (min-width:728px){.opta-score .Opta{border:1px solid #e0e0e0;border-top:0;padding:10px 20px}.opta-score .Opta-Image-Holder{visibility:visible!important}}.opta-cricket{margin:0 12px}.opta-cricket ul li{margin:0}.opta-cricket .Opta{clear:none!important}.opta-cricket .Opta h2:first-of-type{display:none!important}.opta-cricket .Opta .Opta-Nav ul{background-color:#fff!important}.opta-cricket .Opta .Opta-Nav li{border-bottom:0}.opta-cricket .Opta-Matchdata{background-color:#fff!important}.opta-cricket .Opta-TeamName{font-family:maven pro,sans-serif;font-size:22px;font-weight:400;font-weight:700;text-transform:uppercase}.opta-cricket .Opta-Innings{background-color:#fff!important}.opta-cricket .Opta-MatchHeader .Opta-Team{padding-top:20px}.opta-cricket .Opta-Versus{padding-top:16px}.opta-cricket .Opta-bowling,.opta-cricket .Opta-fall-of-wickets{margin-top:24px}.opta-cricket .Opta-batting,.opta-cricket .Opta-bowling,.opta-cricket .Opta-fall-of-wickets{width:calc(100% - 2px)!important}.opta-cricket .Opta-batting table,.opta-cricket .Opta-bowling table,.opta-cricket .Opta-fall-of-wickets table{width:calc(100% - 2px)!important}.opta-cricket .Opta-batting thead th,.opta-cricket .Opta-bowling thead th,.opta-cricket .Opta-fall-of-wickets thead th{background-color:#fff!important}.opta-cricket .Opta-batting tbody tr:first-child td,.opta-cricket .Opta-batting tbody tr:first-child th,.opta-cricket .Opta-bowling tbody tr:first-child td,.opta-cricket .Opta-bowling tbody tr:first-child th,.opta-cricket .Opta-fall-of-wickets tbody tr:first-child td,.opta-cricket .Opta-fall-of-wickets tbody tr:first-child th{border-top:1px solid #e0e0e0}.opta-cricket .Opta-batting tbody tr:last-child td,.opta-cricket .Opta-batting tbody tr:last-child th,.opta-cricket .Opta-bowling tbody tr:last-child td,.opta-cricket .Opta-bowling tbody tr:last-child th,.opta-cricket .Opta-fall-of-wickets tbody tr:last-child td,.opta-cricket .Opta-fall-of-wickets tbody tr:last-child th{border-bottom:1px solid #e0e0e0}.opta-cricket .Opta-batting tbody tr td:first-child,.opta-cricket .Opta-bowling tbody tr td:first-child,.opta-cricket .Opta-fall-of-wickets tbody tr td:first-child{border-left:1px solid #e0e0e0}.opta-cricket .Opta-batting tbody tr td:last-child,.opta-cricket .Opta-batting tbody tr th:last-child,.opta-cricket .Opta-bowling tbody tr td:last-child,.opta-cricket .Opta-bowling tbody tr th:last-child,.opta-cricket .Opta-fall-of-wickets tbody tr td:last-child,.opta-cricket .Opta-fall-of-wickets tbody tr th:last-child{border-right:1px solid #e0e0e0}.opta-cricket .Opta-fall-of-wickets{float:left!important}.opta-cricket .Opta-batting tfoot{border-left:1px solid #ccc;border-right:1px solid #ccc}@media all and (min-width:728px){.opta-cricket{margin:0}}.tabbed .opta-fixtures>h2{display:none}section[data-group=optaWidgets] .pancake>div:not(.pancake){margin:0}@media all and (min-width:1024px){section[data-group=optaWidgets] .pancake>div:not(.pancake){margin:0 16px 18px}}.opta-fixtures{border-bottom:1px solid #e0e0e0;border-top:5px solid #626262;padding:32px 16px 16px}@media all and (min-width:1024px){.opta-fixtures{border:1px solid #e0e0e0;border-top:5px solid #626262;padding:32px}}.opta-fixtures h2{color:#626262;font-size:18px;font-weight:700;letter-spacing:1px;padding:0;text-transform:uppercase}.opta-fixtures .Opta .Opta-title{height:40px;padding-top:40px!important}.opta-fixtures .Opta .Opta-title h3{font-family:maven pro,sans-serif;font-size:12px;font-weight:600;background-color:#fff;border-bottom:4px solid #626262;height:35px}.opta-fixtures .Opta .Opta-title h3>span{font-size:12px;padding:0}.opta-fixtures .Opta .Opta-Outer.Opta-Time{font-family:maven pro,sans-serif;font-size:10px;font-weight:400;color:#979797!important;letter-spacing:1px}.opta-fixtures .Opta td{height:40px}.opta-fixtures .Opta-Team{font-family:maven pro,sans-serif;font-size:12px;font-weight:400;color:#2c2c2c!important}@media all and (min-width:728px){.opta-fixtures .Opta td{height:47px}.opta-fixtures .Opta .Opta-title h3>span{font-size:14px}.opta-fixtures .Opta-title h3{font-size:15px}.opta-fixtures .Opta-Team{font-size:14px}}.opta-embed ul li{padding-bottom:0}.opta-embed ul li:before{left:50%;margin-left:-21px}.tabbed{margin:0 auto}.tabbed.mod-tabs .tab-content{padding-top:0}.tabbed.mod-tabs .tab-triggers li{float:left;width:33.33%}.tabbed.mod-tabs .tab-triggers li:last-of-type{border-bottom:1px solid #e0e0e0;height:60px}@media all and (min-width:728px){.tabbed.mod-tabs .tab-triggers li:last-of-type{height:80px}}.tabbed.mod-tabs .tab-triggers li button{background:#f1f1f1;border:1px solid #e0e0e0;border-bottom:0;border-left-color:#e0e0e0!important;border-right-color:#e0e0e0!important;box-sizing:border-box;color:#979797;display:block;font-size:10px;font-weight:700;height:60px;line-height:15px;text-align:center;text-transform:uppercase;width:100%}@media all and (min-width:728px){.tabbed.mod-tabs .tab-triggers li button{font-size:13px;height:80px;line-height:22px}}.tabbed.mod-tabs .tab-triggers li button:not(.active){border-top-color:#e0e0e0!important;color:#979797!important}.tabbed.mod-tabs .tab-triggers li button:not(.active):hover{background:#f1f1f1}.tabbed.mod-tabs .tab-triggers li button:focus{outline:0}.tabbed.mod-tabs .tab-triggers li button[data-value=fixtures]:before{content:'\e911 \A';font-family:icomoon;font-size:18px;font-weight:initial;white-space:pre}@media all and (min-width:728px){.tabbed.mod-tabs .tab-triggers li button[data-value=fixtures]:before{font-size:28px}}.tabbed.mod-tabs .tab-triggers li button[data-value=standings]:before{content:'\e912 \A';font-family:icomoon;font-size:16px;font-weight:initial;white-space:pre}@media all and (min-width:728px){.tabbed.mod-tabs .tab-triggers li button[data-value=standings]:before{font-size:26px}}.tabbed.mod-tabs .tab-triggers li button.active{background:#fff;border-top:5px solid;padding-top:10px}.tabbed .opta-fixtures{border-top:0;padding:5px 16px}.tabbed .opta-league-stats{border-top:0}.tabbed .opta-league-stats h2{display:none}[data-mod=optaWidget]{background-color:#e0e0e0;position:relative}[data-mod=optaWidget]:before{animation:rotate 1s linear infinite;content:'\e917';font-family:icomoon;font-size:60px;left:43%;position:absolute;top:120px}@media all and (min-width:728px){[data-mod=optaWidget]:before{font-size:42px;left:48%}}[data-mod=optaWidget].opta-loaded{background:0 0}[data-mod=optaWidget].opta-loaded:before{content:''}[data-mod=optaWidget].opta-fixtures,[data-mod=optaWidget].opta-league-stats,[data-mod=optaWidget].opta-embed{min-height:530px}[data-mod=optaWidget] .Opta .Opta-Load{display:none}.webview [data-mod=optaWidget]{background-color:transparent;min-height:1px}.webview [data-mod=optaWidget]:before{display:none}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}section[data-group=optaWidgets] .pancake>div:not(.pancake){margin:0}@media all and (min-width:1024px){section[data-group=optaWidgets] .pancake>div:not(.pancake){margin:0 16px 18px}}.opta-league-stats{border-bottom:1px solid #e0e0e0;border-top:5px solid #626262;box-sizing:border-box;margin-bottom:27px;overflow:hidden;padding:32px 15px 15px}@media all and (min-width:728px){.opta-league-stats{padding:32px 16px 16px}}@media all and (min-width:1024px){.opta-league-stats{border:1px solid #e0e0e0;border-top:5px solid #626262;padding:32px}}@media all and (min-width:1240px){.opta-league-stats{border:1px solid #e0e0e0;border-top:5px solid #626262;padding:32px}}.opta-league-stats h2{color:#626262;font-size:18px;font-weight:700;letter-spacing:1px;margin-bottom:32px;padding:0;text-transform:uppercase}.opta-league-stats table{display:table}.opta-league-stats div{color:#141414}.opta-league-stats div thead th{background-color:#979797;font-size:13px}.opta-league-stats div div h2{display:none}.opta-league-stats .Opta .Opta-Record>span{font-size:13px}.opta-league-stats .Opta .Opta-Record>span.Opta-Draw{background-color:#979797}.chart-container{margin-bottom:48px}.chart-container .chart{background-color:#fff;height:400px;max-width:100%;position:relative}.chart-container .chart .amcharts-label{font-family:maven pro,sans-serif;font-size:13px;font-weight:400}.chart-container .chart .amcharts-axis-title{font-family:maven pro,sans-serif;font-size:13px;font-weight:400;font-weight:700}.chart-container .chart-caption{color:#979797;font-size:10px;margin:0;padding-top:5px;text-align:right}.bar-chart.default g{fill:#e90e0e}.bar-chart.default #balloons path{fill:#fff;stroke:#e90e0e}.interactive-html-placeholder{margin-bottom:23px;position:relative}.interactive-html-placeholder .interactive-html-interaction{cursor:pointer;text-decoration:none}.interactive-html-placeholder .content{background-color:#f1f1f1;min-height:212px;position:relative}@media all and (min-width:728px){.interactive-html-placeholder .content{min-height:350px}}@media all and (min-width:1240px){.interactive-html-placeholder .content{min-height:498px}}.interactive-html-placeholder .interactive-html-title{background-color:#141414;color:#fff;padding:15px 18px;position:relative}.interactive-html-placeholder .interactive-html-title span{font-family:maven pro,sans-serif;font-size:16px;font-weight:400;display:block;line-height:1.2;padding-left:18px;position:relative;text-decoration:none;word-wrap:break-word}.interactive-html-placeholder .interactive-html-title span:before{border-bottom:6px solid transparent;border-left:6px solid #fff;border-top:6px solid transparent;content:'';height:0;left:0;position:absolute;top:4px;width:0}.interactive-html-placeholder .open-lightbox{font-size:34px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translateY(-50%);background:#141414;border-bottom:1px solid #fff;border-top:1px solid #fff;color:#fff;height:48px;letter-spacing:-1px;position:absolute;text-align:center;text-transform:uppercase;width:100%}.interactive-html-placeholder .label{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-left:-25px;white-space:nowrap}.interactive-html-placeholder .label:before{content:""}.interactive-html-placeholder .label:before{background:#fff;border-radius:100%;color:#141414;font-family:icomoon;font-size:31px;font-weight:500;height:35px;line-height:35px;position:absolute;right:-45px;transform:rotate(-45deg);width:35px}.interactive-html-placeholder .label.sweepstake{font-size:40px;letter-spacing:.05em}.interactive-html-placeholder .label.sweepstake:before{content:'\2060\e916';font-size:25px;top:2px;transform:rotate(0deg)}.interactive-html-lightbox-wrapper{background-color:#141414;height:100%;width:100%}.interactive-html-lightbox-wrapper .interactive-html-lightbox-bar{background-color:#141414;color:#fff;height:50px;position:relative}.interactive-html-lightbox-wrapper .interactive-html-lightbox-bar .interactive-html-lightbox-close{font-family:maven pro,sans-serif;font-size:13px;font-weight:600;color:#fff;cursor:pointer;letter-spacing:1px;padding-right:10px;position:absolute;right:40px;text-transform:uppercase;top:50%;transform:translateY(-50%)}.interactive-html-lightbox-wrapper .interactive-html-lightbox-bar .interactive-html-lightbox-close:after{background:#fff;border-radius:100%;color:#141414;content:'\e604';font-family:icomoon;font-size:16px;font-weight:600;padding:7px;position:absolute;right:-30px;top:-8px;width:16px}.interactive-html-lightbox-wrapper .interactive-html-iframe-wrapper{height:100%;overflow-y:scroll;width:100%}.interactive-html-lightbox-wrapper .interactive-html-iframe-wrapper iframe{height:calc(100% - 50px);position:absolute;width:100%}.interactive-hidden{bottom:100%;opacity:0;position:absolute}.interactive-visible{position:fixed;top:0;z-index:1000}.interactive-html-hide-scroll{overflow-y:hidden}@media all and (min-width:728px){.interactive-html-placeholder .interactive-html-title span{font-size:17px;line-height:1.3}.interactive-html-placeholder .interactive-html-title span:before{top:5px}.interactive-html-placeholder .open-lightbox{font-size:47px;height:75px}.interactive-html-placeholder .label:before{font-size:42px;font-weight:600;height:50px;line-height:52px;right:-65px;top:-2px;width:50px}.interactive-html-placeholder .label.sweepstake{font-size:47px}.interactive-html-placeholder .label.sweepstake:before{font-size:33px;height:55px;line-height:1.6;top:-4px;width:55px}}@media all and (min-width:1024px){.interactive-html-placeholder .label.sweepstake:before{font-size:38px;height:60px;top:-6px;width:60px}}.countdown{background:#2c2c2c;color:#fff;font-size:18px;margin-bottom:1.1111111111em;overflow:hidden;padding:0}.countdown .hidden{display:none;visibility:hidden}.countdown p{padding:0}.countdown.primary-color{color:#626262}.countdown .countdown-content{text-align:center}.countdown .countdown-content .countdown-header{background-color:#141414}.countdown .countdown-content .countdown-content-title{font-family:open sans condensed,sans-serif;font-size:34px;font-weight:700;border:0;color:#fff;font-style:normal;line-height:1;margin:0 0 5px;padding:20px 12px 0;text-align:center;text-transform:uppercase}.countdown .countdown-content .countdown-content-title:before{content:none}.countdown .countdown-content .countdown-content-caption{font-family:maven pro,sans-serif;font-size:13px;font-weight:400;font-weight:700;color:#979797;display:block;line-height:1;margin:0;padding:0 0 10px;text-align:center;text-transform:uppercase}.countdown .countdown-content .arrow-container .arrow{border:solid transparent;border-top-color:#141414;border-width:6vmin;content:' ';height:0;margin:0 auto -10px;pointer-events:none;width:0}.countdown-clock{display:inline-block;margin:0 auto 15px}.countdown-clock.hidden{height:0}.countdown-clock .countdown-canvas{height:100%;width:100%}.countdown-clock .clock-seconds,.countdown-clock .clock-minutes,.countdown-clock .clock-hours,.countdown-clock .clock-days{float:left;line-height:1;margin:0 1%;position:relative;width:23%}.countdown-clock .clock-seconds .text,.countdown-clock .clock-minutes .text,.countdown-clock .clock-hours .text,.countdown-clock .clock-days .text{height:100%;width:100%}.countdown-clock .clock-seconds .text .val,.countdown-clock .clock-minutes .text .val,.countdown-clock .clock-hours .text .val,.countdown-clock .clock-days .text .val{color:#fff;font-size:30px;font-weight:700;left:0;margin:0;position:absolute;text-align:center;top:10%;width:100%}.countdown-clock .clock-seconds .text .units,.countdown-clock .clock-minutes .text .units,.countdown-clock .clock-hours .text .units,.countdown-clock .clock-days .text .units{color:#979797;display:table;font-size:10px;line-height:1.5;margin:0;padding:0;position:absolute;text-align:center;text-transform:uppercase;top:60%;width:100%}.countdown-clock .clear{clear:both}@media all and (min-width:728px){.countdown{font-size:18px;margin-bottom:1.1111111111em;padding:0}.countdown .countdown-content .countdown-content-title{border:0;font-size:30px;font-weight:700}.countdown .countdown-content .countdown-content-title:before{content:none}.countdown .countdown-content .countdown-content-caption{margin:0}.countdown .countdown-content .arrow-container .arrow{border-width:15px}.countdown-clock .clock-seconds,.countdown-clock .clock-minutes,.countdown-clock .clock-hours,.countdown-clock .clock-days{margin:0;width:25%}.countdown-clock .clock-seconds .text .val,.countdown-clock .clock-minutes .text .val,.countdown-clock .clock-hours .text .val,.countdown-clock .clock-days .text .val{font-size:34px}.countdown-clock .clock-seconds .text .units,.countdown-clock .clock-minutes .text .units,.countdown-clock .clock-hours .text .units,.countdown-clock .clock-days .text .units{font-size:12px}}@media all and (min-width:1024px){.countdown .countdown-content .countdown-content-title{font-size:26px}}@media all and (min-width:1240px){.countdown .countdown-content .countdown-content-title{font-size:30px}}.flex-wrapper{display:flex;flex-wrap:wrap;width:100%}.flex-wrapper .number-statistic{background-color:#e90e0e;height:auto;margin:0;padding-bottom:2%;padding-top:2%;text-align:center;width:100%}.flex-wrapper .number-statistic.default{background-color:#626262}.flex-wrapper .number-statistic.green{background-color:#68af0e}.flex-wrapper .number-statistic.golden{background-color:#f9b23f}.flex-wrapper .number-statistic.fresh{background-color:#334d5c}.flex-wrapper .number-statistic.monochrome{background-color:#e0e0e0}.flex-wrapper .number-statistic.dataset-multiple{border-bottom:3px solid #fff;border-top:0;width:100%}@media all and (min-width:728px){.flex-wrapper .number-statistic.dataset-multiple{border-bottom:0;border-right:3px solid #fff;box-sizing:border-box;float:left;width:33.3%}.flex-wrapper .number-statistic.dataset-multiple.dataset-half{width:50%}.flex-wrapper .number-statistic.dataset-multiple.dataset-full{width:50%}.flex-wrapper .number-statistic.dataset-multiple:nth-child(n+4){border-top:3px solid #fff}}.flex-wrapper .number-statistic.dataset-multiple:last-child{border-bottom:0}.flex-wrapper .number-statistic.dataset-2{border-bottom:3px solid #fff;border-top:0;width:100%}@media all and (min-width:728px){.flex-wrapper .number-statistic.dataset-2{border-right:3px solid #fff;box-sizing:border-box;float:left;width:50%}}.flex-wrapper .number-statistic .text-wrapper{left:50%;top:50%}.flex-wrapper .number-statistic .text-wrapper .number-value{font-family:maven pro,sans-serif;font-size:40px;font-weight:400;font-weight:700;color:#fff;letter-spacing:-.03em;line-height:1.3;margin:0}.flex-wrapper .number-statistic .text-wrapper .number-caption{font-family:maven pro,sans-serif;font-size:14px;font-weight:400;color:rgba(255,255,255,.9);line-height:1.3;padding:8px 10px 10px}.chart-container .split-bar-chart{height:78px}.chart-container .split-bar-chart text{font-family:maven pro,sans-serif;font-size:15px;font-weight:400;font-weight:700;fill:#fff;font-size:1.3333333333em}.chart-container .split-bar-chart .amcharts-legend-label tspan{fill:#000;font-weight:400}.chart-container .legend-div{position:relative}@keyframes filler{0%{width:0}}.poll{background-color:#2c2c2c;margin-bottom:27px;overflow:hidden;padding:45px 0 48px;position:relative;text-align:center}.poll:before{font-family:maven pro,sans-serif;font-size:18px;font-weight:400;font-weight:700;background-color:#626262;color:#fff;content:'POLL';left:-64px;letter-spacing:-1px;padding:65px 50px 12px;position:absolute;text-transform:uppercase;top:-37px;transform:rotate(-45deg);z-index:2}.poll h3{font-size:28px;color:#fff;font-weight:700;letter-spacing:-1px;line-height:40px;margin:0 10% 20px;padding:0;text-align:center}.poll h4{font-family:maven pro,sans-serif;font-size:16px;font-weight:400;color:#979797;text-align:center;text-transform:uppercase}.poll .poll-options{text-align:center}.poll button{font-family:maven pro,sans-serif;font-size:18px;font-weight:400;background:0 0;border:1px solid #494949;color:#fff;cursor:pointer;display:block;margin-left:auto;margin-right:auto;margin-top:10px;padding:16px 100px 16px 17px;position:relative;text-align:left;width:80%;z-index:0}.poll button.chosen{border-color:#fff}.poll button .percentage-bar{animation:filler .6s cubic-bezier(0,1.39,.59,1.2);animation-fill-mode:forwards;background-color:#494949;bottom:0;left:0;position:absolute;top:0;width:0;z-index:-1}.poll button .percentage-value{bottom:0;height:28px;margin:auto;padding-right:20px;position:absolute;right:0;top:0}.poll:not(.complete) button:hover{border-color:#fff}.poll.complete button{cursor:auto;outline:none}.poll .poll-loader{background-color:#2c2c2c;height:100%;position:absolute;width:100%;z-index:1}.poll .poll-loader span{font-size:28px;color:#fff;text-transform:uppercase}.poll .poll-loader:before{animation:rotation .6s linear infinite;border-bottom:10px solid rgba(255,255,255,.15);border-left:10px solid rgba(255,255,255,.15);border-radius:100%;border-right:10px solid rgba(255,255,255,.15);border-top:10px solid rgba(255,255,255,.08);content:'';display:block;height:100px;margin-bottom:20px;margin-left:auto;margin-right:auto;margin-top:40px;position:relative;width:100px}.poll.loaded .poll-loader{display:none}@media all and (min-width:728px){.poll:before{font-size:23px}}.pie-chart{height:20em;width:100%}@media all and (min-width:728px){.pie-chart{height:400px}}.pie-chart text{display:block}.donut-chart{height:400px;width:100%}.donut-chart text{display:block}.line-chart{height:500px}.content-wrapper{background-color:#626262;display:table;width:100%}.content-wrapper .circular-img{color:#fff;display:block;height:auto;margin:0;padding:10px 0;text-align:center;width:100%}@media all and (min-width:728px){.content-wrapper .circular-img{display:table-cell;padding:20px 0;vertical-align:bottom}.content-wrapper .circular-img h3{font-size:18px;padding:0 10px}.content-wrapper .circular-img p{font-size:35px}.content-wrapper .circular-img.dataset-multiple{width:33.3%}.content-wrapper .circular-img.dataset-multiple img{border:solid 5px #fff;width:35%}.content-wrapper .circular-img.dataset-multiple h3{padding:0 10px}.content-wrapper .circular-img.dataset-half{width:50%}.content-wrapper .circular-img.dataset-half img{border:solid 5px #fff;width:35%}.content-wrapper .circular-img.dataset-half h3{padding:0 10px}}.content-wrapper .circular-img.default.even{background-color:#626262}.content-wrapper .circular-img.green.even{background-color:#68af0e}.content-wrapper .circular-img.golden.even{background-color:#f9b23f}.content-wrapper .circular-img.fresh.even{background-color:#334d5c}.content-wrapper .circular-img.monochrome.even{background-color:#e0e0e0}.content-wrapper .circular-img h3{font-family:maven pro,sans-serif;font-size:18px;font-weight:400;font-weight:700;color:#fff;line-height:1.3;margin:0;padding:15px 20px 0}.content-wrapper .circular-img p{color:#fff;font-size:20px;font-weight:700;line-height:1;margin:0}.content-wrapper .circular-img figure{padding-bottom:10px;padding-top:10px}.content-wrapper .circular-img figure img{border:solid 7px #fff;border-radius:100%;float:none;width:25%}.postcode-lookup{margin:0 12px 27px}.postcode-lookup h2{font-family:maven pro,sans-serif;font-size:22px;font-weight:400;font-weight:700;background-color:#3a3a3a;color:#fff;margin:0;padding:12px 24px}.postcode-lookup h3{font-family:maven pro,sans-serif;font-size:24px;font-weight:400;font-weight:700;color:#3a3a3a;margin:0 0 6px;padding:0}.postcode-lookup .postcode-lookup-result{font-family:maven pro,sans-serif;font-size:16px;font-weight:400;display:none;line-height:1.3;padding:30px 0 0;position:relative;width:100%}.postcode-lookup .postcode-lookup-result.postcode-lookup-show{display:block}.postcode-lookup form{background-color:#f1f1f1;color:#3a3a3a;display:flex;flex-wrap:wrap;justify-content:space-between;padding:18px 26px}.postcode-lookup input,.postcode-lookup button{border:1px solid #e0e0e0;border-radius:50px;outline:none;padding:10px 20px}.postcode-lookup input{font-size:15px;width:50%}.postcode-lookup button{font-family:maven pro,sans-serif;font-size:15px;font-weight:400;background-color:#68af0e;color:#fff;width:30%}.postcode-lookup a{bottom:0;color:#3a3a3a;position:absolute;right:0}@media all and (min-width:728px){.postcode-lookup{margin:0 0 27px}.postcode-lookup h2{font-size:28px}.postcode-lookup input{font-size:22px}.postcode-lookup button{font-family:maven pro,sans-serif;font-size:22px;font-weight:400;margin-top:0;width:22%}}.timeline{background-color:#f1f1f1;border:1px solid #e0e0e0;padding:34px 0 0;position:relative}.timeline h2{font-size:26px;line-height:1;margin:0 0 10px;padding:0 30px 0 20px;text-align:center}.timeline h3{font-size:24px;line-height:1.2;margin:10px 0;padding:6px 12px 10px}.timeline ol{list-style-type:none;padding-top:42px;position:relative}.timeline ol:before{border-left:3px solid;border-right:3px solid;bottom:0;content:'';left:50%;margin-left:-6px;position:absolute;top:10px}.timeline ol li{background-color:#fff;border:1px solid #e0e0e0;border-radius:5px;margin:0 0 20px;padding:0}.timeline ol li:before{display:none}.timeline ol li p{line-height:1.4;margin-bottom:15px;padding:6px 12px 10px}.timeline ol [data-mod=image]{background-color:#fff;box-sizing:border-box;margin-bottom:0;width:100%}.timeline>span{font-family:maven pro,sans-serif;font-size:16px;font-weight:400;font-weight:700;background-color:#141414;border-color:#626262;border-left-width:29px;border-style:solid;color:#fff;font-size:14px;left:9px;line-height:29px;margin:0;padding:0 9px;position:absolute;text-transform:uppercase;top:-15px}.timeline>span:before{height:27px;left:-28px;top:1px;width:27px}.timeline .gpt.in-article{position:relative}@media all and (min-width:728px){.timeline{margin-bottom:12px}.timeline h2{font-size:36px;padding:0 35px 0 65px}.timeline ol{padding:26px 30px 0 65px}.timeline ol:before{border-left:2px solid;border-right:3px solid;bottom:0;content:'';left:28px;margin-left:0;position:absolute;top:58px}.timeline ol li{padding-bottom:10px;position:relative}.timeline ol li:before,.timeline ol li:after{border-bottom:10px solid transparent;border-right:12px solid #e0e0e0;border-top:10px solid transparent;content:'';display:block;left:-12px;margin:0;position:absolute;top:15px;z-index:1}.timeline ol li:after{border-right:12px solid #fff;left:-11px;z-index:2}.timeline ol li p,.timeline ol li h3,.timeline ol li figure{margin-bottom:0;padding-left:24px;padding-right:24px}.timeline ol li .timeline-bullet{border-radius:30px;height:24px;left:-48px;position:absolute;top:12px;width:25px}}.pubquiz-league-table{margin-bottom:27px;position:relative}.pubquiz-league-table h2{font-family:maven pro,sans-serif;font-size:24px;font-weight:400;font-weight:700;background-color:#4fb00e;color:#fff;margin:0;padding:21px 20px}.pubquiz-league-table table{width:100%}.pubquiz-league-table table th,.pubquiz-league-table table td{padding:10px;text-align:center}.pubquiz-league-table table th{font-family:maven pro,sans-serif;font-size:14px;font-weight:400;background-color:#3b850b;color:#fff;font-weight:400}.pubquiz-league-table table th:nth-child(2),.pubquiz-league-table table td:nth-child(2){text-align:left}.pubquiz-league-table table th:nth-child(1),.pubquiz-league-table table th:nth-child(3){width:50px}.pubquiz-league-table table td{color:#3a3a3a;padding:9px 10px 8px}.pubquiz-league-table table tr:nth-child(even){background-color:#f1f1f1}.pubquiz-league-table table tr:nth-child(n+11){display:none}.pubquiz-league-table.show-more tr:nth-child(n+11){display:table-row}.pubquiz-league-table.show-more button:before{content:""}.pubquiz-league-table button{background-color:#4fb00e;border:0;border-radius:50px;bottom:-20px;color:#fff;cursor:pointer;display:block;height:40px;left:calc(50% - 20px);outline:none;overflow:hidden;padding:0;position:absolute;width:40px}.pubquiz-league-table button:before{content:""}.pubquiz-league-table button:before{display:block;font-family:icomoon;font-size:18px;height:40px;left:0;position:relative;top:11px;width:40px}@media all and (min-width:728px){.pubquiz-league-table h2{font-size:28px;padding:21px 32px}.pubquiz-league-table table th:nth-child(1),.pubquiz-league-table table th:nth-child(3){width:70px}}.pancake>.totaliser{margin:12px 0!important}@media all and (min-width:728px){.pancake>.totaliser{margin:0 16px 48px!important}}.totaliser{background-color:#f1f1f1;padding:20px}@media all and (min-width:728px){.totaliser{padding:22px}}.totaliser h2{font-family:open sans condensed,sans-serif;font-size:30px;font-weight:700;color:#141414;padding:0 0 22px}.totaliser h6{font-family:open sans condensed,sans-serif;font-size:18px;font-weight:700;color:#979797;margin-left:65%}.totaliser h6#max{margin-right:25px;text-align:right}@media all and (min-width:728px){.totaliser h6#max{margin-right:0;text-align:center}}@media all and (min-width:728px){.totaliser h6#max{margin-left:60%}}.totaliser .picture{background-size:100% 100%;border-radius:50%;display:inline-block;height:50px;margin:3px 7px 23px;opacity:.7;vertical-align:top;width:50px}.totaliser .info{display:inline-block;margin-bottom:20px;width:75%}@media all and (min-width:728px){.totaliser .info{width:85%}}@media all and (min-width:1024px){.totaliser .info{width:91%}}.totaliser .info h6{font-family:open sans condensed,sans-serif;font-size:18px;font-weight:700;margin-bottom:15px;margin-left:0;text-transform:uppercase}.totaliser .info h6 span{color:#979797;display:none}@media all and (min-width:728px){.totaliser .info h6 span{display:inline-block}}.totaliser .info progress{border:0;margin-bottom:-20px}.totaliser .info progress::-webkit-progress-bar{background:#fff}.totaliser .info progress::-moz-progress-bar{background:#fff}.totaliser .info progress::progress-bar{background:#fff;color:#fff}.totaliser .info progress::-webkit-progress-value{filter:alpha(opacity=70);opacity:.7}.totaliser .info progress::-moz-progress-value{opacity:.7}.totaliser .info progress::progress-value{opacity:.7}.totaliser .info .slash{background-color:#f1f1f1;height:30px;margin-left:90%;margin-top:-30px;position:relative;transform:rotate(45deg);width:4px}.totaliser .votes{background:#fff;display:inline-block;height:20px;vertical-align:top;width:100%}.totaliser .diamond{font-family:open sans condensed,sans-serif;font-size:18px;font-weight:700;background:#979797;color:#fff;display:inline-block;height:28px;transform:rotate(-45deg);width:28px}.totaliser .diamond.current,.totaliser .diamond.majority{display:block;font-size:16px;height:30px;margin-right:0;position:relative;width:30px}.totaliser .diamond.current{margin-top:-5px;z-index:1}.totaliser .diamond.majority{margin-left:79.5%;margin-top:-30px;opacity:.47;z-index:0}.totaliser .diamond span{display:inline-block;left:50%;position:relative;top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg)}.totaliser .conservative{margin-bottom:5px}.totaliser .conservative .picture{background:transparent url(/@trinitymirrordigital/article-service/totaliser/img/Theresa.jpg);background-size:100%}.totaliser .conservative .info h6{color:#069}.totaliser .conservative .info .current{background:#069}.totaliser .conservative progress::-webkit-progress-value{background:#069}.totaliser .conservative progress::-moz-progress-bar{background-color:#069;opacity:.6}.totaliser .conservative progress::-ms-fill{background-color:#069;opacity:.6}.totaliser .labour .picture{background:transparent url(/@trinitymirrordigital/article-service/totaliser/img/Jeremy.jpg);background-size:100%}.totaliser .labour .info h6{color:#da1500}.totaliser .labour .info .current{background:#da1500}.totaliser .labour progress::-webkit-progress-value{background:#da1500}.totaliser .labour progress::-moz-progress-bar{background-color:#da1500;opacity:.6}.totaliser .labour progress::-ms-fill{background-color:#da1500;opacity:.6}.totaliser .snp .picture{background:transparent url(/@trinitymirrordigital/article-service/totaliser/img/Nicola.jpg);background-size:100%}.totaliser .snp .info h6{color:#f3ed49;text-shadow:-1px 0 #979797,0 1px #979797,1px 0 #979797,0 -1px #979797}.totaliser .snp .info h6 span{text-shadow:none}.totaliser .snp .info .current{background:#f3ed49;color:#979797}.totaliser .snp progress::-webkit-progress-value{background:#f3ed49}.totaliser .snp progress::-moz-progress-bar{background-color:#f3ed49;opacity:.6}.totaliser .snp progress::-ms-fill{background-color:#f3ed49;opacity:.6}.totaliser .lib .picture{background:transparent url(/@trinitymirrordigital/article-service/totaliser/img/Tim.jpg);background-size:100%}.totaliser .lib .info h6{color:#fbc300;opacity:.7}.totaliser .lib .info .current{background:#fbc300}.totaliser .lib progress::-webkit-progress-value{background:#fbc300}.totaliser .lib progress::-moz-progress-bar{background-color:#fbc300;opacity:.6}.totaliser .lib progress::-ms-fill{background:#fbc300;opacity:.6}.totaliser .parties{margin-left:15px}@media all and (min-width:728px){.totaliser .parties{margin-left:60px}}.totaliser .parties>div{display:inline-block;line-height:30px;margin-bottom:10px;margin-right:20px;margin-top:0}@media all and (min-width:728px){.totaliser .parties>div{margin-bottom:0}}.totaliser .parties h6{font-family:open sans condensed,sans-serif;font-size:18px;font-weight:700;display:inline-block;margin-bottom:10px;margin-left:0;margin-right:15px;text-transform:uppercase}.totaliser .related-url{margin-right:25px;margin-top:10px;text-align:right}.totaliser .related-url h6{color:#2c2c2c;font-size:16px;margin-left:0}@media all and (min-width:728px){.totaliser .related-url h6{font-size:18px}}.totaliser .related-url h6 a{color:#2c2c2c;text-decoration:none}.totaliser .related-url h6 a:after{background:#2c2c2c;border-radius:50%;color:#fff;content:'\e607';display:inline-block;font-family:icomoon;font-size:8px;padding:8px;pointer-events:all;text-align:center;vertical-align:middle}.article-body .totaliser{margin-bottom:20px}.article-body .totaliser h2{margin:0}.article-body .totaliser h6{margin-bottom:0;margin-top:0}@media all and (min-width:1024px){.article-body .totaliser .info{width:80%}}.article-body .totaliser .info .current{margin-top:-21px}.article-body .totaliser .info h6{margin-bottom:15px;margin-top:0;padding-left:0}.article-body .totaliser .picture{vertical-align:middle}.article-body .totaliser #max{margin-left:58%;margin-right:0}.article-body .totaliser .parties h6{margin-bottom:10px;margin-top:0}.article-body .totaliser .related-url h6{margin:0}@media all and (min-width:1024px){.webview .totaliser .info{width:93%}}.webview .totaliser .info .current{margin-top:-20px}.webview .totaliser .picture{vertical-align:middle}.webview .totaliser #max{margin-left:58%;margin-right:0}@media all and (min-width:1024px){.primary .totaliser .info{width:85%}}@media all and (min-width:1240px){.primary .totaliser .info{width:91%}}.find-my-seat{padding:0}.find-my-seat .find-my-seat-panel{background-color:#f1f1f1;margin-bottom:10px;padding:0}.find-my-seat .find-my-seat-panel h4{font-family:maven pro,sans-serif;font-size:18px;font-weight:400;font-weight:800;background-color:#e0e0e0;color:#2c2c2c;margin:0;padding:14px 10px;text-align:center;text-transform:uppercase}.find-my-seat .find-my-seat-panel .info-container{font-size:14px;padding:26px 24px}.find-my-seat .find-my-seat-panel .info-container>p{font-size:14px;line-height:1.5;margin-bottom:0;margin-top:28px;padding:0}.find-my-seat .postcode-search{background-color:#e0e0e0;padding-bottom:15px;padding-top:12px}.find-my-seat .postcode-search h2{font-family:maven pro,sans-serif;font-size:16px;font-weight:600;color:#2c2c2c;margin:7px 0;text-align:center;text-transform:capitalize}.find-my-seat .postcode-search h3{font-family:maven pro,sans-serif;font-size:40px;font-weight:400;font-weight:800;color:#2c2c2c;margin-bottom:7px;padding:0;text-align:center;text-transform:uppercase}.find-my-seat .postcode-search p{font-family:maven pro,sans-serif;font-size:12px;font-weight:400;color:#626262;margin-bottom:11px;padding:0 45px;text-align:center}.find-my-seat .postcode-search .find-seat-error{color:#e90e0e;font-weight:700}.find-my-seat .postcode-search form{font-size:0;margin-top:10px;padding:5px 0 10px;text-align:center}.find-my-seat .postcode-search [disabled]{opacity:.4}.find-my-seat .postcode-search input,.find-my-seat .postcode-search button{background-color:#fff;border:0;display:inline-block;height:36px;outline:0;padding:0;vertical-align:middle}.find-my-seat .postcode-search button{background:#979797;left:-9px;position:relative;width:36px}.find-my-seat .postcode-search button:before{content:""}.find-my-seat .postcode-search button:before{font-family:icomoon;font-size:20px;height:100%;left:0;position:relative;top:0;width:100%}.find-my-seat .postcode-search input{font-size:12px;padding:0 12px;width:230px}.find-my-seat .current-seat{background-color:#f1f1f1;margin-bottom:10px;padding:20px 10px}.find-my-seat .current-seat p{font-size:14px;line-height:1.5;margin:0;padding:0;text-align:center}.find-my-seat .current-seat-live p:first-child{font-weight:700;text-transform:uppercase}.find-my-seat .current-seat-live .con{color:#069}.find-my-seat .current-seat-live .lab{color:#da1500}.find-my-seat .current-seat-live .libdem{color:#fbc300}.find-my-seat .current-seat-live .ukip{color:#722889}.find-my-seat .current-seat-live .grn{color:#6ab023}.find-my-seat .current-seat-live .snp{color:#f3ed49;text-shadow:0 0 1px #000}.find-my-seat .current-seat-live .pc{color:#3f8428}.find-my-seat .current-seat-live .sf{color:#006837}.find-my-seat .current-seat-live .dup{color:#c8292b}.find-my-seat .opinion-range{margin-top:35px}.find-my-seat .opinion-range .bar{background-color:#fff;height:10px;position:relative}.find-my-seat .opinion-range .pointer{background-color:#2c2c2c;border-radius:11px;bottom:-6px;height:22px;margin-left:-11px;position:absolute;width:22px}.find-my-seat .opinion-range .labels{display:flex;justify-content:space-between;padding-bottom:8px;padding-top:9px}.find-my-seat .opinion-range span{display:block;font-size:12px;text-transform:uppercase}.find-my-seat .opinion-range .title{font-size:14px;position:relative;text-transform:capitalize;top:-10px}.find-my-seat .opinion-range:first-of-type{margin-top:4px}.find-my-seat .party{position:relative}.find-my-seat .party::before{background-color:#c4c4c4;border-radius:15px;content:' ';display:block;height:22px;position:absolute;right:-11px;top:-4px;width:22px}.find-my-seat .party.con::before{background-color:#069}.find-my-seat .party.lab::before{background-color:#da1500}.find-my-seat .party.libdem::before{background-color:#fbc300}.find-my-seat .party.ukip::before{background-color:#722889}.find-my-seat .party.grn::before{background-color:#6ab023}.find-my-seat .party.snp::before{background-color:#f3ed49}.find-my-seat .party.pc::before{background-color:#3f8428}.find-my-seat .party.sf::before{background-color:#006837}.find-my-seat .party.dup::before{background-color:#c8292b}@media all and (min-width:728px){.find-my-seat .find-my-seat-panel h4{font-size:20px}.find-my-seat .find-my-seat-panel .info-container>p{font-size:16px}.find-my-seat .postcode-search h2{font-size:26px}.find-my-seat .postcode-search h3{font-size:50px}.find-my-seat .postcode-search p{font-size:16px}.find-my-seat .current-seat p{font-size:18px}}.find-my-seat-panel.swing{text-align:center}.find-my-seat-panel.swing .info-container{padding-bottom:33px}.find-my-seat-panel.swing .info-container p{margin:0;padding:0}.find-my-seat-panel.swing .info-container p:first-child{margin-top:0}.find-my-seat-panel.swing .info-container .by-election{margin-top:30px}.find-my-seat-panel.swing strong,.find-my-seat-panel.swing span{display:block}.find-my-seat-panel.swing strong{font-family:maven pro,sans-serif;font-size:25px;font-weight:400;font-weight:800;letter-spacing:1.2px;line-height:1;padding-top:24px}.find-my-seat-panel.swing p:first-child strong:first-child{padding-top:0}.find-my-seat-panel.swing span{font-size:14px}.find-my-seat-panel.swing .con{color:#069}.find-my-seat-panel.swing .lab{color:#da1500}.find-my-seat-panel.swing .libdem{color:#fbc300}.find-my-seat-panel.swing .ukip{color:#722889}.find-my-seat-panel.swing .grn{color:#6ab023}.find-my-seat-panel.swing .snp{color:#f3ed49;text-shadow:0 0 1px #000}.find-my-seat-panel.swing .pc{color:#3f8428}.find-my-seat-panel.swing .sf{color:#006837}.find-my-seat-panel.swing .dup{color:#c8292b}@media all and (min-width:728px){.find-my-seat-panel.swing span{font-size:16px}}.find-my-seat-panel.previous-results .info-container{padding-bottom:10px}.find-my-seat-panel.previous-results table{border-collapse:collapse;width:100%}.find-my-seat-panel.previous-results table td:nth-child(1){padding-right:18px;width:50%}.find-my-seat-panel.previous-results table td:nth-child(2){padding-left:18px;width:30px}.find-my-seat-panel.previous-results table td{font-size:14px;padding:0 0 16px;text-align:right}.find-my-seat-panel.previous-results table span{display:block;padding-left:30px}@media all and (min-width:728px){.find-my-seat-panel.previous-results table td{font-size:16px}}.find-my-seat-panel.candidates .info-container{padding:26px 12px}.find-my-seat-panel.candidates .info-container p{margin:0 0 20px;text-align:center}.find-my-seat-panel.candidates dl{display:flex;flex-wrap:wrap;justify-content:center;margin-top:10px}.find-my-seat-panel.candidates dl dt,.find-my-seat-panel.candidates dl dd{box-sizing:border-box;font-size:14px;padding:0 0 5px;width:49%}.find-my-seat-panel.candidates dl dt{padding-right:18px;text-align:right}.find-my-seat-panel.candidates dl dd{margin-bottom:11px;padding-left:18px}.find-my-seat-panel.candidates dl dd:last-child{margin-bottom:0}.find-my-seat-panel.candidates.candidates-live dt:not(:first-of-type),.find-my-seat-panel.candidates.candidates-live dd:not(:first-of-type){color:#979797}@media all and (min-width:728px){.find-my-seat-panel.candidates dl dt,.find-my-seat-panel.candidates dl dd{font-size:16px}}.referendum{padding:26px 12px;text-align:center}.referendum progress{border:0;height:10px;margin-bottom:20px;margin-top:10px;width:calc(100% - 48px)}.referendum progress::-webkit-progress-bar{background:#fff}.referendum progress::progress-bar{background:#fff}.referendum progress::-webkit-progress-value{background:#2c2c2c}.referendum progress::-moz-progress-bar{background-color:#2c2c2c}.referendum progress::-ms-fill{background-color:#2c2c2c}.referendum p{font-size:14px;margin-bottom:0}@media all and (min-width:1024px){.referendum p{font-size:16px}}.referendum p:nth-child(2){margin-top:26px}.referendum p:nth-child(3){margin-top:20px}.referendum p:last-child{padding-bottom:26px}.referendum p:last-child span{text-transform:lowercase}.referendum p span{font-weight:700}.article-page.photo-story{background-color:#141414}.article-page.photo-story main{background-color:#2c2c2c}.article-page.photo-story main .breadcrumbs a{color:#fff}.article-page.photo-story main .caption p:empty{display:none}.article-page.photo-story main .caption a{color:#fff;font-weight:700}.article-page.photo-story main .caption a:hover{opacity:.75}.article-page.photo-story main .intro-text p,.article-page.photo-story main .intro-text a{font-family:maven pro,sans-serif;font-size:16px;font-weight:400;background-color:transparent;color:#fff;line-height:22px;margin-top:15px}.article-page.photo-story main section[data-mod=mostRead]{padding-top:48px}.article-page.photo-story main .comments-container{background-color:#fff}.article-page.photo-story main .comments-container #comments-wrapper{margin-left:auto;margin-right:auto;padding-top:20px;width:95%}.article-page.photo-story h1{color:#fff;font-size:36px;margin:0;padding:12px 12px 18px}.article-page.photo-story h1+p{color:#979797;font-size:16px;padding:0 12px}.article-page.photo-story .sharebar{border-bottom-color:#3a3a3a;padding:0 0 12px}.article-page.photo-story .sharebar .count-text{color:#979797}.article-page.photo-story .tag-list{background-color:#3a3a3a;border:1px solid #141414}.article-page.photo-story .tag-list a{background-color:#2c2c2c;border:1px solid #141414;color:#fff}.article-page.photo-story .author-label,.article-page.photo-story .author,.article-page.photo-story .time-info li{color:#979797}.article-page.photo-story footer{border-top:1px solid #2c2c2c}@media all and (min-width:728px){.article-page.photo-story .article-main h1{font-size:38px;padding:20px 0 30px}.article-page.photo-story .article-main h1+p,.article-page.photo-story .article-main .sharebar{padding:0}.article-page.photo-story .byline{border-bottom:1px solid #3a3a3a;border-top:1px solid #3a3a3a}.article-page.photo-story .article-information{border-left:1px solid #3a3a3a}}@media all and (min-width:1024px){.article-page.photo-story .article-main h1{font-size:50px;padding:14px 0 25px}.article-page.photo-story .article-main h1+p{font-size:18px}}@media all and (min-width:1240px){.article-page.photo-story .article-main h1{font-size:53px;margin-bottom:20px;margin-top:30px;padding:0}.article-page.photo-story .article-main h1+p{font-size:20px}}.factbox{background-color:#f1f1f1;border-radius:10px;margin:0 12px 27px;overflow:hidden;padding:20px 24px}.factbox h3{line-height:1.3;margin:0 0 12px;padding:0}.factbox .factbox-content p{margin-bottom:12px;padding:0}.factbox .factbox-content ul,.factbox .factbox-content ol{padding:0}.factbox .factbox-content ul li,.factbox .factbox-content ol li{line-height:1.8;padding-bottom:5px}.factbox .in-article-image{margin-bottom:12px}.factbox .factbox-sponsor{clear:both;color:#141414;font-size:12px;font-weight:700;text-align:right;text-transform:uppercase}.factbox .factbox-sponsor a{color:inherit;text-decoration:underline}@media all and (min-width:728px){.factbox{margin:0 0 27px}.factbox h3{display:inline-block}.factbox.has-image h3{width:calc(50% - 22px)}.factbox .in-article-image{float:right;margin:6px 0 12px 22px;width:49%}}.html-embed-tweet{background-color:#f1f1f1;border-radius:4px;margin-bottom:30px;min-height:200px;position:relative;width:100%}.html-embed-tweet:before{content:""}.html-embed-tweet:before,.html-embed-tweet:after{background-color:transparent;color:#979797;height:35px;left:50%;line-height:35px;margin-bottom:18px;position:absolute;top:60%;transform:translate3d(0,0,0);z-index:0}.html-embed-tweet:before{font-family:icomoon;font-size:35px;margin-left:-72px;margin-top:-65px;text-align:center;width:143px}.html-embed-tweet:after{content:'TWEET LOADING';font-family:open sans condensed;font-size:20px;left:50%;margin-left:-65px;margin-top:-22px;position:absolute;width:200px}.html-embed-tweet a{background-color:#f1f1f1;border:8px solid #fff;border-bottom-width:40px;border-top-width:40px;box-sizing:border-box;color:#626262;display:block;height:100%;left:0;position:absolute;text-decoration:none;text-indent:100%;top:0;width:100%;z-index:0}.html-embed-tweet blockquote{visibility:hidden}.html-embed-tweet .twitter-tweet{margin-bottom:0;margin-top:0;position:relative!important;z-index:1}@media all and (min-width:728px){.html-embed-tweet{margin-bottom:31px;min-height:185px;width:500px}}@media all and (min-width:1240px){.html-embed-tweet{margin-bottom:35px}}.embed-placeholder{background-color:#f1f1f1;margin-bottom:23px}.embed-placeholder .in-article-image{margin-bottom:0}.embed-placeholder .no-image{background-color:transparent;padding-bottom:66.66%;position:relative;width:100%}.embed-placeholder .no-image:before{color:#979797;content:'NO PREVIEW AVAILABLE';font-family:maven pro;font-size:18px;left:50%;margin-left:-100px;margin-top:-10px;position:absolute;top:50%;z-index:0}.embed-placeholder .embed-placeholder-caption p{font-family:maven pro,sans-serif;font-size:18px;font-weight:400;font-weight:700;color:#fff;line-height:23px;margin-bottom:15px;padding:0}.embed-placeholder .embed-placeholder-caption p a{color:inherit;text-decoration:none}.embed-placeholder .embed-placeholder-caption p a:hover{opacity:1}.embed-placeholder .embed-placeholder-link{font-family:maven pro,sans-serif;font-size:16px;font-weight:400;font-weight:700;background-color:#f1f1f1;border-radius:20px;color:#fff;display:inline-block;line-height:22px;padding:4px 60px 7px 30px;position:relative}.embed-placeholder .embed-placeholder-link.section-theme{background-color:#fff}.embed-placeholder span{position:relative}.embed-placeholder span:before{font-family:icomoon;font-size:22px;left:5px;position:absolute;top:1px}.embed-placeholder[data-type=pdf] span:before{content:'\e916';font-size:16px;left:11px;top:.5px}.embed-placeholder[data-type=photo-story] span:before{content:""}.embed-placeholder .embed-placeholder-thumbnails{font-size:0;overflow:hidden}.embed-placeholder .embed-placeholder-caption{-webkit-font-smoothing:antialiased;padding:16px 12px 20px}@media all and (min-width:728px){.embed-placeholder{display:flex;position:relative}.embed-placeholder .embed-placeholder-thumbnails{display:block;width:70%}.embed-placeholder .embed-placeholder-caption{box-sizing:border-box;display:block;padding-top:8px;width:30%}.embed-placeholder p{max-height:184px;overflow:hidden;padding-right:34px}.embed-placeholder figure{display:block;width:100%}.embed-placeholder figure img{width:100%}.embed-placeholder .embed-placeholder-link{bottom:12px;padding:4px 33px 7px 8px;position:absolute}}.gpt-sticky.gpt-sticky-header{background:rgba(255,255,255,.95);left:0;position:fixed;top:0;z-index:3;padding:0 0 5pt}.gpt-sticky-header{transition:.5s linear background;width:100%}.gpt-sticky>div{margin:0 auto}.sticky-bottom-banner{background-color:#f1f1f1;bottom:0;left:0;position:fixed;width:100%;z-index:2;margin:0 auto;padding:0}.gpt-sticky-top-lock{position:fixed;top:113px}.gpt-sticky-bottom-lock{bottom:0;position:absolute;top:auto}.gpt-sticky-marker{height:1px;position:absolute;width:100%}#gpt-wallpaper-container{bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:0}#gpt-wallpaper-container .wallpaper-viewport{height:100%;position:relative;visibility:visible;width:1240px;margin:0 auto}#wallpaper-frame-top{left:0;position:absolute;top:80px;width:1240px;z-index:3}#wallpaper-frame-right,#wallpaper-frame-left{height:100%;position:fixed;top:0;width:130px;z-index:3}#wallpaper-frame-right{right:0}#wallpaper-frame-left{left:0}.wallpaper-frame .wallpaper-frame-inner{height:100%;overflow:hidden;position:absolute;width:100%}#wallpapertablet{background-image:inherit;background-position:50% 0;background-repeat:no-repeat;bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}.secondary .duet figure{width:52%}.secondary .duet .inner{width:48%}.wraparound-body:after{background:#fff;content:'';height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.wraparound-body .gpt.gpt-sticky-header.gpt-sticky{transform:none!important}.wraparound-body footer{z-index:2}.wraparound-rich-media .top-slot{margin-bottom:0}.wraparound-rich-media main{padding-top:20px}[id^=wraparound-ad-]{background-repeat:no-repeat;position:absolute;top:110px;z-index:2}[id^=wraparound-ad-] a{color:#fff;display:block;height:100%;text-decoration:none;width:100%}[id^=wraparound-ad-] a:hover{color:#ff0;text-decoration:underline}.has-partner-mast-header [id^=wraparound-ad-]{top:143px}#wraparound-ad-top{background-position:center center;background-size:100% 100%;display:none;height:270px;text-align:center;width:100%}#wraparound-ad-left{text-align:right;transform-origin:top right}#wraparound-ad-left,#wraparound-ad-right{background-position:left top;display:none;height:500px;position:absolute;transform:translateZ(0);width:120px}#wraparound-ad-left.fixed,#wraparound-ad-right.fixed{position:fixed}.channel-whats-on .sponsorship-bar{border-color:#840e83}.channel-whats-on .sponsorship-bar .inner p::after{color:#840e83}.sponsorship-bar{clear:both;background-color:#141414;border-left-width:8px;height:70px;overflow:hidden;border-color:#626262;border-style:solid;margin:5px 12px 30px}.sponsorship-bar:after{clear:both;content:'.';display:block;height:0;visibility:hidden}.sponsorship-bar a{display:block;height:100%;width:100%}.sponsorship-bar a:hover .inner{opacity:.9}.sponsorship-bar a:hover p::after{margin-left:8px}.sponsorship-bar .inner{float:left;padding:20px 0 0 16px}.sponsorship-bar .inner h4{color:#979797;font-size:13px;font-weight:400}.sponsorship-bar .inner h4 strong{color:#fff;display:block;font-size:14px;text-transform:uppercase;margin:5px 0}.sponsorship-bar .inner p{color:#fff;display:none;font-size:15px;font-weight:600}.sponsorship-bar .inner p::after{color:#626262;content:'\00bb';margin-left:6px;transition:150ms ease-in-out all}.sponsorship-bar figure{float:right;padding:5px}.sponsorship-bar figure img{border:0;height:60px;width:120px}.section-page .sponsorship-bar{margin:5px 0 30px}.tm-commercial-integrations-taboola{display:none;padding:0 12px 20px}.tm-commercial-integrations-taboola .taboola{z-index:1}.tm-commercial-integrations-taboola .box-heading{font-family:open sans,sans-serif;font-size:13px;color:#141414;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:0 0 20px}.tm-commercial-integrations-taboola #taboola-below-article-thumbnails .trc-widget-footer,.tm-commercial-integrations-taboola #taboola-mobile-mid-article .trc-widget-footer{position:absolute}.tm-commercial-integrations-taboola #taboola-mobile-mid-article .trc_rbox_header{font-family:open sans,sans-serif;font-size:13px;font-weight:400;color:#141414}.tm-commercial-integrations-taboola #taboola-mobile-mid-article .trc-widget-footer{right:0;top:0}.tm-commercial-integrations-taboola #taboola-below-article-thumbnails .trc-widget-footer{right:0;top:-30px}.tm-commercial-integrations-taboola.populated{display:block}.tm-commercial-integrations-taboolax{border:0;clear:none;display:none;margin-bottom:24px;text-align:center;vertical-align:top;width:100%}.tm-commercial-integrations-taboolax.populated{clear:none;display:block}.gpt{overflow:hidden;z-index:1}.gpt.bottom-ad-slot{margin-top:24px}.gpt.in-section{clear:both;margin-bottom:48px}.noadshere .gpt{margin-bottom:0!important}.wrapper-adv{width:300px;margin:0 auto!important}.gpt-animate{transition:height .3s linear,max-height .3s linear}.pancake>.gpt{margin-top:2pc}.image-gallery>li>.gpt>div{background-color:#3a3a3a}[data-gpt-placeholder]>div{background-color:#f1f1f1;left:0;position:relative;text-align:center;top:10px}[data-gpt-placeholder]>div:before{color:#979797;content:'ADVERTISEMENT';font-size:10px;left:0;position:absolute;top:-10px}#div-gpt-native>div{background:0 0}#div-gpt-native>div:before{display:none}.gpt-sticky-sidebar,.tm-commercial-integrations-taboola #taboola-below-article-thumbnails,.tm-commercial-integrations-taboola #taboola-mobile-mid-article{position:relative}.mod-pancakes,.wraparound-body{overflow-x:hidden}.wraparound-body main,#wraparound-ad-right{transform-origin:top left}.wraparound-body:not(.wraparound-rich-media) .top-slot,.section-page .sponsorship-bar .inner p{margin:0}.gpt.in-article,.top-slot{margin-bottom:24px}@media all and (min-width:728px){.wraparound-body>.gpt{margin-left:16px;margin-right:16px;width:calc(100% - 120px - 32px)}.wraparound-rich-media{margin-top:103px}.wraparound-rich-media>.gpt.top-slot:not(.gpt-sticky-header.gpt-sticky){margin-left:0;width:calc(100% - 120px)}[id^=wraparound-ad-]{top:100px}.has-partner-mast-header [id^=wraparound-ad-]{top:133px}#wraparound-ad-top{display:block;width:calc(100%-120px)}#wraparound-ad-right{display:block;right:0}.sponsorship-bar{margin:5px 0 30px}.sponsorship-bar .inner{padding-top:30px}.sponsorship-bar .inner h4{font-size:16px}.sponsorship-bar .inner h4 strong{display:inline-block;font-size:16px;margin:0 0 0 5px}.tm-commercial-integrations-taboola{padding:0}.t402-prompt-iframe-container{background-color:#f1f1f1;border-top:10px solid #2a7e2e;float:left;width:calc(100% - 367px);padding:50px 0}:not(.base-layout)>.pancake>.gpt{width:100%}}@media all and (min-width:1240px){.wraparound-body>.gpt,.wraparound-body main>.gpt{margin-left:auto;margin-right:auto;width:calc(1240px - 240px - 64px)}.wraparound-rich-media>.gpt.top-slot:not(.gpt-sticky-header.gpt-sticky){width:100%}#inskinanchor{padding-bottom:24px}.wraparound-body:after{left:50%;margin-left:-620px;width:1240px}.wraparound-body main{background:0 0;transform-origin:top center}.wraparound-rich-media{margin-top:112px}.wraparound-rich-media .top-slot: not(.gpt-sticky-header.gpt-sticky){width:1240px;margin:0 auto}[id^=wraparound-ad-]{top:113px}.has-partner-mast-header [id^=wraparound-ad-]{top:146px}#wraparound-ad-top{left:calc(50%-620px+120px);margin-left:auto;margin-right:auto;width:1000px}#wraparound-ad-left,#wraparound-ad-right{width:330px}#wraparound-ad-left{display:block;left:calc(((100%-1240px)/2) 0 210px; } #wraparound-ad-right { right:calc(((100%-1240px)/2) 0 210px; } } @media all and (min-width:1360px){ .wraparound-body>.gpt,.wraparound-body main>.gpt { width:calc(1240px - 120px - 64px); } #wraparound-ad-top { left:calc(50%-680px+120px); width:1120px; } #wraparound-ad-left { left:calc(((100%-1360px)/2) 0 210px; } #wraparound-ad-right { right:calc(((100%-1360px)/2) 0 210px; } } @media all and (min-width:1480px){ .wraparound-body>.gpt,.wraparound-body main>.gpt { width:calc(1240px - 64px); } #wraparound-ad-top { left:calc(50%-740px+120px); width:1240px; } #wraparound-ad-left { left:calc(((100%-1480px)/2) 0 210px; } #wraparound-ad-right { right:calc(((100%-1480px)/2) 0 210px; } } @media all and (min-width:1024px){ [id^=wraparound-ad-] { top:103px; } .has-partner-mast-header [id^=wraparound-ad-] { top:136px; } .sponsorship-bar { height:80px; } .sponsorship-bar .inner { padding:20px 0 20px 24px; } .sponsorship-bar .inner h4 { margin-bottom:8px; } .sponsorship-bar .inner h4 strong { display:inline-block; margin:0 0 0 5px; } .sponsorship-bar .inner p { display:block; } .sponsorship-bar figure { padding:10px; } } 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:1calc(25% } 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% } .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; } .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 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% - 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; }}}