@font-face{font-family:'icomoon';src:url("fonts/icomoon.eot?v=20170912");src:url("fonts/icomoon.eot?v=20170912") format("embedded-opentype"),url("fonts/icomoon.ttf?v=20170912") format("truetype"),url("fonts/icomoon.woff?v=20170912") format("woff"),url("fonts/icomoon.svg?v=20170912") format("svg");font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon'!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.icon-icon_instagram:before{content:"\e927";}.icon-icon_linkedin:before{content:"\e928";}.icon-icon_login_new:before{content:"\e924";}.icon-icon_360d:before{content:"\e912";}.icon-icon_360m:before{content:"\e925";}.icon-icon_whatsapp2:before{content:"\e923";}.icon-icon_link:before{content:"\e921";}.icon-icon_whatsapp:before{content:"\e922";}.icon-icon_share:before{content:"\e920";}.icon-icon_cloudy:before{content:"\e91d";}.icon-icon_raining:before{content:"\e91e";}.icon-icon_sunny:before{content:"\e91f";}.icon-icon_sponsored:before{content:"\e91c";}.icon-icon_print:before{content:"\e91b";}.icon-icon_rightarrow:before{content:"\e919";}.icon-icon_downarrow:before{content:"\e91a";}.icon-icon_golfflag:before{content:"\e918";}.icon-icon_trophy:before{content:"\e900";}.icon-icon_calendar:before{content:"\e901";}.icon-icon_heart:before{content:"\e902";}.icon-icon_star:before{content:"\e903";}.icon-icon_youtube:before{content:"\e904";}.icon-icon_email:before{content:"\e905";}.icon-icon_facebook:before{content:"\e906";}.icon-icon_twitter:before{content:"\e907";}.icon-icon_comments:before{content:"\e908";}.icon-icon_recipe:before{content:"\e909";}.icon-icon_gallery:before{content:"\e90a";}.icon-icon_audio:before{content:"\e90b";}.icon-icon_video:before{content:"\e90c";}.icon-icon_live:before{content:"\e90d";}.icon-icon_logo_rte:before{content:"\e90e";}.icon-icon_signpost:before{content:"\e90f";}.icon-icon_arrow_left:before{content:"\e910";}.icon-icon_arrow_right:before{content:"\e911";}.icon-icon_login:before{content:"\e926";}.icon-icon_menu:before{content:"\e913";}.icon-icon_quote_close:before{content:"\e914";}.icon-icon_quote_open:before{content:"\e915";}.icon-icon_search:before{content:"\e916";}.icon-icon_breaking:before{content:"\e917";}@media screen and (min-width: 40em) {html{font-size:16px;}}body{font-family:"Montserrat",sans-serif;background:#fff;}.row{max-width:1160px;}.column,.columns{padding-left:1.25rem;padding-right:1.25rem;}.alpha{padding-left:0!important;}.omega{padding-right:0!important;}.unpadded{padding:0;}.column:last-child:not(:first-child),.columns:last-child:not(:first-child){float:left;}.icon{line-height:0;}.clearfix{clear:both;}a:hover .underline{border-bottom:1px solid #bbc2d4;}article a.img-container .icon{color:#ffffff!important;background:#00A7B3;padding:1rem;font-size:2rem;position:absolute;left:0;bottom:0;}article a .img-container{position:relative;overflow:hidden;}article a .img-container .icon{color:#ffffff!important;background:#00A7B3;padding:1rem;font-size:2rem;position:absolute;left:0;bottom:0;}article a .img-container .article-meta .icon{font-size:0.875rem;}article a .img-container .inner{position:relative;}article a .img-container .gradient{transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out;position:absolute;width:100%;height:100%;bottom:0;right:0;opacity:0;background:-moz-linear-gradient(top,transparent 0%,rgba(0,2,34,0.64) 99%,rgba(2,34,34,0.65) 100%);background:-webkit-linear-gradient(top,transparent 0%,rgba(0,2,34,0.64) 99%,rgba(2,34,34,0.65) 100%);background:linear-gradient(to bottom,transparent 0%,rgba(0,2,34,0.64) 99%,rgba(2,34,34,0.65) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6022222',GradientType=0);}article a:hover .img-container .gradient{opacity:0.3;}@media screen and (max-width: 39.9375em) {.img-container .icon.phone-large{font-size:2.375rem;padding:2.2rem 1rem;}.img-container .icon.phone-medium{font-size:1.8rem;padding:1.95rem 1rem;}.img-container .icon.phone-small{font-size:1.8rem;padding:1.6rem 0.7rem;}}@media screen and (min-width: 40em) {.img-container .icon.tablet-large{font-size:2.375rem;padding:2.2rem 1rem;}.img-container .icon.tablet-medium{font-size:1.8rem;padding:1.95rem 1rem;}.img-container .icon.tablet-small{font-size:1.8rem;padding:1.6rem 0.7rem;}}@media screen and (min-width: 64em) {.img-container .icon.desktop-large{font-size:2.375rem;padding:2.2rem 1rem;}.img-container .icon.desktop-medium{font-size:1.8rem;padding:1.95rem 1rem;}.img-container .icon.desktop-small{font-size:1.8rem;padding:1.6rem 0.7rem;}}.boner{background:url(../img/icon_signpost.svg) no-repeat;display:inline-block;width:30px;height:30px;}.boner.grey{background:url(../img/icon_goto.svg) no-repeat;}@media screen and (min-width: 40em) {.boner{width:60px;height:60px;}}a{color:#00A7B3;text-decoration:none;}.primary-color{color:#00A7B3;}.hide-for-mobile{display:none!important;}@media screen and (min-width: 40em) {.hide-for-mobile{display:block!important;}}.hide-for-tablet{display:block;}@media screen and (min-width: 40em) {.hide-for-tablet{display:none;}}.hide-for-desktop{display:block;}@media screen and (min-width: 64em) {.hide-for-desktop{display:none!important;}}@media screen and (min-width: 64em) {.show-on-desktop{display:block!important;}}button,.message{display:block;text-align:center;background:#00A7B3;border-radius:5px;color:#fff;font-weight:bold;padding:1rem;font-size:1.2em;margin-bottom:1rem;}ul{list-style:none;padding:0;}.gutter{margin-left:1.25rem;margin-right:1.25rem;}.no-gutter{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;}.no-margin-top{margin-top:0;}.content iframe{width:100%;}.advert img{display:block;margin:0 auto;}.embed-container,p[data-embed="facebook-video"],p[data-embed="rte-player"],p[data-embed="iframe"],p[data-embed="youtube"]{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;margin-bottom:1rem;}.embed-container iframe,.embed-container object,.embed-container embed,p[data-embed="facebook-video"] iframe,p[data-embed="facebook-video"] object,p[data-embed="facebook-video"] embed,p[data-embed="rte-player"] iframe,p[data-embed="rte-player"] object,p[data-embed="rte-player"] embed,p[data-embed="iframe"] iframe,p[data-embed="iframe"] object,p[data-embed="iframe"] embed,p[data-embed="youtube"] iframe,p[data-embed="youtube"] object,p[data-embed="youtube"] embed{position:absolute;top:0;left:0;width:100%;height:100%;}p[data-embed="youtube"]{margin:0!important;}.category-name{color:#00A7B3;text-transform:uppercase;font-family:"Source Sans Pro",sans-serif;font-size:0.75rem;}.category-name i{margin-right:3px;font-size:0.9rem;}.datetime{font-family:"Source Sans Pro",sans-serif;color:#00A7B3;font-size:0.75rem;text-transform:uppercase;}@media screen and (min-width: 64em) {.datetime{font-size:0.875rem;}}.sponsor{width:264px;height:55px;display:block;margin:0 auto;}.sponsor-text{font-family:"Source Sans Pro",sans-serif;display:block;font-size:18px;line-height:29px;width:268px;height:31px;margin:2rem auto 0;background:#A3B0C6;color:#ffffff!important;text-align:center;text-transform:uppercase;}.sponsor-text .bold{font-weight:bold;}article.feature a .primary-color{color:#0c4c67;}article.sponsored a .datetime,article.sponsored a .category-name{color:#a6b3c9!important;}.live span.live{position:relative;margin:0;color:#e20000;}.live span.live:before{border-radius:62.5rem;display:inline-block;position:relative;background-color:#e20000;width:.60em;height:.60em;content:'';margin:0 .2em .05em 0;vertical-align:initial;-webkit-animation:blinker 1.5s linear 0s infinite normal forwards;-moz-animation:blinker 1.5s linear 0s infinite normal forwards;-o-animation:blinker 1.5s linear 0s infinite normal forwards;animation:blinker 1.5s linear 0s infinite normal forwards;}.live article span.datetime{color:#e20000!important;}.live a,.live article a,.live .article-meta,.live .article-meta:after,.live.columns{border-color:#e20000!important;}.live a:after{border-color:#e20000!important;background:#e20000!important;}span.updated{color:#00A7B3;}span.breaking{color:#e20000;}span.breaking:before{font-size:0.8em;font-family:'icomoon'!important;content:'\e917';}@-webkit-keyframes blinker{50%{opacity:0;}}@-moz-keyframes blinker{50%{opacity:0;}}@-o-keyframes blinker{50%{opacity:0;}}@keyframes blinker{50%{opacity:0;}}span.sponsored{display:inline-block;color:#fff;background-color:#a6b3c9;font-size:0.7rem;line-height:1rem;text-transform:uppercase;padding:0.05rem 0.2rem;vertical-align:middle;}article.sponsored span.underline{vertical-align:middle;}.marketing-footer{padding-top:3rem;background:black;}.marketing-footer iframe{height:540px;}@media screen and (min-width: 40em) {.marketing-footer iframe{height:300px;}}.dot{color:#00A7B3;cursor:pointer;}.pulsate{-webkit-animation:pulsate 1s ease-out 0s infinite normal forwards;-moz-animation:pulsate 1s ease-out 0s infinite normal forwards;-o-animation:pulsate 1s ease-out 0s infinite normal forwards;animation:pulsate 1s ease-out 0s infinite normal forwards;opacity:0;}@-webkit-keyframes pulsate{0%{-moz-transform:scale(0.1,0.1);-o-transform:scale(0.1,0.1);-ms-transform:scale(0.1,0.1);-webkit-transform:scale(0.1,0.1);transform:scale(0.1,0.1);opacity:0;}50%{opacity:1;}100%{-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);opacity:0;}}@-moz-keyframes pulsate{0%{-moz-transform:scale(0.1,0.1);-o-transform:scale(0.1,0.1);-ms-transform:scale(0.1,0.1);-webkit-transform:scale(0.1,0.1);transform:scale(0.1,0.1);opacity:0;}50%{opacity:1;}100%{-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);opacity:0;}}@-o-keyframes pulsate{0%{-moz-transform:scale(0.1,0.1);-o-transform:scale(0.1,0.1);-ms-transform:scale(0.1,0.1);-webkit-transform:scale(0.1,0.1);transform:scale(0.1,0.1);opacity:0;}50%{opacity:1;}100%{-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);opacity:0;}}@keyframes pulsate{0%{-moz-transform:scale(0.1,0.1);-o-transform:scale(0.1,0.1);-ms-transform:scale(0.1,0.1);-webkit-transform:scale(0.1,0.1);transform:scale(0.1,0.1);opacity:0;}50%{opacity:1;}100%{-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);opacity:0;}}.btn-group{display:inline-block;}.btn-group i{color:#FFFFFF;display:inline-block;cursor:pointer;text-align:left;width:36px;height:36px;border-radius:50%;float:left;background:#6b728c;margin-left:.5rem;font-family:'icomoon'!important;font-style:normal;line-height:1;font-size:2.3rem;position:relative;}.btn-group i a{width:100%;height:100%;display:block;position:absolute;top:0;}.btn-group i.facebook{font-size:44px;line-height:36px;margin-left:0;}.btn-group i.facebook:before{margin-left:-5px;}.btn-group i.twitter{line-height:38px;}.btn-group i.twitter:before{margin-top:6px;}.btn-group i.whatsapp{font-size:24px;line-height:37px;display:inline-block;}.btn-group i.whatsapp:before{margin-left:6px;}@media screen and (min-width: 64em) {.btn-group i.whatsapp{display:none;}}.btn-group i.whatsapp2{color:#25d366;font-size:67px;line-height:36px;display:inline-block;}.btn-group i.whatsapp2:before{margin-left:-15px;}@media screen and (min-width: 64em) {.btn-group i.whatsapp2{display:none;}}.btn-group i.envelope{font-size:30px;line-height:36px;}.btn-group i.envelope:before{margin-left:3px;}.btn-group i.anchor{font-size:28px;line-height:36px;}.btn-group i.anchor:before{margin-left:5px;}.btn-group i.youtube{font-size:58px;line-height:38px;}.btn-group i.youtube:before{margin-left:-10px;}.btn-group i.comment{font-size:34px;line-height:38px;width:72px;border-radius:24px;}.btn-group i.comment a{color:#fff;text-align:right;font-family:"Source Sans Pro",sans-serif;font-size:18px;padding:0 14px;}.btn-group i.comment a#cload{position:absolute;z-index:2;width:100%;height:100%;}@media screen and (max-width: 39.9375em) {.share-circle i.whatsapp:before{margin-left:8px;}}@media screen and (max-width: 39.9375em) {.share-circle i.whatsapp2{font-size:74px;line-height:41px;}.share-circle i.whatsapp2:before{margin-left:-17px;}}blockquote{margin:1rem 0;border-left:6px solid #00A7B3;background:#F4F6F8;padding:1rem 1.5rem;font-style:italic;color:#000;}blockquote p{font-style:italic;color:#000!important;}blockquote p:first-child{margin-top:0!important;}blockquote p:last-child{margin-bottom:0!important;}blockquote cite{color:#677890;font-size:0.875rem;line-height:1.625rem;}blockquote.person{position:relative;margin:11rem 0 1rem;border:none;}@media screen and (max-width: 39.9375em) {blockquote.person{padding-top:2rem;}}@media screen and (min-width: 40em) {blockquote.person{margin:3rem 0 1rem;min-height:170px;}}blockquote.person img{position:absolute;top:-150px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);max-width:170px!important;border-bottom:6px solid;}@media screen and (min-width: 40em) {blockquote.person img{top:-20px;left:0;-webkit-transform:none;transform:none;border-right:6px solid;}}@media screen and (min-width: 40em) {blockquote.person p,blockquote.person cite{margin-left:150px!important;}}blockquote.person p.last,blockquote.person cite.last{margin-bottom:0!important;}#idc-container .idc-head_tools-login span,#idc-container .idc-btn_s span.idc-r,#idc-container .idc-btn_l span.idc-r{height:auto!important;}#idc-container .idc-head_tools-login{float:right!important;}#idc-commentcount_label,.idc-new h3{text-transform:capitalize!important;font-weight:bold!important;color:#000!important;}#commentload,.story .story-comments-panel .disclaimer{max-width:100%;margin:0 auto;margin-bottom:1rem;}#idc-container .idc-btn_s span.idc-r,#idc-container .idc-btn_l span.idc-r,#idc-container .idc-head_tools-login span{background:#000!important;color:#fff!important;font-size:1em!important;text-transform:uppercase!important;padding:0.2rem 1rem!important;display:block!important;margin-top:-0.2rem!important;}#idc-container div.idc-text_noresize,#idc-container textarea.idc-text_noresize,#idc-container .idc-c-m .idc-text{background:#eee!important;border:none!important;max-width:100%!important;font-size:1em!important;color:#666!important;border-radius:0!important;border:1px solid #eee;}#idc-container .idc-collapselink_closed,#idc-container .idc-collapselink,#idc-container .idc-c-b a{background:none!important;text-transform:uppercase!important;text-decoration:underline!important;font-weight:normal!important;}#idc-container-parent{width:100%;}#idc-sortLinks{padding:1rem 0!important;}#idc-sortLinks p{font-weight:bold!important;}#idc-sortLinks p a{color:#666!important;font-weight:normal;}#idc-sortLinks p a.idc-sel{font-weight:normal!important;color:#000!important;text-decoration:underline;}#idc-container{margin:0 auto!important;}#idc-container .idc-tb{margin-bottom:2rem!important;}#idc-container .idc-c{margin-bottom:2rem!important;}#idc-container .idc-c .idc-c-h{background:#eee!important;border-top:1px solid #ccc;height:auto!important;}#idc-container .idc-c .idc-c-h-inner{height:auto!important;padding:0.5rem!important;}#idc-container .idc-i span{font-weight:bold!important;color:#000!important;}#idc-container .idc-i a{font-weight:bold!important;color:#000!important;}#idc-container div{font-size:1em!important;line-height:1.4em!important;}#idc-container .idc-c-t{padding:0.5rem 0 1rem 0!important;}#idc-container select{margin-left:4px;}#idc-container .idc-v a.idc-v-up{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA4UlEQVQ4T62UAQ3CMBBF3xyAA3CABFBAcIAEUMBQAA5AAg5AAhKQAA7IJ93SNm3H0muyLGmbd//fXa/BeDUF3g44AU9gBbz/iV0CtsDBQc7A3hL4AuaWQLFKbvpYpUt3YOmpUh4fQypzQIEE9FcVMFYn8NTRF+7fqb+5TvhtpxSm1JWcqp26YElgSl0JGHRArHALXIYSH50LeASuseWxynyuqq+iBZZrgP1L8i3XADeAqm2mUDnU2zcBBtPIwnJfECuFWeAMmLiBsI4GQ9ci6jl9svlxQ1fF0F726Y3s6/D6FyFRLBWkzFhwAAAAAElFTkSuQmCC")!important;margin-left:.3rem;}#idc-container .idc-v a.idc-v-down{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA4UlEQVQ4T62UAQ3CMBBF3xyAA3CABFBAcIAEUMBQAA5AAg5AAhKQAA7IJ93SNm3H0muyLGmbd//fXa/BeDUF3g44AU9gBbz/iV0CtsDBQc7A3hL4AuaWQLFKbvpYpUt3YOmpUh4fQypzQIEE9FcVMFYn8NTRF+7fqb+5TvhtpxSm1JWcqp26YElgSl0JGHRArHALXIYSH50LeASuseWxynyuqq+iBZZrgP1L8i3XADeAqm2mUDnU2zcBBtPIwnJfECuFWeAMmLiBsI4GQ9ci6jl9svlxQ1fF0F726Y3s6/D6FyFRLBWkzFhwAAAAAElFTkSuQmCC")!important;margin-left:.3rem;transform:rotate(180deg);}#idc-container .idc-v.idc-disabled a{opacity:0.5;}#idc-container .idc-head_tools-share{display:none!important;}#idc-container .idc-time a{font-weight:normal!important;font-size:1em!important;}#idc-container .idc-a img{margin-left:-2px;}#idc-container .idc-btn_s span{display:none!important;}#idc-container .idc-btn_l span{display:none!important;}#idc-container .idc-head_tools-login span.idc-r{display:none!important;}.idc-a{border-radius:12px;overflow:hidden;height:24px!important;width:24px!important;margin-right:0.5rem!important;}#commentload{color:#000;border:1px solid #ccc;text-align:center;padding:1rem;font-weight:600;font-size:1.3em;margin-top:2rem;}#commentload:hover{cursor:pointer;}#commentload:active{background:#eee;}#commentload span.icon{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxMDI0IiB3aWR0aD0iODk2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yNTYgNTEyVjMyMEg2NGMtNjQgMC02NCA2NC02NCA2NHMwIDI1OCAwIDMyMCA2NCA2NCA2NCA2NGg2NHYxOTJsMTk0LTE5MmgxOTJjMCAwIDYyLTQgNjItNjR2LTY0YzAgMC02NCAwLTE5MiAwUzI1NiA1MTIgMjU2IDUxMnpNODMyIDEyOGMwIDAtMzg0IDAtNDQ4IDBzLTY0IDY0LTY0IDY0IDAgMjU5Ljk2OSAwIDMyMGMwIDYwIDYyIDY0IDYyIDY0aDE5MmwxOTQgMTkyVjU3Nmg2NGMwIDAgNjQtMiA2NC02NFYxOTJDODk2IDEyOCA4MzIgMTI4IDgzMiAxMjh6Ii8+PC9zdmc+);width:17px;height:0;display:inline-block;background-size:contain;margin-right:.5rem;background-repeat:no-repeat;overflow:visible;padding-bottom:1rem;}#commentload span.text{display:inline-block;}.story .story-comments-panel{display:block;}.story .story-comments-panel h3{margin-bottom:1rem;}.story .story-comments-panel .disclaimer{font-style:italic;}span#idc-commentcount_wrap{font-size:0.7em!important;margin-left:0.2rem!important;}.masthead{background:#151719;font-family:"Source Sans Pro",sans-serif;}.masthead .nav-header{position:relative;text-align:center;}@media screen and (min-width: 64em) {.masthead .nav-header{text-align:left;padding-left:1.25rem;padding-right:1.25rem;}}.masthead .nav-header>div{display:inline-block;height:60px;vertical-align:middle;}.masthead .nav-header .hamburger-container{float:left;margin-left:1.25rem;}@media screen and (min-width: 64em) {.masthead .nav-header .hamburger-container{display:none;}}@media screen and (max-width: 63.9375em) {.masthead .nav-header .rte-logo-container{position:absolute;left:50%;margin-left:-30px;}}.masthead .nav-header .primary-nav-container{margin-left:1rem;}.masthead .nav-header .primary-nav-container.visible{display:block;}@media screen and (max-width: 63.9375em) {.masthead .nav-header .primary-nav-container{display:none;height:auto;margin-top:60px!important;margin-left:0;}.masthead .nav-header .primary-nav-container #primary-nav{height:auto;}}.masthead .nav-header .search-user-container{float:right;}@media screen and (max-width: 63.9375em) {.masthead .nav-header .search-user-container{position:absolute;top:0;right:1.25rem;}}.masthead #primary-nav{display:inline-block;width:100%;height:60px;background-color:#151719;z-index:99999;}.masthead #primary-nav ul{display:inline-block;line-height:60px;}@media screen and (max-width: 63.9375em) {.masthead #primary-nav ul{line-height:50px;}.masthead #primary-nav ul li{border-top:1px solid #2b2b2b;padding-left:1.25rem;padding-right:1.25rem;}}.masthead .secondary-nav-container{background:#292d32;}.masthead #secondary-nav{overflow:hidden;height:0;-moz-transition:height .5s;-ms-transition:height .5s;-o-transition:height .5s;-webkit-transition:height .5s;transition:height .5s;}.masthead #secondary-nav.visible{height:260px;}@media screen and (min-width: 64em) {.masthead #secondary-nav.visible{height:122px;}}.masthead #secondary-nav .columns{padding-top:0;padding-bottom:0;}@media screen and (min-width: 64em) {.masthead #secondary-nav .columns{padding-top:1rem;padding-bottom:1rem;}}.masthead #secondary-nav .take-space{padding:1rem 0 0 0;}@media screen and (min-width: 64em) {.masthead #secondary-nav .take-space{padding:0;}}.masthead #secondary-nav .menu-heading,.masthead #secondary-nav .break,.masthead #secondary-nav .social-btn-container{display:none;}.masthead #secondary-nav ul li{width:100%;}.masthead #secondary-nav ul li a{color:#fff;font-size:0.9em;line-height:1.9rem;}.masthead #secondary-nav ul li a:hover{text-decoration:underline;}.masthead #rte-logo{display:inline-block;color:#fff;text-decoration:none;font-size:3.8rem;line-height:0;}@media screen and (min-width: 64em) {.masthead #rte-logo{width:55px;}.masthead #rte-logo i:before{margin-left:-7px;}}.masthead .nav-btn{float:left;text-align:center;display:block;text-decoration:none;color:#fff;font-size:2.3rem;line-height:60px;}.masthead .nav-btn.active{color:#00A7B3;}.masthead .nav-btn.menu{display:block;width:30px;height:60px;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;}.masthead .nav-btn.menu span{display:block;position:absolute;width:100%;height:2px;background:#fff;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}.masthead .nav-btn.menu span:nth-child(1){top:20px;}.masthead .nav-btn.menu span:nth-child(2),.masthead .nav-btn.menu span:nth-child(3){top:30px;}.masthead .nav-btn.menu span:nth-child(4){top:40px;}.masthead .nav-btn.menu.open span:nth-child(1){top:18px;width:0;left:50%;}.masthead .nav-btn.menu.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}.masthead .nav-btn.menu.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}.masthead .nav-btn.menu.open span:nth-child(4){top:18px;width:0;left:50%;}.masthead .nav-btn.icon-icon_search{margin-right:10px;margin-left:10px;float:right;}.masthead .nav-btn.icon-icon_login_new{float:right;}.masthead nav{margin:auto;position:relative;}.masthead nav ul{margin:0;list-style:none;padding:0;}@media screen and (max-width: 63.9375em) {.masthead nav ul{width:100%;}}.masthead nav ul li{float:left;width:100%;text-align:left;}@media screen and (min-width: 64em) {.masthead nav ul li{width:auto;}}.masthead nav ul li a{color:#fff;text-decoration:none;line-height:3rem;font-size:1rem;font-weight:600;}@media screen and (max-width: 63.9375em) {.masthead nav ul li a{display:block;}}@media screen and (min-width: 64em) {.masthead nav ul li a{padding:0 0.5rem;line-height:1rem;}}.masthead nav ul li a.first{padding-left:0;}.masthead nav ul li a#more-btn{padding-right:0;}.masthead nav ul li a#more-btn.active{color:#00A7B3;}.masthead nav ul li a:hover{color:#00A7B3;}.masthead nav ul li a.news-nav-item:hover{color:#1176dd;}.masthead nav ul li a.sport-nav-item:hover{color:#4dbeee;}.masthead nav ul li a.entertainment-nav-item:hover{color:#f2558a;}.masthead nav ul li a.lifestyle-nav-item:hover{color:#f7a411;}.masthead nav ul li a.culture-nav-item:hover{color:#8450d6;}.masthead nav ul li a.business-nav-item:hover{color:#1176dd;}.masthead .weather-widget{display:none;float:right;position:relative;height:60px;width:200px;color:#ffffff;}@media (min-width: 700px) and (max-width: 62em), (min-width: 65em) {.masthead .weather-widget{display:block;}}.masthead .weather-widget div{width:100%;height:100%;display:table;position:absolute;left:0;right:0;opacity:0;-webkit-animation:weather-fade 14s ease 0s infinite normal forwards;-moz-animation:weather-fade 14s ease 0s infinite normal forwards;-o-animation:weather-fade 14s ease 0s infinite normal forwards;animation:weather-fade 14s ease 0s infinite normal forwards;}.masthead .weather-widget div span{font-family:"Source Sans Pro",sans-serif;font-size:1rem;display:table-cell;vertical-align:middle;}.masthead .weather-widget div span.when{width:1px;color:#a5b1c7;}.masthead .weather-widget div span.icon{font-size:2.6rem;text-align:center;font-weight:bold;}.masthead .weather-widget div span.number{font-weight:bold;}.masthead .weather-widget div:nth-child(1){-webkit-animation-delay:0s;-moz-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s;}.masthead .weather-widget div:nth-child(2){-webkit-animation-delay:7s;-moz-animation-delay:7s;-o-animation-delay:7s;animation-delay:7s;}@-webkit-keyframes weather-fade{0%{opacity:0;}11.11% { opacity: 1; } 33.33% { opacity: 1; } 44.44% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes weather-fade { 0% { opacity: 0; } 11.11% { opacity: 1; } 33.33% { opacity: 1; } 44.44% { opacity: 0; } 100% { opacity: 0; } } @-o-keyframes weather-fade { 0% { opacity: 0; } 11.11% { opacity: 1; } 33.33% { opacity: 1; } 44.44% { opacity: 0; } 100% { opacity: 0; } } @keyframes weather-fade { 0% { opacity: 0; } 11.11% { opacity: 1; } 33.33% { opacity: 1; } 44.44% { opacity: 0; } 100% { opacity: 0; } } #searchbox { height: 0; overflow: hidden; background: #292d32; -moz-transition: height .5s; -ms-transition: height .5s; -o-transition: height .5s; -webkit-transition: height .5s; transition: height .5s; } #searchbox.active { height: 73px; } #searchbox .columns { text-align: center; } @media screen and (min-width: 64em) { #searchbox .columns { text-align: right; } } #searchbox form { display: inline-block; margin: 1rem auto; width: 100%; max-width: 425px; background: #ffffff; border-radius: 40px; padding-left: 1rem; } #searchbox form input { font-family: "Source Sans Pro", sans-serif; border: none; padding: 0.3rem 0; margin: 0.3rem auto; width: 70%; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; } #searchbox form input:focus { outline: none; } @media screen and (min-width: 40em) { #searchbox form input { width: 80%; } } #searchbox form button { background: #00A7B3; margin: 0; font-size: 1rem; padding: 12px 0; color: #ffffff; float: right; border-radius: 40px; width: 30%; } @media screen and (min-width: 40em) { #searchbox form button { width: 20%; } } #searchbox form button:focus { outline: none; } #searchbox form button span { font-family: "Montserrat", sans-serif; display: inline-block; position: relative; margin-right: 0.2rem; font-weight: bold; } #searchbox form button span.icon-container { width: 16px; font-weight: bold; } #searchbox form button span.icon-container i { font-size: 1.5rem; font-weight: bold; line-height: 0; color: #fff !important; } #searchbox form button span.icon-container i:before { position: absolute; bottom: 5px; } body.search #searchbox { height: 73px; } body.search .icon-icon_search { color: #00A7B3; } .subnav { font-family: "Source Sans Pro", sans-serif; position: relative; background: #00A7B3; height: 40px; overflow-y: hidden; } .subnav nav { white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; } .subnav nav::-webkit-scrollbar { width: 0 !important; -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .subnav ul { margin: 0; } .subnav ul li { display: inline-block; position: relative; vertical-align: middle; } .subnav ul li:hover { text-decoration: none; } .subnav ul li:first-child { padding-left: 0; } .subnav ul li.border-left { border-left: 1px solid #00A7B3; } .subnav ul li a { font-weight: 600; } .subnav ul li a:hover { text-decoration: underline !important; } .subnav ul li.pillar a { position: relative; padding-left: 0; padding-right: 0.3rem; } .subnav ul li.pillar a:after { content: ">"; color: #fff; z-index: 2; position: relative; padding-left: 0.5rem; display: inline-block; } .subnav ul li.pillar a span { position: relative; z-index: 2; } .subnav ul li.tag { margin-top: -1px; position: relative; } .subnav ul li.tag a { position: relative; border-right: 1px solid white; padding: 0.1rem 1.1rem 0.1rem 0; } .subnav ul li.tag a span { position: relative; z-index: 2; } .subnav ul li.tag a span.title { text-transform: capitalize; } .subnav ul li.tag a span.title.no-line { text-decoration: none; } .subnav ul li.tag a:before { content: ""; width: 100vw; right: 0; top: 0; position: absolute; height: 100%; z-index: 1; } .subnav ul li a { display: block; font-size: 1rem; line-height: 1rem; color: #fff; height: 100%; width: 100%; padding: 0.75rem 0.5rem; } .subnav ul li.first a { padding-left: 1rem; } .subnav ul li.last a { padding-right: 1rem; } body.home .subnav ul li.first a { padding-left: 0; } body.home .subnav ul li.tag a:hover { text-decoration: none !important; cursor: default; } header.fullscreen { position: relative; overflow: hidden; } header.fullscreen figure { width: 100%; min-height: 200px; height: 900px; /* Take some space on page load */ margin: 0; -webkit-filter: blur(0.8rem); -moz-filter: blur(0.8rem); -ms-filter: blur(0.8rem); -o-filter: blur(0.8rem); filter: blur(0.8rem); -moz-transition: filter 0.4s; -o-transition: filter 0.4s; -webkit-transition: filter 0.4s; transition: filter 0.4s; } header.fullscreen figure img { width: 100%; } header.fullscreen.loaded figure { -webkit-filter: blur(0); -moz-filter: blur(0); -ms-filter: blur(0); -o-filter: blur(0); filter: blur(0); } header.fullscreen.fixed-img-position figure { -moz-transform: none !important; -o-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; } header.fullscreen.fixed-img-position figure img { max-width: initial; width: initial; height: 100%; } header.fullscreen .gradient { position: absolute; width: 100%; height: 100%; bottom: 0; right: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+83,000c0b+100&0+20,0.83+100 */ background: -moz-linear-gradient(top, transparent 20%, rgba(0, 0, 0, 0.65) 83%, rgba(0, 12, 11, 0.83) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, transparent 20%, rgba(0, 0, 0, 0.65) 83%, rgba(0, 12, 11, 0.83) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.65) 83%, rgba(0, 12, 11, 0.83) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#d4000c0b', GradientType=0); /* IE6-9 */ } header.fullscreen .meta-container { position: relative; } header.fullscreen .meta-container .title-container { position: absolute; left: 0; bottom: 63px; /* Social buttons height plus margin */ max-width: 560px; } @media screen and (min-width: 64em) { header.fullscreen .meta-container .title-container { bottom: 0; } } @media only screen and (orientation: landscape) { header.fullscreen .meta-container .title-container { bottom: 0; } } header.fullscreen .meta-container .title-container time.published-date { display: block; font-family: "Source Sans Pro", sans-serif; font-size: 0.875rem; line-height: 1.125rem; color: #f1f3f5; } @media screen and (min-width: 64em) { header.fullscreen .meta-container .title-container time.published-date { font-size: 1.15rem; line-height: 1.4rem; margin-bottom: 0.75rem; color: #dae0e8; } } header.fullscreen .meta-container .title-container h1 { color: #fff; font-size: 1.5rem; line-height: 1.825rem; margin: 0 0 0.625rem 0; } @media screen and (min-width: 64em) { header.fullscreen .meta-container .title-container h1 { font-size: 4rem; line-height: 4.25rem; margin: 0 0 1.25rem 0; } } header.fullscreen .meta-container .title-container .byline { margin-bottom: 0.625rem; } @media screen and (min-width: 64em) { header.fullscreen .meta-container .title-container .byline { margin-bottom: 1.25rem; } } header.fullscreen .meta-container .title-container .byline a.byline-image { display: inline-block; width: 40px; height: 40px; margin: 0 0.625rem 0 0; border-radius: 50%; float: none; vertical-align: middle; } @media screen and (min-width: 64em) { header.fullscreen .meta-container .title-container .byline a.byline-image { width: 70px; height: 70px; margin: 0 28px 0 0; } } header.fullscreen .meta-container .title-container .byline .byline-meta { display: inline-block; vertical-align: middle; font-family: "Source Sans Pro", sans-serif; font-size: 0.75rem; line-height: 0.9375rem; } @media screen and (min-width: 64em) { header.fullscreen .meta-container .title-container .byline .byline-meta { font-size: 1.15rem; line-height: 1.4rem; } } header.fullscreen .meta-container .title-container .byline .byline-meta .byline-link { color: #fff; } header.fullscreen .meta-container .title-container .byline .byline-meta .position { display: block; color: #fff; } header.fullscreen .meta-container .social-buttons-container { position: absolute; bottom: 0; left: 0; margin-bottom: 0.5rem; } @media screen and (min-width: 64em) { header.fullscreen .meta-container .social-buttons-container { left: initial; right: 0; text-align: right; margin-bottom: 1.25rem; } } @media only screen and (orientation: landscape) { header.fullscreen .meta-container .social-buttons-container { left: initial; right: 0; text-align: right; } } header.fullscreen .meta-container .social-buttons-container .btn-group i.facebook { background: #3b5998; } header.fullscreen .meta-container .social-buttons-container .btn-group i.twitter { background: #55acee; } header.fullscreen .meta-container .social-buttons-container .btn-group i.whatsapp2 { background: none; } header.fullscreen .meta-container .social-buttons-container .btn-group i.envelope { background: #a7b3c9; } /* Main Article */ article.rte-article { font-family: "Source Sans Pro", sans-serif; background: #fff; padding-top: 1rem; /* end figure */ /* Tags at the foot of the page */ /* End Tags */ /* comments */ /*end comment*/ } article.rte-article.fullscreen-header { padding-top: 0; } article.rte-article .rte-esi-embed { margin-bottom: 2.2rem; } article.rte-article h2 { font-size: 1.3em; } @media screen and (min-width: 64em) { article.rte-article h2 { font-size: 1.5em; } } article.rte-article h3 { font-size: 1em; } @media screen and (min-width: 40em) { article.rte-article h3 { font-size: 1.17em; } } article.rte-article .category-link { display: block; color: #00a7b3; text-transform: uppercase; font-size: 0.8rem; font-weight: bold; margin: 1.1rem 0 0.4rem 0; } article.rte-article .headline { font-family: "Montserrat", sans-serif; font-size: 1.5em; font-weight: 600; line-height: normal; margin: 0; border-bottom: 1px solid #dbe1e9; padding-bottom: 1rem; } article.rte-article .headline p { margin: 0; } article.rte-article .headline span.updated { display: none; } @media screen and (min-width: 40em) { article.rte-article .headline { font-size: 2.3rem; line-height: 1.2em; } } article.rte-article .headline p { margin: 0; } article.rte-article p.leadin { color: #000000; font-size: 1rem; font-style: italic; margin: 0; } @media screen and (min-width: 40em) { article.rte-article p.leadin { padding-bottom: 1rem; } } article.rte-article hr { border-color: #bbc2d4; border-style: solid; border-width: 1px; } article.rte-article h4.falsecap { color: #677791; text-transform: uppercase; letter-spacing: 1px; margin: 0; padding-bottom: 1rem; font-family: "Montserrat", sans-serif; font-weight: 600; } article.rte-article figure { position: relative; margin: 0; border-bottom: 1px solid #dbe1e9; } article.rte-article figure img { width: 100%; } article.rte-article figure .gallery { position: absolute; top: 1rem; background: #00A7B3; color: white; padding: .5rem; border-radius: 4px; font-size: 1.5rem; right: 1rem; font-style: normal; } @media screen and (min-width: 40em) { article.rte-article figure .gallery { font-size: 2.2rem; padding: 1rem; } } article.rte-article figure figcaption { margin: .5rem 0 .5rem 0; font-size: .9rem; color: #6b728c; text-align: center; } @media screen and (max-width: 39.9375em) { article.rte-article figure figcaption { padding-left: 1rem; padding-right: 1rem; } } article.rte-article .widget-container { margin: 0; border-bottom: 1px solid #dbe1e9; } article.rte-article .widget-caption { display: block; margin: .5rem 0 .5rem 0; font-size: .9rem; color: #6b728c; text-align: center; } @media screen and (max-width: 39.9375em) { article.rte-article .widget-caption { padding-left: 1rem; padding-right: 1rem; } } article.rte-article .results-widget { margin: 1rem 0; border-bottom: 1px solid #eee; padding: 1rem 0; } article.rte-article .article-meta { display: block; } article.rte-article .article-meta .columns { padding: 0.5rem 0; } @media screen and (min-width: 40em) { article.rte-article .article-meta .columns { padding-top: 1.5em; padding-bottom: 1.5rem; } } article.rte-article .article-meta.with-author .modified-date { padding-top: 0; } @media screen and (min-width: 40em) { article.rte-article .article-meta.with-author .social-btn-container { padding-top: 2.3rem !important; } } article.rte-article .byline { padding-bottom: 1rem; padding-top: 1rem; border-bottom: 1px solid #eee; } article.rte-article .byline p { text-align: center; margin: 0.3rem 0; color: #677893; } @media screen and (min-width: 40em) { article.rte-article .byline p { text-align: left; } } article.rte-article .byline .bio { color: #6b728c; padding-left: 82px; } @media screen and (max-width: 39.9375em) { article.rte-article .byline .bio { padding: 0; text-align: center; } } article.rte-article .byline-link { display: inline-block; color: #6b728c; padding-top: 0; } @media screen and (max-width: 39.9375em) { article.rte-article .byline-link { width: 100%; text-align: center; } } @media screen and (min-width: 40em) { article.rte-article .author_lite { float: left; width: 40%; } article.rte-article .author_lite.no-sponsor { float: none; width: 100%; } } article.rte-article .sponsor_info { color: #6b728c; text-align: center; } @media screen and (min-width: 40em) { article.rte-article .sponsor_info { text-align: right; float: right; } } article.rte-article .sponsor_info img { display: block; margin: 10px auto 0; max-height: 62px; } @media screen and (min-width: 40em) { article.rte-article .sponsor_info img { float: right; margin: 0 0 0 13px; } } @media screen and (min-width: 40em) { article.rte-article .sponsor_info div { float: left; } } article.rte-article .source-link { font-weight: normal; } article.rte-article .modified-date { color: #6b728c; } article.rte-article .article-body a:hover { text-decoration: underline; } article.rte-article .article-body p { font-size: 1.1rem; line-height: 1.8rem; margin: 1.5rem 0; } article.rte-article .article-body p img { max-width: 100%; } article.rte-article .article-body p::selection { background: #00A7B3; color: #ffffff; } article.rte-article .article-body p::-moz-selection { background: #00A7B3; color: #fff; } article.rte-article .article-body ul { font-size: 1.1rem; line-height: 1.9rem; margin-left: 1.25rem; list-style: disc; } article.rte-article .article-body ol { font-size: 1.1rem; line-height: 1.9rem; list-style: decimal; } article.rte-article .article-body img[alt="The Conversation"] { width: 1px !important; height: 1px !important; position: absolute !important; } @media screen and (min-width: 40em) { article.rte-article .article-body img, article.rte-article .article-body p[data-embed="rte-player"] { width: 100%; margin-left: -4%; max-width: 100%; } article.rte-article .article-body img { width: 108%; max-width: 108%; } } @media screen and (min-width: 40em) { article.rte-article .article-body .mpu { margin: 3rem auto; } } @media screen and (max-width: 39.9375em) { article.rte-article .article-body.columns { padding-left: 0; padding-right: 0; } } article.rte-article .share-circle i.facebook { background: #3b5998; } article.rte-article .share-circle i.twitter { background: #55acee; } article.rte-article .share-circle i.whatsapp { background: #25d366; } article.rte-article .share-circle i.whatsapp2 { background: none; } article.rte-article .share-circle i.envelope, article.rte-article .share-circle i.anchor { background: #a7b3c9; } article.rte-article .social-btn-container { padding: 1rem 0 !important; } @media screen and (min-width: 40em) { article.rte-article .social-btn-container { text-align: right; } } @media screen and (max-width: 39.9375em) { article.rte-article .social-btn-container { padding: 0 0 0.25rem 0 !important; } } article.rte-article .social-btn-container .btn-group { display: inline-block; } article.rte-article .social-btn-container .btn-group i.facebook { background: #3b5998; } article.rte-article .social-btn-container .btn-group i.twitter { background: #55acee; } article.rte-article .social-btn-container .btn-group i.whatsapp { background: #25d366; } article.rte-article .social-btn-container .btn-group i.whatsapp2 { background: none; } article.rte-article .social-btn-container .btn-group i.envelope { background: #a7b3c9; } article.rte-article .social-btn-container .btn-group i.icon-icon_print { display: none; } @media screen and (min-width: 64em) { article.rte-article .social-btn-container .btn-group i.icon-icon_print { display: block; } } article.rte-article .social-btn-container .btn-group i.comment { background: #a7b3c9; } article.rte-article .social-btn-container .btn-group i.comment:before { padding-left: 0.3rem; } article.rte-article .social-btn-container.bottom { float: none; text-align: center; margin-bottom: 1rem; } article.rte-article .social-btn-container.bottom i { width: 8rem; } article.rte-article #share-on-select { position: absolute; display: none; } article.rte-article #share-on-select i.twitter { background: #55acee; margin-left: 0; } article.rte-article #share-on-select span { display: inline-block; float: left; margin-right: 10px; width: 30px; height: 30px; background: hotpink; border-radius: 30px; } article.rte-article .main-article-row { margin: 1rem auto 1rem auto; } @media screen and (max-width: 39.9375em) { article.rte-article .main-article-row { margin-top: 0; } } article.rte-article .read-next-container { padding: 1.5rem 0; } article.rte-article .read-next { font-size: 1.5em; line-height: 1.2; font-weight: 600; color: #000000; background: #00A7B3; display: block; font-family: "Montserrat", sans-serif; } article.rte-article .read-next:hover .datetime { text-decoration: none !important; } article.rte-article .read-next .datetime { margin-top: .5rem; display: block; font-size: 0.75rem; font-weight: normal; } article.rte-article .read-next .img-container img { width: 100%; } @media screen and (max-width: 39.9375em) { article.rte-article .read-next { font-size: 1.125rem; } article.rte-article .read-next .alpha { padding: 0; } article.rte-article .read-next .title { padding-top: 2rem; clear: both; } article.rte-article .read-next .datetime { margin-left: 1.25rem; padding-bottom: 1.25rem; } } article.rte-article .read-next .title { padding: 1.25rem 1.25rem .75rem 1.25rem; color: #fff; display: block; } article.rte-article .tags-container { border-bottom: 1px solid #bbc2d4; border-top: 1px solid #bbc2d4; padding-top: 1rem; } article.rte-article ul.tags { display: inline-block; width: 100%; margin: 0; } article.rte-article ul.tags li { text-transform: uppercase; } article.rte-article ul.tags li a { display: block; float: left; padding: 8px 16px; background: #a7b3c9; color: #ffffff; margin: 0px 10px 17px 0; border-radius: 25px; } article.rte-article ul.tags li a:hover { background: #292D32; color: #ffffff; } @media screen and (max-width: 39.9375em) { article.rte-article ul.tags li a { font-size: 0.875rem; font-weight: normal; } } article.rte-article .twitter-tweet { margin: 1rem auto; } article.rte-article .story-comments-panel .disclaimer { font-style: italic; } article.rte-article .story-comments-panel #commentload { cursor: pointer; position: relative; color: #000; background: #ffffff; border: 2px solid #bbc2d4; text-align: center; padding: 0.75em; font-weight: 600; font-size: 1.1em; display: block; max-width: 230px; margin: 1rem auto 3rem; font-family: "Montserrat", sans-serif; border-radius: 40px; } article.rte-article .story-comments-panel #commentload span { display: inline-block; } article.rte-article .story-comments-panel #commentload span.icon-container { width: 20px; display: inline-block; position: relative; } article.rte-article .story-comments-panel #commentload span.icon-container i { color: #bbc2d4; font-size: 1.75rem; font-weight: bold; } article.rte-article .story-comments-panel #commentload span.icon-container i:before { position: absolute; top: -7px; right: -6px; } article.rte-article footer { padding-bottom: 1rem; } /* article sidebar*/ .sidebar { margin-top: 0; position: relative; height: 100%; } .sidebar #sticky-mpu, .sidebar #second-sticky-mpu { width: 100%; max-width: 360px; margin: 0 auto; } .sidebar .mpu { margin: 0 auto; } .sidebar .advert { margin-bottom: 1.5rem; } @media screen and (min-width: 40em) and (max-width: 1200px) { .sidebar { padding-left: 0; padding-right: 0; } } /* Article list panel */ .article-list { font-family: "Montserrat", sans-serif; border-bottom: 1px solid #f3f4f5; margin: 1rem auto; /* move this ?*/ } .article-list .heading { font-size: 1.3rem; margin: 1rem 0.9rem; border-bottom: 5px solid #00A7B3; } .article-list article { border-bottom: 1px solid #F4F6F8; margin-bottom: 1rem; overflow: auto; } .article-list article:last-child { border: none; margin-bottom: 0; } .article-list article .image-container img { width: 100%; } .article-list article h1, .article-list article h2, .article-list article h3 { color: #000000; font-size: 1.1rem; line-height: 1.7rem; } .article-list.related p { margin: 0.5rem 0; font-size: 1rem; line-height: 1.3rem; } @media screen and (min-width: 40em) { .article-list.related h3 { margin: 0; } } @media screen and (min-width: 40em) { .article-list.related article { border: none; } } @media screen and (min-width: 40em) { .article-list.related .image-container { float: left; } } .article-list.related .full-story { clear: both; float: right; text-align: right; width: 6rem; font-size: 0.9rem; color: #000000; font-weight: bold; border-bottom: 5px solid #00A7B3; } .article-list .more-container { text-align: center; clear: both; } .article-list .more-container .view-more { font-weight: bold; color: #000000; border-bottom: 3px solid #00A7B3; } a.byline-image { display: block; float: left; width: 60px; height: 60px; overflow: hidden; border-radius: 40px; margin: 0 22px 0 0; background-repeat: no-repeat; background-size: cover; background-position: center; } @media screen and (max-width: 39.9375em) { a.byline-image { height: 60px; width: 60px; display: block; margin: auto; float: none; margin-bottom: 10px; } } .gallery .gallery-image { cursor: pointer; } .gallery #main-article-image { margin-bottom: 2rem; } .after { position: relative; z-index: 1; } .after .panel:nth-child(odd) { background: #F4F6F8; } .panel-related article { padding-top: 1.25rem; padding-bottom: 1.25rem; } .source, .source * { font-size: 1rem; line-height: 1.7rem; } .pswp--open { z-index: 999999 !important; /* This makes the gallery go over the ad */ } .pswp__caption__center { font-family: "Source Sans Pro", sans-serif; font-size: 1rem !important; line-height: 1.4rem !important; } @media screen and (min-width: 64em) { .pswp__caption__center { font-size: 1.2rem !important; line-height: 1.6rem !important; } } body.article table { margin: 2rem 0; width: 100%; } body.article table th, body.article table td { padding: 0.5rem; } body.article table thead tr th { text-align: center; border-bottom: 1px solid #cccccc; margin-bottom: 15px; } body.article table tbody tr td { text-align: center; border-left: 1px solid #cccccc; } body.article table tbody tr:nth-child(odd) { background-color: #eeeeee; } body.article table thead tr td:nth-child(1), body.article table tbody tr td:nth-child(1) { text-align: left; border-left: none; } .rte-email-signup-container, .article-body p[data-embed="rte-email-signup"] { margin: 0 !important; border-top: 1px solid #bbc2d4; border-bottom: none; } .rte-email-signup-container.already-registered, .article-body p[data-embed="rte-email-signup"].already-registered { display: none; } .rte-email-signup-container .email-marketing-embed, .article-body p[data-embed="rte-email-signup"] .email-marketing-embed { display: block; width: 100%; height: 445px; max-width: 532.77px; margin: 0 auto; } @media (min-width: 320px) { .rte-email-signup-container .email-marketing-embed, .article-body p[data-embed="rte-email-signup"] .email-marketing-embed { height: 420px; } } @media (min-width: 365px) { .rte-email-signup-container .email-marketing-embed, .article-body p[data-embed="rte-email-signup"] .email-marketing-embed { height: 370px; } } @media (min-width: 416px) { .rte-email-signup-container .email-marketing-embed, .article-body p[data-embed="rte-email-signup"] .email-marketing-embed { height: 350px; } } @media (min-width: 540px) { .rte-email-signup-container .email-marketing-embed, .article-body p[data-embed="rte-email-signup"] .email-marketing-embed { height: 310px; } } /* Flipable image */ /* entire container, keeps perspective */ /* entire container, keeps perspective */ .flip-container { perspective: 1000px; -webkit-perspective: 1000px; cursor: pointer; /* flip the pane when hovered */ /* flip speed goes here */ /* hide back of pane during swap */ /* front pane, placed above back */ /* back, initially hidden pane */ } .flip-container:hover .flipper, .flip-container.hover .flipper { transform: rotateY(180deg) !important; } .flip-container .flipper { transition: 0.6s; transform-style: preserve-3d; position: relative; } .flip-container img { margin-left: 0 !important; } .flip-container .front, .flip-container .back { backface-visibility: hidden; -webkit-backface-visibility: hidden; position: absolute; top: 0; left: 0; } .flip-container .front { z-index: 2; /* for firefox 31 */ transform: rotateY(0deg); } .flip-container .back { transform: rotateY(180deg); } /* Media Icons Style */ article.rte-article .read-next .title .icon { display: none; } .timeline { /* Using my own mediaquery sentinel because Foundation's one is crap and slow on page load */ /* Header animations timeline */ /* Timeline animations */ } .timeline .behavior { display: none; font-family: 'push-right'; } @media screen and (min-width: 40em) { .timeline .behavior { font-family: 'regular'; } } .timeline #leadin-container { color: #677893; font-family: 'Merriweather', serif; font-size: 0.875rem; line-height: 1.5rem; font-style: italic; } @media screen and (min-width: 64em) { .timeline #leadin-container { font-size: 1.15rem; } } .timeline #leadin-container .leadin { padding-top: 1.25rem; padding-bottom: 1.25rem; } @media screen and (min-width: 64em) { .timeline #leadin-container .leadin { padding-top: 1.9rem; padding-bottom: 1.9rem; } } .timeline #leadin-container p { margin: 0; } .timeline #leadin-container p:first-child:first-letter { font-family: "Montserrat", sans-serif; font-size: 350%; font-style: normal; font-weight: bold; color: #292d32; margin: 3px 0 -5px; padding: 0 0.1em 0 0; height: 0.7em; line-height: 0.85em; float: left; } @media screen and (min-width: 64em) { .timeline #leadin-container p:first-child:first-letter { font-size: 270%; padding: 0 0.2em 0 0; } } .timeline header .gradient, .timeline header .title-container h1, .timeline header time.published-date, .timeline header .byline, .timeline header .social-buttons-container { opacity: 0; } .timeline header .gradient { -webkit-animation: fadeInOpacity 0.5s linear 1s 1 normal forwards; -moz-animation: fadeInOpacity 0.5s linear 1s 1 normal forwards; -o-animation: fadeInOpacity 0.5s linear 1s 1 normal forwards; animation: fadeInOpacity 0.5s linear 1s 1 normal forwards; } .timeline header .meta-container .title-container h1 { -webkit-animation: fadeInOpacity 0.5s linear 1.5s 1 normal forwards; -moz-animation: fadeInOpacity 0.5s linear 1.5s 1 normal forwards; -o-animation: fadeInOpacity 0.5s linear 1.5s 1 normal forwards; animation: fadeInOpacity 0.5s linear 1.5s 1 normal forwards; } .timeline header .meta-container time.published-date, .timeline header .meta-container .byline, .timeline header .meta-container .social-buttons-container { -webkit-animation: fadeInOpacity 0.5s linear 2.5s 1 normal forwards; -moz-animation: fadeInOpacity 0.5s linear 2.5s 1 normal forwards; -o-animation: fadeInOpacity 0.5s linear 2.5s 1 normal forwards; animation: fadeInOpacity 0.5s linear 2.5s 1 normal forwards; } .timeline #timeline-container { background-color: #f1f3f5; overflow: hidden; } .timeline #timeline-container .timeline { position: relative; max-width: 1160px; margin: 0 auto; padding-top: 2.5rem; padding-bottom: 1.25rem; } .timeline #timeline-container .timeline .line, .timeline #timeline-container .timeline .active-line { display: block; width: 3px; height: 100%; position: absolute; left: 1.25rem; margin-top: 2rem; background: #a3b0c6; } @media screen and (min-width: 40em) { .timeline #timeline-container .timeline .line, .timeline #timeline-container .timeline .active-line { left: 50%; margin-left: -1.5px; } } .timeline #timeline-container .timeline .active-line { height: 0; -moz-transition: height 0.75s ease; -o-transition: height 0.75s ease; -webkit-transition: height 0.75s ease; transition: height 0.75s ease; } .timeline #timeline-container .timeline .stories { padding-left: 1.25rem; padding-right: 1.25rem; } .timeline #timeline-container .timeline .stories .story { display: inline-block; width: 100%; position: relative; /* Story to the right */ } .timeline #timeline-container .timeline .stories .story .timeline-dot-shadow, .timeline #timeline-container .timeline .stories .story .timeline-dot { position: absolute; left: 1px; margin-top: 23px; margin-left: -8.5px; width: 17px; height: 17px; border-radius: 50%; } @media screen and (min-width: 40em) { .timeline #timeline-container .timeline .stories .story .timeline-dot-shadow, .timeline #timeline-container .timeline .stories .story .timeline-dot { left: 50%; } } .timeline #timeline-container .timeline .stories .story .timeline-dot.inactive { background-color: #677893; } .timeline #timeline-container .timeline .stories .story article { max-width: 90%; width: 100%; margin-bottom: 1.25rem; border-radius: 10px; background-color: #fff; clear: both; } @media screen and (min-width: 40em) { .timeline #timeline-container .timeline .stories .story article { max-width: 46.42857%; } } .timeline #timeline-container .timeline .stories .story article .story-container { position: relative; padding: 1rem 1.25rem 1.25rem; } .timeline #timeline-container .timeline .stories .story article .story-container:after { position: absolute; left: 100%; top: 1.25rem; margin-left: -1px; border: 0; content: '\25ba'; color: #fff; } .timeline #timeline-container .timeline .stories .story article .story-container .small-timestamp { font-family: "Source Sans Pro", sans-serif; font-size: 0.75rem; line-height: 0.9375rem; text-transform: uppercase; } @media screen and (min-width: 40em) { .timeline #timeline-container .timeline .stories .story article .story-container .small-timestamp { display: none; } } .timeline #timeline-container .timeline .stories .story article .story-container h1 { font-size: 1.375rem; line-height: 1.3; margin: 0 0 0.67em 0; } .timeline #timeline-container .timeline .stories .story article .story-container .body { font-family: "Source Sans Pro", sans-serif; font-size: 1.1rem; line-height: 1.8rem; } .timeline #timeline-container .timeline .stories .story article .story-container .body p:first-child { margin-top: 0; } .timeline #timeline-container .timeline .stories .story article .story-container .body p:last-child { margin-bottom: 0; } .timeline #timeline-container .timeline .stories .story article .story-container .twitter-video { min-width: 100% !important; } @media screen and (max-width: 39.9375em) { .timeline #timeline-container .timeline .stories .story article .story-container .twitter-video { margin-left: -1.25rem !important; margin-right: -1.25rem !important; } } .timeline #timeline-container .timeline .stories .story .timestamp { position: absolute; top: 1.25rem; right: 0; display: none; max-width: 46.42857%; width: 100%; font-family: "Source Sans Pro", sans-serif; font-size: 0.875rem; line-height: 1.125rem; text-transform: uppercase; } @media screen and (min-width: 40em) { .timeline #timeline-container .timeline .stories .story .timestamp { display: block; } } .timeline #timeline-container .timeline .stories .story .timeline-ad { position: relative; margin-bottom: 1.25rem; } @media screen and (max-width: 39.9375em) { .timeline #timeline-container .timeline .stories .story .timeline-ad { max-width: 90%; width: 100%; float: right; } } .timeline #timeline-container .timeline .stories .story .timeline-ad .mpu { display: none; background: none; } .timeline #timeline-container .timeline .stories .story .timeline-ad .mpu.show-advert { display: block; } @media only screen and (max-width: 39.9375em) and (max-width: 350px) { .timeline #timeline-container .timeline .stories .story .timeline-ad .mpu div { margin-left: -10%; } } @media screen and (min-width: 40em) { .timeline #timeline-container .timeline .stories .story .timeline-ad { position: absolute; top: 50%; right: 0; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; max-width: 46.42857%; width: 100%; margin: 0; } } .timeline #timeline-container .timeline .stories .story.push-right .timestamp { left: 0; text-align: right; } .timeline #timeline-container .timeline .stories .story.push-right article { float: right; } .timeline #timeline-container .timeline .stories .story.push-right article .story-container:after { content: '\25c4'; left: 0; -moz-transform: translateX(-101%); -o-transform: translateX(-101%); -ms-transform: translateX(-101%); -webkit-transform: translateX(-101%); transform: translateX(-101%); margin-left: 0; } .timeline #timeline-container .timeline .stories .story.push-right .timeline-ad { left: 0; } .timeline .tags-container { padding-top: 1rem; } .timeline ul.tags { display: inline-block; width: 100%; margin: 0; } .timeline ul.tags li { text-transform: uppercase; } .timeline ul.tags li a { font-family: "Source Sans Pro", sans-serif; display: block; float: left; padding: 8px 16px; background: #a7b3c9; color: #fff; margin: 0 10px 17px 0; border-radius: 25px; } .timeline ul.tags li a:hover { background: #292d32; color: #fff; } @media screen and (max-width: 39.9375em) { .timeline ul.tags li a { font-size: 0.875rem; } } .timeline h4.falsecap { color: #677791; text-transform: uppercase; letter-spacing: 1px; margin: 0; padding-bottom: 1rem; font-family: "Montserrat", sans-serif; font-weight: 600; } .timeline #timeline-container .timeline .stories .story { /* Don't delay the first story */ } .timeline #timeline-container .timeline .stories .story .timeline-dot-shadow.active { opacity: 0.7; -webkit-animation: activateShadow 1s linear 0.75s 1 normal none; -moz-animation: activateShadow 1s linear 0.75s 1 normal none; -o-animation: activateShadow 1s linear 0.75s 1 normal none; animation: activateShadow 1s linear 0.75s 1 normal none; /* Delay 750ms, waiting for active-line animation */ } .timeline #timeline-container .timeline .stories .story .timeline-dot.active { -webkit-animation: popInOut 0.25s linear 0.75s 1 normal forwards; -moz-animation: popInOut 0.25s linear 0.75s 1 normal forwards; -o-animation: popInOut 0.25s linear 0.75s 1 normal forwards; animation: popInOut 0.25s linear 0.75s 1 normal forwards; /* Delay 750ms, waiting for active-line animation */ } .timeline #timeline-container .timeline .stories .story .timestamp { opacity: 0; } .timeline #timeline-container .timeline .stories .story article { opacity: 0; -moz-transform: translate(-25%, 0); -o-transform: translate(-25%, 0); -ms-transform: translate(-25%, 0); -webkit-transform: translate(-25%, 0); transform: translate(-25%, 0); } .timeline #timeline-container .timeline .stories .story.push-right article { -moz-transform: translate(25%, 0); -o-transform: translate(25%, 0); -ms-transform: translate(25%, 0); -webkit-transform: translate(25%, 0); transform: translate(25%, 0); } .timeline #timeline-container .timeline .stories .story.rendered article { -webkit-animation: slideIntoView 0.5s linear 0.75s 1 normal forwards; -moz-animation: slideIntoView 0.5s linear 0.75s 1 normal forwards; -o-animation: slideIntoView 0.5s linear 0.75s 1 normal forwards; animation: slideIntoView 0.5s linear 0.75s 1 normal forwards; /* Delay 750ms, waiting for active-line animation */ } .timeline #timeline-container .timeline .stories .story.rendered .timestamp { -webkit-animation: fadeInOpacity 0.5s linear 0.75s 1 normal forwards; -moz-animation: fadeInOpacity 0.5s linear 0.75s 1 normal forwards; -o-animation: fadeInOpacity 0.5s linear 0.75s 1 normal forwards; animation: fadeInOpacity 0.5s linear 0.75s 1 normal forwards; /* Delay 750ms, waiting for active-line animation */ } .timeline #timeline-container .timeline .stories .story:first-child .timeline-dot-shadow.active { -webkit-animation: activateShadow 1s linear 0s 1 normal none; -moz-animation: activateShadow 1s linear 0s 1 normal none; -o-animation: activateShadow 1s linear 0s 1 normal none; animation: activateShadow 1s linear 0s 1 normal none; } .timeline #timeline-container .timeline .stories .story:first-child .timeline-dot.active { -webkit-animation: popInOut 0.25s linear 0s 1 normal forwards; -moz-animation: popInOut 0.25s linear 0s 1 normal forwards; -o-animation: popInOut 0.25s linear 0s 1 normal forwards; animation: popInOut 0.25s linear 0s 1 normal forwards; } .timeline #timeline-container .timeline .stories .story:first-child.rendered article { -webkit-animation: slideIntoView 0.5s linear 0s 1 normal forwards; -moz-animation: slideIntoView 0.5s linear 0s 1 normal forwards; -o-animation: slideIntoView 0.5s linear 0s 1 normal forwards; animation: slideIntoView 0.5s linear 0s 1 normal forwards; } .timeline #timeline-container .timeline .stories .story:first-child.rendered .timestamp { -webkit-animation: fadeInOpacity 0.5s linear 0s 1 normal forwards; -moz-animation: fadeInOpacity 0.5s linear 0s 1 normal forwards; -o-animation: fadeInOpacity 0.5s linear 0s 1 normal forwards; animation: fadeInOpacity 0.5s linear 0s 1 normal forwards; } @-webkit-keyframes fadeInOpacity { 100% { opacity: 1; } } @-moz-keyframes fadeInOpacity { 100% { opacity: 1; } } @-o-keyframes fadeInOpacity { 100% { opacity: 1; } } @keyframes fadeInOpacity { 100% { opacity: 1; } } @-webkit-keyframes activateShadow { 100% { opacity: 0; width: 57px; height: 57px; margin-top: 2px; margin-left: -28px; } } @-moz-keyframes activateShadow { 100% { opacity: 0; width: 57px; height: 57px; margin-top: 2px; margin-left: -28px; } } @-o-keyframes activateShadow { 100% { opacity: 0; width: 57px; height: 57px; margin-top: 2px; margin-left: -28px; } } @keyframes activateShadow { 100% { opacity: 0; width: 57px; height: 57px; margin-top: 2px; margin-left: -28px; } } @-webkit-keyframes popInOut { 10% { width: 21px; height: 21px; margin-top: 20px; margin-left: -10.5px; } 100% { width: 17px; height: 17px; margin-top: 23px; margin-left: -8.5px; } } @-moz-keyframes popInOut { 10% { width: 21px; height: 21px; margin-top: 20px; margin-left: -10.5px; } 100% { width: 17px; height: 17px; margin-top: 23px; margin-left: -8.5px; } } @-o-keyframes popInOut { 10% { width: 21px; height: 21px; margin-top: 20px; margin-left: -10.5px; } 100% { width: 17px; height: 17px; margin-top: 23px; margin-left: -8.5px; } } @keyframes popInOut { 10% { width: 21px; height: 21px; margin-top: 20px; margin-left: -10.5px; } 100% { width: 17px; height: 17px; margin-top: 23px; margin-left: -8.5px; } } @-webkit-keyframes slideIntoView { 100% { opacity: 1; -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-moz-keyframes slideIntoView { 100% { opacity: 1; -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-o-keyframes slideIntoView { 100% { opacity: 1; -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes slideIntoView { 100% { opacity: 1; -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .reviews { /** Tracklist **/ } .reviews .review_meta { padding: 2rem 0 1rem 0; border-bottom: 1px solid #eee; } @media screen and (max-width: 39.9375em) { .reviews .review_meta .omega, .reviews .review_meta .alpha, .reviews .review_meta .medium-10 { padding-left: 0; } } .reviews .review_meta strong { font-family: "Montserrat", sans-serif; font-weight: 600; } .reviews .review_meta .medium-1 { padding-left: 0; } .reviews .review_meta .columns { padding-bottom: 1rem; } .reviews .review_meta .cert { background: #000; border-radius: 50%; height: 60px; width: 60px; font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 1.4em; color: #fff; text-align: center; line-height: 2.75; } @media screen and (min-width: 40em) { .reviews .review_meta .cert { float: right; } } .reviews .review_meta .cert.c_PG { background: #01bb5d; } .reviews .review_meta .cert.c_GEN { background: #027dc6; } .reviews .review_meta .cert.c_18 { background: #e93b39; } .reviews .review_meta .cert.c_16 { background: #8b018a; } .reviews .review_meta .cert.c_15A { background: #f30380; } .reviews .review_meta .cert.c_12A { background: #fd8105; } .reviews .review_meta #pd_rating_holder_848731 { margin-top: 6px; } .reviews .review_meta #pd_rating_holder_8409862 { margin-top: 5px; } .reviews.book figure#main-article-image { background: #edf0f5; } .reviews.book figure#main-article-image img { height: 350px; display: block; margin: auto; padding: 1rem; width: auto; } @media screen and (min-width: 40em) { .reviews.book figure#main-article-image img { height: 600px; } } .reviews .tracklist { font-size: 1.1em; border-top: 1px solid #bbc2d4; padding-top: 1rem; } .reviews .tracklist .heading { display: block; background: #eee; padding: .5rem 1rem; font-family: "Montserrat", sans-serif; font-weight: 600; } .reviews .tracklist .heading span { padding-left: 1rem; } .reviews .tracklist ol { counter-reset: my-badass-counter; padding-left: 0; list-style: none; } .reviews .tracklist ol li { padding: .5rem 1rem .5rem 3rem; font-weight: bold; position: relative; border-bottom: 1px solid #bbc2d4; } .reviews .tracklist ol li span { font-weight: normal; } .reviews .tracklist ol li:before { content: counter(my-badass-counter); counter-increment: my-badass-counter; position: absolute; left: 16px; top: 8px; text-align: center; font-family: "Montserrat", sans-serif; font-weight: 600; } .reviews .tracklist ol li:last-child { border: none; } .stars { position: relative; } .stars .icon-icon_star { display: inline-block; font-size: 32px; width: 17px; } .stars .icon-icon_star::before { margin-left: -7px; line-height: 1; } .stars .bg { position: relative; top: 0; left: 0; overflow: hidden; } .stars .bg .icon-icon_star { color: #6b728c !important; } .stars .rating { position: absolute; top: 0; left: 0; overflow: hidden; height: 30px; } body.recipe .article-body img { margin-top: 1.3rem; } body.recipe .article-body h2, body.recipe .article-body h3 { font-family: "Montserrat", sans-serif; font-weight: 600; } body.recipe .article-body h3 { text-transform: uppercase; } body.recipe .article-body ol { margin: 0; padding-left: 0; list-style: none; counter-reset: item; position: relative; } body.recipe .article-body ol li { list-style-position: inside; border-bottom: 1px solid #cccccc; padding: 1rem 0 1rem 1.5rem; } body.recipe .article-body ol li:last-child { border-bottom: none; } body.recipe .article-body ol li img { padding: 1rem 0; margin-left: -4%; width: 104%; position: relative; max-width: 104% !important; } body.recipe .article-body ol li:before { font-weight: bold; content: counter(item) ". "; counter-increment: item; position: absolute; left: 0; } body.recipe .article-body ul { margin: 0; list-style: none; } body.recipe .article-body ul li { padding: 0.5rem 0 0.5rem; border-bottom: 1px solid #bbc2d4; } body.recipe .article-body ul li:first-child { padding-top: 0; } body.recipe .article-body .method-section { margin-bottom: 1.3rem; } body.entertainment { /** Cinema listings **/ } body.entertainment .listing { max-width: 100%; padding-bottom: 3rem; } body.entertainment .listing a { color: #6b728c; } body.entertainment .listing label { color: #6b728c; text-transform: uppercase; letter-spacing: 1px; margin: 0; padding-bottom: 1rem; font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: 600; } body.entertainment .listing #FEATURED { box-sizing: initial; } body.entertainment .listing .mbst .mb-time, body.entertainment .listing .mbst .mb-nav-scroll * { font-family: "Montserrat", sans-serif !important; } body.entertainment .listing .mbst .mb-epg-selectors { float: left; } body.entertainment .listing .mbst .mbst-search-label { float: none; } body.entertainment .listing .mbst #mb-epg-platformSelect { font-size: 18px; font-family: "Montserrat", sans-serif; font-weight: bold; height: auto; background: #fff; border: none; margin-left: -10px; } body.entertainment .listing .mbst .mbst-search { width: 100%; } body.entertainment .listing .mbst .mbst-search .mbst-search-holder { width: 100%; border-bottom: 1px solid #a7b3c9; padding-bottom: 10px; } body.entertainment .listing .mbst .mbst-search .mbst-search-holder .mbst-search-box { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAIAAABvSEP3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6BJREFUeNqkVFtPG0cUPmdm1mZ9AQdzvxmHJIJAkQhRSfJUqb+5r3lpXqpEqtKHlIKxjbmJgAkmdu3Z3ZnpN7uIZ6Ku9qKdmXP5vvOdw845+t+XwgNHzC79SEsURXTb61/dfMNWpVyqTBTHizlyiSUlGGsJkcCN6MxkbSKEUtZaeCAhrCMdu/1G6/DoPLYmUDkhhI5GeSVrK0v1eq1aIpwxiQkCkQZm2OIMHLNzhpzQ2oicfP/7p9v+kEmVy+XpyapUont9g6SsY6zsbdempsowQgYmtjJQSZIo5fNiZxJ4ZMnvP3y+vLkLi4U32y/mpsvskfqcr270l4Pm6fnlZCV893Z3vKCwweSx4eXIMoBgSUhutK+uv90VCoWfX72a9y4suYg5JhtNV/Ovd9YXZiZ6/WGzfRpbygpijXuojIBb3AetTuzc9sv1uUnPM4IkDjgcSYGD+THe2HghVNjEseSeC8R+qJFgVkMUpT8Iw7Gl+aK0BrR5tmUeRTEk4A7/s1PFUuVJFButY29n7u1tmo33evt9KIIgLBUl/pwGGkqMIPZ7zgZspYvZxuXyhMqPXV/dWJvZgTUW6Sk8RjhLxiTRiDLGBIHuLAZ7QYFOvMVgeMdshDQsbEKxy/hNk0FInnxShNXwX93taRIhltnLx+JmXwUogS3L0cAk2k6Uq4gjRWCsyYhNvVgXSFqcnYHVydk1QBsL0cUSQNg4oxESCA5bHd0fFnJhtRJGUYJFKWSK2Ga5+FLUlxcDwc32SftsoEQgWYEaWItUEt1u/6DRsWawVl8CyFwAxSfehYckU+1aXwQjxF9/H+83jpHt2uriWn21UobCaRTTUfti/+hYG1qZH3/3+qXRw3weNHFsSElFqTJ9Hwkp4XBro4bv4VHz4ORr4+QKyjZx4pUg87ELnPQpgolcPnAERAouOMuHfR/ha7XWuXyIQ9fd7wfHlxcXF8aY1LlYWFgolUqdTqc/Gj2vze9sPkXtjUMZFZpHSQ8alXKJiQKvUdROOvI9ASHoyEqJTCgVEfV7vd/+6FjdW6/PbW8+S9VLlI0U342PnlK928GHj1+6A/f82fLu1nyOEqQkRPCA6JGXvexGH//8ZzDSa6uzO1s1AM5GjHj8WMSEmqmOvd3dDJxptc4+fW542bnovo8efYEEU62oX395owLZap822+cYlz/qxcsCQpko897eT8sri7lgLJvcP8AL+sYTwDr2XITGUZDiRFf/J8AAzBbweejTmAwAAAAASUVORK5CYII="); background-repeat: no-repeat; background-position: center right; background-color: #fff; border: none; margin-top: 8px; color: #000; width: 100%; } body.entertainment .listing .mbst .mb-epg-selectors { width: 100%; } body.entertainment .listing .topHolder { padding: 2rem 0; margin: 2rem 0; border-bottom: 2px solid #eee; border-top: 2px solid #eee; } body.entertainment .listing #PLATFORMHOLDER { width: 100%; float: left; position: relative; padding-bottom: 3px; margin-bottom: 1rem; margin-right: 0; } @media screen and (min-width: 40em) { body.entertainment .listing #PLATFORMHOLDER { width: 45%; margin-right: 10%; } } body.entertainment .listing #PLATFORMHOLDER::after { position: absolute; height: 1px; background: #a7b3c9; content: ""; bottom: 0; left: 0; width: 100%; } body.entertainment .listing #SEARCH.mbst { float: right; width: 100%; } @media screen and (min-width: 40em) { body.entertainment .listing #SEARCH.mbst { width: 45%; } } body.entertainment .Radio .topHolder { display: none; } body.entertainment .cinema_list ul { margin: 0; } body.entertainment .cinema_list ul .menu-heading { background: #F4F6F8; border-bottom: 1px solid #bbc2d4; padding: 1rem; } body.entertainment .cinema_list ul .menu-heading:hover { cursor: pointer; background: #eee; } body.entertainment .cinema_list ul li a { color: #000; font-family: "Source Sans Pro", sans-serif; padding: 1rem; display: block; border-bottom: 1px solid #eee; } body.entertainment .cinema_list ul li a:hover { text-decoration: underline; } body.entertainment .cinema_single { font-family: "Source Sans Pro", sans-serif; /** .first { width: 30%; float: left; } .second { width: 70%; float: left; }**/ } body.entertainment .cinema_single .cinema_meta { color: #6b728c; } body.entertainment .cinema_single .cinema_meta h4::before { content: "Listings"; display: inline; font-weight: normal; padding-right: 10px; } body.entertainment .cinema_single li { padding: 1rem 0; border-bottom: 1px solid #a7b3c9; } body.entertainment .cinema_single li:nth-child(odd) { background: #f5f6fa; } body.entertainment .cinema_single li.heading { background: #a7b3c9; color: #fff; padding: 1rem 0; text-align: left; } body.entertainment .cinema_single li::after { clear: both; content: ""; display: block; } .listings .index-heading { margin-bottom: 2rem; } /* SCSS file for the Trackers. Please note that this file is also used in EPIC so needs to work independent of the main Style.scss */ .tracker { /* Pundits Icons */ /* Keypoints */ } @media screen and (max-width: 39.9375em) { .tracker .tracker-text { padding: 0 !important; } } .tracker #tracker-container .tracker-key-points .heading { font-family: "Montserrat", sans-serif; font-size: 1.375rem; font-weight: 600; line-height: 1.3; margin: 1rem 0 0 0; } .tracker #tracker-container .tracker-key-points .heading:after { content: "."; } .tracker .tracker-key-points { display: none; font-size: 1rem; margin-bottom: 0; } @media screen and (min-width: 40em) { .tracker .tracker-key-points { margin-bottom: 1rem; } } .tracker .tracker-key-points ul { margin: 0; } .tracker .tracker-key-points ul li { position: relative; list-style-type: none; padding: 0.5rem 0 0.5rem 1rem; border-bottom: 1px solid #dbe1e9; } .tracker .tracker-key-points ul li p { margin: 0; } .tracker .tracker-key-points ul li:before { content: "\2022"; position: absolute; left: 4px; } .tracker ul.tracker-body .mpu { border: none; } .tracker ul.tracker-body .twitter-video { min-width: 0 !important; } .tracker ul.tracker-body li.post-container { position: relative; margin-bottom: 1rem; } .tracker ul.tracker-body li.post-container h2 { font-family: "Montserrat", sans-serif; font-size: 1.375rem; line-height: 1.3; margin: 1.25rem 0 0.5rem; } .tracker ul.tracker-body li.post-container h2:first-child { margin-top: 0; } @media screen and (max-width: 39.9375em) { .tracker ul.tracker-body li.post-container h2.has-icon { margin: 0 !important; } } .tracker ul.tracker-body li.post-container img { width: 100%; } .tracker ul.tracker-body li.post-container:after { content: ""; position: absolute; background: #dbe1e9; height: 1px; bottom: 0; width: 78.5%; left: 10.5%; } @media only screen and (max-width: 40em) { .tracker ul.tracker-body li.post-container:after { width: 100%; left: 0; } } .tracker ul.tracker-body li.post-container .category-name { font-size: 0.9rem; } .tracker ul.tracker-body li.post-container .tracker-post { margin-top: 0.75rem; } .tracker ul.tracker-body li.post-container .tracker-post img { margin-bottom: 1rem; } .tracker ul.tracker-body li.post-container .tracker-post-body { overflow: hidden; } .tracker ul.tracker-body li.post-container .tracker-post-body p { margin: 0 0 1rem 0; font-size: 1.1rem; line-height: 1.9rem; } .tracker ul.tracker-body li.post-container.ng-move, .tracker ul.tracker-body li.post-container.ng-enter, .tracker ul.tracker-body li.post-container.ng-leave { transition: all linear 1s; } .tracker ul.tracker-body li.post-container.ng-leave.ng-leave-active, .tracker ul.tracker-body li.post-container.ng-move, .tracker ul.tracker-body li.post-container.ng-enter { opacity: 0; } .tracker ul.tracker-body li.post-container.ng-leave, .tracker ul.tracker-body li.post-container.ng-move.ng-move-active, .tracker ul.tracker-body li.post-container.ng-enter.ng-enter-active { opacity: 1; } .tracker .read_more { background: #fff; padding: 1rem 0; position: relative; } .tracker .read_more button { border: 1px solid #00A7B3; border-radius: 30px; background: #fff; color: #000; font-weight: bold; text-align: center; margin: 1rem auto; padding: 1rem 1.5rem; position: relative; z-index: 1; text-transform: capitalize; } .tracker .read_more:before { content: ""; position: absolute; height: 1px; background: #bbc2d4; width: 100%; top: 50%; } .tracker .read_more:not(.no-gradient):after { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ content: ""; position: absolute; height: 40px; top: -55px; width: 100%; } .tracker .read_more .icon { font-size: 2.3rem; vertical-align: middle; } .tracker .tracker-icon { float: left; margin-right: 0.25rem; margin-bottom: 0.75rem; } .tracker .icon-tracker-icon-yellow-card { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%2027.95%2037.13%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Aurl%28%23linear-gradient%29%3B%7D.cls-2%7Bfill%3Aurl%28%23linear-gradient-2%29%3B%7D.cls-3%7Bfill%3Aurl%28%23linear-gradient-3%29%3B%7D.cls-4%7Bfill%3Aurl%28%23linear-gradient-4%29%3B%7D%3C/style%3E%3ClinearGradient%20id%3D%22linear-gradient%22%20x1%3D%22-23.3%22%20y1%3D%22-29.36%22%20x2%3D%2212.88%22%20y2%3D%226.82%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23464b56%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23292d32%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22linear-gradient-2%22%20x1%3D%229.74%22%20y1%3D%2217.33%22%20x2%3D%2217.51%22%20y2%3D%2225.1%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220.21%22%20stop-color%3D%22%23fff%22/%3E%3Cstop%20offset%3D%220.93%22%20stop-color%3D%22%23e9f2f2%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22linear-gradient-3%22%20x1%3D%2217.85%22%20y1%3D%2241.5%22%20x2%3D%2217.85%22%20y2%3D%229.39%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ff8900%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fef055%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22linear-gradient-4%22%20x1%3D%221732.62%22%20y1%3D%221121.44%22%20x2%3D%221742.46%22%20y2%3D%221131.28%22%20gradientTransform%3D%22translate%28-1726.04%20-1108.9%29%22%20xlink%3Ahref%3D%22%23linear-gradient-2%22/%3E%3C/defs%3E%3Ctitle%3Etracker-icon-yellow-card%3C/title%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M19.63%2C38.56a3.5%2C3.5%2C0%2C0%2C1-2.5-1l-6.89-6.89L10%2C30.44l-3-3a3.56%2C3.56%2C0%2C0%2C1%2C0-5l3-3%2C0.22-.2%2C3.54-3.54V1.44H34V26.87H22.39l2.7%2C2.7a3.54%2C3.54%2C0%2C0%2C1%2C0%2C5l-3%2C3A3.5%2C3.5%2C0%2C0%2C1%2C19.63%2C38.56Z%22%20transform%3D%22translate%28-6.03%20-1.44%29%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M18.7%2C25L22%2C21.71a2.28%2C2.28%2C0%2C0%2C0%2C0-3.21l-3-3a2.28%2C2.28%2C0%2C0%2C0-3.21%2C0l-4.69%2C4.69-0.18.16-3%2C3a2.3%2C2.3%2C0%2C0%2C0%2C0%2C3.23l3%2C3%2C0.18%2C0.16L18%2C36.64a2.28%2C2.28%2C0%2C0%2C0%2C3.21%2C0l3-3a2.28%2C2.28%2C0%2C0%2C0%2C0-3.21Z%22%20transform%3D%22translate%28-6.03%20-1.44%29%22/%3E%3Crect%20class%3D%22cls-3%22%20x%3D%229.01%22%20y%3D%221.26%22%20width%3D%2217.67%22%20height%3D%2222.92%22/%3E%3Crect%20class%3D%22cls-4%22%20x%3D%2216.64%22%20y%3D%2219.81%22%20width%3D%224.54%22%20height%3D%2210.12%22%20rx%3D%221.91%22%20ry%3D%221.91%22%20transform%3D%22translate%2817.1%20-7.53%29%20rotate%2845%29%22/%3E%3C/svg%3E"); background-repeat: no-repeat; height: 50px; width: 50px; } .tracker .icon-tracker-icon-goal { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%2043.17%2040.28%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-2%7Bfill%3Aurl%28%23linear-gradient%29%3B%7D.cls-3%7Bfill%3Aurl%28%23radial-gradient%29%3B%7D.cls-4%7Bclip-path%3Aurl%28%23clip-path%29%3B%7D.cls-5%7Bfill%3Aurl%28%23radial-gradient-2%29%3B%7D.cls-6%7Bfill%3Aurl%28%23radial-gradient-3%29%3B%7D.cls-7%7Bfill%3Aurl%28%23radial-gradient-4%29%3B%7D.cls-8%7Bfill%3Aurl%28%23radial-gradient-5%29%3B%7D.cls-9%7Bfill%3Aurl%28%23radial-gradient-6%29%3B%7D.cls-10%7Bfill%3Aurl%28%23radial-gradient-7%29%3B%7D%3C/style%3E%3ClinearGradient%20id%3D%22linear-gradient%22%20x1%3D%2221.41%22%20y1%3D%224.35%22%20x2%3D%2221.41%22%20y2%3D%2240.61%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23464b56%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23292d32%22/%3E%3C/linearGradient%3E%3CradialGradient%20id%3D%22radial-gradient%22%20cx%3D%2221.41%22%20cy%3D%2222.13%22%20r%3D%2215.54%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220.66%22%20stop-color%3D%22%23fff%22/%3E%3Cstop%20offset%3D%220.93%22%20stop-color%3D%22%23e9f2f2%22/%3E%3C/radialGradient%3E%3CclipPath%20id%3D%22clip-path%22%20transform%3D%22translate%281.41%202.13%29%22%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2215.54%22/%3E%3C/clipPath%3E%3CradialGradient%20id%3D%22radial-gradient-2%22%20cx%3D%2220.68%22%20cy%3D%2219.42%22%20r%3D%2216.84%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220.32%22%20stop-color%3D%22%23464b56%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23292d32%22/%3E%3C/radialGradient%3E%3CradialGradient%20id%3D%22radial-gradient-3%22%20cx%3D%2220.68%22%20cy%3D%2219.49%22%20r%3D%2216.97%22%20xlink%3Ahref%3D%22%23radial-gradient-2%22/%3E%3CradialGradient%20id%3D%22radial-gradient-4%22%20cx%3D%2220.71%22%20cy%3D%2219.4%22%20r%3D%2216.92%22%20xlink%3Ahref%3D%22%23radial-gradient-2%22/%3E%3CradialGradient%20id%3D%22radial-gradient-5%22%20cx%3D%2220.6%22%20cy%3D%2219.26%22%20r%3D%2215.89%22%20xlink%3Ahref%3D%22%23radial-gradient-2%22/%3E%3CradialGradient%20id%3D%22radial-gradient-6%22%20cx%3D%2220.63%22%20cy%3D%2219.24%22%20r%3D%2216.43%22%20xlink%3Ahref%3D%22%23radial-gradient-2%22/%3E%3CradialGradient%20id%3D%22radial-gradient-7%22%20cx%3D%2220.65%22%20cy%3D%2219.4%22%20r%3D%2216.91%22%20xlink%3Ahref%3D%22%23radial-gradient-2%22/%3E%3C/defs%3E%3Ctitle%3Etracker-icon-goal%3C/title%3E%3Ccircle%20class%3D%22cls-2%22%20cx%3D%2221.41%22%20cy%3D%2222.13%22%20r%3D%2216.86%22/%3E%3Ccircle%20class%3D%22cls-3%22%20cx%3D%2221.41%22%20cy%3D%2222.13%22%20r%3D%2215.54%22/%3E%3Cg%20class%3D%22cls-4%22%3E%3Cpath%20class%3D%22cls-5%22%20d%3D%22M20.81%2C13.78l4.16%2C3a1.37%2C1.37%2C0%2C0%2C1%2C.48%2C1.56q-0.85%2C2.41-1.68%2C4.84a1.42%2C1.42%2C0%2C0%2C1-1.32%2C1q-2.47%2C0-4.93%2C0a1.43%2C1.43%2C0%2C0%2C1-1.32-1q-0.84-2.42-1.69-4.83A1.37%2C1.37%2C0%2C0%2C1%2C15%2C16.8l4.15-3A1.43%2C1.43%2C0%2C0%2C1%2C20.81%2C13.78Z%22%20transform%3D%22translate%281.41%202.13%29%22/%3E%3Cpath%20class%3D%22cls-6%22%20d%3D%22M19.13%2C8.37c-1.4-1-2.79-2-4.17-2.93a1.33%2C1.33%2C0%2C0%2C1-.49-1.55q0.84-2.47%2C1.69-4.95a1.49%2C1.49%2C0%2C0%2C1%2C1.33-1q2.49-.08%2C5%2C0a1.48%2C1.48%2C0%2C0%2C1%2C1.33%2C1q0.83%2C2.48%2C1.68%2C4.95A1.34%2C1.34%2C0%2C0%2C1%2C25%2C5.42c-1.38%2C1-2.77%2C1.94-4.17%2C2.94A1.45%2C1.45%2C0%2C0%2C1%2C19.13%2C8.37Z%22%20transform%3D%22translate%281.41%202.13%29%22/%3E%3Cpath%20class%3D%22cls-7%22%20d%3D%22M30.75%2C15.63c0.68-1.53%2C1.35-3%2C2-4.54a1.33%2C1.33%2C0%2C0%2C1%2C1.42-.76q2.59%2C0.33%2C5.19.7a1.56%2C1.56%2C0%2C0%2C1%2C1.29%2C1.06q0.62%2C2.28%2C1.09%2C4.49A1.26%2C1.26%2C0%2C0%2C1%2C41%2C17.94c-1.52.79-3%2C1.62-4.55%2C2.48a1.43%2C1.43%2C0%2C0%2C1-1.62-.09l-3.73-3.14A1.33%2C1.33%2C0%2C0%2C1%2C30.75%2C15.63Z%22%20transform%3D%22translate%281.41%202.13%29%22/%3E%3Cpath%20class%3D%22cls-8%22%20d%3D%22M26.16%2C27.69q2.39-.07%2C4.77-0.19a1%2C1%2C0%2C0%2C1%2C1.13.86c0.28%2C1.52.5%2C3%2C.65%2C4.49A1.87%2C1.87%2C0%2C0%2C1%2C32%2C34.38c-1.36%2C1.09-2.67%2C2.19-3.93%2C3.28a1%2C1%2C0%2C0%2C1-1.33.13c-1-.87-2-1.79-3.15-2.74a1.45%2C1.45%2C0%2C0%2C1-.36-1.54q0.8-2.42%2C1.66-4.84A1.45%2C1.45%2C0%2C0%2C1%2C26.16%2C27.69Z%22%20transform%3D%22translate%281.41%202.13%29%22/%3E%3Cpath%20class%3D%22cls-9%22%20d%3D%22M13.63%2C27.87q-2.38-.08-4.76-0.21a1%2C1%2C0%2C0%2C0-1.12.85C7.48%2C30%2C7.28%2C31.51%2C7.14%2C33a1.89%2C1.89%2C0%2C0%2C0%2C.75%2C1.53c1.37%2C1.1%2C2.69%2C2.2%2C4%2C3.3a1%2C1%2C0%2C0%2C0%2C1.32.14c1-.86%2C2-1.77%2C3.11-2.71a1.43%2C1.43%2C0%2C0%2C0%2C.34-1.53q-0.81-2.42-1.69-4.84A1.47%2C1.47%2C0%2C0%2C0%2C13.63%2C27.87Z%22%20transform%3D%22translate%281.41%202.13%29%22/%3E%3Cpath%20class%3D%22cls-10%22%20d%3D%22M9.6%2C15.63c-0.68-1.53-1.35-3-2-4.54a1.33%2C1.33%2C0%2C0%2C0-1.42-.76Q3.59%2C10.66%2C1%2C11A1.56%2C1.56%2C0%2C0%2C0-.3%2C12.09q-0.62%2C2.28-1.09%2C4.49a1.26%2C1.26%2C0%2C0%2C0%2C.73%2C1.35c1.52%2C0.79%2C3%2C1.62%2C4.55%2C2.48a1.43%2C1.43%2C0%2C0%2C0%2C1.62-.09l3.73-3.14A1.33%2C1.33%2C0%2C0%2C0%2C9.6%2C15.63Z%22%20transform%3D%22translate%281.41%202.13%29%22/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; height: 50px; width: 50px; } .tracker .icon-tracker-icon-red-card { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%2028.29%2037.13%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Aurl%28%23linear-gradient%29%3B%7D.cls-2%7Bfill%3Aurl%28%23linear-gradient-2%29%3B%7D.cls-3%7Bfill%3Aurl%28%23linear-gradient-3%29%3B%7D.cls-4%7Bfill%3Aurl%28%23linear-gradient-4%29%3B%7D%3C/style%3E%3ClinearGradient%20id%3D%22linear-gradient%22%20x1%3D%22-23.21%22%20y1%3D%22-29.27%22%20x2%3D%2212.97%22%20y2%3D%226.9%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23464b56%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23292d32%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22linear-gradient-2%22%20x1%3D%229.57%22%20y1%3D%2217.33%22%20x2%3D%2217.34%22%20y2%3D%2225.1%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220.21%22%20stop-color%3D%22%23fff%22/%3E%3Cstop%20offset%3D%220.93%22%20stop-color%3D%22%23e9f2f2%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22linear-gradient-3%22%20x1%3D%2218.19%22%20y1%3D%2244.02%22%20x2%3D%2218.19%22%20y2%3D%2212.26%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239c0000%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f60000%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22linear-gradient-4%22%20x1%3D%221732.5%22%20y1%3D%221121.56%22%20x2%3D%221742.34%22%20y2%3D%221131.4%22%20gradientTransform%3D%22translate%28-1726.09%20-1109.02%29%22%20xlink%3Ahref%3D%22%23linear-gradient-2%22/%3E%3C/defs%3E%3Ctitle%3Etracker-icon-red-card%3C/title%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M19.46%2C38.56a3.5%2C3.5%2C0%2C0%2C1-2.5-1l-6.89-6.89-0.22-.2-3-3a3.56%2C3.56%2C0%2C0%2C1%2C0-5l3-3%2C0.22-.2%2C3.88-3.88v-14h20.2V26.87H22.22l2.7%2C2.7a3.53%2C3.53%2C0%2C0%2C1%2C0%2C5l-3%2C3A3.51%2C3.51%2C0%2C0%2C1%2C19.46%2C38.56Z%22%20transform%3D%22translate%28-5.85%20-1.44%29%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M18.53%2C25l3.26-3.26a2.28%2C2.28%2C0%2C0%2C0%2C0-3.21l-3-3a2.28%2C2.28%2C0%2C0%2C0-3.21%2C0l-4.69%2C4.69-0.18.16-3%2C3a2.3%2C2.3%2C0%2C0%2C0%2C0%2C3.23l3%2C3%2C0.18%2C0.16%2C6.93%2C6.93a2.28%2C2.28%2C0%2C0%2C0%2C3.21%2C0l3-3a2.28%2C2.28%2C0%2C0%2C0%2C0-3.21Z%22%20transform%3D%22translate%28-5.85%20-1.44%29%22/%3E%3Crect%20class%3D%22cls-3%22%20x%3D%229.36%22%20y%3D%221.26%22%20width%3D%2217.67%22%20height%3D%2222.92%22/%3E%3Crect%20class%3D%22cls-4%22%20x%3D%2216.47%22%20y%3D%2219.81%22%20width%3D%224.54%22%20height%3D%2210.12%22%20rx%3D%221.91%22%20ry%3D%221.91%22%20transform%3D%22translate%2817.22%20-7.4%29%20rotate%2845%29%22/%3E%3C/svg%3E"); background-repeat: no-repeat; height: 50px; width: 50px; } .tracker .icon-tracker-icon-substitution-in { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%2023.5%2021.52%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Aurl%28%23linear-gradient%29%3B%7D.cls-2%7Bfill%3Aurl%28%23linear-gradient-2%29%3B%7D.cls-3%7Bfill%3Aurl%28%23linear-gradient-3%29%3B%7D.cls-4%7Bfill%3Aurl%28%23linear-gradient-4%29%3B%7D%3C/style%3E%3ClinearGradient%20id%3D%22linear-gradient%22%20x1%3D%2217.57%22%20y1%3D%2231.42%22%20x2%3D%2217.57%22%20y2%3D%2222.03%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2378b815%22/%3E%3Cstop%20offset%3D%220.99%22%20stop-color%3D%22%231e6400%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22linear-gradient-2%22%20x1%3D%2220.34%22%20y1%3D%2222.18%22%20x2%3D%2220.34%22%20y2%3D%2212.79%22%20xlink%3Ahref%3D%22%23linear-gradient%22/%3E%3ClinearGradient%20id%3D%22linear-gradient-3%22%20x1%3D%2222.43%22%20y1%3D%2218.42%22%20x2%3D%2222.43%22%20y2%3D%228.75%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239c0000%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f60000%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22linear-gradient-4%22%20x1%3D%223.16%22%20y1%3D%229.18%22%20x2%3D%223.16%22%20y2%3D%22-0.49%22%20xlink%3Ahref%3D%22%23linear-gradient-3%22/%3E%3C/defs%3E%3Ctitle%3Etracker-icon-substitute%3C/title%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M26.89%2C28.39H12.41a4.17%2C4.17%2C0%2C0%2C1-4.16-4.16V21.56H9.44v2.67a3%2C3%2C0%2C0%2C0%2C3%2C3H26.89v1.19Z%22%20transform%3D%22translate%28-8.25%20-9.24%29%22/%3E%3Cpolygon%20class%3D%22cls-2%22%20points%3D%2217.77%2021.52%2022.91%2018.56%2017.77%2015.6%2017.77%2021.52%22/%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M31.75%2C18.44H30.56V15.77a3%2C3%2C0%2C0%2C0-3-3H13.11V11.61H27.59a4.17%2C4.17%2C0%2C0%2C1%2C4.16%2C4.16v2.67Z%22%20transform%3D%22translate%28-8.25%20-9.24%29%22/%3E%3Cpolygon%20class%3D%22cls-4%22%20points%3D%225.73%200%200.59%202.96%205.73%205.93%205.73%200%22/%3E%3C/svg%3E"); background-repeat: no-repeat; height: 50px; width: 50px; } .tracker .icon-tracker-icon-foul { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%2037.56%2024.22%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Aurl%28%23linear-gradient%29%3B%7D.cls-2%7Bfill%3A%23d1d1d1%3B%7D.cls-3%7Bfill%3A%2390939a%3B%7D.cls-4%7Bfill%3Aurl%28%23linear-gradient-2%29%3B%7D.cls-5%7Bfill%3Aurl%28%23linear-gradient-3%29%3B%7D.cls-6%7Bfill%3Aurl%28%23linear-gradient-4%29%3B%7D.cls-7%7Bfill%3Aurl%28%23linear-gradient-5%29%3B%7D%3C/style%3E%3ClinearGradient%20id%3D%22linear-gradient%22%20x1%3D%2220%22%20y1%3D%227.61%22%20x2%3D%2220%22%20y2%3D%2232.91%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23464b56%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23292d32%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22linear-gradient-2%22%20x1%3D%222.22%22%20y1%3D%2220.22%22%20x2%3D%2216.26%22%20y2%3D%2220.22%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220.32%22%20stop-color%3D%22%23464b56%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23292d32%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22linear-gradient-3%22%20x1%3D%2213.2%22%20y1%3D%225.29%22%20x2%3D%2223.42%22%20y2%3D%225.29%22%20xlink%3Ahref%3D%22%23linear-gradient-2%22/%3E%3ClinearGradient%20id%3D%22linear-gradient-4%22%20x1%3D%2242.45%22%20y1%3D%2219.53%22%20x2%3D%2226.61%22%20y2%3D%223.69%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220.32%22%20stop-color%3D%22%23464b56%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2390939a%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22linear-gradient-5%22%20x1%3D%2235.25%22%20y1%3D%2226.74%22%20x2%3D%2219.4%22%20y2%3D%2210.89%22%20xlink%3Ahref%3D%22%23linear-gradient-4%22/%3E%3C/defs%3E%3Ctitle%3Etracker-icon-whistle%3C/title%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1.22%2C32.11V24.74L13.46%2C10.87a6.49%2C6.49%2C0%2C0%2C1%2C5.34-3H31.94c3.77%2C0%2C6.84%2C3.58%2C6.84%2C8s-3%2C7.92-6.75%2C8l-7.74.94-4.69%2C7.31H1.22Z%22%20transform%3D%22translate%28-1.22%20-7.89%29%22/%3E%3Cpolygon%20class%3D%22cls-2%22%20points%3D%2213.19%207.46%201.03%2021.23%2017.45%2021.23%2026.44%207.65%2013.19%207.46%22/%3E%3Cellipse%20class%3D%22cls-2%22%20cx%3D%2217.45%22%20cy%3D%227.91%22%20rx%3D%225.48%22%20ry%3D%226.64%22/%3E%3Crect%20class%3D%22cls-2%22%20x%3D%2217.45%22%20y%3D%221.27%22%20width%3D%2213.37%22%20height%3D%2213.28%22/%3E%3Cpolygon%20class%3D%22cls-2%22%20points%3D%2213.19%203.73%201.03%2017.5%2017.45%2017.5%2026.44%203.92%2013.19%203.73%22/%3E%3Crect%20class%3D%22cls-3%22%20x%3D%221.03%22%20y%3D%2217.5%22%20width%3D%2216.42%22%20height%3D%225.45%22/%3E%3Crect%20class%3D%22cls-4%22%20x%3D%222.22%22%20y%3D%2218.99%22%20width%3D%2214.04%22%20height%3D%222.47%22/%3E%3Cpolygon%20class%3D%22cls-5%22%20points%3D%2221.36%206.84%2023.42%203.73%2015.65%203.73%2013.2%206.84%2021.36%206.84%22/%3E%3Cellipse%20class%3D%22cls-6%22%20cx%3D%2230.82%22%20cy%3D%227.91%22%20rx%3D%225.48%22%20ry%3D%226.64%22/%3E%3Cpolygon%20class%3D%22cls-7%22%20points%3D%2217.45%2017.5%2026.44%203.92%2030.82%2014.55%2022.16%2015.61%2017.45%2022.95%2017.45%2017.5%22/%3E%3C/svg%3E"); background-repeat: no-repeat; height: 50px; width: 50px; } .tracker .icon-tracker-icon-time { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%2032.24%2036.61%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bisolation%3Aisolate%3B%7D.cls-2%7Bfill%3A%23464b56%3B%7D.cls-3%7Bfill%3A%23292d32%3B%7D.cls-4%7Bfill%3Aurl%28%23radial-gradient%29%3B%7D.cls-5%7Bfill%3Aurl%28%23linear-gradient%29%3B%7D.cls-6%7Bmix-blend-mode%3Amultiply%3B%7D.cls-7%7Bfill%3A%2390939a%3B%7D.cls-8%7Bfill%3A%23d1d1d1%3B%7D.cls-9%7Bfill%3Aurl%28%23linear-gradient-2%29%3B%7D.cls-10%7Bfill%3Aurl%28%23linear-gradient-3%29%3B%7D.cls-11%7Bfill%3A%23fff%3B%7D%3C/style%3E%3CradialGradient%20id%3D%22radial-gradient%22%20cx%3D%2216.12%22%20cy%3D%2220.49%22%20r%3D%2215.54%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220.66%22%20stop-color%3D%22%23fff%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f3f3f3%22/%3E%3C/radialGradient%3E%3ClinearGradient%20id%3D%22linear-gradient%22%20x1%3D%223253.62%22%20y1%3D%22253.41%22%20x2%3D%223285.86%22%20y2%3D%22253.41%22%20gradientTransform%3D%22translate%28273.41%20-3247.55%29%20rotate%2890%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23464b56%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23292d32%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22linear-gradient-2%22%20x1%3D%2216.12%22%20y1%3D%2218.68%22%20x2%3D%2216.12%22%20y2%3D%2229.91%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2378b815%22/%3E%3Cstop%20offset%3D%220.99%22%20stop-color%3D%22%231e6400%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22linear-gradient-3%22%20x1%3D%2219.56%22%20y1%3D%2218.68%22%20x2%3D%2219.56%22%20y2%3D%2229.91%22%20xlink%3Ahref%3D%22%23linear-gradient-2%22/%3E%3C/defs%3E%3Ctitle%3Etracker-icon-time%3C/title%3E%3Cg%20class%3D%22cls-1%22%3E%3Cg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%3E%3Crect%20class%3D%22cls-2%22%20x%3D%2214.59%22%20y%3D%223.06%22%20width%3D%223.06%22%20height%3D%223.06%22/%3E%3Crect%20class%3D%22cls-3%22%20x%3D%2212.01%22%20width%3D%228.29%22%20height%3D%223.06%22%20rx%3D%221.39%22%20ry%3D%221.39%22/%3E%3Crect%20class%3D%22cls-2%22%20x%3D%2227.82%22%20y%3D%229.31%22%20width%3D%225.96%22%20height%3D%223.06%22%20rx%3D%221.39%22%20ry%3D%221.39%22%20transform%3D%22translate%28-2.53%2023.26%29%20rotate%28-45%29%22/%3E%3Crect%20class%3D%22cls-2%22%20x%3D%226.47%22%20y%3D%229.31%22%20width%3D%225.96%22%20height%3D%223.06%22%20rx%3D%221.39%22%20ry%3D%221.39%22%20transform%3D%22translate%284.58%2023.5%29%20rotate%28-135%29%22/%3E%3Ccircle%20class%3D%22cls-4%22%20cx%3D%2216.12%22%20cy%3D%2220.49%22%20r%3D%2215.54%22/%3E%3Cpath%20class%3D%22cls-5%22%20d%3D%22M20%2C38.31A16.12%2C16.12%2C0%2C1%2C1%2C36.12%2C22.19%2C16.14%2C16.14%2C0%2C0%2C1%2C20%2C38.31ZM20%2C7.23a15%2C15%2C0%2C1%2C0%2C15%2C15A15%2C15%2C0%2C0%2C0%2C20%2C7.23Z%22%20transform%3D%22translate%28-3.88%20-1.69%29%22/%3E%3Cg%20class%3D%22cls-6%22%3E%3Ccircle%20class%3D%22cls-7%22%20cx%3D%2216.12%22%20cy%3D%228.3%22%20r%3D%221.08%22/%3E%3Ccircle%20class%3D%22cls-7%22%20cx%3D%2228%22%20cy%3D%2220.49%22%20r%3D%221.08%22/%3E%3Ccircle%20class%3D%22cls-7%22%20cx%3D%2216.12%22%20cy%3D%2232.69%22%20r%3D%221.08%22/%3E%3Ccircle%20class%3D%22cls-7%22%20cx%3D%224.23%22%20cy%3D%2220.41%22%20r%3D%221.08%22/%3E%3Ccircle%20class%3D%22cls-8%22%20cx%3D%2223.33%22%20cy%3D%2210.98%22%20r%3D%220.61%22%20transform%3D%22translate%283.74%2029.74%29%20rotate%28-77.67%29%22/%3E%3Ccircle%20class%3D%22cls-8%22%20cx%3D%2212.68%22%20cy%3D%229.38%22%20r%3D%220.61%22/%3E%3Ccircle%20class%3D%22cls-8%22%20cx%3D%2222.75%22%20cy%3D%2210.9%22%20r%3D%220.61%22/%3E%3Ccircle%20class%3D%22cls-8%22%20cx%3D%229.31%22%20cy%3D%2211.14%22%20r%3D%220.61%22/%3E%3Ccircle%20class%3D%22cls-8%22%20cx%3D%2210.38%22%20cy%3D%2215.63%22%20r%3D%220.61%22%20transform%3D%22translate%28-12.23%2015.11%29%20rotate%28-60%29%22/%3E%3Ccircle%20class%3D%22cls-8%22%20cx%3D%228.78%22%20cy%3D%2218.95%22%20r%3D%220.61%22%20transform%3D%22matrix%280.5%2C%20-0.87%2C%200.87%2C%200.5%2C%20-15.9%2C%2015.38%29%22/%3E%3Ccircle%20class%3D%22cls-8%22%20cx%3D%2229.43%22%20cy%3D%2215.4%22%20r%3D%220.61%22%20transform%3D%22translate%28-7.44%2017.62%29%20rotate%28-34.38%29%22/%3E%3Ccircle%20class%3D%22cls-8%22%20cx%3D%2231.23%22%20cy%3D%2218.76%22%20r%3D%220.61%22%20transform%3D%22translate%28-9.02%2019.22%29%20rotate%28-34.38%29%22/%3E%3Ccircle%20class%3D%22cls-8%22%20cx%3D%2231.22%22%20cy%3D%2225.5%22%20r%3D%220.61%22%20transform%3D%22translate%28-12.83%2020.39%29%20rotate%28-34.38%29%22/%3E%3Ccircle%20class%3D%22cls-8%22%20cx%3D%2229.63%22%20cy%3D%2228.82%22%20r%3D%220.61%22%20transform%3D%22translate%28-14.98%2020.07%29%20rotate%28-34.38%29%22/%3E%3Ccircle%20class%3D%22cls-8%22%20cx%3D%2226.8%22%20cy%3D%2231.6%22%20r%3D%220.61%22%20transform%3D%22translate%28-17.04%2018.96%29%20rotate%28-34.38%29%22/%3E%3Ccircle%20class%3D%22cls-8%22%20cx%3D%2223.44%22%20cy%3D%2233.37%22%20r%3D%220.61%22%20transform%3D%22matrix%280.83%2C%20-0.56%2C%200.56%2C%200.83%2C%20-18.63%2C%2017.37%29%22/%3E%3Ccircle%20class%3D%22cls-8%22%20cx%3D%2216.67%22%20cy%3D%2233.47%22%20r%3D%220.61%22%20transform%3D%22translate%28-12.9%204.6%29%20rotate%28-16.91%29%22/%3E%3Ccircle%20class%3D%22cls-8%22%20cx%3D%2213.35%22%20cy%3D%2231.88%22%20r%3D%220.61%22%20transform%3D%22translate%28-22.51%2017.08%29%20rotate%28-45%29%22/%3E%3Ccircle%20class%3D%22cls-8%22%20cx%3D%2210.54%22%20cy%3D%2229.07%22%20r%3D%220.61%22%20transform%3D%22translate%28-18.46%209.34%29%20rotate%28-34.38%29%22/%3E%3Ccircle%20class%3D%22cls-8%22%20cx%3D%228.78%22%20cy%3D%2225.69%22%20r%3D%220.61%22%20transform%3D%22translate%28-16.85%207.75%29%20rotate%28-34.38%29%22/%3E%3C/g%3E%3Ccircle%20class%3D%22cls-9%22%20cx%3D%2216.12%22%20cy%3D%2220.49%22%20r%3D%222.45%22/%3E%3Cpolygon%20class%3D%22cls-10%22%20points%3D%2214.75%2022.52%2024.37%2028.75%2018.33%2019.44%2014.75%2022.52%22/%3E%3Ccircle%20class%3D%22cls-11%22%20cx%3D%2216.12%22%20cy%3D%2220.41%22%20r%3D%221.08%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; height: 50px; width: 50px; } .tracker .icon-tracker-icon-richie-power { background-image: url(../img/icons/richie-power.png); background-repeat: no-repeat; background-size: contain; height: 50px; width: 50px; } .tracker .icon-tracker-icon-anthony-cunningham { background-image: url(../img/icons/anthony-cunningham.png); background-repeat: no-repeat; background-size: contain; height: 50px; width: 50px; } .tracker .icon-tracker-icon-jack-oconnor { background-image: url(../img/icons/jack-oconnor.jpg); background-repeat: no-repeat; background-size: contain; height: 50px; width: 50px; } .tracker .icon-tracker-icon-rory-gallagher { background-image: url(../img/icons/rory-gallagher.jpg); background-repeat: no-repeat; background-size: contain; height: 50px; width: 50px; } .tracker #tracker-container .tracker-key-points { display: block; } @media screen and (min-width: 64em) { .tracker #tracker-container .tracker-key-points { display: none; } } .tracker #tracker-sidebar .tracker-key-points { display: none; margin-bottom: 4rem; } @media screen and (min-width: 64em) { .tracker #tracker-sidebar .tracker-key-points { display: block; } } /* Single Post view */ .tracker.single-post { padding-top: 0; } .tracker.single-post .article-meta { border-bottom: 1px solid #dbe1e9; } .tracker.single-post .tracker-body { margin-top: 0.5rem; } @media screen and (min-width: 40em) { .tracker.single-post .tracker-body { margin-top: 1.5rem; } } .tracker.single-post .post-container:after { display: none; } /* Share Circle */ body.tracker .share-circle { padding-bottom: 1rem; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } body.tracker .share-circle i.icon { width: 38px; height: 38px; position: relative; cursor: pointer; font-size: 2rem; border-radius: 50%; border: 1px solid; padding: 2px; margin-right: 10px; line-height: 1.2; background: #fff; z-index: 100; vertical-align: middle; } body.tracker .share-circle i.icon:before { position: relative; left: -2px; } body.tracker .share-circle i.icon:after { content: ""; display: block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 9px solid; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 100%; z-index: -1; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } body.tracker .share-circle.open i.icon:after { opacity: 1; } body.tracker .share-circle .share-icons { opacity: 0; width: 0px; height: 38px; vertical-align: middle; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } body.tracker .share-circle .share-icons i { margin-bottom: 0.5rem; } body.tracker .share-circle.open .share-icons { opacity: 1; width: 172px; } @media screen and (max-width: 39.9375em) { body.tracker .share-circle { float: right; height: 42px; padding-bottom: 0; margin-bottom: 1rem; } body.tracker .share-circle i.icon { width: 42px; height: 42px; padding: 4px; margin-right: 0; } body.tracker .share-circle i.icon:after { border-left: 0 !important; border-right: 9px solid; left: -9px !important; } body.tracker .share-circle.open .share-icons { width: 190px; } body.tracker .share-circle .share-icons { height: 42px; float: left; margin-right: 10px; } body.tracker .share-circle .share-icons i { width: 40px; height: 40px; line-height: 40px; } body.tracker .share-circle .share-icons i.facebook:before { margin-left: -2px; } body.tracker .share-circle .share-icons i.twitter:before { margin-left: 2px; } body.tracker .share-circle .share-icons i.envelope:before { margin-left: 5px; } body.tracker .share-circle .share-icons i.anchor:before { margin-left: 6px; } } /* Index file */ body.author .data-divider, body.source .data-divider { display: inline-block; width: 100%; border-bottom: 2px solid #F4F6F8; margin: 1.5rem 0 0.5rem; } @media screen and (min-width: 40em) { body.author .data-divider, body.source .data-divider { margin: 1rem 0; } } body.author article.section- a:hover .underline, body.source article.section- a:hover .underline { border-bottom: 1px solid #00A7B3; } body.author article.section- .icon, body.author article.section- .datetime, body.source article.section- .icon, body.source article.section- .datetime { color: #00A7B3; } body.author article.section-news a:hover .underline, body.source article.section-news a:hover .underline { border-bottom: 1px solid #1176dd; } body.author article.section-news .icon, body.author article.section-news .datetime, body.source article.section-news .icon, body.source article.section-news .datetime { color: #1176dd; } body.author article.section-sport a:hover .underline, body.source article.section-sport a:hover .underline { border-bottom: 1px solid #4dbeee; } body.author article.section-sport .icon, body.author article.section-sport .datetime, body.source article.section-sport .icon, body.source article.section-sport .datetime { color: #4dbeee; } body.author article.section-lifestyle a:hover .underline, body.source article.section-lifestyle a:hover .underline { border-bottom: 1px solid #f7a411; } body.author article.section-lifestyle .icon, body.author article.section-lifestyle .datetime, body.source article.section-lifestyle .icon, body.source article.section-lifestyle .datetime { color: #f7a411; } body.author article.section-culture a:hover .underline, body.source article.section-culture a:hover .underline { border-bottom: 1px solid #8450d6; } body.author article.section-culture .icon, body.author article.section-culture .datetime, body.source article.section-culture .icon, body.source article.section-culture .datetime { color: #8450d6; } body.author article.section-entertainment a:hover .underline, body.source article.section-entertainment a:hover .underline { border-bottom: 1px solid #f2558a; } body.author article.section-entertainment .icon, body.author article.section-entertainment .datetime, body.source article.section-entertainment .icon, body.source article.section-entertainment .datetime { color: #f2558a; } .author-container { margin-top: 1rem; padding-bottom: 1.5rem; margin-bottom: 1rem; border-bottom: 4px solid #F4F6F8; } @media screen and (min-width: 40em) { .author-container { margin-top: 4rem; padding-bottom: 3rem; } } .author-container .author-picture { margin-left: 0; margin-right: 0; padding-left: 5.5rem; padding-right: 5.5rem; } @media screen and (min-width: 40em) { .author-container .author-picture { padding-left: 0; padding-right: inherit; } } .author-container .index-heading { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 1.6rem; line-height: 1; text-align: center; padding-top: 0; padding-bottom: 0.6rem; } @media screen and (min-width: 40em) { .author-container .index-heading { font-size: 2rem; text-align: left; padding-bottom: 1.3rem; } } @media screen and (min-width: 64em) { .author-container .index-heading { font-size: 2.5rem; text-align: left; margin: 0; padding-bottom: 1.3rem; } } .author-container .sub-index-heading { font-family: "Source Sans Pro", sans-serif; font-size: 1.5rem; font-weight: normal; line-height: 1; text-align: center; padding-top: 0; padding-bottom: 0; margin: 0; color: #6b728c; } @media screen and (min-width: 40em) { .author-container .sub-index-heading { font-size: 1.7rem; text-align: left; } } @media screen and (min-width: 64em) { .author-container .sub-index-heading { font-size: 1.9rem; text-align: left; } } .author-container .author-bio { font-family: "Source Sans Pro", sans-serif; font-size: 1.2rem; margin-top: 0; margin-bottom: 0.5rem; text-align: left; padding-left: 0; padding-right: 0; } @media screen and (min-width: 40em) { .author-container .author-bio { padding-left: inherit; padding-right: inherit; } } .author-picture a { width: 100%; padding-bottom: 100%; display: inline-block; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 50%; } .index-heading-container { position: relative; } .editors-note { background: #c8cfd8; font-size: 0.7rem; line-height: 0.7rem; border-radius: 90px; float: right !important; width: 50px; height: 50px; display: table; vertical-align: middle; text-align: center; position: absolute; right: 1.25rem; top: 0.9rem; cursor: pointer; padding: 0; } .editors-note:hover { background: #7643bf; } .editors-note span { color: #ffffff; display: table-cell; height: 50px; vertical-align: middle; } @media screen and (min-width: 40em) { .editors-note { width: 70px; height: 70px; font-size: 0.9rem; line-height: 1.2rem; top: 0.6rem; } .editors-note span { height: 70px; } } @media screen and (min-width: 64em) { .editors-note { width: 85px; height: 85px; font-size: 0.9rem; line-height: 1.2rem; top: 2rem; } .editors-note span { height: 85px; } } .index-heading { font-size: 2rem; color: #000000; background: #ffffff; margin: 0; text-align: center; padding-top: 1rem; } @media screen and (min-width: 40em) { .index-heading { font-size: 3rem; } } @media screen and (min-width: 64em) { .index-heading { font-size: 3.3rem; margin: 0; padding: 2rem 0 1rem 0; } } .panel.list { padding-top: 1rem; } @media screen and (min-width: 40em) { .panel.list { padding-top: 2rem; } } .panel.list .ad-row { padding: 0; } @media screen and (min-width: 40em) { .panel.list .ad-row { padding-left: 1.25rem; padding-right: 1.25rem; } } .panel.list article { padding-bottom: 1rem; } .panel.list article a { position: relative; border-bottom: 1px solid #bbc2d4; padding-bottom: 0.5rem; } @media screen and (min-width: 40em) { .panel.list article a { border-bottom: none; padding-bottom: 0.625rem; } } .panel.list article a:after { width: 100%; } .panel.list article a .img-container { width: 29%; margin-right: 0.625rem; margin-bottom: 0.625rem; max-height: 222px; float: left; } @media screen and (min-width: 40em) { .panel.list article a .img-container { width: 50%; float: left; margin-left: 0; margin-right: 0.625rem; margin-bottom: 0; } .panel.list article a .img-container .inner { margin-right: .75rem; } } .panel.list article a .article-meta h3 { font-size: 0.875rem; line-height: 1.1rem; margin: 0; } @media screen and (min-width: 40em) { .panel.list article a .article-meta h3 { font-size: 1.5rem; line-height: 1.8rem; margin-bottom: 0.625rem; } } .panel.list article a .article-meta .datetime { font-size: 0.75rem; } @media screen and (min-width: 40em) { .panel.list article a .article-meta:after { content: ""; border-bottom: 1px solid #bbc2d4; position: absolute; bottom: .75rem; width: 48%; right: 0; } } .panel.list article.live a .article-meta:after { display: none; } .tag .sidebar { min-height: 1200px; } /* Media Icons Style */ .author article .img-container span.live, .source article .img-container span.live, .list article .img-container span.live { display: none; } .author article .img-container .icon, .source article .img-container .icon, .list article .img-container .icon { display: none; } @media screen and (min-width: 40em) { .author article .img-container .icon, .source article .img-container .icon, .list article .img-container .icon { display: block; } } @media screen and (min-width: 40em) { .author article .article-meta .icon, .source article .article-meta .icon, .list article .article-meta .icon { display: none; } } /* Main panels.scsss file, seperated this out as we currently only require these styles in index pages */ /* Change the following values if you change Foundation's version */ /* The homepage reuses existing panels but will contains mixed content from the various other pillars. This mixin overrides existing CSS to add the vairious pillar colors */ .panel { background: #ffffff; position: relative; padding-top: 0.8rem; padding-bottom: 0; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .panel { padding-top: 1.25rem; padding-bottom: 1.25rem; } } @media screen and (min-width: 64em) { .panel { padding-top: 1.25rem; padding-bottom: 1.5rem; } } .panel .mpu { margin-bottom: 1.4rem; } .panel.even { background: #F4F6F8; } .panel.even.panel-topic-a article { border-color: #a7b3c9; } .panel.even.panel-topic-a article:not(.top-story) a:after { background: #a7b3c9; } .panel.even.panel-topic-a article.top-story a { border-color: #a7b3c9; } .panel.panel-html img { width: auto; } .panel a { display: block; color: black !important; width: 100%; } .panel img { width: 100%; } .panel .panel-heading { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 2rem; margin: 0; line-height: 1; padding-bottom: 0.8rem; text-transform: capitalize; text-align: center; } @media screen and (min-width: 40em) { .panel .panel-heading { padding-bottom: 1.25rem; } } @media screen and (min-width: 64em) { .panel .panel-heading { font-size: 2.7rem; } } .panel .panel-footer .more-trigger { position: relative; width: 100%; display: block; font-size: 1.125rem; margin: 1rem 0; color: #00A7B3 !important; } @media screen and (min-width: 40em) { .panel .panel-footer .more-trigger { margin-bottom: 0; } } @media screen and (min-width: 64em) { .panel .panel-footer .more-trigger { margin-top: 1.5rem; } } .panel .panel-footer .more-trigger span { cursor: pointer; display: block; text-align: center; margin: auto; position: relative; font-weight: bold; text-transform: capitalize; } .panel .panel-footer .more-trigger span i { font-style: normal; font-size: 2.3rem; } .panel .panel-footer .more-trigger span i:before { vertical-align: sub; } .panel .panel-footer .gap { padding-bottom: 1rem; } .panel article.pillar-homepage .primary-color { color: #00A7B3 !important; } .panel article.pillar-homepage .secondary-color { color: #00727e !important; } .panel article.pillar-homepage .primary-color-background { background: #00A7B3 !important; } .panel article.pillar-homepage .primary-color-background .category-name.secondary-color { color: #00727e !important; } .panel article.pillar-homepage i.icon { color: #00A7B3 !important; } .panel article.pillar-homepage .number { color: #00A7B3 !important; } .panel article.pillar-homepage .img-container i.icon { background: #00A7B3 !important; color: #ffffff !important; } .panel article.pillar-homepage a:hover .underline { border-bottom: 1px solid #00A7B3; } .panel article.pillar-homepage.panel-feature { background: #00A7B3 !important; } .panel article.pillar-homepage.panel-feature .meta .btn span { color: #00A7B3 !important; } .panel article.pillar-news .primary-color { color: #1176dd !important; } .panel article.pillar-news .secondary-color { color: #012c6b !important; } .panel article.pillar-news .primary-color-background { background: #1176dd !important; } .panel article.pillar-news .primary-color-background .category-name.secondary-color { color: #012c6b !important; } .panel article.pillar-news i.icon { color: #1176dd !important; } .panel article.pillar-news .number { color: #1176dd !important; } .panel article.pillar-news .img-container i.icon { background: #1176dd !important; color: #ffffff !important; } .panel article.pillar-news a:hover .underline { border-bottom: 1px solid #1176dd; } .panel article.pillar-news.panel-feature { background: #1176dd !important; } .panel article.pillar-news.panel-feature .meta .btn span { color: #1176dd !important; } .panel article.pillar-sport .primary-color { color: #4dbeee !important; } .panel article.pillar-sport .secondary-color { color: #055093 !important; } .panel article.pillar-sport .primary-color-background { background: #4dbeee !important; } .panel article.pillar-sport .primary-color-background .category-name.secondary-color { color: #055093 !important; } .panel article.pillar-sport i.icon { color: #4dbeee !important; } .panel article.pillar-sport .number { color: #4dbeee !important; } .panel article.pillar-sport .img-container i.icon { background: #4dbeee !important; color: #ffffff !important; } .panel article.pillar-sport a:hover .underline { border-bottom: 1px solid #4dbeee; } .panel article.pillar-sport.panel-feature { background: #4dbeee !important; } .panel article.pillar-sport.panel-feature .meta .btn span { color: #4dbeee !important; } .panel article.pillar-entertainment .primary-color { color: #f2558a !important; } .panel article.pillar-entertainment .secondary-color { color: #68002a !important; } .panel article.pillar-entertainment .primary-color-background { background: #f2558a !important; } .panel article.pillar-entertainment .primary-color-background .category-name.secondary-color { color: #68002a !important; } .panel article.pillar-entertainment i.icon { color: #f2558a !important; } .panel article.pillar-entertainment .number { color: #f2558a !important; } .panel article.pillar-entertainment .img-container i.icon { background: #f2558a !important; color: #ffffff !important; } .panel article.pillar-entertainment a:hover .underline { border-bottom: 1px solid #f2558a; } .panel article.pillar-entertainment.panel-feature { background: #f2558a !important; } .panel article.pillar-entertainment.panel-feature .meta .btn span { color: #f2558a !important; } .panel article.pillar-lifestyle .primary-color { color: #f7a411 !important; } .panel article.pillar-lifestyle .secondary-color { color: #f45516 !important; } .panel article.pillar-lifestyle .primary-color-background { background: #f7a411 !important; } .panel article.pillar-lifestyle .primary-color-background .category-name.secondary-color { color: #f45516 !important; } .panel article.pillar-lifestyle i.icon { color: #f7a411 !important; } .panel article.pillar-lifestyle .number { color: #f7a411 !important; } .panel article.pillar-lifestyle .img-container i.icon { background: #f7a411 !important; color: #ffffff !important; } .panel article.pillar-lifestyle a:hover .underline { border-bottom: 1px solid #f7a411; } .panel article.pillar-lifestyle.panel-feature { background: #f7a411 !important; } .panel article.pillar-lifestyle.panel-feature .meta .btn span { color: #f7a411 !important; } .panel article.pillar-culture .primary-color { color: #8450d6 !important; } .panel article.pillar-culture .secondary-color { color: #42286b !important; } .panel article.pillar-culture .primary-color-background { background: #8450d6 !important; } .panel article.pillar-culture .primary-color-background .category-name.secondary-color { color: #42286b !important; } .panel article.pillar-culture i.icon { color: #8450d6 !important; } .panel article.pillar-culture .number { color: #8450d6 !important; } .panel article.pillar-culture .img-container i.icon { background: #8450d6 !important; color: #ffffff !important; } .panel article.pillar-culture a:hover .underline { border-bottom: 1px solid #8450d6; } .panel article.pillar-culture.panel-feature { background: #8450d6 !important; } .panel article.pillar-culture.panel-feature .meta .btn span { color: #8450d6 !important; } .panel article.pillar-archives .primary-color { color: #00ab84 !important; } .panel article.pillar-archives .secondary-color { color: #00785d !important; } .panel article.pillar-archives .primary-color-background { background: #00ab84 !important; } .panel article.pillar-archives .primary-color-background .category-name.secondary-color { color: #00785d !important; } .panel article.pillar-archives i.icon { color: #00ab84 !important; } .panel article.pillar-archives .number { color: #00ab84 !important; } .panel article.pillar-archives .img-container i.icon { background: #00ab84 !important; color: #ffffff !important; } .panel article.pillar-archives a:hover .underline { border-bottom: 1px solid #00ab84; } .panel article.pillar-archives.panel-feature { background: #00ab84 !important; } .panel article.pillar-archives.panel-feature .meta .btn span { color: #00ab84 !important; } .panel .head-row .column, .panel .head-row .columns { text-align: center; } .panel .panel-heading-link { display: inline-block; width: auto; } body.travel-deals #panel-1 { padding-top: 2rem !important; padding-bottom: 2rem; } /* Individual Panels */ .panel-breaking-news { width: 100%; background: #e20000; padding: 1rem 0; margin-bottom: 0; } @media screen and (min-width: 64em) { .panel-breaking-news a.column { padding-left: 1.25rem; padding-right: 1.25rem; } } .panel-breaking-news a { color: #ffffff !important; font-weight: bold; } .panel-breaking-news i.icon { color: #ffffff !important; font-size: 1rem; margin-right: 0.1rem; position: relative; top: 2px; } .panel-breaking-news span.breaking { color: #690000; margin-right: 5px; } .panel-breaking-news span.timestamp { display: none; float: right; font-size: 0.875rem; font-weight: normal; } @media screen and (min-width: 64em) { .panel-breaking-news span.timestamp { display: block; } } /* SCSS file for temaplte top_stories_4_up.html */ .panel-top-stories { position: relative; padding-top: 0; /*** More Stream ***/ /*** More button ***/ /* The Takeover */ /* Media Icons Style */ } .panel-top-stories .gap { margin-bottom: 2rem; } @media screen and (max-width: 39.9375em) { .panel-top-stories article.equalise { padding-bottom: 1rem; } .panel-top-stories article.equalise .visible { border-bottom: 1px solid #bbc2d4; padding-bottom: 0; margin-bottom: 1rem; margin-top: 1rem; } .panel-top-stories .top-article .article-meta { padding-bottom: 0.6rem; } .panel-top-stories .top-article .article-meta h3 { margin-bottom: 0.4rem; } } .panel-top-stories .lead-story-container { padding-bottom: 1rem; margin-bottom: 1rem; } @media screen and (min-width: 64em) { .panel-top-stories .lead-story-container { padding-top: 2rem; } } .panel-top-stories article { /*** Top Article ***/ /*** Top - Bottom 4 articles ***/ } .panel-top-stories article.top-article { position: relative; padding: 0; } .panel-top-stories article.top-article .top-story-wrapper:after { height: 1px; background: #bbc2d4; display: block; clear: both; content: ""; margin: 0 1.25rem; } @media screen and (min-width: 64em) { .panel-top-stories article.top-article .top-story-wrapper:after { width: 46.5%; margin-right: 0; } } .panel-top-stories article.top-article.live .top-story-wrapper:after { background: #e20000; } .panel-top-stories article.top-article .img-container { max-height: 515px; overflow: hidden; } .panel-top-stories article.top-article .img-container .inner { position: relative; } @media screen and (min-width: 64em) { .panel-top-stories article.top-article .img-container { float: right; width: 50%; padding: 0 1.25rem; } } .panel-top-stories article.top-article .article-meta h3 { margin-bottom: 1rem; font-size: 1.3rem; line-height: 1.6rem; } @media screen and (min-width: 40em) { .panel-top-stories article.top-article .article-meta h3 { font-size: 1.7rem; line-height: 2.3rem; } } @media screen and (min-width: 64em) { .panel-top-stories article.top-article .article-meta h3 { margin-top: 0; font-size: 2.2rem; line-height: 2.5rem; } } .panel-top-stories article.top-article .article-meta .leadin { display: none; font-size: 1.125rem; line-height: 1.875rem; font-family: "Source Sans Pro", sans-serif; } @media screen and (min-width: 64em) { .panel-top-stories article.top-article .article-meta .leadin { display: block; } } .panel-top-stories article.top-article .article-meta ul { display: none; list-style: inherit; margin-left: 1rem; } @media screen and (min-width: 64em) { .panel-top-stories article.top-article .article-meta ul { display: block; } } .panel-top-stories article.top-article .article-meta .datetime { font-size: 0.75rem; } @media screen and (min-width: 64em) { .panel-top-stories article.top-article .article-meta .datetime { padding-top: 1rem; } } @media screen and (min-width: 64em) { .panel-top-stories article.top-article .article-meta { float: left; width: 50%; } } @media screen and (min-width: 64em) { .panel-top-stories article.top-article .takeover-related-articles { position: absolute; bottom: 0; max-width: 46.5%; } } .panel-top-stories article.top-article .takeover-related-articles a { padding-bottom: 0; } @media screen and (min-width: 64em) { .panel-top-stories article.top-article .takeover-related-articles a { padding: 0; } } .panel-top-stories article.top-article .takeover-related-articles .article-meta { padding-top: 0; } .panel-top-stories article:not(.top-article) .img-container { margin-bottom: 0.625rem; } @media screen and (min-width: 64em) { .panel-top-stories article:not(.top-article) .img-container { height: auto; width: 100%; } } .panel-top-stories article:not(.top-article) .article-meta h3 { font-size: 0.875rem; line-height: 1.1rem; margin: 0; } @media screen and (max-width: 39.9375em) { .panel-top-stories article:not(.top-article) .article-meta h3 { margin-bottom: 0; } } @media screen and (min-width: 40em) { .panel-top-stories article:not(.top-article) .article-meta h3 { font-size: 1rem; line-height: 1.3rem; } } .panel-top-stories article:not(.top-article) .article-meta .datetime { margin: 0.2rem 0 0; font-size: 0.75rem; } @media screen and (min-width: 40em) { .panel-top-stories article:not(.top-article) .article-meta .datetime { margin-bottom: 1rem; } } .panel-top-stories article:not(.top-article) a { display: inline-block; border-bottom: 1px solid #bbc2d4; padding-bottom: 1rem; } @media screen and (min-width: 40em) { .panel-top-stories .more-stream { padding-top: 1.5rem; } } .panel-top-stories .more-stream .mpu.fluid-advert { border: none !important; } .panel-top-stories .more-stream article a { position: relative; padding: 0 0 0.5rem; } @media screen and (min-width: 40em) { .panel-top-stories .more-stream article a { padding: 1rem 0; } } .panel-top-stories .more-stream article a:after { width: 100%; } .panel-top-stories .more-stream article a .img-container { width: 29%; margin-right: 0.625rem; float: left; max-height: 92px; } @media screen and (min-width: 40em) { .panel-top-stories .more-stream article a .img-container { width: 50%; } .panel-top-stories .more-stream article a .img-container .inner { margin-right: .75rem; } } .panel-top-stories .more-stream article a .article-meta { width: 50%; display: inline; } @media screen and (min-width: 40em) { .panel-top-stories .more-stream article a { padding-bottom: 0.625rem; } } @media screen and (min-width: 40em) { .panel-top-stories .more-stream .unpadded article:first-child h3 { margin-top: 0; } } .panel-top-stories .more-stream .ad-container .mpu.fluid-advert div { margin: 0 auto !important; } .panel-top-stories .more-stream .ad-container { padding-top: 2rem; } @media screen and (min-width: 40em) { .panel-top-stories .more-stream .ad-container { padding-top: 1rem; } } @media screen and (max-width: 39.9375em) { .panel-top-stories .more-stream .ga-column { padding: 0; } } .panel-top-stories .more-stream .ad-container.fluid-advert-container .mpu { border: 0; } .panel-top-stories .more-stream .ad-container.fluid-advert-container .mpu div { margin: 0 auto; } .panel-top-stories .more-trigger { position: relative; width: 100%; display: block; font-size: 1.125rem; margin: 0 0 1rem; } @media screen and (min-width: 40em) { .panel-top-stories .more-trigger { margin: 1.6rem 0; } } .panel-top-stories .more-trigger span { cursor: pointer; display: block; text-align: center; margin: auto; padding-top: 7px; z-index: 2; position: relative; font-weight: bold; } .panel-top-stories .more-trigger span i { font-style: normal; font-size: 2.3rem; } .panel-top-stories .more-trigger span i::before { vertical-align: sub; } .panel-top-stories .results-list-container { padding-bottom: 0; } .panel-top-stories .results-list-container h3 { position: relative; font-size: 1.375rem; } @media screen and (min-width: 64em) { .panel-top-stories .results-list-container h3 { margin-top: 0; } } .panel-top-stories .results-list-container h3 a { font-size: 0.8rem; position: relative; float: right; width: auto; padding-top: 9px; } .panel-top-stories .results-list-container h3 a span { position: absolute; right: 0; padding-right: 31px; } .panel-top-stories .results-list-container h3 a span i { font-size: 1.8rem; position: absolute; top: 10px; right: 0; } .panel-top-stories .results-list-container ul { border-top: 3px solid #4ebff1; } .panel-top-stories .results-list-container ul li { padding: 0.9rem 1rem; } .panel-top-stories .results-list-container .more-trigger { margin-bottom: 0; } .panel-top-stories.has-takeover { max-width: 100%; } .panel-top-stories .takeover { position: relative; overflow: hidden; width: 100%; max-width: 100%; } @media screen and (min-width: 64em) { .panel-top-stories .takeover { margin-bottom: 2rem; padding-bottom: 2rem; } } .panel-top-stories .takeover .row { position: relative; } .panel-top-stories .takeover .index-heading { background: transparent; } .panel-top-stories .takeover .top-story-wrapper ul li a { text-decoration: underline; } .panel-top-stories .takeover.use-takeover-color article .article-meta .primary-color, .panel-top-stories .takeover.use-takeover-color article .article-meta .icon { color: white !important; } .panel-top-stories .takeover.use-takeover-color.pillar-news, .panel-top-stories .takeover.use-takeover-color.pillar-news .background-image-overlay { background: #012c6b; /* Old browsers */ background: -moz-linear-gradient(top, #012c6b 0%, #0b529a 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #012c6b 0%, #0b529a 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #012c6b 0%, #0b529a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$news-secondary-color', endColorstr='#0b529a',GradientType=0 ); /* IE6-9 */ } .panel-top-stories .takeover.use-takeover-color.pillar-news .takeover-related-articles article a, .panel-top-stories .takeover.use-takeover-color.pillar-news .background-image-overlay .takeover-related-articles article a { border-color: #5886b3 !important; } .panel-top-stories .takeover.use-takeover-color.pillar-news .takeover-related-articles article a:after, .panel-top-stories .takeover.use-takeover-color.pillar-news .background-image-overlay .takeover-related-articles article a:after { background: #5886b3 !important; } .panel-top-stories .takeover.use-takeover-color.pillar-sport, .panel-top-stories .takeover.use-takeover-color.pillar-sport .background-image-overlay { background: #055093; /* Old browsers */ background: -moz-linear-gradient(top, #055093 0%, #227cb6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #055093 0%, #227cb6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #055093 0%, #227cb6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$sport-secondary-color', endColorstr='#227cb6',GradientType=0 ); /* IE6-9 */ } .panel-top-stories .takeover.use-takeover-color.pillar-sport .takeover-related-articles article a, .panel-top-stories .takeover.use-takeover-color.pillar-sport .background-image-overlay .takeover-related-articles article a { border-color: #5f9cc6 !important; } .panel-top-stories .takeover.use-takeover-color.pillar-sport .takeover-related-articles article a:after, .panel-top-stories .takeover.use-takeover-color.pillar-sport .background-image-overlay .takeover-related-articles article a:after { background: #5f9cc6 !important; } .panel-top-stories .takeover.use-takeover-color.pillar-entertainment, .panel-top-stories .takeover.use-takeover-color.pillar-entertainment .background-image-overlay { background: #68002a; /* Old browsers */ background: -moz-linear-gradient(top, #68002a 0%, #9e2250 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #68002a 0%, #9e2250 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #68002a 0%, #9e2250 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$entertainment-secondary-color', endColorstr='#9e2250',GradientType=0 ); /* IE6-9 */ } .panel-top-stories .takeover.use-takeover-color.pillar-entertainment .takeover-related-articles article a, .panel-top-stories .takeover.use-takeover-color.pillar-entertainment .background-image-overlay .takeover-related-articles article a { border-color: #b35f7e !important; } .panel-top-stories .takeover.use-takeover-color.pillar-entertainment .takeover-related-articles article a:after, .panel-top-stories .takeover.use-takeover-color.pillar-entertainment .background-image-overlay .takeover-related-articles article a:after { background: #b35f7e !important; } .panel-top-stories .takeover.use-takeover-color.pillar-lifestyle, .panel-top-stories .takeover.use-takeover-color.pillar-lifestyle .background-image-overlay { background: #f45516; /* Old browsers */ background: -moz-linear-gradient(top, #f45516 0%, #f57514 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f45516 0%, #f57514 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f45516 0%, #f57514 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$lifestyle-secondary-color', endColorstr='#f57514',GradientType=0 ); /* IE6-9 */ } .panel-top-stories .takeover.use-takeover-color.pillar-lifestyle .takeover-related-articles article a, .panel-top-stories .takeover.use-takeover-color.pillar-lifestyle .background-image-overlay .takeover-related-articles article a { border-color: #f79a5a !important; } .panel-top-stories .takeover.use-takeover-color.pillar-lifestyle .takeover-related-articles article a:after, .panel-top-stories .takeover.use-takeover-color.pillar-lifestyle .background-image-overlay .takeover-related-articles article a:after { background: #f79a5a !important; } .panel-top-stories .takeover.use-takeover-color.pillar-culture, .panel-top-stories .takeover.use-takeover-color.pillar-culture .background-image-overlay { background: #42286b; /* Old browsers */ background: -moz-linear-gradient(top, #42286b 0%, #5c3896 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #42286b 0%, #5c3896 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #42286b 0%, #5c3896 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$culture-secondary-color', endColorstr='#5c3896',GradientType=0 ); /* IE6-9 */ } .panel-top-stories .takeover.use-takeover-color.pillar-culture .takeover-related-articles article a, .panel-top-stories .takeover.use-takeover-color.pillar-culture .background-image-overlay .takeover-related-articles article a { border-color: #8971b0 !important; } .panel-top-stories .takeover.use-takeover-color.pillar-culture .takeover-related-articles article a:after, .panel-top-stories .takeover.use-takeover-color.pillar-culture .background-image-overlay .takeover-related-articles article a:after { background: #8971b0 !important; } .panel-top-stories .takeover.use-takeover-image { background-size: cover !important; } @media screen and (max-width: 39.9375em) { .panel-top-stories .takeover.use-takeover-image { background-image: none !important; } } .panel-top-stories .takeover.use-takeover-image .background-image-overlay { background: #012c6b; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.9; } .panel-top-stories .takeover a { color: #ffffff !important; } .panel-top-stories .takeover ul { font-family: "Source Sans Pro", sans-serif; } .panel-top-stories .takeover ul li a { display: inline; } .panel-top-stories .takeover .takeover-related-articles article a { border-color: #bbc2d4 !important; padding-top: 1rem; } @media screen and (min-width: 64em) { .panel-top-stories .takeover .takeover-related-articles article a { border: 0; position: relative; padding-bottom: 0; } } .panel-top-stories .takeover .takeover-related-articles article a .img-container { margin-right: 0.625rem; float: left; width: 29%; max-height: 92px; margin-bottom: 0; } @media screen and (min-width: 40em) { .panel-top-stories .takeover .takeover-related-articles article a .img-container { margin-right: 1.25rem; width: 162px; height: 92px; } } @media screen and (min-width: 64em) { .panel-top-stories .takeover .takeover-related-articles article a .article-meta h3 { font-size: 1rem; } } @media screen and (min-width: 64em) { .panel-top-stories .takeover .takeover-related-articles article a:after { display: block; content: ''; width: 66%; height: 1px; background: #bbc2d4 !important; position: absolute; bottom: 1px; right: 0; } } @media screen and (min-width: 64em) { .panel-top-stories .takeover .takeover-related-articles article.inner-article a { border-bottom: 0; margin-bottom: -6px; } .panel-top-stories .takeover .takeover-related-articles article.inner-article a .img-container { padding: 0 !important; } } .panel-top-stories .hide-for-tablet .more-trigger { margin-top: 1rem; } .panel-top-stories .top-article .article-meta .icon { display: none; } @media screen and (max-width: 39.9375em) { .panel-top-stories .top-articles .top-story-container:nth-child(odd) { padding-right: 0.7rem; } .panel-top-stories .top-articles .top-story-container:nth-child(even) { padding-left: 0.7rem; } } .panel-top-stories .top-articles article a { margin-bottom: 1rem; } @media screen and (min-width: 64em) { .panel-top-stories .top-articles article a { margin-bottom: 0; } } .panel-top-stories .top-articles article .img-container .icon { display: none; } @media screen and (min-width: 64em) { .panel-top-stories .top-articles article .img-container .icon { display: block; } } @media screen and (min-width: 64em) { .panel-top-stories .top-articles article .article-meta .icon { display: none; } } .panel-top-stories .takeover-related-articles article .img-container .icon, .panel-top-stories .more-stream article .img-container .icon { display: none; } .panel-top-stories .takeover-related-articles article .article-meta .icon, .panel-top-stories .more-stream article .article-meta .icon { display: inline; } .panel-top-stories.up-1 article.top-article .top-story-wrapper:after, .panel-top-stories.up-3 article.top-article .top-story-wrapper:after { display: none; } .panel-top-stories.up-1 .top-article .takeover-related-articles, .panel-top-stories.up-3 .top-article .takeover-related-articles { margin-top: 1rem; border-top: 1px solid #bbc2d4; } .panel-top-stories.up-1 .top-article.live .takeover-related-articles, .panel-top-stories.up-3 .top-article.live .takeover-related-articles { border-color: #e20000; } .panel-top-stories.up-1 .top-article .takeover-related-articles a, .panel-top-stories.up-3 .top-article .takeover-related-articles a { padding-bottom: 1rem; } .panel-top-stories.up-1 .top-article .article-meta, .panel-top-stories.up-3 .top-article .article-meta { padding-bottom: 0; } @media screen and (min-width: 64em) { .panel-top-stories.up-1 .top-article .takeover-related-articles, .panel-top-stories.up-3 .top-article .takeover-related-articles { margin-top: 0; } .panel-top-stories.up-1 .top-article .takeover-related-articles a, .panel-top-stories.up-3 .top-article .takeover-related-articles a { padding-bottom: 0; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .panel-top-stories.up-1 .takeover .medium-6, .panel-top-stories.up-3 .takeover .medium-6 { width: 100%; } } @media screen and (min-width: 64em) { .panel-top-stories.up-4 article.top-article .article-meta h3 { margin-top: 1rem; } .panel-top-stories.up-4 article.top-article .top-story-wrapper:after { width: 93%; } .panel-top-stories.up-4 .top-story-container { float: left; } .panel-top-stories.up-4 .top-story-container .top-article h3 { font-size: 1.875rem; min-height: 76px; } .panel-top-stories.up-4 .top-story-container .img-container { width: 100%; } .panel-top-stories.up-4 .top-story-container .article-meta { width: 100%; } .panel-top-stories.up-4 .top-story-container .article-meta .datetime { display: block; padding: 0; margin-bottom: 1.5rem; } .panel-top-stories.up-4 .takeover-related-articles { float: left; } .panel-top-stories.up-4 .takeover-related-articles .medium-6 { width: 100%; } .panel-top-stories.up-4 .takeover-related-articles .medium-6 article a { position: relative; padding: 0; margin: 0.9rem 0; border-bottom: 0; } .panel-top-stories.up-4 .takeover-related-articles .medium-6 article a .img-container { margin-bottom: 0; } .panel-top-stories.up-4 .takeover-related-articles .medium-6:first-child a { padding-top: 0; margin-top: 0; } } .panel-top-stories.single-article { padding-bottom: 0; } .panel-top-stories.single-article .takeover { margin-bottom: 0; } /* SCSS file for template topic.html */ .panel-topic-a { /*General / Mobile */ background: #ffffff; /* Media Icons Style */ } .panel-topic-a .top-story-container { padding-top: 0.4rem; } @media screen and (min-width: 40em) { .panel-topic-a .top-story-container { padding-top: 0.6rem; } } .panel-topic-a .panel-heading { padding-bottom: 0; } .panel-topic-a article { padding-top: 0.75rem; padding-bottom: 0.25rem; } .panel-topic-a article a { display: inline-block; border-bottom: 1px solid #bbc2d4; color: #000000; } .panel-topic-a article a .article-meta h3 { margin: 0; font-size: 0.875rem; line-height: 1.3rem; padding-bottom: .5rem; } .panel-topic-a article.top-story { padding-top: 0.4rem; } .panel-topic-a article.top-story a { border: none !important; background: #00A7B3; } .panel-topic-a article.top-story a .img-container { max-height: 202px; } .panel-topic-a article.top-story a .article-meta { padding: 1.25rem; color: #fff; } @media screen and (max-width: 39.9375em) { .panel-topic-a article.top-story a .article-meta { margin: 0; } } .panel-topic-a article.top-story a .article-meta h3 { font-size: 1.375rem; line-height: 1.3; } .panel-topic-a article.top-story a .article-meta h3 span.updated { color: #00A7B3 !important; } .panel-topic-a article:not(.top-story) a { display: inline-block; } .panel-topic-a article:not(.top-story) .img-container { max-height: 85px; width: 29%; float: left; margin-right: 0.625rem; margin-bottom: 1rem; } .panel-topic-a article:not(.top-story) .article-meta { display: inline; width: 70%; } .panel-topic-a article:not(.top-story) .article-meta h3 { font-size: 0.875rem; line-height: 1.1rem; margin: 0; padding: 0; } @media screen and (min-width: 40em) { .panel-topic-a article { border-bottom: 0; } .panel-topic-a article.top-story { padding-top: 0.6rem; padding-bottom: 0; } .panel-topic-a article.top-story a { border-bottom: 1px solid #bbc2d4; } .panel-topic-a article.top-story a .img-container { max-height: 100%; } .panel-topic-a article.top-story a .category-name { color: #00727e; } .panel-topic-a article:not(.top-story) { padding-top: 0.6rem; padding-bottom: 0.75rem; } } @media screen and (min-width: 40em) and (orientation: landscape) { .panel-topic-a article:not(.top-story) { height: 33.33333%; padding-bottom: 0; } .panel-topic-a article:not(.top-story) a { height: 100%; padding-top: 0.6rem; } } @media screen and (min-width: 40em) { .panel-topic-a article:not(.top-story) a { position: relative; padding-bottom: 0.75rem; } .panel-topic-a article:not(.top-story) a .img-container { width: 40%; margin-right: 0; max-width: 170px; margin-bottom: 0.625rem; padding-right: 1.25rem; } .panel-topic-a article:not(.top-story) a .article-meta h3 { font-size: 1rem; } .panel-topic-a article:not(.top-story) a .article-meta h3 i.icon { font-size: 1.375rem; top: 3px; } } @media screen and (min-width: 64em) { .panel-topic-a article.top-story a { height: 373px; } .panel-topic-a article.top-story a .img-container { width: 100%; float: none; } .panel-topic-a article.top-story a .article-meta { width: 100%; } .panel-topic-a article:not(.top-story).bottom { padding-bottom: 0; } .panel-topic-a article:not(.top-story) a { position: relative; } .panel-topic-a article:not(.top-story) a .img-container { width: 50%; } .panel-topic-a article:not(.top-story) a .article-meta { width: 50%; } } .panel-topic-a .top-story .article-meta .icon { display: none; } @media screen and (min-width: 40em) { .panel-topic-a:not(.top-story) .article-meta .icon { position: relative; font-size: 1.375rem; top: 3px; padding-right: 0; } } .panel-topic-b { /* Globals */ background: #ffffff; /* Top story specific style */ /* Just on phone, just for first story, just for when there are only 4 stories rather than 5 */ /* Second story specific style (just some special rules for desktop and landscape tablet!) */ /* Media Icons Style */ } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .panel-topic-b .panel-heading { padding-bottom: 0.25rem; } } .panel-topic-b article { height: 100%; } .panel-topic-b article a { height: 100%; border-bottom: 1px solid #bbc2d4; padding-top: 1rem; padding-bottom: 1rem; } @media screen and (min-width: 64em) { .panel-topic-b article a { padding-top: 0; padding-bottom: 0; } } .panel-topic-b article h3 { font-size: 0.875rem; line-height: 1.1rem; margin: 0; } @media screen and (min-width: 40em) { .panel-topic-b article h3 { font-size: 1.2rem; line-height: 1.2; margin: 0.5rem 0; } } .panel-topic-b .row-with-stories { margin-bottom: 1rem; } @media screen and (min-width: 64em) { .panel-topic-b .row-with-stories { margin-bottom: 1.5rem; } } .panel-topic-b .panel-footer .more-trigger { margin-top: 0; } .panel-topic-b .story-container.story-3, .panel-topic-b .story-container.story-4 { width: 50%; } @media screen and (min-width: 64em) { .panel-topic-b .story-container { height: 300px !important; } .panel-topic-b .story-container.story-3, .panel-topic-b .story-container.story-4 { width: 25%; } } @media screen and (max-width: 39.9375em) { .panel-topic-b.stories-4 .story-container:nth-child(even) { padding-left: 0.7rem; } .panel-topic-b.stories-4 .story-container:nth-child(odd) { padding-right: 0.7rem; } } @media screen and (max-width: 39.9375em) { .panel-topic-b.stories-5 .story-container:not(.story-1):nth-child(even) { padding-right: 0.7rem; } .panel-topic-b.stories-5 .story-container:not(.story-1):nth-child(odd) { padding-left: 0.7rem; } } .panel-topic-b .leadin { display: none; font-size: 1.125rem; line-height: 1.875rem; font-family: "Source Sans Pro", sans-serif; margin-top: 1rem; } .panel-topic-b .img-container { margin-bottom: 0.625rem; } .panel-topic-b .category-name { padding-top: 0; } @media screen and (min-width: 64em) { .panel-topic-b .category-name { padding-top: 0.5rem; } } @media screen and (max-width: 39.9375em) { .panel-topic-b .story-1 { width: 100%; height: auto !important; } .panel-topic-b .story-1 article a { padding-top: 0; padding-bottom: 0; } .panel-topic-b .story-1 article h3 { font-size: 1.3rem; line-height: 1.4rem; } .panel-topic-b .story-1 article .img-container { margin-bottom: 0; } } @media screen and (min-width: 64em) { .panel-topic-b .story-1 { height: 520px !important; } } .panel-topic-b .story-1 .article-meta { padding-top: 1rem; padding-bottom: 0.6rem; } @media screen and (min-width: 40em) { .panel-topic-b .story-1 .article-meta { padding-top: 0; padding-bottom: 0; } } .panel-topic-b .story-1 .leadin { display: none; } @media screen and (min-width: 64em) { .panel-topic-b .story-1 .leadin { display: block; } } @media screen and (max-width: 39.9375em) { .panel-topic-b.stories-4 .story-1 { width: 50%; } .panel-topic-b.stories-4 .story-1 .article-meta { padding-top: 0; padding-bottom: 0; } .panel-topic-b.stories-4 .story-1 article a { padding-top: 1rem; padding-bottom: 1rem; } .panel-topic-b.stories-4 .story-1 article h3 { font-size: 0.875rem; } .panel-topic-b.stories-4 .story-1 .img-container { margin-bottom: 0.625rem; } } @media screen and (min-width: 64em) { .panel-topic-b .story-2 { height: 180px !important; } } @media screen and (min-width: 64em) { .panel-topic-b .story-2 { height: 220px !important; } } .panel-topic-b .story-2 article a { border-bottom: 1px solid #bbc2d4; } .panel-topic-b .story-2 article a h3 { margin: 0.5rem 0; } .panel-topic-b .story-2 article a:after { display: none; } .panel-topic-b .story-2 .img-container { width: initial; float: none; margin-bottom: 0.625rem; padding-right: initial; } @media screen and (min-width: 64em) { .panel-topic-b .story-2 article a { border-bottom: 0; } .panel-topic-b .story-2 article a h3 { margin: 0 1.1rem 1rem 0; } .panel-topic-b .story-2 article a:after { display: block; content: ''; width: 39%; height: 1px; background: #bbc2d4; float: right; margin-top: -2px; } .panel-topic-b .story-2 .img-container { width: 61%; float: left; margin-bottom: 0; padding-right: 1.25rem; } } @media screen and (max-width: 39.9375em) { .panel-topic-b .story-container .img-container .icon { display: none; } } @media screen and (max-width: 39.9375em) { .panel-topic-b .story-1 .article-meta .icon { display: none; } .panel-topic-b .story-1 .img-container .icon { display: block; } } @media screen and (min-width: 40em) { .panel-topic-b .article-meta .icon { display: none; } } .panel-topic-c { background: #ffffff; /* Media Icons Style */ } @media screen and (max-width: 63.9375em) { .panel-topic-c .row > div { height: auto !important; } } .panel-topic-c article a { height: 100%; } .panel-topic-c .top-story { position: relative; } .panel-topic-c .top-story a { max-height: 303px; } .panel-topic-c .top-story a .article-meta { margin: 0.5625rem 0 1rem; border-bottom: 1px solid #bbc2d4; padding-bottom: 0.75rem; } .panel-topic-c .top-story a .article-meta h3 { margin: 0; font-size: 1.2rem; line-height: 1.5rem; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .panel-topic-c .top-story a { border-bottom: 1px solid #bbc2d4; } .panel-topic-c .top-story a .img-container { margin-bottom: 1rem; } .panel-topic-c .top-story a .img-container .gradient { opacity: 0; } .panel-topic-c .top-story a .article-meta { position: relative; bottom: 0; padding: 0; margin: 0; width: 100%; float: none; border-bottom: 0; } .panel-topic-c .top-story a .article-meta h3 { font-size: 1.2rem; color: #000; margin: 0 0 0.5rem 0; line-height: 1.2em; padding: 0 !important; } .panel-topic-c .top-story a .category-name { display: inline; } } @media screen and (min-width: 64em) { .panel-topic-c .top-story.has-media a .article-meta h3 { padding: 0 1.5rem 0 4.5rem; } .panel-topic-c .top-story a { position: relative; } .panel-topic-c .top-story a .img-container .gradient { opacity: 1; background-image: -ms-linear-gradient(top, transparent 50%, #000000 100%); background-image: -moz-linear-gradient(top, transparent 50%, #000000 100%); background-image: -o-linear-gradient(top, transparent 50%, #000000 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, transparent 50%, #000000 100%); background-image: linear-gradient(to bottom, transparent 50%, #000000 100%); } .panel-topic-c .top-story a .article-meta { position: absolute; bottom: 1rem; padding-bottom: 0; margin-bottom: 0; margin-top: 0; border-bottom: 0; } .panel-topic-c .top-story a .article-meta h3 { padding: 0 1.5rem; color: #fff; font-size: 1.5rem; line-height: 1.8rem; } .panel-topic-c .top-story a .category-name { display: none; } } .panel-topic-c .second-story a { border-bottom: 1px solid #bbc2d4; } .panel-topic-c .second-story a .img-container { width: 29%; float: left; margin-right: 0.625rem; margin-bottom: 1rem; } .panel-topic-c .second-story a .article-meta { padding: 0 1rem; } .panel-topic-c .second-story a .article-meta h3 { font-size: 0.875rem; line-height: 1.1rem; margin: 0; } @media screen and (min-width: 40em) { .panel-topic-c .second-story a .img-container { margin-right: 0; width: 100%; } .panel-topic-c .second-story a .article-meta { width: 100%; float: none; padding: 0; } .panel-topic-c .second-story a .article-meta h3 { font-size: 1.2rem; margin: 0 0 0.5rem 0; line-height: 1.2em; } } @media screen and (min-width: 40em) { .panel-topic-c .other-stories { height: 33.33333%; } } .panel-topic-c .other-stories a { padding: 0.5rem 0 1rem 0; border-bottom: 1px solid #bbc2d4; } .panel-topic-c .other-stories a h3 { padding: 0; font-size: 0.875rem; line-height: 1.2; margin: 0; } @media screen and (max-width: 63.9375em) { .panel-topic-c .other-stories a h3 { margin-top: 0.5rem; } } @media screen and (min-width: 40em) { .panel-topic-c .other-stories a h3 { font-size: 1rem; } } @media screen and (min-width: 64em) { .panel-topic-c .other-stories:first-child a { padding: 0; } } .panel-topic-c .top-story .article-meta .icon { display: none; } @media screen and (max-width: 39.9375em) { .panel-topic-c .second-story .img-container .icon { display: none; } } @media screen and (min-width: 40em) { .panel-topic-c .second-story .article-meta .icon { display: none; } } /* SCSS file for profile-grid.html */ .panel-profile-grid .row { padding-top: 1rem; } .panel-profile-grid .panel-heading { color: #000000; } .panel-profile-grid article { border-bottom: 0; margin-bottom: 0.4rem; } .panel-profile-grid article a { display: inline-block; padding: 0.8rem 1.25rem; background: #f5f6fa; border-bottom: 1px solid #bbc2d4; } .panel-profile-grid article .img-container { width: 50%; float: left; padding-right: 1.25rem; } .panel-profile-grid article .img-container img { width: 100%; } .panel-profile-grid article .article-meta { font-family: "Source Sans Pro", sans-serif; width: 50%; float: left; } .panel-profile-grid article .article-meta h3 { padding-bottom: 0.3rem; margin: 0; font-weight: normal; font-size: 1.313rem; line-height: 1.6rem; border-bottom: 1px solid #c0c3d2; } .panel-profile-grid article .article-meta p.description { margin: 0; font-size: 1rem; padding: 0.3rem 0; } .panel-profile-grid article .article-meta p.button { font-family: "Montserrat", sans-serif; font-size: 1.125rem; position: relative; font-weight: 600; margin: 0; } .panel-profile-grid article .article-meta p.button i { font-size: 2.4rem; position: absolute; top: 12px; float: right; right: -6px; } .panel-profile-grid.even article a { background: #dbe1e9; } @media only screen and (min-width: 640px) and (max-width: 735px) { .panel-profile-grid .medium-6 { width: 100%; } } /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .panel-carousel { position: relative; padding-bottom: 1.4rem; overflow: hidden; /*** TABLET ***/ /* Media Icons Style */ } .panel-carousel .slick-slide { padding: 0 1.25rem; } .panel-carousel .slick-slide a { height: 100%; } .panel-carousel .slick-slide .article-meta h3 { line-height: 1.4rem; margin-bottom: 0; } .panel-carousel .slick-arrow { position: absolute; z-index: 100; top: 39%; border-radius: 30px; height: 90px; width: 45px; background: #d9dfe7; font-size: 2.5rem; padding-top: 1rem; cursor: pointer; } .panel-carousel .slick-arrow.carousel-prev { left: 0; border-radius: 0 90px 90px 0; -moz-border-radius: 0 90px 90px 0; -webkit-border-radius: 0 90px 90px 0; } .panel-carousel .slick-arrow.carousel-prev i.icon { left: -8px; } .panel-carousel .slick-arrow.carousel-next { right: 0; border-radius: 90px 0 0 90px; -moz-border-radius: 90px 0 0 90px; -webkit-border-radius: 90px 0 0 90px; } .panel-carousel .slick-arrow i.icon { font-size: 3rem; position: relative; top: 7px; color: #ffffff !important; } @media screen and (min-width: 40em) { .panel-carousel .slick-slider { margin: auto; } .panel-carousel .slick-arrow { top: 37%; border-radius: 90px !important; width: 90px; text-align: center; } .panel-carousel .slick-arrow.carousel-prev { left: 3rem; } .panel-carousel .slick-arrow.carousel-prev i.icon { left: 0; } .panel-carousel .slick-arrow.carousel-next { padding-left: 0; right: 3rem; } } .panel-carousel .article-meta .icon { display: none; } /* SCSS file for template for feature.html */ .panel-feature { padding: 0; } .panel-feature article { background: #00A7B3; } .panel-feature .row { padding: 64% 0 2.5rem; } @media screen and (min-width: 40em) { .panel-feature .row { padding: 0; height: 400px; } } .panel-feature .meta-container { width: 100%; text-align: center; height: 100%; display: table; } @media screen and (min-width: 40em) { .panel-feature .meta-container { width: 380px; } } .panel-feature .meta { display: table-cell; vertical-align: middle; cursor: pointer; width: 100%; color: #ffffff; } .panel-feature .meta h3 { color: #ffffff; font-size: 2rem; line-height: 2.5rem; margin: 0; text-align: center; } .panel-feature .meta p { color: #ffffff; font-family: "Source Sans Pro", sans-serif; font-size: 1rem; text-align: center; margin: 0.5rem 0 1.5rem 0; } .panel-feature .meta .btn { display: inline-block; margin: auto; padding: 0.7rem 1rem; background: #ffffff; cursor: pointer; border-radius: 90px; color: #00A7B3; position: relative; font-size: 1.125rem; } .panel-feature .meta .btn span { display: inline-block; font-weight: bold; text-transform: capitalize; } .panel-feature .meta .btn span.icon-container { width: 42px; } .panel-feature .meta .btn span.icon-container i { font-size: 3rem; font-weight: normal; } .panel-feature .meta .btn span.icon-container i:before { position: absolute; top: 24px; } @media screen and (min-width: 40em) { .panel-feature .meta h3 { font-size: 2.5rem; line-height: 3rem; } .panel-feature .meta p { font-size: 1.125rem; margin: 2rem 0; } } .panel-feature.recipe-search #searchbox { background: none; display: block; height: auto; } .panel-feature.recipe-search #searchbox form { margin: 0; max-width: 300px; padding-left: .9rem; } .panel-feature.recipe-search #searchbox form input { color: #a7b3c9; width: 60%; padding: 15px 0 0 0.3rem; } .panel-feature.recipe-search #searchbox form button { width: 40%; background: #f45516; padding: 20px 0; } .panel-results .mpu { margin: 2rem 0; } .panel-results .more-link { font-weight: bold; text-align: right; margin: 1rem 0; } .panel-results .more-link i { font-size: 2.3rem; margin-top: 12px; float: right; } .panel-results .results-widget.standings .clearfix { display: none !important; } .panel-results .results-widget.standings .table-container table { margin-bottom: 0; } @media screen and (min-width: 40em) { .panel-results .results-widget.standings .table-container { width: 100%; } } .panel-results .results-widget.standings td .team-flag, .panel-results .results-widget.standings td .position, .panel-results .results-widget.standings th .team-flag, .panel-results .results-widget.standings th .position { display: none !important; } .panel-results .results-widget.standings td.won, .panel-results .results-widget.standings td.lost, .panel-results .results-widget.standings td.drew, .panel-results .results-widget.standings td.for, .panel-results .results-widget.standings td.against, .panel-results .results-widget.standings th.won, .panel-results .results-widget.standings th.lost, .panel-results .results-widget.standings th.drew, .panel-results .results-widget.standings th.for, .panel-results .results-widget.standings th.against { display: none; } @media screen and (min-width: 64em) { .panel-results .results-widget.soccer-results .event .meta .time { line-height: 1.25rem; padding-bottom: 1rem; } .panel-results .results-widget.soccer-results .event .meta .additional-meta { padding: 0; } .panel-results .results-widget.soccer-results .event .meta .time, .panel-results .results-widget.soccer-results .event .meta .additional-meta { float: none; display: block; width: 100%; } } /* SCSS file for template trending.html */ .panel-trending .number { float: left; width: 13%; color: #4dbeee; opacity: 0.8; font-size: 2rem; line-height: 1.5rem; font-weight: bold; } @media screen and (min-width: 40em) { .panel-trending .number { width: 10%; } } .panel-trending article { border-bottom: 1px solid #bbc2d4; padding-bottom: 1.25rem; padding-top: 1.25rem; } @media screen and (min-width: 40em) { .panel-trending article { border-bottom: none; } } .panel-trending article a { position: relative; } @media screen and (min-width: 40em) { .panel-trending article a { height: 85px; } } .panel-trending article a:after { content: ""; display: none; clear: both; height: 1px; background: #bbc2d4; width: 100%; position: absolute; bottom: -1.3rem; } @media screen and (min-width: 40em) { .panel-trending article a:after { display: block; } } @media screen and (min-width: 40em) { .panel-trending .row:not(.row-heading) div > article:first-child { padding-top: 0; } } @media screen and (max-width: 39.9375em) { .panel-trending .row:not(.row-heading) div:first-child > article:first-child { padding-top: 0; } } .panel-trending .img-container { width: 29%; max-width: 170px; padding-right: 0.625rem; max-height: 85px; float: left; } @media screen and (min-width: 40em) { .panel-trending .img-container { width: 44%; padding-right: 1.25rem; } } .panel-trending .img-container .inner img { width: 100%; } .panel-trending .article-meta { float: left; width: 58%; } @media screen and (min-width: 40em) { .panel-trending .article-meta { width: 46%; } } .panel-trending .article-meta h3 { margin: 0; font-size: 0.875rem; line-height: 1.3rem; } .panel-trending .article-meta h3 i { /* Hack for XSLT requiering space in icon */ font-size: 0; } .panel-trending .article-meta h3 i:before { font-size: 1rem; } @media screen and (min-width: 40em) { .panel-trending .article-meta h3 { font-size: 1rem; } } .panel-trending .article-meta .pipe { font-size: 0.75rem; color: #bbc2d4; margin: 0 3px; } .panel-hero-carousel { position: relative; padding: 0 !important; } .panel-hero-carousel *:focus { outline: none; } .panel-hero-carousel .counter { background: rgba(0, 0, 0, 0.5); color: #ffffff; letter-spacing: 2px; font-size: 0.875rem; line-height: 18px; text-align: center; position: absolute; padding-top: 11px; top: 0; right: 0; width: 82px; height: 41px; z-index: 99; } @media screen and (min-width: 64em) { .panel-hero-carousel .counter { display: none; } } .panel-hero-carousel .slider { margin: 0 auto; width: 100%; } .panel-hero-carousel .slider .slick-list { width: 100%; } .panel-hero-carousel .slider .slick-list .inner { width: 100%; height: 100%; background: black; opacity: 0.7; } .panel-hero-carousel .slider .slick-slide { cursor: pointer; background: url(https://img.rasset.ie/000ba79f-600.jpg) no-repeat; max-width: 1120px; width: 1120px; background-position: 50% 0 !important; background-size: cover !important; height: 364.7px; max-height: 550px; position: relative; } .panel-hero-carousel .slider .slick-slide.slick-current .inner { background: linear-gradient(180deg, transparent 0%, #000000 100%); } @media screen and (min-width: 40em) { .panel-hero-carousel .slider .slick-slide { height: 417px; background-position-x: 0; } } @media screen and (min-width: 64em) { .panel-hero-carousel .slider .slick-slide { height: 550px; } } .panel-hero-carousel .slider .meta { transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; opacity: 0; position: absolute; bottom: 21.2px; left: 1rem; width: 100%; } @media screen and (min-width: 40em) { .panel-hero-carousel .slider .meta { left: 2rem; } } .panel-hero-carousel .slider .meta .info { clear: both; margin-bottom: 1rem; } .panel-hero-carousel .slider .meta h1.title { margin: 0 0 12px 0; color: #FFFFFF; font-family: "Montserrat"; font-size: 1.875rem; font-weight: 600; line-height: 2.31rem; } @media screen and (min-width: 40em) { .panel-hero-carousel .slider .meta h1.title { font-size: 3rem; line-height: 3.625rem; } } .panel-hero-carousel .slider .meta span { display: block; } .panel-hero-carousel .slider .meta span.datetime { color: #FFFFFF; font-family: "Source Sans Pro"; font-size: 18px; line-height: 23px; } .panel-hero-carousel .slider .meta span.category { color: #00A5B1; font-family: "Source Sans Pro"; font-size: 18px; line-height: 23px; } .panel-hero-carousel .slider .meta span.logo { width: 50px; height: 50px; float: left; margin-right: 1rem; background-size: cover !important; } .panel-hero-carousel .slider .meta span.logo.rte-one { background: url(../img/logo-rte-one.svg) no-repeat; } .panel-hero-carousel .slider .meta span.logo.rte-2 { background: url(../img/logo-rte-two.svg) no-repeat; } .panel-hero-carousel .slider .meta span.logo.player { background: url(../img/logo-rte-player.svg) no-repeat; } .panel-hero-carousel .slider .meta p.description { display: none; max-width: 757px; color: #FFFFFF; margin-bottom: 0; font-family: "Source Sans Pro"; font-size: 20px; line-height: 25px; } @media screen and (min-width: 40em) { .panel-hero-carousel .slider .meta p.description { display: block; } } .panel-hero-carousel .slider .meta button { clear: both; height: 40.73px; border-radius: 50px; background-color: #00A5B1; position: relative; color: #FFFFFF; font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 600; line-height: 18px; text-align: left; padding: 11px 3rem 11px 17px; } @media screen and (min-width: 40em) { .panel-hero-carousel .slider .meta button { padding: 2px 3.6rem 0 29px !important; height: 52px; font-size: 1rem; line-height: 19px; } } .panel-hero-carousel .slider .meta button i { text-align: center; font-size: 2rem; line-height: 1.9rem; color: #00A5B1; height: 30px; width: 30px; background-color: #FFFFFF; position: absolute; right: 1rem; bottom: 5px; border-radius: 50px; } @media screen and (min-width: 40em) { .panel-hero-carousel .slider .meta button i { bottom: 11px; } } .panel-hero-carousel .slick-arrow { position: absolute; z-index: 100; top: 1px; padding-top: 1rem; cursor: pointer; } @media screen and (min-width: 64em) { .panel-hero-carousel .slick-arrow { opacity: 0.7; top: 50%; } } .panel-hero-carousel .slick-arrow.carousel-prev { right: 45px; border-radius: 0 90px 90px 0; -moz-border-radius: 0 90px 90px 0; -webkit-border-radius: 0 90px 90px 0; } @media screen and (min-width: 40em) { .panel-hero-carousel .slick-arrow.carousel-prev { left: 0; } } @media screen and (min-width: 64em) { .panel-hero-carousel .slick-arrow.carousel-prev { left: 3%; right: auto; } } .panel-hero-carousel .slick-arrow.carousel-prev i.icon { left: -8px; } .panel-hero-carousel .slick-arrow:hover { opacity: 1; } .panel-hero-carousel .slick-arrow.carousel-next { right: 0; border-radius: 90px 0 0 90px; -moz-border-radius: 90px 0 0 90px; -webkit-border-radius: 90px 0 0 90px; } @media screen and (min-width: 40em) { .panel-hero-carousel .slick-arrow.carousel-next { right: 0; } } @media screen and (min-width: 64em) { .panel-hero-carousel .slick-arrow.carousel-next { right: 3%; } } .panel-hero-carousel .slick-arrow i.icon { font-size: 2rem; position: relative; color: #ffffff !important; } @media screen and (min-width: 64em) { .panel-hero-carousel .slick-arrow i.icon { font-size: 5rem; } } .panel-hero-carousel .slick-slider .slick-list .slick-slide.slick-current .meta { transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; opacity: 10; } .panel-search-recipe { color: #fff; background: #f7a411; padding: 1rem 1rem 0.5rem; margin-bottom: 2rem; } @media screen and (min-width: 40em) { .panel-search-recipe { padding: 0.5rem 1rem; } } @media (min-width: 40em) and (orientation: portrait) { .panel-search-recipe { background: url(//img.rasset.ie/000d163f-1400.jpg); background-repeat: no-repeat; background-size: 150%; padding-top: 3rem; padding-bottom: 3rem; text-align: center; } } .panel-search-recipe h3.heading:after { content: ""; } .panel-search-recipe p { margin-top: 0.25rem; } .panel-search-recipe form { position: relative; background: #fff; max-width: 300px; margin: 1rem auto; padding-left: 1rem; border-radius: 40px; } .panel-search-recipe form:before { position: absolute; top: 50%; transform: translateY(-50%); left: 0.5rem; font-family: 'icomoon' !important; font-size: 2rem; content: "\e916"; color: #000; opacity: 0.1; line-height: 1.5rem; } .panel-search-recipe form input { font-family: "Source Sans Pro", sans-serif; border: none; color: #a7b3c9; width: 64%; padding: 0.6rem 0 0.6rem 1.5rem; margin: 0.3rem auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; } .panel-search-recipe form input:focus { outline: none; } .panel-search-recipe form button { width: 36%; background: #f45516; padding: 14px 0; float: right; border-radius: 40px; } .panel-search-recipe form button i.icon { color: #fff; font-size: 1.4rem; font-weight: bold; vertical-align: middle; } @media (min-width: 40em) and (orientation: portrait) { .panel-search-recipe .meta { max-width: 300px; } } /* Overwrite for tag page seach box */ body.tag .panel-search-recipe form { max-width: 100%; } /* Most popular panel */ .panel-most-popular { display: inline-block; width: 100%; margin: auto; } .panel-most-popular .modified-date, .panel-most-popular .most-popular-time { display: block; font-size: 0.875rem; } @media screen and (min-width: 40em) { .panel-most-popular .modified-date, .panel-most-popular .most-popular-time { font-size: 1rem; } } .panel-most-popular .most-popular-time { font-size: 0.75rem; text-transform: uppercase; } @media screen and (min-width: 40em) { .panel-most-popular { margin: 0 0 0 auto; } } .panel-most-popular .heading { text-transform: uppercase; letter-spacing: 1px; border-bottom: 2px solid #6b728c; margin-bottom: 0 !important; padding-bottom: 1rem; font-size: 1.3rem; } .panel-most-popular .img-container { display: block !important; /* TODO: remove this when we go live. Remove also inline style from feed */ max-height: 85px; width: 29%; float: left; margin-right: 0.625rem; } @media screen and (min-width: 40em) { .panel-most-popular .img-container { width: 40%; max-width: 170px; margin-right: 1.25rem; } } .panel-most-popular ul { margin-top: 0; } .panel-most-popular ul li { clear: both; line-height: 1.2; } .panel-most-popular ul li:first-child { padding-top: 0; } .panel-most-popular ul li:first-child .most-popular-headline { font-size: 1.375rem; line-height: 1.2; } .panel-most-popular ul li:first-child .img-container { width: 100%; max-width: 100%; max-height: 100%; float: none; margin-right: 0; margin-bottom: 0.625rem; padding: 0; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .panel-most-popular ul li:last-child { display: none; } } .panel-most-popular ul li:last-child a { border-bottom: 0; } .panel-most-popular ul li img { width: 100%; } .panel-most-popular ul li a { display: inline-block; width: 100%; border-bottom: 1px solid #bbc2d4; padding: 1rem 0; } .panel-most-popular ul li a .most-popular-rank { display: none; } .panel-most-popular ul li a .most-popular-headline { font-family: "Montserrat", sans-serif; font-weight: 600; color: #000000; font-size: 1rem; line-height: 1.1rem; } @media screen and (max-width: 39.9375em) { .panel-most-popular ul li a .most-popular-headline { display: block; font-size: 0.875rem; line-height: 1.1; } } .panel-most-popular ul li a .most-popular-time { margin-top: 0.5rem; } @media screen and (max-width: 39.9375em) { .panel-most-popular ul li a .most-popular-time { display: inline; line-height: 1.1; margin-top: 0; } } @media screen and (max-width: 39.9375em) { .panel-most-popular ul { margin-bottom: 0; } .panel-most-popular ul li:last-child { border-bottom: 1px solid #bbc2d4; } } @media (min-width: 40em) and (orientation: portrait) { .panel-most-popular ul { width: 100%; height: 360px; float: left; } .panel-most-popular ul li { width: 50%; height: 33.33333%; float: left; clear: none; padding-left: 1.25rem; } .panel-most-popular ul li:first-child { height: 100%; padding-left: 0; padding-right: 1.25rem; } .panel-most-popular ul li a { height: 100%; } } .panel-most-popular.competitions h3.heading { font-size: 1.8rem !important; } /* SCSS file for template author.html */ .panel-author { margin-bottom: 1rem; } .panel-author .byline { padding-right: 0; } @media screen and (min-width: 40em) { .panel-author .byline { border-right: 1px solid #bbc2d4; } } .panel-author .byline-image { display: inline-block; width: 92px; height: 92px; border-radius: 0; float: left; margin-right: 0; } @media screen and (min-width: 40em) { .panel-author .byline-image { width: 120px; height: 120px; } } @media screen and (min-width: 64em) { .panel-author .byline-image { width: 200px; height: 200px; } } .panel-author .meta { float: left; padding-bottom: 1rem; padding-left: 1rem; } @media screen and (min-width: 40em) { .panel-author .meta { padding-left: 1.5rem; } } .panel-author .meta h3 { display: inline; text-align: left; font-size: 1.3rem; line-height: 0; color: #677893; margin: 0; cursor: default; } @media screen and (min-width: 40em) { .panel-author .meta h3 { font-size: 1.5rem; line-height: 1.5rem; } } .panel-author .meta h3 a { display: inline; font-size: inherit; } .panel-author .meta p.about { font-family: "Source Sans Pro", sans-serif; font-size: 0.875rem !important; margin: 0.5rem 0; line-height: 1.1rem !important; color: #677893; font-style: italic; } @media screen and (min-width: 40em) { .panel-author .meta p.about { font-size: 1rem !important; margin: 0.7rem 0; line-height: 1.2rem !important; } } .panel-author .meta p.twitter-handle { font-size: 0.875rem; font-style: initial; font-family: "Montserrat", sans-serif; margin-top: 0 !important; margin-bottom: 0; font-weight: bold; } @media screen and (min-width: 40em) { .panel-author .meta p.twitter-handle { font-size: 1rem; } } .panel-author .meta p.twitter-handle span.follow-text { float: left; color: #000000; margin-right: 5px; } .panel-author .meta p.twitter-handle a { color: #00A7B3; } @media screen and (min-width: 40em) { .panel-author .articles { padding-left: 2.5rem; } } .panel-author .articles article { display: inline-block; } .panel-author .articles article:first-child a { border-top: 1px solid #bbc2d4; } @media screen and (min-width: 40em) { .panel-author .articles article:first-child a { border-top: none; } .panel-author .articles article:first-child a .article-meta { padding-top: 0; } } .panel-author .articles article a { display: inline-block; color: #000000; text-decoration: none; border-bottom: 1px solid #bbc2d4; padding-bottom: 1rem; } @media screen and (min-width: 40em) { .panel-author .articles article a { padding-bottom: 0; } } @media screen and (min-width: 64em) { .panel-author .articles article a { padding-bottom: 1rem; } } .panel-author .articles article a .article-meta { padding: 1.25rem 0 1rem; } @media screen and (min-width: 40em) { .panel-author .articles article a .article-meta { padding: 0.7rem 0 1rem; } } .panel-author .articles article a .article-meta h3 { margin: 0; font-size: 1rem; line-height: 1.1rem; } .panel-author .articles article a .article-meta .category-name { float: left; display: block; margin-top: 0.5rem; } .panel-author .articles article a .article-meta .pipe { float: left; font-size: 0.75rem; color: #bbc2d4; margin: 0.5rem 3px 0; } .panel-author.no-articles { padding-top: 0; border-bottom: 1px solid #bbc2d4; margin-bottom: 1rem; } @media screen and (min-width: 40em) { .panel-author.no-articles h3 { font-size: 2.3rem; line-height: 2rem; } } .panel-author.no-articles .byline { padding-left: 1rem; border-right: 0 !important; } @media screen and (min-width: 40em) { .panel-author.no-articles .byline { padding-right: 0; } } .panel-author.no-articles .meta { padding-bottom: 0; } @media screen and (min-width: 40em) { .panel-author.no-articles .meta { width: 71%; } } .panel-author.no-articles p.about { font-family: "Source Sans Pro", sans-serif; text-transform: capitalize; } .panel-author.no-articles p.about.source { color: #000000; font-style: normal; } @media screen and (min-width: 40em) { .panel-author.no-articles p.about { padding-bottom: 1rem; border-bottom: 1px solid #bbc2d4; } } .panel-author.no-articles .extra { border-top: 1px solid #bbc2d4; margin: 0; padding: 0 0 0.5rem 0; } @media screen and (min-width: 40em) { .panel-author.no-articles .extra { border-top: none; padding: 0 0 0.5rem 1.5rem; } } .panel-author.no-articles .extra p { color: #000000 !important; margin: 0; } .panel-author.no-articles .extra a { display: inline; } .panel-author.no-articles.has-bio p.twitter-handle { display: none; } .panel-author.no-articles.has-bio .bio p { font-family: "Source Sans Pro", sans-serif; font-size: 1rem; } .panel-author.no-articles.has-bio .extra .twitter-handle { margin-top: 0.5rem !important; display: block; } .live-panel { margin-top: 1rem; } .live-panel .player-logo { width: 51px; height: 60px; display: block; float: left; background: url("http://dj.rasset.ie/tvplayer/svg/Button-Play.svg") no-repeat; background-size: 100%; margin-right: 1rem; } .live-panel .image-container { position: relative; } .live-panel .inner { display: inline-block; position: absolute; left: 10%; bottom: 1rem; } .live-panel .text { float: left; display: block; max-width: 85%; } .live-panel .label { padding: 3px 8px; margin: 6px 0; color: #fff; text-transform: uppercase; font-weight: 600; letter-spacing: 2px; font-size: 0.8rem; background: #ff2605; } .live-panel .label.coming-up { background: #45aaf2; } .live-panel .label.later { background: #fd7dac; } .live-panel img { width: 100%; } .live-panel h1 { font-size: 1rem; margin: 0; color: #fff; text-decoration: none; display: block; padding: 8px 0; font-weight: 800; } .live-panel p { margin: 0; color: #FFFFFF; } /* This is the SCSS file for panel-rte-player.html */ .panel-rte-player h1 { margin: 0.7rem 0; font-size: 1.3rem; } .panel-rte-player h2 { font-size: 1.2rem; margin: 0.8rem 0; line-height: 1.8rem; } /* The homepage reuses existing panels but will contains mixed content from the various other pillars. This mixin overrides existing CSS to add the vairious pillar colors */ .related-content { font-family: "Montserrat", sans-serif; padding: 0; } .related-content.pillar-news .primary-color { color: #1176dd !important; } .related-content.pillar-news .secondary-color { color: #012c6b !important; } .related-content.pillar-news .primary-color-background { background: #1176dd !important; } .related-content.pillar-news .primary-color-background .category-name.secondary-color { color: #012c6b !important; } .related-content.pillar-news i.icon { color: #1176dd !important; } .related-content.pillar-news .number { color: #1176dd !important; } .related-content.pillar-news .img-container i.icon { background: #1176dd !important; color: #ffffff !important; } .related-content.pillar-news a:hover .underline { border-bottom: 1px solid #1176dd; } .related-content.pillar-news.panel-feature { background: #1176dd !important; } .related-content.pillar-news.panel-feature .meta .btn span { color: #1176dd !important; } .related-content.pillar-sport .primary-color { color: #4dbeee !important; } .related-content.pillar-sport .secondary-color { color: #055093 !important; } .related-content.pillar-sport .primary-color-background { background: #4dbeee !important; } .related-content.pillar-sport .primary-color-background .category-name.secondary-color { color: #055093 !important; } .related-content.pillar-sport i.icon { color: #4dbeee !important; } .related-content.pillar-sport .number { color: #4dbeee !important; } .related-content.pillar-sport .img-container i.icon { background: #4dbeee !important; color: #ffffff !important; } .related-content.pillar-sport a:hover .underline { border-bottom: 1px solid #4dbeee; } .related-content.pillar-sport.panel-feature { background: #4dbeee !important; } .related-content.pillar-sport.panel-feature .meta .btn span { color: #4dbeee !important; } .related-content.pillar-entertainment .primary-color { color: #f2558a !important; } .related-content.pillar-entertainment .secondary-color { color: #68002a !important; } .related-content.pillar-entertainment .primary-color-background { background: #f2558a !important; } .related-content.pillar-entertainment .primary-color-background .category-name.secondary-color { color: #68002a !important; } .related-content.pillar-entertainment i.icon { color: #f2558a !important; } .related-content.pillar-entertainment .number { color: #f2558a !important; } .related-content.pillar-entertainment .img-container i.icon { background: #f2558a !important; color: #ffffff !important; } .related-content.pillar-entertainment a:hover .underline { border-bottom: 1px solid #f2558a; } .related-content.pillar-entertainment.panel-feature { background: #f2558a !important; } .related-content.pillar-entertainment.panel-feature .meta .btn span { color: #f2558a !important; } .related-content.pillar-lifestyle .primary-color { color: #f7a411 !important; } .related-content.pillar-lifestyle .secondary-color { color: #f45516 !important; } .related-content.pillar-lifestyle .primary-color-background { background: #f7a411 !important; } .related-content.pillar-lifestyle .primary-color-background .category-name.secondary-color { color: #f45516 !important; } .related-content.pillar-lifestyle i.icon { color: #f7a411 !important; } .related-content.pillar-lifestyle .number { color: #f7a411 !important; } .related-content.pillar-lifestyle .img-container i.icon { background: #f7a411 !important; color: #ffffff !important; } .related-content.pillar-lifestyle a:hover .underline { border-bottom: 1px solid #f7a411; } .related-content.pillar-lifestyle.panel-feature { background: #f7a411 !important; } .related-content.pillar-lifestyle.panel-feature .meta .btn span { color: #f7a411 !important; } .related-content.pillar-culture .primary-color { color: #8450d6 !important; } .related-content.pillar-culture .secondary-color { color: #42286b !important; } .related-content.pillar-culture .primary-color-background { background: #8450d6 !important; } .related-content.pillar-culture .primary-color-background .category-name.secondary-color { color: #42286b !important; } .related-content.pillar-culture i.icon { color: #8450d6 !important; } .related-content.pillar-culture .number { color: #8450d6 !important; } .related-content.pillar-culture .img-container i.icon { background: #8450d6 !important; color: #ffffff !important; } .related-content.pillar-culture a:hover .underline { border-bottom: 1px solid #8450d6; } .related-content.pillar-culture.panel-feature { background: #8450d6 !important; } .related-content.pillar-culture.panel-feature .meta .btn span { color: #8450d6 !important; } .related-content article * { color: #fff !important; } .related-content .related-headline { display: block; font-size: 1.125rem; font-weight: 600; padding: 1.25rem 1.25rem 0.5rem; line-height: 1.3; } @media screen and (min-width: 40em) { .related-content .related-headline { font-size: 1.375rem; } } .related-content .related-headline i { font-size: 1.5rem; padding-right: 0.5rem; } .related-content .category-name { display: block; padding: 0 1.25rem 1.25rem; } .related-content .gradient { position: relative; overflow: hidden; } .related-content .icon { display: block; position: absolute; left: 0; bottom: -2px; font-size: 1.5rem; padding: 1.65rem 0.9rem; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .related-content { margin-left: 0; margin-right: 0; width: 100%; } .related-content .gradient { width: 50%; float: left; padding-right: 1.25rem; } .related-content .related-headline, .related-content .category-name { display: block; margin-top: 0.5rem; } } .results-widget.soccer-results { display: inline-block; width: 100%; } .results-widget.soccer-results h3.date { font-size: 1.25rem; font-family: "Montserrat", sans-serif; font-weight: 600; margin: 1rem 0 0.5rem; } @media screen and (min-width: 40em) { .results-widget.soccer-results h3.date { font-size: 1.5rem; } } .results-widget.soccer-results h3.date:first-child { margin-top: 0; } .results-widget.soccer-results .event { display: inline-block; width: 100%; } .results-widget.soccer-results .event.postponed .meta .time { text-decoration: line-through; color: #CDCDCD; } .results-widget.soccer-results .meta { display: table; width: 100%; margin: 0.5rem 0; font-size: 0.8125rem; line-height: 0.8125rem; } @media screen and (min-width: 40em) { .results-widget.soccer-results .meta { float: left; width: 20%; margin: 0; height: 80px; } } .results-widget.soccer-results .meta span { display: inline-block; float: left; } .results-widget.soccer-results .meta span.stage { margin-right: 8px; padding-right: 8px; border-right: 1px solid #000000; } @media screen and (min-width: 40em) { .results-widget.soccer-results .meta span.stage { border-right: none; } } .results-widget.soccer-results .meta span.venue a { color: #4DBEEE !important; } .results-widget.soccer-results .meta span.venue a:hover { color: #275f77 !important; } @media screen and (min-width: 40em) { .results-widget.soccer-results .meta span.venue { display: block; } } .results-widget.soccer-results .meta span.time { font-family: "Montserrat", sans-serif; font-weight: 600; border-right: 1px solid #000000; display: table-cell; vertical-align: middle; padding-right: 0.5rem; margin-right: 0.5rem; } .results-widget.soccer-results .meta span.time.live { background: none !important; color: #e20000; border-bottom: 0 !important; } @media screen and (min-width: 40em) { .results-widget.soccer-results .meta span.time { border-right: 0; padding-left: 0; margin-right: 0; padding-right: 0; font-weight: 700; font-size: 1.5rem; width: 30%; } } @media screen and (min-width: 40em) { .results-widget.soccer-results .meta span { float: none; margin: 0; } } .results-widget.soccer-results .meta .additional-meta { display: table-cell; vertical-align: middle; float: left; } @media screen and (min-width: 40em) { .results-widget.soccer-results .meta .additional-meta { float: none; padding: 0 5%; } } .results-widget.soccer-results .match { font-size: 0.8125rem; width: 100%; } @media screen and (min-width: 40em) { .results-widget.soccer-results .match { font-size: 1.375rem; } } @media screen and (min-width: 40em) { .results-widget.soccer-results .match { float: right; width: 75%; } } .results-widget.soccer-results .match a { display: inline-block; color: #000 !important; width: 100%; border-top: 1px solid #bbc2d4; background: #edf0f5; } .results-widget.soccer-results .match a div { display: inline-block; } .results-widget.soccer-results .match .team { height: 45px; float: left; width: 40%; } @media screen and (min-width: 40em) { .results-widget.soccer-results .match .team { height: 80px; font-size: 1rem; } } .results-widget.soccer-results .match .team .team-name { word-wrap: break-word; max-width: 80px; line-height: 1rem; position: relative; } @media screen and (min-width: 40em) { .results-widget.soccer-results .match .team .team-name { max-width: inherit; } } .results-widget.soccer-results .match .team .team-name, .results-widget.soccer-results .match .team .team-flag { vertical-align: middle; } .results-widget.soccer-results .match .team .team-name span, .results-widget.soccer-results .match .team .team-flag span { height: 45px; display: table-cell; vertical-align: middle; } @media screen and (min-width: 40em) { .results-widget.soccer-results .match .team .team-name span, .results-widget.soccer-results .match .team .team-flag span { height: 80px; } } .results-widget.soccer-results .match .team .team-flag img.enet-image { width: 25px; height: 25px; } @media screen and (min-width: 40em) { .results-widget.soccer-results .match .team .team-flag img.enet-image { width: 40px; height: 40px; } } .results-widget.soccer-results .match .home-team { text-align: right; } .results-widget.soccer-results .match .home-team .team-flag { margin-left: 0.5rem; } .results-widget.soccer-results .match .away-team .team-flag { margin-right: 0.5rem; } .results-widget.soccer-results .match .score { width: 20%; float: left; text-align: center; } .results-widget.soccer-results .match .score span { line-height: 45px; } @media screen and (min-width: 40em) { .results-widget.soccer-results .match .score span { line-height: 80px; } } body.type-tables nav.results-sub-nav { margin-bottom: 1rem !important; } .results-widget.standings { font-family: "Source Sans Pro", sans-serif; } .results-widget.standings table { font-size: 0.8125rem; width: 100%; } @media screen and (min-width: 40em) { .results-widget.standings table { font-size: 0.9375rem; } } .results-widget.standings table tr.highlight { background: #fdf71e; } .results-widget.standings table tr th { font-family: "Montserrat", sans-serif; font-weight: 600; } .results-widget.standings table tr td, .results-widget.standings table tr th { padding: 0.5rem; text-align: center; } .results-widget.standings table tr td.won, .results-widget.standings table tr td.lost, .results-widget.standings table tr td.drew, .results-widget.standings table tr td.for, .results-widget.standings table tr td.against, .results-widget.standings table tr td.played, .results-widget.standings table tr td.points, .results-widget.standings table tr td.difference, .results-widget.standings table tr td.bonus, .results-widget.standings table tr th.won, .results-widget.standings table tr th.lost, .results-widget.standings table tr th.drew, .results-widget.standings table tr th.for, .results-widget.standings table tr th.against, .results-widget.standings table tr th.played, .results-widget.standings table tr th.points, .results-widget.standings table tr th.difference, .results-widget.standings table tr th.bonus { font-family: "Montserrat", sans-serif; font-weight: 600; } .results-widget.standings table tr td.won, .results-widget.standings table tr td.lost, .results-widget.standings table tr td.drew, .results-widget.standings table tr td.for, .results-widget.standings table tr td.against, .results-widget.standings table tr th.won, .results-widget.standings table tr th.lost, .results-widget.standings table tr th.drew, .results-widget.standings table tr th.for, .results-widget.standings table tr th.against { display: none; } @media screen and (min-width: 40em) { .results-widget.standings table tr td.won, .results-widget.standings table tr td.lost, .results-widget.standings table tr td.drew, .results-widget.standings table tr td.for, .results-widget.standings table tr td.against, .results-widget.standings table tr th.won, .results-widget.standings table tr th.lost, .results-widget.standings table tr th.drew, .results-widget.standings table tr th.for, .results-widget.standings table tr th.against { display: table-cell; } } .results-widget.standings table caption { text-align: left; font-size: 1.25rem; font-family: "Montserrat", sans-serif; font-weight: 700; margin: 1rem 0; } @media screen and (min-width: 40em) { .results-widget.standings table caption { font-size: 1.5rem; } } .results-widget.standings table thead { background: #edf0f5; } .results-widget.standings table thead tr th.team { text-align: left; } .results-widget.standings table tbody tr { border-bottom: 1px solid #677893; } .results-widget.standings table tbody tr.seperator { border-bottom-style: dashed; } .results-widget.standings table tbody tr td.team { text-align: left; word-wrap: break-word; } .results-widget.standings table tbody tr td.team .position { font-weight: bold; float: left; margin-right: 0.5rem; } @media screen and (min-width: 64em) { .results-widget.standings table tbody tr td.team .position { display: none; } } .results-widget.standings table tbody tr td.team.enet-image .team-flag { height: 25px; } .results-widget.standings table tbody tr td.team.enet-image .team-name, .results-widget.standings table tbody tr td.team.enet-image .position { display: block; padding-top: 5px; } .results-widget.standings table tbody tr td.team a { color: #000000; } .results-widget.standings table tbody tr td.team .team-flag { display: none; width: 29px; height: 17px; float: left; margin-right: 0.5rem; } @media (min-width: 400px) { .results-widget.standings table tbody tr td.team .team-flag { display: inline-block; } } .results-widget.standings table tbody tr td.team .team-flag img.flag { width: 100%; height: auto; margin: 0; } @media screen and (min-width: 64em) { .standings-container .results-widget.standings .large-4 { width: 100%; } } @media screen and (min-width: 64em) { .hide-logos table tbody tr td.team.enet-image .team-flag { display: none; } } .results-widget.match { max-width: 800px; margin: auto; font-family: "Source Sans Pro", sans-serif; /* main match section */ /* incidents section */ } .results-widget.match .match { margin: 1.25rem 0; } .results-widget.match .score { font-family: "Montserrat", sans-serif; } .results-widget.match .team, .results-widget.match .score { display: inline-block; text-align: center; width: 33.3333%; float: left; } @media screen and (min-width: 40em) { .results-widget.match .team, .results-widget.match .score { width: 40%; } } @media screen and (min-width: 40em) { .results-widget.match .team { font-size: 1.5rem; } } .results-widget.match .team .team-name { display: inline-block; } @media screen and (min-width: 40em) { .results-widget.match .team .team-name { padding-top: 6px; } } .results-widget.match .team img { display: block; width: 50px; height: 30px; margin: auto; margin-bottom: 0.652rem; } @media screen and (min-width: 40em) { .results-widget.match .team img { margin-bottom: 0; width: 100px; height: 57px; } } .results-widget.match .team img.enet-image { width: 40px; height: 40px; } @media screen and (min-width: 40em) { .results-widget.match .team.home-team { text-align: right; } } @media screen and (min-width: 40em) { .results-widget.match .team.home-team .team-flag { float: right; margin-left: 1rem; } } @media screen and (min-width: 40em) { .results-widget.match .team.away-team { text-align: left; } } @media screen and (min-width: 40em) { .results-widget.match .team.away-team .team-flag { float: left; margin-right: 1rem; } } .results-widget.match .score { font-size: 1.25rem; font-weight: 600; } @media screen and (min-width: 40em) { .results-widget.match .score { font-size: 2rem; width: 20%; } } .results-widget.match .meta { clear: both; padding-top: 1.25rem; text-align: center; font-size: 0.75rem; } @media screen and (min-width: 40em) { .results-widget.match .meta { font-size: 1rem; } } .results-widget.match .meta span.venue { margin: 0 8px; padding: 0 8px; border-left: 1px solid #000000; border-right: 1px solid #000000; } .results-widget.match .incidents { width: 100%; border-top: 1px solid #ccd2e0; background: #edf0f5; display: table; margin-top: 1.25rem; } .results-widget.match .incidents:after { display: block; content: ''; clear: both; } .results-widget.match .incidents .incident { clear: both; } .results-widget.match .incidents .incident div { padding: 0.5rem 0; display: inline-block; float: left; } .results-widget.match .incidents .incident .player { vertical-align: middle; width: 45%; font-size: 0.75rem; } @media screen and (min-width: 40em) { .results-widget.match .incidents .incident .player { font-size: 1.2rem !important; } } .results-widget.match .incidents .incident .player.home-team { text-align: right; } .results-widget.match .incidents .incident .player.away-team { text-align: left; } .results-widget.match .incidents .incident .time { width: 10%; text-align: center; vertical-align: middle; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEElEQVQIW2NMTEz8z8gABAAPKwIlXWq1kgAAAABJRU5ErkJggg==) #edf0f5; background-repeat: repeat-y; background-position: 48.5% 0; font-size: 0.75rem; } @media screen and (min-width: 40em) { .results-widget.match .incidents .incident .time { font-size: 1.2rem !important; } } .results-widget.match .incidents .incident .time span { background: #edf0f5; } .results-widget.match img.icon.yellow-card, .results-widget.match img.icon.yellow-card-2, .results-widget.match img.icon.red-card { width: 30px; height: 30px; } .results-widget.match img.icon.regular-goal, .results-widget.match img.icon.own-goal, .results-widget.match img.icon.penalty, .results-widget.match img.icon.penalty-shootout-scored, .results-widget.match img.icon.penalty-shootout-missed, .results-widget.match img.icon.extratime-goal, .results-widget.match img.icon.try, .results-widget.match img.icon.conversion, .results-widget.match img.icon.penalty-rugby { width: 26px; height: 26px; } .results-widget.lineups { background: #edf0f5; border-top: 1px solid #677893; padding-bottom: 1rem; } .results-widget.lineups:after { content: ''; display: block; clear: both; } .results-widget.lineups h3 { font-family: "Montserrat", sans-serif; font-weight: 600; text-transform: uppercase; font-size: 1.375rem; text-align: center; } .results-widget.lineups h3 .team-flag { max-width: 55px !important; } .results-widget.lineups h3 .home-team { float: left; } .results-widget.lineups h3 .away-team { float: right; } .results-widget.lineups table { width: 50%; float: left; } .results-widget.lineups table:first-of-type { border-right: 1px solid #a5b4cb; } .results-widget.lineups table tr { padding: 1rem 0; } .results-widget.lineups table tr td { font-size: 0.75rem; } @media screen and (min-width: 40em) { .results-widget.lineups table tr td { font-size: 1.2rem; } } .results-widget.lineups table tr td.heading { padding-left: 0.75rem; font-weight: bold; } .results-widget.lineups table tr td.number { padding-left: 0.75rem; width: 10%; } .results-widget.lineups table.home-lineup tr td { text-align: right; } .results-widget.lineups table.home-lineup tr td.number, .results-widget.lineups table.home-lineup tr td.heading { padding-left: 0; padding-right: 0.75rem; } .results-widget.stats { background: #edf0f5; border-top: 1px solid #bbbfd8; padding: 1rem; /* stats widget */ /* end stats widget */ } .results-widget.stats .index-heading { font-family: "Montserrat", sans-serif; font-weight: 600; background: none; color: #000000 !important; text-align: center; text-transform: uppercase; font-size: 1.5rem; margin: 0; } .results-widget.stats .index-heading .team-flag { max-width: 55px !important; } .results-widget.stats .index-heading .home-team { float: left; } .results-widget.stats .index-heading .away-team { float: right; } .results-widget.stats .match-stats { margin-bottom: 1rem; } .results-widget.stats .stat { position: relative; margin-bottom: 1rem; } .results-widget.stats .stat-header { font-size: 0.75rem; text-align: center; margin: 0; width: 100%; font-weight: normal; position: absolute; bottom: 0; } @media screen and (min-width: 40em) { .results-widget.stats .stat-header { font-size: 1.2rem; bottom: 6px; } } .results-widget.stats .stat-bar { height: 1rem; background: #a5b4c9; } .results-widget.stats .stat-bar .percentage { height: 100%; background: #000000; -webkit-transition: width 1s ease-in-out; -moz-transition: width 1s ease-in-out; -o-transition: width 1s ease-in-out; transition: width 1s ease-in-out; } .results-widget.stats .stat-bar .percentage.hold { width: 50% !important; } .results-widget.stats .stat-values { font-size: 0.75rem; font-family: "Montserrat", sans-serif; margin-top: 0.5rem; font-weight: 600; } @media screen and (min-width: 40em) { .results-widget.stats .stat-values { font-size: 1.75rem; } } .results-widget.stats span.teamb { float: right; } .results-widget.top-scorers table { width: 100%; } .results-widget.top-scorers table tr { border-bottom: 1px solid #bbc2d4; } .results-widget.top-scorers table tr td { padding: 0.5rem 0; } .results-widget.top-scorers table tr td.value { font-weight: bold; } .results-widget.top-scorers table tr td.rank { font-weight: bold; } /* GAA results overrides */ .results-widget.soccer-results.gaa-results .match .team { width: 35%; } .results-widget.soccer-results.gaa-results .match .score { width: 30%; } .results-widget.soccer-results.gaa-results .match .score span { display: inline-block; font-weight: bold; font-family: "Montserrat", sans-serif; } .results-widget.soccer-results.gaa-results .match .score span.gap { width: 10%; } .results-widget.soccer-results.gaa-results .match .score .team-flag { width: 42px !important; height: 42px !important; } @media (min-width: 380px) { .results-widget.soccer-results.gaa-results .results-widget.standings table tbody tr td.team.enet-image .team-name, .results-widget.soccer-results.gaa-results .results-widget.standings table tbody tr td.team.enet-image .position { padding-top: 12px; } } .results-widget.soccer-results.gaa-results span.gaa-crest { display: block; width: 42px; height: 42px !important; background: url("../img/crests/gaa.png") no-repeat; position: relative; } .results-widget.soccer-results.gaa-results span.gaa-crest.dublin { background-position: 0px -1px; } .results-widget.soccer-results.gaa-results span.gaa-crest.cork { background-position: -44px -1px; } .results-widget.soccer-results.gaa-results span.gaa-crest.galway { background-position: -88px -1px; } .results-widget.soccer-results.gaa-results span.gaa-crest.mayo { background-position: -132px -1px; } .results-widget.soccer-results.gaa-results span.gaa-crest.donegal { background-position: -176px -1px; } .results-widget.soccer-results.gaa-results span.gaa-crest.kerry { background-position: -220px -1px; } .results-widget.soccer-results.gaa-results span.gaa-crest.tipperary { background-position: -264px -1px; } .results-widget.soccer-results.gaa-results span.gaa-crest.clare { background-position: -308px -1px; } .results-widget.soccer-results.gaa-results span.gaa-crest.tyrone { background-position: -352px -1px; } .results-widget.soccer-results.gaa-results span.gaa-crest.antrim { background-position: -396px -1px; } .results-widget.soccer-results.gaa-results span.gaa-crest.limerick { background-position: 0px -44px; } .results-widget.soccer-results.gaa-results span.gaa-crest.roscommon { background-position: -44px -44px; } .results-widget.soccer-results.gaa-results span.gaa-crest.down { background-position: -88px -44px; } .results-widget.soccer-results.gaa-results span.gaa-crest.wexford { background-position: -132px -44px; } .results-widget.soccer-results.gaa-results span.gaa-crest.meath { background-position: -176px -44px; } .results-widget.soccer-results.gaa-results span.gaa-crest.derry { background-position: -220px -44px; } .results-widget.soccer-results.gaa-results span.gaa-crest.kilkenny { background-position: -264px -44px; } .results-widget.soccer-results.gaa-results span.gaa-crest.wicklow { background-position: -308px -44px; } .results-widget.soccer-results.gaa-results span.gaa-crest.offaly { background-position: -352px -43px; } .results-widget.soccer-results.gaa-results span.gaa-crest.cavan { background-position: -396px -43px; } .results-widget.soccer-results.gaa-results span.gaa-crest.waterford { background-position: -0px -87px; } .results-widget.soccer-results.gaa-results span.gaa-crest.westmeath { background-position: -44px -87px; } .results-widget.soccer-results.gaa-results span.gaa-crest.sligo { background-position: -88px -87px; } .results-widget.soccer-results.gaa-results span.gaa-crest.laois { background-position: -132px -87px; } .results-widget.soccer-results.gaa-results span.gaa-crest.kildare { background-position: -176px -87px; } .results-widget.soccer-results.gaa-results span.gaa-crest.carlow { background-position: -220px -87px; } .results-widget.soccer-results.gaa-results span.gaa-crest.louth { background-position: -264px -87px; } .results-widget.soccer-results.gaa-results span.gaa-crest.fermanagh { background-position: -308px -87px; } .results-widget.soccer-results.gaa-results span.gaa-crest.leitrim { background-position: -352px -86px; } .results-widget.soccer-results.gaa-results span.gaa-crest.armagh { background-position: -396px -86px; } .results-widget.soccer-results.gaa-results span.gaa-crest.monaghan { background-position: 0px -130px; } .results-widget.soccer-results.gaa-results span.gaa-crest.longford { background-position: -44px -130px; } .results-widget.soccer-results.gaa-results span.gaa-crest.tba { background-position: -89px -132px; } .results-widget.soccer-results.gaa-results span.gaa-crest.london { background-position: -133px -132px; } .results-widget.soccer-results.gaa-results span.gaa-crest.nonmatch { background-position: -220px -132px; } .results-widget.golf-results { width: 100%; } .results-widget.golf-results .event { display: block; clear: both; } .results-widget.golf-results .meta { height: auto; } @media screen and (min-width: 40em) { .results-widget.golf-results .meta { width: 25%; } } @media screen and (min-width: 40em) { .results-widget.golf-results .meta span.time { width: 50% !important; padding: 1.5rem 0; } } .results-widget.golf-results .match { line-height: 0; } .results-widget.golf-results .match .team { height: auto; width: 100%; } .results-widget.golf-results .match .team-name { max-width: 100% !important; width: 100%; } @media screen and (min-width: 40em) { .results-widget.golf-results .match .team-name { padding: 0 1.25rem; } } .results-widget.golf-results .match .team-name span { display: inline-block !important; width: 100%; height: auto !important; text-align: left; padding: .5rem 0; } @media screen and (min-width: 40em) { .results-widget.golf-results .match .team-name span { padding: 1.5rem 0; width: 60% !important; float: left; } } .results-widget.golf-results .match .team-name span.winner { font-weight: bold; position: relative; } @media screen and (min-width: 40em) { .results-widget.golf-results .match .team-name span.winner { text-align: right; width: 40% !important; padding-right: 3.5rem; } } .results-widget.golf-results .match .team-name span.winner i.icon-icon_trophy { color: #65778b; position: absolute; font-size: 1.5rem; bottom: 5px; } @media screen and (min-width: 40em) { .results-widget.golf-results .match .team-name span.winner i.icon-icon_trophy { bottom: 20px; } } .results-widget.golf-results .match .team-name span.winner i.icon-icon_arrow_right { position: absolute; font-weight: bold; color: #ffffff !important; background: #4ebff1; border-radius: 30px; padding: 5px; bottom: 20px; right: 1rem; } @media screen and (min-width: 40em) { .results-widget.golf-results .match .team-name span.winner i.icon-icon_arrow_right { right: 0; padding: 3px; } } .results-widget.golf-results .event.notstarted .team-name span { width: 100%; } .results-widget.golf-scoreboard .golf-event-details h3 { text-transform: uppercase; } .results-widget.golf-scoreboard .golf-event-details h3.stage-title { font-family: "Montserrat", sans-serif; font-weight: 600; border-bottom: 3px solid #4ebff1; padding: 0 0 1rem 0; } .results-widget.golf-scoreboard .golf-event-details h4.stage-meta { font-weight: normal; } .results-widget.golf-scoreboard .golf-event-details h4.stage-meta span { font-weight: bold; } .results-widget.golf-scoreboard .team-name span.foursome { font-size: 0.9rem; } .results-widget.golf-scoreboard .team-name span.foursome .slash { height: 0; display: inline-block; line-height: 0; } body.golf-scoreboard nav.results-sub-nav { margin: 0 0 0.9rem !important; } .results-widget.standings.golf-scoreboard table thead { background: #f5f6fa; border-bottom: 1px solid #bdc5d9; } .results-widget.standings.golf-scoreboard table thead tr th { text-align: left; } .results-widget.standings.golf-scoreboard table tbody tr { border-bottom: 1px solid #bdc5d9; } .results-widget.standings.golf-scoreboard table tbody tr.row-n-ireland { background: #ceecd2; } .results-widget.standings.golf-scoreboard table tbody tr td { text-align: left; } .results-widget.standings.golf-scoreboard table tbody tr td.player { text-align: left; } .results-widget.standings.golf-scoreboard table tbody tr td.player .position { display: block !important; text-align: center; } .results-widget.standings.golf-scoreboard table tbody tr td:not(.player) { font-weight: bold; } @media screen and (max-width: 39.9375em) { .results-widget.standings.golf-scoreboard table th.round, .results-widget.standings.golf-scoreboard table td.round { display: none; } } .results-widget.standings.golf-scoreboard .event .team.win { font-weight: bold; } .results-widget.standings.golf-scoreboard .event .team .team-name { max-width: 100%; } .results-widget.standings.golf-scoreboard .event .score { font-weight: 600; font-family: "Montserrat", sans-serif; } .results-widget.standings.golf-scoreboard .event .venue { text-align: center; position: relative; font-size: 1rem; padding-left: 1.7rem; } @media screen and (min-width: 40em) { .results-widget.standings.golf-scoreboard .event .venue { padding-left: 1.5rem; } } .results-widget.standings.golf-scoreboard .event .venue i { font-size: 1.5rem; position: absolute; bottom: -5px; left: 0; } .results-widget.standings.golf-scoreboard.ryder-cup.t-2014 .home-team.win span.name:before, .results-widget.standings.golf-scoreboard.ryder-cup.t-2014 .away-team.win span.name:after, .results-widget.standings.golf-scoreboard.ryder-cup.t-2016 .home-team.win span.name:before, .results-widget.standings.golf-scoreboard.ryder-cup.t-2016 .away-team.win span.name:after { content: ''; background: #213193; display: block; border-radius: 30px; padding: 1px; width: 13px; height: 13px; float: left; border: none; margin-right: 3px; position: absolute; top: 40%; left: -30px; } .results-widget.standings.golf-scoreboard.ryder-cup.t-2014 .away-team.win span.name:after, .results-widget.standings.golf-scoreboard.ryder-cup.t-2016 .away-team.win span.name:after { background: #cf001c; float: right; margin-left: 3px; left: auto; right: -30px; } .results-widget.standings.golf-scoreboard.ryder-cup.t-2014.t-2016 .home-team.win span.name:before, .results-widget.standings.golf-scoreboard.ryder-cup.t-2016.t-2016 .home-team.win span.name:before { background: #cf001c; } .results-widget.standings.golf-scoreboard.ryder-cup.t-2014.t-2016 .away-team.win span.name:after, .results-widget.standings.golf-scoreboard.ryder-cup.t-2016.t-2016 .away-team.win span.name:after { background: #213193; } .results-widget.standings.golf-scoreboard.ryder-cup .team-score { display: table; border-collapse: separate; width: 100%; } .results-widget.standings.golf-scoreboard.ryder-cup .team-score h1 { font-size: 1rem; text-align: center; font-family: "Montserrat", sans-serif; font-weight: 600; display: table-row; } @media screen and (min-width: 40em) { .results-widget.standings.golf-scoreboard.ryder-cup .team-score h1 { font-size: 2rem; } } .results-widget.standings.golf-scoreboard.ryder-cup .team-score h1 span { display: table-cell; text-align: center; vertical-align: middle; } .results-widget.standings.golf-scoreboard.ryder-cup .team-score h1 span img { display: block; width: 100%; } .results-widget.standings.golf-scoreboard.ryder-cup .team-score h1 span.flag { width: 25%; } .results-widget.standings.golf-scoreboard.ryder-cup .team-score h1 span.flag.home-flag { padding-right: 5%; } .results-widget.standings.golf-scoreboard.ryder-cup .team-score h1 span.flag.away-flag { padding-left: 5%; } .results-widget.standings.golf-scoreboard.ryder-cup .team-score h1 span.vs { width: 10%; } .results-widget.standings.golf-scoreboard.ryder-cup .team-score h1 span.score { width: 12%; background: #213193; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; color: #ffffff; } .results-widget.standings.golf-scoreboard.ryder-cup .team-score h1 span.score.usa, .results-widget.standings.golf-scoreboard.ryder-cup .team-score h1 span.score.USA { background: #cf001c; } body.tennis-results .results-sub-nav { margin-bottom: 0; } body.tennis-results .mpu { margin-top: 1.5rem; } .results-widget.tennis-results h3.date { font-family: "Montserrat", sans-serif; margin: 1.5rem 0 !important; font-size: 1.5rem; } .results-widget.tennis-results table { margin-bottom: 1rem; } .results-widget.tennis-results table thead { background: #edf0f5; } .results-widget.tennis-results table tr { border-bottom: 1px solid #677893; } .results-widget.tennis-results table tr td, .results-widget.tennis-results table tr th { width: 10%; text-align: center; padding: 0.5rem; } .results-widget.tennis-results table tr td.participant, .results-widget.tennis-results table tr th.participant { width: 50%; text-align: left; } .results-widget.tennis-results span.round, .results-widget.tennis-results span.current_set, .results-widget.tennis-results span.event_type { border-left: 1px solid #000000; padding-left: 10px; margin-right: 10px; } .results-widget.tennis-results span.time { margin-right: 10px; } .results-widget.tennis-results span.stage { border-right: none !important; } .results-widget.tennis-results span.winner { display: inline-block; background: #aad335; margin-left: 4px; width: 13px; height: 13px; border-radius: 90px; margin-top: 1px; } .results-widget.tennis-results .result-meta { margin-bottom: 1rem; font-family: "Montserrat", sans-serif; } .results-widget.tennis-results .result-meta .live { margin-right: 10px; } @media screen and (min-width: 64em) { body.results .content { overflow: auto; } } body.results .index-heading { margin-bottom: 2rem; } body.results.motorsport .results-sub-nav, body.results.cycling .results-sub-nav, body.results.snooker .results-sub-nav, body.results.tennis .results-sub-nav { margin-bottom: 0 !important; } @media screen and (max-width: 39.9375em) { body.results.motorsport .results-sub-nav.long-nav, body.results.cycling .results-sub-nav.long-nav, body.results.snooker .results-sub-nav.long-nav, body.results.tennis .results-sub-nav.long-nav { margin-top: 0; } body.results.motorsport .results-sub-nav.long-nav ul li, body.results.cycling .results-sub-nav.long-nav ul li, body.results.snooker .results-sub-nav.long-nav ul li, body.results.tennis .results-sub-nav.long-nav ul li { width: 50%; } body.results.motorsport .results-sub-nav.long-nav ul li a, body.results.cycling .results-sub-nav.long-nav ul li a, body.results.snooker .results-sub-nav.long-nav ul li a, body.results.tennis .results-sub-nav.long-nav ul li a { margin: 0; text-align: center; border-bottom: 3px solid #ffffff; } body.results.motorsport .results-sub-nav.long-nav ul li a.active, body.results.cycling .results-sub-nav.long-nav ul li a.active, body.results.snooker .results-sub-nav.long-nav ul li a.active, body.results.tennis .results-sub-nav.long-nav ul li a.active { border-bottom: 3px solid #4dbeee; } } body.results.motorsport .results-link.bottom, body.results.cycling .results-link.bottom, body.results.snooker .results-link.bottom, body.results.tennis .results-link.bottom { margin-top: 1rem !important; margin-bottom: 1rem !important; } body.results ul.fixture-list li, body.results ul.fixture-list a { cursor: default; } body.results ul.fixture-list li:hover, body.results ul.fixture-list a:hover { cursor: default; } .results-container { width: 100%; margin: auto; background: #FFFFFF; } .results-widget { font-family: "Source Sans Pro", sans-serif; } .results-widget table { width: 100%; border-collapse: collapse; } .widget-err { margin-top: 0; } .row-ireland { background: #ceecd2 !important; } nav.results-sub-nav { font-family: "Montserrat", sans-serif; font-size: 0.875rem; margin: 1rem 0; } @media screen and (min-width: 40em) { nav.results-sub-nav { margin: 0 0 3.75rem; font-size: 1rem; } } nav.results-sub-nav ul { margin: 0; border-bottom: 3px solid #F4F6F8; } nav.results-sub-nav ul:after { content: ""; display: block; clear: both; } nav.results-sub-nav ul li { display: inline-block; float: left; } nav.results-sub-nav ul li a { text-transform: uppercase; padding: 1.563rem 0; margin: 0 1rem; display: block; color: #677a98; font-weight: 600; line-height: 0; } nav.results-sub-nav ul li a:hover { color: #4dbeee; } nav.results-sub-nav ul li a.first { margin-left: 0; margin-right: 1rem; } nav.results-sub-nav ul li a.active { color: #000000; border-bottom: 6px solid #4dbeee; } img.flag { width: 29px; height: 17px; } @media screen and (min-width: 40em) { img.flag { width: 50px; height: 30px; } } a.results-link { position: relative; border-top: 3px solid #F4F6F8; color: #000000 !important; display: block; margin: 2.5rem 0; padding: 2.5rem 0 0 1.5rem; font-weight: bold; } a.results-link.bottom { padding-top: 0; border-top: none; margin: 0; } a.results-link i { font-size: 1.6rem; font-weight: bold; position: absolute; bottom: 12px; left: -5px; } .match-report .results-widget { margin: 1rem auto; } .match-report .standings-container .team-flag, .match-report .standings-container .won, .match-report .standings-container .lost, .match-report .standings-container .drew { display: none !important; } .results-list-container { padding-bottom: 2.5rem; } .results-list-container.golf ul { border-top: 3px solid #4ebff1; } .results-list-container h3 { text-transform: uppercase; margin-bottom: 0.5rem; } .results-list-container ul { margin: 0; } .results-list-container ul .menu-heading { background: #F4F6F8; border-bottom: 1px solid #bbc2d4; padding: 1rem; } .results-list-container ul .menu-heading:hover { cursor: pointer; background: #eee; } .results-list-container ul li a { color: #000; font-family: "Source Sans Pro", sans-serif; display: block; } .results-list-container ul li a:hover { text-decoration: underline; } .results-list-container ul li a i { font-weight: bold; color: #ffffff !important; background: #4ebff1; border-radius: 30px; margin-top: 2px; float: right; padding: 3px; } /* Advertising */ .ad-container { text-align: center; } .ad-container.is-sticky { position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; } .ad-container.is-sticky.smooth-transition { -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; } @media screen and (max-width: 63.9375em) { .ad-container.is-sticky { position: relative !important; top: 0 !important; } } .ad-container .leaderboard.topbanner, .ad-container .leaderboard.midbanner, .ad-container .leaderboard.bottombanner { display: none; } .ad-container .leaderboard.topbanner.show-advert, .ad-container .leaderboard.midbanner.show-advert, .ad-container .leaderboard.bottombanner.show-advert { display: block; } .one-x-one { display: none !important; } .leaderboard-container, .topcontainer { background: #000; } .leaderboard-container *, .topcontainer * { text-align: center; } .sticky.is-anchored.is-at-bottom { height: 100%; } .bottombanner, .midbanner { padding-bottom: 2rem; padding-top: 2rem; } .middlecontainer { position: relative; background: #ffffff; border-top: 1px solid #bbc2d4; border-bottom: 1px solid #bbc2d4; } .middlecontainer.empty-advert { border-top: none; border-bottom: none; } .midbanner { background: #ffffff; } #stickyleader { background: #000; margin-top: 0 !important; } .leaderboard.responsive-advert { padding: 0; } .leaderboard.responsive-advert div, .leaderboard.responsive-advert iframe { width: 100% !important; height: 250px; } #google_image_div { position: relative; text-align: center; } #gpt-top-leaderboard { width: 100%; margin: 1rem auto; } .advert { text-align: center; margin: auto; } .advert.skin { position: absolute; width: 1px; height: 1px; } .mpu { border: 1px solid #efeff1; background: #fff; } @media screen and (max-width: 39.9375em) { .mpu { border: none; max-width: 100%; } } .mpu div { display: block; width: 300px; margin: 30px auto; } @media screen and (max-width: 39.9375em) { .mpu div { margin: 0 auto; } } @media screen and (min-width: 40em) { .mpu.in-article-mpu { margin: 0 1.25rem 1.25rem; } } .mpu.homepage-fluid-advert { max-width: 1200px; margin: auto; position: relative; } .celtra-advertisement-message, .celtra-scroll-message { width: 100%; } .outer_mpu.columns { padding: 0; } #sidebar_outer .sticky-container { min-height: 300px; } @media (min-width: 1400px) { a.rte-skin-basic { display: block !important; } } a.rte-skin-basic:before { display: block; margin-top: 100px; } #sticky-mpu { position: relative; } @media screen and (min-width: 64em) { .sticky { position: absolute; } } @media screen and (max-width: 63.9375em) { .sticky { position: relative !important; top: 0 !important; } } @media screen and (min-width: 64em) { .stuck { position: absolute !important; } } @media screen and (max-width: 63.9375em) { .stuck { position: relative !important; top: 0 !important; } } @media screen and (max-width: 63.9375em) { #main_inner, #sidebar_outer { height: auto !important; } #sidebar_outer { min-height: 100%; } } body.old-ie .topcontainer { position: static !important; } /* All the fonts-related variables go here */ /* This is actually the heading font now */ /* Change the following values if you change Foundation's version */ footer.rte-global-footer { background: #151719; color: #fff; height: auto; width: 100%; padding: 1.25rem 0 0 0; /** Icon buttons **/ } @media screen and (min-width: 40em) { footer.rte-global-footer { padding-top: 2rem; } } footer.rte-global-footer p { font-size: .9em; font-family: "Source Sans Pro", sans-serif; color: #fff; margin-bottom: 0; font-weight: normal; } footer.rte-global-footer .footer-logo { display: block; font-size: 3.8em; margin: 0 auto; color: #ffffff; text-decoration: none; } footer.rte-global-footer .menu-heading { font-family: "Montserrat", sans-serif; font-weight: 600; color: #fff; padding-bottom: 1rem; } @media screen and (max-width: 39.9375em) { footer.rte-global-footer .menu-heading:hover { cursor: pointer; } } footer.rte-global-footer ul { display: none; list-style: none; padding: 0; } @media screen and (min-width: 40em) { footer.rte-global-footer ul { display: block; } } footer.rte-global-footer ul:first-of-type { margin-bottom: 0; } footer.rte-global-footer ul:last-child { margin-bottom: 2rem; margin-top: 0; } footer.rte-global-footer ul li { font-family: "Source Sans Pro", sans-serif; padding-bottom: .625rem; font-size: .9em; font-weight: 600; } footer.rte-global-footer ul li a { color: #fff; text-decoration: none; } footer.rte-global-footer ul li a:hover { text-decoration: underline; } footer.rte-global-footer .social-btn-container { float: left !important; } footer.rte-global-footer .disclaimer { background: #292d32; text-align: center; margin-top: 2rem; padding: 1rem 0 0 0; } footer.rte-global-footer .disclaimer p:last-of-type { padding-top: 0; color: #6b728c; } footer.rte-global-footer .break { border-top: 1px solid #292D32; padding-top: 2rem; } footer.rte-global-footer .newsletter { margin-top: 1rem; font-size: .9em; } footer.rte-global-footer .newsletter input { width: 60%; padding: .8rem 1rem; float: left; color: #000; margin-right: 1rem; font-family: "Source Sans Pro", sans-serif; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4yIiBiYXNlUHJvZmlsZT0idGlueSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQoJIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTIuMSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cG9seWdvbiBmaWxsPSIjQTZCM0M5IiBwb2ludHM9IjEzLjgsMCAyLjUsMCA4LDUuOSAJIi8+DQoJPHBvbHlnb24gZmlsbD0iI0E2QjNDOSIgcG9pbnRzPSIxNiwwLjkgOCw5LjQgMCwwLjkgMCwxMi4xIDE2LDEyLjEgCSIvPg0KPC9nPg0KPC9zdmc+DQo=") no-repeat 10px 14px #fff; text-indent: 24px; background-size: 20px; border: none; } footer.rte-global-footer .newsletter ::-webkit-input-placeholder { color: #6b728c; } footer.rte-global-footer .newsletter :-moz-placeholder { /* Firefox 18- */ color: #6b728c; } footer.rte-global-footer .newsletter ::-moz-placeholder { /* Firefox 19+ */ color: #6b728c; } footer.rte-global-footer .newsletter :-ms-input-placeholder { color: #6b728c; } footer.rte-global-footer .newsletter button { background: #6b728c; border-radius: 40px; padding: 1rem 1rem; display: inline-block; } footer.rte-global-footer .btn-group { display: inline-block; margin-top: 0; } footer.rte-global-footer .btn-group i { color: #FFFFFF; margin: 0 0.5rem !important; display: inline-block; cursor: pointer; text-align: left; width: 36px; height: 36px; border-radius: 50%; float: left; background: #6b728c; font-family: 'icomoon' !important; font-style: normal; line-height: 1; font-size: 2.3rem; position: relative; } @media screen and (min-width: 40em) { footer.rte-global-footer .btn-group i { margin: 0 1rem; } } footer.rte-global-footer .btn-group i a { width: 100%; height: 100%; display: block; position: absolute; top: 0; } footer.rte-global-footer .btn-group i.facebook { font-size: 44px; line-height: 36px; } footer.rte-global-footer .btn-group i.facebook:before { margin-left: -5px; } footer.rte-global-footer .btn-group i.twitter { line-height: 38px; margin-left: 0 !important; } footer.rte-global-footer .btn-group i.twitter:before { margin-top: 6px; } footer.rte-global-footer .btn-group i.envelope { font-size: 30px; line-height: 36px; } footer.rte-global-footer .btn-group i.envelope:before { margin-left: 3px; } footer.rte-global-footer .btn-group i.youtube { font-size: 58px; line-height: 38px; } footer.rte-global-footer .btn-group i.youtube:before { margin-left: -10px; } footer.rte-global-footer .btn-group i.comment { font-size: 34px; line-height: 38px; width: 72px; border-radius: 24px; } footer.rte-global-footer .btn-group i.comment a { color: #fff; text-align: right; font-family: "Source Sans Pro", sans-serif; font-size: 18px; padding: 0 14px; } footer.rte-global-footer .btn-group i.comment a#cload { position: absolute; z-index: 2; width: 100%; height: 100%; } footer.rte-global-footer #cookie-policy-strap { font-family: "Source Sans Pro", sans-serif; background: #ffffff; font-size: 16px; color: #000000; position: fixed; z-index: 999999; width: 100%; bottom: 0; height: 0; overflow: hidden; transition: all 1s; border-top: 1px solid #a6b3c9; } footer.rte-global-footer #cookie-policy-strap.hide { height: 0; } footer.rte-global-footer #cookie-policy-strap.show { height: 80px; } footer.rte-global-footer #cookie-policy-strap .inner { padding: 20px 15px; max-width: 1160px; position: relative; margin: auto; } @media screen and (min-width: 40em) { footer.rte-global-footer #cookie-policy-strap .inner { padding: 15px; } } footer.rte-global-footer #cookie-policy-strap .inner h3, footer.rte-global-footer #cookie-policy-strap .inner p { margin: 0 20% 0 0; } footer.rte-global-footer #cookie-policy-strap .inner h3 { color: #eee; font-weight: bold; } footer.rte-global-footer #cookie-policy-strap .inner h3 a { display: inline-block; font-family: "Montserrat", sans-serif; font-weight: 600; color: #000000; text-decoration: none; text-transform: uppercase; font-size: 14px; } @media screen and (min-width: 40em) { footer.rte-global-footer #cookie-policy-strap .inner h3 a { font-size: 16px; } } footer.rte-global-footer #cookie-policy-strap .inner p { display: none; font-size: 16px; color: #000000; } @media screen and (min-width: 40em) { footer.rte-global-footer #cookie-policy-strap .inner p { display: block; } } footer.rte-global-footer #cookie-policy-strap .inner p a { color: #00A7B3; } footer.rte-global-footer #cookie-policy-strap .inner p .extra-info { display: none; } footer.rte-global-footer #cookie-policy-strap .inner #close-strap { display: block; text-align: center; text-decoration: none; position: absolute; right: 15px; top: 15px; color: #00A7B3; } footer.rte-global-footer #cookie-policy-strap .inner #close-strap .x { font-family: "Montserrat", sans-serif; display: inline-block; background: #00A7B3; border-radius: 30px; font-size: 20px; padding: 4px 12px; color: #ffffff; font-weight: 600; } .paginator { font-family: "Source Sans Pro", sans-serif; } @media screen and (max-width: 39.9375em) { .paginator { padding-left: 0; padding-right: 0; margin-bottom: 1rem; } } .paginator .columns { background-color: #f5f6fa; padding-top: 1.25rem; padding-bottom: 1.25rem; } .paginator .columns.results { color: #636c7b; } @media screen and (max-width: 39.9375em) { .paginator .columns.results { text-align: center; padding-bottom: 0; } } @media screen and (max-width: 39.9375em) { .paginator .columns.page-controls { padding-top: 0.5rem; } } .paginator .pager { margin: 0; text-align: center; } @media screen and (min-width: 40em) { .paginator .pager { text-align: right; } } .paginator .pager .not-visible { visibility: hidden; } .paginator .pager li { display: inline-block; font-weight: bold; text-align: center; } .paginator .pager li.page { width: 24px; height: 24px; line-height: 22px; margin: 0 3px; } .paginator .pager li.current { background: #00A7B3; border-radius: 90px; color: #fff; cursor: pointer; } .sidebar_panels { margin: 0 1.25rem; } @media screen and (min-width: 40em) { .sidebar_panels { margin: 0; padding-left: 1.25rem; padding-right: 1.25rem; } } @media screen and (min-width: 64em) { .sidebar_panels { margin-left: 1.25rem; } .sidebar_panels.stuck { position: absolute; z-index: 1; bottom: 0; background: #fff; margin-top: 2rem; } } .sidebar_panels .heading { font-family: "Montserrat", sans-serif; font-weight: 600; text-transform: none; letter-spacing: 0; border-bottom: 0; padding-bottom: 0; font-size: 2rem !important; margin-top: 0; margin-bottom: 0; } @media screen and (max-width: 39.9375em) { .sidebar_panels .heading { text-align: center; line-height: 1; padding-top: 1rem; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .sidebar_panels .heading { text-align: center; } } .sidebar_panels .heading:after { content: '.'; } .sidebar_panels .panel { margin-bottom: 1.5rem; } body.ad-blocker-enabled .topcontainer, body.ad-blocker-enabled .advert, body.ad-blocker-enabled .ad-container { display: none !important; } body.ad-blocker-enabled article.rte-article .large-8, body.ad-blocker-enabled .results-container .large-8 { width: 100%; } body.ad-blocker-enabled article.rte-article .large-4, body.ad-blocker-enabled .results-container .large-4 { display: none; } body.ad-blocker-enabled #tracker-container .tracker-key-points { display: block; } /*# sourceMappingURL=style.css.map */